/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}

body,html{
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color: #a9998e;
overflow:hidden;
}
body{
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
background:#a9998e;
background-image:url(../images/charte/bg-body.gif);
background-position:left top;
background-repeat:repeat-x;
background-attachment:fixed;
}
.invisible{
	display:none;
}
#ombre{
position:absolute;
z-index:110;
top:150px;
width:840px;
left:50%;
margin-left:-420px;
height:20px;
background:url(../images/charte/haut.png) repeat-x scroll center top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/haut.png', sizingMethod='scale');
}
#ombre2{
position:absolute;
z-index:1;
width:860px;
left:50%;
margin-left:-430px;
height:100%;
background:url(../images/charte/ombre.png) repeat-y scroll center top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ombre.png', sizingMethod='scale');
}
#haut{
position:absolute;
width:840px;
height:150px;
left:50%;
margin-left:-420px;
z-index:100;
}
#fond{
position:absolute;
width:840px;
height:100%;
left:50%;
margin-left:-420px;
background-image:url(../images/charte/bg-container.gif);
background-position:left top;
background-repeat:repeat-y;
z-index:2;
}
#basMenu{
position:absolute;
bottom:40px;
height:346px;
width:280px;
left:50%;
margin-left:-480px;
z-index:100;
background-image:url(../images/charte/basMenu.gif);
}
#adresse-footer{
position:absolute;
width:830px;
height:30px;
bottom:0;
left:50%;
margin-left:-420px;
z-index:100;
padding-left:10px;
background-image:url(../images/charte/bg-adresse.gif);
}

a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
}


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


dl, dt, dd, ul, li {
	list-style-type: none;
	margin:0;padding:0;
}
a, a:hover, span a, span a:hover{text-decoration:none;}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#5c4334;
}
a:hover{
color:#ceb8ab;
}
#menu {
position:absolute;
width:190px;
left:50%;
margin-left:-420px;
z-index:200;
top:153px;
}


#menu dt {
	cursor: pointer;
	border-bottom:1px solid #b7aca6;
	color:#fff;
	padding:0;
	text-align:right;
	font-size: 1.1em;
	letter-spacing:0px;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:190px;
	height:20px;
			}

#menu dd {
	font-size: 0.9em;
	text-align:center;
	width:190px;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#5c4334;
						}

#menu dt a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5c4334;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-right:20px;
	background:url(../images/charte/puce1.gif) no-repeat;
	background-position:right center;
		}
#menu dt a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-position:right center;
	color:#fff;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-right:20px;
	background-color:#916d57;
}

#menu ul{
	margin:0;
	padding:0;
			
}
#menu span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
text-align:left;
text-decoration: none;
margin:0;padding:0;
text-decoration:none;
}
#menu span a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
border-bottom:1px solid #2f2e2e;
color: #fff;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
padding-left:20px;
display: block;
background-image:url(../images/charte/puce_sousmenu.gif);
background-repeat:no-repeat;
background-position:left center;
text-decoration:none;

}
#menu span a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
color: #af8b20;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
padding-left:20px;
display: block;
background-image:url(../images/charte/puce_sousmenu.gif);
background-repeat:no-repeat;
background-position:left center;
	}
#menu li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
letter-spacing:0px;
text-align:right;
text-decoration: none;
margin:0;padding:0;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #766154;
		}
#menu li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #c19f78;
	text-decoration: none;
	padding-right:20px;
	display: block;
	}
#menu li a:hover {
	color:#fff;
	text-decoration: none;
	display: block;
	}
.idep{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:8px;
font-size:0.9em;
color:#ecf3e2;
padding-top:10px;
display:block;
}
.idep a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c19f78;
}
.idep a:hover{
text-decoration:none;
color:#999999;
}

#screen{
position:absolute;
z-index:5;
width:100%;
height:100%;
overflow-y:scroll;
display:block;
}

#contenu{
position:absolute;
padding:160px 0px 40px 0px;
width:600px;
left:50%;
margin-left:-195px;
}

#contenu ul{
margin-left: 100px;
}

#copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
z-index:200;
width:160px;
text-align:center;
font-size:0.9em;
text-transform:uppercase;
right:50%;
margin-right:-480px;
bottom:0;
height:50px;
line-height:5em;
color:#b7c5ca;
}