html{margin: 0; padding: 0;}

body{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-interpolation-mode: nearest-neighbor;
	text-rendering: optimizeLegibility;
	color: #39445c !important;
}

*, ::after, ::before{box-sizing: inherit !important;}

h1{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 40px;
	line-height: 44px;
	font-weight: 700;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h3{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h4{
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

a{color:#39445c; text-decoration: none; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms;}

a:hover,
a:focus{color:#39445c; text-decoration: none; outline: none; cursor: pointer;}



/* ------------------ */
/* ----  Header  ---- */
/* ------------------ */


header{
	background: rgb(216,218,220);
	background: -moz-linear-gradient(top,  rgba(216,218,220,1) 0%, rgba(255,255,255,1) 50%, rgba(216,218,220,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(216,218,220,1) 0%,rgba(255,255,255,1) 50%,rgba(216,218,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(216,218,220,1) 0%,rgba(255,255,255,1) 50%,rgba(216,218,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dadc', endColorstr='#d8dadc',GradientType=0 );
	padding: 20px;
	min-height: 120px;
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #35ff1f;
	transition: all 300ms ease;
}

#header-concessionnaire.sticky-active{padding: 8px 20px; min-height: 54px;}

#nav-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.logo-header a{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	color: #090e19;
	transition: all 300ms ease;
}

.logo-header a:hover,
.logo-header a:focus{color: #090e19; text-decoration: none;}

.logo-header img{max-width: 250px; transition: all 300ms ease;}
#header-concessionnaire.sticky-active .logo-header img{max-width: 210px;}

.logo-header .baseline-logo{
	padding: 0 0 2px 0;
	margin-left: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #090e19;
	transition: all 300ms ease;
}

.nb-annonces-header{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
}

.nb-annonces-header span{display: flex; flex-direction: column; align-items: center; transition: all 300ms ease;}

#header-concessionnaire.sticky-active .logo-header .baseline-logo,
#header-concessionnaire.sticky-active .nb-annonces-header span{display: none;}

.nb-annonces-header nav{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #090E19;
	transition: all 300ms ease;
}
#header-concessionnaire.sticky-active .nb-annonces-header nav{margin-top: 0;}

.nb-annonces-header nav a{
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 8px 3px;
    color: #090E19;
    line-height: 16px;
    text-decoration: none;
    transition: all 300ms ease;
}

/* .nb-annonces-header nav a:first-child, */
.nb-annonces-header nav a.nav-active,
.nb-annonces-header nav a:hover,
.nb-annonces-header nav a:focus {
    background-color: #2BCF19;
    color: #FFF;
    font-weight: 700;
}

.nb-annonces-header strong{font-size: 28px; line-height: 32px; font-weight: 800; color: #090e19;}

.login-user{
	border: 1px solid #9fa9bf;
	box-shadow: 1px 1px 0 #FFFFFF inset;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-width: 110px;
	min-height: 100px;
	font-size: 12px;
	text-transform: uppercase;
	color:#39445c;
	text-decoration: none;
	font-weight: 700;
	transition: all 300ms ease;
}

.login-user:hover,
.login-user:focus{
	background-color: #2bcf19;
	color:#FFF;
	text-decoration: none;
	box-shadow: 1px 1px 0 #2bcf19 inset;
	border: 1px solid #FFF;
}

.login-user span{
	display: block;
	margin: 4px 0 8px;
	font-size: 41px;
	color:#090e19;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
.login-user:hover span{color:#FFF; }

#header-concessionnaire.sticky-active .login-user{
	flex-direction: row;
	gap: 10px;
	min-height: auto;
	border: none;
  	box-shadow: none;
	font-size: 12px;
}
#header-concessionnaire.sticky-active .login-user span{margin: 0; font-size: 30px;}


#back-top {
	position: fixed;
	bottom: 20px;
	right: 15px;
	overflow: hidden;
	z-index: 10;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	outline: none;
	border-bottom: none;
}
#back-top a:hover{color: #000;}

#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: rgba(82,97,108,0.5) url(/img/up-arrow.png) no-repeat center center;
	background-size: 35%;
	border-radius: 5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span{background-color: #2bcf19;}


/* ------------------ */
/* ----  Footer  ---- */
/* ------------------ */


footer{
	background-color: #090e19;
	border-top: 1px solid #35ff1f;
	color:#c9d0de;
	font-size: 15px;
	text-align: center;
	padding: 45px 20px;
}

footer a{color:#c9d0de; text-decoration: none;}

.nav-footer{
	max-width: 1200px;
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #595959;
	text-align: justify;
	color:#77839e;
	line-height: 20px;
}

.nav-footer strong{color:#c9d0de; font-weight: 600;}

.nav-footer a{text-decoration: none; color:#77839e;}

footer a:hover,
footer a:focus,
.nav-footer a:hover,
.nav-footer a:focus{color: #2bcf19; text-decoration: none;}


/* --------------------- */
/* ----  Home page  ---- */
/* --------------------- */

.banner-home{background: url(/img/background-home.jpg) no-repeat center bottom; background-size: cover; padding: 60px 20px;}

.content-banner{
	display: flex;
	align-items: stretch;
	background-color: #FFF;
	max-width: 1200px;
	margin: 0 auto;
	border-radius: 6px 5px 5px 6px;
}

.col-left-home-banner{
	background-color: #39445c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 42%;
	padding: 50px;
	border-radius: 5px 0 0 5px;
	color:#ebeef5;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}

.col-left-home-banner p strong{display: block; font-size: 15px; color:#35ff1f; font-weight: 700;}

.col-right-home-banner{width: 47%; display: flex; align-items: center; padding: 30px 20px;}

.content-search{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	max-width: 490px;
	margin: 0 auto;
}

.content-search .input-search{
	border-radius: 5px;
	background-color: #f5f7fa;
	border: 1px solid #dde2ed;
	width: 71%;
	position: relative;
	margin-bottom: 15px;
}

.content-search .input-search::before{
	position: absolute;
	content: "\e91b";
	top: 8px;
	left: 15px;
	width: 17px;
	height: 23px;
	font-size: 16px;
	color: #39445c;
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.content-search #Recherche{
	width: 83%;
	display: flex;
	align-items: center;
	border-radius: 5px;
	background-color: transparent;
	border: none;
	height: 22px;
	padding: 8px 15px 8px 44px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}

#Recherche::placeholder{color: #9fa9bf; opacity: 1;}
#Recherche:-ms-input-placeholder{color: #9fa9bf;}
#Recherche::-ms-input-placeholder{color: #9fa9bf;}

.content-search .control-label{font-size: 13px; color:#9fa9bf; margin-bottom: 3px;}

.content-search .form-group{width: 43%;}

.content-search .more-options{
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.more-options .row{justify-content: space-between; align-items: center; width: 100%;}

.more-options .par-marque{max-width: 160px;}
.more-options .cylindree{max-width: 100px;}
.more-options .permisa2{max-width: 80px;}

.more-options .budget,
.more-options .annee{max-width: 110px;}

.more-options .budget .select-selected,
.more-options .annee .select-selected{padding: 8px; font-size: 13px;}

.more-options .budget .select-selected::after,
.more-options .annee .select-selected::after{top: 17px; right: 4px; width: 14px; font-size: 6px;}

.more-options .budget .select-selected.select-arrow-active::after,
.more-options .annee .select-selected.select-arrow-active::after{top: 16px;}

.content-search .more-options.active-show-more-options{opacity: 1; height: auto; visibility: visible;}

.content-search .nav-search{width: 100%; margin-top: 10px; display: flex; justify-content: space-between; align-items: center;}

.reset-search{width: 114px;}

.nav-search #show-more-options,
.reset-search .CLbtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	background-color: #f5f7fa;
	border: 1px solid #dde2ed;
	line-height: 14px;
	font-weight: 600;
	color: #39445c;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.nav-search #show-more-options{width: 37%; height: 40px; padding: 0 10px 0 16px; font-size: 14px;}
.reset-search .CLbtn{ height: 38px; padding: 0 10px 0 12px; font-size: 12px;}

.nav-search #show-more-options:hover{background-color:#2bcf19; border: 1px solid #2bcf19; color:#FFF; text-decoration: none;}
.reset-search .CLbtn:hover{background-color:#ff6600; border: 1px solid #ff6600; color:#FFF; text-decoration: none;}

.nav-search #show-more-options span{color: #2bcf19; font-size: 26px;}
.nav-search #show-more-options:hover span{color:#FFF;}

.reset-search .CLbtn span{color: #ff6600; font-size: 18px; display: block; margin-left: 5px;}
.reset-search .CLbtn:hover span{color:#FFF;}

.nav-search div{width: 100%; display: flex; justify-content: space-between; align-items: center;}

.nav-search .active-txt-less-options .txt-more,
.nav-search .CLbtn .txt-less{display: none;}
.nav-search .active-txt-less-options .txt-less{display: flex;}

.nav-search #searchButton{
	background-color:#2bcf19;
	display: flex;
	justify-content: center;
	align-items: center;
	border:none;
	width: 40%;
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.nav-search #searchButton:hover{background-color:#39445c; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}

.title-home{
	position: relative;
	width: 100%;
	font-size: 30px;
	text-align: center;
	color :#1d2840;
	font-weight: 700;
}

.title-home::before{
	background-color: #1d2840;
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	z-index: 1;
}

.title-home span{
	display: inline-block;
	padding: 0 18px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
}

.content-marques-depts,
.liste-annonces,
.content-actus{max-width: 1200px; padding: 0 20px; margin: 0 auto;}

.content-models{background-color: #ebeef5; border-bottom: 1px solid #dde2ed; padding: 55px 20px 45px; margin-bottom: 75px;}
.content-models h1 span{background-color: #ebeef5;}

.items-home-models{max-width: 1200px; margin: 0 auto; position: relative;}

.items-home-models h1{margin-bottom: 30px;}

.items-home-models .owl-stage{display: flex; align-items: flex-end;}

.items-home-models .item a{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	padding: 20px 0;
	font-size: 15px;
	line-height: 16px;
	font-weight: 600;
	color: #77839e;
	text-align: center;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.items-home-models .item a:hover,
.items-home-models .item a:hover span{text-decoration: none; color: #2bcf19;}

.items-home-models .item a::before{
	content: "";
	background-color: #FFF;
	border-radius: 5px;
	position: absolute;
	bottom: 4px;
	z-index: -1;
	width: 94px;
	height: 140px;
	opacity: 0;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.items-home-models .item a:hover::before{opacity: 1;}

.items-home-models .item a span{
	display: block;
	color:#1d2840;
	margin-bottom: 18px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.items-home-models .icon-Routiere{font-size: 77px;}
.items-home-models .icon-Sportive{font-size: 62px;}
.items-home-models .icon-Roadster{font-size: 69px;}
.items-home-models .icon-Trail{font-size: 70px;}
.items-home-models .icon-Custom{font-size: 54px;}
.items-home-models .icon-Collection{font-size: 54px;}
.items-home-models .icon-Cross{font-size: 64px;}
.items-home-models .icon-Scooter{font-size: 65px;}
.items-home-models .icon-Quad{font-size: 64px;}
.items-home-models .icon-SideCar{font-size: 59px;}
.items-home-models .icon-MotoNeige{font-size: 56px;}

.items-home-models .owl-theme .owl-nav{position: absolute; z-index: 4; width: 100%; margin-top: 0; top: 30%;}

.items-home-models .owl-theme .owl-nav .owl-prev,
.items-home-models .owl-theme .owl-nav .owl-next{
	position: absolute;
	margin: 0;
	width: 20px;
	height: 60px;
	color: #2bcf19;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
.items-home-models .owl-theme .owl-nav .owl-prev{left: -60px;}
.items-home-models .owl-theme .owl-nav .owl-next{right: -60px;}

.items-home-models .owl-theme .owl-nav .owl-prev:before{
	content: "\e906";
	font-family: 'icomoon' !important;
	font-size: 58px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.items-home-models .owl-theme .owl-nav .owl-next:before{
	content: "\e907";
	font-family: 'icomoon' !important;
	font-size: 58px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.items-home-models .owl-theme .owl-nav .owl-prev:hover,
.items-home-models .owl-theme .owl-nav .owl-next:hover{background-color: transparent; color:#1d2840;}

.items-home-models .owl-prev span,
.items-home-models .owl-next span{display: none;}

.items-home-models .owl-dots{display: none; margin-top: 10px;}

.content-marques-depts{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 75px;}

.items-home-marques{max-width: 660px;}

.items-home-marques h2{margin-bottom: 40px;}

.items-home-marques .owl-item .item{display: flex; justify-content: space-between; flex-wrap: wrap;}

.items-home-marques .owl-item a{
	display: block;
	width: 204px;
	height: 90px;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
}

.owl-logo .owl-item .logo-marque,
.owl-logo .owl-item .logo-marque-active{
	position: absolute;
	max-width: 204px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.owl-logo .owl-item .logo-marque{top: 0;}
.owl-logo .owl-item .logo-marque-active{bottom: -90px;}

.items-home-marques .owl-item a:hover .logo-marque{top: -90px}
.items-home-marques .owl-item a:hover .logo-marque-active{bottom: 0;}

.items-home-marques .owl-dots,
.items-home-depts .owl-dots,
.items-home-marques .owl-nav .owl-prev span,
.items-home-marques .owl-nav .owl-next span,
.items-home-depts .owl-nav .owl-prev span,
.items-home-depts .owl-nav .owl-next span{display: none;}

.items-home-marques .owl-theme .owl-nav .owl-prev,
.items-home-marques .owl-theme .owl-nav .owl-next,
.items-home-depts .owl-theme .owl-nav .owl-prev,
.items-home-depts .owl-theme .owl-nav .owl-next{
	-webkit-transition: all 400ms;
	transition: all 400ms;
	color:#2bcf19;
	margin: 5px 8px;
}

.items-home-marques .owl-theme .owl-nav .owl-prev:hover,
.items-home-marques .owl-theme .owl-nav .owl-next:hover,
.items-home-depts .owl-theme .owl-nav .owl-prev:hover,
.items-home-depts .owl-theme .owl-nav .owl-next:hover{background-color: transparent; color:#1d2840;}

.items-home-marques .owl-theme .owl-nav .owl-prev:before,
.items-home-depts .owl-theme .owl-nav .owl-prev:before{
	content: "\e901";
	font-family: 'icomoon' !important;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.items-home-marques .owl-theme .owl-nav .owl-next:before,
.items-home-depts .owl-theme .owl-nav .owl-next:before{
	content: "\e902";
	font-family: 'icomoon' !important;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.items-home-depts{
	background-color: #ebeef5;
	border: 1px solid #dde2ed;
	border-radius: 5px;
	max-width: 328px;
	padding: 38px 40px 18px;
	text-align: center;
}

.items-home-depts h3{margin-bottom: 34px; font-size: 18px; line-height: 20px; color: #1d2840; font-weight: 400;}
.items-home-depts h3 strong{font-size: 20px; font-weight: 800;}

.owl-depts .item{display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}

.owl-depts .item a{
	background-color: #77839e;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	width: 42px;
	height: 42px;
	margin: 10px;
	border-radius: 5px;
	color: #FFF;
	text-decoration: none;
}

.owl-depts .item a:hover{background-color: #2bcf19; text-decoration: none;}

.CLAnnonceFiltre{display: flex; justify-content: space-between; align-items: center;}

.CLAnnonceFiltre .content-filter{display: flex; justify-content: flex-start; align-items: center;}

.modif-criteres{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #77839e;
	cursor: pointer;
	height: 40px;
	margin-right: 25px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	border-radius: 5px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.modif-criteres:hover{background-color: #39445c;}

.content-search .custom-select2{position: relative; width: auto;}

.CLAnnonceFiltre .custom-select2{position: relative; width: 170px; margin-right: 25px;}
.CLAnnonceFiltre .custom-select2.select-order{width: 180px;}

.content-search .custom-select2 select,
.CLAnnonceFiltre .custom-select2 select{display: none;}

.content-search .select-selected,
.CLAnnonceFiltre .select-selected{
	display: flex;
	align-items: center;
	border-radius: 5px;
	background-color: #f5f7fa;
	border: 1px solid #dde2ed;
	height: 22px;
}

.content-search .select-selected:after,
.CLAnnonceFiltre .select-selected:after{
	position: absolute;
	content: "\e900";
	top: 16px;
	right: 12px;
	width: 14px;
	height: 10px;
	font-size: 8px;
	color: #39445c;
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.content-search .select-selected.select-arrow-active:after,
.CLAnnonceFiltre .select-selected.select-arrow-active:after{
	content: "\e905";
	top: 14px;
}

.content-search .select-items div,
.content-search .select-selected,
.CLAnnonceFiltre .select-items div,
.CLAnnonceFiltre .select-selected{
	color: #39445c;
	padding: 8px 16px;
	cursor: pointer;
	user-select: none;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.content-search .select-items,
.CLAnnonceFiltre .select-items{
	position: absolute;
	background-color: #fff;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	max-height: 200px;
	overflow: scroll;
}

.content-search .select-hide,
.CLAnnonceFiltre .select-hide{display: none;}

.content-search .select-items div:hover,
.CLAnnonceFiltre .select-items div:hover,
.same-as-selected{background-color: #2bcf19; color:#FFF;}

.type-affichage .CLbtn{
	display: inline-block;
	color:#39445c;
	font-size: 19px;
	margin-right: 20px;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
.type-affichage .CLbtn.active{color:#2bcf19;}
.type-affichage .CLbtn:hover{text-decoration: none; color:#2bcf19;}

.CLPagintation{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}

.CLPagintation.bottom-pager{width: 100%; justify-content: center; margin-top: 30px; margin-bottom: 45px !important;}

.titre-pager{margin-right: 12px;}

.CLPagintation .page-active,
.CLPagintation a:hover{background-color: #2bcf19; color:#FFF; text-decoration: none;}

.CLPagintation .page-active,
.CLPagintation a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 28px;
	padding-bottom: 2px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	border-radius: 15px;
	margin: 0 2px;
}

.CLPagintation a{color:#39445c;}

.CLPagintation .pager-separation{display: flex; align-items: flex-start; margin: 0 2px; height: 30px; font-size: 16px; font-weight: 700;}

.CLPagintation .nav-pager{height: 30px; padding-bottom: 0;}

.CLPagintation .icon-pager-left{margin-right: 4px;}
.CLPagintation .icon-pager-right{margin-left: 4px;}

.liste-annonces h2{margin-bottom: 64px;}

.result-search .Vignettes-annonces{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 50px 0 15px;
	gap: 30px;
}

.result-search .Vignettes-annonces.mt-1{margin: 0 0 20px !important;}

.result-search .Vignettes-annonces li{width: 23%; min-width: 260px; margin-bottom: 10px;}

.Vignettes-annonces .detail-annonce{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	height: 100%;
	border: 1px solid #dde2ed;
	color: #39445c;
}

.Vignettes-annonces .detail-annonce:hover{
	text-decoration: none;
	color: #39445c;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

.detail-annonce .title-annonce{font-size: 15px; line-height: 18px; padding: 16px 20px 15px ; text-align: center; font-weight: 600; max-width:340px}
.detail-annonce .title-annonce strong{display: block; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;}
.Vignettes-annonces.mt-1 .detail-annonce .title-annonce strong{font-size: 17px; line-height: 21px;}

.Vignettes-annonces .detail-annonce .img-annonce{overflow: hidden; max-width: 274px; max-height: 210px; margin-bottom: 18px;}
.Vignettes-annonces .detail-annonce .img-annonce img{width: 100%;}

.detail-annonce .features{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 18px;
	width: 100%;
	max-width: 234px;
	padding: 0 20px 8px;
	font-weight: 600;
}

.detail-annonce .features div{width: 50%; margin-bottom: 10px;}
.detail-annonce .features div:nth-child(even){text-align: right;}
.detail-annonce .features span{color:#2bcf19;}
.detail-annonce .features strong{font-weight: 800;}
.detail-annonce .features sup{font-size: 10px;}

.Vignettes-annonces.mt-1 .detail-annonce .features div:first-child{display: none;}
.Vignettes-annonces.mt-1 .detail-annonce .features div:nth-child(2){text-align: left; width: 100%;}

.BlockPrice{
	background-color: #77839e;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 32px;
	max-width: 274px;
	position: relative;
	color:#FFF;
	font-weight: 600;
}

.BlockPrice .more-details{
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: 0 0 0 20px;
	width: 50%;
	height: 100%;
	background: rgb(119,131,158);
	background: -moz-linear-gradient(left,  rgba(119,131,158,1) 40%, rgba(119,131,158,1) 40%, rgba(29,40,64,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(119,131,158,1) 40%,rgba(119,131,158,1) 40%,rgba(29,40,64,1) 100%);
	background: linear-gradient(to right,  rgba(119,131,158,1) 40%,rgba(119,131,158,1) 40%,rgba(29,40,64,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77839e', endColorstr='#1d2840',GradientType=1 );
}

.BlockPrice .price{
	background-color: #2bcf19;
	padding: 0 20px 0 0;
	position: absolute;
	right: 0;
	width: 102px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
}

.BlockPrice .price::before{
	content: "";
	position: absolute;
	top: 0;
	left: -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 18px 32px 0;
	border-color: transparent #2bcf19 transparent transparent;
}

.result-search .active-mode-liste{flex-direction: column;}
.result-search .active-mode-liste li{width: 100%;}
.active-mode-liste .detail-annonce{
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto 20px;
}

.active-mode-liste .detail-annonce:hover{-webkit-transform: translateY(0); transform: translateY(0);}

.active-mode-liste .detail-annonce .img-annonce{order: 1; margin-bottom: 0; max-width: 130px;}
.active-mode-liste .detail-annonce .title-annonce{
	width: 140px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	font-size: 14px;
	order: 2;
}
.active-mode-liste .detail-annonce .title-annonce strong{font-size: 18px;}
.active-mode-liste .detail-annonce .features{
	order: 4;
	flex-wrap: nowrap;
	align-items: center;
	width: auto;
	max-width: inherit;
	padding: 0;
}
.active-mode-liste .detail-annonce .features div:nth-child(even){text-align: left;}
.active-mode-liste .detail-annonce .features div{width: auto; margin: 0 15px;}
.active-mode-liste .BlockPrice{
	background-color: transparent;
	flex-direction: column;
	justify-content: center;
	width: 110px;
	max-width: inherit;
	height: auto;
	order: 3;
}
.active-mode-liste .BlockPrice .more-details{display: none;}
.active-mode-liste .BlockPrice .price{
	background-color: transparent;
	position: inherit;
	height: 50px;
	width: 100%;
	justify-content: center;
	padding: 0;color: #2bcf19;
}
.active-mode-liste .BlockPrice .price::before{display: none;}
.active-mode-liste .detail-annonce .features span{color: #39445c;}

.content-actus ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	list-style: none;
	margin: 60px 0;
	padding: 0;
}

.content-actus ul li:nth-child(2){margin: 0 15px;}

.content-actus .detail-annonce{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 1px solid #dde2ed;
	text-decoration: none;
}

.content-actus .detail-annonce:hover,
.content-actus .detail-annonce:focus{
	text-decoration: none;
	color:#39445c;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

.content-actus .detail-annonce .img-annonce{
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 350px;
	max-height: 260px;
}
.content-actus .detail-annonce .img-annonce img{width: 100%;}

.content-actus .detail-annonce h3{padding: 18px 20px 10px; font-size: 16px; color: #39445c; text-align: center; font-weight: 600;}
.content-actus .detail-annonce h3 strong{display: block; font-weight: 800;}



/* -------------------- */
/* --- Page produit --- */
/* -------------------- */


.banner-top-product{background-color: #39445c; padding: 24px 20px 50px; margin-bottom: 60px;}

.detail-annonce-vehicule{
	max-width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.ariane-url{display: flex; justify-content: flex-start; align-items: center; width: 100%; color: #c7d3ed; font-size: 14px; font-weight: 400;}
.ariane-url a{display: flex; align-items: center; color: #c7d3ed; margin-right: 5px; font-size: 14px; font-weight: 400;}
.ariane-url span{display: inline-block; margin-right: 5px;}
.ariane-url a:hover{color:#35ff1f; text-decoration: none;}
.ariane-url a span{font-size: 15px; display: inline-block; margin-right: 10px;}

.titre-photos{max-width: 680px; width: 67%;}

.titre-photos h1{
	padding-bottom: 15px;
	margin-top: 40px;
	margin-bottom: 19px;
	border-bottom: 1px solid #FFF;
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	color:#FFF;
	text-align: center;
}
.titre-photos h1 .product-price{color:#35ff1f;}

/*  Navigation autres produits  */
.titre-photos .nav-product-top ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.nav-product-top .nav-product-right{
	width: 370px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.titre-photos .nav-product-top .cta-nav-product-top{
	background-color: #77829d;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 80px;
	height: 36px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	transition: all 300ms ease;
}

.cta-nav-product-top #arrow-prev .cls-1,
.cta-nav-product-top #arrow-next .cls-1{fill: #fff; fill-rule: evenodd; transition: all 300ms ease;}

.cta-nav-product-top #arrow-prev{margin-right: 8px;}
.cta-nav-product-top #arrow-next{margin-left: 8px;}

.titre-photos .nav-product-top .cta-nav-product-top:hover,
.titre-photos .nav-product-top .cta-nav-product-top:focus{
	background-color: #FFF;
	color: #39445c;
}

.cta-nav-product-top:hover #arrow-prev .cls-1,
.cta-nav-product-top:hover #arrow-next .cls-1,
.cta-nav-product-top:focus #arrow-prev .cls-1,
.cta-nav-product-top:focus #arrow-next .cls-1{fill: #39445c;}

/*  Fin Navigation autres produits + Media queries à 530px */

.infos-tech{font-size: 15px; line-height: 19px; font-weight: 600; color:#FFF; text-align: center; margin-bottom: 20px;}

#image-gallery .lslide{max-height: 420px; overflow: hidden;}
#image-gallery .lslide a{cursor: zoom-in;}
#image-gallery img{width: 100%;}

.titre-photos .lSSlideOuter .lSPager{margin-top: 16px !important;}

.titre-photos .lSSlideOuter .lSPager.lSGallery li a{display: inline-block; background-color: #000;}

.titre-photos .lSSlideOuter .lSPager.lSGallery li.active,
.titre-photos .lSSlideOuter .lSPager.lSGallery li:hover{border-radius: 0;}

.titre-photos .lSSlideOuter .lSPager.lSGallery li img{opacity: 0.5; -webkit-transition: all 400ms; transition: all 400ms;}

.titre-photos .lSSlideOuter .lSPager.lSGallery li.active img,
.titre-photos .lSSlideOuter .lSPager.lSGallery li:hover img{opacity: 1;}

#fiche-magasin .ariane-url{margin-bottom: 15px;}

#fiche-magasin .header-concessionnaire{background-color: #FFF; border-radius: 5px 5px 0 0; padding: 20px 0 8px;}

#fiche-magasin .titre-photos h1{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #39445C;
	color: #090e19;
}

#fiche-magasin .titre-photos h1 img{max-width: 200px; margin-bottom: 20px;}
#fiche-magasin .infos-tech{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 15px; margin-bottom: 0; color: #39445C;}
#fiche-magasin .infos-tech img{max-width: 120px; margin: 5px 10px;}

#fiche-magasin .rs-fiche-magasin{display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.rs-fiche-magasin .fb-share-button{margin-top: -3px; margin-right: 10px;}

.detail-annonce-vehicule aside{max-width: 280px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}

.infos-contact{
	background-color: #434e64;
	position: relative;
	border: 1px solid #5b6a8c;
	padding: 24px 20px 20px;
	margin-bottom: 24px;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	width: 238px;
}

.infos-contact .name-concess{font-size: 15px; font-weight: 800; text-transform: uppercase;}

.infos-contact .phone-concess{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0 16px;
	font-size: 18px;
	font-weight: 800;
	color: #35ff1f;
}

.infos-contact .phone-concess span{display: inline-block; margin-right: 10px;}

.infos-contact ul{list-style: none; margin: 0 0 20px; padding: 0; display: flex; justify-content: center; align-items: center;}
.infos-contact ul li{
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}
.infos-contact ul li:first-child{margin-right: 30px;}
.infos-contact ul li span{display: inline-block; margin-right: 6px; font-size: 18px;}
.infos-contact ul li:hover{color: #35ff1f;}

.link-concess-pro{display: flex; justify-content: center; align-items: center; color:#FFF; font-weight: 600;}
.link-concess-pro span{display: inline-block; margin-right: 8px;}
.link-concess-pro:hover{color: #35ff1f; text-decoration: none;}

#IDVehiculeForm{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	padding: 22px 20px;
	border-radius: 5px;
	width: 240px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
}

.form-without-photo{width: 100%; display: none;}
.without-photo .lSSlideOuter,
.without-photo .form-width-photo{display: none;}

.without-photo .form-without-photo{display: block;}

#fiche-magasin.without-photo .header-concessionnaire{border-radius: 5px;}

.form-without-photo #IDVehiculeForm{
	width: auto;
	max-width: 640px;
	flex-direction: row;
	justify-content: flex-start;;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 22px 20px 18px;
}

.form-without-photo #IDVehiculeForm h3,
.form-without-photo #IDVehiculeForm p{width: 100%; max-width: inherit;}

.form-without-photo .col-form-contact1,
.form-without-photo .col-form-contact2{display: flex; flex-direction: column; align-items: center;}

.form-without-photo .col-form-contact1{width: 55%;}
.form-without-photo .col-form-contact2{width: 45%;}

.form-without-photo #IDVehiculeForm .form-textarea,
.form-without-photo #IDVehiculeForm .form-input{max-width: 250px;}

.form-without-photo .info-rgpd{max-width: inherit;}

#IDVehiculeForm h3{
	font-weight: 800;
	font-size: 17px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 17px;
	border-bottom: 1px solid #39445c;
}

#IDVehiculeForm p{margin-bottom: 17px; max-width: 210px;}

#IDVehiculeForm .form-textarea,
#IDVehiculeForm .form-input{
	background-color: #f5f7fa;
	border: 1px solid #dde2ed;
	border-radius: 5px;
	width: 100%;
	max-width: 178px;
	padding: 9px 15px;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 600;
	color: #39445c;
}

#IDVehiculeForm .valid-RGPDA{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 210px;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}

#RGPDAcceptContact,
#RGPDAcceptPolicy{margin-top: 2px; margin-right: 10px;}
.valid-RGPDA label{margin-bottom: 0; cursor: pointer;}

#IDVehiculeForm .CTA-Submit{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2bcf19;
	border: none;
	width: 210px;
	height: 45px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#IDVehiculeForm .CTA-Submit:hover{
	background-color: #39445c;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	cursor: pointer;
}

.info-rgpd{margin: 12px 0 0; font-size: 13px; line-height: 16px; color:#c7d3ed; text-align: center; max-width: 226px;}

.complement-technique{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1024px;
	margin: 0 auto 60px;
	padding: 0 20px;
}

.col-left-fiche-produit{width: 55%; margin-right: 30px;}
.col-right-fiche-produit{width: 39%;}

.col-left-fiche-produit h3{
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 24px 30px 12px 30px;
	margin-bottom: 32px;
	border-bottom: 1px solid #434e64;
}

.col-left-fiche-produit table{width: 100%; font-size: 15px; line-height: 18px;}
.col-left-fiche-produit table tr:nth-child(odd){background-color: #f5f7fa;}
.col-left-fiche-produit table tr th{font-weight: 400; height: 36px; padding-left: 30px;}
.col-left-fiche-produit table tr td{font-weight: 700; text-align: right; height: 36px; padding-right: 30px;}

.descriptif-fiche-produit{
	background-color: #ebeef5;
	padding: 24px 26px;
	margin-bottom: 34px;
}

.descriptif-fiche-produit h3{
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0 0 12px;
	margin-bottom: 24px;
	border-bottom: 1px solid #434e64;
}

.descriptif-fiche-produit p{font-size: 14px; line-height: 18px; margin-bottom: 0;}

.block-crit-permis{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}

.critair0,
.critair1,
.critair2,
.critair3,
.critair4,
.critair5{width: 90px; height: 90px;}

.critair0{
	background: url(/img/crit-air/Vignette-0-Vert.png) no-repeat 0 0;
	background-size: 100%;
}
.critair1{
	background: url(/img/crit-air/Vignette-1-Violet.png) no-repeat 0 0;
	background-size: 100%;
}
.critair2{
	background: url(/img/crit-air/Vignette-2-Jaune.png) no-repeat 0 0;
	background-size: 100%;
}
.critair3{
	background: url(/img/crit-air/Vignette-3-Orange.png) no-repeat 0 0;
	background-size: 100%;
}
.critair4{
	background: url(/img/crit-air/Vignette-4-Bordeaux.png) no-repeat 0 0;
	background-size: 100%;
}
.critair5{
	background: url(/img/crit-air/Vignette-5-Gris.png) no-repeat 0 0;
	background-size: 100%;
}

.img-permisA2{width: 90px; height: 90px;}

.assurance-amv{border: 1px solid #dde2ed; display: flex; justify-content: space-between; align-items: stretch;}

.devis-assurance-amv{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 150px;
	padding: 20px;
}

.devis-assurance-amv img{max-width: 80px;}

.devis-assurance-amv a{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #00a850;
	width: 126px;
	height: 58px;
	margin: 20px auto 0;
	font-size: 15px;
	line-height: 18px;
	color: #FFF;
	text-align: center;
	font-weight: 700;
}

.devis-assurance-amv a:hover{text-decoration: none; color: #FFF;}

.assurance-amv p{
	background-color: #ebeef5;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	max-width: 216px;
	padding: 20px 30px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.popin-map{
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 30px;
	display: none;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.active-map .popin-map{display: flex; opacity: 1;}

.map-concess{max-width: 600px; position: relative; z-index: 3;}

.content-popin-map{max-width: 630px; width: 100%; padding-top: 30px; position: relative; z-index: 2;}

.close-popin-map{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	font-size: 32px;
	color:red;
	cursor: pointer;
	text-shadow: 0 1px 10px rgba(0,0,0,0.6);
}

.close-popin-map span{display: inline-block; width: 32px; height: 32px;}

.dark-overlay{position: absolute; top: 0; bottom:0; left:0; right: 0; background-color: rgba(0,0,0,0.7); z-index: 1; cursor: pointer;}

.detail-horaires{
	display: flex;
	position: absolute;
	top: -50px;
	right: 0;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	background-color: #FFF;
	padding: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #39445C;
	text-align: left;
	z-index: 5;
	visibility: hidden;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.detail-horaires h4{
	font-size: 17px;
	font-weight: 800;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #39445C;
	text-transform: uppercase;
}
.detail-horaires p{margin-bottom: 0;}
.active-horaires .detail-horaires{top:0; opacity: 1; visibility: visible;}

.close-popin-horaires{
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 25px;
	width: 100%;
	text-align: right;
	cursor: pointer;
	color:red;
}


/* --------------------- */
/* --- Media Queries --- */
/* --------------------- */



@media screen and (max-width: 350px) {
	.assurance-amv{justify-content: center; align-items: center; flex-direction: column;}
}


@media screen and (max-width: 414px) {
	#nav-header .login-user{border: 0; box-shadow: none; min-width: 40px; padding: 0 5px; text-align: center; line-height: 12px;}
	.col-right-home-banner .content-search .form-group{width: 100%; margin-bottom: 10px;}
	.col-right-home-banner .more-options .par-marque,
	.col-right-home-banner .more-options .cylindree,
	.col-right-home-banner .more-options .budget,
	.col-right-home-banner .more-options .annee,
	.col-right-home-banner .more-options .permisa2{max-width: 100%;}
	.content-banner .col-left-home-banner{padding: 20px;}
	section .title-home{font-size: 24px;}
	.CLAnnonceFiltre .content-filter{flex-direction: column;}
	.CLAnnonceFiltre .content-filter .custom-select2{margin-right: 0; margin-bottom: 10px;}
	section .items-home-marques .owl-item a {width: 120px; height: 53px;}
}

@media screen and (max-width: 480px) {
	.content-search .input-search{width: 100%;}
	.reset-search{width: 100%; margin-bottom: 10px; display: flex; justify-content: flex-end;}
}


@media screen and (max-width: 530px) {
	header{min-height: 110px; padding: 20px 15px;}
	.logo-header a{max-width: 250px; margin-right: 15px; line-height: 18px;}
	.logo-header img{width: 100%;}
	.logo-header .baseline-logo{border-bottom: 0; padding: 0;}
	.content-search .form-group{min-width: 170px; width: 48%;}
	.content-search .select-selected{font-size: 13px; padding: 8px 12px;}
	.content-search .select-selected::after,
	.CLAnnonceFiltre .select-selected::after{right: 7px; font-size: 6px;}
	.more-options .par-marque,
	.more-options .cylindree,
	.more-options .budget,
	.more-options .annee,
	.more-options .permisa2{max-width: 214px;}
	.content-models .title-home::before,
	.type-affichage{display: none;}
	.CLAnnonceFiltre .custom-select2.select-order{margin-right: 0;}
	.titre-photos h1 .hide-txt{display: none;}
	.titre-photos h1 .product-price{display: block;}
	.devis-assurance-amv{padding: 15px; max-width: 150px; width: auto;}
	.assurance-amv p{max-width: inherit; padding: 15px;}

	.nav-product-top .nav-product-right{width: 134px;}
	.nav-product-top .nav-product-right .cta-nav-product-top{min-width: 20px; padding: 0 20px;}
	.nav-product-top .nav-product-right .cta-nav-product-top span{display: none;}
}

@media screen and (max-width: 600px) {
	.content-banner .col-left-home-banner { display: none; }
	.items-home-models .item a span{margin-bottom: 12px;}
	.items-home-models .item a::before{bottom: 14px; width: 70px; height: 100px;}
	.items-home-models .icon-Sportive{font-size: 46px;}
	.items-home-models .icon-Routiere{font-size: 54px;}
	.items-home-models .icon-Roadster{font-size: 51px;}
	.items-home-models .icon-Trail{font-size: 55px;}
	.items-home-models .icon-Custom{font-size: 43px;}
	.items-home-models .icon-Collection{font-size: 45px;}
	.items-home-models .icon-Cross{font-size: 51px;}
	.items-home-models .icon-Scooter{font-size: 54px;}
	.items-home-models .icon-Quad{font-size: 54px;}
	.items-home-models .icon-SideCar{font-size: 50px;}
	.items-home-models .icon-MotoNeige{font-size: 46px;}
	.items-home-models h1{margin-bottom: 15px;}
	.liste-annonces .result-search .Vignettes-annonces li{width: 100%;}
	.liste-annonces .Vignettes-annonces .detail-annonce{margin: 0 0 30px;}
	.banner-top-product .detail-annonce-vehicule aside{justify-content: center;}
	aside .info-rgpd{text-align: center;}
	.titre-photos h1{
		padding-bottom: 10px;
		margin-top: 30px;
		margin-bottom: 14px;
		font-size: 24px;
		line-height: 28px;
	}
	.infos-tech{margin-bottom: 16px;}
	.form-without-photo #IDVehiculeForm{flex-direction: column;}
	.form-without-photo .col-form-contact1, .form-without-photo .col-form-contact2{width: 90%;}
}

@media screen and (max-width: 800px) {
    header{padding: 15px 20px 20px; min-height: inherit;}
    #nav-header{flex-direction: column;}
    #nav-header .logo-header .baseline-logo,
    #nav-header .login-user{display: none;}
    #nav-header .logo-header a{max-width: 250px; align-items: center; margin-bottom: 8px;}
    #nav-header .logo-header a img{max-width: inherit; width: 100%;}
    #nav-header .nb-annonces-header nav{margin-top: 18px; flex-wrap: wrap; justify-content: center;}
}


@media screen and (max-width: 850px) {
	.modif-criteres{display: none;}
	.result-search .Vignettes-annonces li{width: 50%; min-width: 280px;}
	section .Vignettes-annonces .detail-annonce .img-annonce{max-width: 100%; width: 100%;}
	.Vignettes-annonces .detail-annonce .features{max-width: 90%;}
	.Vignettes-annonces .BlockPrice{max-width: 100%;  width: 100%;}
	.Vignettes-annonces .BlockPrice .price{width: 42%;}
	.content-popin-map{max-width: 600px; padding-top: 0;}
	.close-popin-map{text-shadow: none; top: 4px; right: 4px;}
}


@media screen and (max-width: 960px) {
	form .banner-home{padding: 30px 20px; overflow: hidden;}
	.content-banner{max-width: 600px; flex-direction: column; align-items: center;}
	.content-banner .col-right-home-banner{min-width: inherit; width: auto;}
	.content-banner .col-left-home-banner{width: auto; border-radius: 5px 5px 0 0;}
	.col-right-home-banner .content-search{min-width: inherit;}
	form .content-models{padding: 30px 20px 20px; margin-bottom: 40px;}
	.title-home{font-size: 26px;}
	.content-marques-depts{margin-bottom: 40px;}
	.items-home-depts h3{font-size: 16px;}
	.items-home-depts h3 strong{font-size: 18px;}
	.items-home-depts h3 strong{display: block;}
	.items-home-depts h3 br{display: none;}
	.content-marques-depts{flex-direction: column; align-items: center;}
	.content-marques-depts .items-home-marques {max-width: 850px; width: 95%; margin-bottom: 30px;}
	.items-home-marques .owl-item .item{justify-content: center;}
	.content-marques-depts .items-home-marques .owl-item a{margin: 5px;}
	.content-marques-depts .items-home-depts{max-width: 800px; width: 95%;}
	.liste-annonces h2{margin-bottom: 40px;}
	.detail-annonce .title-annonce strong{font-size: 18px;}
	.result-search .Vignettes-annonces{justify-content: center;}
	.result-search .active-mode-liste .detail-annonce{margin: 0 auto 20px; min-width: 800px;}
	.Vignettes-annonces .detail-annonce .img-annonce{max-width: 250px;}
	.result-search .active-mode-liste .detail-annonce .img-annonce{max-width: 130px;}
	.detail-annonce .features{max-width: 209px;}
	.content-actus ul{flex-wrap: wrap; margin: 40px 0; justify-content: center;}
	.content-actus .detail-annonce{margin: 0 8px 20px;}
	.content-actus .detail-annonce .img-annonce{max-width: 300px;}
	.content-actus .detail-annonce h3{padding: 13px 20px 10px; font-size: 15px;}
	.content-actus ul li:nth-child(2){margin: 0;}
	.active-mode-liste .detail-annonce .features{font-size: 14px;}
	.active-mode-liste .detail-annonce .features div{margin: 0 10px;}
	.active-mode-liste .BlockPrice{width: 100px;}
	.result-search .active-mode-liste{overflow-x: scroll;}
	.result-search .active-mode-liste li,
	.active-mode-liste .BlockPrice .price{width: 100%;}
	.detail-annonce-vehicule{flex-direction: column; align-items: center;}

	.titre-photos{width: 100%; margin-bottom: 25px;}

	.detail-annonce-vehicule aside{
		width: 100%;
		max-width: 680px;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;;
		flex-wrap: wrap;
	}
	.banner-top-product{margin-bottom: 20px;}
	.info-rgpd{max-width: inherit; width: 100%; text-align: right;}
	.complement-technique{flex-direction: column; align-items: center;}
	.col-left-fiche-produit{margin-right: 0; margin-bottom: 25px; width: 100%; max-width: 480px;}
	.col-left-fiche-produit h3{padding: 20px 15px 10px 15px; margin-bottom: 15px;}
	.col-left-fiche-produit table tr th{padding-left: 15px;}
	.col-left-fiche-produit table tr td{padding-right: 15px;}
	.col-right-fiche-produit{width: 100%; max-width: 480px;}
}

@media screen and (max-width: 1024px) {
	.CLAnnonceFiltre{flex-direction: column;}
	.CLAnnonceFiltre .content-filter{margin-bottom: 20px;}
	.result-search .Vignettes-annonces{margin: 30px 0 15px;}
}

@media screen and (max-width: 1200px) {
	.logo-header a{font-size: 14px;}
    .logo-header .baseline-logo {
        padding: 0;
        margin-bottom: 0;
        border-bottom: none;
        max-width: 266px;
        line-height: 18px;
    }
	.nb-annonces-header{padding-top: 0; font-size: 19px; line-height: 24px;}
    .nb-annonces-header nav a{font-size: 15px;}
	.nb-annonces-header strong{font-size: 24px; line-height: 28px;}
	.login-user{font-size: 11px; min-width: 95px; min-height: 90px;}
	.content-search{min-width: 485px;}
	.col-left-home-banner{padding: 30px;}
	.col-right-home-banner{width: 50%; padding: 30px 15px; min-width: 500px;}
	.items-home-models{overflow: hidden;}
	.items-home-models .owl-theme .owl-nav,
	.items-home-models .owl-theme .owl-nav .owl-prev,
	.items-home-models .owl-theme .owl-nav .owl-next{position: inherit;}
	.items-home-models .owl-theme .owl-nav .owl-prev::before{content: "\e901"; font-size: 30px;}
	.items-home-models .owl-theme .owl-nav .owl-next::before{content: "\e902"; font-size: 30px;}

	.items-home-models .owl-theme .owl-nav .owl-prev,
	.items-home-models .owl-theme .owl-nav .owl-next{width: 40px; height: 40px;}
	.content-models{padding: 55px 20px 20px;}
	.items-home-depts{padding: 30px 20px 15px; max-width: 320px;}
	.items-home-depts h3{margin-bottom: 20px;}
	.owl-depts .item a{margin: 8px;}
	.items-home-marques{max-width: 550px;}
	.items-home-marques .owl-item a{width: 160px; height: 71px;}
	section .items-home-models .owl-theme .owl-nav .owl-prev{left: -3px;}
	section .items-home-models .owl-theme .owl-nav .owl-next{right: -3px;}
	.CLAnnonceFiltre .custom-select2,
	.modif-criteres{margin-right: 15px;}
	.type-affichage .CLbtn{margin-right: 12px;}
}

@media screen and (max-width: 1360px) {
	.items-home-models .owl-theme .owl-nav .owl-prev{left: -20px;}
	.items-home-models .owl-theme .owl-nav .owl-next{right: -20px;}
}