body
{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #EEECE1;
   border-width:0px 5px 0px 0px;
   border-style: solid;
   border-color: #217CB2;
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 197px;
   background-image: url("images/banniere.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#en_tete a
{
   float: right;
   background:url('images/top-nav-vert.png');
   padding: 5px 15px;
   margin: 0px 50px 0px 0px;
   text-decoration: none;
   color: white
}

#en_tete a:hover{
  background:url('images/selected-nav.png') ;
  text-decoration:none;
}

/* Le menu */

#menu
{
   float: left;
   width: 150px;
   background-image: url("images/motif.png");
   background-repeat: repeat-y;
   margin-top: 0px;
   padding-bottom: 0px;
}

.haut_menu
{
   background-image: url("images/motifhaut.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   padding-bottom: 52px;
}

#photo1
{
   background-repeat: no-repeat;
   margin: 30px 10px;
   padding-bottom: 150px;
}

#photo2
{
   background-repeat: no-repeat;
   margin: 30px 10px;
   padding-bottom: 65px;
}

#photo3
{
   background-repeat: no-repeat;
   margin: 30px 10px 30px 10px;
   padding-bottom: 368px;
}

#le_copyright
{
   float: bottom;
   width: 120px;
   padding: 5px 5px 5px 5px;
   text-align: left;
   color: #FFFFFF;
   font-size: 8pt;
}

/* Le menu du haut */

#menu_du_haut{
  height:28px;
  border-width:3px 0px;
  border-style: solid;
  border-color: #217CB2;
  background:url('images/top-nav-vert.png');
  margin-left: 150px;
}

#menu_du_haut_2 a, #menu_du_haut_3 a, #menu_du_haut_4 a {
  padding:5px 23px;
  float:left;
  min-width: 100 px;
  text-align:center;
  background:url('images/top-nav-right-bleu.png') right no-repeat;
  color:#FFFFFF;
  font-size: 15px;
  text-decoration:none;
  font-weight: bold;
  font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#menu_du_haut_1 a{
  padding:5px 23px;
  float:left;
  min-width: 100 px;
  text-align:center;
  background-color:#A50021;
  color:#FFFFFF;
  font-size: 15px;
  text-decoration:none;
  font-weight: bold;
  font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
  border-bottom: 3px solid #A50021;
  border-right: 3px solid #217CB2;
}

#menu_du_haut a:hover{
  background:url('images/selected-nav.png');
  text-decoration:none;
  height:28px;
  border-right: 3px solid #217CB2;
}

/* Le corps de la page */

#corps
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 120px;
   padding: 20px 10px 20px 30px;
   color: #000000;
   background-color: #FFFFFF;
   font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.rouge
{
   color: #A50028;
}

#photo4
{
   background-image: url("images/Service_Evea2.jpg");
   background-repeat: no-repeat;
   margin: 30px 10px 5px 5px;
   padding-bottom: 460px;
   font-size: 10pt;
}

#bloc1
{
   margin: 10px 10px 5px 10px;
   float: left;
}

#bloc2
{
   margin: 10px 15px 5px 5px;
   float: right;
}

#bloc3
{
   margin: 90px 15px 5px 5px;
   float: right;
}

#bloc4
{
   margin: 90px 10px 5px 10px;
   float: left;
}

#corps a
{
   color: #000000;
}

#evaluez
{
   color: white;
   margin: 30px 10px 0px 20px;
   padding-top: 15px;
}

#evaluez a
{
   color: white;
   text-decoration: none;
}

#comparez
{
   color: white;
   margin: 30px 0px 0px 195px;
   padding-top: 0px;
}

#comparez a
{
   color: white;
   text-decoration: none;
}

#choisissez
{
   color: white;
   margin: 30px 0px 0px 390px;
   padding-top: 0px;
}

#choisissez a
{
   color: #FFFFFF;
   text-decoration: none;
}

.blanc
{
   padding-left: 35px;
   font-size: 20pt;
}

.blanc2
{
   padding-left: 20px;
   font-size: 20pt;
}

#corps ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 100px;
   margin: 0px;
   margin-bottom: 5px;
   text-decoration: none;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   background-color: #217CB2;
}

.element_menufooter
{
   text-align: center;
   color: #FFFFFF;
}

.element_menufooter a
{
   color: #FFFFFF;
   text-decoration:none;
   font-size: 12px;
   font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menufooter a:hover
{
   text-decoration: underline;
}