#listeprofs { background-color: white; width : 500px;}
#listestages { background-color: white; width : 500px; height: 350px; padding: 0;}
#listestagessup { background-color: white; width : 500px; height: 350px; padding: 0;}
#listestagesspe { background-color: white; width : 500px; height: 350px; padding: 0;}

#listestagesterminale { background-color: white; width : 500px; height: 250px; padding: 0;}
#listestagesseconde { background-color: white; width : 500px; height: 250px; padding: 0;}


#inscription_form {width: 400px;}
#sous_div_inscription {width: 250px;}
th.header { 
    background-image: url(../img/tablesorter/blue/asc.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
.ssbordure {
	border-top: none;
}
.image_centre {
	vertical-align: middle;
	border: none;
}
/* -------------------------------------
 *
 * 		classes g�n�rales
 * 
 --------------------------------------*/
.divCentre {
	margin-left: auto;
	margin-right: auto;
}

.div500centre{
	margin-left: auto;
	margin-right: auto;
	width:500px;
}

.blocTexteDashed2 { border-top: 1px dashed #8c004f; border-bottom: 1px dashed #8c004f;}
.blocTexte2 { float:left; width:600px; }

.blocTexteDashedcollege { border-top: 1px dashed #077BC0; border-bottom: 1px dashed #077BC0;}
.blocTextecollege { float:left; width:460px; }

.spacer { clear: both;}
.blocImage { float:left; margin: 5px 15px 5px 0 ; padding-left: 10px;}
.blocTexte { float:left; width:445px; height: 200px; }
.ligneDashed { margin: 3px auto 3px auto; width:620px; height: 3px; border-bottom: 1px dashed #de3c7a;}

.couleur1 { color : #8c004f;} 

.floatleft {float:left;}
.floatright {float:right;}
.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 */
.violet4 { color : #9e2968;} /* violet fonc� */
.bleu0 { color : #3c41a4;}
.bleu { color : #0099a7;}
.bleuclair0	{ color: #1458a6; }
.bleuclair	{ color: #077bc0; }
.beige1 { color : #cebdad;}
.beige { color : #ece6dd;} /* couleur du fond clair*/
.beige2 { color : #b89677;} /* couleur du fond */
.rouge {color: red;}
.vert {color : #52681b; }
.blanc { color : white;}
.noir { color : #46403C;}
.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 */
	.titre1 { font-size: 15px; margin-left: 20px; padding : 0; margin-top : 8px; margin-bottom : 5px; }
	.titre_actus { font-size: 20px; text-align: center; margin: 2px 0 5px 0; }
	.titre_actus2 { font-size: 14px; text-align: left;  margin: 2px 0 2px 15px; padding:0; color: #8c004f;}
	.titre_actus3 { font-size: 12px; text-align: left;  margin: 2px 0 0 0; padding:0; color: #8c004f;}
	.titre_vignette  { font-size: 14px; color : #9e2968; margin: 0 0 0 2px; padding : 0;}
	.titre_stage { width: 150px; font-weight: bold; font-size: 12px; margin-left: 10px; margin-top : 2px; padding : 0 0 0 15px; text-align : right; float: left;}
	.date_stage { font-size: 12px;  margin-left: 30px; margin-top : 2px; padding : 0; float: left;}
	.nom_prof { width: 150px; line-height: 13px;  font-weight: bold; font-size: 12px; margin-left: 10px; margin-top : 0px; padding : 0 0 0 15px; text-align : right; float: left;}
	.qualif_prof { font-size: 12px; line-height: 13px;  margin-left: 30px; margin-top : 0px; padding : 0; float: left;}
	.titre2 { font-size: 14px; font-weight : bold;  margin-left: 20px; padding : 0; margin-top : 5px; 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: 27px; font-style : italic; padding : 5px 0 0 0; margin : 0; font-weight: bold;}
	.titre_page2 { font-size: 27px; font-style : italic; padding : -15px 0 0 0; margin : 0; font-weight: bold;}
	.sous_titre_page { font-size: 20px; font-style : italic; padding : 0; margin: 0; font-weight: bold;}
	.petit_sous_titre_page { font-size: 17px; font-style : italic; padding : 0; margin: 0; font-weight: bold;}
	.titre_page_membres { font-size: 25px; font-style : italic; padding : 0; margin : 0;}
	.texte { font-size: 12px; margin-left: 10px; padding : 5px 0 0 0; margin-top : 0; margin-bottom : 0; margin-right : 15px; text-align : justify;}
	.texte_actus { font-size: 12px; padding : 0; margin : 0 15px 0 0; text-align : justify; line-height: 15px;}
	.texte_moyen { font-size: 13px; margin-left: 10px; padding : 5px 0 0 0; margin-top : 0; margin-bottom : 0; margin-right : 15px; text-align : justify;}
	.taille1 { font-size: 20px; }
	.taille2 { font-size: 18px; }
	.taille3 { font-size: 15px; }
	.taille4 { font-size: 13px; }
	.taille11 { font-size: 11px; }
	.titre5 { font-size: 19px; font-weight: normal; margin-left: 10px; padding : 0; margin-top : 0; margin-bottom : 0; text-align : center; }
	.titre6 { font-size: 13px; font-weight: normal; margin-left: 10px; padding : 0 0 5px 0; margin-top : 0; margin-bottom : 0; text-align : center; }	
	.titre7 { margin-top: 15px; margin-bottom: 10px; margin-left:auto; margin-right:auto;
				padding: 5px 0 5px 10px;	
				color: white; font-size: 12px; font-weight: bold; 
				background-color: #007f91; 
				text-align: center;
				}			
	.titre8 { margin-top: 15px; margin-bottom: 10px; margin-left:auto; margin-right:auto;
				padding: 5px 0 5px 10px;	
				color: white; font-size: 12px; font-weight: bold; 
				background-color: #8c004f; 
				text-align: center;
				}
	.lien_vignette { color : #9e2968; font-weight: bold;}
	.lien_vignette2 { color : #52681b;; font-weight: bold;}
	.lien_vignette3 { color : #8c004f; font-weight: bold;}
	.intro { font-size: 13px; font-style: italic; margin: 0 15px 0 10px; padding : 5px 0 0 0;text-align : justify;}

/* liens */
.lienU{ text-decoration:underline; }	.lienU:hover{ text-decoration:none; }
.lien { text-decoration:none; }	.lien:hover {text-decoration:underline; }	

table, td, th {
	border-top: 1px solid black;
	border-collapse: collapse;
}

.noborder {
	border:none;
}
.rect-de-fond {
background : url("../img/rect-de-fond.gif") top left no-repeat scroll transparent;
border: 1px solid #a4a4a4;
padding : 5px;  
margin-left: 10px;
height: 170px;
width: 290px;
}
.rect-de-fond2 {
background : url("../img/rect-de-fond2.gif") top left no-repeat scroll transparent;
}
.bloc-ligne {
float: left;
margin-bottom: 15px;
}
.bloc-centre {
margin-left: auto;
margin-right: auto;
}
.rect-vignette {
float: left;	
}
.rect-comment{
width: 170px;
float: left;	
}
.vignette2 {
float: left;
margin: 0 20px 10px 0;	
}
.vignette_dte {
float: right;
margin: 0 10px 0 20px;	
}
/* -------------------------------------
 *
 * 		Menus et fil ariane
 * 
 --------------------------------------*/

/* Menu vertical en accord�on */
ul#menu_vertical, ul#menu_vertical ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu_vertical a {
  display: block;
  text-decoration: none;	
}

ul#menu_vertical li {
  margin-top: 1px;
}

ul#menu_vertical li a {
  padding: 5px 0 5px 5px;
  font-weight: bold;
}
/*
ul#menu_vertical li a:hover {
  background: #583119;
  color: white;
}*/

ul#menu_vertical li ul li a {
  font-size : 13px;
  padding: 5px 0 5px 20px;
  font-weight: normal;
}

ul#menu_vertical li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul#menu_vertical li ul li a.active {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}






.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


/* Menu commun : menu1 : menu horizontal principal*/
#box_menu1 { margin-top : 10px;}
#connection { height :  10px; width : 1030px; padding : 0; }
#connection p { text-align: right; color: white;}
#menu1 { height :  15px;  padding : 0;}
#menuhorizontal { width: 1030px; margin-left: 100px;  }

ul#menuhorizontal { width : 1000px; list-style-type : none; }
ul#menuhorizontal li{ line-height : 30px;}
ul#menuhorizontal a { display: block; text-decoration:none; font-size:14px; font-weight : bold;
	width: 190px; text-align: center;  margin-left: 0px;}
ul#menuhorizontal a:hover { }	

#boutoncollege a {background : url("../img/boutons/boutongauche.gif") top left no-repeat; color: #5a5049;}
#boutoncollege a:hover {background : url("../img/boutons/boutongauche+bleuclair.gif") top left no-repeat;  color: white;}
#boutonlycee a {background : url("../img/boutons/boutonmilieu.gif") top left no-repeat; color: #5a5049;}
#boutonlycee a:hover {background : url("../img/boutons/boutonmilieu+bleu.gif") top left no-repeat;  color: white;}
#boutonmathsup a {background : url("../img/boutons/boutonmilieu.gif") top left no-repeat; color: #5a5049;}
#boutonmathsup a:hover {background : url("../img/boutons/boutonmilieu+vert.gif") top left no-repeat; color: white;}
#boutonprepashec a {background : url("../img/boutons/boutondroite.gif") top left no-repeat; color: #5a5049;}
#boutonprepashec a:hover {background : url("../img/boutons/boutondroite+violet.gif") top left no-repeat;  color: white;}


.decal { padding-left: 35px;}
/* composantes communes du menu 2 */
#menu2 { font-family : Arial; height : 17px; padding : 0; margin-top : 0; }

#menu2 a { color: white; font-size : 12px; }

#menu2 ul li a.ssmenu {  
		background-image : url("../img/traitblanc.gif"); background-repeat:  no-repeat; background-position: right top; }

#menu2_blanc { height : 17px; padding : 0; margin-top : 0; background-color: white;}

/* Fil d'ariane */
.ariane { font-size: 11px; margin: 0 0 0 0; padding-top : 0; text-align : left; font-style : italic;}
.lienAriane { font-size: 11px; margin: 0 0 0 0; padding-top : 0; text-align : left; font-style : italic; text-decoration:underline;}
.lienAriane:hover { text-decoration:none; }
#ariane { height : 19px; padding-left : 30px; margin-top : 0; background-color: white;}
/* -------------------------------------
 *
 * 		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:#46403c;
	background: #ffffff url("../img/bg.jpg") repeat-x top left;
}

#box {
	margin-left: auto;
	margin-right: auto;
	width: 1030px;	
	font-family: Arial, Helvetica, sans-serif;
}
#box_centrale {	width: 670px; margin : 0; padding : 0; background-color: #ffffff; float : left; height: 100%;}
#box_centrale_prof {
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 655px;
	height: 100%;
}
#box_centrale_index {	margin : 0; padding : 0; background-color: #ffffff; float : left; }
#box_centrale_index2 {	width: 850px; margin : 0; padding : 0; background-color: #ffffff; float : left; height: 100%;}
#box_centrale_texte { 
		padding : 0 15px 0 15px; 
		height: 560px;
		margin :0; 
		background-color : #ffffff;
		clear : both;}
#bordure-haute {
    background-image: url("../img/basesINK/bordure-large-top.gif");
    background-repeat: no-repeat;
	background-color: transparent;
    height: 15px;
    margin: 20px 0 0 0;
	padding:0;
}
#bordure-basse {
    background-image: url("../img/basesINK/bordure-large-bottom.gif");
    background-repeat: no-repeat;
    height: 15px;	
    margin: 0;
}
#leftboxright {
	margin-left: auto;
	margin-right: auto;
	min-height: 550px;
	background-color : #ffffff;
}

html>body #box_centrale_texte { /* � destination de FF : */
	height: auto;
	min-height: 490px;
	}		

/* -------------------------------------
 *
 * 		div page d'accueil
 * 
 --------------------------------------*/
#header { height : 60px; margin-top : 10px;}
	#header_left {  width : 275px; 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;}

/* ---     bandeau de gauche AUTRES PAGES ----- */	
#left { float:left; width:180px; height : 600px; background-color: white; padding: 40px 0 0 0;}
#left_formulaires { float:left; width:180px; height : 600px; background-color: white; padding: 40px 0 0 0;}
#left_prof { float:left; width:180px; height : 600px; background-color: white; padding: 40px 0 0 10px;
}
#left_cadre { 	padding : 0; 
				margin : 0;	}
#left_texte {	padding : 0 0 0 0;
				background-color : black;
				margin : 0;}				
#left h1 { color: white; font-size: 12px; padding: 5px 0 0 15px;}
#left_formulaires h1 { padding: 5px 0 0 15px;}
#left h2 { font-size: 13px; padding: 5px 0 0 15px ; margin: 0;}	
#left h3 { font-size: 11px; padding: 3px 0 0 15px; margin: 0; font-weight: normal;}					
.ligne { text-align: center; padding: 0; margin: -12px 0 4px 0; }					
.texteGche { font-size: 11px; padding: 0 0 0 15px; margin: 0; }		


			

/* ------------------ */


#liens { height : 60px; width : 100%; margin-top : 5px; margin-bottom : 0;}	
#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
 * 
 --------------------------------------*/

#right { float:left; width:180px; height: 620px; margin : 0; background-color: #ffffff; }
#right_prof {
    background-color: #FFFFFF;
    float: left;
    height: 620px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-right: 3px;
    width: 180px;
}

#right_bandeau_cadre { 	padding-top : 0; }
#right_bandeau_bloc {	padding-bottom : 15px;
						background-color : #ffffff;}
#right_title {	margin-left : auto; margin-right : auto;
				padding : 0px 2px 5px 2px;
				width : 160px;
				}
.titre_right { color : black; font-weight : bold; font-size : 14px; text-align : center; margin:0; padding : 0; }
#right_texte { margin-left:auto; margin-right:auto; margin-top : 7px; margin-bottom: 20px; width: 160px; }
#right h1 {  margin : 0;  }
#right p {  margin-top : 5px;  margin-bottom : 2px;}
#right_haut { height : 340px; }
#right_haut_accueil { height : 130px; }		
#right_anim { padding-right: 0; }
#right_agrement {  height : 60px; border-top: 1px dotted #665d5d; padding : 5px 10px 0 0;}	
.agrement { font-size: 11px; color: #665d5d; margin: 0; font-weight: bold; text-align: left; float: right;}
#right_clients {  height : 60px; }
	#right_clients a { text-align : center; display : block; margin-top : 4px;} 
#right_titre { margin-top: 10px; margin-left:auto; margin-right:auto;
				padding: 5px 0 5px 10px;	
				width:155px; color: white; font-size: 12px; font-weight: bold; }
#right_titre2 { margin-top: 10px; margin-left:auto; margin-right:auto;
				padding: 5px 0 5px 10px;	
				width:155px; color: white; font-size: 12px; font-weight: bold; 
				background-color: #8C004F; 
				}
.texte_right {	font-weight : normal; font-size : 12px; text-align : left; padding : 2px 4px 2px 10px;}
.texte_right2 {	font-weight : normal; font-size : 12px; text-align : left; padding : 2px 4px 2px 10px; border: 1px solid #8c004f;;} 

.telephone { text-align: center; font-weight: bold; font-size: 23px; color: #421e05;}
.bouton { vertical-align: -4px;} 


	

/* -------------------------------------
 *
 * 		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; }