@vert_skoda: #4BA82E;
@vert_trans_skoda: url(../img/g_skoda.png);

/*  reset total des styles par défaut des navigateurs */
html {font-size: 10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
a { text-decoration:none; color:#000000; outline-style:none; }
/*  END reset total des styles par défaut des navigateurs */

.privacy{
padding:20px;
}

body {
font-family: Verdana, Arial, sans-serif;
/*background-image: url(../img/bg_body.jpg);*/
background-position: 50% 0px;
background-repeat: no-repeat;
background-color: #080806;/* presque noir */
background-attachment: fixed;
}
#bg_popup_pub{
position:absolute;
top:0;
left:0;
width:100%;
height:5000px;
background-image:url(../img/bg_noir_transp.png);
z-index:99999;
}
	#bg_popup_pub #popup_pub{
	position:relative;
	width:650px;
	margin: 200px auto;
	}
		#bg_popup_pub #popup_pub>a>img{
		display:block;
		width:650px;
		}
		#bg_popup_pub #popup_pub #close{
		position:absolute;
		top:-15px;
		right:-15px;
		}
			#bg_popup_pub #popup_pub #close:hover{
			cursor:pointer;
			}

/****************** HEADER *******************************************************/
#bg_header {
background-color: #fff;
height: 115px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 6px;
-moz-box-shadow: #000000 0px 0px 6px;
box-shadow: #000000 0px 0px 6px;
	#header {
	position:relative;
	width: 900px;
	overflow:hidden;
	margin: auto;
	padding-top: 10px;
		#logo_facebook {
		position:absolute;
		right:0px;
		top:15px;
		}
		#reglement{
		position:absolute;
		top:80px;
		right:0;
		font-weight:bold;
		color:#4BA82E;
		font-size:12px;
		}
	}
}
#corps {
width: 900px;
margin: auto;
min-height: 800px;
}
ul#navbar {
width: 900px;
height: 30px;
position: relative;
background-image: url(../img/w.png);
z-index: 9996;
	>li {
	line-height: 30px;
	float: left;
	background-image: url(../img/separation_navbar.png);
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
		&:first-child {
		background-image: none;
		}
		a {
		color: #000;
		font-size: 1.2em;
		display: block;
		padding: 0 20px;
		height: 30px;
		}
		a:hover, a.selected {
		background-color:#fff;
		color: #4BA82E;
		}
	}
	li.infos_pratiques {
	width: 150px;
	text-align: center;
		&:hover {
		background-color: #ffffff;
		color: #000;
			a {
			color: #000;
			}
		}
		ul.sous_menu {
		width: 150px;
		background-color: #fff;
		position: absolute;
		top: 30px;
		left: 0px;
		font-size: 8px;
		z-index: 99999;
		display: none;
			a {
			color: #000;
				&:hover {
				background-color: #000;
				color: #fff;
				}
			}
		}
	}
}
ul#navbar_categories {
width: 900px;
background-color: @vert_skoda;
height: 30px;
position: relative;
z-index: 9995;
	>li:first-child {
	border-left: 1px solid @vert_skoda;
	}
	>li {
	line-height: 30px;
	float: left;
		>a {
		color: #fff;
		font-size: 1.2em;
		display: block;
		padding: 0 20px;
		}
		.sous-menu {
		max-width: 800px;
		background-color: #fff;
		z-index: 9999;
		border-bottom: 1px solid @vert_skoda;
		border-right: 1px solid @vert_skoda;
		border-left: 1px solid @vert_skoda;
		padding-bottom: 15px;
		position: absolute;
		top: 30px;
		left: 0px;
		display: none;
			.une_voiture {
			overflow: hidden;
			width: 400px;
			float: left;
				h3 {
				font-size:1.6em;
				padding: 15px 0 0 15px;
				}
				.photo {
				float: left;
				}
				ul {
				float: left;
				list-style-image: url(../img/puce.png);
				list-style-position: inside;
					li {
					margin-left: 5px;
						a {
						color: #444;
						font-size: 1.2em;
							&:hover {
							text-decoration: underline;
							}
						}
					}
					
				}
			}
		}
	}
}
/****************** END HEADER *******************************************************/
/****************** FOOTER *******************************************************/
#bg_footer {
height: 170px;
background-color: #fff;
	#footer {
	width: 900px;
	margin: auto;
		#adresses_pied {
		overflow: hidden;
		height: 140px;
			li {
			float: left;
			width: 200px;
			margin-top: 15px;
				h2 {
				font-size: 1.2em;
				margin-bottom: 7px;
					a {
					color: @vert_skoda;
					}
					a:hover {
					text-decoration: underline;
					}
				}
				p {
				color: #444;
				line-height: 1.5em;
				}
			}
			li.middle {
			margin-left:140px;
			margin-right:140px;
			}
		}
		ul#mentions {
		width: 900px;
		text-align: center;
			li {
			display: inline;
			color: #888;
			padding: 0 10px;
			border-left: 1px solid #888;
				&:first-child {
				border-left: none;
				}
				a {
				color: #888;
					&:hover {
					text-decoration: underline;
					}
				}
			}
		}
	}
}
/****************** END FOOTER *******************************************************/









/****************** COLONNE DROITE **********************************************************/
.colonne_droite {
width: 295px;
height: 500px;
float: right;
	#news {
	height: 245px;
	padding: 0 25px;
	background-image: @vert_trans_skoda;
	margin-bottom: 5px;
	overflow: hidden;
		h2 {
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		margin: 10px 0;
		}
		ul {
		overflow: hidden;
			li {
			padding-bottom: 5px;
				h3 {
				font-size: 1.1em;
				font-weight: bold;
				color: #fff;
				}
				p {
				color: #fff;
				}
				div {
				overflow: hidden;
					a {
					display: block;
					background-color: #666;
					float: left;
					color: #fff;
					padding: 1px 6px;
					margin-top: 2px;
						&:hover {
						background-color: #000;
						}
					}
				}
			}
		}
	}
	#promotions_occasions {
	margin-top: 5px;
	background-image: @vert_trans_skoda;
	padding: 0 25px;
	padding-bottom:20px;
	overflow: hidden;
		h2 {
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		margin: 10px 0;
		}
		div.photo {
		width: 245px;
		overflow: hidden;
		margin-bottom: 5px;
			a {
			display: block;
				img {
				display: block;
				border: 1px solid #fff;
				max-width: 243px;
				max-height: 208px;
				}
			}
		}
		.texte {
		color: #fff;
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1.6em;
		margin-top:10px;
		}
	}
}
/****************** END COLONNE DROITE **********************************************************/






/*********************** COMMUN ************************************************/
.colonne_gauche {
position: relative;
width: 600px;
background-image: url(../img/w80.png);
margin-bottom: 5px;
overflow: hidden;
padding-bottom: 30px;
	.concession_herstal {
	
	}
	.concession_ans {
	display: none;
	}
	.carrosserie_herstal {
	display: none;
	}
	.carwash_herstal {
	display: none;
	}
	#fil_arianne {
	margin: 25px 0 10px 25px;
	color: #555;
	font-size: 1.2em;
		strong {
		font-weight: bold;
		}
		em  {
		color: @vert_skoda;
		}
	}
	.infos {
	display: block;
	color: @vert_skoda;
	position: absolute;
	left: 25px;
	bottom: 10px;
	clear: both;
	padding-top: 6px;
	font-size: 1.2em;
	font-weight: bold;
		&:hover {
		text-decoration: underline;
		}
	}
}
.colonne_centrale {
background-image: url(../img/w80.png);
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.banniere {
width: 900px;
overflow: hidden;
margin-bottom:5px;
position: relative;
	img {
	display: block;
	width: 900px;
	max-height: 350px;
	}
	h2 {
	position: absolute;
	top: 20px;
	right: 70px;
	width: 180px;
	height: 50px;
	background: @vert_trans_skoda;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px 0 0 15px;
	}
}
/*********************** END COMMUN ************************************************/



























/************** ACCUEIL ********************************************************/
/******************** SYSTEME DE VOLETS (commun) *******************************************************************/
.volets {
overflow: hidden;
margin-bottom:5px;
width: 900px;
height: 240px;
position: relative;
}
	.volets ul {
	overflow: hidden;
	float: left;
	}
		.volets ul li {
		height: 240px;
		float: left;
		}
		.volets ul li.tete {
		width: 52px;
		text-align:center;
		cursor: pointer;
		background-color: #fff;
		border-left: 0px solid #333;
		}
		.volets ul li.last {
		width: 54px;
		}
		.volets ul li.corps {
		width: 1px;
		position: relative;
		overflow: hidden;
		background-position: 1px 0px;
		background-repeat: no-repeat;
		background-color: #fff;
		}
			.volets ul li.corps h2 {
			width: 240px;
			height: 75px;
			background-image: @vert_trans_skoda;
			margin: 80px 0 0 80px;
			padding-left: 15px;
			padding-top: 10px;
			color: #fff;
			font-size: 2.4em;
			font-weight: bold;
			}
		.volets ul li.tete:hover {
		background-color: @vert_skoda !important;
		}
	.volets ul:first-child li.corps {
	width: 740px;
	}
	.volets ul:first-child li.tete {
	border-left: 0px;
	}
	.volets ul.concession_herstal li.corps {
	background-image: url(../img/bg_conc_herstal.jpg);
	}
	.volets ul.concession_ans li.corps {
	background-image: url(../img/bg_conc_ans.jpg);
	}
	.volets ul.carrosserie_herstal li.corps {
	background-image: url(../img/bg_car_herstal.jpg);
	}
	.volets ul.carwash_herstal li.corps {
	background-image: url(../img/bg_carw_herstal.jpg);
	}
/***************** END SYSTEME DE VOLETS *******************************************************************/
.presentation {
height: 585px;
}
.colonne_gauche {
	.gauche {
	float: left;
	height: 500px;
	width: 265px;
	margin-left: 25px;
	position: relative;
		.texte {
		position: absolute;
		top: 190px;
		left: 0px;
		text-align: justify;
		}
	}
	.droite {
	float: right;
	height: 500px;
	width: 265px;
	margin-right: 25px;
	position: relative;
		.texte {
		position:relative;
		text-align: justify;
		height: 160px;
		margin-bottom: 15px;
		}
		img {
		display: block;
		}
		img.fv {
		position: absolute;
		bottom: 0px;
		}
	}
}
/************** END ACCUEIL ********************************************************/
























/************************** INFOS PRATIQUES ***************************************/
.colonne_gauche {
	.photo_info {
	position: absolute;
	right: 30px;
	top: 70px;
	}
	.map_info {
	position: absolute;
	right: 30px;
	top: 260px;
	}
	h3 {
	margin-left: 25px;
	color: @vert_skoda;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	table {
	font-size: 0.9em;
	margin-left: 25px;
		th {
		width: 70px;
		font-weight: bold;
		}
		td {
		height: 20px;
		letter-spacing: -1px;
		}
	}
	.adresse {
	margin-left: 25px;
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	}
	#form_rdv {
	margin-left: 25px;
		input {
		width: 200px;
		display: block;
		clear:both;
		height: 24px;
		margin: 10px 0;
		color: #999;
		}
		textarea {
		width: 540px;
		max-width: 540px;
		min-width: 540px;
		color: #999;
		}
	}
}
/************************** END INFOS PRATIQUES ***************************************/













/****************************** CATEGORIES *****************************************/
.modele {
overflow: auto;
padding: 30px 0 0 30px;
	.un_nom {
	overflow: hidden;
	width: 400px;
	height: 125px;
	float: left;
	background-color: @vert_skoda;
	margin: 0 30px 30px 0;
		h1 {
		margin:20px;
		color:#fff;
		font-size:29px;
		}
		img {
		display: block;
		margin: 15px 0 0 15px;
		}
	}
	.une_voiture {
	overflow: hidden;
	width: 400px;
	height: 125px;
	float: left;
	background-color: #fff;
	margin: 0 30px 30px 0;
		h3 {
		font-size:1.6em;
		padding: 15px 0 0 15px;
		}
		.photo {
		float: left;
		}
		ul {
		float: left;
		list-style-image: url(../img/puce.png);
		list-style-position: inside;
			li {
			margin-left: 5px;
				a {
				color: #444;
				font-size: 1.2em;
					&:hover {
					text-decoration: underline;
					}
				}
			}
			
		}
	}
}
/****************************** END CATEGORIES *****************************************/













/*********************** FICHE VOITURE *************************************************/
#scrollbar1 {}
#scrollbar1 .viewport { width: 400px; height: 370px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: @vert_skoda; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:10px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .disable{ display: none; }

.description_voiture {
width: 420px;
margin: 20px;
color: #444;
	h2 {
	color: @vert_skoda;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
	}
}
.interesse {
height: 370px;
width: 408px;
background-image: url(../img/bg_interesse.png);
position: absolute;
top: 20px;
right: 20px;
overflow: hidden;
	h2 {
	display:block;
	width:250px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.7em;
	margin: 15px 0 0 15px;
	letter-spacing: -1px;
	}
	.logo {
	position: absolute;
	top: 15px;
	right: 15px;
	}
	.texte {
	color: #fff;
	font-size: 1.2em;
	margin: 10px 10px 20px 20px;
	}
	.form_interesse {
	margin-left: 20px;
		input[type="text"] {
		float:left;
		width: 200px;
		height: 25px;
		margin-bottom: 10px;
		display: block;
		color: #777;
		}
		input[type="submit"] {
		width: 177px;
		height: 47px;
		margin-bottom: 10px;
		display: block;
		clear:both;
		background-image: url(../img/bg_envoyer.png);
		background-color: transparent;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 1.7em;
		cursor: pointer;
			&:hover {
			background-position: right;
			}
		}
	}
}
#gal_voiture {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
width: 854px;
	.btn_left {
	position: absolute;
	top: 75px;
	left: 5px;
	z-index: 998;
	}
	.btn_right {
	position: absolute;
	top: 75px;
	right: 5px;
	z-index: 998;
	}
	.conteneur_strict {
	width: 854px;
	position: relative;
	overflow: hidden;
		.grand_slider {
		width: 10000px;
		position: relative;
			ul {
				li {
				float: left;
				margin-right: 10px;
					a {
					display: block;
					width: 278px;
						img {
						display: block;
						max-width: 278px;
						max-height: 186px;
						}
					}
				}
			}
		}
	}
}
/*********************** FICHE VOITURE *************************************************/









/********************* !news **************************************/
ul#news {
padding: 10px;
	li {
	border-top: 1px solid #bbb;
	overflow: hidden;
		&:first-child {
		border-top: none;
		}
		.photo {
		float: left;
		margin-top: 17px;
			div {
			width: 185px;
			height: 140px;
			display: block;
				img {
				max-width: 185px;
				max-height: 140px;
				}
			}
		}
		.contenu {
		overflow: hidden;
		width: 600px;
		float: right;
		margin-top: 17px;
		margin-right: 75px;
			h3 {
			color: #fff;
			text-transform: uppercase;
			font-size: 1.3em;
			background: @vert_skoda;
			padding: 2px 5px;
			}
			.texte {
			color: #444;
			margin-top: 20px;
			}
			
		}
	}/* li */
}
/********************* end!news **************************************/









/************************ !promotions_occasions ****************************************/
ul#promotions_occasions {
padding: 10px;
	li {
	height: 175px;
	border-top: 1px solid #bbb;
	overflow: hidden;
		&:first-child {
		border-top: none;
		}
		.photo {
		float: left;
		margin-top: 17px;
		margin-left: 20px;
			a {
			width: 185px;
			height: 140px;
			display: block;
				img {
				max-width: 185px;
				max-height: 140px;
				}
			}
		}
		.contenu {
		height: 140px;
		overflow: hidden;
		width: 350px;
		float: left;
		margin-top: 17px;
		margin-left:10px;
			h3 {
			color: #fff;
			text-transform: uppercase;
			font-size: 1.3em;
			background: @vert_skoda;
			padding: 2px 5px;
			}
			table {
			width: 350px;
				th {
				font-weight: bold;
				font-size: 1.3em;
				height: 25px;
				}
				td {
				font-size: 1.3em;
				height: 25px;
				}
			}
		}
		.plus {
		float: right;
		margin-top: 17px;
		margin-right: 20px;
			a {
			display: block;
			background: @vert_skoda;
			padding: 3px;
			color: #fff;
				&:hover {
				background-color: #000;
				}
			}
		}
	}/* li */
}
/************************ end!promotions_occasions ****************************************/











/************************ EQUIPE ****************************************/
.equipe {
padding:20px;
}
	.equipe  h1{
	clear:both;
	display:block;
	width:100%;
	background-color:#4BA82E;
	padding:3px 3px 3px 7px;
	color:#ffffff;
	font-size:13px;
	position: relative;
	}
	.equipe ul {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	}
	.equipe ul li{
	float:left;
	width: 410px;
	height:120px;
	margin:10px;
	}
		.equipe ul li img{
		float:left;
		margin-right:10px;
		max-height: 115px;
		max-width: 100px;
		}
		.equipe ul li h2{
		color:#4BA82E;
		font-size:13px;
		font-weight:bold;
		float: right;
		width: 300px;
		}
		.equipe ul li .fonction{
		margin-top:5px;
		font-size:11px;
		color:#231F20;
		float: right;
		width: 300px;
		position: relative;
		}
		.equipe ul li .infos{
		margin-top:10px;
		font-size:12px;
		color:#231F20;
		float: right;
		width: 300px;
		word-wrap:break-word;
		position: relative;
		}
/************************ END EQUIPE ****************************************/









/************************ FINANCEMENTS ****************************************/
.financement {
padding:20px;
}
	.financement  h1{
	clear:both;
	display:block;
	width:100%;
	background-color:#4BA82E;/* vert */
	padding:3px 3px 3px 7px;
	color:#ffffff;
	font-size:13px;
	position: relative;
	}
	.financement .contenu {
	padding: 0 10px 30px 10px;
	color: #555;
	font-size: 1.2em;
	position: relative;
	}
	.financement .contenu h1,.financement .contenu h2,.financement .contenu h3,.financement .contenu h4,.financement .contenu h5,.financement .contenu h6{
	background-image: none;
	background-color: transparent;
	padding-left: 0;
	color: #000;
	margin: 20px 0 5px 0;
	border-bottom: 1px solid #4BA82E;/* vert */
	font-weight: bold;
	}
/************************ END FINANCEMENTS ****************************************/










/***************************** !fiche_technique ***************************************************/
.retour {
	margin: 10px 0 10px 30px;
	a {
	color: @vert_skoda;
		&:hover {
		text-decoration: underline;
		}
	}
}
.fiche_vehicule {
margin: 10px 30px;
	h2 {
	background: @vert_skoda;
	padding: 4px;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 15px;
	}
	table {
	width: 500px;
	margin-bottom: 20px;
		th {
		font-weight: bold;
		font-size: 1.3em;
		height: 25px;
		}
		td {
		font-size: 1.3em;
		height: 25px;
		}
	}
	.apercu {
	overflow: hidden;
	margin-bottom: 5px;
		table  {
		width: 290px;
		}
		.left {
		width: 290px;
		float: left;
			.contact {
				a{
				color: #fff;
				display: block;
				width: 247px;
				height: 47px;
				line-height: 47px;
				background-image: url(../img/bg_long_contact.png);
				text-align: center;
				margin-top: 25px;
				}
			}
		}
		.right {
		float: right;
		width: 540px;
		height: 520px;
		overflow: hidden;
			a.grande {
			height: 293px;
			width: 390px;
			display: block;
			overflow: hidden;
			float: left;
				img {
				max-height: 293px;
				max-width: 390px;
				}
			}
			ul {
			width: 140px;
			overflow: hidden;
			float: right;
				li {
				margin-bottom: 3px;
					a {
					width: 140px;
					height: 96px;
					overflow: hidden;
						img {
						max-width: 140px;
						max-height: 96px;
						display: block;
						}
					}
				}
			}
		}
	}
	#caracteristiques {
		overflow:hidden;
		ul li {
		float:left;
		margin-top:5px;
		margin-bottom:5px;
		font-size:12px;
			.titre{
			float:left;
			width:300px;
			font-weight:bold;
			}
			.description{
			float:left;
			width:120px;
			}
		}
	}
}
/***************************** end!fiche_technique ***************************************************/


.error{
color:red;
float:left;
clear:both;
}



/*************** CMS ********************/
.rel {
position: relative;
}
.box_dynamique {
position: absolute !important; 
top: 0 !important;
left: 0 !important;
display: block !important;
height: 15px !important;
width: 13px !important;
padding: 0 !important;
margin: 0 !important;
}
#google_edit {
background-color: #ffffff;
position: fixed;
left: 0;
bottom: 0;
font-size: 11px;
padding: 10px;
border: 1px solid #000000;
}
	#google_edit h1 {
	background-image: none;
	display: block;
	text-indent: 0px;
	font-size: 12px;
	height: auto;
	}