<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Created on : 11 janvier 2018
Author     : John Doe et Fils
URL        : https://johndoe-et-fils.com
*/


/****************************************

	Global

****************************************/

/* FONTS */
/* Gotham */
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-Light.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-LightItalic.otf');
    font-weight: 300;
    font-style: italic;
}
/* @font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-Book.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-BookItalic.otf');
    font-weight: 400;
    font-style: italic;
} */
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-Medium.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-MediumItalic.otf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-Bold.otf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-BoldItalic.otf');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-Ultra.otf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Gotham";
    src: url('../fonts/Gotham/Gotham-UltraItalic.otf');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "GothamCond";
    src: url('../fonts/Gotham/GothamCond-Medium.otf');
    font-weight: 400;
    font-style: normal;
}
/* Roboto */
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Black.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}

/* VARIABLES */
:root {
	/* COULEURS PRINCIPALES */
	--bleu-roi: #112444;
	--orange: #DA5F37;
	--gris-chine: #E6E2E8;

	/* COULEURS SECONDAIRES */
	--vert-sapin: #0E9E95;
	--jaune-tournesol: #E6CA37;
	--validation: #09E87F;
	--warning: #F2574B;

	/* TYPOGRAPHIES */
	--font-primary: "Roboto", Arial, sans-serif;
	--font-title: "Gotham", Arial, sans-serif;
	--font-title-condensed: "GothamCond", Arial, sans-serif;
	/* --font-primary: Fira Sans, Arial, sans-serif; */
	/* --font-title: Fira Sans, Arial, sans-serif; */
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus{
    outline: none !important;
}

*{
	margin:0;
	padding:0;
}

body{
	font-family: var(--font-primary);
	font-size:16px;
	font-weight:400;
	line-height:1.4;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x:hidden;
    color:#333131;
    padding:0;
    margin:0;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--font-title);
	margin:.5em 0 1em;
}

h1{
	font-weight:600;
	/* color:#161615; */
	color:var(--bleu-roi);
	font-size:2.5em;
	text-transform:uppercase;
}

h2{
	font-weight:300;
	/* color:#161615; */
	color:var(--bleu-roi);
	font-size:2em;
	text-transform:none;
}

h2 a{
	/* color:#161615; */
	color:var(--bleu-roi);
}

p{
	margin:1em 0;
}

a{
	color:var(--orange);
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
	color:var(--orange);
}

a, button, input{
	outline: none;
	transition:all 0.2s;
}

a, button{
	cursor:pointer;
}

img{
	max-width:100%;
	height:auto;
}

strong{
	font-weight: 600;
}

.no-padding{
	padding:0;
}

.displayNone {
	display: none;
}

@media (min-width: 1199px) {
	.container {
	    max-width: 1200px;
	}
}

.owl-carousel .owl-prev, .owl-carousel .owl-next{
	position: absolute;
	width: 40px;
	height: 40px;
	top:50%;
	margin-top: -20px;
	border-radius: 50%;
	background: #ffffff;
	border:1px solid #ee7b07;
	text-align: center;
    line-height: 37px;
}

.owl-carousel .owl-prev::before, .owl-carousel .owl-next::before{
	font-family: 'font-awesome';
    font-size: 1.5em;
	color:#ee7b07;
}

.owl-carousel .owl-prev::before{
	content: '\f104';
}

.owl-carousel .owl-next::before{
	content: '\f105';
}

.owl-carousel .owl-prev{
	left:20px;
}

.owl-carousel .owl-next{
	right:20px;
}

.owl-carousel .owl-prev span, .owl-carousel .owl-next span{
	display: none;
}

.owl-carousel .owl-dots{
	text-align: center;
	margin-top:25px;
}

.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background:#ffffff;
	border:1px solid #707070;
	margin:0 8px;
	transition:all 0.2s;
}

.owl-carousel .owl-dots .owl-dot:hover{
	background:#707070;
}

.owl-carousel .owl-dots .owl-dot.active{
	background:var(--orange) !important;
	border-color:var(--orange)  !important;
}

.owl-carousel .item, .thumbnail.item{
	position: relative;
}

.item .zoom{
	position: absolute;
	color:#ffffff;
	bottom:10px;
	right: 10px;
	z-index: 2;
}

.item .zoom::before{
	content: '';
	background:url('../imgs/picto-loupe.svg') no-repeat center center var(--orange);
	background-size:50%;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition:all 0.2s;
}

.item .zoom span{
	display: none;
}

.item .zoom:hover::before{
	background-color:#CC3912;
	background-size:40%;
}

.listing .item{
	margin-bottom: 30px;
}

.listing .date {
	font-size: .9rem;
	color: var(--orange);
	font-weight: 600;
}

.pagination{
	font-size: 1.5em;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pagination nav{
	width: 100%;
}

.pagination li{
	margin: 10px;
}

.pagination li a{
	color:#353539;
	display: block;
}

.pagination li a:hover{
	color:#ef7a33;
}

.pagination li .current{
	font-family: 'khandbold';
}

.pagination .prev , .pagination .next{
	font-size: 1.2em;
	color:#ef7a33;
}

.pagination .prev::before, .pagination .next::before{
	font-family: 'font-awesome';
}

.pagination .prev::before{
	content: '\f104';
}

.pagination .next::before{
	content: '\f105';
}

.pagination .prev span, .pagination .next span{
	display: none;
}

.social-share li{
	margin-left: 10px;
}

.social-share a{
	font-size: 1.8em;
	color:#ef7a33;
}

.social-share a::before{
	font-family: 'font-awesome';
}

.social-share a.fb::before{
	content: '\f09a';	
}

.social-share a.tw::before{
	content: '\f099';
}

.social-share a.gp::before{
	content: '\f2b3';
}

.social-share a.mail::before{
	content: '\f0e0';
}

.social-share a.print::before{
	content: '\e833';
}

.social-share span{
	display: none;
}

.alert{
	padding: 15px 20px;
	border-radius: 0;
	border:none;
}

.alert-success{
	color:#ffffff;
	background: #fcb488;
}

.alert-success::before{
	font-family: 'iconotheque';
	font-size: 1.5em;
	content: '\e81a';
	display: block;
	text-align:center;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border:2px solid #ffffff;
	border-radius: 50%;
	margin-right: 20px;
}

.account .alert.success {
	background: #9fe08d60;
	border: 1px solid #a5d69a;
}

.alert p{
	margin: 0;
}

.alert p strong{
	display: block;
}

.table thead th{
	border:none;
	background:#F2F2F2;
	text-transform: uppercase;
    font-size: .80em;
    vertical-align: middle;
}

.table th{
	border:none;
	padding:12px 10px;
}

.table th, .table td{
	vertical-align:middle;
	border:none;
}

.table td{
	border-top:1px solid #DBDBDB;
	vertical-align: top;
	padding:20px 10px;
	font-size: 1em;
}

.table tr.line:first-child td{
	border-top:none;
}

.table tr.line.line_service td{
	border-top:none;
}

.table td:first-child{
	padding-left:0;
}

.table td:last-child{
	padding-right:0;
}

.table .delete{
	width: 12px;
	height: 12px;
	background: url('../imgs/picto-delete.svg') no-repeat center center;
	background-size:contain;
	border:none;
	display:block;
	margin: 3px auto 0;
	transition:all 0.2s;
}

.table .delete:hover{
	transform:rotate(180deg);
}

.table .delete span{
	display: none;	
}

.btn-toggle {
	padding: 0;
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
	color: #6b7381;
	background: #bdc1c8;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
	outline: none;
}

.btn-toggle &gt; .handle {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 1.125rem;
	background: #fff;
	-webkit-transition: left .25s;
	-o-transition: left .25s;
	transition: left .25s;
}

.btn-toggle.active {
	-webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.btn-toggle.active &gt; .handle {
	left: 1.6875rem;
	-webkit-transition: left .25s;
	-o-transition: left .25s;
	transition: left .25s;
}

.btn-toggle.active {
	background-color: #ef7a33;
}

.toggle-switch label{
	margin: 0;
}

form .buttons{
	padding-top: 20px;
	padding-bottom: 20px;
}

.form-control{
	border:1px solid #CCCCCC;
	border-radius:0;
	height:auto;
	padding: 8px 10px;
	font-weight:500;
	color:#333131;
	border-radius: 15px;
}

.form-control::placeholder{
	font-weight:400;
	color:#b5b5b5;
}

#companyInput, #livraison_companyInput {
	margin-bottom: 1rem;
}

.small{
	font-size:85%;
}

.modal-media{
	background: #121212;
}

.modal-media iframe{
	display: block;
	margin: auto;
}

.modal-media .close{
	font-size: 3em;
    color: #ffffff;
	position: absolute;
    top: 0;
    right: 10px;
	cursor: pointer;
	z-index: 2;
}

.back{
	margin-bottom:1.5em;
}

.back a{
	color:#333131;
	display: inline-flex;
	padding:5px 10px;
	align-items: center;
	background:#F2F2F2;
	border-radius: 15px;
}

.back a::before{
	font-family: 'font-awesome';
	content: '\f104';
	margin-right:10px;
	font-size:1.4em;
}

.back a:hover{
	background: var(--bleu-roi);
	color:#FFF;
	text-decoration:none;
}

.dropdown .dropdown-toggle{
	width:100%;
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:10px 12px;
	text-align:left;
	position:relative;
	font-size:.9em;
	color:#333131;
	border-radius: 15px;
}

.dropdown .dropdown-toggle:hover, .dropdown .dropdown-toggle:focus{
	border-color:#161615
}

.disable .dropdown .dropdown-toggle {
	pointer-events:none;
	background: #CCCCCC;
	border-color:#CCCCCC !important;
	opacity:.6;
}

.dropdown .dropdown-toggle::after{
	border:none;
	background:url('../imgs/fleche-down-select.svg') no-repeat center center;
	background-size:contain;
	width:10px;
	height:10px;
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
}

.dropdown.show .dropdown-toggle::after{
	background-image:url('../imgs/fleche-down-select-orange.svg');
}

.dropdown.show .dropdown-toggle{
	border-color: #161615;
	border-bottom:none;
}

.dropdown-menu{
	width:100%;
	padding:12px;
	border-color: #161615;
	border-radius:0;
	margin-top:0;
	border-top:none;
	border-radius: 15px;
}

.dropdown-menu li{
	margin:2px 0;
	font-size:.9em;
}

.dropdown-menu li a{
	color:#333131 !important;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0;
	transition: all .3s;
}

.dropdown-menu li a:hover{
	text-decoration:none  !important;
	background-color:var(--orange)  !important;
	color: #fff !important;
	padding-left: 5px;
}

.submit{
	background:url('../imgs/picto-loupe.svg') no-repeat 20px center var(--orange);
	border:none;
	background-size:14px 14px;
	font-size:1.1em;
	color:#FFF;
	padding:10px 30px 10px 55px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:1em;
	border-radius: 15px;
}

.submit:hover{
	background-color:#CC3912;
}

@media only screen and (max-width: 767px) {
	h2{
		font-size:1.8em;
	}
}

@media only screen and (max-width: 575px) {
	h2{
		font-size:1.5em;
	}
	.back a{
		font-size:.9em;
	}
	.form-control{
		font-size:.85em;
	}
}


/****************************************

	Header

****************************************/

header{
	position:relative;
	top:0;
}

header .logo.logo-mobile {
	display: none;
}

header .header-top{
	display:flex;
	color:#FFF;
	align-items:center;
	line-height:1.2;
	min-height: 106px;
}

.header-left{
	background:#FFF;
	max-width:25%;
}

.header-right{
	background: var(--bleu-roi);
	display:flex;
	align-items:center;
	flex:1;
	justify-content: space-between;
	align-self: stretch;
}


header .identite{
	background:#FFF;
	display:flex;
	align-items:center;
	padding: 20px;
}

header .identite a{
	display:block;
}

@media only screen and (max-width: 575px) {
	header .identite a {
		height: 40px;
		display: flex;
		align-items: center;
	}
}

header .identite img{
	display:block;
	width:100%;
}

header .logo{
	width: 182px;
	display:flex;
	align-items:center;
	border-right:1px solid #707070;
	/* padding-right:20px; */
	padding:0;
}

header .identite .logo img{
	width: 200px;
}

header .camion{
	width:230px;
	display:block;
}

header .search{
	display:flex;
	margin:0 auto 0 30px;
	align-items:center;
	width:20%;
}

header .search form{
	flex:1;
}

header .search::before {
    content:'';
	width:25px;
	height:25px;
	display:block;
	margin:0 18px 0 0;
	background:url('../imgs/picto-loupe.svg') no-repeat center center;
	background-size:contain;
}

header .search input[type="search"]{
	background:none;
	border:none;
	border-bottom:1px solid rgba(255,255,255,0.2);
	font-size:.9em;
	width:100%;
	color:#FFF;
	height:auto;
	padding:15px 0;
}

header .search input[type="search"]::placeholder {
	color: #FFF;
}

header .search input[type="search"]:focus{
	border-color:#FFF;
}

header .contact{
	text-align:center;
	padding:0 20px 0 21px;
	position:relative;
	margin-left:15px;
}

header .contact::after{
	content:'';
	height:75px;
	width:1px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:block;
	background:rgba(255,255,255,0.2);
}

header .contact .title{
	font-size:1em;
}

header .contact .tel{
	font-size:2em;
	font-weight:800;
}

header .contact .tel a{
	display:flex;
	align-items:center;
	justify-content: center;
}

header .contact .tel a::before{
	content:'';
	background:url('../imgs/picto-tel.svg') no-repeat center center;
	display:block;
	height:22px;
	width:22px;
	margin-right:5px;
}

header .contact a{
	color:#FFF;
}

header .contact .horaires{
	font-size:.8em;
	color:rgba(255,255,255,0.8);
}

header .contact .horaires span{
	font-size:.85em;
	display:block;
}

header .menu-top{
	display:flex;
	/*align-items:center;*/
	list-style:none;
	padding:0;
	margin:0;
	height:100%;
}

header .menu-top .count.count_0{
	display:none;
}

header .menu-top li{
	display:block;
	padding:0 0 0 1px;
	margin:0;
	text-align:center;
	font-size:.9em;
	position:relative;
	display: flex;
    justify-content: center;
    flex-direction: column;
}

header .menu-top li::after{
	content:'';
	height:75px;
	width:1px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:block;
	background:rgba(255,255,255,0.2);
}

header .menu-top .cart{
	background: var(--orange);
	padding:0;
	border:none;
	transition:all 0.2s;
}

header .menu-top .cart {
	display: flex;
	flex-direction: row;
}

/* ICC DIGITAL - MLQ - Internationnal flag */
header .menu-top .cart.flag-fr::before{
	/* background:url('../imgs/drapeau-france-menu.svg') no-repeat top left; */
	background:url('../imgs/drapeau-france-120x20.svg') no-repeat top left;
	background-size: cover;
	content:'';
	height: 8px;
	width:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index: 99;
}

header .menu-top .cart::after{
	content:none;
}

header .menu-top li a, header .menu-top li button{
	color:#FFF;
	/* padding:10px; */
	display:block;
	text-decoration:none !important;
	height: 100%;
}

/* header .menu-top .cart a{
	padding:10px 0;
} */

header .menu-top li a span:not(.texte):not(.count), header .menu-top li button span:not(.texte){
	/* padding:17px 10px 10px; */
	padding: 20px;
	display:block;
	position:relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

header .menu-top li a:hover span:not(.texte):not(.count), header .menu-top li button:hover span:not(.texte){
	/* background:#CC3912; */
	background: var(--orange);
}

header .menu-top li span{
	transition:all 0.25s;
}

header .menu-top .service button, header .menu-top .join-us button{
	background:none;
	border:none;
}

header .menu-top .service.show button span:not(.texte):not(.count), header .menu-top .join-us.show button span:not(.texte):not(.count){
	background:#CC3912;
}


header .menu-top li .count{
	position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%) !important;
    margin-left: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    background: #333131;
    height: 20px;
    display: flex;
    width: 20px;
    font-size: .80em;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    align-items: center;
    justify-content: center;
}

header .menu-top div.cart .count{
	background: var(--orange);
}

header .menu-top .service a span:not(.texte):not(.count)::before, header .menu-top .service button span:not(.texte)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-service.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top .join-us a span:not(.texte):not(.count)::before, header .menu-top .join-us button span:not(.texte)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-entreprise-francaise.svg') no-repeat center center;
	background-size:contain;
}
header .menu-top .join-us.join-internationnal a span:not(.texte):not(.count)::before, header .menu-top .join-us.join-internationnal button span:not(.texte)::before{
	background:url('../imgs/picto-entreprise-INTERNATIONAL.svg') no-repeat center center;
}

header .menu-top div.account a span:not(.texte):not(.count)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-account.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top div.account {
	position: relative;
}

header .menu-top div.account::after{
	content:'';
	width:1px;
	height:72%;
	display:block;
	background-color: rgba(255,255,255,0.2);
	position: absolute;
	right: 0;
	bottom: 10px;
}

header .menu-top .about a span:not(.texte):not(.count)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-satisfaction.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top .distri a span:not(.texte):not(.count)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-distri.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top .list a span:not(.texte):not(.count)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-list.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top div.cart a span:not(.texte):not(.count)::before{
	content:'';
	width:30px;
	height:30px;
	display:block;
	margin:0 auto 12px;
	background:url('../imgs/picto-cart.svg') no-repeat center center;
	background-size:contain;
}

header .menu-top li.cart a:hover span:not(.texte):not(.count){
	/* background:#000; */
	background: var(--bleu-roi);
}

header .menu-top .service .dropdown-menu, header .menu-top .join-us .dropdown-menu{
	list-style:none;
	margin:-10px 0 0;
	padding:0;
	background:#CC3912;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:0;
	min-width:120px;
}

header .menu-top li .dropdown-menu.entreprise {
	width: 195px;
}

header .menu-top .service .dropdown-menu li::after, header .menu-top .join-us .dropdown-menu li::after{
	border:none;
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	border-top:1px solid rgba(255,255,255,0.2);
	height:1px;
	width:90%;
}

header .menu-top .service .dropdown-menu li:first-child::after, header .menu-top .join-us .dropdown-menu li:first-child::after{
	content:none;
}

header .menu-top li .dropdown-menu a{
	color:#FFF !important;
	display: flex;
    align-items: center;
    padding: 8px 10px !important;
}

header .menu-top li .dropdown-menu a:hover{
	/*color:rgba(255,255,255,0.7) !important;*/
	background:var(--orange);
}

header .menu-top li .dropdown-menu li.email a::before{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 8px 0 0;
    background: url('../imgs/picto-mail.svg') no-repeat center center;
    background-size: contain;
}

header .menu-top li .dropdown-menu li.devis a::before{
	content: '';
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 8px 0 0;
    background: url('../imgs/picto-devis.svg') no-repeat center center;
    background-size: contain;
}

header .menu-top li .dropdown-menu li.about a::before{
	content: '';
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 8px 0 0;
    background: url('../imgs/picto-distri.svg') no-repeat center center;
    background-size: contain;
}

header .menu-top li .dropdown-menu li.rejoindre a::before{
	content: '';
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 8px 0 0;
    background: url('../imgs/picto-satisfaction.svg') no-repeat center center;
    background-size: contain;
}

header .menu-top li .dropdown-menu li.sav a::before{
	content: '';
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 8px 0 0;
    background: url(../imgs/picto-telephone.svg) no-repeat center center;
    background-size: contain;
}

header .header-top-sticky{
	visibility:hidden;
	position:fixed;
	left:0;
	width:100vw !important;
	top:-100px;
	transition:top 0.2s;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	z-index:100;
	background:#FFF;
}

header .header-top-sticky.active{
	top:0px;
	transform:none !important;
	visibility:visible;
}

header .header-top-sticky .menu-top li a, header .header-top-sticky .menu-top li button{
	padding:0 !important;
	height: 100%;
	width: 100%;
}

header .header-top-sticky li a span:not(.texte):not(.count), header .header-top-sticky li button span:not(.texte){
	display:flex;
	padding:10px;
	align-items:center;
	justify-content:center;
	height: 100%;
}

header .header-top-sticky .menu-top a span:not(.texte):not(.count)::before, header .header-top-sticky .menu-top button span:not(.texte)::before{
	margin:0 10px 5px 0 !important;
	height:26px !important;
	width:26px !important;
}

header .header-top-sticky .menu-top .cart::before{
	height:5px;
}

header .header-top-sticky .menu-top li.cart {
	min-width: 33%;
}

header .header-top-sticky .menu-top div.cart, header .header-top-sticky .menu-top div.account {
	width: 100%;
	justify-content: center;
	display: flex;
    align-items: center;
}

header .header-top-sticky div.account::after {
	height: 55%;
}

header .header-top-sticky .menu-top li .count{
	margin-left:-35px;
}

header .header-top-sticky .contact .tel{
	font-size: 2.2em;
    font-weight: 500;
}

header .header-top-sticky .contact .tel a::before{
	height: 26px;
    width: 26px;
    margin-right: 10px;
}

header .header-top-sticky .logo{
	/* width:350px; */
	border-right: none;
	justify-content: center;
    /* padding-right: 15px;	 */
}
header .header-top-sticky .logo img {
	height: 40px;
}

header .header-top-sticky .menu-top li::after{
	height:30px;	
}

header .header-top-sticky .menu-top{
	flex:1;
}

header .header-top-sticky .menu-top li{
	flex:1;
}

header .header-top-sticky .contact{
	padding:0 25px;
	margin-left:0;
}

header .header-top-sticky .contact::after{
	content:none;
}

header .header-top-sticky .header-left{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

header .identite{
	width:100%;
}

@media only screen and (min-width: 1525px) {
header .menu-top li {
	min-width: 8rem;
	}
}
@media only screen and (max-width: 1199px) {
	header .contact{
		padding:0 15px;
	}
	header .contact .tel{
		font-size:1.5em !important;
	}
	header .contact .horaires{
		display:none;
	}

}

@media only screen and (max-width: 991px) {
	header .menu-top div.cart, header .menu-top div.account {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	header .menu-top li.cart {
		min-width: 40%;
	}
	header .logo {
		justify-content: center;
	}
	header .logo-desktop {
		display: none;
	}
	header .logo.logo-mobile {
		display: block;
	}
	header .logo.logo-mobile img {
		margin: 0 auto;
	}
	header .identite .logo img {
		width: 90px !important;
	}
	header .header-top, header .header-top-sticky{
		display:block;
	}
	header .header-top-sticky .menu-top li .count{
		margin-left:15px;
	}
	.header-left, header .header-top-sticky .header-left{
		max-width:500px;
		margin:0 auto;
	}
	header .header-top-sticky .header-left{
		display:none;
	}
	header .identite{
		padding:10px;
	}
	header .contact{
		padding:0 15px;
	}
	header .contact .tel a::before{
		height:25px;
		width:25px;
	}
	header .contact .tel{
		font-size:1.5em !important;
		font-weight: 700 !important;
	}
	header .menu-top li a, header .menu-top li button, header .menu-top .cart a{
		padding:5px;
	}
	header .menu-top li a span:not(.texte):not(.count), header .menu-top li button span:not(.texte){
		padding:10px;
	}
	header .header-top-sticky .contact{
		padding:0;
		width:20%;
	}
	header .menu-top .distri a span:not(.texte):not(.count)::before, header .menu-top .cart a span:not(.texte):not(.count)::before, header .menu-top .list a span:not(.texte):not(.count)::before, header .menu-top .account a span:not(.texte):not(.count)::before, header .menu-top .service a span:not(.texte):not(.count)::before, header .menu-top .service button span:not(.texte)::before, header .menu-top .about button span:not(.texte)::before, header .menu-top .join-us button span:not(.texte)::before, header .menu-top .about a span:not(.texte):not(.count)::before {
		width:25px;
		height:25px;
		margin:0;
	}
	header .menu-top div.account a span:not(.texte):not(.count)::before, header .menu-top div.cart a span:not(.texte):not(.count)::before{
		width:25px;
		height:25px;
		margin:0;
	}
	header .menu-top div.account::after {
		height: 55%;
	}
	header .menu-top li a span.texte, header .menu-top li button span.texte, header .header-top-sticky .contact .tel a span{
		display:none;
	}
	header .header-top-sticky .contact .tel a::before{
		margin:0 auto;
	}
	header .menu-top .cart::before{
		height:5px;
	}
	header .contact .title, header .contact .horaires{
		display:none;
	}
	header .search{
		margin:0 15px;
		flex:1;
		width:auto;
	}
	header .search::before{
		height:20px;
		width:20px;
		margin-right:10px;
	}
	header .contact::after{
		height:40px;
	}
	header .menu-top li::after{
		height:40px;
	}
	header .header-top-sticky .menu-top a span:not(.texte):not(.count)::before, header .header-top-sticky .menu-top button span:not(.texte)::before{
		margin:0 !important;
	}
}

@media only screen and (max-width: 767px) {
	.header-right{
		flex-wrap:wrap;
	}
	header .search{
		width:100%;
		margin:0;
		border-top:1px solid rgba(255,255,255,0.3);
		padding:15px;
		order:3;
		display:none;
	}
	header .contact{
		margin-left:0;
	}
	header .search input[type="search"]{
		padding:10px 0;
	}
	header .menu-top li::after{
		height:30px;
	}
}

@media only screen and (max-width: 575px) {
	header .menu-top li a, header .menu-top li button, header .menu-top .cart a{
		padding:0px;
	}
	header .contact{
		width:auto;
		/*border-bottom: 1px solid rgba(255,255,255,0.3);*/
    	padding: 0;
    	width:20%;
	}
	header .contact .tel{
		justify-content:center;
		padding:0;
		text-align:center;
	}
	header .contact .tel span{
		display:none;
	}
	header .contact .tel a{
		padding:10px;
	}
	header .contact .tel a::before{
		margin:0 auto;
	}
	header .menu-top{
		flex:1;
	}
	header .menu-top li{
		flex:1;
	}
	header .menu-top .distri a span:not(.texte):not(.count)::before, header .menu-top .cart a span:not(.texte):not(.count)::before, header .menu-top .list a span:not(.texte):not(.count)::before, header .menu-top .account a span:not(.texte):not(.count)::before, header .menu-top .service a span:not(.texte):not(.count)::before, header .menu-top .service button span:not(.texte)::before, header .menu-top .about a span:not(.texte):not(.count)::before, header .menu-top .about button span:not(.texte)::before, header .menu-top .join-us a span:not(.texte):not(.count)::before, header .menu-top .join-us button span:not(.texte)::before {
		margin:0 auto;
	}
	header .menu-top .cart::before {
		height: 3px;
	}
}


/****************************************

	Menu vÃ©hicules

****************************************/

.vehicules .dropdown{
	display:none;
}

#main-menu{
	line-height: 1;
	background: #F2F2F2;
	/*margin:0;*/
	padding:0;
}

#main-menu .vehicules{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
#main-menu .vehicules .liste-vehicules {
	padding-right: 0;
}

#main-menu span{
	text-transform:uppercase;
	font-weight:bold;
	color:var(--orange);
	display:flex;
	align-items:center;
	padding-left:15px;
}

#main-menu span::after{
	content: '';
	background:url('../imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
	width:12px;
	height:12px;
	margin-left: 20px;
	display:block;
}

#main-menu ul{
	height:100%;	
	list-style:none;
	margin:0;
	padding:0;
}

#main-menu li{
	padding: 0;
	font-size:1em;
}

#main-menu a{
	color:#333131;
	display: block;
	padding: 20px 10px;
	height: 100%;
	text-align: center;
}

#main-menu a:hover{
	/* background:#333131; */
	background: var(--orange);
	color:#FFFFFF;
	text-decoration:none;
}

@media only screen and (max-width: 1199px) {
	#main-menu li{
	    font-size: .9em;
	}
}

@media only screen and (max-width: 991px) {
	#main-menu{
		font-size:1.2em;
		padding:14px 0;
	}
	.vehicules .dropdown{
		display:block;
	}
	.vehicules .dropdown .btn{
		float:right;
		border:none;
		border-left:1px solid rgba(0,0,0,0.1);
		background:none;
		padding:0;
		margin:0;
		height:100%;
		width:auto;
		font-size:1em;
		padding:0 38px 0 20px;
		color:#333131;
	}
	.vehicules .dropdown.show .btn{
		color:var(--orange);
	}
	.vehicules .dropdown .dropdown-menu{
		border:1px solid #161615;
	}
	#main-menu .vehicules .dropdown ul{
		width:auto;
		height:auto;
	}
	.vehicules .liste-vehicules{
		display:none;
	}
	/*.dropdown-menu li{
		margin:0 !important;
	}
	.dropdown-menu li a{
		padding:20px 10px !important;
	}
	.dropdown-menu li a:hover{
		color:#FFF !important;
	}*/
}


/****************************************

	Footer

****************************************/

footer{
	position:static !important;
}

#colophon{
	position: relative;
	background: var(--orange);
	color:#ffffff;
}

#colophon a{
	color: #ffffff;
}

#guarantee{
	padding-top: 40px;
	padding-left:30px;
	padding-right:30px;
}

#guarantee #menu-menu-pictos,
#guarantee #menu-menu-pictos-de,
#guarantee #menu-menu-pictos-it,
#guarantee #menu-menu-pictos-es {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0;
    padding:0;
    align-items:flex-start;
    list-style:none;
}

#guarantee .guarantee{
	margin: 0 0 40px;
	text-align:center;
	padding:0;
}

#guarantee .guarantee .text, #guarantee .guarantee a{
	font-size: 1em;
	display:block;
	position:relative;
}

#guarantee .guarantee a{
	padding:0 15px;
}

#guarantee .guarantee a::after{
	content:'';
	background:rgba(255,255,255,0.2);
	width:1px;
	height:70px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}

#guarantee .guarantee:first-child a::after{
	content:none;
}

#guarantee .guarantee a:hover{
	opacity:0.6;
	text-decoration:none;
}

#guarantee .guarantee img{
	max-width:100%;
	width:120px;
	display:block;
}

#guarantee .guarantee .icon::before, #guarantee .guarantee a::before{
	content:'';
	display:block;
	width:60px;
	height:60px;
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-bottom:5px;
	transition:all 0.25s;
}

#guarantee .stock .icon::before, #guarantee .stock a::before{
	background-image :url('../imgs/picto-stock.svg');
}
#guarantee .livraison .icon::before, #guarantee .livraison a::before{
	background-image :url('../imgs/picto-livraison.svg');
}
#guarantee .satisfaction .icon::before, #guarantee .satisfaction a::before{
	background-image :url('../imgs/picto-satisfaction.svg');
}
#guarantee .garantie .icon::before, #guarantee .garantie a::before{
	background-image :url('../imgs/picto-garantie.svg');
}
#guarantee .guarantee-de.garantie .icon::before, #guarantee .guarantee-de.garantie a::before{
	background-image :url('../imgs/picto-garantie-de.svg');
}
#guarantee .guarantee-es.garantie .icon::before, #guarantee .guarantee-es.garantie a::before{
	background-image :url('../imgs/picto-garantie-es.svg');
}
#guarantee .guarantee-it.garantie .icon::before, #guarantee .guarantee-it.garantie a::before{
	background-image :url('../imgs/picto-garantie-it.svg');
}


#guarantee .guarantee a:hover::before{
	transform:scale(.85);
}

/*#guarantee .avis .icon::before, #guarantee .avis::before{
	content: '\e800';
}

#guarantee .phone .icon::before, #guarantee .phone::before{
	content: '\e806';
}

#guarantee .delivery .icon::before, #guarantee .delivery::before{
	content: '\e807';
}

#guarantee .payment .icon::before, #guarantee .payment::before{
	content: '\e808';
}

#guarantee .thumb .icon::before, #guarantee .thumb::before{
	content: '\e809';
}

#guarantee .certification .icon::before, #guarantee .certification::before{
	content: '\e80a';
}*/

#contact-footer{
	background: var(--bleu-roi);
}

#contact-footer .text{
	padding:30px 0 30px 0;
}

#contact-footer h3{
	color:#FFF;
	font-weight:800;
	font-size:2em;
	line-height:1;
	margin-bottom:10px;
}

#contact-footer h3 span{
	font-size:2em;
	text-transform:uppercase;
	display:inline-block;
	margin-top:8px;
}

#contact-footer p{
	color:#FFF;
	font-weight:700;
	font-size:2em;
	line-height:1;
	margin:10px 0;
}

#contact-footer p.tel{
	font-size:3.2em;
}

#contact-footer p.horaires{
	font-size:1.1em;
	font-weight:400;
}

#contact-footer p.prixappel{
	font-size:.9em;
	font-weight:300;
}

#menu-footer ul{
	padding:20px 0 0 0;
	margin:0;
	list-style:none;
}

#menu-footer ul.menu{
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
    width:100%;
    padding:70px 0;
}

#menu-footer ul li{
	margin:0;
	padding:0 5% 0;
	font-size:1.2em;
	font-weight:700;
}

#menu-footer ul li ul.sub-menu li{
	font-size:.85em;
	font-weight:400;
	margin:2px 0;
	padding:0;
}

#site-info{
	background:#F2F2F2;
	padding:50px 0;
}

#site-info .info-left, #site-info .info-right{
	width:600px;
	max-width:100%;
	flex:none;
	margin:0 auto;
	padding:0 15px;
}

#site-info .title{
	/* color:#333131; */
	color:var(--bleu-roi);
	font-weight:600;
	font-size:1.8em;
}
#site-info .title a{
	color:var(--bleu-roi);
}

#site-info .blog .title, #site-info .newsletter .title{
	margin-right:10px;
}

#site-info .title2{
	color:#333131;
	font-weight:500;
	font-size:1.6em;
}

#site-info .rs .title2, #site-info .distributeur .title2{
	margin-right:10px;
}

#site-info p{
	color:#333131;
}

#site-info .btn{
	/*color:#FFF;
	text-decoration:none;
	display:inline-block;
	background:var(--orange);
	padding:8px 20px;
	border-radius:0;*/
	margin:0;
	border-radius: 15px;
}

#site-info .btn:hover{
	background:#CC3912;
}

#site-info .chaine-youtube{
	text-align:center;
	margin-bottom:5em;
}

#site-info .recommandation{
	text-align:center;	
	margin-bottom:5em;
}

#site-info .video{
	max-width:420px;
	margin:0 auto;
	position:relative;
}

#site-info .video a{
	display:block;
	position:relative;
	overflow:hidden;
}

#site-info .video a::before{
	content:'';
	background:rgba(0,0,0,0.20);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}

#site-info .video a::after{
	position:absolute;
	left:50%;
	top:50%;
	content:'';
	width:70px;
	height:70px;
	border:2px solid var(--orange);
	border-radius:50%;
	transform:translate(-50%,-50%);
	background:url('../imgs/picto-play-orange.svg') no-repeat center center;
	background-size:auto 28px;
	transition:all 0.25s;
	z-index:3;
}

#site-info .video a:hover::after{
	width:90px;
	height:90px;
}

#site-info .video a:hover img{
	transform:scale(1.15);
}

#site-info .video img, #site-info .video video{
	display:block;
	transition:all 0.25s;
	z-index:1;
	position:relative;
}

#site-info .chaine-youtube .title, #site-info .recommandation .title{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	min-height:60px;
	margin-bottom:10px;
}

#site-info .chaine-youtube .title img, #site-info .recommandation .title img{
	margin-left:10px;
	width:60px;
}

#site-info .chaine-youtube .title img{
	width:40px;	
}

#site-info .blog{
	margin-bottom:3em;
}

#site-info .newsletter{
	margin-bottom:2.8em;
}

#site-info .newsletter input[type="text"]{
	border: 1px solid #DBDBDB;
    padding: 0px 10px;
    background: none;
    height: 46px;
    /* border-radius: 0; */
    border-right: none;
	border-radius: 15px 0 0 15px;
}
#site-info .newsletter .btn {
	border-radius: 0 15px 15px 0;
}


#site-info .distributeur .title2{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

#site-info .distributeur .title2::before{
	background:url('../imgs/icon-distributeurs.svg') no-repeat center center;
	height:30px;
	width:30px;
	content:'';
	display:block;
	margin-right:10px;
	background-size:cover;
}

#site-info .rs ul{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	align-items:center;
}

#site-info .rs ul li{
	margin-right:10px;
}

#site-info .rs ul li a{
	display:block;
	background:var(--orange);
	background-repeat:no-repeat;
	background-size:60% 60%;
	background-position:center center;
	height:30px;
	width:30px;
	overflow:hidden;
	text-indent:-1000px;
	border-radius:50%;
}

#site-info .rs ul li a:hover{
	background-color:#CC3912;
}

#site-info .rs ul li.facebook a{
	background-image:url('../imgs/icon-facebook-blanc.svg');
}
#site-info .rs ul li.twitter a{
	background-image:url('../imgs/icon-twitter-blanc.svg');
}
#site-info .rs ul li.instagram a{
	background-image:url('../imgs/icon-instagram-blanc.svg');
}
#site-info .rs ul li.youtube a{
	background-image:url('../imgs/icon-youtube-blanc.svg');
}
#site-info .rs ul li.linkedin a{
	background-image:url('../imgs/icon-linkedin-blanc.svg');
}

footer .cgv{
	padding:90px 0 30px;
	font-size:1em;
}

footer .cgv pre{
	text-align:center;
	color:var(--orange);
	font-family: var(--font-primary);
	font-weight:400;
	font-size:1.4em;
	margin:30px 0;
	overflow: visible;
    white-space: normal;
}

footer .cgv ul, footer .cgv ol{
	color:#161615;
	font-size:1em;
	margin:2em 0;
}

footer .cgv p{
	font-size:.9em;
}

#copyright{
	padding:10px 0;
	font-size:.8em;
	text-align:center;
	position:relative;
}

#copyright .line{
	margin:3px 0;
}

#copyright p{
	display:inline;
	margin:0;
}

#copyright ul{
	display:inline;
	list-style:none;
	padding:0;
}

#copyright ul li{
	display:inline-block;
	position:relative;
	padding-right:10px;
	margin-right:6px;
}

#copyright ul li::after{
	content:'';
	height:10px;
	width:1px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:#FFF;
}

#copyright ul li a{
	text-decoration:underline;
}

/* #copyright ul li a:hover{
	color:var(--bleu-roi);
} */

.btn-top{
	position:fixed;
	left:20px;
	z-index:9999;
	bottom:10px;
	border-radius:50%;
	border:2px solid #FFF;
	height:38px;
	width:38px;
	background:url('../imgs/picto-fleche-top-blanc.svg') no-repeat center center;
	background-size:50%;
	cursor:pointer;
}

@media only screen and (max-width: 1199px) {
	#menu-footer ul li{
		padding: 0 2% 0;
	}
	#site-info .info-left, #site-info .info-right{
		margin-bottom:60px;
	}
	footer .cgv{
		padding:30px 0;
	}
}

@media only screen and (max-width: 767px) {
	#guarantee .guarantee a::after{
		content:none;
	}
	#menu-footer ul.menu{
		padding:40px 0;
	}
	#menu-footer ul li{
		margin:15px 0 !important;
		padding:0 !important;
	}
	footer .cgv{
		padding:20px 0;
	}
}

@media only screen and (max-width: 575px) {
	#site-info .title2{
		margin-bottom: 10px;
	}
	#contact-footer h3{
		font-size:1.2em;
	}
	#contact-footer p{
		font-size:1.5em;
	}
	#contact-footer p.tel{
		font-size:2.5em;
	}
	#contact-footer p.horaires{
		font-size:1em;
	}
	#contact-footer .image{
		display:none;
	}
	#menu-footer ul li{
		text-align:center;
	}
	#site-info{
		padding:30px 0;
		text-align:center;
	}
	#site-info .title{
		font-size:1.5em;
	}
	#site-info .title2{
		font-size:1.2em;
	}
	#site-info .blog .row{
		justify-content:center !important;
	}
	#site-info .rs{
		justify-content:center !important;
	}
	#site-info .newsletter .row{
		justify-content:center !important;
	}
	#site-info .distributeur .row{
		justify-content:center !important;
	}
	#site-info .chaine-youtube, #site-info .recommandation{
		margin-bottom:3em;
	}
	#site-info .blog, #site-info .newsletter{
		margin-bottom:2em;
	}
	footer .cgv{
		padding:0;
	}
	#copyright ul{
		display:block;
	}
	#copyright ul li{
		display:block;
	}
	#copyright ul li::after{
		content:none;
	}
	.btn-top{
		position:absolute;
		bottom:auto;
		top:15px;
	}
}

/****************************************

	Home

****************************************/

.section-intro{
	margin-top:2em;
	margin-bottom: 4em;
	text-align:center;
}

@media only screen and (max-width: 767px) {
	.section-intro{
		margin-bottom: 3em;
	}
}

@media only screen and (max-width: 575px) {
	.section-intro{
		margin-bottom: 2em;
	}
}

/*** Slider ***/

#home-slider{
	overflow:hidden;
	position:relative;
}

#home-slider .owl-carousel .owl-nav .owl-prev, #home-slider .owl-carousel .owl-nav .owl-next{
	opacity:.6;
	transition:0.3s all;
	height:70px;
	border-radius:50px;
	background:none;
	border:1px solid #FFF;
	width:40px;
}

#home-slider .owl-carousel .owl-nav .owl-prev{
	position:absolute;
	left:3%;
	top:50%;
	transform:translateY(-50%);
}

#home-slider .owl-carousel .owl-nav .owl-next{
	position:absolute;
	right:3%;
	top:50%;
	transform:translateY(-50%);
}

#home-slider .owl-carousel .owl-nav .owl-prev:hover, #home-slider .owl-carousel .owl-nav .owl-next:hover{
	opacity:1;
}

#home-slider .owl-carousel .owl-prev::before, #home-slider .owl-carousel .owl-next::before{
	font-size: 1.5em;
    color: #ffffff;
    position: absolute;
    font-weight: bold;
    top: 50%;
    line-height: 1;
    left: 50%;
    transform: translate(-50%,-50%);
}

#home-slider .owl-carousel .owl-nav .owl-prev:hover::before{
	animation: .2s owlNavLeft;
}

#home-slider .owl-carousel .owl-nav .owl-next:hover::before{
	animation: .2s owlNavRight;
}

@keyframes owlNavRight {
  0% { left:50%; opacity:1;}
  50% { left:100%; opacity:0;}
  51% { left:0; opacity:0;}
  100% { left:50%; opacity:1;}
}

@keyframes owlNavLeft {
  0% { left:50%; opacity:1;}
  50% { left:0; opacity:0;}
  51% { left:100%; opacity:0;}
  100% { left:50%; opacity:1;}
}

#home-slider .owl-carousel .owl-stage {
    display: flex;
}

#home-slider .owl-carousel .owl-item .item, #home-slider .owl-carousel .owl-item a, #home-slider .owl-carousel .owl-item .image{
	height:100%;
}

#home-slider .owl-carousel .owl-item img {
    width: 100%;
    object-fit:cover;
    height: 100%;
}

.owl-carousel .owl-item img{
	height:auto;
	display:block;
}

#home-slider .image{
	position:relative;
	z-index:1;
}

#home-slider .text{
	position:absolute;
	left:15%;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	color:#FFF;
	font-family: var(--font-title);
}

#home-slider .text p{
	font-size:2.2em;
	text-transform:uppercase;
	font-weight:900;
}

#home-slider .text .has-normal-font-size{
	font-size:2.6em;
	text-transform:uppercase;
	font-weight:900;
	margin:0;
}

#home-slider .text .has-small-font-size{
	font-size:1.6em;
	text-transform:none;
	font-weight:400;
	margin:0;
}

#home-slider .text .has-large-font-size{
	font-size:3.8em;
	text-transform:uppercase;
	font-weight:900;
	line-height:1.2;
	margin:0;
}

#home-slider .text .has-large-font-size strong{
	border-bottom:3px solid #FFF;
	display:inline-block;
	font-weight:900;
}

#home-slider .text .btn{
	padding:8px 30px;
	border-radius:0;
	background:#161615;
	color:#FFF;
	margin-top:30px;
	transition:all .2s;
	border-radius: 15px;
}

#home-slider .text .btn:hover{
	opacity:.8;
}

@media only screen and (max-width: 1199px) {
	#home-slider .text{
		left:12%;
	}
	#home-slider .text .has-normal-font-size{
		font-size:2.2em;
	}
	#home-slider .text .has-small-font-size{
		font-size:1.4em;
		margin-bottom:5px;
	}
	#home-slider .text .has-large-font-size{
		font-size:3em;
		line-height:1.1;
	}
	#home-slider .text .btn{
		margin-top:15px;
	}
}

@media only screen and (max-width: 991px) {
	#home-slider .owl-carousel .owl-nav .owl-prev{
		left:15px;
	}
	#home-slider .owl-carousel .owl-nav .owl-next{
		right:15px;
	}
	#home-slider .owl-carousel .owl-nav .owl-prev, #home-slider .owl-carousel .owl-nav .owl-next{
		height: 55px;
		width: 30px;
	}
	#home-slider .text{
		left:10%;
	}
	#home-slider .text .has-normal-font-size{
		font-size:2em;
	}
	#home-slider .text .has-small-font-size{
		font-size:1.2em;
	}
	#home-slider .text .has-large-font-size{
		font-size:2.5em;
		line-height:1.1;
	}
}

@media only screen and (max-width: 767px) {
	#home-slider{
		display:none;
	}
}

/*** Kit ***/

#kit h2.section-title::before{
	background:url('../imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
	background-size:contain;
	content:'';
	width:15px;
	height:15px;
	transform:rotate(90deg);
	display:inline-block;
	margin-right:20px;
}

#kit h2.section-title::after{
	background:url('../imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
	background-size:contain;
	content:'';
	width:15px;
	height:15px;
	transform:rotate(90deg);
	display:inline-block;
	margin-left:20px;
}

@media only screen and (max-width: 575px) {
	#kit h2.section-title::before{
		margin-right:15px;
	}
	#kit h2.section-title::after{
		margin-left:15px;
	}
}

/*** Listing ***/

.listing{
	margin-bottom:2em;
}

.listing .item{
	margin-bottom:30px;
}

.listing .item .content{
	border:1px solid #DBDBDB;
	background:#F2F2F2;
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	transition:all 0.2s;
	position:relative;
	border-radius: 15px;
}

.listing .item.all .content{
	border:none;
	background:var(--orange) !important;
	color:#FFF;
	position:relative;
	overflow:visible;
	min-height:300px;
}

.listing .item.all .content a{
	color:#FFF;
	display:block;
	height:100%;
}

.listing .item.all .content a:hover{
	text-decoration:none;
}

.listing .item.all .content .camion{
	position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    max-width: 75%;
    width:260px;
}

@media only screen and (max-width: 991px) {
	.listing .item.all .content .camion{
		bottom: -60px;
	}
	.listing .item.all{
		margin-bottom: 80px;
	}
}

.listing .item.all .content h3{
	position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
    padding: 30px;
    margin: 0;
    font-size:2em;
    font-weight:300;
    /*position:relative;*/
}

.listing .item.all .content h3 strong{
	font-weight:800;
}

.listing .item.all .content h3::after{
	display:block;
	height:20px;
	width:20px;
	background: url(../imgs/picto-fleche-droite-blanc.svg) no-repeat center center;
	background-size:contain;
    margin-left: 20px;
    position:absolute;
    margin-right:30px;
    right:0;
    bottom:37px;
    content:'';
}

.listing .item.all:hover .content h3::after{
	animation: .2s arrowRight;
}

.listing .item.all:hover .content{
	background-color:#CC3912 !important;
}

/*.listing .item:hover .content{
	background:#FFF;
}*/

.listing .item .thumbnail{
	position: relative;
	background:#FFF;
	overflow:hidden;
	border-radius: 15px;
}

.listing .item .thumbnail a{
	display: block;
	position: relative;
	color:#333131;
}

.listing .item .thumbnail a::before{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0;
	transition: all .2s ease;
	z-index: 1;
}

.listing .item .thumbnail:hover a::before{
	opacity: 0.5;	
}

.listing .item .thumbnail img{
	width:100%;
	/*height:100%;
	object-fit:cover;*/
	display:block;
	margin:0 auto;
	transition:all 0.2s;
}

.listing .item .thumbnail:hover img{
	transform:scale(1.1);
}

.listing .item .text{
	flex:1;
}

.listing .item .text a{
	display:block;
	padding:20px;
	display:flex;
	flex-direction: column;
	height:100%;
	position:relative;
}

.listing .item .text a:hover{
	text-decoration:none;
}

.listing .item .text h3{
	margin-top:0;
	margin-bottom:.2em;
	font-size: 1.4em;
    font-weight: 400;
}

.listing .item .prix{
	color:#333131;
	font-size: 1.4em;
    font-weight: 400;
    margin-top:auto;
    position:relative;
}

.listing .item .prix::after{
	display:block;
	height:20px;
	width:20px;
	background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
	background-size:contain;
    margin-left: 20px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    content:'';
}

.listing .item:hover .prix::after{
	animation: .2s arrowRight;
}

.listing .item .description {
	color:#333131;
}

@keyframes arrowRight {
  0% { right:0; opacity:1;}
  50% { right:-10px; opacity:0;}
  51% { right:10px; opacity:0;}
  100% { right:0; opacity:1;}
}

.listing .promo{
	height:80px;
	width:80px;
	border-radius:50%;
	background: var(--jaune-tournesol);
	position:absolute;
	right:12px;
	top:12px;
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:.6em;
	text-transform:uppercase;
	line-height:1.2;
	color: var(--bleu-roi);
	font-family: var(--font-title);
}

.listing .promo span{
	font-size:2em;
	font-weight:700;
}

.listing .stock{
	position:absolute;
	bottom:12px;
	right:12px;
	background:var(--jaune-tournesol);
	font-size:.75em;
	text-transform:uppercase;
	padding:2px 6px;
	margin:0;
	color: var(--bleu-roi);
	font-family: var(--font-title);
  	font-weight: 300;
}

.listing .macaron {
    z-index: 10;
    line-height: 1;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -65px;
    left: -65px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
	.listing{
		justify-content:center;
	}
	.listing .item.all .content h3{
	    font-size:1.8em;
	}
}

@media only screen and (max-width: 575px) {
	.listing .item.all .content h3{
	    font-size:1.5em;
	}
	.listing .item .text h3{
		font-size: 1.2em;
	}
	.listing .item .prix{
		font-size: 1.2em;
	}
}

.classic-listing .listing.kits .item .description {
	padding: 0 15px 15px 15px;
	color: #333131;
	font-size: 15px;
	margin: 0 auto;
}

.classic-listing .listing.kits .item .item-title {
	text-align: left;
}

/*** Artcile Prev Next ***/

.boutons-navigation {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.boutons-navigation .next {
	position: relative;
	padding-right: 10px;
	border-radius: 15px;
}

.boutons-navigation .prev {
	position: relative;
	padding-left: 10px;
	border-radius: 15px;
}

.boutons-navigation .next::after {
	content: '';
    background: url(../imgs/picto-fleche-droite-blanc.svg) no-repeat center center;
    background-size: contain;
    display: block;
    height: 10px;
    margin: 0 0.5em 1px 15px;
    width: 10px;
}

.boutons-navigation .prev::before {
	content: '';
    background: url(../imgs/picto-fleche-gauche-blanc.svg) no-repeat center center;
    background-size: contain;
    display: block;
    height: 10px;
    margin: 0 15px 1px 0.5em;
    width: 10px;
}


/*** Paiement annulÃ© ***/

.card-contact {
	background-color: var(--orange);
	color: #fff;
	padding: 15px 20px;
	width: fit-content;
	height: fit-content;
	margin-bottom: 20px;
}

.card-contact .horaires {
	margin: 0;
	font-size: 14px;
}

.card-contact .icon-phone a {
	color: #fff;
	transition: all .3s;
}

.card-contact .icon-phone {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-contact .icon-phone::before {
	content: '';
    background: url(../imgs/picto-tel.svg) no-repeat center center;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 5px;
	margin-left: 0;
}

.text-area h2.title-paiment-annule {
	position: relative;
	color: #313131;
	font-size: 30px;
	margin-top: 0;
	font-weight: bold;
	transform: translateY(-25px);
}

.text-area h2.title-paiment-annule::before {
	content: '';
    background: url(../imgs/picto-paiement-annule.svg) no-repeat center center;
	background-size: contain;
    display: inline-block;
    height: 45px;
    width: 45px;
    margin-right: 5px;
	margin-left: 0;
	transform: translateY(8px);
}


/*** Search ***/

#search{
	background:#F2F2F2;
	margin: 40px 0 80px;
	padding:30px 0;
}

@media only screen and (max-width: 767px) {
	#search .logos-marques{
		display:none;
	}
	#search .dropdown{
		margin-bottom:10px;
	}
	#search .submit{
		margin-top:1.5em;
	}
}

/*** Livraison ***/

#livraison .livraison{
	text-align:center;
	margin-bottom:40px;
	margin-top:30px;
}

#livraison .livraison a{
	display:flex;
	height:100%;
	color:#333131;
	flex-direction: column;
	text-decoration:none !important;
}

#livraison .livraison .top{
	color:#FFF;
	padding:25px 5px 16px;
}

#livraison .livraison .content{
	position:relative;
	overflow:visible;
	background:#FFF;
	border-top:none;
	display:flex;
	flex-direction:column;
}

#livraison .livraison.eco .top{
	background:#64AC12;
}

#livraison .livraison.zen .top{
	background:var(--orange);
}

#livraison .livraison.prio .top{
	background:#C30C0C;
}

#livraison .livraison h3{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-35px;
	height:96px;
	width:96px;
	border-radius:50%;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
	font-size:1.2em;
	margin:0;
	padding-top:25px;
	z-index:1;
}

#livraison .livraison.eco h3{
	background:#64AC12;
}

#livraison .livraison.zen h3{
	background:var(--orange);
}

#livraison .livraison.prio h3{
	background:#C30C0C;
}

#livraison .livraison .livraison-expedition{
	font-weight:700;
	font-size:1.2em;
	position:relative;
	z-index:2;
}

#livraison .livraison .picto{
	width:100px;
	height:100px;
	margin:30px auto;
	transition:all 0.2s;
}

#livraison .livraison a:hover .picto{
	transform:translateY(-10px);
}

#livraison .livraison p{
	margin:0 0 1em;
}

#livraison .livraison .price{
	font-size:.75em;
	margin-top:auto;
	margin-bottom:25px;
}

#livraison .livraison .price p{
	margin:0;
	font-size:1em;
}

#livraison .livraison .price strong{
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
}

#livraison .livraison.eco .price strong{
	color:#64AC12;
}

#livraison .livraison.zen .price strong{
	color:var(--orange);
}

#livraison .livraison.prio .price strong{
	color:#C30C0C;
}

#livraison .livraison.all{
	min-height: 350px;
}

#livraison .livraison.all h3{
	width:100%;
	padding: 20px;
	margin:0;
	top:50%;
	transform:translateY(-50%);
	left:auto;
	position:relative;
	font-size: 2em;
    font-weight: 300;
    text-transform:none;
    height:auto;
    border-radius:none;
}

#livraison .livraison.all h3 strong {
    font-weight: 800;
}

#livraison .livraison.all h3::after {
    position: relative;
    right: auto;
    bottom: auto;
    margin:30px auto 0 auto;
}

@media only screen and (max-width: 767px) {
	#livraison .livraison.all{
		margin-top:0;
	}
	#livraison .livraison.all h3{
	    font-size:1.8em;
	}
}

@media only screen and (max-width: 575px) {
	#livraison .livraison.all h3{
	    font-size:1.5em;
	}
	.boutons-navigation .next {
		padding-right: 0;
	}
	
	.boutons-navigation .prev {
		padding-left: 0;
	}
}

/*** MÃ©tiers ***/

#metiers{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
}

#metiers .section-intro{
	margin-bottom:3em;
}

#metiers ul.metiers{
	list-style:none;
	margin:0 -15px;
	padding:0;
}

#metiers ul.metiers li{
	float:left;
}

#metiers .metiers .content{
	border:none;
	background:none;
}

#metiers .metiers a{
	display:block;
	color:#161615;
	text-decoration:none !important;
}

#metiers .metiers .content h3{
	color:#161615;
	font-weight:400;
	font-size: 1.3em;
    margin-top: 1em;
}

#metiers .metiers .metier{
	margin-bottom:30px;
}

#metiers .metiers .metier .thumbnail a{
	height:340px;
}

#metiers .metiers .metier img{
	height:100%;
	width:100%;
	object-fit:cover;
	max-width:none;
}

#metiers .metiers .kit-metier{
	text-align:left;
	margin:0;
}

#metiers .metiers .kit-metier a{
	padding:16px 0;
	display:flex;
	align-items:center;
}

#metiers .metiers .kit-metier a:hover{
	color:var(--orange);
}

#metiers .metiers .kit-metier a::after{
    display: block;
    height: 10px;
    width: 10px;
    background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
    background-size: contain;
    margin-left: 20px;
    content: '';
    transition:all 0.2s;
}

#metiers .metiers .kit-metier a:hover::after{
	margin-left:30px;
}

#metiers .metiers .kit-metier.all{
	margin-top:15px;
}

#metiers .metiers .kit-metier.all a{
	background:var(--orange);
	padding:12px 20px;
	display:inline-block;
	color:#FFF;
}

#metiers .metiers .kit-metier.all a:hover{
	background:#CC3912;
}

#metiers .metiers .kit-metier.all a::after{
	content:none;
}

@media only screen and (max-width: 767px) {
	#metiers ul.metiers li{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	#metiers .metiers .metier {
	    margin-bottom: 40px;
	}
	#metiers .metiers .kit-metier{
		margin:0 auto;
		text-align:center;
	}
	#metiers .metiers .kit-metier a{
		justify-content:center;
	}
}

@media only screen and (max-width: 575px) {
	#metiers .metiers .content h3{
		font-size: 1.2em;
	}
}

/*** Actus ***/

#actus{
	background:#F2F2F2;
	margin: 0;
    padding: 30px 0 20px;
}

#actus h3{
	font-weight:400;
	font-size:1.4em;
	margin: 1.5em 0 .5em;
}

@media only screen and (max-width: 767px) {
	#actus{
		margin-bottom:0;
	}
}

/*** Contact ***/

#contact{
	padding: 25px 0;
    margin-bottom: 45px;
}

#contact .bloc{
	background:url('../imgs/image-fond-contact.webp') no-repeat center center;
	background-size:cover;
	position:relative;
	padding-top:120px;
	padding-bottom:60px;
}

#contact .bloc::before{
	content:'';
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#contact .text{
	position:relative;
	color:#FFF;
	padding:0 20px;
}

#contact h2, #contact .h2{
	color:#FFF;
}

#contact h2{
	margin-bottom:0;	
}

#contact .h2{
	margin-bottom:.5em;
	margin-top:0;
}

#contact .h2 a{
	color:#FFF;
	text-decoration:none;
}

#contact .h2 a:hover{
	text-decoration:underline;
}

#contact ul{
	list-style:none;
	margin:0;
	padding:0;
	background:var(--orange);
	display:inline-block;
}

#contact ul li{
	display:inline-block;
	position:relative;
	font-size:.85em;
	padding:20px;
}

#contact ul li::after{
	content:'';
	width:1px;
	height:60px;
	background:rgba(255,255,255,0.2);
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}

#contact ul li:last-child::after{
	content:none;
}

#contact ul li a{
	color:#FFF;
	display:block;
	padding:10px 40px;
	text-decoration:none !important;
}

#contact ul li a:hover{
	background:#CC3912;
}

#contact ul li.email a::before{
	content:'';
	display:block;
	width:38px;
	height:38px;
	margin:0 auto 10px;
	background:url('../imgs/picto-mail.svg') no-repeat center center;
	background-size:contain;
}

#contact ul li.devis a::before{
	content:'';
	display:block;
	width:38px;
	height:38px;
	margin:0 auto 10px;
	background:url('../imgs/picto-devis.svg') no-repeat center center;
	background-size:contain;
}

#contact ul li.sav a::before{
	content:'';
	display:block;
	width:38px;
	height:38px;
	margin:0 auto 10px;
	background:url('../imgs/picto-telephone.svg') no-repeat center center;
	background-size:contain;
}

@media only screen and (max-width: 767px) {
	#contact ul li a{
		padding:10px 20px;
	}
	#contact h2{
		font-size:1.6em;
	}
	#contact{
		padding:25px 0;
	}

}

@media only screen and (max-width: 575px) {
	#contact .bloc{
		padding:50px 0 60px;
	}
	#contact h2{
		font-size:1.4em;
	}
	#contact ul li{
		display:block;
	}
	#contact ul li::after{
		left:50%;
		transform:translateX(-50%);
		top:auto;
		bottom:0;
		right:auto;
		height:1px;
		width:80%;
	}
	#contact ul li a{
		padding:10px 60px;
	}
}


/*** Bottom slider ***/

#bottom-slider{
	margin:2em 0 4em;
}

#bottom-slider .container{
	padding:0;
}

#bottom-slider .item{
	border: 1px solid #DBDBDB;
	border-radius: 15px;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	/* #bottom-slider {
	    display:none;
	} */
}


/****************************************

	Breadcrumb

****************************************/

#breadcrumb{
	color:#333131;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #DBDBDB;
	background:none;
	margin-bottom:2em;
}

#breadcrumb ul{
	overflow: hidden;
	margin:0;
	padding: 1px 0 0 0;
	background:none;
}

#breadcrumb li{
	display:flex;
	align-items:center;
}

#breadcrumb li::after{
	content:'';
	background:url('../imgs/picto-fleche-noir-right.svg') no-repeat center center;
	background-size:contain;
	display:block;
	height:10px;
	margin: 0 0.5em;
	width:10px;
}

#breadcrumb li.active{
	color:var(--orange);
}

#breadcrumb li:last-child::after{
	display: none;	
}

#breadcrumb li a{
	color:#333131;
}

#breadcrumb li a:hover{
	color:var(--orange);
}

@media only screen and (max-width:575px){
	#breadcrumb{
		margin-bottom:2em;
		font-size:.85em;
	}
}


/****************************************

	Page

****************************************/

.page-header{
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--orange);
	color:#ffffff;
	text-align: center;
	overflow:hidden;
	position:relative;
	display:flex;
	flex-direction: column;
	justify-content: center;
	min-height: 250px;
}

.page-header .image-bg{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
}

.page-header .image-bg img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.product-list .page-header::after{
	content:'';
	position:absolute;
	right:0;
	height:100%;
	width:30%;
	top:0;
	/* background:#161615; */
	z-index:0;
	background: var(--bleu-roi);
}

.page-header .thumbnail img{
	display:block;
	position:relative;
	z-index:2;
	margin-left: -148px;
}

.page-header .thumbnail{
	padding-right:100px;
}

.page-header .thumbnail .baseline{
	position:absolute;
	top:-30px;
	bottom:-30px;
	right: -15px;
	/* background:#161615; */
	background: var(--bleu-roi);
	text-transform:uppercase;
	font-weight:300;
	font-size:1.6em;
	margin:0;
	z-index:1;
	padding:30px 0px 30px 100px;
}

.page-header .thumbnail .baseline span{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	display:block;
	max-width:250px;
}

.page-title{
	text-transform: none;
	font-weight:800;
	color:#FFF;
	margin: .5em 0;
	position:relative;
	z-index:2;
}

.page .page-title{
	margin:0;
}

.page-desc{
	margin: 0;
	position:relative;
	z-index:2;
}

.page-header-img .page-title span{
	background:#FFF;
	color:var(--orange);
	display:inline-block;
	padding:5px 0;
}

.page-header-img .page-desc span{
	background:#FFF;	
	color:#333131;
	display:inline-block;
	padding:5px 0;
}

.page-desc-vehicule{
	margin: 8px 0 8px 10px;
	color: #FFF;
    background: #353539;
    padding: 3px 8px 2px;
    display:inline-block;
}

.page-desc a{
	color:#333131;
	text-decoration: underline;
}

.page-desc a:hover{
	color:#FFF;
}

.page-content{
	background: #FFF; 
}

.page-content .text-area{
	padding-top: 20px;
	padding-bottom: 40px;
	color:#333131;
}

h2.section-title{
	font-weight:600;
}

h3.item-title{
	font-size: 1.2em;
    margin: 0;
    padding: 15px;
    text-align: center;
}

h3.item-title a:hover{
	text-decoration:none;
}

.text-area .item{
	margin-bottom: 30px;
}

.text-area h2{
	font-size:2.5em;
    text-transform: uppercase;
	color:#ef7a33;
}

.text-area h3{
	font-size: 1.8em;
	color:#353539;
}

.page .text-area h3{
	font-weight: 800;
}

.text-area p{
	font-size:1em;
	text-align:justify;
	margin-bottom: 30px;
}

.text-area .separator{
	border-top: 2px solid #D9D9D9;
	display: block;
	width:100%;
	height: 1px;
	margin: 30px 0 60px;
}

.text-area ul li {
	font-size: 1.1em;
	list-style: inside;
	margin-bottom: 10px;
}

.page-header .btn{
	/* background:#161615; */
	background: var(--bleu-roi);
}

.page-header .btn:hover{
	background:#FFF;
	color:#161615;
}


.btn, .btn-orange{
	background: var(--orange);
    padding: 10px 20px;
    display: inline-block;
    color: #FFF;
    border-radius:0;
    font-size:1em !important;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    margin:10px 0;
	border-radius: 15px;
}

.btn.small{
	font-size:.9em !important;
	padding:8px 20px;
	height:40px;
}

.btn-search{
	background-image:url('../imgs/picto-loupe.svg') !important;
	background-repeat:no-repeat !important;
	background-size:15px !important;
	background-position:20px center !important;
	padding-left:45px;
}

.btn-download{
	background-image:url('../imgs/picto-download-blanc.svg') !important;
	background-repeat:no-repeat !important;
	background-size:16px !important;
	background-position:right 20px center !important;
	padding-right:45px;
}

.btn-see{
	background-image:url('../imgs/picto-fleche-droite-blanc.svg') !important;
	background-repeat:no-repeat !important;
	background-size:14px 14px !important;
	background-position:right 20px center !important;
	padding-right:45px;
}

.btn-print{
	background-image:url('../imgs/picto-print.svg') !important;
	background-repeat:no-repeat !important;
	background-size:20px !important;
	background-position:20px center !important;
	padding-left:50px;
}

.btn-trash{
	background-image:url('../imgs/picto-trash.svg') !important;
	background-repeat:no-repeat !important;
	background-size:20px !important;
	background-position:20px center !important;
	padding-left:50px;
}


.btn-devis{
	background-image:url('../imgs/picto-devis.svg') !important;
	background-repeat:no-repeat !important;
	background-size:20px !important;
	background-position:20px center !important;
	padding-left:50px;
}

.btn-go-order{
	background-image:url('../imgs/check-blanc.svg') !important;
	background-repeat:no-repeat !important;
	background-size:15px !important;
	background-position:20px center !important;
	padding-left:50px;
}

.btn-back{
	background:#333131;
}

.btn-back::before{
	font-family: 'font-awesome';
    content: '\f104';
    margin-right: 10px;
    font-size: 1.4em;
}

.btn-confirm::before{
	background-image:url('../imgs/picto-cart.svg') !important;
	background-repeat:no-repeat !important;
	background-size:contain;
	background-position:center center !important;
	width:25px;
	content:'';
	height:25px;
	margin-right:15px;
}

.btn.submit, .btn-noir{
	/* background:#161615; */
	background: var(--bleu-roi);
}

.btn-gris{
	/* background:#333131; */
	background: var(--bleu-roi);
}

.btn:hover, .btn-orange:hover{
	background:#CC3912;
	color:#FFF;
}

.btn.submit:hover, .btn-noir:hover{
	background:#FFF;
	color:#161615;
}

.btn-gris:hover{
	background:var(--orange);
}

.btn-back:hover{
	background:#000;
}

@media only screen and (max-width: 1199px) {
	.page-title{
		font-size:2.2em;
	}
}

@media only screen and (max-width: 991px) {
	.page-header{
		position:relative;
	}
	.page-header .thumbnail {
	    padding-right: 0;
	    text-align: center;
	    padding-bottom: 15px;
	}
	.page-header .thumbnail img{
		margin:0 auto;
	}
	.page-header .image-vehicule{
		position:static;
	}
	.page-header .thumbnail .baseline {
	    top: auto;
	    bottom: 0;
	    right: auto;
	    left: 0;
	    font-size: 1.2em;
	    padding:20px;
	    width:100%;
	    line-height:1.2;
	}
	.page-header .thumbnail .baseline span {
	    max-width:none;
	    transform:none;
	    top:auto;
	}
	.product-list .page-header::after{
		content:none;
	}
	.page .page-title{
		margin:0 0 .5em;
	}
}

@media only screen and (max-width: 767px) {
	.page-content .text-area{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.page-header{
		padding-top:40px;
		padding-bottom:40px;
	}
	.page-title{
		font-size:2em;
	}
}

@media only screen and (max-width:575px){
	.page-title {
    	font-size:1.8em;
	}
	.page-header .thumbnail{
		padding-bottom: 0;
	}
	.page-header{
		padding-top:30px;
		padding-bottom:30px;
	}
	.page-header .thumbnail .baseline{
		display:none;
	}
}


/****************************************

	Marques

****************************************/

.marques{
	padding-top: 30px;
	padding-bottom: 30px;
}

.marques .item .thumbnail{
	background:#FFF;
}

.brands .listing .item .thumbnail a{
	padding:40px;
}


/****************************************

	Gammes

****************************************/


.gamme .page-header{
	text-align: left;
	padding-bottom: 30px;
}

.gamme .page-header .thumbnail{
	margin-bottom: 30px;
	border-radius:0;
	padding-right:0;
}

.gamme .page-header .page-desc{
	margin-bottom: 30px;
}

.gamme .listing .item .thumbnail{
	height:180px;
	text-align:center;
}

.gamme .listing .item .thumbnail a{
	padding:20px;
	height:100%;
	margin:0 auto;
	text-align:center;
}

.gamme .listing .item .thumbnail a img{
	max-height:100%;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
}

.models{
	background: #ffffff;
}

.models article{
	padding-top: 30px;
	padding-bottom: 30px;
}

.models article:nth-child(odd){
	background:#f5f5f5;	
}

.models article:nth-child(odd) .row{
	-ms-flex-direction: row-reverse!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
	        flex-direction: row-reverse!important;	
}

.models article p, .models article a{
	/*font-size: 1.2em;*/
}

.gamme-desc{
	/*font-size: 1.2em;*/
	/*background: #f5f5f5;*/
	padding-top: 60px;
	padding-bottom: 60px;
}


@media only screen and (max-width:575px){
	.gamme .page-header .thumbnail{
		margin-bottom:20px;
	}
}


/****************************************

	Shop

****************************************/

.intro{
	margin-bottom:35px;
	font-size:.9em;
	text-align:left;
}

.shop .page-header{
	padding-top: 30px;
	padding-bottom: 30px;
}

.filters{
	padding: 20px;
	background: var(--orange);
	/* box-shadow:0 0 10px rgba(231,80,15,0.7); */
	box-shadow: 0 0 10px rgba(218, 95, 55, 0.7);
	margin-bottom: 30px;
	color:#FFF;
	text-align:center;
	border-radius: 15px;
}

.filters h3{
	font-size:1.6em;
	padding:0 15px;
}

.filters p{
	color:#FFF;
	margin:0 0 5px;
}

.filters a{
	color:#FFF;
}

.filters a:hover{
	text-decoration:underline;
}


.filters .listing{
	margin-bottom:0;
}

.filters .listing p{
	color:#353539;	
}

.filters .listing .item{
	margin-bottom: 20px;
}

.filters button{
	width: 100%;
}

.filterlisting {
	width: 100%;
}

.jdf_disabled {
	opacity: 0.65;
}

.info-delais, .info-livraison {
	font-size: 12px!important;
	font-style: italic;
	margin-top: 15px!important;
}

.info-livraison-list li {
	font-size: 12px!important;
	font-style: italic;
	list-style: none;
}

.align-video-center {
	text-align: center;
	height: 450px;
}

.align-video-center iframe {
	width: 80%;
	object-fit: contain;
}

@media only screen and (min-width: 768px) {
	.align-video-center iframe {
		height: 450px;
	}
}

.products{
	padding-top: 0;
	padding-bottom: 2em;
	margin-bottom:1em;
	padding-bottom:0;
}

.products .price, .products .price-discount, .products .previous-price{
	margin-bottom: 6px;
    height: auto;
    overflow: visible;
}

.products .content{
	background: #ffffff;
	border:2px solid #f5f4f4;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}

.products .infos{
	padding: 12px;	
	flex:1;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items: center;
}

.options .products .infos{
	align-items: flex-start;
}

.products .product-title{
	color:#ef7a33;
	/* text-transform: uppercase; */
	margin-bottom: 20px;
	font-size: 1.1em;
	/* font-weight: 700; */
	flex:1;
	font-family: var(--font-title);
}

.options .products .product-title{
	margin-bottom:10px;
}

.products p{
	font-size: 1em;
	margin: 0;
}

.products .prices{
	width:100%;
}

/*.products .btn{
	margin-bottom:0;
}*/

.options .products .btn{
	align-self: flex-end;
	padding: 6px 20px;
	font-size:.9em !important;
}

.products .macaron{
	top: -65px;
    left: -65px;
}

.products .macaron a{
	font-size: 1em;
	color:#FFF;
	display:block;
	height:100%;
	width:100%;
	background:#DBDBDB;
}

.products .macaron a:hover{
	text-decoration:none;
}

.products .macaron a.added{
	background:var(--orange);
	color:#FFF !important;
}

.products .macaron a:hover{
	color:var(--orange);
}

.products .macaron a::before{
	font-family: 'font-awesome';
	content: '\e806';
	position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%) rotate(45deg);
}

.products .macaron span{
	display: none;
}

.sidebar{
	padding-right:60px !important;
}

.sidebar h3, .sidebar .h3{
	color:#161615;
	margin-bottom: 20px;
	font-size:1.5em;
	text-align:center;
}

.current-car {
	display: none; 
	padding: 20px 35px;
	background-color: #f2f2f2;
	border: 1px solid #dadada;
	border-radius: 15px;
}

.current-car .item-title {
	color: var(--orange);
}

.current-car.mobile {
	margin-bottom: 40px;
	display: none;
}

.current-car.mobile img {
	max-width: 250px;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 991px) {
	.current-car.mobile {
		display: block;
	}
}

.current-categorie {
	padding: 20px 35px;
	background-color: #f2f2f2;
	border: 1px solid #dadada;
	border-radius: 15px;
	margin-bottom: 15px;
}

.categories-long-description {
	width: 100%;
	margin: 40px 0;
}

.current-categorie.long {
	width: 100%;
}

.current-categorie.long h3 {
	padding: 0;
	text-align: left;
}


.current-categorie .item-title {
	color: var(--orange);
}

@media only screen and (min-width: 1200px) {
	.filter_sidebar .h3 {
		position: relative;
		transform: translateX(15px);
	}

	.filter_sidebar .h3::before {
		content: '';
		background-image: url('../imgs/step-2.svg') !important;
		height: 35px !important;
		width: 35px !important;
		position: absolute;
		top: 50%;
		left: -20px;
		transform: translateY(-50%) !important;
		background-size: contain;
	}
}

@media only screen and (min-width: 991px) {
	.current-car {
		display: block;
	}

	.listingProduct .filters h3 {
		width: 100%;
		position: relative;
	}
	
	.listingProduct .filters h3 span {
		position: relative;
	}
	
	.listingProduct .filters {
		padding: 20px 40px;
	}
	
	
	.listingProduct .filters h3 span::before {
		content: '';
		background-image: url('../imgs/step-1.svg');
		height: 35px;
		width: 35px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -60px;
		background-size: contain;
	}
}

@media only screen and (max-width: 1200px) {
	.filter_sidebar {
		position: relative;
	}

	.filter_sidebar::before {
		content: '';
		background-image: url('../imgs/step-2.svg');
		height: 35px;
		width: 35px;
		position: absolute;
		top: 46px;
		left: 21px;
		background-size: contain;
	}
	.filter_sidebar .h3::before {
		content: none !important;
	}

	

	.filter_sidebar .h3 {
		text-align: left;
		padding-left: 50px;
	}
}

@media only screen and (max-width: 991px) {
	.filter_sidebar::before {
		top: 30px;
	}
	.filter_sidebar .h3::after {
		content: '' !important;
	}

	.filters h3 {
		width: 100%;
		text-align: left;
		padding-left: 70px;
		position: relative;
	}

	.filters h3::before {
		content: '';
		background-image: url('../imgs/step-1.svg');
		height: 35px;
		width: 35px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 21px;
		background-size: contain;
	}
}

.filters-group{
	margin-bottom: 30px;
	box-shadow:0 0 6px rgba(0,0,0,0.25);
	padding:20px;
	padding-top:35px;
	border-radius: 15px;
}

.filters-group button{
	font-size: 1.1em;
	color:#353539;
	display: block;
	padding: 10px 25px 10px 0;
	margin: 0;
	border:none;
	background: transparent;
	width: 100%;
	text-align: left;
	cursor: pointer;
	display:flex;
	align-items:center;
}

.filters-group button.reset{
	color:#333131;
	font-weight:400;
	font-size:.9em;
	padding:0;
	margin:15px 0 10px;
	position:relative;
	display:flex;
	align-items:center;
}

.filters-group button.reset:hover{
	color:var(--orange);
}

.filters-group button.reset::before{
	font-family: 'font-awesome';
	content:'\e816';
	display:block;
	margin-right:15px;
}

.filters-group button:focus{
	outline:none;	
}

.filters-group button span{
	position: relative;
	display: block;
	display:flex;
}

.filters-group button span::before{
	content:'';
	display: inline-block;
	width: 18px;
	height: 18px;
	border:1px solid #dadade;
	margin-right: 10px;
	margin-top:1px;
}

.filters-group button.main-group{
	position: relative;
}

.filters-group button.main-group span::after{
	display: block;
	content:'';
	width: 18px;
	height: 18px;
	background: #ef7a33;
	border:1px solid #dadade;
	position: absolute;
	top: 1px;
	left: 0;
}

.filters-group button.main-group.collapsed span::after{
	display: none;
}

.filters-group .sub-filters button span::after{
	display: none;
	content:'';
	width: 18px;
	height: 18px;
	background: #ef7a33;
	position: absolute;
	top: 1px;
	left: 0;
	border:1px solid #dadade;
}

.filters-group .sub-filters button.selected span::after{
	display: block;
}

.filters-group button.main-group::after{
	font-family: 'font-awesome';
	font-size: 1.5em;
	content: '\f107';
	color:#ef7a33;
	position: absolute;
	top:50%;
	right: 0;
	-webkit-transform: rotate(180deg) translateY(50%);
	    -ms-transform: rotate(180deg) translateY(50%);
	        transform: rotate(180deg) translateY(50%);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-top:-1px;
}

.filters-group button.main-group.collapsed::after{
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.filters-group .items-group{
	border-bottom:2px solid #DBDBDB;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size:.9em;
}

.items-group .sub-filters{
	position: relative;
	padding-left: 25px;
	font-size:.85em;
}

.items-group .sub-filters::before{
	content: '';
    width: 1px;
    background: #dadade;
    position: absolute;
    top: -15px;
    left: 9px;
    bottom: 22px;
}

.items-group .sub-filters ul{
	padding:0;
	margin:0;
	list-style:none;
}

.items-group .sub-filters li{
	position: relative;
}

.items-group .sub-filters li::before{
	content:'';
	width: 16px;
	height: 1px;
	background:#dadade;
	position: absolute;
	right: 100%;
	top:19px;
}

.cta{
	background: #ef7a33;
	color:#ffffff;
	padding: 20px;
	margin-bottom: 30px;
}

.cta.fox{
	background: url(../imgs/fox.png) no-repeat bottom left #ef7a33;
	min-height: 200px;
	padding-left: 150px;
}


@media only screen and (max-width: 991px) {
	.filter_sidebar{
		padding-right:0 !important;
	}
}


@media only screen and (max-width: 767px) {
	.products .content{
		display:block;
	}
	.filters h3{
		font-size:1.4em;
	}
	.filter_sidebar h3, .filter_sidebar .h3{
		font-size:1.4em;
	}
}


/****************************************

	Produit

****************************************/

.product{
	padding-bottom: 50px;
}

.product-container{
	position: relative;
}

.product-header{
	margin-bottom: 60px;
	margin-top:10px;
}

.product-header .page-title{
	color: var(--orange);
    font-size: 2em;
    font-weight: 400;
}

.product-header .page-desc{
	font-size: 1.4em;
    font-weight: 400;
}

.product-content{
	margin-bottom: 30px;
}

.product-content .product-carousel{
	border:1px solid #DBDBDB;
	border-radius: 15px;
  	overflow: hidden;
}

.product-carousel-nav {
	padding-top: 15px;
	padding-bottom: 15px;
}

.product-carousel-nav span {
	cursor: pointer;
}

.product-carousel-nav .row{
	margin-left: -10px;
	margin-right: -10px;
}

.product-carousel-nav .col-3{
	padding-left: 10px;
	padding-right: 10px;
}

.product-carousel-nav .vue-3d{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: 'khandbold';
	font-size: 1.2em;
	background: #f5f5f5;
	color: #6f6f74;
}

.product-carousel-nav .vue-3d span::before{
	font-family: 'iconotheque';
    font-size: 3em;
    content: '\e81c';
    display: block;
    line-height: 0.6;
}

.product-carousel-nav img{
	border: 1px solid #cccccc;
	border-radius: 15px;
}

.product-content .avis{
	color:#ef7a33;
}

.product-content .avis p{
	margin-right: 0.5em;
}

.product-content .avis a{
	font-family: 'khandmedium';
	text-decoration: underline;
}

.product-content .note li{
	margin-right: 2px;
}

.product-content .note li::before{
	font-family: 'font-awesome';
	content: '\e807';
}

.product-content .note li.full::before{
	content: '\e806';	
}

.product-content .note li span{
	display: none;
}

.product-content .components{
	margin-bottom: 40px;
}

.product-content .components h2{
	font-size:1.4em;
	font-weight:400;
	margin:0 0 1.5em;
}

.product-content .components ul{
	margin-bottom: 20px;
	padding:0;
	list-style:none;
}

.product-content .components li{
	margin-bottom: 10px;
}

.product-content .components li::before{
	content:'-';
	margin-right: 0.25em;
}

.more-infos{
	font-size: 1em;
    text-decoration: underline;
    font-weight: 500;
}

.more-infos:hover{
	color:#CC3912;
}

.product-content .services{
	margin-bottom: 30px;
}

.product-content .services ul{
	padding:0;
	margin:0;
	list-style:none;
	justify-content: flex-start;
}

.product-content .services li{
	margin-bottom:20px;
	text-align:center;
	color:#161615;
	font-size:.85em;
	line-height:1.2;
}

.product-content .services li::before{
    content: '';
    display: block;
    width: 60px;
    height: 60px;
	text-align: center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 auto 10px;
}

.product-content .services li.pict_1erprix::before{
	background-image:url('../imgs/pictos/pict_1erprix.svg');
}

.product-content .services li.pict_12mois::before{
	background-image:url('../imgs/pictos/pict_12mois.svg');
}

.product-content .services li.pict_24mois::before{
	background-image:url('../imgs/pictos/pict_24mois.svg');
}

.product-content .services li.pict_36mois::before{
	background-image:url('../imgs/pictos/pict_36mois.svg');
}

.product-content .services li.pict_48mois::before{
	background-image:url('../imgs/pictos/pict_48mois.svg');
}

.product-content .services li.pict_60mois::before{
	background-image:url('../imgs/pictos/pict_60mois.svg');
}

.product-content .services li.pict_cale::before{
	background-image:url('../imgs/pictos/pict_cale.svg');
}

.product-content .services li.pict_crashtest::before{
	background-image:url('../imgs/pictos/pict_crashtest.svg');
}

.product-content .services li.pict_econom::before{
	background-image:url('../imgs/pictos/pict_econom.svg');
}

.product-content .services li.pict_expert1::before{
	background-image:url('../imgs/pictos/pict_expert1.svg');
}

.product-content .services li.pict_expert2::before{
	background-image:url('../imgs/pictos/pict_expert2.svg');
}

.product-content .services li.pict_facil1::before{
	background-image:url('../imgs/pictos/pict_facil1.svg');
}

.product-content .services li.pict_facil2::before{
	background-image:url('../imgs/pictos/pict_facil2.svg');
}

.product-content .services li.pict_inter1::before{
	background-image:url('../imgs/pictos/pict_inter1.svg');
}

.product-content .services li.pict_inter2::before{
	background-image:url('../imgs/pictos/pict_inter2.svg');
}

.product-content .services li.pict_fr::before{
	background-image:url('../imgs/pictos/pict_fr.svg');
}

.product-content .services li.pict_pefc::before{
	background-image:url('../imgs/pictos/pict_pefc.svg');
}

.product-content .services li.pict_premonte::before{
	background-image:url('../imgs/pictos/pict_premonte.svg');
}

.product-content .services li.pict_reuti::before{
	background-image:url('../imgs/pictos/pict_reuti.svg');
}

.product-content .services li.pict_topq::before{
	background-image:url('../imgs/pictos/pict_topq.svg');
}

.product-content .services li.pict_topvente::before{
	background-image:url('../imgs/pictos/pict_topvente.svg');
}

.product-content .services li.pict_ue::before{
	background-image:url('../imgs/pictos/pict_ue.svg');
}

.product-content .services li.pict_visser::before{
	background-image:url('../imgs/pictos/pict_visser.svg');
}

.product-content .services li.pict_posefacile::before{
	background-image:url('../imgs/pictos/pict_posefacile.svg');
}

.product-content .services li.pict_pose2h::before{
	background-image:url('../imgs/pictos/pict_pose2h.svg');
}

.product-content .services li.pict_preassemble::before{
	background-image:url('../imgs/pictos/pict_preassemble.svg');
}

.product-content .services li.pict_garantie::before{
	background-image:url('../imgs/pictos/pict_garantie.svg');
}

.product-content .services li.pict_pose_easy::before{
	background-image:url('../imgs/pictos/pict_pose_easy.svg');
}

.product-content .services li.pict_pose_inter::before{
	background-image:url('../imgs/pictos/pict_pose_inter.svg');
}

.product-content .services li.pict_pose_expert::before{
	background-image:url('../imgs/pictos/pict_pose_expert.svg');
}

.product-content .services li.pict_1pers_1h::before{
	background-image:url('../imgs/pictos/pict_1pers_1h.svg');
}

.product-content .services li.pict_2pers_1h::before{
	background-image:url('../imgs/pictos/pict_2pers_1h.svg');
}

.product-content .services li.pict_1pers_2h::before{
	background-image:url('../imgs/pictos/pict_1pers_2h.svg');
}

.product-content .services li.pict_2pers_2h::before{
	background-image:url('../imgs/pictos/pict_2pers_2h.svg');
}

.product-content .services li.pict_1pers_3h::before{
	background-image:url('../imgs/pictos/pict_1pers_3h.svg');
}

.product-content .services li.pict_2pers_3h::before{
	background-image:url('../imgs/pictos/pict_2pers_3h.svg');
}

.product-content .services li.pict_predecoup::before{
	background-image:url('../imgs/pictos/pict_predecoup.svg');
}

.product-content .services li.pict_kiteco::before{
	background-image:url('../imgs/pictos/pict_kiteco.svg');
}

.product-content .services li.pict_utac::before{
	background-image:url('../imgs/pictos/pict_utac.svg');
}

.product-content .services li.pict_gs::before{
	background-image:url('../imgs/pictos/pict_gs.svg');
}

.product-content .services li.pict_fab_fr::before{
	background-image:url('../imgs/pictos/pict_fab_fr.svg');
}

.product-content .services li.pict_fab_de::before{
	background-image:url('../imgs/pictos/pict_fab_de.svg');
}

.product-content .services li.pict_fab_swe::before{
	background-image:url('../imgs/pictos/pict_fab_swe.svg');
}

.product-content .services li.pict_fab_ue::before{
	background-image:url('../imgs/pictos/pict_fab_ue.svg');
}

.product-content .services li.pict_assemblage::before{
	background-image:url('../imgs/pictos/pict_assemblage.svg');
}

.product-content .services li.pict_pose_expert::before{
	background-image:url('../imgs/pictos/pict_pose_expert.svg');
}

.product-content .services li.pict_2pers_3h::before{
	background-image:url('../imgs/pictos/pict_2pers_3h.svg');
}

#sticky-sidebar{
	position: relative;
	padding: 0;
	margin-bottom: 30px;
    will-change: min-height;
	z-index: 2;
	padding-right:0 !important;
}

#sticky-sidebar .sidebar__inner{
	padding-left: 15px;
	padding-right: 15px;
}

#responsive-cart{
	display: none;
	margin-bottom: 40px;
	position:relative;
	border: 1px solid #DBDBDB;
    padding: 15px 10px;
    text-align: center;
}

#responsive-cart .cart-area .amount .h4{
	width: 15%;
}

#responsive-cart .cart-area .amount input{
	width:30%;
}

.sidebar__inner{
	position: relative;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.sidebar .cart{
	border:1px solid #DBDBDB;	
	padding:15px 10px;
	text-align:center;
	margin-bottom:10px;
	border-radius: 15px;
}

.cart-area .promo{
	font-size:1.2em;
	font-weight:500;
	width:70px;
	height:70px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	background:url('../imgs/macaron-jaune.svg') no-repeat center center;
	background-size:contain;
	position:absolute;
	top: -10px;
    left: -20px;
}

.cart-area .prix p{
	margin:0;	
}

.cart-area .prix .previous-price{
	color:#161615;
}

.cart-area .prix .price{
	font-size: 2em;
	font-weight:800;
	color:var(--orange);
	margin:0 0 3px;
}

.stock{
	margin:1em 0 .8em;
}

.stock p{
	margin:0;
	padding:2px 10px;
	text-transform:uppercase;
	font-size:1em;
	font-weight:400;
	display:inline-block;
}

.stock p.available{
	background:var(--jaune-tournesol);
}

.stock p.outofstock{
	background:#ef3337;
}

.expedition{
	text-transform:uppercase;
	font-weight:400;
	font-size:.8em;
}

.expedition p{
	margin:0;
}

.expedition span{
	text-transform:none;
	font-size:.85em;
}

.cart-area .amount{
	margin-bottom:1em;
	margin-top:1em;
}

.cart-area .amount .h4{
	font-size: .85em;
	font-weight:500;
	border:1px solid #DBDBDB;
	border-right:none;
	width: 45px;
	height: 46px;
	justify-content: center;
    display: flex;
    align-items: center;
	border-radius: 15px 0 0 15px;
}

.cart-area .amount p{
	margin: 0;
}

.cart-area .amount input{
	width: 55px;
    height: 46px;
    padding: 0;
    font-weight:500;
    text-align: center;
    font-size: 1.5em;
    border:1px solid #DBDBDB;
	border-left:none;
	border-right:none;
}

.cart-area .amount .add-to-cart{
	flex:1;
	margin:0;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius: 0 15px 15px 0;
}

.cart-area .amount .add-to-cart::after{
    background-image: url(../imgs/picto-cart.svg);
    background-repeat:no-repeat;
    background-position:center center;
    content:'';
    width:20px;
    height:20px;
    margin-left:10px;
}

.cart-area a.small{
	color:#333131;
	font-size:.8em;
	text-decoration:underline;
}

.cart-area a.small:hover{
	color:var(--orange);
}

.cart-area .cart .add-to-wishlist, .cart-area .cart .delete-to-wishlist{
	color:#78787b;
	text-decoration: underline;
	display: block;
}

.sidebar .paiement{
	background: #f5f5f5;
	padding:5px;
	margin-bottom: 3px;
}

.sidebar .paiement .bloc{
	padding:20px 10px;
	border:1px solid #353539;
}

.sidebar .livraison{
	border:1px solid #DBDBDB;
	padding:20px 20px 15px;
	margin-bottom: 30px;
	border-radius: 15px;
}

.sidebar .livraison .item{
	margin:20px 0 0;
}

.sidebar .livraison a{
	color:#2D2D2C;
}

.sidebar .livraison .h3{
	font-size: 1.4em;
	margin-top:0;
	position:relative;
}

.sidebar .livraison .livraison-title{
	font-weight:500;
}

.sidebar .livraison .livraison-expedition{
	color: #2D2D2C;
}

.sidebar .livraison .h3::before {
    background: url(../imgs/picto-fleche-noir-down.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10%
}

.sidebar .livraison .h3::after {
    background: url(../imgs/picto-fleche-noir-down.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 10%;
}

.sidebar .livraison .eco .livraison-title{
	color:#64AC12;
}

.sidebar .livraison .zen .livraison-title{
	color:var(--orange);
}

.sidebar .livraison .prio .livraison-title{
	color:#C30C0C;
}

.sidebar .livraison .prix{
	display:inline;
}

.sidebar .livraison p{
	margin:0;
	font-size:.85em;
}

.sidebar .livraison .picto img{
	width:40px;
	margin-right:20px;
	display:block;
}

.sidebar .ads{
	text-align:center;
}

.sidebar .ads img{
	display:block;
	width:100%;
}

.sidebar .paiement .bloc{
	padding: 20px;
	border-color: #0e85c3;
}

.sidebar .paiement .h4{
	color:#0e85c3;
}

.sidebar .paiement .thumbnail{
	margin-bottom: 5px;
}

.sidebar .paiement .payment-method{
	position: relative;
	background: #ffffff;
	padding-left: 50px;
	border:2px solid #ffffff;
	margin-bottom: 5px;
}

.sidebar .paiement .payment-method::before{
	content:'';
	display: block;
	position: absolute;
}

.sidebar .paiement .payment-method.tel::before{
	font-family: 'font-awesome';
	font-size: 1.2em;
    content: '\e842';
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.sidebar .paiement .payment-method.transfer::before{
	width: 50px;
	height: 100%;
	top:0;
	left:0;
	background: url(/assets/imgs/logo-bp.png) no-repeat center center;
}

.sidebar .paiement .payment-method span{
	display: block;
	background: #f5f5f5;
	padding: 10px;
}

.product .section-title{
	color:#161615;
}

.product .section-title::before {
    background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
    display: inline-block;
    margin-right: 20px;
}

.product .section-title::after {
    background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 20px;
}

.product .description .section-title{
	color:var(--orange);
}

.product .description .section-title::before, .product .description .section-title::after{
	content:none;
}

/*.product .description .section-title::before{
	font-family: 'iconotheque';
    font-size: 1em;
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    line-height: 57px;
    border-radius: 50%;
    border: 2px solid #ef7a33;
	margin-right: 20px;
	text-align: center;
}*/

/*.product .desc .section-title::before, .product .description .section-title.description::before{
	content:'\e811';
}

.product .produits .section-title::before, .product .description .section-title.plus-produit::before{
	content:'\e812';
}*/

/*.product .notices .section-title::before{
	content:'\e813';
}*/

.product .related-kits .classic-listing{
	padding-top: 0;
	padding-bottom: 30px;
}

.product .related-kits .item-title{
	font-size: 1.2em;
}

.related-kits .owl-carousel .owl-prev, .related-kits .owl-carousel .owl-next{
	background: #ee7b07;
	color:#ffffff;
}

.related-kits .owl-carousel .owl-prev{
	left:-60px;
}

.related-kits .owl-carousel .owl-next{
	right:-60px;
}

.related-kits .owl-carousel .owl-prev::before, .related-kits .owl-carousel .owl-next::before{
	color:#ffffff;
}

#lightbox{
	position:fixed !important;
	top:50% !important;
	transform:translateY(-50%) !important;
}

.lightboxOverlay{
	z-index: 10000;
}

.product .description .thumbnail .lightbox{
	position:relative;
	display:block;
	margin:0 0 20px;
	z-index:1;
}

.product .description .thumbnail .lightbox::before{
    content: '';
    background: url(../imgs/picto-loupe.svg) no-repeat center center var(--orange);
    background-size: 50%;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.2s;
    position:absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

.product .description .thumbnail .lightbox::after{
	position:absolute;
	content:'';
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	transition:0.3s all;
}

.product .description .thumbnail .lightbox:hover::after{
	opacity:0.4;
}

.product .description .bloc{
	padding: 30px 30px 10px;
	background: #f5f4f4;
	margin-bottom: 30px;
	border-radius: 15px;
}

.product .description .bloc .text{
	margin-bottom: 30px;
}

.product .description .bloc .text ul li{
	margin-bottom: 5px;
}

.product .description .bloc .text ul li::before{
	content:'-';
	margin-right: 0.5em;
}

.product .description .gutContent h3{
    font-size: 1.4em;
    color: var(--orange);
    font-weight:400;
    padding-bottom:12px;
    border-bottom:1px solid var(--orange);
    margin-top:30px;
    clear:both;
}

.product .description .article-plus-produits h3{
    font-size: 1.4em !important;
    color: #161615 !important;
    font-weight:500 !important;
    padding:0 !important;
    border:none !important;
    margin:0 0 .5em !important;
    clear:both;
    text-transform: none !important;
    /* font-family: Fira Sans, Arial, sans-serif !important; */
}

/*.ptable h3, .product .description h3.list-title{
	font-family: 'khandmedium';
	font-size: 1.5em;
	padding: 10px;
	background: #ffffff;
	color:#ee7b07;
	margin-top:30px;
}*/

.ptable .line, .product .description .line{
	border-bottom:1px solid #DBDBDB;
	padding: 10px;
	margin:0;
}

.product .description .line *{
	margin-bottom:0;
}

.ptable p, .product .description .line p{
	margin:0;	
}

.product .description .gallery{
	margin-top:10px;
	justify-content:left;
}

.product .description .gallery li{
	flex-grow:initial;
	width: calc((100% - 16px * 4)/ 4);
}

.product .description .gallery figcaption{
	font-size: .8em;
    padding: 15px 0;
    color: #fff;
    text-align:center;
}

.product .description .separateur{
	margin-right: -30px;
    margin-left: -30px;
    margin-bottom:30px;
    margin-top:10px;
    border: none;
    background: #FFF;
    height: 30px;
}

.product .description .wp-block-media-text, .product .description .textimg {
  grid-template-columns: 0% 25% 75%;
  margin-bottom:30px;
}

.product .description .textimg .wp-block-media-text__content {
	padding: 20px;
}

.product .description .textimg h3{
    text-transform: uppercase;
    color: #353539;
    font-size: 1.5rem;
}

.alt h3{
	font-size: 1.5em;
	color:#ee7b07;
}

.alt .row{
	margin-left: -5px;
	margin-right: -5px;
}

.alt .row .item{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0;
}

.alt h4{
	font-size:1em;
	padding: 10px 0;
	color:#ee7b07;
}

.produits h3{
	text-transform: uppercase;
	color: #353539;
	font-size: 1.5rem;
}

.notices{
	position:relative;
}

.notices h3{
	margin: 20px 0;
    font-size: 1.1em;
    font-weight: 400;
}

.notices .listing .item{
	margin-bottom:10px;
}

.notices .download .item{
	margin-bottom:10px;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px;
}

.notices .download .item::before{
	content:'';
	display:block;
	width:30px;
	height:35px;
	background:url('../imgs/icon-pdf.svg') no-repeat center center;
	background-size:contain;
	margin-right:20px;
}

.notices .download .item p{
	font-size:1.2em;
	line-height:1;
	margin:0;
}

.notices .download .item .note{
	font-size:.8em;
}

.notices .download .item a.btn{
	margin:0 0 0 auto;
	min-width:170px;
}

.related-kits{
	margin-top:5em;
}

.related-kits .listing .item .text h3{
    font-size: 1.2em;
}

.related-kits .listing .item .prix{
	font-size: 1.2em;
}

.related-kits .owl-carousel .owl-stage {
    display: flex;
}

.related-kits .listing .item{
	height:100%;
}

.listing .item .video a::before{
	opacity:.3;
}

.listing .item .video a::after{
	position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 65px;
    height: 65px;
    border: 3px solid #FFF;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: url(../imgs/picto-play-blanc.svg) no-repeat center center;
    background-size: auto 28px;
    transition: all 0.25s;
    z-index: 3;
}

.listing .item .video a:hover::after{
	width:80px;
	height:80px;
}

.download-pdf{
	color:#353539;
}

.download-pdf::before{
	font-family: 'iconotheque';
	font-size: 2em;
	content: '\e81b';
	margin-right: 5px;
}

.download-pdf span{
	text-decoration: underline;
}

#product-shortcuts{
	position: absolute;
	top:0;
	/*right: 100%;*/
	margin-left: -175px;
	width: 160px;
	z-index: 2;
	transition:all 0.25s;
}

/*#product-shortcuts.fixed{
	position: fixed;
	right: inherit;
	margin-left: -175px;
	top: 80px;
}

#product-shortcuts.tobottom{
	position: absolute;
	top:inherit;
	right: 100%;
	bottom: 20px;
}*/

#product-shortcuts .sidebar__inner::before{
	content:'';
	display: block;
	width: 1px;
	height: 100%;
	background: #F2F2F2;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -1px;
	z-index: 1;
}

#product-shortcuts ul{
	display: block;
	padding: 0;
}

#product-shortcuts a{
	position: relative;
	display: block;
	padding: 0;
	padding-top: 30px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
	color:#161615;
	font-size:.8em;
}

#product-shortcuts ul li:first-child a{
	padding-top:0;
}

#product-shortcuts a.active{
	color:var(--orange);
}

#product-shortcuts a::before{
	content:'';
	display: block;
	width: 30px;
	height: 35px;
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFF;
	border-top: 5px solid #FFF;
}

#product-shortcuts a.produit::before{
	background-image:url('../imgs/picto-produit.svg');
}

#product-shortcuts a.desc::before{
	background-image:url('../imgs/picto-description.svg');
}

#product-shortcuts a.plus-produit::before{
	background-image:url('../imgs/picto-plus-produit.svg');
}

#product-shortcuts a.notices::before{
	background-image:url('../imgs/picto-notice.svg');
}

#product-shortcuts a.produit.active::before{
	background-image:url('../imgs/picto-produit-active.svg');
}

#product-shortcuts a.desc.active::before{
	background-image:url('../imgs/picto-description-active.svg');
}

#product-shortcuts a.plus-produit.active::before{
	background-image:url('../imgs/picto-plus-produit-active.svg');
}

#product-shortcuts a.notices.active::before{
	background-image:url('../imgs/picto-notice-active.svg');
}

#product-shortcuts a span{
	display: inline-block;
	background: #ffffff;
	padding: 5px 0 8px;
}

.product .social-share{
	padding-top: 20px;
	padding-bottom: 20px;
}

@media only screen and (max-width: 1499px) {
	#product-shortcuts{
		margin-left:-100px;
		width:100px;
	}
	#product-shortcuts.fixed{
		margin-left:-100px;
	}
}

@media only screen and (max-width: 1380px) {
	#product-shortcuts{
		display:none !important;
	}
}

@media only screen and (max-width: 991px) {
	.product-content .services{
		margin-bottom:0;
	}
	.notices .camion{
		display:none;
	}
	.product .description .thumbnail .alignright{
		float:none;
		display:block;
		margin:0 auto;
	}
	.product .description .gallery li{
		width: calc((100% - 16px * 3)/ 4);
	}
	.product .description .wp-block-media-text, .product .description .textimg {
	  grid-template-columns: 0% 30% 70%;
	}
	.sidebar .livraison, .sidebar .ads{
		display:none;
	}
	.product .description .gallery li{
		width: calc((100% - 20px * 2)/ 2);
		margin:0 10px 10px !important;
	}
	.notices .download .item::before{
		margin: 0 auto 10px;
	}
	.notices .download .item{
		display:block;
		text-align: center;
		padding:15px;
	}
	.notices .download .item p{
		font-size:1em;
	}
	.notices .download .item a.btn{
		margin:10px auto 0;
	}
	.notices h3{
		text-align:center;
	}
	.product-header{
		margin-bottom:30px;
	}
	.product-carousel-nav{
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	#sticky-sidebar{
		display: none;
	}
	#sticky-sidebar .sidebar__inner {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		margin-left: 0 !important;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}
	#responsive-cart{
		display: block;
	}
	.product .description .wp-block-media-text, .product .description .textimg {
	  grid-template-columns: 0% 40% 60%;
	}
	.product .description .bloc{
		padding: 20px 20px 10px;
	}
	.product .description .article-plus-produits h3, .product .description .gutContent h3{
		font-size: 1.2em !important;
	}
}

@media only screen and (max-width: 575px) {
	.product .description .textimg .wp-block-media-text__content{
		padding:0 0 20px 0;
	}
	.product-header .page-title{
		font-size:1.8em;
	}
	.product-header .page-desc{
		font-size:1.2em;
	}
}


/****************************************

	Modal

****************************************/

.lb-outerContainer{
	border-radius:0;
}

.nyroModalBg{
	z-index:9998;
}

.nyroModalCont{
	z-index:9999;
	border:none !important;
}

.nyroModalCont #sticky-sidebar .sidebar__inner{
	position: sticky !important;
    top: 30px;
    transform:none !important;
}

.nyroModalCont .product-details .back{
	display:none;
}

.nyroModalCloseButton{
    margin: 0;
    font-size: 1em;
    background: #F2F2F2 !important;
    font-weight: 400;
    color: #333131;
    z-index: 9999;
    height: 40px !important;
    width: 40px !important;
}

.nyroModalCloseButton::after {
    background: url(../imgs/picto-close.svg) no-repeat center center;
    height: 15px;
    width: 15px;
    content: '';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display: block;
}

.modal-backdrop{
	z-index: 100000;
}

.modal {
	z-index: 100001;
}

.modal-backdrop.show{
	opacity:.7;
}

.modal-dialog{
	max-width:95%;
	width:800px;
	margin: 5em auto;
}

.modal-header{
	border:none;
	justify-content:flex-end;
	padding-bottom:0;
}

.modal-header .close{
	padding:0;
	margin:0;
	float:none;
	font-size: 1em;
    position: absolute;
    background: #F2F2F2;
    text-indent: -9999px;
    overflow: hidden;
    font-weight: 400;
    right: 0;
    top: 0;
    color:#333131;
    text-shadow:none;
    opacity:1;
    display:flex;
    align-items: center;
    z-index:5;
    height: 40px !important;
    width: 40px !important;
}

.modal-header .close::after{
	background:url('../imgs/picto-close.svg') no-repeat center center;
	height:15px;
	width:15px;
	content:'';
	display:block;
	position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.modal-content{
	border-radius:0;
	border:none;
	background-clip:inherit;
}

.modal-body{
	padding: 2em 1em;
}

.modal-body #search{
	padding:0;
	margin:0;
	background:none;
	text-align:center;
}

.modal-body .section-title{
	font-weight:300;
	margin:0;
}

.modal-body .section-subtitle{
	margin:0 0 1.5em;
	font-size:1.3em;
}

.modal-body .dropdown{
	margin-bottom:15px;
}

.modal .modalVideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.modal .modalVideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#modal_product_after_add_to_cart {
	text-align: center;
}

@media only screen and (max-width: 575px) {
	.modal-dialog{
		margin: 2em auto;
	}
}


/****************************************

	Modal options

****************************************/

.nyroModalCont #breadcrumb, .nyroModalCont .sidebar .livraison, .nyroModalCont .product #notices, .nyroModalCont .related-kits, .nyroModalCont #product-shortcuts{
	display:none;
}

.nyroModalCont .product-header{
	margin-top:0;
}

.nyroModalCont .product-header .page-title{
	margin-top:0;
}

.nyroModalCont .product{
	padding-top:20px;
	padding-bottom:30px;
}

.nyroModalCont .product-container .product-details{
	flex: 0 0 70%;
    max-width: 70%;
}

.nyroModalCont .product-container #sticky-sidebar{
	flex: 0 0 30%;
    max-width: 30%;
}

@media only screen and (max-width: 991px) {
	.nyroModalCont .product-container .product-details{
		flex: 0 0 100%;
	    max-width: 100%;
	    width:100%;
	}

	.nyroModalCont .product-container #sticky-sidebar{
		flex: 0 0 100%;
	    max-width: 100%;
	    width:100%;
	    display:none;
	}

	.nyroModalCont .product-container #responsive-cart{
		display:block;
	}
}


/****************************************

	AmÃ©nagements

****************************************/

.makings .classic-listing{
	padding-top: 0;
}


/****************************************

	ActualitÃ©s

****************************************/

.ads .item .thumbnail {
    margin-bottom: 12px;
}

.ads .news-title{
	font-size:1.5em;
}


/****************************************

	Contact

****************************************/

form .required{
	text-decoration:none;
	color:#f28b14;
}

.contact .content-bloc{
	margin-bottom:0;
}

.rightbar .content-bloc{
	margin-bottom:20px;
}

.rightbar h4{
	font-size:1.2em;
	color:var(--orange);
}

.rightbar .thumbnail img, .rightbar .thumbnail iframe{
	width:100%;
	height:auto;
	display:block;
}

/*.contact .office .hgroup::before{
	font-family: 'iconotheque';
    font-size: 2em;
	content:'\e80b';
	margin-right: 15px;
    margin-top:15px;
}

.contact .devis .hgroup::before {
    font-family: 'iconotheque';
    font-size: 2em;
    content: '\e804';
    margin-right: 15px;
    margin-top:15px;
}*/


/****************************************

	Compte

****************************************/

.account-navigation .content-bloc{
	padding:5px 10px;
}

.account-navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}

.account-navigation ul li{
	margin:0;
	padding:12px 0;
	color: #333131;
	border-bottom: 1px solid #dcdce0;
}

.account-navigation ul li:last-child{
	border:none;
}

.account-navigation ul li a{
	display: block;
    padding:0 0 0 5px;
    border: none;
    color: #333131;
    position:relative;
    text-decoration:none;
}

.account-navigation ul li.active a{
	color:var(--orange);
}

.account-navigation ul li a:hover{
	color:var(--orange);
}

.account-navigation ul li a::after {
    content: '\f105';
    display: block;
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    right: 10px;
    line-height: 24px;
    text-align: center;
    font-family: 'font-awesome';
    margin-left: 0.5em;
    transition:all 0.2s;
}

.account-navigation ul li a:hover::after{
	right:0;
}

.account-navigation ul li.active a::after{
	color:var(--orange);
}

.orders .table td{
	vertical-align: middle;
}

.orders .table td .links a{
	color:#161615;
	text-decoration:underline;
}

.orders .table td .links a:hover{
	color:var(--orange);
}

.sponsorship .form-row input[type="submit"]{
	margin: 0;
}

.sponsorship .form-row {
	align-items: center;
}

.sponsorship .table td{
	padding: 10px;
}

.sponsorship .count-sponsorships {
	margin: 5px 0 20px 0;
}

.sponsorship .last-bloc {
	margin-bottom: 50px;
}

.sponsorship .btn-invitation {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.table thead tr th {
		text-align: center !important;
		font-size: 14px;
		background-color: var(--bleu-roi);
		color: #fff;
		padding: 5px;
	}
	.table tbody tr td {
		text-align: center !important;
		font-size: 14px;
		padding: 5px !important;
	}

	.table thead tr th:first-child {
		padding-top: 15px !important;
	}

	.table thead tr th:last-child {
		padding-bottom: 15px !important;
	}

	.table tbody tr td:first-child {
		padding-top: 15px !important;
	}

	.table tbody tr td:last-child {
		padding-bottom: 15px !important;
	}
}

/****************************************

	Panier

****************************************/

.cart .page-header, .account .page-header, .wishlist .page-header{
	padding-top: 60px;
	padding-bottom: 60px;
}

.cart .resume, .account .resume, .wishlist .resume, .sponsorship .resume {
	padding-top: 60px;
	padding-bottom: 60px;
	/* background: #333131; */
	background: var(--bleu-roi);
	color:#FFF;
}

.sponsorship .resume {
	margin-bottom: 50px;
}

.sponsorship .share-link .btn-share {
	padding: 10px 15px;
	display: inline-block;
}

.sponsorship .share-link .btn-share img{
	width: 17px;
	height: 17px;
}

.sponsorship .presentation-sponsorship {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.sponsorship .presentation-sponsorship {
		display: none;
	}
	.sponsorship .presentation-sponsorship.mobile {
		display: block;
		max-width: 95%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 768px) {
	.sponsorship .presentation-sponsorship {
		display: block;
	}
	.sponsorship .presentation-sponsorship.mobile {
		display: none;
	}
}

.sponsorship .flex-input {
	flex: 1;
}

.sponsorship .form-row {
	gap: 10px;
}

.cart .resume .hgroup, .account .resume .hgroup, .wishlist .resume .hgroup{
	display:flex;
	align-items:flex-start;
}

.cart .resume .hgroup &gt; div, .account .resume .hgroup &gt; div, .wishlist .resume .hgroup &gt; div{
	flex:1;
}

.cart .resume .hgroup::before, .account .resume .hgroup::before, .wishlist .resume .hgroup::before, .sponsorship .resume .hgroup::before{
	content: '';
	margin-right: 30px;
	display:block;
	height:60px;
	width:60px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.cart .resume .hgroup::before{
	background-image:url(../imgs/picto-cart.svg);
}

.account .resume .hgroup::before{
	background-image:url('../imgs/picto-account.svg');
}

.sponsorship .resume .hgroup::before{
	background-image:url('../imgs/picto-account.svg');
}

.wishlist .resume .hgroup::before{
	background-image:url('../imgs/picto-list.svg');
}

.cart .resume .hgroup p, .account .resume .hgroup p, .wishlist .resume .hgroup p{
	margin: 0;
	font-size:1.2em;
}

.cart .resume .page-title, .account .resume .page-title, .wishlist .resume .page-title, .sponsorship .resume .page-title{
	color:#FFF;
	margin: 0 0 .3em;
}

.cart .page-content, .account .page-content, .wishlist .page-content{
	padding-top: 3em;
	padding-bottom: 30px;
}

.checkout .page-content{
	padding-bottom:4em;
}

.cart .steps{
	padding:0;
}

.content-bloc{
	background: #ffffff;
	padding: 20px;
	/*padding-top: 80px;*/
	border:1px solid #dcdce0;
	margin-bottom: 30px;
	border-radius: 15px;
}

.content-bloc .content-bloc{
	margin-bottom: 10px;
}

.content-bloc .bloc-title{
	font-size: 2em;
	text-transform: uppercase;
	display: block;
	border-bottom: 2px solid #ee7b07;
	margin-bottom: 30px;
}

.table th.cart, .table td.cart{
	width:52%;
}

td.cart .garantie{
	font-size:.8em;
	border:1px solid #DBDBDB;
	padding:5px 5px 5px 8px;
}

td.cart .garantie p{
	margin:0 15px 0 0;
}

td.cart .garantie a{
	display:block;
	margin:0 15px 0 0;
	color:#333131;
	text-decoration:underline;
}

td.cart .garantie a:hover{
	color:var(--orange);
}

td.cart .garantie .garantie-prix{
	margin:0 15px 0 0;
}

td.cart .garantie .add{
	margin:0 0 0 auto;
	border:1px solid #DBDBDB;
	border-radius:0;
	font-weight:600;
	color:#333131;
	padding:3px 14px;
	background:#FFF;
	text-align:center;
	text-decoration:none;
	border-radius: 15px;
}

td.cart .garantie .add::before{
	content:none !important;
}

td.cart .garantie .add:hover{
	background:var(--orange);
	color:#FFF !important;
	border-color:var(--orange);
}

td.code{
	font-size:.8em;
}

.table th.price, .table td.price{
	width:12%;	
	text-align:right;
}

.table th.quantity, .table td.quantity{
	width:12%;	
	text-align:right;
}

.table th.total, .table td.total{
	width:12%;	
	text-align:right;
}

.table th.del, .table td.del,.table th.empty, .table td.empty{
	width:4%;	
}


.table tr.tva td{
	border:none;
}

.table tr.totalht td, .table tr.totalttc td{
	border:none;
	background:#F2F2F2;
	padding:10px;
	font-weight:700;
}

.table .media img{
	width:60px;
	border:1px solid #DBDBDB;
}

.table .media-body .h5{
	color: #333131;
    font-size: .9em;
    font-weight: 400;
	margin:0;
}

.table .media-body .h5 a{
	color: #333131;
}

.table .media-body .vehicule{
	font-size: .8em;
	margin:5px 0 0;
}

.table input[type="number"]{
	height: 40px;
	width: 40px;
	text-align: center;
}

.table .quantity-num{
	border: none;
    color: #161615;
    font-weight: 700;
    font-size: 1.1em;
    padding:0;
    margin:0;
}

.table .quantity-btn{
	margin-top: -4px;
    margin-left: 5px;
}

.table a.refresh-me.add-to-cart, .table a.refresh-me.remove-to-cart{
	display:block;
	color:#161615;
	text-decoration:none !important;
}

.table a.refresh-me.add-to-cart::before, .table a.refresh-me.remove-to-cart::before{
	color:#161615;
	display:block;
	text-align:center;
	line-height: .7;
    font-size: 1.5em;
    font-weight:500;
    margin-left:2px;
}

.table a.refresh-me.add-to-cart::before{
	content:'+';
}

.table a.refresh-me.remove-to-cart::before{
	content:'-';
}

.table a.refresh-me.add-to-cart:hover::before, .table a.refresh-me.remove-to-cart:hover::before{
	color:var(--orange);
}

.cart .liste-boutons{
	/*margin-top: 6em;*/
	margin-top:3em;
}

.cart .liste-boutons .btn{
	margin:0;
}

.cart .accessoires .item{
	margin-bottom:0;
}

.cart .accessoires .products .product-title{
	font-size:1em;
}

.section-title.fleche-orange::before {
    background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
    display: inline-block;
    margin-right: 20px;
}

.section-title.fleche-orange::after {
    background: url(../imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
    background-size: contain;
    content: '';
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 20px;
}

.cart .accessoires .products .prices{
	font-size:.9em;
}

.content-bloc .input-group-btn .btn{
	background: #353539;
}

.guarantees{
	padding: 10px 20px;
	background: #f5f5f5;
	color:#78787b;
	border:1px solid #dcdce0;
	margin-bottom: 30px;
}

.guarantees p{
	margin: .5em 0 1em 0;	
}

.guarantees .guarantee{
	background: #ffffff;
	border:1px solid #dcdce0;
	padding: 10px;
	margin-bottom: 5px;
}

.guarantees .guarantee a{
	color:#78787b;
	text-decoration: underline;
}

.cart .delivery-table{
	margin-bottom: 0;
    font-size: .85em;
}

.cart .delivery-table td{
	padding:10px;
	vertical-align:middle;
}

.checkbox-group input[type=checkbox], .checkbox-group input[type=radio], .wpcf7-privacy input[type=checkbox], .wpcf7-privacy input[type=radio]{
	margin-right: 10px;
    margin-top: 2px;
}

span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after{
	content:none !important;
}

.wpcf7-list-item{
	font-size: inherit !important;
}

.wpcf7 .nous-rejoindre {
	display: none;
}

.wpcf7 .nous-rejoindre label {
	border: 1px solid lightgray;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	font-weight: bold;
}

.wpcf7 .nous-rejoindre label input[type="file"] {
	margin-top: 5px;
}

.cart .delivery-table td.name .eco strong{
	color:#64AC12;
}

.cart .delivery-table td.name .prio strong{
	color:var(--orange);
}

.cart .delivery-table td.name .zen strong{
	color:#C30C0C;
}

.cart .delivery-table td.name .picto{
	width: 30px;
    height: 30px;
    margin-right: 10px;
}

.cart .delivery-table td.price{
	font-weight:600;
}

.cart .delivery-table .checkbox-group .title{
	flex:1;
	text-align:left;
}

.cart .logos-transporteurs{
	display:flex;
	list-style:none;
	margin-top :5em;
	margin-bottom:2em;
	padding:0;
}

.cart .logos-transporteurs li{
	width:calc(100%/3);
	display:block;
	text-align:center;
}

.cart .logos-transporteurs li img{
	width:120px;
	max-width:80%;
}

.cart .mapbox-map{
	position:relative;
}

.warning{
	font-size: .8em;
    margin: 5px 0 4em;
}

.warning.reduce-margin{
    margin: 5px 0 10px 0;
}

.warning.italic {
	font-style: italic;
	font-weight: bold;
}

.facturation{
	margin-bottom:0;
}

.facturation .content-bloc{
	margin-bottom:0;
}

.content-bloc .checkboxes{
	margin-bottom: 20px;
}

.content-bloc .checkboxes label{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	border-bottom:1px solid #dcdce0;
}

.content-bloc .warning{
	color:#ee7b07;
	margin: 0 0 20px;
}

.content-bloc .summary .d-flex{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top:1px solid #dcdce0;
}

.content-bloc .summary .d-flex:first-child{
	border:none;	
}

.content-bloc .summary .total{
	font-size: 1.2em;
	text-transform: uppercase;
	color:var(--orange);	
	font-weight:700;
}

@media only screen and (min-width: 768px) {
	#shopping-cart .coupon {
		max-width: 410px;
	}
}

#shopping-cart .coupon {
	margin-bottom: 15px;
}

.print-cart {
	color: #333131;
	background-image: url('../imgs/picto-print-black.svg') !important;
	background-position: left !important;
	text-decoration: underline;
	background-size: 18px;
	font-size: 13.5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 27px;
}

.print-cart:hover {
	background-image: url('../imgs/picto-print-orange.svg') !important;
}

.coupon input{
	height: auto;
    padding: 10px;
    border-radius: 0;
    border:1px solid #DBDBDB;
    color:#333131;
    border-right:none;
    width: 250px !important;
	border-radius: 15px 0 0 15px;
}
.coupon .btn {
	border-radius: 0 15px 15px 0;
}

.coupon input::placeholder{
	color:#333131;
}

.btn-promo{
	margin: 0;
    height: 100%;
    padding: 0px 30px;
    border: none;
    background:#333131 !important;
}

.btn-promo:hover{
	background:var(--orange) !important;
}

.cart .button.tick{
	/*margin-bottom: 30px;*/
	margin-top:10px;
	width:100%;
}

.cart .products .infos{
	padding:12px 12px 3px;
}

.cart .products .product-title{
	font-size:1.5em;
	margin-bottom:15px;
}

.cart .products .button{
	font-size:1.2em;
	padding:12px;
}

.cart #resume-responsive{
	display:none;
}

.cart #resume-responsive .paiement{
	padding:0;
	margin-top:20px;
	background: #f5f5f5;
}

.cart #resume-responsive .paiement .bloc{
	border:none;
}

.cart #resume-responsive .paiement .bloc{
	padding: 20px;
	border-color: #0e85c3;
}

.cart #resume-responsive .paiement .h4{
	color:#0e85c3;
}

.cart #resume-responsive .paiement .thumbnail{
	max-width: 250px;
    margin: 0 auto 5px;
    width: 100%;
}

.cart #resume-responsive .paiement .payment-method{
	position: relative;
	background: #ffffff;
	padding-left: 50px;
	border:2px solid #ffffff;
	margin-bottom: 5px;
}

.payment_methods label{
	margin:0;
}

.cart #resume-responsive .paiement .payment-method::before{
	content:'';
	display: block;
	position: absolute;
}

.cart #resume-responsive .paiement .payment-method.tel::before{
	font-family: 'font-awesome';
	font-size: 1.2em;
    content: '\e842';
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.cart #resume-responsive .paiement .payment-method.transfer::before{
	width: 50px;
	height: 100%;
	top:0;
	left:0;
	background: url(/assets/imgs/logo-bp.png) no-repeat center center;
}

.cart #resume-responsive .paiement .payment-method span{
	display: block;
	background: #f5f5f5;
	padding: 10px;
}

.cart .sidebar .content-bloc{
	padding:20px;
	margin-bottom:20px;
}

.cart .sidebar .content-bloc .bloc-title {
    font-size: 2em;
    text-transform: none;
    margin-top: 0;
    font-weight: 600;
    border:none;
    margin-bottom: 10px;
}

.cart .sidebar .avantages{
	padding:20px 10px;
}

.cart .sidebar .avantages .bloc-title{
	font-size: 1.2em;
}

.cart .sidebar .avantages ul{
	list-style:none;
	padding:0;
	margin:0 0 10px;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:center;
}

.cart .sidebar .avantages ul::before{
	width:150px;
	background:var(--orange);
	opacity:.2;
	display:block;
	height:1px;
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.cart .sidebar .avantages ul::after{
	width:1px;
	background:var(--orange);
	opacity:.2;
	display:block;
	height:150px;
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.cart .sidebar .avantages ul li{
	width:50%;
	font-size:.8em;
	text-align:center;
	margin:0;
	padding:10px;
}

.cart .sidebar .avantages ul li::before{
	display:block;
	content:'';
	margin:0 auto 5px;
	width:50px;
	height:35px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

.cart .sidebar .avantages ul li.stock::before{
	background-image:url('../imgs/picto-stock-orange.svg');
}

.cart .sidebar .avantages ul li.satisfaction::before{
	background-image:url('../imgs/picto-satisfaction-orange.svg');
}

.cart .sidebar .avantages ul li.francais::before{
	background-image:url('../imgs/picto-entreprise-francaise-orange.svg');
}
*:lang(de) .cart .sidebar .avantages ul li.francais::before,
*:lang(it) .cart .sidebar .avantages ul li.francais::before,
*:lang(es) .cart .sidebar .avantages ul li.francais::before {
	background-image:url('../imgs/picto-entreprise-INTERNATIONAL-orange.svg');
}

.cart .sidebar .avantages ul li.garantie::before{
	background-image:url('../imgs/picto-garantie-orange.svg');
}
*:lang(de) .cart .sidebar .avantages ul li.garantie::before{
	background-image:url('../imgs/picto-garantie-orange-de.svg');
}
*:lang(it) .cart .sidebar .avantages ul li.garantie::before{
	background-image:url('../imgs/picto-garantie-orange-it.svg');
}
*:lang(es) .cart .sidebar .avantages ul li.garantie::before{
	background-image:url('../imgs/picto-garantie-orange-es.svg');
}

.cart .sidebar a.download{
	display:flex;
	font-size:.8em;
	text-decoration:underline;
	color:#161615;
	align-items:center;
	justify-content:center;
}

.cart .sidebar a.download:hover{
	color:var(--orange);
}

.cart .sidebar a.download::before{
	content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../imgs/icon-pdf.svg) no-repeat center center;
    background-size: contain;
    margin-right: 5px;
}

.accessoires .indispensables .owl-stage{
	display:flex;
}

.accessoires .indispensables .owl-stage .owl-item{
	display: flex;
    flex: 1 0 auto;
}

.essential{
	position: relative;
	background: #ffffff;
	padding: 10px;
	padding-right: 90px;
	margin-bottom: 10px;
	border:1px solid #f5f4f4;
}

.essential h5{
	text-transform: uppercase;
}

.essential p{
	font-size: 1.25em;
	color:#ee7b07;
}

.essential .media-body a{
	font-family: 'khandmedium';
	color:#353539;
	text-decoration: underline;
}

.essential .add-to-cart{
	position: absolute;
	top:0;
	right: 0;
	color:#d4d2d2;
	background: #353539;
	width: 80px;
	height: 100%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.essential .add-to-cart:hover{
	background: #ee7b07;
}

.essential .add-to-cart::before{
	font-family: 'iconotheque';
	content: '\e803';
	font-size: 2em;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.essential .add-to-cart::after{
	font-family: 'font-awesome';
	content: '\e81a';
	font-size: 1.5em;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	margin-top: -15px;
    margin-left: 16px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.essential .add-to-cart:hover::before, .essential .add-to-cart:hover::after{
	color:#ffffff;
}

.essential .add-to-cart span{
	display: none;	
}

.cart .cgv{
	margin-top:20px;
	margin-bottom:20px;
}

.cart .submit{
    margin-bottom: 30px;
}

.centre-pose .form-group::before{
	content: '\e80b';
    font-family: 'iconotheque';
    position: absolute;
    font-size: 1.6em;
    left: 22px;
    top: 31px;
}

.delivery .centre-pose td{
	padding:0 !important;
	border:none !important;
}

.delivery .mapbox-parent{
	position:relative;
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
}

.delivery .mapbox-parent.enable{
	height:500px;
}

.delivery .mapbox {
	position: relative;
	width:100%;
	height:500px;
}

.centre-pose h4{
	position:absolute;
	left:20px;
	top:20px;
	z-index:5;
	background:#FFF;
	padding:3px 10px;
	color:#ef7a33;
}

.centre-pose input#poseInput{
	padding-left:38px;
}

.centre-pose .marker { background-image: url(/assets/imgs/icon-map.png) ; background-repeat:no-repeat;  background-position:bottom center; background-size: contain; width: 40px; height: 40px; cursor: pointer; }
.centre-pose .mapboxgl-popup {max-width: 400px !important; }
.centre-pose .mapboxgl-popup-content { text-align: center; padding:20px; }
.centre-pose .mapboxgl-popup-content h5 { margin:0 0 8px; font-weight:bold; color:#000; font-size:14px; }
.centre-pose .mapboxgl-popup-content p { margin:0; color:#000; font-size:11px; }
.centre-pose .mapboxgl-popup-close-button { font-size: 18px; padding: 5px 8px; }
.centre-pose .selectionner_point_relais { margin-top: 10px; padding: 5px 8px; border: 2px solid #64aa51; background-color: #fff; }
.centre-pose .selectionner_point_relais:hover { background-color: #64aa51;  color: #fff;}
.centre-pose .selectionner_point_relais.vert { background-color: #64aa51;  color: #fff;}

.delivery h3.bloc-title, .address h3.bloc-title, .checkout h3.bloc-title, .account h3.bloc-title{
	font-size: 1.4em;
    font-weight: 600;
    color: var(--orange);
}

.delivery p.bloc-p, .address p.bloc-p{
	margin-bottom:3em;
}

.delivery .content-bloc{
	padding: 5px 15px;
	margin-bottom:0;
}

.address .content-bloc{
	margin-bottom:0;
}

.flex-label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}

.flex-label span {
	margin-left: 10px;
	display: block;
}

.flex-label input[type="checkbox"] {
	width: 40px;
	padding: 5px;
}

.flex-label input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: 0.4s;
}

.flex-label input:checked[type="checkbox"] {
    background: var(--orange);
}

.flex-label input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    transform: scale(1.1);
    transition: 0.4s;
}

.flex-label input:checked[type="checkbox"]::after {
    left: 50%;
}

.flex-label input[type="checkbox"]:focus-visible, input[type="checkbox"]:focus {
	outline: none !important;
	border: none;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.professional-radio {
	flex-direction: column;
	padding-left: 35px;
	margin-bottom: 15px;
}

.professional-radio label {
	margin-left: 5px;
	cursor: pointer;
}

.professional-radio input[type=radio] {
	cursor: pointer;
}

.professional-radio input[type="radio"] {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	transition: linear 0.8s;
	height: 0;
	width: 0;
	-webkit-tap-highlight-color: transparent;
}

.professional-radio input[type="radio"]:after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	top: -12px;
	left: -16px;
	border-radius: 20px;
	border: 2px solid var(--orange);
	transition: linear 0.2s;
	cursor: pointer;
}

.professional-radio input[type="radio"]:checked:after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	background: var(--orange);
	transition: linear 0.2s;
	cursor: pointer;
}

.professional-radio input[type="radio"]:checked:before {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	border-radius: 4px;
	background: #fff;
	left: -12px;
	top: -8px;
	z-index: 1;
	cursor: pointer;
}

.professional-radio {
	margin-top: 15px;
}

.custom-radio {
	margin-bottom: 10px;
}

.custom-radio input[type=radio] {
	cursor: pointer;
	border: none;
}

.custom-radio label {
	cursor: pointer;
}

.custom-radio input[type="radio"] {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	transition: linear 0.8s;
	height: 0 !important;
	width: 0 !important;
	-webkit-tap-highlight-color: transparent;
}

.custom-radio input[type="radio"]:after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	top: -9px;
	left: -12px;
	border-radius: 20px;
	border: 2px solid var(--orange);
	transition: linear 0.2s;
	cursor: pointer;
}

.custom-radio input[type="radio"]:checked:after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	background: var(--orange);
	transition: linear 0.2s;
	cursor: pointer;
}

.custom-radio input[type="radio"]:checked:before {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	border-radius: 4px;
	background: #fff;
	left: -8px;
	top: -5px;
	z-index: 1;
	cursor: pointer;
}

.connexion .content-bloc{
	margin-bottom:0;
	border-radius: 15px;
}

.checkout table{
	margin-bottom:0;
}

.checkout .content-bloc{
	margin-bottom:20px;
}

table td.small{
	font-size:.9em;
}

.paiement .h3{
	color:#0B7AD3;
	font-size:1.4em;
	font-weight:600;
	margin-bottom:15px;
}

.paiement .bloc ul{
	list-style:none;
	font-size:.8em;
	margin:15px 0 0;
	padding:0;
}

.paiement .bloc ul li{
	display:flex;
}

.paiement .bloc ul li::before{
	width:8px;
	height:8px;
	content:'';
	background:url('../imgs/picto-fleche-noir-right.svg') no-repeat center center;
	background-size:contain;
	display:block;
	margin:5px 8px 0 0;
}

.payment_methods img{
	max-height:22px;
	margin-left:15px;
}

.popup-mail-forgotpassword {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 50px;
	z-index: 9999;
	-webkit-box-shadow: 0 0 0 100vmax rgba(0,0,0,.5), 0 0 2rem rgba(0,0,0,.6);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,.5), 0 0 2rem rgba(0,0,0,.6);
	text-align: center;
}

.popup-mail-forgotpassword h4 {
	margin-bottom: 10px;
}

.popup-mail-forgotpassword .buttons-popup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.popup-mail-forgotpassword button {
	margin: 10px 15px;
}

.popup-mail-forgotpassword.open {
	display: flex;
}

.messageForgotPassword{
	display: none;
	transition: all .15s;
}

.messageForgotPassword.visible{
	display: block;
}

.forgotpassword{
	margin:1.5em 0 .5em;
}

.forgotpassword a{
	text-decoration:underline;
}

.form-group-password {
	position: relative;
}

.form-group h4 {
	margin-bottom: 15px;
}

.form-checkbox-group {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.form-checkbox-group input {
	width: fit-content;
	margin-right: 10px;
}

.form-checkbox-group label {
	margin: 0;
}

.show-password-client {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	cursor: pointer;
	transition: .3s;
	height: 22px;
	width: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	background-image: url(../imgs/mask-password.svg);
}

.show-password-client:hover {
	background-image: url(../imgs/show-password.svg);
}

.show-password-client.show {
	display: block;
}

.show-password-client.clicked {
	background-image: url(../imgs/show-password.svg);
}

.show-password-client.clicked:hover {
	background-image: url(../imgs/mask-password.svg);
}

.account-content .show-password-client {
	right: 20px;
}

.privacy a{
	text-decoration:underline;
}

.obligatoire{
	margin-bottom:2em;
}

.benefices p{
	color:var(--orange);
	margin-bottom:.5em;
}

.benefices ul{
	list-style:none;
	margin:0 0 3em;
	padding:0;
}

.benefices ul li{
	font-size:85%;
	color:#161615;
	margin:10px 0;
	display:flex;
	align-items:center;
}

.benefices ul li::before{
	display:block;
	width:25px;
	height:25px;
	content:'';
	margin-right:15px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.benefices ul li.recevoir::before{
	background-image:url('../imgs/picto-recevoir.svg');
}

.benefices ul li.informer::before{
	background-image:url('../imgs/picto-informer.svg');
}

.benefices ul li.acceder::before{
	background-image:url('../imgs/picto-acceder.svg');
}

.submit-boutons{
	margin-bottom:2em;
}

.address .submit-boutons{
	margin-top:2em;
}

@media only screen and (max-width: 991px) {

	.cart #sticky-sidebar{
		display:none;
	}

	.cart #resume-responsive{
		display:block;
	}

	.cart .btn-print{
		margin-top:20px !important;
	}
	.account-navigation{
		padding-right:15px !important;
	}

}

@media only screen and (max-width: 767px) {
	.cart .content-bloc{
		padding:10px;
	}
	td.cart .garantie{
		padding:10px;
		display:block !important;
		margin-bottom:10px;
	}
	.table td.quantity .justify-content-end{
		justify-content:start !important;
	}
	.table td, .table th{
	    width: 100% !important;
	    padding:5px 0;
	    display:block;
	    border:none;
	    text-align:left !important;
	}
	.table .delete{
		margin-left:0;
		margin-bottom: 10px;
	}
	.table .links{
		margin-bottom: 10px;
	}
	.table tr.totalht td, .table tr.totalttc td{
		padding: 10px 7px 0;
	}
	.table tr{
		border-top: 1px solid #DBDBDB;
	}
	.table tr:first-child{
		border-top: none;
	}

	.cart .cart-content thead, .account .cart-content thead, .account .orders thead{
		display:none;
	}
	/*.cart table .media, .account table .media{
		display:block;
	} */
	/*.cart table .media a, .cart table .media img, .account table .media a, .account table .media img{
		display:block !important;
		margin:0 auto 5px !important;
	}*/
	.content-bloc .checkboxes label{
		display:block !important;
	}
}

@media only screen and (max-width: 575px) {
	
	.guarantees .guarantee{
		display:block !important;
	}

	.coupon input{
		width:150px !important;
	}
	.cart .resume .hgroup::before, .account .resume .hgroup::before, .wishlist .resume .hgroup::before{
		height:40px;
		width:40px;
	}
	.btn{
		width:100%;
		display:flex;
	}
	.delivery h3.bloc-title, .address h3.bloc-title, .checkout h3.bloc-title, .account h3.bloc-title{
		font-size:1.2em;
	}
	.content-bloc .bloc-title{
		font-size: 1.5em;
	}
	.cart .page-content, .account .page-content, .wishlist .page-content{
		padding-top:2em;
	}
}


/****************************************

	Wishlist

****************************************/


.wishlist .add{
	text-align:right;
}

.wishlist a.add-to-cart{
	margin:0;
}


/****************************************

	Tunnel

****************************************/

#tunnel{
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 60px;
}

.steps{
	margin: 1em 0 3em;
	padding:0;
}

.steps .step{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F2F2F2;
	border:0;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
}

.steps .step:nth-child(1){
	border-left:1px solid #DBDBDB;
	z-index: 3;
	border-radius: 15px 0 0 15px;
}

.steps .step:nth-child(2){
	z-index: 2;
}

.steps .step:nth-child(3){
	z-index: 1;
}
.steps .step:nth-child(4){
	border-radius: 0 15px 15px 0;
}

.steps .step.active{
	background: #ffffff;
	border:1px solid var(--orange) !important;
}

.steps .step.done{
	border-right:none;
	border-left: 1px solid #DBDBDB !important;
}

.steps .step:nth-child(2), .steps .step:nth-child(3){
	border-left: none;
}

.steps .step.active::before, .steps .step.active::after{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.steps .step.active::before{
	border-color: rgba(220, 220, 224, 0);
	border-left-color: var(--orange);
	border-width: 11px;
	margin-top: -11px;
}

.steps .step.active::after{
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #f5f5f5;
	border-width: 10px;
	margin-top: -10px;
}

.steps .step.active::after{
	border-left-color: #ffffff;
}

.steps .step:last-child::before, .steps .step:last-child::after{
	display: none;
}

.steps .step .texte{
	margin:0;
}

.steps .step .h3{
	font-size: 1.25em;
	font-weight:700;
	margin-bottom:12px;
	display:flex;
	align-items:center;
}

.steps .step.active .h3{
	color:var(--orange);
}

.steps .step.done .h3::before{
	display: block;
	width: 16px;
	height:16px;
	text-align: center;
	margin: 0 5px 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-image:url('../imgs/check.svg');
	content:'';
}

.steps .step a {
	color: #333131;
	cursor: pointer;
	text-decoration: none;
}

.steps .step .h3 span{
	display:flex;
	align-items:center;
}

.steps .step .h3 span::before{
	display: block;
	width: 25px;
	height:25px;
	text-align: center;
	margin: 0 10px 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	content:'';
}

.steps .step .cart .h3 span::before{
	background-image:url('../imgs/picto-cart-noir.svg');
}

.steps .step .livraison .h3 span::before{
	background-image:url('../imgs/picto-livraison-noir.svg');
}

.steps .step .address .h3 span::before{
	background-image:url('../imgs/picto-coordonnees-noir.svg');
}

.steps .step .payment .h3 span::before{
	background-image:url('../imgs/picto-paiement-noir.svg');
}

.steps .step.active .cart .h3 span::before{
	background-image:url('../imgs/picto-cart-orange.svg');
}

.steps .step.active .livraison .h3 span::before{
	background-image:url('../imgs/picto-livraison-orange.svg');
}

.steps .step.active .address .h3 span::before{
	background-image:url('../imgs/picto-coordonnees-orange.svg');
}

.steps .step.active .payment .h3 span::before{
	background-image:url('../imgs/picto-paiement-orange.svg');
}

.livraison span.point_relais {
	font-size: 0.5em;
	font-weight: bold;
}

.steps .step p{
	margin: 0;	
	line-height:1.2;
}

.credit-cards .credit-card::before{
	font-family: 'font-awesome';
	font-size: 3em;
	color:#78787b;
}

.credit-cards .mastercard::before{
	content: '\f1f1';
}

.credit-cards .visa::before{
	content: '\f1f0';
}

.credit-cards .paypal::before{
	content: '\f1f4';
}

#tunnel.order .content-bloc label{
	margin-bottom: 0;
}

.order .page-title{
	color: #ee7b07;
	margin-bottom: 20px;
}

.order .page-title::before{
	font-family: 'iconotheque';
    font-size: 1.5em;
    content: '\e803';
    margin-right: 20px;
    color: #ee7b07;
}

.order .table{
	border:1px solid #e9ecef;
	margin-bottom: 30px;
}

.order .table th{
	background: #f5f5f5;
}

.order .table .total{
	font-size: 1.5em;
	color:#ee7b07;
}

.order .options{
	margin-bottom: 30px;
}

.order .options .content-bloc{
	height: 100%;
}

.order .options .hgroup::before{
	content:'';
	display: block;
	width: 60px;
	height: 60px;
	color: #ee7b07;
	text-align: center;
    line-height: 57px;
	border:2px solid #ee7b07;
	border-radius: 50%;
	margin-right: 20px;
}

.order .options .hgroup.cb::before{
	font-family: 'font-awesome';
    font-size: 1.5em;
	content: '\e89a';
}

.order .options .hgroup.cb::before{
	font-family: 'font-awesome';
    font-size: 1.5em;
	content: '\e89a';
}

.order .options .hgroup.eco::before{
	font-family: 'iconotheque';
    font-size: 2em;
	content: '\e807';
}

.order .options .hgroup h2, .order .options .hgroup p{
	margin: 0;
}

.order .options .hgroup h2{
	color: #ee7b07;
	text-transform: uppercase;
}

.order .button.tick{
	width: 100%;
}

.makings #search{
	padding-top: 30px;
	color:#ffffff;
}

.makings .amenagement{
	font-size: 1.2em;
	color:#ffffff;
	padding-top: 120px;
	padding-bottom: 120px;
	/*background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/
	position:relative;
}

.makings .bg-image{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
}

.makings .bg-image img{
	min-width:100%;
	min-height:100%;
}

/*
.makings .amenagement-kit{
	background-image: url(../imgs/bg-amenagement-kit.jpg);	
}

.makings .amenagement-livraison{
	background-image: url(../imgs/bg-amenagement-livraison.jpg);	
}
*/

.makings .amenagement h2{
	font-size: 1.8em;
	text-transform: uppercase;
}

.makings .amenagement p{
	margin:0;
}

.promotion {
	background: #112444;
	color: white;
	font-size: 15.3px;
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 0.9em;
	z-index: 50!important;
 }

 .promotion p {
	margin: 0;
	font-weight: bold;
}

.item-1, 
.item-2,
.item-3
{
	position: absolute;
  display: block;
  width: 100%;
  margin-top: -8px;
  animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
  }

.item-3{
	animation-name: anim-3;
  }

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}

.no-border-radius {
    border-radius: 0 !important;
}



/************************
	Paiement AnnulÃ©
*************************/
.entry-content .has-text-align-center {
	text-align: center;
}


/* ----------------------------------------------
------------------------------------------------- DEV-MENU
---------------------------------------------- */
#dev-menu{
	position: fixed;
	top:0;
	right:-300px;
	width: 300px;
	height: 100%;
	background: #313131;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 99;
}
#dev-menu.visible{
	right: 0;	
}
#dev-menu a{
	font-size: 1.5em;
	display: block;
	padding: 15px 20px;
	color:#ffffff;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
}
#dev-menu-trigger{
	position: fixed;
	bottom:20px;
	right: 20px;
	cursor: pointer;
}

.hover-info {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 85%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333131;
	color: #fff;
	padding: 8px 15px;
	font-size: 13px;
	opacity: 0;
	width: 80%;
	text-align: center;
}

.hover-info::after {
	content: '';
	background-color: #333131;
	bottom: -10px;
	height: 10px;
	width: 15px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.steps .step a:hover + .hover-info {
	display: flex;
	animation: appear .2s ease-out forwards;
}

@keyframes appear {
	0% {
		opacity: 0;
		bottom: 85%;
	}
	100% {
		opacity: 1;
		bottom: 100%;
	}
}

.custom-file-wrapper-es {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.custom-file-wrapper-es .custom-file-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

.custom-file-wrapper-es .custom-file-label {
  display: block;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  transition: background-color 0.2s;
}

.custom-file-wrapper-es .custom-file-label:hover {
  background-color: #ddd;
}
</pre></body></html>