body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   border-right : 4px solid rgb(215,215,215);
   border-bottom : 0px solid rgb(158,168,182);
   border-top : 4px solid rgb(158,168,182);
   border-left : 4px solid rgb(215,215,215);
	
 
   background-position: center;
   background-repeat: no-repeat;
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px; 
}

#en_tete
{
   width: 800px;
   height: 100px;
   background-image: url("image/bann3.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border: 0px solid black;
}

/* Le menu */

#menu
{
 
   width: 800px; /* Très important : donner une taille au menu */
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 0px;
   padding-bottom: 0px;

}

#corps
{
   
   margin-left: 0px; /* 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 */   

  
}
#pied_de_page
{
  
   height: 25px;
   width: 800px;    
   text-align: center;   
   background-image: url("image/piedfond.gif");  
   border: 0px solid black;
   padding-left: 0px;
   margin-left: 0px;
   margin-top: 0px;
   
}

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}
 

 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial", Georgia, "Times New Roman", Times, serif;
   color: black;
   
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
  padding-bottom: 20px;
}


td /* Toutes les cellules des tableaux... */
{
   border: 0px solid black; /* ... auront une bordure de 1px */
   padding-top: 10px; /* Marge intérieure de 12px */
   padding-right: 20px;
   padding-left: 20px;
padding-bottom: 20px;
 
}
table
{
   margin:auto;
   border-collapse: collapse;

  
}



h1
{
   width: 1000px;
   margin: auto;
   color: rgb(47,36,179);
   font-size: 24px;
   text-align: center; /* Pour centrer le titre */
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
}

h2
{
   text-align: center;  
   font-variant: small-caps;
   color: black;
   font-size: 18px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
}

h3
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/piedfond.gif");
}
h4
{
	margin-top: 25px;
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 14px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
  
}

h5
{
	margin-top: 0px;
	margin-bottom: 50px;
   text-indent: 30px;
   color: black;
   font-weight: normal;
   font-style: italic;
   font-size: 12px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
  
}



p
{
   /*width: 1000px;
   /*margin: auto;  On peut donc demander à ce que le block soit centré avec "auto" */
   margin-left: 30px;
   margin-right: 30px;
   text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
   color: black;
   text-align: justify; /* Ils seront justifiés */
   font-size: 14px; /* Paragraphes de 14 pixels */
   font-family: "Arial", Comic Sans MS, serif; /* On essaie d'avoir Arial Black en priorité */
   

}

li
{
  font-size: 14px;
  font-family: "Arial", Comic Sans MS, serif;
 }
 


a/* decoration des liens*/
{
  
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: rgb(47,36,179); 
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: red; /* Le lien sera écrit en vert quand on pointera dessus */
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

ul
{
   list-style-type: square;
	font-family: "Arial", Comic Sans MS, serif; 
	font-size: 20px;

}

.submit
{
margin-top: 10px; 
margin-bottom: 10px; 
	 margin-left: 310px; 
   width: 150px;
	Height: 25px
}

.map
{ 
display: block; 
margin: 0 auto; 

} 

.apool
{ 
margin-left: 350px;

} 

.specification

{
    
   border: 1px solid rgb(169,168,170); /* ... auront une bordure de 1px */
   padding-top: 5px; /* Marge intérieure de 12px */
   padding-right: 5px;
   padding-left: 5px;
padding-bottom: 5px;
background-image: url("image/fontab.jpg");
 
}
.specification1
{
  margin: 0 auto;  
  text-align:center;
  
   border: 1px solid rgb(169,168,170); /* ... auront une bordure de 1px */
   padding-top: 5px; /* Marge intérieure de 12px */
padding-bottom: 5px;
background-image: url("image/fontab.jpg");
 
}


.flag1
{ 
border: 0px solid rgb; /* ... auront une bordure de 1px */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 5px;
   padding-left: 700px;
padding-bottom: 0px;

} 



.flag2
{ 
border: 0px solid black; /* ... auront une bordure de 1px */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 5px;
   padding-left: 5px;
padding-bottom: 0px;

} 



.flag1bis
{ 
border: 0px solid rgb; /* ... auront une bordure de 1px */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 5px;
   padding-left: 650px;
padding-bottom: 0px;

} 



.flag2bis
{ 
border: 0px solid black; /* ... auront une bordure de 1px */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 5px;
   padding-left: 5px;
padding-bottom: 0px;

} 

.fb
{ 
border: 0px solid black; /* ... auront une bordure de 1px */

  
   margin-left: 705px;


} 
.fbfr
{ 
border: 0px solid black; /* ... auront une bordure de 1px */

  
   margin-left: 690px;


} 

.converter
{ 
border: 0px solid black; /* ... auront une bordure de 1px */

  
   margin-left: 325px;


} 





.liste /* tableau menu deroulant... */
{
   border: 0px solid black; /* ... auront une bordure de 1px */
   padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 0px;
   padding-left: 0px;
padding-bottom: 0px;
margin: 0 auto; 
 
}

.spe/* tableau specification.. */

{
   margin:auto;
   border-collapse: collapse;
    margin-left: 30px;
	 margin-right: 30px;
	    padding-top: 0px; /* Marge intérieure de 12px */
   padding-right: 0px;
   padding-left: 0px;
padding-bottom: 0px;
 
}

.text/* zone de texte.. */

{
  
   margin: auto;
  margin-left: 30px;
  width: 720px;
 
}

.rates/* table rates.. */

{
     
   margin-left: 30px;
  
 
}

.menubas

{
     
  text-decoration: underline;
  font-style: normal;
  font-size: 14px;
  color:rgb(169,168,170); 
  margin-bottom:0px;
}

.menubas1
{
     
  padding-right:5px;
  padding-left:5px;
  margin-right:10px;
   margin-left:10px;
}

.bande

{
padding-left:0px;
 padding-right:0px;
 padding-left:0px;
 padding-top:0px;
}
.promo
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/promotion.jpg");
}

.soldout
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/soldout.jpg");
  }
   
   .new
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/new.jpg");
}


.vendu
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/vendu.jpg");
}
.yaris
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/yaris.jpg");
}

.yaris_fr
{
   text-indent: 30px;
   color: black;
   font-style: italic;
   font-weight: bold;
  font-variant: small-caps;
   font-size: 16px;
   font-family: "Arial", verdana, Comic Sans MS, serif; /* choix de la police */
   background-image: url("image/yaris_fr.jpg");
}