<style type="text/css">
<!--
html{
background-image:url(design/fond.gif) center repeat-y;
}

body/*fond*/
{
	background : url("design/fond.gif") center repeat-y ;
	margin: 0;
	padding: 0;
	text-align: center ;
	
	 
	 
}

#conteneur /*page et entete*/
{
	position : relative;
	display: block ;
	width: 980px ;
	height: auto;
	min-height: 800px;
	margin: 0 auto ;
	padding: 0px;
	text-align: left ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	border-left: 2px solid #1E90FF ;
	border-right: 2px solid #1E90FF ;
	border-top: 0px ;
	border-bottom: 2px solid #1E90FF ;
	background: url("design/entete.gif") no-repeat left top ;
}

#navcontainer /*menu horizontal*/
{
position : relative;
height:20px;
float: right;
padding: 0px;
margin : 0px;
width:750px;
}

#navcontainer ul li /*menu horizontal*/
{
list-style-type: none;
padding: 1px;
display: block;
float: left;
background: url("design/barre_menu.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a /*menu horizontal*/
{
color: #000;
text-decoration: none;
display: block;
width: 120px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer a:hover { background: url("design/barre_menu_active.gif") repeat-x 20px; }


#navlist
{
margin-top : 0px;
}

#menu_vertical /*menu vertical*/
{
position : relative;
width: 181px;
height:auto;
float: left;
margin-top: 120px;
padding: 2px;
}

#page/*page*/
{
	position : relative;
	display: block ;
	float: right;
	position : relative;
	width: 792px;
	height:auto;
	margin : 20 0 10 0;
	border-left: 1px solid #A8B090;
}

#menu_vertical ul /*menu vertical*/
{
margin-top: -5px;
}

#menu_vertical ul li /*menu vertical*/
{
list-style-type: none;
padding: 0px;
margin: 0px;
display: block;
float: right;
background: url("design/barre_menu.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#menu_vertical a /*menu vertical*/
{
color: #000;
text-decoration: none;
display: block;
width: 180px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
border-right: 1px solid #A8B090;
}

#menu_vertical a:hover { background: url("design/barre_menu_active.gif") repeat-x 20px; }

#navlist1
{
margin : 0px;
}

#navlist2
{
margin : 0px;
}

#footer
{
	position : relative;
	display: block;
	float: boat;
	height:120px;
	width: 100%;
	background : url("design/footer.jpg") center repeat-x ;
	margin: 0;
	padding: 0;
	text-align: center ;
	color:#000000;
	font-weight:lighter;
	font-size:0.8em;
	font-style:none;
	font-weight:bold;
	font-family: arial;
}
#footer a
{
	text-decoration:none;  
	background-color:none;
	color:#483D8B;
}

p.legale
{
	text-decoration:none;  
	background-color:none;
	font-size:0.7em;
	color:#C0C0C0;
}

#footer a:hover 
{
	text-decoration:none;  
	background-color:none;
	color:#FFFFFF;
}

#image_footer
{
	position : relative;
	display: block;
	height:120px;
	width: 91px;
	background : url("design/image_footer.png") center ;
	margin: 0;
	padding: 0;
	text-align: center ;
	float: right;

}


h1#intro /*texte juste en dessous du menu horizontal*/
{
	margin-top: 15px;
	position : relative;
	float: right;
	width: 790px;
	line-height: 20px ;
	font-size: 1.1em ;
	font-weight: bold ;
	color: #00008B ;
	display: block ;
	text-decoration: none ;
}

h2#contenu /*cadre texte normal*/

{
	float: right;
	position : relative;
	width: 780px;
	margin : 20 5 10 5;
	line-height: 20px ;
	font-family: arial;
	font-size: 1.0em ;
	font-weight: bold ;
	color: #111111 ;
	display: block ;
	text-decoration: none ;
}

#titre /*cadre bleu en index*/
{
	float: left;
	position : relative;
	width: 563px;
	height: 18px;
	margin : 30 0 0 120;
	text-align: center ;
	font-family: arial;
	font-size: 1.0em ;
	font-weight: bold ;
	color: #FFFFFF ;
	line-height: 16px ;
	background : url("design/barre.gif") center ;
}
#cadre /*cadre bleu en index*/
{
	position : relative;
	float: left;
	width: 560px;
	margin : 0 0 0 120;
	padding : 8 0 8 0;
	text-align: left ;
	font-family: arial;
	font-size: 1.0em ;
	font-weight: bold ;
	color: #000000 ;
	line-height: 18px ;
	border-bottom: 2px dashed #A8B090;
	border-left: 2px dashed #A8B090;
	border-right: 2px dashed #A8B090;
}

a.class1
	{
	color:#0000CD;
	font-weight:lighter;
	font-size:1.0em;
	font-style:none;
	font-weight:bold;
	text-decoration: none;
	}

a.class1:hover 
	{
	text-decoration:overline underline;  
	background-color:none;
	color:#1E90FF;
	}	

a.class2
	{
	color:#0000CD;
	font-weight:lighter;
	font-size:0.9em;
	font-style:none;
	font-weight:bold;
	text-decoration: none;
	}
	
	
a.class2:hover 
	{
	text-decoration:overline underline;  
	background-color:none;
	color:#1E90FF;
	}	
	
ul#liste_images
{
	position : relative;
	display: block ;
	width: 100% ;
	margin-top: 10px ;
	margin-left: 40px ;
	padding:0px;
	text-align: left ;
	list-style-type : none;
}

li#liste_images
{
	width: 250px ;
	float: left;
	margin: 10 0 20 0 ;
	padding:0px;
}


ul#liste_jeux
{
	position : relative;
	display: block ;
	width: 100% ;
	margin: 10 0 0 10 ;
	padding:0px;
	text-align: left ;
	list-style-type : none;
}

li#liste_jeux
{
	float: left;
	width: 240px ;
	margin: 10 0 0 6 ;
	list-style-type : disc;
	padding:0px;
}

ul#liste_images li a
	{
	color:#0000CD;
	font-weight:lighter;
	font-size:0.9em;
	font-style:none;
	font-weight:bold;
	text-decoration: none;
	}

ul#liste_images li a:hover 
	{
	text-decoration:overline ;  
	background-color:none;
	color:#DAA520;
	}


ul#liste_index
{
	position : relative;
	display: block ;
	width:100%;
	margin: 10 0 0 10 ;
	padding:0px;
	text-align: left ;
	list-style-type : none;
}

li#liste_index
{
	float: left;
	background : url("design/fond1.jpg") center ;
	width: 222px ;
	height: 205px;
	margin: 10 17 10 17 ;
	font-weight:lighter;
	font-size:0.8em;
	font-style:none;
	font-weight:bold;
	text-decoration: none;
	list-style-type : none;
	text-align:center;
	padding:0px;
}

ul#liste_index li a
	{
	color:#0000CD;
	text-decoration: none;
	}

ul#liste_index li a:hover 
	{
	text-decoration:overline ;  
	background-color:none;
	color:#DAA520;
	}







a.info{
    position:relative; 
    z-index:24;
    color:#1f758f;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#c3e7f6}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
  position:absolute;
    
    top:2em; left:2em; width:15em;
    border:1px solid #3a555e;
    background-color:#FFFACD; color:#000000;
    text-align: justify;
    font-weight:none;
    padding:1px;
    font-size:x-small;
    }
	
a.donjon{
    position:relative; 
    z-index:24;
    color:#1f758f;
    text-decoration:none}

a.donjon:hover{z-index:25; background-color:#c3e7f6}

a.donjon span{display: none}

a.donjon:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    width:320px; height:240px;
    border:none;
    background-color:#F1F6F8;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }
	

a.class3
	{
	color:#FFFFFF;
	font-weight:lighter;
	font-size:normal;
	font-style:none;
	font-weight:bold;
	text-decoration: none;
	}
	
	
a.class3:hover 
	{
	text-decoration:overline underline;  
	background-color:none;
	color:#FFD700;
	}	
	
	
-->
</style>
