/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#36bdbc url(../images/charte/bg-body.jpg) repeat-x;
height:100%;
}
/***************** CONTAINER *****************/
#container{
position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
display: table;
width:920px;
margin:0 auto;
background: #fff;
}

#wrap-container {

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -81px;
  background:url(../images/charte/wrap-bg.gif) top repeat-y;

  }

#wrap-footer #footer.push {
height: 81px;
}




#contenu{
float:left;
width:670px;
padding:20px 0 81px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
color: #0094DE;
}

#cont{
background: url(../images/charte/bg-contenu.jpg) 0px 0px no-repeat;
width:920px;
display: table;

}


#header{
width:920px;
height:175px;
}






/***************** STYLE CONTENU *****************/
.col {
width:240px;
height:170px;

float:left;

}

.col2 {
width:230px;
height:170px;
float:left;

}


#contenu h1{
font:normal 18px Arial, Helvetica, sans-serif;
color:#d65419;
letter-spacing:1px;
margin:0 0 12px 240px;
padding-bottom: 2px;
border-bottom:1px dashed #d65419;
}

#contenu h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color:#d65419;
padding-top: 15px;
text-transform: uppercase;
margin-bottom:3px;
padding-bottom: 3px;
border-bottom:1px dashed #d65419;
}

#contenu h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color:#d65419;
padding-top: 15px;
text-transform: uppercase;
}

#contenu p.couleur, span.couleur{
font-weight:bold;
color:#117294;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#f0af1f;
}
#contenu a:hover, #contenu a:active{
color:#f0af1f;
text-decoration:underline;
}

.bolder{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #0E4E82;

}

.bolder-red{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #d65419;

}

/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:210px;
text-align: left;

}
#menuLeft dd, #menuLeft dt{
  float: left;
}

#menuLeft dd{
width:200px;
}


#menuLeft ul, dd, li, dt{
list-style:none;
text-align: left;
margin: 0px;
padding: 0px;


}
#menuLeft dt a{
text-decoration:none;
font:bold 14px/25px Arial, Helvetica, sans-serif;
color:#6287af;
display:block;
height:25px;
width: 210px;
overflow:hidden;
margin-bottom:1px;
padding:0 0 0 10px;
}

#menuLeft dt a:hover
{
color:#16b7b5;
border-bottom:1px solid #16b7b5;
margin-bottom:0px;

}
/***************** SOUS MENU */
#menuLeft li{
border:0;
font:bold 11px/20px Arial, Helvetica, sans-serif;
height:20px;
margin-left: 10px;


list-style: none;
width: 200px;


}

#menuLeft li a{
border:0;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#d66936;



}
#menuLeft li a:hover{
text-decoration:none;
color:#eb9b1c;
margin-bottom:0px;
}
/***************** FOOTER *****************/
#footer{
position:relative;

width:920px;
height: 81px;
margin:0px auto;

background: #fff url(../images/charte/bg-container.jpg) left bottom no-repeat;
}
#idep{
position:absolute;
left:0;
bottom:0;
height: 30px;
width:195px;

}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
text-align:left;
color:#0e4e82;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#0e4e82;
}

#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#0e4e82;
text-align:right;
margin-right: 50px;

width:700px;
float: right;

letter-spacing:1px;
padding:50px 10px 0 0;
}
#footer p .couleur,#footer  span.couleur{
font:bold 12px/20px Arial, Helvetica, sans-serif;
color:#0e4e82;
}

#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

a img{

-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}

.inputForm{
border:1px solid #DDF0F4;
background-color: #FFFFFF;
width:150px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #DDF0F4;
background-color: #F5F4F4;
width:150px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}


.inputForm2{
border:1px solid #DDF0F4;
background-color: #FFFFFF;
width:180px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputForm2Over{
border:1px solid #DDF0F4;
background-color: #F5F4F4;
width:180px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #51C5DB;
background-color: #DDF0F4;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#0E4E82;
}
.buttonOver{
border:1px solid #51C5DB;
background-color: #51C5DB;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#0E4E82;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#0E4E82;
	font-size:11px;
  width: 540px;
	border:1px solid #DDF0F4;

}

.frmContact2{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#0E4E82;
	font-size:11px;
  width: 650px;
	border:1px solid #DDF0F4;

}

.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;


}

.frmContact2 .Label, .frmContact2 label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;


}

.notice{

	font-size:11px;
	padding:0px;
  color: #FFFFFF;
}


.invisible{
display: none;

}