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

* {

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

	margin:0;

	padding:0;

}

body,html{

	height:100%;

}

body{

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

}

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

#container{

	position:relative;

	min-height:100%;

	width:990px;

	margin:0 auto;

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

}

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

#header{

	width:990px;

	height:165px;

	overflow:hidden;

}

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

#headerFlash{

	float:left;

	width:805px;

	height:165px;

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

	display:block;

	outline:0;

}



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

#menuTop{

	position:relative;

	z-index:5;

	width:990px;

	height:30px;

	padding:0 0 0 0;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#menuTop li ul{

	list-style:none;

	position:absolute;

	width:146px;

	top:-6000px;

	left:2px;

	background:#333;

	border:solid #000;

	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 #000;

}

#container #menuTop li li a:hover{

	background:#910303;

}

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

#colLeft{

	float:left;

	width:160px;

	min-height:372px;

	padding:0 0 0 15px;

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

}

/***************** 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:35px;

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

	left:135px;

	width:20px;

	height:19px;

}

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

#menuLeft{

	list-style:none;

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

}

#menuLeft li a{

	text-decoration:none;

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

	color:#000;

	display:block;

	width:132px;

	margin:0 0 0 10px;

	padding:5px 0 4px 13px;

}

#menuLeft li a:hover{

color:#990000;

}

#menuLeft li a.rubrique_active{

	color: #333333;

}

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

#menuLeft li ul{

	list-style:none;

	border-bottom:1px solid #000;

}

#menuLeft li ul li a{

	background:none;

	border:none;

	text-decoration:none;

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

	color:#333;

	display:block;

	padding:2px 5px 2px 18px;

	width:114px;

}

#menuLeft li ul li a:hover{

	text-decoration:underline;

	color:#ccc;

}

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

#contenu_bg {

	float:left;

	width:815px;

	min-height:370px;

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

}

#contenu {

	float:left;

	width:780px;

	padding:20px 0 0 10px;

}

#contenu  .ideo_cat_global{

	padding:0 5px;

}

#contenu-gauche{

	float:left;

	width:600px;

	margin:0;

	margin:10px 10px 0 0;

}

#contenu-droite{

	float:left;

	width:170px;
	height:650px;

	margin:0;

	overflow:hidden;

}

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

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

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

.clearer{

	clear:both;

}

#clearFooter{

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

}

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

#footerGeneral{

	position:relative;

	clear:both;

	width:100%;

	height:93px;

	margin:-93px auto 0;

	background:url(../../charte/images/bg-footer-general.jpg) center bottom repeat-x;

}

#footer{

	position:relative;

	clear:both;

	width:990px;

	height:93px;

	margin:0 auto 0;

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

}

#idep {

	position:absolute;

	top:57px;

	left:7px;

	width:195px;

}

#idep img{

	float:left;

}

#footer #idep a.idep{

	text-decoration:none;

	display:block;

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

	color:#000;

	margin:7px 0 0;

	padding-top:2px;

	

}

#footer #idep a.idep.optea{

	margin:0;

}

#footer #idep a:hover.idep{

	text-decoration:none;

	color:#e6e6e6;

}

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

#footer p{

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

	color:#bababa;

	text-align:center;

	padding:65px 0 0;

}

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

	text-decoration:none;

	color:#bababa;

}

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

	text-decoration:underline;

	color:#e6e6e6;

}