/*******************/
/****Généralités****/
/*******************/



.hentry .entry-content a,
.entry-content a{
	color : var(--couleur-1);
	text-decoration: none;
}

.hentry .entry-content a:focus,
.entry-content a:focus{
	outline: none;
}

.hentry .entry-content a:hover,
.entry-content a:hover{
	color : var(--couleur-1);
	text-decoration: underline;
}

.hentry .entry-content a.checkout-button:hover{
	text-decoration: none;	
}

.entry-content ul li{
	list-style-type : '> ';
}

.entry-content .alignwide{
	width: 93.75vw;
	margin-left: calc(.5 * (var(--contentSize) - var(--wideSize))); 
}

.entry-content .wp-block-group .alignwide{
	width: 100%;
	margin-left: 0; 
}

h1, h2, h3, h4{
	line-height: 1.2;
}

/**************/
/****Loader****/
/**************/

.loader{
	position: fixed;
	background-color: var(--couleur-1);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
	opacity: 1;
	font-family : var(--main-title-font);
	font-size : 3em;
	color : #fff;
}

.loader-logo{
	width : 300px;
}

.loader div.center-loader{
	text-align: center;
	position : absolute;
	top : 50%;
	left :  50%;

	display : flex;
	justify-content : center;
	align-items : center;
	flex-direction : column;

	-webkit-transform: translate(-50%, -50%);/*remonté de la motié de sa hauteur*/
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loader-content{
	text-align: center;
	margin:auto;
	width :  10vw;
	height :  10vh;
}

.loader p{
	font-family : var(--main-title-font);
	font-size : 3em;
	color : white;
}


/**************/
/****Header****/ 
/**************/

.secondary-navigation{
	display: none!important;
}

#masthead::before,
#masthead::after
{
	display: none;
}

#masthead{
	position : fixed;
	display: flex;
	justify-content: space-between;
	width : 90vw;
	background-color: var(--couleur-1);
	padding : 0 3.85vw;
	margin :  0;
	z-index : 1060;
	font-family : var(--main-title-font-light);
    transition: var(--main-transition);
}

#masthead.etat1{
	height : var(--header-height);
}

#masthead.etat2{
	height : var(--header-height-mini);
	width: 100vw;
}

#masthead *{
	transition: var(--main-short-transition);
}

/*
* Menu principal
*/

.storefront-primary-navigation{
	width : auto;
	height : 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.woocommerce-active .site-header .main-navigation{
	width : 100%;
	margin: 0;
}

.main-navigation ul > li > a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
}

:root{
	--picto-item-width: 4.5rem;
}

#masthead .primary-navigation ul > li.menu-picto > a{
	color: transparent;
	color: #fff;
	padding: 0;
	width: var(--picto-item-width);
	display: flex;
	justify-content: flex-start;
	overflow: hidden;
	color: transparent;
}

#masthead .primary-navigation ul > li.menu-picto > a::before{
	content : '';
	display: inline-block;
	min-width: var(--picto-item-width);
	width: var(--picto-item-width);
	height: var(--picto-item-width);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: var(--main-short-transition);
}

#masthead.etat2 .primary-navigation ul > li.menu-picto > a::before{
	width: calc(.9 * var(--picto-item-width));
	height: calc(.9 * var(--picto-item-width));
}

#masthead .primary-navigation ul > li.menu-picto > a:hover::before{
	transform: scale(.9);
}

#masthead .primary-navigation ul > li.menu-picto.compte > a::before{
	background-image: url('../images/picto-compte.svg');
}

#masthead .primary-navigation ul > li.menu-picto.panier > a::before{
	background-image: url('../images/picto-panier.svg');
}

ul.menu.nav-menu{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.125rem;
}

#masthead :where(.menu-button-1, .menu-button-2) a,
a.rdv-link
{
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: var(--couleur-3);
	height: 4.5rem;
	border-radius: 999rem;
	color: var(--couleur-1);
	font-size: calc(23 / 25 * var(--font-size-large));
	padding: .5em 2em;
	font-weight: 700;
	text-align: center;
}

a.rdv-link{
	min-height: 6.375rem;
	font-size: var(--font-size-x-large);
	width: 100%;
}

#masthead .menu-button-2 a,
a.rdv-link
{
	background-color: var(--couleur-6);
	border: 2px var(--couleur-3) solid;
}

#masthead .menu-button-2 a{
	padding-left: 4rem;
}


#masthead .menu-button-2 a::before,
a.rdv-link::before{
	content : '';
	position: absolute;
	left: 2rem;
	top: 50%;
	width: 2.75rem;
	height: 3.25rem;
	background-image: url('../images/picto-rdv.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: translateY(-50%);
}

#masthead .menu-button-2 a::before{
	left: 1rem;
	width: 1.9375rem;
	height: 2.25rem;
}

#masthead.etat2 .menu-button-1 a{
	font-size: var(--font-size-medium);
	padding: .5em 2em;
}

#masthead.etat2 .shutter-menu__wrapper .menu-button-1 a{
	font-size: calc(23 / 25 * var(--font-size-large));
}

#masthead ul li a:hover,
a.rdv-link:hover
{
	transform: scale(.9);
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus
{
	color: var(--couleur-liens-hover);
	outline: none;
}

.main-navigation ul ul
{
 	padding : 0px 0px;
	overflow : hidden;
	display : flex!important;
	flex-wrap : wrap;
	flex-direction : column;
	justify-content : space-around;
	align-items: center;
	left : 50%;
	max-height: 0vh;
	width : fit-content;
	min-width: 80%;
	opacity : 0;
   	transition: all var(--main-transition);
	transform: translateX(-50%);
}

.main-navigation ul li:hover > ul{
	transform: translateX(-50%);
	left : 50%;
    max-height : 100vh;
    opacity : 1;
}

.main-navigation ul.menu ul a,
.main-navigation ul.menu ul li > a
{
	background-color: var(--couleur-menu-secondaire);
}

.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover > a
{
	background-color: var(--couleur-menu-secondaire-hover);
}

.header__menu-trigger{
	width: 7.1875rem;
	height: 4.5rem;
	right: 0;
	top: 50%;
	gap: 11px;
	background-color: var(--couleur-3);
	border-radius : 0 999rem 999rem 0;
	transform: translate(100%, -50%);
	padding-right: 0.5rem;
	transition: var(--main-short-transition);
}

#masthead.etat1 .header__menu-trigger{
	transform: translate(100%, -50%);
}

.header__menu-trigger:hover{
	cursor: pointer;
	gap: 15px;
}

.menu-trigger__bar{
	width: 44%;
	height: 8px;
	background-color: var(--couleur-1);
	border-radius: 999rem;
}

#masthead.etat2 .header__menu-trigger{
	transform: translate(-2rem, -50%);
	width: 3.25rem;
	height: 2.75rem;
	gap: 8px;
	background-color: transparent;
}

#masthead.etat2 .header__menu-trigger:hover{
	gap: 10px;
}

#masthead.etat2 .header__menu-trigger .menu-trigger__bar{
	background-color: var(--couleur-6);
	height: 4px;
	width: 100%;
}


:root{
	--shutter-padding: 2vw;
}

.header__shutter-menu{
	width: 100vw;
	min-height: calc(100% + var(--baseline-height));
	background-color: var(--couleur-1);
	left: 0;
	top: 0;
	padding: var(--shutter-padding) calc(10 / 3 * var(--shutter-padding)) var(--shutter-padding) var(--shutter-padding);
	border-bottom-right-radius: var(--baseline-height);
	z-index: 50;
	transform: translateX(-100%);
	transition: var(--main-transition);
}

.header__shutter-menu.active{
	transform: translateX(0%);
}

.shutter-menu__main {
	padding-right: 5vw;
	border-right: 1px solid var(--couleur-3);
}

.shutter-menu__secondary {
	padding-left: 5vw;
}

.header__favicon{
	left: var(--shutter-padding);
	top: var(--shutter-padding);
	width: 5.4vw;
	height: 5.4vw;
	background-image: url('../images/favicon-castejon-v2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#masthead .header__shutter-menu ul{
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
	flex-wrap: wrap;
	margin: 0;
}

#masthead .header__shutter-menu .shutter-menu__main ul{
	flex-direction: row;
	max-width: 37rem;
	justify-content: flex-end;
}

#masthead .header__shutter-menu .shutter-menu__secondary ul{
	gap: 1.5rem;
}

#masthead .header__shutter-menu li{
	list-style-type: none;
}

#masthead .shutter-menu__main li > a{
	color: var(--couleur-6);
	text-transform: uppercase;
	font-size: var(--font-size-medium);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14rem;
	height: 3.625rem;
	border: solid 2px var(--couleur-3);
	border-radius: 999rem;
	text-align: center;
}

#masthead .shutter-menu li.menu-picto > a{
	color: var(--couleur-6);
	text-transform: uppercase;
	font-size: calc(23 / 25 * var(--font-size-large));
	font-weight: 700;
	display: flex;
	align-items: center;
}

#masthead .shutter-menu li.menu-picto.panier > a::before{
	content : '';
	display: inline-block;
	width: 1.75rem;
	height: 2.375rem;
	background-image: url('../images/picto-panier-simple.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 1.25rem;
}

#masthead .shutter-menu li.menu-picto.compte > a::before{
	content : '';
	display: inline-block;
	width: 1.75rem;
	height: 2.375rem;
	background-image: url('../images/picto-compte-simple.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 1.25rem;
}

a.coordonnees.telephone{
	font-size: var(--font-size-large);
	color: var(--couleur-6);
	font-weight: 700;
	margin-bottom: 0.5rem;
	margin-left: 2.625rem;
	display: flex;
	align-items: center;
}

a.coordonnees.telephone::before{
	content : '';
	display: inline-block;
	margin-right: 0.5rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url('../images/picto-telephone.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

a.coordonnees.telephone:hover{
	transform: scale(.9);
}

.header__closer{
	width: 2.125rem;
	height: 2.125rem;
	top: 2.5rem;
	right: 2.5rem;
	background-image: url('../images/picto-closer.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: var(--main-transition);
	transform-origin: center;
	transform: rotate(45deg);
}

.header__closer:hover{
	cursor: pointer;
	transform: rotate(225deg);
}

#masthead .logo-wrapper > .coordonnees--telephone{
	position: absolute;
	top: 2rem;
	right: 9vw;
}

#masthead.etat2 .logo-wrapper > .coordonnees--telephone{
	top: 0rem;
}

/*
* Logo et tagline
*/

.woocommerce-active .site-header .site-branding.etat1{
	margin: 0;
	width: 27vw;
}

.woocommerce-active .site-header .site-branding.etat2{
	width: 18vw;
}

.site-header a.custom-logo-link{
	position: relative;
	width: 100%;
}

.site-header .custom-logo-link img{
	width: 100%;
	height: auto;
	max-width: none;
}

.site-header a.custom-logo-link:focus{
	outline: none;
}

.logo-wrapper{
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding.reduce.etat2{
	height: 100%;
	width : auto;
}

#content > .col-full{
	max-width: var(--contentSize);
	padding: 0;
}

:root{
	--baseline-height : 6.75rem;
}

.header__baseline{
	width: 100%;
	display: flex;
	align-items: center;
	height: var(--baseline-height);
	background-color: rgba(255,255,255,.5);
	padding: 0 12vw;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	border-bottom-right-radius: var(--baseline-height);
	overflow: hidden;
}

#masthead.etat2 .header__baseline{
	max-height: 0;
}

.header__baseline h1{
	color: var(--couleur-1);
	font-family: var(--font-titre);
	font-size: var(--font-size-x-large);
	font-weight: 700;
	text-transform: none;
	margin: 0;
	padding: 0;
}

#masthead.etat2 .header__baseline{
	height: 2rem;
	background-color: #fff;
	border-bottom-right-radius: 2rem;
}

#masthead.etat2 .header__baseline h1{
	font-size: var(--font-size-large);
}

/***************/
/****accueil****/ 
/***************/

.home-cards-container{
	max-width: 68vw;
	max-height: 10.5rem;
	margin: auto;
	gap: 4vw;
	z-index: 10;
}

.card-container{
	background-color: var(--couleur-3);
	width: 14vw;
	height: 23rem;
	padding: 1.5625rem;
	border-radius: 2rem;
	opacity: 0;
}

.card__picto{
	width: 9vw;
	height: 9vw;
}

.card__picto img{
		width: 100%;
		height: 100%;
		object-fit: contain;
}

.card-container h2{
	font-size: var(--font-size-medium);
	margin: .5rem 0 2rem 0;
	font-family: var(--font-texte);
}

:root{
	--button-width: 4.1875rem;
}

a.card__picto-bouton{
	display: block;
	width: var(--button-width);
	height: var(--button-width);
	left: calc(50% - var(--button-width / 2));
	bottom: 1rem;
}

a.card__picto-bouton img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

a.card__picto-bouton:hover{
	transform: scale(.7);
}

.entry-content .wp-block-group:where(.has-couleur-3-background-color, .has-couleur-4-background-color){
	border-radius: var(--radius);
	padding: 3.875rem;
}

h2.wp-block-heading.has-text-align-center::before{
	left: 50%;
	transform: translateX(-50%);
}

.has-background ul.wp-block-list li::marker{
	color: var(--couleur-1);
}

.entry-content a.telephone{
	background-color: var(--couleur-1);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 99rem;
	padding: 2.25rem 6.25rem;
	width: fit-content;
	font-size: var(--font-size-x-large);
	font-weight: 700;
	white-space: nowrap;
}

.entry-content a.telephone:hover{
	text-decoration: none;
}

.wp-block-group.alignfull .wp-block-columns:not(.alignwide){
	max-width: 85%;
	margin: 0 auto;
}

.references-wrapper {
  padding: 0;
}

:root{
	--logo-wrapper-width: 9vw;
}

.gold-points{
	right: 0;
	bottom: 0;
	gap: .8rem;
	transform: translateY(50%);
}

.gold-point{
	width: .8rem;
	height: .8rem;
	border-radius: 99rem;
	background-color: var(--couleur-4);
}

.cartouche .wp-block-button{
	gap: 2rem;
}

/*************/
/****pages****/ 
/*************/

:root{
	--banner-bottom: 10vh;
}

body.page .entry-content::before{
	content : '';
	position: fixed;
	top: 25vh;
	left: 0;
	width: 60vh;
	height: 60vh;
	background-image: url('../images/filigrane.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: -1;
}

body.page:not(.woocommerce-page) .entry-content{
	padding-top: var(--banner-bottom);
}

body:not(.home) #main-container{
	margin-top: var(--header-height-mini);
}

.banner{
	width: 100vw;
	height: calc(100vh - var(--header-height-mini) - var(--banner-bottom));
	z-index: 10;
	margin-left: var(--contentMargin);
}

.banner.no-img{
	height: 28rem;	
}

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

.cartouche{
	left: calc(-var(--contentMargin));
	top: 14rem;	
	width: 43vw;
	height: fit-content;
	padding: 4.7vw 5.8vw;
	color: var(--couleur-6);
	background-color: var(--couleur-1);
	z-index: 10;
	border-radius: 1.375rem;
}

.cartouche.short-title{
	height: 10rem;
	padding: 2vw 3vw;
	bottom: auto;
	top: calc(var(--header-height-mini) + 9rem);
}

.cartouche h1{
	color: var(--couleur-6);
}

.cartouche h1 strong{
	text-transform: uppercase;
	display: inline-block;
	font-size: calc(23 / 25 * var(--font-size-large));
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--couleur-4);
	margin-bottom: 2rem;
}

.cartouche h1 p{
	text-transform: none;
	font-size: var(--font-size-x-large);
	margin-top: 1.375rem;
}

body.post-type-archive-product .cartouche{
	background-color: transparent;
	color: var(--couleur-1);
	padding: 0;
	width: 40vw;
}

body.post-type-archive-product .cartouche h1{
	color: var(--couleur-1);
}

body.post-type-archive-product .cartouche h1 p{
	text-transform: none;
	font-size: var(--font-size-large);
	font-family: var(--font-texte);
	margin-top: 1.375rem;
	font-weight: 400;
}


body.post-type-archive-product .cartouche h1 strong{
	border-bottom: none;
	margin-bottom: 0;
	font-weight: 700;
	font-size: var(--font-size-x-large);
	border-radius: 99rem;
	color: var(--couleur-1);
}

.points{
	gap: .8rem;
}

.point{
	width: .625rem;
	height: .625rem;
	background-color: var(--couleur-4);
	border-radius: 99rem;
}

body.post-type-archive-product .points{
	position: absolute;
	top: -2rem;
	left: 0;
}

a.wp-block-button__link{
	font-size: var(--font-size-medium);
	font-family: var(--font-texte);
	font-weight: 700;
	text-transform: none;
	background-color: var(--couleur-6) !important;
	border: 2px solid var(--couleur-4) !important;
	padding: 1rem 4rem;
	position: relative;
}

a.wp-block-button__link:hover{
	background-color: var(--couleur-6);
	transform: scale(.9);
	border-color: var(--couleur-4);
	text-decoration: none;
}

a.wp-block-button__link::before{
	content : '';
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.625rem;
	height: 1.625rem;
	background-image: url('../images/picto-bouton.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/********************************/
/****Bloc produits principaux****/ 
/********************************/

:root{
	--radius: 2.5rem;
}

.main-product-container{
	padding: 2.2em 3.9rem;
	background-color: var(--couleur-1);
	border-radius: var(--radius);
}

.main-product-container:has(.scenarios-container){
	padding-bottom: 0;
}

.main-product__cards{
	gap: 2%;
	align-items: flex-end;
	font-size: var(--font-size-medium);
}

.product-card-container{
	background-color: var(--couleur-3);
	color: var(--couleur-texte);
	min-height: 37rem;
	transition: var(--main-transition);
	border-radius: var(--radius);
}


.main-product__element{
	width: 32%;
}

body.post-type-archive-product #main-product-container{
    width: var(--wideSize);
    margin: 0 auto;
    margin-left: calc(.5 * var(--contentSize) - .5 * var(--wideSize));
}

#main-product-container a{
	color: var(--couleur-1);
}

#main-product-container a.product-card__main-link{
	width: 100%;
	height: 100%;
	padding: 3.25rem;
}

body.post-type-archive-product #main-product-container .main-product__element > a.product-card__main-link{
	padding-bottom: 0;
}

body.post-type-archive-product #main-product-container .main-product__element >p  a.product-card__main-link{
	padding-top: 0;
}

#main-product-container a:hover{
	text-decoration: none;
}

.link-over:hover{
	transform: scale(.97);
	box-shadow: inset 0px 0px 20px var(--couleur-1);;
}

.product-card-container:nth-child(2){
	background-color: var(--couleur-4);
}

#main-product-container h4{
	font-family: var(--font-art);
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--couleur-1);
	line-height: 1.2;
	overflow-wrap: normal;
	margin-top: 0;
}

.product-card-container p:not(:has(*)){
	font-family: var(--font-titre);
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
}

.product-card-container p:not(:last-child){
	margin-bottom: 0;
}

.rdv-link--span{
	width: fit-content;
	height: 3rem;
	margin: 0 auto;
	background-color: var(--couleur-6);
	border-radius: 99rem;
	border: solid 2px var(--couleur-1);
	padding: .5rem 2rem;
}

.rdv-link--span::before{
	content: '';
	position: absolute;
	left: .5rem;
	top: 50%;
	width: 1rem;
	height: 2rem;
	background-image: url('../images/picto-rdv.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: translateY(-50%);
}

.elec-price{
	margin-top: 6rem;
	font-family: var(--font-art);
	font-weight: 700;
	font-size: 9em;
}

.elec-price > span{
	justify-content: center;
}

span.euros{
	font-size: .4444444em;
}

span.cents,
span.ttc
{
	font-size: .1944444em;
}

span.cents{
	margin-top: 1.5rem;
}

.elec-price span{
	line-height: .6;
}

a.terms-link{
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: var(--font-size-medium);
	font-weight: 700;
	transition: var(--main-short-transition);
}

a.terms-link:hover{
	transform: scale(1.2);
}

.illu-produits{
	height: 37rem;
	width: auto;
	top: 1rem;
	right: 5rem;
	transform: translateY(-100%);
}

.scenarios-container{
	margin-top: 3rem;
	color: var(--couleur-6);
}

.scenarios__wrapper{
	gap: 8%;
	width: 100%;
}

#main-product-container .scenarios-container :where(h3,h4){
	color: var(--couleur-6);;
}

.scenarios__element{
	background-color: #534F47;
	width: 46%;
	padding: 2.75rem;
	padding-bottom: 12vw;
	min-height: 48rem;
	margin-top: 5.375rem;
	border-radius: 2rem 2rem 0 0;
}

#main-product-container .scenarios__element h4{
	text-transform: none;
	padding-top: 1.5rem;
	font-family: var(--font-titre);
}

#main-product-container .scenarios__element h4::before{
    content : '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 3.375rem;
    height: .625rem;
    background-image: url('../images/picto-points.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 10;
}

#main-product-container .scenarios__element ul{
	margin-left: 0;
}


#main-product-container .scenarios__element ul li{
    padding-left: .5rem;
	margin: 2rem .5rem 2rem 0;
	font-size: var(--font-size-large);
}

#main-product-container .scenarios__element ul li::marker{
	content:'';
}

#main-product-container .scenarios__element ul li span{
    color: var(--couleur-4);
	display: inline-block;
	left: -4rem;
	top: .1rem;
    font-weight: 700;
	opacity: 0;
	transition: var(--main-short-transition);
}

#main-product-container .scenarios__element ul li em{
	font-style: normal;
	opacity: 0;
	transition: var(--main-transition);
}

#main-product-container .scenarios__element ul.inview-frozen li em{
	opacity: 1;
}

#main-product-container .scenarios__element ul.inview-frozen li span{
	left: -1rem;
	opacity: 1;
}

.scenarios__warning{
	left: 50%;
	bottom: 0;
	transform: translate(-50%,100%);
	background-color: var(--couleur-4);
	padding: 2vw 5vw;
	border-radius: 2rem 2rem 0 0;
	color: var(--couleur-1);
	font-family: var(--font-titre);
	font-size: var(--font-size-large);
	max-height: 10vw;
	min-width: 47rem;
	width: fit-content;
	line-height: 1.2;
	transition: var(--main-transition);
}

.scenarios__warning.inview-frozen {
	transform: translate(-50%,0%);
}

.scenarios__arrows{
	width: 52vw;
	height: 4px;
	background-color: var(--couleur-3);
	margin-top: 7rem;
}

.arrows__arrow{
	width: 4px;
	height: 5.375rem;
	bottom: 0;
	background-color: var(--couleur-3);
	transform: translateY(100%);
}

.arrows__arrow--left{
	left: 0;
}

.arrows__arrow--right{
	right: 0;
}

.arrow__dart{
	width: 3rem;
	height: 3rem;
	border: solid 4px var(--couleur-3);
	border-top: none;
	border-right: none;
	bottom: 0;
	transform: rotate(-45deg) translateY(3px);
	transform-origin: bottom left;
}

/************/
/****Shop****/ 
/************/

.main-product__rdv  p{
	margin-bottom: 0;
}

#main-container .bookacti-cart-expiration-container{
	background-color: transparent !important;
	font-size: var(--font-size-small);
	height: fit-content;
	min-height: 0;
	padding: 0;
}

/****Planning****/ 

:root{
	--planning-row-height: 3rem;
}

.fc-timegrid-event-harness{
	min-height: var(--planning-row-height);
}

.bookacti-calendar .fc-event .fc-event-main{
	/* background-color: var(--couleur-3); */
	padding: 0.25rem;
	color: var(--couleur-1);
}

.bookacti-calendar a.fc-event{
	border-radius: .5rem;
	background-color: var(--couleur-3) !important;
	border-color: transparent !important;
}

.bookacti-calendar a.fc-event:active{
	background-color: var(--couleur-1) !important;
	border-color: transparent !important;
}

.fc .fc-timegrid-slot {
  	height: var(--planning-row-height);
}

thead[role='presentation'] tr th a{
	color: var(--couleur-6);
}

/*******************/
/****Bloc advice****/ 
/*******************/

.advice-container{
	background-color: var(--couleur-1);
	border-radius: 1.25rem;
}

.advice__element{
	padding-left: 7.5rem;
}

.advice__element h2{
	color: var(--couleur-6);
	font-size: var(--font-size-x-large);
	text-transform: none;
	margin: 0;
}

.advice__element--titrage{
	color: var(--couleur-6);
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
	gap: 6rem;
}

.advice__title{
	padding-top: 6rem;
}

.advice__element--titrage p{
	text-transform: uppercase;
	display: inline-block;
	font-family: var(--font-titre);
	font-size: var(--font-size-medium);
	font-weight: 700;
	border-bottom: 1px solid var(--couleur-4);
	width: fit-content;
	padding-bottom: .5rem;
	margin-bottom: 2rem;
}

.advice__element--texte{
	background-color: var(--couleur-5);
	border: 1px solid var(--couleur-4);
	border-radius: 0 0 1.25rem 1.25rem;
	padding-top: 5.5625rem;
	padding-right: 7.5rem;
	padding-bottom: 8.75rem;
}

.advice__element--texte p:last-child{
	margin-bottom: 0;
}

.advice__illu figure{
	border-radius: 0 1rem 1rem 0;
}

/******************/
/****Front-page****/ 
/******************/

.home-banner{
	height: 75vh;
}

/**************/
/****Footer****/ 
/**************/

footer#colophon{
	max-width: 100vw;
	overflow: hidden;
	position: relative;
	background-color: transparent;
	padding-bottom: 0;
}

footer#colophon .storefront-handheld-footer-bar {
	display: none;
}

#colophon > .col-full{
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: none;
	background-color: var(--couleur-3);
	height: 11.25rem;
	border-radius: 4.5rem 4.5rem 0 0;
}

#colophon .site-info,
#colophon > .col-full::before,
#colophon > .col-full::after
{
	display: none;
}

.menu-menu-principal-pied-de-page-container{
	margin-right: 4vw;
}

.footer__logo-wrapper{
	margin-left: 1rem;
}

#colophon .footer-menu--main{
	display: flex;
	flex-wrap: nowrap;
	row-gap: 1rem;
}

#colophon .footer-menu--main li{
	list-style-type: none;
	padding: 0 1rem;
	line-height: 1;
}

#colophon .footer-menu--main li:not(:first-child){
	border-left: 2px solid var(--couleur-1);
}

#colophon .footer-menu--main li a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	font-size: var(--font-size-small);
}

#colophon .footer-menu--main li a:hover{
	text-decoration: underline;
}

.copyright{
	width: 100vw;
	height: 3.75rem;
	background-color: var(--couleur-1);
	color: var(--couleur-6);
	padding: 0;
	display: flex;
	align-items: center;
	align-items: center;
	padding: 0 3.125rem;
	justify-content: flex-end;
}

.copyright ul{
	display: flex;
	gap: 2.625rem;
	margin: 0;
}

.copyright ul li{
	list-style-type: none;
}

.copyright ul li a{
	color: var(--couleur-6);
}

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

.copyright span{
	margin-left: 2.625rem;
}

/**
/* 404
**/

.site-main ul.products.columns-2 li.product{
	width : auto;
}

.error404 nav{
	margin-top : 50px;
}

.error404 input,
.error404 section,
.error404 p,
.error404 .fourohfour-columns-2,
.error404 .cartouche 
{
	display: none;
}