/*
Design du site
*/

body
{
   width: 990px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 10px;    
   background-color: white;
   
  
}

fieldset
{
	border: none;
	color: white;
}

/* L'en-tête */

#en_tete
{
   width: 990px;
   height: 84px;
   background-image: url("garage-de-chatel.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border-radius: 5px;
   box-shadow: 3px 3px 6px black;
   
   
}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   
   
   margin-bottom: 20px;
   width: 120px;
   
   box-shadow: 3px 3px 6px black;
   
 
}

.totem
{
   
   background-image: url("totem.jpg");
   background-repeat: no-repeat;
   border-radius: 5px;
   box-shadow: 3px 3px 6px black;
   
   
   margin-top: 20px;
   margin-bottom: 40px;
   width: 120px;
   height: 325px;
   
}

.logos
{
background-image: url("fond-logo.jpg");
border-radius: 5px;
background-repeat: repeat-x ;
height: 325px;

box-shadow: 3px 3px 6px black;
}

.logos img
{
   margin-left:40px;
   margin-bottom: 10px;

 }

/* Quelques effets sur les menus */



.element_menu ul {
list-style: none;
margin: 0;
padding: 0;
}

.element_menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
.element_menu li a:link, .element_menu li a:visited {
color: white;
display: block;
background: url("menu12.gif");
padding: 8px 0 0 10px;
}

.element_menu li a:hover {
color: yellow;
background: url("menu12.gif") 0 -32px;
padding: 8px 0 0 10px;
}

.corpstableau table 
{
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

    box-shadow: 3px 3px 6px black;
}

.corpstableau td
{
 /* border: 1px ridge yellow;  ... auront une bordure de 1px */
 text-align: left;
 }
 
.corpstableau img
{
border : none;
}

.corpstableau a 
{
text-decoration: none;
}

.corpstableau
{
   margin-left: 140px;
   color: white;
   margin-top: 10px;
   
 
}

p
{
text-align : center;
}

.pair
{
background-color: rgb(30,30,30);
}

.impair
{
background-color: rgb(80,80,80);
}

.cellulefixe
{
width:200px;
height:120px;
overflow:hidden; 
}


/* Le corps de la page index */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: rgb(30,30,30);
   text-align: justify;
   border-radius: 5px;
   box-shadow: 3px 3px 6px black;
   
}


/* Le corps de la page vehicules */





#corps p
{
   
   text-align: justify;

   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color:white
}

#corps h2
{
   height: 30px;
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: white;
   text-align: left;
}

.pageindex
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color:white;
}

.puce
{
background-image: url('puce2.png');
background-repeat: no-repeat;
width: 40px;
}

.marquemodele
{
color:white;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   clear: both; /* Génial!!! : Cette propriete permet que l'entete de pied de page se place automatiquement à la suite des logos meme si pas de vehicules trouves lors d'une recherche */
   margin-top: 20px;
   padding: 25px;
  

   text-align: center;

   color: #B3B3B3;
   background-color: rgb(30,30,30);
   background-image: url("illustr/DISQUE.png");
   background-repeat: no-repeat;
   border-radius: 5px;
   box-shadow: 3px 3px 6px black;
  
   
   
   color: white;
}


input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #FFFF99;
}

/*#myForm 
input
{
height:22px;
} */