/***
* COULEURS
* gris foncé : 1B1D1E
* gris moyen : 424E4F
* gris clair : 5E6D70
* orange foncé : C13B00
* orange clair : FF6600
***/

/* RESET */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, 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,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;vertical-align: baseline;}
	:focus {outline: 0;}
	body {line-height: 1; color: black; background: white;}
	ol, ul {list-style: none;}
	table {border-collapse: separate; border-spacing: 0;}
	caption, th, td {text-align: left; font-weight: normal;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}

/* STRUCTURE */
body {background:#1B1D1E url(../img/fond2.gif) 50% 0; color:#fff; font-family:Helvetica, Verdana, Arial, sans-serif}
	div#page {width:760px; padding:0 8px; color:#1B1D1E ; margin:0 auto;}
		ul#menu_lang {float:right; margin-right:0.5em}
		ul#menu_lang li {display:inline}
		ul#menu_lang li a{line-height:24px; height:24px}
		div#colRight{float:right;width:200px}
		div#contenu {padding:0.5em 0.5em 2em 0.5em; color:#fff;}
	div.footer {width:760px; padding:0; color:#1B1D1E ; margin:0 auto; background:#1B1D1E;}
		div.footer p {padding:0 0.5em; margin:0; font-size:0.6em; line-height:2em; color:#fff}

	/* PIED DE PAGE http://ryanfait.com/sticky-footer/*/
		html, body {height:100%;}
		div#page {margin-bottom:-2em; min-height: 100%; height: auto !important; height: 100%;}
		.footer, .push {height: 2em;}

/* STYLES GENERAUX */
	em {font-style:italic;}
	h1{background:#1B1D1E url(../img/aeration4.jpg) no-repeat top right; height:120px; color:#fff; font-size:2em; padding-left:0.5em; padding-top:1em; font-style:italic}
		h1 span {font-size:0.5em; line-height:0.5em}
	h2{font-size:1.7em; font-style:italic; color:#fff; margin:0.5em 0 1em 0; padding-left:10px; font-weight:bold; height:70px; line-height:70px; background:#1B1D1E url(../img/h2.gif) no-repeat 0 0}
		h2.voiture {color:#fff; padding-left:110px; height:100px; line-height:50px; font-size:1.3em; margin-bottom:2em}
		h2.voiture span{font-size:1.5em}
		h2.voiture.alfa_romeo {background:#1B1D1E url(../img/marques/alfa_romeo.gif) no-repeat}
	h3{margin:1.5em 0 0.5em 0; font-weight:bold; color:#1B1D1E; font-size:1em}
	h3.realisation {color:#fff;}
	li{list-style-type:none;}
	a{color:#fff}
	strong{font-weight:bold;}

	div#contenu p {padding:0 0.5em; line-height:1.3em}


	div#contenu ul, div#contenu ol {margin-left:0.5em; padding-left:1em}
	div#contenu ul li{list-style-type:circle; padding:0.2em 0}
	div#contenu ol li {list-style-type:decimal; padding:0.2em 0}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* DETAILS D'UN VEHICULE */
	table#comparatif td{padding:0.5em; border-collapse:collapse; border:1px solid #1B1D1E; text-align:center;}
	table#comparatif td.titreCol{background:#424E4F; color:#fff;  padding:0.5em; width:5em; text-align:center}
	table#comparatif td.titreRow{background:#424E4F; color:#fff; padding:0.5em; width:280px; text-align:right}
	table#comparatif td.white{background:#fff; color:#1B1D1E; font-size:1em}

	ul.sameModel {margin:0 !important; padding:0 !important}
	ul.sameModel li {list-style-type:none !important; padding:0 0 0 20px !important; background:url(../img/wheel.gif) no-repeat 0 50%; line-height:1.4em}
	ul.sameModel li a{color:#fff; text-decoration:none}
	ul.sameModel li a:hover{text-decoration:underline}
	ul.sameModel li a{color:#fff; text-decoration:none}

/* REALISATIONS */

	ul.rea_photos li {display:inline; overflow:hidden; margin:0 5%; padding:0 !important}
	ul.rea_photos li a img {border:1px solid #000;}

/* CONTACT*/
	div#contenu div#contact {width:50%;}
	div#bosch {margin-top:1em}
	div#bosch p a{text-decoration:none;}
	div#bosch p a:hover{text-decoration:underline;}
	div#contenu div#contact p, div#contenu div#bosch p{padding:0 0 0 20px}
	p#adresse {padding-left:20px; background:url(../img/home.gif) no-repeat 0 0; margin-bottom:1em; line-height:1.2em}
	p#tel {padding-left:20px; background:url(../img/telephone.gif) no-repeat 0 0;}
	div#contenu div#contact p#fax {padding-left:20px; background:url(../img/print.gif) no-repeat 0 0; margin-bottom:1em; line-height:1.2em}
	div#contenu div#contact p#mail {padding-left:20px; background:url(../img/email.gif) no-repeat 0 0; line-height:1.2em}