@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

.icon {
	width: 1em;
	height: 1em;
	fill: currentColor;
	transition: stroke .5s
}

.icon--catalog {
	stroke: var(--main)
}

.icon--catalog circle {
	fill: var(--white)
}

.icon--catalog polygon,
.icon--catalog polyline {
	fill: none;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round
}

a:hover .icon--catalog {
	stroke: var(--dark)
}

.container {
	max-width: 80em;
	margin: 0 auto;
	padding: 0 5%
}

.container__small {
	max-width: 67.5em
}

.sweep-to-right,
.wp-block-button__link {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	position: relative;
	transition: color .2s;
	color: var(--dark)
}

.sweep-to-right:before,
.wp-block-button__link:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dark);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .2s ease-out
}

.big-link-target:hover .sweep-to-right,
.big-link-target:hover .wp-block-button__link,
.sweep-to-right.active,
.sweep-to-right:active,
.sweep-to-right:focus,
.sweep-to-right:hover,
.wp-block-button__link.active,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
[class*=current]>.sweep-to-right,
[class*=current]>.wp-block-button__link {
	color: var(--white)
}

.big-link-target:hover .sweep-to-right:before,
.big-link-target:hover .wp-block-button__link:before,
.sweep-to-right.active:before,
.sweep-to-right:active:before,
.sweep-to-right:focus:before,
.sweep-to-right:hover:before,
.wp-block-button__link.active:before,
.wp-block-button__link:active:before,
.wp-block-button__link:focus:before,
.wp-block-button__link:hover:before,
[class*=current]>.sweep-to-right:before,
[class*=current]>.wp-block-button__link:before {
	transform: scaleX(1)
}

.button,
.icon-link,
.is-style-button-catalog .wp-block-button__link,
.is-style-button-catalog a,
.is-style-button-configurateur .wp-block-button__link,
.is-style-button-configurateur a,
.is-style-button-devis-arrow .wp-block-button__link,
.is-style-button-devis-arrow a,
.is-style-button-devis-carport .wp-block-button__link,
.is-style-button-devis-carport a,
.is-style-button-devis-gardenroom .wp-block-button__link,
.is-style-button-devis-gardenroom a,
.is-style-button-devis-pool .wp-block-button__link,
.is-style-button-devis-pool a,
.is-style-button-devis .wp-block-button__link,
.is-style-button-devis a {
	background-color: var(--main);
	display: flex;
	align-items: center;
	color: var(--white);
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: .875em 1em
}

.button__icon,
.icon-link__icon {
	width: 2.4285714286em;
	height: 2.4285714286em;
	margin-right: .5em
}

.button__icon--big,
.icon-link__icon--big {
	width: 2.2857142857em;
	height: 2.2857142857em
}

@media (max-width:1400px) {

	.button__icon--big,
	.icon-link__icon--big {
		width: 2.4285714286em;
		height: 2.4285714286em
	}
}

.button__icon--small,
.icon-link__icon--small {
	fill: currentColor;
	height: 1.2rem;
	width: 1.2rem;
	margin-right: .5em
}

.button--inline,
.icon-link--inline {
	display: inline-block
}

.button--border,
.icon-link--border {
	background: var(--white);
	color: var(--main);
	border: 1px solid var(--main);
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: .8em 1em
}

.button--border:before,
.icon-link--border:before {
	background: var(--main)
}

.button--white,
.icon-link--white {
	background: var(--white);
	color: var(--dark);
	border: 1px solid var(--dark)
}

.icon-link--overflow {
	position: relative;
	display: inline-block;
	padding-left: 5.3571428571em;
	border-left: 0
}

.icon-link--overflow .icon-link__icon {
	position: absolute;
	top: -.7142857143em;
	left: .7142857143em;
	width: 3.5714285714em;
	height: 3.5714285714em
}

.button-link-reviews {
	font-size: 1.125em;
	width: 14.75rem;
	margin: 0 auto
}

.button-link-reviews:hover {
	color: var(--main);
	background-color: #fff
}

.big-link-target {
	position: relative
}

.big-link-target .big-link:after,
.big-link-target .entry__permalink:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.is-style-button-catalog .wp-block-button__link,
.is-style-button-catalog a {
	background: var(--dark);
	border-radius: 0;
	display: inline-block;
	padding-left: 6.25em;
	padding-right: 2.1875em;
	margin-top: 2em;
	text-align: left
}

.is-style-button-catalog .wp-block-button__link strong,
.is-style-button-catalog a strong {
	font-weight: inherit;
	color: var(--main);
	transition: transform .2s ease-out
}

.is-style-button-catalog .wp-block-button__link:before,
.is-style-button-catalog a:before {
	background: var(--main)
}

.is-style-button-catalog .wp-block-button__link:hover strong,
.is-style-button-catalog a:hover strong {
	color: var(--dark)
}

.is-style-button-catalog .wp-block-button__link:after,
.is-style-button-catalog a:after {
	content: "";
	position: absolute;
	display: block;
	left: -2.5em;
	bottom: -1.125em;
	height: 6.75em;
	width: 8.1875em;
	background: url(../img/catalogue_button.png) 50% 50% no-repeat;
	background-size: contain
}

body.variant-piscine .is-style-button-catalog .wp-block-button__link:after,
body.variant-piscine .is-style-button-catalog a:after {
	background: url(../img/catalogue_button_piscine.png) 50% 50% no-repeat;
	background-size: contain
}

.is-style-button-configurateur .wp-block-button__link,
.is-style-button-configurateur a {
	background: var(--dark);
	border-radius: 0;
	display: inline-block;
	padding-left: 6.25em;
	padding-right: 2.1875em;
	margin-top: 2em;
	text-align: left
}

.is-style-button-configurateur .wp-block-button__link strong,
.is-style-button-configurateur a strong {
	font-weight: inherit;
	color: var(--main);
	transition: transform .2s ease-out
}

.is-style-button-configurateur .wp-block-button__link:before,
.is-style-button-configurateur a:before {
	background: var(--main)
}

.is-style-button-configurateur .wp-block-button__link:hover strong,
.is-style-button-configurateur a:hover strong {
	color: var(--dark)
}

.is-style-button-configurateur .wp-block-button__link:after,
.is-style-button-configurateur a:after {
	content: "";
	position: absolute;
	display: block;
	left: -4.5em;
	bottom: -1.425em;
	height: 7.75em;
	width: 10.1875em;
	background: url(../img/configurateur.png) 50% 50% no-repeat;
	background-size: contain
}

.is-style-button-devis-carport .wp-block-button__link,
.is-style-button-devis-carport a,
.is-style-button-devis-gardenroom .wp-block-button__link,
.is-style-button-devis-gardenroom a,
.is-style-button-devis .wp-block-button__link,
.is-style-button-devis a {
	background: var(--dark);
	border-radius: 0;
	display: inline-block;
	padding-left: 6.25em;
	padding-right: 2.1875em;
	margin-top: 2em;
	text-align: left
}

.is-style-button-devis-carport .wp-block-button__link strong,
.is-style-button-devis-carport a strong,
.is-style-button-devis-gardenroom .wp-block-button__link strong,
.is-style-button-devis-gardenroom a strong,
.is-style-button-devis .wp-block-button__link strong,
.is-style-button-devis a strong {
	font-weight: inherit;
	color: var(--main);
	transition: transform .2s ease-out
}

.is-style-button-devis-carport .wp-block-button__link:before,
.is-style-button-devis-carport a:before,
.is-style-button-devis-gardenroom .wp-block-button__link:before,
.is-style-button-devis-gardenroom a:before,
.is-style-button-devis .wp-block-button__link:before,
.is-style-button-devis a:before {
	background: var(--main)
}

.is-style-button-devis-carport .wp-block-button__link:hover strong,
.is-style-button-devis-carport a:hover strong,
.is-style-button-devis-gardenroom .wp-block-button__link:hover strong,
.is-style-button-devis-gardenroom a:hover strong,
.is-style-button-devis .wp-block-button__link:hover strong,
.is-style-button-devis a:hover strong {
	color: var(--dark)
}

.is-style-button-devis-carport .wp-block-button__link:after,
.is-style-button-devis-carport a:after,
.is-style-button-devis-gardenroom .wp-block-button__link:after,
.is-style-button-devis-gardenroom a:after,
.is-style-button-devis .wp-block-button__link:after,
.is-style-button-devis a:after {
	content: "";
	position: absolute;
	display: block;
	left: -2.5em;
	bottom: -1.125em;
	height: 6.75em;
	width: 8.1875em;
	background: url(../img/devis_button.png) 50% 50% no-repeat;
	background-size: contain
}

@media (max-width:600px) {

	body.variant-piscine .is-style-button-devis-carport .wp-block-button__link,
	body.variant-piscine .is-style-button-devis-carport a,
	body.variant-piscine .is-style-button-devis-gardenroom .wp-block-button__link,
	body.variant-piscine .is-style-button-devis-gardenroom a,
	body.variant-piscine .is-style-button-devis .wp-block-button__link,
	body.variant-piscine .is-style-button-devis a {
		padding-left: 6.875em
	}
}

body.variant-piscine .is-style-button-devis-carport .wp-block-button__link:after,
body.variant-piscine .is-style-button-devis-carport a:after,
body.variant-piscine .is-style-button-devis-gardenroom .wp-block-button__link:after,
body.variant-piscine .is-style-button-devis-gardenroom a:after,
body.variant-piscine .is-style-button-devis .wp-block-button__link:after,
body.variant-piscine .is-style-button-devis a:after {
	background: url(../img/devis_button_pool.png) 50% 50% no-repeat;
	background-size: contain
}

@media (max-width:600px) {

	body.variant-piscine .is-style-button-devis-carport .wp-block-button__link:after,
	body.variant-piscine .is-style-button-devis-carport a:after,
	body.variant-piscine .is-style-button-devis-gardenroom .wp-block-button__link:after,
	body.variant-piscine .is-style-button-devis-gardenroom a:after,
	body.variant-piscine .is-style-button-devis .wp-block-button__link:after,
	body.variant-piscine .is-style-button-devis a:after {
		width: 6.25em;
		left: -.625em
	}
}

.is-style-button-devis-carport .wp-block-button__link:after,
.is-style-button-devis-carport a:after {
	background: url(../img/devis_button_carport.png) 50% 50% no-repeat;
	background-size: contain;
	left: -3.2em;
	bottom: 0;
	height: 72px;
	width: 126px
}

.is-style-button-devis-gardenroom .wp-block-button__link:after,
.is-style-button-devis-gardenroom a:after {
	background: url(../img/devis_button_gardenroom.png) 50% 50% no-repeat;
	background-size: contain;
	left: -3.2em;
	bottom: -5px;
	height: 78px;
	width: 126px
}

.is-style-button-devis-arrow .wp-block-button__link,
.is-style-button-devis-arrow a {
	background-color: var(--featured);
	border-radius: 0;
	display: inline-block;
	padding-left: 4.0625em;
	padding-right: 3em;
	text-align: left;
	background-image: url(../img/icon-right-arrow-white.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: calc(100% - 1em) 50%
}

.is-style-button-devis-arrow .wp-block-button__link:before,
.is-style-button-devis-arrow a:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 1em;
	height: 2.125em;
	width: 2.125em;
	transform: translateY(-50%);
	background: url(../img/icon-devis.svg) 50% 50% no-repeat;
	background-size: contain;
	z-index: 1
}

.is-style-button-devis-arrow .wp-block-button__link:after,
.is-style-button-devis-arrow a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dark);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .2s ease-out
}

.is-style-button-devis-arrow .wp-block-button__link:focus:after,
.is-style-button-devis-arrow .wp-block-button__link:hover:after,
.is-style-button-devis-arrow a:focus:after,
.is-style-button-devis-arrow a:hover:after {
	transform: scaleX(1)
}

.is-style-button-devis-pool .wp-block-button__link,
.is-style-button-devis-pool a {
	background-color: var(--main);
	border-radius: 0;
	display: inline-block;
	padding-left: 4.0625em;
	padding-right: 3em;
	text-align: left
}

.is-style-button-devis-pool .wp-block-button__link:hover,
.is-style-button-devis-pool a:hover {
	background-color: var(--dark)
}

.is-style-button-devis-pool .wp-block-button__link:before,
.is-style-button-devis-pool a:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 1em;
	height: 2.125em;
	width: 2.125em;
	transform: translateY(-50%);
	background: url(../img/icon-devis-pool.svg) 50% 50% no-repeat;
	background-size: contain;
	z-index: 1
}

.is-style-download-pdf {
	max-width: 20em;
	text-transform: uppercase
}

.is-style-download-pdf .wp-block-button__link,
.is-style-download-pdf a {
	position: relative;
	padding: 0 0 0 50px;
	font-size: .875em;
	text-align: left;
	text-decoration: underline;
	font-weight: 700
}

.is-style-download-pdf .wp-block-button__link:before,
.is-style-download-pdf a:before {
	content: none
}

.is-style-download-pdf .wp-block-button__link:after,
.is-style-download-pdf a:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 38px;
	height: 38px;
	margin-top: -19px;
	background: url(../img/icon-pdf.png) 50% 50% no-repeat;
	background-size: contain
}

.is-style-button-round--small .wp-block-button__link,
.is-style-button-round--small a,
.is-style-button-round .wp-block-button__link,
.is-style-button-round a {
	background: #868686;
	color: var(--white);
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2);
	transition: background .2s ease-out;
	font-size: 1rem;
	font-weight: 600
}

body.variant-piscine .is-style-button-round--small .wp-block-button__link,
body.variant-piscine .is-style-button-round--small a,
body.variant-piscine .is-style-button-round .wp-block-button__link,
body.variant-piscine .is-style-button-round a {
	background: var(--dark)
}

.is-style-button-round--small .wp-block-button__link:hover,
.is-style-button-round--small a:hover,
.is-style-button-round .wp-block-button__link:hover,
.is-style-button-round a:hover {
	background: #6b6a6a
}

body.variant-piscine .is-style-button-round--small .wp-block-button__link:hover,
body.variant-piscine .is-style-button-round--small a:hover,
body.variant-piscine .is-style-button-round .wp-block-button__link:hover,
body.variant-piscine .is-style-button-round a:hover {
	background: var(--main)
}

.is-style-button-round--small .wp-block-button__link:hover:after,
.is-style-button-round--small .wp-block-button__link:hover:before,
.is-style-button-round--small a:hover:after,
.is-style-button-round--small a:hover:before,
.is-style-button-round .wp-block-button__link:hover:after,
.is-style-button-round .wp-block-button__link:hover:before,
.is-style-button-round a:hover:after,
.is-style-button-round a:hover:before {
	display: none
}

.is-style-button-round--small .wp-block-button__link,
.is-style-button-round--small a {
	font-size: .8rem;
	padding: 9px 17px
}

@media (max-width:782px) {
	.app-footer__action .icon-link.sweep-to-right {
		position: static;
		transform: none;
		border-bottom: 0
	}
}

.wp-block-image.is-style-with-shadows {
	position: relative;
	margin-bottom: 1.5rem
}

.wp-block-image.is-style-with-shadows figure {
	position: relative
}

.wp-block-image.is-style-with-shadows figcaption,
.wp-block-image.is-style-with-shadows img {
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2)
}

.wp-block-image.is-style-with-shadows figcaption {
	position: absolute;
	bottom: -.5rem;
	left: 50%;
	color: var(--dark);
	background: var(--white);
	width: 90%;
	margin: 0 auto;
	padding: 10px 20px 4px;
	box-sizing: border-box;
	line-height: 1.3;
	transform: translateX(-50%);
	text-align: left
}

.wrapper-container {
	margin: 3.75em 0
}

.wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -1.875em -3.75em
}

.wrapper__item {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	width: calc(50% - 7.5em);
	margin: 1.875em 3.75em
}

@media (max-width:1400px) {
	.wrapper {
		margin: -1.25em -2em
	}

	.wrapper__item {
		width: calc(50% - 4em);
		margin: 1.25em 2em
	}
}

@media (max-width:782px) {
	.wrapper__item {
		width: calc(100% - 4em)
	}
}

body {
	overflow-x: hidden;
	font-family: Open Sans, sans-serif;
	color: var(--dark-grey)
}

@media (max-width:600px) {
	body {
		margin: 0
	}

	body .container {
		padding: 0
	}

	body main.container {
		padding: 0 15px
	}
}

.size--h2,
h1,
h2,
h3 {
	color: var(--dark)
}

.size--h2 {
	font-size: 1.5em;
	font-weight: 700
}

.size--h3 {
	font-size: 1.17em
}

@media (max-width:600px) {
	.has-large-font-size {
		font-size: 1.6875em
	}
}

p {
	line-height: 1.35
}

p+h2,
p+h3 {
	margin-top: 2.5rem
}

img {
	max-width: 100%;
	height: auto
}

a {
	color: var(--main)
}

.reset-tag {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	margin: 0
}

.no-margin-top {
	margin-top: 0
}

.no-margin-bottom {
	margin-bottom: 0
}

.section-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.875em
}

@media (max-width:600px) {
	.section-title {
		font-size: 1.5em
	}
}

@media (max-width:600px) {
	.title-on-xs {
		font-size: 1.75em !important
	}
}

@media (max-width:600px) {
	.hide-on-xs {
		display: none
	}
}

.visible-on-xs {
	display: none
}

@media (max-width:600px) {
	.visible-on-xs {
		display: block
	}
}

.border-edge,
.is-style-border-edge {
	position: relative
}

.border-edge:after,
.border-edge:before,
.is-style-border-edge:after,
.is-style-border-edge:before {
	content: "";
	position: absolute;
	height: 17px;
	width: 17px;
	display: block
}

.border-edge:before,
.is-style-border-edge:before {
	top: 0;
	left: 0;
	border-top: 4px solid var(--main);
	border-left: 4px solid var(--main)
}

.border-edge:after,
.is-style-border-edge:after {
	bottom: 0;
	right: 0;
	border-bottom: 4px solid var(--main);
	border-right: 4px solid var(--main)
}

.is-style-border-edge {
	padding: 1rem 3rem;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center
}

.is-style-border-edge:after,
.is-style-border-edge:before {
	position: relative;
	display: inline-block
}

.is-style-border-edge:before {
	margin-right: 1rem;
	margin-bottom: 1.5rem;
	vertical-align: text-bottom
}

.is-style-border-edge:after {
	margin-left: 1rem;
	margin-top: 1.5rem;
	vertical-align: text-top
}

@media (max-width:600px) {
	.is-style-border-edge {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 0
	}

	.is-style-border-edge:after,
	.is-style-border-edge:before {
		flex: 17px 0 0
	}

	.is-style-border-edge:before {
		margin-bottom: 3.5rem
	}

	.is-style-border-edge:after {
		margin-top: 3.5rem
	}
}

.is-style-see-more-square .wp-block-button__link,
.is-style-see-more-square a,
.is-style-see-more .wp-block-button__link,
.is-style-see-more a,
.see-more {
	font-weight: 600;
	font-size: .875em;
	color: var(--dark);
	text-transform: uppercase;
	text-decoration: none
}

.is-style-see-more-square .wp-block-button__link>*,
.is-style-see-more-square a>*,
.is-style-see-more .wp-block-button__link>*,
.is-style-see-more a>*,
.see-more>* {
	display: inline-block;
	vertical-align: middle
}

.is-style-see-more-square .wp-block-button__link .icon,
.is-style-see-more-square a .icon,
.is-style-see-more .wp-block-button__link .icon,
.is-style-see-more a .icon,
.see-more .icon {
	fill: none;
	stroke: var(--main);
	stroke-width: 3;
	width: .625em;
	height: 1em;
	margin-left: .75em
}

.is-style-see-more .wp-block-button__link,
.is-style-see-more a {
	background: none;
	padding: 0
}

.is-style-see-more .wp-block-button__link:before,
.is-style-see-more a:before {
	display: none
}

.is-style-see-more .wp-block-button__link:after,
.is-style-see-more a:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.is-style-see-more-square .wp-block-button__link,
.is-style-see-more-square a {
	padding: 12px 24px;
	color: var(--white);
	background-color: #e98e31;
	border-radius: 0
}

.is-style-see-more-square .wp-block-button__link:after,
.is-style-see-more-square a:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow-white.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.wp-block-buttons .wp-block-button.is-style-discover-solution {
	margin-top: 0
}

.wp-block-buttons .wp-block-button.is-style-discover-solution .wp-block-button__link {
	padding: 20px 24px;
	color: var(--dark);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400
}

.wp-block-buttons .wp-block-button.is-style-discover-solution .wp-block-button__link:before {
	content: none
}

.wp-block-buttons .wp-block-button.is-style-discover-solution .wp-block-button__link:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow-blue.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.wp-block-buttons .wp-block-button.is-style-discover-solution:hover {
	background-color: var(--white)
}

.full-width {
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	position: relative
}

.is-style-with-icon-click,
.is-style-with-icon-gallery,
.is-style-with-icon-location,
.is-style-with-icon-map {
	display: flex;
	align-items: center
}

.is-style-with-icon-click:before,
.is-style-with-icon-gallery:before,
.is-style-with-icon-location:before,
.is-style-with-icon-map:before {
	content: "";
	height: 3.125em;
	width: 3.125em;
	background: var(--main) 50% 50% no-repeat;
	margin-right: 1em;
	border-radius: 100%;
	display: block
}

.is-style-with-icon-location:before {
	background-image: url(../img/icon-location.svg);
	background-size: 1.875em 1.875em
}

.is-style-with-icon-map:before {
	background-image: url(../img/icon-france.svg);
	background-size: 2.1875em 2.1875em;
	background-position: 43% 50%
}

.is-style-with-icon-gallery {
	justify-content: center;
	text-transform: uppercase
}

.is-style-with-icon-gallery:before {
	background-color: transparent;
	background-size: contain;
	background-image: url(../img/icon-gallery.svg)
}

.is-style-with-icon-click {
	justify-content: center;
	text-transform: uppercase
}

.is-style-with-icon-click:before {
	background-color: transparent;
	background-size: contain;
	background-image: url(../img/icon-clic.svg)
}

ol.is-style-big-bullet {
	margin: 2em 0;
	counter-reset: section;
	list-style-type: none;
	padding: 0
}

ol.is-style-big-bullet li {
	display: flex;
	margin-bottom: 1.875em;
	color: var(--dark-grey)
}

ol.is-style-big-bullet li:before {
	counter-increment: section;
	content: counter(section);
	background: var(--main);
	color: var(--white);
	font-size: 1.875em;
	height: 1.875em;
	width: 1.875em;
	line-height: 1.875em;
	text-align: center;
	display: inline-block;
	flex: 0 0 1.875em;
	border-radius: 100%;
	margin-right: 1em
}

ul.is-style-blue-bullet {
	color: var(--dark);
	list-style: none;
	padding-left: 0
}

ul.is-style-blue-bullet li {
	display: flex;
	align-items: center
}

ul.is-style-blue-bullet li:before {
	content: "\2022   ";
	font-size: 1.875em;
	color: var(--main);
	margin-right: 10px
}

.is-style-with-arrow {
	list-style: none
}

.is-style-with-arrow li:before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 14px;
	border-top: 3px solid var(--dark);
	border-right: 3px solid var(--dark);
	transform: rotate(45deg)
}

iframe {
	max-width: 100%
}

@media (max-width:600px) {
	iframe {
		height: auto
	}

	iframe.widget-001 {
		width: 100px;
		height: 100px;
		min-height: auto !important;
		bottom: 40px !important;
		top: unset !important
	}
}

.is-style-with-icon-glass {
	background: transparent url(../img/icon-abri-verre.svg) no-repeat;
	background-size: contain;
	font-size: .8em;
	max-width: 240px;
	margin: 0 auto;
	text-align: left;
	padding-left: 3em;
	font-weight: 400
}

@media (max-width:1200px) {
	.is-style-with-icon-glass {
		max-width: 100px;
		padding-left: 5em
	}
}

.hidden {
	display: none
}

.app {
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

.app-header__fixed-container {
	height: 124px
}

@media (min-width:600px) {
	.app-header__fixed-container {
		height: 132px
	}
}

@media (min-width:1200px) {
	.app-header__fixed-container {
		height: 114px
	}
}

@media (min-width:1400px) {
	.app-header__fixed-container {
		height: 131px
	}
}

.app-header__menu-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	background: var(--white);
	transition: all .2s ease
}

.admin-bar .app-header__menu-container {
	top: 32px
}

.app-header__second-line {
	background-color: var(--dark)
}

.app-header__second-line .container {
	display: flex;
	align-items: stretch;
	max-width: 82em
}

@media (max-width:1200px) {
	.app-header__second-line .container {
		justify-content: flex-start
	}
}

.app-header__branding {
	display: flex;
	align-items: stretch
}

.app-header__logo-link {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 88%
}

body.variant-piscine .app-header__logo-link {
	margin-right: 1.25em
}

.app-header__action {
	display: flex
}

.app-header__action .icon-link {
	padding: 2em .5em !important
}

.app-header__action .icon-link svg {
	width: 2.5em !important;
	height: 2.5em !important;
	margin-right: .8em
}

.app-header__action .icon-link span {
	font-size: 1em !important
}

.app-header__action .icon-link:first-child {
	border-right: 1px solid var(--dark);
	grid-gap: 0;
	gap: 0;
	display: none
}

body:not(.variant-piscine) .app-header__action .icon-link:first-child {
	display: none
}

body.variant-piscine .app-header__action .icon-link:first-child {
	border-right: 2px solid var(--dark);
	display: flex
}

.app-header__action .icon-link:nth-child(2) {
	border-right: 1px solid var(--dark)
}

body.variant-piscine .app-header__action .icon-link:nth-child(2) {
	border-right: 2px solid var(--dark)
}

@media screen and (max-width:1200px) {
	.app-header__action .icon-link {
		display: inline-flex !important;
		font-size: .8em;
		justify-content: center;
		grid-gap: 1em;
		gap: 1em;
		padding: 1em .5em !important
	}

	.app-header__action .icon-link svg {
		width: 3em !important;
		height: 3em !important;
		margin-right: unset
	}

	.app-header__action .icon-link:first-child {
		width: 40%
	}
}

.app-header__burger-container {
	display: none;
	position: absolute;
	top: .5em;
	right: 1em
}

.app-header__phone-number {
	display: none;
	color: var(--white);
	background: var(--dark);
	padding: 0 1em
}

@media (max-width:1400px) {
	.app-header__logo {
		max-width: 11.25em
	}

	.app-header__logo-link {
		margin-right: 1.875em
	}
}

@media (max-width:1200px) {
	.app-header__menu-container {
		top: 0;
		position: fixed;
		z-index: 100;
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		max-width: 100vw
	}

	.admin-bar .app-header__menu-container {
		top: 32px
	}

	.app-header__first-line {
		background: var(--white);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: -1;
		transform: translateY(0);
		transition: transform .25s;
		box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
	}

	.app-header__first-line .container {
		padding: 0
	}

	.app-header__second-line {
		border-top: 0
	}

	.app-header__second-line .container {
		flex-wrap: wrap;
		padding: 0
	}

	.app-header__branding {
		padding: .75em 1em
	}

	.app-header__action {
		width: 100%
	}

	.app-header__action a {
		width: 50%
	}

	.app-header__action a:first-of-type {
		border-left: 0
	}

	.app-header__burger-container,
	.app-header__phone-number {
		display: block
	}

	.app-header__description {
		margin-bottom: 0
	}

	.menu-is-open .app-header__first-line {
		transform: translateY(100%)
	}
}

@media (max-width:1200px) {
	.app-header__second-line .menu--secondary {
		display: none
	}
}

.secondary-menu-mobile {
	margin-top: 20px;
	display: none
}

@media (max-width:1200px) {
	.secondary-menu-mobile {
		display: block !important
	}
}

.secondary-menu-mobile .menu__items {
	flex-wrap: wrap;
	grid-gap: 10px;
	gap: 10px;
	padding-left: 1em !important
}

.secondary-menu-mobile .menu__items li {
	border: 1px solid var(--main);
	padding: 5px
}

@media (max-width:778px) {
	.admin-bar .app-header__menu-container {
		top: 46px
	}
}

@media (max-width:1200px) {
	.app-header__branding {
		flex-direction: column;
		align-items: flex-start
	}
}

@media (max-width:600px) {
	.app-header__logo {
		max-width: 9.375em
	}
}

.app-content {
	flex-grow: 1
}

.app-content ul li {
	margin-bottom: .5rem;
	line-height: 1.35
}

.app-footer {
	color: var(--white);
	background-color: var(--dark);
	padding: 0 0 1.5em
}

.app-footer__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

body.variant-piscine .app-footer__top {
	margin-bottom: 1.25em
}

body.variant-piscine .app-footer__top .app-footer__action .icon-link__icon--big {
	width: 4.1428571429em;
	height: 4.1428571429em
}

body.variant-piscine .app-footer__top .app-footer__action .icon-link__text {
	width: 70%
}

.app-footer__action {
	display: flex;
	flex-wrap: wrap;
	max-width: 28.75em
}

@media (max-width:1400px) {
	.app-footer__action {
		max-width: 25em
	}
}

.app-footer__action .icon-link {
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--dark)
}

body.variant-piscine .app-footer__action .icon-link {
	border: 1px solid var(--dark)
}

.app-footer__branding {
	margin-top: 1.5em
}

.app-footer__bottom {
	font-size: .75em;
	display: flex;
	align-items: center
}

.app-footer .icon-social {
	width: 1.5em;
	height: 1.5em
}

@media (max-width:1400px) {
	.app-footer__action {
		max-width: 25em
	}

	.app-footer__bottom {
		flex-direction: column
	}

	.app-footer .social-media-link {
		margin-top: 1em
	}

	.app-footer .social-link:first-child {
		margin-left: 0
	}
}

@media (max-width:900px) {
	.app-footer .container {
		padding: 0
	}

	.app-footer__top {
		flex-direction: column-reverse
	}

	.app-footer__action {
		width: 100%;
		max-width: none
	}

	.app-footer__bottom,
	.app-footer__content {
		padding: 0 1em
	}
}

.banner-op {
	color: var(--white);
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	height: calc(100vh - 7.875em);
	display: flex;
	text-transform: uppercase;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.banner-op:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(12, 48, 72, .1) 0, transparent);
	z-index: 2
}

.banner-op__content {
	position: relative;
	padding: 3.5em 2.5em;
	max-width: 870px;
	margin: auto;
	z-index: 2
}

.banner-op__content:after {
	content: "";
	position: absolute;
	top: 1.25em;
	left: 0;
	width: 70px;
	height: 70px;
	background-size: cover;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%23e49804' stroke-width='3' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
}

body.variant-piscine .banner-op__content:after {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%236bb2d0' stroke-width='3' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
}

.banner-op .container {
	width: 100%
}

.banner-op__dates,
.banner-op__secondary-title {
	color: var(--white);
	font-size: 2em;
	margin: 0
}

.banner-op__main-title {
	font-weight: 800;
	font-size: 4em;
	margin: .2em 0 .4em
}

.banner-op__main-title p {
	margin: 0
}

.banner-op__main-title span {
	display: table;
	position: relative;
	text-decoration: none !important
}

.banner-op__main-title span:after {
	content: "";
	position: absolute;
	bottom: -.25em;
	left: 0;
	height: .075em;
	width: 100%;
	background: var(--white)
}

.banner-op__footer {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.banner-op__counter-text {
	text-transform: uppercase;
	font-size: 1.25em
}

.banner-op__counter {
	color: var(--dark);
	background: var(--white);
	font-size: 1.4em;
	letter-spacing: 2px
}

.banner-op__counter,
.banner-op__dates {
	font-weight: 800;
	padding: .15em;
	margin: 0 .15em
}

.banner-op__dates {
	text-transform: uppercase;
	color: var(--white);
	font-size: 1.8em !important;
	letter-spacing: 1px !important
}

.banner-op__button {
	margin-bottom: 0;
	border-radius: 0
}

.banner-op__link {
	text-transform: uppercase;
	background-color: #e49804;
	border-radius: 0
}

.banner-op__link:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow-white.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.banner-op__close-btn {
	position: absolute;
	top: 2.5em;
	right: 1em;
	height: 1.5625em;
	width: 1.5625em;
	cursor: pointer;
	appearance: none;
	border: 0;
	padding: 0;
	background: transparent;
	display: none
}

.banner-op--home {
	display: flex;
	align-items: center
}

.banner-op--home__content {
	width: 100%
}

.banner-op--page-interior {
	height: auto
}

.banner-op--page-interior .banner-op__content {
	padding-top: 5em;
	padding-bottom: 2.5em;
	padding-right: 0;
	max-width: 100%;
	display: flex;
	justify-content: space-between
}

.banner-op--page-interior .banner-op__content:after {
	top: 2.5em
}

.banner-op--page-interior .banner-op__dates,
.banner-op--page-interior .banner-op__secondary-title {
	font-size: 1.75em
}

.banner-op--page-interior .banner-op__main-title {
	margin: .5em 0 0
}

.banner-op--page-interior .banner-op__column:first-child {
	width: 40%
}

.banner-op--page-interior .banner-op__column:last-child {
	width: 57%
}

.banner-op--page-interior .banner-op__footer {
	display: block
}

@media (max-width:1400px) {
	.banner-op .banner-op__main-title {
		font-size: 3.75em
	}

	.banner-op .banner-op__dates,
	.banner-op .banner-op__secondary-title {
		font-size: 1.375em
	}

	.banner-op .banner-op__counter-text,
	.banner-op .banner-op__link {
		font-size: 1em
	}

	.banner-op--page-interior .banner-op__content {
		padding-bottom: 5em
	}

	.banner-op--page-interior .banner-op__column:first-child,
	.banner-op--page-interior .banner-op__column:last-child {
		width: 50%
	}
}

@media (max-width:782px) {
	.banner-op .banner-op__content {
		display: block;
		padding: 3em 0
	}

	.banner-op .banner-op__content:after {
		display: none
	}

	.banner-op .banner-op__column:first-child,
	.banner-op .banner-op__column:last-child {
		width: 100%
	}

	.banner-op .banner-op__main-title {
		margin-bottom: 1em
	}

	.banner-op .banner-op__footer {
		display: block
	}
}

.entry--error {
	display: flex;
	flex-direction: column;
	align-items: center
}

.entry--error .action {
	max-width: 200px
}

.entry__header {
	text-align: center
}

.entry__title {
	font-weight: 800;
	font-size: 2.5em;
	text-transform: uppercase;
	display: inline-block;
	padding: .5em 1.25em;
	max-width: 12.5em
}

body.variant-piscine .entry__title {
	max-width: 18.75em
}

.entry__description {
	text-align: left
}

body.variant-piscine .entry__description {
	text-align: center
}

.entry__default-img {
	margin-top: 1.5em
}

.entry__footer {
	margin: 4.5em auto 6.25em
}

.entry--type-distributor {
	max-width: 580px;
	margin: 0 auto
}

.entry--concessionnaire h1 {
	text-align: left;
	margin: 1.5rem 0 0
}

.entry--concessionnaire__buttoncta {
	display: flex;
	justify-content: center
}

.entry--concessionnaire__buttoncta .wp-block-button.is-style-button-devis,
.entry--concessionnaire__buttoncta .wp-block-column.is-vertically-aligned-center:not(:first-child) {
	margin-left: 150px
}

@media (max-width:600px) {
	.entry__title {
		font-size: 1.8em
	}

	body.variant-piscine #post-73 .entry__title {
		padding: .2777777778em
	}

	.wp-block-columns .wp-block-column.column-left-contact h3 {
		text-align: center
	}

	.wp-block-columns .wp-block-column.column-left-contact ul {
		list-style: none;
		padding: 0;
		text-align: center
	}

	.wp-block-columns .wp-block-column.column-left-contact ul li {
		margin: 0
	}

	.wp-block-columns .wp-block-column.column-left-contact ul li:after {
		content: "-";
		display: block;
		font-weight: 700;
		line-height: 1em
	}
}

.menu .menu__items {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0
}

.menu--primary {
	padding: .3125em 0
}

@media (max-width:1200px) {
	.menu--primary {
		padding-bottom: 0
	}
}

.menu--primary .menu__item--current,
.menu--primary .menu__link:active,
.menu--primary .menu__link:focus,
.menu--primary .menu__link:hover {
	color: var(--main)
}

.menu--primary .menu__item--current svg,
.menu--primary .menu__link:active svg,
.menu--primary .menu__link:focus svg,
.menu--primary .menu__link:hover svg {
	transform: translate(5px, 50%)
}

.menu--primary .menu__link {
	font-size: .8125em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 15px 0 3px;
	padding: 0 10px 0 8px;
	position: relative;
	text-decoration: none;
	color: var(--dark);
	transition: color .15s ease;
	display: inline-block
}

.menu--primary .menu__item.configurateur_link .menu__link {
	color: #e98e31 !important
}

.menu--primary svg {
	fill: none;
	stroke: var(--main);
	stroke-width: 3;
	margin: 0;
	height: 16px;
	width: 10px;
	position: absolute;
	right: 100%;
	bottom: 50%;
	transition: transform .15s ease;
	transform: translateY(50%)
}

.menu--primary .menu__item.configurateur_link svg {
	stroke: #e67e4c !important
}

@media (min-width:1400px) {
	.menu--primary .menu__link {
		margin: 0 2em 0 3px
	}
}

.menu--secondary {
	color: var(--main);
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase
}

.menu--secondary a {
	text-decoration: none;
	display: inline-block
}

.menu--secondary a:not(:last-of-type):after {
	content: "."
}

@media (max-width:600px) {
	.menu--secondary a {
		padding-top: .5em
	}
}

.menu--secondary .menu__items {
	height: 100%
}

.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link,
.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link,
.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link,
.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link {
	white-space: normal;
	display: flex;
	align-items: center;
	font-size: .938rem;
	line-height: 1rem;
	padding: 15px 13px
}

.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link:before,
.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link:before,
.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link:before,
.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link:before {
	content: "";
	background-position: 50%;
	background-repeat: no-repeat;
	display: block;
	margin-right: .8rem
}

.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link {
	max-width: 98px
}

.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link:before {
	background-image: url(../img/logo-piscine.png);
	background-size: 29px 19px;
	width: 29px;
	height: 19px;
	flex: 0 0 29px
}

.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link {
	max-width: 148px
}

.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link:before {
	background-image: url(../img/logo-couverture-innov.png);
	background-size: 37px 23px;
	width: 37px;
	height: 23px;
	flex: 0 0 37px
}

.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link {
	max-width: 114px
}

.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link:before {
	background-image: url(../img/logo-terrasse.png);
	background-size: 29px 19px;
	width: 29px;
	height: 19px;
	flex: 0 0 29px
}

.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link {
	max-width: 108px
}

.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link:before {
	background-image: url(../img/logo-renovalpro.png);
	background-size: 23px 32px;
	width: 23px;
	height: 32px;
	flex: 0 0 23px
}

@media (max-width:1400px) {
	.menu--secondary .menu__link {
		font-size: .875em
	}

	.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link,
	.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link,
	.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link,
	.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link {
		font-size: .55rem;
		line-height: unset;
		padding: 7px 5px
	}

	.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link:before,
	.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link:before,
	.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link:before,
	.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link:before {
		margin-right: .4rem
	}

	.menu--secondary .menu__items .menu__item.menu-item-piscine .menu__link:before {
		background-size: 19px 12px;
		width: 19px;
		height: 12px;
		flex: 0 0 19px
	}

	.menu--secondary .menu__items .menu__item.menu-item-couverture .menu__link:before {
		background-size: 27px 13px;
		width: 27px;
		height: 13px;
		flex: 0 0 27px
	}

	.menu--secondary .menu__items .menu__item.menu-item-pro .menu__link:before,
	.menu--secondary .menu__items .menu__item.menu-item-terrasse .menu__link:before {
		background-size: 19px 12px;
		width: 19px;
		height: 12px;
		flex: 0 0 19px
	}
}

@media (min-width:1200px) and (max-width:1100px) {
	.menu--secondary {
		max-width: 300px;
		margin: 0
	}
}

@media (min-width:480px) {
	.menu--secondary {
		font-size: 1.125em
	}
}

.menu--footer {
	flex-grow: 1;
	margin: 1em
}

.menu--footer .menu__item {
	margin: 0 1em
}

.menu--footer .menu__link {
	color: var(--white)
}

.menu--footer .menu__link:focus,
.menu--footer .menu__link:hover {
	text-decoration: none
}

.menu__item.button--menu {
	background-color: var(--external-main)
}

.menu__item.button--menu svg {
	stroke: var(--white)
}

body.variant-piscine .menu__item.button--menu {
	background-color: var(--main)
}

body.variant-piscine .menu__item.button--menu .menu__link {
	margin-right: 4px
}

body.variant-piscine .menu__item.button--outilpro .menu__link {
	display: flex;
	align-items: center;
	padding-left: 0;
	color: var(--main);
	margin-left: 10px;
	width: 55px !important
}

body.variant-piscine .menu__item.button--outilpro .menu__link:before {
	content: "";
	background-image: url(../img/cadenas.svg);
	background-repeat: no-repeat;
	background-size: 38px;
	background-position: top;
	height: 38px;
	width: 38px;
	margin-right: 5px
}

@media (max-width:480px) {
	body.variant-piscine .menu__item.button--outilpro .menu__link:before {
		margin-bottom: 6px;
		padding-top: 0
	}
}

body.variant-piscine .menu__item.button--outilpro .menu__link {
	width: 30px;
	height: 30px
}

@media (max-width:480px) {
	body.variant-piscine .menu__item.button--outilpro .menu__link {
		padding-left: 0;
		margin-left: 0;
		padding-top: 6px
	}
}

body.variant-piscine .menu__item.button--outilpro .menu__link svg.icon {
	display: none
}

body.variant-piscine .menu__item.phone--menu {
	margin-left: auto
}

.menu__item.phone--menu .menu__link {
	position: relative;
	padding-left: 24px
}

.menu__item.phone--menu .menu__link:before {
	content: "";
	background-image: url(../img/icon-phone.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	filter: invert(78%) sepia(5%) saturate(4494%) hue-rotate(166deg) brightness(89%) contrast(81%);
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0
}

@media (hover:hover) {
	.menu--secondary .menu__item.has-children:hover .menu__sub-menu {
		transform: scaleY(1);
		padding: 0 0 30px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu {
		background-color: #f6f6f6;
		padding: 40px 0 !important;
		margin-top: 30px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .title-sub_menu {
		max-width: 50%;
		text-align: left !important;
		padding: 0 0 0 15px !important;
		display: inline-block
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .container {
		align-items: center
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .menu__link--preview {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-right: 20px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .menu__link--preview:after {
		content: "";
		background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='3' d='M1.5,1.5 8.5,8 1.5,14.5'/%3E%3C/svg%3E");
		display: inline-block;
		height: 16px;
		width: 10px;
		margin-left: 5px;
		margin-top: 20px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content {
		width: 45%
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul {
		display: grid;
		grid-gap: 10px 50px;
		grid-auto-rows: minmax(auto, auto)
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul li {
		display: flex;
		align-items: center;
		list-style-type: none
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul li:after {
		content: "";
		background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='3' d='M1.5,1.5 8.5,8 1.5,14.5'/%3E%3C/svg%3E");
		display: inline-block;
		height: 16px;
		width: 10px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .menu__link--preview {
		color: var(--dark) !important;
		font-weight: 400;
		font-size: .8125em !important;
		text-transform: none;
		display: inline;
		text-align: left !important
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .menu__link--preview span {
		display: inline-block;
		text-decoration: underline
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .menu__link--preview:hover span {
		text-decoration: none;
		color: var(--main) !important
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .menu__link--preview:after {
		display: none
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .sous-menu-gauche {
		grid-column: 1
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-content ul .sous-menu-droit {
		grid-column: 2
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-item {
		max-width: 540px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-item .menu__link--preview .title-sub_menu {
		display: block;
		max-width: 300px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-item .menu__link--preview .title-sub_menu img {
		margin-left: 8px
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-item .menu__link--preview .title-sub_menu-description {
		font-weight: 400;
		font-size: .9375em;
		text-transform: none;
		text-align: left;
		padding: 0 0 0 15px;
		margin-top: .5em;
		margin-bottom: 0
	}

	.menu--secondary .menu__item.has-children:hover .menu__sub-menu .sous-menu .sous-menu-item .menu__link--preview:after {
		display: none
	}
}

.menu--secondary .menu__item {
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 10px
}

.menu--secondary .menu__item:not(:last-child) {
	margin-right: 5px
}

@media (min-width:480px) {
	.menu--secondary .menu__item:not(:last-child) {
		margin-right: 10px
	}
}

.menu--secondary .menu__item:hover>.menu__link,
.menu--secondary .menu__item:hover>h1>.menu__link {
	color: var(--white);
	background-color: var(--main)
}

.menu__item--preview {
	flex-basis: 16%;
	min-width: 125px;
	margin: 30px 2% 0;
	list-style: none
}

@media (min-width:1200px) {
	.menu--primary .menu__item:first-of-type .menu__link {
		margin-left: 10px
	}

	.menu--primary .menu__item:last-of-type .menu__link {
		margin-right: 0
	}
}

.button--menu .menu__link {
	margin-left: 20px;
	padding: 10px;
	color: var(--white)
}

.button--menu .menu__link:hover {
	color: var(--white)
}

@media (max-width:1200px) {
	.phone--menu .menu__link {
		display: none
	}
}

body.variant-piscine .phone--menu .menu__link {
	margin-left: 0;
	margin-right: 0;
	font-size: 1em;
	color: var(--dark);
	text-decoration: none;
	font-weight: 700
}

body.variant-piscine .phone--menu .menu__link svg {
	display: none
}

.menu--secondary .menu__link {
	padding: 15px 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--main);
	background-color: var(--white);
	border: none
}

body.variant-piscine .menu--secondary .menu__link {
	white-space: nowrap
}

@media (max-width:600px) {
	body.variant-piscine .menu--secondary .menu__link {
		font-size: .625em
	}
}

.menu__link--preview {
	font-size: .9em;
	text-align: center;
	color: var(--dark)
}

.menu__link--preview:hover {
	color: var(--main)
}

.menu--secondary .menu__sub-menu {
	display: block;
	justify-content: center;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0 20px 30px;
	transform: scaleY(0);
	background-color: var(--white);
	box-shadow: 0 2px 2px 2px #e8e8e8;
	transition: transform .2s;
	transform-origin: top;
	box-sizing: border-box
}

.menu--secondary .menu__sub-menu .container {
	justify-content: center
}

.menu--secondary .menu__preview {
	display: block;
	margin: 0 auto 15px
}

.menu--secondary .menu__previewimg {
	height: 135px !important
}

.menu-secondary-container {
	height: 100%
}

@media (max-width:1400px) {
	.menu--primary .menu__link {
		font-size: .8125em
	}
}

@media (max-width:1200px) {
	.menu--primary .menu__link {
		margin: 0 1em
	}

	.menu--primary .menu__items {
		display: block
	}

	.menu--primary .menu__item {
		margin: 1em 0;
		padding-left: 1em
	}

	.menu--primary .menu__item:last-of-type {
		margin-bottom: 0
	}
}

@media (max-width:600px) {
	.menu--footer {
		margin: 2em
	}

	.menu--footer .menu__items {
		flex-wrap: wrap;
		justify-content: center
	}

	.menu--footer .menu__item {
		margin-bottom: .5em
	}
}

.pagination {
	margin: 3.75em 0
}

.pagination__items {
	list-style: none;
	display: flex;
	justify-content: center
}

.pagination__item {
	margin: 0 .1875em
}

.pagination__item--next a:after,
.pagination__item--prev a:after {
	content: "";
	height: .4375em;
	width: .4375em;
	border-top: .1875em solid var(--main);
	border-left: .1875em solid var(--main);
	display: block
}

.pagination__item--prev a:after {
	transform: rotate(-45deg)
}

.pagination__item--next a:after {
	transform: rotate(135deg)
}

.pagination__anchor {
	display: flex;
	align-items: center;
	position: relative;
	font-weight: 700;
	padding: .1875em .5625em;
	background-color: var(--light-bg);
	color: var(--main);
	height: 100%
}

.pagination__anchor--link {
	text-decoration: none
}

.pagination__anchor--current {
	background-color: var(--main);
	color: var(--white)
}

.news-container {
	margin: 80px 0 0
}

.news-container>div {
	box-sizing: border-box;
	display: block;
	width: calc(50% - 80px);
	margin-bottom: 60px
}

@media (max-width:780px) {
	.news-container>div {
		width: 100%
	}
}

.news-section__title-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.875em
}

.news-section__title-container svg {
	height: 3.75em;
	width: 3.75em
}

.news-section__title {
	margin-left: 1em
}

.news-section__see-more {
	display: block;
	text-align: center;
	margin-bottom: 4.375em
}

.mention-op {
	font-size: .875em
}

.photo-annoted {
	position: relative;
	z-index: 0
}

.photo-annoted p:empty {
	margin: 0;
	padding: 0
}

.photo-annoted__img {
	min-width: 100%
}

@media (max-width:600px) {
	.photo-annoted__img {
		display: none
	}
}

.photo-annoted__annotations {
	padding: 0;
	list-style: none;
	counter-reset: annotations-counter
}

.photo-annoted__annotation {
	counter-increment: annotations-counter
}

@media (min-width:600px) {
	.photo-annoted__annotation {
		position: absolute
	}

	.photo-annoted__annotation--reverse>.photo-annoted__checkbox,
	.photo-annoted__annotation--reverse>.photo-annoted__handler {
		left: auto;
		right: -20px
	}

	.photo-annoted__annotation--reverse>.photo-annoted__content {
		flex-direction: row-reverse;
		transform-origin: right 0
	}
}

@media (max-width:600px) {
	.photo-annoted__annotation {
		margin-bottom: 30px
	}
}

.photo-annoted__handler {
	width: 30px;
	height: 30px;
	padding: 5px;
	color: var(--dark);
	text-align: center;
	box-sizing: border-box;
	background-color: var(--white);
	border: 4px solid var(--dark);
	pointer-events: none
}

@media (min-width:600px) {
	.photo-annoted__handler {
		position: absolute;
		top: -20px;
		left: -20px;
		border-radius: 100%;
		z-index: 3
	}

	.photo-annoted__handler--mobile {
		display: none
	}
}

@media (max-width:600px) {
	.photo-annoted__handler:not(.photo-annoted__handler--mobile) {
		display: none
	}

	.photo-annoted__handler:before {
		content: counter(annotations-counter);
		position: relative;
		top: -3px;
		color: inherit
	}
}

.photo-annoted__handler--mobile {
	margin-right: 20px
}

.photo-annoted__checkbox {
	position: absolute;
	top: -20px;
	left: -20px;
	width: 30px;
	height: 30px;
	z-index: 2;
	opacity: 0;
	cursor: pointer
}

.photo-annoted__checkbox:checked~.photo-annoted__handler {
	background-color: var(--main);
	border-color: var(--main);
	z-index: 5
}

.photo-annoted__checkbox:checked~.photo-annoted__handler:before {
	content: "x";
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 10px;
	color: var(--white)
}

.photo-annoted__checkbox:checked~.photo-annoted__content {
	visibility: visible;
	transform: scale(1);
	z-index: 4
}

@media (max-width:600px) {
	.photo-annoted__checkbox {
		display: none
	}
}

.photo-annoted__content {
	position: relative;
	display: flex;
	z-index: 1
}

@media (min-width:600px) {
	.photo-annoted__content {
		background-color: var(--white);
		visibility: hidden;
		pointer-events: none;
		transform: scale(0);
		transform-origin: 0 0;
		transition: transform .3s ease
	}
}

@media (max-width:600px) {
	.photo-annoted__content {
		flex-direction: column
	}
}

.photo-annoted__thumbnail {
	max-width: 150px
}

@media (max-width:600px) {
	.photo-annoted__thumbnail {
		display: none
	}
}

@media (min-width:600px) {
	.photo-annoted__thumbnail--mobile {
		display: none
	}
}

.photo-annoted__desc {
	padding: 25px 0
}

@media (min-width:600px) {
	.photo-annoted__desc {
		max-width: 175px;
		padding-left: 25px;
		padding-right: 25px
	}
}

@media (max-width:600px) {
	.photo-annoted__desc {
		display: flex;
		align-items: center
	}
}

.photo-annoted__desc>div>:last-child {
	margin-bottom: 0
}

@media (max-width:600px) {
	.photo-annoted__desc>div>:last-child {
		margin-top: 0
	}
}

.photo-annoted__subtitle {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	color: var(--main)
}

.photo-annoted--energie .photo-annoted__annotation:first-child {
	top: 40%;
	right: 48%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(2) {
	top: 58%;
	left: 17%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(3) {
	top: 84%;
	left: 24%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(4) {
	top: 51%;
	left: 31%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(5) {
	top: 59%;
	right: 47%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(6) {
	top: 68%;
	right: 44%
}

.photo-annoted--energie .photo-annoted__annotation:nth-child(7) {
	top: 56%;
	right: 36%
}

.photo-annoted--panorama .photo-annoted__annotation:first-child {
	top: 40%;
	left: 15%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(2) {
	top: 35%;
	left: 45%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(3) {
	top: 45%;
	right: 34%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(4) {
	top: 33%;
	left: 23%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(5) {
	top: 49%;
	right: 20%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(6) {
	top: 82%;
	right: 21%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(7) {
	top: 13%;
	left: 26%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(8) {
	top: 78%;
	right: 40%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(9) {
	top: 11%;
	left: 36%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(10) {
	top: 9%;
	right: 38%
}

.photo-annoted--panorama .photo-annoted__annotation:nth-child(11) {
	top: 9%;
	left: 12%
}

.reviews {
	margin-top: 2em
}

.reviews__header {
	display: flex;
	justify-content: center;
	align-items: center
}

@media (min-width:600px) {
	.reviews {
		padding-top: 2.5em
	}
}

.reviews__title {
	margin-top: 0
}

.reviews__slider {
	position: relative
}

.reviews .button-arrow {
	height: 30px;
	width: 30px;
	display: inline-block;
	background-size: 20px 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2);
	cursor: pointer;
	position: absolute;
	top: 8rem
}

.reviews .button-prev {
	background-image: url(../img/icon-left-arrow.svg);
	margin-right: .4rem;
	left: -2rem
}

@media (max-width:600px) {
	.reviews .button-prev {
		left: 0
	}
}

.reviews .button-next {
	background-image: url(../img/icon-right-arrow.svg);
	right: -2rem
}

@media (max-width:600px) {
	.reviews .button-next {
		right: 0
	}
}

.review {
	padding: 1em 2rem 2rem;
	background-color: var(--light-bg);
	width: 33%;
	text-align: center;
	margin: 0 1.5rem
}

@media (max-width:600px) {
	.review {
		margin: 0
	}
}

.review:not(:last-child) {
	margin-bottom: 2em
}

.review:not(.slick-active) {
	opacity: .6
}

.review__metas {
	margin-bottom: 2rem
}

.review__author {
	margin-bottom: 1em;
	font-weight: 700;
	color: var(--dark)
}

.review__note {
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.review__star {
	position: relative;
	display: block;
	color: #d1d3d4;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-right: 14px solid transparent;
	border-bottom: 10px solid #d1d3d4;
	border-left: 14px solid transparent;
	transform: rotate(35deg)
}

.review__star:before {
	border-bottom: 11px solid #d1d3d4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: -7px;
	left: -9px;
	transform: rotate(-35deg)
}

.review__star:after,
.review__star:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	display: block
}

.review__star:after {
	color: #d1d3d4;
	top: 0;
	left: -14px;
	border-right: 14px solid transparent;
	border-bottom: 10px solid #d1d3d4;
	border-left: 14px solid transparent;
	transform: rotate(-70deg)
}

.review__star--featured {
	color: #f6af42
}

.review__star--featured,
.review__star--featured:before {
	border-bottom-color: #f6af42
}

.review__star--featured:after {
	color: #f6af42;
	border-bottom-color: #f6af42
}

.review__date {
	font-size: .8em
}

.review__content {
	font-style: italic;
	line-height: 1.6;
	font-size: .9em
}

.review__gallery {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1em
}

.review__capture {
	margin-right: 1em
}

.is-style-border-separator {
	word-break: keep-all
}

.is-style-border-separator td {
	padding-top: 6px;
	padding-bottom: 6px
}

.is-style-border-separator td:not(:last-child) {
	position: relative;
	padding-right: 15px
}

.is-style-border-separator td:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 12px;
	margin-top: -6px;
	background-color: var(--main)
}

.is-style-border-separator td:not(:first-child) {
	padding-left: 15px
}

.teaser {
	color: var(--white);
	background: var(--main);
	display: flex;
	width: 100%;
	flex-direction: column;
	height: 100%
}

.teaser__header {
	position: relative
}

.teaser__header:before {
	content: "";
	position: absolute;
	background: rgba(12, 49, 72, .6);
	background: linear-gradient(180deg, rgba(12, 49, 72, .6) 0, rgba(12, 49, 72, 0));
	top: 0;
	bottom: 50%;
	left: 0;
	right: 0;
	transition: opacity .35s
}

.teaser__image {
	display: block;
	width: 100%
}

.teaser__title-container {
	position: absolute;
	top: 0;
	left: 0;
	padding: .875em 1.5em;
	display: flex;
	justify-content: flex-start
}

.teaser__title {
	font-weight: 800;
	font-size: 1.875em;
	text-transform: uppercase;
	margin: .25em 0 0;
	color: var(--white)
}

.teaser__subtitle {
	font-weight: 600;
	font-size: 1.5em;
	margin: 0 auto 1em;
	color: var(--main);
	text-align: center
}

.teaser__icon {
	height: 6em;
	width: 6em;
	margin-right: 1.5em
}

.teaser__summary {
	padding: .875em 2.8125em
}

@media (max-width:480px) {
	.teaser__summary {
		padding: 0 .875em
	}
}

.teaser__permalink {
	color: var(--white);
	text-decoration: none
}

.teaser__see-more {
	margin: auto 0 0 auto;
	padding: 1.125em 1.5625em;
	background: var(--white);
	color: var(--dark)
}

.teaser--grey {
	color: var(--dark);
	background: var(--light-bg)
}

.teaser--grey .teaser__header:before {
	display: none
}

.teaser--grey .teaser__permalink {
	color: var(--dark)
}

.teaser--grey .teaser__summary {
	padding-bottom: 1.625em;
	color: var(--dark-grey)
}

.teaser--grey .teaser__summary p {
	font-size: .9375em
}

.teaser--grey .teaser__see-more {
	margin: auto 0 0 auto;
	padding: 0;
	background: none;
	color: var(--dark)
}

@media (max-width:480px) {
	.teaser__icon {
		height: 4em;
		width: 4em
	}

	.teaser__title {
		font-size: 1.375em
	}
}

.phone-number {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5em 0
}

.phone-number__icon {
	color: var(--main);
	width: 2em;
	height: 2em;
	margin-right: 1em
}

.phone-number__number {
	font-size: 1.25em;
	color: currentColor;
	text-decoration: none;
	font-weight: 700
}

.phone-number__price {
	font-size: .75em;
	margin: 0
}

.popup {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	padding: 20px;
	background-color: rgba(0, 0, 0, .75);
	transition: .2s
}

@media (max-width:600px) {
	.popup {
		display: none
	}
}

.popup--inactive {
	display: none
}

.popup[aria-hidden=true] {
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.popup__content {
	max-width: 480px;
	margin: auto;
	background-color: var(--white)
}

.popup__content-large {
	max-width: 1100px
}

.popup__header {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	background-color: var(--light-grey);
	border-bottom: 1px solid #e8e8e8
}

.popup__section {
	display: flex;
	align-items: center;
	padding: 20px
}

.popup__tagline {
	margin: 0
}

.popup__close {
	background-color: transparent;
	border: none;
	margin-left: auto
}

.popup__close>div:after,
.popup__close>div:before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: var(--dark-grey);
	border-radius: 2px;
	transform-origin: 50% 50%;
	transition: transform .2s
}

.popup__close>div:before {
	transform: translateY(1px) rotate(45deg)
}

.popup__close>div:after {
	transform: translateY(-1px) rotate(-45deg)
}

.popup__close:hover {
	cursor: pointer
}

.popup__close:hover>div:before {
	transform: translateY(1px) rotate(-45deg)
}

.popup__close:hover>div:after {
	transform: translateY(-1px) rotate(45deg)
}

.popup__illus {
	min-width: 150px;
	margin-right: 20px
}

.popup__title {
	margin-top: 0;
	color: var(--dark);
	font-size: 1.5em;
	line-height: 1;
	font-weight: 700
}

.popup__button {
	display: inline-block
}

.post__header {
	position: relative;
	margin-left: 2.75em;
	margin-bottom: -4.375em
}

.post__image {
	width: 100%;
	display: block
}

.post__category {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	font-weight: 700;
	font-size: .875em;
	padding: .75em 1.75em .5em;
	color: var(--white);
	background: var(--main);
	text-transform: uppercase
}

.post__title {
	color: var(--dark);
	font-size: 1.1875em;
	font-weight: 700;
	margin-bottom: 1.625em;
	text-decoration: none;
	display: block
}

.post__content {
	background: var(--light-bg);
	padding: 6em 2.75em 2.75em
}

.post__summary {
	margin-bottom: 1.625em
}

.post-full {
	margin-top: 2.5em
}

.post-full__row {
	display: flex;
	position: relative;
	flex-wrap: wrap
}

.post-full__col-left,
.post-full__col-right {
	display: flex
}

.post-full__col-left {
	width: 35%
}

.post-full__col-right {
	width: 65%
}

.post-full__back {
	color: var(--dark);
	text-decoration: none;
	border: 1px solid var(--dark);
	font-weight: 700;
	text-transform: uppercase;
	font-size: .875em;
	padding: .25em .5em;
	align-self: flex-start
}

.post-full__back svg {
	width: .8em;
	fill: var(--dark)
}

.post-full__back:hover svg {
	fill: var(--white)
}

.post-full__tags {
	margin-left: 1.875em;
	margin-bottom: 1em
}

.post-full__tags a {
	display: inline-block;
	font-weight: 700;
	font-size: .875em;
	padding: .75em 1.75em .5em;
	color: var(--white);
	background: var(--main);
	text-transform: uppercase;
	text-decoration: none
}

.post-full__title {
	font-size: 1.5em;
	margin-left: 1.25em
}

.post-full__content {
	color: var(--dark-grey);
	background: var(--light-bg);
	padding: 1.875em;
	margin-top: 1.5em
}

@media (max-width:782px) {

	.post-full__col-left,
	.post-full__col-right {
		width: 100%
	}

	.post-full__tags {
		margin-top: 2em;
		margin-left: 0
	}

	.post-full__title {
		margin-left: 0;
		margin-bottom: 1.5em
	}
}

.section-project {
	background: var(--dark);
	color: var(--white);
	padding: 3.125em 0 4.0625em;
	text-align: center
}

.section-project.cta {
	padding: 1.25em 0 4.0625em
}

.section-project__title {
	margin-top: 0;
	margin-bottom: 1.875em;
	color: #fff
}

.section-project .list-block-cta__svg circle {
	fill: #6ab1d0
}

.term {
	display: flex;
	flex-direction: column
}

.term__image {
	width: 100%
}

.term__permalink {
	text-decoration: none
}

.term__title {
	margin: 0;
	padding: .875em 1em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--dark);
	width: 10em;
	text-align: center
}

.term__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.5em 0
}

.term__desc {
	color: var(--dark);
	text-align: left;
	font-weight: 600;
	margin-left: 1.25em;
	margin-bottom: 0
}

.term__see-more {
	z-index: -1;
	text-transform: none;
	color: var(--white);
	border-left: 0;
	padding: .5em 1em
}

.term__see-more .icon {
	stroke: var(--white)
}

.term__see-more--bottom {
	margin-top: 1.25em;
	margin-bottom: 0;
	display: inline-block
}

.term__button-container {
	margin-top: auto
}

.pages-list {
	text-align: left;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: -1em -.5em 1em;
	padding: 0
}

.pages-list__title {
	color: var(--main);
	text-transform: uppercase;
	font-weight: 700;
	font-size: .875em
}

.pages-list__item {
	margin: .5em .5em 0
}

@media (max-width:1200px) and (min-width:782px) {
	.term__header {
		flex-direction: column;
		margin-bottom: 1em
	}

	.term__title {
		margin-bottom: .5em
	}

	.term__desc {
		align-self: normal;
		margin-left: 0
	}
}

@media (max-width:600px) {
	.term__header {
		flex-direction: column
	}

	.term__permalink {
		width: 100%
	}

	.term__title {
		width: auto
	}

	.term__desc {
		margin-left: 0
	}

	.term__see-more {
		width: 100%;
		display: block
	}

	.term__long-desc,
	.term__see-more {
		text-align: center
	}
}

.image-details {
	background: #0c3048;
	background: rgba(12, 48, 72, .7);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: var(--white);
	padding: 1.25em 1.5625em;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.image-details__title {
	margin: 0;
	font-size: 1em;
	color: var(--white);
	font-weight: 700
}

.image-details__localisation {
	margin: 0;
	font-weight: 500;
	font-size: .875em
}

.image-details__permalink {
	border-left: 0;
	text-transform: none;
	font-size: .875em
}

.realisation-grid {
	margin: 4.375em -6.25em
}

.realisation-grid__row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 1.25em;
	margin-bottom: 1.25em;
	height: 425px
}

.realisation-grid__row:nth-of-type(odd)>:nth-child(3n+1) {
	grid-column: 1/3;
	grid-row: 1/3
}

.realisation-grid__row:nth-of-type(odd)>:nth-child(3n+2) {
	grid-column: 3;
	grid-row: 1
}

.realisation-grid__row:nth-of-type(odd)>:nth-child(3n) {
	grid-column: 3;
	grid-row: 2
}

.realisation-grid__row:nth-of-type(2n)>:nth-child(3n+1) {
	grid-column: 1;
	grid-row: 1
}

.realisation-grid__row:nth-of-type(2n)>:nth-child(3n+2) {
	grid-column: 1;
	grid-row: 2
}

.realisation-grid__row:nth-of-type(2n)>:nth-child(3n) {
	grid-column: 2/4;
	grid-row: 1/3
}

.realisation-grid__item {
	position: relative;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: cover
}

.realisation-grid__item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	cursor: pointer
}

.realisation-grid__content {
	opacity: 0;
	transform: translateY(100px);
	transition: all .2s;
	z-index: 2
}

.realisation-grid__content .image-details__permalink span {
	display: none
}

.realisation-grid__content .image-details__permalink svg {
	fill: none;
	stroke: var(--white);
	height: 1.125em;
	stroke-width: .0625em
}

.realisation-grid__item:hover .realisation-grid__content {
	opacity: 1;
	transform: translateY(0)
}

@media (max-width:1300px) {
	.realisation-grid {
		margin: 4.375em 0
	}
}

@media (min-width:782px) {
	.realisation-grid__content--large .image-details__permalink span {
		display: block
	}

	.realisation-grid__content--large .image-details__permalink svg {
		display: none
	}
}

@media (max-width:782px) {
	.realisation-grid__row {
		display: block;
		margin-bottom: 0;
		height: auto
	}

	.realisation-grid__item {
		display: block;
		height: 200px;
		width: 100%;
		margin-bottom: 1.25em
	}
}

.filters {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 3.75em 0
}

.filters__item {
	display: block;
	margin: 0 .5em;
	padding: .5em .875em;
	border: .0625em solid var(--main);
	text-transform: uppercase;
	text-decoration: none;
	color: var(--main);
	font-weight: 600
}

.filters__item:before {
	background: var(--main)
}

.filters__label {
	color: var(--dark);
	padding-right: 2em
}

@media (max-width:1400px) {
	.filters__label {
		width: 100%;
		padding-right: 0;
		text-align: center
	}

	.filters__item {
		margin-bottom: 1em
	}
}

.burger {
	cursor: pointer;
	display: block;
	height: 2em;
	width: 2.8125em;
	margin: 0;
	border: 0;
	padding: 0
}

.burger path {
	fill: var(--white);
	transition: all .2s ease
}

body.menu-is-open .burger path:first-child {
	transform: rotate(-45deg);
	transform-origin: 20px 10px
}

body.menu-is-open .burger path:nth-child(2) {
	opacity: 0
}

body.menu-is-open .burger path:nth-child(3) {
	transform: rotate(45deg);
	transform-origin: 20px 20px
}

.pre-footer {
	margin-top: 3.75em;
	padding: 2.5em .9375em;
	background: var(--light-bg);
	text-align: center
}

.pre-footer__title {
	margin-top: 0;
	color: var(--dark)
}

.pre-footer__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.pre-footer__label {
	font-weight: 700;
	max-width: 150px;
	color: var(--dark)
}

.pre-footer .textwidget {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10em;
	margin-bottom: 2.5em
}

.pre-footer .textwidget p {
	margin: 0
}

.pre-footer__item {
	width: 16%;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	padding-bottom: .5em
}

.pre-footer__item:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: .25em;
	width: 1.875em;
	background: var(--main)
}

@media (max-width:782px) {
	.pre-footer__item {
		width: 50%;
		margin-bottom: 2.5em
	}
}

.wsp-container ul {
	background: var(--light-bg);
	padding: 2em 4em
}

.wsp-container ul ul {
	padding: 1em 2em 0
}

.wsp-container li {
	margin-bottom: 1em
}

.wsp-container li:last-child {
	margin-bottom: 0
}

.wsp-container a {
	color: var(--dark-grey)
}

.all-concessionnaires-container {
	background: var(--light-bg);
	padding: 1.625em 0
}

.all-concessionnaires-container__title {
	text-align: center;
	margin-bottom: 2em
}

.all-concessionnaires-liste {
	font-size: .875em
}

.all-concessionnaires-liste ul {
	list-style: none;
	margin: 0 0 2em;
	padding: 0
}

.all-concessionnaires-liste li:first-child {
	font-weight: 700;
	margin-bottom: .5em
}

body.variant-piscine .all-concessionnaires-liste li:first-child {
	pointer-events: none
}

body.variant-piscine .all-concessionnaires-liste li:first-child a {
	text-decoration: none
}

.all-concessionnaires-liste a {
	color: var(--dark-grey)
}

@media (min-width:782px) {
	.all-concessionnaires-liste {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
	}

	.all-concessionnaires-liste__col {
		width: 30%
	}
}

.link__concessionnaires {
	font-size: 1em;
	font-weight: 400
}

.accordion__button {
	text-align: left;
	width: 100%;
	padding: 1.5em 3em 1.5em 2.5em;
	position: relative;
	outline: none;
	border: none;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase
}

@media (max-width:600px) {
	.accordion__button {
		padding: 1rem 2rem 1rem 1rem
	}
}

.accordion__button[aria-expanded=false] {
	color: var(--dark);
	margin-bottom: 0;
	background: var(--main) url(../img/arrow_dropdown.svg) 98% 16px/30px no-repeat
}

@media (max-width:600px) {
	.accordion__button[aria-expanded=false] {
		background-position: 98% 8px
	}
}

.accordion__button[aria-expanded=true] {
	margin-bottom: 0;
	background: var(--main) url(../img/arrow_dropdown_up.svg) 98% 16px/30px no-repeat
}

@media (max-width:600px) {
	.accordion__button[aria-expanded=true] {
		background-position: 98% 8px
	}
}

.accordion__content {
	padding: 1.5em 3em 1.5em 2.5em;
	text-align: left;
	color: var(--dark_grey)
}

.accordion__content .wp-block-media-text {
	margin-bottom: 0
}

@media (max-width:600px) {
	.accordion__content {
		padding: 0 1.75em 1em 1em
	}
}

.accordion__content p {
	margin: 0
}

.wp-block-renoval-accordion {
	margin: 1px 0
}

.concessionnaire-search-form {
	display: flex;
	margin-bottom: 3rem
}

.wp-block-column .concessionnaire-search-form {
	margin-bottom: 0
}

.concessionnaire-search-form input {
	border: 1px solid var(--main);
	border-radius: 0;
	font-size: 1rem;
	padding: 1em
}

.concessionnaire-search-form input[type=text] {
	width: 300px
}

.concessionnaire-search-form input[type=submit] {
	background-color: var(--main);
	color: var(--white)
}

.ui-menu .ui-menu-item {
	padding: .25em 1em
}

@media (max-width:600px) {
	.concessionnaire-search-form {
		display: flex
	}

	.concessionnaire-search-form input[type=text] {
		width: 100%
	}
}

.concessionnaires-map path {
	fill: var(--white);
	stroke: var(--dark)
}

.concessionnaires-map path.has-concessionnaire {
	fill: var(--dark);
	stroke: var(--white)
}

body.variant-piscine .concessionnaires-map path.has-concessionnaire {
	pointer-events: none
}

.concessionnaires-map a:hover path {
	fill: var(--main)
}

.concessionnaires-map__tooltip {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background-color: var(--white);
	transform: translateX(-50%)
}

.concessionnaires-map__tooltip.active {
	display: block
}

.concessionnaires-map__tooltip span {
	display: block;
	padding: .5em 1em;
	white-space: nowrap
}

.concessionnaires-map__tooltip span:first-child {
	background-color: var(--main)
}

.concessionnaires-map__tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff
}

.concessionnaire-banner {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 700px;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.concessionnaire-banner__cta {
	display: flex;
	background: var(--white);
	margin: 0 auto 1.5rem
}

.concessionnaire-banner__content {
	color: var(--dark);
	padding: 1.5rem 3.5rem 2.5rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center
}

.concessionnaire-banner__title {
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	color: var(--main)
}

.concessionnaire-banner__description {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.2rem;
	margin: 0 0 .5rem
}

.concessionnaire-banner__image {
	flex-basis: 230px
}

.concessionnaire-banner__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.concessionnaire-banner__link {
	color: var(--white);
	background: var(--dark);
	text-decoration: none;
	padding: 12px 24px;
	font-size: 1rem;
	font-weight: 600;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2);
	transition: all .2s ease
}

.concessionnaire-banner__link:hover {
	background: #072538
}

@media (max-width:600px) {
	.concessionnaire-banner {
		min-height: 350px
	}

	.concessionnaire-banner__title {
		font-size: 1rem
	}

	.concessionnaire-banner__description {
		font-size: 1rem;
		margin: 0
	}

	.concessionnaire-banner__link {
		font-size: .9rem
	}

	.concessionnaire-banner__content {
		padding: 1rem
	}
}

.concessionnaire-inspirations__footer,
.concessionnaire-inspirations__header {
	display: flex;
	align-items: center;
	justify-content: center
}

.concessionnaire-inspirations__footer {
	margin: 3rem 0
}

.concessionnaire-inspirations__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.concessionnaire-inspirations__item {
	width: 33%;
	margin-bottom: .4rem
}

.concessionnaire-inspirations__item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width:600px) {
	.concessionnaire-inspirations__item {
		width: 49%
	}
}

.concessionnaire-solutions {
	margin-bottom: 3rem
}

.concessionnaire-solutions__header {
	margin-bottom: 1rem
}

.concessionnaire-solutions__item {
	margin-bottom: -2rem
}

.concessionnaire-solutions__item .term__long-desc,
.concessionnaire-solutions__item .wp-block-spacer {
	display: none
}

.block-projects {
	background-color: var(--dark);
	color: var(--white);
	text-align: center;
	padding: 3.75em 0
}

.block-projects__title {
	font-size: 1.875em;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 2em
}

.block-projects__wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.block-projects__project {
	max-width: 137px
}

.block-projects__project-title {
	font-size: 1.125em;
	font-weight: 400;
	text-transform: uppercase
}

.block-projects__project-title a {
	color: var(--white);
	text-decoration: none;
	transition: color .3s
}

.block-projects__project-title a:focus,
.block-projects__project-title a:hover {
	color: var(--main)
}

.renoval-basic-block {
	background: var(--light-bg);
	padding: 1.25em;
	margin: 2em 0
}

.renoval-basic-block__content {
	padding: 1.25em
}

.renoval-basic-block__content>:first-child {
	margin-top: 0
}

.renoval-basic-block__content>:last-child {
	margin-bottom: 0
}

body.variant-piscine .renoval-basic-block__content {
	position: relative;
	color: var(--dark)
}

body.variant-piscine .renoval-basic-block .wp-block-media-text {
	display: flex;
	margin-bottom: 0;
	justify-content: flex-start;
	max-height: 120px;
	padding-top: 20px
}

body.variant-piscine .renoval-basic-block .wp-block-media-text figure {
	width: 100px;
	height: 100px
}

body.variant-piscine .renoval-basic-block .wp-block-media-text__content {
	padding: 20px
}

body.variant-piscine .renoval-basic-block .wp-block-media-text__content p {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 700
}

@media (max-width:600px) {
	.renoval-basic-block {
		margin-bottom: 0
	}
}

.wp-block-renoval-veranda-renoval-basic-block-image .renoval-basic-block__content {
	padding: 0 1.25em 1.25em
}

.section-slider-realisations {
	text-align: right;
	margin-top: 2.5em;
	margin-bottom: 2.5em
}

body.variant-piscine .section-slider-realisations {
	text-align: center
}

.section-slider-realisations__link {
	text-transform: none;
	display: inline-block;
	margin: 1.5em 2em
}

.section-slider-realisations__link .icon-link__icon {
	vertical-align: text-bottom;
	width: 1.6875em;
	height: 1.1875em
}

.slider-realisations {
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	text-align: left
}

.slider-realisations__slide {
	position: relative;
	margin: 0 .9375em;
	transition: opacity .3s;
	width: 980px
}

.slider-realisations__slide:not(.slick-current) {
	opacity: .6
}

.slider-realisations .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 30px;
	height: 30px;
	font-size: 3.125em;
	transform: translateY(-50%);
	cursor: pointer;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat
}

.slider-realisations .slick-prev {
	left: calc(50vw - 600px);
	background-image: url(../img/icon-left-arrow.svg)
}

.slider-realisations .slick-next {
	right: calc(50vw - 600px);
	background-image: url(../img/icon-right-arrow.svg)
}

.slider-realisations .slick-next,
.slider-realisations .slick-prev {
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 100%;
	background-size: 20px 20px
}

@media (max-width:1200px) {
	.slider-realisations__slide {
		width: 700px
	}

	.slider-realisations .slick-prev {
		left: calc(50vw - 420px)
	}

	.slider-realisations .slick-next {
		right: calc(50vw - 420px)
	}
}

@media (max-width:970px) {
	.slider-realisations {
		width: auto;
		margin-left: 0;
		left: 0
	}

	.slider-realisations__slide {
		width: auto;
		margin: 0
	}

	.slider-realisations .slick-prev {
		left: 20px
	}

	.slider-realisations .slick-next {
		right: 20px
	}
}

@media (max-width:600px) {
	.section-slider-realisations {
		width: 100vw;
		margin-left: -50vw;
		left: 50%;
		position: relative;
		text-align: center;
		margin-bottom: 0
	}

	.section-slider-realisations__link {
		margin-bottom: 0
	}

	.single-concessionnaire .section-slider-realisations__link {
		display: none
	}

	.section-slider-realisations .image-details {
		position: relative;
		display: block;
		text-align: center;
		background: var(--dark)
	}

	.section-slider-realisations .image-details__permalink {
		margin-top: 1em;
		display: inline-block
	}
}

.list-coloris {
	display: flex;
	list-style: none;
	justify-content: center;
	flex-wrap: wrap;
	margin: 3.75em 0 5em
}

.list-coloris__item {
	text-align: center;
	margin: 0 1.5625em
}

.list-coloris__disc {
	display: block;
	position: relative;
	height: 6.9375em;
	width: 6.9375em;
	border-radius: 100%;
	transition: transform .15s ease
}

body.variant-piscine .list-coloris__disc {
	border: 1px solid #cdcdcd
}

.list-coloris__disc:after,
.list-coloris__disc:before {
	content: "";
	cursor: pointer
}

.list-coloris__disc:after {
	background: url(../img/icon-loop.png) 50% 50% no-repeat;
	height: 100%;
	width: 100%;
	display: block;
	transform: translateY(20px);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .2s ease
}

.list-coloris__disc:before {
	display: none;
	height: 100vh;
	width: 100vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: fixed
}

.list-coloris__disc.zoom-in {
	transform: scale(3);
	border-radius: 0;
	z-index: 1
}

.list-coloris__disc.zoom-in:after {
	transition: none
}

.list-coloris__disc.zoom-in:before {
	display: block
}

.list-coloris__disc:not(.zoom-in):hover:after {
	opacity: 1;
	transform: translateY(0)
}

.list-coloris__label {
	font-weight: 700;
	text-transform: uppercase;
	font-size: .8125em
}

.list-taxonomy-terms {
	margin: 3.75em 0;
	overflow: hidden
}

.list-posts {
	margin: 3.125em 0 4.375em
}

.list-block-cta,
.list-project-types {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 3.125em
}

.list-block-cta__permalink,
.list-project-types__permalink {
	text-decoration: none;
	color: var(--white)
}

.list-block-cta__title,
.list-project-types__title {
	font-size: 1.125em;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	color: #fff
}

body.varianrt-piscine .list-block-cta__title,
body.varianrt-piscine .list-project-types__title {
	max-width: 250px
}

body.variant-piscine .list-block-cta__item,
body.variant-piscine .list-project-types__item {
	max-width: 30%
}

@media (max-width:782px) {

	body.variant-piscine .list-block-cta__item,
	body.variant-piscine .list-project-types__item {
		width: 50%;
		max-width: 100%;
		margin-bottom: 1.25em
	}
}

.list-block-cta__svg circle,
.list-project-types__svg circle {
	fill: #6ab1d0
}

@media (max-width:782px) {
	.list-project-types__item {
		width: 50%;
		max-width: 100%;
		margin-bottom: 1.25em
	}
}

@media (max-width:480px) {
	.list-project-types__icon {
		width: 100px;
		height: 100px
	}
}

.sliderSolution {
	position: relative;
	overflow: hidden
}

.sliderSolution .sliderSolution-slider .sliderSolution-slider-list {
	margin: 0;
	padding: 0
}

.sliderSolution .sliderSolution-slider .sliderSolution-slider-list .slick-track {
	display: flex
}

.sliderSolution .sliderSolution-post-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	bottom: 0;
	align-items: center
}

.sliderSolution .sliderSolution-post-container .wrapper {
	justify-content: end
}

.sliderSolution .sliderSolution-post {
	background-color: var(--white);
	padding: 2.8125em
}

.sliderSolution .sliderSolution-post .sliderSolution-post-title {
	color: var(--main);
	font-weight: 800;
	font-size: 1.8em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 0 .5em
}

.sliderSolution .sliderSolution-post .sliderSolution-post-subtitle {
	color: var(--dark);
	font-weight: 800;
	font-size: 2em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 0 .8em
}

.sliderSolution .sliderSolution-post .sliderSolution-post-links {
	margin-bottom: 2em
}

.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link,
.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more {
	cursor: pointer
}

.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link:first-child,
.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a:first-child,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link:first-child,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a:first-child,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link:first-child,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a:first-child,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link:first-child,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a:first-child,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more:first-child {
	margin-right: 2em
}

.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link a,
.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a a,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link a,
.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a a,
.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more a {
	color: inherit;
	text-decoration: none
}

.sliderSolution .sliderSolution-post .sliderSolution-post-img {
	position: relative;
	cursor: pointer
}

.sliderSolution .sliderSolution-post .sliderSolution-post-img:before {
	content: "";
	border-radius: 50%;
	background-color: #fff;
	width: 4em;
	height: 4em;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	border: 2px solid var(--main)
}

.sliderSolution .sliderSolution-post .sliderSolution-post-img:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 6px;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	border-left: 20px solid var(--main);
	border-bottom: 15px solid transparent;
	border-right: 0 solid transparent;
	border-top: 15px solid transparent
}

.sliderSolution .sliderSolution-post .sliderSolution-post-img img {
	width: 100%;
	height: auto
}

#sliderSolution-videopopin {
	touch-action: none;
	padding: 0
}

#sliderSolution-videopopin .popup__content {
	background-color: transparent
}

#sliderSolution-videopopin .popup__header {
	background-color: transparent;
	border: none;
	padding: 20px 0
}

#sliderSolution-videopopin .popup__section {
	padding: 0
}

#sliderSolution-videopopin .popup__section iframe {
	aspect-ratio: 16/9
}

#sliderSolution-videopopin .popup__close>div:after,
#sliderSolution-videopopin .popup__close>div:before {
	background-color: #fff
}

@media (min-width:1200px) {
	#sliderSolution-videopopin {
		touch-action: none
	}

	#sliderSolution-videopopin .popup__section iframe {
		height: 600px;
		width: 100%
	}
}

@media (max-width:782px) {
	.sliderSolution {
		overflow: unset;
		height: auto !important
	}

	.sliderSolution .sliderSolution-post-container {
		position: unset
	}

	.sliderSolution .sliderSolution-post {
		padding: 1em
	}
}

@media (max-width:480px) {
	.sliderSolution .sliderSolution-post .sliderSolution-post-title {
		font-size: 1.3em
	}

	.sliderSolution .sliderSolution-post .sliderSolution-post-subtitle {
		font-size: 1.4em
	}

	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link,
	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more {
		cursor: pointer;
		display: inline-block
	}

	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link:first-child,
	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a:first-child,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link:first-child,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a:first-child,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link:first-child,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a:first-child,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link:first-child,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a:first-child,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more:first-child {
		margin-right: 2em;
		padding-bottom: 1em
	}

	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link a,
	.is-style-see-more-square .sliderSolution .sliderSolution-post .sliderSolution-post-links a a,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links .wp-block-button__link a,
	.is-style-see-more .sliderSolution .sliderSolution-post .sliderSolution-post-links a a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square .wp-block-button__link a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more-square a a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more .wp-block-button__link a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .is-style-see-more a a,
	.sliderSolution .sliderSolution-post .sliderSolution-post-links .see-more a {
		color: inherit;
		text-decoration: none
	}
}

.avisEldo {
	background-color: #f6f6f6;
	padding: 3.125em 0 4.0625em
}

.avisEldo .avisEldo-title {
	text-align: center;
	max-width: 630px;
	margin: 0 auto 1em
}

.avisEldo .avisEldo-title span {
	color: var(--main)
}

.avisEldo .starsRating {
	display: flex;
	grid-gap: 2em;
	gap: 2em;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center
}

.avisEldo .starsRating .starsRating-stars {
	display: flex
}

.avisEldo .starsRating .starsRating-stars .starsRating-star {
	height: 1.5em;
	width: auto;
	margin-right: .4em;
	filter: invert(75%) sepia(6%) saturate(4%) hue-rotate(314deg) brightness(102%) contrast(117%)
}

.avisEldo .starsRating .starsRating-stars .starsRating-star:last-child {
	margin-right: 0
}

.avisEldo .starsRating .starsRating-stars .starsRating-star.is-filled {
	filter: invert(75%) sepia(92%) saturate(668%) hue-rotate(327deg) brightness(101%) contrast(97%)
}

.avisEldo .starsRating .starsRating-note {
	color: var(--dark);
	font-size: 1.3em;
	font-weight: 600;
	line-height: 0;
	white-space: nowrap
}

.avisEldo .avisEldo-note-certif {
	color: var(--dark);
	text-align: center;
	margin-bottom: 3.125em
}

.avisEldo .avisEldo-note-certif a {
	color: var(--dark);
	text-decoration: none
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item {
	padding: 0 1em;
	position: relative
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner {
	background-color: #fff;
	padding: 2.8125em
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .starsRating {
	justify-content: left
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .starsRating .starsRating-stars .starsRating-star {
	height: 1em
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .avisEldo-avis-list-item-pseudo {
	color: #000;
	margin-bottom: .5em
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .avisEldo-avis-list-item-message {
	color: #000;
	line-height: 1.8;
	font-size: .8125em;
	height: 230px;
	overflow: hidden;
	margin: 0;
	position: relative
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .avisEldo-avis-list-item-message:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3em;
	background: #fff;
	background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0))
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-url {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-url span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.avisEldo .avisEldo-slider .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 30px;
	height: 30px;
	font-size: 0;
	transform: translateY(-50%);
	cursor: pointer;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--main);
	border-radius: 100%;
	background-size: 15px 15px;
	border: 0
}

.avisEldo .avisEldo-slider .slick-arrow.slick-prev {
	left: -50px;
	background-image: url(../img/icon-left-arrow-white.svg)
}

.avisEldo .avisEldo-slider .slick-arrow.slick-next {
	right: -50px;
	background-image: url(../img/icon-right-arrow-white.svg)
}

.pre-footer .avisEldo {
	margin-bottom: 3em;
	border-bottom: 1px solid #b0b0b0
}

.pre-footer .avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .avisEldo-avis-list-item-message,
.pre-footer .avisEldo .avisEldo-slider .avisEldo-avis-list-item .avisEldo-avis-list-item-inner .avisEldo-avis-list-item-pseudo {
	text-align: left
}

@media (max-width:1200px) {
	.avisEldo .avisEldo-slider .slick-arrow.slick-prev {
		left: -30px
	}

	.avisEldo .avisEldo-slider .slick-arrow.slick-next {
		right: -30px
	}

	.avisEldo .avisEldo-note-certif {
		margin-bottom: 2em
	}
}

@media (max-width:600px) {
	.avisEldo .avisEldo-slider .slick-arrow.slick-prev {
		left: 0
	}

	.avisEldo .avisEldo-slider .slick-arrow.slick-next {
		right: 0
	}

	.avisEldo.full-width {
		width: auto;
		margin-left: 0;
		left: 0
	}
}

.list__media-object {
	margin-top: 3.75em;
	margin-left: auto;
	margin-right: auto
}

.list__media-object .wp-block-media-text {
	align-items: flex-start;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0
}

.list__media-object .wp-block-media-text h2,
.list__media-object .wp-block-media-text h3,
.list__media-object .wp-block-media-text h4,
.list__media-object .wp-block-media-text ol,
.list__media-object .wp-block-media-text p,
.list__media-object .wp-block-media-text ul {
	padding-left: 45px
}

.list__media-object .wp-block-media-text h2,
.list__media-object .wp-block-media-text h3,
.list__media-object .wp-block-media-text h4 {
	margin-top: 0;
	text-transform: uppercase
}

.list__media-object .wp-block-media-text h2 {
	font-size: 1.875em;
	font-weight: 800
}

@media (max-width:600px) {
	.list__media-object .wp-block-media-text h2 {
		font-size: 1.5em
	}
}

.list__media-object .wp-block-media-text h3,
.list__media-object .wp-block-media-text h4 {
	font-weight: 700
}

.list__media-object .wp-block-media-text__content {
	position: relative;
	padding-top: 51px
}

.list__media-object .wp-block-media-text__content:before {
	content: "";
	position: absolute;
	top: 0;
	width: 80px;
	height: 80px;
	border-top: 20px solid var(--main);
	border-left: 20px solid var(--main);
	box-sizing: border-box
}

@media (min-width:782px) {
	.list__media-object .wp-block-media-text__media>img {
		width: 92%
	}

	.list__media-object .wp-block-media-text.has-media-on-the-right figure {
		text-align: right
	}
}

@media (max-width:782px) {
	.list__media-object .wp-block-media-text {
		grid-template-columns: 100%
	}

	.list__media-object .wp-block-media-text,
	.list__media-object .wp-block-media-text.is-stacked-on-mobile {
		grid-template-areas: "media-text-media" "media-text-content"
	}

	.list__media-object .wp-block-media-text__media {
		margin-bottom: 2em
	}

	.list__media-object .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0
	}
}

.wp-block-columns.is-style-illus-text {
	flex-wrap: nowrap;
	align-items: center
}

.wp-block-columns.is-style-illus-text>.wp-block-column:first-of-type {
	flex: 0 0 auto
}

@media (max-width:600px) {
	.wp-block-columns.is-style-illus-text>.wp-block-column:first-of-type {
		flex-shrink: 1
	}
}

.wp-block-columns.is-style-illus-text>.wp-block-column:last-of-type {
	flex: 0 1 auto;
	margin-left: 32px
}

.wp-block-columns.is-style-text-illus {
	flex-wrap: nowrap;
	align-items: center
}

.wp-block-columns.is-style-text-illus>.wp-block-column:first-of-type {
	flex: 0 1 auto
}

.wp-block-columns.is-style-text-illus>.wp-block-column:last-of-type {
	flex: 0 0 auto;
	margin-left: 32px
}

.block__full-width-colored {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	color: var(--white)
}

.block__full-width-colored .wp-block-media-text {
	align-items: flex-start;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0
}

.block__full-width-colored .wp-block-media-text__content {
	padding-top: 51px
}

.block__full-width-colored .wp-block-media-text__media {
	padding-top: 45px
}

.block__full-width-colored .wp-block-media-text__media:before {
	left: 0
}

.block__full-width-colored .wp-block-media-text>:first-child {
	position: relative;
	padding-left: 45px;
	padding-right: 45px
}

.block__full-width-colored .wp-block-media-text>:first-child:before {
	content: "";
	position: absolute;
	top: 0;
	width: 80px;
	height: 80px;
	border-top: 20px solid var(--main);
	border-left: 20px solid var(--main);
	box-sizing: border-box
}

.block__full-width-colored .wp-block-media-text h2,
.block__full-width-colored .wp-block-media-text h3 {
	margin-top: 0;
	text-transform: uppercase
}

.block__full-width-colored .wp-block-media-text h2 {
	margin-bottom: .5em;
	font-size: 2.5em;
	font-weight: 800
}

@media (max-width:600px) {
	.block__full-width-colored .wp-block-media-text h2 {
		font-size: 1.8em
	}
}

.block__full-width-colored .wp-block-media-text h3 {
	font-weight: 700
}

@media (max-width:782px) {
	.block__full-width-colored .wp-block-media-text {
		grid-template-columns: 100%
	}

	.block__full-width-colored .wp-block-media-text,
	.block__full-width-colored .wp-block-media-text.is-stacked-on-mobile {
		grid-template-areas: "media-text-media" "media-text-content"
	}

	.block__full-width-colored .wp-block-media-text__media {
		margin-bottom: 2em
	}

	.block__full-width-colored .wp-block-media-text__content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0
	}
}

.block__full-width-colored .wp-block-columns.has-2-columns:not(.is-style-illus-text)>.wp-block-column {
	flex: 0 0 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 45px;
	padding-right: 45px;
	box-sizing: border-box
}

@media (min-width:782px) {
	.block__full-width-colored .wp-block-columns.has-2-columns:not(.is-style-illus-text)>.wp-block-column {
		flex: 0 0 50%
	}
}

@media (max-width:782px) {
	.block__full-width-colored .wp-block-columns.has-2-columns:not(.is-style-illus-text)>.wp-block-column {
		margin-left: 0;
		margin-right: 0;
		padding: 0
	}
}

.is-style-dark-grey-background-color.has-2-columns>.wp-block-column {
	flex: 0 0 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 45px;
	padding-right: 45px;
	box-sizing: border-box
}

@media (min-width:782px) {
	.is-style-dark-grey-background-color.has-2-columns>.wp-block-column {
		flex: 0 0 50%
	}
}

@media (max-width:782px) {
	.is-style-dark-grey-background-color.has-2-columns>.wp-block-column {
		margin-left: 0;
		margin-right: 0
	}
}

.is-style-dark-grey-background-color.has-2-columns>.wp-block-column:first-child {
	background-color: var(--light-bg)
}

.is-style-dark-grey-background-color.has-2-columns>.wp-block-column:last-child {
	background-color: var(--dark-bg)
}

.is-style-dark-grey-background-color .wp-block-media-text {
	align-items: flex-start;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0
}

.is-style-dark-grey-background-color ul {
	padding: 0
}

.list-technologies:not(.list-technologies-edit) {
	margin-top: 2.5em;
	margin-bottom: 5em;
	padding: 3.75em 0;
	color: var(--white);
	background: var(--dark)
}

body.variant-piscine .list-technologies:not(.list-technologies-edit) {
	margin-bottom: 0
}

@media (max-width:600px) {
	body.variant-piscine .list-technologies:not(.list-technologies-edit)>.container {
		padding: 0 5%
	}
}

.list-technologies:not(.list-technologies-edit) .technology-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -1.25em
}

.list-technologies:not(.list-technologies-edit) .technology-wrapper>div {
	width: 50%;
	box-sizing: border-box;
	padding: 1.25em
}

@media (max-width:1080px) {
	.list-technologies:not(.list-technologies-edit) .technology-wrapper>div {
		width: 100%
	}
}

.list-technologies:not(.list-technologies-edit) .technology {
	min-height: 200px;
	position: relative;
	padding-left: 215px
}

@media (max-width:600px) {
	.list-technologies:not(.list-technologies-edit) .technology {
		padding-left: 0
	}
}

.list-technologies:not(.list-technologies-edit) .technology figure {
	height: 180px;
	width: 180px;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0
}

@media (max-width:600px) {
	.list-technologies:not(.list-technologies-edit) .technology figure {
		position: relative;
		margin: 0 auto 1.875em
	}
}

.list-technologies:not(.list-technologies-edit) .technology img {
	position: absolute;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: 280px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.list-technologies:not(.list-technologies-edit) .technology figcaption {
	display: none
}

.list-technologies:not(.list-technologies-edit) .technology__title {
	font-size: 1.125em;
	text-transform: uppercase;
	font-weight: 700;
	margin: .75em 0 0
}

.list-technologies:not(.list-technologies-edit) .technology__title:before {
	content: "";
	height: .5em;
	width: .5em;
	border: .1818181818em solid var(--main);
	border-left: none;
	border-bottom: none;
	display: inline-block;
	transform: rotate(45deg);
	margin-right: .6363636364em
}

.list-technologies:not(.list-technologies-edit) .technology ul {
	padding: 0;
	list-style: none
}

.list-technologies:not(.list-technologies-edit) .technology ul li {
	color: var(--dark-grey)
}

.list-technologies:not(.list-technologies-edit) .technology ul li:before {
	content: "-";
	margin-right: .125em
}

.list-technologies:not(.list-technologies-edit) .technology ul ul li {
	margin-left: 1.5em
}

.list-technologies:not(.list-technologies-edit) .technology a {
	color: var(--dark-grey)
}

.is-style-green.list-technologies:not(.list-technologies-edit) {
	background: var(--main);
	color: var(--white)
}

.is-style-green.list-technologies:not(.list-technologies-edit) .technology__title:before {
	display: none
}

.is-style-green.list-technologies:not(.list-technologies-edit) .is-style-see-more {
	position: relative
}

.is-style-green.list-technologies:not(.list-technologies-edit) .is-style-see-more a {
	color: var(--white)
}

.is-style-green.list-technologies:not(.list-technologies-edit) .is-style-see-more a:after {
	background-image: url(../img/icon-right-arrow-white.svg)
}

.is-style-green.list-technologies:not(.list-technologies-edit) .is-style-see-more:after {
	content: "";
	position: absolute;
	display: inline-block;
	bottom: -1.5em;
	left: 0;
	height: .3125em;
	width: 3em;
	background: var(--dark)
}

.concessionnaire-info {
	margin-bottom: 2rem
}

.concessionnaire-info__phone--clicked .first-step,
.concessionnaire-info__phone .second-step {
	display: none
}

.concessionnaire-info__phone--clicked .second-step {
	display: block
}

.concessionnaire-info__hours {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start
}

.concessionnaire-info__hours-arrow {
	margin-left: .5rem;
	margin-right: 0;
	height: .9rem;
	width: .9rem;
	transition: transform .2s ease
}

.concessionnaire-info__hours-link--open .concessionnaire-info__hours-arrow {
	transform: rotate(-180deg)
}

.concessionnaire-info__status {
	color: var(--dark);
	margin: 0
}

.concessionnaire-info__opening-hours {
	font-size: .9rem;
	margin-top: .5rem;
	display: none
}

.concessionnaire-info__actions {
	margin-top: 1rem;
	display: flex;
	align-items: flex-start
}

.concessionnaire-info__actions>* {
	margin-left: 1rem
}

.concessionnaire-info__actions>:first-child {
	margin-left: 0
}

.concessionnaire-info__actions>.last {
	margin-left: auto
}

.concessionnaire-info__reviews {
	display: flex;
	align-items: center;
	margin-top: 2rem
}

.concessionnaire-info__note {
	margin-top: 0
}

.concessionnaire-info__reviews-link {
	margin-left: 1rem;
	color: var(--dark)
}

@media (max-width:600px) {
	.concessionnaire-info__hours-arrow {
		margin-left: auto;
		margin-right: 0
	}

	.concessionnaire-info__actions {
		flex-direction: column
	}

	.concessionnaire-info__actions>* {
		margin-left: 0;
		margin-bottom: 1rem
	}

	.concessionnaire-info__actions>.last {
		margin-left: 0;
		order: -1
	}
}

.wp-block-media-text {
	margin-bottom: 5em
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0
}

@media (max-width:600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0
	}
}

.wp-block-media-text.is-style-media-border-edge .wp-block-media-text__content {
	position: relative;
	margin-left: 5em;
	padding-left: 38px;
	padding-top: 36px
}

.wp-block-media-text.is-style-media-border-edge .wp-block-media-text__content:before {
	content: "";
	position: absolute;
	height: 80px;
	width: 80px;
	display: block;
	top: 0;
	left: 0;
	border-top: 10px solid var(--main);
	border-left: 10px solid var(--main)
}

@media (max-width:600px) {
	.wp-block-media-text.is-style-media-border-edge.is-stacked-on-mobile .wp-block-media-text__content {
		margin-top: 1em;
		margin-left: 0;
		padding-left: 38px;
		padding-top: 36px
	}
}

.wp-block-media-text.is-style-media-border-edge.has-media-on-the-right .wp-block-media-text__content {
	margin-left: 0;
	padding-left: 38px;
	padding-top: 36px
}

.realisation-info {
	background: var(--dark);
	display: flex;
	padding: 2em;
	align-items: center
}

.realisation-info,
.realisation-info a {
	color: var(--white)
}

.realisation-info__content {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap
}

.realisation-info__item {
	width: 50%;
	padding-bottom: .5em
}

.realisation-info__item:last-child,
.realisation-info__item:nth-last-child(2) {
	padding-bottom: 0
}

.realisation-info__label {
	font-weight: 500
}

.realisation-info__link {
	min-width: 300px
}

@media (max-width:1200px) {
	.realisation-info {
		flex-wrap: wrap;
		justify-content: center
	}

	.realisation-info__content {
		width: 100%;
		margin-bottom: 2em
	}
}

@media (max-width:700px) {
	.realisation-info__content {
		flex-direction: column
	}

	.realisation-info__item {
		width: 100%
	}

	.realisation-info__item:nth-last-child(2) {
		padding-bottom: .5em
	}
}

.social-media-link .social-link {
	color: var(--white);
	font-size: 2.25em;
	margin-left: 1em
}

.slick-dotted {
	position: relative
}

.slick-dots {
	position: absolute;
	bottom: 2em;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.slick-dots button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 40px;
	height: 10px;
	margin: 0 5px;
	color: transparent;
	border: 0;
	background-color: var(--dark);
	cursor: pointer;
	transition: background-color .666s
}

.slick-active button,
.slick-dots button:focus,
.slick-dots button:hover {
	outline: none;
	background-color: var(--main)
}

.slick-dots button:focus,
.slick-dots button:hover {
	opacity: .6
}

.breadcrumbs-container {
	border-bottom: 1px solid #e8e8e8
}

.breadcrumbs-container .container {
	padding: 0 .9375em
}

.breadcrumbs {
	font-size: .8125em;
	padding: 1em 0;
	color: var(--dark-grey)
}

.breadcrumbs__trail {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex
}

.breadcrumbs__crumb {
	padding-right: 2em;
	background-repeat: no-repeat;
	background-position: right calc(1em - 5px) top 50%;
	background-size: 9px 14px;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='3' d='M1.5,1.5 8.5,8 1.5,14.5'/%3E%3C/svg%3E")
}

body.variant-piscine .breadcrumbs__crumb {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='none' stroke='%236AB1D0' stroke-width='3' d='M1.5,1.5 8.5,8 1.5,14.5'/%3E%3C/svg%3E")
}

.breadcrumbs__crumb:last-child,
body.variant-piscine .breadcrumbs__crumb:last-child {
	background: none;
	padding-right: 1em
}

.breadcrumbs__crumb a {
	color: var(--dark-grey);
	transition: color .3s
}

.breadcrumbs__crumb a:focus,
.breadcrumbs__crumb a:hover {
	text-decoration: none;
	color: var(--main)
}

@media (max-width:600px) {
	.breadcrumbs {
		padding: 2em 0
	}

	.breadcrumbs__trail {
		flex-wrap: wrap;
		margin-bottom: -.5em
	}

	.breadcrumbs__crumb {
		margin-bottom: .5em
	}
}

.wp-block-dgwt-justified-gallery:after,
.wp-block-dgwt-justified-gallery:before {
	content: "";
	display: table;
	height: 2.1875em
}

.pswp__button--share {
	display: none !important
}

.dgwt-jg-effect-standard .dgwt-jg-caption span {
	letter-spacing: 0
}

.is-style-renoval-content.mn-slider,
.is-style-renoval-large-slider.mn-slider {
	margin: 2.1875em 0
}

.is-style-renoval-content .mn-slider__content,
.is-style-renoval-large-slider .mn-slider__content {
	background: none;
	position: relative;
	text-align: center;
	font-size: .875em
}

.is-style-renoval-content .slick-arrow,
.is-style-renoval-large-slider .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	font-size: 3.125em;
	transform: translateY(-50%);
	cursor: pointer
}

.is-style-renoval-content .slick-prev,
.is-style-renoval-large-slider .slick-prev {
	left: -1.875em;
	background-image: url(../img/icon-left-arrow.svg)
}

.is-style-renoval-content .slick-next,
.is-style-renoval-large-slider .slick-next {
	right: -1.875em;
	background-image: url(../img/icon-right-arrow.svg)
}

.is-style-renoval-content .slick-next,
.is-style-renoval-content .slick-prev,
.is-style-renoval-large-slider .slick-next,
.is-style-renoval-large-slider .slick-prev {
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 100%;
	background-size: 20px 20px
}

.is-style-renoval-plus-techniques.mn-slider {
	margin: 2.1875em 0
}

.is-style-renoval-plus-techniques .mn-slider__content {
	background: none;
	position: relative;
	text-align: center;
	font-size: 1.125em;
	font-weight: 600
}

.is-style-renoval-plus-techniques .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	font-size: 3.125em;
	transform: translateY(-50%);
	cursor: pointer
}

.is-style-renoval-plus-techniques .slick-prev {
	left: 0;
	background-image: url(../img/icon-left-arrow-white.svg)
}

.is-style-renoval-plus-techniques .slick-next {
	right: 0;
	background-image: url(../img/icon-right-arrow-white.svg)
}

.is-style-renoval-plus-techniques .slick-dots {
	position: absolute;
	bottom: -20px
}

.is-style-renoval-plus-techniques .slick-dots li button {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: var(--main)
}

.is-style-renoval-plus-techniques .slick-dots li.slick-active button {
	background-color: var(--dark);
	width: 15px;
	height: 15px;
	border-radius: 100%
}

@media (min-width:1400px) {
	body.variant-piscine .wp-block-matiere-noir-slider .mn-slider__slide-image {
		width: 100%;
		height: auto
	}
}

.is-style-renoval-content .mn-slider__slide {
	position: relative
}

.is-style-renoval-content .mn-slider__slide:after {
	content: "";
	position: absolute;
	z-index: 100;
	background: url(../img/encart_specialiste.png) 5% 50% no-repeat;
	width: 100%;
	height: 4em;
	top: 83%
}

@media (max-width:600px) {
	.is-style-renoval-content .mn-slider__slide:after {
		background: url(../img/encart_specialiste.png) 5% 50% no-repeat;
		top: 60%;
		background-size: contain
	}
}

.is-style-big-carousel,
.is-style-big-carousel-light {
	height: calc(100vh - 10.9375em)
}

@media (min-width:600px) {

	.is-style-big-carousel,
	.is-style-big-carousel-light {
		height: calc(100vh - 11.875em)
	}
}

@media (min-width:1200px) {

	.is-style-big-carousel,
	.is-style-big-carousel-light {
		height: calc(100vh - 8.3125em)
	}
}

@media (min-width:1400px) {

	.is-style-big-carousel,
	.is-style-big-carousel-light {
		height: calc(100vh - 8.5625em)
	}
}

.is-style-big-carousel-light .slick-list,
.is-style-big-carousel-light .slick-track,
.is-style-big-carousel .slick-list,
.is-style-big-carousel .slick-track {
	height: 100%
}

.is-style-big-carousel-light .mn-slider__slide,
.is-style-big-carousel .mn-slider__slide {
	position: relative;
	overflow: hidden;
	height: 100%
}

.is-style-big-carousel-light .mn-slider__slide img,
.is-style-big-carousel .mn-slider__slide img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-style-big-carousel-light .mn-slider__content,
.is-style-big-carousel .mn-slider__content {
	color: var(--dark);
	position: absolute;
	top: 2em;
	bottom: auto;
	right: 50%;
	left: auto;
	width: 45%;
	max-width: 43.75em;
	background-color: hsla(0, 0%, 100%, .7);
	padding: 5em 2em 1em 5em;
	box-sizing: border-box
}

.is-style-big-carousel-light .mn-slider__content:before,
.is-style-big-carousel .mn-slider__content:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 50vw
}

.is-style-big-carousel-light .mn-slider__content:after,
.is-style-big-carousel .mn-slider__content:after {
	content: "";
	position: absolute;
	top: 2em;
	left: 2em;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='3' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
}

body.variant-piscine .is-style-big-carousel-light .mn-slider__content,
body.variant-piscine .is-style-big-carousel .mn-slider__content {
	font-size: 25px;
	position: absolute;
	top: 2.68em;
	left: 50%;
	transform: translate(-50%);
	max-width: 560px;
	background-color: var(--white);
	padding: 0 1em;
	font-weight: 700
}

@media (max-width:1200px) {

	body.variant-piscine .is-style-big-carousel-light .mn-slider__content,
	body.variant-piscine .is-style-big-carousel .mn-slider__content {
		font-size: 16px;
		max-width: 300px
	}
}

body.variant-piscine .is-style-big-carousel-light .mn-slider__content:after,
body.variant-piscine .is-style-big-carousel-light .mn-slider__content:before,
body.variant-piscine .is-style-big-carousel .mn-slider__content:after,
body.variant-piscine .is-style-big-carousel .mn-slider__content:before {
	content: none
}

.is-style-big-carousel-light h2,
.is-style-big-carousel h2 {
	font-size: 1.6875em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 .5em
}

.is-style-big-carousel-light .wp-block-button,
.is-style-big-carousel .wp-block-button {
	margin-top: 2em;
	font-size: 1.25em
}

.is-style-big-carousel-light .wp-block-button a:after,
.is-style-big-carousel .wp-block-button a:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow-white.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.is-style-big-carousel-light .mn-slider__content *,
.is-style-big-carousel-light .mn-slider__content:after,
.is-style-big-carousel .mn-slider__content *,
.is-style-big-carousel .mn-slider__content:after {
	transition: transform 1s;
	transform: translateY(2em)
}

.is-style-big-carousel-light .slick-current .mn-slider__content *,
.is-style-big-carousel-light .slick-current .mn-slider__content:after,
.is-style-big-carousel .slick-current .mn-slider__content *,
.is-style-big-carousel .slick-current .mn-slider__content:after {
	transition: transform 1s;
	transform: translateY(0)
}

.is-style-big-carousel-light {
	height: 45vw
}

.is-style-big-carousel-light .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	font-size: 3.125em;
	transform: translateY(-50%);
	cursor: pointer
}

.is-style-big-carousel-light .slick-prev {
	left: 40px;
	background-image: url(../img/icon-left-arrow.svg)
}

.is-style-big-carousel-light .slick-next {
	right: 40px;
	background-image: url(../img/icon-right-arrow.svg)
}

.is-style-big-carousel-light .slick-next,
.is-style-big-carousel-light .slick-prev {
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 100%;
	background-size: 20px 20px
}

.is-style-big-carousel-light .mn-slider__content {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: none;
	padding: 0;
	background-color: transparent
}

.is-style-big-carousel-light .mn-slider__content:after,
.is-style-big-carousel-light .mn-slider__content:before {
	width: 100px;
	height: 100px;
	background-size: cover;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='4' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
}

.is-style-big-carousel-light .mn-slider__content:before {
	top: 40px;
	bottom: 0;
	left: 40px;
	right: auto
}

.is-style-big-carousel-light .mn-slider__content:after {
	top: auto;
	bottom: 40px;
	left: auto;
	right: 40px;
	transform: rotate(180deg) !important
}

@media (max-width:1400px) {

	.is-style-renoval-content .slick-prev,
	.is-style-renoval-large-slider .slick-prev {
		left: 0
	}

	.is-style-renoval-content .slick-next,
	.is-style-renoval-large-slider .slick-next {
		right: 0
	}
}

@media (max-width:1300px) {
	.is-style-big-carousel .mn-slider__content {
		left: 3em;
		right: auto
	}

	.is-style-renoval-large-slider.mn-slider {
		margin: 2.1875em 0
	}
}

@media (max-width:1200px) {
	.is-style-big-carousel .mn-slider__content {
		max-width: 100%;
		width: 100%;
		left: 0;
		right: 0;
		padding-left: 8em
	}

	.is-style-big-carousel .mn-slider__content:after {
		left: 4em
	}

	.is-style-big-carousel h2 {
		font-size: 1.875em
	}

	.is-style-big-carousel-light .mn-slider__content:after,
	.is-style-big-carousel-light .mn-slider__content:before {
		width: 17px;
		height: 17px;
		background-size: cover;
		background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='4' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
	}

	.is-style-big-carousel-light .mn-slider__content:before {
		top: 20px;
		left: 20px
	}

	.is-style-big-carousel-light .mn-slider__content:after {
		bottom: 20px;
		right: 20px
	}

	.is-style-big-carousel-light .slick-dots {
		bottom: 5px
	}

	.is-style-big-carousel-light .slick-prev {
		left: 10px
	}

	.is-style-big-carousel-light .slick-next {
		right: 10px
	}
}

@media (max-width:600px) {
	.is-style-big-carousel .mn-slider__content {
		padding: 5em 2em 4em 4em
	}

	.is-style-big-carousel .mn-slider__content:after {
		top: 3.5em;
		left: 2em;
		height: 70px;
		width: 70px
	}

	.is-style-renoval-content .slick-dots {
		display: none !important
	}
}

.is-style-carousel-testimonial {
	background-color: var(--main);
	position: relative;
	padding: 1.5625em
}

.is-style-carousel-testimonial h2 {
	margin-bottom: .625em;
	margin-top: 0
}

@media (max-width:600px) {
	.is-style-carousel-testimonial h2 {
		text-align: center
	}
}

.is-style-carousel-testimonial .mn-slider__slide {
	display: flex;
	margin-bottom: 1.25em;
	margin-top: 1.25em
}

@media (max-width:600px) {
	.is-style-carousel-testimonial .mn-slider__slide {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
}

.is-style-carousel-testimonial .mn-slider__content {
	color: var(--white);
	position: relative;
	background-color: transparent;
	margin-left: 1.25em
}

.is-style-carousel-testimonial .mn-slider__content p {
	margin-top: 0;
	font-style: italic
}

@media (max-width:600px) {
	.is-style-carousel-testimonial .mn-slider__content p {
		margin-top: .625em
	}
}

.is-style-carousel-testimonial .mn-slider__slide-image {
	width: auto;
	max-height: 160px
}

@media (max-width:600px) {
	.is-style-carousel-testimonial .mn-slider__slide-image {
		max-width: 200px
	}
}

.is-style-carousel-testimonial .slick-dots {
	position: absolute;
	bottom: -20px
}

.is-style-carousel-testimonial .slick-dots li button {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: var(--white)
}

.is-style-carousel-testimonial .slick-dots li.slick-active button {
	background-color: var(--dark)
}

.variant- .is-style-big-carousel,
.variant- .is-style-big-carousel-light {
	height: calc(100vh - 10.9375em)
}

@media (min-width:600px) {

	.variant- .is-style-big-carousel,
	.variant- .is-style-big-carousel-light {
		height: calc(100vh - 11.875em)
	}
}

@media (min-width:1200px) {

	.variant- .is-style-big-carousel,
	.variant- .is-style-big-carousel-light {
		height: calc(100vh - 8.3125em)
	}
}

@media (min-width:1400px) {

	.variant- .is-style-big-carousel,
	.variant- .is-style-big-carousel-light {
		height: calc(100vh - 8.5625em)
	}
}

.variant- .is-style-big-carousel-light .slick-list,
.variant- .is-style-big-carousel-light .slick-track,
.variant- .is-style-big-carousel .slick-list,
.variant- .is-style-big-carousel .slick-track {
	height: 100%
}

.variant- .is-style-big-carousel-light .mn-slider__slide,
.variant- .is-style-big-carousel .mn-slider__slide {
	position: relative;
	overflow: hidden;
	height: 100%
}

.variant- .is-style-big-carousel-light .mn-slider__slide img,
.variant- .is-style-big-carousel .mn-slider__slide img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.variant- .is-style-big-carousel-light .mn-slider__slide:before,
.variant- .is-style-big-carousel .mn-slider__slide:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(12, 48, 72, .1) 0, transparent);
	z-index: 2
}

.variant- .is-style-big-carousel-light .mn-slider__content,
.variant- .is-style-big-carousel .mn-slider__content {
	color: var(--white);
	position: absolute;
	top: 6em;
	bottom: auto;
	right: 50%;
	left: auto;
	width: 45%;
	max-width: 43.75em;
	background-color: transparent;
	padding: 3em 0 1em 4em;
	box-sizing: border-box;
	z-index: 3
}

.variant- .is-style-big-carousel-light .mn-slider__content:before,
.variant- .is-style-big-carousel .mn-slider__content:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 50vw
}

.variant- .is-style-big-carousel-light .mn-slider__content:after,
.variant- .is-style-big-carousel .mn-slider__content:after {
	content: "";
	position: absolute;
	top: 2em;
	left: 2em;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%2343b48f' stroke-width='3' d='M1.5,16 1.5,1.5 16,1.5'/%3E%3C/svg%3E")
}

body.variant-piscine .variant- .is-style-big-carousel-light .mn-slider__content,
body.variant-piscine .variant- .is-style-big-carousel .mn-slider__content {
	font-size: 25px;
	position: absolute;
	top: 2.68em;
	left: 50%;
	transform: translate(-50%);
	max-width: 560px;
	background-color: var(--white);
	padding: 0 1em;
	font-weight: 700
}

@media (max-width:1200px) {

	body.variant-piscine .variant- .is-style-big-carousel-light .mn-slider__content,
	body.variant-piscine .variant- .is-style-big-carousel .mn-slider__content {
		font-size: 16px;
		max-width: 300px
	}
}

body.variant-piscine .variant- .is-style-big-carousel-light .mn-slider__content:after,
body.variant-piscine .variant- .is-style-big-carousel-light .mn-slider__content:before,
body.variant-piscine .variant- .is-style-big-carousel .mn-slider__content:after,
body.variant-piscine .variant- .is-style-big-carousel .mn-slider__content:before {
	content: none
}

.variant- .is-style-big-carousel-light h2,
.variant- .is-style-big-carousel h2 {
	color: #fff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.variant- .is-style-big-carousel-light .wp-block-heading,
.variant- .is-style-big-carousel .wp-block-heading {
	font-size: 3.375em;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0
}

.variant- .is-style-big-carousel-light .wp-block-heading~.wp-block-heading,
.variant- .is-style-big-carousel .wp-block-heading~.wp-block-heading {
	font-size: 2.25em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 1em
}

.variant- .is-style-big-carousel-light p,
.variant- .is-style-big-carousel p {
	text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	font-size: 1.1em;
	font-weight: 600
}

.variant- .is-style-big-carousel-light .wp-block-button,
.variant- .is-style-big-carousel .wp-block-button {
	margin-top: 2em;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase
}

.variant- .is-style-big-carousel-light .wp-block-button a:after,
.variant- .is-style-big-carousel .wp-block-button a:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.25em;
	background: url(../img/icon-right-arrow-white.svg) 50% 50% no-repeat;
	background-size: contain;
	vertical-align: sub;
	margin-left: 1em
}

.variant- .is-style-big-carousel-light .mn-slider__content *,
.variant- .is-style-big-carousel-light .mn-slider__content:after,
.variant- .is-style-big-carousel .mn-slider__content *,
.variant- .is-style-big-carousel .mn-slider__content:after {
	transition: transform 1s;
	transform: translateY(2em)
}

.variant- .is-style-big-carousel-light .slick-current .mn-slider__content *,
.variant- .is-style-big-carousel-light .slick-current .mn-slider__content:after,
.variant- .is-style-big-carousel .slick-current .mn-slider__content *,
.variant- .is-style-big-carousel .slick-current .mn-slider__content:after {
	transition: transform 1s;
	transform: translateY(0)
}

.gform_heading {
	display: inline-block
}

.gform_heading .gform_description {
	font-size: 1.17em;
	font-weight: 700;
	margin: 1em 0;
	display: block
}

.gf_page_steps,
.gf_progressbar_title {
	color: var(--main);
	font-weight: 700;
	font-size: 1.17em
}

.gf_page_steps:before,
.gf_progressbar_title:before {
	content: "- \E9tape";
	margin: 0 4px
}

body.variant-piscine .gf_page_steps:before,
body.variant-piscine .gf_progressbar_title:before {
	content: "- ";
	margin: 0 4px
}

.gf_page_steps .gf_progressbar,
.gf_page_steps .gf_step,
.gf_progressbar_title .gf_progressbar,
.gf_progressbar_title .gf_step {
	display: none
}

.gf_page_steps .gf_progressbar.gf_step_active,
.gf_page_steps .gf_step.gf_step_active,
.gf_progressbar_title .gf_progressbar.gf_step_active,
.gf_progressbar_title .gf_step.gf_step_active {
	display: inline-block
}

.gf_page_steps .gf_progressbar:after,
.gf_page_steps .gf_step:after,
.gf_progressbar_title .gf_progressbar:after,
.gf_progressbar_title .gf_step:after {
	content: "/ 2";
	margin-right: 4px
}

.gf_progressbar_wrapper {
	display: inline-block
}

.gf_progressbar_wrapper .gf_progressbar {
	display: none
}

.gform_body ul,
.gform_page_footer {
	display: flex;
	justify-content: space-between
}

.gform_body ul {
	list-style: none;
	padding: 0;
	flex-wrap: wrap
}

.gform_body ul.gform_fields {
	margin: 0 0 2em
}

.gform_body ul .full_width {
	width: 100%
}

.gform_body .gfield {
	position: relative;
	margin-bottom: 1.4em
}

.gform_body .gfield.half_column {
	width: calc(50% - .8em)
}

@media (max-width:600px) {
	.gform_body .gfield.half_column {
		width: calc(100% - .8em)
	}
}

.gform_body .gfield.full_column {
	width: calc(100% - .8em)
}

.gform_body input[type=email],
.gform_body input[type=text],
.gform_body select,
.gform_body textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: .875em;
	border: 1px solid var(--dark)
}

.gform_body button,
.gform_body input,
.gform_body optgroup,
.gform_body select,
.gform_body textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

.gform_body select {
	padding: .6875em .875em
}

.gform_body .gfield_label,
.gform_body .gfield_radio label {
	color: var(--dark);
	font-style: italic;
	font-size: .875em
}

.gform_body .gfield_label {
	transition: all .15s ease-in-out;
	position: absolute;
	background: var(--white);
	top: 16px;
	left: .875em;
	cursor: text;
	pointer-events: none;
	transform-origin: center left
}

.gform_body .civilite .gfield_label {
	display: none
}

.gform_body li.focus .gfield_label,
.gform_body li.hascontent .gfield_label {
	top: -8px;
	transform: translateY(0) scale(.95);
	padding: 0 .3em
}

.gform_body .gfield_radio {
	justify-content: flex-start
}

.gform_body .gfield_radio li {
	margin-right: 1.25em
}

.gform_body .gfield_radio label {
	position: relative;
	cursor: pointer
}

.has-dark-background-color .gform_body .gfield_radio label {
	color: var(--white)
}

.gform_body .gfield_radio label:before {
	content: "";
	display: inline-block;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	background-color: var(--white);
	border: 1px solid var(--dark);
	vertical-align: bottom;
	margin-right: .625em
}

.gform_body .gfield_radio label:after {
	content: "";
	display: inline-block;
	border-radius: 100%;
	height: 11px;
	width: 11px;
	background: var(--dark);
	position: absolute;
	top: 3px;
	left: 3px;
	opacity: 0;
	transition: all .15s ease-in-out;
	transform: scale(0)
}

.gform_body .gfield_radio input {
	position: absolute;
	z-index: -100;
	opacity: 0
}

.gform_body .gfield_radio input:checked~label:after {
	opacity: 1;
	transform: scale(1)
}

.gform_body .checkbox-container {
	width: 100%
}

.gform_body .checkbox-container .gfield_label {
	position: relative;
	top: auto;
	left: auto;
	font-size: 1em;
	font-weight: 700;
	color: var(--dark);
	font-style: normal;
	margin-bottom: 1em;
	display: block
}

.gform_body .gfield_checkbox label:not(.gfield_label) {
	display: block;
	color: var(--dark);
	font-weight: 700;
	cursor: pointer;
	position: relative;
	padding-top: 0;
	padding-left: 25px;
	margin-bottom: .5em;
	margin-right: .5em
}

.has-dark-background-color .gform_body .gfield_checkbox label:not(.gfield_label) {
	color: #fff
}

.has-dark-background-color .gform_body .gfield_checkbox label:not(.gfield_label):after {
	background-color: var(--white)
}

.gform_body .gfield_checkbox label:not(.gfield_label):after {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/checkbox.png) 50% 50% no-repeat;
	background-size: contain;
	margin-right: 5px;
	margin-top: -2px;
	position: absolute;
	left: 0;
	top: 0
}

body.variant-piscine .gform_body .gfield_checkbox label:not(.gfield_label):after {
	background: url(../img/checkbox_pool.svg) 50% 50% no-repeat;
	background-size: contain
}

.gform_body .gfield_checkbox input {
	position: absolute;
	z-index: -100;
	opacity: 0
}

.gform_body .gfield_checkbox input:checked~label:after {
	background-image: url(../img/checkbox-checked.png)
}

body.variant-piscine .gform_body .gfield_checkbox input:checked~label:after {
	background-image: url(../img/checkbox-checked_pool.svg)
}

.gform_body .select_project {
	width: 100%
}

.gform_body .select_project ul {
	justify-content: normal
}

.gform_body .select_project li {
	width: calc(33% - 1em);
	margin-bottom: 1em
}

@media (max-width:600px) {
	.gform_body .select_project li {
		width: calc(50% - 1em)
	}
}

.gform_body .select_project .gfield_checkbox .gchoice {
	width: calc(33% - 1em);
	margin-bottom: 1em;
	padding-right: 0 !important
}

@media (max-width:600px) {
	.gform_body .select_project .gfield_checkbox .gchoice {
		width: calc(50% - 1em)
	}
}

.gform_body .select_project .gfield_checkbox .gchoice label {
	display: block
}

.gform_body .select_project label:not(.gfield_label) {
	padding-top: 5em
}

.gform_body .select_project label:not(.gfield_label):before {
	content: "";
	width: 100%;
	height: 4.375em;
	display: block;
	background: #ebebeb 50% 50% no-repeat;
	background-size: cover;
	margin-bottom: .625em;
	position: absolute;
	top: 0;
	left: 0
}

.gform_body .select_project label:not(.gfield_label):after {
	top: 5.0625em
}

.gform_body .select_project input[value=Véranda]+label:before {
	background-image: url(../img/veranda.jpg)
}

.gform_body .select_project input[value=Pergola]+label:before {
	background-image: url(../img/pergola.jpg)
}

.gform_body .select_project input[value=Extension]+label:before {
	background-image: url(../img/extension.jpg)
}

.gform_body .select_project input[value="Abri de terrasse"]+label:before {
	background-image: url(../img/abri.jpg)
}

.gform_body .select_project input[value=Rénovation]+label:before {
	background-image: url(../img/renovation.jpg)
}

.gform_body .select_project input[value="Autre demande"]+label:before {
	background-image: url(../img/autre-demande.jpg)
}

.gform_body .select_project input[value="Garden room / Pool house"]+label:before {
	background-image: url(../img/form-gardenroom.jpg)
}

.gform_body .select_project input[value="Carport / Carport box – Garage"]+label:before {
	background-image: url(../img/form-carpot.jpg)
}

.gform_body .ui-datepicker-trigger {
	position: absolute;
	width: 20px;
	top: 13px;
	right: 15px
}

.gform_body .end_checkbox {
	width: 100%;
	color: var(--dark-grey)
}

.gform_body .end_checkbox .gfield_label {
	display: none
}

.gform_body .end_checkbox li {
	display: flex
}

.gform_body .end_checkbox li label {
	font-size: .75em
}

.gform_body .end_checkbox input {
	margin-right: 1em
}

.gform_body .end_checkbox .gfield_label .gfield_required {
	display: none
}

.gform_body .catalog_checkbox {
	position: relative;
	padding-left: 180px;
	padding-right: 20px;
	margin-bottom: 35px;
	background: var(--light-bg)
}

body.variant-piscine .gform_body .catalog_checkbox {
	margin-top: 50px;
	margin-bottom: 50px
}

.gform_body .catalog_checkbox .gfield_label {
	display: block;
	position: relative;
	transform: none;
	background: transparent;
	top: 0;
	left: 0;
	padding-top: 20px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px
}

.gform_body .catalog_checkbox .gfield_label:after {
	content: "";
	display: block;
	color: var(--main);
	margin-top: 0;
	margin-bottom: 10px
}

.gform_body .catalog_checkbox:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 15px;
	background: url(../img/catalogue_checkbox.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 118px;
	width: 146px
}

body.variant-piscine .gform_body .catalog_checkbox:before {
	background: url(../img/catalogue_checkbox_piscine.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain
}

@media (max-width:600px) {
	body.variant-piscine .gform_body .catalog_checkbox:before {
		left: 0;
		height: 88px;
		width: 116px
	}
}

@media (max-width:600px) {
	.gform_body .catalog_checkbox {
		padding-left: 128px;
		padding-right: 5px
	}
}

.gform_body .catalog_checkbox label:not(.gfield_label) {
	color: var(--dark-grey);
	font-weight: 400
}

.gform_body .catalog_checkbox.catalog_desktop:before {
	top: -65px
}

.gform_body .catalog_checkbox.catalog_mobile:before {
	top: -20px
}

.gform_wrapper .button,
.gform_wrapper .is-style-button-catalog .wp-block-button__link,
.gform_wrapper .is-style-button-catalog a,
.gform_wrapper .is-style-button-configurateur .wp-block-button__link,
.gform_wrapper .is-style-button-configurateur a,
.gform_wrapper .is-style-button-devis-arrow .wp-block-button__link,
.gform_wrapper .is-style-button-devis-arrow a,
.gform_wrapper .is-style-button-devis-carport .wp-block-button__link,
.gform_wrapper .is-style-button-devis-carport a,
.gform_wrapper .is-style-button-devis-gardenroom .wp-block-button__link,
.gform_wrapper .is-style-button-devis-gardenroom a,
.gform_wrapper .is-style-button-devis-pool .wp-block-button__link,
.gform_wrapper .is-style-button-devis-pool a,
.gform_wrapper .is-style-button-devis .wp-block-button__link,
.gform_wrapper .is-style-button-devis a,
.is-style-button-catalog .gform_wrapper .wp-block-button__link,
.is-style-button-catalog .gform_wrapper a,
.is-style-button-configurateur .gform_wrapper .wp-block-button__link,
.is-style-button-configurateur .gform_wrapper a,
.is-style-button-devis-arrow .gform_wrapper .wp-block-button__link,
.is-style-button-devis-arrow .gform_wrapper a,
.is-style-button-devis-carport .gform_wrapper .wp-block-button__link,
.is-style-button-devis-carport .gform_wrapper a,
.is-style-button-devis-gardenroom .gform_wrapper .wp-block-button__link,
.is-style-button-devis-gardenroom .gform_wrapper a,
.is-style-button-devis-pool .gform_wrapper .wp-block-button__link,
.is-style-button-devis-pool .gform_wrapper a,
.is-style-button-devis .gform_wrapper .wp-block-button__link,
.is-style-button-devis .gform_wrapper a {
	border: none;
	padding-right: 2em;
	background-image: url(../img/icon-right-arrow-white.svg);
	background-position: top 50% right .7em;
	background-size: .9375em .9375em;
	background-repeat: no-repeat
}

.gform_wrapper .button.gform_previous_button,
.gform_wrapper .is-style-button-catalog .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-catalog a.gform_previous_button,
.gform_wrapper .is-style-button-configurateur .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-configurateur a.gform_previous_button,
.gform_wrapper .is-style-button-devis-arrow .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-arrow a.gform_previous_button,
.gform_wrapper .is-style-button-devis-carport .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-carport a.gform_previous_button,
.gform_wrapper .is-style-button-devis-gardenroom .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-gardenroom a.gform_previous_button,
.gform_wrapper .is-style-button-devis-pool .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-pool a.gform_previous_button,
.gform_wrapper .is-style-button-devis .gform_previous_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis a.gform_previous_button,
.is-style-button-catalog .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-catalog .gform_wrapper a.gform_previous_button,
.is-style-button-configurateur .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-configurateur .gform_wrapper a.gform_previous_button,
.is-style-button-devis-arrow .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-devis-arrow .gform_wrapper a.gform_previous_button,
.is-style-button-devis-carport .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-devis-carport .gform_wrapper a.gform_previous_button,
.is-style-button-devis-gardenroom .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-devis-gardenroom .gform_wrapper a.gform_previous_button,
.is-style-button-devis-pool .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-devis-pool .gform_wrapper a.gform_previous_button,
.is-style-button-devis .gform_wrapper .gform_previous_button.wp-block-button__link,
.is-style-button-devis .gform_wrapper a.gform_previous_button {
	padding-left: 2em;
	padding-right: 1em;
	background-color: var(--dark-grey);
	background-image: url(../img/icon-left-arrow-white.svg);
	background-position: top 50% left .7em
}

.gform_wrapper .button.gform_next_button,
.gform_wrapper .is-style-button-catalog .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-catalog a.gform_next_button,
.gform_wrapper .is-style-button-configurateur .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-configurateur a.gform_next_button,
.gform_wrapper .is-style-button-devis-arrow .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-arrow a.gform_next_button,
.gform_wrapper .is-style-button-devis-carport .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-carport a.gform_next_button,
.gform_wrapper .is-style-button-devis-gardenroom .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-gardenroom a.gform_next_button,
.gform_wrapper .is-style-button-devis-pool .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis-pool a.gform_next_button,
.gform_wrapper .is-style-button-devis .gform_next_button.wp-block-button__link,
.gform_wrapper .is-style-button-devis a.gform_next_button,
.is-style-button-catalog .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-catalog .gform_wrapper a.gform_next_button,
.is-style-button-configurateur .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-configurateur .gform_wrapper a.gform_next_button,
.is-style-button-devis-arrow .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-devis-arrow .gform_wrapper a.gform_next_button,
.is-style-button-devis-carport .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-devis-carport .gform_wrapper a.gform_next_button,
.is-style-button-devis-gardenroom .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-devis-gardenroom .gform_wrapper a.gform_next_button,
.is-style-button-devis-pool .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-devis-pool .gform_wrapper a.gform_next_button,
.is-style-button-devis .gform_wrapper .gform_next_button.wp-block-button__link,
.is-style-button-devis .gform_wrapper a.gform_next_button {
	margin-left: auto
}

.gform_wrapper .validation_error {
	color: red;
	margin-bottom: 1em
}

.gform_wrapper .validation_message {
	font-size: .875em;
	color: red
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	word-wrap: normal;
	border: none
}

.screen-reader-text:active,
.screen-reader-text:focus {
	clip: auto;
	clip-path: none;
	display: block;
	height: auto;
	width: auto;
	z-index: 100000;
	text-decoration: none
}

@media (min-width:375px) {
	.alignleft {
		margin: 0 1.5rem 1.5rem 0
	}
}

@media (min-width:375px) {

	.alignleft,
	.alignright {
		float: left;
		max-width: 50%
	}

	.alignright {
		margin: 0 0 1.5rem 1.5rem
	}
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both
}

.alignfull,
.alignwide {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	width: auto;
	max-width: 100vw
}

@media (min-width:750px) {
	.alignwide {
		margin-left: -25%;
		margin-right: -25%;
		max-width: calc(750px + 50%)
	}
}

.has-main-color {
	color: var(--main)
}

.has-main-background-color {
	background-color: var(--main)
}

.is-style-main-color {
	color: var(--main)
}

.has-dark-color {
	color: var(--dark)
}

.has-dark-background-color {
	background-color: var(--dark)
}

.is-style-dark-color {
	color: var(--dark)
}

.has-dark-bg-color {
	color: var(--dark-bg)
}

.has-dark-bg-background-color {
	background-color: var(--dark-bg)
}

.is-style-dark-bg-color {
	color: var(--dark-bg)
}

.has-light-bg-color {
	color: var(--light-bg)
}

.has-light-bg-background-color {
	background-color: var(--light-bg)
}

.is-style-light-bg-color {
	color: var(--light-bg)
}

.has-dark-blue-color {
	color: var(--dark-blue)
}

.has-dark-blue-background-color {
	background-color: var(--dark-blue)
}

.is-style-dark-blue-color {
	color: var(--dark-blue)
}

.has-external-main-color {
	color: var(--external-main)
}

.has-external-main-background-color {
	background-color: var(--external-main)
}

.is-style-external-main-color {
	color: var(--external-main)
}

.has-dark-grey-color {
	color: var(--dark-grey)
}

.has-dark-grey-background-color {
	background-color: var(--dark-grey)
}

.is-style-dark-grey-color {
	color: var(--dark-grey)
}

.has-light-grey-color {
	color: var(--light-grey)
}

.has-light-grey-background-color {
	background-color: var(--light-grey)
}

.is-style-light-grey-color {
	color: var(--light-grey)
}

.has-featured-color {
	color: var(--featured)
}

.has-featured-background-color {
	background-color: var(--featured)
}

.is-style-featured-color {
	color: var(--featured)
}

.has-small-font-size {
	font-size: 12px
}

.has-regular-font-size {
	font-size: 16px
}

.has-large-font-size {
	font-size: 36px
}

.has-larger-font-size {
	font-size: 48px
}

img.emoji,
img.wp-smiley {
	display: inline;
	width: 1em;
	height: 1em;
	margin: 0 .07em;
	padding: 0;
	vertical-align: -.1em;
	background: none;
	border: none;
	box-shadow: none
}
@media (max-width: 767px) {
	.pre-footer .textwidget {
		margin-bottom: 0;
	}
}

.wp-block-matiere-noir-slide .wp-block-button__link {
	width: auto !important;
}

.wp-block-button__link {
	width: auto !important;
	height: auto !important;
}