/* Feuille de style pour la charte graphique du site

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

 */



/***************** STRUCTURE *****************/

* {

	/*---toutes les marges sont à 0---*/

margin:0;

	padding:0;

}

body, html {

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

	scrollbar-base-color:#fbfbf8;

}

body {

	font: 70% Arial, Helvetica, sans-serif;

	background:#fbfbf8 url(../images/charte/bg-page-x.jpg) repeat-x scroll left top;



	

}

#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:990px;

	margin:0 auto;

	background:#fff url(../images/charte/bg-page-y.gif) repeat-y scroll center top;

}

#header {

	width:990px;

	height:161px;

}

/***************** MENU ********************/



#menu {

	float:left;

	width:273px;

	height:156px;

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

		font:Verdana, Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

}



#menu ul {

	

	margin:5px 0 0 100px;

	text-transform:uppercase;

	list-style-type: disc;	

}

.separation{

		border-bottom:1px solid #c8c469;

}

#menu ul li {

width:160px;

	margin:0px 0 3px 0;



	}

#menu ul li a:link, #menu ul li a:visited {

color:#55511f;

	text-decoration:none;



}

#menu ul li a:hover {

	

	color:#fff;

	text-decoration: none;

}

#anim {

	float:right;

	width:717px;

	height:156px;



}

#contenu {

	float:left;

	width:990px;

	text-align:justify;

	color: #55511F;

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

	padding-bottom:10px;



}

#texte {

	float:left;

	width:830px;

	margin:0 0 0 80px !important;

	margin:0 0 0 40px;

	padding-bottom:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;

	

}

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

/*---mettre <div class="clearer"></div> apres la div contenu---*/

.clearer {

	clear: both;

	display: block;

	height: 1px;

	margin-bottom: -1px;

	font-size: 1px;

	line-height: 1px;

}



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

#footer {

	position:relative;

	width:990px;

	height:39px;

	margin:-39px auto 0 auto;

	clear:both;

	}

	

	

	#footer a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#6E6A32;

	text-decoration:none;

	

	}

	

	

		#footer a:hover {

			font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	

	color:#000000;

	text-decoration:none;



	}