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

*{

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

  margin:0;

  padding:0;

}

body,html{

  height:100%;

	font-family: Arial;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;

---*/

}

body{

  background:#341301 url(../images/charte/bg-body.jpg) left top repeat-x;

}

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

#container{

  position:relative;

  min-height:100%; /*---obligatoire pour le footer:Firefox---*/

  height:auto !important;/*---obligatoire pour le footer:Firefox---*/

  height:100%;

  width:990px;

  margin:0 auto;

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

}

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

#header{

  width:990px;

  height:155px;

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

}

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

#menuTop{

  position:relative;

  z-index:10;

  width:872px;

  height:68px;

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

  list-style:none;

  padding-left:118px;

}

#menuTop li{

  position:relative;

  float:left;

}

#menuTop li span{

  display:none;

}

#menuTop a{

  text-decoration:none;

  display:block;

  height:68px;

}

#container #menuTop a:hover,

#container #menuTop a.trigered{

  display:block;

}

a.bt1		{ 	background:url(../images/charte/bt1.jpg) no-repeat left top; width:119px;	  	}

a:hover.bt1 {	background:url(../images/charte/bt1hover.jpg) no-repeat left top; width:119px;	}



a.bt2		{ 	background:url(../images/charte/bt2.jpg) no-repeat left top; width:142px;	  	}

a:hover.bt2 {	background:url(../images/charte/bt2hover.jpg) no-repeat left top; width:142px;	}



a.bt3		{ 	background:url(../images/charte/bt3.jpg) no-repeat left top; width:126px;	  	}

a:hover.bt3 {	background:url(../images/charte/bt3hover.jpg) no-repeat left top; width:126px;	}



a.bt4		{ 	background:url(../images/charte/bt4.jpg) no-repeat left top; width:125px;	  	}

a:hover.bt4 {	background:url(../images/charte/bt4hover.jpg) no-repeat left top; width:125px;	}



a.bt5		{ 	background:url(../images/charte/bt5.jpg) no-repeat left top; width:159px;	  	}

a:hover.bt5 {	background:url(../images/charte/bt5hover.jpg) no-repeat left top; width:159px;	}



a.bt6		{ 	background:url(../images/charte/bt6.jpg) no-repeat left top; 	width:98px;  	}

a:hover.bt6 {	background:url(../images/charte/bt6hover.jpg) no-repeat left top; width:98px;	}

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

#contenu{

  width:990px;

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

  min-height:330px; /*---obligatoire pour le footer:Firefox---*/

  height:auto !important;/*---obligatoire pour le footer:Firefox---*/

  padding-bottom:55px;

}

#contenu #contenuTexte{

  float:left;

  width:690px;

  padding: 0 50px 0 10px;

}

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

#contenu #menuLeft{

  float:left;

  width:182px;

  padding:57px 0 0 57px;

}

#contenu #menuLeft span{

  display:none;

}

#contenu #menuLeft ul{

  list-style:none;

}

#contenu #menuLeft a{

  display:block;

  width:182px;
  
  height:21px;

  overflow:hidden;

}


#contenu #menuLeft a.bt18{

  display:block;

  width:182px;
  
  height:25px;

  overflow:hidden;

}


#contenu #menuLeft a:hover,

#menuTop a.trigered{

  color:#fff;

}

/**************** sous menu *****************/

#contenu #menuLeft li a{

  background: url(../images/charte/bg-sous-menu.jpg) left top repeat-y;

  padding: 0 0 0 3px;

  border:none;

  text-decoration:none;

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

  color:#3e1d07;

  display:block;

  height: auto;

  min-height: 20px;

  overflow:hidden;

}

#contenu #menuLeft li a:hover{

  background: url(../images/charte/bg-sous-menu-over.jpg) left top repeat-y;

  text-decoration:none;

  color:#fff;

}

/************** end sous menu **************/

a.bt7		{ 	background:url(../images/charte/bt7.jpg) no-repeat left top; 	  	}

a:hover.bt7 {	background:url(../images/charte/bt7hover.jpg) no-repeat left top; 	}



a.bt8		{ 	background:url(../images/charte/bt8.jpg) no-repeat left top; 	  	}

a:hover.bt8 {	background:url(../images/charte/bt8hover.jpg) no-repeat left top; 	}



a.bt9		{ 	background:url(../images/charte/bt9.jpg) no-repeat left top; 	  	}

a:hover.bt9 {	background:url(../images/charte/bt9hover.jpg) no-repeat left top; 	}



a.bt10		{ 	background:url(../images/charte/bt10.jpg) no-repeat left top; 	  	}

a:hover.bt10 {	background:url(../images/charte/bt10hover.jpg) no-repeat left top; 	}



a.bt11		{ 	background:url(../images/charte/bt11.jpg) no-repeat left top; 	  	}

a:hover.bt11 {	background:url(../images/charte/bt11hover.jpg) no-repeat left top; 	}



a.bt12		{ 	background:url(../images/charte/bt12.jpg) no-repeat left top; 	  	}

a:hover.bt12 {	background:url(../images/charte/bt12hover.jpg) no-repeat left top; 	}



a.bt13		{ 	background:url(../images/charte/bt13.jpg) no-repeat left top; 	  	}

a:hover.bt13 {	background:url(../images/charte/bt13hover.jpg) no-repeat left top; 	}



a.bt14		{ 	background:url(../images/charte/bt14.jpg) no-repeat left top; 	  	}

a:hover.bt14 {	background:url(../images/charte/bt14hover.jpg) no-repeat left top; 	}



a.bt15		{ 	background:url(../images/charte/bt15.jpg) no-repeat left top; 	  	}

a:hover.bt15 {	background:url(../images/charte/bt15hover.jpg) no-repeat left top; 	}



a.bt16		{ 	background:url(../images/charte/bt16.jpg) no-repeat left top; 	  	}

a:hover.bt16 {	background:url(../images/charte/bt16hover.jpg) no-repeat left top; 	}



a.bt17		{ 	background:url(../images/charte/bt17.jpg) no-repeat left top; 	  	}

a:hover.bt17 {	background:url(../images/charte/bt15hover.jpg) no-repeat left top; 	}


a.bt18		{  background:url(../images/charte/bt-18.png) no-repeat left top; 	  	}

a:hover.bt18 {	 background:url(../images/charte/bt-18hover.png) no-repeat left top; 	}



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

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

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

.clearer{

  clear:both;

}

#clearFooter{

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

}

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

#footer1{

  width:100%;

  height:55px;

  margin:-55px auto;

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

}

#footer{

  position:relative;

  clear:both;

  width:990px;

  height:30px;

  margin:auto;

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

  padding-top:25px;

}


#idep{

  position:absolute;

  left:0;

  top:25px;

  width:210px;

  height:30px;

}

#idep img{

  float:left;

}

#footer #idep a.idep{

  text-decoration:none;

  display:block;

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

  color: #fff;

  margin: 0;

}

#footer #idep a.idep.optea{

  margin:0;

}

#footer #idep a:hover.idep{

  text-decoration:underline;

  color:#fff;

}


#linkeo{
	position:absolute;
	left:0;
	top:12px;
	width:350px;
	height:26px;
	line-height:10px;
	color:#ccc;
	padding:4px 0 0;
}
#linkeo img{
	float:left;
	margin:5px 10px 0 10px;
}
#footer #linkeo a.linkeo{
	text-decoration:none;
	font:9px Arial, Helvetica, sans-serif;
	color:#CCC;
}
#footer #linkeo a:hover.linkeo{
	text-decoration:none;
	color:lienHoverColor;
}

/********** GALERIE PHOTO *************/

#galeriePhoto{
	float:left;
	width:605px;
	margin: 0 0 0 20px;
	padding: 20px 30px 20px 30px;
	background:none;	
}

#galeriePhoto img{
	border: 4px solid #341300;
	width: 190px;
	height:140px;
}

#galeriePhoto a {
	color:#6b3b0d;
	opacity : 0.8;
    -moz-opacity : 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */ 

}


#galeriePhoto a:hover{
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 

}