* {
   color: black;
   font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
   font-size: 13px;
   font-weight: normal;
   background-color : darkgray;
}
/* Style des Liens ------------------------------------ */
a:link    {font-family:Trebuchet MS, Bookman Old Style, Arial; font-size:13px; text-decoration: underline; color: black; background-color:darkgray;}
a:visited {font-family:Trebuchet MS, Bookman Old Style, Arial; font-size:13px; text-decoration: underline; color: black;background-color:darkgray;}
a:active  {font-family:Trebuchet MS, Bookman Old Style, Arial; font-size:13px; text-decoration: underline; color: black;background-color:darkgray;}
a:hover   {font-family:Trebuchet MS, Bookman Old Style, Arial; font-size:13px; text-decoration: underline; color: yellow;background-color:darkgray;}

h1 {
    font-size: 22px
}
h2 a {    
    font-size: 18px
}
p.retrait {
    margin-left: 10px
}

.absolute {
position: absolute;
}

/* bleu #003E5B */
.blanc {
  color : white;
}

.boite_contact {
  border : 1px solid;
  border-color: white;
  padding: 7px;
  padding-top : 3px;
  /*top: 34.9em; 
  left: 0.6em; */
  width: 150px;
  height: 92px;
  font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
  font-size: 13px;
  background-color : darkgray;
}

#boite_copyright {
position: relative;
color: white;
text-align: justify;
padding : 5px;
left: 50%;
top: 5.4em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : #003E5B;
width: 100px;
margin-left: -50px;
}

.boite_droite {
position: absolute;
border: 1px solid;
border-color: white;
color: black;
text-align: justify;
padding : 14px;
top: 21.1em;
right: 1px;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 468px;
 /*margin-left: 300px; */
}


.boite_gauche {
border: 1px solid;
border-color: white;
color: black;
text-align: justify;
padding : 14px;
top: 16.2em;
left: 0px;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 468px;
 margin-left: -3px;
}

.boite_menu {
position: relative;
border: 1px solid;
border-color: white;
color: black;
text-align: justify;
padding : 15px;
left: 485px;
top: 5em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 450px;
height: 290px;
margin-left: -225px;
}

#boite_pagerank {
position: relative;
color: white;
text-align: justify;
padding : 5px;
left: 50%;
top: 5.4em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : #003E5B;
width: 100px;
margin-left: -50px;
}


.boite_partenaire {
position: relative;
border: 1px solid;
border-color: black;
color: black;
text-align: justify;
padding : 2px;
left: 50%;
top: 5.2em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 120px;
height: 64px;
margin-left: -60px;
}

.boite_principale {
position: relative;
border: 1px solid;
border-color: white;
color: black;
text-align: justify;
padding : 15px;
left: 485px;
top: 3em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 750px;
margin-left: -375px
}

.boite_pub_haut {
position: relative;
border: 1px solid;
border-color: white;
color: black;
text-align: justify;
padding : 2px;
left: 496px;
top: 1.6em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 468px;
margin-left: -234px;
}

.boite_quatre {
position: relative;
border: 1px solid;
border-color: black;
color: black;
padding : 5px;
left: 1px;
top: 0em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 637px;
height: 721px;
margin-left: 0px;
}

.carre_bas_droite {
position: float;
/*border: 1px solid;
border-color: blue; */
color: black;
padding : 8px;
padding-top : 4px;
float: left;
left: 290px;
top: 15em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 160px;
height: 105px;
margin-left: 0px;
}

.carre_haut_droite_1 {
position: float;
/*border: 1px solid;
border-color: yellow;*/
color: black;
padding : 8px;
padding-top: 4px;
float: left;
left: 270px;
bottom: 15em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 160px;
height: 247px;
margin-left: 0px;
}

.carre_milieu {
position: float;
/*border: 1px solid;
border-color: red; */
color: black;
padding : 9px;
padding-top: 4px;
float: left;
left: 0px;
bottom: 10em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 165px;
height: 243px;
margin-left: 0px;
}



.carre_haut_gauche {
position: float;
/*border: 1px solid;
border-color: white; */
color: black;
/* text-align: justify; */
padding : 9px;
padding-top: 4px;
float: left;
left: 0px;
top: 1em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 210px;
height: 243px;
margin-left: 0px;
}


.centre {
position: relative;
text-align: center;
top: 2.1em;
left: 495px;
width: 520px;
margin-left: -260px;
}
.colonne_un
{ position:absolute ;
left:4% ;
top: 70px ;
width: 45%;
}

.colonne_deux
{ position:absolute ;
left:50% ;
top: 70px ;
width: 45%;
}

.conteneur {
   position: absolute;
   border: 1px solid white;
   text-align: justify;
   padding : 10px;
   top: 0.1em;
   left: 0.1em;
   color: black;
   font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
   font-size: 13px; 
   background-color : #003E5B;
   width: 995px;
   margin-left: -497px;
   left: 50%
}
.haut650 {
height: 650px
}
.haut800 {
height: 800px
}

.haut900 {
height: 900px
}

.haut1100 {
height: 1100px
}
.haut1300 {
height: 1300px
}

.haut1500 {
height: 1500px
}
.haut1700 {
height: 1700px
}

.haut1900 {
height: 1900px
}

.haut2100 {
height: 2100px
}
.haut2400 {
height: 2400px
}
.haut2500 {
height: 2500px
}
.haut2800 {
height: 2800px
}
.haut3600 {
height: 3600px
}
.content {
  z-index: 1;
  padding-top: 2.5em;
  height: 100%;
  background-color : #003E5B;
}


.droite  {
  position: relative;
  left: 25em;
  width: 30%;
}

.float_left {
position : float;
float: left;
}


.fond_bleu {
background-color : #003E5B;
}

.fond_gris {
background-color : darkgray;
}

.gras {
  font-weight: bold;
}

.gras_blanc {
  font-weight: bold;
  color: white;
}

.gras_noir {
  font-weight: bold;
  color: black;
}


.gros {
  font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
  font-size: 18px;
}

.gros_noir {
  color: black;
  font-size: 18px;
}

.jaune {
  color: yellow;
}
.menufixe {
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid #000000;
  position: absolute;
  z-index: 2;
  text-align: center;
  background-color: white;
  line-height: 1em;
}
html>body .menufixe {
  position: fixed
}

.petit {
 font-size: 11px;
}

.rectangle {
position: float;
/*border: 1px solid;
 border-color: blue; */
color: black; 
padding : 8px;
float: left;
left: 1px;
top: 0em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 580px;
height: 260px;
margin-left: 0px;
}
.rectangle2 {
position: float;
/* border: 1px solid;
border-color: blue; */
color: black;
padding : 8px;
float: left;
left: 1px;
top: 0em;
font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
font-size: 13px; 
background-color : darkgray;
width: 580px;
height: 140px;
margin-left: 0px;
}  

.souligne {
  font-family:Trebuchet MS, Bookman Old Style, Verdana, Arial;
  font-size: 13px;
  text-decoration : underline;
  color: black;
  background-color: darkgray;
}