/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;
}
body,html{
	height:100%;
}
body{
	background:#E8E2AD url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{

	min-height:100%;
	width:990px;
	margin:220px auto 63px auto;
    background-image: url(../images/charte/bg-container.png);
    background-repeat: repeat-y;

}
/***************** HEADER *****************/
#header{
	width:990px;
	height:220px;
    position: absolute;
    margin-top: -220px;


}
/***************** FLASH */
#headerFlash{
	float:left;
	width:990px;
	height:220px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}

/***************** MENU TOP *****************/
#menuTop{
	position:relative;
	z-index:5;
	width:969px;
	height:50px;
	padding:0 0 0 15px;
		list-style:none;
}
#menuTop li{
	position:relative;
	float:left;
}
#menuTop a{
	text-decoration:none;
	display:block;
	height:50px;
	overflow:hidden;
	background:left top no-repeat;
}

#menuTop a span{
	display:none;
}
#menuTop li.bt1{width:301px;}
#menuTop li.bt2{width:161px;}
#menuTop li.bt3{width:68px;}
#menuTop li.bt4{width:209px;}
#menuTop li.bt5{width:107px;}
#menuTop li.bt6{width:114px;}

#menuTop li.bt1 a{background-image:url(../images/charte/bt-01.jpg);}
#menuTop li.bt2 a{background-image:url(../images/charte/bt-02.jpg);}
#menuTop li.bt3 a{background-image:url(../images/charte/bt-03.jpg);}
#menuTop li.bt4 a{background-image:url(../images/charte/bt-04.jpg);}
#menuTop li.bt5 a{background-image:url(../images/charte/bt-05.jpg);}
#menuTop li.bt6 a{background-image:url(../images/charte/bt-06.jpg);}


#menuTop li.bt1 a:hover{background-image:url(../images/charte/bt-01_over.jpg);}
#menuTop li.bt2 a:hover{background-image:url(../images/charte/bt-02_over.jpg);}
#menuTop li.bt3 a:hover{background-image:url(../images/charte/bt-03_over.jpg);}
#menuTop li.bt4 a:hover{background-image:url(../images/charte/bt-04_over.jpg);}
#menuTop li.bt5 a:hover{background-image:url(../images/charte/bt-05_over.jpg);}
#menuTop li.bt6 a:hover{background-image:url(../images/charte/bt-06_over.jpg);}
/***************** SOUS MENU */
#menuTop li ul{
	list-style:none;
	position:absolute;
	width:146px;
	top:-6000px;
	left:60px;
	background:#DFD78E;
	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:#7F3301;
	text-decoration:none;
	border-bottom:1px solid #fff;
    cursor: pointer;
}
#container #menuTop li li a:hover{
	background:#fff;
	color:#000;
}
/***************** MENU LEFT *****************/
#menuLeft{
	float:left;
	width:160px;
	padding:0px 0 0 15px;
	list-style:none;
    position:relative;
}
/***************** RECHERCHE */
form#recherche{
	position:relative;
	height:42px;
    background-image: url(../images/charte/bg-recherche.jpg);

}
form#recherche input.case{
	position:absolute;
	top:14px;
	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:14px;
	left:135px;
	width:20px;
	height:19px;
}


.recherche-avancee
{
  height: 20px;
  width: 160px;
  background-color: #DCDCDC;
   font:10px Arial, Helvetica, sans-serif;
	color:#666;
    margin-top: -5px;
    position: relative;
}

.recherche-avancee a
{
  padding-left: 10px;
  color: #666666;
  text-decoration: underline;


}


.recherche-avancee a:hover
{
  padding-left: 10px;
  color: #000000;
  text-decoration: none;


}


/***************** CATALOGUE */
 #menuLeft h6{
list-style:none;
line-height: 1px;
outline: none;
background-color: #E8E2AD;
border-bottom:1px solid #DDD38C;
}





#menuLeft h6 .actif{
	text-decoration:none;
	color:#7F3301;
    cursor: default;
}

#menuLeft h6 .actif:hover{
   text-decoration:none;
    color:#7F3301;
   cursor: default;

}


#menuLeft h6 a{
  list-style:none;
	text-decoration:none;
	background:url(../images/charte/bt-catalogue.gif) left top no-repeat;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	width:130px;
	margin:0 0 0 10px;
	padding:5px 0px 5px 13px;
	border-bottom:0px solid #fff;


}
#menuLeft h6 a:hover{
	color:#7F3301;
}


#menuLeft h5{
list-style:none;
line-height: 1px;
outline: none;
background-color: #F9B32D;
border-bottom:1px solid #E8E2AD;
}





#menuLeft h5 .actif{
	text-decoration:none;
	color:#ffffff;
    cursor: default;
}

#menuLeft h5 .actif:hover{
   text-decoration:none;
    color:#ffffff;
   cursor: default;

}


#menuLeft h5 a{
  list-style:none;
	text-decoration:none;
	background:url(../images/charte/bt-catalogue.gif) left top no-repeat;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#7F3301;
	display:block;
	width:130px;
	margin:0 0 0 10px;
	padding:5px 0px 5px 13px;



}
#menuLeft h5 a:hover{
	color:#ffffff;
}






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

#plandusite h6{
font:bold 12px/18px  Arial, Verdana, Helvetica, sans-serif;
text-align:left;
color:#7F3301;
float: left;
width: 578px;
text-transform: uppercase;
padding: 5px;
text-align: left;
margin-top: 15px;
background-color: #E4E7E4;
border: 1px solid #C0C0C0;
outline: none
}


#plandusite h6 a{
  text-decoration: none;
  color: #7F3301;
}

#plandusite h6 a:hover{
  text-decoration: none;
  color: #000000;
}


#plandusite .sous-menu2{
	list-style:none;
    line-height: 18px;
    float: left;
    clear: left;
    padding: 5px;
    width: 578px;
    }


#plandusite .sous-menu2 a{
	border:none;
	text-decoration:none;
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#999;

}
#plandusite .sous-menu2 a:hover{
	border:none;
	font:11px/16px Arial, Helvetica, sans-serif;
  	text-decoration:underline;
	color:#f60;
     outline: none;
}


#menuLeft .sous-menu {
	list-style:none;
	background:#eaeaea;
    padding-left: 0px;
	border:0px solid red;
    line-height: 18px;
    width: 132px;
    padding:2px 5px 2px 23px;
    outline: none;
}
#menuLeft .sous-menu a{
	border:none;
	text-decoration:none;
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#999;
    display:block;
	outline: none;
     background:#eaeaea;
}
#menuLeft .sous-menu a:hover{
	border:none;
	font:11px/16px Arial, Helvetica, sans-serif;
	display:block;

	outline: none;
     background:#eaeaea;

	text-decoration:underline;
	color:#000000;
     outline: none;
}



  #menuLeft .sous-menu .actif2{
	text-decoration:none;
	color:#7F3301;
    cursor: default;
     outline: none;

}

 #menuLeft .sous-menu .actif2:hover{
   text-decoration:none;
    color:#7F3301;
   cursor: default;

}


/***************** CONTENU *****************/
#contenu_bg {
	float:left;
	width:815px;
}
#contenu {
	float:left;
	width:790px;
	padding:20px 0 10px 0px;
}
#contenu  .ideo_cat_global{
	padding:0 5px;
}
#contenu-gauche{
	float:left;
	width:590px;
	margin:0;
	margin:0 10px 0 0px;
	padding:0 0 0 10px;

}
#contenu-droite{
	float:left;
	width:180px;
	margin:0;
	overflow:hidden;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
	clear:both;
}
#clearFooter{
	height:62px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/

#footer1{
width:100%;
height:63px;
clear:both;
position:relative;
margin:-63px auto;
background: url(../images/charte/bg-footer1.png) left top repeat-x;
}


#footer{
position: relative;/*---obligatoire pour le footer---*/
margin:auto;
width:990px;
height:63px;
color:#fff;
background:url(../images/charte/bg-footer.gif) left top no-repeat;
}
#idep{
	position:absolute;
	left:18px;
	top:0px;
	width:180px;
	height:25px;
    z-index:10;

}
#idep img{
	float:left;
}
#footer #idep a.idep{
	text-decoration:none;
	display:block;
	font:9px/8px Arial, Helvetica, sans-serif;
	color:#9E6734;
	margin:7px 0 0
}
#footer #idep a.idep.optea{
	margin:0;
}
#footer #idep a:hover.idep{
	text-decoration:none;
	color:#000000;
}
/******************* STYLE FOOTER *****************/
#footer p{
	font:9px/40px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	padding:0 130px 0 0px;
}
#footer a{
	text-decoration:none;
	color:#666;
}
#footer a:hover{
	text-decoration:underline;
	color:#000;
}
 #footer .actif{
	text-decoration:none;
	color:#7F3301;
    cursor: default;
}

 #footer .actif:hover{
	text-decoration:none;
	color:#7F3301;
   cursor: default;
}