body {      
   background-color: #c7c7c6;
   background-image: url(img/gris11.png); 
   background-repeat: repeat-x;   
   background-position: top left;
   }

/* -------------------------------------------------------
    3. BANDEAU - ENTETE 
 ------------------------------------------------------- */

#entete     
{
   background-image: url(img/interauto-960.jpg);   
   background-repeat: no-repeat;   
   background-position: left bottom;  
}

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
   background-image: none ;
   font-family: Tahoma, Verdana, sans-serif;
   color: yellow;
}

#entete a.nom-site:hover
{
   color: #ddd;
}


/*---   Nom du site   ---*/
#entete h4    
{
   display: block;
   margin:0;
   padding: 10px 0 0 200px;
   font-size: 40px;
}

/*---   Descriptif du site   ---*/
#entete .nom-site p    
{
   display: block;
   margin:0;
   padding: 6px 0 0 202px;
   font-size: 28px;
}



/* ------------------------------------------------------------------
    5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */

/*       titre des menus     */

.menu ul li a.lienon,
.menu ul li a:visited, 
.menu ul li a:link, 
.menu ul li a,
.menu ul li b  
{ 
   background-color: transparent; 
   background-image: url(img/titre-bleu.gif); 
   color: white;
}


/*       lignes des menus     */

.menu ul li li a, 
.menu ul li li a:link,
.menu ul li li a:visited,
.menu ul li li a.article         
{ 
   background-color: transparent;
   background-image: url(img/bar-bleuclair-5.jpg); 
   background-position: left bottom; 
   background-repeat: repeat; 
   color: #313c72;
   font-size: 11px;
}


/*       lignes des menus (survol)    */

.menu ul li li a:hover,
.menu ul li li a.article:hover,
.menu ul li li li a:hover,
.menu ul li li li a.article:hover
{ 
  text-decoration: underline;
}


/*       lignes des menus (lien actif)    */

.menu ul li li a.lienon,
.menu ul li li a.lienon:link,
.menu ul li li a.lienon:visited
{  
   color: red;
}


/* ------------------------------------------------------------------
    Menu Principal
 -------------------------------------------------------------------- */


#menu-principal 
{
   background-color: transparent;
   background-image: url(img/bar-bleu.gif);  
   background-repeat: repeat; 
   border-top: 1px solid #313c72;
   border-bottom: 1px solid #313c72;
}

#menu-principal a,
#menu-principal a:link, 
#menu-principal a:visited   
{ 
   color: white;
}


/* -------------------------------------------------------
          VO
 ------------------------------------------------------- */

#fiche-resume 
{
   background-image: url(img/bar-bleuclair-4.jpg);   
   background-repeat: repeat-x;   
   background-position: left bottom;  
   background-color: white; 
}

a:hover #fiche-resume,
a.cadre-resume:hover
{
   background-image: url(img/bar-jauneclair-4.jpg);   
   background-repeat: repeat-x;   
   background-position: left bottom;
   background-color: white; 
}


/* ------------------------------------------------------------------
    ANNONCE dans #encart
 -------------------------------------------------------------------- */

#encart-annonce ul li b  
{ 
   background-color: transparent; 
   background-image: url(img/titre-bleu.gif); 
   color: white;
}

.cadre-annonce 
{
   background-color: transparent; 
   background-image: url(img/bar-bleuclair-3.jpg);  
   background-repeat: repeat-x; 
   background-position: left bottom; 
   color: #313c72;
}

a:hover .cadre-annonce 
{
   background-image: url(img/bar-jauneclair-4.jpg);   
   background-repeat: repeat-x;   
   background-position: left bottom;
}

.prix-annonce    { color: red; }

.marque-annonce  { color: black; }


/* -------------------------------------------------------
 8. SOMMAIRE / EDITO 
------------------------------------------------------- */

.bienvenue           
{ 
   background-image: url(img/titre-bleu.gif); 
   color: white;
}

.encarts a, 
.encarts a:link, 
.encarts a:visited
{ 
   color: #ffffcc;
   text-decoration: none;
}

#encart-droit-1 a, 
#encart-droit-1 a:link, 
#encart-droit-1 a:visited
{ 
   
}


#encart-gauche-1,#encart-droit-1  
{ 
   background-image: url(img/bar-rougefonce.gif); 
   background-repeat: repeat-x;
   background-position: left bottom;
   background-color: #cc0000;   
   border: solid 1px #777;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px; 
}

.gamme-vn table.spip 
{
   border: none;
}

.gamme-vn table.spip td
{
   padding: 3px; 
   background-color: white;   
   text-align: center;
   vertical-align: top;
   border: none;
}


/* -------------------------------------------------------
   PIED DE PAGE 
------------------------------------------------------- */

.bas-menu
{
   background-position: left bottom;
   background-image: url(img/bar-bleuclair-5.jpg);  
   background-repeat: repeat; 
   border-top: 1px solid #c2d2ec;
   border-bottom: none;
}

.bas-menu, .bas-mention,
#bas a, #bas a:link, #bas a:visited
{
   color: #313c72;
}