/* design en css */

body {
background-color: white;
margin: 0;
padding: 0;
font: 80% verdana, arial, sans-serif;
} 


div#div1{
background-color: #DBE1EC;
position:relative;
width:100%;
height:100%;

}
.xwd1{position:absolute;left:0px;top:0px;width:2px;height:100%;}
.xwd4{position:absolute;left:0px;top:0px;width:100%;height:30px;}
.xwd5{position:absolute;left:0px;top:0px;width:10px;height:10px;}
.xwd6{position:absolute;right:0px;top:0px;width:10px;height:10px;}
.xwd2{position:absolute;right:0px;top:0px;width:2px;height: 100%;}
.xwd3{position:absolute;left:0px;bottom:0px;width:100%;height: 2px;}


div#div2{
background-color: #DBE1EC;
position:relative;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
width:100%;
height:100%;
}
.xwd7{position:absolute;left:0px;bottom:0px;width:100%;height:10px;}
.xwd11{position:absolute;left:200px;bottom:-20px;width:90px;height:20px;}
.xwd12{position:absolute;left:300px;bottom:-20px;width:90px;height:20px;}
.xwd13{position:absolute;left:400px;bottom:-20px;width:90px;height:20px;}
.xwd14{position:absolute;left:500px;bottom:-20px;width:90px;height:20px;}
.xwd15{position:absolute;left:600px;bottom:-20px;width:90px;height:20px;}
.xwd16{position:absolute;left:700px;bottom:-20px;width:90px;height:20px;}
.xwd24{position:absolute;left:800px;bottom:-20px;width:90px;height:20px;}
.xwd17{position:absolute;left:220px;bottom:-12px;color:white;font-size: 65%;}
.xwd18{position:absolute;left:320px;bottom:-12px;color:white;font-size: 65%;}
.xwd19{position:absolute;left:400px;bottom:-12px;color:white;font-size: 65%;}
.xwd20{position:absolute;left:525px;bottom:-12px;color:white;font-size: 65%;}
.xwd21{position:absolute;left:620px;bottom:-12px;color:white;font-size: 65%;}
.xwd22{position:absolute;left:715px;bottom:-12px;color:white;font-size: 65%;}
.xwd25{position:absolute;left:820px;bottom:-12px;color:white;font-size: 65%;}
.xwd23{position:absolute;left:5px;bottom:50px;width:45px;height:35px;}


div#divonglet2{
position:relative;
background:url("Images_du_site/onglet11.png") no-repeat; 
background-position:100%;
color:#EBEBEB;	
}
.xwd9{position:absolute;left:0px;top:0px;width:100%;height:100%;color:white;}

div#divonglet1{
background:#686868;
text-decoration: none; 
position:relative;
}
.xwd8{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.xwd10{color:white;}




dl, dt, ul, li { 
margin: 0; 
padding: 0; 

list-style-type: none; 
} 

dd { 
margin: 0px 0px 0px 15px; 
padding: 0; 
list-style-type: none; 
} 

#menu { 
top: 0; 
left: 0; 
} 
dl#menu { 
width: 11em; 
} 

dl#menu dt { 
margin: 2px 0; 
line-height: 20px; 
background:#686868 url("Images_du_site/menus1.png") no-repeat; 
color:#EBEBEB;			 //
} 

dl#menu dd { 
} 

dl#menu li { 
text-align: left; 
font-size: 60%; 
line-height: 17px;
background:#ffffff url("Images_du_site/menus11.png") no-repeat; 
} 

dl#menu dt.noir a { 
color: #000; 
text-decoration: none; 
display: block; 
border: 0 none; 
height: 100%;
color:#EBEBEB;			 // 
margin: 2px 0;
background:#686868 url("Images_du_site/menus1.png") no-repeat; 
} 

dl#menu li.noir a { 
text-decoration: none; 
display: block;
border: 0 none; 
height: 100%;
color:#EBEBEB;			 // 
 
} 

dl#menu li.gris a { 
color: #999; 
text-decoration: none; 
display: block; 
border: 0 none;
height: 100%; 
 
} 

dl#menu dt.gris a { 
color: #999; 
text-decoration: none; 
display: block; 
border: 0 none; 
margin: 2px 0; 
background:#686868 url("Images_du_site/menus1.png") no-repeat; 
height: 100%; 
}


dl#menu li.noir a:hover, dl#menu dt.noir a:hover { 
} 
dl#menu li.gris a:hover, dl#menu dt.gris a:hover { 
} 

#mentions { 
font-family: verdana, arial, sans-serif; 
position: absolute; 
bottom : 200px; 
left : 10px; 
color: #000; 
} 
#mentions a {text-decoration: none; 
color: #222; 
} 
#mentions a:hover{text-decoration: underline; 
}