.texte  {
font-family: verdana, Helvetica, sans-serif ;
color: white ;
font-size: 10pt;
        }

.textedesc  {
font-family: verdana, Helvetica, sans-serif ;
color: white ;
font-size: 8pt;
        }
		
.prixbarre {
font-family: verdana, Helvetica, sans-serif ;
text-decoration: line-through;
font-size: 12pt;
font-weight: bold;
color: red;
		}
		
.texterouge {
font-family: verdana, Helvetica, sans-serif ;
color: #FF6633;
font-size: 12pt;
font-weight: bold;
			}

.moyenrouge {
font-family: verdana, Helvetica, sans-serif ;
color: #FF6633;
font-size: 10pt;
			}
			
.textenoir{
font-family: verdana, Helvetica, sans-serif ;
color: black ;
font-size: 10pt;
        }
						  
.titre {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #D0EBED ;
font-size: 17px;
font-weight: bold;
	  }
			 
.cpy {
font-family: verdana, Helvetica, sans-serif ;
color: white ;
font-size: 7pt;
     }
	 
.cpybis {
font-family: verdana, Helvetica, sans-serif ;
color: white ;
font-size: 6pt;
     }
	 

.cpyblack{
font-family: verdana, Helvetica, sans-serif ;
color: black ;
font-size: 7pt;
     }
	 
.referencediscret{
font-family: verdana, Helvetica, sans-serif ;
font-weight: bold;
color: #666666 ;
font-size: 7pt;
		   }

.prixrouge{
font-family: verdana, Helvetica, sans-serif;
color:#FF0000;
font-size: 13pt;
font-weight: bold;
		}
		
.prixtableau{
font-family: verdana, Helvetica, sans-serif;
color:#FF0000;
font-size: 13pt;
font-weight: bold;
		}

.prix_suspensions{
font-family: verdana, Helvetica, sans-serif;
color:#FF0000;
font-size: 11pt;
font-weight: bold;
		}
		
div#galerie 
{ 
    width: 650px ; 
    background: black; 
    border: 0px; 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: right ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: #dcb ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
} 		
	
     
.petitvert {
font-family: verdana, Helvetica, sans-serif ;
color: #99FF33 ;
font-size: 7pt;
		   }

.moyenvert {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #99FF33 ;
font-size: 11pt;
		   }

.reference {
font-family: verdana, Helvetica, sans-serif ;
font-weight: bold;
color: #FF0000 ;
font-size: 9pt;
		   }

    
body { margin: 0px ;
       background-image: url(images/fond.gif);
       background-repeat: repeat-y;
	   background-position : top center ;
	   background-color: #FAB621;
	   font-family: Tahoma, Verdana, Arial, sans-serif;
     }

h1 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #D0EBED ;
font-size: 17px;
font-weight: bold;
text-align: center; }

h2 {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #D0EBED ;
font-size: 14px;
}

h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
}

table {
        margin: 0 auto;
        }

a{
	outline:none;
 }

.tableaunoir { background-color : #000000; }

.traitvert {
           background-image: url(images/carevert.gif);
           background-repeat: repeat-y;
           }
                   
a:link, a:visited {
        font-weight: bold;
        color: #D0EBED;
        text-decoration: none;
        }

a:hover { color : #D3ED9C;
          text-decoration: underline;}
a:focus { color : #D3ED9C;
          text-decoration: underline;}

/****** astuce pour le preload *******/
.hiddenPic {display:none;}
/***********************************/

/* Couleur des bordures d'images linké sous IE */
a:link img, a:visited img {border: 2px solid #000000;}
a:focus img {border: 2px solid #D0EBED;}
a:hover img {border: 2px solid #D0EBED;}

a.fleche:link img, a.fleche:visited img {border: 0px solid #000000;}
a.fleche:focus img {border: 0px solid #D0EBED;}
a.fleche:hover img {border: 0px solid #D0EBED;}

a.menu {
		font-family: Tahoma, Verdana;
	    outline:none;  
		}
a.menu:hover
		{
		position: relative;
		left: 1px;
		top: 1px;
		text-decoration:none; 
		} 		
		
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   outline:none;  
}
a.info span {
   display: none; 
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span {
   display: block; 
   position: absolute;
   width : 120px;
    

   top: 25px; 
   left: 0px;

   background-color: rgb(47, 65, 0);

   color: white;
   padding: 2px;
   font-size: 7pt;
   border: 2px solid rgb(200, 252, 63);
   
}


a.thumbs {
   position: relative;
   color: black;
   text-decoration: none;
   outline:none;  
}
a.thumbs span {
   display: none; 
}
a.thumbs:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: default; /* on change le curseur par défaut en curseur d'aide */
}

a.thumbs:hover span {
   display: block; 
   position: absolute;
   width : 120px;
    

   top: 0px; 
   left: 0px;

   background-color: rgb(47, 65, 0);

   color: white;
   padding: 2px;
   border: 2px solid rgb(200, 252, 63);
   
}




		
.champtexte,
.groschamptexte { background-color: #F7F8F9;
                  border: 1px solid #C7FA3F;
                  color: #770000;
                  font-family: verdana, Helvetica, sans-serif;
                  font-size: 11px;
                }
.champtexte { background-image: url(images/champtexte.gif); }

.menuderoulant {font-family : Verdana;
                font-size : 11px;
                color: #E0F3F8;
                border:1px solid;
                border-color:#C7FA3F;
                background-color:#000000;
                }

.bouton {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #444444;
        border: 1px solid #444444;
        background-image:url(images/fondvert2.gif);
}

.bouton2 {
		border: 0px;
        background-image:url(images/termineroff.gif);
		height: 24px;
		width: 93px;
		}


.petitbouton { color : #D0EBED;
          font-weight : bold;
          background-color : #000000;
          width:50px;
          font-size : 11px; }

.tablehaut {
        background-image: url(haut.gif);
        background-repeat: repeat-x;
        height: 32px ;
        }
.haut    { vertical-align:top; }

.milieu  { vertical-align:middle; }

.tabbas  { background-image: url(bas.gif) ; }

.tabhaut  { background-image: url(haut.gif) ; }

.tabgauche  { background-image: url(gauche.gif) ; }

.tabdroite  { background-image: url(droite.gif) ; }

.carbone { background-image: url(cb_fbr_tex.gif) ; }

.head { height: 150px ; width: 870px ;
            content-type: application/x-shockwave-flash;
           }

.head2 { height: 150px ; width: 1000px ;
            content-type: application/x-shockwave-flash;
           }


.video { height: 330px ; width: 400px ;
            content-type: application/x-shockwave-flash;
           }

.menugauche { width: 140px ; height: 485px ;
                content-type: application/x-shockwave-flash;
                }
.antiradar { width: 115px ; height: 445px ;
                content-type: application/x-shockwave-flash;
                } 				

.icones { WIDTH: 650px ; HEIGHT: 250px ;
              content-type: application/x-shockwave-flash;
        }

.bas   { vertical-align:bottom; }

.label { font-size: 13px; color: #000000; font-weight: bold;}

#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding:0px;
	width: 670px;
	text-align: left;
	border-collapse: collapse; 
	border : 1px solid #e4e4e4

	/*background: url('images/blurry.jpg') 430px 40px no-repeat;*/
}
#background-image th
{
	padding: 12px;
	font-weight: bold;
	font-size: 15px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	padding-right:0px;
	padding-left:0px;
	background: url('images/back_table.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back_table.png',sizingMethod='crop');
	background: none;*/
}	
#background-image tbody tr:hover td
{
	color: white;
	background: none;
}

.align_image img, .align_image input, .align_image span {
  vertical-align: middle;
  display: inline-block;
  font-family: verdana, Helvetica, sans-serif ;
	color: white ;
	font-size: 7pt;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	font-family: verdana, Helvetica, sans-serif ;
	font-size: 10pt;
	color: black;
	background: #000000;
	margin: 0;
	padding: 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	color: white;
	font-style: normal;
	padding: 0;
	background:url(images/fond_recherche_ssp.jpg);
	-moz-border-radius:5px;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: white;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm select {	/*** Mise en forme des select ***/
	background:black;
	color:white;
}
#corpForm fieldset#choix_vehicule label {	/*** Mise en forme des intitul?s de champs ***/
	float: left;	/*** Tr?s important, ne pas suprimer ! ***/
	width: 18%;	/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align?s ? droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centr?s verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ? cliquer sur les intitul?s ***/
}

#piedForm {
	background-color:;
	text-align: center; /*** Les boutons sont align?s ? droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour am?liorer la lisibilit? des boutons ***/
	margin-left: 1em;
}

/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}