/***************** 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:#FFF7B4 url(../../charte/images/bg-body.jpg) center top repeat-x;

}

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

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

}

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

#header{

width:960px;

height:190px;

display:block;/*obligatoire si il y a un flash*/

}

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

#menuTop{

position:relative;

z-index:10;

width:960px;

height:30px;

background:#D5D9E2;

list-style:none;

border-bottom:1px solid #2C2F35;

}

#menuTop li{

position:relative;

float:left;

width:160px;

}

#menuTop a{

text-decoration:none;

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

color:#fff;

text-align:center;

text-transform:uppercase;

display:block;

height:30px;

overflow:hidden;

border:solid #FFF;

border-width:0 1px 0 0;

}

#container #menuTop a:hover,

#container #menuTop a.trigered{

background:#e6e6e6;

}

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

}

/***************** MENU LEFT *****************/

#menuLeft{

float:left;

width:200px;

height:520px;

background:url(../../charte/images/bg-menuLeft.jpg) left top no-repeat;

list-style:none;

}

#menuLeft li a{

display:block;

overflow:hidden;

background-position:top left;

background-repeat:no-repeat;

}

#menuLeft li a span{

display:none;

}

#menuLeft li#btn1 a{

height:50px;

background-image:url(../../charte/images/btn1.gif);

}

#menuLeft li#btn2 a{

height:65px;

background-image:url(../../charte/images/btn2.gif);

}

#menuLeft li#btn3 a{

height:55px;

background-image:url(../../charte/images/btn3.gif);

}

#menuLeft li#btn4 a{

height:35px;

background-image:url(../../charte/images/btn4.gif);

}

#menuLeft li#btn5 a{

height:55px;

background-image:url(../../charte/images/btn5.gif);

}

#menuLeft li#btn6 a{

height:45px;

background-image:url(../../charte/images/btn6.gif);

}

#menuLeft li#btn7 a{

height:35px;

background-image:url(../../charte/images/btn7.gif);

}

#menuLeft li#btn8 a{

height:45px;

background-image:url(../../charte/images/btn8.gif);

}

#menuLeft li#btn9 a{

height:55px;

background-image:url(../../charte/images/btn9.gif);

}

#menuLeft li#btn10 a{

height:55px;

background-image:url(../../charte/images/btn10.gif);

}

#menuLeft li a:hover ,

#menuLeft li a.rubrique_active{

background-position:top right;

}

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

#menuLeft li ul{

list-style:none;

margin:0 0 15px 0;

}

#menuLeft li ul li a{

border:none;

text-decoration:none;

text-align:right;

font:bold 11px/20px Georgia, "Times New Roman", Times, serif;

color:#BA2714;

display:block;

overflow:hidden;

}

/*pour chaque sous menu, mettre le padding right approprié, le height 18px et le background none*/

#menuLeft li#btn5 ul li a{

padding:0 40px 0 0;

background:none;

height:18px;

}

#menuLeft li ul li a:hover{

color:#819300;

}

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

#contenu_bg {

	float:left;

	width:760px;

}

#contenu{

	float:left;

	width:740px;

	padding:20px 0 10px 15px;

}



#contenu-droite{

	float:left;

	width:243px;

	margin:10px 0 0 0 ;

}







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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer1{

width:100%;

height:30px;

clear:both;

position:relative;

margin:-30px auto;

background: url(../../charte/images/bg-footer1.jpg) center top repeat-x;

}

#footer{

position: relative;

margin:auto;

width:960px;

height:30px;

color:#373A0A;

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

}

#idep{

position:absolute;

left:0;

top:0;

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:#373A0A;

margin:7px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#373A0A;

}

/******************* STYLE FOOTER *****************/

#footer p{

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

color:#373A0A;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

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

text-decoration:none;

color:#373A0A;

}

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

text-decoration:underline;

color:#373A0A;

}