/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
*{font-family: Arial, Verdana, Tahoma,Geneva, sans-serif;}

body, p, table, td, select, a, input, textarea{font-size: 12px; color: #646466;}

body{
	background: #FFFFFF;
	margin: 0px; padding: 0px;
	text-align: center;
}



a{text-decoration: underline;}
a:hover{text-decoration: none; color:#F1661B;}

a img{border: none;}

form{margin: 0px; padding: 0px;}

p{margin-top: 0px;}










/***************************************/
/** CONTENEURS **/
/***************************************/
#conteneur{
	height: auto !important;
	margin: 0px auto;
	padding: 0px;
	background:url(images/interface/fond_general.jpg) top center repeat-y;
	height: auto !important;
	height: 200px;
	min-height: 200px;
}

#conteneur_top{
	height: auto !important;
	height:590px;
	min-height: 590px;
	background:url(images/interface/fond_top.jpg) top center no-repeat;
}









/***************************************/
/** HEADER **/
/***************************************/
#header{
	height: 177px;
	width: 838px;
	margin: 0px auto;
}









/***************************************/
/** FOOTER **/
/***************************************/
#footer{
	width: 100%;
	height: 156px;
	margin: 0px auto;
	background: url(images/interface/fond_footer.jpg) top center no-repeat;
	text-align: center;
}


#footer #footer_menu{padding: 7px 0 27px 0;}
#footer #footer_menu a{
	font-size: 11px;
	font-weight: bold;
	color: #84c9cd;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 8px;
}
#footer #footer_menu a:hover{text-decoration: underline;}


#footer #footer_link, #footer #footer_link a{font-size: 9px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #317486;}
#footer_link a{background:url(images/interface/puce_footer_link.gif) center left no-repeat; padding-left:5px; text-decoration:none;}
#footer_link a:hover{text-decoration: underline;}












/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	height: auto !important;
	text-align: left;
	width: 838px;
	margin: 0px auto 10px;
}


/* PAGES PRESENTATION + CONTACT + MENTIONS */
#conteneur_2{
	background: url(images/interface/fond_bicolonne.jpg) top right no-repeat;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	width: 838px;
	padding-top: 45px;
}

	#conteneur_20{padding:0px 35px;}
	
	#conteneur_21{float:left; width: 517px;}
		#conteneur_211{padding:0px 35px; line-height:18px;}
	
	#conteneur_22{float:right; width:321px;}
		#conteneur_221{padding:0px 20px; height:222px}
		#conteneur_222{padding:0px 5px 0px 20px; font-size:14px; line-height:20px;}
			#conteneur_222 span{font-size:16px;}



/* PAGES LISTING */
#conteneur_3{
	width: 838px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	margin: 0px;
	padding:25px 0 0 0;
}
	#conteneur_31{float:left; width:159px;}
	#conteneur_31 img{padding:20px 0px;}
	
	#conteneur_32{float: left; width:636px; font-size:12px; color:#636466;}
	#conteneur_32 h1{font-family:"Trebuchet MS"; font-size:26px; font-weight:bold; margin:0px; padding:0px; line-height:22px;}
	#conteneur_32 .chapo{font-size:12px; font-weight:bold; color:#636466; padding: 0 0 20px 0;}
	#conteneur_32 .txt{line-height:17px;}


.bloc_infos{padding:0 0px 0 40px;}
a.infos{font-size:12px; font-weight:bold; color:#dd5942; text-decoration:none;}
a.infos:hover{text-decoration:underline;}



/* PAGES DETAILS LISTING */
#conteneur_4{
	width: 838px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	margin: 0px;
	padding:25px 0 0 0;
}

#conteneur_4_coord{ padding:0 30px;}
.titre_rub{font-family:"Trebuchet MS"; font-size:36px; font-weight:bold; color:#07434c;}
.by_1{font-family:"Trebuchet MS"; color:#45a2bc; font-size:18px;}
.by_2{font-family:"Trebuchet MS"; color:#45a2bc; font-size:20px; font-weight:bold;}
.spe{font-size:18px; font-weight:bold; color:#07434c;}

.identity{border:1px solid #45a2bc; padding:8px;}
.adresse{color:#646466; font-size:14px; line-height:20px;}

#download{float:right; position:relative; background:red;}

			







/***************************************/
/** MENU **/
/***************************************/
#menu{
	margin: 0px auto;
	width: 752px;
	text-align: center;
	padding-top: 140px;
}










/***************************************/
/** NOTES **/
/***************************************/
.note{font-size: 9px; color: #706768;}
a.note{color: #706768; text-decoration: none;}
a.note:hover{text-decoration: underline;}








/***************************************/
/** DIVERS **/
/***************************************/
.txt1{font-family: Trebuchet MS; font-weight:bold; font-size:24px; color:#04444e; padding:0 0 15px 0;}
.txt2{font-family: Trebuchet MS; font-weight:bold; font-size:12px; line-height:12px; color:#FFFFFF;}
.txt3{font-weight: bold; font-size:17px; color: #646466;}
.txt4{font-size:10px; color:#03454f;}

.txt5{font-family: Trebuchet MS; font-size:20px; color:#ce3c38; padding:0 0 15px 0;}

.txt6{color:#44a2bc;}
a.txt6{color:#44a2bc; text-decoration:none;} a.txt6:hover{text-decoration:underline;}

.txt7{color:#ed1c24;}

.txt8{font-family: tahoma; font-size:9px; color:#44a2bc; line-height:12px;}











/***** RESTE ****/
.clear{clear: both;}
.clear_S{clear: both; height: 5px;}
.clear_M{clear: both; height: 10px;}
.clear_L{clear: both; height: 20px;}
.clear_XL{clear: both; height: 30px;}
.clear_XXL{clear: both; height: 55px;}

.champ{border: solid 1px #646466;}
.champ1{border: solid 1px #646466; width: 300px;}
.champ2{border: solid 1px #646466; width: 300px; height:75px;}
.champ3{border: solid 1px #646466; width: 210px;}

.pdf{
	background: url(images/interface/commun/pdf.gif) no-repeat;
	padding: 2px 0 5px 20px;
	line-height: 20px;
}

.alerte{
	border: 1px dashed #7D2C49;
	background: #FDF4F8;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

.alerte2{color:#ff0000;	font-weight: bold;}