/* --- DEBUG BLOCK -------------------------
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
 -----------------------------------------*/


/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{height:100%;
}
body{background:#ffffff url(../images/charte/bg-body.jpg) no-repeat center top;}
body.index{background-color:#000000 !important; background-image:none !important;}

/***************** CONTAINER *****************/
.invisible{
  display:none;
}

#container{
position:relative;
min-height:100%;
height:auto!important;
height:100%;
width:995px;
margin:0 auto;
background:url(../images/charte/bg-container.jpg) repeat-y 265px top;}

#container2{
position:relative;
min-height:100%;
height:auto!important;
height:100%;
width:995px;
margin:0 auto;
}
#intro{
position:relative;
height:139px;
width:554px;
padding:342px 0 0 0px;
margin:0px;
background:url(../images/charte/intro.gif) left top no-repeat;
}
#buttons{
  width:466px;
  height:40px;
  padding:0px 44px;
}

#intro-container{
  position: absolute;
  top:50%;
  left:50%;
  width:554px;
  height:481px;
  margin:-261px 0 0 -277px ;
  display:block;
}

#intro a{
font:11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}
#intro a:hover{
color:#666;
text-decoration:none;
}
#header-content{
position:relative;
height:285px;
width:995px;
background:url(../images/charte/bg-header.jpg) right top no-repeat;
}
#header{
  width:609px;
  height:285px;
  float:right;
  margin-right:65px;
  display: inline;
  }

/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:265px;
height:339px;
/*margin-top:93px;*/
}

/***************** CONTENU *****************/
#col-right{
float:left;
width:730px;
}

#contenu{
float: left;
padding: 0px;
margin: 0px;
width:629px;
margin-left:20px;
margin-top:20px;
display:inline;

}

#col-right #galerie{
width:629px;
height:409px;
margin:0 -30px 0 -20px;
}


#contenu .aligner{
  float:left;
  width:700px;
}

#contenu a:focus{
  outline: none;
}


#contenu map, #contenu area{
  border: none;
  outline: none;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
height: 0px;
width: 100%;
margin: 0px;
padding: 0px;
display: block;
line-height: 0px;
font-size: 0px;
clear: both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer1{
width:100%;
height:55px;
clear:both;
position:relative;
background:url(../images/charte/bg-footer.jpg) repeat-x left bottom;
}
#footer{
position: relative;/*---obligatoire pour le footer---*/
margin:auto;
width:995px;
height:30px;
color:#fff;
}
#idep{
position:absolute;
left:0px;
top:25px;
height:30px;
width:195px
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color: #9f9f9f;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#fff;
}
/***************** FOOTER INTRO *****************/
#footer2{
width:100%;
height:30px;
position:absolute;
background-color:#000;
color: #4F4F4F;
}

#footer2 p{
  color:#4F4F4F;
  font-size: 10px;
  font-family: Arial, Verdana, Tahoma, Georgia,
}

#footer2a{
position: relative;/*---obligatoire pour le footer---*/
margin:0 auto;
width:995px;
height:30px;
color:#fff;
}
#idep2{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
}
#idep2 img{
float:left;
}
#footer2 #idep2 a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color: #4F4F4F;
margin:8px 0 0;
}
#footer2 #idep2 a.idep.optea{
margin:0;
}
#footer2 #idep2 a:hover.idep{
text-decoration:underline;
color:#fff;
}