@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}

body {
	width: auto;
	/*border:solid 1px blue;*/
}

input,
textarea {

}

.col-100-m {
	width:100%;
}
.col-90-m {
	width:90%;
}
.col-80-m {
	width:80%;
}
.col-70-m {
	width:70%;
}
.col-60-m {
	width:60%;
}
.col-50-m {
	width:50%;
}
.col-40-m {
	width:40%;
}
.col-30-m {
	width:30%;
}
.col-20-m {
	width:20%;
}
.col-10-m {
	width:10%;
}

.col-33-m {
	width:33%;
}
.col-66-m {
	width:66%;
}

.col-25-m {
	width:25%;
}
.col-75-m {
	width:75%;
}


.hide-m {
	display:none;
}
.show-m {
	display:block !important;
}

.page {
	width:100%;
	padding-left: 50px;
	padding-right: 50px;
}

.page.m,
.page.s,
.page.xs,
.page.xxs {
    padding-left: 0;
    padding-right: 0;
}


body > section {
    margin-top: 65px;
}

#slider_homepage .owl-item,
.wrapper-slider {
    height: calc(100vh - 65px);
}


header .wrapper-menu {
    padding: 15px 20px;
    
}

header .wrapper-menu .logo a {
    height: 35px;
}


header .wrapper-menu .mainbar nav ul {
    column-gap: 15px;
}

header .wrapper-menu .topbar nav ul li a,
header .wrapper-menu .mainbar nav ul li a {
    font-size: 12px;
    letter-spacing: 0;
}

header .wrapper-menu .topbar nav ul li a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

header .wrapper-menu .topbar nav ul li:last-of-type a {
    padding-right: 0;
}

header .wrapper-menu .mainbar nav ul li a::before {
    width: 20px;
    height: 12px;    
}

header .wrapper-menu .topbar nav a {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .wrapper-menu .topbar nav a i {
    display: inline-block;
    font-size: 20px;
}
header .wrapper-menu .topbar nav a span {
    display: none;
}

header .wrapper-menu .topbar nav .links a span {
    display: block;
}
header .wrapper-menu .topbar nav .links ul li:last-of-type a {
    padding-right: 10px;
}


#metiers .page.xl {
    padding-left: 0;
    padding-right: 0;
}

#metiers .metier {
    padding: 10px;
}

#metiers .metier a .wrapper .legende h3 {
    font-size: 24px;
}

#metiers .metier a {
    height: 350px;
}

.parallax-container {
    height: 400px;
}


#groupe-ericlequertier .famille .flex-row {
    padding-top: 50px;
}

#groupe-ericlequertier .famille .flex-row figure {
    background-position: center calc(50% + 100px);
}

.accroche .flex-col {
    padding: 35px 25px;
}

.accroche .content h2 {
    font-size: 25px;
}

.couverture .photo {
    height: 70vh;
}

.couverture .photo .overlay .legende h1,
.couverture .photo .overlay .legende h1 strong {
    font-size: 50px;
}

.page.padd-0 {
    padding-left: 0;
    padding-right: 0;
}
.titre h1,
.titre h1 strong {
    font-size: 40px;
}
.content h2 {
    font-size: 23px;
}

.flex-center.padd-l {
    padding: 60px;
}

#groupe-expertises .piscine {
    padding-top: 50px;
}

.fancybox-content {
    padding: 30px !important;
}

.grid .item {
    padding: 10px;
}

.grid .item .encart figure {
    height: 250px;
    padding-left: 25px;
    padding-right: 25px;
}

.grid .item .encart figure .legende .nom {
    font-size: 20px;
}

.grid .item .encart figure .legende h1 {
    font-size: 20px;
}

.grid .item .encart figure .legende h4 {
    font-size: 13px;
}

#groupe-engagements .grid .item .encart figure {
    background-size: 250px auto;
}

.univers .photos .wrapper img {
    max-height: 320px;
    width: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.flex-row.flex-m-col {
    flex-direction: column;
}

.flex-row.flex-m-col figure.bg-cover {
    height: 500px;
    
}

.flex-row .col-60-l.padd-r-m,
.flex-row .col-50-l.padd-r-m {
    padding-right: 30px;
}
.flex-row .col-40-l.padd-l-m,
.flex-row .col-50-l.padd-l-m {
    padding-left: 30px;
}

#jardins-etude .expertises {
    padding-top: 60px;
}

#jardins-etude .expertises .content.padd-h-l {
    padding-left: 50px;
    padding-right: 50px;
}

.accroche.padd-b-l {
    padding-bottom: 25px;
}

.content.padd-l {
    padding: 50px;
}

.produit .galerie {
    padding-left: 20px;
    padding-right: 20px;
}

.grid-container {
    grid-auto-rows: 200px;
}

.produit .others .page {
    padding-left: 20px;
    padding-right: 20px;
}

.produit .others .slider-others .slick-slide .item {
    padding: 10px;
}
.others .slider-others a figure {
    height: 350px;
    padding-left: 20px;
    padding-right: 20px;
}

.others .slider-others a figure .legende .nom {
    font-size: 16px;
}

.grid .item.col-50-l .encart figure {
    height: 300px;
}

#piscines-relaxation .bg-mauve-pale.padd-v-l {
    padding-top: 30px;
    padding-bottom: 30px;
}

#spas-nage .gamme .grid .item .encart figure .legende .nom strong,
#spas-riptide .gamme .grid .item .encart figure .legende .nom strong,
#spas-sapphire .gamme .grid .item .encart figure .legende .nom strong {
    font-size: 18px;
}

#contact .adresse .horaires {
    font-size: 12px;
}

#contact .magasins {
    padding-left: 15px;
    padding-right: 15px;
}

#contact .magasins .wrapper-adresses {
    column-gap: 15px;
}