Cliquer sur le bouton Installer ci-dessous pour ajouter l'application sur votre écran d'accueil.

Installer l'application

Ajoutez ce site web à votre écran d'accueil pour y accéder facilement et l'utiliser en mode plein écran.

Oh non...

Bravo!

Desinscription

<div class="raw-html-embed"><style>
    /* Styles CSS pour la boîte de dialogue modale */
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.795);
    }

    /* Styles CSS pour l'image agrandie */
    .modal-content {
        margin: auto;
        display: block;
        max-width: 80%;
        max-height: 80%;
    }

    /* Style CSS pour le bouton de fermeture */
    .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }

    .expandable {
        cursor: pointer;
        text-decoration: underline;
        font-size: 0.75rem;
    }

    .hidden {
        display: none;
    }

    .cart {
        border: 0px solid;
        border-radius: 15px;
        padding: 20px;
        box-shadow: 10px 5px 5px rgb(204, 204, 204);
        font-weight: 700;
        font-size: 1rem;
        color: white;
        background-color: #f28e1c;
    }

    /* Transition CSS pour l'effet de fondu */
    .image-fade {
        transition: opacity 0.3s;
    }
</style>



<div class="cart" id="moduleANT">
    <strong style="color: white;">SITE : ANT-FDF</strong>
    <p class="expandable" onclick="toggleImage(1)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer1">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ANT_FDF_51129f0d72.png" alt="Image 1" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ANT_FDF_51129f0d72.png')">
    </div>
</div>
<br id="moduleANT">
<div class="cart" id="moduleANT">
    <strong style="color: white;">SITE : ANT-PTP</strong>
    <p class="expandable" onclick="toggleImage(2)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer2">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ANT_PTP_ef6ea2bce9.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ANT_PTP_ef6ea2bce9.png')">
    </div>
</div><br id="moduleANT">
<div class="cart" id="moduleCDG">
    <strong style="color: white;">SITE : FR-CDG</strong>
    <p class="expandable" onclick="toggleImage(3)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer3">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/CDG_12f7bb29d7.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/CDG_12f7bb29d7.png')">
    </div>
</div><br id="moduleCDG">
<div class="cart" id="moduleLBG">
    <strong style="color: white;">SITE : FR-LBG</strong>
    <p class="expandable" onclick="toggleImage(4)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer4">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/LBG_6aabbaf9fe.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/LBG_6aabbaf9fe.png')">
    </div>
</div><br id="moduleLBG">
<div class="cart" id="moduleLYS">
    <strong style="color: white;">SITE : FR-LYS</strong>
    <p class="expandable" onclick="toggleImage(5)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer5">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/FR_LYS_4f17b7b1df.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/FR_LYS_4f17b7b1df.png')">
    </div>
</div><br id="moduleLYS">
<div class="cart" id="moduleMRS">
    <strong style="color: white;">SITE : FR-MRS</strong>
    <p class="expandable" onclick="toggleImage(6)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer6">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/MRS_26a19d32ec.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/MRS_26a19d32ec.png')">
    </div>
</div><br id="moduleMRS">
<div class="cart" id="moduleNCE">
    <strong style="color: white;">SITE : FR-NCE</strong>
    <p class="expandable" onclick="toggleImage(7)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer7">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/NCE_27f01c799b.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/NCE_27f01c799b.png')">
    </div>
</div><br id="moduleNCE">
<div class="cart" id="moduleNSS">
    <strong style="color: white;">SITE : FR-NSS</strong>
    <p class="expandable" onclick="toggleImage(8)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer8">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/NSS_56e9dccc8b.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/NSS_56e9dccc8b.png')">
    </div>
</div><br id="moduleNSS">
<div class="cart" id="moduleORY">
    <strong style="color: white;">SITE : FR-ORY &amp; FR-NWR-ORY</strong>
    <p class="expandable" onclick="toggleImage(9)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer9">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ORY_7a00518fb1.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ORY_7a00518fb1.png')">
    </div>
</div><br id="moduleORY">
<div class="cart" id="moduleTO">
    <strong style="color: white;">SITE : FR-TO</strong>
    <p class="expandable" onclick="toggleImage(11)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer11">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/WISS_1fe08dbb27.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/WISS_1fe08dbb27.png')">
    </div>
</div><br id="moduleTO">

<div class="cart" id="moduleCANO">
    <strong style="color: white;">SITE : CANO-NCE</strong>
    <p class="expandable" onclick="toggleImage(20)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer20">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleCANO">
<div class="cart" id="moduleCANO">
    <strong style="color: white;">SITE : CANO-BSL</strong>
    <p class="expandable" onclick="toggleImage(21)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer21">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleCANO">
<div class="cart" id="moduleNAT">
    <strong style="color: white;">SITE : NAT-BDX</strong>
    <p class="expandable" onclick="toggleImage(14)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer14">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleNAT">
    <div class="cart" id="moduleNAT">
        <strong style="color: white;">SITE : NAT-NTE</strong>
        <p class="expandable" onclick="toggleImage(18)">WIFI : W_GUEST</p>
        <div class="hidden image-fade" id="imageContainer18">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
        </div>
</div><br id="moduleNAT">

<div class="cart" id="moduleAUB">
    <strong style="color: white;">SITE : NWR-AUB</strong>
    <p class="expandable" onclick="toggleImage(12)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer12">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleAUB">
<div class="cart" id="moduleBAR">
    <strong style="color: white;">SITE : NWR-BAR</strong>
    <p class="expandable" onclick="toggleImage(13)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer13">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleBAR">
<div class="cart" id="moduleCOND">
    <strong style="color: white;">SITE : NWR-COND</strong>
    <p class="expandable" onclick="toggleImage(15)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer15">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleCOND">
<div class="cart" id="moduleLYS">
    <strong style="color: white;">SITE : NWR-LYS</strong>
    <p class="expandable" onclick="toggleImage(16)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer16">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleLYS">
<div class="cart" id="moduleMSA">
    <strong style="color: white;">SITE : NWR-MSA</strong>
    <p class="expandable" onclick="toggleImage(17)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer17">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleMSA">
<div class="cart" id="moduleTLS">
    <strong style="color: white;">SITE : NWR-TLS</strong>
    <p class="expandable" onclick="toggleImage(19)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer19">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleTLS">
<div class="cart" id="moduleRUN">
    <strong style="color: white;">SITE : RUN-CAT</strong>
    <p class="expandable" onclick="toggleImage(10)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer10">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/RUN_CAT_07a0b63311.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/RUN_CAT_07a0b63311.png')">
    </div>
</div><br id="moduleRUN">
<div class="cart" id="moduleRUN">
    <strong style="color: white;">SITE : RUN-RET</strong>
    <p class="expandable" onclick="toggleImage(22)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer22">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br id="moduleRUN">

<div id="myModal" class="modal">
    <span class="close" onclick="closeModal()">×</span>
    <img class="modal-content" id="modalImage">
</div>


<script>
  document.addEventListener("DOMContentLoaded", function() {
    const params = new URLSearchParams(window.location.search);
    const moduleParam = params.get('module');
    const modulesToShow = moduleParam ? moduleParam.split(',') : [];

    function hideAllModules() {
        document.querySelectorAll('.cart').forEach(function(module) {
            module.style.display = 'none';
        });
        document.querySelectorAll('br').forEach(function(br) {
            br.style.display = 'none';  // Masquer tous les éléments <br>
        });
    }

    function showModules(modules) {
        modules.forEach(moduleId => {
            document.querySelectorAll(`#${moduleId}`).forEach(module => {
                module.style.display = 'block';  // Afficher le module
                let nextBr = module.nextElementSibling;
                if (nextBr && nextBr.tagName === 'BR') {
                    nextBr.style.display = 'block';  // Afficher le <br> suivant le module
                }
            });
        });
    }

    function showAllModules() {
        document.querySelectorAll('.cart').forEach(function(module) {
            module.style.display = 'block';  // Afficher tous les modules
        });
        document.querySelectorAll('br').forEach(function(br) {
            br.style.display = 'block';  // Afficher tous les <br>
        });
    }

hideAllModules(); // Masquer tous les modules initialement

if (modulesToShow.length > 0) {
    if (modulesToShow.includes('all')) {
        showAllModules();
    } else {
        showModules(modulesToShow);
    }
}
});

    //Permet de créer les différentes étiquettes 
    var imageVisible = [false, false, false, false, false, false, false, false, false, false, false, false,false, false, false, false, false, false, false, false, false, false];

    function toggleImage(imageNumber) { 
        var imageContainer = document.getElementById(`imageContainer${imageNumber}`);
        var expandableText = document.querySelectorAll(".expandable")[imageNumber - 1];

        if (imageVisible[imageNumber - 1]) {
            imageContainer.classList.add("image-fade");
            imageContainer.style.opacity = 0;
            setTimeout(function () {
                imageContainer.classList.add("hidden");
            }, 300); // durée de la transition CSS est de 0,3 seconde
        } else {
            imageContainer.classList.remove("hidden");
            setTimeout(function () {
                imageContainer.style.opacity = 1;
            }, 0);
        }

        imageVisible[imageNumber - 1] = !imageVisible[imageNumber - 1];
    }

    function openModal(imageSrc) {
        var modal = document.getElementById('myModal');
        var modalImage = document.getElementById('modalImage');
        modalImage.src = imageSrc;
        modal.style.display = "block";
    }

    function closeModal() {
        var modal = document.getElementById('myModal');
        modal.style.display = "none";
    }

    window.onclick = function (event) {
        var modal = document.getElementById('myModal');
        if (event.target === modal) {
            modal.style.display = "none";
        }
    }

</script>





</div><p>&nbsp;</p>

Wi-Fi Guest

large_banner

medium_banner

small_banner

thumbnail_banner

France

small_Newrest_logo_White.png

thumbnail_Newrest_logo_White.png

FR-NSS-IT

Street View

Wi-Fi Guest (NSS & DVP)

<div class="raw-html-embed"><style>
    /* Styles CSS pour la boîte de dialogue modale */
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.795);
    }

    /* Styles CSS pour l'image agrandie */
    .modal-content {
        margin: auto;
        display: block;
        max-width: 80%;
        max-height: 80%;
    }

    /* Style CSS pour le bouton de fermeture */
    .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }

    .expandable {
        cursor: pointer;
        text-decoration: underline;
        font-size: 0.75rem;
    }

    .hidden {
        display: none;
    }

    .cart {
        border: 0px solid;
        border-radius: 15px;
        padding: 20px;
        box-shadow: 10px 5px 5px rgb(204, 204, 204);
        font-weight: 700;
        font-size: 1rem;
        color: white;
        background-color: #f28e1c;
    }

    /* Transition CSS pour l'effet de fondu */
    .image-fade {
        transition: opacity 0.3s;
    }
</style>




<div class="cart">
    <strong style="color: white;">SITE : ANT-FDF</strong>
    <p class="expandable" onclick="toggleImage(1)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer1">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ANT_FDF_51129f0d72.png" alt="Image 1" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ANT_FDF_51129f0d72.png')">
    </div>
</div>
<br>
<div class="cart">
    <strong style="color: white;">SITE : ANT-PTP</strong>
    <p class="expandable" onclick="toggleImage(2)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer2">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ANT_PTP_ef6ea2bce9.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ANT_PTP_ef6ea2bce9.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-CDG</strong>
    <p class="expandable" onclick="toggleImage(3)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer3">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/CDG_12f7bb29d7.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/CDG_12f7bb29d7.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-LBG</strong>
    <p class="expandable" onclick="toggleImage(4)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer4">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/LBG_6aabbaf9fe.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/LBG_6aabbaf9fe.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-LYS</strong>
    <p class="expandable" onclick="toggleImage(5)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer5">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/FR_LYS_4f17b7b1df.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/FR_LYS_4f17b7b1df.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-MRS</strong>
    <p class="expandable" onclick="toggleImage(6)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer6">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/MRS_26a19d32ec.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/MRS_26a19d32ec.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-NCE</strong>
    <p class="expandable" onclick="toggleImage(7)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer7">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/NCE_27f01c799b.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/NCE_27f01c799b.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-NSS</strong>
    <p class="expandable" onclick="toggleImage(8)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer8">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/NSS_56e9dccc8b.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/NSS_56e9dccc8b.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-ORY &amp; FR-NWR-ORY</strong>
    <p class="expandable" onclick="toggleImage(9)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer9">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/ORY_7a00518fb1.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/ORY_7a00518fb1.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : FR-TO</strong>
    <p class="expandable" onclick="toggleImage(11)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer11">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/WISS_1fe08dbb27.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/WISS_1fe08dbb27.png')">
    </div>
</div><br>

<div class="cart">
    <strong style="color: white;">SITE : CANO-NCE</strong>
    <p class="expandable" onclick="toggleImage(20)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer20">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : CANO-BSL</strong>
    <p class="expandable" onclick="toggleImage(21)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer21">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>

<div class="cart">
    <strong style="color: white;">SITE : NWR-AUB</strong>
    <p class="expandable" onclick="toggleImage(12)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer12">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-BAR</strong>
    <p class="expandable" onclick="toggleImage(13)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer13">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-BDX</strong>
    <p class="expandable" onclick="toggleImage(14)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer14">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-COND</strong>
    <p class="expandable" onclick="toggleImage(15)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer15">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-LYS</strong>
    <p class="expandable" onclick="toggleImage(16)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer16">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-MSA</strong>
    <p class="expandable" onclick="toggleImage(17)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer17">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-NTE</strong>
    <p class="expandable" onclick="toggleImage(18)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer18">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : NWR-BAR</strong>
    <p class="expandable" onclick="toggleImage(19)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer19">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : RUN-CAT</strong>
    <p class="expandable" onclick="toggleImage(10)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer10">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/RUN_CAT_07a0b63311.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/RUN_CAT_07a0b63311.png')">
    </div>
</div><br>
<div class="cart">
    <strong style="color: white;">SITE : RUN-RTE</strong>
    <p class="expandable" onclick="toggleImage(22)">WIFI : W_GUEST</p>
    <div class="hidden image-fade" id="imageContainer22">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png" alt="Agrandir l'image" onclick="openModal('https://d3nnu1nc49m1r7.cloudfront.net/AUB_3bf9f570c5.png')">
    </div>
</div><br>

<div id="myModal" class="modal">
    <span class="close" onclick="closeModal()">×</span>
    <img class="modal-content" id="modalImage">
</div>



<script>
    var imageVisible = [false, false, false, false, false, false, false, false, false, false, false, false,false, false, false, false, false, false, false, false, false, false];

    function toggleImage(imageNumber) {
        var imageContainer = document.getElementById(`imageContainer${imageNumber}`);
        var expandableText = document.querySelectorAll(".expandable")[imageNumber - 1];

        if (imageVisible[imageNumber - 1]) {
            imageContainer.classList.add("image-fade");
            imageContainer.style.opacity = 0;
            setTimeout(function () {
                imageContainer.classList.add("hidden");
            }, 300); // La durée de la transition CSS est de 0,3 seconde
        } else {
            imageContainer.classList.remove("hidden");
            setTimeout(function () {
                imageContainer.style.opacity = 1;
            }, 0);
        }

        imageVisible[imageNumber - 1] = !imageVisible[imageNumber - 1];
    }

    function openModal(imageSrc) {
        var modal = document.getElementById('myModal');
        var modalImage = document.getElementById('modalImage');
        modalImage.src = imageSrc;
        modal.style.display = "block";
    }

    function closeModal() {
        var modal = document.getElementById('myModal');
        modal.style.display = "none";
    }

    window.onclick = function (event) {
        var modal = document.getElementById('myModal');
        if (event.target === modal) {
            modal.style.display = "none";
        }
    }
</script>




</div>