/* STYLE POUR ECRAN < 500 PX */

.over-500     { display: none!important; }
.over-b-500   { display: none!important; }
.over-ib-500  { display: none!important; }
.over-tb-500  { display: none!important; }
.over-tbc-500 { display: none!important; }
.under-500    { display: initial!important; }
.under-b-500  { display: block!important; }
.under-ib-500 { display: inline-block!important; }
.under-tb-500 { display: table!important; }
.under-tbc-500{ display: table-cell!important; }











/**
* HEADER
**/

#masthead #header-label-menu {
	top: 58px;
}

#header-top {
	width: 100%;
	padding-left: 250px;
	padding-top: 5px;
	padding-right: 0;
}

#header-top > a, #header-top a.header-top__access-text + a {
	margin-bottom: -8px;
}

#header-top > a:nth-child(odd) {
	margin-left: 25px;
	margin-right: auto;
}

#header-top #header-top__socials {
	left: 0;
	right: 0;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0;
}

#header-top #header-top__socials a {
	margin: 0 5px 0 0;
}

#header-top #header-top__socials a svg {
	width: 30px;
	height: 30px;
}

#header-branding {
	padding-top: 50px;
}

#header-branding svg {
	max-width: 180px;
}

#header-branding .site-title {
	clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 27%, 100% 73%, calc(100% - 30px) 100%, 0 100%);
	padding-left: 65px;
	padding-right: 20px;
}

#site-navigation #site-navigation-block {
	left: -1px;
}

#header-background {
	display: block;
	height: 180px;
}













/**
* FOOTER
**/
#colophon #colophon__logo svg {
	width: 70%;
	max-width: 300px;
	margin-bottom: 30px;
}

#colophon #colophon__customers #colophon__customers__carousel {
	display: block;
	white-space: nowrap;
}

#colophon #colophon__customers h6 {
	font-size: 20px;
	font-size: 1.4286rem;
}

#colophon #colophon__customers #colophon__customers__carousel img {
	width: 100px;
	height: auto;
	margin-bottom: 10px;
	margin-top: 20px;
}

#colophon #colophon__customers #colophon__customers__carousel img:first-child {
	-webkit-animation: custome_carousel 15s infinite linear;
	-moz-animation: custome_carousel 15s infinite linear;
	-o-animation: custome_carousel 15s infinite linear;
	animation: custome_carousel 15s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
	#colophon #colophon__customers #colophon__customers__carousel {
		overflow-x: auto;
	}

	#colophon #colophon__customers #colophon__customers__carousel img:first-child {
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
	}
}

@-webkit-keyframes custome_carousel {
	0% { margin-left: 5px; }
	100% { margin-left: -655px; }
}

@-moz-keyframes custome_carousel {
	0% { margin-left: 5px; }
	100% { margin-left: -655px; }
}

@-o-keyframes custome_carousel {
	0% { margin-left: 5px; }
	100% { margin-left: -655px; }
}

@keyframes custome_carousel {
	0% { margin-left: 5px; }
	100% { margin-left: -655px; }
}

#colophon #colophon__links a {
	min-width: 0;
}

#colophon #colophon__infos svg {
	margin-left: -45px;
}

#colophon #colophon__infos #colophon__infos__address svg {
	margin-left: -55px;
	margin-right: 10px;
	margin-bottom: -23px;
}

#colophon #colophon__infos #colophon__infos__tel {
	margin-bottom: 45px;
}

#colophon #colophon__infos #colophon__infos__cgv a {
	font-size: 14px;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 4px;
}











/**
* CONTENT
*/

#content .entry-content {
	padding-top: 0;
}

#content .entry-title {
}

#content p {
	font-size: 14px;
	font-size: 1rem;
}

#content h1, #content .h1, #content .is-style-h1 {
	font-size: 24px;
	font-size: 1.7143rem;
}

#content h2, #content .h2, #content .is-style-h2 {
	padding-bottom: 0;
	font-size: 30px;
	font-size: 2.14286rem;
}

#content h3, #content .h3, #content .is-style-h3 {
	font-size: 17px;
	font-size: 1.2143rem;
}

#content .wp-block-media-text {
	margin-top: 40px;
	margin-bottom: 40px;
}

#content .wp-block-media-text.is-stacked-on-mobile {
	display: block;
}

#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
	padding-left: 10px;
	padding-right: 10px;
}

#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content:first-child {
	padding-bottom: 30px;
}

#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content:last-child {
	padding-top: 30px;
}

#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media a,
#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
	position: relative;
	left: auto;
	top: auto;
	bottom: auto;
	right: auto;
	height: auto;
}








#content .wp-block-image.alignleft {
	margin-right: 25px;
	margin-bottom: 20px;
}

#content .wp-block-image.alignright {
	margin-left: 25px;
	margin-bottom: 20px;
}

#content .gallery.gallery-columns-4 > .gallery-item, #content .wp-block-gallery.columns-4 > .wp-block-image,
#content .gallery.gallery-columns-5 > .gallery-item, #content .wp-block-gallery.columns-5 > .wp-block-image,
#content .gallery.gallery-columns-6 > .gallery-item, #content .wp-block-gallery.columns-6 > .wp-block-image,
#content .gallery.gallery-columns-7 > .gallery-item, #content .wp-block-gallery.columns-7 > .wp-block-image,
#content .gallery.gallery-columns-8 > .gallery-item, #content .wp-block-gallery.columns-8 > .wp-block-image,
#content .gallery.gallery-columns-9 > .gallery-item, #content .wp-block-gallery.columns-9 > .wp-block-image,
#content .gallery.gallery-columns-10> .gallery-item, #content .wp-block-gallery.columns-10> .wp-block-image,
#content .gallery.gallery-columns-11> .gallery-item, #content .wp-block-gallery.columns-11> .wp-block-image,
#content .gallery.gallery-columns-12> .gallery-item, #content .wp-block-gallery.columns-12> .wp-block-image,
#content .gallery.gallery-columns-13> .gallery-item, #content .wp-block-gallery.columns-13> .wp-block-image,
#content .gallery.gallery-columns-14> .gallery-item, #content .wp-block-gallery.columns-14> .wp-block-image,
#content .gallery.gallery-columns-15> .gallery-item, #content .wp-block-gallery.columns-15> .wp-block-image,
#content .gallery.gallery-columns-16> .gallery-item, #content .wp-block-gallery.columns-16> .wp-block-image,
#content .gallery.gallery-columns-17> .gallery-item, #content .wp-block-gallery.columns-17> .wp-block-image,
#content .gallery.gallery-columns-18> .gallery-item, #content .wp-block-gallery.columns-18> .wp-block-image,
#content .gallery.gallery-columns-19> .gallery-item, #content .wp-block-gallery.columns-18> .wp-block-image,
#content .gallery.gallery-columns-20> .gallery-item, #content .wp-block-gallery.columns-21> .wp-block-image {
	max-width: 33.33333%;
}

#content hr {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 180px;
	height: 25px;
}

#content hr.is-style-top-concrete {
	height: 370px;
	margin-bottom: -370px;
	max-width: none;
}

#content hr.is-style-bottom-concrete {
	height: 370px;
	margin-top: -370px;
	max-width: none;
}

.style--button,
#content .btn,
#content .button,
#content a.btn,
#content a.button,
#content button,
#content input[type="button"],
#content input[type="submit"],
#content input[type="reset"],
#content .wp-block-button__link,
#content a.wp-block-button__link,
#content button.single_add_to_cart_button,
dialog.negative button.accept {
	min-width: 0;
}



/* Fancybox */
#spf-fancybox {
	padding: 50px 0 !important;
}

#spf-fancybox__inner {
	border: none;
}

#spf-fancybox__inner__content__img {
	max-width: 100svw;
	max-height: calc(100svh - 100px);
}

#spf-fancybox:before {
	opacity: 1;
}








/**
* HOME
**/
#content #home-explanation {
	margin-bottom: 0;
}

#content #home-explanation #home-explanation__steps .home-explanation__steps__step__icon {
	width: 120px;
	height: 140px;
}

#content #home-explanation #home-explanation__steps .home-explanation__steps__step {
	margin-bottom: 30px;
}

#content #home-explanation #home-explanation__steps .home-explanation__steps__step:after {
	display: none;
}

#content #home-explanation #home-explanation__steps .home-explanation__steps__step:nth-child(odd) { left: 26px; padding-right: 36px; }
#content #home-explanation #home-explanation__steps .home-explanation__steps__step:nth-child(even) { left: -26px; padding-left: 36px; }

#content #home-explanation #home-explanation__steps .home-explanation__steps__step:nth-child(odd):after {
	left: 132px;
	margin-top: -8px;
}

#content #home-explanation #home-explanation__steps .home-explanation__steps__step:nth-child(even):after {
	margin-top: -8px;
	right: 132px;
}

#content #home-presentation {
	display: block;
	padding: 60px 10px 0px 10px;
	/*margin-left: -10px;
	margin-right: -10px;
	padding-left: 15px;
	padding-right: 0;
	grid-template-columns: 70% 30%;
	grid-template-rows: auto auto auto;*/
}

#content #home-presentation #home-presentation__picture {
	margin-left: -20px;
	margin-right: -20px;
	height: 100px;
	background-image: var(--background-image-mobile) !important;
}

#content #home-presentation #home-presentation__picture:before {
	width: 142px;
	height: 176px;
	transform: rotate(90deg);
	right: -30px;
	top: -120px;
	opacity: 0.7;
}

#content #home-presentation #home-presentation__content {
	padding: 0 0 60px 0;
}

#content #home-presentation #home-presentation__content .h1 {
	margin-bottom: 15px;
}

#content #home-presentation #home-presentation__links {
	grid-area: 2 / 1 / 3 / 3;
	margin-bottom: 0;
}

#content #home-presentation #home-presentation__aside {
	grid-area: 3 / 1 / 4 / 3;
	margin-bottom: 0;
	padding: 0;
}

#content #home-products-banner {
	margin-top: 0;
}

#content #home-products-banner:before {
	width: 119px;
	height: 219px;
	transform: rotate(60deg);
	left: 10px;
	top: 10px;
}

#content #home-products__carousel {
	display: block;
	padding-top: 40px;
	margin-bottom: 70px;
}

#content #home-products__carousel .home-products__carousel__item {
	display: block;
	width: 100%;
	aspect-ratio: 2/1;
	margin: 0 0 10px 0;
}

#content #home-products__carousel .home-products__carousel__item .home-products__carousel__item__content {
	bottom: -1px;
}

#content #home-products__carousel .home-products__carousel__separator {
	display: none;
}

#content #home-comparison {
	padding-top: 0;
}

#content #home-comparison > p {
	margin-bottom: 40px;
	text-wrap: balance;
}

#content .home-comparison__formula {
	flex-direction: column;
	padding: 0;
	max-width: 400px;
	padding-right: 30px;
	margin-bottom: 40px;
}


@media screen and (max-width:400px) {
	#content .home-comparison__formula {
		padding-right: 0;
	}
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid {
	margin-left: -5px;
	margin-right: -5px;
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--plus {
	flex-basis: 24px;
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--plus:first-child {
	flex-basis: 10px;
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--item {
	flex-grow: 0;
	flex-basis: calc(46% - 24px);
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--item:nth-child(4n) {
	flex-basis: calc(54% - 24px);
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--plus:first-child + .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--item {
	flex-basis: calc(46% - 10px);
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--plus::before, #content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element.home-comparison__formula__equation__grid__element--plus::after {
	width: 14px;
	height: 4px;
	margin-left: -7px;
	margin-top: -2px;
}

#content .home-comparison__formula .home-comparison__formula__equation .home-comparison__formula__equation__grid .home-comparison__formula__equation__grid__element .home-comparison__formula__equation__item__label {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	font-size: 1rem;
}

#content .home-comparison__formula .home-comparison__formula__equal {
	flex-basis: 40px;
}

#content .home-comparison__formula .home-comparison__formula__result {
	flex-basis: auto;
}

#content .home-comparison__formula .home-comparison__formula__result .home-comparison__formula__result__title {
	margin-left: auto;
	margin-right: auto;
}

#content .home-comparison__formula .home-comparison__formula__equal::before,
#content .home-comparison__formula .home-comparison__formula__equal::after {
	margin-top: -10px;
}

#content .home-comparison__formula .home-comparison__formula__equal::after {
	margin-top: 0px;
}

#content .home-comparison__formula .home-comparison__formula__result .home-comparison__formula__result__price {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px;
	font-size: 28px;
	font-size: 2rem;
}

#content .home-comparison__formula#home-comparison__max .home-comparison__formula__result .home-comparison__formula__result__price {
	font-size: 42px;
	font-size: 3rem;
}

#content .home-comparison__formula#home-comparison__max .home-comparison__formula__result {
	padding-top: 0;

}

#content .home-comparison__formula#home-comparison__max .home-comparison__formula__result .home-comparison__formula__result__title {
	top: 0;
	position: static;
	transform: none;
	margin-bottom: 7px;
}








/**
* CONTACT
**/

body.page-template-contact .wpcf7-form .wpcf7-submit {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}














/**
* ACCES
**/

body.page-template-acces #content .entry {
	position: relative;
}

body.page-template-acces #content .entry-content {
	position: static;
}

body.page-template-acces #content .entry-content #access-infos {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	z-index: 1;
}

body.page-template-acces #content .entry-content #access-infos .access-infos__infos .access-infos__infos__inner {
	padding-top: 70px;
	padding-bottom: 40px;
}

body.page-template-acces #content .entry-content #access-infos:before {
	width: 400%;
	height: 130%;
	filter: blur(50px);
	pointer-events: none;
}

body.page-template-acces #content .entry-content #map {
	padding-top: 170px;
}

body.page-template-acces #content .entry-content #map #access-map {
	height: 80svh;
	min-height: 0;
}

body.page-template-acces #content .entry-content #access-map #access-map-zoom-message {
	padding-top: 170px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	text-wrap: balance;
	background-color: rgba(0,0,0,.75);
}

body.page-template-acces #content .entry-content #map:before {
	top: 170px;
	height: 60px;
}