/***************** BODY *****************/

* {

	/*---on passe toutes les marges à 0---*/

	margin:0;

	padding:0;

}

body,html{

	height:100%;

}

body{

	background:#b6b8aa url(../images/bg-body.jpg) center top no-repeat;

}

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

#container{

	position:relative;

	min-height:100%;

	width:990px;

	margin:0 auto;

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

}

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

#header{

	width:990px;

	height:167px;

	overflow:hidden;

}

/***************** FLASH */

#headerFlash{

	float:left;

	width:805px;

	height:167px;

	/*obligatoire si il y a un flash (firefox)*/

	display:block;

	outline:0;

}



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

#menuTop{

	position:relative;

	z-index:5;

	width:805px;

	height:38px;

	padding:0 0 0 185px;

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

	list-style:none;

}

#menuTop li{

	position:relative;

	float:left;

}

#menuTop a{

	text-decoration:none;

	display:block;

	height:38px;

	overflow:hidden;

	background:left top no-repeat;

}

#container #menuTop a:hover,

#container #menuTop a.trigered,

#container #menuTop a.rubrique_active{

	background-position:left bottom;

}



#menuTop a span{

	display:none;

}

#menuTop li.bt1{width:60px;}

#menuTop li.bt2{width:75px;}

#menuTop li.bt3{width:100px;}

#menuTop li.bt4{width:85px;}

#menuTop li.bt5{width:120px;}

#menuTop li.bt6{width:150px;}

#menuTop li.bt7{width:62px;}

#menuTop li.bt1 a{background-image:url(../../charte/images/bt-01.jpg);}

#menuTop li.bt2 a{background-image:url(../../charte/images/bt-02.jpg);}

#menuTop li.bt3 a{background-image:url(../../charte/images/bt-03.jpg);}

#menuTop li.bt4 a{background-image:url(../../charte/images/bt-04.jpg);}

#menuTop li.bt5 a{background-image:url(../../charte/images/bt-05.jpg);}

#menuTop li.bt6 a{background-image:url(../../charte/images/bt-06.jpg);}

#menuTop li.bt7 a{background-image:url(../../charte/images/bt-07.jpg);}

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

#menuTop li ul{

	list-style:none;

	position:absolute;

	width:146px;

	top:-6000px;

	left:2px;

	background:#333;

	border:solid #fff;

	border-width:1px 0 0 0;

	opacity:0.95;

}

#menuTop li li{

	float:none;

}

#container #menuTop li li a{

	background:none;

	width:auto;

	position:relative;

	height:20px;

	padding:0 10px;

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

	text-align:center;

	text-transform:none;

	color:#fff;

	text-decoration:none;

	border-bottom:1px solid #1b1b1b;

}

#container #menuTop li li a:hover{

	background:#f60;

}

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

#menuLeft{

	float:left;

	width:160px;

	padding:0 0 0 15px;

	list-style:none;
	font-size:16px;

}

/***************** RECHERCHE */

form#recherche{

	position:relative;

	height:63px;

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

}

form#recherche input.case{

	position:absolute;

	top:32px;

	left:11px;

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

	color:#666;

	width:117px;

	height:14px;

	padding:2px;

	border:none;

	background:none;

}

form#recherche input.btn{

	position:absolute;

	top:30px;

	left:135px;

	width:20px;

	height:19px;

}

/***************** CATALOGUE */

#menuLeft li a{

	text-decoration:none;

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

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

	color:#666666;

	display:block;

	width:132px;

	margin:0 0 0 10px;

	padding:5px 0 4px 18px;

}

#menuLeft li a:hover,

#menuLeft li a.rubrique_active{

	color:#f716c3;

}

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

#menuLeft li ul{

	list-style:none;

	background:#eaeaea;

	border-bottom:1px solid #d9d9d9;

}

#menuLeft li ul li a{

	background:none;

	border:none;

	text-decoration:none;

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

	color:#f716c3;

	display:block;

	padding:2px 5px 2px 13px;

	width:114px;

}

#menuLeft li ul li a:hover{

	text-decoration:underline;

	color:#999;

}

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

#contenu_bg {

	float:left;

	width:815px;

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

}

#contenu {

	float:left;

	width:780px;

	padding:10px 0 10px 10px;

}

#contenu-gauche{

	float:left;

	width:600px;

	margin:0;

	margin:0 10px 0 0;

}

#contenu-droite{

	float:left;

	width:170px;

	margin:0;

	overflow:hidden;

}

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

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

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

.clearer{

	clear:both;

}

#clearFooter{

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

}

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

#footer{

	width:100%;

	position:relative;

	clear:both;

	height:50px;

	margin:-50px auto 0;

	background:url(../images/footer2.gif) center top repeat-x; 

}

#footer2{

position: relative;/*---obligatoire pour le footer---*/

margin:auto;

width:990px;

height:50px;

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

}

#idep{

	position:absolute;

	left:15px;

	top:23px;

	width:160px;

	height:27px;

}

#idep img{

	float:left;

}

#footer #idep a.idep{

	text-decoration:none;

	display:block;

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

	color:#999;

	margin:2px 0 0;

}

#footer #idep a.idep.optea{

	margin:0;

}

#footer #idep a:hover.idep{

	text-decoration:none;

	color:#333;

}

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

#footer p{

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

	color:#f716c2;

	text-align:center;

	padding:-10px 0 0;

}

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

	text-decoration:none;

	color:#f716c2;

}

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

	text-decoration:underline;

	color:#666;

}