/* ----------------------------- */
/*  ==     RESET CSS		     */
/* ----------------------------- */
body{ 
	font-family:Arial, verdana, Helvetica, sans-serif;
	margin:0;
	background:transparent url(../img/bg-img-site.jpg) no-repeat center bottom;
	color:#5b5b5b;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px !important;
	position:relative;
}

html{
	background:#0b0b0b url(../img/bg-site.jpg) repeat left top;
}

img{
	border:none;
	height:auto;
	box-sizing: border-box;
	vertical-align:bottom !important;
}

a{
	text-decoration:none;
}


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	clear:both;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.plr{
	padding:0 10px;
}

.txtvert{
	color:#096733;
}

/* ----------------------------- */
/*  ==     STRUCTURE		     */
/* ----------------------------- */
#top-site{
	color:#393020;
	height:30px;
	width:100%;
}

header{
	background:transparent url(../img/bg-header.png) repeat-x top left;
}

header .content, #main{
	margin:0 auto;
	width:979px;
}

header .content{
	padding:0 10px;
	position:relative;
}

#main{
	padding:10px 10px;
}

#content-diaporama{
	margin-bottom:5px;
}

#left-diaporama{
	float:left;
	overflow:hidden;
	width:603px;
}

#right-diaporama{
	float:left;
	margin-left:5px;
	width:370px;
}

.block-diaporama{
	height:199px;
	position:relative;
}

.block2-diaporama{
	margin-right:5px;
}

.block2-diaporama, .block3-diaporama{
	float:left;
	height:142px;
	margin-top:7px;
	position:relative;
	width:182px;
}

#rside{
	float:left;
	margin-left:28px;
	width:215px;
}

#lside{
	float:left;
	position:relative;
	width:736px;
}

footer{
	margin:0 auto;
	position:relative;
	width:998px;
}

#main{
	background-color:#FFF;
}

#contenu{
	margin:10px 0 20px 0;
}


/* ----------------------------- */
/*  ==     HEADER   		     */
/* ----------------------------- */

#pagelogo{
	float:left;
	height:65px;
	width:406px;
}

#accroche-header{
	background:transparent url(../img/accroche-header.png) no-repeat top left;
	height:56px;
	position:absolute;
	right:0;
	top:5px;
	width:503px;
}

/*  ==     NEWSLETTER
----------------------------- */

#newsletter{
	margin-top:10px;
}

#newsletter label{
	display:block;
	margin:0 0 10px 0;
}

#newsletter input.champs-newsletter{
	background-color:#FFF;
	border:none;
	float:left;
	font-size:10px;
	height:20px;
	width:154px;
}

#newsletter input.b_ok{
	background-color:#189652;
	border:none;
	cursor:pointer;
	color:#FFF;
	float:left;
	margin:0;
	padding:2px 5px;
}


/*  ==     MENU TOP
----------------------------- */
#menu-top{
	float:left;
	margin:10px 0 0 0;
	width:100%;
}

#menu-top ul{
	height:59px;
}

#menu-top li{
	background:transparent url(../img/tiret-menu.jpg) no-repeat right center;
	float:left;
	padding-right:2px;
	text-transform:uppercase;
}

#menu-top li a{
	color:#5b5b5b;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:59px;
	line-height:59px;
	padding:0 55px;
	text-shadow: 1px 1px 1px #FFFFFF;
	transition:all 0.5s linear;
}

#menu-top li a:hover, #menu-top li a:active, #menu-top li a:focus, #menu-top li a.active{
	background-color:#FFF;
	color:#189652;
}

/* ----------------------------- */
/*  ==     DIAPORAMA   		     */
/* ----------------------------- */
#diaporama{
	float:left;
	height:282px;
	position:relative;
	width:719px;
}

#diaporama IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#diaporama IMG.active {
    z-index:10;
    opacity:1.0;
}

#diaporama IMG.last-active {
    z-index:9;
}

/*  ==     CONTENU DIAPORAMA
----------------------------- */
#piano-block1{
	height:135px;
	left:10px;
	position:absolute;
	top:10px;
	width:97px;
}

#metronome-block3{
	height:111px;
	left:20px;
	position:absolute;
	top:20px;
	width:87px;
}

.textleft-block, .textright-block{
	color:#FFF;
	font-family: 'trajanregular';
	position:absolute;
	text-shadow: 1px 2px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=2);
	top:20px;
	z-index:100;
}

.textright-block{
	right:10px;
	text-align:right;
}

.textleft-block{
	left:10px;
	text-align:left;
}

#partenaires{
	background-color:#d5d2d2;
	margin-bottom:10px;
	padding:20px;
}

#partenaires li{
	float:left;
	margin-right:20px;
}

#partenaires li:last-child{
	margin-right:0;
}

/* ----------------------------- */
/*  ==     CONTENU  		     */
/* ----------------------------- */
#lside h1{
	background:transparent url(../img/ico-h1.png) no-repeat left center;
	border-bottom:1px solid #cccccc;
	font-size:14px;
	height:29px;
	line-height:29px;
	margin-bottom:10px;
	padding:0 0 10px 68px;
}

.liste li{
	background:transparent url(../img/puce.png) no-repeat left center;
	float:left;
	margin-bottom:5px;
	padding-left:10px;
	width:200px;
}

#rside h2{
	background-color:#8e8e8e;
	color:#FFF;
	font-size:18px;
	margin-bottom:10px;
	padding:5px 10px;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #6c6b6b;
    filter: dropshadow(color=#6c6b6b, offx=2, offy=2);
}

.accroche{
	background-color:#e5f3dc;
	color:#5b5b5b;
	font-size:16px;
	padding:10px;
}

.partie1 .img{
	border-color:#636363;
	float:left;
	margin-right:10px;
	width:220px;
}

.partie1 .text{
	float:left;
	width:506px;
}


/* ----------------------------- */
/*  ==     RIGHT SIDE 		     */
/* ----------------------------- */

#actualites, #coordonnees, #newsletter{
	background-color:#e7e7e7;
	padding-bottom:10px;
}

#actualites, #service-location{
	margin-bottom:10px;
}

#actualites .img{
	border:1px solid #2d2d2d;
	height:76px;
	margin:0 auto 5px auto;
	width:188px;
}

#actualites .text{
	height:48px;
	margin:0 auto 5px auto;
	overflow:hidden;
	text-align:justify;
	width:188px;
}

#actualites a{
	background: linear-gradient(to bottom, #0c9448 0%,#096b35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9448', endColorstr='#096b35',GradientType=0 ); /* IE6-9 */
	border:1px solid #cfcfcf;
	color:#FFF;
	display:block;
	float:right;
	height:21px;
	line-height:21px;
	margin:0 13px 0 0;
	text-align:center;
	width:87px;
}

#coordonnees p{
	margin:0 auto;
	width:188px
}

#coordonnees a{
	color:#5b5b5b;
	display:block;
}

#coordonnees #horaires a{
	color:#096733;
}

#coordonnees a:hover{
	text-decoration:underline;
}

/* ----------------------------- */
/*  ==     CATALOGUE SERVICE LOC */
/* ----------------------------- */
#service-location a{
	background:transparent url(../img/service-location.jpg) no-repeat 0 0;
	display:block;
	height:46px;
	width:216px;
}

#service-location a:hover, #service-location a:active, #service-location a:focus{
	background-position:0 -46px;

}


/* ----------------------------- */
/*  ==     FOOTER    		     */
/* ----------------------------- */
footer{
	margin:10px auto;
}

footer .block1{
	float:left;
}

footer #menu-footer{
	float:right;
}

footer #menu-footer li{
	float:left;
	margin:0 10px 0 0;
}

footer a, footer{
	color:#dddddd;
}

footer a{
	display:block;
	margin-right:5px;
}

footer .content a:hover, footer .content a:active, footer .content a:focus{
	text-decoration:underline;
}
/*****************Formulaire***************/
#frmContact{
	font-size:12px;
	font-family:arial;
	width:600px;
	margin:0 auto;
}

#left_inputs{
	width:260px;
	float:left;
}

#left_inputs label span{
	width:70px;
	float:left;
}

#left_inputs label input{
	width:160px;
	float:left;
	margin-bottom:5px;
	background:#ffffff;
	border:solid 1px #e0e0e0;
	font-size:12px;
	font-family:arial;
	color:#535456;
}

#left_inputs label textarea{
	width:160px;
	height:37px;
	float:left;
	margin-bottom:5px;
	background:#ffffff;
	border:solid 1px #e0e0e0;
	font-size:12px;
	font-family:arial;
	color:#535456;
}

#right_inputs{
	width:260px;
	float:left;
}

#right_inputs label span{
	width:80px;
	float:left;
}

#right_inputs label input{
	width:160px;
	float:left;
	margin-bottom:5px;
	font-size:12px;
	font-family:arial;
	background:#ffffff;
	border:solid 1px #e0e0e0;
	color:#535456;
}

#mesaj_contact label span{
	width:80px;
	float:left;
}

#mesaj_contact label textarea{
	width:420px;
	float:left;
	margin-bottom:5px;
	font-size:12px;
	font-family:arial;
	background:#ffffff;
	border:solid 1px #e0e0e0;
	color:#535456;
}

#contact_title{
	font-weight: bold;
	text-align:center;
	width:400px;
	margin:0 auto;
	margin-bottom:10px;
}

#capa{
	float:left;
	width:189px;
	margin-left:5px;
	margin-right:5px;
	margin-top:15px;
	background:#ffffff;
	border:solid 1px #e0e0e0;
	color:#535456;
    font-size:12px;
    font-family: Arial;
}

.recherche{
	background:#ffffff;
	border:solid 1px #823096;
   color: #823096;
   font-weight: bold;
   cursor:pointer;
}

.recherche_over{
background:#ffffff;
	color:#823096 !important;
   font-weight: bold;
   cursor:pointer;
   border:none;
}

#img_cpc{border:1px solid #7c7c7c; float:left; margin-top:0px;}


#mandatory_fields{font-weight: bold; font-size:11px; text-align:center;}


div.submit-buttons{clear: both;	text-align: center; padding: 10px 2px;}


.mercidiv{text-align:center; font-weight: bold; margin-top:100px; padding-bottom:150px;}


.ckleft{float:left; margin-right:20px; margin-bottom:5px;}


#ckboxez{margin-bottom:10px; margin-top:10px; float:left;}


.ckc{float:left; padding-bottom:5px; width: 145px;}


.ckc input{margin-top:3px!important;}


.field_special input{
	width:170px;
    float:left;
	margin-bottom:5px;
	border:solid 1px #651fbb;
	font-size:12px;
	font-family:arial;
	background:#d1a9c3;
	color:#ffffff;
}
/*--------------------------------------Actualites--------------------------------*/
.actu_lien{
float:right;
}
.actu_div a{
color:#bd0568;
text-decoration:none;
}
.actu_div a:hover{
color:#bd0568;
text-decoration:underline;
}
.actu_div{
margin-bottom:20px;
}
.actu_pagination a{
color:#bd0568;
text-decoration:none;
}
.actu_pagination a:hover{
color:#bd0568;
text-decoration:underline;
}
.actu_pagination{
margin-bottom:10px;
}
.basebdd1{

display: block; 
float: left;
margin-right:20px;
width:116px;
height:116px;
}
.imgbdd1{


text-align:center;
overflow:hidden;
height:116px;
width:116px;
}
.actutaille{
width:120px;
}

/*-----------------------------------bdd--------------------------------*/
.collone-cat {
	width:200px;
	margin:10px 10px 0px 0px;
	height:230px;
	float:left;
}
#popup {
	width:650px;
}
#popup td {padding:2px 5px;}
.prix {
	color:#bd0568;
	width:50px;
	text-align:right;
	font-weight:bold;
}
.bg {
	background:#eaedf6;
}
/* */
#souscategories {font-size:14px;text-align:center;font-weight:bold;margin-bottom:10px;}
#souscategories a{color:#EE1F65;padding-right:10px;}



.basebdd{
	border:solid 1px #180b00;
	padding:2px;
display: block; 

	width:210x;
	height:120px;
}

.bdd_pagination a{
color:#bd0568;
text-decoration:underline;
}
.bdd_pagination {
text-align:center;
}
.bdd_pagination a:hover{
color:#bd0568;
text-decoration:none;
}
.lien2{
margin-top:5px;
}
.lien2 a{
color:#bd0568;
border:underline;
}
.lien2 a:hover{
color:#bd0568;
border:underline;
}
.p10{
margin-top:10px;
}
.pb15{
margin-bottom:15px;
}


/*************   Développement   *************/
/* Formulaire de contact */
#titreContact
{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

#frmContact
{
	width: 700px;
	text-align: left;
	margin-left: 50px;
}

#all_inputs
{
	width: 700px;
	float: left;
	margin-bottom: 25px;
}

#left_inputs, #center_inputs, #right_inputs
{
	width: 225px;
	float: left;
}

#left_inputs label, #center_inputs label, #right_inputs label
{
	display: block;
	width: 75px;
	float: left;
}

#left_inputs input,#center_inputs input,#center_inputs textarea,#right_inputs input
{
	width: 175px;
	float: left;
	margin-bottom: 2px;
}

#center_inputs textarea
{
	width: 172px;
	float: left;
	margin-bottom: 2px;
}

#check
{
	width: 700px;
	float: left;
	margin-bottom: 20px;
}

.titreCheck
{
	margin-bottom: 5px;
}

.ckc
{
	float: left;
	width: 175px;
}

#mesaj_contact
{
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}

#mesaj_contact label
{
	display: block;
	float: left;
	width: 80px;
}

#div_capatcha
{
	width: 700px;
	margin-bottom: 10px;
}

#div_capatcha label
{
	display: block;
	width: 155px;
	float: left;
	margin-top: 20px;
}

.submit-buttons
{
	width: 700px;
	text-align: center;
	margin-top: 25px;
	float: left;
}


#rechercheEnvoie
{
	background: linear-gradient(to bottom, #0c9448 0%,#096b35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9448', endColorstr='#096b35',GradientType=0 ); /* IE6-9 */
	border:1px solid #cfcfcf;
	color:#FFF;
	height:24px;
	line-height:21px;
	text-align:center;
	width:87px;
	cursor: pointer;
}

#rechercheRetablire
{
	background: linear-gradient(to bottom, #0c9448 0%,#096b35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9448', endColorstr='#096b35',GradientType=0 ); /* IE6-9 */
	border:1px solid #cfcfcf;
	color:#FFF;
	height:24px;
	line-height:21px;
	text-align:center;
	width:87px;
	cursor: pointer;
}
}

#div_capatcha label,#div_capatcha input
{
	
}

/* Fin du formulaire de contact */

/* Actualité */
#baseActu
{
	border:1px solid #2d2d2d;
	height:76px;
	margin:0 auto 5px auto;
	width:188px;
}

#imageActu
{
	width: 188px;
	height: 76px;
	overflow: hidden;
}


/******************************************/
/*             Fiche Normal               */
/******************************************/
a
{
	border: none;
}

.ficheGlobal
{
	width: 726px;
	height: 200px;
	padding:5px;
	position:relative;
	border-bottom: 1px solid #777777;
}

.fiche
{
	width: 726px;
	height: 200px;
	position: absolute;
}

.fiche h2
{

}

.fiche div.ficheContenu
{

}

.baseBdd
{
	width: 150px;
	height: 150px;
	float: left;
	border: 1px solid #777777;
}

.imageBdd
{
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: relative;
}

.ficheContenu a div img
{
	position: absolute;
}


.infos
{
	width: 250px;
	height: 150px;
	float: left;
	margin-left: 25px;
}

.infos p
{
	text-align: right;
	border-bottom: 1px dashed #777777;
}

.infos p span.entete
{
	float: left;
}

.barrer
{
	text-decoration: line-through;
}

.promotion
{
	font-size: 14px;
	font-weight: bold;
	color: red;
}

.imgPromotion
{
	position: relative;
	float: left;
}

.imgVendu
{
	left:0;
	top:0;
	position: absolute;
}

.descVehicule
{
	float: left;
	width: 250px;
	height: 150px;
	margin-left: 25px;
	text-align: justify;
}

.infosPlus
{
	margin-top: 5px;
}

.detailVehicule
{
	float: right;
	color: white;
	text-decoration: none;
	background: linear-gradient(to bottom, #0c9448 0%,#096b35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9448', endColorstr='#096b35',GradientType=0 ); /* IE6-9 */
	border:1px solid #cfcfcf;
	height:23px;
	line-height:21px;
	text-align:center;
	width:87px;
	cursor: pointer;
}

#searchVehicule
{
	width: 750px;
	text-align: center;
}

#searchVehicule label
{
	display: block;
	width: 75px;
	float: left;
}

#searchVehicule select
{
	display: block;
	float: left;
}

#trieVehicule
{
	width: 250px;
	margin-left: 250px;
	margin-top: 15px;
	float: left;
}

#trieVehicule label
{
	display: block;
	width: 75px;
	float: left;
}

#trieVehicule select
{
	display: block;
	float: left;
}

#infosVehicule
{
	width: 300px;
	float: left;
}

#infosVehicule h2
{
	margin-bottom: 15px;
}

#promoTitle
{
	color: #096b35;
	font-size: 16px;
}

#vehiculeImages
{
	width: 350px;
	float: left;
	margin-left: 50px;
}

#infosVehicule p, #vehiculeImages p
{
	text-align: right;
	border-bottom: 1px dashed #777777;
}

.txtLeft
{
	display: block;
	float: left;
}

#basVehicule
{
	width: 750px;
	float: left;
	margin-top: 10px;
}

#infosVehicule p.normal
{
	text-align: left;
	border: 0;
}

#descriptifVehicule
{
	float: left;
}

#descriptifVehicule p
{
	margin-top: 15px;
}

#vehiculeImages p
{
	font-size: 16px;
}

#promoPrix
{
	color: red;
	font-weight: bold;
}

#baseDetail
{
	width: 250px;
	height: 250px;
	padding: 5px;
	border: 1px solid #777777;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 50px;
}

#imageDetail
{
	width: 250px;
	height: 250px;
	overflow: hidden;
}

.baseMiniature
{
	width: 75px;
	height: 75px;
	cursor: pointer;
}

.imageMiniature
{
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.lien-fiche-retour
{
	display: block;
	color: white;
	text-decoration: none;
	background: linear-gradient(to bottom, #0c9448 0%,#096b35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9448', endColorstr='#096b35',GradientType=0 ); /* IE6-9 */
	border:1px solid #cfcfcf;
	height:23px;
	line-height:21px;
	text-align:center;
	width:87px;
	cursor: pointer;
}

.pagination
{
	text-align: center;
	margin-top: 20px;
}

/********** Accessoire *********/
#listeProduit
{
	width: 750px;
}

.ficheProduit
{
	width: 350px;
	height: 200px;
	float: left;
	border: 1px solid #CDCDCD;
	margin-right: 10px;
	padding: 5px;
	background-color: #EFEFEF;
}

.ficheProduitContenu
{
	
}

.descProduit
{
	text-align: justify;
	margin-top: 15px;
}

.infosProduit,.descProduit
{
	margin-left: 5px;
	width: 190px;
	float: left;
}

.infosProduit p
{
	border-bottom: 1px dashed #454545;
	text-align: right;
}

.infosProduit p span.entete
{
	float: left;
}

.infosProduitPlus
{
	margin-top: 10px;
}

#sepa hr{
	border:1px solid #cccccc;
}