@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#fff; font-weight:700; font-size:1.1em; }
h2 { color:#fff; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#fff; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#fff; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#fff; font-size:0.83em; }
h6 { color:#fff; font-size:0.67em; }
p { color:#fff; font-size:1em; }
ul, ol{ color:#fff; font-size:1em; }
li { color:#fff; font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#fff; padding:3px; }
input { color:#fff; padding:3px; }


#intro p, #intro a { font-size:.92em; color:#fff; }


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.illustration { float:left; padding-right:10px; padding-top:7px;}
.slideshow{ width:400px; margin:0 auto;}
.slideshow img{border:1px solid #fff}
#slider, #slider2{border:1px solid #fff; height:148px}
.contenuNouvoPromo{float:left; margin:0 6em 2em; position:relative; width:202px}
.contenuNouvoPromo p{text-align:center; margin-top:5em}
.contenuNouvoPromo li p{width:200px; text-align:center; margin-top:-3.3em; }
#promotions, #nouveautes{position:absolute; width:105px; height:72px; top:-1.5em; left:-1.2em; z-index:10}
#nouveautes{background:url(../images/nouveautes.png) no-repeat;}
#promotions{background:url(../images/promotions.png) no-repeat;}
.cadreLienVehicule{width:200px; height:40px; margin:-3.6em 0 0}

/* Page en construction */
.constrution { margin-top:8em; text-align:center; } /* Réajuster la hauteur du margin si besoin */

/*	Mentions Légales */




/* Colonnes
----------------------------------------------------------*/

.two-cols {
	position: static;
}
.two-cols .col {
	width: 48%;
	margin-left: 1%;
	float: left;
}

.three-cols {
	position: static;
}
.three-cols .col {
	width: 33.3%;
	float: left;
	margin-left: 0%;
}

.four-cols {
	position: static;
}
.four-cols .col {
	width: 24%;
	float: left;
	margin-left: 1%;
}

.clearer {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatLeftEspace {
	float: left;
	padding: 0 1em 1em 0;
}




/* Filtres d'affichages
----------------------------------------------------------*/

#filter-control a {
	background: transparent url(/../common/img/ico/preview.png) no-repeat 0 40%;
	padding-left: 20px;
}

#filters-form {}

#filters-form input {
	color: #000;
	padding: 1px;
}

#filters-form fieldset {
	padding: 0.5em;
	border-width: 1px 0 1px 0;
	margin-bottom: 2em;
}
#filters-form legend {
	padding: 0 0.3em;
}

#filters-form p.field {
	margin: 0.5em 0;
	padding: 0;
}

#filters-form p.field label, #filters-form p.field .fake-label {
	display: block;
}


/* Pagination
----------------------------------------------------------*/

.pagination { display: inline-block; zoom: 1; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* required comment for clearfix to work in Opera \*/
* html .pagination { height:1%; }
.pagination { display:block; }
/* end clearfix */

.pagination {
	border: 0;
	margin: 1em 0;
	padding: 0;
	zoom: 1;
}
.pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 2px;
	display: block;
	float: left;
}

.pagination .active,
.pagination a {
	border: solid 1px #fff;
	color: #fff;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination .active {
	background: #fff;
	color: #000;
}
.pagination a:hover {
	border: solid 1px #ccc;
	color: #ccc;
}