/***** OLD STYLE GARAGE HTAUTO ****/

body {

	color: #000000;
	margin: 0px 0px 0px 0px;
	
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
}

/*** STYLES DES TEXTES ************************************************************/
.TextWarning { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #FF0000;}
.TextHelp { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #00FF00;}
.TextEtoile { font-family: Arial; font-size: 13px; color: #CC0000; font-weight: bold;}
.TextNormal { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000;}
.TextPetit { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000;}
.TextLabel { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; font-weight: bold;}
.TextLabelUnderline { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; font-weight: bold; border-bottom: black 1px dotted;}
.TextGrand { font-family: Verdana, Arial, sans-serif; font-size: 12pt; color: #FFFFFF;}

/* Style des menus de gauche */
.TextMenu {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #990000; font-weight: bold;}
.TextMenuBlanc {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #000000; font-weight: bold;}
.TextMenuRouge {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #FF0000; font-weight: bold;}
.TextGrandMenu {font-family: Verdana, Arial, sans-serif; font-size: 24px; color: #000000; font-weight: bold;}

.TextExportTitre {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #000000; font-weight: bold;}
.TextExportNormal {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000;}


/*** STYLES DES LIENS ************************************************************/
a:link {text-decoration: none; color: #FFFFFF;}
a:visited {text-decoration: none;  color: #FFFFFF;}
a:hover {text-decoration: overline underline; color: #000000;} 

a.lien-blanc:link {text-decoration: none; color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-blanc:visited {text-decoration: none;  color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-blanc:hover {text-decoration: overline underline; color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}   

a.lien-noir:link {text-decoration: none; color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;}
a.lien-noir:visited {text-decoration: none;  color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;}
a.lien-noir:hover {text-decoration: overline underline; color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;}   

a.lien-numpage:link {text-decoration: none; color: #990000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-numpage:visited {text-decoration: none;  color: #990000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-numpage:hover {text-decoration: overline underline; color: #990000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}   

a.lien-admin:link {text-decoration: none; color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-admin:visited {text-decoration: none;  color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}
a.lien-admin:hover {text-decoration: overline underline; color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}


/*** STYLES DES BOUTONS **********************************************************/
.bouton { border: 1px solid #828282; font-size: 11px; text-align:center; background-color: #E0DFE3; }
.BoutonPetit { font-family: Verdana; border: 1px solid #CC0000; font-size: 9px; color:#000000; text-align:center; padding:0px 0px 0px 0px; background-color: #FFFFFF; }

/*** STYLES DES FORMULAIRES ******************************************************/
.formulaire {FONT-SIZE: 12px; BORDER: 1px solid #012266; BACKGROUND-COLOR: #B8CDEF}
.formulaire1 {BORDER: 1px solid #828282; BACKGROUND-COLOR: #F4F4F4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt}

/*** COULEUR DE FOND ************************************************************/
.CouleurFond {background-color: #D4E2F7;}
.TextBandeauGras {
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.TextBandeauNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
}
.bordureTableau {
	border: 1px solid #990000;
}
.TextPetitBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
.liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	color: #000000;
}
.TexteNoirPetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}

/*** STYLES POUR LE REFERENCEMENT ***********************************************/
span.c {color: #FFFFFF}

p.c {line-height: 0}

a.nostyle:link {text-decoration:none; color:#FFFFFF}
a.nostyle:visited {text-decoration:none; color:#FFFFFF}
a.nostyle:hover {text-decoration:none; color:#FFFFFF}


/*////////////////CSS MODELE/////////////////*/

/***** CSS GARAGE DESPERROIS *****/

/* RESET */
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,
label,legend{
	margin:0;padding:0;border:0;font-weight:normal;
	font-style:normal;font-size:100%;font-family:inherit;
	vertical-align:baseline;}

body{line-height:1;color:black;}

ol,ul{list-style:none;}

blockquote:before,blockquote:after,q:before,q:after{content:"";}

blockquote,q{quotes:"" "";}

input {font-size:100%;}

/* COMMUN */

/* Style cadre auto */

.cadre-auto {
	width:652px;
	margin:0 auto;
	padding:10px 10px;
}

div.cadre-auto .cadre-auto-haut {
	height:24px;
	background:url(../../images/cadre-auto-haut.png) no-repeat top left;
}

div.cadre-auto .cadre-auto-milieu {
	background: url(../../images/cadre-auto-milieu.png) repeat-y top left;
	padding:10px 0;
}

div.cadre-auto .cadre-auto-bas {
	height:18px;
	background:url(../../images/cadre-auto-bas.png) no-repeat bottom left;
}

/*////////////////*/

h1 {
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:10px 0;
}

h2 {	
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	padding:5px 0 0 10px;
}

.cadre-auto h3 {
	font-size:23px;
	font-weight:bold;
	color:#e72404;
	padding:0 0 10px 0;
}

.cadre-auto .image-classification {
	float:right;
}

.cadre-auto .photo-vehicule {
	float:left;
}

.cadre-auto .texte-sous-photo {
	float:left;
	clear:both;
	text-align:center;
	padding:0 0 5px 15px;
}

.cadre-auto .texte-note {
	font-size:11px;
	padding:6px 0 6px 30px;
}

.cadre-auto b {
	color:#1e2c75;
}

.cadre-auto p {
	padding:0 0 0 10px;
	float:left;
	line-height:1.4;
	text-align:left;
}

.fiche-detail {
	background:url(../../images/fiche-detaillee.png) top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:13px;
	height:30px;
	width:113px;
	padding:3px 0 0 0;
}

.liste-photos {
	margin:0 10px 0 0;
}

.vignette-vehicule {
	text-align:center;
}

.remise {
	background:url(../../images/fond-remise.png) center no-repeat;
	color:#ffffff;
	height:17px;
	font-size:9px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.eco-remise {
	font-size:10px;
	padding-top:5px;
}

.bonus-eco {
	background:url(../../images/bonus-eco.png) top left no-repeat;
	height:34px;
	width:245px;
	color:#087400;
	font-weight:bold;
	font-size:14px;
	padding:10px 0 0 30px;
	margin:0 0 10px 20px;
}

html>body .bonus-eco {
	padding:9px 0 0 70px;
	margin:0 0 10px 20px;
}

.prix-barre {
	margin-bottom:10px;
	text-decoration: line-through;
}

.fiche-detail:hover {
	background:url(../../images/fiche-detaillee-actif.png) top left no-repeat;
}

/* Style cadre recherche */

.cadre-recherche {
	width:652px;
	margin:0 auto;
	padding:10px 10px;
}

div.cadre-recherche .cadre-recherche-haut {
	height:24px;
	background:url(../../images/cadre-auto-haut.png) no-repeat top left;
}

div.cadre-recherche .cadre-recherche-milieu {
	background: url(../../images/cadre-auto-milieu.png) repeat-y top left;
	padding:10px 0;
}

div.cadre-recherche .cadre-recherche-bas {
	height:18px;
	background:url(../../images/cadre-auto-bas.png) no-repeat bottom left;
}