body {

	font-family : Trebuchet, Tahoma, Arial, sans-serif;
	background-color: #FFFFFF ;
	font-size : 12px;
	color : #2f278d;
	margin-top: 0px;
	text-align: center; /* pour corriger le bug de centrage IE */

}
a img{
	border:none;
}



#global {
	width:854px;
	 background-image: url(../images/fond_global.jpg);
   text-align: left; /* on rétablit l'alignement normal du texte */
    	margin-top: 0px;
    	margin-left: auto;
    	margin-right: auto;
}

.bandeau {
height: 109px;
width: 854px;         
background-image: url(../images/bg_bandeau.jpg);
background-repeat: no-repeat;
         }

.menu {
  height: 28px;
  width: 854px;
  background-image: url(../images/bg_menu.jpg);  
      }   



.menu A {
color: #2f278d; 
font-size: 14px;
text-transform: uppercase; 
text-decoration: none;         
           }

.menu A:hover {
color: #2f278d;   
text-decoration: underline;        
           }


.haut_contenu {
width: 854px; 
height: 24px;
background-image: url(../images/haut_contenu.png); 
margin-left: auto;
margin-right: auto;           
             }


.contenu {
width: 854px ;
background-image: url(../images/bg_contenu.png);
background-repeat: repeat;
padding-top: 5px;
         } 
         
.contenu_gauche {
width: 581px;   
margin-left: 15px; 
margin-right: 0px; 
float: left;  
text-align: justify;         
                }

.blocs_accueil {
width: 240px;
margin-left: 20px;
line-height: 1.5;               
}

.blocs_accueil a:hover {
	text-decoration: none;
}

.bloc2_accueil {
width: 240px;
margin-left: 20px;
margin-top: 0px;
text-align: justify;
vertical-align: top;
      }             
.bloc2_accueil a:hover {
	text-decoration: none;
}               

.contenu_droite {
width: 210px;   
margin-left: 0px;  
padding-right: 10px;
float: right;           
                }
                
.contenu_droite A {
color: #FFFFFF;  
text-decoration: underline;         
           }

.contenu_droite A:hover {
color: #FFFFFF;   
text-decoration: underline;        
           }
                
                
.actu_accueil {
	width: 196px;
	height: 265px;
	background-image: url(../images/bg_actu_accueil.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;       
	text-align: center;   
	margin-top: 0px;  
	padding-top: 35px;
}
.actu_accueil_row{
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: #DDDDDD dotted 1px;
}
.actu_accueil_row label{
	font-weight: bolder;
	display: block;
	cursor: pointer;
	margin-bottom: 2px;
}
.actu_list_element{
	width:550px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
}
.actu_list_element_text{
	margin: 10px;
	width:520px;
	text-align: justify;
}
.actu_list_element_img{
	width:540px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}
.contenu_actu_accueil {
width: 160px;
height: 227px;
background-color: #FFFFFF;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
color: #5258a2;
font-size: 10px;
font-family: Arial;
padding: 3px 3px 3px 3px;      
text-align: left;
	overflow: auto;
              }
              
.contenu_actu_accueil A {
color: #5258a2;
text-decoration: none;         
           }

.contenu_actu_accueil A:hover {
color: #5258a2;   
text-decoration: underline;        
           }              


.livre_accueil {
width: 196px;
height: 410px;
background-image: url(../images/bg_livre_accueil.png);
background-repeat: no-repeat;
margin-left: auto;
margin-top: 15px;
margin-right: auto;       
text-align: center; 
padding-top: 35px;    
              }

.contenu_livre_accueil {
width: 160px;
height: 380px;
background-color: #FFFFFF;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
color: #5258a2;
font-size: 10px;
font-family: Arial;
padding: 3px 3px 3px 3px;      
text-align: left;
overflow: auto;
              }
              
.sous_menu_qui {
width:591px;
height:34px;    
background-image: url(../images/bg_sous_menu.png);
background-repeat: none;
font-weight: bold;
margin-top: 15px;   
margin-bottom: 15px;   
color: #eaecf4;
font-size: 13px; 
padding-top: 8px;
           }
              
.sous_menu_qui A {
color: #FFFFFF;
font-size: 12px;
text-decoration: none; 
font-weight: normal;        
           }

.sous_menu_qui A:hover {
color: #FFFFFF;   
font-size: 12px;
text-decoration: underline; 
font-weight: normal;         
           }   

.newsletter {
width: 200px;
height: 210px;
background-image: url(../images/bg_newsletter.png);
background-repeat: no-repeat;
margin-left: auto;
margin-top: 15px;
margin-right: auto;       
text-align: center; 
padding-top: 35px;    
              }



.livre_eleve {
width: 166px;
height: 447px;
background-image: url(../images/bg_livre_eleve.png);
background-repeat: no-repeat;
margin-left: 45px;
margin-top: 10px;    
text-align: center; 
padding-top: 35px;    
              }

.contenu_livre_eleve {
width: 139px;
height: 390px;
background-color: #FFFFFF;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
color: #5258a2;
font-size: 10px;
font-family: Arial;
padding: 3px 3px 3px 3px;      
text-align: left;

              }

.sous_menu_eleve {
width:591px;
height:34px;    
background-image: url(../images/bg_sousmenu_eleve.png);
background-repeat: none;
margin-top: 5px;   
margin-bottom: 15px;   
color: #1b106e;
font-size: 13px; 
font-weight: bold;
padding-top: 8px;
           }
              
.sous_menu_eleve A {
color: #2d258c;
font-size: 11px;
text-decoration: none; 
font-weight: normal;          
           }

.sous_menu_eleve A:hover {
color: #2d258c;   
font-size: 11px;
text-decoration: underline;  
font-weight: normal;        
           }  



.contenu_eleve {
 background-color: #ffefca;
 border: 1px #ffa315 solid;
 width: 562px;  
 padding: 0px 10px 10px 10px;
 margin-left: 2px;
           
               }

.photo_eleve {
float: right;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 10px;  
margin-left: 20px;           
             }
             
.photo_cours {
float: right;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 10px;  
margin-left: 20px;           
             }             
             
.photo_enseignant {
float: right;
margin-top: 50px;
margin-right: 10px;
margin-bottom: 10px;  
margin-left: 20px;           
             }
 
.photo_qui {
float: right;
margin-top: 30px;
margin-right: 40px;
margin-bottom: 10px;  
margin-left: 10px;           
             }
            
.sous_menu_enseign {
width:591px;
height:34px;    
background-image: url(../images/bg_sousmenu_enseign.png);
background-repeat: none;
margin-top: 5px;   
margin-bottom: 15px;   
color: #1b106e;
font-size: 14px; 
font-weight: bold;
padding-top: 8px;
           }
              
.sous_menu_enseign A {
color: #2d258c;
font-size: 13px;
text-decoration: none; 
font-weight: normal;          
           }

.sous_menu_enseign A:hover {
color: #2d258c;   
font-size: 13px;
text-decoration: underline;  
font-weight: normal;        
           }


.contenu_enseignant {
 background-color: #ffe8c8;
  padding: 0px 10px 10px 10px;
 border: 1px #ff810f solid;
 width: 562px;  
 margin-left: 2px;
           
               }

               
.list {    
list-style:  url(../images/puce.png);

line-height: 1.5;
font-weight: bold;
     }               

.tree_nos_cours {
width: 196px;
background-image: url(../images/fond_treeview.png);
margin-left: auto;
margin-right: auto;
margin-top: 10px;    
font-size: 11px;
              }


.tree_nos_cours A {
color: #2f278d; 
text-decoration: none;         
           }

.tree_nos_cours A:hover {
color: #2f278d;   
text-decoration: underline;        
           }


.offres {
width: 200px;
background-image: url(../images/fond_offres.png);
margin-left: auto;
margin-right: auto;
margin-top: 65px;    
font-size: 11px;
              }



.offres A {
color: #FFFFFF;
font-size: 12px;
text-decoration: underline;         
           }

.contenu_offres {
width: 160px;   
margin-left: auto;
margin-right: auto;             
                }


.offres A:hover {
color: #FFFFFF;   
text-decoration: underline;        
           }

.contenu_offres A {
font-size: 11px;
color: #2f278d;  
text-decoration: none;         
           }

.contenu_offres A:hover {
color: #2f278d;  
text-decoration: underline;         
           }



.bas_contenu {
width: 854px; 
height: 27px;
background-image: url(../images/bas_contenu.png); 
margin-left: auto;
margin-right: auto;           
             }

.bas_contacts {
font-size: 11px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;    
          }


.bas_contacts A {
color: #2f278d; 
text-decoration: none;         
           }

.bas_contacts A:hover {
color: #2f278d;   
text-decoration: underline;        
           }


.bas_page {
margin-top: 5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
color: #abafd3;
font-size: 10px;
text-align: center;    
          }
          
.bas_page A {
color: #abafd3; 
text-decoration: none;         
           }

.bas_page A:hover {
color: #abafd3;   
text-decoration: underline;        
           }          

form{
margin:0;
padding:0;
}


.clear{
	clear:both;
}
   

.h2_qui {
	color: #322c8f;
	font-size: 16px;  
	border-bottom: 1px solid #322c8f;
width: 300px;
	min-height: 30px;
	padding-left: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	font-weight: bold;

} 
  

         
h2 {
	color: #322c8f;
	font-size: 16px;  
	border-bottom: 1px solid #322c8f;
width: 300px;
	min-height: 30px;
	padding-left: 20px;
	margin-left: -10px;
	margin-top: 10px;
	padding-top: 5px;

} 

h3 {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 0px;
margin-top: 5px;
    }
    
h4 {
color: #ff7b04;
font-size: 14px;  
border-bottom: 1px solid #ff7b04;
width: 280px;
min-height: 30px;
padding-left: 0px;
margin-top: 0px;
margin-left:25px;
padding-top: 10px;
margin-bottom: 0px;
    } 

h5 {
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 0px;
    }


.submit_news{
  border: 0px;
  background-color: #ffcb40;
  background-image: url(../images/ok.gif);
  background-repeat: no-repeat;
	width:30px;
	height:33px;
	cursor:pointer;
}        
         

.submit_envoyer{
  border: 0px;
  background-image: url(../images/envoyer.gif);
  background-repeat: no-repeat;
	width:82px;
	height:25px;
	cursor:pointer;
}        
        
         
input {
border: 1px #2e278c solid;
font-size: 11px;
height: 18px;   
width: 140px;  
color:#666666;
vertical-align: text-bottom;     
    }     

.checkbox {
border: 1px #2e278c solid;
font-size: 11px;
height: 18px;   
width: 18px;  
color:#666666;
vertical-align: text-bottom;     
    }

textarea {
   border: 1px #2e278c solid; 
  font-size: 11px;   
  width: 200px;  
  color:#666666;           
           }     

.contacts {
border: 1px #2e278c solid;
background-color: #FFFFFF;
width:220px;  
padding: 10px 10px 10px 10px;       
          }

.agences {
border: 1px #2e278c solid;
background-color: #FFFFFF;
width:220px; 
padding: 10px 10px 10px 10px;       
          }


              
A {
text-decoration: none;  
color: #2e278c;   
           }

A:hover {
text-decoration: underline; 
color: #2e278c;         
           }  
.tous_nos_cours{
	width:180px;
	height:350px;
	padding:5px;
	overflow: auto;
}
.tous_nos_cours_niveau{
	text-transform:uppercase;
	margin-bottom:10px;
	list-style: none;
	cursor: pointer;
	list-style-image: url("../images/moins.png");
}
.tous_nos_cours_niveau_inactive{
	text-transform:uppercase;
	margin-bottom:10px;
	list-style: none;
	cursor: pointer;
	list-style-image: url("../images/plus.png");
}
.tous_nos_cours_ss_menu{
	display:block;	
}
.tous_nos_cours_ss_menu_inactive{
	display:none;	
}
.tous_nos_cours_ss_menu li{
	text-align:left;
	text-transform:none;
	list-style: inside;
	list-style-type: square;
	list-style-image:none;
	margin-left:-40px;
	cursor: pointer;
}
.precedent_suivant{
	width:280px;
	background-color: #EAECF4;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}