/* plan d'ensemble */
body{
background:url(images/fond02.jpg) repeat-x ;
background-color:#000000;
margin:0px;
padding:0px;
  left: 50%; 



}

.ensemble {
	height:650px;
	width:800px;
	display:block;
	/*margin-top:0px;*/
	margin-left:0px;
	margin-right:0px;
	background: url(images/RR_regles_03.jpg) repeat-x bottom;
	position:absolute;
	border:1px #69103A solid;
	

	top:0px;
	position:fixed;
		    left: 50%; 
     margin-top: 0px; /* moitié de la hauteur de l'image */
     margin-left: -400px; /* moitié de la largeur de l'image */
}
.ensemble02{
	height:650px;
	width:800px;
	display:block;
	/*margin-top:0px;*/
	margin-left:0px;
	margin-right:0px;
	background: url(images/RR_regles_03.jpg) repeat-x bottom;
	position:absolute;
	

	top:0px;
	position:fixed;
	    left: 50%; 
     margin-top: 0px; /* moitié de la hauteur de l'image */
     margin-left: -400px; /* moitié de la largeur de l'image */
	
}

	



.cadre_interieur_header
{
	height:180px;
	width:800px;
	display:block;

	float:left;
	background-image:url(images/RR_entet_regles.jpg);
	background-repeat:no-repeat;
	
	position:relative;
	margin:0px;
	left:0px;

	top:0px;

}	
	
	.cadre_interieur_contenu{
	height:470px;
	width:800px;
	display:block;
	background: url(images/RR_regles_03.jpg) repeat-x top;

	
	float:left;
}	



.pop_up_courrier_zone_texte
{
	height:530px;
	width:590px;
	display:block;
	/*margin-left:auto;
	margin-right:auto;*/
	
	background-image:url(images/cadre_interieur.jpg);
	background-repeat:no-repeat;
	position:absolute;

	margin-left:193px;
	padding:0px;
	background-image:url(images/cadre_fond.gif);
	background-repeat:repeat-x;
	border-top: #944621 1px solid;
	border-left: #944621 1px solid;
	border-right: #1a0303 1px solid;
	border-bottom: #1a0303 1px solid;
	margin-top:105px;

}







.pop_up_courrier_texte_centrale
{
	height:500px;
	width:550px;
	display:block;
	float:left;
	
	background: url(images/cadre_repeat_droite.gif) right repeat-y #ca9b50;
	


}

.pop_up_courrier_texte_centrale_top
{
	height:30px;
	width:550px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_haut.gif);


}


.pop_up_courrier_texte_centrale_middle
{
	height:445px;
	_height:465px;
	width:515px;
	_width:535px;
	padding:10px;
	display:block;
	float:left;
	background-color:#d8b57d;
	color:#3b2b0d;
	font:"Garamond",Georgia ,Times New Roman , serif;
	font-family:"Garamond",Georgia ,Times New Roman , serif;
	text-align:left;
	line-height:16px;
	overflow:auto;
	 scrollbar-face-color: #bf9045; /* Surface */
scrollbar-track-color: #b1853e;/* Fond */
scrollbar-highlight-color: #e8cda2; /* Ombre claire */
scrollbar-shadow-color: #94651a; /* Ombre Foncee */
scrollbar-arrow-color: #dfb065; /* Fleches */
scrollbar-3dlight-color: #e8cda2; /* Bordure3D claire */
scrollbar-darkshadow-color: #ffeeccd; /* Bordure3D foncee */
	
	
	letter-spacing:1;
	text-decoration:none;
	
	font-size:14px;
	



}
.pop_up_courrier_texte_centrale_bottom
{
	height:30px;
	width:550px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_bas.gif);


}

.pop_up_courrier_texte_gauche
{
	height:545px;
	width:30px;
	display:block;
	float:left;
	

}
.pop_up_courrier_texte_repeat_gauche
{
	height:470px;
	width:30px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_gauche.gif);
	background-repeat:repeat-y;
	position:relative;

}

#fond_courrier{
background-color:#ddbc87;
border: #ca9b50 1px solid;
font:"Garamond",Georgia ,Times New Roman , serif;
	font-family:"Garamond",Georgia ,Times New Roman , serif;
	
	font-weight:bold;
	letter-spacing:1;
	text-decoration:none;
	font-size:11px;
	color:#000000;


}

.zone_texte_centrale_bottom
{
	height:30px;
	width:430px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_bas.gif);


}
.zone_texte_centrale_coin_bottom
{
	height:30px;
	width:30px;
	display:block;
	float:right;
	background: url(images/cadre_coin_bas_droite.gif) no-repeat right;


}


.zone_texte_gauche
{
	height:325px;
	width:30px;
	display:block;
	float:left;
	

}
.zone_texte_repeat_gauche
{
	height:350px;
	width:30px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_gauche.gif);
	background-repeat:repeat-y;
	position:relative;

}

.zone_texte_haut_coin_gauche
{
	height:45px;
	width:30px;
	display:block;
	float:left;
	background-image:url(images/cadre_coin_haut-_gauche.gif);

}

.zone_texte_bas_coin_gauche
{
	height:30px;
	width:30px;
	display:block;
	float:left;
	background-image:url(images/cadre_coin_bas-_gauche.gif);
	position:relative;

}

.pop_up_texte_repeat_gauche
{
	height:450px;
	width:30px;
	display:block;
	float:left;
	background-image:url(images/cadre_repeat_gauche.gif);
	background-repeat:repeat-y;
	position:relative;

}

.zone_texte_centrale_coin_haut
{
	height:30px;
	width:30px;
	display:block;
	float:right;
	background: url(images/cadre_coin_haut-_droite.gif) no-repeat right;


}


.zone_ss_onglets
{
	height:385px;
	width:170px;
	display:block;
	/*margin-left:auto;
	margin-right:auto;*/
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background-image:url(images/menus_zones_sombres.gif);
	position:absolute;
	margin-top:105px;
	margin-left:10px;
	padding:0px;
	top:0px;
	left:1px;
	border:#904420 1px solid;
	border-bottom:#C17528 1px solid;
	border-right:#C17528 1px solid;
	
}



.zone_onglets
{
	height:320px;
	width:150px;
	display:block;
	position:absolute;
	margin-top:115px;
	margin-left:22px;
	top:0px;
	left:0px;
	
	
	
}

a.onglets_actifs
{
		
			padding:5px;
			font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:12px;
			color:#996600;
			line-height:13px;
			text-decoration:none;
	}
	
	a.onglets_actifs:hover
{
		
			padding:5px;
			font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:12px;
			color:#DEBE3D;
			line-height:13px;
			text-decoration:underline;
	}
	
/*/////////////////////////////////////////////////////////////////////accordeon//////////////////////////////////////////////////////////////////////*/
li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }




#navigation {
	
	margin:0px;
	padding:0px;
	text-indent:0px;
	
	width:150px;
	font-size:14px;
	height:320px;
	
}
#navigation a.head {
	cursor:pointer;
	font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:13px;
			color:#C48400;
			line-height:15px;
			

	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	
	text-decoration: none;
}
#navigation a.head:hover {
	font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:13px;
			color:#DEBE3D;
			line-height:15px;
			text-decoration:underline;
			
}
#navigation a.selected {
	background-color: #000000;
	color:#E19800;
	
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	color:#DF9700;
}
#navigation li {
	list-style:none outside none; display:inline;
	
}
#navigation li li a {
	color:#DF9700;
	display:block;
	text-indent:10px;
	text-decoration: none;
	font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:13px;
			padding-left:5px;
			background-color:#4C0C2E;
}
#navigation li li a:hover {
	background-color:#000000;
	color:#FFBD35;
	font:"Garamond",Georgia ,Times New Roman , serif;
			font-family:"Garamond",Georgia ,Times New Roman , serif;
			font-weight:bold;
			letter-spacing:1;
			font-size:13px;
			padding-left:5px;
}



h1{

	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;
	margin:9px;
	
	
	padding:0px;
	
	
	text-align:center;
	color:#7f622c;
	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;
	
	
	letter-spacing:1px;
	text-decoration:none;
	

	
	font-size:18px;
	font-weight:bold;


}


h2{

	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;

	text-align:center;
	color:#5f481c;
	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;
	
	letter-spacing:1px;
	text-decoration:none;
	
	margin:9px;
	
	font-size:14px;
	

}

h3{

	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;

	text-align:left;
	color:#AD4D27;
	font:Garamond, Helvetica, sans-serif;
	font-family:Garamond, Helvetica, sans-serif;
	
	letter-spacing:1px;
	text-decoration:none;
	
	margin:9px;
	
	font-size:14px;
	

}