/*     #################################################
	   ##                   Les menus                 ##
	   #################################################       
*/

.menu, .menu2
{
	margin-top:0px;
	border-top:none;
	width:150px;
	line-height:27px;
	padding-left:40px;
	margin-bottom:10px;
}


.menu2
{
	line-height:25px;	
}

.menu a, .menu2 a, .menu a:visited, .menu2 a:visited
{
	text-decoration:none;
	color:blue;	
}

.menu a:hover, .menu2 a:hover
{
	text-decoration:underline;	
}

.menu2 p, .pied p
{
	margin:0px;	
}

.menu2 input
{
	width:100px;	
}

#menus
{
	float:left;
	width:192px;
}

.haut
{
	width:192px;
	height:30px;	
	margin-bottom:0px;
	color:white;
	font-size:20px;
	text-align:center;
	font-family:"Comic Sans MS";
	
}


/*     #################################################
	   ##            Bannière et placements           ##
	   #################################################       
*/

.banniere
{
	width:850px;
	height:150px;	
	margin:auto;
	margin-bottom:10px;
}

.tout
{	
	width:850px;	
	margin:auto;	
}

body
{
	font-family:Times;
	font-size:16px;
}

/*     #################################################
	   ##                   Le corps                  ##
	   #################################################       
*/

.corps
{
	padding:20px;
	padding-top:0px;
	width:608px;
	min-height:500px;
	margin-left:200px !important;
	margin-left:8px;
	position:static !important;
	position:absolute;
}

.reglement p
{
	text-indent:15px;
	text-align:justify;
}

.reglement .suivant
{
	margin-bottom:40px;	
}

label:hover, #envoi_bouton:hover, .envoi_bouton:hover
{
	cursor:pointer;	
}

a:visited, a, a img
{
	color:blue;	
	border:none;
}

.titre
{
	font-weight:bold;
	font-size:20px;	
}

h1, h2, h3, h4
{
	font-family:Verdana;	
}


/*     #################################################
	   ##                 Les tableaux                ##
	   #################################################       
*/

.tableau td, .tableau tr, .tableau
{
	border-collapse:collapse;
}

.tableau
{
	width:608px;
	margin:auto;	
	text-align:center;
}

.options_membres a, .options_news a
{
	margin-left:10px;	
}

td
{
	padding:5px;	
}




/*     #################################################
	   ##                    Onglets                  ##
	   #################################################       
*/

.onglet li, .onglet2 li
{
	width:192px;
	height:30px;
	margin-bottom:0px;
	color:grey;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	margin-right:10px;
	float:left;
}

.onglet
{
	margin-top:10px;
	padding:0px;
	padding-left:10px;
	margin-left:0px;
	padding-bottom:30px;
	width:100%;
	list-style-type : none;
}



.onglet #encours a, .onglet2 #encours a
{
	color:white;
	font-family:"Comic Sans MS";
	font-size:14px;

}

.onglet li a, .onglet2 li a
{
	color:grey;
	text-decoration:none;
	display:block;
	width:192px;
	height:30px;
	padding-top:5px;
	font-family:"Comic Sans MS";
	font-size:14px;
	
}

.onglet2
{
	margin-top:10px;
	padding:0px;
	padding-left:10px;
	margin-left:0px;
	padding-bottom:0px;
	width:100%;
	list-style-type : none;
}


/*     #################################################
	   ##                   Sommaire                  ##
	   #################################################       
*/

.sommaire
{
	padding:10px;
	width:200px;
	margin:auto;
	margin-top:20px;
	text-align:center;
	text-decoration:none;	
}

.sommaire a
{
	text-decoration:none;
}

.sommaire a:hover
{
	color:red;
}

.sommaire #pageactuelle
{
	font-weight:bold;
	text-decoration:underline;	
}

.info_ok
{
	margin-top:20px;
	padding:10px;
	border:dotted 1px green;
	color:green;
	text-align:center;	
}

.info_msg
{
	margin-top:20px;
	padding:10px;
	border:dotted 1px;
	color:black;
	text-align:center;	
}

/*     #################################################
	   ##                  Formulaires                ##
	   #################################################       
*/

.formulaire textarea
{
	width:100%;	
}

.quizz div, .compte form
{
	margin-bottom:35px;	
	border:dotted 1px;
	padding-left:20px;
	padding-right:20px;
}

.quizz div img, .explication img
{
	position:relative;
	top:5px;	
}

.quizz .options p
{
	margin-top:8px;	
	margin-bottom:8px;	

}

.quizz .info_quizz h3, .compte form h3
{
	text-align:right;	
} 

.stats_barre
{
	
}

.options_news
{
	float:right;	
}

.image_news
{
	margin-top:5px;
	margin-right:5px;
	float:left;	
}

.explications
{
	line-height:25px;
	border-left:2px solid;
	padding-left:10px;
}

/*     #################################################
	   ##                     Pied                    ##
	   #################################################       
*/

.pied
{
	clear:left;
	padding:10px;	
}

#options
{
	padding-top:30px;
	padding-left:30px;
}

/*     #################################################
	   ##               Recherche de nom              ##
	   #################################################       
*/

.recherche_nom
{
	padding:5px;
	max-height:100px;
	min-height:100px;
	overflow:auto;
	width:200px;
	background:white;
	border:grey 1px dotted;	
	position:absolute;
	display:none;
	margin-top:0px;
	z-index:20;
}

#index_maths
{
	width:600px;
	min-height:35px;
	height:35px;
	position:absolute;
	
}

.recherche_nom span
{
	width:100%;
	display:block	
}

#lien:hover
{
	cursor:pointer;
	background:rgb(199, 227, 255);
}

#affiche_amis
{
	display:none;
	position:absolute;
	min-width:150px;
	max-width:300px;
	text-align:center;
	padding:5px;
	border:1px dotted;
	z-index:1;
}

#affiche_amis div
{
	text-align:justify;	
}

/*     #################################################
	   ##                    Aperçu                   ##
	   #################################################       
*/

#fenetre
{
	height:300px;
	border:grey 1px solid;
	position:absolute;
	z-index:30;
	
}

#haut_fenetre
{
	color:white;
	height:20px;
}

#contenu_fenetre
{
	width:576px;
	padding:20px;
	overflow:auto;
	max-height:239px;
	text-align:justify;
}

.fauxlien
{
	color:blue;	
}

.fauxlien:hover, .fauxlien2:hover
{
	text-decoration:underline;
	cursor:pointer;
}

#raccourcis img, #raccourcis .couleurs_boutons
{
	border-top:2px white solid;
	border-right:2px white solid;
	border-bottom:2px white solid;
	border-left:2px white solid;
	background:white;
	margin-left:5px;
	margin-top:5px;
}

#raccourcis img:hover, #raccourcis .couleurs_boutons:hover
{
	border-bottom:2px grey solid;
	border-left:2px grey solid;
	border-top:2px white solid;
	border-right:2px white solid;
	background:rgb(230,230,230);
	cursor:pointer;
}


#raccourcis img:active, #raccourcis .couleurs_boutons:active
{
	border-top:2px grey solid;
	border-right:2px grey solid;
	border-bottom:2px white solid;
	border-left:2px white solid;
	background:rgb(230,230,230);
}

#raccourcis .smile, #raccourcis .smile:hover
{
	border:none;
	background:none;
}	

#raccourcis #select_color
{
	margin-left:10px;
	position:relative;
	bottom:7px;	
}

/*     #################################################
	   ##                    Maths                    ##
	   #################################################       
*/
.maths_fraction,.maths_fraction td, .maths_fraction tr
{
	border-collapse:collapse;	
	color:red;
}

.maths_fraction td
{
	padding-left:5px;	
	padding-right:5px;
	text-align:center;
}

.maths_fraction
{
	text-align:center;	
}