html,body{
	margin:0;
	padding:0;
	background-color : #FFF5E0;
}

body{
	font: 76% "Trebuchet MS", Verdana, Tahoma, sans-serif;}

p{
	font: 8pt "Trebuchet MS", Verdana, Tahoma, sans-serif;}	
	
a{
	text-decoration : none;
	color : #6C81D3;
}

a:hover{
	text-decoration: none;
	color:#FF8A00;
}

/*HEADER ********************************************************************/
#header{
	height : 125px;
	background : url('images/bck_header.jpg') repeat-x;	
	margin-bottom : 0px;
	}

#header a {
	color : white}
	
#header a:hover{
	text-decoration: underline;
}

#head_connect{
	position : absolute;
	top : 108px;
	right : 0%;
	}
	
/*CORPS***************************************/
#corps{
	float:left;
	display : inline;
	width:100%;
	background-color : #FFF5E0;
	margin-top : 0px;
	}

#titre{
	text-align : center;
	}


#corps a{
	text-decoration : none;
	color : #6C81D3;
	}

#corps a:hover {
	text-decoration: none;
	color:#FF8A00;
	}	

#intercalaire{
	margin-left:23%;
	margin-right : 20%;
	margin-top : 10px;
	margin-bottom : -1px;
}	
	
#contenu{
	margin-left:23%;
	margin-right : 20%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 0%;
	padding-left:20px;
	padding-right : 20px;
	border : solid 1px #4991DB;
	height : 650px;

	}
#contenucolor{
	margin-left:23%;
	margin-right : 20%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 0%;
	padding-left:20px;
	padding-right : 20px;
	border : solid 1px #4991DB;
	height : 650px;
	}
#contenu2{
	margin-left:23%;
	margin-right : 20%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 0%;
	padding-left:20px;
	padding-right : 20px;
	border : solid 1px #4991DB;
	
	}
	
#regles{
	margin-left:23%;
	margin-right : 20%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top : 0%;
	padding-left:20px;
	padding-right : 20px;
	border : solid 1px #4991DB;
	
	background :  url('images/regles2.jpg') no-repeat 7px 7px;
	background-position : 50% 25%;
	
	height : 650px;
	
	}
	
	
#sous_contenu{
	background-color : #4991DB;
	height : 18px;
	text-align:right;
	font: 10pt  Verdana, "Trebuchet MS", Tahoma, "Times New Roman", Georgia,  serif;
	margin-left:23%;
	margin-right : 20%;
	padding-left : 0%;
	padding-right : 0%;
	margin-bottom : 10px;
	}
	
	
#grille3{
	width : 245px;
	background :  url('images/grille3.gif') no-repeat;
	background-position : 0.6em 0.6em;
	}	
	
#grille{
		width : 399px;
		background :  url('images/grille.gif') no-repeat;
		background-position : 0.6em 0.6em;
	
	
	}
	
#grillecolor{
		width : 399px;
		background :  url('../img/grillecolor.GIF') no-repeat;
		background-position : 0.6em 0.6em;
	
	
	}
	
#grille7{
	width : 399px;
	height:399px;
	background :  url('images/grille7p.gif') no-repeat 7px 7px;
		
	}

	
#grille_suivante{
	padding-left : 5%;
	padding-right : 5%;
	margin-left:0%;
	margin-right : 0%;
	text-align: center;
	}	

#changernivo{
	text-align: center;
	}

#boutons{
	text-align: center;
	
	}
	
#boutons p{
	text-align : center
	}
	

.f{  /* propriété des chiffres du tableau*/
	font : 15pt Verdana, "Trebuchet MS", Tahoma, "Times New Roman", Georgia,  serif;
	color : #00007D;}
		
	
	
/* GAUCHE**************************************************************************/

#gauche{
	float:left;
	display : inline;
	width:20%;
	margin-left:-100%;
	text-align : right;
	margin-right : 100px;
	
    }

#gauche a{
	text-decoration : none;
	color : #6C81D3;
}

#gauche a:hover {
	text-decoration: none;
	color:#FFA800;
}

#tableau{
	margin-right : 10px;
	}
/*DROITE********************************/

	

	
#droite{
	float:right;
	text-align : right;
	width:20%;
	margin-left:-20%}


/*FOOTER********************************/
#footer{

background: url('images/bck_footer.jpg');
	clear:left;
	width:100%;

}

#footer p{
	margin:0;
	padding:5px 10px;
	color : white}


#footer a{
	text-decoration : none;
	color : #FFFFFF;
}

#footer a:hover {
	text-decoration: underline;
	
}