/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

fieldset {
	border: solid 1px #CCCCCC;
}
#container { width:989px;position:relative;margin:0 auto}
#ccordz {position:absolute; right:14px;top:118px;width:260px;height:80px;opacity:0.85;filter:alpha(opacity=85);background:#9B99A4;color:#fff}
#ccordz .element1 {padding:5px;display:inline;float:left;margin:0}
#ccordz .element2 {padding:5px;display:inline;float:left;margin:0}
#ccordz .element3 {padding:5px;display:inline;float:left;margin:5px 0}
#ccordz .element2 strong {font-size:1.3em;letter-spacing:-0.1em;color:#B01618}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

legend {
color: #BB2B2F;
}


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	width: 150px;
}


body {
	margin: 0;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
	.fond {
	background-image: url(gifs/images/garage_wartelle_20.jpg);
	background-repeat: repeat-y;
}
.newsletter {
	background-image: url(gifs/images/garage_wartelle_06.jpg);
	background-repeat: no-repeat;
}



/******************************************Rollover***********************************************/
#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 36px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_09.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_09.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#index {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 35px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_13.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#index a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_13.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#index a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#gamme {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 39px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#gamme a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_14.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#gamme a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#occasion {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 38px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#occasion a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_15.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#occasion a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#prestation {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 39px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_16.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#prestation a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_16.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#prestation a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#renseignement {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 37px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_17.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#renseignement a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_17.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#renseignement a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#detache {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 208px;  /* changer la largeur ici */ 
    height: 37px; /* changer la hauteur ici */ 
    background: url(gifs/images/menu_over_18.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#detache a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/garage_wartelle_18.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#detache a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
.fondindex1 {
	background-image: url(gifs/images/accueil_18.jpg);
	background-repeat: no-repeat;
	height: 234px;
}
.fondindex2 {
	background-image: url(gifs/images/accueil_19.jpg);
	background-repeat: no-repeat;
	height: 234px;
}
.fondindex3 {
	background-image: url(gifs/images/accueil_28.jpg);
	background-repeat: no-repeat;
	height: 78px;
}
.texte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding: 10px;
	float: left;
}
.texte2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.texte3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: uppercase;
}
.texte4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.rouge {
	font-size: 11px;
	color: #990000;
}
.photobdd {
	background-image: url(gifs/bdd_18.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 217px;
}
.detailbdd {
	background-image: url(gifs/bdd_22.jpg);
	background-repeat: no-repeat;
	height: 76px;
	width: 217px;
}
.fdtitrebdd {
	background-image: url(gifs/fd_15.jpg);
	height: 35px;
	width: 217px;
}
#occasions h3, #gammes h3 {
	padding:0;
	margin:0;
	color: #BB2B2F;
	font-weight:bold;
	padding-left:20px;
	font-size:12px;
}


.contour {
	border: 1px solid #666666;
}
.texteSouligne {
	text-decoration: underline;
}
.texte {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.rouge {
	color: #FF0000;
}
#encart1 {background:url(gifs/garage_wartelle_accueil_14.jpg) 0 0;width:161px;height:264px;float:left;margin:10px ;-margin:10px 5px}
#encart2 {background:url(gifs/garage_wartelle_accueil_17.jpg) 0 0;width:169px;height:263px;float:left;margin:10px ;-margin:10px 5px}
#encart1,#encart2 {display:block;margin:10px;float:left;color:#BC2B30;font-size:17px;font-weight:bold;letter-spacing:-0.02em;line-height:14px;display:block;padding:10px 10px 10px 170px}
#encart1:hover,#encart2:hover {text-decoration:none; opacity:0.8;filter:alpha(opacity=80)}