:root {
    --primary-h: 0;
    /* hue */
    --primary-s: 0%;
    /* saturation */
    --primary-l: 63%;
    /* luminosity */
    --accent-h: 203;
    /* hue */
    --accent-s: 19%;
    /* saturation */
    --accent-l: 56%;
    /* luminosity */
    --secondary-h: 0;
    /* hue */
    --secondary-s: 11%;
    /* saturation */
    --secondary-l: 39%;
    /* luminosity */
    --text-h: 0;
    /* hue */
    --text-s: 0%;
    /* saturation */
    --text-l: 7%;
    /* luminosity */
    /* --text-a: 0.75; alpha */
    /* --text-color: hsla(var(--text-h), var(--text-s), var(--text-l), var(--text-a)); */
    --background-h: 0;
    /* hue */
    --background-s: 0%;
    /* saturation */
    --background-l: 100%;
    /* luminosity */
    --primary-font: 'Assistant', sans-serif;
    --secondary-font: 'Assistant', sans-serif;
    --h1-font-size: 3rem;
    --h2-font-size: 2rem;
    --h3-font-size: 1.5rem;
    --headings-line-height: 1.333333;
    --link-color: var(--primary-color-40);
    --border-radius: 2rem;
    --button-border-radius: .25rem;
    --img-slide-01: url('../assets/gifs/slider/slide-01.jpg');
    --img-slide-02: url('../assets/gifs/slider/slide-02.jpg');
    --img-slide-03: url('../assets/gifs/slider/slide-03.jpg');
}


/* GÉNÉRAL */


/* ======= */


/* @media screen and (min-width: 993px) { */

body {
    padding-top: 0 !important;
}

#blocHorsLigne {
    z-index: 5000 !important;
}


/* } */

@media screen and (min-width: 601px) {
    .section {
        padding: 4rem 0;
    }
}

.max-container {
    max-width: none;
}

@media screen and (min-width: 1280px) {
    .max-container {
        min-width: 1200px;
    }
}

@media screen and (min-width: 1220px) {
    .container {
        width: 100%;
    }
}

.valide {
    color: hsl(120deg 100% 35%);
}

.erreur,
.errors {
    color: hsl(0deg 100% 46%);
}


/* Titres */


/* h1, .title-1{
  font-family: var(--secondary-font);
}
h2, .title-2{
  font-family: var(--secondary-font);
}
h3, .title-3{
  font-family: var(--secondary-font);
} */

:is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) {
    position: relative;
    color: #121212;
    font-family: var(--secondary-font);
    font-weight: 400;
    border-left: 6px solid var(--primary-color);
    padding-left: 1.5rem;
}

:is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::before {
    content: "Anna D'IZAGUIRRE design et décoration d'exception";
    display: block;
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 400;
    padding-left: 3rem;
}

:is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 1.5rem;
    display: block;
    width: 36px;
    height: 1px;
    background-color: var(--primary-color);
}

:is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) a {
    text-decoration: none;
    color: #121212;
    transition: 0.3s ease-in-out;
}

:is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) a:is(:hover,
    :focus,
    :active) {
    color: var(--primary-color);
}


/* Boutons */

.btn.primary {
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
    color: var(--text-color);
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    padding: 15px 30px;
    overflow: visible;
    border: none;
    border-radius: 0;
    background-color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

.btn.primary::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    transition: 0.3s ease-in-out;
}

.btn.primary::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-left: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
    transition: 0.3s ease-in-out;
}

.btn.primary:hover {
    /* color: rgba(255, 255, 255, 0.75); */
    color: var(--text-color);
    background-color: var(--primary-color-darken);
}

.btn.primary:hover::before,
.btn.primary:hover::after {
    border-color: var(--primary-color-darken);
}

.btn.accent {
    position: relative;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    padding: 15px 30px;
    overflow: visible;
    border: none;
    border-radius: 0;
    background-color: var(--accent-color);
    transition: 0.3s ease-in-out;
}

.btn.accent::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
    transition: 0.3s ease-in-out;
}

.btn.accent::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-left: 1px solid var(--accent-color);
    border-top: 1px solid var(--accent-color);
    transition: 0.3s ease-in-out;
}

.btn.accent:hover {
    color: rgba(255, 255, 255, 0.75);
    background-color: var(--accent-color-darken);
}

.btn.accent:hover::before,
.btn.accent:hover::after {
    border-color: var(--accent-color-darken);
}

.btn.outlined {
    position: relative;
    color: var(--text-color);
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    padding: 15px 30px;
    overflow: visible;
    border: 1px solid var(--text-color);
    border-radius: 0;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

.btn.outlined::before {
    content: '';
    position: absolute;
    /* top: -6px;
  left: -6px; */
    top: 0;
    left: 0;
    transform: translate(-100%, -100%);
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    transition: 0.3s ease-in-out;
}

.btn.outlined::after {
    content: '';
    position: absolute;
    /* bottom: -6px;
  right: -6px; */
    bottom: 0;
    right: 0;
    transform: translate(100%, 100%);
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-left: 1px solid var(--text-color);
    border-top: 1px solid var(--text-color);
    transition: 0.3s ease-in-out;
}

.btn.outlined:hover {
    color: rgba(255, 255, 255, 0.75);
    background-color: var(--text-color);
}


/* Slick */


/* Card actualité */

.actualites-card .card-image {
    margin-bottom: 1.875rem;
}

.actualites-card .card-image a {
    display: block;
}

.actualites-card .card-image a img {
    display: block;
    width: 100%;
    aspect-ratio: 580/386;
}

.actualites-card .card-content .date {
    position: relative;
    color: var(--accent-color);
    margin-bottom: 1.125rem;
}

.actualites-card .card-content .date::before {
    content: '\e935';
    position: relative;
    top: 2px;
    font-family: "Material Icons";
    color: var(--primary-color);
}

.actualites-card .card-content .card-title {
    height: 2em;
    margin-bottom: 1.5rem;
}

.actualites-card .card-content .card-title a {
    text-decoration: none;
    color: #2f2f2f;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: 0.3s ease-in-out;
}

.actualites-card .card-content .card-title a:is(:hover,
    :focus,
    :active) {
    color: var(--primary-color);
}

.actualites-card .card-content .card-link {
    border-top: 1px solid #eaeff5;
    padding-top: 1rem;
}

.actualites-card .card-content .card-link a {
    text-decoration: none;
    color: var(--text-color);
    transition: 0.3s ease-in-out;
}

.actualites-card .card-content .card-link a:is(:hover,
    :focus,
    :active) {
    color: var(--primary-color);
}


/* Card catalogue */

.catalogue-card .card__inner-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: stretch;
    align-items: stretch;
    gap: 0;
    background-color: white;
}

.catalogue-card .card__inner-content .card-image {
    width: 50%;
}

.catalogue-card .card__inner-content .card-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.catalogue-card .card__inner-content .card-image a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.catalogue-card .card__inner-content .card-content {
    width: 50%;
    padding: 6.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.catalogue-card .card__inner-content .card-content .card-icon svg {
    display: block;
    aspect-ratio: 1/1;
    width: 55px;
    object-fit: contain;
    object-position: center;
}

.catalogue-card .card__inner-content .card-content .card-icon svg path {
    fill: black;
}

.catalogue-card .card__inner-content .card-content .card-title {
    margin: 1.5rem 0 0.75rem;
    height: 2rem;
}

.catalogue-card .card__inner-content .card-content .card-title a {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--secondary-color);
    transition: 0.3s ease-in-out;
}

.catalogue-card .card__inner-content .card-content .card-title a:is(:hover,
    :focus,
    :active) {
    color: var(--primary-color);
}

.catalogue-card .card__inner-content .card-content .card-link {
    margin-top: 2.5rem;
}


/* BRAND */


/* ===== */

header .brand img.footer-only,
footer .brand img.header-only,
.rappel_telephonique .brand img.footer-only {
    display: none;
}

.brand a {
    display: inline-block;
}

.brand a svg path {
    /* fill: white; */
    transition: 0.3s ease-in-out;
}

.brand a:hover svg path {
    fill: var(--primary-color);
}


/* HEADER */


/* ====== */


/* Sticky */


/* Menu mobile */

header .sticky .menu-mobile {
    height: 6rem;
    background-color: #E9B9B9;
    /* filter: drop-shadow(0 3px 6px #00000080); */
    transition: 0.3s ease-in-out;
}

header.sticky-header .sticky.scroll_up .menu-mobile {
    background-color: #E9B9B9;
}

body.menu_opened header .sticky .menu-mobile {
    background-color: #E9B9B9;
}

header .sticky .menu-mobile .container {
    position: relative;
    /* display: flex;
  justify-content: flex-end;
  align-items: center; */
}

header .sticky .menu-mobile .container .brand {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header .sticky .menu-mobile .container .btn-menu {
    color: white;
}


/* Header Content */

@media screen and (min-width: 993px) {
    header .sticky .header-content {
        background-color: #1b2328ab;
        /*@ avant #1b232833*/
        transition: 0.3s ease-in-out;
    }

    header.sticky-header .sticky.scroll_up .header-content {
        background-color: #1b2328ab;
    }
}


/* Top Bar */

@media screen and (min-width: 993px) {

    /* Correction 3e sous-menu */
    header .sticky .header-content .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu ul.ssdropdown {
        display: none;
        width: max-content;
        max-width: 400px;
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: 0;
        left: 100%;
        box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .08);
        z-index: 2;
    }

    header .sticky .header-content .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu:hover ul.ssdropdown {
        display: block;
    }
}


/* Main Content */

@media screen and (min-width: 800px) {
    header .sticky .header-content .main-header-content #main-nav ul li.sous_menu.opened>a {
        padding-left: 20px;
    }
}

@media screen and (max-width: 992px) {
    header .sticky .header-content #nav-container {
        /* background-color: var(--text-color); */
        /* color: #ffffff; */
        /* padding-top: 20px; */
        margin-top: 6rem;
        height: calc(100vh - 6rem);
    }

    header .sticky .header-content #nav-container nav#main-nav ul li a.selected {
        color: var(--text-color);
    }

    /* header .sticky .header-content #nav-container nav#main-nav ul li.sous_menu.opened > a.selected{
    color: var(--text-color);
  } */
    header .sticky .header-content .main-header-content #nav-container nav#main-nav>ul>.sous_menu.opened>a {
        background-color: transparent;
        transition: none;
        color: white;
        height: 6rem;
    }

    header .sticky .header-content #nav-container nav#main-nav ul li.sous_menu :is(.btnMenuLevel2,
        .btnMenuLevel3) {
        color: var(--text-color);
    }

    header .sticky .header-content #nav-container .btn-devis {
        display: none;
    }

    header .sticky .header-content .nav .dropdown,
    header .sticky .header-content .nav .ssdropdown {
        top: 6rem;
        height: calc(100vh - 6rem);
    }
}

@media screen and (min-width: 993px) {
    header .sticky .header-content .main-header-content .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        gap: 2rem;
        padding-block: 10px;
    }

    header .sticky .header-content .main-header-content .container #nav-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav>ul li.firstLi>a {
        color: white;
        font-weight: 700;
        font-size: 15px;
        letter-spacing: 0.3px;
        padding-inline: 1.25rem;
        transition: 0.3s ease-in-out;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav>ul li.firstLi>a:is(:hover,
        :focus,
        :active) {
        color: var(--primary-color);
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav>ul li.firstLi>a.selected {
        color: var(--primary-color);
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu>a::after {
        content: "[+]";
        font-family: var(--primary-font);
        letter-spacing: 1px;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu:is(:hover,
        :focus,
        :active)>a::after {
        content: "[-]";
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu ul.dropdown {
        border: none;
        border-radius: 5px;
        background-color: #1b232880;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu ul.dropdown>li {
        border: none;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu ul.dropdown>li>a {
        color: white;
        font-weight: 700;
        font-size: 15px;
        letter-spacing: 0.3px;
        transition: 0.3s ease-in-out;
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu ul.dropdown>li>a:is(:hover,
        :focus,
        :active) {
        color: var(--primary-color);
    }

    header .sticky .header-content .main-header-content .container #nav-container #main-nav ul li.sous_menu ul.dropdown>li>a.selected {
        color: var(--primary-color);
    }

    header .sticky .header-content .main-header-content .container #nav-container .btn-devis {
        position: relative;
        padding-left: 2.5rem;
        margin-left: 1.25rem;
    }

    header .sticky .header-content .main-header-content .container #nav-container .btn-devis::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        display: block;
        width: 2px;
        height: 30%;
        background-color: var(--primary-color);
    }

    

    header .sticky .header-content .main-header-content .container #nav-container .btn-devis a::before,
    header .sticky .header-content .main-header-content .container #nav-container .btn-devis a::after {
        content: none;
    }

    header .sticky .header-content .main-header-content .container #nav-container .btn-devis a:is(:hover,
        :focus,
        :active) {
        color: var(--accent-color);
    }
}

@media screen and (min-width: 993px) and (max-width: 1090px) {
    header .sticky .header-content .main-header-content .container #nav-container #main-nav>ul li.firstLi>a {
        padding-inline: 0.825rem;
    }

    header .sticky .header-content .main-header-content .container #nav-container .btn-devis {
        padding-left: 1rem;
        margin-left: 0;
    }
}


/* Fold */

.fold {
    min-height: 95vh;
}

.fold .slider-slick {
    height: auto;
    min-height: 95vh;
}

@media screen and (max-width: 600px) {
    .fold .slider-slick {
        display: block;
    }
}

.fold:not(.fold-index) {
    /* height: 30vh; */
    min-height: 30vh;
}

.fold:not(.fold-index) .bg-fold {
    position: relative;
    min-height: 30vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fold:not(.fold-index) .bg-fold .bloc-entete {
    position: relative;
    /* top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10rem 5vw 6rem;
    z-index: 1;
}


/* .fold:not(.fold-index) .bg-fold .bloc-entete img{
  filter: invert(1);
} */

.fold:not(.fold-index) .bg-fold .bloc-entete .main-title {
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 3.25rem;
}

.fold:not(.fold-index) .bg-fold .bloc-entete .main-title span {
    display: block;
    text-transform: none;
    font-size: 1.75rem;
}

.fold:not(.fold-index) .bg-fold .bloc-entete .main-title img {
    margin-top: 32px;
    display: block;
    width: 45vw;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 992px) {
    .fold:not(.fold-index) .bg-fold .bloc-entete img {
        width: 100px;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title {
        font-size: 3rem;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title span {
        font-size: 1.5rem;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title img {
        width: 65vw;
        max-width: none;
    }
}

@media screen and (max-width: 600px) {
    .fold:not(.fold-index) .bg-fold .bloc-entete img {
        width: 70px;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title {
        font-size: 2rem;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title span {
        font-size: 1.125rem;
    }

    .fold:not(.fold-index) .bg-fold .bloc-entete .main-title img {
        width: 80vw;
    }
}

.fold:not(.fold-index) .bg-fold::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #00000099;
}

.fold .slider-slick .slick button.slick-autoplay-toggle-button {
    display: none;
}

.fold .slider-slick .slick .slick-prev {
    top: 50%;
    left: 2rem;
    transform: translateY(-50%);
    z-index: 1;
}

.fold .slider-slick .slick .slick-next {
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    z-index: 1;
}


/* @media screen and (min-width: 1340px) {
  .fold .slider-slick .slick .slick-prev{
    left: -4rem;
  }
  .fold .slider-slick .slick .slick-next{
    right: -4rem;
  }
} */

.fold .slider-slick .slick .slick-prev .slick-prev-icon,
.fold .slider-slick .slick .slick-next .slick-next-icon {
    color: white;
    display: inline-block;
    aspect-ratio: 1/1;
    padding: 10px;
    border: 1px solid white;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

.fold .slider-slick .slick .slick-prev .slick-prev-icon::before,
.fold .slider-slick .slick .slick-next .slick-next-icon::before {
    /* color: white;
  opacity: 1;
  transition: 0.3s ease-in-out; */
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%23F8F8F8"/></svg>');
    background-position: left 30% bottom 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
}

.fold .slider-slick .slick .slick-next .slick-next-icon::before {
    transform: rotate(180deg);
}

.fold .slider-slick .slick .slick-prev:hover .slick-prev-icon,
.fold .slider-slick .slick .slick-next:hover .slick-next-icon {
    color: var(--text-color);
    background-color: white;
}

.fold .slider-slick .slick .slick-prev:hover .slick-prev-icon::before,
.fold .slider-slick .slick .slick-next:hover .slick-next-icon::before {
    color: var(--text-color);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%23121212"/></svg>');
}

.fold .slider-slick .slick .slide-img {
    position: relative;
    height: auto;
    min-height: 95vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fold .slider-slick .slick .slide-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #888888a1;
}

.fold .slider-slick .slick .slide-img.slide-01 {
    background-image: var(--img-slide-01);
}

.fold .slider-slick .slick .slide-img.slide-02 {
    background-image: var(--img-slide-02);
}

.fold .slider-slick .slick .slide-img.slide-03 {
    background-image: var(--img-slide-03);
}

.fold .slider-slick .slick .slide-img .container {
    position: relative;
    height: auto;
    min-height: 95vh;
    z-index: 1;
}

.fold .slider-slick .slick .slide-img .container .bloc-entete {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* .fold .slider-slick .slick .slide-img .container .bloc-entete img{
  filter: invert(1);
} */

.fold .slider-slick .slick .slide-img .container .bloc-entete .main-title {
    color: black;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 4rem;
    white-space: nowrap;
}

.fold .slider-slick .slick .slide-img .container .bloc-entete .main-title span {
    display: block;
    text-transform: none;
    font-size: 2rem;
}

.fold .slider-slick .slick .slide-img .container .bloc-entete .main-title img {
    margin-top: 32px;
    display: block;
    width: 45vw;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 992px) {
    .fold .slider-slick .slick .slide-img .container .bloc-entete img {
        width: 100px;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title {
        font-size: 3rem;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title span {
        font-size: 1.5rem;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title img {
        width: 65vw;
        max-width: none;
    }
}

@media screen and (max-width: 600px) {
    .fold .slider-slick .slick .slide-img .container .bloc-entete img {
        width: 70px;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title {
        font-size: 2rem;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title span {
        font-size: 1.125rem;
    }

    .fold .slider-slick .slick .slide-img .container .bloc-entete .main-title img {
        width: 80vw;
    }
}

.fold .slider-slick .slick .slide-img .container .nbSlide {
    position: absolute;
    bottom: 20%;
    left: 10%;
    color: white;
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1.25rem;
}

@media screen and (max-width: 992px) {
    .fold .slider-slick .slick .slide-img .container .nbSlide {
        bottom: 25%;
    }
}

.fold .slider-slick .slick .slide-img .container .nbSlide span.barre {
    display: inline-block;
    height: 1px;
    width: 2rem;
    background-color: white;
}

.fold .slider-slick .slick .slide-img .container .nbSlide strong {
    font-weight: 600;
}

.fold .slider-slick .slick .slide-img .container .nbSlide strong span {
    font-weight: 300;
    display: inline-block;
    margin-right: 8px;
}


/* MAIN */


/* ==== */


/* Encart prestations */

#encart-prestations {
    position: relative;
}

#encart-prestations::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background-image: url('../assets/gifs/bg-prestations.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.4;
    z-index: -1;
}

#encart-prestations::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 35vw;
    background-color: #FAF1F1;
    z-index: -1;
}

#encart-prestations .bloc-text .grid-prestations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
}

@media screen and (max-width: 992px) {
    #encart-prestations::after {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40%;
        width: 100%;
        background-color: var(--primary-color);
        z-index: -1;
    }

    #encart-prestations .bloc-text .grid-prestations {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 992px) {
    #encart-prestations .bloc-text .grid-prestations {
        grid-template-columns: 1fr;
        margin-bottom: 3rem;
    }
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    padding: 40px;
    background-color: white;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

#encart-prestations .bloc-text .grid-prestations .single-prestation:nth-child(even) .single-prestation__content a {
    border-left: 6px solid var(--primary-color);
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a svg {
    display: block;
    aspect-ratio: 1/1;
    width: 80px;
    margin-bottom: 1.25rem;
    background-color: #f9f9f9;
    padding: 15px;
    transition: 0.3s ease-in-out;
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a svg path {
    fill: black;
    transition: 0.3s ease-in-out;
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a span.nb-prestation {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a strong.nom-prestation {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--text-color);
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a:is(:hover,
    :focus,
    :active) {
    background-color: var(--primary-color);
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a:is(:hover,
    :focus,
    :active) svg {
    background-color: var(--primary-color);
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a:is(:hover,
    :focus,
    :active) svg path {
    fill: white;
}

#encart-prestations .bloc-text .grid-prestations .single-prestation .single-prestation__content a:is(:hover,
    :focus,
    :active) span.nb-prestation {
    color: white;
}

#encart-prestations .bloc-image {
    position: relative;
    width: 100%;
    height: 100%;
}

#encart-prestations .bloc-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-position: bottom right;
    object-fit: cover;
}

#encart-prestations .bloc-image .float-text {
    position: absolute;
    bottom: 20px;
    right: 12px;
    display: block;
    width: 100%;
    max-width: 400px;
    background-color: #ffffff;
    padding: 0.875rem 2.5rem;
    line-height: 2;
    border-left: 6px solid var(--primary-color);
}

#encart-prestations .bloc-image .float-text p {
    margin: 0;
}


/* Encart catalogue */

#encart-catalogue {
    position: relative;
    background-color: #FAF1F1;
}

#encart-catalogue::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 40vw;
    opacity: 0.75;
    background-image: url('../assets/gifs/bg-catalogue-accueil.jpg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#encart-catalogue .title-2 {
    border: none;
    padding-left: 0;
    color: #121212;
}

#encart-catalogue .title-2::before {
    color: #121212;
}

#encart-catalogue .title-2::after {
    background-color: #121212;
    left: 0;
}

#encart-catalogue .slick-catalogue .slick-prev {
    top: 50%;
    left: -2rem;
    transform: translateY(-50%);
    z-index: 1;
}

#encart-catalogue .slick-catalogue .slick-next {
    top: 50%;
    right: -2rem;
    transform: translateY(-50%);
    z-index: 1;
}

@media screen and (min-width: 1340px) {
    #encart-catalogue .slick-catalogue .slick-prev {
        left: -4rem;
    }

    #encart-catalogue .slick-catalogue .slick-next {
        right: -4rem;
    }
}

#encart-catalogue .slick-catalogue .slick-prev .slick-prev-icon,
#encart-catalogue .slick-catalogue .slick-next .slick-next-icon {
    color: white;
    display: inline-block;
    aspect-ratio: 1/1;
    padding: 10px;
    border: 1px solid white;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

#encart-catalogue .slick-catalogue .slick-prev .slick-prev-icon::before,
#encart-catalogue .slick-catalogue .slick-next .slick-next-icon::before {
    /* color: white;
  opacity: 1;
  transition: 0.3s ease-in-out; */
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%23F8F8F8"/></svg>');
    background-position: left 30% bottom 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
}

#encart-catalogue .slick-catalogue .slick-next .slick-next-icon::before {
    transform: rotate(180deg);
}

#encart-catalogue .slick-catalogue .slick-prev:hover .slick-prev-icon,
#encart-catalogue .slick-catalogue .slick-next:hover .slick-next-icon {
    color: var(--text-color);
    background-color: white;
}

#encart-catalogue .slick-catalogue .slick-prev:hover .slick-prev-icon::before,
#encart-catalogue .slick-catalogue .slick-next:hover .slick-next-icon::before {
    color: var(--text-color);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%23121212"/></svg>');
}


/* Encart avis */

#encart-avis .slick-avis .avis-card .card-content .name {
    padding-left: 20px;
}

#encart-avis .slick-avis .avis-card .card-content .card-text {
    padding-left: 80px;
}

#encart-avis .slick-avis .slick-prev {
    top: 50%;
    left: -2rem;
    transform: translateY(-50%);
    z-index: 1;
}

#encart-avis .slick-avis .slick-next {
    top: 50%;
    right: -2rem;
    transform: translateY(-50%);
    z-index: 1;
}

@media screen and (min-width: 1340px) {
    #encart-avis .slick-avis .slick-prev {
        left: -4rem;
    }

    #encart-avis .slick-avis .slick-next {
        right: -4rem;
    }
}

#encart-avis .slick-avis .slick-prev .slick-prev-icon,
#encart-avis .slick-avis .slick-next .slick-next-icon {
    color: #2f2f2f;
    display: inline-block;
    aspect-ratio: 1/1;
    border: 1px solid #2f2f2f;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

#encart-avis .slick-avis .slick-prev .slick-prev-icon::before,
#encart-avis .slick-avis .slick-next .slick-next-icon::before {
    /* color: white;
  opacity: 1;
  transition: 0.3s ease-in-out; */
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%232f2f2f"/></svg>');
    background-position: left 30% bottom 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
}

#encart-avis .slick-avis .slick-next .slick-next-icon::before {
    transform: rotate(180deg);
}

#encart-avis .slick-avis .slick-prev:hover .slick-prev-icon,
#encart-avis .slick-avis .slick-next:hover .slick-next-icon {
    color: white;
    background-color: #2f2f2f;
}

#encart-avis .slick-avis .slick-prev:hover .slick-prev-icon::before,
#encart-avis .slick-avis .slick-next:hover .slick-next-icon::before {
    color: white;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="26" viewBox="0 0 14 26" fill="none"><path d="M13.647 3.09441C13.7597 2.97507 13.8479 2.83469 13.9064 2.68128C13.9649 2.52787 13.9927 2.36444 13.988 2.20031C13.9834 2.03618 13.9465 1.87457 13.8794 1.72472C13.8123 1.57486 13.7163 1.43969 13.597 1.32691C13.4776 1.21414 13.3372 1.12598 13.1838 1.06746C13.0304 1.00894 12.867 0.981209 12.7029 0.985852C12.5387 0.990494 12.3771 1.02742 12.2273 1.09452C12.0774 1.16162 11.9422 1.25757 11.8295 1.37691L1.20447 12.6269C0.985051 12.859 0.862793 13.1663 0.862793 13.4857C0.862793 13.8051 0.985051 14.1123 1.20447 14.3444L11.8295 25.5957C11.9415 25.7176 12.0766 25.8161 12.2271 25.8854C12.3775 25.9547 12.5401 25.9934 12.7056 25.9992C12.8711 26.0051 13.0361 25.9781 13.1911 25.9196C13.346 25.8612 13.4878 25.7726 13.6082 25.6589C13.7286 25.5452 13.8252 25.4087 13.8924 25.2573C13.9596 25.106 13.9961 24.9428 13.9997 24.7772C14.0033 24.6117 13.974 24.4471 13.9134 24.2929C13.8529 24.1388 13.7623 23.9982 13.647 23.8794L3.83197 13.4857L13.647 3.09441Z" fill="%23ffffff"/></svg>');
}


/* Encart actualités */

#encart-actualites .slick-actualites {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.625rem 1.75rem;
}

#encart-actualites .slick-actualites .card:first-child {
    grid-row: 1/4;
}

#encart-actualites .slick-actualites .card:not(:first-child) {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-left: 10px solid var(--accent-color);
    background-color: #f7f7f7;
}

#encart-actualites .slick-actualites .card:not(:first-child):nth-child(odd) {
    border-left: 10px solid var(--primary-color);
}

#encart-actualites .slick-actualites .card:not(:first-child) .card-image {
    display: none;
}

#encart-actualites .slick-actualites .card:not(:first-child) .card-content .card-title {
    margin-bottom: 0;
    height: 4em;
    -webkit-line-clamp: 2;
}

#encart-actualites .slick-actualites .card:not(:first-child) .card-content .card-link {
    display: none;
}

@media screen and (max-width: 600px) {
    #encart-actualites .slick-actualites {
        grid-template-columns: 1fr;
    }

    #encart-actualites .slick-actualites .card:first-child {
        grid-row: 1/2;
    }

    #encart-actualites .slick-actualites .card {
        display: flex;
        align-items: center;
        padding: 1.5rem;
        border-left: 10px solid var(--accent-color);
        background-color: #f7f7f7;
    }

    #encart-actualites .slick-actualites .card:nth-child(odd) {
        border-left: 10px solid var(--primary-color);
    }

    #encart-actualites .slick-actualites .card .card-image {
        display: none;
    }

    #encart-actualites .slick-actualites .card .card-content .card-title {
        margin-bottom: 0;
        height: 4em;
        -webkit-line-clamp: 2;
    }

    #encart-actualites .slick-actualites .card .card-content .card-title a {
        font-size: 1.2rem;
    }

    #encart-actualites .slick-actualites .card .card-content .card-link {
        display: none;
    }
}


/* Encart instagram */

#encart-instagram {
    background-color: #e9b9b91a;
}

@media screen and (min-width: 993px) {
    #encart-instagram .grid-instagram {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.625rem;
    }
}

#encart-instagram .grid-instagram .single-post a {
    position: relative;
    display: block;
}

#encart-instagram .grid-instagram .single-post a::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background-color: var(--primary-color);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

#encart-instagram .grid-instagram .single-post a:is(:hover,
    :focus,
    :active)::after {
    opacity: 0.5;
}

#encart-instagram .grid-instagram .single-post a img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}


/* Blocs */


/* Blocs 1, 4, 7 et 10 */

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) {
    position: relative;
}

#bloc-01 {
    padding-top: 0;
    margin-top: -2rem;
}

#bloc-01 .container {
    position: relative;
}

#bloc-01 .container::before {
    content: '';
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    background-color: white;
    width: 105%;
    height: 15rem;
}

@media screen and (min-width: 1340px) {
    #bloc-01 .container::before {
        top: -10%;
        width: 115%;
    }
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image {
    position: relative;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -0.75rem;
    display: block;
    width: 2px;
    height: 150px;
    background-color: var(--primary-color);
}

:is(#bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image .reseaux-sociaux {
    margin-top: 1rem;
}

:is(#bloc-01) .bloc-image .reseaux-sociaux {
    margin-bottom: 1rem;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image .reseaux-sociaux ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image .reseaux-sociaux ul li a svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image .reseaux-sociaux ul li a svg path {
    fill: #2f2f2f;
    transition: 0.3s ease-in-out;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-image .reseaux-sociaux ul li a:is(:hover,
    :focus,
    :active) svg path {
    fill: var(--primary-color);
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text {
    position: relative;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) {
    border: none;
    padding-left: 0;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::after {
    left: 0;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text p:nth-of-type(even) {
    border-left: 2px solid var(--primary-color);
    padding-left: 1.5rem;
    margin-left: 2.5rem;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text .float-img {
    /* position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; */
    float: left;
    display: inline-block;
    margin-right: 1.5rem;
    border-left: 6px solid var(--primary-color);
    width: 180px;
    height: 213px;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text .float-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text ul {
    padding-left: 0;
    margin-inline: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text ul li {
    position: relative;
    padding-left: 8px;
    font-weight: 500;
}

:is(#bloc-01,
    #bloc-04,
    #bloc-07,
    #bloc-10) .bloc-text ul li::before {
    content: '';
    position: relative;
    top: 4px;
    left: -8px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M7.75488 15C6.38822 15 5.12988 14.6667 3.97988 14C2.82988 13.3333 1.92155 12.425 1.25488 11.275C0.588216 10.125 0.254883 8.86667 0.254883 7.5C0.254883 6.13333 0.588216 4.875 1.25488 3.725C1.92155 2.575 2.82988 1.66667 3.97988 1C5.12988 0.333333 6.40488 0 7.80488 0C9.20488 0 10.5049 0.366667 11.7049 1.1C11.8049 1.16667 11.8715 1.26667 11.9049 1.4C11.9382 1.53333 11.9215 1.65 11.8549 1.75C11.7882 1.85 11.6965 1.90833 11.5799 1.925C11.4632 1.94167 11.3549 1.91667 11.2549 1.85C10.1882 1.21667 9.03822 0.9 7.80488 0.9C6.57155 0.9 5.44655 1.19167 4.42988 1.775C3.41322 2.35833 2.61322 3.15833 2.02988 4.175C1.44655 5.19167 1.15488 6.3 1.15488 7.5C1.15488 8.7 1.44655 9.80833 2.02988 10.825C2.61322 11.8417 3.41322 12.6417 4.42988 13.225C5.44655 13.8083 6.55488 14.1 7.75488 14.1C8.95488 14.1 10.0632 13.8083 11.0799 13.225C12.0965 12.6417 12.8965 11.8417 13.4799 10.825C14.0632 9.80833 14.3549 8.7 14.3549 7.5C14.3549 6.76667 14.2382 6.05 14.0049 5.35C13.9715 5.25 13.9799 5.14167 14.0299 5.025C14.0799 4.90833 14.1632 4.83333 14.2799 4.8C14.3965 4.76667 14.5132 4.775 14.6299 4.825C14.7465 4.875 14.8215 4.95 14.8549 5.05C15.1215 5.85 15.2549 6.66667 15.2549 7.5C15.2549 8.86667 14.9215 10.125 14.2549 11.275C13.5882 12.425 12.6799 13.3333 11.5299 14C10.3799 14.6667 9.12155 15 7.75488 15ZM7.75488 10.05C7.62155 10.05 7.52155 10 7.45488 9.9L3.90488 6.6C3.83822 6.53333 3.79655 6.43333 3.77988 6.3C3.76322 6.16667 3.79655 6.05833 3.87988 5.975C3.96322 5.89167 4.07155 5.85 4.20488 5.85C4.33822 5.85 4.43822 5.88333 4.50488 5.95L7.70488 8.95L13.5049 2.1C13.6049 2 13.7132 1.94167 13.8299 1.925C13.9465 1.90833 14.0465 1.94167 14.1299 2.025C14.2132 2.10833 14.2632 2.20833 14.2799 2.325C14.2965 2.44167 14.2715 2.55 14.2049 2.65L8.10488 9.9C8.00488 10 7.90488 10.05 7.80488 10.05H7.75488Z" fill="%237993A3"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Blocs 2, 5 et 8 */

:is(#bloc-02,
    #bloc-05,
    #bloc-08) {
    position: relative;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-image {
    position: relative;
    width: 100%;
    height: 100%;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-image .float-text {
    position: absolute;
    top: 15%;
    left: 20%;
    display: block;
    width: 180px;
    aspect-ratio: 1/1;
    background-color: var(--accent-color);
    padding: 1.875rem 1rem;
    color: white;
    font-weight: 300;
    text-align: center;
    line-height: 2;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-image .float-text p {
    margin: 0;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text {
    position: relative;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.25rem;
    padding: 0.5rem 1.75rem 1rem;
    border-bottom: 1px solid var(--accent-color);
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis svg {
    display: block;
    width: 55px;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis svg path {
    fill: black;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text {}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text span {
    display: inline-block;
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2f2f2f;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text address.coordonnee-telephone {
    display: inline-block;
    margin-left: 5px;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text address.coordonnee-telephone a {
    display: inline-block;
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text address.coordonnee-telephone a:is(:hover,
    :focus,
    :active) {
    color: var(--secondary-color);
}

:is(#bloc-02,
    #bloc-05,
    #bloc-08) .bloc-text .insert-contact-devis .text strong {
    display: block;
    font-size: 1.625rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: var(--primary-color);
}


/* Blocs 3, 6 et 9 */

:is(#bloc-03,
    #bloc-06,
    #bloc-09) {
    position: relative;
    margin-block: 4rem;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 50vw;
    background-image: url('../assets/gifs/bg-bloc-3-1.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09)::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 50vw;
    background-image: url('../assets/gifs/bg-bloc-3-2.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-top: 10px solid var(--accent-color);
    background-color: #ffffffcc;
    text-align: center;
    padding: 4rem 10vw 2rem;
    z-index: 1;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) {
    max-width: 400px;
    text-align: center;
    color: #121212bf;
    border: none;
    margin-top: 0;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::before,
:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::after {
    content: none;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content .reseaux-sociaux ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content .reseaux-sociaux ul li a svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content .reseaux-sociaux ul li a svg path {
    fill: #2f2f2f;
    transition: 0.3s ease-in-out;
}

:is(#bloc-03,
    #bloc-06,
    #bloc-09) .content .reseaux-sociaux ul li a:is(:hover,
    :focus,
    :active) svg path {
    fill: var(--primary-color);
}


/* FOOTER */


/* ====== */

footer {
    padding-block: 2rem;
    background-color: #DDAFAF;
}

footer .main-footer .content {
    display: grid;
    grid-template-columns: 300px 2fr 1fr;
    gap: 20px;
}

footer .main-footer .content .section-brand {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2rem 20px;
}

footer .main-footer .content .section-brand .brand {
    text-align: center;
}

footer .main-footer .content .section-brand .brand a svg path {
    fill: black;
}

footer .main-footer .content .section-brand .brand a:hover svg path {
    fill: var(--secondary-color);
}

footer .main-footer .content .section-brand p {
    width: 100%;
    max-width: 285px;
    margin: 0;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    opacity: 0.75;
}

@media screen and (max-width: 992px) {
    footer .main-footer .content {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    footer .main-footer .content .section-brand {
        grid-column: 1/-1;
    }

    footer .main-footer .content .section-brand p {
        max-width: none;
    }
}

@media screen and (max-width: 600px) {
    footer .main-footer .content {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 993px) {

    footer .main-footer .content .section-menu-footer,
    footer .main-footer .content .section-contact {
        padding-top: 2rem;
    }
}

footer .main-footer .content .section-menu-footer .title-section,
footer .main-footer .content .section-contact .title-section {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    opacity: 0.75;
    font-weight: 600;
    margin-bottom: 1.625rem;
}

footer .main-footer .content .section-menu-footer nav#footer-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 480px) {
    footer .main-footer .content .section-menu-footer nav#footer-menu {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

footer .main-footer .content .section-menu-footer nav#footer-menu ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
    margin: 0;
    padding: 0;
}

footer .main-footer .content .section-menu-footer nav#footer-menu ul li a {
    color: var(--text-color);
    opacity: 0.75;
    transition: 0.3s ease-in-out;
}

footer .main-footer .content .section-menu-footer nav#footer-menu ul li a:hover {
    color: var(--primary-color-40);
    opacity: 1;
}

@media screen and (min-width: 993px) {
    footer .main-footer .content .section-menu-footer nav#footer-menu ul li a {
        font-size: 0.875rem;
    }
}

footer .main-footer .content .section-contact .coordonnee-telephone {
    margin-bottom: 1.75rem;
}

footer .main-footer .content .section-contact .coordonnee-telephone a {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

footer .main-footer .content .section-contact .coordonnee-mail {
    margin-bottom: 1.75rem;
}

footer .main-footer .content .section-contact .coordonnee-mail a {
    opacity: 0.75;
    text-decoration: none;
    color: var(--text-color);
    transition: 0.3s ease-in-out;
}

footer .main-footer .content .section-contact .coordonnee-mail a:hover {
    color: var(--primary-color-40);
    opacity: 1;
}

footer .main-footer .content .section-contact .coordonnee-adresse * {
    line-height: 1.5;
    opacity: 0.75;
}

footer .main-footer .content .section-contact .coordonnee-adresse a {
    transition: 0.3s ease-in-out;
}

footer .main-footer .content .section-contact .coordonnee-adresse a:hover {
    color: var(--primary-color-40);
    opacity: 1;
}

footer .sub-footer .content {
    margin-top: 2rem;
    border-top: 1px solid #171717c8;
    padding-top: 2rem;
}

footer .sub-footer .content .siret {
    opacity: 0.75;
}


/* PAGES INTERNES */


/* ============== */


/* Fil d'ariane */

.fil-ariane .first,
#fil_ariane .first {
    display: inline;
}

#fil_ariane a {
    color: var(--link-color);
    text-decoration: underline;
}

#fil_ariane a:hover {
    text-decoration: none;
}


/* Relance */

#relance ul {
    padding-left: 0;
}

body.page-interne .sc-content #relance ul li a {
    color: var(--link-color);
}


/* Encart contact */

@media screen and (max-width: 992px) {
    #encart-contact .row .col:not(:last-child) .card {
        margin-bottom: 2rem;
    }
}

#encart-contact .content {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 0;
}

@media screen and (max-width: 992px) {
    #encart-contact .content {
        grid-template-columns: 1fr;
    }
}

#encart-contact .content .bloc-contact-coordonnees {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #FAF1F1;
    padding: 1.5rem 1.875rem;
}

#encart-contact .content .bloc-contact-coordonnees .logo {
    position: absolute;
    top: 1.375rem;
    left: 10px;
    display: block;
    width: 55px;
    height: 55px;
}

#encart-contact .content .bloc-contact-coordonnees .logo path {
    fill: black;
}

#encart-contact .content .bloc-contact-coordonnees .title-section {
    color: #121212;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 6px;
}

#encart-contact .content .bloc-contact-coordonnees p {
    color: #121212;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
}

#encart-contact .content .bloc-contact-coordonnees .coordonnee-telephone {
    margin-bottom: 2rem;
}

#encart-contact .content .bloc-contact-coordonnees .coordonnee-telephone a {
    color: #121212;
    text-align: center;
    font-size: 1.875rem;
    font-weight: 900;
    transition: 0.3s ease-in-out;
}

#encart-contact .content .bloc-contact-coordonnees .coordonnee-telephone a:is(:hover,
    :focus,
    :active) {
    color: var(--accent-color);
}

#encart-contact .content .bloc-contact-coordonnees .infos-devis {
    color: #121212;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

#encart-contact .content .bloc-contact-coordonnees .btn-devis {
    margin-bottom: 2rem;
}

#encart-contact .content .bloc-contact-coordonnees .img-contact {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.7/1;
    object-fit: cover;
    object-position: center;
}

#encart-contact .content .bloc-formulaire-contact {
    position: relative;
    padding: 3rem 2vw 1rem;
}

#encart-contact .content .bloc-formulaire-contact::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background-image: url('../assets/gifs/bg-prestations.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    z-index: -1;
}

#encart-contact .content .bloc-formulaire-contact::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background-color: #f8f8f8;
    z-index: -1;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form>h2 {
    text-align: center;
    color: var(--text-color);
    border: none;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form>h2::before,
#encart-contact .content .bloc-formulaire-contact .content-formulaire form>h2::after {
    content: none;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p {
    position: relative;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

@media screen and (max-width: 600px) {
    #encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18 {
        grid-template-columns: 1fr;
    }
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18 p {
    margin: 0;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18>p:nth-of-type(1)>input {
    padding-right: 2rem;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18>p:nth-of-type(1)::after {
    content: '\e7fd';
    font-family: 'Material Icons';
    color: #8a8a8a;
    font-size: 1.5rem;
    position: absolute;
    bottom: 2px;
    right: 8px;
    z-index: 1;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18>p:nth-of-type(2)>input {
    padding-right: 2rem;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form #field_18>p:nth-of-type(2)::after {
    content: '\e158';
    font-family: 'Material Icons';
    color: #8a8a8a;
    font-size: 1.5rem;
    position: absolute;
    bottom: 2px;
    right: 8px;
    z-index: 1;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form>p:nth-of-type(1)>input {
    padding-right: 2rem;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form>p:nth-of-type(1)::after {
    content: '\e0b0';
    font-family: 'Material Icons';
    color: #8a8a8a;
    font-size: 1.5rem;
    position: absolute;
    bottom: 2px;
    right: 8px;
    z-index: 1;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p:not(.submit) label {
    display: none;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p:not(.submit) :is(input,
    textarea) {
    background-color: white;
    border: 1px solid hsla(0, 0%, 47%, 0.20);
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p.submit {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 600px) {
    #encart-contact .content .bloc-formulaire-contact .content-formulaire form p.submit {
        display: block;
    }
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p.submit::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    transition: 0.3s ease-in-out;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form p.submit::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -6px;
    display: block;
    opacity: 1;
    width: 7px;
    height: 7px;
    border-left: 1px solid var(--text-color);
    border-top: 1px solid var(--text-color);
    transition: 0.3s ease-in-out;
}

#encart-contact .content .bloc-formulaire-contact .content-formulaire form .divGenerateurRequired {
    display: none;
}


/* Politique de confidentialité */

body.page-politique-confidentialite main .section address {
    margin-bottom: 1rem;
}


/* Plan du site */

body.plan-site main .section .sitemap-nav ul li {
    display: list-item !important;
}

body.plan-site main .section .sitemap-nav ul li:not(:last-of-type) {
    margin-bottom: 8px;
}


/* Rappel téléphonique */

.rappel_telephonique .brand {
    text-align: center;
    margin: 2rem 0;
}

.rappel_telephonique .brand a {
    display: inline-block;
}

.rappel_telephonique h2 {
    text-align: center;
}


/* Page 404 */


/* Page Contact */

body.contact-page main :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) {
    color: white;
    border: none;
    padding-left: 0;
}

body.contact-page main :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::before,
body.contact-page main :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::after {
    content: none;
}

body.contact-page main .contact-page-infos-pratiques .title-2 {
    color: #121212;
}

body.contact-page main .section:first-child .row .col .row {
    flex-wrap: nowrap;
}

table.horaires tr>td:not(:last-child) {
    padding-right: 1rem;
}

body.contact-page main ul.coordonnees address {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {
    body.contact-page main .section .container .row>.col ul.coordonnees {
        margin-bottom: 1rem;
    }
}


/* Actualités listing */

@media screen and (min-width: 601px) {
    body.actualites-listing .recherche_actu #input_recherche_actu {
        width: calc(100% - 5.25rem);
        border-radius: 0;
    }

    body.actualites-listing .recherche_actu #recherche_actu_submit {
        padding: 8px 1rem;
    }
}

body.actualites-listing main #container_actualite_listing .masonry-grid {
    display: grid;
    grid-auto-rows: auto;
    gap: 1.5rem;
}


/* Actualités détail */

body.actualites-detail main .date {
    position: relative;
    color: var(--accent-color);
    margin-bottom: 1.125rem;
}

body.actualites-detail main .date::before {
    content: '\e935';
    position: relative;
    top: 2px;
    font-family: "Material Icons";
    color: var(--primary-color);
}


/* Catalogue listing */

body.catalogue-listing main #catalogue_contenu .masonry-grid {
    display: grid;
    grid-auto-rows: auto;
    gap: 1.5rem;
}

@media screen and (min-width: 601px) {
    body.catalogue-listing main #catalogue_contenu .masonry-grid {
        grid-template-columns: 1fr 1fr;
    }
}


/* Catalogue détail */


/* PaginationControl */

.paginationControl {
    margin: 2.5rem 0;
    text-align: center;
}

.paginationControl * {
    color: var(--text-color);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    line-height: 1.8;
    width: 26px;
    height: 26px;
    margin: 0 1rem;
    padding: 0 4px;
    border-radius: 50%;
}

.paginationControl :first-child,
.paginationControl :last-child {
    font-size: 1.635rem;
    line-height: 0.8;
}

.paginationControl .selected {
    color: white;
    background-color: var(--text-color);
}

.paginationControl .disabled {
    opacity: 0.5;
}

.paginationControl a {
    transition: 0.3s ease-in-out;
}

.paginationControl a:hover {
    color: white;
    background-color: hsla(var(--text-h), var(--text-s), var(--text-l), 0.5);
}

@media screen and (max-width: 992px) {
    .paginationControl * {
        margin: 0.5rem 1rem;
    }
}


/* Pages internes */


/* Page - Le studio */

body.page-studio main .section :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) {
    border: none;
    padding-left: 0;
    margin-top: 0;
}

body.page-studio main .section :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::before,
body.page-studio main .section :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3)::after {
    content: none;
}

body.page-studio main .section :is(h1,
    h2,
    h3,
    .title-1,
    .title-2,
    .title-3) strong {
    display: block;
}

body.page-studio main .section .bloc-image {
    position: relative;
    width: 100%;
    height: 100%;
}

body.page-studio main .section .bloc-image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-left: 6px solid var(--primary-color);
}

body.page-studio main .section .bloc-image .float-img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 280px;
    aspect-ratio: 2/3;
    transform: translateX(-50%);
    border-top: 10px solid var(--background-color);
    border-right: 10px solid var(--background-color);
}

body.page-studio main .section-2.section .bloc-image>img {
    width: 80%;
    margin-left: auto;
}

body.page-studio main .section-2.section .bloc-image .float-img {
    max-width: 280px;
    aspect-ratio: 5/4;
    transform: none;
}

body.page-studio main .section .bloc-image .float-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 992px) {
    body.page-studio main .section .bloc-image .float-img {
        display: none;
    }

    body.page-studio main .section-2.section .bloc-image>img {
        width: 100%;
    }
}


/* Page - Le studio */

body.page-prestations main .single-prestation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 4rem;
}

body.page-prestations main .single-prestation:nth-of-type(even) {
    flex-direction: row-reverse;
}

body.page-prestations main .single-prestation .bloc-image {
    width: 30%;
    height: 400px;
    border-left: 6px solid var(--primary-color);
}

body.page-prestations main .single-prestation .bloc-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.page-prestations main .single-prestation .bloc-text {
    background-color: #e9b9b91a;
    width: 70%;
    padding: 2rem 3rem;
}

body.page-prestations main .single-prestation .bloc-text svg {
    display: block;
    aspect-ratio: 1/1;
    width: 80px;
    margin-bottom: 1.25rem;
    /* background-color: #f9f9f9; */
    padding: 15px;
    transition: 0.3s ease-in-out;
}

body.page-prestations main .single-prestation .bloc-text svg path {
    fill: var(--primary-color);
}

body.page-prestations main .single-prestation .bloc-text span.nb-prestation {
    display: block;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-color);
}

body.page-prestations main .single-prestation .bloc-text strong.nom-prestation {
    display: block;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 992px) {
    body.page-prestations main .single-prestation .bloc-image {
        width: 40%;
    }

    body.page-prestations main .single-prestation .bloc-text {
        width: 60%;
    }
}

@media screen and (max-width: 600px) {
    body.page-prestations main .single-prestation {
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: center;
    }

    body.page-prestations main .single-prestation .bloc-image {
        width: 100%;
        height: 250px;
    }

    body.page-prestations main .single-prestation .bloc-text {
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    body.page-prestations main .single-prestation .bloc-text span.nb-prestation {
        text-align: center;
    }

    body.page-prestations main .single-prestation .bloc-text strong.nom-prestation {
        text-align: center;
    }
}


/* MODIFICATIONS */

.brand svg {
    fill: black;
}

.page-prestations .fold {
    min-height: 3vh;
    background-image: none;
}

.page-prestations .fold .bg-fold {
    min-height: 0;
    background-image: none;
}

.contact-page .primary-40 {
    background-color: #dc9898;
}

.contact-page .material-icons.primary-30 {
    background-color: #E7B9B9;
}

.slider-slick .btn-devis {
    margin-top: 20px;
}