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

body, p, table, td, select, a, input, textarea{font-size: 12px; color: #646466;}
body{
	behavior:url("csshover2.htc")
	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/fond_top.jpg) top center no-repeat;
	height: auto !important;
	height: 200px;
	min-height: 200px;}

#conteneur_global{background:url(images/fond_general.jpg) top center repeat-y;}
#conteneur_top{height: auto !important; height:590px;}
	
/** HEADER **/
#header{
	height: 177px;
	width: 838px;
	margin: 0px auto;}

/** FOOTER **/

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

#footer #footer_menu{padding: 7px 0 27px 0;
height: auto !important;
text-align:center;
width: 830px;
margin: 0px auto 10px;}

#footer #footer_menu a{
	font-size: 9px;
	font-weight: bold;
	color: #43A1BB;
	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/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;
  -margin-top:-413px;}
  
  #pquestion{
	height: 88px;
	background:url(images/contactez-nous.jpg) no-repeat;
	text-align: center;
	display:block;	
	width: 818px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:7px;
	clear:both;
	}

/* PAGES PRESENTATION + CONTACT + MENTIONS */
  #conteneur_2{
	background: url(images/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;
	margin-top:20px;
	}
	#conteneur_31{float:left; width:160px;}
	#conteneur_31 img{padding:20px 0px;}	
	#conteneur_32{float: left; width:608px; font-size:12px; color:#636466; margin-left:30px;}
	#conteneur_32bis{clear:right; font-size:12px; color:#636466; margin-bottom:60px;}
	#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; text-align:justify;}
	#conteneur_33bis{float: left; width:303px; -width:250px;  }
#conteneur_34bis{float: left; width:265px; }
.bloc_infos{padding:0 0px 0 10px;}
a.infosv{font-size:11px; font-weight:bold; color:#bbbbbb; text-decoration:none;display:block; margin-top:5px;}
a.infosv:hover{color:#348C41;}
a.infos{font-size:11px; font-weight:bold; color:#bbbbbb; text-decoration:none;display:block; margin-top:5px;}
a.infosb{font-size:11px; font-weight:bold; color:#bbbbbb; text-decoration:none;display:block; margin-top:5px;}
a.infosb:hover{color:#2B93D1;}
a.infosr{font-size:11px; font-weight:bold; color:#bbbbbb; text-decoration:none;display:block; margin-top:5px;}
a.infosr:hover{color:#F25D6D;}
.titre_rub1{color:#348C41; font-size:17px;}
.titre_rub2{color:#F25D6D; font-size:17px;}
.titre_rub3{color:#2B93D1; font-size:17px;}
/* 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 20px;}
.titre_rub{font-family:"Trebuchet MS"; font-size:30px; 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: url(media/images/interface/download_pdf.gif) left no-repeat; }
#download a {text-decoration:none; color:red; padding-left:20px; }
#download a:hover {text-decoration:underline;}
/** MENU **/
#menu{
	margin: 0px auto;
	width: 820px;
	text-align: center;
	padding-top: 140px;
	font-weight:bold; }
	
/** 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:#ff7e00; padding:0 0 15px 0;}
.txt6{color:#44a2bc;}
a.txt6{color:#44a2bc; text-decoration:none;} a.txt6:hover{text-decoration:underline;}
a.txt9{color:#1E3A3D; text-decoration:none; font-weight:normal;} a.txt9:hover{text-decoration:underline;}
.txt7{color:#ed1c24;}
.txt8{font-family: tahoma; font-size:9px; color:#44a2bc; line-height:12px;}
.ul1{margin:0px; padding:0px;}
.ul1 li{color:#FFFFFF; margin-top:5px; margin-left:10px;}

/***** 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/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;}

.bt_list_v {background: url(images/bt_list.jpg) no-repeat; width:167px; height:37px; float:right;}
.bt_list_r {background: url(images/bt_list_r.jpg) no-repeat; width:167px; height:37px; float:right;  }
.bt_list_b {background: url(images/bt_list_b.jpg) no-repeat; width:167px; height:37px; float:right;  }
.bt_txt a{ width:167px; text-transform:uppercase; height:37px; color:#FFF; display:block; text-decoration:none; font-size:11px; font-weight:bold; text-align:center; padding-top:3px;}
.bt_savoir{float:left; clear:left; /width:320px;}

/*menu

div#menu a {color: #FFFFFF; }
div#menu ul {padding: 0; margin:0px; background:#1E3A3D; text-align:center;}
div#menu ul li {position:relative; list-style: none; float:left; display:block; }
div#menu ul ul {position: absolute;display:none; margin-top:-10px;}
div#menu li a {text-decoration:none; display:block; height:37px; font-size:11px; padding-top:10px; padding-left:28px; -padding-left:5px; padding-right:28px; -padding-right:5px; clear:left;}
div#menu li a:hover {background: url(images/bt_menu_hover.jpg )  no-repeat top left;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

.titre1{display:block; background: url(images/bt_menu.jpg) no-repeat left; height:37px; text-transform:uppercase;}
div#menu ul.niveau2 li a{ display:block; width:180px; text-transform:none; text-align:left; height:22px; font-size:10px; padding-top:4px; padding-left:5px; margin-top:1px;}
div#menu ul.niveau2 li a:hover{ background:#43A1BB; color:#FFF; }
div#menu ul.niveau2{float:none;  }

.clear{clear:left;}
.titre_rub2{ font-size:17px; color:#43A1BB;}/*


 
/*centre la page et donne la largeur pour une basse résolution*/
#centrer {
margin-left:auto;
margin-right:auto;
width:820px; }
 /****************************/
/* 	début menu	déroulant	*/
/****************************/
#menu{
width:820px;}

ul, li {
margin:0px;
padding:0px;
list-style-type:none;
}
menu ul{
width:820px; }
/*chaque sous-menu*/

#menu ul li {
background:url(images/bt_menu.jpg) no-repeat left; height:37px;
position:relative;
float:left;
cursor:pointer;
display:block;
color:#FFFFFF;
}
#menu ul li a{
padding-top:10px;
text-decoration:none;
font-size:11px;
text-transform:uppercase;
color:#FFFFFF;
display:block;
margin-left:25px; -margin-left:25px;
margin-right:25px; -margin-right:25px;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
background-color:#1E3A3D;
position:absolute;
font-size:11px;
color:#FFFFFF;
border-top:none;
top:37px;
text-align:left;
left:0;
}
 
#menu ul li ul li {
background-image:none;
height:100%;
-padding-left:5px;
height:25px;}
 
#menu ul li ul li a {
text-decoration:none;
color:#FFFFFF;
width:150px;
-width:170px;
font-size:11px;
font-weight:normal;
display:block;
height:100%;
text-align:left;
text-transform:none;

-margin-left:0px;
-margin-right:0px;
}
 
/*au passage de la souris on inverse les couleurs de la case*/

#menu ul li ul li:hover {
color:#ffffff;
background:#3399ff;
}
#menu ul li ul li a:hover {
color:#ffffff;
-background:#3399ff;
}