@charset "UTF-8";
/*
 Theme Name:   Kit Utilitaire
 Theme URI:    https://johndoe-et-fils.com
 Description:  Kit Utilitaire Theme Blog
 Author:       JDF
 Author URI:   https://johndoe-et-fils.com
 Template:     twentynineteen
 Version:      1.0.0
 License:      None
 License URI:  https://johndoe-et-fils.com
 Tags:         JDF
 Text Domain: 
*/

/*.lightbox-loupe a:before {
	content: '';
    background: url(/assets/imgs/picto-loupe.svg) no-repeat center center #da5f37;
    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;
}*/
/* ---- DESTOCKAGE ORDER ----- */
.min-height-266 {
	min-height:250px;
}
.thumbnail.min-height-266 .lightbox img{
	min-height:250px;
}
.thumbnail.min-height-266 .lightbox{
	position:relative;
	display:block;
	margin:0 0 20px;
	z-index:1;
}

.thumbnail.min-height-266 .lightbox::before{
    content: '';
    background: url(/assets/imgs/picto-loupe.svg) no-repeat center center #da5f37;
    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;
}
.destock-sold:before{
	content: '';
	background: url(/wp/wp-content/uploads/2021/03/vendu.png) no-repeat center center;
	/*display: block;*/
width: 100%;
/*text-align: center;*/
position: absolute;
/*z-index: 18;*/
	height: 100%;
	background-size: contain;
}

/* FIX FIREFOX */
@-moz-document url-prefix() {
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
	display:block;
}
}
/* ---- */

.sameadressnone {
	display:none;
}

.p-15px {
	margin-bottom:15px !important;
}
/* Preview fiche article */
.preview-fiche-article {
	width:870px;
}
/* Fix filtre listing produit */
.filters-group button.main-group span::after {
	background:#161615 !important;
}
/* Fix pour H1 Home */
#home-slider .text .h1-slider {
	font-size:3.8em;
	text-transform:uppercase;
	font-weight:900;
	line-height:1.2;
	margin:0;
	color:#fff
}
/* FIX pour bulle /KITS */
.listing.kits .promo span {
	font-size: 1.75em;
}
/* FIX pour EKD */
.nyroModalCont .error {
	display:none;
}
/* FIX "double modal" */

.lightboxOverlay {
	z-index:10000;
}

/*--------------- CGV MODAL ------------------------*/
.nyroModalCont .background-light-grey {
	display:none;
}
.nyroModalCont #actus {
		display:none;
}
.nyroModalCont .page-header {
	min-height:auto;
}
.nyroModalCont .page-title span {
	font-size:0.8em;
}
/*--------------- CHECKOUT BTN FIX -----------------*/
.selectt {
	display:none;
}

.poursuivre .btn::after {
font-family: 'font-awesome';
content: '\f105';
margin-left: 10px;
font-size: 1.4em;
}

.poursuivre .arrow-fix::after {
font-family: 'font-awesome';
content: '\f105';
margin-left: 10px;
font-size: 1.4em;
}
.steps .step p {text-align:left}

.line .price.remise {
	width:15%;
}
/*----------------------------- LAZY LOAD LAYOUT SHIFT ---------------*/

.marques .item .thumbnail {
	min-height:269px;
}
.products .listingContent .thumbnail {
	min-height:238px;
}
/* Home */
#kit .kit .thumbnail {
	min-height:328px;
}
/*#bottom-slider .owl-stage-outer {
	min-height:293px;
}*/
/* -- BOUTTON -- */
.btn-goto:before {
	background-image:url('/wp/wp-content/uploads/2020/04/arrow-list.svg');
	background-repeat:no-repeat !important;
	background-size:contain;
	background-position:center center !important;
	width:25px;
	content:'';
	height:20px;
	margin-right:15px;
	filter:brightness(100);
}
.btn-orange-wp a {
	background:#da5f37 !important;
}
/*--- PAGE KIT BLOG ---*/
.listing.kits .promo {
	height:55px;
	width:55px;
	font-size:0.55em;
}

/* ELEMENTS WORDPRESS */
/* IMAGES */
.wp-block-image img {
	border-radius: 15px;
}
/* GROUPËS */
.wp-block-group {
	border-radius: 15px;
}

/*--------------------- OVERRIDE KITU CSS -------------------------------------*/
.cart .logos-transporteurs li {
	width:calc(100%/2) !important;
}
.cart .logos-transporteurs {
	margin-top:3em !important;
}
header .identite .logo img {
	width:300px !important;
	max-height: 100%;
}
.cart .delivery-table td.name .prio strong{
	color:#C30C0C !important
}
.cart .delivery-table td.name .zen strong{
	color:#da5f37 !important;
}
.height-100 {
	height:100% !important;
}
.no-margin-right {
	margin-right: 0px !important;
}
.no-margin-left {
	margin-left: 0px !important;
}
#contact-footer h3 {
	text-transform:uppercase;
}
.shop .page-title {
	max-width:570px;
}
@media (min-width:1170px) {
.colonne-60p {
	width:62%;
}}
@media only screen and (max-width: 991px) {
	header .logo {
		justify-content: center;
	}
}
p.size-1-2 {
	font-size:1.2em !important;
}
@media (max-width:1170px) {
.max-width-60 {
	max-width:60px;
	margin-left:auto;
	margin-right:auto
	}}
/* BLOC LIVRAISON */
.sidebar .livraison .h3::before {
	background: url(/assets/imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
	transform:rotate(90deg);
}
.sidebar .livraison .h3::after {
	background: url(/assets/imgs/picto-fleche-droite-menu-vehicule.svg) no-repeat center center;
	transform:rotate(90deg);
}
.sidebar .livraison {
	padding: 20px 13px 15px;
}

/* TEXT AREA */
.text-area h2 {
	color:#da5f37;
	text-transform:none;
	font-weight:400;
	font-size:2.3em
}
.text-area p {
	font-size: 1em;
	margin-top:0em;
}
.text-area ul li {
	font-size: 1em;
}
.wp-block-button__link {
	border-radius: 15px;
	background: var(--bleu-roi);
}

/*BANDEAU AVEC IMAGE PAGE CONTENT*/
.page-header .image-bg {
	background-color:#000;
}
.page-header .image-bg img {
	opacity:0.45;
}
.page-header-img .page-title span {
	background:none;
	color:#fff;
}
.page-header-img .page-desc span {
	background:none;
	color:#fff;
}
/*.page-header .container .row .page-desc {
	text-align:justify !important;
}*/
	
/* --------------------------------------------- HEADER -----------------------------------*/
/* LOGO */
header .logo {
	border-right:none;
}
/* BLOC TELEPHONE */
header .contact .tel {
	/*font-size:1.9em !important;*/
}
header .header-top-sticky .contact .tel {
	font-size:2em;
	font-weight:800;
}
header .contact .horaires span {
	font-size:1em;
}
/* STICKY LIST + CART COUNT */
.header-top-sticky .cart .count {
	transform:translateX(-275%);
}
.header-top-sticky .list .count {
	transform:translateX(-295%);
}
/* STICKY DROPDOWN */
.header-top-sticky .header-right .menu-top .show .dropdown-menu.show li {
	padding: 5px 15px;
}
/* Fix windows 125% */
@media (-webkit-device-pixel-ratio: 1.25) {
	header .contact .tel {
		font-size:1.8em;
	}
	header .contact .tel a::before{
		content:none !important;
	}
	header .contact .horaires {
		font-size:.7em !important;
	}
}
/* ----------------------------------FOOTER -----------------------*/
#menu-footer ul li {
	padding: 0 0 0 8%;
}
.btn-top {
	bottom:30px;
	background-color:#161615;
}
@media screen and (min-width:992px) {
#contact-footer {
	height:420px;
	overflow:hidden;
	}}
@media screen and (max-width:991px) {
#contact-footer img {
		display:none;
}
	}
#contact-footer .row{
	margin-top:-10px;
	}
/* ----------------------- HOMEPAGE ----------*/
/* Votre livraison */
#livraison h2.section-title:before{
	background:url('/assets/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;
}

#livraison h2.section-title:after{
	background:url('/assets/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;
}
/* section metiers */
#metiers h2.section-title::before{
	background:url('/assets/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;
}

#metiers h2.section-title::after{
	background:url('/assets/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) {
	#metiers h2.section-title::before{
		margin-right:15px;
	}
	#metiers h2.section-title::after{
		margin-left:15px;
	}
	#livraison h2.section-title::before{
		margin-right:15px;
	}
	#livraison h2.section-title::after{
		margin-left:15px;
	}
}
#metiers .metiers .kit-metier a::after{
    content:none;
}
#metiers .metiers .kit-metier a::before{
    display: block;
    height: 10px;
    width: 10px;
    background: url('/assets/imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
    background-size: contain;
    margin-right: 20px;
    content: '';
    transition:all 0.2s;
}
#metiers .metiers .kit-metier a:hover::before{
	transform:translateX(5px);
}
#metiers .metiers .kit-metier.all a::before{
	content:none;
}
/* ----------------------PAGE METIERS ----------------------*/
.metiers.listing.row  {
	list-style:none;
}
.metiers.listing.row .content h3 {
	padding:20px;
	font-size:1.4em;
	font-weight:400;
	margin:0;
}
.metiers.listing.row .content h3 a:hover {
	text-decoration:none;
}

/* ----------------------PAGE METIERS ----------------------*/
/* Paiement 2x */

.pay-2x {
	background:#F2F2F2;
}
.pay-2x div {
	margin-top:0.5em;
}
.pay-2x h5::before {
	background-image: url('/assets/imgs/cb-2x.svg');
 	content: '';
    display: inline-block;
    height: 28px;
	width: 28px;
    background-size: contain;
    background-repeat: no-repeat;
	filter: brightness(100);
	float: left;
	left: 2.5rem;
	position: absolute;
	filter: invert(39%) sepia(77%) saturate(2348%) hue-rotate(354deg) brightness(91%) contrast(99%);
}
.pay-2x.pay-2x-green h5::before {
	filter: invert(48%) sepia(81%) saturate(387%) hue-rotate(71deg) brightness(92%) contrast(83%) !important;
}
.pay-2x h5 span {
	margin-left:20px;
}
/* OVERRIDE STYLE-MIN CSS  */


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

	Vos styles

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

.text-green {
	/* color:#64AD2F; */
	color: var(--validation);
}
.text-orange {
	/* color:#E65112; */
	color: var(--orange);
}
.text-red {
	/* color:#C31718; */
	color: var(--warning);
}

/* Cookie Hub */
.cc-dialog {
	background-color:#353539 !important;
}
.cc-settings {
	background-color:#353539 !important;
}
.cc-primary-btn {
	color:#fff !important;
}
.cc-primary-btn:hover {
	color:#000 !important;
}
.cc-save-btn {
	color:#fff !important;
}
.cc-save-btn:hover {
	color:#000 !important;
	
}
.cc-about {
	display:none;
}
/* RECAPTCHA */
.grecaptcha-badge {
	left: 0px !important;
	bottom: 0px !important;
	width: 70px !important;
	z-index: 999 !important
}
.grecaptcha-badge:hover {
	width: 256px !important;
	transition: ease 0.5s !important;
}
/* PAGE INFO */
.custom-text-align-left {
	text-align:left !important;
}
.custom-text-align-right {
	text-align:right !important;
}
.custom-text-align-center {
	text-align:center !important;
}
.kit_choice > a {
	padding: 1rem 1rem !important;
	font-size: 1.7rem !important;
}
.kit_choice > a:hover {
	background-color:#ff731c !important;

}
.slider-no-hover .advgb-image-slider-overlay {
	background-color: rgba(255, 255, 128, 0) !important;
}
.slider-title .advgb-image-slider-title {
	background-color: rgba(0, 0, 0, .5);
	padding: 0.5rem 1.5rem;
	margin-left: 0px !important
}

/* VIDEO Youtube 100% responsive */
.video-youtube > div {
	position: relative !important;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 58%;
}
.video-youtube > div > iframe {
	position: absolute !important;
	top:0 !important;
	left:0 !important;
	width: 100% !important;
	height: 100% !important;
}
/* PAGES INFOS BOIS */
.bouton-bulle {
	margin-bottom:28px;
}
.no-margin-bottom {
	margin-bottom: 0px !important;
}
.no-margin-bottom figure {
	margin-bottom: 0px !important;
}
.no-margin-bottom-image-article a {
	margin-bottom: 0px !important;
}
.no-margin-top {
	margin-top: 0px !important;
}

.fiftycent {
	max-width:50% !important
}
.centcent {
	max-width:100% !important
}
.background-natural {
	background-color:#e5d1b6;
	padding-top:28px !important;	
}
.background-optimum {
	background-color:#C3A590;
	padding-top:28px !important;
}
.info-montage h3 {
	margin:0 0 0.5em;
}
.background-yellow-montage {
	background-color:#F8AC00;
	padding: 1em 0 1em 1em;
	/*margin-bottom:30px;*/
}
.background-yellow-montage h3 {
	margin:0em;
}
.background-optipro {
	background-color:#4e3e3b;
	padding-top:28px !important;
}
.background-optipro div {
	color:#eec89f !important;
}
.title-margin-left {
	margin-left:3em;
}

.sub-title1 {
	font-size:3em;
	text-transform:uppercase;
}
.sub-title2 {
	font-size:5em;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:-30px;
}
.sub-title2 sup {
	font-size:0.3em !important;
	top:-2em;
}
.sub-title3 {
	font-size:2em;
	margin-top:-30px;
}
	@media screen and (max-width:768px) {
.title-margin-left {
	margin-left:0em;
}
.sub-title1 {
	font-size:2.5em;
}
.sub-title2 {
	font-size:3.5em;
	margin-top:0px;
}
.sub-title3 {
	font-size:1.5em;
	margin-top:0px;
}}
.liste-pictos {
	margin-bottom:0px !important;
}
.liste-pictos figcaption {
	font-size:1em;
	width:130px;
}
.figcaption130 figcaption {
	width:130px
}
.figcaption130 img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.background-optipro .liste-pictos .figcaption {
	color:#eec89f;
}
.liste-pictos .grey img {
	filter: grayscale(100%) brightness(50%)
}
/* PAGE ACCESSOIRES */
.access-title a {
	text-decoration:none;
	background: #353539;
	padding: 15px 30px;
	color: #ffffff !important;
	display:block;
	width:100%;
	max-width:300px;
	font-size: 1.5rem;
	text-decoration:none !important;
}
.access-img {
	margin-bottom: 0rem !important;
}
/* LISTING PRODUIT -------------------------------------------------------------------------------*/
/* Affichage référence */
.products .listingContent .item .content .product-title span {
	font-size: 12px;
	color: #373737;
	font-weight: 400;
	text-transform:none;
	font-family: "Roboto", Arial, sans-serif;
}

/* FICHE ARTICLE -------------------------------------------------------------------------------*/
/* GENERAL */
/* Affichage référence */
.product-details > .product-header > .page-desc + span {
	font-size:0.8em;
}
/* Enlevé strong prix options */
.options .price > strong {font-weight:normal}
/*legende centrée*/
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
	caption-side: bottom-outside;
}

/* Description */
p.description-article {
	line-height: 1.5em;
	/*font-size: 1.1em;*/
}
/* Phrase d'introduction avantages */
.background-light-grey p.avantages-kits {
	margin-left:2.5em;
}
p.avantages-kits {
	font-size: 1.25em;
	text-transform: uppercase;
}
.background-light-grey .colonnes-liste {
	margin-left:2.5em;
	margin-bottom:1em;
}
/* Bullet point décalé vers la droite */
.bullet-point {
	padding-left:1.1em;
	line-height:1.5em;
}
/*.bullet-point.kitgp {
	font-size:0.9rem !important;
}*/
/* Liste avantages */
.colonnes-liste > .wp-block-column {
	margin-right:0px;
}
.colonnes-liste > .wp-block-column > p {
	margin-bottom:0;
	padding-left:10px;
	margin-top:1em;
}
.liste-avantage {
	padding-left: 1.1em;
}
.liste-avantage > li {
	list-style: disc;
	font-size: 0.88rem;
	line-height:1.5em;
}
/* Liste technique optipro */
.without-line {
	border:0 !important
}
.liste-technique >li {
	list-style: disc;
	font-size: 0.9em !important;
	line-height:2em !important;
}
.liste-technique {
	padding-left:1.5em;
	padding-top: 10px;
}
/* Vue Technique ----- */
.technique-mtop {
	margin-top:20px;
}
/* Zoom casier technique */
.titre-legende > figure > figcaption {
	font-size: 1.1em !important;
	width: 100%;
}
/* Colonne 3 sans marge droite */
.technique-mright > .wp-block-column:nth-child(3) {
	margin-right: 0px !important;
}
/* + Produits */
.article-plus-produits .wp-block-column > h3 {
	text-transform: uppercase !important;
	font-size: 1.5rem;
	color:#353539 !important;
	margin:0 !important;
	font-weight:800 !important;
}
.product .description .article-plus-produits .wp-block-column > h3 {
	text-transform: uppercase !important;
	font-weight:800 !important;
}
.article-plus-produits .wp-block-column:nth-child(2) {
	display: grid !important;
	align-content: center !important;
}
@media screen and (min-width:768px) {
.article-plus-produits .wp-block-column:nth-child(1) {
	flex-basis:25%;
}
.article-plus-produits .wp-block-column:nth-child(2) {
	flex-basis:75% !important;
	}}

.etabli-dim > p {
	line-height:2em;
	position:relative;
	top:-5px;
}

/* ------ FIX Options dans modal ----- */
.nyroModalLink .options {
	display :none;
}
/* ---------------------PAGES INFOS CONTENUS ------------- */
/* L'entreprise */
.menu-page {
	padding-left:0em;
}
.menu-page li {
	line-height:2em;
	list-style:none !important;
	border-bottom:1px solid #DBDBDB;
	color:#da5f37;
}
.menu-page li a {
	color:#161615;
}
.menu-page li a:hover {
	color:#da5f37;
	font-weight:bold !important;
}
.menu-page li:before {
 content: '';
    display: inline-block;
    height: 15px;
    background-image: url('/wp/wp-content/uploads/2020/04/arrow-list.svg');
    background-size: contain;
    background-repeat: no-repeat;
	width: 35px;
}
.background-light-grey.border-grey .portrait figcaption{
	font-size:1em;
}
.background-orange-guy {
	background-color:#da5f37;
	margin-bottom:0px !important;
}

.background-orange-guy > .wp-block-column{
	padding: 0 2em 0 2em;
}
.background-orange-guy h3 {
	font-size: 2.5em;
	margin-bottom:0em;
	text-transform: uppercase;
}
.background-orange-guy h2 {
	font-size: 6em;
	font-weight:bold;
	margin-bottom:0em;
	margin-top:0em;
}
.background-orange-guy .wp-block-image {
	margin-bottom:0;
}
@media (max-width:1170px){
.background-orange-guy {
	display:none;
	}}
/* AUTRES PROPRIETES */
.separateur-optipro {max-width:80% !important;margin-left:0 !important}
/*count-up */
p.advgb-count-up-desc {
	margin-bottom: 0px !important;
}
.position-relative {
	position:relative;}
.position-absolute {
	position:absolute;}
/*.strong-orange strong {
	color:#da5f37;}*/

/* Background */
.background-orange {
	background-color:#da5f37;
	padding: 1em 1em 1em 1em;
}
.background-orange-montage p {margin-bottom:5px !important}
.background-orange-montage {
	background: linear-gradient(rgba(0, 0, 0, 0) 20%, #da5f37 20%);
	padding: 1em 1em 0em 1em;
}
.background-orange-montage .visseuse {padding-bottom:1.5em !important}
.background-light-grey {
	background-color:#f2f2f2;
	padding: 1em;
}
.background-light-grey-exergue {
	background-color:#f2f2f2;
	padding: 3em;
}
.background-dark-grey {
	background-color:#333132;
	padding: 1em 1em 1em 1em;
}
.background-pefc {
	background-color:#92C04F;
	padding: 1em 1em 1em 1em;
}
.background-yellow {
	background-color:#F8AC00;
	padding: 1em 1em 1em 1em;
	/*margin-bottom:30px;*/
}
.border-grey {
	border:1px solid #DBDBDB
}
.padding-1 {
	padding:1em !important;
}
.padding-0-5 {
	padding:0.5em;
}
.wp-block-buttons.alignright, .wp-block-calendar {
	text-align:right;
}
/* ACCORDEON */
.accordion input {
display:none;}

.advgb-accordion-header {
width:100%;
border:0px !important;
border-radius: 15px !important;
}
.advgb-accordion-header-icon {
line-height:1.5em !important;
}

.advgb-accordion-header span {
	transform-origin:center;
	transform: rotate(180deg);
	transition-duration: 0.5s;
}
.accordeon-content {
	overflow:hidden;
	height:0;
}
.accordeon-faq {
	padding-top:20px !important;
}
input:checked ~ .advgb-accordion-header {
	border-radius: 15px 15px 0 0 !important;
}
input:checked ~ .accordeon-content {
	height:100%;
	padding: 80px 20px 10px 20px;
	border: solid 1px;
	border-top: none !important;
	border-radius: 0 0 15px 15px;
}
input:checked ~ .advgb-accordion-header span {
	transform: rotate(0deg);
	transition-duration: 0.5s;
	transform-origin:center;
}
.text-white cite {
	color:#fff
}

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

	FILTRES SVG

*****************************************/
.picto-orange img {filter: invert(28%) sepia(89%) saturate(2186%) hue-rotate(6deg) brightness(101%) contrast(88%);}
.picto-grey img {filter: invert(21%) sepia(8%) saturate(196%) hue-rotate(314deg) brightness(100%) contrast(70%);}
.margin-left-visseuse img {margin-left:1em}
/*****************************************
	DOT CONTAINER
*****************************************/
.arrow-left, .arrow-right, .dot-container {background:none !important; padding:10px 15px 10px !important;}
.dot{border:solid 1px #E75000}
.dot--active {background-color:#E75000!important}
.gutenberg__slider {height:100% !important}
.slider-partenaires {height:500px !important}
.slider-pages-kit {height:300px !important}
/*** ---------------------- PROPRIETES A SUPPRIMER QUAND JOHN DOE OK MAQUETTE XD ----- */
a.no-decoration {
	color:#333131
}
a {
	color:#da5f37;}
p a{font-weight:bold;}	

.wp-block-quote {
	border-left: 0px !important;
	margin: 0px !important;
	padding-left: 0px !important;
}
/*** ---------------------- TEST MODEL VIEWER ----- */
  #lazy-load-poster {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(https://kitutilitaire.preprod.pro/wp/wp-content/uploads/2020/05/80c-glb.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .model-viewer {
    width:100%;
    height:800px;
  }
    #button-load {
      background-image: url(https://modelviewer.dev/assets/ic_get_app_white_24dp.svg);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 6% 50%;
      background-color: #000;
      color: white;
      cursor: pointer;
      border-radius: 6px;
      display: inline-block;
      padding: 10px 18px 9px 40px;
      font-weight: 500;
      box-shadow: 0 0 8px rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,.25);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0);
      z-index: 100;
    }
/* ----------------------- CONTACT FORM ------------------------------ */
.content-bloc.content-contact-form {
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 15px;
}
/*.content-bloc.content-contact-form .form-group {
	height:40px;
}*/
.wpcf7-text {
	border:1px solid #CCCCCC;
	/* border-radius:0; */
	height:auto;
	padding: 8px 10px;
	font-weight:500;
	color:#333131;
	width:100%;
	font-size:1rem;
	border-radius: 15px;
}
.wpcf7-number {
	-webkit-appearance:none;
	-moz-appearance:textfield;
	border:1px solid #CCCCCC;
	border-radius:0;
	height:auto;
	padding: 8px 10px;
	font-weight:500;
	color:#333131;
	width:100%;
	font-size:1rem;
	margin:0;
}
.wpcf7-number::placeholder{
	font-weight:400;
	color:#b5b5b5;

}
.wpcf7-text::placeholder{
	font-weight:400;
	color:#b5b5b5;

}
.wpcf7-textarea {
	border:1px solid #CCCCCC;
	border-radius:0;
	height:150px;
	padding: 8px 10px;
	font-weight:500;
	color:#333131;
	width:100%;
	font-size:1rem;
	resize:vertical;
	border-radius: 15px;
}
@media (min-width:1170px){
.wpcf-7-checkbox-custom {
	display:flex;
	flex-wrap:wrap;
}
.wpcf-7-checkbox-custom span.wpcf7-list-item {
	flex: 0 1 200px;
	line-height:2em;
}
	}
@media (max-width:1169px){
	.wpcf-7-checkbox-custom {
		display:flex;
		flex-direction:column;
	}
	.wpcf-7-checkbox-custom span {
		margin-bottom:1em;
	}
}
.wpcf-7-checkbox-custom span.wpcf7-list-item span {
	margin-left:10px;
}
.wpcf7-list-item{
	font-weight:500;
	color:#333131;
	font-size:1rem;
}

.wpcf7-textarea::placeholder{
	font-weight:400;
	color:#b5b5b5;
}
.wpcf7-select {
	border:1px solid #CCCCCC;
	border-radius:0;
	height:auto;
	padding: 8px 10px;
	font-weight:500;
	color:#333131;
	width:100%;
	font-size:1rem;
	border-radius: 15px;
}
.wpcf7-form-control:focus {
 	color:#495057;
 	background-color:#fff;
 	border-color:#80bdff;
 	outline:0;
 	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.wpcf7-submit-button {
	margin-right:auto;
	margin-left:auto;
	max-width:950px;
}
.wpcf7 input[type=submit] {	
	cursor:pointer;
	background: #da5f37;
    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:1px solid transparent;
	border-radius: 15px;
}
.wpcf7 input[type=submit]:hover {
	background:#CC3912;
}
div.wpcf7 .wpcf7-submit:disabled {
	background-color:#F2F2F2;
}
.wpcf7-obligatoire {
	max-width:950px;
	margin-left:auto;
	margin-right:auto
}
.wpcf7-obligatoire .col-12 {
	padding:0;
}
.wpcf7-obligatoire .small {
	margin-top:1em;
	margin-bottom:2em;
	font-size:85%;
	font-weight:400;
}
.wpcf7-privacy {
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
}
.wpcf7-privacy .no-gutters {
	padding-bottom:10px !important;
}
.wpcf7-privacy .col-12 {
	padding:0;
}
.wpcf7-privacy span {
	margin-left:0;
}
/* ------ DIAPO HEADER ----- */
.liste-diapo {
	font-size:1.5em;
	list-style:none;
	padding-left:0px;
}
.liste-diapo li::before{
 	content: '';
    display: inline-block;
    height: 15px;
    background-image: url('/wp/wp-content/uploads/2020/04/arrow-list.svg');
    background-size: contain;
    background-repeat: no-repeat;
	width: 35px;
	filter: brightness(100);
}
#home-slider .owl-stage .btn::before{
 	content: '';
    display: inline-block;
    height: 13px;
    background-image: url('/wp/wp-content/uploads/2020/04/arrow-list.svg');
    background-size: contain;
    background-repeat: no-repeat;
	width: 25px;
	filter: brightness(100);
	margin-left:-10px;
}
.options .products .content .infos .price {
margin-left:auto;
margin-right:auto;
}
.options .products .content .infos .btn {
margin-left:auto;
margin-right:auto;
}
/*.indispensables .owl-stage-outer .owl-item .item .content .infos  {
	height:400px
}*/

/* --- FILTRES PRODUITS GRAS ---*/
#filters-type-d-amenagement .arrow::before{
	background:url('/assets/imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
	background-size:contain;
	content:'';
	width:10px;
	height:15px;
	transform:rotate(90deg);
	display:inline-block;
	margin-right:20px;
	filter:brightness(0);
}

#filters-type-d-amenagement .arrow::after{
	background:url('/assets/imgs/picto-fleche-droite-menu-vehicule.svg') no-repeat center center;
	background-size:contain;
	content:'';
	width:10px;
	height:15px;
	transform:rotate(90deg);
	display:inline-block;
	margin-left:20px;
	filter:brightness(0);
}

#BOIS li:nth-child(1) span {
	font-weight:600 !important;
	text-decoration:underline;
}
#BOIS li:nth-child(4) span {
	font-weight:600 !important;
	text-decoration:underline;
}
#BOIS li:nth-child(8) span {
	font-weight:600 !important;
	text-decoration:underline;
}

/*--------------------------- PAGE CHOIX DU MODE DE LIVRAISON ----------------*/

.centre-pose span.mapbox_title{
	position:absolute;
	left:20px;
	top:20px;
	z-index:5;
	background:#FFF;
	padding:3px 10px;
	color:#ef7a33;
}

.centre-pose .mapbox .mapbox_title h5.fix {
	margin:0;
	font-size:1.5em;
}
.centre-pose .mapbox .mapbox_title p.fix {
	margin:0;
}