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

* {

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

	margin:0;

	padding:0;

}

body,html{

	height:100%;

}

body{

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

}

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

#container{

	position:relative;

	min-height:100%;

	width:990px;

	margin:0 auto;

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

}

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

#header{

	width:990px;

	height:115px;

	overflow:hidden;

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

}

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

#headerFlash{

	float:left;

	width:795px;

	height:115px;

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

	display:block;

	outline:0;

}



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

#menuTop{

	position:relative;

	z-index:5;

	width:855px;

	height:60px;

	padding:0 0 0 135px;

	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:60px;

	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:75px;}

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

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

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

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

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

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

#menuTop li.bt8{width:95px;}

#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);}

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



/***************** COL LEFT *****************/

#colLeft{

	float:left;

	width:160px;

	padding:0 0 0 15px;

	background:url(../../charte/images/bg-colLeft.gif) 15px 120px no-repeat;

}

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

form#recherche{

	position:relative;

	height:120px;

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

}

form#recherche input.case{

	position:absolute;

	top:87px;

	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:87px;

	left:135px;

	width:20px;

	height:19px;

}

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

#menuLeft{

	list-style:none;

	margin:110px 0 0;

	padding:0 0 8px 0;

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

}

#menuLeft li a{

	text-decoration:none;

	display:block;

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

	color:#666666;

	width:132px;

	padding:5px 0 4px 12px;

	margin:0 7px 0 9px;

	border-top:1px solid #fafafa;

	border-bottom:1px solid #e1e1e1;

	background:url(../../charte/images/bt-catalogue.gif) 4px 7px no-repeat;

}

#menuLeft li a:hover,

#menuLeft li a.rubrique_active{

	color:#282828;

}

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

#menuLeft li ul{

	list-style:none;

	padding:0 0 2px 0;

	overflow:hidden;

}

#menuLeft li ul li a{

	text-decoration:none;

	background:none;

	border:0;

	border-top:1px solid #e1e1e1;

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

	color:#282828;

	width:127px;

	padding:2px 0 2px 0;

	margin:0 12px 0 21px;

}

#menuLeft li ul li a:hover{

	text-decoration:underline;

	color:#666666;

}

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

#contenu_bg {

	float:left;

	width:800px;

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

}

#contenu {

	float:left;

	width:790px;

	padding:0 0 10px 10px;

}

#contenu-gauche{

	float:left;

	width:600px;

	margin:0;

	margin:0 15px 0 0;

}

#contenu-droite{

	float:left;

	width:170px;

	margin:21px 0 0;

	overflow:hidden;

}



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

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

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

.clearer{

	clear:both;

}

#clearFooter{

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

}

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

#footer{

	position:relative;

	clear:both;

	width:990px;

	height:130px;

	margin:-130px auto 0;

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

}

#idep{

	position:absolute;

	left:123px;

	top:70px;

	width:220px;

	height:30px;

}

#idep img{

	float:left;

	padding-right:2px;

	height:60px;

	border:0;

}

#footer #idep a.idep{

	text-decoration:none;

	display:block;

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

	color:#888;

	margin:20px 0 0;

}

#footer #idep a.idep.optea{

	margin:0;

}

#footer #idep a:hover.idep{

	text-decoration:none;

	color:#666;

}

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

#footer p{

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

	color:#999;

	text-align:right;

	padding:60px 80px 0 0;

}

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

	text-decoration:none;

	color:#999;

}

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

	text-decoration:underline;

	color:#666;

}