.justify
{
  text-align: justify;
}

.lien_flottant
{
      float: right;
}

.lien_flottant1
{
      padding-bottom: 0px;
}

.lien_flottant2
{
    float: right;
}

.logo2_gif
{
    border: none;
	margin-left: 450px;
	margin-bottom: 40px;
}
.eco_logo_gif
{
   border: none;
   margin-right: 15px;
}

.logo_gif
{
     border: none;
	 margin-top: 45px;
	 margin-left: 0px;
}

.presentation_gif
{
     border: none;
	 margin-top: 50px;
}

.presentation_gif10
{
     border: none;
	 margin-top: -100px;
	 margin-right: 55px;
}

.presentation_gif987
{
     border: none;
	 margin-left: 220px;
	 margin-top: 50px;
}

body
{
   width: 760px;
   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.gif"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#en_tete
{
   width: 759px;
   height: 134px;
   background-image: url("images/banniere_abc1.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 2px solid black;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 170px; /* Très important : donner une taille au menu */
}

.element_menu_r
{  
   border: none;
   text-align: center;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu_s
{  
   border: none;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   text-align: center;
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/menu.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu h3 /* Tous les titres de menus */
{    
   color: #0034c3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration: underline;
  
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce15.gif"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 17px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 10px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-right: 5px;
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-family: Garamond, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #008200;
}
.element_menu h3:hover
{
   color: green;
}
 
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #0034c3;
}

#corps
{
   margin-left: 175px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #e8f0f4;
   background-image: url("images/corps5.png");
   background-repeat: repeat-y; /* 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 h1 /* Tous les titres h1 du corps */
{
   color: #e8f0f4;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre4.gif"); /* Une petite image de fond sur les titres h2 */
   background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #e8f0f4;
   text-align: left;
   text-decoration: underline;
}

#corps1
{
   margin-left: 175px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #e8f0f4;
   background-image: url("images/corps5.png");
   background-repeat: repeat-y; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps1 h1 /* Tous les titres h1 du corps */
{
   color: #e8f0f4;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps1 h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre4.gif"); /* Une petite image de fond sur les titres h2 */
   background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #e8f0f4;
   text-align: left;
   text-decoration: underline;
}

#pied_de_page
{
   padding: 5px;
   margin-top: 70px;
   margin-left: 170px;

   text-align: center;

   color: #B3B3B3;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: none;
}

.souligne
{
   text-decoration: underline;
}

#corps p
{
   text-indent: 20px;
 }

#corps p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.9em; /* Ecrit légèrement plus gros que la normale */
   color: blue; /* En bleu */
}

form p
{
   font-size: 1.6em;
}

h5
{
   margin-left: 9px;
}

h4
{
   margin-left: 9px;
}

.taille
{
  font-size: 1.3em;
  text-align: justify;
}

.abc_taille
{
  font-size: 1.1em;
}


.gras
{
  font-weight: bold;
  font-size: 1.6em;
  text-decoration: underline;
}

.gras1
{
  font-weight: bold;
  font-size: 1.6em;
}

.gras2
{
   font-weight: bold;
  font-size: 0.9em;
}

.gras3
{
  color: red;
  font-size: 1.5em;
  text-decoration: underline;
}

.gras4
{
  font-size: 0.9em;
  text-decoration: underline;
}

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

.blanc
{
   color: white;
}
.rouge
{   
   color: red;
   font-size: 0.9em;
  text-decoration: underline;
}

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

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

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

.envoi
{
  font-size: 2em;
}

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

#nom
{
   margin-left: 157px;
}

#prenom
{
   margin-left: 120px;
}

#societe
{
   margin-left: 211px;
}

#telephone
{
   margin-left: 174px;
}

#fax
{
   margin-left: 249px;
}

#votremail
{
   margin-left: 152px;
}

#captcha
{
   margin-left: 158px;
}