#titre_div {
    height: 5%;
    width: 100%;
    float: center;
    text-align:center;
    margin: 0 auto;
    background : white;

}

#titre_text {
    font-family: Calibri;
    font-size: 2.5rem;    
    text-align: center;
    color: darkblue;
    

}

#soustitre_div {
    height: 5%;
    width: 100%;
    float: center;
    text-align:center;
    margin: 0 auto;
    background : white;

}

#soustitre_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    color: darkblue;
    

}


#corps_div {
    height: 90%;
    width: 90%;
    left: 5%;
    top: 10%;
    text-align: center;
    float: center;
    position: relative;
    text-align:center;
    margin: 0 auto;
    background : white;        
    border-color: red;
    border-width: 5px;

}

#espace_div {
    width: 100%;
    height: 10%;
    float: left;
    margin: 0 auto;
    background : yellow;
    z-index:2;

}

#menu_div {
    width: 80%;    
    left: 20%;
    float: center;    
    margin-left:10%;        
    vertical-align:top;
    background : white;
		border-width:5px;
 		border-style:solid; 		
        border-color: white;        
 		z-index:3;
 		line-height: 10%;
}

#menu_text {
	
    font-family: Calibri;
    font-size: 2.0rem;    
		text-align: left;            
		

}


#travail_titre_div {
    width: 80%;    
    left: 20%;
    float: center;    
    margin-left:10%;        
    vertical-align:top;
    background : white;
		border-width:0px;
 		border-style:solid; 		
        border-color: white;        
 		z-index:3; 		
}

#travail_titre_text {
    font-family: Calibri;
    font-size: 1.5rem;    
		text-align: left;            
}

#travail_desc_div {
    width: 70%;    
    left: 100px;
    float: center;    
    margin-left:20%;        
    vertical-align:top;
    background : white;
		border-width:0px;
 		border-style:solid; 		
        border-color: white;        
 		z-index:3; 		
}

#travail_desc_text {
    font-family: Calibri;
    font-size: 1.0rem;    
		text-align: left;            
}

#travail_desc_lien {
    text-decoration: none;    
}




#fichier_div {
    width: 80%;    
    left: 20%;
    float: center;    
    margin-left:10%;        
    vertical-align:top;
    background : white;
		border-width:0px;
 		border-style:solid; 		
        border-color: white;        
 		z-index:3; 		
}

#fichier_lien {
	left: 20px;
    font-family: Calibri;
    font-size: 1.5rem;    
	text-align: left;            
    text-decoration : none;
		

}

#lien_div {
    width: 80%;
    height: 10%;
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : white;
		border-width:5px;
 		border-style:solid; 		
 		z-index:3;
 		line-height: 10%;

}


#lien_text {
	
    font-family: Calibri;
    font-size: 2.0rem;    
		text-align: center;    
		

}

#jour_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : white;
	border-width:5px;
    border-color:darkblue;
 	border-style:solid; 		
 	z-index:3; 	
}

#jourdevoirs_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : white;
	border-width:5px;
    border-color:darkmagenta;
 	border-style:solid; 		
 	z-index:3; 	

}

#nonjour_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : white;
	border-width:0px;
    border-color:darkblue;
 	border-style:solid; 		
 	z-index:3; 	

}

#jourpasse_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : darkblue;
	border-width:5px;
    border-color:darkblue;
 	border-style:solid; 		
 	z-index:3; 	
}

#jourpassedevoirs_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : darkmagenta;
	border-width:5px;
    border-color:darkmagenta;
 	border-style:solid; 		
 	z-index:3; 	
}


#jourferie_td {
    float: center;
    margin: 10px;    
    vertical-align:top;
    background : lightblue;
	border-width:5px;
    border-color:lightblue;
 	border-style:solid; 		
 	z-index:3; 	

}


#jour_text {
	
    font-family: Calibri;
    color: darkblue;
    font-size: 2.0rem;    
		text-align: center;    
		
}

#jourdevoirs_text {
	
    font-family: Calibri;
    color: darkmagenta;
    font-size: 1rem;    
		text-align: center;    
		
}

#jourferieev_text {
	
    font-family: Calibri;
    color: darkblue;
    font-size: 1rem;    
	text-align: left;    		
}


#jourpasse_text {
	
    font-family: Calibri;
    font-size: 2.0rem;    
    color: white;
	text-align: center;    		
}

#jourpassedevoirs_text {
	
    font-family: Calibri;
    font-size: 1.0rem;    
    color: white;
		text-align: center;    		
}

#jourpasseev_text {
	
    font-family: Calibri;
    font-size: 1.0rem;    
    color: white;
		text-align: left;    		
}


#jourpasse_lien {
    text-decoration: none;    
    color: white;
}

#jourpassedevoirs_lien {
    text-decoration: none;    
    color: white;
}

#jourferie_text {
	
    font-family: Calibri;
    color: darkblue;
    font-size: 2.0rem;    
		text-align: center;    
		
}

#motsoutils_non_div {
    height: 50px;
    width: 19%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:darkblue;
 	border-style:solid; 		
}

#motsoutils_non_text {
    line-height: 50px;
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    color: darkblue;
    margin: auto;
}

#motsoutils_oui_div {
    height: 50px;
    width: 19%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : darkblue;	
    border-color:white;
 	border-style:solid; 		
}

#motsoutils_oui_titre_div {
    height: 50px;
    width: 97%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : darkblue;	
    border-color:white;
 	border-style:solid; 		
}


#motsoutils_oui_text {
    line-height: 50px;
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    color: white;
    margin: auto;
}

#phonologie_div {
    height: 160px;
    width: 19%;
    float: left;
    position:relative;    
    margin: auto;
    background : white;	
    border-color:darkblue;
 	border-style:solid; 		
}

#adminphonologie_div {
    height: 90px;
    width: 19%;
    float: left;
    position:relative;    
    margin: auto;
    background : white;	
    border-color:darkblue;
 	border-style:solid; 		
}

#adminphonologie_div_achanger {
    height: 90px;
    width: 19%;
    float: left;
    position:relative;    
    margin: auto;
    background : white;	
    border-color:red;
 	border-style:solid; 		
}


#phonologie_son_text {
    line-height: 30px;
    font-family: Calibri;
    font-size: 1.5em;    
    text-align: center;
    color: darkblue;
    margin: auto;
}

#phonologie_jour_text {    
    line-height: 30px;
    font-family: Calibri;
    font-size: 1.1em;    
    text-align: left;
    color: darkblue;
    margin: auto;
}

#phonologie_blanc_text {    
    line-height: 15px;
    font-family: Calibri;
    font-size: 1.1em;    
    text-align: left;
    color: darkblue;
    margin: auto;
}

#phonologie_lien {
    text-decoration: none;
    font-weight: bold;
    color: darkblue;        
}

#maths_onglet_oui_div {    
    height: 50px;
    width: 49%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : darkblue;	
    border-color:darkblue;
 	border-style:solid;

    }

#maths_onglet_oui_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    line-height: 50px;
    margin: auto;
    color: white;
}

#maths_onglet_non_div {    
    height: 50px;
    width: 49%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : white;	
    border-color:darkblue;
 	border-style:solid; 		
    border-width: 0px;
}

#maths_onglet_non_text {
    font-family: Calibri;
    font-size: 1.5rem; 
    line-height: 50px;   
    text-align: center;
    color: darkblue;
    margin: auto;
}


#onglet_lien {
    text-decoration: none;
    color: darkblue;    
}


#maths_corps_div {
    width: 99%;
    float: left;
    position:relative;
    text-align:left;
    margin: 0 auto;
    background: white;
    border-color: darkblue;
 	border-style:solid; 		
}

#niv1_div {
    width: 90%;
    left: 5%;
    float: left;
    position:relative;
    text-align:left;
    margin: 0 auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}

#niv1_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: left;
    color: darkblue;
}

#niv2_corps_div {
    width: 85%;
    left: 10%;
    float: left;
    position:relative;
    text-align:center:
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}


#niv2_div {
    height: 40px;
    width: 30%;    
    float: left;
    position:relative;
    text-align:center:
    margin: auto;
    background : white;	
    border-color:darkblue;
 	border-style:solid; 		

}

#niv2_text {
    font-family: Calibri;
    font-size: 1.0rem;  
    line-height: 40px;  
    text-align: center;
    color: darkblue;
    margin: auto;
}

#niv2_lien {
    font-family: Calibri;
    font-size: 1.0rem;      
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;  
    text-align: center;
    color: darkblue;    
    margin: auto;
}

#eec_onglet_oui_div {    
    height: 50px;
    width: 49%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : black;	
    border-color:black;
 	border-style:solid;

    }

#eec_onglet_oui_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    line-height: 50px;
    margin: auto;
    color: white;
}

#eec_onglet_non_div {    
    height: 50px;
    width: 49%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : white;	
    border-color:black;
 	border-style:solid; 		
    border-width: 0px;
}

#eec_onglet_non_text {
    font-family: Calibri;
    font-size: 1.5rem; 
    line-height: 50px;   
    text-align: center;
    color: black;
    margin: auto;
}


#mdi_onglet_oui_div {    
    height: 50px;
    width: 33%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : black;	
    border-color:black;
 	border-style:solid;

    }

#mdi_onglet_oui_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    line-height: 50px;
    margin: auto;
    color: white;
}

#mdi_onglet_non_div {    
    height: 50px;
    width: 33%;
    float: left;
    position:relative;
    text-align:center;
    margin: 0 auto;
    background : white;	
    border-color:black;
 	border-style:solid; 		
    border-width: 0px;
}

#mdi_onglet_non_text {
    font-family: Calibri;
    font-size: 1.5rem; 
    line-height: 50px;   
    text-align: center;
    color: black;
    margin: auto;
}

#mdi_corps_div {
    width: 99%;
    float: left;
    position:relative;
    text-align:left;
    margin: 0 auto;
    background: white;
    border-color: black;
 	border-style:solid; 		
}

#mdiniv1_div {
    width: 90%;
    left: 5%;
    float: left;
    position:relative;
    text-align:left;
    margin: 0 auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}

#mdiniv1_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: left;
    color: black;
}

#mdiniv1_lien {
    font-family: Calibri;
    font-size: 1.5rem;          
    text-decoration: none;
    line-height: 40px;  
    text-align: left;
    color: black;    
    margin: auto;
}


#mdiniv2_corps_div {
    width: 85%;
    left: 10%;
    float: left;
    position:relative;
    text-align:left;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}


#mdiniv2_div {
    height: 40px;
    width: 30%;    
    float: left;
    position:relative;
    text-align:left;
    margin: auto;
    background : white;	
    border-color:black;
 	border-style:solid; 		

}

#mdiniv2_text {
    font-family: Calibri;
    font-size: 1.4rem;  
    line-height: 40px;  
    text-align: left;
    color: black;
    margin: auto;
    text-decoration: none;
}

#mdiniv2_lien {
    font-family: Calibri;
    font-size: 1.4rem;      
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;  
    text-align: left;
    color: black;    
    margin: auto;
}

#mdiniv3_corps_div {
    width: 80%;
    left: 15%;
    float: left;
    position:relative;
    text-align:left;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}


#mdiniv3_div {
    height: 40px;
    width: 30%;    
    float: left;
    position:relative;
    text-align:left;
    margin: auto;
    background : white;	
    border-color:black;
 	border-style:solid; 		

}

#mdiniv3_text {
    font-family: Calibri;
    font-size: 1.2rem;  
    line-height: 40px;  
    text-align: left;
    color: black;
    margin: auto;
}

#mdiniv3_lien {
    font-family: Calibri;
    font-size: 1.2rem;      
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;  
    text-align: left;
    color: black;    
    margin: auto;
}



#prenom_div {    
    width: 24%;    
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:darkred;
 	border-style:solid; 		

}

#prenom_date_div {    
    width: 98%;    
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:black;
 	border-style:solid; 		

}


#prenom_text {
    font-family: Calibri;
    font-size: 1.5rem;    
    text-align: center;
    color: darkred;
    

}

#prenom_lien {
    font-family: Calibri;
    font-size: 1.0rem;      
    font-weight: bold;
    text-decoration: none;    
    text-align: center;
    color: darkred;    
    margin: auto;
}

#image_ex_div {    
    height : 45%;
    width: 100%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}

#text_ex_div {    
    height : 35%;
    width: 100%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}


#enigme {
    font-family: Calibri;
    font-size: 2rem;    
    text-align: center;    
    color: black;
    

}


#message_oui_div {    
    height : 40px;
    width: 100%;
    float: left;    
    position:relative;
    text-align:center;
    margin: auto;
    background : green;	
    border-color:green;
 	border-style:solid; 		

}

#message_oui_text {
    font-family: Calibri;
    font-size: 1rem;    
    text-align: center;
    line-height: 25px;  
    color: black;
    

}

#bravo {
    font-family: Calibri;
    font-size: 3rem;        
    text-align: center;    
    color: blue;    
    

}

#message_non_div {    
    height : 40px;
    width: 100%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : red;	
    border-color:red;
 	border-style:solid; 		

}

#message_non_text {
    font-family: Calibri;
    font-size: 1rem;  
    line-height: 25px;    
    text-align: center;    
    color: black;
    

}



#bouton4_ex_div {    
    height : 25%;
    width: 24%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}

#bouton2_ex_div {    
    height : 25%;
    width: 48%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}

#bouton3_ex_div {    
    height : 25%;
    width: 32%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}

#bouton5_ex_div {    
    height : 25%;
    width: 19%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}

#bouton6_ex_div {    
    height : 28%;
    width: 15%;
    float: left;
    position:relative;
    text-align:center;
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		

}


#bouton {        
    margin: auto;
    background : white;	
    border-color:white;
 	border-style:solid; 		
}

#boutonNon {        
    margin: auto;
    background : white;	
    border-color:red;
    border-width: 6;
 	border-style:solid; 		
}

#boutonOui {        
    margin: auto;
    background : white;	
    border-color:green;
    border-width: 6;
 	border-style:solid; 		
}