/* -------------------------------------
 *
 * 		classes générales
 * 
 --------------------------------------*/
.divCentre {
	margin-left: auto;
	margin-right: auto;
}
.gras { font-weight : bold;}
.italique { font-style : italic;}
.jaune { color : #ffad00;}
.marron { color : #421e05;}
.marronclair { color : #966d4e;}
.violet { color : #8c004f;} /* violet foncé */
.violet2 { color : #b54880;} 
.violet3 { color : #cc0066;} /* violet clair */
.beige1 { color : #cebdad;}
.beige { color : #ece6dd;} /* couleur du fond clair */
.blanc { color : white;}
.noir { color : black;}
.centre { text-align : center}
.droite { text-align : right}
.gauche { text-align : left}	
.gras { font-weight: bold;}	
.normal { font-weight: normal;}	
.italic { font-style : italic }
.h_image { margin : 0; line-height : 0; }
/* ligne horizontale */
	.ligne_horizontale { text-align : center; padding : 0; margin: 10px 0 0 0; }
	.ligne_horizontale2 { text-align : center; padding : 0; margin: 0 0 0 0; }
/* css texte */
	.titre_par { font-size: 14px; margin-left: 20px; padding : 0; margin-top : 8px; margin-bottom : 5px;}
	.titre2 { font-size: 14px; font-weight : bold;  margin-left: 20px; padding : 0; margin-top : 3px; margin-bottom : 0px;}
	.titre3 { font-size: 13px; font-weight : bold;  margin-left: 20px; padding : 0; margin-top : 3px; margin-bottom : 0px;}
	.titre_page { font-size: 20px; font-style : italic; padding : 0; margin-top : 0;}
	.titre_page_membres { font-size: 24px; font-style : italic; padding : 0; margin : 0;}
	.texte { font-size: 13px; margin-left: 10px; padding : 0; margin-top : 0; margin-bottom : 0; margin-right : 15px; text-align : justify;}
	.baseline { font-size: 12px; margin: 0; padding : 0; text-align : left; line-height: 11px;}
	.taille1 { font-size: 20px; }
	.taille2 { font-size: 18px; }
	.taille3 { font-size: 15px; }
	.taille4 { font-size: 13px; }
/* liens */
.lienU{ text-decoration:underline; }	.lienU:hover{ text-decoration:none; }
.lien { text-decoration:none; }	.lien:hover {text-decoration:underline; }	

table {
	border-collapse: collapse;
}
.bordure {
	border : 1px solid black;
}
/* -------------------------------------
 *
 * 		listes et puces
 * 
 --------------------------------------*/
.ulred { font-size: 12px; color: #FF0000;font-weight: bold; padding : 0; margin-bottom : 3px; }
.pucee {vertical-align: middle; }
.puce { list-style-type: none; background-image: url(../img/puce.gif);background-repeat: no-repeat; padding-left: 40px; }
.puce2 { list-style-type: none; background-image: url(../img/puce2.gif);background-repeat: no-repeat;background-position: left 8px; padding-left: 15px; margin-top : 10px;  }

/* -------------------------------------
 *
 * 		BODY et BOX
 * 
 --------------------------------------*/
body {
	color:black;
	background: white url("../img/bg.jpg") repeat-x top left;
}

#box {
	margin-left: auto;
	margin-right: auto;
	width: 1030px;	
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------------------------------
 *
 * 		Menus verticaux
 * 
 --------------------------------------*/
#menus { height : 350px;}
#menus p { margin:0 0 0 10px; }
/* hack IE6 */
* html #menus { height : 300px;}
#menu2_cadre { height : 140px; margin-top : 15px; }	

#inscription_bloc a { text-align : center; display : block;	 margin-BOTTOM : 4px;} 

.titre_menu {  margin-left : 15px;  }
#menus dl, dt, dd, ul {
margin : 0 0 10px 0;
padding: 0;
list-style-type: none;
line-height : 0;
}
* html #menus dd { height : 2px;	}

#menus li {
margin-bottom : 4px;
list-style-type: none;
}
#menu1 dt, #menu2 dt {
cursor: pointer;
margin : 3px 0 2px 0;
}
#menu1 li a, #menu2 li a {
text-decoration: none;
display: block;
font-size:13px;
font-weight : bold;
line-height : 16px; }

#menu1_cadre a, #menu2_cadre a { text-align : right; margin-top : 3px;  display : block }

/* -------------------------------------
 *
 * 		div page d'accueil
 * 
 --------------------------------------*/
#header { height : 90px; margin-top : 10px; }
	#header_left {  width : 275px; float : left; }
	#header_center { margin-top : 13px; width : 330px; float : left; }
	#header_right { float : left;  }
	#renseignements { display : block; margin-left : 140px; margin-top : 5px;}
	#telephone { display : block; margin-left : 160px; margin-top : 5px; }
	#contact { display : block; margin-left : 140px; margin-top : 5px;}
	
#left { float:left; width:180px; height : 600px;}
#liens {  clear : both;  margin-top : 0; width : 600px; }
#liens p { text-align : center; margin : 0; padding : 0;}
#liens a { color : black; text-align : center; font-size: 11px; font-weight : normal; margin-top : 0; margin-bottom : 0;}

#right { float:left; width:180px; margin : 0;  }
#right h1 {  margin : 0;  }
#right p {  margin-top : 5px;  margin-bottom : 2px;}
#right_haut { height : 340px; }	
#right_agrement {  height : 60px; }	
#right_clients {  height : 60px; }
	#right_clients a { text-align : center; display : block; margin-top : 4px;} 

.bouton { vertical-align: -4px;} 

#box_centrale_down { height : 90px; margin-top : 0; margin-bottom : 0; }		
#liens { height : 200px; width : 100%; margin-top : 0; margin-bottom : 0;}		

/* -------------------------------------
 *
 * 		espace élève
 * 
 --------------------------------------*/
.retour { text-align : right; margin-right : 30px;}
#messagerie a { text-align : center; display : block; margin-top : 4px;} 
#bouton_haut { margin : 20px 0 0 70px; display: inline;} 
#bouton_haut_prof { margin : 15px 0 0 50px; display: inline;} 
#bouton_haut a { margin-top : 30px;} 
/* formulaires */
	#menu_form_eleve	{   width: 580px; clear:both; margin-left: 10px; }	
		.sousmenu	{ float:left; margin : 0; width:120px; text-align :center; padding : 5px 0 5px 0; border-top  : 1px solid #b2aab1; border-right : 1px solid #b2aab1;  border-left : 1px solid #b2aab1;}
		.select {  background-color : #b2aab1; border-top  : 1px solid #b2aab1; border-right : 1px solid #b2aab1;  border-left : 1px solid #b2aab1; }
	#form_eleve	{  width: 580px; clear:both; background-color : #b2aab1; margin-left: 10px; padding-top:10px; padding-bottom : 10px;  border : 1px solid #b2aab1; }	
	#form_autre	{  width: 580px; clear:both; margin-left: 10px; padding-top:10px; padding-bottom : 10px;  }	

/* -------------------------------------
 *
 * 		listes factures, fiches de paie
 * 
 --------------------------------------*/
#BOXmois	{ width: 270px;  margin-left : 30px; float: left; }	
#BOXliste	{  float: left;  }	
#voseleves	{  width: 110px; float: left; }	
#vosfichesdepaie	{ float: left; }	
#listeeleves	{ width: 200px; float: left; }	
#listefiches	{ width: 290px; float: left; }	
#listeeleves ul,li	{  margin: 0;  }	
#listefiches ul,li	{  margin: 0;  }	
.textepdf { 
 vertical-align: 6px; }