/**
Theme Name: pif
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pif
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/*
font-family: "Oswald", sans-serif;
*/

:root {
  --couleur-1: #333; /* Texte */
  --couleur-2: #00a9be; /* Bleu */
  --couleur-3: #e30613; /* Rouge */
  --couleur-4: #000000; /* Noir texte */
  --font-1: "Oswald", sans-serif;
  --font-2: Arial, "sans-serif";
	
  --couleur-5: #edece5; /* Gris clair */
  --couleur-6: #f1bc05; /* Jaune */
  --couleur-7: #5fc0ee; /* Couleur interne */
  --couleur-8: #e63b14; /* Bouton interne */

	
  --primColor: #dcdcdc;
  --secoColor: #555555;
  --cornerRad: 4px;
}

html {
	font-size: 15px;
	color: var(--couleur-4);
	font-family: var(--font-2);
}
body {
	font-family: var(--font-2);
}
.txt_bleu {
	color: var(--couleur-2) !important;
}
.txt_rouge {
	color: var(--couleur-3) !important;
}
.site-primary-header-wrap .ast-builder-grid-row {
	display: grid;
	/* grid-template-columns: auto auto; */
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	grid-template-areas:  "logo menu_main menu_main";
}
.bloc_left_primary {
	grid-area: logo;
}
.bloc_right_primary
{
	grid-area: menu_main;
}
.wrap_standard {
	margin-left: 80px !important;
	margin-right: 80px !important;
}
@media (max-width: 921px) {
	.wrap_standard,
	.wrap_mini {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.home .wrap_standard,
	.home .wrap_mini {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

.page-template-page_accueil article,
.page-template-page_accueil .woocommerce-tabs.wc-tabs-wrapper {
	display: none !important;
}
p,
.entry-content p {
    margin-bottom: .6em;
}
.container_wrapper {
	width: 1200px;
	max-width: 98%;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
h1.entry-title,
.blog h1.entry-title {
	font-family: var(--font-1);
	color: var(--couleur-3);
	font-size: 40px;
	font-weight: 500;
}
header.entry-header .entry-title {
	font-size: 40px;
}
.single-blog #primary img {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0);
    margin-bottom: 25px;
}

@media (max-width: 500px) {
	header.entry-header .entry-title {
		font-size: 30px;
	}
}


/* =====================================================================================
Header
===================================================================================== */

.site-logo-img img {
    transition: all 0.2s linear;
    max-height: 100px;
    width: auto;
	height: 80px;
}
.ast-site-identity {
    padding: 0.5em 0;
}
.main-navigation ul li {
	font-family:  var(--font-1);
	font-size: 19px;
	font-weight: bold;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
    margin-left: 0.4em;
	font-size: .8rem;
    line-height: 1.2;
}
.wpml-ls-legacy-dropdown {
    width: auto;
    max-width: 100%;
}
.wpml-ls-legacy-dropdown>ul {
	border: solid 1px #000;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border: solid 1px #000;
}
.wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: #000;
    border: 0px solid #cdcdcd !important;
    background-color: #fff;
    padding: 3px 10px;
    line-height: 1;
}



.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
    display: block;
}
.current-language-item {
    display: flex;
    align-items: center;
    min-height: 22px;
}
.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
	font-size: .8rem;
    line-height: 1.2;
}
.wpml-ls-dropdown .wp-block-navigation__submenu-container {
	background: #fff;
	width: 100px;
}

.slider_mobile {
	display: none;
}
.slider_desktop {
	display: block;
}


.btn_slider_yt a.n2-style-463eb7c5444fad7645da53305936830d-heading.n2-ow {
	display: none !important;
}
.btn_slider_yt a {
	background: #000;
	padding: 5px 10px;
	border-radius: 0px;
	font-size: 17px !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: #000;
    border: none;
    background: transparent;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    height: 20px;
    fill: #000;
}
div#n2-ss-7 .n2-font-c4827c8a0301d819145787cc4662b227-hover,
div#n2-ss-7 .n2-font-87ae43c973e1ec8de585af3b6789841b-paragraph,
.texte_bandeau div,
.texte_bandeau p {
    text-shadow: rgb(0, 0, 0, .3) 0px 0px 6px !important;
}
.n2-style-03bea912fb08970c2a1b7b0636fd44ef-heading.n2-ow {
	display: none !important;
}

@media (max-width: 500px) {
	.slider_mobile {
		display: block;
	}
	.slider_desktop {
		display: none;
	}
	.btn_slider_yt a {
		padding: 5px 10px;
		border-radius: 0px;
		font-size: 15px !important;
	}
	.n2-ss-button-container a div div {
		font-size: 15px !important;
	}
}


/* =====================================================================================
Footer
===================================================================================== */

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background-color: #fff;
    min-height: 80px;
    border-style: solid;
    border-width: 0px;
    border-top-width: 0px;
    border-top-color: #fff;
}
.astra-footer-horizontal-menu,
.astra-footer-tablet-vertical-menu,
.astra-footer-mobile-vertical-menu {
	font-family:  var(--font-2);
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.astra-footer-horizontal-menu a,
.astra-footer-tablet-vertical-menu a,
.astra-footer-mobile-vertical-menu a {
	color: #000;
	font-family: var(--font-2);
}
.ast-footer-html-1 {
	padding: 20px;
	font-size: 15px;
	color: #000 !important;
}
.ast-footer-copyright p {
	font-size: .7rem;
}
.ast-footer-html-1 {
    padding: 20px 0;
    font-size: 15px;
	line-height: 1.3;
    color: #000 !important;
}
#astra-footer-menu .menu-item {
	line-height: 1.3;
}
.site-footer {
	padding: 35px 0 50px;
}

.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element h3 {
	font-family: var(--font-1);
	font-size: 22px;
	font-weight: 600;
}
.footer_rs {
	list-style: none;
	margin: 0;
}
.footer_rs li {
	display: inline-block;
	margin: 5px 7px;
}

@media (max-width: 921px) {
	.footer_line2,
	.ast-footer-copyright p {
		text-align: center !important;
	}
}



/* =====================================================================================
Page d'accueil
===================================================================================== */

@media (min-width: 1200px) {
	.page-template-page_accueil.ast-plain-container.ast-no-sidebar #primary {
		margin-top: 10px;
		margin-bottom: 60px;
	}
}
.bloc_ac_origines {
	padding-top: 55px;
}
.bloc_ac_avantages {
	/* margin-left: 30px; */
	max-width: 875px;
	padding-top: 5px;
}
.bloc_ac_avantages_old {
	display: grid;
	grid-template-columns: repeat(1fr);
	align-items: center;
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	grid-template-areas:  "photo_presentation avantages";
	max-width: 875px;
	padding-top: 5px;
}
.ac_image_avantages_haut,
.ac_image_avantages_bas {
	padding: 20px 0;
}
@media (max-width: 921px) {
	.bloc_ac_avantages {
		max-width: 100%;
		padding-top: 5px;
	}
	.bloc_ac_avantages_old {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		grid-column-gap: 30px;
		overflow-wrap: anywhere;
		grid-template-areas:  "photo_presentation"
			"avantages";
		max-width: 875px;
		padding-top: 5px;
	}
}
h2.h2_rouge {
	grid-area: titre;
	color: var(--couleur-3);
	font-family: var(--font-1);
	font-size: 30px;
	font-weight: 500;
}
.ac_contenu_presentation {
	grid-area: description;
	font-size: 1rem;
	line-height: 1.3;
	color:  var(--couleur-4);
	max-width: 875px;
	margin-bottom: 70px;
}
.ac_contenu_presentation p,
.bloc_ac_avantages p {
	font-size: 1rem;
	line-height: 1.3;
	color:  var(--couleur-4);
}
.ac_image_presentation {
	grid-area: photo_presentation;
	text-align: center;
}
.ac_avantages_presentation {
	grid-area: avantages;
}
.ac_avantage {
	display: flex;
	padding-bottom: 1px;
	padding-top: 1px;
}

#section_avantages {
	margin-top: 30px;
}

.ac_avantages_presentation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* align-items: center; */
	grid-column-gap: 40px;
	overflow-wrap: anywhere;
	max-width: 875px;
	padding-top: 5px;
}
@media (max-width: 921px) {
	.ac_avantages_presentation {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		grid-column-gap: 30px;
		overflow-wrap: anywhere;
		max-width: 875px;
		padding-top: 5px;
	}
}


.ac_avantage.sbloc_avantage_gris {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 15%, rgba(246,246,246,1) 85%, rgba(255,255,255,1) 100%);
}
.ac_sbloc_picto {
	width: 130px;
}
.ac_sbloc_picto img {
	max-width: 100%;
}
.ac_sbloc_avantage {
	/* width: calc(100% - 130px); */
	width: 90%
	padding-left: 2px;
	font-size: 0.93rem;
}
.ac_sbloc_avantage h3 {
	color: var(--couleur-3);
	font-family: var(--font-1);
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.ac_sbloc_avantage p {
	color: #000;
	font-size: 0.87rem;
	line-height: 1.2;
}

@media (max-width: 521px) {
	.ac_avantage {
		display: block;
		padding-bottom: 1px;
		padding-top: 1px;
	}
	.ac_sbloc_avantage {
		width: 100%;
		padding-left: 2px;
		font-size: 1rem;
	}
	.ac_sbloc_avantage h3 {
		color: var(--couleur-3);
		font-family: var(--font-1);
		font-size: 24px;
		padding-top: 0px;
	}
	.ac_sbloc_picto {
		width: 130px;
		padding-top: 10px;
	}
}
#section_schema {
	background: #cde8eb;
	margin-top: 40px;
}
h2.h2_bleu {
	color: var(--couleur-2);
	font-family: var(--font-1);
	font-size: 30px;
	font-weight: 500;
	padding-top: 35px;
}
.bloc_ac_schema {
	position: relative;
	padding-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.ac_schema_pif {
	position: absolute;
	top: 128px;
	left: 360px;
	width: 410px;
	height: 527px;
	opacity: 1;
	background: url("assets/imgs/bg_schema_pif.png") no-repeat 0 0;
}
.sbloc_schema_content,
.ac_schema_tiret,
.ac_schema_carbone {
	position: absolute;
	color: var(--couleur-2);
	font-size: 1.3rem;
    font-weight: 700;
}
.schema_txt_1 {
	top: -60px;
	left: 410px;
	width: 380px;
}
.schema_txt_2 {
	top: 245px;
	left: -230px;
	width: 380px;
}
.schema_txt_3 {
	top: 300px;
	left: 400px;
	width: 300px;
}

#section_video {
	background: var(--couleur-2);
}
.bloc_ac_video {
	padding: 45px 65px 5px;
}
h2.h2_blanc {
	color: #fff;
	font-family: var(--font-1);
	font-size: 30px;
	font-weight: 500;
	padding-top: 35px;
}
.bloc_ac_video h2 {
	font-family: var(--font-1);
	font-size: 45px;
	color: #fff;
	margin-bottom: 15px;
}
.ac_stitre_video {
	display: flex;
}
.texte_lien_videos {
	font-family: Arial, "sans-serif";
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin: 30px auto;
}
.texte_lien_videos a {
	display: block;
	padding-left: 70px;
	background: url("assets/imgs/picto_ac_video.png") no-repeat 0 0;
	font-family: Arial, "sans-serif";
	font-size: 20px;
	color: #fff;
	line-height: 57px;
}
@media (max-width: 921px) {
	.bloc_ac_video {
		padding: 25px 15px 5px;
	}
	.texte_lien_videos a {
		padding-left: 70px;
		font-size: 20px;
		color: #fff;
		line-height: 32px;
	}
}
.texte_lien_videos a:hover {
	color: #fff;
	text-decoration: underline;
}

.bloc_ac_commande {
	padding-top: 60px;
}
.page-template-page_accueil .woocommerce-product-gallery__image img {
	max-height: 250px;
	width: auto !important;
	margin: 0 auto;
}
.page-template-page_accueil .woocommerce {
	min-height: 100px;
    max-width: 100%;
    width: 800px;
    margin: 0 auto;
}

.bloc_bas_commande {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	grid-template-areas:  "photo_produit commande";
	max-width: 670px;
	padding-top: 5px;
	margin: 60px auto 90px;
}
.bas_commande_image {
	grid-area: photo_produit;
	margin-bottom: 10px;
}
.bas_commande_contenu {
	grid-area: commande;
	margin-bottom: 10px;
}
h3.h3_bas_commande {
	font-family: var(--font-1);
	font-size: 40px;
	font-weight: 500;
	padding-bottom: 40px;
}
.bouton_rouge {
	padding: 18px 40px;
	background:  var(--couleur-3);
	color: #fff;
	font-size: 35px;
	text-transform: uppercase;
	border-radius: 0px;
	display: inline-block;
}
.bouton_rouge:hover {
	color: #fff;
}
@media (max-width: 921px) {
	.bloc_bas_commande {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		grid-column-gap: 30px;
		overflow-wrap: anywhere;
		grid-template-areas:  "photo_produit"
			"commande";
		max-width: 670px;
		padding-top: 5px;
		margin: 60px auto 90px;
	}
	.bas_commande_contenu {
		text-align: center;
	}
	h3.h3_bas_commande {
		font-size: 30px;
	}
	.bouton_rouge {
		font-size: 16px;
		padding: 12px 10px;
	}
}



/* =====================================================================================
Animation d'accueil
===================================================================================== */


.features-notes-wrapper{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.feature-note-two{position:absolute}.features-notes{position:absolute;min-width:190px}

.indicators .plus-icons{height:46px;width:46px;border-radius:100%;padding:8px;position:relative;transition:all .3s linear 0s;transition-duration:.15s;display:flex;align-items:center;justify-content:flex-start}
.indicators .plus-icons .plus{border-radius:100px;cursor:pointer;width:calc(100% - 15px);position:absolute;height:calc(100% - 15px);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s linear 0s;color:#fff;background-color:var(--couleur-2);}
.indicators .plus-icons:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid;border-radius:100%;-webkit-animation:doublePulse 1.5s ease infinite;animation:doublePulse 1.5s ease infinite;z-index:0;border-color:var(--couleur-2);}
.indicators .plus-icons:after{content:"";height:2px;display:block;transition:all .3s linear .15s;width:0;background:var(--couleur-2);;position:absolute;left:35px}
.features-name{
	position:absolute;left:50%;bottom:21px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:100%;
	visibility:hidden;
	}
.features-name:after{content:"";display:block;width:2px;height:0;position:relative;bottom:1px;transition:all .15s linear .14s;transition-delay:0s;background:var(--couleur-2);}
.features-name-inner{
	opacity:1;transition:all 0ms linear 0s;padding:5px 10px;background:#fff;color:var(--couleur-2);position:relative;display:inline-block;top:-15px;max-width:200px;font-size: .94rem;line-height: 1.4;font-weight: 700;border: solid 1px var(--couleur-2);border-radius:0px}
.features-name-inner:after{content:"";display:block;width:8px;height:8px;height:0;opacity:0;border-radius:100%;position:absolute;display:inline-block;bottom:-15px;left:50%;transform:translateX(-50%);transition:all 50ms linear 0s;z-index:1;background:var(--couleur-2);}
.show-cont .features-name{visibility:visible}
.show-cont .features-name-inner{opacity:1;transition:all 35ms linear .4s;}
.show-cont .indicators .plus-icons:after{transition:all .3s linear 0s;width:155px}
.show-cont .features-name:after{height:20px;transition:all .15s linear .3s;transform-origin:bottom}
.show-cont .features-name-inner:after{height:8px;opacity:1;transition:all 75ms linear 0s}

@media (min-width:768px){
	.title-left-bottom .features-name,.title-right-bottom .features-name{top:21px;flex-direction:column-reverse;bottom:auto}
	.title-left-bottom .features-name-inner,.title-right-bottom .features-name-inner{top:10px}
	.title-right-bottom .features-name:after,.title-left-bottom .features-name:after{bottom:-1px}
	.title-left-bottom .features-name-inner:after,.title-right-bottom .features-name-inner:after{top:-15px;z-index:1}
	.title-right-top .indicators .plus-icons:after,.title-right-bottom .indicators .plus-icons:after{right:35px;left:auto}
	.title-right-top .features-name,.title-right-bottom .features-name{left:-126%}
}
@media (max-width:767px){
	.features-notes{min-width:inherit}
	.the-product.the-product-two img{max-width:100%}
	.indicators .plus-icons:after{content:none}
	.features-name{left:0}
	.features-name-inner{min-width:200px}
	.show-cont .features-name:after{transition:all .15s linear 0s}
	.show-cont .features-name-inner:after{transition:all .175s linear 0s}
	.show-cont .features-name-inner{transition:all .3s linear .2s}
	#bloc_zone3 .features-name-inner{left: 45px;}
	#bloc_zone3.show-cont  .features-name-inner:after{content:"";display:block;width:8px;height:8px;height:8px;opacity:1;border-radius:100%;position:absolute;display:inline-block;bottom:-15px;left:27%;transform:translateX(-40%);transition:all 50ms linear 0s;z-index:1;background:var(--couleur-2);}
	#bloc_zone1.features-notes{right: 100px!important;}
	}
.inner_wrapper_schema {
	display: inline-block;
	position: relative;
}
@-webkit-keyframes doublePulse{
	0%{
		-webkit-transform:scale(.6);transform:scale(.6);opacity:1
		}
	100%{
		-webkit-transform:scale(1);transform:scale(1);opacity:0
		}
	}
@keyframes doublePulse{
	0%{-webkit-transform:scale(.6);transform:scale(.6);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
	}

@media (max-width: 768px){
	#bloc_zone1.title-left-top {
		top:  !important;
		bottom:  !important;
		left:  !important;
		right: 110px !important;
	}
}
@media (max-width: 768px){
	#bloc_zone2.title-left-bottom {
		top:  !important;
		bottom:  !important;
		left:  !important;
		right: 100px !important;
	}
}
@media (max-width: 768px){
	#bloc_zone4.title-right-bottom {
		top:  !important;
		bottom:  !important;
		left: !important;
		right:  !important;
	}
}


/* =====================================================================================
Tuto vidéos
===================================================================================== */

.wp-vgp-video-grid-wrp {
	padding-top: 40px;
}
.wp-vgp-design-1 .wp-vgp-video-image-frame {
    -webkit-box-shadow: 0 0 0px #fff;
    box-shadow: 0 0 0px #fff;
    border: 1px solid #ccc;
}
.wp-vgp-design-1 .wp-vgp-video-frame-wrap:hover .wp-vgp-video-image-frame {
    -moz-box-shadow: 0 0 0px #fff;
    -webkit-box-shadow: 0 0 0px #fff;
    box-shadow: 0 0 0px #fff;
    border: 1px solid #ccc;
}
.video-title-text {
	background: #00a9be;
	color: #fff;
	border-radius: 0px;
	font-family: var(--font-1);
	font-size: 24px;
	font-weight: 500;
	margin-left: 15px;
	margin-right: 15px;
	padding: 6px 5px;
}
.wp-vgp-design-1 .wp-vgp-video-wrap {
    padding-bottom: 100px;
}
.wp-vgp-video-frame-wrap:hover .wp-vgp-video-default-icon {
    background-color: var(--couleur-2);
}
.wp-vgp-medium-6 .wp-vgp-video-image-frame {
    height: auto;
}
@media only screen and (min-width: 40.0625em) {
	.wp-vgp-column, .wp-vgp-columns {
		position: relative;
		padding-left: 120px;
		padding-right: 120px;
		float: left;
	}
}

div[id^="_ytid_"] {
    margin-top: 70px;
	border: solid 1px #000;
}
.home div[id^="_ytid_"] {
    margin-top: 0px;
	border-left: solid 0px #000;
}



/* =====================================================================================
FAQ
===================================================================================== */

.betterdocs-faq-section-title,
.betterdocs-faq-title,
.collection-title,
.helpie-faq.accordions form.search {
	display: none;
}
.helpie-faq.accordions .accordion {
	margin: 10px 0 40px 0;
}
.helpie-faq-row ul {
	padding-left: 0;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__header,
.helpie-faq.accordions .accordion .accordion__item .accordion__body {
	padding-left: 0;
	padding-right: 0;
}
.helpie-faq.accordions .accordion .accordion__item {
    border-bottom: solid 2px var(--couleur-2);
}
.helpie-faq.accordions .accordion__header:after,
.helpie-faq.accordions .accordion__header:before, .helpie-faq.accordions .accordion__header:after {
    background: #fff;
}
.helpie-faq.accordions .accordion__header:before {
    content: url("assets/imgs/ico_faq.png");
    height: 36px;
    margin-right: 7px;
    position: absolute;
    right: 0;
    top: 10px;
    transform: rotate(0deg);
    transition: all .2s ease-in-out;
    width: 36px;
}
.helpie-faq.accordions .accordion__header.active:before {
    transform: rotate(90deg);
}
.helpie-faq.accordions .accordion__header:after {
    content: "";
    height: 2px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px;
	display: none !important;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {
    font-size: 16px;
    font-weight: 600;
    padding-right: 47px;
}
.accordion .accordion__item .accordion__body {
	margin-left: 30px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 15px 20px !important;
	background: #cde8eb !important;
	color: #000;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__body p {
    margin-bottom: 2px;
}
/*
.helpie-faq.accordions .accordion__header:after {
    content: url("assets/imgs/ico_faq.png");
    height: 36px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 36px;
}
*/



/* =====================================================================================
Contact
===================================================================================== */

.contact_form_wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	max-width: 670px;
	padding-top: 25px;
}
.contact_label {
	text-align: right;
}
@media (max-width: 921px) {
	.contact_form_wrapper {
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		overflow-wrap: anywhere;
		max-width: 670px;
		padding-top: 25px;
	}
	.contact_label {
		text-align: left;
	}
}
.wpcf7 input.wpcf7-form-control:not([type=submit]), 
.wpcf7 textarea.wpcf7-form-control {
    padding: 2px 10px;
}
.woocommerce-js form .form-row textarea, 
.woocommerce-js input[type=email], 
.woocommerce-js input[type=number], 
.woocommerce-js input[type=password], 
.woocommerce-js input[type=reset], 
.woocommerce-js input[type=search], 
.woocommerce-js input[type=tel], 
.woocommerce-js input[type=text], 
.woocommerce-js input[type=url], 
.woocommerce-js textarea, 
.woocommerce-page form .form-row textarea, 
.woocommerce-page input[type=email], 
.woocommerce-page input[type=number], 
.woocommerce-page input[type=password], 
.woocommerce-page input[type=reset], 
.woocommerce-page input[type=search], 
.woocommerce-page input[type=tel], 
.woocommerce-page input[type=text], 
.woocommerce-page input[type=url], 
.woocommerce-page textarea {
    border-color: #000;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select {
	height: auto;
}
.form_button {
	text-align: right;
	font-size: 16px;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    color: #fff;
    border-color: var(--couleur-2);
    background-color: var(--couleur-2);
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
	font-family: var(--font-1);
    font-weight: 600;
    font-size: 20px;
    font-size: 1.1111111111111rem;
    line-height: 1em;
    border-radius: 0;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover, [CLASS*="wc-block"] .wc-block-components-button:hover, [CLASS*="wc-block"] .wc-block-components-button:focus {
    color: #fff;
    background-color: var(--couleur-3);
    border-color: var(--couleur-3);
}
.wpcf7-spinner {
	display: block;
	margin: 0 auto;
}




/* =====================================================================================
Fiche produit
===================================================================================== */

#fiche_produit {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	padding-top: 25px;
}
@media (max-width: 921px) {
	#fiche_produit {
		display: block;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		overflow-wrap: anywhere;
		padding-top: 25px;
	}
}
#fiche_produit h2 {
	font-family: var(--font-1);
	color: #000;
	font-size: 24px;
	font-weight: 500;
}
.fiche_description {
	margin-bottom: 30px;
}
.vignette_fiche_produit .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
	float: none !important;
	width: 100% !important;
}
.woocommerce-js div.product .product_title {
    margin: 0 0 1em 0;
}
.woocommerce-js div.product p.price, 
.woocommerce-js div.product span.price {
    color: #77a464;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 .5em;
}
.woocommerce-Price-amount.amount {
	font-family: var(--font-1);
	color: #000;
	font-size: 30px;
}
.woocommerce .quantity .plus, 
.woocommerce .quantity .minus, .woocommerce .quantity .qty {
    border: 1px solid #ddd;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 6px 20px;
	border-radius: 0px;
}
.woocommerce button.button {
	font-size: 23px;
}
.fiche_description p {
	color: #000;
	margin-bottom: .3em;
	line-height: 1.3;
	font-size: 13px;
}
.pdt_picto {
	padding: 6px;
	padding-left: 55px;
	margin-bottom: 15px;
	line-height: 25px;
	font-family: var(--font-1);
    font-weight: 400;
    font-size: 17px;
	color: #000;
}
.picto_pdt_video {
	background: url("assets/imgs/pdt_picto_video.png") no-repeat 0 0;
}
.picto_pdt_envoi {
	background: url("assets/imgs/pdt_picto_camion.png") no-repeat 0 0;
}
.picto_pdt_echange {
	background: url("assets/imgs/pdt_picto_retour.png") no-repeat 0 0;
}
.woocommerce-js .star-rating {
	font-size: 1.3em;
}
.woocommerce-js .woocommerce-product-rating {
    line-height: 2.6;
}
.woocommerce .star-rating, 
.woocommerce .comment-form-rating .stars a, 
.woocommerce .star-rating::before {
    color: #f5d565;
}

.pdt_bloc_technique {
	background: #cde8eb;
	padding: 20px 20px 5px;
	margin: 25px 0;
}
.ligne_technique {
	border-top: solid 1px var(--couleur-2);
	font-size: 14px;
	color: #000;
}
.ligne_technique:first-child {
	border-top: solid 0px #fff;
}
.ligne_technique {
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-column-gap: 30px;
	overflow-wrap: anywhere;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 721px) {
	.ligne_technique {
		display: block;
	}
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, 
.woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before {
    background: #fff;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
	font-family: var(--font-1);
    font-weight: 500;
    color: var(--couleur-2);
    text-decoration: none;
	font-size: 40px;
	margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}
.woocommerce-MyAccount-navigation-link.is-active a, 
.woocommerce-MyAccount-navigation-link:hover a {
    color: var(--couleur-2);
}
#ast-checkout-wrap a.ast-current, #ast-checkout-wrap a:hover {
    color: var(--couleur-2);
    opacity: 1;
}
#ast-checkout-wrap a.ast-current .ast-step-number, #ast-checkout-wrap a:hover .ast-step-number {
    background-color: var(--couleur-2);
}
body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url], body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea {
    border: 1px solid #bbb;
    border-radius: 4px;
    padding: .4em .8em;
}
.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th {
    padding: 1.1em 1.2em 1.1em 1.2em;
    line-height: 1.4em;
    border-color: #bbb;
    font-weight: 400;
    border-top: 0;
    border-right: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table thead tr th {
    padding: .5em 1.2em .5em 1.2em;
    font-weight: 500;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th {
    padding: .5em 1.2em .5em 1.2em;
    line-height: 1.4em;
    border-color: #bbb;
    font-weight: 400;
    border-right: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table {
    border-style: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #bbb;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child td, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th {
    font-size: large;
    padding: .5em 1em .5em 1.2em;
    border-bottom: 0;
}
.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table {
    border-style: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #bbb;
}
#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
    padding: 20px 0 14px;
    margin: 0 0 20px;
    border-bottom: 1px solid #bbb;
}
.woocommerce-Price-amount.amount {
    font-family: var(--font-1);
    color: #000;
    font-size: 14px;
}
.shop_table.order_details .includes_tax,
.order-total .includes_tax,
.woocommerce-privacy-policy-text {
	display: none;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong {
    font-size: inherit;
    font-weight: 600;
    color: #000;
}
@media (min-width: 921px) {
	.woocommerce-MyAccount-navigation-link:after {
		content: "";
		position: absolute;
		top: 1px;
		z-index: 9;
		right: -1px;
		background-color: var(--couleur-2);
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		opacity: 0;
		height: 100%;
		width: 3px;
	}
}
@media (min-width: 1201px) {
	.ast-separate-container .entry-content[ast-blocks-layout] > .alignwide, 
	.ast-plain-container .entry-content[ast-blocks-layout] > .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
}


.woocommerce-js .star-rating {
	margin-left: 60px;
}
.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta, 
.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta {
    order: 1;
    width: 100%;
    font-size: 1.2em;
    margin-bottom: .4em;
    padding-left: 60px;
}
.woocommerce-js #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: none;
    border-radius: 4px;
    padding: 0;
}




/* =====================================================================================
Blog
===================================================================================== */


.ast-separate-container {
    background-color: #fff;
}
.page-title.ast-archive-title {
    font-size: 40px !important;
    font-weight: 600;
    font-family: var(--font-1);
    color: var(--couleur-3);
    margin-bottom: 0.6em;
}
body.archive .ast-archive-description {
    max-width: 1160px;
    width: 100%;
    text-align: left;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
}
body.archive #primary {
    margin-left: 80px !important;
    margin-right: 80px !important;
}
.article_blog {
    position: relative;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: -30px;
    padding: 23px;
    background: #fff;
}
body.archive .ast-blog-layout-5-grid .post-content {
    width: 75%;
    border-bottom: solid 1px #ddd;
}
.entry-title.ast-blog-single-element a,
.article_blog h2 {
    color: var(--couleur-2) !important;
    font-family: var(--font-1);
    font-size: 22px;
    font-weight: 500;
}
.article_blog h2 {
    color: #000 !important;
    font-size: 32px;
}
.article_blog h3 {
    color: var(--couleur-2) !important;
    font-family: var(--font-1);
    font-size: 24px;
    font-weight: 500;
}
.ast-excerpt-container p {
    color: #000;
    font-size: 0.87rem;
    line-height: 1.2;
}

#ariane {
    margin-top: 0px;
    margin-bottom: 30px;
}
#ariane a {
    font-weight: 500;
    text-decoration: underline;
}
.navigation.post-navigation {
    display: none;
}

.featured-image-wrapper {
    max-height: 350px;
}
.featured-image-wrapper img {
    width: 100%;
    height: 100%;
    max-height: 350px;
    object-fit: cover;
}

@media (min-width: 993px) {
    .blog-template-default.ast-separate-container #primary, 
    .blog-template-default.ast-separate-container.ast-left-sidebar #primary, 
    .blog-template-default.ast-separate-container.ast-right-sidebar #primary {
        margin: 1em 0 3em;
        padding: 0;
    }
}
