body {
	behavior: url(csshover.htc);
	//width: 90%;
	
	width: 100%; 
    min-width: 740px;
    max-width: 950px;
		
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	color:auto;
	background-color: #CCFFFF;
}
div#menu {
	margin-top: 20px;
	margin-left: 200px;
	width: 100px;
}

/* fond blanc pour le menu */ 
div#menu a {color:#000000;font-weight:bold;}
div#menu ul {padding: 0; width: 100px; border:1px solid; margin:0px; background: white;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(../images/fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}

/*TAILLE PREMIERE COLONNE*/ 
div#menu {float: left; width: 13em;} 
div#menu ul {margin: 0; padding: 0; width: 13em; background: white; border: 1px solid;} 
div#menu ul ul {left: 13em; display:none} 
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 13em; border-left: 0.5em solid #BBB;} 

/*TAILLE DEUXIEME COLONE*/             
div#menu ul.niveau2 ul {left: 20em;}   
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {width:20em; display:block} 
div#menu ul.niveau2 li a {width: 20em;} 

/*TAILLE TROISIEME COLONNE*/ 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {width:15em; display:block;}       

/*TAILLE DEUXIEME COLONE BIS*/                 
div#menu ul.niveau2bis ul {left: 10em;}   
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; width:10em;}       
div#menu ul.niveau2bis li a {width: 10em;} 

/*COULEUR DES BORDURES*/ 
div#menu li a:hover {border-left-color: red;} 
div#menu ul ul li a:hover {border-left-color: #00FF00;} 
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}


#cadre { 
	width: auto; 
	overflow: hidden;
	background-color: #66FF00; 
}
#gauche { 
	float: left;
	width: auto;
} 
#droite { 
  	float: right;
	width: auto; 
}
#centre { 
  	text-align:center;
	width: auto; 
}
#mot_evidence, caption {
	color:#0000FF;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}
#noir_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
}
#rouge_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color:red;
}
#rouge_simple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color:red;
}
/*###################################################################*/
/* BLOCS MESSAGES */
.info, .validation, .attention, .erreur {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 100px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 62%;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:1px;*/
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info_buttom.png');
}
.validation {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/validation_buttom.png');
}
.attention {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/alerte_buttom.png');
}
.erreur {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/erreur_buttom.png');
}
/*#########################*/
#marge_haut {
	margin-top:10px;
}

#mot_evidence {
	color:#0000FF;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}
/*#########################*/
.haut {
	position: absolute;
	top: 9px;
}
.bas {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1px;		
}
/*################ table ############*/
#cad_table{
	border: 2px solid black;
	border-collapse: collapse;
	background-color: #FFFFCC;
}

#valg{
	height: 40px;
	vertical-align: center;
}
/*################ table ############*/
#cadre_table,th{
	border: 1px solid black;
	border-collapse: collapse;
}
/*################ table dans accordeon ############*/
#cadre_table_accordeon{
	border: 1px solid white;
	border-collapse: collapse;
}
#bord_tr{
	border: 1px solid white;
	border-collapse: collapse;
}
#bord_gauche{
	border-left: 1px solid white;
	border-collapse: collapse;
	text-align: center;
}
/*################ couleur echec dans resume_eleve accordeon ############*/		
.b_c{
	background-color: #FF7F50; /* orange */
	color: black;
}

.cadre_50{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}