<style>

body{
 margin: 0;
 padding: 0;
 background-color: #3333FF
}

div#divAnnonce1{
 position: absolute;
 left: 225px;
 top: 160px;
 width: 240px;
 height: 90px;
 z-index: 4;
 border: 1px solid #333333;
}

div#divAnnonce1:hover{
 border: 1px solid #CC0000;
 cursor: pointer;
}

div#divAnnonce2{
 position: absolute;
 left: 500px;
 top: 160px;
 width: 240px;
 height: 90px;
 z-index: 4;
 border: 1px solid #000000;
}

div#divAnnonce2:hover{
 border: 1px solid #CC0000;
 cursor: pointer;
}

div#divBanniereDroite{
 position: absolute;
 left: 780px;
 top: 25px;
 width: 160px;
 height: 600px;
 z-index: 4;
}

div#divConteneurGauche{
 position: absolute;
 left: 5px;
 top: 175px;
 width: 180px;
 min-height: 450px;
 z-index: 4;
 border: 0;
}

div#divContenu{
 position: absolute;
 left: 235px;
 top: 260px;
 width: 500px;
 z-index: 4;
 border: 0;
 overflow: visible;
}

div#divEnTete{
 background: #01156E url("img/banniere_accueil.gif") scroll no-repeat;
 text-align: right;
 vertical-align: top;
 width: 700px;
 height: 120px;
 margin: 0;
 padding: 5px 0 0 0;
 position: absolute; 
 top: 0px;
 left: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
}

div#divImportant{
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: visible;

  border-right: 4px solid #000099;
  border-bottom: 4px solid #000099;
  border-left: 1px solid #000099;
  border-top: 1px solid #000099;

  padding: 5px;
  margin: 20px 0 0 0;
  background-color: #DEE7EF;
  color: #000099;
}

div#divMenu{
 position: absolute;
 left: 0px;
 top: 120px;
 width: 700px;
 min-height: 1px;
 z-index: 2;
 border-top: 2px solid #000000;
 padding: 0px 0px 2px 0px;
 background-color: #888888;
 text-align: left;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 14px;
}

div#divNouvelles{
  position: relative;
  width: 100%;
  min-height: 1px;
  z-index: 1;

  border-right: 4px solid #000099;
  border-bottom: 4px solid #000099;
  border-left: 1px solid #000099;
  border-top: 1px solid #000099;
  
  padding: 5px;
  margin: 0 0 10px 0;
  background-color: #DEE7EF;
  color:  #000099;
}

div#divNouvellesTitre{
  position: relative;
  left: -5px;
  top: 0px;
  width: 150px;
  min-height: 1px;
  z-index: 2;
  padding: 0 0 0 10px;
  float: left;
  margin: 0;
  background-color: #000099;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

div#divPiedPage{

}

div#divTexte{
 background-color: #FFFFFF;
 background: url('background2.jpg') center no-repeat;
 position: relative;
 left: 0px;
 top: 20px;
 min-width: 500px;
 z-index: 5;
 margin: 0 0 5px 0;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align: justify;
}

div#divTitrePage{
 position: absolute;
 left: 0px;
 top: 0px;
 width: 960px;
 height: 76px;
 z-index: 2;
 border: 0;
 background-color: #FFFFFF;
}

div#divTitreTexte{
 background-color: #DEE7EF;
 color:  #000099;
 position: relative;
 left: 0px;
 top: 10px;
 min-width: 500px;
 border-left: 1px solid #000099;
 border-top: 1px solid #000099;
 border: 1px solid #000099;
 z-index: 5;
 margin: 0 0 5px 0;
 padding: 3px 0 0 3px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

a{
 text-decoration: underline;
}

a:hover{
 color: #FF0000;
}

p{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
}

td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
}

ul{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
}

.hautPage{
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

.imgEvenements{
 border: 1px solid #000000;

 margin-right: 5px;
 float: left;
}

.imgFloatLeft{
 float: left;
 margin-right: 10px;
 border: 1px #CCCCCC solid;
}

.imgFloatRight{
 float: right;
 margin-left: 10px;
 border: 1px #CCCCCC solid;
}

.lienMenu{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

.lienMenu:hover{
 text-decoration: underline;
}

.nouvelles{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 
 margin-left: 10px;
}

.texte{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
}

.texteGras{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
}

.texteGrasSouligne{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: underline;
}

.texteItalique{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-style: italic;
}

.sousTitre{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: underline;
}

.nouvellesTexte{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
}

.nouvellesTitre{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline;
}

div#divContenuSolaire1{
 position: absolute;
 left: 25px;
 top: 240px;
 width: 750px;

 padding: 15px;
 overflow: visible;
 background-color: #FFDD99;
}

div#divContenuSolaire2{
 position: relative;
 width: 720px;
 
 padding: 10px;
 background-color: #FFFFFF;
 overflow: visible;
}

div#divEnTeteSolaire{
 position: absolute;
 left: 25px;
 top: 150px;

 text-align: left;
 color: #000000;
 font-weight: bold;
 font-size: 14px;
}

div#divMenuSolaire{
 position: absolute;
 left: 25px;
 top: 220px;

 height: 20px;
 width: 750px;

 text-align: left;
 color: #000000;

 font-size: 14px;
}

div#divOnglet{
 position: relative;

 height: 20px;
 width: 150px;

 padding: 0px 5px 5px 5px;
 background-color: #FFFF88;

 text-align: center;
 color: #000000;

 font-size: 14px;
}

</style>