@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*:focus {
    outline: none;
}

.recherche a,.recherche a:visited{
font-family: 'Dosis', sans-serif;
color:#888;
text-decoration:none;
}

.recherche a:hover{
color:#bbb;

}

test_font{
font-family: 'Jura', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Arvo', serif;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
#zone_recherche{
display:none;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.reponse_formulaire_erreur{
font-size:14px;
color:#ff0000;
font-weight:normal;
text-align:center;

}
.reponse_formulaire{
display:block;
width:75%;
margin:20px auto 50px auto;
position:relative;
font-weight:normal;
border:1px #999 dotted;
font-weight:bold;
padding:20px;
text-align:center;

}
.reponse_formulaire_ok{
border:2px dotted #33A452;
}
.erreur input{
background-color:#F6CECE;
}
.erreur_message{
display:none;
}
legend{
display:none;
}

.formulaire_spip form{
width:100%;
max-width:700px;
text-align:left;
margin:-20px auto 0 auto;

}

.formulaire_spip  form label{
	display:inline-block;
width:50%;
max-width:400px;
font-size:16px;
font-weight:normal;
}
.formulaire_spip form input{
	display:block;
width:100%;
height:35px;
margin-bottom:10px;
}

textarea{
width:90%;
}

.formulaire_spip form select{
	max-width:250px;
	display:inline-block;
width:45%;
}

.formulaire_spip form input, textarea, select {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
 padding:3px;
 border:1px solid #bbbbbb;
 border-radius:5px;
 box-shadow:1px 1px 2px #cccccc inset;
 width:100%;
 }


.formulaire_spip form fieldset ul li{
	min-height: 35px;
	list-style-type:none;
	margin:2 0 0 0;
	padding:0px;
background:none;
}

.editer{background:none;}


.formulaire_spip form ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.boutons{
display:block;
width:100%;
text-align:center;

}
.boutons input{
position:relative;
margin-top:20px;
margin-left:auto;
margin-right:auto;

}
.submit{
display:block;
width:75%;
min-width:200px;
text-align:center;

}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

#header{
background-image:url(images_plus/background-header-mobile.png);
background-position: top center;
background-attachment:fixed;
background-size:auto;
background-repeat:no-repeat;
background-color:#513731;
height:192px;
width:100%;
}
#bouton_menu_haut{
position:absolute;
right:0;
margin-right:2%;
margin-top:2%;
cursor:pointer;
}
.infos_garage{
	text-align:center;
}

.infos_garage h2{
	font-family: 'Arvo', serif;
	font-size:39.162px;
	color:#E86C25;
	font-weight:400;
	margin:0;
	padding:0;
}
.infos_garage h1{
	font-family: 'Arvo', serif;
	font-size:54.827px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:-25px;
	margin-bottom:-20px;
	padding:0;
}


.infos_garage span.infos_slogan{
display:block;
font-family: 'Dosis', sans-serif;
font-size:18.12px;
margin-top:5px;
font-weight:300;
color:#FFFFFF;
}

.infos_garage span.infos_tel{
display:block;
font-family: 'Arvo', serif;
font-size:31.7px;
font-weight:bold;
color:#E86C25;
margin-top:20px;
}


#menu{
display:none;
	position:absolute;
width:100%;
font-family: 'Jura', sans-serif;
font-size:24px;
font-weight:300;
color:#392827;
vertical-align:top;
z-index:9;
}

#menu ul{
	padding-top:20px;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	margin-top:0;
	width:100%;
	background-color:#fff;
	vertical-align:bottom;
	height:78.8px;
	list-style-type: none;
	z-index:9;
	position:relative;
}
#menu ul li{
	width:100%;
	background-color:#fff;
	height: 30.4px;
	text-align: center;
	vertical-align:bottom;
	display:block;
	text-indent: 0px;
	letter-spacing:-0.01em;
	padding-top:16px;
	padding-bottom:16px;
	z-index:9;
	}
#menu ul li:hover{
cursor:pointer;
color:#e86c24;
}
.menu_select{
color:#e86c24;
font-weight:600;
background-image:url(images_plus/background-menu_over_mobile.png);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}


.distributeurs{
	display:inline-block;
	width:100%;
	max-width:440px;
	height:107.424px;
	background-image:url(images_plus/background-distributeurs.png);
	background-position:left top;
	background-size:contain;
	vertical-align:top;
	text-align:center;
	background-repeat:no-repeat;
	
}

.distributeurs span{
display:block;
width:374px;
background-image:url(images_plus/background-titre_distributeurs.png);
background-repeat:no-repeat;
background-position:center center;
text-align:center;
margin-left:45px;
margin-top:8px;
margin-bottom:8px;
color:#fff;
font-size:20px;
font-family: 'Arvo', serif;
font-weight:bold;
}

.distributeurs img{
	margin-left:10px;
	margin-right:10px;
}



#zone_contenu{
margin-left: auto;
margin-right: auto;
width: 90%;
max-width: 1140px;
padding-left:5%;
padding-right:5%;
}

.zone_interne{
width:100%;

}
#colonne_gauche{
width: 100%;
max-width:670px;
display:block;
vertical-align:top;
margin:0 auto 0 auto;

}
#colonne_gauche p{
max-width:575px;
}
#colonne_gauche_interne{
width: 100%;
max-width:900px;
display:inline-block;
vertical-align:top;
margin:0 auto 0 auto;

}




#colonne_droite{
	width: 100%;
max-width:408px;
display:block;
vertical-align:top;
margin:0 auto 0 auto;
}

#colonne_droite_interne{
	width: 100%;
max-width:120px;
display:block;
vertical-align:top;
margin:0 auto 0 auto;
text-align:center;
}
#col_droite_contact{
width:98%;
max-width:400px;
display:inline-block;
vertical-align:top;
}

#fil_ariane{
margin-top:10px;
font-family: 'Jura', sans-serif;
font-weight:300;
font-size:15px;
color:#C4BFBE;
text-transform:lowercase;
}
#fil_ariane a{color:#919290;text-decoration:none; }
#fil_ariane span{display:inline-block;}
#fil_ariane span:first-letter {text-transform:uppercase;}

#zone_contenu h1{
margin-top:0px;
position:absolute;
display:inline;
font-family: 'Arvo', serif;
font-weight:400;
color:#e86c24;
line-height:35px;

background-repeat:no-repeat;
background-position:right;
padding-right:80px;
padding-left:5px;
}


#zone_contenu h1#h1_accueil{
background-image:url(images_plus/background_h1.png);
margin-top:20px;
font-size:25px;
}

.h1_interne{
margin-top:20px;
display:block;
height:43px;
background-image:url(images_plus/font_h1_interne.png);
max-width:925px;
width:99%;
vertical-align:top;
padding:0;
}
.h1_interne h1{
background-image:url(images_plus/background_h1.png);
font-size:25px;
}

.h1_fiche{

margin-top:20px;
display:inline-block;
min-height:43px;
background-color:#FDF0E7;
max-width:900px;
width:99%;
vertical-align:top;
padding-top:5px;
margin-bottom:10px;
}
.h1_fiche h1{
font-size:25px;
background-color:#FDF0E7;
}
.prix_dispo_vehicule{
font-family: 'Dosis', sans-serif;
}

#zone_contenu p{
font-family: 'Dosis', sans-serif;
font-size:16px;

line-height:19px;	
}

#zone_contenu h2{
font-family: 'Dosis', sans-serif;
font-size:16px;
font-weight:bold;
color:#e86c24;
margin-bottom:0;
}
.texte_contenu ul{
font-family: 'Dosis', sans-serif;
font-size:16px;
font-weight:300;
padding-top:0;
list-style-type:none;
margin-top:0;
padding-top:0;
}

.texte_contenu li{
background-image:url('images_plus/li_contenu_background.png');
background-repeat:no-repeat;
background-position:left 10px;
padding-left:10px;
padding-top:0;
}

.logo_h1{
margin-top:20px;
}
.btn_accueil,.btn_interne{
cursor:pointer;
	display:block;
	width:152px;
	height:39px;
	text-align:center;
	font-family: 'Jura', sans-serif;
	font-size:22px;
	color:#e86c24;
	padding-top:112px;
	margin-top:20px;
	font-weight:600;
	margin-left:auto;
	margin-right:auto;	
	
}
#btn_services{
	background-image:url(images_plus/btn_services.png);
	background-size:contain;
	background-repeat:no-repeat;
	letter-spacing:-0.01em;	
}
#btn_vehicules{
	background-image:url(images_plus/btn_vehicules.png);
	background-size:contain;
	background-repeat:no-repeat;
	letter-spacing:-0.01em;	
}
#btn_motoculture{
	letter-spacing:-0.05em;
	background-image:url(images_plus/btn_motoculture.png);
	background-repeat:no-repeat;
	background-size:contain;
	
}

#btn_actualites{
margin-top:70px;
	letter-spacing:-0.05em;
	background-image:url(images_plus/btn_actualites.png);
	background-repeat:no-repeat;
	background-size:contain;
	
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
#cadre_actualites{
position:relative;	
}

#cadre_actualites{
margin-top:40px;
background-color:#EBEAE9;
height:450px;
}

#cadre_actualites h1{
background-image:url(images_plus/background_h1.png);
font-size:25px;
z-index:9999;
margin-top:0px;	
}
.distributeur_mobile{
margin: 0 auto 0 auto;
text-align:center;
}


h3.spip{
font-family: 'Dosis', sans-serif;
text-align:center;
font-size:20px;
line-height:22px;
margin-bottom:15px;
margin-top:35px;
color:#444;
}
table.spip{
width:95%;
max-width:500px;
font-family: 'Dosis', sans-serif;
font-size:15px;
border:1px solid #bbb;
}



table.spip th{
border:1px solid #bbb;
background-color:#eee;
text-align:left;
}
#footer{
	margin-top:60px;
	padding-top:40px;
width:100%;
padding-bottom:20px;
background-image:url(images_plus/background-footer.png);
background-position:center top;
}

#footer h1,#footer .infos_slogan{
color:#615353;
}

#contact_footer{
margin-top:0;
color:#E85F25;
font-family: 'Arvo', serif;
font-weight:400;
font-size:20px;
line-height:25px;
}

#sub_footer{
	margin-top:10px;
	margin-bottom:10px;
text-align:center;
font-family: 'Jura', sans-serif;
font-weight:600;
font-size:18px;
}

#sub_footer a,#sub_footer a:visited{
font-family: 'Jura', sans-serif;
font-size:16px;
text-decoration:none;
color:#000;
}

.ico_diapo{
	display:none;
	position:absolute;
cursor:pointer;
margin:2px;
width:10px;
height:7px;
background-image:url(images_plus/ico_diapo_noactive.png);
z-index:9999;
background-repeat:no-repeat;

}
#ico_diapo1{top:210px;left:40%;}
#ico_diapo2{top:210px;left:45%;}
#ico_diapo3{top:210px;left:50%;}
#ico_diapo4{top:210px;left:55%;}

#schema_voiture{
position:relative;
left:0px;
width:300px;
height:650px;
background-image:url('images_plus/services_voiture_mobile.png');
background-repeat:no-repeat;
background-position:center center;
margin-bottom:20px;
display:block;
margin:0 auto 0 auto;
}
#schema_voiture a,#schema_voiture a:hover,#schema_voiture a:visited{
color:#000;
text-decoration:none;
}

#schema_voiture div{
width:100px;
height:30px;
text-align:center;
font-family: 'Dosis', sans-serif;
font-size:16px;
font-weight:200;
background-repeat:no-repeat;
background-position:center 10px;
line-height:17px;
margin:2px;
position:absolute;
cursor:pointer;
background-color:#fff;
}

#serv_1{background-image:url('images_plus/ico_1.png');left:-25px;top:45px;padding-top:70px;z-index:3;}
#serv_2{background-image:url('images_plus/ico_2.png');left:35px;top:130px;padding-top:78px;}
#serv_3{background-image:url('images_plus/ico_3.png');left:150px;top:140px;padding-top:70px;}
#serv_4{background-image:url('images_plus/ico_4.png');left:220px;top:40px;padding-top:70px;}
#serv_5{background-image:url('images_plus/ico_5.png');left:155px;top:-30px;padding-top:40px;}
#serv_6{background-image:url('images_plus/ico_6.png');left:150px;top:580px;padding-top:65px;}
#serv_7{background-image:url('images_plus/ico_7.png');left:220px;top:480px;padding-top:65px;}
#serv_8{background-image:url('images_plus/ico_8.png');left:155px;top:390px;padding-top:65px;}
#serv_9{background-image:url('images_plus/ico_9.png');left:100px;top:480px;padding-top:65px;}
#serv_10{background-image:url('images_plus/ico_10.png');left:35px;top:400px;padding-top:53px;}
#serv_11{background-image:url('images_plus/ico_11.png');left:-25px;top:480px;padding-top:65px;}
#serv_12{background-image:url('images_plus/ico_12.png');left:35px;top:580px;padding-top:52px;}
#serv_13{background-image:url('images_plus/ico_13.png');left:35px;top:-50px;padding-top:65px;}

/* CSS DIAPORAMA */
#pikame li div h4{
padding-top:0px;
font-family: 'Jura', sans-serif;
font-weight:600;
color:#e86c24;
font-size:20px;
margin-bottom:18px;
}

#pikame li div{
margin-left:-20px;
padding-right:20px;
font-family: 'Dosis', sans-serif;
font-size:16px;
line-height:19px;

}

#pikame li span p{
margin-top:-5px;
padding:0;

}
.pika-thumbs li{
	position: absolute;
	top: 0;
	list-style-type: none;
}
.pika-thumbs li:not(.active) h4,.pika-thumbs li:not(.active) span,.pika-textnav,.pika-counter{
display:none;
}

.pika-thumbs li.active .ico_diapo{
background-image:url(images_plus/ico_diapo_active.png);
}

.pika-stage .caption{visibility:hidden;}
	.clip img{visibility:hidden;}
.pika-stage {width:100%;max-width:408px;height: 324px;}

.pika-stage .caption {width:90%;max-width:400px;height:80px;position: absolute; background-image:url(diapo_actu/background_txt.png);  border: 0px solid #141414; font-size: 16px;line-height: 16px;color: #000; padding: 5%; text-align: left; bottom: 50px; left: 0px;}
.pika-stage .caption:hover{cursor:pointer;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
	.pika-stage .caption b{font-size:18px;color:#981914;line-height:20px;}
	.pika-stage .caption br{margin-bottom:20px;}
	.pika-stage .caption red{color:#981914;}
	.pika-stage .caption a:visited,.pika-stage .caption a:hover,.pika-stage .caption a{text-decoration:none;color:#000;} 



.no_mobile_tablet_inline{
	display:none;
}
	
	
		





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 781px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#header{
background-image:url(images_plus/background-header.png);
background-position: top center;
background-attachment:fixed;

height:300px;
width:100%;
}
.infos_garage h2{font-size:61.735px;}
	
.infos_garage h1{
	font-size:86.429px;
	margin-top:-40px;
}
.infos_garage span.infos_slogan{
font-size:27px;
margin:0;
}

.infos_garage span.infos_tel{
font-size:50px;
margin-top:35px;
}


#bouton_menu_haut{
display:none;	
}

#menu_distributeurs{
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1280px;
}

#colonne_gauche_interne{
padding-left:20px;
}
#col_droite_contact{
margin-left:60px;
}
#menu{
	position:relative;
height:78.8px;
width:710px;
font-family: 'Jura', sans-serif;
font-size:19px;
font-weight:300;
color:#392827;
display:inline-block;
vertical-align:top;
margin-left:60px;
z-index:9;
background-color:transparent;

}

#menu ul{
		padding-top:0px;
	padding-left:35px;
	vertical-align:bottom;
	margin:2px;
	height:78.8px;
	list-style-type: none;
	z-index:9;
	position:relative;
	background-color:transparent;
}
#menu ul li{
	width:auto;
	display:inline-block;
	padding-right:30px;
	margin-left:-5px;
	height: 30.4px;
	text-align: center;
	vertical-align:bottom;
	text-indent: 0px;
	letter-spacing:-0.01em;
	padding-top:48.4px;
	z-index:9;
	background-color:transparent;
	}
#menu ul li:hover{
cursor:pointer;
color:#e86c24;
}
.menu_select{
color:#e86c24;
font-weight:600;
background:none;
}
#ligne_menu{
	position:absolute;
z-index:1;
width:670px;
height:9px;	
background-image:url(images_plus/ligne_menu.png);
margin-top:74px;
margin-left:32px;
}
#background_menu_select{
width:126px;
height:80px;
background-image:url(images_plus/background-menu_over.png);
background-size:cover;
position:absolute;
z-index:2;
margin-left:12px;
}

#schema_voiture{
position:relative;

width:730px;
height:500px;
background-image:url('images_plus/services_voiture_bureau.png');
background-repeat:no-repeat;
background-position:center center;

}
#schema_voiture div{
width:130px;
height:30px;
text-align:center;
font-family: 'Dosis', sans-serif;
font-size:16px;
font-weight:200;
background-repeat:no-repeat;
background-position:center 10px;
line-height:17px;
position:absolute;
cursor:pointer;
background-color:inherit;
}
#serv_1{background-image:url('images_plus/ico_1.png');left:65px;top:50px;padding-top:70px;}
#serv_2{background-image:url('images_plus/ico_2.png');left:215px;top:0px;padding-top:78px;}
#serv_3{background-image:url('images_plus/ico_3.png');left:365px;top:0px;padding-top:70px;}
#serv_4{background-image:url('images_plus/ico_4.png');left:525px;top:50px;padding-top:70px;}
#serv_5{background-image:url('images_plus/ico_5.png');left:600px;top:170px;padding-top:40px;}
#serv_6{background-image:url('images_plus/ico_6.png');left:600px;top:270px;padding-top:65px;}
#serv_7{background-image:url('images_plus/ico_7.png');left:520px;top:380px;padding-top:65px;}
#serv_8{background-image:url('images_plus/ico_8.png');left:360px;top:380px;padding-top:65px;}
#serv_9{background-image:url('images_plus/ico_9.png');left:288px;top:305px;padding-top:65px;}
#serv_10{background-image:url('images_plus/ico_10.png');left:220px;top:395px;padding-top:53px;}
#serv_11{background-image:url('images_plus/ico_11.png');left:60px;top:385px;padding-top:65px;}
#serv_12{background-image:url('images_plus/ico_12.png');left:10px;top:270px;padding-top:52px;}
#serv_13{background-image:url('images_plus/ico_13.png');left:-5px;top:160px;padding-top:65px;}


#fil_ariane{
padding-top:10px;
}


.btn_accueil{

	width:119px;
	height:33px;
	display:inline-block;
	padding-top:85px;
	font-size:17.8px;
	}

.btn_interne{
margin-left:70px;
	width:119px;
	height:33px;
	padding-top:85px;
	font-size:17.8px;
	
}
	
	#btn_services{
	margin-right:20px;
}
#btn_vehicules{
	margin-right:20px;
}
.ico_diapo{
		display:block;
}
#ico_diapo1{top:300px;left:150px;}
#ico_diapo2{top:300px;left:165px;}
#ico_diapo3{top:300px;left:180px;}
#ico_diapo4{top:300px;left:195px;}
.zeroMargin_tablet {
    margin-left: 0;
}
.no_tablet {
    display: none;
}



}
@media only screen and (min-width: 1130px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}



#colonne_gauche{
padding-right:0;
padding-left:30px;
display:inline-block;
}

#colonne_droite{
	width: 100%;
max-width:408px;
display:inline-block;
vertical-align:top;
}

#zone_contenu{
padding-left:0;
padding-right:0;
width:100%;
}


#colonne_droite_interne{

display:inline-block;

}


.no_mobile_tablet_inline{
display:none;	
}

.zeroMargin_desktop {
    margin-left: 0;
}
.no_desktop {
    display: none;
}

}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1230px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#zone_recherche{
display:block;
}
#fil_ariane{
margin-top:-20px;

}
.no_mobile_tablet_inline{
display:none;	
}

.zeroMargin_desktop {
    margin-left: 0;
}
.no_desktop {
    display: none;
}
.no_mobile_tablet_inline{
	display:inline-block;
}
}