/* 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: left;
  text-align: center;
  background-color:#FFFFFF;
  width: 580px;
  padding: 5px 0 5px 10px;
  margin-bottom:5px;}
  
#contenu {  
  text-align: justify;
  background-color: #FFFFFF;
  padding: 5px 0;
  }

#ticker {
  width:578px; 
  height:80px; 
  overflow:auto; 
  border:1px solid #B4C1D3;
}

#ticker dt {
  font:normal 14px Georgia;
  color:#FF0000; 
  padding:0 10px 5px 10px;
  background-color:#D7DDE6; 
  padding-top:10px; 
  border:1px solid #ffffff;
  border-bottom:none; 
  border-right:none;
}

#ticker dd {
  margin-left:0; 
  font:normal 11px Verdana; 
  padding:0 10px 10px 10px;
  border-bottom:1px solid #aaaaaa; 
  background-color:#D7DDE6;
  border-left:1px solid #ffffff;
}

#ticker dd.last { border-bottom:1px solid #ffffff;}

#ticker div { margin-top:0; }

#alaune {
  float: left;
  width: 385px;
  height: 135px;
  margin: 5px 5px 5px 0;
  padding: 5px;
  background-color: #FFCCFF;}

#photo {
  float: left; 
  width: 170px; 
  height: 135px; 
  margin: 5px 0; 
  padding: 5px; 
  background-color: #FFFF66;}
  
#actualites {
  float: left; 
  width: 305px; 
  height: 125px; 
  margin: 0 5px 5px 0; 
  padding: 5px; 
  background-color: #CCFFFF;}

#circulaires {
  float: left; 
  width: 250px; 
  height: 125px; 
  margin: 0; 
  padding: 5px; 
  background-color: #CCFF00;}
  
#infos {
  clear: both; 
  width: 578px; 
  margin: 5px 0; 
  border:#660000 solid 1px;}

#pied_de_page {
  clear:both;
  text-align: center;
  background-color:#FFFFFF;
  height: 45px;
  padding: 5px;
  border-top:2px solid #66FF00;}
    
#titre {
  height: 40px;
  text-align:center;}
  
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);  }