@charset "UTF-8";
/* CSS Document */

body 
{  	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:#9CF;
	height:auto; 
}

html>body
{
	height: auto;
	min-height: 950px; /*hauteur mini pour les autres*/
}

#principal {
	display:block;
	position:relative;
	background:url(../img/principal.png);
	width:1024px;
	height:auto;
	margin:0 auto 0 auto;
}

html>body #principal
{
	height: auto;
	min-height: 1350px; /*hauteur mini pour les autres*/
} 
	
	#entete {
		display:block;
		position:relative;
		background:url(../img/entete.jpg);   
		width:980px;
		height:125px;	
		margin:0 0 0 25px;	
	}
		#entete_index {
			display:block;
			position:relative;
			float:left;
			background:none;
			width:500px;
			height:125px;	
			margin:0;
			cursor:pointer;
		}
		#recherche {
			display:block;
			position:relative;
			float:left;
			margin:0;
			padding:100px 0 0 30px;
		}		
		

	#tripleZone {
		display:block;
		position:relative;
		clear:left;
		width:980px;
		height:auto;
		margin:20px 0 0 25px;		
	}	
	html>body #tripleZone
	{
		height: auto;
		min-height: 1350px; /*hauteur mini pour les autres*/
	} 
	
		#menuGauche {
				display:block;
				position:relative;
				float:left;
				background:none;
				width:145px;
				height:auto;
				margin:0 0 0 0;
				cursor:pointer;
		}
		
		
			.specialMenu {
				background:#039;
				width:135px;
				height:20px;
				margin:0px 4px 0 4px;
				padding-top:5px;
				color:#FFF;
				text-align:center;
				font-weight:bold;
			}
			
			
			.btnMenu {
				background:none;
				width:130px;
				height:20px;
				margin:0 5px 0 5px;
				padding:5px 0 0 5px;
				border-bottom:#bdd4eb solid 1px;
				color:#03F;
				cursor:pointer;
			}
		
		#centre {
				display:block;
				position:relative;
				float:left;
				background:none;
				width:650px;
				padding:0 5px 0 5px;
				height:auto; 
				margin:0;
				border-left:#666 dotted 1px;
				border-right:#666 dotted 1px;
				color:#333;
		}
		html>body #centre
		{
		height: auto;
		min-height: 1300px; /*hauteur mini pour les autres*/
		} 
		
		#menuDroit {
				display:block;
				position:relative;
				float:left;
				width:163px;
				height:auto;
				margin:0; 						
		}
			#blogbang {
				display:block;
				position:relative;
				float:left;
				padding-left:10px;			
			}
			
		

#pied {
	display:block;
	position:relative;
	clear:left;
	width:980px;
	height:80px;
	margin:20px 0 0 25px;
	padding:0;	
	background:#039;
	color:#FFF;
	text-align:center;		
}

h1 {
	position:absolute;
	font-size:12px;
	padding:0;
 	top:0;
    left:50%;
	margin:0 0 0 -404px;
	width:808px;  
	height:20px;
	text-align:center;
	background:none;
	z-index:10;
	font-weight:lighter;
	color:#FFF;
}

h2 {
	margin:0 0 10px 0;
	font-size:16px;
	color:#00C;
}

h3 {
	margin:0;
	padding:0;
	font-size:14px;
}

h4 {
	clear:left;
	margin:5px 0 0 0;
	padding:0;
	font-size:14px;
}

form {
	margin:0;
	padding:0;
}

p { text-align:justify; }

td {
	border-top:#666 solid 1px;
}
.td1 {
	background:#06F;
	color:#FFF;
	font-weight:bold;
}
.td1d {
	background:#06F;
	color:#FFF;
	font-weight:bold;
	text-align:right;

}
.td2 {
	background:#e2edfe;
}

.carre { list-style:square; }
.cercle { list-style:circle; }

/* BLOCK PUZZLES+JEUX */

.enValeur { 
	color:#03F; }

.alerte { 
	color:#F00;
	font-weight:bold; }

.newLine {
	clear:left;	
}





.block_moitie1 {	
	display:block; 
	position:relative; 
	float:left;
	padding:0;
	width:325px; 
	height:250px;
	margin-bottom:10px;
	text-align:justify;
}
.block_moitie2 {	
	display:block; 
	position:relative; 
	float:left;
	margin:0 0 0 -20px;
	width:320px; 
	height:250px;
	text-align:justify;
}
.block_moitie2_pointille {	
	display:block; 
	position:relative; 
	float:left;
	padding:0;
	width:324px; 
	height:250px;
	text-align:justify;
	border-left:#666 dotted 1px;
}

.entete-separation {	
	display:block; 
	position:relative;
	clear:left;
	margin:10px 0 5px 0;
	padding:5px 0 3px 0;
	width:650px; 
	height:20px; 	
	text-align:center;
	color:#00F;
	border-top:#03F solid 1px;
	border-bottom:#03F solid 1px;
}


.encart_aqua {	
	display:block; 
	position:relative; 
	float:left;
	padding:10px 0 10px 0;
	width:130px; 
	height:auto; 	
	text-align:center;
	cursor:pointer;
}

.espace_aqua { margin:3px 0 0 0; }
.espace_puzzle { margin:0; }

.sub { vertical-align:sub;}

.input1 {	
	display:inline-table;
	float:left;
	width:100px; 
	height:25px; 	
	text-align:right;
	padding:5px 0 0 0;
}
.input2 {	
	display:inline-table; 
	float:left;
	width:220px; 
	height:25px;
	padding:5px 0 0 0;}

.imgLeft { float:left; border:#03F solid 2px; color:#03F; text-decoration:none; margin: 0 10px 10px 0; }
.imgLeft:hover { float:left; border:#F00 solid 2px; color:#F00; text-decoration:none; margin: 0 10px 10px 0; }
.imgGauche { float:left; text-decoration:none; margin: 0 5px 10px 0; }



.hautdepage {	
	display:block; 
	position:relative; 
	float:left;
	margin:20px 0 20px 270px;
	padding:0;
	width:130px;
}
.fleche_haut {	
	display:block; 
	position:relative; 
	float:left;
	width:30px;
}
.haut_ecriture {	
	display:block; 
	position:relative; 
	float:left;
	width:100px;
}






/* LIENS */


a:link, a:visited 
{	color:#03F;
	text-decoration: underline;}
a:hover 
{	color:#F00;
	text-decoration: underline;}
	
a.lnkMenu:link, a.lnkMenu:visited 
{	color:#03F;
	text-decoration: none;}
a.lnkMenu:hover 
{	color:#03F;
	text-decoration: none;}

a.lnk_poisson:link, a.lnk_poisson:visited 
{	color:#03F;
	text-decoration: none;
	font-weight: bold;}
a.lnk_poisson:hover 
{	color:#F00;
	text-decoration: none;
	font-weight: bold;}
	
	
a.linkPied:link, a.linkPied:visited 
{	color:#FFF;
	text-decoration: none;}
a.linkPied:hover 
{	color:#FFF;	text-decoration: underline;}