<!doctype html>
<html lang="fr">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
&#8734; Le Faudé Hôtel Restaurant LAPOUTROIE, Alsace - Logis Hôtels</title>
<meta name="description" content="Site officiel | Le Faudé hôtel restaurant au coeur de l'Alsace, le pays Welche est un écrin de verdure, à 70 km de Strasbourg et Mulhouse, à 20 Kms de Colmar, dans la Vallée de Kaysersberg.">
<link rel="icon" type="image/png" href="https://www.faude.com/favicon.png?v=43" sizes="32x32">
<link rel="preload" href="https://www.faude.com/fonts/fa-solid-900.woff2" as="font" media="(prefers-reduced-data: no-preference)" crossorigin>
<link rel="preload" href="https://use.typekit.net/qxu7zup.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://use.typekit.net/qxu7zup.css"></noscript>
<link href="https://www.faude.com/css/build/global.min.css?v=1939c3e4668" rel="stylesheet">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"></noscript>

<!-- Infos pour partage fb -->
<meta property="fb:app_id" content="" />
<meta property="og:url" content="https://www.faude.com" />
<meta property="og:title" content="&#8734; Le Faudé Hôtel Restaurant LAPOUTROIE, Alsace - Logis Hôtels" />
<meta property="og:description" content="Site officiel | Le Faudé hôtel restaurant au coeur de l'Alsace, le pays Welche est un écrin de verdure, à 70 km de Strasbourg et Mulhouse, à 20 Kms de Colmar, dans la Vallée de Kaysersberg." />
<meta property="og:image" content="https://www.monsamm.com/gallery/67b73695ab5690.12038015-lg.webp" />
<meta property="og:image:alt" content="Terrasse et extérieur, le Faudé" />
<meta property="og:type" content="website" />

<!-- HTML5 Shim et Respond.js pour IE8  : support des éléments HTML5 et des media queries --> 
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]--> 
<!--<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>-->
<link rel="canonical" href="https://www.faude.com" />
<link rel="preload" as="image" href="https://www.monsamm.com/gallery/67b73695ab5690.12038015-lg.webp" type="image/webp" fetchpriority="high">

</head>


<body class="body home ">
  <main>
    <header id="header">
      <div class="module header "><div class="container-header px-4 ">
  <div class="me-1 d-xl-none d-lg-none d-block">
    <a class="hamburger d-block" href="#" title="navigation" id="menu-icon">
      <span></span>
      <span></span>
      <span></span>
    </a>
  </div>
  <div class="left-nav order-1 d-flex  align-items-center justify-content-end ">
    <ul class="d-flex m-0 list-unstyled align-items-center justify-content-end ">
      <li class="nav-item d-block py-0 px-3 position-relative active">
            <a title="&#8734; Le Faudé Hôtel Restaurant LAPOUTROIE, Alsace - Logis Hôtels" class="nav-link titre-font px-3 py-2 w-100 fw-bold position-relative active" href="https://www.faude.com">
              Hôtel            </a>
          </li>
      <li class="nav-item d-block py-0 px-3 position-relative ">
            <a title="Chambres hôtel Alsace Lapoutroie, vallée de Kaysersberg | Le Faudé - Logis Hôtels" class="nav-link titre-font px-3 py-2 w-100 fw-bold position-relative " href="chambres-hotel-restaurant-lapoutroie-alsace">
              Chambres            </a>
          </li>
      <li class="nav-item d-block py-0 px-3 position-relative ">
            <a title="Restaurant à Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font px-3 py-2 w-100 fw-bold position-relative " href="restaurant-hotel-restaurant-lapoutroie-alsace">
              Restaurant            </a>
          </li>
      <li class="nav-item d-block py-0 px-3 position-relative ">
            <a title="Réceptions, Groupe, traiteur vallée de Kaysersberg, Lapoutroie | Le Faudé" class="nav-link titre-font px-3 py-2 w-100 fw-bold position-relative " href="reception-groupes-traiteur-hotel-restaurant-lapoutroie-alsace">
              Groupes/Traiteur            </a>
          </li>
          </ul>
  </div>
  <div class="brand order-2 d-flex justify-content-center"> <div class="module logo "><a  href="https://www.faude.com" title="&#8734; Le Faudé Hôtel Restaurant LAPOUTROIE, Alsace - Logis Hôtels">
<div class="logo_hotel"> <img src="https://www.faude.com/img/logo-hotel-faude-lapoutroie.webp" width="130" height="140"  alt="logo Logis Hôtel du Faudé"> </div>
<div class="logo_hotel_fixed"> <img loading="lazy" src="img/logo-hotel-faude-lapoutroie-couleur.webp" height="100" width="93" alt="logo Logis Hôtel du Faudé"> </div>
</a>
</div></div>
  <div class="right-nav order-3 d-flex">
    <ul class="d-flex m-0 list-unstyled align-items-center ">
                <li class="nav-item d-block py-0 px-xl-3 px-xxl-3 px-2 position-relative ">
            <a title="Soirées étapes & Offres vallée de Kaysersberg, Alsace | Le Faudé" class="nav-link titre-font px-xxl-3 px-xl-3 px-2 py-2 w-100 fw-bold position-relative " href="offres-soirees-etapes-hotel-restaurant-lapoutroie-alsace">
              Offres            </a>
          </li>
                <li class="nav-item d-block py-0 px-xl-3 px-xxl-3 px-2 position-relative ">
            <a title="Loisirs &amp; activités en Alsace, vallée de Kaysersberg | Le Faudé - Logis Hôtels" class="nav-link titre-font px-xxl-3 px-xl-3 px-2 py-2 w-100 fw-bold position-relative " href="tourisme-hotel-restaurant-lapoutroie-alsace">
              Lapoutroie            </a>
          </li>
                <li class="nav-item d-block py-0 px-xl-3 px-xxl-3 px-2 position-relative ">
            <a title="Infos pratiques | Hôtel Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font px-xxl-3 px-xl-3 px-2 py-2 w-100 fw-bold position-relative " href="acces-et-infos-hotel-hotel-restaurant-lapoutroie-alsace">
              Accès            </a>
          </li>
                <li class="nav-item d-block py-0 px-xl-3 px-xxl-3 px-2 position-relative ">
            <a title="Photos | Hôtel Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font px-xxl-3 px-xl-3 px-2 py-2 w-100 fw-bold position-relative " href="galerie-hotel-restaurant-lapoutroie-alsace">
              Galerie            </a>
          </li>
            <li class="d-xl-block d-lg-block d-none">
                  <a href="https://www.hoteldufaude.com/" target="_blank" title="english website"><img src="img/svg/en.min.svg" height="22" width="22" alt="drapeau anglais"></a>       </li>
       
        <li>
          <a class=" bg-primary py-1 px-2 rounded-2 ms-2" href="https://faude.secretbox.fr" title="" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift-fill text-white" viewBox="0 0 16 16">
              <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A3 3 0 0 1 3 2.506zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43zM9 3h2.932l.023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0zm6 4v7.5a1.5 1.5 0 0 1-1.5 1.5H9V7zM2.5 16A1.5 1.5 0 0 1 1 14.5V7h6v9z" />
            </svg></a>
        </li>
          </ul>

  </div>
  <div class="d-xl-none d-lg-none d-block order-3 text-end pt-3"> <a href="https://www.hoteldufaude.com/" target="_blank" title="english website"><img src="img/svg/en.min.svg" height="22" width="22" alt="drapeau anglais" loading="lazy"></a>
          <a class=" bg-primary py-1 px-2 rounded-2 ms-2" href="https://faude.secretbox.fr" title="" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift-fill text-white" viewBox="0 0 16 16">
          <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A3 3 0 0 1 3 2.506zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43zM9 3h2.932l.023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0zm6 4v7.5a1.5 1.5 0 0 1-1.5 1.5H9V7zM2.5 16A1.5 1.5 0 0 1 1 14.5V7h6v9z" />
        </svg></a>
      </div>


</div></div>      <div class="module nav "><nav id="menu-mobile" class="">
  <ul class="px-5 list-unstyled">
            <li class="nav-item py-2"> <a title="&#8734; Le Faudé Hôtel Restaurant LAPOUTROIE, Alsace - Logis Hôtels" class="nav-link titre-font py-2 active" href="https://www.faude.com">
            Hôtel          </a> </li>
            <li class="nav-item py-2"> <a title="Chambres hôtel Alsace Lapoutroie, vallée de Kaysersberg | Le Faudé - Logis Hôtels" class="nav-link titre-font py-2 " href="chambres-hotel-restaurant-lapoutroie-alsace">
            Chambres          </a> </li>
            <li class="nav-item py-2"> <a title="Restaurant à Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font py-2 " href="restaurant-hotel-restaurant-lapoutroie-alsace">
            Restaurant          </a> </li>
            <li class="nav-item py-2"> <a title="Réceptions, Groupe, traiteur vallée de Kaysersberg, Lapoutroie | Le Faudé" class="nav-link titre-font py-2 " href="reception-groupes-traiteur-hotel-restaurant-lapoutroie-alsace">
            Groupes/Traiteur          </a> </li>
                <li class="nav-item py-2"> <a title="Soirées étapes & Offres vallée de Kaysersberg, Alsace | Le Faudé" class="nav-link titre-font py-2 " href="offres-soirees-etapes-hotel-restaurant-lapoutroie-alsace">
            Offres          </a> </li>
            <li class="nav-item py-2"> <a title="Loisirs &amp; activités en Alsace, vallée de Kaysersberg | Le Faudé - Logis Hôtels" class="nav-link titre-font py-2 " href="tourisme-hotel-restaurant-lapoutroie-alsace">
            Lapoutroie          </a> </li>
            <li class="nav-item py-2"> <a title="Infos pratiques | Hôtel Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font py-2 " href="acces-et-infos-hotel-hotel-restaurant-lapoutroie-alsace">
            Accès          </a> </li>
            <li class="nav-item py-2"> <a title="Photos | Hôtel Lapoutroie, vallée de Kaysersberg | Le Faudé" class="nav-link titre-font py-2 " href="galerie-hotel-restaurant-lapoutroie-alsace">
            Galerie          </a> </li>
      </ul>
</nav></div>    </header>

          <a href="https://widget.thefork.com/fr/82af5fa3-cd9d-4ddc-b2be-bc1d6e8a3623" title="Réserver une table au restaurant le Faudé, Alsace" target="_blank" class="bg-primary border-0 p-3 text-decoration-none text-light rounded-2 shadow-sm position-fixed resa-table z-2 d-xl-block d-lg-block d-md-block d-none">
        <img loading="lazy" src="img/svg/TF-logo.min.svg?v=1" width="78" height="25" alt="logo the fork"> Réserver une table      </a>
      <div class="bestprice-parent z-3" data-reservit-hotelid="353" data-reservit-custid="233" data-reservit-partid="12-354">
        <div class="module widget-resa "><style>
  /* sur iOS */
  select {
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 15px;
  }
</style>
<button id="tarif" class="btn-open-widget bg-secondary border-0 p-3 text-light rounded-2 shadow-sm d-flex align-items-baseline" data-reservit-elementid="bestPrice">
  Réserver <span class="d-xl-block d-lg-block d-md-block d-none ps-1"> une chambre</span><span class="prix bestprice-site fw-bold d-xxl-block d-xl-block d-lg-block d-none ps-1">dès <span class="price fs-4"></span> €</span>
</button>
<div class="wrapp_widget  ">
  <div class=" bestprice-element" data-reservit-elementid="bestPrice">
    <div class=" w-100 bg-white" id="widget-content">
      <div class="resa-form pb-2">
        <button title="Fermer" class="close-widget-mobile bg-light border-0  d-block text-end p-2 text-white z-2 d-flex justify-content-center align-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-secondary ">
            <path d="M18 6 6 18" />
            <path d="m6 6 12 12" />
          </svg></button>
                <form action="" method="GET" target="_blank" id="FormReserv" target="_blank">
          <input type="hidden" value="FR" name="language">
          <input type="hidden" value="" name="p">
          <div class="wrap-prices">
            <div class=" bestprice-element" data-reservit-elementid="bestPrice">
              <div class="loading"></div>
              <div class="blocPrices ">
                <div class="prices bg-primary ">
                  <div class="prix bestprice-site d-flex justify-content-between align-items-end px-3 py-2">
                    <div class=" d-flex flex-column lh-sm">
                      <span class="prix-span text-light titre-font fs-3 fw-bold">
                        Site officiel                      </span>
                      <small class="text-light">Meilleur tarif garanti</small>
                    </div>
                    <div class="text-end text-light text-font"><span class="price text-light text-font fw-bold fs-3"> </span> €</div>
                  </div>
                  <div class="no-dispo "> <a class="p-3 text-light text-center text-font fw-bold bestprice-unavailable" href="" target="_blank"><strong>
                        Vos dates sont flexibles ?                        <br>
                        Consultez nos disponibilités                      </strong> </a> </div>
                  <div class="module best-price "><div class="meilleur-prix-wrap mx-3">
  <div class="wrap-prices">
    
      <div class="loading"></div>
      <div class="blocPrices ">
        <div class="prices ">
          <div class="other d-flex justify-content-between  text-dark bestprice-other"> <span class="other-span  text-start text-white fs-xs">Booking.com</span>
            <div class="text-end text-white"><span class="price text-decoration-line-through"></span> €</div>
          </div>
        </div>
      </div>
    </div>

</div></div>                </div>
              </div>
            </div>
            <div class="row px-3 pt-3 mb-3">
              <div class="row w-50 me-3">
                <div class="input-group pe-0 input-datein date d-flex flex-column justify-content-start ">
                  <label for="DateIn" class="text-uppercase bg-white  text-primary fs-xs text"> Arrivée</label>
                  <input type="text" class="pickadate text-start datein shadow-none fs-xs rounded-0 border-0 text-font  w-100  m-0 form-control form-control-lg bg-light bg-opacity-75 " value="13/06/2026" id="DateIn" name="DateIn">
                </div>
              </div>
                            <div class="row w-50">
                <div class=" input-group pe-0 input-dateout date d-flex flex-column justify-content-start">
                  <label class=" text-uppercase bg-white text-primary fs-xs text" for="DateOut">Départ </label>
                  <input class="input-group-text text-start m-0 shadow-none pickadate dateout fs-xs rounded-0 text-font border-0  w-100  m-0 form-control form-control-lg bg-light bg-opacity-75  " type="text" id="DateOut" name="DateOut" value="14/06/2026">
                </div>
              </div>
            </div>
            <div class="d-flex px-3 mb-3">
              <div class="row w-50 me-3">
                <div class=" input-number-child pe-0 d-flex flex-column justify-content-center ">
                  <label class="fs-xs bg-white text-uppercase text-primary" for="nbchd">
                    Enfant(s)                  </label>
                  <select class="input-nbchd text-center shadow-none border-0 nbchd p-2  h-100 bg-light bg-opacity-75 fs-xs" id="nbchd" name="nbchd">
                    <option value="1">0</option>
                    <option value="1">1</option>
                    <option value="2">2 </option>
                    <option value="3">3 </option>
                    <option value="4">4 </option>
                    <option value="5">5 </option>
                    <option value="6">6 </option>
                  </select>
                </div>
              </div>

              <div class="row w-50">
                <div class=" pe-0 d-flex justify-content-center  flex-column justify-content-center">
                  <label class="fs-xs bg-white text-uppercase text-primary" for="nb_adultes">
                    Adulte(s)                  </label>
                  <select class="input-number shadow-none h-100 border-0 p-2 text-center  bg-light bg-opacity-75  nbpers fs-xs" id="nb_adultes" name="nbadt">
                    <option value="1">1</option>
                    <option value="2" selected>2 </option>
                    <option value="3">3 </option>
                    <option value="4">4 </option>
                    <option value="5">5 </option>
                    <option value="6">6 </option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row px-3 mb-2 5emalign-items-baseline">
              <div class="reduction diff  bestprice-site bestprice-diff text-primary d-flex  justify-content-between fs-xs fw-bold w-50"> <span>Economisez</span>
                <div><span class="price fw-bold"></span>&euro;</div>
              </div>

              <div class="w-50 ">
                <div class="bg-success rounded-0 p-2 d-flex  bestprice-site "> <a class="text-decoration-none text-dark w-100 d-flex  justify-content-between fs-xs" href="https://www.logishotels.com/fr/my-account" title="Etik programme de fidelite"><img loading="lazy" src="img/svg/etik.min.svg?v=1.1" alt="picto etik" width="65" height="24">
                    <div><span class="bestprice-point"> </span> €</div>
                  </a> </div>
              </div>
            </div>
            <div class="row px-3 pb-1">
              <div class="w-100 d-flex justify-content-center" data-reservit-elementid="bestPrice">
                <button class="btn btn-secondary text-white rounded-0 px-3 py-2  w-100  btn-large" id="submit-resa" type="submit">
                  Réserver une chambre                </button>
              </div>
            </div>
            <div class="row px-3 pb-1">
              <div class="w-100 d-flex justify-content-center">
                <a href="https://widget.thefork.com/fr/82af5fa3-cd9d-4ddc-b2be-bc1d6e8a3623" title="Réserver une table au restaurant le Faudé, Alsace" target="_blank" class="btn btn-primary border-0 rounded-0 px-3 py-2  w-100 btn-large"><img loading="lazy" src="img/svg/TF-logo.min.svg?v=1" width="78" height="25" alt="logo the fork">
                  Réserver une table                </a>

              </div>
            </div>
            <div class="row px-3 pb-1">
              <div class="w-100 d-flex justify-content-center">
                <a href="https://faude.secretbox.fr" title="Bons cadeaux le Faudé, Alsace" target="_blank" class="btn btn-warning border-0 rounded-0 px-3 py-2  w-100 btn-large"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift-fill text-dark" viewBox="0 0 16 16">
                    <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A3 3 0 0 1 3 2.506zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43zM9 3h2.932l.023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0zm6 4v7.5a1.5 1.5 0 0 1-1.5 1.5H9V7zM2.5 16A1.5 1.5 0 0 1 1 14.5V7h6v9z" />
                  </svg>
                  Bon cadeau
                </a>

              </div>
            </div>
            <div class="row px-3 pb-1">
              <div class="w-100 d-xxl-block d-xl-block d-lg-block d-md-block d-none ">
                <a class="text-decoration-none btn btn-outline-primary text-primary text-font fw-bold rounded-0 px-3 py-2 d-block align-items-center  btn-large " href="tel:+333 89 47 50 35" title="téléphone Logis Hôtel du Faudé" aria-label="téléphone Logis Hôtel du Faudé"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone-call">
                    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
                    <path d="M14.05 2a9 9 0 0 1 8 7.94" />
                    <path d="M14.05 6A5 5 0 0 1 18 10" />
                  </svg><span class=" ps-2">03 89 47 50 35                  </span></a>
              </div>
            </div>

        </form>
      </div>
    </div>
  </div>
</div></div>      </div>
            <div class="d-xxl-none d-xl-none d-lg-none d-md-none d-block position-fixed tel-sm z-1 "><a class="text-decoration-none radius-tel shadow-sm  p-3 d-block" href="tel:+333 89 47 50 35" title="téléphone Logis Hôtel du Faudé"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone-call text-light">
          <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
          <path d="M14.05 2a9 9 0 0 1 8 7.94" />
          <path d="M14.05 6A5 5 0 0 1 18 10" />
        </svg></a></div>
    <div class="content">
      <!-- ===================== PAGE CONTENU ===================== -->
      <div class="module carousel "><div id="homeCarousel" class="carousel slide px-0 carousel-fade" data-bs-ride="carousel" data-bs-pause="false">

  <div class="carousel-indicators d-xl-block d-lg-block  d-none">
          <button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="0" class='active' aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="1"  aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="2"  aria-label="Slide 3"></button>
      </div>
  <div class="carousel-inner chocolat-parent">
          <div class="carousel-item active position-relative" data-bs-interval="5000">
                  <img  srcset="https://www.monsamm.com/gallery/67b73695ab5690.12038015-sm.webp 480w, https://www.monsamm.com/gallery/67b73695ab5690.12038015-md.webp 720w, https://www.monsamm.com/gallery/67b73695ab5690.12038015-lg.webp 1920, https://www.monsamm.com/gallery/67b73695ab5690.12038015-xl.webp" sizes="100vw" alt="Terrasse et extérieur, le Faudé" class="cover object-fit filtre-img" />

          <div class="carousel-caption p-0 text-xl-center text-lg-center text-start">
            <div><img class="logo-logis-vm" src="img/svg/LOGIS_HOTELS_RESTAURANTS.min.svg" width="111" height="92" alt="Logo Logis Hotels Restaurants"></div>
                          <span class="text-white titre-font fs-1 mb-0">
                Terrasse et extérieur, le Faudé
              </span>
                                  </div>
                </div>
          <div class="carousel-item  position-relative" data-bs-interval="5000">
                  <img loading="lazy" srcset="https://www.monsamm.com/gallery/6723a28e99d196.58023609-sm.webp 480w, https://www.monsamm.com/gallery/6723a28e99d196.58023609-md.webp 720w, https://www.monsamm.com/gallery/6723a28e99d196.58023609-lg.webp 1920, https://www.monsamm.com/gallery/6723a28e99d196.58023609-xl.webp" sizes="100vw" alt="Accueil hôtel Le Faudé, Alsace" class="cover object-fit filtre-img" />

          <div class="carousel-caption p-0 text-xl-center text-lg-center text-start">
            <div><img class="logo-logis-vm" src="img/svg/LOGIS_HOTELS_RESTAURANTS.min.svg" width="111" height="92" alt="Logo Logis Hotels Restaurants"></div>
                          <span class="text-white titre-font fs-1 mb-0">
                Accueil hôtel Le Faudé, Alsace
              </span>
                                  </div>
                </div>
          <div class="carousel-item  position-relative" data-bs-interval="5000">
                  <img loading="lazy" srcset="https://www.monsamm.com/gallery/6723a3662459a1.20628675-sm.webp 480w, https://www.monsamm.com/gallery/6723a3662459a1.20628675-md.webp 720w, https://www.monsamm.com/gallery/6723a3662459a1.20628675-lg.webp 1920, https://www.monsamm.com/gallery/6723a3662459a1.20628675-xl.webp" sizes="100vw" alt="Terrasse et extérieur, le Faudé" class="cover object-fit filtre-img" />

          <div class="carousel-caption p-0 text-xl-center text-lg-center text-start">
            <div><img class="logo-logis-vm" src="img/svg/LOGIS_HOTELS_RESTAURANTS.min.svg" width="111" height="92" alt="Logo Logis Hotels Restaurants"></div>
                          <span class="text-white titre-font fs-1 mb-0">
                Terrasse et extérieur, le Faudé
              </span>
                                  </div>
                </div>
      </div>
</div></div>
  <div class="module texte "><section>
    <div class=" container-fluid position-relative ">
            <div class="container-xl bloc-home py-xl-5 py-lg-5 py-4 ">
        <div class="row justify-content-start">
          <div class="col-sm-12 col-md-12 col-xl-6 col-xxl-6 col-lg-7 mb-2" data-aos="fade-top" data-aos-duration="3000">
            <h1 class="text-font sup-titre text-secondary  text-start ">
              Hôtel restaurant Le Faudé            </h1>
                          <h2 class="titre-font pb-1 fs-titre lh-md text-start text-primary ">
                Hôtel à Lapoutroie au coeur de l’Alsace              </h2>
                      </div>
        </div>

        <div class="container-xl ">
          <div class="col-sm-12 ">
            <div class="row">
              <div class="col-sm-12 col-lg-5 ps-0 ">
                <div class="text-font text-dark text-start pe-xl-5 pe-lg-3 pe-0 mb-xl-0 mb-lg-0 mb-xl-3 mb-lg-3 mb-4" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="4500">
                  <p style="text-align: justify;">Installé dans un écrin de verdure, en plein <strong>Pays Welche</strong>, berceau des eaux-de-vie et du Munster, le Logis Hôtel le Faudé s'épanouit entre plaine d'Alsace et massif des Vosges à une heure de Strasbourg, Mulhouse et 20 km de Colmar. Un hôtel de charme typiquement alsacien avec sa jolie façade fleurie, ornée de volets de bois derrière lesquels vous attendent <strong>29 chambres contemporaines</strong>, un salon pour vos moments de convivialité et à l'extérieur, un parc arboré traversé par une petite rivière, propice à la détente. Détente que vous pourrez, par ailleurs, prolonger dans le cadre d’une séance de massage thaïlandais, sur réservation.</p><p style="text-align: justify;">Vous verrez, l’hôtel restaurant Le Faudé sera l’écrin idéal de vos vacances en Alsace, de votre <strong>soirée-étape près de Colmar</strong> ou de votre <strong>réception </strong>en Pays Welche.</p>                </div>
                                  <div class="d-flex justify-content-start align-center p-2 mb-5">
                    <div class="d-flex align-items-center"> <img loading="lazy" role="img" src="img/svg/logo-act-eco.min.svg" width="89" height="20" alt="Logo Act Eco"> </div>
                    <a href="https://www.logishotels.com/fr/hotel/logis-hotel-du-faude-353" title="Séjour durable Logis Hôtel du Faudé" target="_blank" class="text-dark text-decoration-none">
                      <div class="d-flex flex-column align-items-center ms-3  bg-primary bg-opacity-25 p-2 rounded-2"> <small class="fw-light">Séjour durable</small>
                        <div><span class="fs-3 fw-bold">
                            10                          </span><span class="fw-bold fs-xs">/10</span> </div>
                      </div>
                    </a>
                  </div>
                                                                              </div>


              <div class="col-sm-12 col-lg-7 ">
                <div class="d-flex img-col-2 chocolat-parent">                  <div class="col-xs-6 col-lg-6 col-md-6 mb-xl-5 mb-lg-5 mb-3 ps-xl-2 ps-lg-2 ps-0 pe-xl-3 pe-lg-3 pe-2 item-1" data-aos="fade-up" data-aos-duration="3500">
                    <a href="https://www.monsamm.com/gallery/67239d77dbd383.20074103-lg.webp " class="chocolat-image " title="Hôtel restaurant Le Faudé">
                      <figure class="p-0 m-0"> <img role="img" loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/67239d77dbd383.20074103-sm.webp 480w, https://www.monsamm.com/gallery/67239d77dbd383.20074103-md.webp" alt="image " width="" height="" class="d-block cover" />
                      </figure>
                    </a>
                  </div>


                                  <div class="col-xs-6 col-lg-6 col-md-6 mt-xxl mb-xl-5 mb-lg-5 mb-3 ps-xl-3 ps-lg-3 ps-2 item-2" data-aos="fade-up" data-aos-duration="3500">
                    <a href="https://www.monsamm.com/gallery/67239d7b3b6df2.26278860-lg.webp " class="chocolat-image " title="Hôtel restaurant Le Faudé">
                      <figure class="p-0 m-0"> <img role="img" loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/67239d7b3b6df2.26278860-sm.webp 480w, https://www.monsamm.com/gallery/67239d7b3b6df2.26278860-md.webp" alt="image " width="" height="" class="d-block cover" />
                      </figure>
                    </a>
                  </div>


                </div>              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    </section>
    <section>
    <div class=" container-fluid position-relative ">
      <div class='bg-after bg-light'></div>      <div class="container-xl bloc-home py-xl-5 py-lg-5 py-4 ">
        <div class="row justify-content-start">
          <div class="col-sm-12 col-md-12  mb-3" data-aos="fade-top" data-aos-duration="3000">
            <h1 class="text-font sup-titre text-secondary  text-start ">
              Nos Chambres            </h1>
                          <h2 class="titre-font pb-2 fs-titre lh-md text-start text-primary ">
                Un petit hôtel familial dans la vallée de Kaysersberg              </h2>
                      </div>
        </div>

        <div class="container-xl ">
          <div class="col-sm-12 ">
            <div class="row chocolat-parent ">
              <div class="col-sm-12 col-lg-7 ps-0 d-flex flex-xl-column flex-lg-column flex-column-reverse">
                <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="4500">
                  <div class="text-font text-dark text-start pe-xl-5 pe-lg-3 pe-0 mb-xl-0 mb-lg-0 mb-xl-5 mb-lg-5 mb-4">
                    <p dir="ltr" style="text-align: justify;">L'hôtel Le Faudé à 70 km de <strong>Strasbourg </strong>et<strong> Mulhouse</strong>, notre priorité est de vous offrir un séjour reposant et ressourçant dans le massif vosgien en bénéficiant d'un accueil personnalisé et chaleureux à l'image de notre équipe.</p><p dir="ltr" style="text-align: justify;">Nous mettons à votre disposition <strong>29 chambres confortables</strong>, chacune avec leur propre personnalité qui se décline au choix d’un style contemporain ou alsacien, plus traditionnel.</p>                  </div>

                                      <div class=" mb-xl-5 mb-lg-5 mb-3"> <a href="https://www.faude.com/chambres-hotel-restaurant-lapoutroie-alsace#rooms" title=" Découvrez nos chambres" class="btn btn-secondary text-light letter-spacing rounded-0 px-4 py-3 fs-sm titre-font me-xl-3 me-lg-3 me-md-3 me-0 mb-xl-0 mb-lg-0 mb-md-0 mb-3" rel="noreferrer">
                        Découvrez nos chambres                      </a></div>
                                    
                </div>
                <div class="d-flex img-col-2">
                  <div class="w-50 w-xs-25 pb-xl-5 pb-lg-5 pb-3 pe-3" data-aos="fade-up" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239e540faf03.67536522-lg.webp " class="chocolat-image " title="Nos Chambres">
                      <figure> <img loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/67239e540faf03.67536522-sm.webp 480w, https://www.monsamm.com/gallery/67239e540faf03.67536522-md.webp" class="object-fit cover" alt="image Nos Chambres"></figure>
                    </a></div>
                  <div class="w-50 w-xs-25 mt-xxl mb-xl-5 mb-lg-5 mb-3 ps-3" data-aos="fade-up" data-aos-duration="3500"> <a href="https://www.monsamm.com/gallery/67239e57255da5.06765634-lg.webp" class="chocolat-image " title="Nos Chambres">
                      <figure> <img loading="lazy" decoding="async" class="object-fit cover" srcset="https://www.monsamm.com/gallery/67239e57255da5.06765634-sm.webp 480w, https://www.monsamm.com/gallery/67239e57255da5.06765634-md.webp" alt="image Nos Chambres"></figure>
                    </a></div>
                </div>
              </div>


              <div class="col-sm-12 col-md-12 col-lg-5">
                <div class="col img-col-1 item-1 position-relative" data-aos="fade-up" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239e5a1965d4.19859802-lg.webp " class="chocolat-image " title="Nos Chambres">
                    <figure> <img loading="lazy" decoding="async" class="object-fit cover" srcset="https://www.monsamm.com/gallery/67239e5a1965d4.19859802-sm.webp 480w, https://www.monsamm.com/gallery/67239e5a1965d4.19859802-md.webp 720w, https://www.monsamm.com/gallery/67239e5a1965d4.19859802-lg.webp" alt="image Nos Chambres"></figure>
                  </a>
                  <div class=" position-absolute top-100 end-0 z-1 translate-middle-y"><img loading="lazy" src="img/svg/picto-blanc.min.svg" alt="picto" width="174" height="174"></div></div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    </section>
    <section>
    <div class=" container-fluid position-relative container-4-img">
            <div class="container-xl bloc-home py-xl-5 py-lg-5 py-4 ">
        <div class="row justify-content-start">
          <div class="col-sm-12 col-md-12 col-xl-6 col-xxl-6 col-lg-7 mb-3" data-aos="fade-top" data-aos-duration="3000">
            <h1 class="text-font sup-titre text-secondary  text-start ">
              Restaurant Terrasse Le Faudé            </h1>
                          <h2 class="titre-font pb-2 fs-titre lh-md text-start text-primary ">
                Une adresse authentique et réputée à 20mn de Colmar              </h2>
                      </div>
        </div>

        <div class="container-xl ">
          <div class="col-sm-12 ">
            <div class="row chocolat-parent ">

              <div class="col-sm-12 col-lg-7 ps-0 d-flex flex-xl-row flex-lg-row  flex-column">
                <div class="d-flex flex-xl-column flex-lg-column flex-row pe-xl-3 pe-lg-3 pe-0">
                  <div class="w-100 w-md-50   pb-1 pe-xl-5 pe-lg-5 pe-3" data-aos="fade-right" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239df588a587.72186152-lg.webp " class="chocolat-image " title="Restaurant Terrasse Le Faudé">
                      <figure> <img loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/67239df588a587.72186152-sm.webp 480w, https://www.monsamm.com/gallery/67239df588a587.72186152-md.webp 720w, https://www.monsamm.com/gallery/67239df588a587.72186152-lg.webp" class="object-fit cover" alt="image Restaurant Terrasse Le Faudé"></figure>
                    </a></div>
                  <div class="w-100 w-md-50  mb-2 ps-xl-5 ps-lg-5 ps-3 mt-xl-0 mt-lg-0 mt-5 " data-aos="fade-left" data-aos-duration="3500"> <a href="https://www.monsamm.com/gallery/67239df8cd1a56.93597377-lg.webp " class="chocolat-image " title="Restaurant Terrasse Le Faudé">
                      <figure> <img loading="lazy" decoding="async" class="object-fit cover" srcset="https://www.monsamm.com/gallery/67239df8cd1a56.93597377-sm.webp 480w, https://www.monsamm.com/gallery/67239df8cd1a56.93597377-md.webp 720w, https://www.monsamm.com/gallery/67239df8cd1a56.93597377-lg.webp" alt="image Restaurant Terrasse Le Faudé"></figure>
                    </a></div>
                </div>
                <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="4500">
                  <div class="text-font text-dark text-start pe-xl-5 pe-lg-3 pe-0 mb-xl-0 mb-lg-0 mb-xl-5 mb-lg-5 mb-4">
                    <p>A la table de l’hôtel restaurant le Faudé, le Chef Jérôme Gonigam, de la fédération des chefs d’Alsace met son savoir-faire et son expérience acquise auprès de grandes maisons au service d’une cuisine de saison.</p>                  </div>
                                      <div class=" mb-xl-5 mb-lg-5 mb-3"> <a href="https://www.faude.com/restaurant-hotel-restaurant-lapoutroie-alsace" title="Découvrez nos menus & cartes" class="btn btn-secondary text-light letter-spacing rounded-0 px-4 py-3 fs-sm titre-font me-xl-3 me-lg-3 me-md-3 me-0 mb-xl-0 mb-lg-0 mb-md-0 mb-3" rel="noreferrer">
                        Découvrez nos menus & cartes                      </a></div>
                                                      <div class="d-flex ">
                    <div class="w-100 w-sm-50 pb-1 pe-xl-0 pe-lg-0 pe-2 img-col" data-aos="fade-up" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239dfb917a38.22976415-lg.webp " class="chocolat-image " title="Restaurant Terrasse Le Faudé">
                        <figure> <img loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/67239dfb917a38.22976415-sm.webp 480w, https://www.monsamm.com/gallery/67239dfb917a38.22976415-md.webp 720w, https://www.monsamm.com/gallery/67239dfb917a38.22976415-lg.webp" class="object-fit cover" alt="image Restaurant Terrasse Le Faudé"></figure>
                      </a></div>
                    <div class="w-50 d-xl-none d-lg-none d-block ps-2 mt-5" data-aos="fade-up" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239dfee09ff1.57336054-lg.webp " class="chocolat-image " title="Restaurant Terrasse Le Faudé">
                        <figure> <img loading="lazy" decoding="async" class="object-fit cover" srcset="https://www.monsamm.com/gallery/67239dfee09ff1.57336054-sm.webp 480w, https://www.monsamm.com/gallery/67239dfee09ff1.57336054-md.webp 720w, https://www.monsamm.com/gallery/67239dfee09ff1.57336054-lg.webp" alt="image Restaurant Terrasse Le Faudé"></figure>
                      </a></div>

                  </div>
                </div>
              </div>


              <div class="col-sm-12 col-md-5 col-lg-5 d-xl-block d-lg-block d-none">
                <div class="col img-col-1 item-1" data-aos="fade-up" data-aos-duration="3000"> <a href="https://www.monsamm.com/gallery/67239dfee09ff1.57336054-lg.webp " class="chocolat-image " title="Restaurant Terrasse Le Faudé">
                    <figure> <img loading="lazy" decoding="async" class="object-fit cover" srcset="https://www.monsamm.com/gallery/67239dfee09ff1.57336054-sm.webp 480w, https://www.monsamm.com/gallery/67239dfee09ff1.57336054-md.webp 720w, https://www.monsamm.com/gallery/67239dfee09ff1.57336054-lg.webp" alt="image Restaurant Terrasse Le Faudé"></figure>
                  </a>
               </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    </section>
  <section><div class="module services ">  <div class=" container-fluid position-relative ">
    <div class='bg-after bg-primary'></div>
    <div class="container-xl py-xl-5 py-lg-5 py-4 position-relative">
      <div class=" position-absolute top-0 end-0 z-1 pt-3 d-xl-block d-lg-block d-md-block d-none"><img loading="lazy" src="img/svg/picto-blanc.min.svg" alt="picto" width="174" height="174"></div>
      <div class="row">
        <div class="col-sm-12 col-md-5 mb-xl-3 mb-lg-3 mb-md-3 mb-0" data-aos="fade-top" data-aos-duration="3000">
          <h3 class="text-light titre-font fs-titre mb-5 ">Nos services
            & équipements</h3>
        </div>

      </div>
      <div class="swiper slider-services pt-5" data-aos="fade-top" data-aos-duration="3500">
        <div class="swiper-pagination text-white"></div>
        <div class="swiper-button-prev text-white"></div>
        <div class="swiper-button-next text-white"></div>
        <div class="swiper-wrapper">
                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Tennis de table</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/67239ea7904283.20457161-sm.webp" alt="imageTennis de table">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Petit déjeuner buffet</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/67239fbd4c9961.58378749-sm.webp" alt="imagePetit déjeuner buffet">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Parking privé gratuit</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/6698e6161a2447.19131273-sm.webp" alt="imageParking privé gratuit">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Terrasse</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/67239e94b2b846.58510502-sm.webp" alt="imageTerrasse">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Les animaux de compagnie sont admis</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/6699272a0cbc40.87294427-sm.webp" alt="imageLes animaux de compagnie sont admis">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Jardin</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/67239ee2693e21.52618633-sm.webp" alt="imageJardin">
              </figure>
            </div>

                      <div class="swiper-slide position-relative">
              <h4 class="titre-font fs-4 text-white text-center w-100 position-absolute bottom-0 start-0 z-1 pb-4 px-3">Restaurant</h4>
              <figure>
                <img role="img" loading="lazy" decoding="async" width="422" height="281" class="object-fit cover filtre-img" src="https://www.monsamm.com/gallery/67239efaa04b78.52349613-sm.webp" alt="imageRestaurant">
              </figure>
            </div>

                  </div>
      </div>


    </div>
  </div></section><section>
    <div class=" container-fluid position-relative ">
            <div class="container-xl bloc-home py-xl-5 py-lg-5 py-4 ">
        <div class="row justify-content-start">
          <div class="col-sm-12 col-md-12 col-xl-6 col-xxl-6 col-lg-7 mb-2" data-aos="fade-top" data-aos-duration="3000">
            <h1 class="text-font sup-titre text-secondary  text-start ">
              Kota Grill            </h1>
                          <h2 class="titre-font pb-1 fs-titre lh-md text-start text-primary ">
                Le Mini Chalet du Faudé à Lapoutroie              </h2>
                      </div>
        </div>

        <div class="container-xl ">
          <div class="col-sm-12 ">
            <div class="row">
              <div class="col-sm-12 col-lg-5 ps-0 ">
                <div class="text-font text-dark text-start pe-xl-5 pe-lg-3 pe-0 mb-xl-0 mb-lg-0 mb-xl-3 mb-lg-3 mb-4" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="4500">
                  <p>Côté restauration, vous aurez le choix entre les belles <strong>spécialités alsaciennes</strong>, les <strong>recettes classiques montagnardes </strong>et la <strong>cuisine gastronomique</strong> que vous pourrez déguster dans l’une des <strong>deux salles de restaurant</strong> ou sur la <strong>terrasse</strong>, aux beaux jours.</p><p>Les amateurs de grillades et marinades apprécieront l’originalité et la convivialité du <strong>Kota Grill</strong>, petit chalet de bois aux accents du grand nord, dans lequel ils se régaleront à la cuisson d'un feu de bois.</p>                </div>
                                                  <div class="mb-xl-5 mb-lg-5 mb-3"> <a href="https://www.faude.com/restaurant-hotel-restaurant-lapoutroie-alsace" title="Découvrez le Kota Grill" class="btn btn-secondary text-light letter-spacing rounded-0 px-4 py-3 fs-sm titre-font me-xl-3 me-lg-3 me-md-3 me-0 mb-xl-0 mb-lg-0 mb-md-0 mb-3" rel="noreferrer">
                      Découvrez le Kota Grill                    </a></div>
                                                              </div>


              <div class="col-sm-12 col-lg-7 ">
                <div class="d-flex img-col-2 chocolat-parent">                  <div class="col-xs-6 col-lg-6 col-md-6 mb-xl-5 mb-lg-5 mb-3 ps-xl-2 ps-lg-2 ps-0 pe-xl-3 pe-lg-3 pe-2 item-1" data-aos="fade-up" data-aos-duration="3500">
                    <a href="https://www.monsamm.com/gallery/6723a69ee3df34.64592506-lg.webp " class="chocolat-image " title="Kota Grill">
                      <figure class="p-0 m-0"> <img role="img" loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/6723a69ee3df34.64592506-sm.webp 480w, https://www.monsamm.com/gallery/6723a69ee3df34.64592506-md.webp" alt="image " width="" height="" class="d-block cover" />
                      </figure>
                    </a>
                  </div>


                                  <div class="col-xs-6 col-lg-6 col-md-6 mt-xxl mb-xl-5 mb-lg-5 mb-3 ps-xl-3 ps-lg-3 ps-2 item-2" data-aos="fade-up" data-aos-duration="3500">
                    <a href="https://www.monsamm.com/gallery/66e159c88386a5.66541952-lg.webp " class="chocolat-image " title="Kota Grill">
                      <figure class="p-0 m-0"> <img role="img" loading="lazy" decoding="async" srcset="https://www.monsamm.com/gallery/66e159c88386a5.66541952-sm.webp 480w, https://www.monsamm.com/gallery/66e159c88386a5.66541952-md.webp" alt="image " width="" height="" class="d-block cover" />
                      </figure>
                    </a>
                  </div>


                </div>              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    </section>
    <section>
    <div class="container-fluid position-relative container-1-img p-0" data-aos="fade" data-aos-duration="3000">

      <div class="position-absolute z-3 top-50 start-0 translate-middle-y ms-xl-5 ms-lg-5 ms-3 p-2 w-25 w-sm-100">
        <h1 class="titre-font fs-xl text-white  text-start ">
          Lapoutroie / Vallée de Kaysersberg        </h1>
        

                  <div> <a href="https://www.faude.com/tourisme-hotel-restaurant-lapoutroie-alsace" title="Lapoutroie / Vallée de Kaysersberg en savoir plus" class="btn btn-transparent text-white letter-spacing rounded-0 py-3 fs-5 text-font me-xl-3 me-lg-3 me-md-3 me-0 mb-xl-0 mb-lg-0 mb-md-0 mb-3" rel="noreferrer">
              Découvrir la région <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right">
                <path d="m9 18 6-6-6-6" />
              </svg>
            </a></div>
                
      </div>
      <figure class="p-0 m-0 filter-primary"> <img loading="lazy" decoding="async" class="object-fit cover filtre-img" srcset="https://www.monsamm.com/gallery/6699356a1e4069.21942063-sm.webp 480w, https://www.monsamm.com/gallery/6699356a1e4069.21942063-md.webp 720w, https://www.monsamm.com/gallery/6699356a1e4069.21942063-lg.webp" alt="image Lapoutroie / Vallée de Kaysersberg"></figure>
    </div>
</section>
</div>
<section class="py-xl-5 py-lg-5 py-3" data-aos="fade-top" data-aos-duration="3000">
  


<div class="module eco "><div class="container-xl " >
  <div class="row">
    <div class="col-sm-12 ">
      <h2 class="titre-font pb-2 fs-titre lh-md text-start text-primary ">Nos <br> &eacute;co-gestes</h2>
    </div>
  </div>
  <div class="container d-flex flex-wrap">
        <div class="row">
      <div class="mb-2 bg-transparent col-sm-12  ">
        <div class="d-flex flex-wrap"> 
          <!-- confort thermique  -->
          <div class="bg-energetique bloc-eco   rounded rounded-3 border me-2 d-flex align-items-center justify-content-center mb-2">
            <h3 class="text-font fw-bold  text-center mb-0 lh-1 py-xl-0 py-lg-0 py-2">Efficacit&eacute; <br>
              &eacute;nerg&eacute;tique</h3>
          </div>
                    <div class="     bg-light bg-opacity-25 d-flex justify-content-center align-items-center  bloc-eco   me-2 rounded rounded-3 border mb-2">
            <button type="button" class="bg-transparent border-0 h-100 d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#confortThermique"> <span class="fs-xs   text-font lh-1 ">Confort thermique</span> </button>
          </div>
          <!-- Modal confort thermique  -->
          <div class="modal fade" id="confortThermique" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="confort thermique" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-header bg-energetique">
                  <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="confortThermiqueLabel">Efficacité énergétique | Confort thermique <span class="emoji fs-2 ps-2" role="img" aria-label="🏕">🏕</span></h1>
                  <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                                                                                  <div class="d-flex flex-row align-items-center w-50 mb-3">
                      <svg width="50pt" height="50pt" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg"><path d="M563.8 785.13c-3.98 0-7.793 1.582-10.605 4.394a14.986 14.986 0 0 0-4.395 10.605v160.54c-31.133-13.102-92.766-52.434-92.766-158.17 0-5.359-2.859-10.312-7.5-12.992a15.018 15.018 0 0 0-15 0 14.995 14.995 0 0 0-7.5 12.993c0 85.766 36.234 133.77 66.668 158.96h-.003a175.66 175.66 0 0 0 56.102 31.234v13.566c0 42.465-10 73.332-29.301 91.668a63.902 63.902 0 0 1-42.832 17.934H458.3a14.89 14.89 0 0 0-10.47 4.363 14.894 14.894 0 0 0-4.367 10.469v.367a14.894 14.894 0 0 0 4.368 10.469 14.89 14.89 0 0 0 10.469 4.363H477.5a94.877 94.877 0 0 0 61.965-25.598c26.066-24.199 39.266-62.535 39.266-114l.003-206.3a14.986 14.986 0 0 0-4.418-10.496 14.997 14.997 0 0 0-10.516-4.37zM793.57 1115.9h-18.602a67.176 67.176 0 0 1-43.133-17.633c-19.699-18.301-29.699-49.234-29.699-92v-211.87a190.693 190.693 0 0 0 61.469-34.102c33-27.332 72.332-79.434 72.332-172.6v.004a14.999 14.999 0 1 0-30 0c0 119.17-70 161.4-103.77 174.9v-174.9a14.999 14.999 0 1 0-30 0v418.46c0 51.434 13.332 89.8 39.266 114a96.027 96.027 0 0 0 63.332 25.633h18.836a14.865 14.865 0 0 0 14.833-14.832v-.367a14.898 14.898 0 0 0-14.867-14.7zM265.8 316.67a72.507 72.507 0 0 1-72.469-72.566 72.502 72.502 0 0 1 21.297-51.258 72.483 72.483 0 0 1 51.305-21.176 72.497 72.497 0 0 1 72.398 72.632 14.999 14.999 0 0 1-30 0 42.498 42.498 0 0 0-42.398-42.633 42.507 42.507 0 0 0-30.094 12.387 42.529 42.529 0 0 0-12.508 30.047c-.016 11.277 4.45 22.098 12.414 30.082s18.777 12.473 30.055 12.484a14.999 14.999 0 0 1 0 30zM265.8 122.83a14.995 14.995 0 0 1-15-15V71.764a14.999 14.999 0 0 1 30 0v36.066a14.999 14.999 0 0 1-15 15zM362.3 162.8a15 15 0 0 1-10.598-4.398 14.99 14.99 0 0 1-4.39-10.602c0-3.973 1.577-7.79 4.386-10.602l25.5-25.5a15.002 15.002 0 0 1 14.277-3.47 15.002 15.002 0 0 1 10.391 10.392 14.99 14.99 0 0 1-3.469 14.277l-25.5 25.5a14.953 14.953 0 0 1-10.598 4.402zM143.8 381.3a14.989 14.989 0 0 1-10.527-4.46 14.984 14.984 0 0 1-4.328-10.583 15.017 15.017 0 0 1 4.387-10.559l25.5-25.5a14.995 14.995 0 0 1 14.172-3.25 14.995 14.995 0 0 1 10.27 10.285A14.994 14.994 0 0 1 180 351.397l-25.5 25.5a14.956 14.956 0 0 1-10.699 4.402zM129.33 259.3h-36a15 15 0 0 1 0-30h36a14.999 14.999 0 1 1 0 30zM169.3 162.8a14.963 14.963 0 0 1-10.602-4.402l-25.367-25.5a14.998 14.998 0 0 1-3.465-14.277 14.99 14.99 0 0 1 10.387-10.391 15.009 15.009 0 0 1 14.281 3.469l25.465 25.5a15.012 15.012 0 0 1 4.387 10.637 14.985 14.985 0 0 1-4.438 10.613A14.986 14.986 0 0 1 169.3 162.8z"/><path d="M1085 446.13h-19.703c15.535-46.398 12.332-89.633-9.602-123.33-23.766-36.668-66.332-57.633-116.67-57.633h-17.367.004a104.213 104.213 0 0 0-49.922-71.453 104.215 104.215 0 0 0-86.742-8.547 190.36 190.36 0 0 0-74.707-97.32 190.377 190.377 0 0 0-118.56-31.53 190.393 190.393 0 0 0-113.18 47.351 190.357 190.357 0 0 0-60.785 106.57H398.2a147.087 147.087 0 0 0-115.23 55.566 147.074 147.074 0 0 0-28.109 124.8 114.59 114.59 0 0 0-62.598 63.566 65.99 65.99 0 0 0-79.266 47.098h-4.668a74.766 74.766 0 0 0-64.75 112.153 74.766 74.766 0 0 0 64.75 37.383h41.234a76.662 76.662 0 0 0-15.156 53.312 76.69 76.69 0 0 0 24.746 49.598 76.68 76.68 0 0 0 51.707 19.957h44.77a56.658 56.658 0 0 0 54.332 41.465h253.73a67.342 67.342 0 0 0 58.324-33.676 67.346 67.346 0 0 0 0-67.348 67.342 67.342 0 0 0-58.324-33.676h-13.734a84.568 84.568 0 0 0-65.535-59.667 89.996 89.996 0 0 0 23.336-60.434c0-24.832-8.168-44.965-24.234-60-30.602-28.398-79.367-26.668-85.832-26.199a117.023 117.023 0 0 1-82.676-34.438 117.008 117.008 0 0 1-34.109-82.812 117.023 117.023 0 0 1 34.438-82.676 117.028 117.028 0 0 1 82.812-34.105h32.402a14.995 14.995 0 0 0 9.993-3.824 14.995 14.995 0 0 0 4.906-9.512 160.334 160.334 0 0 1 315.2-17.663 15.007 15.007 0 0 0 21.969 9.633c22.559-12.754 50.137-12.812 72.75-.156s36.984 36.191 37.914 62.09a15.003 15.003 0 0 0 15 14.399h30.8c40 0 73.332 16.035 91.633 43.965 14.566 22.465 18.066 51.199 10.5 83v.004a69.038 69.038 0 0 0-32.25-23.758 69.067 69.067 0 0 0-40.016-1.844c-12.668-32.262-38.555-57.551-71.105-69.461s-68.645-9.3-99.148 7.164a121.103 121.103 0 0 0-60.379 78.965H659.96a94.853 94.853 0 0 0-82.156 47.434 94.866 94.866 0 0 0 82.156 142.297H1085a78.359 78.359 0 0 0 67.852-39.172A78.353 78.353 0 0 0 1085 446.138zm-920.9 250.8a46.672 46.672 0 0 1 11.23-30.383 46.68 46.68 0 0 1 28.305-15.75h199.3-.004a83.965 83.965 0 0 0-11.133 18.098 50.403 50.403 0 0 0-55.633 33.336h-26.199a56.672 56.672 0 0 0-34.113 11.605 56.654 56.654 0 0 0-20.219 29.828h-44.77a46.702 46.702 0 0 1-33.086-13.656 46.689 46.689 0 0 1-13.68-33.078zm358.87.3a15.005 15.005 0 0 0 4.906 9.512 14.991 14.991 0 0 0 9.992 3.82h25.934a37.348 37.348 0 0 1 32.348 56.025 37.348 37.348 0 0 1-32.348 18.676h-253.83a26.471 26.471 0 0 1-22.922-13.23 26.477 26.477 0 0 1 0-26.47 26.474 26.474 0 0 1 22.922-13.233h38.465a14.984 14.984 0 0 0 10.402-4.18 14.974 14.974 0 0 0 4.598-10.219 20.29 20.29 0 0 1 6.227-13.906 20.296 20.296 0 0 1 14.14-5.66 20.012 20.012 0 0 1 10 2.598 15.003 15.003 0 0 0 13.392.671 15.004 15.004 0 0 0 8.578-10.305 54.538 54.538 0 0 1 80.149-34.796 54.533 54.533 0 0 1 27.05 40.7zm-124.8-192.96h1.066c.399 0 41.535-2.632 63.965 18.302 9.801 9.168 14.566 21.535 14.566 37.867l.004-.004a60.506 60.506 0 0 1-60.434 60.434h-106.3a14.833 14.833 0 0 0-4.03-.602h-96.138a76.948 76.948 0 0 0-9.531.602h-93a44.768 44.768 0 1 1 0-89.536h17.602-.004a14.984 14.984 0 0 0 10.402-4.18 14.974 14.974 0 0 0 4.598-10.219 35.968 35.968 0 0 1 53.57-30 14.994 14.994 0 0 0 13.387.668c4.32-1.894 7.5-5.71 8.578-10.3a84.764 84.764 0 0 1 48.3-58.267 147.199 147.199 0 0 0 133.4 85.23zm686.84 68.399H659.97a64.861 64.861 0 0 1-56.176-32.434 64.874 64.874 0 0 1 0-64.867 64.863 64.863 0 0 1 56.176-32.434h90.898a14.997 14.997 0 0 0 9.996-3.824 14.986 14.986 0 0 0 4.906-9.508 91.062 91.062 0 0 1 45.105-68.06 91.052 91.052 0 0 1 81.523-4.554 91.065 91.065 0 0 1 52.402 62.613 15.019 15.019 0 0 0 8.5 10.29 15.005 15.005 0 0 0 13.336-.56 38.971 38.971 0 0 1 38.094-.054 38.958 38.958 0 0 1 19.938 32.457 15.003 15.003 0 0 0 15 14.399h45.336c17.242 0 33.176 9.199 41.797 24.133a48.258 48.258 0 0 1 0 48.27 48.262 48.262 0 0 1-41.797 24.133z"/><path d="M1148.3 710.23H897.33a15 15 0 0 1 0-30h250.97a14.999 14.999 0 0 1 0 30zM1148.3 819.04H821.63a14.999 14.999 0 0 1 0-30h326.67a14.999 14.999 0 0 1 0 30zM1148.3 927.83H782.9a15 15 0 0 1 0-30h365.4a14.999 14.999 0 0 1 0 30zM1148.3 1036.7H821.63a14.999 14.999 0 0 1 0-30h326.67a14.999 14.999 0 0 1 0 30zM1148.3 1145.4H876.23a14.999 14.999 0 1 1 0-30h272.1-.004a15 15 0 1 1-.031 30z"/></svg>                      <span class="ps-2">
                      Amélioration de l’ombrage naturel                      </span> </div>
                                                                                <div class="d-flex flex-row align-items-center w-50 mb-3">
                      <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M213.95 174.99a5.601 5.601 0 0 0-5.531 5.441c-.09 3.215-1.848 79.04 30.902 111.77 12.562 12.555 28.98 18.863 45.215 18.863 13.785-.004 27.426-4.578 38.469-13.723l21.395 21.371v6.118h-92.047a5.601 5.601 0 0 0-5.602 5.601v45.551a5.601 5.601 0 0 0 5.602 5.602h4.062l10.781 117.33A5.594 5.594 0 0 0 272.77 504H427.7a5.597 5.597 0 0 0 5.575-5.09l10.78-117.33 3.59.004a5.601 5.601 0 0 0 5.602-5.602v-45.55a5.601 5.601 0 0 0-5.601-5.602h-92.047v-6.118l21.398-21.37c11.039 9.144 24.68 13.722 38.469 13.722 16.23 0 32.652-6.312 45.215-18.863 32.75-32.734 30.992-108.56 30.902-111.77a5.601 5.601 0 0 0-5.532-5.441c-2.457-.078-46.574-.363-81.699 12.867a64.423 64.423 0 0 0 7.032-29.289v-.004c.011-46.367-54.93-98.82-57.266-101.03a5.603 5.603 0 0 0-7.762.063c-2.34 2.28-57.246 56.43-57.258 101-.004 10.438 2.437 20.488 7.031 29.465-35.215-13.395-79.727-13.094-82.184-13.066zM422.59 492.8H277.87l-10.219-111.21h165.16zm19.457-122.42h-184.1v-34.352h184.1zm-124.28-156.59c9.832 9.82 15.375 22.73 15.617 36.352.207 11.602-3.484 22.516-10.445 31.312l-10.422-10.406 1.559-60.484c1.28 1.043 2.554 2.094 3.691 3.227zm-16.172 46.348l-25.91-25.875 1.043-40.578c9.32 2.39 18.406 5.547 26.328 9.707zm-74.859-16.863l41.066-1.059 25.926 25.891-57.059 1.47c-4.3-7.97-7.527-17.028-9.934-26.302zm38.027-19.918l-36.801-36.754c9.71.54 23.438 1.781 37.633 4.555zm-7.895 7.941l-32.684.84c-2.793-14.332-3.91-28.12-4.335-37.812zm-9.632 52.977c-1.145-1.14-2.192-2.414-3.243-3.683l60.668-1.563 10.367 10.355c-19.64 15.555-48.94 13.727-67.793-5.11zm83.684 5.145c9.101-10.992 13.934-24.801 13.668-39.48-.192-10.57-3.028-20.766-8.137-29.863 4.465 1.055 9.059 1.66 13.754 1.66h.055c.004 0 .007-.004.015-.004 4.536-.004 8.942-.562 13.2-1.539-5.067 9.063-7.876 19.22-8.067 29.746-.262 14.68 4.566 28.488 13.668 39.48l-19.078 19.055zm-30.297-135.75l44.039 41.828v14.699c-11.2-1.281-21.586-6.406-29.684-14.797-9.473-9.82-14.691-22.895-14.688-36.81 0-1.616.164-3.269.332-4.921zm14.508-38.391l29.53 28.047v36.723L303.35 140.81c2.664-8.559 6.867-17.23 11.78-25.531zm82.12 25.387l-41.394 39.312v-36.691l29.793-28.301c4.867 8.277 9 16.984 11.602 25.68zm2.926 17.887c-.011 26.668-19.426 48.688-44.316 51.629v-14.754l44-41.793c.157 1.644.317 3.293.317 4.918zm-55.516-30.672l-23.44-22.262c8.093-12.027 16.944-22.641 23.44-29.902zm131.16 104.26l-32.695-.84 37.027-36.977c-.425 9.688-1.535 23.484-4.332 37.816zm-12.488 37.438l-57.066-1.469 25.926-25.89 41.082 1.058c-2.41 9.27-5.64 18.332-9.94 26.3zm-28.102-46.22l-.828-32.187c14.188-2.774 27.918-4.016 37.625-4.559zm-10.922 10.907L398.4 260.14l-1.46-56.746c7.918-4.156 17.004-7.313 26.328-9.7zm-36.832 36.78l-10.422 10.407c-6.96-8.793-10.656-19.711-10.445-31.312.243-13.621 5.79-26.531 15.617-36.352 1.137-1.137 2.41-2.184 3.692-3.227zm-2.511 18.337l10.367-10.352L456 280.593c-1.051 1.27-2.098 2.543-3.242 3.684-18.852 18.84-48.152 20.66-67.793 5.106zm-5.387-184.07l-23.723 22.53V75.447c6.563 7.168 15.547 17.734 23.723 29.867z"/></svg>                      <span class="ps-2">
                      Végétalisation des extérieurs                      </span> </div>
                                                                            </div>
              </div>
            </div>
          </div>
          
          <!-- /Modal confort thermique  -->
          
                    <!-- /confort thermique  --> 
          <!------ Consommation d’énergie raisonnée  ----->
          
                    <div class=" bg-light bg-opacity-25 d-flex justify-content-center align-items-center bloc-eco   me-2 rounded rounded-3 border mb-2">
            <button type="button" class="bg-transparent border-0 h-100 d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#consoEnergie"><span class="fs-xs   text-font lh-1">Consommation <br>
            d’énergie raisonnée</span> </button>
          </div>
                    <!-- Modal Consommation d’énergie raisonnée  -->
          <div class="modal fade" id="consoEnergie" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Consommation d’énergie raisonnée" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-header bg-energetique">
                  <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="consoEnergieLabel">Efficacité énergétique | Consommation d’énergie raisonnée <span class="emoji fs-2 ps-2" role="img" aria-label="⚡">⚡</span></h1>
                  <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex flex-wrap p-4">
                                                                              <div class="d-flex flex-row align-items-center w-50 mb-3">
                      <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M568.4 492.8h-13.621V315.27a5.599 5.599 0 0 0-5.602-5.602H451.58a5.599 5.599 0 0 0-5.601 5.602V492.8H404.4V351.61a5.599 5.599 0 0 0-5.602-5.602h-97.594a5.599 5.599 0 0 0-5.601 5.602V492.8h-41.578v-94.141a5.599 5.599 0 0 0-5.602-5.602l-97.598.004a5.599 5.599 0 0 0-5.602 5.602V492.8h-13.62a5.599 5.599 0 0 0-5.602 5.602 5.599 5.599 0 0 0 5.601 5.601h436.8a5.602 5.602 0 0 0-.004-11.203zm-325.57 0h-86.402v-88.539h86.402zm150.38 0h-86.398V357.21h86.395zm150.38 0h-86.402V320.87h86.402zM349.87 304.09h.004a5.6 5.6 0 0 0 5.602-5.594l.019-27.77c40.902-2.96 73.344-38.227 73.355-81.25.016-60.387-71.902-129.05-74.965-131.94-2.172-2.062-5.602-2.039-7.762.059-3.058 2.992-74.953 73.887-74.973 131.92-.004 21.738 8.164 42.18 23.008 57.562 13.547 14.039 31.188 22.262 50.133 23.645l-.02 27.754c.005 3.097 2.509 5.61 5.599 5.61zm5.762-228.77c8.996 9.586 22.914 25.516 35.363 44.227l-35.414 33.637zm-.067 93.32l41.52-39.438c7.168 11.93 13.262 24.602 16.914 37.246l-58.469 55.543zm-.047 68.801l61.316-58.25c.493 3.457.817 6.894.813 10.281-.012 36.836-27.426 67.098-62.148 70.047zm-11.086-161.82l-.054 77.508-34.934-33.184c12.344-18.559 26.062-34.574 34.988-44.324zm-41.094 53.965l41.027 38.973-.039 53.316-58.16-55.238c3.746-12.441 9.934-25.074 17.172-37.051zm-1.117 109.72c-12.82-13.285-19.875-30.965-19.867-49.789 0-3.348.352-6.773.88-10.23l61.085 58.02-.015 22.223c-15.887-1.36-30.664-8.394-42.082-20.223z"/></svg>                      <span class="ps-2">
                      Éclairage basse consommation                      </span> </div>
                                                                                                                                                            </div>
              </div>
            </div>
          </div>
          
          <!-- /Modal Consommation d’énergie raisonnée   --> 
          
          <!-------  Cuisson économe en énergie  ------>
          
                    <!-- Modal Cuisson économe en énergie  -->
          <div class="modal fade" id="cuisson" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Cuisson économe en énergie" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-header bg-energetique">
                  <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="consoEnergieLabel">Efficacité énergétique | Cuisson économe en énergie <span class="emoji fs-2 ps-2" role="img" aria-label="🍳">🍳</span></h1>
                  <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                                                                                                  </div>
              </div>
            </div>
          </div>
          
          <!-- /.Modal Cuisson économe en énergie   --> 
          <!------- Entretien économe en énergie du linge ------>
                    
          <!-- Modal Entretien économe en énergie du linge   -->
          
          <div class="modal fade" id="linge" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Entretien économe en énergie du linge " aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
          <div class="modal-content">
          <div class="modal-header bg-energetique">
            <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Efficacité énergétique | Entretien économe en énergie du linge<span class="emoji fs-2 ps-2" role="img" aria-label="🧺">🧺</span></h1>
            <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body d-flex flex-wrap p-4">
                                                  </div>
          </div>
          </div>
          </div>
          
          <!-- /.Modal Entretien économe en énergie du linge   --> 
          
          <!------- Usage économe des équipements en chambre ------>
                  
        <!-- Modal Usage économe des équipements en chambre   -->
        
        <div class="modal fade" id="chambre" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Usage économe des équipements en chambre" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-energetique">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Efficacité énergétique | Usage économe des équipements en chambre<span class="emoji fs-2 ps-2" role="img" aria-label="🛏️">🛏️</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                        </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
      <!-- ////////   PROTECTION DE L'EAU /////////-->
  <div class="row">
    <div class="mb-2  bg-transparent col-sm-12  ">
      <div class="d-flex flex-wrap"> 
        
        <!-- Protection de l'eau  -->
        <div class="bg-eau bloc-eco   rounded rounded-3 border me-2 d-flex align-items-center justify-content-center mb-2">
          <h3 class="text-font fw-bold  text-center mb-0 lh-1 py-xl-0 py-lg-0 py-2">Protection<br>
            de l'eau</h3>
        </div>
                <!-- Modal Cuisines économes en eau  -->
        
        <div class="modal fade" id="cuisineEau" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Cuisines 
économes en eau" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-eau">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Protection de l'eau | Cuisines 
                  économes en eau<span class="emoji fs-2 ps-2" role="img" aria-label="🧑‍🍳">🧑‍🍳</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                                                      </div>
            </div>
          </div>
        </div>
        
        <!-- /.Modal Cuisines économes en eau  --> 
        
        <!-- Sanitaires économes en eau  -->
                
        <!-- Modal Cuisines économes en eau  -->
        
        <div class="modal fade" id="sanitaires" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Sanitaires économes en eau" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-eau">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Protection de l'eau | Sanitaires économes en eau<span class="emoji fs-2 ps-2" role="img" aria-label="🚿">🚿</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                        </div>
            </div>
          </div>
        </div>
        
        <!-- Utilisation économe de l’eau en chambre  -->
        
                
        <!-- Modal Utilisation économe de l’eau en chambre -->
        <div class="modal fade" id="eauChambre" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Utilisation économe de l’eau en chambre" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-eau">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Protection de l'eau | Utilisation économe de l’eau en chambre<span class="emoji fs-2 ps-2" role="img" aria-label="🛏️">🛏️</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                                                            </div>
            </div>
          </div>
        </div>
        
        <!-- /.Modal Utilisation économe de l’eau en chambre --> 
        
        <!-- Dispositifs d’économie d’eau pour les extérieurs  -->
        
                <div class="    bg-light bg-opacity-25 d-flex justify-content-center align-items-center bloc-eco   me-2 rounded rounded-3 border mb-2">
          <button type="button" class="bg-transparent border-0 h-100 d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#eauExterieur"><span class="fs-xs   text-font lh-1">Dispositifs d’économie <br>
          d’eau pour les extérieurs</span> </button>
        </div>
                
        <!-- Modal Dispositifs d’économie d’eau pour les extérieurs-->
        <div class="modal fade" id="eauExterieur" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Dispositifs d’économie d’eau pour les extérieurs" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-eau">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="entretienLingeLabel">Protection de l'eau | Dispositifs d’économie d’eau pour les extérieurs<span class="emoji fs-2 ps-2" role="img" aria-label="🏞">🏞</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                      <div class="d-flex flex-row align-items-center w-50 mb-3">
                    <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M469.77 522.59H230.24c-11.266 0-21.602-6.563-26.414-16.734l-52.938-112.27c-.656-1.367-1.969-2.242-3.5-2.242h-34.125v-10.938h34.125c5.687 0 10.938 3.336 13.398 8.531l52.938 112.27c3.008 6.344 9.516 10.5 16.57 10.5h239.53c7.055 0 13.508-4.102 16.57-10.5l52.938-112.27c2.406-5.14 7.656-8.477 13.344-8.477h34.125v10.938h-34.125c-1.477 0-2.844.875-3.445 2.188l-53.047 112.27c-4.813 10.172-15.148 16.734-26.414 16.734z"/><path d="M455.98 486.5H242.92c-5.687 0-10.938-3.336-13.398-8.531l-52.883-112.16c-3.008-6.344-9.516-10.5-16.57-10.5h-46.812V344.37h46.812c11.266 0 21.602 6.562 26.414 16.734l52.938 112.22c.656 1.367 1.969 2.242 3.5 2.242h213.06c1.531 0 2.844-.82 3.445-2.188l52.992-112.33c4.813-10.171 15.203-16.733 26.414-16.733h47.906v10.938h-47.906c-7.054 0-13.508 4.101-16.57 10.5l-52.938 112.27c-2.406 5.14-7.656 8.476-13.344 8.476z"/><path d="M433.34 420.82c-9.625 0-18.539-3.828-25.156-10.828-4.484-4.758-10.609-7.383-17.172-7.383s-12.688 2.625-17.172 7.383c-6.617 7-15.531 10.828-25.156 10.828s-18.539-3.828-25.156-10.828c-4.484-4.758-10.609-7.383-17.172-7.383s-12.688 2.625-17.172 7.383c-6.617 7-15.531 10.828-25.156 10.828s-18.539-3.828-25.156-10.828c-4.484-4.758-10.609-7.383-17.172-7.383s-12.688 2.625-17.172 7.383l-7.93-7.492c6.617-7 15.531-10.828 25.156-10.828s18.54 3.828 25.156 10.828c4.485 4.758 10.61 7.383 17.172 7.383s12.688-2.625 17.172-7.383c6.617-7 15.531-10.828 25.156-10.828s18.54 3.828 25.156 10.828c4.485 4.758 10.61 7.383 17.172 7.383s12.688-2.625 17.172-7.383c6.617-7 15.531-10.828 25.156-10.828s18.54 3.828 25.156 10.828c4.485 4.758 10.61 7.383 17.172 7.383s12.688-2.625 17.172-7.383c6.618-7 15.531-10.828 25.156-10.828s18.54 3.828 25.156 10.828l-7.93 7.492c-4.484-4.758-10.608-7.383-17.171-7.383s-12.688 2.625-17.172 7.383c-6.727 6.945-15.641 10.828-25.266 10.828zM407.09 455.66c-6.508 0-13.016-1.969-17.992-5.906-5.96-4.703-16.406-4.703-22.367 0-9.898 7.875-26.031 7.875-35.93 0-5.96-4.703-16.406-4.703-22.367 0-9.898 7.875-26.031 7.875-35.93 0l6.781-8.586c5.961 4.703 16.406 4.703 22.367 0 9.899-7.875 26.031-7.875 35.93 0 5.961 4.703 16.406 4.703 22.367 0 9.899-7.875 26.031-7.875 35.93 0 5.961 4.703 16.406 4.703 22.367 0l6.781 8.586c-4.867 3.937-11.375 5.906-17.938 5.906zM266.39 289.3l10.555 2.863-5.41 19.95-10.555-2.864zM253.77 336.05l10.566 2.828-5.363 20.023-10.566-2.828zM278.96 242.61l10.559 2.856-5.41 20.008-10.56-2.856zM329.77 289.3l10.555 2.863-5.41 19.95-10.555-2.864zM317.16 336.05l10.566 2.828-5.363 20.023-10.566-2.828zM342.36 242.6l10.559 2.856-5.41 20.008-10.56-2.856zM393.14 289.29l10.555 2.863-5.41 19.95-10.555-2.864zM380.58 335.95l10.559 2.856-5.41 20.008-10.56-2.856zM405.76 242.68l10.566 2.828-5.36 20.023-10.565-2.828zM456.54 289.39l10.562 2.836-5.36 19.965-10.561-2.836zM443.96 335.95l10.559 2.856-5.41 20.008-10.56-2.856zM469.14 242.67l10.566 2.828-5.36 20.023-10.565-2.828zM447.67 211.7c-.984 0-2.023-.055-3.008-.11-17.719-.984-33.578-10.882-42.383-25.866-12.359 13.234-29.53 20.727-47.852 20.727-1.258 0-2.515-.055-3.773-.11-15.695-.875-30.023-7.054-41.18-17.555-8.805 13.453-24.008 21.82-40.25 21.82-.875 0-1.805 0-2.68-.054-12.852-.711-24.609-6.399-33.195-15.97-8.586-9.57-12.906-21.93-12.195-34.726.711-12.852 6.399-24.61 15.97-33.195s21.93-12.906 34.726-12.195c7.11.382 13.891 2.296 20.016 5.632 4.047-12.25 11.703-23.133 22.04-31.172 12.522-9.734 28.163-14.656 44.077-13.727 10.062.602 19.523 3.336 28.22 8.094l4.046 2.242-1.531 4.375c-1.969 5.578-3.117 11.375-3.5 17.336l-10.938-.656c.328-5.305 1.203-10.609 2.625-15.695-6.125-2.789-12.688-4.375-19.578-4.758-27.016-1.53-51.406 17.336-56.766 43.805l-1.75 8.696-7-5.47c-5.906-4.648-13.016-7.273-20.617-7.71-9.899-.547-19.47 2.789-26.852 9.406s-11.758 15.695-12.36 25.648c-.546 9.899 2.79 19.47 9.407 26.852s15.695 11.758 25.648 12.36c15.422.874 29.914-8.04 36.148-22.204l3.555-8.094 5.687 6.727c9.735 11.648 23.57 18.539 38.828 19.359 18.922 1.039 36.75-7.547 47.742-22.97l5.961-8.366 3.61 9.625c5.796 15.422 20.18 26.03 36.64 26.96 13.946.821 27.29-5.413 35.657-16.68l4.156-5.577 4.43 5.304c7.601 9.133 18.32 14.547 30.187 15.203 11.266.657 22.148-3.172 30.57-10.719 8.422-7.547 13.398-17.883 14.055-29.203 1.313-23.297-16.625-43.312-39.922-44.625-1.367-.11-2.734-.11-4.101-.054v.273l-2.024-.11c-.82.055-1.695.165-2.515.329l-.055-.492-6.344-.438c.11-1.476.11-3.008.11-4.484v-4.703l4.648-.711a52.906 52.906 0 0 1 10.992-.492c29.258 1.64 51.79 26.797 50.148 56.109-.82 14.219-7.055 27.234-17.664 36.75-10.609 9.46-24.28 14.273-38.445 13.453-12.523-.711-24.445-5.852-33.523-14.438-9.844 10.39-23.516 16.242-37.898 16.242z"/><path d="M513.62 141.26l-9.898-4.594a61.902 61.902 0 0 0 5.632-22.64v-.055c.11-1.422.11-2.899.11-4.485-.492-32.375-26.25-59.172-58.68-61.03-27.398-1.532-52.938 15.476-62.07 41.343a62.174 62.174 0 0 0-3.446 17.281l-10.938-.656a73.062 73.062 0 0 1 4.047-20.29c5.196-14.601 15.148-27.452 28.055-36.202 13.344-9.024 28.875-13.29 44.953-12.414 18.594 1.039 35.875 9.023 48.727 22.477 12.797 13.398 19.961 30.898 20.234 49.328v.055c0 1.64 0 3.39-.109 5.195-.547 9.406-2.734 18.32-6.617 26.688zM183.48 124.47a40.814 40.814 0 0 1-21.547-6.18 26.734 26.734 0 0 1-17.117 6.18c-14.766 0-26.797-12.031-26.797-26.797s11.977-26.797 26.742-26.797c5.469-16.406 21-27.891 38.719-27.891 22.477 0 40.742 18.266 40.742 40.742 0 22.477-18.266 40.742-40.742 40.742zm-22.914-20.945l4.21 3.39c5.306 4.32 11.813 6.618 18.704 6.618 16.46 0 29.805-13.344 29.805-29.805S199.94 53.923 183.48 53.923c-12.523 0-23.57 7.82-27.891 19.25a26.498 26.498 0 0 1 9.953 7.547l-8.477 6.89c-2.296-2.844-5.578-4.812-9.242-5.523h-.054a15.968 15.968 0 0 0-2.954-.274c-8.75 0-15.859 7.11-15.859 15.86s7.11 15.858 15.86 15.858c4.757 0 9.242-2.132 12.304-5.851z"/></svg>                    <span class="ps-2">
                    Récupération de l’eau de pluie                    </span> </div>
                                                                                          <div class="d-flex flex-row align-items-center w-50 mb-3">
                    <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M473.24 175.57l.766 8.75a70.697 70.697 0 0 1 63.96 98.457 70.695 70.695 0 0 1-51.84 41.695l.766 8.75a79.447 79.447 0 0 0 59.047-46.738 79.449 79.449 0 0 0-72.676-110.937z"/><path d="M472.94 139.56c-4.445.008-8.887.27-13.301.79a17.092 17.092 0 0 1 9.54 8.046h3.76a106.712 106.712 0 0 1 89.696 48.668 106.714 106.714 0 0 1 7.8 101.75 106.685 106.685 0 0 1-81.222 61.773l.742 8.75h.004c38.863-5.703 72.164-30.781 88.383-66.559s13.137-77.348-8.188-110.34a115.456 115.456 0 0 0-97.238-52.789z"/><path d="M492.67 400.14l-21.086-243.8c-.832-9.559-8.07-16.777-16.844-16.777H287.29c-8.75 0-16.012 7.219-16.844 16.777l-21.066 243.8a19.552 19.552 0 0 0 4.898 14.918 16.105 16.105 0 0 0 11.945 5.383h209.63a16.089 16.089 0 0 0 11.941-5.383 19.543 19.543 0 0 0 4.88-14.918zm-16.844 11.551h-209.63c-4.856 0-8.64-5.008-8.137-10.785l21.09-243.82c.438-4.988 3.938-8.75 8.137-8.75h167.45c4.18 0 7.7 3.785 8.137 8.75l21.086 243.8c.484 5.773-3.301 10.805-8.156 10.805z"/><path d="M256.51 371.88H490v6.89H256.51zM153.59 219.52l97.672 158.57 1.27-14.633-90.939-147.61a69.205 69.205 0 0 1-8.003 3.676zM189.98 190.66a74.126 74.126 0 0 1-5.492 7l75.098 84.066 1.027-11.965z"/><path d="M193.99 151.77l-5.602-6.715-75.883 63.238 5.622 6.715a23.51 23.51 0 0 0 18.812 7.898c11.746 0 26.098-6.125 38.414-16.383a71.849 71.849 0 0 0 20.539-26.602c4.593-11.133 3.914-21.152-1.903-28.152zm-24.238 48.125c-17.238 14.371-37.34 18.66-44.91 9.582l62.41-52.109c7.57 9.078-.285 28.09-17.523 42.438z"/></svg>                    <span class="ps-2">
                    Arrosage raisonné                    </span> </div>
                                                                        <div class="d-flex flex-row align-items-center w-50 mb-3">
                    <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M330.1 558.97c108.12 0 196.12-87.988 196.12-196.12 0-29.422-12.18-68.273-32.199-106.82 29.727-36.539 36.727-69.672 37.172-91.211l18.785 19.32a9.364 9.364 0 0 0 6.695 2.824 9.364 9.364 0 0 0 6.512-2.636c3.71-3.594 3.781-9.497.188-13.207l-35.935-36.938c-3.593-3.665-9.519-3.758-13.184-.188l-36.938 35.934a9.351 9.351 0 0 0-.187 13.207c3.57 3.664 9.496 3.758 13.184.188l22.285-21.676c.094 16.848-4.363 44.94-28.328 76.93-10.406-17.852-22.215-35.352-35.328-51.45-3.687-4.503-7.352-9.214-10.988-14.046 19.555-29.121 25.387-55.23 26.273-73.734l17.406 18.082a9.278 9.278 0 0 0 6.719 2.87 9.23 9.23 0 0 0 6.465-2.613c3.71-3.57 3.828-9.472.257-13.184l-35.746-37.148c-.441-.441-1.003-.699-1.515-1.074-.281-.187-.512-.422-.817-.558-1.308-.7-2.707-1.192-4.199-1.239-.465.024-.746.399-1.191.465-.512.07-1.004 0-1.516.14a9.349 9.349 0 0 0-3.265 1.727c-.188.164-.512.094-.7.282l-37.148 35.746c-3.71 3.57-3.828 9.472-.257 13.184 3.593 3.71 9.472 3.851 13.184.257l23.824-22.938c.14 14.488-3.196 37.215-19.438 63.7C379.017 89.985 339 7.195 338.532 6.265c-1.657-3.454-5.344-5.532-9.125-5.274a9.372 9.372 0 0 0-8.215 6.578c-.211.723-23.055 73.758-107.59 176.12-46.852 56.488-79.566 130.15-79.566 179.11-.028 108.21 87.938 196.17 196.07 196.17zM227.97 195.65c61.273-74.199 90.836-132.74 103.3-162.07 15.352 29.984 47.367 89.414 83.648 139.72-8.656 11.012-19.508 22.469-33.461 34.066-2.613 1.82-64.191 45.453-71.445 103.51-.629 5.133 2.988 9.777 8.098 10.406.398.07.793.094 1.168.094a9.313 9.313 0 0 0 9.238-8.192c6.23-49.77 63.047-90.113 64.238-90.977 13.672-11.387 24.57-22.656 33.625-33.672 2.684 3.477 5.344 7.094 8.05 10.43 13.978 17.148 26.392 35.863 37.056 54.762a237.67 237.67 0 0 1-23.102 22.004c-2.614 1.82-64.191 45.453-71.445 103.48a9.313 9.313 0 0 0 8.12 10.406c.4.07.77.094 1.169.094a9.313 9.313 0 0 0 9.238-8.191c6.207-49.746 63.023-90.09 64.215-90.953 7.887-6.559 14.652-13.066 20.953-19.555 16.684 33.578 26.902 66.664 26.902 91.863 0 97.836-79.613 177.43-177.45 177.43s-177.43-79.59-177.43-177.43c.02-44.301 31.68-114.61 75.312-167.22z"/></svg>                    <span class="ps-2">
                    Limitation de l’évaporation des sols                    </span> </div>
                                                                        <div class="d-flex flex-row align-items-center w-50 mb-3">
                    <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M350 504a5.601 5.601 0 0 1-5.602-5.602v-302.42a5.601 5.601 0 1 1 11.204 0v302.42A5.601 5.601 0 0 1 350 504z"/><path d="M350 291.49c-51.676 0-93.715-42.098-93.715-93.844 0-66.727 86.512-137.43 90.195-140.4a5.607 5.607 0 0 1 7.04 0c3.683 2.977 90.19 73.676 90.19 140.4 0 51.746-42.035 93.844-93.71 93.844zm0-222.56c-16.18 13.965-82.516 74.547-82.516 128.71 0 45.574 37.016 82.645 82.516 82.645 45.496 0 82.512-37.074 82.512-82.645 0-54.168-66.332-114.75-82.512-128.71zM228.78 469.69h-.004c-25.03 0-48.566-9.762-66.266-27.488-47.117-47.184-35.859-158.43-35.355-163.15a5.591 5.591 0 0 1 4.973-4.973c4.699-.515 115.8-11.78 162.92 35.41 36.535 36.59 36.535 96.121 0 132.71-17.7 17.727-41.234 27.488-66.266 27.488zm-90.875-184.87c-1.582 21.312-5.719 111.15 32.531 149.46 15.582 15.609 36.305 24.203 58.34 24.203 22.039 0 42.762-8.594 58.348-24.203 32.176-32.223 32.176-84.66 0-116.88-38.277-38.336-127.95-34.176-149.22-32.582z"/><path d="M350 492.02a5.595 5.595 0 0 1-4.434-2.176c-.515-.672-52.62-67.69-124.85-122.27a5.6 5.6 0 0 1-1.09-7.844 5.591 5.591 0 0 1 7.844-1.09C300.935 414.154 353.9 482.32 354.43 483a5.595 5.595 0 0 1-1.011 7.852A5.561 5.561 0 0 1 350 492.02z"/><path d="M350 492.02a5.553 5.553 0 0 1-3.418-1.168A5.595 5.595 0 0 1 345.57 483c.524-.683 53.492-68.848 126.96-124.36a5.602 5.602 0 0 1 7.844 1.09 5.603 5.603 0 0 1-1.09 7.844c-72.227 54.574-124.33 121.59-124.85 122.27a5.584 5.584 0 0 1-4.433 2.176z"/><path d="M470.62 469.69c-25.031 0-48.566-9.762-66.27-27.488-36.535-36.59-36.535-96.121 0-132.71 47.117-47.188 158.21-35.922 162.92-35.41a5.599 5.599 0 0 1 4.973 4.973c.504 4.71 11.762 115.96-35.355 163.15-17.7 17.727-41.234 27.488-66.266 27.488zm63.551-185.83c-36.027 0-93.32 4.922-121.89 33.539-32.18 32.223-32.18 84.66 0 116.88 15.582 15.609 36.305 24.203 58.344 24.203s42.762-8.594 58.344-24.203c38.25-38.309 34.113-128.14 32.531-149.46-5.383-.395-15.137-.96-27.324-.96zm-125.86 29.586h.055z"/></svg>                    <span class="ps-2">
                    Cultures adaptées                    </span> </div>
                                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
      
  <!-- ////////   Approvisionnement Durable /////////-->
      <!-- ////////   Accessibilité /////////-->
  <div class="row">
    <div class="mb-2 bg-transparent col-sm-12  ">
      <div class="d-flex flex-wrap">
        <div class="bg-accessibilite bloc-eco   rounded rounded-3 border me-2 d-flex align-items-center text-center mb-2 justify-content-center">
          <h3 class="text-font fw-bold  text-center mb-0 lh-1 py-xl-0 py-lg-0 py-2">Accessibilité</h3>
        </div>
        
        <!-- ////////   Support / Communication /////////-->
                <div class="    bg-light bg-opacity-25 d-flex justify-content-center align-items-center bloc-eco   me-2 rounded rounded-3 border mb-2">
          <button type="button" class="bg-transparent border-0 h-100 d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#supportsCom"><span class="fs-xs   text-font lh-1">Support / Communication</span> </button>
        </div>
                
        <!------  modal Support / Communication /////////-->
        
        <div class="modal fade" id="supportsCom" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Support / Communication" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-accessibilite">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="dechetsLabel">Accessibilité | Support / Communication<span class="emoji fs-2 ps-2" role="img" aria-label="💬">💬</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body   p-4">
                                <div class="accordion d-flex flex-wrap" id="accordionSupportCom">
                                                                                          <div class="accordion-item w-50 border-top-0 border-start-0 border-end-0 rounded-0">
                    <h2 class="accordion-header">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePmr" aria-expanded="false" aria-controls="collapsePmr">
                      <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M329.55 91.441c-67.109 0-121.54 43.848-121.54 97.914 0 17.438 5.644 33.789 15.551 47.945 7.32 10.422 24.023 23.883 24.023 23.883 2.324 1.887 3.988 5.828 3.668 8.766 0 0-1.824 17.809-4.816 28.398-5.114 18.363-8.395 24.78-8.395 24.78-2.031 3.954-.242 5.965 3.953 4.512 0 0 12.77-4.507 34.68-18.133 10.703-6.652 26.828-20.266 26.828-20.266 2.25-1.925 6.524-3.203 9.504-2.906 0 0 8.836.934 16.535.934 67.117 0 121.54-43.871 121.54-97.91.012-54.07-54.414-97.918-121.53-97.918zm20.875 142.35l-12.926 9.246c-5.383 3.524-10.41 5.227-15.086 5.14a16.538 16.538 0 01-3.137-.331l-.46-.078c-7.036-1.372-12.118-8.399-10.833-15.035l10.387-53.895c.34-1.743-.023-2.403-.164-2.586-.636-.817-3.308-.168-5.68 1.449a69.464 69.464 0 01-4.703 3.039c-2.32 1.34-5.32.488-6.421-1.695-1.133-2.157-.282-4.996 1.898-6.446l12.945-9.218c6.125-4.04 13.25-5.813 18.996-4.692l.45.086c6.87 1.348 11.39 8.035 10.061 14.906l-10.387 53.88c-.347 1.73.016 2.405.164 2.593.649.816 3.317.172 5.696-1.469a79.023 79.023 0 014.726-3.031c2.219-1.32 5.281-.477 6.395 1.703 1.129 2.152.27 4.98-1.922 6.434zm4.21-96.75c-.804 4.043-2.921 7.309-6.382 9.637-2.648 1.82-5.539 2.714-8.547 2.66a15.376 15.376 0 01-2.742-.293c-4.031-.785-7.313-2.934-9.648-6.422-2.32-3.46-3.114-7.27-2.32-11.34.75-3.98 2.89-7.207 6.406-9.543 3.437-2.324 7.269-3.125 11.316-2.328 4.078.789 7.269 2.91 9.605 6.355 2.313 3.422 3.09 7.22 2.313 11.273z"/><path d="M573.57 290.03c-5.543-10.277-13.199-18.883-20.602-27.195-12.18-13.652-22.68-25.453-22.68-42.152 0-6.637 1.45-11.441 3.129-16.996 1.988-6.578 4.238-14.039 4.238-24.977 0-28.375-6.48-52.023-19.242-70.293-37.78-54.109-98.69-80.418-186.21-80.418-75.562 0-142.41 31.258-178.82 83.621-23.89 34.352-45.668 93.352-13.809 179.12 10.348 29.68 29.133 50.688 44.22 67.562 13.905 15.559 24.897 27.855 24.897 40.695 0 14.348-4.105 38.516-13.273 60.184-12.852 30.359-18.098 40.523-18.148 40.621-4.09 7.852-4.246 15.98-.422 22.281 3.828 6.3 11.094 9.918 19.945 9.918h212.03c.442 0 .88-.04 1.301-.102a8.84 8.84 0 008.25-3.246c10.125-12.62 4.895-42.547 3.05-51.418-.855-4.176-.179-7.765 1.911-10.098 2.11-2.324 5.61-3.37 9.856-2.941.074.012 9.66.984 37.12 4.21 23.93 2.813 40.325 1.216 51.61-5.023 28.582-15.766 15.109-41.938 8.636-54.516-1.132-2.207-2.613-5.062-3.238-6.562 1.137-.758 3.11-1.719 4.52-2.406 5.828-2.844 15.574-7.61 15.574-18.77 0-5.02-1.805-8.508-4.34-10.97 6.008-2.12 11.3-6.144 11.3-14.378 0-8.399-4.136-13.641-7.163-17.465-2.032-2.582-3.18-4.118-3.594-6.098 1.703-.863 4.664-1.91 6.793-2.664 8.133-2.871 18.258-6.453 22.898-15.73 4-8.004 4.09-16.672.265-23.793zm-16.199 15.816c-1.422 2.844-8.059 5.187-12.898 6.894-7.965 2.813-18.867 6.66-18.867 17.617 0 9.352 4.406 14.918 7.61 18.988 1.597 2.016 2.503 3.239 2.953 4.38-2.079.542-5.305.94-7.286 1.187-6.664.828-19.074 2.387-18.68 13.62.352 10.16 10.477 12.13 15.344 13.083.59.105 1.332.254 2.067.414-1.176.656-2.574 1.34-3.606 1.844-5.543 2.703-14.816 7.234-14.816 17.617 0 4.832 2.43 9.547 5.5 15.523 8.875 17.23 9.996 24.473-1.394 30.754-7.774 4.285-21.145 5.246-40.926 2.922-27.758-3.258-37.398-4.246-37.402-4.246-9.883-.997-18.97 2.195-24.875 8.753-5.918 6.56-8.149 15.902-6.137 25.648 2.613 12.645 3.246 26.605 1.797 33.305h-208.97c-3.074 0-4.418-.867-4.7-1.328-.28-.46-.437-2.062.985-4.78.223-.427 5.531-10.673 18.766-41.91 10.836-25.614 14.684-52.169 14.684-67.134 0-19.645-13.64-34.898-29.438-52.578-14.762-16.508-31.496-35.23-40.73-61.719-23.145-62.312-19.105-118.64 11.672-162.9 33.078-47.57 94.457-75.969 164.18-75.969 81.262 0 137.39 23.816 171.62 72.805 10.625 15.211 16.016 35.438 16.016 60.082 0 8.309-1.691 13.906-3.473 19.824-1.902 6.332-3.879 12.88-3.879 22.148 0 23.488 13.828 39.004 27.184 54.02 7.036 7.89 13.664 15.344 18.22 23.781 1.476 2.754.128 6.059-.516 7.356z"/></svg>                      <span class="ps-2">
                      Sensibilisation du personnel à l’accueil des clients en situation de handicap                      </span></button>
                    </h2>
                    <div id="collapsePmr" class="accordion-collapse collapse" data-bs-parent="#accordionSupportCom">
                      <div class="accordion-body">
                        <p>
                                                                                                      </p>
                      </div>
                    </div>
                  </div>
                                                                        <div class="accordion-item w-50 border-top-0 border-start-0 border-end-0 rounded-0">
                    <h2 class="accordion-header">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFormPmr" aria-expanded="false" aria-controls="collapseFormPmr">
                      <svg width="80" height="80" viewBox="0 0 700 500" xmlns="http://www.w3.org/2000/svg"><path d="M518 541.91h74.094v-6.89c-1.723-31.017-4.309-57.724-7.754-80.126v-1.722c-.863-11.2-5.168-22.398-11.199-33.602v-.864c-6.031-9.476-13.785-18.094-24.125-23.262-3.445-1.722-6.89-3.445-10.34-5.168l-55.137-19.812L462 410.094l-51.69-18.095-50.833 93.906h-19.816L289.692 392l-51.69 18.094-21.54-39.629-55.137 19.816c-4.308 1.723-7.754 3.446-10.34 5.168-10.34 6.032-18.094 13.785-24.125 23.262l-.863 1.723c-6.031 11.2-10.34 22.398-11.2 32.738v1.723c-3.444 22.398-6.03 49.969-7.753 80.125v6.89h74.094c0 4.309-.863 9.477-.863 14.645v6.891h339.45v-6.89c-.856-5.169-.856-9.473-1.72-14.646zm-28.43-155.07l43.938 15.508c3.445.863 6.031 2.586 8.617 4.309 7.754 4.308 14.645 11.199 18.953 18.953v.863c5.168 9.476 8.617 18.953 9.477 28.43v2.586c2.586 20.676 5.168 44.8 6.89 72.37h-62.03c-1.723-19.815-3.446-37.046-6.032-52.554v-1.723c-.863-11.199-5.168-22.398-11.199-33.602v-.863c-6.031-9.477-13.785-18.094-24.125-23.262-.863 0-1.723-.863-1.723-.863zM120.83 528.99c1.723-27.57 4.309-51.691 6.89-72.371v-2.586c.864-8.617 4.31-18.094 10.34-28.43 4.31-7.754 11.2-14.645 18.954-18.953 2.585-1.723 5.168-2.586 8.617-4.308l43.938-15.508 15.508 29.293c-11.2 6.03-20.676 14.645-26.707 24.984-7.754 12.922-11.2 25.848-11.2 38.77-.862 3.445-3.444 19.816-6.03 49.109zm73.23 21.539c2.586-44.801 6.89-68.922 6.89-68.922v-1.723c0-10.34 3.446-21.539 9.477-32.738 6.031-10.34 16.371-18.953 28.43-23.262l43.938-15.508 49.11 90.461h35.323l49.11-90.46 43.937 15.507c3.446.864 6.031 2.586 8.617 4.309 7.754 4.309 14.645 11.199 18.953 18.953v.863c5.168 9.477 8.618 18.953 9.477 28.43v2.586c2.586 20.676 5.168 44.801 6.89 72.371l-310.15-.008z"/><path d="M276.77 366.15c6.031 0 11.199-.863 17.23-1.723 13.785 14.645 33.602 24.125 56 24.125 21.539 0 41.355-9.476 56-24.125 6.031.864 11.199 1.723 17.23 1.723 43.078 0 77.539-35.324 77.539-77.539 0-43.078-35.324-77.539-77.539-77.539-20.676 0-41.355 8.617-56 23.262-5.168-.863-11.199-1.723-17.23-1.723s-12.062.864-17.23 1.723c-14.645-14.645-34.461-23.262-56-23.262-43.078 0-77.539 35.324-77.539 77.539 0 42.219 34.461 77.539 77.539 77.539zm146.46-143.02c36.184 0 64.617 29.293 64.617 64.617 0 35.324-29.293 65.477-64.617 65.477-2.586 0-5.168 0-7.754-.863 7.754-12.062 12.922-26.707 12.922-43.078 0-31.875-18.953-59.445-46.523-71.508 11.203-9.473 25.848-14.645 41.355-14.645zm-8.613 86.156c0 36.184-29.293 64.617-64.617 64.617-35.324-.004-64.617-28.434-64.617-64.617 0-36.184 29.293-64.617 64.617-64.617s64.617 29.293 64.617 64.617zm-137.85-86.156c15.508 0 30.152 5.168 41.355 15.508-27.57 12.062-46.523 39.629-46.523 71.508 0 15.508 5.168 30.152 12.922 43.078-2.586 0-5.168.863-7.754.863-36.184 0-64.617-29.293-64.617-64.617 0-35.324 29.293-66.34 64.617-66.34zM343.97 69.785v79.262h12.922V69.785l31.016 31.016 8.617-8.617-46.523-46.523-46.523 46.523 8.617 8.617zM343.97 188.68h12.922v12.922H343.97zM343.97 162.83h12.922v12.922H343.97zM440.46 21.539v78.398h12.922V21.539l31.016 31.016 9.477-9.477-46.52-46.523-47.387 46.523 9.476 9.477zM440.46 140.43h12.922v12.922H440.46zM440.46 114.59h12.922v12.922H440.46zM246.62 21.539v78.398h12.922V21.539l31.016 31.016 9.477-9.477-47.387-46.523-46.52 46.523 9.476 9.477zM246.62 114.59h12.922v12.922H246.62zM246.62 140.43h12.922v12.922H246.62z"/></svg>                      <span class="ps-2">
                       Formation du personnel à l’accueil des clients en situation de handicap                      </span></button>
                    </h2>
                    <div id="collapseFormPmr" class="accordion-collapse collapse" data-bs-parent="#accordionSupportCom">
                      <div class="accordion-body">
                        <p>
                                                                                                      </p>
                      </div>
                    </div>
                  </div>
                                                                      </div>
                              </div>
            </div>
          </div>
        </div>
        
        <!------  /.modal Support / Communication /////////--> 
        
        <!-- ////////   Service /////////-->
        
                
        <!-------- modal Services /////////-->
        <div class="modal fade" id="services" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Services" aria-hidden="true">
          <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
              <div class="modal-header bg-accessibilite">
                <h1 class="modal-title fs-5 text-font   d-flex align-items-center" id="dechetsLabel">Accessibilité  | Services<span class="emoji fs-2 ps-2" role="img" aria-label="🦽">🦽</span></h1>
                <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body d-flex flex-wrap p-4">
                                                                                                                                                              <!-------- /.modal Services /////////--> 
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
      </div>
</div>
</div></section>    </div>

    <!-- ===================== FOOTER ===================== -->
    <footer class="bg-light">
      <div class="container-fluid position-relative bg-light bg-opacity-75 p-4">
  <div class="container-xl">
    <div class="row">
      <div class="col-sm-12 d-flex justify-content-center align-items-center flex-column">
                <img class="img-fluid" role="img" loading="lazy" src="https://www.faude.com/img/footer-logo-hotel-faude-lapoutroie.webp" width="137.62886597938" height="150" alt="logo Logis Hôtel du Faudé">
        <div class="module bottom-logos "><div class="d-flex justify-content-center align-items-center my-3 flex-wrap flex-logos">
    	<div class=" m-1 text-center">
  <a target="_blank"  href="https://www.chefs-alsace.fr/" title="Chefs d'Alsace" rel="noreferrer noopener" > <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/671a00c8596a08.52131023-sm.webp" alt="Chefs d'Alsace"  width="80" height="80"/> </a></div>
      	<div class=" m-1 text-center">
  <a target="_blank"  href="https://www.horizons-alsace.com/fr/qui-sommes-nous/hotels/hotel-restaurant-du-faude" title="Horizons d'Alsace Randonnées d'un hôtel à l'autre" rel="noreferrer noopener" > <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/671a00c53390d5.54719834-sm.webp" alt="Horizons d'Alsace Randonnées d'un hôtel à l'autre"  width="80" height="80"/> </a></div>
      	<div class=" m-1 text-center">
  <a target="_blank"  href="https://www.logishotels.com/fr/hotel/logis-hotel-du-faude-353" title="Logo Logis Hotels Restaurant - Le Faudé, Alsace" rel="noreferrer noopener" > <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/669a2885a7eda0.66720043-sm.webp" alt="Logo Logis Hotels Restaurant - Le Faudé, Alsace"  width="194" height="80"/> </a></div>
      	<div class=" m-1 text-center">
  <a target="_blank"  href="https://www.tables-auberges.com/hotels-restaurants/68-haut-rhin/lapoutroie/925-hotel-restaurant-du-faude" title="Tables & Auberges" rel="noreferrer noopener" > <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/671a00cb448869.74986833-sm.webp" alt="Tables & Auberges"  width="80" height="80"/> </a></div>
      	<div class=" m-1 text-center">
  <a target="_blank"  href="https://www.commanderiebecsfinsalsace.com/" title="Commanderie des becs fins délégation Alsace" rel="noreferrer noopener" > <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/671a00ce67ef57.83222960-sm.webp" alt="Commanderie des becs fins délégation Alsace"  width="80" height="80"/> </a></div>
      	<div class="text-center m-1">
  <img role="img" loading="lazy" src="https://www.monsamm.com/gallery/671fb9941930b1.78223533-sm.webp" alt="" width="46" height="80" />
	</div>
    </div>
</div>      </div>
    </div>
    <hr class="text-black-50">
    <div class="row justify-content-center pt-2">
      <div class="col-sm-12 col-lg-5 pb-3">
        <h4 class="titre-font text-start text-secondary">Logis Hôtel du Faudé</h4>
        <p class="text-font text-start text-dark pb-2 m-0">
          28 rue du General Dufieux <br>
          68650 LAPOUTROIE        </p>
                  <div class="text-start  ">
            <a href="https://maps.app.goo.gl/7z6D6SvBDkNFyPz49" target="_blank" title="Itinéraire Logis Hôtel du Faudé" rel="noreferrer noopener" class="btn btn-primary text-light titre-font rounded-0 px-5 py-2"> Itinéraire</a>
          </div>
              </div>
      <div class=" col-sm-12 col-lg-4 pb-3">
        <h5 class="titre-font text-start  text-secondary">Contactez-nous</h5>
        <div class=" text-start "> <a class=" text-decoration-none text-dark text-font " href="tel:+333 89 47 50 35" title="téléphone Logis Hôtel du Faudé"> +33 (0)
            3 89 47 50 35          </a> </div>
        <div class="text-start "> <a class="text-font text-decoration-none text-dark " href="mailto:info@faude.com" title="mail Logis Hôtel du Faudé">
            info@faude.com          </a> </div>
      </div>
      <div class=" col-sm-12 col-lg-3 d-flex flex-column pb-3">
        <h5 class="titre-font text-xl-end text-lg-end text-md-end text-start text-secondary">Suivez-nous</h5>
        <div class="d-flex align-content-xl-end align-content-lg-end align-content-md-end align-items-start   justify-content-xl-end justify-content-lg-end justify-content-md-end justify-content-start">
                      <a href="https://www.facebook.com/lefaude" target="_blank" title="Page Facebook Logis Hôtel du Faudé" rel="noreferrer noopener " class=" text-decoration-none"> <i class="fab fa-facebook-square  text-primary fs-5"></i></a>
                                <a href="https://www.instagram.com/le_faude/" target="_blank" title="Compte Instagram Logis Hôtel du Faudé" rel="noreferrer noopener" class="ms-2 text-decoration-none"> <i class="fab fa-instagram text-primary fs-5"></i> </a>
                            </div>
      </div>
    </div>

    <hr class=" text-black-50">
    <div class="row ">
      <div class="col-sm-12 d-flex flex-xl-row flex-lg-row flex-md-row flex-column justify-content-between py-3">
        <ul class="list-unstyled text-font d-flex flex-xl-row flex-lg-row flex-md-row flex-column flex-wrap justify-content-start text-dark fs-sm m-0">
          <li class="fs-sm pe-xl-3 pe-lg-3 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"><a class=" p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/infos-tarifs" title="Infos tarifs Logis Hôtel du Faudé">Tarifs </a> </li>
          <li class="fs-sm pe-xl-3 pe-lg-3 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"><a title="Mentions légales"  class="p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/mentions-legales" >Mentions légales </a> </li>
          <li class="fs-sm pe-xl-3 pe-lg-3 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"><a class=" p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/cgv" title="Conditions générale de venteLogis Hôtel du Faudé">Conditions générale de vente </a> </li>
          <li class="fs-sm pe-xl-3 pe-lg-3 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"> <a class=" p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/charte-vie-privee" title="Charte vie privée Logis Hôtel du Faudé">Charte de confidentialité </a> </li>
          <li class="fs-sm pe-xl-3 pe-lg32 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"> <a href="#" target="_blank" rel="noopener" class="tarteaucitronOpenPanel text-decoration-none fw-light text-font text-dark " title="Gestion des cookies">Gestion des cookies</a> </li>
          <li class="fs-sm pe-xl-3 pe-lg-3 pe-md-3 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2"> <a class=" p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/plan-du-site" title="Plan du site Logis Hôtel du Faudé">Plan du site </a></li>
          <li class="fs-sm pe-xl-2 pe-lg-2 pe-md-2 pe-0 d-flex py-xl-0 py-lg-0 py-md-0 py-2">
            <a class="text-synchro p-0 text-decoration-none text-dark fw-light text-font" href="https://www.faude.com/synchro" > Synchro </a>          </li>

        </ul>
        <a href="https://www.sammagenceweb.com" class="text-decoration fs-sm fw-light text-primary">Site by SAMM agence web</a>
      </div>
    </div>
  </div>
</div>    </footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer></script>
<script src="https://widget.monsamm.com/premium-calendrier-5/js/build/production.min.js?v=19493549202" defer></script>
<script src="js/build/production.min.js?v=194E939202"></script>
<script type="text/javascript" src="https://widget.monsamm.com/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript" src="https://widget.monsamm.com/tarteaucitron/tarteaucitron.services.js"></script>
<script type="text/javascript" src="https://widget.monsamm.com/tarteaucitron/lang/tarteaucitron.fr.js"></script>
<script type="text/javascript">
    (tarteaucitron.user.gtagUa = 'G-MDW8KSDXKB', {
        'anonymize_ip': true
    });
    tarteaucitron.user.gtagMore = function() {};
    (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
    (tarteaucitron.job = tarteaucitron.job || []).push('gcmanalyticsstorage');
    (tarteaucitron.job = tarteaucitron.job || []).push('gcmfunctionality');
    (tarteaucitron.job = tarteaucitron.job || []).push('gcmpersonalization');
    (tarteaucitron.job = tarteaucitron.job || []).push('gcmadsuserdata');
    (tarteaucitron.job = tarteaucitron.job || []).push('gcmsecurity');
    (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
    (tarteaucitron.job = tarteaucitron.job || []).push('maps_noapi');

    tarteaucitron.init({
        "privacyUrl": "",
        "googleConsentMode": true,
        "serviceDefaultState": "wait"
    });
</script>  </main>
</body>

</html>