@charset "iso-8859-1";
/* CSS issu des tutoriels css.alsacreations.com/ */
html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
background-color:#0033FF;
font-size: 0.8em;	
text-align: center; 	  
}


#global { 
background-color:#000066;
position:absolute;
left: 50%; 
height: 100%;
min-height: 100%;
width: 1040px;	 
margin-left: -520px; /* moitié de la largeur */	   
}
	  
	  
#conteneur { 
background-color:#000066;
margin-left: auto;
margin-right: auto;	
width: 100%; 
height: 1799px;
} 

#fondbleu1 { 
background-color:#00030ff;
} 

#gauche {
 
  position: absolute;	 
  background-image: url(../img/fondg.gif);
  background-repeat: repeat-y ;
height: 1799px;
  width: 150px;
  padding: 0; 
  left:0;
}

#droite {  
position: absolute;
height: 1799px;
width: 150px;	
background-image: url(../img/fondd.gif);   
background-repeat: repeat-y;
right:0;  
}	  
	  


#centre {

background-color:#000066;
margin-left: 150px;
margin-right: 150px;  	
width: 740px ;
}  

#header {  
height: 160px;	

}	

#men{
height: 52px;
background-color:#000066;
}
   
#pied {

background-color:#000066;
}
 
#jeuxgauche{
float: left;
margin-left: 5px;
margin-right: 5px;	
margin-top: 5px;	
margin-bottom: 5px;	
width: 350px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxdroite{
float: right;
margin-right: 5px;	
margin-left: 5px;
margin-top: 5px;	
margin-bottom: 5px;	
width: 350px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxgauche1{
float: left;
margin-left: 5px;
margin-right: 5px;	
margin-top: 5px;	
margin-bottom: 5px;	
width: 350px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxdroite1{
float: right;
margin-right: 5px;	
margin-left: 5px;
margin-top: 5px;	
margin-bottom: 5px;	
width: 350px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
} 


#jeuxcentre{
position: relative; 
margin-left: auto;
margin-right: auto;
width: 350px;
padding: 5px 5px;
margin-right: auto;
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxcentre450{
position: relative; 
margin-left: auto;
margin-right: auto;
width: 450px;
padding: 5px 5px;
margin-right: auto;
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxcentre650{
position: relative; 
margin-left: auto;
margin-right: auto;
width: 620px;
padding: 5px 5px;
margin-right: auto;
background-color:#000066;
border : 1px dashed #FFFFFF;
} 

#jeuxcentre1{
position: relative; 
margin-left: auto;
margin-right: auto;
width: 350px;
padding: 5px 5px;
margin-right: auto;
background-color:#000066;
border : 1px dashed #FFFFFF;
text-align: justify;
} 
#largeur{
position: relative; 
margin-left: auto;
margin-right: auto;
width: 730px;
padding: 5px 5px;
margin-right: auto;
background-color:#000066;
border : 1px dashed #FFFFFF;
text-align: justify;
} 

 
#jeux1{
padding: 2px 2px;
width: 340px; 
background-color:#FFFFFF;
border : 1px dashed #0033FF;
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: center;
	color: #000066;

}  
#jeux1240{

padding: 2px 2px;
width: 218px; 
position: relative; 
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
border : 1px dashed #0033FF;
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: left;
	color: #000066;

}  
#jeux12401{

padding: 2px 2px;
width: 230px; 
position: relative; 
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
border : 1px dashed #0033FF;
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: center;
	color: #000066;

}  


#achat240{

float: left;
position: relative; 

width: 220px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
}
 
 #achat300{
position: relative;
margin-left: auto;
margin-right: auto;
padding: 5px 5px;

width: 300px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
}

 #achat300ter{

float: right;
padding: 5px 5px;
width: 300px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
}

 #achat190{

float: right;
padding: 5px 5px;
width: 180px; 
height: 308px;
background-color:#000066;
}

#achat300bis{
position: relative;
margin-left: auto;
margin-right: auto;
width: 300px; 
background-color:#000066;
border : 1px dashed #FFFFFF;
}


 #centreur485{
position: relative;
margin-left: auto;
margin-right: auto;
width: 485px;
} 
#allo{

float: left;
position: relative; 
height: 330px;
width: 540px; 
background-color:#000066;
} 


#accgc{

  position: relative;	 
  height: 650px;
  width: 480px;
  padding: 0; 
  float: left;
  background-color:#000066;
} 
#accgc1{

  position: relative;	 
  height: 335px;
  width: 470px;
  padding-left: 5px ;
  padding-right: 5px ;
  background-color:#000066;
  border : 1px dashed #FFFFFF;
} 
#accgc2{

  margin-top: 5px;
  position: relative;	 
  height: 285px;
  width: 470px;
  padding-left: 5px ;
  padding-right: 5px ;
  background-color:#000066;
  border : 1px dashed #FFFFFF;
} 

#accdrt{

  position: relative;	
  padding: 5px 5px; 
  margin-left: 5px;
  height: 650px;
  width: 250px;
  padding: 0; 
  float: right;
}

#accdrt0{

  overflow: auto;
  position: relative;	 
  height: 115px;
  width: 240px;
  padding-left: 5px ;
  padding-right: 5px ; 
  background-color:#000066;
  border : 1px dashed #FFFFFF;
}  
#accdrt1{ 
  margin-top: 5px;
  overflow: auto;
  position: relative;	 
  height: 226px;
  width: 250px;
  padding: 0; 
  background-color:#000066;
  border : 1px dashed #FFFFFF;
} 
#accdrt2{

  margin-top: 5px;
  position: relative;	 
  height: 115px;
  width: 250px;
  padding: 0; 
  background-color:#000066;
  border : 1px dashed #FFFFFF;
} 
#titre{
  position: relative;	 
  background-image: url(../img/fondtitre.png);
  background-repeat: repeat-x ;
  height: 42px;
  width: 100%;
  padding-top: 0; 
  	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	color: WHITE;
	text-align: center;
	padding-top:5px;
	} 


.imgico {
	
	margin-left: 1px;
	margin-top: 1px;
}

.jeux {
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: justify;
	color: #000066;
	padding-right: 1px;
	padding-left: 1px;
	}

.blanc {
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: center;
	color: WHITE;
	padding-right: 1px;
	padding-left: 1px;
	}
.rouge {
	font-family: verdana, Helvetica, sans-serif;
 	font-weight: bolder;
	text-align: center;
	color: RED;
	padding-right: 1px;
	padding-left: 1px;
	}
.bloc110 {float: left; overflow : hidden;   width: 140px;    height: 50px; margin: 1; padding:1 ;   background-color: #000066;}
.dessous
{
   clear: both;
}
.imageflottante
{
   float: left;
}

img {
border : 0px solid #6e0000;
}
a:link { font-family: verdana, Helvetica, sans-serif;font-weight: bolder;text-decoration: none;color: #FF00CC}
a:visited { font-family: verdana, Helvetica, sans-serif;font-weight: bolder;text-decoration: none; color: #FF00CC}
a:active { font-family: verdana, Helvetica, sans-serif;font-weight: bolder;text-decoration: none; color: #FF00CC}
a:hover { font-family: verdana, Helvetica, sans-serif;text-decoration: none;color: #0000FF}

/*********************************/
			/* Menu horizontal (items flottants) */
			/*********************************/
			#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 143px ;
				border: 1px solid #00F ;
				margin-right: 3px ;
				color: #00F ;
				background: #008 ;
				}
			#nav li a {
				display: block ;
				background:#008 ;
				color: #fff ;
				font: 2em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #00F ;
				text-decoration: none ;
				}



li {
text-align: left;
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: #FFFFFF;
 /* display : list-item;
list-style-image : url(puce.gif);
 list-style-position: outside;*/
}