/***************** 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:#fff;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:801px;

margin:0 auto;

background:#fff;

}

#galerie {

width:565px;

height:120px;

float:left;}



/***************** HEADER *****************/

#header{

width:801px;

height:228px;

background:#fff;

}

/***************** MENU TOP *****************/

#menuTop{

position:relative;

z-index:10;

width:801px;

height:53px;

list-style:none;

top: 3px;

}

#menuTop li{

position:relative;

float:left;

/*width:160px;*/

}

#menuTop a{

text-decoration:none;

font:bold 12px/53px Arial, Helvetica, sans-serif;

color:#fff;

text-align:center;

text-transform:uppercase;

display:block;

height:53px;

overflow:hidden;

border:solid #fff;

border-width:0 0 0 0;

}

#menuTop a span{

display:none;

}





#container #menuTop li a:hover,

#container #menuTop li a.trigered{

/*background:#ffc0a9;*/

background-position:bottom left;

}



.btn01 {

background:url(../images/charte/btn01.jpg) no-repeat;

width:73px;}



.btn02 {

background:url(../images/charte/btn02.jpg) no-repeat;

width:59px;}



.btn03 {

background:url(../images/charte/btn03.jpg) no-repeat;

width:120px;}



.btn04 {

background:url(../images/charte/btn04.jpg) no-repeat;

width:117px;}



.btn05 {

background:url(../images/charte/btn05.jpg) no-repeat;

width:141px;}



.btn06 {

background:url(../images/charte/btn06.jpg) no-repeat;

width:112px;}



.btn07 {

background:url(../images/charte/btn07.jpg) no-repeat;

width:65px;}



.btn08 {

background:url(../images/charte/btn08.jpg) no-repeat;

width:75px;}



.btn09 {

background:url(../images/charte/btn09.jpg) no-repeat;

width:38px;}



.btn10 {

background:url(../images/charte/btn10.jpg) no-repeat;

width:53px;}



/***************** SOUS MENU *****************/

#menuTop li ul{

list-style:none;

position:absolute;

width:160px;

top:-6000px;

left:0;

background:#ffc0a9;

border:solid #fff;

border-width:1px 0 0 0;

}

#menuTop li li{

float:none;

}

#container #menuTop li li a{

background:none;

width:auto;

position:relative;

height:20px;

font:11px/20px Arial, Helvetica, sans-serif;

text-transform:none;

color:#fff;

text-decoration:none;

border:solid #ffcfbd;

border-width:0 0 1px 0;

}

#container #menuTop li li a:hover{

background:#fff;

}

/***************** CONTENU *****************/

#contenu{

width:545px;

padding:20px 0 0 10px;

margin-right:10px;

float:left;

}



#contenu2{

width:780px;

padding:20px 0 0 10px;

margin-right:10px;

float:left;

}

/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:75px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:801px;

height:75px;

margin:-75px auto 0;

background:url(../images/charte/footer.jpg) no-repeat center;

}



#idep{

position:absolute;

left:0;

top: 35px;

width:195px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#bfbfbf;

margin:4px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#406D89;

}

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#bfbfbf;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer .liens{

font:10px/30px Arial, Helvetica, sans-serif;

color:#bfbfbf;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}



#footer a:link, #footer a:visited{

font-size:10px;

font-family:Arial, Helvetica, sans-serif;

text-decoration:none;

color: #666666;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color: #666666;

}