 /* CSS Document */
 body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    color: #000000;
    background-color: #074D7C;
    background-color: #64AEDF;
 }
 #conteneur {
    position: relative;
    width: 788px;
    margin: 0 auto;
    background-color:#FFFFFF;
 }
 #preheader {
    height: 30px;
    background-color: #64AEDF;
 }
 #header {
    height: 120px;
    background-color: #64AEDF;
 }
 #flashcontent {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;

    width: 400px;
 }
 #centre {
    /*background-color:#9999CC;*/
    margin-left: 420px;
    display: block;
    width: 367px;
    height: 390px;
    overflow: auto;
 }
 #gauche {
    position: absolute;
    left:0;
    width: 400px;
 }
 h1.noel {
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #FBEF11;
 background-color: #FFFFFF;
 } 
 h1.quoi {
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #99CCFF;
    width: 750px;
    margin: auto;
    padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid gray;
 } 
 h1.ptinfo {
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #00CCFF;
    width: 750px;
    margin: auto;
    padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid gray;
 } 
 h1.nospromos {
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #3366FF;
    width: 750px;
    margin: auto;
    padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid gray;
 } 
 h1.questions{
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #0000FF;
    width: 750px;
    margin: auto;
    padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid gray;
 } 
 h1.partenaires{
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #333399;
    width: 750px;
    margin: auto;
    padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid gray;
 } 
.violet {
 color: #993366;
 }
 p.parapromo {
 width: 750px;
 text-align: left;
 }

 #promo {
 position: relative;
 margin: auto;
 text-align: center;
    left:0;
    width: 788px;
   /* height: 380px;
    background-color:#FFFAAA;
    overflow: auto;*/
 }
 #pied {
 display: block;
    clear: both;
    background-color: #64AEDF;
 }
 p {
    margin: 0;
    text-align: center;
 }
 p.justi {
    text-align: justify;
    margin-right: 10px;
 }
 #meteo {
position: absolute;
left:0;
font-size: 0.7em;
top: 505px;
margin: 0px 0px 0px 0px;
width: 400px;
 /*background-color: #64AEDF;*/
 }
 #menuannexeacti {
 margin: 0px 0px 0px 120px;
 text-align: center;
 left: 50%;
 /*background-color: #64AEDF;*/
 }
 #menuannexehebe {
 margin: 0px 0px 0px 80px;
 text-align: center;
 left: 50%;
 /*background-color: #64AEDF;*/
 }
 #menuannexe {
 margin: 0px 0px 0px 90px;

 left: 50%;
 /*background-color: #64AEDF;*/
 }
.annexe {
    text-align: left;
    list-style-type: none;
    text-decoration: none;
    margin: 0px 0px 0px 10px;
 }
 .annexe li {
    font-style: italic;
    font-size: 0.8em;

 }
 .annexe a {
    margin: 0 2px;
    color: #0E7ECC;
    font-weight: bold;
    /*text-decoration: none;*/
 }
 .annexe a:hover {
    color: #690F35;
 }
 }
 h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-align: center;
    color: #0E7ECC;
    

 }
p.encours {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    color: #0E7ECC;
    margin: 2px 0px 0px 0px;

 }
 p.encourssous {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    color: #0E7ECC;
    margin: 2px 0px 0px 0px;

 }
 h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    font-style: italic;
    color: #0E7ECC;

 }
 h2.info {
 font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    /*font-style: italic;*/
    color: #FF9E07;
 
 }
 .lien1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal
 }
 .lien2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
 }
 .lien2:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
 }
 .lien1:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
 }
 .lien3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #497715;
    font-weight: bold;
 }
 .lien3:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
 }
 .lien4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #497715;
    font-weight: bold;
 }
 .lien4:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
 }
