/*
 Theme Name:   Inodia
 Theme URI:    https://www.inodia.io
 Description:  Thème site internet Inodia
 Author:       Vincent Michelet - Inodia
 Author URI:   https://www.inodia.io
 Template:     page-builder-framework
 Version:      1.0.0
*/


/*---------- Imports ----------*/
@import "assets/css/globals.css" screen;
@import "assets/css/cookies.css" screen;

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Icons */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?72do1y');
	src: url('fonts/icomoon.eot?72do1y#iefix') format('embedded-opentype'),
		 url('fonts/icomoon.ttf?72do1y') format('truetype'),
		 url('fonts/icomoon.woff?72do1y') format('woff'),
		 url('fonts/icomoon.svg?72do1y#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


@font-face {
    font-family: 'Agency FB';
    src: url('fonts/AgencyFB-Reg.eot');
    src: url('fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),
        url('fonts/AgencyFB-Reg.woff2') format('woff2'),
        url('fonts/AgencyFB-Reg.woff') format('woff'),
        url('fonts/AgencyFB-Reg.ttf') format('truetype'),
        url('fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
}



[class^="icon-"], [class*=" icon-"], .icon p,
.btn_fleche a:after,
.btn.fleche a:after,
.bdt-navigation-prev:before,
.bdt-navigation-next:before,
.blog #content .wpbf-article-wrapper article .wpbf-read-more:after{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*---------- Réglages généraux ----------*/
html {
	scrollbar-color: var(--orange) #FFFFFF;
	scrollbar-width: thin;
}

#container{
	overflow: hidden;
}

#main{
	overflow-x: hidden;
}


/* TAILLE WRAPPER */
body.tax-product_cat #container > .container,
#content #inner-content .title_container,
.single-post #content #inner-content .article-header h1,
.single-post #content #inner-content .article-header p.article-meta{
	width: 1720px;
	max-width: 1720px;
	margin: auto;
}

#content #inner-content #main .elementor-section-boxed > .elementor-container .elementor-section-boxed > .elementor-container {
	width: 100%;
	max-width: 100%;
}


/* STRUCTURE */
#content #inner-content .elementor-top-section {
	margin-bottom: 7.5rem;
}


/* SCROLLBAR */
::-webkit-scrollbar {
    background: #FFFFFF;
	width: 8px;
}
 
::-webkit-scrollbar-thumb {
    background: var(--orange);
}


:root{
	--couleur-principale: #07184F;
	--brand-color: #07184F;
	
	--couleur-secondaire: #B0DFF9;
	--base-color-alt: #b0dff96e;
	
	--bleu-clair: #E7F5FD;
	--bleu-fonce: #000935;
	--orange: #F03425;
	--accent-color: #F03425;
	--orange-fonce: #A22218;
	--accent-color-alt: #A22218;
	--blanc: #ffffff;
	
	--font-titre: 'Agency FB', sans-serif;
	--font-texte: 'Catamaran', sans-serif;
	
	--bg-clair: linear-gradient(225deg, rgba(231,245,253,1) 0%, rgba(204,234,251,1) 50%, rgba(176,223,249,1) 100%);
	--bg-gradient-footer: radial-gradient(circle at 100% 0%, rgba(10, 42, 154, 1) 0%, rgba(7, 24, 79, 1) 25%, rgba(7, 24, 79, 1) 100%);
	--bg-gradient-gauche: radial-gradient(circle at 0% 4%, rgba(10, 42, 154, 1) 16%, rgba(7, 24, 79, 1) 63%, rgba(7, 24, 79, 1) 100%);
	--bg-gradient-carte: radial-gradient(circle at 100% 0%, rgba(10, 42, 154, 1) 16%, rgba(7, 24, 79, 1) 63%, rgba(7, 24, 79, 1) 100%);
}


/* GLOBAL */
#inner-content{
	padding: 0;
}

#content h1{
	color: var(--couleur-principale);
	font-size: 4rem;
	margin: 0 20px 40px 0;
}

#content h1.entry-title{
	margin: 40px 20px 40px 100px;
}

#content h2,
#content .h2{
	font-size: 3rem;
	font-weight: 700;
	color: var(--couleur-principale);
	margin-bottom: 35px;	
}

.home #content h2{
	font-size: 3.75rem;
}

#content h3,
#content .h3 .elementor-heading-title {
	font-size: 1.6875rem;
	font-weight: 900;
	color: var(--couleur-principale);
	letter-spacing: .025em;
	margin-bottom: 25px;
}

#content .h3.red .elementor-heading-title {
	color: var(--orange);
}

#content h4,
#content .h4 .elementor-heading-title {
	margin-bottom: 15px;
}

#content .sur-titre span, #content h4{
	color: var(--orange);
	font-weight: 400;
	font-size: 1.875rem;
}

#content .elementor-text-editor{
	color: var(--couleur-principale);
	font-weight: 300;
	font-size: 0.9375rem;
	margin-bottom: 40px;
}

#content p{
	color: var(--couleur-principale);
	font-weight: 300;
	font-size: 0.9375rem;	
}

#content p, 
.elementor-text-editor, a,
#content h3,
#content .h3 .elementor-heading-title,
#footer div, 
#footer a, #header a{
	font-family: var(--font-texte);
}

a{
	color: var(--orange);
}

a:hover{
	color: var(--orange-fonce);
}

#content h1,
#content h2,
#footer .wpbf-widgettitle,
#footer .wpbf-widgettitle a{
	font-family: var(--font-titre);
}

	/* boutons */

#content .btn a,
#header .wpbf-cta-menu-item a,
#content .bdt-slide-link,
#content #section_contact .formulaire input[type="submit"],
.blog .wpbf-article-wrapper article .wpbf-read-more,
.woocommerce-page .button{
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
	font-family: var(--font-titre);
	margin: 20px 0;
}

#header .wpbf-cta-menu-item a{
	margin: 0;
	font-size: 0.9375rem;
}

#content .btn.btn_vide a,
.blog .wpbf-article-wrapper article .wpbf-read-more{
	background-color: transparent;
	overflow: hidden;
}

#content .btn.btn_vide a:before,
.blog .wpbf-article-wrapper article .wpbf-read-more:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	left: -20px;
	transition: all .6s ease-out;
	background-color: var(--orange);
	bottom: 0;
	opacity: .4;
}

#content .btn.btn_vide-blanc a:before{
	background-color: var(--blanc);
}

#content .btn.btn_vide-bleu a:before,
.blog .wpbf-article-wrapper article .wpbf-read-more{
	color: var(--couleur-principale);
}

#content .colonne_claire .btn.btn_vide-bleu a:before,
#content .fond_fonce .btn.btn_vide a:before,
.blog .wpbf-article-wrapper article .wpbf-read-more:before{
	background-color: var(--blanc);
}

#content .btn.btn_vide a:hover:before{
	left: calc(100% - 20px);
	opacity: 1;
}

.btn_vide-bleu a:visited,
.btn_vide-bleu a{
	color: var(--couleur-principale);
	border-radius: 0;
}

#content .btn.btn_plein a,
#header .wpbf-cta-menu-item a,
#content .bdt-slide-link,
#content #section_contact .formulaire input[type="submit"],
input[type="submit"].wpcf7-submit,
.woocommerce-page .button{
	padding: 14px 32px;
	letter-spacing: .1em;
	border-radius: 10px;
}

.btn.btn_plein-orange a,
#header .wpbf-cta-menu-item a,
#content .bdt-slide-link,
#content #section_contact .formulaire input[type="submit"],
input[type="submit"].wpcf7-submit,
.woocommerce-page .button{
	background-color: var(--orange);
	color: var(--blanc);
	border: 1px solid var(--orange);
}

.btn.btn_plein-orange a,
#content .bdt-slide-link,
#content #section_contact .formulaire input[type="submit"],
input[type="submit"].wpcf7-submit {
	box-shadow: 0px 5px 17px 0px rgba(240,52,37,0.24);
	-webkit-box-shadow: 0px 5px 17px 0px rgba(240,52,37,0.24);
	-moz-box-shadow: 0px 5px 17px 0px rgba(240,52,37,0.24);
}

.btn_plein-orange a:hover,
.btn_plein-orange a:focus,
#header .wpbf-cta-menu-item a:hover,
#header .wpbf-cta-menu-item a:focus,
#content .bdt-slide-link:hover,
#content .bdt-slide-link:focus,
#content #section_contact .formulaire input[type="submit"]:hover,
#content #section_contact .formulaire input[type="submit"]:focus,
input[type="submit"].wpcf7-submit:hover,
input[type="submit"].wpcf7-submit:focus,
.woocommerce-page .button:hover,
.woocommerce-page .button:focus{
	background-color: var(--orange-fonce);
	color: var(--blanc);
	border-color: var(--orange-fonce);
}

#content .btn_fleche a,
#content .btn.fleche a,
.blog #content .wpbf-article-wrapper article .wpbf-read-more{
	position: relative;
	padding-right: 30px;
}

#content .btn.btn_fleche a{
	text-transform: inherit;
}

#content .btn_fleche a:after{
	content: 'b';
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-45%);
	font-size: 15px;
}

#content .btn_vide-blanc.btn_fleche a:after{
	font-size: 20px;
}


#content .btn_vide-blanc.btn_fleche a{
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 40px;
}

#content .btn.fleche a:after,
.blog #content .wpbf-article-wrapper article .wpbf-read-more:after{
	content: 'k';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);	
}

.btn.btn_vide-orange a{
	color: var(--orange);
	font-size: 1.5625rem;
}

.btn.btn_vide-blanc a{
	color: var(--blanc);
	font-size: 2.1875rem;
}

	/* parametres sections */


#content .colonne_claire .btn.btn_vide a,
.blog .wpbf-article-wrapper article .wpbf-read-more{
	font-family: var(--font-texte);
	font-size: 0.9375rem;
}

.colonne_padding{
	padding: 25px;
	border-radius: 10px;
}

.fond_clair{
	background: var(--bg-clair);
}

.fond_fonce{
	background-color: var(--couleur-principale);
}

#content .fond_fonce p,
#content .fond_fonce .elementor-text-editor,
#content .fond_fonce a,
#content .fond_fonce h1,
#content .fond_fonce h2,
#content .fond_fonce h3,
#content .fond_fonce li{
	color: var(--blanc);
}

#content #inner-content section.section_marge{
	padding: 70px 100px;
}

.section_image-texte .swiper-slide img{
	max-height: 500px;
}



/* HEADER */
.home #header{
    width: 100%;
}

#header .wpbf-grid-collapse, #header .wpbf-mobile-nav-wrapper{
	justify-content: center;
	height: 120px;
}

#header .wpbf-logo{
	display: inherit;
}

#header h1{
	margin-bottom: 0;
}

#header .wpbf-navigation{
	background-color: var(--blanc);
	border-radius: 10px;
	position: absolute;
    margin: 40px 50px;
	padding: 0 50px;
    width: calc(100% - 100px);
}

#header .wpbf-navigation.wpbf-navigation-active{
    margin: 15px 50px;
}

#header .wpbf-nav-wrapper{
	padding: 0;
}

#header #menu-menu-principal{
    display: flex;
}

#header #menu-menu-principal .wpbf-woo-menu-item-popup{
    order: 1;
}

#header li a{
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: .05em;
	color: var(--couleur-principale);
	padding: 14px 20px;
}

#header li a:hover,
#header li a:focus{
	color: var(--bleu-fonce);
}

#container #header .current-menu-item a{
	color: var(--couleur-principale)!important;
	font-weight: 900;
}

#mobile-navigation .sub-menu li{
	padding-left: 20px;
}

.wpbff-hamburger:before{
	font-size: 1.5rem;
}



/* FOOTER */


#footer .wpbf-inner-widget-footer{
	background: var(--bg-gradient-footer);
	background:-webkit-radial-gradient(circle at 100% 0%, rgba(10, 42, 154, 1) 0%, rgba(7, 24, 79, 1) 25%, rgba(7, 24, 79, 1) 100%);
	padding: 70px 100px;
	position: relative;
	z-index: 0
}

#footer .wpbf-inner-widget-footer:after{
	content: '';
	background: url('img/footer.png') no-repeat center right;
	opacity: .3;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
}

#footer a,
#footer p,
#footer div{
	color: var(--blanc);
	font-weight: 300;
	font-size: 0.9375rem;
	letter-spacing: .05em;
}

#footer a{
	line-height: 2.5;
}

#footer .icon-rs a{
	font-size: 30px;
	color: var(--couleur-secondaire);
}
#footer .icon-rs a:hover{
	opacity: .7;
}

#footer .wpbf-widgettitle,
#footer .wpbf-widgettitle a{
	font-size: 1.5625rem;
}

#footer .wpbf-grid-medium-1-4>*{
	width: 16%;
}


#footer .wpbf-inner-footer{
	background-color: var(--bleu-fonce);
}

#footer .wpbf-inner-footer .wpbf-inner-footer-content,
#footer .wpbf-inner-footer .wpbf-inner-footer-content a{
	color: var(--blanc);
	font-size: 0.8125rem;
}

#footer .wpbf-inner-footer .wpbf-inner-footer-content{
	opacity: .8;
}

#footer .wpbf-footer-widget-4{
	display: flex;
	justify-content: space-between;
	width: 32%;
}

#footer .wp-block-column{
	margin: 0;
	flex-basis: 50%!important;
}

#footer #block-7{
	width: 100%;
}

#footer .wpbf-widgettitle a{
	line-height: inherit;
}

#footer #menu-footer-deux{
	padding-right: 10px;
}



/* ---------------- HOME --------------- */

/* SECTION EN-TETE */

#content #inner-content #section_en-tete{
	padding-top: 0;
}

#section_en-tete .bdt-slider-image-wrapper{
	width: 50%;
	position: relative;
}

#section_en-tete img{
	height: 100%!important;
    width: 100%!important;
    object-fit: cover;
}

#section_en-tete h2, 
#section_en-tete p{
	text-align: left;
}

#section_en-tete .bdt-slide-desc{
	position: relative;
	width: 50%;
	height: 100%;
	top: 0;
	transform: translateY(0);
	margin: 0;
	padding: 30px 10% 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background: var(--bg-gradient-gauche);
	z-index: 0;
}

#section_en-tete .bdt-slide-desc:before{
	content: '';
	background: url('img/fond_slider.png');
	opacity: .3;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

#section_en-tete .bdt-slide-item{
	width: 100%!important;
    display: flex;
    flex-direction: row-reverse;
}

.bdt-navigation-prev,
.bdt-navigation-next{
	position: relative;
	width: 40px;
	height: 40px;
	margin: 5px;
}

.bdt-navigation-prev:before{
	content: 'i';
}

.bdt-navigation-next:before{
	content: 'j';
}

.bdt-navigation-prev:before,
.bdt-navigation-next:before{
	position: absolute;
	top: 0;
	left: 0;
	color: var(--couleur-secondaire);
	font-size: 40px;
}

.bdt-navigation-prev:hover,
.bdt-navigation-next:hover{
	opacity: .5;
}

#section_en-tete .bdt-navigation-prev i,
#section_en-tete .bdt-navigation-next i{
	display: none;
}




/* SECTION 4 COLONNES */
#section_colonnes .btn.btn_vide-orange a{
	margin-bottom: 35px;
}

.colonne_claire, 
.blog .wpbf-article-wrapper article{
	background-color: var(--bleu-clair);
	transition: all .4s;
	border-radius: 10px;
	padding: 45px;
	position: relative;
	z-index: 0;
}


.colonne_claire:before,
.blog .wpbf-article-wrapper article:before{
	content: '';
	background: url('img/fond_carte.png') no-repeat bottom right;
	opacity: .3;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .4s;
}

.colonne_claire:hover,
.blog .wpbf-article-wrapper article:hover{
	background: var(--bg-gradient-carte);
	animation: 	show .4s forwards;
}

@keyframes show{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
	
}

#content .icon p{
	font-size: 4.375rem;
	color: var(--couleur-principale);
}

#content .colonne_claire:hover p,
#content .colonne_claire:hover h3,
.colonne_claire:hover .btn a,
.blog .wpbf-article-wrapper article:hover a,
.blog #content .wpbf-article-wrapper article:hover p{
	color: var(--blanc);
}

.colonne_claire .elementor-widget-wrap{
	flex-direction: column;
    justify-content: space-between;
}

#content .colonne_claire .elementor-button-link{
	margin-bottom: 0;
}


/* SECTION GRILLE IMAGE */

#content #section_grille_image,
#content .fond_polygones{
	position:relative;
}

.woocommerce-page #main:before,
#content #section_grille_image:before,
#content .fond_polygones:before{
	content: '';
	position:absolute;
	background: url("img/polygones.png") no-repeat;
	right: -170px;
	top: -100%;
	width: 1400px;
	height: 1600px;
	z-index: -1;
}

#content #section_grille_image .img_marge{
	margin-bottom: 20px;
}

#section_grille_image .colonne_marge{
	padding: 0 80px;
	height: 90%;
}

#section_grille_image .colonne_marge .elementor-widget-wrap{
	margin: auto;
}

.btn_img{
	position: absolute;
	left: 40px;
	bottom: 40px;
}

#section_grille_image .elementor-image{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	z-index: 0;
	max-width: 850px;
}

#section_grille_image .elementor-image:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
	background: linear-gradient(0deg, rgba(7,24,79,.7) 0%, rgba(7,24,79,0) 100%);
}

#section_img_abs{
	position: relative;
}

.colonne_abs{
	position: absolute;
    right: 0;
    top: -10%;
}

#section_grille_image .elementor-column-wrap{
	align-self: flex-end;
}



/* SECTION IMAGE TEXTE */



.colonne_img_cover div{
	width: 100%;
	height: 100%;
}

.img_cover img{
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.colonne-50_texte{
	padding: 70px 100px 70px 120px;
}

.colonne-50{
	padding: 70px 120px;
}

#content .element-50{
	width: 50%;
}

#content #inner-content section.section_image-texte{
	padding-bottom: 0;
}

/* SECTION CTA */

#section_grand_cta{
	background-image: url('img/fond_cta.svg');
	background-repeat: no-repeat;
	background-position: top center;
}


#content #section_grand_cta .trait{
	width: 1px;
	height: 75px;
	background-color: var(--orange);
	margin: 70px 0 60px 0;
} 

#content #inner-content .elementor-top-section{
	margin: 0;
	padding: 70px 0;
}



/* PAGES COORDONNEES */

#content #section_contact .formulaire input:not(input[type="submit"]),
#section_contact .formulaire textarea{
	background-color: var(--blanc);
	border-radius: 3px;
	color: var(--couleur-principale);
	border-color: var(--couleur-principale);
	margin: 5px 0;
}


#content #section_contact .formulaire input:not(input[type="submit"])::placeholder,
#section_contact .formulaire textarea::placeholder{
	color: var(--couleur-principale);
	text-transform: uppercase;
}

.formulaire .wpcf7-spinner{
	display: block;
}


#section_contact form p{
	text-align: center;
	padding-top: 0;
	font-size: 0.825rem;
}

#section_contact .colonne_marge{
	padding: 0 50px 20px 0;
}

#section_contact .colonne_coordonnees .elementor-widget-wrap{
	align-content: flex-start!important;
}

#section_contact .inner_marge{
	background: var(--bg-clair);
	padding: 25px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#section_contact .elementor-widget-osm-map-elementor .osm-map-container{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;	
}

.wpbf-expertises #inner-content,
.wpbf-mentions-legales #inner-content,
.privacy-policy #inner-content{
	margin-top: 150px;
}



/* A PROPOS */


.elementor-widget-image-carousel .swiper-slide{
	padding: 0 10px;
}

.swiper-wrapper{
	align-items: center;
}

/* PAGES EXPERTICES */


.logo_process .elementor-icon-wrapper,
.logo_process .elementor-image{
	width: 125px;
    height: 125px;
    background: white;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow: 0px 5px 17px 0px rgba(7,24,79,0.24);
	-webkit-box-shadow: 0px 5px 17px 0px rgba(7,24,79,0.24);
	-moz-box-shadow: 0px 5px 17px 0px rgba(7,24,79,0.24);
	background-color: var(--orange);
}

#content .colonne_step,
#content .colonne_transparente{
	padding-bottom: 0;
}

#content .colonne_step .elementor-text-editor,
#content .colonne_transparente .elementor-text-editor{
	margin-bottom: 0;
}

.fleche_process{
	position: relative;
}

.fleche_process:after{
	content: '';
	position: absolute;
	right: -85px;
	top: 50%;
	transform: translateY(-50%);
	width: 100px;
	height: 100px;
	background: url('img/right-arrow-min.svg') no-repeat;
}

#content #inner-content #section_sous-header{
	padding-top: 0;
}

#content #inner-content #section_sous-header .colonne_sous-header{
	margin-top: 150px;
}

/* PAGES DES ARTICLES */
.blog #main{
	margin-top: 150px;
}

.blog .wpbf-post-grid{
    padding: 70px 100px;
}

.blog #content .wpbf-article-wrapper article{
	padding: 0;
}

.blog .article-header img{
	border-radius: 10px;
}

.blog .entry-title,
.blog #content p,
.blog .article-footer,
.blog .article-meta{
	margin: 0 30px;
}

.blog .article-footer{
	text-align: center;
	margin: 15px;
}

.posted-on{
	display: none;
}

.article-meta .article-time{
	text-decoration: none;
}

.blog .wpbf-post-image-link{
	height: 300px;
}

.blog article img{
	height: 100%;
}

.blog article:hover img{
	opacity: .7;
}


/* ARTICLES */

.footer-categories{
	display: none;
}

.single-post{
	height: auto;
}

.single-post .wpbf-post-image-wrapper{
	width: 50%;
	margin: auto;
}

.single-post .article-header{
	position: relative;
	margin: 20px 100px;
	border-radius: 10px;
}


.wpbf-contact #main,
.single-post #main{
	width: 100%;
	margin-top: 120px;
} 

.single-post article{
	margin: 120px 80px 0 80px;
}

.single-post h1, .single-post .article-meta, .single-post .wpbf-post-image-wrapper, .single-post .article-content{
	text-align: center;
}

.single-post .wpbf-post-image-wrapper img{
	object-fit: cover;
    width: 100%;
    height: 100%;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
	border-radius: 10px;
}

.single-post .article-content{
	margin: 70px 150px;
}

.single-post .wpbf-sidebar-wrapper{
	display: none;
}

#content .pagination .page-numbers{
	background-color: transparent;
}

#content .pagination .page-numbers.current{
	background-color: var(--couleur-primaire)!important;
	color: var(--blanc);
}


/*--------------------------- */
/* ------ WOOCOMMERCE---------*/
/* ---------------------------*/

.woocommerce-page #header .wpbf-navigation{
	margin-top: 10px;
}

.woocommerce-page #content{
	margin: 0 80px;
	padding: 150px 0 30px 0;
}

.woocommerce-page #main{
	overflow-x: visible;
}

.woocommerce-page #main:before{
	top: -30%;
}

.woocommerce-page #content h1.entry-title{
	margin-left: 0;
}

.woocommerce-page .button{
	margin: 0;
}

.woocommerce-page .posted_in{
	font-size: .785rem;
}

.woocommerce-page .out-of-stock{
	border: 1px solid;
    display: inline-block;
    padding: 5px 10px;
	border-radius: 10px;
}



.wpbf-woo-loop-summary{
	text-align: center;
}

.woocommerce-products-header__title{
	text-align: center;
}

#content #inner-content #main li.woocommerce-MyAccount-navigation-link{
	padding-left: 0;
}

.woocommerce-account .woocommerce-orders-table__cell a.button{
	margin: 0 10px 10px 0;
}

.woocommerce-MyAccount-navigation-link:before,
#content .sku_wrapper,
#shipping_method li:before,
.wc_payment_methods li:before,
.related.products li:before,
.post-type-archive-product #content li:before,
.wc-tabs li:before{
	display: none;
}


.single-product .price .woocommerce-Price-amount, 
.single-product ins .woocommerce-Price-amount{
	font-size: 1.875rem;
}

#sidebar > div{
	border-radius: 10px;
}

#content h3.woocommerce-loop-product__title{
	font-size: 1.275rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.variations th{
	background-color: transparent;
}

.variations td select{
	border-radius: 10px;
}

.product .flex-viewport{
	margin-bottom: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li{
	margin-bottom: 5%;
	width: 95%;
}

.woocommerce ul.products li.product .onsale, .woocommerce span.onsale{
	position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    background: var(--orange);
    color: #fff;
	width: auto;
    border-radius: unset;
    height: auto;
	display: inline-table;
}

.woocommerce-tabs .wc-tabs{
	display: none;
}

.woocommerce div.product .woocommerce-tabs .panel{
	display: block!important;
	text-align: center;
}

.woocommerce .wc-block-product-categories-list--depth-0 > li > a{
	font-weight: 600;
}

.woocommerce .wc-block-product-categories-list--depth-1 > li{
	margin-left: 20px;
}

.woocommerce .wc-block-product-categories-list--depth-2 > li{
	margin-left: 30px;
}

.single-product #content h1{
	margin-top: 0;
}

.woocommerce div.product div.images.woocommerce-product-gallery,
.single-product #content .entry-summary{
	margin-bottom: 80px;
}

.single-product.woocommerce table.shop_attributes th{
	width: 50%;
	text-align: center;
	border-right: none;
	border-left: none;
}

.single-product .woocommerce-product-gallery {
	display: flex;
    flex-direction: row-reverse;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs{
	display: flex;
    flex-direction: column;
}

.single-product.woocommerce table.shop_attributes tr:nth-child(even) td,
.single-product.woocommerce table.shop_attributes tr:nth-child(even) th{
	background-color: transparent;
}

.single-product .woocommerce-tabs{
	padding: 20px 0;
	position: relative;
}

.single-product .woocommerce-tabs:before{
	content: '';
	background-color: var(--couleur-principale);
	position: absolute;
	width: calc(100% + 160px);
    height: 100%;
    z-index: -1;
	top: 0;
	left: -80px;
}

.single-product #content .woocommerce-tabs *{
	color: var(--blanc);
}

.single-product .related.products{
	position: relative;
	padding: 70px 0 40px 0;
}

.single-product .related.products li{
	width: 23.5%;
    margin-right: 1.5%;
}

.single-product .related.products h2{
	text-align: center;
}

.single-product .related.products:before{
	content: "";
	position: absolute;
	background-image: url('img/fond_cta.svg');
	background-repeat: no-repeat;
	background-position: top center;
	width: calc(100% + 160px);
    height: calc(100% + 50px);
    z-index: -1;
	top: 0;
	left: -80px;
}

.single-product .woocommerce-product-attributes{
	width: 30%;
    margin: auto;
}

.single-product table.woocommerce-product-attributes th,
.single-product table.woocommerce-product-attributes td,
.single-product table.woocommerce-product-attributes{
	border: none;
}

.up-sells{
	margin: 50px 0;
}

.up-sells ul li:before{
	display: none;
}


body.tax-product_cat #container > .container .term-description {
    margin-bottom: 7.5rem;
}

body.tax-product_cat #container > .container .term-description h2 {
    color: #07184F;
    font-family: 'Agency FB', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
}

body.tax-product_cat #container > .container .term-description h3 {
    color: #07184F;
    font-family: 'Catamaran', sans-serif;
    font-size: 1.5625rem;
    font-weight: 800;
    line-height: 1.3;
}

body.tax-product_cat #container > .container .term-description p {
    color: rgba(7, 24, 79, .75);
    font-family: 'Catamaran', sans-serif;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.618;
}

body.tax-product_cat #container > .container .term-description p a {
    color: #F03425;
    font-weight: 700;
}

body.tax-product_cat #container > .container .term-description p + h2 {
    margin-top: 3.75rem;
}

body.tax-product_cat #container > .container .term-description p + h3 {
    margin-top: 2.5rem;
}

body.tax-product_cat #container > .container .term-description h2 + p {
    margin-top: 1.875rem;
}

body.tax-product_cat #container > .container .term-description h2 + h3 {
    margin-top: .9375rem;
}




#content .wpcf7-form > p {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 2.5rem;
}

#content .post-3144 .price,
#content .post-3144 .wpbf-woo-loop-out-of-stock,
.postid-3144 #content h1 + .price,
.postid-3144 #content .stock {
    display: none;
}





/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */
@media screen and (max-width: 1820px){
    
    body.tax-product_cat #container > .container,
    #content #inner-content .title_container,
    .single-post #content #inner-content .article-header h1,
    .single-post #content #inner-content .article-header p.article-meta{
        width: 85%;
        max-width: 85%;
        margin: auto;
    }
}



@media screen and (min-width: 1401px) {
    
    /* FORMULAIRES */
    #content .wpcf7-form .form_champs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    #content .wpcf7-form .form_champs .form_champ.full {
        grid-column: 1 / 3;
    }
}



@media screen and (max-width: 1400px){
	#header li a{
		font-size: 1rem;
		padding: 14px 10px;
	}
	
	#footer .wpbf-grid-medium-1-4>*{
		width: 20%;
	}	
	#footer .wpbf-footer-widget-4{
		width: 40%;
	}
	

	#section_grille_image .colonne_marge{
		padding: 0 50px;
		height: 100%;
	}
	
	.colonne_abs{
		top: 10%;
	}
	
	.single-post .article-header{
		margin: 0;
	}
	
	.single-post .article-content{
		margin: 70px 50px;
	}
}



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

	
@media screen and (max-width: 1250px) {
		
	#header .wpbf-container {
		margin: auto;
	}
		
	#section_grille_image .colonne_marge{
		padding: 10px 20px 0 20px;
	}
}



@media screen and (max-width: 1140px) {
	.colonne_abs{
		position: initial;
	}
	
	#section_en-tete .bdt-slide-desc{
		justify-content: flex-end;
		padding: 30px 5% 30px 50px;
	}
	
	#section_contact .colonne_marge{
		padding: 0;
	}
	
	.fleche_process:after{
		display: none;
	}
	

	#section_grille_image .elementor-column-wrap{
		align-self: baseline;
	}
	
	#content #section_grille_image .marge-0 div{
		margin: auto;
	}
	
	.woocommerce-page #content{
		margin: 0 50px;
	}
	
	.colonne_formulaire{
		margin-top: 30px;
	}
}



@media screen and (max-width: 1025px) {
	.bdt-navigation-prev:before, .bdt-navigation-next:before{
		display: none;
	}
	
	#section_en-tete .bdt-slide-desc{
		justify-content: flex-end;
		padding: 50px 20px 30px 50px;
		max-width: none;
	}
}



@media screen and (max-width: 989px) {	

	#section_en-tete .bdt-slide-desc{
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		background: none;
	}
	
	#section_en-tete .bdt-slide-desc:before{
		display: none;
	}
	
	#section_en-tete .bdt-slider-image-wrapper{
		width: 100%;
		position: static;
	}
	
	#section_en-tete img{
		filter: brightness(.5);
	}
	
	#footer .wpbf-inner-widget-footer{
		padding: 30px 50px;
	}
	
		
	#footer .wpbf-grid-medium-1-4>*{
		width: 50%;
		text-align: center
	}
	
	#footer .wpbf-footer-widget-1{
		width: 100%;
	}	
	
	#footer .wpbf-footer-widget-4{
		width: 100%;
		text-align: center;
		justify-content: space-around;
	}
	
	#footer .icon-rs{
		margin-bottom: 20px;
	}
	
	.single-post .article-content{
		margin: 50px 0;
	}
	
	.single-post .wpbf-post-image-wrapper{
		width: 70%;
	}
	
	.woocommerce-page #content{
		margin: 20px;
	}
	
	#sidebar > div{
		padding: 10px;
	}
	
	.price_slider_amount{
		display: flex;
    	flex-direction: column-reverse;
	}

	.single-product .woocommerce-product-attributes{
		width: 80%;
	}
    
    

    body.tax-product_cat #container > .container .term-description {
        margin-bottom: 6.25rem;
    }
}



@media screen and (max-width: 767px) {
	#content h1{
		font-size: 3rem;
		margin: 0 0 30px 0;
	}

	#content h2, 
	.home #content h2{
		font-size: 2.5rem;
		margin-bottom: 25px;
	}

	#content h3{
		font-size: 1.125rem;
		margin-bottom: 20px;
	}

	#content h4{
		font-size: 1rem;
	}
	
	.colonne-50_texte{
		padding: 50px;
	}
	
	.colonne-50{
		padding: 20px 50px;
	}
	
	.single-post article{
		margin: 50px;
	}
	
	.btn.btn_vide-blanc a{
		font-size: 1.5rem;
	}
	
	#content #inner-content section.section_marge,
	.blog .wpbf-post-grid{
		padding: 50px;
	}
	
	
	#header .wpbf-navigation, #header .wpbf-navigation.wpbf-navigation-active{
		margin: 10px 20px;
	}
	
	#header .wpbf-navigation{
		width: calc(100% - 40px);
		padding: 0 20px;
		height: 80px;
	}
	
	#header img{
		max-height: 60px;
	}
	
	#header .wpbf-mobile-nav-wrapper{
		padding: 0;
		height: 80px;
	}
	
	#section_en-tete .bdt-slide-desc{
		padding: 25px;
	}
	
	#content #inner-content #section_sous-header .colonne_sous-header,
	.single-post #main,
	.blog #main{
		margin-top: 100px;
	}
	
	.woocommerce-page #content{
		padding-top: 120px;
	}
	
	.wpbf-sidebar-wrapper{
		display: none;
	}
	
	#main.wpbf-product-archive{
		width: 100%;
	}
	
	#content h3.woocommerce-loop-product__title{
		font-size: 1rem;
	}	
	.single-product .price .woocommerce-Price-amount, .single-product ins .woocommerce-Price-amount{
		font-size: 1.125rem;
	}
	
	.single-product .related.products li{
		width: 48%;
	}
    
    

    body.tax-product_cat #container > .container .term-description h2 {
        font-size: 1.875rem;
    }

    body.tax-product_cat #container > .container .term-description h3 {
        font-size: 1.25rem;
    }
}



@media screen and (min-width: 576px) and (max-width: 767px) {
    
    /* FORMULAIRES */
    #content .wpcf7-form .form_champs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    #content .wpcf7-form .form_champs .form_champ.full {
        grid-column: 1 / 3;
    }
}



@media screen and (max-width: 575px) {
	#content h1{
		font-size: 2.825rem;
	}
	#header .wpbf-navigation{
		padding: 0 30px;
	}
	
		
	.single-post .wpbf-post-image-wrapper{
		width: 100%;
	}
	
	.single-product .woocommerce-product-attributes{
		width: 100%;
	}
	
	.single-product .woocommerce-product-gallery .flex-control-thumbs,
	.single-product .woocommerce-product-gallery {
		display: block;
	}
	
	.woocommerce div.product div.images .flex-control-thumbs li {
		margin-right: 1%;
		width: 24%;
	}
	
	.single-product .related.products{
		padding: 40px 0 0 0;
	}
	
	.woocommerce div.product div.images.woocommerce-product-gallery, .single-product #content .entry-summary{
		margin-bottom: 40px;
	}
	
	#footer .wpbf-inner-widget-footer:after{
		display: none;
	}
    
    
    body.tax-product_cat #container > .container .term-description {
        margin-bottom: 5rem;
    }
}



@media screen and (max-width: 480px) {
	.colonne-50{
		padding: 20px 25px;
	}
	
	.single-post article{
		margin: 25px;
	}
	
	#content #inner-content .elementor-top-section{
		padding: 40px 0;
	}
	
	#content .element-50{
		width: 100%;
	}
	
	#footer img{
		width: 100px;
	}
	
	.colonne-50_texte,
	#content #inner-content section.section_marge,
	.blog .wpbf-post-grid{
		padding: 30px 25px;
	}
	
	#section_colonnes .btn.btn_vide-orange{
		text-align: left;
	}
	
	.woocommerce-orders .woocommerce-Message--info.woocommerce-info{
		display: flex;
		flex-direction: column;
	}
}



@media screen and (max-width: 375px) {
	#footer .wpbf-grid-medium-1-4>*{
		width: 100%;
	}

	#footer .wp-block-column{
		flex-basis: 100%!important;
	}
	
	#footer .wpbf-footer-widget-4{
		flex-direction: column;
	}
	
	#footer #nav_menu-3{
		margin-bottom: 20px;
	}
	
	#content button{
		font-size: 0.875rem;
	}
    
    body.tax-product_cat #container > .container .term-description h2 {
        font-size: 1.5625rem;
    }

    body.tax-product_cat #container > .container .term-description h3 {
        font-size: 1.125rem;
        margin-bottom: .9375rem;
    }

    body.tax-product_cat #container > .container .term-description p {
        font-size: .875rem;
    }

    body.tax-product_cat #container > .container .term-description p + h2 {
        margin-top: 3.125rem;
    }
    
    body.tax-product_cat #container > .container .term-description p + h3 {
        margin-top: 1.875rem;
    }
}