/* Feuille de style pour la charte graphique du site

 * Cette feuille de style est appelée depuis style.css.

 */



/* blocs globaux

*********************/

*{ margin: 0; padding: 0;}

body,html{

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

  }

body{

  background: #FBEDBD url(../images/charte/body_bck.png) repeat-x;

  }

#container{

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

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

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

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

  width: 900px;

  margin: 0 auto;

	background: url(../images/charte/container_bck.gif) right top repeat-y;

  }

#header{

  width: 900px;

  height: 198px;

  background: url(../images/charte/header_bck.jpg);

  }

#colleft{

	float: left;

	width: 467px;

	background: url(../images/charte/galerie_bck.jpg) right top no-repeat;

	padding: 0px;

	margin: 0px;

}



#galerie{padding: 40px 0 30px 130px;}

#link-galerie{padding: 10px 0px 0px 70px; text-align: center;}

#colleft #link-galerie p { text-align: center; font-weight: bold;}

#colleft #link-galerie a:link, #colleft #link-galerie a:visited { color: #EFA300; text-decoration: underline;}

#colleft #link-galerie a:hover, #colleft #link-galerie a:active { color: #6D6D6D; text-decoration: none;}





#galerie p{

	padding-top: 100px;

  text-align: center;

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

  }

#contenu{

  float: left;

  width: 433px;

  min-height: 400px;

	padding: 0px;

	margin: 0px;

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

  }

#contenu-texte{

	width: 393px;

 	margin: 0px auto;

	padding-top: 20px;
	padding-bottom:30px;

}



#footer{

  position: relative;

  clear: both;

  width: 370px;

  height: 30px;

  overflow: hidden;

  margin: -30px auto 0;

  padding: 0 30px 0 500px;

  background: url(../images/charte/footer_bck.png);

  font: 11px Verdana, Helvetica, sans-serif;

  text-align: center;

  color: #9A7F68;

  }

#footer a{

  color: #EFA300;

  }

#footer a:hover{

  color: #6D6D6D;

  }

#footer #anchor_foot1,

#footer #anchor_foot2,

#footer #anchor_foot3{

  display: block;

  position: absolute;

  height: 20px;

  top: 8px;

  }

#footer #anchor_foot1{

  left: 0;

  width: 20px;

  }

#footer #anchor_foot2{

  left: 22px;

  width: 38px;

  }

#footer #anchor_foot3{

  left: 62px;

  width: 35px;

  }