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

}

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

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:#050505 url(../../charte/images/bg-container.gif) center top repeat-y;

}

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

#header{

width:960px;

height:238px;

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

position:relative;

}

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

#menuTop{

position:relative;

z-index:10;

width:960px;

height:49px;

background:url(../images/bg-menuTop.jpg);

list-style:none;

border-bottom:0px solid #2C2F35;

}

#menuTop li{

position:relative;

float:left;

width:106px;

}

#menuTop a{

text-decoration:none;

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

color:#fff;

text-align:center;

text-transform:uppercase;

display:block;

height:49px;

overflow:hidden;

border:solid #FFF;

border-width:0 0px 0 0;

}

#container #menuTop a:hover,

#container #menuTop a.trigered{

background:url(../images/bg-menuTOP.gif);

color:#ffcc00;

}

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

#menuTop li ul{

list-style:none;

position:absolute;

width:160px;

top:-6000px;

left:0;

background:url(../images/bg-menuTop.jpg);

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;

}



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

#contenu_bg {

	float:left;

	width:960px;

	min-height:510px;

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

}

#contenu{

	float:left;

	width:930px;

	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:49px;/*--- = à la hauteur du footer ---*/

}

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

#footer{

position:relative;

clear:both;

width:960px;

height:49px;

margin:-49px auto 0;

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

/*background:url(../../charte/images/bg-footer.gif) left top repeat-x;*/

}

#idep{

position:absolute;

left:0;

top:18px;

width:175px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

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

color:#383838;

margin:7px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#FF0000;

}

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

#footer p{

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

color:#383838;

text-align:right;

letter-spacing:1px;

padding:0 8px 0 0;

}

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

text-decoration:none;

color:#383838;

}

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

text-decoration:none;

color:#FF0000;

}

#container #encartAjout {
	position:absolute;
	top:240px;
	left:30px;
	width:900px;
	height:50px;
	z-index:100;
	font-size:14px;
	color:#FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#container #encartAjout strong {
	color:#FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}