/* 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: #ffe2ba;
}

body{
font-size:62.5%;
background:#ffe2ba url(../images/charte/bg-body.gif) repeat-y scroll center 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:890px;
margin:0 auto;
padding:0 50px;
z-Index:0;
}

#header{
width:890px;
height:225px;
}

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

#colLeft{
float:left;
width:190px;
}

/*--- MENU ---*/

dl, dt, dd, ul, li {
list-style-type: none;
}

#menu {
width:183px;
}

#menu dt {
cursor: pointer;
height:30px;
line-height:30px;
}

#menu dt a {
text-decoration: none;
display: block;
height: 100%;
font:bold 1.2em/30px Arial, Helvetica, sans-serif;
text-align:left;
color: #C67700;
padding-left:10px;
background:url(../images/charte/bg-bouton.gif) no-repeat scroll left top;
}

#menu dt a:hover{
text-decoration: none;
color:#C17400;
background:url(../images/charte/bg-bouton.gif) no-repeat scroll left bottom;
}

#menu dt.courant a {
color: #955900;
background:url(../images/charte/bg-bouton.gif) no-repeat scroll left bottom;
}


#menu dd {
	width:160px;
	padding:0px 0px 0px 20px;
}


#menu ul{
	border:0px solid #ccc;
}

#menu li {
	font:1.1em Arial, Helvetica, sans-serif;;
	text-align:left;
	text-indent:5px;
	text-decoration: none;
	padding:4px;
}


#menu li a {
	font-weight:bold;
	color: #EA8C00;
	text-decoration: none;
	display: block;
}

#menu li a:hover {
	color:#EA8C00;
	text-decoration: none;
	background-color:#FFC86A;
}

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

#contenu{
position:relative;
margin-left:220px;
width:640px;
padding-bottom: 30px;
}

/*---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;
	clear: both;
	width:890px;
	height:30px;
	margin:-30px auto 0 auto;
	background:url(../images/charte/bg-footer.gif) no-repeat scroll left bottom;
}

#idep{
	position:absolute;
	left:0;
	width:95px;
	height:30px;
}

#footerMenu{
	float:left;
	padding-left:190px;
	width:700px;
	height:30px;

}