﻿@media screen and (min-width: 851px) and (max-width: 1180px) {
  .navbar {
    padding: 10px 20px;
    gap: 15px;
  }

  .navbar .flex-entete-d-2 {
    gap: 3px;
  }

  .navbar .btn {
    padding: 10px 10px;
  }

  .navbar a {
    margin-right: 5px !important;
  }

  .logo img {
    padding: 0;
    height: 40px;
    width: auto;
  }

  .padding90 {
    padding-top: 35px !important;
    padding-bottom: 90px !important;
  }

  section.radius29.padding90 {
    padding-bottom: 0 !important;
    margin: 0 15px;
  }

  .padgd90px {
    padding: 0 45px;
  }

  ul.flex {
    margin-bottom: 15px;
    margin-top: 20px;
  }

  .topnega25 {
    justify-items: center;
  }

  .rondafter:after {
    top: 50%;
    right: 0;
    transform: translate(30%, -47%);
  }

  .radius43, .radius43 * {
    border-radius: 43px 0 0 43px;
    position: relative;
    overflow: hidden;
    min-height: 430px;
  }

  .blockcta, .flexbas {
    margin: 0 15px !important;
  }

  .blockcta {
    margin-top: 25px !important;
  }

  .topnega25 {
    justify-items: center;
    gap: 0 !important;
    grid-template-columns: 1.3fr 0.7fr !important;
  }

  .titrebase :is(h1, h2, h3, h4, h5) span {
    display: block;
  }

  body.home .reassurances li {
    font-size: 0.8em;
  }

  body.home .reassurances ul {
    gap: 7px;
    padding: 20px 8px;
  }

  body.home .reassurances ul li strong {
    font-size: 1em;
    display: block;
  }

  footer.footerbg {
    padding-top: 0;
    margin-top: 15px;
  }

  .main-footer {
    margin: auto 15px;
    align-items: start;
  }

}

@media screen and (max-width: 850px) {
  .logo {
    position: relative;
    margin-right: auto;
  }

  .flex-entete-d-2 {
    display: none;
  }

  header.navbar {
    padding: 0 5px 0 10px !important;
    grid-template-columns: 1fr 1fr;
    display: grid;
    width: 93%;
    min-height: 65px;
  }

  .menufermer, span.MenuBox.open .menuouvert {
    display: none;
  }

  span.MenuBox.open .menufermer {
    display: block;
  }

  .MenuBox {
    display: flex;
    padding: 10px;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    border: 1px solid var(--color-brand);
    background-color: var(--color-brand);
    border-radius: 50%;
    position: relative;
    left: -5px;
    height: 45px;
    width: 45px;
    color: var(--color-white);
    justify-content: center;
    align-items: center;
  }

  .MenuBox img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(295deg) brightness(106%) contrast(101%);
  }

  li.menu-item-has-children:after {
    right: 0;
    color: var(--color-white);
  }

  .flex-entete-c {
    text-align: center;
  }

  .flex-entete-g .reseaux_sociaux, .flex-entete-d .telephone, .flex-entete-d .prendre_rdv strong, .flex-entete-d .contact strong, .flex-entete-d {
    display: none;
  }

  .espace-menu.open ul#menu-entete {
    display: block;
  }

  ul#menu-entete {
    display: none;
  }

  ul#menu-entete.menu.open {
    display: block !important;
    position: absolute;
    left: 0;
    top: 70px;
    background: rgb(22 22 21 / 90%);
    width: 100%;
    padding: 15px 15px;
    transform: translateY(0);
    opacity: 1;
    border-radius: 25px;
  }

  ul#menu-entete li.menu-item-has-children.openLi .sub-menu {
    display: block;
    padding: 0;
    background: transparent;
    min-width: 190px;
    top: 0;
    overflow: hidden;
    width: max-content;
    position: relative;
    margin: 0 0;
    margin-left: 20px;
    box-shadow: none;
  }

  ul#menu-entete li {
    list-style: none;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  ul#menu-entete li.menu-item-has-children.openLi .sub-menu li {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  ul#menu-entete li a {
    padding: 5px 10px;
    font-size: 1.1em !important;
    display: flex;
    gap: 10px;
    color: var(--color-white);
  }

  ul#menu-entete li a:hover {
    color: #214a63 !important;
  }

  ul#menu-entete li.grostitre>a {
    font-size: 1.3em !important;
    margin-bottom: 10px !important;
    margin-top: 10px;
  }

  ul#menu-entete li.bouton a {
    font-size: 1.2em !important;
    padding: 5px 15px;
  }

  /* MOBILE BAR  */
    .MobileBar {
        position: fixed;
        bottom: -10px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 65px;
        z-index: 30;
        background: rgb(22 22 21 / 90%);
        width: 93%;
        gap: 10px;
        padding: 0 5px;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        box-shadow: 0 4px 24px #0000001C;
    }

  .MobileBar a {
    margin: 0;
    width: 100% !important;
    font-size: 1em;
    padding: 10px 10px !important;
    text-align: center;
    justify-content: center;
  }

  .MobileBar a strong {
    font-weight: 500;
  }

  .MobileBar img {
    display: none;
  }

  .MobileBar a.contact:before {
    display: none;
  }

  /* TEXTE  */
  .titrebase h1, .titrebase h2, .titrebase h3, .titrebase h4 {
    font-size: 1.5em;
  }

  /* DECOR  */
  ul#menu-entete:after {
    width: 200px;
    height: 200px;
    top: 3%;
    right: -35%;
  }

  /* BASE  */
  .logo img {
    padding: 0;
    width: 150px;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .Conteneur {
    font-size: 1.4em;
  }

  /* ESPACEMENT */
  section {
    padding: 0 15px;
    padding: 0;
  }

  .item .cadrebtnActivite {
    width: 75%;
  }

  .blockcta {
    margin: 0 15px !important;
  }

  .topnega25, .nos-services, .fl-node-mc2hankb6ut7, section.radius29.padding90 .fl-rich-text {
    padding: 0 15px !important;
  }

  .topnega25, .fl-node-mc2hankb6ut7 {
    padding-top: 30px !important;
  }

  /* MODIF FSC  */
  .fl-rich-text br {
    display: none;
  }

  ul.flex.centrer {
    width: auto;
  }

  .padgd90px {
    padding: 0 0;
  }

  .titrebase :is(h1, h2, h3, h4, h5) span {
    display: block;
  }

  .reassurances ul {
    min-height: 150px;
  }

  section.radius29.padding90 {
    padding-bottom: 0 !important;
    margin: 0 15px;
    padding-top: 20px !important;
  }

  .wpcf7-form a.btn.grand {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
  }

  /* GRID  */
  .fl-node-chvp2s4t5lax, .nos-services, .fl-node-elhrnfmqgxz2, .fl-node-3rfmw1h9p0c5, .fl-node-vmth2ijc0p83, .Grid-1-2 {
    grid-template-columns: 1fr !important;
  }

  .fl-node-evh9irq8xsub {
    grid-template-columns: 1fr 1fr !important;
  }

  .fl-builder-content-92 .fl-node-j21ofm6tqrle {
    grid-template-columns: 1.5fr 0.5fr !important;
  }

  .reassurances:last-child {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
    order: 3 !important;
  }

  .fl-node-3p69ozm8g27d.reassurances {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    order: 1 !important;
  }

  .map iframe {
    border-radius: 29px;
    overflow: hidden;
    position: relative;
  }

  .map {
    margin-top: 20px!important;
  }

  .nos-services {
    padding-bottom: 15px !important;
  }

  /* DECO */
  .rondafter:after {
    width: 400px;
    height: 400px;
    position: absolute;
    right: -10%;
    top: inherit;
    bottom: 19%;
  }

  .siheroubandeau .rondafter:after {
    right: -10%;
    top: inherit;
    bottom: 2%;
  }

  /* IMAGES  */
  .decallageimg {
    margin-right: -40% !important;
    max-height: 350px;
  }

  .radius43, .radius43 * {
    max-height: 350px;
  }

  /* FOOTER */
  footer.footerbg {
    padding-top: 0;
    margin-top: 25px;
  }

  .main-footer {
    display: grid;
    grid-template-columns: 0.9fr 0.8fr 1.3fr !important;
    grid-template-areas: "logo nav reservation";
    padding: 30px 12px;
    gap: 10px 5px;
    max-width: 1200px;
    margin: auto;
  }

  .main-footer .footer-nav, .main-footer .footer-reservation, .main-footer .footer-credits {
    padding-top: 0;
  }

  .flexbas .container ul {
    padding: 0 20px;
  }

}

@media screen and (max-width: 500px) {
  .logo img {
    width: 135px;
  }

  /* GRID */
  .fl-module-box, .infinite-scroll-posts-grid, .grid-tax, .ctabas .fl-module-box, .gridtermdouble, .gridtermavecfaq, .cpresta, .Grid-1-2, .fl-builder-content-92 .fl-node-j21ofm6tqrle {
    grid-template-columns: 1fr !important;
  }

  .reassurances:last-child {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    order: 6 !important;
  }

  /* PAD MARG */
  .padding60 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .CoteGauche {
    padding: 30px 0;
  }

  section {
    padding: 0 15px;
  }

  .CarouDecalage {
    margin-right: 0;
  }

  .item {
    margin: 0 5px;
    box-shadow: 1px 6px 14px #00000029;
  }

  .Grid-3 {
    gap: 30px;
  }

  .Grid-33 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding: 0;
  }

  /* MODIF  */
  section#Choix6Suite, #ZOnnerie {
    margin: 10px 0;
  }

  .flex-entete-d-2 {
    display: none;
  }

  .flex {
    flex-direction: column;
  }

  .flex-form .half {
    width: 100%;
  }

  .flex li {
    width: 100%;
  }

  .decallageimg {
    margin-right: -10% !important;
    max-height: 480px;
  }

  .theme2 {
    gap: 5px;
  }

  .theme2 li {
    background: var(--color-white);
    padding: 10px 10px;
    font-size: 0.7em;
  }

  .fl-node-padl32n4tsyo {
    padding: 15px 0 !important;
  }

  .nos-services, .fl-node-mc2hankb6ut7 .fl-rich-text {
    padding: 0 15px !important;
  }

  .photo2, .photo1 {
    top: 0;
  }

  .photo1, .photo2 {
    height: 225px !important;
    position: relative;
  }

  .rondafter.padding20 {
    padding-bottom: 0 !important;
  }

  /* DECO BEFORE AFTER */
  .rondafter:after {
    width: 400px;
    height: 400px;
    right: -30%;
    top: initial;
    bottom: 32%;
  }

  .rondbefore:after {
    width: 270px;
    height: 270px;
    left: -10%;
    bottom: 60%;
  }

  .siheroubandeau .rondafter:after {
    width: 280px;
    height: 280px;
    right: -17%;
    top: initial;
    bottom: -1%;
  }

  /* ESPACEMENT et DISPOSITION   */
  .padding90 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .grid-tax {
    margin-bottom: 25px;
  }

  .fl-node-uhi85s3oxlac .fl-row-content-wrap>.fl-row-content {
    padding: 0;
    margin: 0;
  }

  .blockreassurances {
    padding: 15px !important;
  }

  section.fl-node-24dcmtfsye5r {
    padding: 0;
    margin: 0;
  }

  .fl-node-8fq731n6viys {
    padding: 0 15px;
  }

  .fl-node-24dcmtfsye5r .fl-row-content-wrap .fl-row-content {
    margin: 0 !important;
  }

  .fl-node-kwjigsxbt6yl .fl-rich-text * {
    text-align: center !important;
  }

  section.fl-row-full-width {
    margin: 0 15px;
    padding: 0;
  }

  .fl-row-full-width, .blockcta {
    margin: 0 15px !important;
  }

  ul.flex.centrer {
    width: auto;
  }

  .fl-node-content {
    padding: 0;
  }

  .fl-module {
    padding: 0;
    margin: 0;
  }

  .fl-module .fl-module-content.fl-node-content {
    margin: 0;
  }

  .padgd90px {
    padding: 0 0;
  }

  /* TEXTE  */
  .titrebase h1, .titrebase h2, .titrebase h3, .titrebase h4, .blockcontact h4 {
    font-size: 1.5em;
  }

  .CoteGauche :is(h1, h2, h3, h4, h5, h6) {
    text-transform: none !important;
    font-size: 1.5em !important;
    margin-top: 10px !important;
    margin-bottom: 5px;
  }

  .lePartage {
    flex-direction: column;
  }

  /* FOOTER  */
  .main-footer {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-areas:    "logo"    "nav"    "reservation"    "credits";
    padding: 30px 20px;
    gap: 10px 50px;
    max-width: 1200px;
    margin: auto;
  }

  .footer-nav {
    margin-left: 0;
  }

  .footer-logo ul li {
    width: auto;
  }

  .flexbas .container ul {
    padding: 10px 15px;
    flex-direction: column-reverse;
  }

}

