/*-----------------------*/
/*  ParamÌtres généraux  */
/*-----------------------*/
html, body{
	background-color: white;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0D3162;
}

.text_center{
  text-align: center;
}
.text_left{
  text-align: left;
}
.text_right{
  text-align: right;
}
.text_italic{
	font-style: italic;
}
.image_left{
	float: left;
	margin-right: 5px;
}
.image_right{
	float: right;
	margin-left: 5px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
input, textarea{
	border: 1px solid #DDDDDD;
}

/*--------------------*/
/*  LIENS hypertexte  */
/*--------------------*/
a:link{ 
	color: #001A3A;
	text-decoration: none;
}
a:visited{
	color: #001A3A;
	text-decoration: none;
}
a:hover{
	color: #001A3A;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	color: #001A3A;
	text-decoration: none;
}

/*----------*/
/*  HEADER  */
/*----------*/
#header_out{
	background: url('/images/interface/fond_header.jpg') repeat-x;
	background-color: #E8F0FB;
	height: 255px;
}
#header_out #header_in{
	position: relative;
	background: url('/images/interface/bandeau_header.jpg') no-repeat;
	width: 1007px;
	height: 257px;
	margin: 0 auto;
}
/* Logo */
#header_out #header_in #logo{
	position: absolute;
	top: 0px;
	left: 14px;
	width: 260px;
	height: 242px;
}

/* Compte à rebours */
#header_out #header_in #compte_a_rebours{
	position: absolute;
	top: 3px;
	left: 285px;
	background: url('/images/interface/fond_compte_a_rebours.jpg') no-repeat;
	width: 200px;
	height: 44px;
	padding-top: 5px;
	padding-left: 100px;
}
#header_out #header_in #compte_a_rebours .countdown_section{
	display: block;
	float: left;
	color: #E4F1FF;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	margin-right: 32px;
}

/* Menu Dock */
#header_out #header_in #menu_dock{
	position: absolute;
	top: 23px;
	right: 25px;
	text-align: left;
	width: 240px;
	height: 40px;
	z-index: 200;
}
#header_out #header_in #menu_dock img{
	padding-right: 6px;
}
#header_out #header_in #menu_dock .jqDockLabel{
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	color: black;
	background-color: transparent;
	z-index: 300;
}
#header_out #header_in #menu_dock .jqDockLabelLink{
	cursor: pointer;
	padding-top: 20px;
}


/* Sous-titre */
#header_out #header_in #sous_titre{
	position: absolute;
	top: 80px;
	left: 290px;
	width: 675px;
	height: 40px;
	padding-top: 20px;
	padding-left: 15px;
}
#header_out #header_in #sous_titre h1{
	float: left;
	color: #0D3162;
	font-size: 18px;
	width: 480px;
	margin-top: 3px;
}
#header_out #header_in #sous_titre img{
	margin-right: 10px;
}
#header_out #header_in #sous_titre #goutte{
	float: left;
}
#header_out #header_in #sous_titre #logo_veolia{
	float: right;
}

/*--------*/
/*  BODY  */
/*--------*/
#body_out{
	position: relative;
	background: url('/images/interface/fond_body.jpg') no-repeat top center;
	background-color: #D3E0F0;
}
#body_out #body_in{
	width: 1007px;
	margin: 0 auto;
}

/* Menu latéral à gauche */
#body_in ul#menu_lateral{
	float: left;
	width: 170px;
	margin-top: 10px;
	margin-left: 30px;
}
#body_in ul#menu_lateral li a{
	display: block;
	background: url('/images/interface/bouton_menu_lateral.gif') no-repeat;
	height: 23px;
	margin-bottom: 3px;
	padding-top: 9px;
	padding-left: 20px;
}
#body_in ul#menu_lateral li a:hover{
	background: url('/images/interface/bouton_menu_lateral_roll.gif') no-repeat;
	padding-top: 9px;
	padding-left: 30px;
	height: 23px;
}

/*------------------*/
/*  BODY > ACCUEIL  */
/*------------------*/

/* Contenu à droite */
#body_in #contenu{
	float: right;
	width: 717px;
	/*height: 245px;*/
	margin-top: 10px;
	margin-right: 15px;
}
#body_in #contenu h3{
	float: left;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	width: 680px;
	padding-top: 5px;
	padding-left: 15px;
}
#body_in #contenu p{
	clear: both;
	font-size: 12px;
	text-align: justify;
	line-height: 20px;
	padding: 3px 10px 10px 30px;
}

/* Image à gauche */
#body_in #contenu img#image_accueil{
	float: left;
	margin-left: 30px;
	margin-right: 5px;
}

/* Contenu à droite de l'image */
#body_in #contenu #contenu_suite{
	float: left;
	width: 450px;
	margin-left: 10px;
}
#body_in #contenu h4{
	float: left;
	background-color: white;
	color: #4677A9;
	font-size: 11px;
	font-weight: normal;
	height: 13px;
	width: 200px;
	padding-left: 10px;
}
#body_in #contenu #contenu_suite p{
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px;
}

/*-------------------------------*/
/*  BODY > CONFERENCE 			 */
/*  BODY > PRECEDENTES EDITIONS  */
/*-------------------------------*/
#body_in #contenu{
	width: 720px;
	padding-left: 60px;
}
#body_in #contenu p{
	padding-right: 130px;
}
#body_in #contenu span.theme{
	font-size: 14px;
	font-weight: bold;
}
#body_in #contenu span.h6{
	display: block;
	background: url('/images/interface/puce-trans.png') no-repeat 3px center;
	background-color: white;
	color: #0F3063;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
#body_in #contenu ul#slider li ul.intervenant{
	width: 360px;
	padding-left: 30px;
}
#body_in #contenu ul#slider li ul.intervenant li{
	text-align: justify;
	width: 360px;
	list-style-type: circle;
	list-style-position: inside;
	padding: 6px 0px;
}
#body_in #contenu .img_matin, #body_in #contenu .img_aprem{
	margin-top: 20px;
}

/* Slider */
#body_in .accessible_news_slider{
	position: relative;
	overflow: hidden;
}
#body_in .accessible_news_slider ul#slider{
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
#body_in .accessible_news_slider ul#slider li{
	display: inline;
	float: left;
	width: 790px;
}
#body_in .accessible_news_slider .view_all{
	display: none;
}

/* Boutons back et next */
#body_in .accessible_news_slider .back{
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 2;
}
#body_in .accessible_news_slider .next{
	position: absolute;
	top: 40px;
	right: -120px;
	z-index: 2;
}
#body_in .accessible_news_slider .back a,
#body_in .accessible_news_slider .next a{
	display: none;
	outline: none;
}

/*--------------------*/
/*  BODY > PROGRAMME  */
/*--------------------*/
#body_in h5{
	color: #0F3063;
	font-size: 14px;
	font-weight: bold;
}
#body_in #programme{
	float: left;
	color: black;
	font-size: 12px;
	width: 490px;
	margin: 10px 0 10px 60px;
}
#body_in #programme td.puce{
	background: url('/images/interface/puce-trans.png') no-repeat;
	background-position: 0px 8px;
	width: 15px;
	height: 6px;
}
#body_in #programme td.heure{
	width: 70px;
	padding: 5px 0;
	vertical-align: top;
}
#body_in #programme td.description{
	text-align: justify;
	padding: 5px 0;
}
#body_in #programme td.separateur{
	background: url('/images/interface/separateur_degrade.jpg') no-repeat;
	width: 490px;
	height: 1px;
}

/* Rencontres pr�c�dente programme */
#body_in .programme-precedent{
	float: left;
	color: black;
	font-size: 12px;
	width: 650px;
	margin: 10px 0 10px 30px;
	float: left;
}
#body_in .programme-precedent td.puce{
	background: url('/images/interface/puce-trans.png') no-repeat;
	background-position: 0px 8px;
	width: 15px;
	height: 6px;
}
#body_in .programme-precedent td.heure{
	width: 60px;
	padding: 5px 0;
	vertical-align: top;
}
#body_in .programme-precedent td.description{
	text-align: justify;
	padding: 5px 0;
}
#body_in .programme-precedent td.separateur{
	background: url('/images/interface/separateur_degrade.jpg') no-repeat;
	width: 490px;
	height: 1px;
}

#body_in .programme-precedent td.img{
	
	width: 260px;
	
}

/* Fin rencontres pr�c�dente programme */

/*----------------------*/
/*  BODY > TABLE RONDE  */
/*----------------------*/
#body_in #table_ronde{
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	width: 720px;
	padding-left: 60px;
}
#body_in #table_ronde p{
	clear: both;
	font-size: 12px;
	text-align: justify;
	line-height: 20px;
	padding: 3px 10px 10px 30px;
}
#body_in #table_ronde h3{
	float: left;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	width: 680px;
	padding-top: 5px;
	padding-left: 15px;
}
#body_in #table_ronde h6{
	background: url('/images/interface/puce-trans.png') no-repeat 3px center;
	background-color: white;
	color: #0F3063;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
#body_in #table_ronde ul{
	background-color: #eff3f7;
	margin-bottom: 7px;
	padding-left: 20px;
}
#body_in #table_ronde ul li{
	font-size: 8px;
	list-style-type: disc;
	padding: 8px 0;
}
#body_in #table_ronde ul li span{
	font-size: 12px;
}

/*----------------*/
/*  BODY > LIENS  */
/*----------------*/
#body_in #contenu p a{
	font-weight: bold;
	color: #0F3063;
}


/*------------------*/
/*  BODY > CONTACT  */
/*------------------*/
#body_in #contact #form_contact{
	width: 400px;
	margin: 10px 0 10px 60px;
}
#body_in #contact #coordonnee{
	width: 250px;
	margin: 10px 0 10px 0;
}
.formulaire p{
	margin-bottom: 10px;
}
.formulaire #bloc_erreur{
	border: 1px solid red;
	color: red;
	margin-bottom: 10px;
	padding: 8px;
}

/*----------------------------*/
/*  BODY > ACCES INSCRIPTION  */
/*----------------------------*/
#body_in #bloc-form-acces{
	float: left;
	width: 600px;
	margin: 10px 0 10px 60px;
}
label{
	text-align: left;
}

label.sized{
	display: inline-table;
	width:	95px;
}

label.sized-short{
	display: inline-table;
	width:	50px;
}

input.input-text{
	margin: 5px 0 5px 4px;
	_margin: 2px 0 2px 2px;
}

input.checkbox{
	margin: 6px 4px 6px 0;
	_margin: 2px 1px 2px 0;
}

input.submit{
	color: #fff;
	background-color: #1B4677;
	border: solid 1px #aaa;
	margin-top: 20px;
	padding: 5px 8px;
}

/*----------------------*/
/*  BODY > INSCRIPTION  */
/*----------------------*/
#body_in #bloc-form-inscription{
	float: left;
	width: 600px;
	margin: 10px 0 10px 60px;
}
#body_in #bloc-form-inscription #bloc_erreur{
	border: 1px solid red;
	color: red;
	margin-bottom: 10px;
	padding: 8px;
}

/*----------*/
/*  FOOTER  */
/*----------*/
#footer{
	background: url('/images/interface/fond_footer.jpg') no-repeat top center;
	background-color: #061E38;
}

/* Ligne des actualités et newsletter */
#footer #bloc_actualite_out{
	background: url('/images/interface/fond_bloc_actualite.jpg') repeat-x;
	height: 39px;
}
#footer #bloc_actualite_out #bloc_actualite_in{
	background: url('/images/interface/bloc_actualite.jpg') no-repeat top center;
	width: 1007px;
	height: 39px;
	margin: 0 auto;
}
#footer #bloc_actualite_out #bloc_actualite_in span#dernieres_infos{
	float: left;
	display: block;
	font-size: 18px;
	font-style: italic;
	margin: 7px 10px 0px 50px;
}

/* Actualités défilante */
.tickercontainer{
	float: left;
	width: 650px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tickercontainer .mask{
	position: relative;
	left: 10px;
	top: 8px;
	width: 650px;
	overflow: hidden;
}

ul.newsticker{
	position: relative;
	left: 400px;
	margin-top: 5px;
}
ul.newsticker span {
	margin: 0 15px 0 0;
} 


ul.newsticker li{
	float: left;
	font-size: 11px;
	padding-right: 15px;
	width: 1600px;
}


#footer #bloc_actualite_out #bloc_actualite_in #newsletter{
	float: right;
	text-align: right;
	color: #0D3162;
	font-size: 11px;
	font-weight: bold;
	width: 75px;
	padding-right: 13px;
	margin-right: 0px;
}
#footer #bloc_actualite_out #bloc_actualite_in #newsletter img{
	vertical-align: -14px;
}

/* Espace de contenu */
#footer #contenu_footer{
	width: 1007px;
	margin: 40px auto 0 auto;
}

/* Bloc arrondi */
.bord_gauche{
	float: left;
	background: url('/images/interface/bloc_bord_gauche-trans.png') no-repeat;
	height: 219px;
	width: 10px;
}
.bloc_contenu{
	float: left;
	background: url('/images/interface/bloc_fond-trans.png') repeat-x;
	height: 219px;
}
.bord_droite{
	float: left;
	background: url('/images/interface/bloc_bord_droite-trans.png') no-repeat;
	height: 219px;
	width: 10px;
}

/* Bloc inscription à gauche */
#footer #contenu_footer #inscription{
	float: left;
	width: 255px;
	height: 219px;
	margin-left: 15px;
	margin-right: 20px;
}
#footer #contenu_footer #inscription .bloc_contenu{
	position: relative;
	width: 235px;
}
#footer #contenu_footer #inscription .bloc_contenu a#encrier{
	display: block;
	position: absolute;
	top: 10px;
	left: 2px;
	background: url('/images/interface/fond_encrier-trans.png') no-repeat;
	line-height: 18px;
	width: 229px;
	height: 112px;
	padding-top: 15px;
	padding-left: 18px;
}
#footer #contenu_footer #inscription .bloc_contenu a#encrier:hover{
	background: url('/images/interface/fond_encrier_roll-trans.png') no-repeat;
	font-weight: normal;
}
#footer #contenu_footer #inscription .bloc_contenu #m_inscrire{
	font-size: 18px;
}
#footer #contenu_footer #inscription .bloc_contenu a.bouton_bleu{
	display: block;
	background: url('/images/interface/bouton_bleu_inscription-trans.png') no-repeat;
	font-size: 11px;
	width: 187px;
	height: 21px;
	padding-top: 7px;
	padding-left: 35px;
	margin-bottom: 5px;
}
#footer #contenu_footer #inscription .bloc_contenu #boutons_inscription{
	margin-top: 130px;
	margin-left: 6px;
	z-index: 5;
}

/* Bloc Edito à droite */
#footer #contenu_footer #edito{
	float: left;
	width: 700px;
	height: 219px;
}
#footer #contenu_footer #edito .bloc_contenu{
	width: 680px;
}
#footer #contenu_footer #edito .bloc_contenu h2{
	margin-top: 15px;
	margin-left: 5px;
}
#footer #contenu_footer #edito .bloc_contenu p{
	text-align: justify;
	line-height: 25px;
	margin-top: 15px;
	margin-left: 45px;
	margin-right: 10px;
}

/* Ligne des crédits */
#footer #credits{
	position: relative;
	background-color: #03152B;
	color: white;
	height: 23px;
	padding-top: 7px;
	margin-top: 40px;
}
#footer #credits a#copyright{
	float: left;
	color: white;
	font-size: 10px;
	margin-top: 3px;
	margin-left: 10px;
}
#footer #credits p{
	float: right;
	margin-right: 280px;
}
#footer #credits span.texte_bleu{
	color: #89ACD9
}
#footer #credits #logo_veolia_footer{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 248px;
	height: 85px;
}