/* 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{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color: #68020e;
overflow:hidden;
}
body{
font-size:12px;
font-family:Arial;
color:#FCC8C8;
background:#68020e;
background-image:url(../images/charte/bg-body.gif);
background-position:left top;
background-repeat:repeat-x;
background-attachment:fixed;
}
#ombre{
position:absolute;
z-index:0;
width:1280px;
left:50%;
margin-left:-640px;
height:100%;
background:url(../images/charte/bg-ombre.png) repeat-y scroll center top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-ombre.png', sizingMethod='scale');
}
#haut{
position:absolute;
width:980px;
height:200px;
left:50%;
margin-left:-490px;
z-index:10;
}
#fond1{
position:absolute;
width:980px;
height:100%;
left:50%;
margin-left:-490px;
background-image:url(../images/charte/bg-content.gif);
background-position:left top;
background-repeat:repeat-y;
z-index:1;
}
#fond2{
position:absolute;
width:980px;
height:272px;
top:200px;
left:50%;
margin-left:-490px;
background-image:url(../images/charte/bg-contenu.gif);
z-index:2;
}
#adresse-flash{
position:absolute;
width:980px;
height:40px;
bottom:0;
left:50%;
margin-left:-490px;
z-index:20;
}
#adresse2{
position:absolute;
width:980px;
height:40px;
bottom:0;
left:50%;
margin-left:-490px;
z-index:25;
}
#menuHaut{
position:absolute;
z-index:30;
height:40px;
top:200px;
width:980px;
left:50%;
margin-left:-490px;
background:url(../images/charte/bg-menu.png) repeat-y scroll center top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-menu.png', sizingMethod='scale');
line-height:30px;
color:#CC2226;
}

#contentMenuHaut{
position:absolute;
z-index:40;
height:40px;
top:200px;
width:980px;
left:50%;
margin-left:-490px;
line-height:30px;
color:#CC2226;
font-size:14px;
}
#contentMenuHaut  a{
color:#000;
text-decoration:none;
}

#contentMenuHaut a:hover{
color:#CC2226;
text-decoration:none;
}
#fav{
font-size:8px;text-align:center;float:left;font-weight:bold;
}
#fav a{
color:#fff;
text-decoration:none;
}

#fav a:hover{
color:#da6467;
text-decoration:none;
}



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{
color:#FFA6A6;
text-decoration: underline;
}
a:hover{
color:#fff;
}
#menu {
position:absolute;
width:200px;
left:50%;
margin-left:-490px;
z-index:60;
top:235px;
display:none;
}


#menu dt {
	cursor: pointer;
	border-bottom:1px solid #9d4c4d;
	color:#fff;
	background:url(../images/charte/bg-rubrique.gif) no-repeat;
	background-position:right center;
	padding:0;
	text-align:right;
	font-size:11px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:26px;
	height:26px;
	width:200px;
			}

#menu dd {
	text-align:center;
	width:200px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
						}

#menu dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-right:15px;
		}
#menu dt a:hover {
	background:url(../images/charte/bg-rubrique2.gif) no-repeat;
	background-position:right center;
	color:#da6467;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-right:15px;
}



#menu ul{
	margin:0;
	padding:0;
			
}
#menu span{
font-size:10px;
font-weight:bold;
text-align:right;
text-decoration: none;
margin:0;padding:0;
text-decoration:none;
display:block;
margin-top:1px;
width:100%;
}
#menu span a{
text-align:right;
color: #661113;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
padding-right:15px;
display: block;
text-decoration:none;
background-color:#fff;

}
#menu span a:hover {
text-decoration:none;
text-align:right;
	color: #fff;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration: none;
	padding-right:15px;
	display: block;
	background-color:#CC2226;
	}
#menu li {
font-size:11px;
letter-spacing:0px;
text-align:right;
text-decoration: none;
margin:0;padding:0;
background:url(../images/charte/bg-sous-rubrique.gif) no-repeat;
background-position:right center;
padding-top:2px;
padding-bottom:2px;
	border-bottom:1px solid #65542d;
		}
#menu li a {
	color: #CC2226;
	text-decoration: none;
	padding-right:20px;
	display: block;


	}
#menu li a:hover {
	color:#000;
	text-decoration: none;
	display: block;
	}
.idep{
padding-left:9px;
font-size:9px;
color:#ecf3e2;
padding-top:22px;
display:block;
letter-spacing: 0.1em;
}


.idep a{
text-decoration:none;
color:#666666;
}
.idep a:hover{
text-decoration:none;
color:#999999;
}
#screen{
position:absolute;
z-index:5;
width:100%;
height:100%;
overflow-y:scroll;
display:block;
background-image:url(../images/charte/blank.gif);
}
#contenu{
position:absolute;
padding:240px 0px 50px 0px;
width:745px;
left:50%;
margin-left:-265px;
}