body {
    text-align: center;
    font-family: Verdana, Georgia,"Times New Roman",Times,serif;
    font-size: 100%;
    color: gray;
    }

   h1,h2,h3 {}

  #conteneur {
    border: 1px solid #99cc33;
    width: 540px;
    height: auto;
    background-color: white;
    margin-top: 10px;
     text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom : 20px;
    }

  #head {
  width:100%;
  margin:0px;
   border-bottom: 1px solid white;
    background: rgb(111, 183, 41) url(img/newsletter.gif) center no-repeat;
    height: 150px;
    }

  #head2 {
   border-bottom: 1px solid rgb(255, 255, 255);
    width:100%;
    padding:0px;
    height: 150px;
    margin:0px;
    }

 #head2 a { color: white;
    font-family: Georgia,"Times New Roman",Times,serif;
    background-image: url(img/fleche.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-attachment: scroll;
    padding-left: 10px;
    }

  #head .date { width: 100px;
    margin-top: 5px;
    float: right;
   Color: #FFFFFF ;
    font-family: Arial,sans-serif;
    font-size: 15px;
    }

.baseline {
font-family: Verdana, sans-serif ;
font-size: 70% ;
font-weight: bold ;
Color: white ;
background-color: #FF3399 ;
width: 540px;
height: auto ;
margin: 0px ;
padding:0px;
    }

  #principal { 
  text-align: left;
    padding-left: 20px;
    padding-right: 20px;
   font-family: Verdana, Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: gray;
    }


  #principal strong { font-size: 110%;
    color: rgb(240, 3, 127);
    font-weight: normal;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-variant: small-caps;
    }


  #principal a { color: rgb(255, 102, 204);
    font-family: Georgia,"Times New Roman",Times,serif;
    background-image: url(img/fleche.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-attachment: scroll;
    padding-left: 10px;
    }

  #principal h1 { font-family: "Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
    font-size: 150%;
    color: rgb(255, 0, 102);
    line-height: 120%;
    }

  #principal h2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: rgb(171, 218, 77);
    font-style: italic;
    }

  #principal h3 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: rgb(171, 218, 77);
    font-style: italic;
    }

  #principal .encadre { border: 1px solid rgb(171, 218, 77);
    margin: 10px 30px;
    padding:5px;
    font-size: 80%;
  }


#principal .image {
margin: 5px;
padding : 5px;
float: right;
border: 1px solid rgb(171, 218, 77);
background:white;
font-size: 70%;
}

#principal .image img {
/* border: 1px solid rgb(171, 218, 77); */
}


 #principal li {
    margin-left: 5px;
    margin-top: 5px;
  }

  .liens_rubriques { font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: rgb(255, 255, 255);
    }

  .text_magenta { font-size: 100%;
    color: rgb(240, 3, 127);
    font-weight: normal;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-variant: small-caps;
    }

  .text_vert { font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(171, 218, 77);
    }

  .grand_titre { border-bottom: 1px solid rgb(171, 218, 77);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: rgb(171, 218, 77);
    font-style: italic;
    }

  .textealire { font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    color: rgb(102, 102, 102);
    }

  .cadrevert { border-left: medium none rgb(171, 218, 77);
    border-right: medium none rgb(171, 218, 77);
    border-bottom: medium none rgb(171, 218, 77);
    }

  .magentatitre { font-family: "Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
    font-size: 150%;
    color: rgb(255, 0, 102);
    line-height: 120%;
    }

  .liens {     color: rgb(255, 102, 204);
    font-family: Georgia,"Times New Roman",Times,serif;
    background-image: url(img/fleche.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-attachment: scroll;
    padding-left: 10px;
    }

  .LiensMenu {
   border: 1px solid rgb(102, 204, 51);
    background: rgb(153, 204, 51) url(img/fleche_blanc.gif) no-repeat scroll left center;
    color: rgb(255, 255, 255);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-right: 10px;
    line-height: 170%;
    font-size: 80%;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
    }

  a.LiensMenu:hover {
   border: 1px solid rgb(102, 204, 51);
   background: rgb(240, 3, 127) url(img/fleche_blanc.gif) no-repeat scroll left center;
    color: rgb(255, 255, 255);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 170%;
    font-size: 80%;
    text-decoration: none;
    }

  .LiensMenuInvert { border: 1px solid rgb(102, 204, 51);
    background: rgb(102, 153, 51) url(img/fleche_blanc.gif) no-repeat scroll left center;
    color: rgb(255, 255, 255);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-right: 10px;
    line-height: 170%;
    font-size: 80%;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
    }

  a.LiensMenuInvert:hover { border: 1px solid rgb(102, 204, 51);
    background: rgb(240, 3, 127) url(img/fleche_blanc.gif) no-repeat scroll left center;
    color: rgb(255, 255, 255);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 170%;
    font-size: 80%;
    text-decoration: none;
    }