/* feuille de style pour test */
* 
{
  padding: 0;
  margin: 0;}

body {
	background-image: url(images/fond.gif);
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, Verdana,Sans-serif;
	font-size: small;
}

#wrapper {
  background-color: #FFFFFF;
  width:750px;
  padding: 5px;
  border:1px solid #66FF00;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;}

#bandeau {
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;}
 
#zone_de_navigation {
  float:left;
  text-align: center;
  width: 160px;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  border-collapse: separate;}
 
#zone_de_texte {
  float: right;
  text-align: center;
  background-color:#FFFFFF;
  width: 575px;
  padding: 5px;
  margin-bottom:5px;}
   
#pied_de_page {
  clear:both;
  text-align: center;
  background-color:#FFFFFF;
  height: 45px;
  padding: 5px;
  border-top:2px solid #66FF00;}
  
#contenu {  
  text-align: justify;
  background-color:#FFFFFF;
  padding: 5px;
  }
    
#titre {
  height: 40px;
  margin: 5px auto;}
  
h1 {font-size:190%;}

h2 {font-size:160%;}

h3 {font-size:130%;}
   
.menutabl {
  color: #FF9900; 
  font-weight: bold; 
  font-size: medium; }
   
address {
  text-align: center; /* centrer */
  font-size: 75%; /* un peu plus petit */
  font-style: normal; /* police normale, pas en italique */
  letter-spacing: 2px; /* espacement entres les lettres */
  line-height: 1.5em; /* espacement entre les ignes */}
  
a { text-decoration: none;} /* supprimer le soulignement */
a:link { color: #0000cc; }
a:visited { color:  #0000cc; }
a:hover, a:focus { text-decoration: none; }
a:active { color: #0000cc; }
.skiplink {display: none; }
    
a img{
  border-style: none;  }
  
#bandeau img {
 border: 2px solid #ff9900;}
  
.centrage { /* style de centrage horizontal pour tous les navigateurs récents */
  margin:auto ;
  background-color:#ccff99;
  width: 400px;
  padding: 15px;
  text-align :left ; /* centre texte (+ boite ou table sous IE seul) */
  border: 1px dashed #66cc00;} /* centre boite ou table, sauf sous IE */
 
a.centrage {
  text-decoration: none;   } 
  
a.centrage:link { color: #0000cc;}
a.centrage:visited { color: #0000cc;}
a.centrage:hover, a.centrage:focus {color: #0000cc; text-decoration: none;}
a.centrage:active {color:#0000cc;}


a.accueil {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/accueil.gif);
  background-repeat: no-repeat;  }
  
a.accueil:hover{
  background-image: url(images/page/accueil2.gif);  }
  
a.ladren {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/ladren.gif);
  background-repeat: no-repeat;  }
  
a.ladren:hover{
  background-image: url(images/page/ladren2.gif);  }
  
a.etablissements {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/etablissements.gif);
  background-repeat: no-repeat;  }
  
a.etablissements:hover{
  background-image: url(images/page/etablissements2.gif);  }
  
a.examens {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/examens.gif);
  background-repeat: no-repeat;  }
  
a.examens:hover{
  background-image: url(images/page/examens2.gif);  }
  
a.personnels {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/personnels.gif);
  background-repeat: no-repeat;  }
  
a.personnels:hover{
  background-image: url(images/page/personnels2.gif);  }
  
a.eleves {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/eleves.gif);
  background-repeat: no-repeat;  }
  
a.eleves:hover{
  background-image: url(images/page/eleves2.gif);  }
  
a.contact {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/contact.gif);
  background-repeat: no-repeat;  }
  
a.contact:hover{
  background-image: url(images/page/contact2.gif);  }
  
a.webmail {
  padding-bottom: 1px;
  display:block;
  background-image: url(images/page/webmail.gif);
  background-repeat: no-repeat;  }
  
a.webmail:hover{
  background-image: url(images/page/webmail2.gif);  }  
  

#accueil a.accueil {
  background-image: url(images/page/accueil2.gif);  }
  
  #ladren a.ladren {
  background-image: url(images/page/ladren2.gif);  }
  
  #etablissements a.etablissements {
  background-image: url(images/page/etablissements2.gif);  }
  
  #examens a.examens {
  background-image: url(images/page/examens2.gif);  }
  
  #personnels a.personnels {
  background-image: url(images/page/personnels2.gif);  }
  
  #eleves a.eleves {
  background-image: url(images/page/eleves2.gif);  }
  
  #contact a.contact {
  background-image: url(images/page/contact2.gif);  }
  
  #webmail a.webmail {
  background-image: url(images/page/webmail2.gif);  }