* {
	position: relative;
}

html{
	height: 100%;
	position: relative;
}

body {
	height: 100%;
	position: relative;
	font-family: arial;
	color: #ffffff;
}

h1, h2{
	text-transform: uppercase;
	text-align:center;
	padding:30px 0px 30px 0px;	
}

h1{
	font-weight:bold;
	font-size:230%;
}

h2{
	font-size:150%;
}

label, .form-group{
	width:91%;
	display:block;
	margin-bottom:15px;
	padding:0 5%;
}
.form-group:after {
    display: block;
    clear: both;
    content: "";
}
.form-group label{
	padding:0;
	width: 100%;
}
input, select, textarea{
	width:100%;
	border: 1px solid #dadddc;
	color:#1e2124;
	padding:5px 2px;
	font-size:108%;
}
img{
	max-width:100%;
}

a.disabled {
	color: #c1c1c1 !important;
	pointer-events: none;
	cursor: not-allowed;
}

a:hover{
	cursor:pointer;
}

.Policy h1,
.Policy h2,
.Policy h3,
.Policy h4,
.Policy h5,
.Policy h6 {
	margin: 1.25em 0;
	text-align: left;
	line-height: 1em;
	padding: 0;
}
.Policy .center { text-align: center; }
.Policy strong { font-weight: bold; }
.Policy em { font-style: italic; }
.Policy ol {
	padding-left: 2em;
	margin: initial;
	list-style: lower-alpha;
}
.Policy ul {
	list-style: initial;
	padding-left: 2em;
	margin: initial;
}

.Policy li,
.Policy p { line-height: 1.3em; }

.petit {
    font-size: 10px;
    left: 22px;
    position: absolute;
    top: 24px;
}
#francemap {
    height: 235px;
    width: 100%;
}
.francemapResult {
    height: 100px;
    width: 44%; 
	position: absolute !important;
}
.fiche_infos .francemapResult {
    height: 200px;
    margin-left: 5%;
    width: 95%;
}
.float_right{
	float:right;
}

.float_right .center{
	left:-45px;
}

.center{
	text-align:center;
	display:inherit;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
position:relative;
z-index:2;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}

.form-group{
	color:white;
}

.form-group input{
	width: auto;
	float: left;
	z-index: 80;
}

.row {
    clear: left;
}
.text-right {
    text-align: right;
	display:block;
}
.text-left {
    text-align: left;
}
button#rechercher{	
	margin-right:4%;
	float:right;
	margin-bottom:20px;
}
button{
	background-color:white;
	border:1px solid #1c96bf;
	color:#1c96bf;
	font-size: 17px;
	padding: 5px 10px;
	cursor:pointer;
}

button:hover{
	background-color:#1c96bf;
	color:white;
}

.espace{
	padding:17px 0px;
}

#header a{
	text-decoration:none;
	color:#1c96bf;
	padding-left:5%;
}

#autre_logos a{
	padding-left:0;
}

#header a:hover{
	color:#A5DBFF;
	text-decoration:underline;
}

#main a {
	color: #d0ecff;
	text-decoration: none;
}

#main #trier a:hover {
	color: #3490CE;
	border-bottom: 1px solid #3490CE;
}
#trier .form-group {
    /* margin-top: -20px; */
}
#footer a {
	text-decoration: none;
	color: #d0ecff;
}

#footer a:hover {
	color: #bdc3c7;
	text-decoration: underline;
}

#wrapper{
	font-family: 'LatoRegular', sans-serif;
	/* font-family: Arial, sans-serif; */
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	letter-spacing: 0px;
}


#header{
	position:relative;
}	

.fond_1{
	background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), url(../img/fond_1.png); 
	width: 100%;
	height: 100%;
	position: relative;
	background-attachment: fixed;
	/* padding-bottom: 20px;
	background-size: cover; */
}

.fond_2{
	background: url(../img/piaggio3.jpg) no-repeat 0 0; 
	width:100%;
	height:auto;
	padding:51px 0;
	background-size:cover;
	position:relative;
}

.grey{
	background-color: rgba(28, 35, 43, 0.9);
	border-bottom:5px solid black;
}

#footer{
	background-color:#1e2124;
	color:#494949;
	padding:30px 0px;	
    overflow:hidden;
    width: 100%;
	display:block;
	bottom:0;
	font-size: 14px;
	margin-top:2%;
}	

#logos_footer a {
    display: inline-block;
    vertical-align: middle;
}

.remonter{
	color:#1c96bf;
	position:fixed;
	bottom:30px;
	right:50px;
	font-size:350%;	
	z-index:8;
}

.remonter:hover{
	color:#62c6f8;
}

.content{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.content:after {
    display: block;
    clear: both;
    content: "";
}

#a_droite{
	float:right;
	width:464px;
}
#recherche1, #recherche2, #recherche3 {
    background-color: rgba(28, 35, 43, 0.9);
    padding: 20px;
    width: 1160px;
}

#recherche2 .col-md-3 {
    min-height:50px !important;
}

#recherche1 {
    border-bottom: 5px solid #1e2124;
    color: white;
	min-height:252px;
}

#trier {
	border-bottom: 1px solid #DBDFE0;
	display: inline-block;
	width: 100%;
	padding-bottom: 0.5em;
	text-align: center;
}

#trier span{
	float:left;
	margin-top:1%;
}
#affichage_liste a,
#affichage_vignette a { color: #000000; }
#affichage_vignette a:hover {
	background-color: #b7b7b7;
}

.selection{
	margin: 2px 0;
}

.show{
	display:block;
}

.hide{
	display:none;
}

#affichage_vignette .privilege{
	border:1px solid #ffd300 !important;
}

#affichage_vignette .privilege .aleatoire{
	display:none;
}

#affichage_vignette .privilege .piaggio_privilege{
	margin-left: -20px;
	width: 85%;
}

#affichage_liste .privilege{
	border:1px solid #ffd300 !important;
	background-color:white;
}

#affichage_liste .privilege .piaggio_privilege{
	bottom: 10px;
	position: absolute;
	right: 10px;
	width: 75%;
}

#affichage_vignette .col-md-3,
#affichage_vignette .col-md-2 {
	background-color: #ecf0f1;
	border: 1px solid #438a9f;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.3) inset;
	border-radius: 4px;
}

.tableau{
	width:248.5px;
	height:450px;
	margin-top: 1%;
	margin-bottom:1%;
	padding:18px;
	margin-right:18px;
}

.tableau:nth-child(4n){
	margin-right:0;
}

#affichage_vignette.col-md-3:hover{
	background-color:#bdc3c7;
	color:white;
}
#affichage_vignette .filtre_hover {
    height: 185px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#affichage_vignette a:hover .filtre {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#affichage_vignette a:hover .details {
    display: block;
}

#affichage_liste a{
	margin-bottom:1.8%;
}

#affichage_liste .filtre_hover {
    overflow: hidden;
    position: relative;
	height:auto;
}

#affichage_liste a:hover .filtre {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#affichage_liste a:hover .details {
    display: block;
}

.filtre_hover .details {
    display: none;
}

.filtre{
	z-index:1;
}

.details {
    color: white;
    font-size: 105%;
    font-weight: bold;
    left: 0;
    margin-top: -14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    z-index: 2;
}

#affichage_liste .details{
	font-size: 60%;
	top: 59%;
}

.fa-search-plus{
	color:#3490CE;
	font-size:150%;
}

h3{
	font-size:103%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:4%;
}

.selection .col-md-3 p{
	font-size:90%;
}

.infos{
	margin:5% 0;
}

.infos p{
	float:right;
	clear:both;
	padding-bottom:5%;
}

#affichage_liste a:hover{
	color:white;
	background-color:#b7b7b7
}

#affichage_liste a:hover ul{
	border-left:1px solid white;
}

#affichage_liste a:hover ul:first-child{
	border-left:0px solid white;
}

.en_ligne{
	background-color: #ecf0f1;
    display: inline-flex;
    min-height: 136px;
    width: 100%;
	overflow:hidden;
}

.en_ligne ul:first-child{
	border-left:0px;
}

.en_ligne h3{
	font-size:75%;
	line-height: 160%;
}

.en_ligne ul:nth-child(3){
	font-size: 105%;
    line-height: 150%;
}

.en_ligne ul:nth-child(4) p{
	font-size: 70%;
    left: 46%;
    line-height: 185%;
    top: 20px;
	width:150px;
}

.prix{
	float:right;
	color:#3490CE;
}

.en_ligne .filtre_hover img{
	left: 0;
    position: absolute;
    top: 13px;
	min-width:100%;
}

.en_ligne .col-md-3{
	display: table-cell;
	border-left: 1px solid grey;
	margin:15px;
	padding:10px;
}

.en_ligne .col-md-2{
	display: table-cell;
	border-left: 1px solid grey;
	margin:15px;
	padding:10px;
}

.en_ligne .col-md-2:first-child{
	margin:0px;
}

.en_ligne_img{
	position:absolute;
    width: 38%;
}

.infos img{
	width:44%;
	position:absolute;
}

.infos p:last-child{
	color:#3490CE;
}

.dispo{
	text-align:center;
}

.dispo p{
	margin-top:4%;
}

.gras{
	font-weight:bold;
}

.selecteurs {
    margin-top: -17px;
}
.selecteurs label{
	padding-bottom:18px;
	margin:0;
}

#recherche3 {
    background-color:black;
	min-height:10px;
}

#header_black{
	background-color:#171819;
	height:25px;
}

#header_right{
	float:right;
	color:white;
	font-size:90%;
	display:inline;
	padding-top:5px;
	margin: 0 auto;
}

.header_content {
	clear: both;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	/* font-size: 0; */
}


.header_content p{
	/* width:70%; */
	display:inline-block;
	color:white;
	position:relative;
	top:6px;
}

#logo_principal{
	display: inline-block; 
	/* float: left;
	margin-top:5px;
	width:25%; */
}

#logo_principal img{
	float: left;
}

#autre_logos{ float: right; }
footer#footer #autre_logos{
	float: none;
	clear: both;
	display: block;
	text-align: center;
}

#autre_logos img{
	padding-left: 10px;
	vertical-align: middle;
	max-height: 46px;
}

.triangle-v::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 110px 390px 0 0;
	border-color: rgba(44, 191, 255, 0.20) transparent transparent transparent;
	position: absolute;
    top: 0;
    left: 0;
	content:"";
}

.triangle-h::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 290px 180px 0 0;
	border-color: rgba(44, 191, 255, 0.20) transparent transparent transparent;
	position: absolute;
    top: -55px;
    left:0;
	content:"";
}

.col-md-6.droite{
	top:35px;
}

.liste{
	float:right;
	font-size:120%;
}

.liste span{
	margin-left:10px;
	background-color:#dbdfe0;
	color:#3490CE;
	width:25px;
	line-height:29px;
	padding:0 2px;
	text-align:center;
	height:29px;
}

.liste span:hover{
	background-color:#3490CE;
	color:#dbdfe0;
}

.active{
	color:#3490CE !important;
	border-bottom:1px solid #3490CE;
}

.btn_actif{
	background-color: #3490CE !important;
    color: #dbdfe0 !important;
}
.btn_actif span{
	background-color: #3490CE !important;
    color: #dbdfe0 !important;
}
.pagination a {
    margin-left: 5px;
    font-size: 14px;
}
.droite .ckbox{
	float:right;
	width:100%;
}

#carte {
	font-size: 15px;
	width: 45%;
	padding-right: 3%;
}

.chevron_g{
	color:white;
	left: -80px;
	margin-top: -45px;
	position: absolute;
	top: 50%;
	width: 75px;
	cursor: pointer;
}

.chevron_r{
	color:white;
	position:absolute;
	right: -80px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
	transform: rotate(180deg);
	width:75px;
	cursor:pointer;
}
#slide-wrapper {
    overflow: hidden;
}
#slide{
	width:1200px;
	min-height:282px;
}

#slide img{
	width: 380px;	
	height:auto;
	float: left;
	padding-right:40px;
	cursor: pointer;
}

#slide1{
	width:10000px;
	overflow:hidden;
}
#footer_partager{
	float:right;
	margin-top:-5px;
}
#logos_footer{
	padding:50px 0 0;
	width:100%;
	margin: 0 auto;
	text-align:center;
}
#logos_footer img{
	padding:0px 22px 0px 22px;
}

#footer_partager p{
	display:inline-block;
	font-size:90%;
}

#footer_partager i{
	font-size:109%;
	padding: 0px 2px 0px 2px;
	line-height:28px;
	margin-left:3px;
	text-align:center;
	width:27px;
	color:white;
	height:30px;
}

.centrer {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 50px 0 25px;
    text-align: center;
    text-transform: uppercase;
}

.colonnes{
	overflow:hidden;
	display:table;
	line-height:132%;
}

.f_col:first-child {
    border-left: 1px solid #494949;
}

.f_col {
    display:table-cell;
    width: 218px;
    border-right: 1px solid #494949;
    padding: 10px;
}

.footer_titre{
	font-size:13px; 
	text-transform: uppercase; 
	text-align:center;
	padding:10px 0px 15px 0px;
}

.facebook{
	background-color:#435f9f;
	cursor:pointer;
}

.facebook:hover{
	background-color:#3490CE;
}

.mail{
	background-color:#ffc600;
	cursor:pointer;
}

.mail:hover{
	background-color:#ffd300;
}

.google{
	background-color:#DD4B39;
	cursor:pointer;
}

.google:hover{
	background-color:#ff8371;
}

.twitter{
	background-color:#33CCFF;
	cursor:pointer;
}

.twitter:hover{
	background-color:#60f0f4;
}

.annonces{
	border-bottom: 3px solid #e3e3e3;
    line-height: 40px;
}

.annonces a:hover{
	color:#3490CE !important;
}

#fiche_technique{
	margin:2% 0;
	display:inline-block;
	width:100%;
}

.boutons2{
	clear:both;
	margin-top:15px;
}

#main a.boutons_sous_slide1,
#main a.boutons_sous_slide2,
#main a.boutons_sous_slide3 {
	padding: 10px;
	font-size: 12px;
	color: white;
	border: none;
	display: block;
	text-align: center;
	height: 14px;
}
#main a.boutons_sous_slide1 { background-color :#39bc3c; }
#main a.boutons_sous_slide2 { background-color: #f9f9f9; color: black; }
#main a.boutons_sous_slide3 { background-color: #e04b34; }

.boutons_sous_slide1:hover { background-color:#4ccf4f; }
.boutons_sous_slide2:hover { background-color:#c0c0c0; color:white; }
.boutons_sous_slide3:hover { background-color: #fb664f; }

/* .boutons_sous_slide2 i { font-size:135%; } */

.col-md-6.concessionnaire_infos { left: 45px; }

#fiche_concessionnaire {
	margin-top: 2%;
	display: inline-block;
	width: 100%;
}

#fiche_concessionnaire .img_principale >img{
	outline:none;
	margin-bottom:2.5%;
	width:97%;
}

.img_principale > img{
	outline:4px solid #ffd300;
	margin-bottom:2.5%;
}

.fiche_slide > img{
	max-width:22.25%;
	margin-left:1%;
	float:left;
}

.fiche_slide > i{
	font-size:110%;
}

#fiche_technique .slider i:first-child{
	margin-left:0%;
	position:absolute;
	top:40%;
	left:0;
	cursor:pointer;
	z-index: 10;
}
.fiche_slide {
    overflow: hidden;
}

#fiche_technique .slider i:last-child{
	margin-left:0%;
	position:absolute;
	top:40%;
	cursor:pointer;
	right:0;
	z-index: 10;
}
.col-md-6.slider {
    width: 46%;
}
.fiche_slide img:nth-child(2){
	margin-left:4%;
}

.fiche_infos .col-md-8:nth-child(3){
	clear: both;
	margin: 10% auto;
}

.fiche_infos .col-md-8:nth-child(3)>a{
	border: 1px solid #438a9f;
	padding: 1%;
	display: block;
	margin: 3.5% 0;
	font-size: 105%;
}

.fiche_infos .col-md-8:nth-child(3)>a:hover{
	background-color:#1c96bf;
	color:white !important;
}


.fiche_infos .col-md-8:nth-child(3)> a > i{
	font-size:165%;
}
.bouton_email.fancybox.various > span{
	top:-4px;
}

.fiche_infos .col-md-4 > img{
	left: 10%;
    margin-top: 32%;
    padding-left: 5%;
    top: 15%;
    width: 83%;
}

.fiche_infos .col-md-6:nth-child(2){
	color: #1c96bf;
    font-size: 260%;
    font-weight: bold;
}

.fiche_infos h3{
	font-size:150%;
}


.partager p{
	display:inline-block;
}

.partager i{
	color: white;
    font-size: 109%;
    height: 32px;
    line-height: 33px;
    margin-left: 3px;
    padding: 0 2px;
    text-align: center;
    width: 30px;
}
.fiche_slide img {
    width: 24.5%;
}
.fiche_slide .CLSlide-thumb {
    margin-left: 18px;
}
.img_principale .first, .img_principale img {
    width: 100%;
}
.piaggio_privilege img{
	width:30%;
	margin-top:2%;
	left:-11px;
	padding-left: 45px;
}
.piaggio_privilege > a {
	font-size: 80%;
	left: 37%;
	position: absolute;
	top: 50%;
	color: #1c96bf;
}
.piaggio_privilege a:hover {
	color: #a5dbff !important;
	text-decoration: underline !important;
}

.fiche_tableau {
	width: 100%;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	color: #000000;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.3) inset;
	/* border: 1px solid #438a9f;
	border-radius: 4px; */
}

.fiche_tableau tr td { padding: 0.9%; background-color: #bbccc9; }
.fiche_tableau tr:nth-child(odd) td { background-color: #d5e8e5; }
.fiche_tableau tr:nth-child(n+2) td:nth-child(1) { font-weight: bold; }
.fiche_tableau tr td:nth-child(3) { background-color: #c5d8d5; border-left: 1px solid #c0d0d0; }

.fiche_tableau img.piaggio_privilege {
	display: block;
	width: 130px;
	position: relative;
}
.fiche_tableau img {
	width: 93px;
	position: absolute;
	top: 0;
	left: 0;
}

.fiche_tableau img.piaggio_privilege + .fiche_tableau_piaggio {
	left: 12px;
}

.fiche_tableau_piaggio {
	color: #1c96bf !important;
	font-size: 75%;
	font-weight: normal;
	left: 116px;
}
.fiche_tableau_piaggio:hover {
	color: #a5dbff !important;
	text-decoration: underline !important;
}

.fiche_tableau tr td:nth-child(1) {
	width: 240px;
	vertical-align: middle;
}

/* .fiche_tableau tr td:nth-child(2){
    width: 360px;
	font-weight:bold;
	vertical-align:middle;
} */

.fiche_tableau .fiche_tableau_fusion td:nth-child(3){
	/* border: none; */
	line-height: 30px;
}

.coordonnees{
	display:none;
	line-height:30px;
	padding:1%;
	margin:2% 0;
	height:27px;
}

.col-md-8 .coordonnees{
	font-size:105%;
	padding:1.5%;
	margin:4% 0;
}
.coordonnees i{
	font-size:140%;
}
.telephone i{
	font-size:140%;
}

.telephone{
	display:none;
	line-height:30px;
	padding:1%;
	margin:2% 0;
	height:27px;
}

.col-md-8 .telephone{
	font-size:105%;
	padding:1.5%;
	margin:4% 0;
}

.site_cons{
	display:none;
	line-height:30px;
	padding:1%;
	margin:2% 0;
	height:27px;
}

.plan_acces{
	display:none;
	line-height:30px;
	padding:1%;
	margin:2% 0;
	height:27px;
}

.concessionnaire_infos .col-md-7{
	clear:both;
	margin-top:5%;
}

#fiche_concessionnaire .col-md-12:last-child img{
	height:34px;
	width:auto;
	margin-right:35px;
}

/* .concessionnaire_infos .col-md-7 >a{
	border: 1px solid #e5e5e5;
	display: block;
	height: 27px;
	margin: 2% 0;
	padding: 1%;
} 

.concessionnaire_infos .col-md-7 >a:hover{
	background-color:#1c96bf;
	color:white !important;
}

.concessionnaire_infos .col-md-7 i{
	font-size:140%;
}

.concessionnaire_infos .col-md-4 > img{
	left: 10%;
    margin-top: 32%;
    padding-left: 5%;
    top: 15%;
    width: 70%;
} */

.concessionnaire_infos .col-md-6:nth-child(2):hover{
	color: #3490ce !important;
}

.concessionnaire_infos .col-md-9{
	line-height:20px;
	font-size:90%;
	margin-top:4%;
}

.concessionnaire_infos h3{
	font-size:150%;
}

#email{
	height:auto;
	width:auto;
	display:none;
}

#envoyer_message{
	display:none;
	height:auto;
	width:auto;
}

#email button{
	position:absolute;
	left:35%;
	bottom:-13%;
}

#email form label{
	display: inline-block;
    width: 15%;
    text-align: right;
	margin-bottom:2%;
	padding:0;
	margin-right:1%;
}

#label_message{
	vertical-align:top;
}

#email input, textarea{
	display: inline-block;
    width: 80%;
	max-width:80%;
}
.ckbox input {
    margin-top: 0px;
}
#envoyer_message button{
	margin-top:3%;
}

#envoyer_message legend{
	font-weight:bold;
	margin-bottom:20px;
}

#envoyer_message form label{
	display: inline-block;
    margin-bottom: 2%;
    margin-top: 2%;
    padding: 0;
}

#envoyer_message input, textarea{
	display: inline-block;
    width: 80%;
}

textarea{
	min-height:100px;
}

.etoile{
	color:#1c96bf;
	font-size:70%;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:38px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:38px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:7px;margin-left:3px}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #DDD;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:7px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-container--default .select2-selection--single{background-color:#f0f0f0;border:1px solid rgba(0,0,0,0.1);border-radius:0}.select2-container--default .select2-selection--single:focus{outline:0}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:34px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;right: 5px;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#f0f0f0;border:1px solid rgba(0,0,0,0.1);border-radius:0;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:8px;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice{color:#666;background-color:#fff;border:1px solid #ddd;border-radius:2px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:3px 5px 2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #CCC;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #DDD}.select2-container--default .select2-search--dropdown .select2-search__field:focus{outline:0}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0}.select2-container--default .select2-results > .select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#EEE}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#4a89dc;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}

/* Ajout JMCH 22/11/2016 */
#form { text-align: center; }
#form_contact textarea,
#form_contact input[type="text"], 
#form_contact input[type="email"] { padding: 4px 6px; font-size: 14px; width: 100%; max-width: initial; }

#form_contact .form-group { padding: 0 5px; color: #383838; }

.CLAnnonceNav { display: table; width: 100%; margin: 1em 0; }
.CLAnnonceNav .text-center { text-align: center; }
.CLAnnonceNav .CLCell {
	display: inline-block;
	width: 33%;
	font-size: 18px;
	vertical-align: top;
}

.fiche_coordonnees > a {
	/* background-color: #f9f9f9; */
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(230, 230, 230, 1));
	border-radius: 8px;
	border-color: #438a9f;
	padding: 8px 22px!important;
	box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1) inset;
	margin: 0.25em auto !important;
	color: #34829a !important;
	display: block;
}
.fiche_coordonnees > a:hover {
	color: #000000 !important;
}

.fiche_coordonnees > a .glyphicon,
.fiche_coordonnees > a .fa { vertical-align: middle; font-size: 22px; }

.mentions-legales {
	display: block;
	width: 60%;
	margin: auto;
}
.mentions-legales:after {
	clear: both;
	float: none;
}
.mentions-legales img {
	float: left;
	margin-right: 2em;
	padding: 16px 2em 0 0;
	border-right: 1px solid #c1c1c1;
}
.mentions-legales h3 {
	margin: 0 0 1em 0;
	padding: 0;
}

.triangle-h { z-index: 1; }
.triangle-h:after { z-index: -1; }

footer#footer .share a { font-size: 18px; color: #ffffff; }
footer .share a .fa { padding: 4px; width: 16px; height: 18px; }
footer .content .share { display: inline-block; margin-left: 1em; }

#trier span:first-child {
	display: inline-block;
	float: none;
	clear: both;
	margin-right: 0.5em;
}
#trier .form-group span:nth-child(n+1) { width: 100%; vertical-align: bottom; }
#trier span.fa { margin: 0 !important; }

#trier .form-group {
	display: inline-block;
	width: auto;
	min-width: 1em;
	max-width: 8em;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#trier .form-group .selection { margin: 0; }

.fiche_infos div.piaggio_privilege {
	display: block; 
	width: 100%;
}
.fiche_infos .piaggio_privilege img {
	position: relative;
	display: inline-block;
	width: 160px;
	margin: 0 1em 0 0; padding: 0;
	top: 0; left: 0;
	vertical-align: middle;
}
.fiche_infos .piaggio_privilege a {
	position: relative;
	display: inline-block;
	top: 0; left: 0;
	vertical-align: middle;
}

.ListeMarques {
	text-align: center;
	margin-top: 2em;
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 1em;
}

.footer-links { text-align: center; }

.footer-links h4,
.footer-links h5 {
	font-weight: bold;
	color: white;
	margin: 0.5em auto;
}

.footer-links h4 { text-align: center; margin: 2em 0 0.5em 0; padding: 1em 0 0 0; border-top: 1px solid #c1c1c1; }
.footer-links ul { display: inline-block; margin: 0 auto; vertical-align: top;}
.footer-links ul li { text-align: left; margin: 0 1em; }

.concessionnaire_infos h1 {
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}

.select2-container { color: #000000; }

.show-xs { display: none; }

.mt20 { margin-top: 20px; }

@media (max-width: 768px) {
	.show-xs { display: inherit; }

	header .header_content { height: 56px; overflow: hidden; }

	header .header_content { height: 56px; overflow: hidden; }
	header .expand-button:hover + .header_content,
	header .expand-button:active + .header_content { height: 100%; overflow: hidden; }
	
	header .expand-button:active,
	header .expand-button:hover { top: 309px; transform: rotateZ(180deg); }

	header .expand-button {
		position: absolute;
		display: inline-block;
		font-size: 32px;
		color: #ffffff;
		padding: 0 !important;
		left: 47%;
		top: 64px;
		z-index: 301;
		text-shadow: 0px 0px 6px #000000;
	}

	#header_black,
	#slide,
	.remonter,
	.fond_2,
	.hidden-xs { display: none !important; }

	h1 { font-size: 130%; }

	.pagination,
	.liste,
	.form-group,
	[class*='col'],
	[class*='col-'] {
		float: none;
		display: block;
		width: 100% !important;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
	}
	.liste { margin: 1em 0; }

	.content { width: 100%; }

	#header_right,
	.triangle-v,
	.content,
	.piaggio_privilege,
	.partager {
		display: block;
		max-width: 100%;
		/* margin: 1em auto; */
		clear: both;
		float: none;
		text-align: center;
	}
	.triangle-v:after {
		border-width: 110px 318px 0 0;
	}

	#autre_logos { font-size: 0; }

	#autre_logos a {
		width: 144px;
		height: 44px;
		padding: 0;
		margin: 0 0 12px 0;
		display: inline-block;
	}

	#autre_logos a img {
		display: block;
		max-height: 44px;
		max-width: 144px;
		margin: auto;
		padding: 0;
	}

	#logo_principal { display: block; width: 100%; vertical-align: top; margin-bottom: 1em;}

	#logo_principal img {
		display: inline-block;
		width: 15%;
		margin-right: 3%;
		vertical-align: top;
		float: none;
	}

	#logo_principal p {
		display: inline-block;
		width: 60%;
		text-align: left;
		vertical-align: top;
	}
	#main #form { padding: 0; text-align: center; }
	#main #form .form-group {
		display: inline-block !important;
		max-width: 100%;
		font-size: 12px;
		width: initial !important;
	}
	#form .form-group label { display: none; }
	#form .form-group,
	#form [class*='col'],
	#form [class*='col-'] {
		float: none;
		display: inline-block !important;
		width: 30% !important;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
	}
	#form .select2 .select2-selection { width: 100px; }
	#trier #form span { float: none; margin: 0 2px 0; }

	#affichage_vignette { padding: 4px; }
	#affichage_vignette a { padding: 12px; }

	.content .col-md-6.droite { position: relative; top: 0; }

	.francemapResult {
		display: block;
		margin: 0;
		padding: 0;
		float: none;
		clear: both;
		vertical-align: top;
		float: left;
	}
	.infos p {
		display: inline-block;
		margin: 0 0 0 8em;
		padding: 0;
		vertical-align: top;
		clear: both;
		float: none;
		min-width: 8em;
	}
	.dispo {
		margin-top: 3em;
		display: block;
		clear: both;
		float: none;
	}
	footer#footer > .content > p:first-child {
		display: block !important;
		text-align: center;
		/* margin-bottom : 1em; */
		max-width: 90%;
		margin: 1em auto;
	}
	#footer_partager {
		display: block;
		width: 100%;
		text-align: center;
	}
	#a_droite {
		float: none;
		width: 100%;
		display: block;
	}
	#a_droite .petit {
		font-size: 10px;
		left: 0;
		top: 0;
		position: relative;
	}
	button#rechercher {
		margin-right: 0; 
		float: none;
		margin-top: 20px;
	}
	#recherche3 #a_droite .text-right {
		float: none;
		margin-top: 20px;
	}
	.CLAnnonceNav .CLCell {
		display: table-cell;
		vertical-align: top;
	}
	.CLAnnonceNav .CLCell a {
		font-size: 32px;
		vertical-align: top;
		display: inline-block;
		padding: 0 5px;
	}

	#fiche_technique { margin: 0; padding: 0; }
	.fiche_tableau { width: 100%; }
	.fiche_infos h3 { margin: 1em 0 0 0; }
	.float_right { float: none; }

	.fiche_coordonnees {
		max-width: 95%;
		margin: 1em auto;
	}
	#fiche_technique #francemapResult1 {
		margin: 0 auto;
		float: none;
		position: relative !important;
	}
	.piaggio_privilege { display: block; }
	.piaggio_privilege a,
	.piaggio_privilege img { display: block; position: relative; width: initial; left: 0; }

	.boutons2 { max-width: 80%; margin: 1em auto; }
	.boutons2 a { margin: 1em auto; border: 1px solid #c1c1c1; }

	.col-md-6.concessionnaire_infos { left: 0; }

	.mentions-legales img { padding: 0; border: none; display: block; float: none; margin-bottom: 1em; }

	.selecteurs { margin: 0; }

	footer .content .share { display: block; margin: 1em auto; }
}