/* CSS Document */
/* Menus Droit */

ul, li{
list-style-type:none;
margin:0;
padding:0;
}
ul{
position:absolute;

background:transparent url(../Images/MenusDroit/fond.jpg) top left no-repeat;
height:265px;
width: 125px;
text-align:left;


}
li {
display:inline;
}

a{color:#FFCC33; text-decoration:none;}
li a{
display:block;
height:16px;
width:125px;
line-height:16px;
color: #FFFF99;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
li a:hover {
color: #FFFFCC;
background:transparent url(../Images/MenusDroit/fond.jpg) top left no-repeat;
}
a#lien1:hover {
background-position:0% -265px;
}

a#lien2:hover {
background-position:0% -281px;
}

a#lien3:hover {
background-position:0% -311px;
}

a#lien4:hover {
background-position:0% -327px;
}

a#lien5:hover {
background-position:0% -343px;
}

a#lien6:hover {
background-position:0% -373px;
}

a#lien7:hover {
background-position:0% -386px;
}

a#lien8:hover {
background-position:0% -416px;
}

a#lien9:hover {
background-position:0% -432px;
}

a#lien10:hover {
background-position:0% -448px;
}

a#lien11:hover {
background-position:0% -464px;
}

#contenu{
width:400px;
height:200px;
overflow: auto;
border-width:1px;
border-color:#800000;
scrollbar-face-color: #FFDEAD; 
scrollbar-arrow-color: #800000 ; 
scrollbar-track-color: #800000; 
scrollbar-3dlight-color: #800000; 
scrollbar-darkshadow-color: #800000; 


}
#plageClair {
background-image:url(../Images/MenusPages/plageClair.jpg) top left;
filter:alpha(opacity=50); 
}
.membre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #663333;
}

#plageClairDetail{


background-image:url(../Images/MenusPages/plageClair.jpg);
filter:alpha(opacity=50); 
height:400px;
padding:5px Opx 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow: auto;
border-width:1px;
border-color:#800000;
scrollbar-face-color: #e0cec6; 
scrollbar-arrow-color: #800000 ; 
scrollbar-track-color: #800000; 
scrollbar-3dlight-color: #800000; 
scrollbar-darkshadow-color: #800000; 


}
#contenuDetail {
height:400px;
width:549px;
padding:5px Opx 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow: auto;
border-width:1px;
border-color:#800000;
scrollbar-face-color:rgb(224,206,198); 
scrollbar-arrow-color: #800000 ; 
scrollbar-track-color: rgb(61,1,0); 
scrollbar-3dlight-color: #800000; 
scrollbar-darkshadow-color: #800000; 
}

h1 {
	background:transparent url(../Images/titreBackground.jpg) top left no-repeat; 
	text-align: center;	
	height: 16px;
	width: 152px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #663333;
	margin: 0px;
	padding:0 0 0 10;
}
#container {
	position: absolute;
	top: 320px;
	left: 270px;
	filter:alpha(opacity=50);
	width: 272px;
}

#translucentbkg {
   width: 250px; height: 50px;     /* to match DIVs size          */
   background-image:url(../Images/MenusPages/plageClair.jpg);       /* the background              */
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#opaquetext {
	width: 269px;
	height: 61px;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: -1px;
}
.membreTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663333;
	font-weight: bold;
	background-image: url(../images/titreBackground.jpg);
}

.membreBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #663333;
	font-weight:bold;
}