body
{
   width: 1050px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/fond2_1024.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#en_tete
{
   width: 1024px;
   height: 300px;
   background-image: url("images/banniere3.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border: none;
}

#menu
{
margin-left: 0px;
background:;
}

#menu a
   {
   display:block; /*Pour que le "bloc" soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   width:25%; /*J'explique en détail après*/
   height:10px; /*La même hauteur que notre menu*/
   border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
   font-weight: bold;
   margin-top: 130px;
   }

   #menu a, #menu a:visited    /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
{
color:#610c05;    /*la couleur*/
text-align:center; /*on le centre horizontalement*/
padding-top:7px; /*on le centre verticalement*/
}
 
#menu a:hover, #menu a:visited:hover   /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
{
color:#1b3190; /*la couleur*/
text-decoration:none;  /*on enlève le soulignement du lien*/
}

#corps99
{
   width: 1024px;
   height: 5543px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 0px;
   padding: 37px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 80px;
   
   
   color: #610c05;
   background-image: url("images/body_fond3.gif");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: none; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps
{
   width: 1024px;
   height: 1300px;
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 0px;
   padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 120px;
   
   
   color: #610c05;
   background-image: url("images/fond3.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: none; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps1
{
   width: 790px;
   height: 1500px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
      padding: 37px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 0px;
   
   
   color: #610c05;
   background-image: url("images/corps33.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: none; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#pied_de_page
{
   padding: 1px;
   position: absolute;
   margin-top: -184px;
   margin-left: 340px;
   text-align: center;
   color: #000000;
   font-size: 0.9em;
   border: none;
}

#pied_de_page1
{
   padding: 5px;
   position: absolute;
   margin-top: 115px;
   margin-left: 290px;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page2
{
   padding: 5px;
   position: absolute;
   margin-top: 190px;
   margin-left: 290px;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page2222
{
   padding: 5px;
   padding-right: 63px;
   position: absolute;
   margin-left: 290px;
   margin-top: -58px;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page222
{
   padding: 5px;
   position: absolute;
   margin-left: 290px;
   margin-top: 395px;
   text-align: center;
   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page22
{
   padding: 5px;
   position: absolute;
   margin-left: 290px;
   margin-top: -235px;
   text-align: center;
   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page3
{
   padding: 5px;
   position: absolute;
   margin-left: 290px;
   margin-top: 118px;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page4
{
   padding: 5px;
   padding-right: 63px;
   margin-top: 2%;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page5
{
   padding: 5px;
   padding-right: 63px;
   margin-top: 17%;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}

#pied_de_page55
{
   padding: 5px;
   position: absolute;
   margin-top: 155px;
   margin-left: 220px;

   text-align: center;

   color: #000000;
   font-size: 0.9em;
   
   border: none;
}


#petit_corps ul /* Toutes les listes à puces se trouvant dans un menu */
{
   font-family: Garamond, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.2em;
   
   text-align: left;
}

#petit_corps form
{
   margin-top: -25px;
}

.lien_flottant
{
      float: right;
}

.logo_gif93
{
     border: none;
	 position: absolute;
	 margin-top: -93px;
	 margin-left: 690px;
	 float: right;
}

.logo_gif94
{
     border: none;
	 position: absolute;
	 margin-top: 59px;
	 float: left;
	 margin-left: -128px;
}

.logo_gif95
{
     border: none;
	 position: absolute;
	 margin-top: 679px;
	 float: left;
	 margin-left: -93px;
}

.logo_gif96
{
     border: none;
	 margin-top: 10px;
	 position: absolute;
	 margin-left: 385px;
}

.logo_gif97
{
     border: none;
	 position: absolute;
	 margin-top: -219px;
	 margin-left: -128px;
}

.logo_gif98
{
     border: none;
	 margin-top: -145px;
	 float: left;
	 margin-left: -128px;
}

.logo_gif999
{
     border: none;
	 position: absolute;
	 margin-top: 102px;
	 float: left;
	 margin-left: -780px;
}

.logo_gif99
{
     border: none;
	 position: absolute;
	 margin-top: -225px;
	 float: left;
	 margin-left: -127px;
}

.logo_gif_frise
{
     border: none;
	 margin-top: -2px;
	 margin-left: -20px;
}

.logo_gif
{
     border: none;
	 margin-top: 50px;
	 margin-left: 140px;
}

.eco_logo_gif
{
   border: none;
   margin-right: 15px;
}

.presentation_gif
{
     border: none;
}

.presentation_gif1
{
     border: none;
	 margin-top: 1px;
	 float: left;
}

.presentation_gif96
{
     border: none;
	 margin-top: 1px;
	 margin-left: 294px;
	 
}

.presentation_gif97
{
     border: none;
	 margin-top: -20px;
	 margin-right: 100px;
	 float: right;
}

.presentation_gif98
{
     border: none;
	 float: right;
	 margin-top: -20px;
	 margin-right: 50px;
	 margin-left: -150px;
}

.presentation_gif99
{
     border: none;
	 float: left;
	 margin-top: -7px;
	 margin-left: 164px;
}

.presentation_gif100
{
     border: none;
	 float: left;
	 margin-top: 525px;
	 margin-left: -10px;
}

.presentation_gif101
{
     border: none;
	 float: right;
	 margin-top: 20px;
	 margin-right: 255px;
}
.presentation_gif102
{
     border: none;
	 float: left;
	 margin-top: -25px;
	 margin-left: 164px;
}

.presentation_gif1020
{
     border: none;
	 float: left;
	 margin-top: 50px;
	 margin-left: 164px;
}

.presentation_gif103
{
     border: none;
	 float: right;
	 margin-top: -90px;
	 margin-right: 165px;
}

.presentation_gif104
{
     border: none;
	 position: absolute;
	 float: left;
	 margin-top: 40px;
	 margin-left: 100px;
}

.presentation_gif2
{
     border: none;
	 float: right;
	 margin-right: -75px;
	 margin-top: -40px;
}

.presentation_gif11
{
     border: none;
	 float: left;
	 margin-top: 35px;
	 margin-left: 175px;
}

.presentation_gif12
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif13
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif14
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif15
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif16
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif17
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif18
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 28px;
}

.presentation_gif19
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif20
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 4px;
}

.presentation_gif21
{
     border: none;
	 float: left;
	 margin-top: 206px;
	 margin-left: 264px;
}

.marron
{
  color: #8c7e64;
  
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  
  padding-right: 30px;
}

.vert
{
  color: #6be373;
  
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  
  padding-right: 30px;
}

.blanc
{
   color: white;
}

.bleu
{
  color: #1b3190;
  text-decoration: underline;
}

.jaune
{
  color: yellow;
  text-decoration: underline;
}

.brun
{
color: #450e0e;
}

.centre
{
  text-align: center;
}

.italic
{
font-style: oblique;
}

.taille000
{  
  margin-left: 270px;
}

.taille
{
  font-size: 1.2em;
  text-align: justify;
  margin-right: 375px;
  margin-left: 25px;
  margin-top: 100px;
}

.taille66
{
  font-size: 2.2em;
  text-align: center;
  margin-right: 31px;
  margin-left: 1px;
  margin-top: 25px;
}

.taille67
{
  font-size: 1.2em;
  text-align: center;
  margin-right: 31px;
  margin-left: 1px;
  margin-top: -35px;
}

.taille88
{  
  margin-top: -0px;
  text-align: center;
  font-size: 1.1em;
}

.taille89
{  
  margin-top: -0px;
  text-align: center;
  font-size: 2.3em;
  margin-left: -40px;
}

.taille90
{
  font-size: 1.0em;
  margin-right: 135px;
  margin-left: 29px;
  margin-top: -10px;
  text-align: center;
}

.taille91
{
  font-size: 1.3em;
  color: grey;
  margin-right: 135px;
  margin-left: 29px;
  margin-top: 10px;
  text-align: center;
}

.taille92
{
  font-size: 1.5em;
  margin-right: 45px;
  margin-left: 79px;
  margin-top: 1px;
  text-indent: 1px;
}

.taille93
{
  font-size: 1.5em;
  margin-right: 45px;
  margin-left: 50px;
  margin-top: 1px;
  text-indent: 29px;
}

.taille94
{
  font-size: 1.5em;
  margin-right: 60px;
  margin-left: 35px;
  margin-top: 1px;
  text-indent: 30px;
  text-align: justify;
}

.taille940
{
  font-size: 1.4em;
  margin-top: 10px;
  text-decoration: underline;
}

.taille950
{
  font-size: 1.3em;
  margin-left: 15px;
  margin-top: 10px;
}

.taille951
{
  font-size: 1.2em;
  margin-left: 35px;
  margin-top: 10px;
}

.taille95
{
  font-size: 1.3em;
  margin-right: 60px;
  margin-left: 35px;
  margin-top: 10px;
  text-indent: 30px;
  text-align: justify;
}

.taille96
{
  font-size: 1.3em;
  margin-right: 60px;
  margin-left: 35px;
  margin-top: 40px;
  text-indent: 30px;
  text-align: justify;
}

.taille97
{
  font-size: 1.6em;
  text-align: center;
  font-style: italic;
  margin-left: 500px;
  margin-top: -10px;
}

.taille98
{
  font-size: 1.8em;
  font-style: italic;
  color: black;
  text-align: center;
  margin-left: 10px;
  margin-top: -20px;
}

.taille981
{
  font-size: 1.4em;
  color: black;
  text-align: center;
  margin-right: 780px;
  margin-top: 630px;
}

.taille99
{
  font-size: 1.3em;
  font-style: italic;
  margin-right: 375px;
  margin-left: 25px;
}

.taille100
{
  font-size: 1.8em;
  text-decoration: underline;
  text-align: center;
}


.taille0
{
  font-size: 1.1em;
  text-align: center;
  color: black;
  padding-left: 55px;
}

.taille1
{
  font-size: 1.8em;
}

.taille2
{
  font-size: 1.4em;
}

.taille3
{
  font-size: 1.4em;
  color: green;
}

.taille4
{
  font-size: 1.4em;
  color: blue;
  padding-top: 100px;
}

.taille5
{
  font-size: 1.4em;
  color: blue;
  padding-top: 40px;
}

.taille6
{
  font-size: 1.4em;
  color: green;
  padding-top: 40px;
  margin-left: 50px;
}

.taille77
{
  font-size: 1.5em;
}

.taille78
{
  font-size: 1.0em;
  color: green;
}

.souligne
{
   text-decoration: underline;
}

.souligne1
{
   text-decoration: underline;
   color: green;
   font-size: 2em;
}

.souligne3
{
   text-decoration: underline;
   font-size: 1.5em;
}

.souligne44
{
   text-decoration: underline;
   font-size: 2.2em;
}

.prix
{
   color: green;
   font-size: 1.6em;
}

.prix2
{
   color: blue;
   font-size: 1.6em;
}

.ecart
{
  padding-left: 170px;
}

#petit_corps a
{
color: #1e461f;
}

#petit_corps a:hover
{
color: #52bc52;
text-decoration: underline;
}

#petit_corps
{
  padding-left: 35px;
  padding-right: 110px;
  font-family: Garamond, Arial, "Arial Black", "Times New Roman", Times, serif;
  font-weight: bold;
  color: #610c05;
}

#petit_corps h6 /* Tous les titres h5 du petit corps */
{
   text-align: center;
   margin-top: -1px;
}

#petit_corps h3 /* Tous les titres h3 du petit corps */
{
   text-align: center;
   text-decoration: underline;
}

#petit_corps h2 /* Tous les titres h2 du petit corps */
{
   text-align: center;
   text-decoration: underline;
   margin-left: -40px;
}

#petit_corps h1 /* Tous les titres h1 du petit corps */
{
   text-align: center;
   margin-top: 30px;
   margin-left: -40px;
}

.rouge
{   
   color: red;
   font-size: 1.5em;
  text-decoration: underline;
  margin-left:20px;
}

.point_rouge
{
  color: red;
  font-size: 2.5em;
}

.point_rouge1
{
  color: red;
  font-size: 3em;
}

.point_rouge2
{
  color: red;
  font-size: 2.5em;
  margin-left:20px;
}

.gras4
{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 106px;
}

.gras3
{
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.3em;
  margin-left: 337px;
}

.gras2
{
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.1em;
  margin-left: 150px;
}

.titregras
{
   font-weight: bold;
   font-size: 1.5em;
}

.envoi
{
  font-size: 2em;
  margin-left: 270px;
  margin-top: -90px;
}

.envoi2
{
  font-size: 2em;
  margin-left: 70px;
  margin-top: -30px;
}

#nom
{
   margin-left: 316px;
}

#prenom
{
   margin-left: 293px;
}

#codepostal
{
   margin-left: 311px;
}

#adresse
{
   margin-left: 254px;
}

#ville
{
   margin-left: 362px;
}

#votremail
{
   margin-left: 314px;
}