        <style>
            body {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: Arial, sans-serif;
                line-height: 1.6;
                background-image: url('Img26.jpg')
            }
            header {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #f8f9fa;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                z-index: 1000;
                animation: slideDown 0.5s ease-out;
            }
            main {
                padding: 60px 0px 0px;
            }
            section {
                margin-bottom: 40px;
                opacity: 0;
                transform: translateY(50px);
                transition: opacity 0.8s, transform 0.8s;
            }
            section.visible {
                opacity: 1;
                transform: translateY(0);
            }
            footer {
                text-align: center;
                background-color: #f1f1f1;
                padding: 10px 0;
                border-top: 2px solid #ddd;
            }
            img {
                transition: transform 0.3s ease;
            }
            img:hover {
                transform: scale(1.02);
            }
            button {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            button:hover {
                transform: scale(1.05);
                box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            }
            h1, p, button {
                margin-left: 60px;
            }
            .top-bar {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 10px 20px;
            }
            .left-section {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 20px;
                font-weight: bold;
                color: #fad720;
            }
            .left-section img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
            }
            .left-section .clickable {
                display: flex;
                align-items: center;
                gap: 10px;
                text-decoration: none;
                color: inherit;
                cursor: pointer;
            }

            .left-section .clickable:hover {
                opacity: 0.8;
            }
            .hamburger {
                display: none;
                font-size: 24px;
                cursor: pointer;
            }
            .right-section {
                display: flex;
                gap: 2px;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
            }
            .right-section a {
                text-decoration: none;
                color: #00000f;
                font-size: 16px;
                padding: 10px 20px;
                position: relative;
                background-color: transparent;
                border: none;
                cursor: pointer;
                transition: color 0.3s ease;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .right-section a::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 2px;
                background-color: #fad720;
                transition: width 0.3s ease;
            }
            .right-section a:hover {
                color: #fad720;
            }
            .right-section a:hover::after {
                width: 100%;
            }
            .dropdown {
                display: none;
                flex-direction: column;
                background-color: #f8f9fa;
                position: absolute;
                top: 60px;
                right: 20px;
                width: 200px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                border-radius: 8px;
                z-index: 1001;
                animation: fadeIn 0.3s ease-out;
            }
            .dropdown a {
                padding: 10px;
                text-decoration: none;
                color: #000;
                border-bottom: 1px solid #ddd;
                transition: all 0.3s ease;
            }
            .dropdown a:last-child {
                border-bottom: none;
            }
            .dropdown a:hover {
                background-color: #fad720;
                color: #000;
            }
            .hero-image {
                transition: none !important;
            }
            .hero-image:hover {
                transform: none !important;
            }
            .company-title {
                animation: scaleIn 1s ease-out;
            }
            .optimize-btn {
                position: fixed;
                top: 3.5%;
                right: 15px;
                transform: translateY(-50%);
                background-color: #ffffff;
                border: 2px solid #fad720;
                border-radius: 50%;
                padding: 8px;
                cursor: pointer;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                z-index: 9999;
                transition: transform 0.2s ease, background-color 0.3s ease;
                width: 20px;
                height: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .optimize-btn:hover {
                background-color: #ffd900;
                transform: translateY(-50%) scale(1.1);
            }
            .optimize-btn i {
                font-size: 14px;
                color: #000000;
            }
            .language-box {
                position: fixed;
                top: 60px;
                right: 0;
                width: 200px;
                height: 100%;
                background-color: #f8f9fa;
                transform: translateX(100%);
                transition: transform 0.3s ease;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 20px;
                z-index: 999;
                overflow-y: auto;
            }
            .language-box.open {
                transform: translateX(0);
            }
            .language-label {
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 10px;
                color: #333;
                align-self: stretch;
                margin-top: 0;
            }
            .language-dropdown {
                width: 100%;
                border: 1px solid #ddd;
                border-radius: 4px;
                padding: 8px;
                font-size: 16px;
                margin-top: 10px;
            }
            .content {
                display: none;
            }
            .content:not(.hidden) {
                display: block;
            }
            .demolition-image {
                width: 84vw;
                height: 700px;
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                object-fit: cover;
            }
            @keyframes slideDown {
                from { 
                    transform: translateY(-100%); 
                }
                to { 
                    transform: translateY(0); 
                }
            }
            @keyframes fadeIn {
                from { 
                    opacity: 0; 
                    transform: translateY(-10px); 
                }
                to { 
                    opacity: 1; 
                    transform: translateY(0); 
                }
            }
            @keyframes scaleIn {
                from { 
                    transform: scale(0.95); 
                    opacity: 0; 
                }
                to { 
                    transform: scale(1); 
                    opacity: 1; 
                }
            }
            @media (max-width: 768px) {
                .right-section {
                    display: none;
                }
                .hamburger {
                    display: block;
                }
                section {
                    padding: 20px 10px;
                }
                .language-selector {
                    margin-right: 60px;
                }
                .demolition-image {
                    width: 90%;
                    height: 350px;
                }
            }
            @media (max-width: 480px) {
                .demolition-image {
                    width: 85%;
                    height: 200px;
                }
            }
            @media (max-width: 768px) {
                .top-bar {
                    padding: 14.67px;
                }
                .left-section {
                    font-size: 16px;
                }
                .left-section img {
                    width: 30px;
                    height: 30px;
                }
                .hero-image {
                    height: 80vh !important;
            }
            [translate="T6"] {
                font-size: 40px !important;
            }
            section {
                padding: 20px 15px !important;
                gap: 30px !important;
            }
            h1 {
                margin-left: 15px !important;
                font-size: 18px !important;
            }
            p {
                margin-left: 15px !important;
                font-size: 16px !important;
            }
            section img {
                max-width: 100% !important;
                margin: 0 auto !important;
            }
            section[style*="display: flex"] {
                flex-direction: column !important;
            }
            div[style*="display: flex; justify-content: center; gap"] {
                flex-direction: column;
                gap: 20px !important;
            }
            div[style*="display: flex; justify-content: center; gap"] img {
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
            }
            .container {
                padding: 10px;
            }
            #map {
                width: 100% !important;
                height: 300px !important;
            }
            button {
                margin-left: 15px !important;
                width: calc(100% - 30px);
            }
            .language-box {
                width: 135px;
            }
            .language-dropdown {
                width: 140px;
            }
            .optimize-btn {
                bottom: 20px;
                top: unset;
                right: 20px;
            }
            footer {
                padding: 15px;
                font-size: 14px;
            }
        }
        @media (min-width: 769px) and (max-width: 1024px) {
            section {
                padding: 30px 20px !important;
                gap: 50px !important;
            }
            h1 {
                margin-left: 20px !important;
            }
            p {
                margin-left: 20px !important;
            }
            div[style*="display: flex; justify-content: center; gap"] {
                gap: 30px !important;
            }
        }
        </style>
    </head>
    <body>
        <header>
            <div class="top-bar">
                <div class="left-section">
                    <div class="left-section">
                        <a href="#" class="clickable" onclick="location.reload();">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Logo3.png" alt="Logo">
                            <span>G LA SOLUTION SA</span>
                        </a>
                    </div>                    
                </div>                
                <i class="fas fa-bars hamburger" onclick="ToggleDropdown()"></i>
                <div class="right-section">
                    <a id="button1" translate="T1">Accueil</a>
                    <a id="button2" translate="T2">Terrassement</a>
                    <a id="button3" translate="T3">Demolition</a>
                    <a id="button4" translate="T4">Gros oeuvre</a>
                    <a id="button5" translate="T5">Vente dematériaux de construction</a>
                    <a id="button6" translate="T6">Energie</a>
                    <a id="button7" translate="T7">Contact</a>
                </div>
                <div class="dropdown" id="dropdown"> 
                    <a onclick="CloseDropdown(0)" translate="T1">Accueil</a>
                    <a onclick="CloseDropdown(1)" translate="T2">Terrassement</a>
                    <a onclick="CloseDropdown(2)" translate="T3">Demolition</a>
                    <a onclick="CloseDropdown(3)" translate="T4">Gros oeuvre</a>
                    <a onclick="CloseDropdown(4)" translate="T5">Vente dematériaux de construction</a>
                    <a onclick="CloseDropdown(5)" translate="T6">Energie</a>
                    <a onclick="CloseDropdown(6)" translate="T7">Contact</a>
                </div>
            </div>
            <div>
                <div class="optimize-btn">
                    <i class="fa-solid fa-gear"></i>
                </div>
                <div class="language-box">
                    <label translate="T8" class="language-label" for="language">Choisir la langue :</label>
                    <select id="language" class="language-dropdown" onchange="ChangeLanguage(this.value)">
                        <option value="fr">Français</option>
                        <option value="en">English</option>
                    </select>
                </div>
            </div>   
        </header> 
        <main>
            <div style="position: relative; width: 100%; height: 80vh; text-align: center; margin: 0 auto;">
                <img src="https://pluto-cheat.x10.mx/Image/GLA/Img1.jpeg" alt="Fenêtre secondaire" class="hero-image" style="width: 100%; height: 100%; object-fit: cover; display: block;">
                <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fad720; font-size: 70px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);">
                    G LA SOLUTION SA
                </div>
            </div>
            <main>
                <!-- Accueil Section -->
                <div id="content1" class="content">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T1" id="accueil" style="font-size: 30px; color: #333;">Accueil</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div> 
                    <section style="display: flex; align-items: center; gap: 170px; padding: 40px;">
                        <div style="flex: 1;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img2.jpeg" alt="Illustration" style="max-width: 120%; height: auto; border-radius: 8px; margin-left: 80px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                        </div>
                        <div style="flex: 2;">
                            <p translate="T9" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">L’expertise de l’entreprise G la Solution est là pour tous vos travaux de construction</p>
                            <p translate="T10" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Basés en suisse, nous pouvons subvenir à vos besoins dans n’importe quel canton</p>
                            <p translate="T11" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Spécialisés dans le domaine du bâtiment et de la construction, nous réussirons à vous accompagner dans tous vos projets, aussi bien qu’il soit simple ou complexe</p>
                            <p translate="T12" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Nous sommes en mesure de suivre vos projets de A à Z du terrassement à l’aménagement.</p>
                            <p translate="T13" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Le secret de notre société : Qualité, Sérieux, Détail, Garanti.</p>
                            <div class="contact-button-container" style="margin-top: 20px;">
                                <button id="button7" style="padding: 20px 40px; font-size: 18px; background-color: #fad720; color: black; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.2);">
                                    Contact
                                </button>
                            </div>
                        </div>
                    </section>   
                </div>
                <!-- Terrassement Section -->
                <div id="content2" class="content hidden">     
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T2" id="energie" style="font-size: 30px; color: #333;">Terrassement</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div>  
                    <section style="display: flex; align-items: flex-start; gap: 170px; padding: 40px;">
                        <div style="flex: 2;">
                            <h1 translate="T2" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Terrassement</h1>
                            <p translate="T14" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Pour la construction de vos futurs projets, <strong>G La Solution SA</strong> propose des travaux de terrassement pour répondre a tout les besoins nécessaires pour préparer au mieux la zone de construction.</p>
                            <br>
                            <p translate="T15" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Une fois le terrassement fait, nous nivelons le terrain correctement et au plus juste, pour la mise en place des fondations du bâtiment.</p>
                            <br>
                            <p translate="T16" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Ainsi nous préparerons tout les branchement/attentes nécessaires pour permettre le bon déroulement et la suite logique du chantier.</p>
                        </div>
                        <div style="flex: 1; display: flex; justify-content: flex-end;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img21.png" alt="Illustration" style="max-width: 120%; height: auto; border-radius: 8px; margin-right: 35px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                        </div>
                    </section>
                </div>
                <!-- Demolition Section -->
                <div id="content3" class="content hidden">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T3" id="energie" style="font-size: 30px; color: #333;">Démolition</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div>
                    <section style="display: flex; flex-direction: column; align-items: center; padding: 40px;">
                        <div style="flex: 2; margin-bottom: 20px;">
                            <h1 translate="T3" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Démolition</h1>
                            <p translate="T17" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Quelques que soit la complexité de la tâche, nous sommes en mesures et en capacités de réaliser vos travaux de démolition, d'abattage de murs concernant vos maisons et autres structures.</p>
                        </div>
                        <div style="flex: 1; display: flex; justify-content: center; width: 100%;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img22.png" alt="Illustration" class="demolition-image">
                        </div>
                    </section>
                </div>
                <!-- Gros oeuvre Section -->
                <div id="content4" class="content hidden">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T4" id="energie" style="font-size: 30px; color: #333;">Gros Oeuvre</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div>
                    <section>
                        <h1 translate="T4" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Gros Oeuvre</h1> 
                        <p translate="T18" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Le gros oeuvre désigne l’ensemble des travaux de construction qui constituent la structure porteuse du bâtiment.</p>     
                        <br>  
                        <p translate="T19" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Le gros oeuvre comprend les travaux de fondations, de maçonneries OU structures bois, de toitures / couvertures</p>         
                        <br>
                        <p translate="T20" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;"><strong>G La Solution SA</strong> a les capacités, les compétences et les connaissances nécessaires pour répondre à vos idées et aboutir à vos projets.</p>      
                        <br>
                        <p translate="T21" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Nous vous proposons nos services de maçonnerie</p>  
                        <p translate="T22" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Les travaux de maçonnerie peuvent être la construction d’une villa, d’un chalet, d’un garage ou même une extension, et même un bâtiment de plusieurs logements.</p>  
                        <p translate="T23" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Nous réalisons également vos travaux de toitures</p> 
                        <br>
                        <p translate="T24" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Avec notre équipe et notre savoir faire nous saurons répondre à toutes vos attentes.</p> 
                        <div style="display: flex; justify-content: center; gap: 100px; margin-top: 40px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img17.jpg" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img23.png" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                        </div>                       
                    </section> 
                </div>
                <!-- Vente de matériaux de construction Section -->
                <div id="content5" class="content hidden">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T5" id="vente" style="font-size: 30px; color: #333;">Vente de matériaux de construction</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div>        
                    <section style="display: flex; flex-wrap: wrap; gap: 20px; padding: 20px;">
                        <div style="flex: 1; min-width: 300px;">
                            <h1 translate="T25" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Les fenêtres / ouvertures</h1>
                            <p translate="T26" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Le PVC est un matériau excellent en terme de rapport qualité prix</p>
                            <p translate="T27" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Ce produit s’adapte parfaitement aux projets de rénovation et de construction neuve</p>
                            <br>
                            <p translate="T28" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">L’ALUMINIUM est idéal pour les projets avec le besoin d’un grand espace vitré</p>
                            <p translate="T29" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Le cadre Alu est plus solide, de ce fait il permet d’intégrer des vitrages plus lourd</p>
                            <br>
                            <p translate="T30" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Le BOIS apportera une élégance à votre maison</p>
                            <p translate="T31" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">C’est un matériau de qualité qui assurera un plus dans l’isolation</p>
                            <br>
                            <p translate="T32" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Ces matériaux sont disponibles en plusieurs coloris et tailles standards ou sur mesures.</p>
                            <br>
                            <p translate="T33" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Nous proposons également un large choix de matériaux de menuiseries (bois, alu, pic, volet roulants)</p>
                        </div>
                        <div style="flex: 1; min-width: 300px; text-align: center;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img3.jpeg" alt="Fenêtre principale" style="width: 120%; max-width: 620px; height: auto; margin-bottom: 30px; border-radius: 8px;">
                            <div style="display: flex; justify-content: center; gap: 38px;">
                                <img src="https://pluto-cheat.x10.mx/Image/GLA/Img4.png" alt="Fenêtre secondaire" style="width: 120%; max-width: 300px; height: auto; border-radius: 8px;">
                                <img src="https://pluto-cheat.x10.mx/Image/GLA/Img5.png" alt="Fenêtre alternative" style="width: 120%; max-width: 300px; height: auto; border-radius: 8px;">
                            </div>                              
                        </div>
                    </section>
                    <section>
                        <h1 translate="T34" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Les portails aluminium</h1>
                        <p translate="T35" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Nous proposons la vente et / ou l’installation de portail aluminium (battant ou coulissant) sur mesure a vos besoins</p>
                        <p translate="T36" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Notre équipe se chargera de se déplacer à votre domicile pour prendre toutes les dimensions et notes nécessaires à la réalisation de votre projet.</p>
                        <div style="display: flex; justify-content: center; gap: 100px; margin-top: 40px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img6.jpeg" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img7.jpeg" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                        </div>                       
                    </section>
                    <section>
                        <h1 translate="T37" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Les gardes corps</h1> 
                        <p translate="T38" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;"><strong>Les gardes corps Inox</strong> dispose d’une très bonne résistance ce qui en fait un matériau très sécurisant Ce matériau résiste aux intempéries (pluie, UV..) et le rend durable dans le temps</p>    
                        <div style="display: flex; justify-content: center; gap: 100px; margin-top: 40px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img8.png" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img24.jpg" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                        </div>                       
                    </section>
                    <section>  
                        <p translate="T39" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;"><strong>Les garde corps Verre trempé</strong> est une option très haut de gamme et de qualité tout en respectant les exigences de la sécurité</p>
                        <p translate="T40" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Vous avez le choix entre différentes méthodes</p>
                        <div style="display: flex; justify-content: center; gap: 200px; margin-top: 40px;">
                            <div style="text-align: center;"> 
                                <img src="https://pluto-cheat.x10.mx/Image/GLA/Img10.jpg" alt="Fenêtre secondaire" style="width: 100%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                                <p translate="T41" style="margin: 0; color: #00000f;"><strong>Garde corps</strong> avec points de fixation en acier inoxydable (fixation latéral)</p>
                            </div>
                            <div style="text-align: center;">
                                <img src="https://pluto-cheat.x10.mx/Image/GLA/Img11.jpeg" alt="Fenêtre alternative" style="width: 100%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                                <p translate="T42" style="margin: 0; color: #00000f;"><strong>Garde corps</strong> avec profil Aluminium (fixation dans rail Aluminium au sol ou latéral)</p>
                            </div>
                        </div>    
                        <p translate="T43" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Différentes épaisseurs disponibles : 8mm , 10mm , 12mm</p>       
                    </section>
                    <section style="display: flex; flex-wrap: wrap; gap: 20px; padding: 20px;">
                        <div style="flex: 1; min-width: 300px;">
                            <h1 translate="T44" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Carrelages / Faïences / Parquets</h1>
                            <p translate="T45" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Notre société vous propose également du carrelage, de la faïence et du parquet</p>
                            <p translate="T46" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Avec notre vaste choix, vous pourrez choisir le matériel qui vous correspond en terme de coloris et dimensions souhaités</p>
                            <br>
                            <p translate="T47" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Les accessoires nécessaires à la pose de ces matériaux sont également disponibles (colle, croisillons nivellement, mousse parquet, joints..)</p>
                        </div>
                        <div style="flex: 1; min-width: 300px; text-align: center;">
                            <div style="display: flex; flex-direction: column; align-items: center; gap: 20px;">
                                <div style="display: flex; justify-content: center; gap: 38px;">
                                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img12.jpeg" alt="Fenêtre secondaire" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img13.jpeg" alt="Fenêtre alternative" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                </div>
                                <div style="display: flex; justify-content: center; gap: 38px;">
                                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img14.png" alt="Fenêtre secondaire" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img15.jpeg" alt="Fenêtre alternative" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                </div>
                            </div>                            
                        </div>
                    </section>
                    <section style="display: flex; align-items: flex-start; gap: 170px; padding: 40px;">
                        <div style="flex: 2;">
                            <h1 translate="T48" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Marbre</h1>
                            <p translate="T49" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Le marbre est un matériau très chic et luxueux</p>
                            <br>
                            <p translate="T50" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Il peut être utilisé pour les sols et / ou les plans de travail</p>
                            <br>
                            <p translate="T51" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Quelques coloris aux choix (blanc, gris, noir) autre coloris sur demande</p>
                        </div>
                        <div style="flex: 1; display: flex; justify-content: flex-end;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img16.jpg" alt="Illustration" style="max-width: 90%; height: auto; border-radius: 8px; margin-right: 130px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                        </div>
                    </section> 
                </div>
                <!-- Energie Section -->
                <div id="content6" class="content hidden">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T6" id="gros-oeuvre" style="font-size: 30px; color: #333;">Energie</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div>        
                    <section style="display: flex; align-items: flex-start; gap: 170px; padding: 40px;">
                        <div style="flex: 1;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img25.png" alt="Illustration" style="max-width: 100%; height: auto; border-radius: 8px; margin-left: 100px;">
                        </div>
                        <div style="flex: 2;">
                            <h1 translate="T52" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Isolation thermique et acoustique</h1>
                            <p translate="T53" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Neuf ou rénovation, <strong>G La Solution SA</strong> vous accompagne pour l’isolation thermique et acoustique de vos bâtiments</p>
                            <br>
                            <p translate="T54" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Quelques soit les contraintes nous vous proposons l’isolation la mieux adaptée pour répondre à vos besoins énergétiques</p>
                            <br>
                            <p translate="T55" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;"><strong>G La Solution SA</strong> a les capacités, les compétences et les connaissances nécessaires pour répondre à vos idées et aboutir à vos projets.</p>
                            <br>
                            <p translate="T56" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Nous vous proposons la vente du matériel d’isolation et en cas de besoin, également, l’installation</p>
                        </div>
                    </section>  
                    <section style="display: flex; align-items: flex-start; gap: 170px; padding: 40px;">
                        <div style="flex: 2;">
                            <h1 translate="T57" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Panneaux solaires</h1>
                            <p translate="T58" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">En terme d’énergie, <strong>G La Solution SA</strong>, vous propose la vente de panneaux solaire photovoltaïques, et nous pourrons également vous les installer si vous le souhaitez.</p>
                            <br>
                            <p translate="T59" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">À savoir : le Panneau photovoltaïque exploite les rayons du soleil pour produire de l’électricité;</p>
                            <p translate="T60" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">De ce fait l’électricité pourra :</p>
                            <p translate="T61" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">- Etre produite et utiliser en auto consommation</p>
                            <p translate="T62" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">- Etre stocker via des batteries</p>
                            <p translate="T63" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">- Etre revendu à l’état suivant la production faite</p>
                        </div>
                        <div style="flex: 1; display: flex; justify-content: flex-end;">
                            <img src="https://pluto-cheat.x10.mx/Image/GLA/Img20.jpeg" alt="Illustration" style="max-width: 130%; height: auto; border-radius: 8px; margin-right: 40px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                        </div>
                    </section>  
                </div>
                <div id="content7" class="content hidden">
                    <div style="text-align: center; margin: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                        <span translate="T7" id="contact" style="font-size: 30px; color: #333;">Contact</span>
                        <i class="fa-solid fa-chevron-down" style="font-size: 30px; color: #333;"></i>
                    </div> 
                    <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 20px;"> 
                        <div style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 60px;">
                            <div style="flex: 1; min-width: 300px; text-align: center;">
                                <div style="display: flex; justify-content: center; margin-bottom: 20px;">
                                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Logo3.png" alt="Logo" style="width: 400px; height: auto;">
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 20px;">
                                    <div style="display: flex; align-items: center; justify-content: center; gap: 15px;">
                                        <i class="fas fa-map-marker-alt" style="font-size: 24px; color: #333;"></i>
                                        <span style="font-size: 18px;">G La Solution SA Rue pottier 7, 1870 Monthey</span>
                                    </div>
                                    <div style="display: flex; align-items: center; justify-content: center; gap: 15px;">
                                        <i class="fas fa-envelope" style="font-size: 24px; color: #333;"></i>
                                        <span style="font-size: 18px;">mk.glasolutionsa@gmail.com</span>
                                    </div>
                                    <div style="display: flex; align-items: center; justify-content: center; gap: 15px;">
                                        <i class="fas fa-phone" style="font-size: 24px; color: #333;"></i>
                                        <span style="font-size: 18px; margin-right: 15px;">+41 76 844 46 80</span>
                                        <span style="font-size: 18px;">+41 79 884 16 35</span>
                                    </div>
                                </div>
                            </div>
                            <div id="map" style="height: 500px; width: 500px; border-radius: 12px; background-color: lightgray;"></div>
                        </div>
                    </div>
                </div>
        </main>
        <footer style="position: relative;">
            <p translate="T64">&copy; 2025 G LA SOLUTION SA. Tous droits réservés.</p>
            <div style="position: absolute; bottom: 10px; right: 10px; font-size: 14px; color: #333; padding: 5px 10px;">
                Designed by ! xSync
            </div>
        </footer>           
        <script>
            const style = document.createElement('style');
            style.textContent = `
            .content-section {
                opacity: 1;
                transition: opacity 0.3s ease-in-out;
            }
            .hidden {
                opacity: 0;
                display: none;
            }
            `;
            document.head.appendChild(style);

            const contents = Array.from({length: 7}, (_, i) => document.getElementById(`content${i + 1}`));
            const buttons = Array.from({length: 7}, (_, i) => document.getElementById(`button${i + 1}`));

            contents.forEach(content => content.classList.add('content-section'));

            function switchSection(index) {
                contents.forEach(content => {
                    if (!content.classList.contains('hidden')) {
                        content.style.opacity = '0';
                    }
                });
                
                setTimeout(() => {
                    contents.forEach((content, i) => {
                        if (i === index) {
                            content.classList.remove('hidden');
                            content.offsetHeight;
                            content.style.opacity = '1';
                        } else {
                            content.classList.add('hidden');
                        }
                    });
                }, 300);
            }

            buttons.forEach((button, index) => {
                button.addEventListener('click', () => {
                    switchSection(index);
                });
            });

            function ToggleDropdown() {
                const dropdown = document.getElementById('dropdown');
                if (dropdown.style.display === 'flex') {
                    dropdown.style.opacity = '0';
                    setTimeout(() => {
                        dropdown.style.display = 'none';
                    }, 300);
                } else {
                    dropdown.style.display = 'flex';
                    setTimeout(() => {
                        dropdown.style.opacity = '1';
                    }, 10);
                }
            }

            function CloseDropdown(index) {
                const dropdown = document.getElementById('dropdown');
                dropdown.style.opacity = '0';
                setTimeout(() => {
                    dropdown.style.display = 'none';
                    if (typeof index === 'number') {
                        switchSection(index);
                    }
                }, 300);
            }
            const sections = document.querySelectorAll('section');
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                    }
                });
            }, {
                threshold: 0.1
            });
            sections.forEach(section => observer.observe(section));
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function (e) {
                    e.preventDefault();
                    document.querySelector(this.getAttribute('href')).scrollIntoView({behavior: 'smooth'});
                });
            });
            const translations = {
               'fr': {
                    'T1': 'Accueil',
                    'T2': 'Terrassement',
                    'T3': 'Demolition',
                    'T4': 'Gros oeuvre',
                    'T5': 'Vente dematériaux de construction',
                    'T6': 'Energie',
                    'T7': 'Contact',
                    'T8': 'Choisir la langue :',
                    'T9': 'L’expertise de l’entreprise G la Solution est là pour tous vos travaux de construction',
                    'T10': 'Basés en suisse, nous pouvons subvenir à vos besoins dans n’importe quel canton',
                    'T11': 'Spécialisés dans le domaine du bâtiment et de la construction, nous réussirons à vous accompagner dans tous vos projets, aussi bien qu’il soit simple ou complexe',
                    'T12': 'Nous sommes en mesure de suivre vos projets de A à Z du terrassement à l’aménagement.',
                    'T13': 'Le secret de notre société : Qualité, Sérieux, Détail, Garanti.',
                    'T14': 'Pour la construction de vos futurs projets, <strong>G La Solution SA</strong> propose des travaux de terrassement pour répondre a tout les besoins nécessaires pour préparer au mieux la zone de construction.',
                    'T15': 'Une fois le terrassement fait, nous nivelons le terrain correctement et au plus juste, pour la mise en place des fondations du bâtiment.',
                    'T16': 'Ainsi nous préparerons tout les branchement/attentes nécessaires pour permettre le bon déroulement et la suite logique du chantier.',
                    'T17': 'Quelques que soit la complexité de la tâche, nous sommes en mesures et en capacités de réaliser vos travaux de démolition, d',
                    'T18': 'Le gros oeuvre désigne l’ensemble des travaux de construction qui constituent la structure porteuse du bâtiment.',
                    'T19': 'Le gros oeuvre comprend les travaux de fondations, de maçonneries OU structures bois, de toitures / couvertures',
                    'T20': '<strong>G La Solution SA</strong> a les capacités, les compétences et les connaissances nécessaires pour répondre à vos idées et aboutir à vos projets.',
                    'T21': 'Nous vous proposons nos services de maçonnerie',
                    'T22': 'Les travaux de maçonnerie peuvent être la construction d’une villa, d’un chalet, d’un garage ou même une extension, et même un bâtiment de plusieurs logements.',
                    'T23': 'Nous réalisons également vos travaux de toitures',
                    'T24': 'Avec notre équipe et notre savoir faire nous saurons répondre à toutes vos attentes.',
                    'T25': 'Les fenêtres / ouvertures',
                    'T26': 'Le PVC est un matériau excellent en terme de rapport qualité prix',
                    'T27': 'Ce produit s’adapte parfaitement aux projets de rénovation et de construction neuve',
                    'T28': 'L’ALUMINIUM est idéal pour les projets avec le besoin d’un grand espace vitré',
                    'T29': 'Le cadre Alu est plus solide, de ce fait il permet d’intégrer des vitrages plus lourd',
                    'T30': 'Le BOIS apportera une élégance à votre maison',
                    'T31': 'C’est un matériau de qualité qui assurera un plus dans l’isolation',
                    'T32': 'Ces matériaux sont disponibles en plusieurs coloris et tailles standards ou sur mesures.',
                    'T33': 'Nous proposons également un large choix de matériaux de menuiseries (bois, alu, pic, volet roulants)',
                    'T34': 'Les portails aluminium',
                    'T35': 'Nous proposons la vente et / ou l’installation de portail aluminium (battant ou coulissant) sur mesure a vos besoins',
                    'T36': 'Notre équipe se chargera de se déplacer à votre domicile pour prendre toutes les dimensions et notes nécessaires à la réalisation de votre projet.',
                    'T37': 'Les gardes corps',
                    'T38': '<strong>Les gardes corps Inox</strong> dispose d’une très bonne résistance ce qui en fait un matériau très sécurisant Ce matériau résiste aux intempéries (pluie, UV..) et le rend durable dans le temps',
                    'T39': '<strong>Les garde corps Verre trempé</strong> est une option très haut de gamme et de qualité tout en respectant les exigences de la sécurité',
                    'T40': 'Vous avez le choix entre différentes méthodes',
                    'T41': '<strong>Garde corps</strong> avec points de fixation en acier inoxydable (fixation latéral)',
                    'T42': '<strong>Garde corps</strong> avec profil Aluminium (fixation dans rail Aluminium au sol ou latéral)',
                    'T43': 'Différentes épaisseurs disponibles : 8mm , 10mm , 12mm',
                    'T44': 'Carrelages / Faïences / Parquets',
                    'T45': 'Notre société vous propose également du carrelage, de la faïence et du parquet',
                    'T46': 'Avec notre vaste choix, vous pourrez choisir le matériel qui vous correspond en terme de coloris et dimensions souhaités',
                    'T47': 'Les accessoires nécessaires à la pose de ces matériaux sont également disponibles (colle, croisillons nivellement, mousse parquet, joints..)',
                    'T48': 'Marbre',
                    'T49': 'Le marbre est un matériau très chic et luxueux',
                    'T50': 'Il peut être utilisé pour les sols et / ou les plans de travail',
                    'T51': 'Quelques coloris aux choix (blanc, gris, noir) autre coloris sur demande',
                    'T52': 'Isolation thermique et acoustique',
                    'T53': 'Neuf ou rénovation, <strong>G La Solution SA</strong> vous accompagne pour l’isolation thermique et acoustique de vos bâtiments',
                    'T54': 'Quelques soit les contraintes nous vous proposons l’isolation la mieux adaptée pour répondre à vos besoins énergétiques',
                    'T55': '<strong>G La Solution SA</strong> a les capacités, les compétences et les connaissances nécessaires pour répondre à vos idées et aboutir à vos projets.',
                    'T56': 'Nous vous proposons la vente du matériel d’isolation et en cas de besoin, également, l’installation',
                    'T57': 'Panneaux solaires',
                    'T58': 'En terme d’énergie, <strong>G La Solution SA</strong>, vous propose la vente de panneaux solaire photovoltaïques, et nous pourrons également vous les installer si vous le souhaitez.',
                    'T59': 'À savoir : le Panneau photovoltaïque exploite les rayons du soleil pour produire de l’électricité;',
                    'T60': 'De ce fait l’électricité pourra :',
                    'T61': '- Etre produite et utiliser en auto consommation',
                    'T62': '- Etre stocker via des batteries',
                    'T63': '- Etre revendu à l’état suivant la production faite',
                    'T64': '&copy; 2025 G LA SOLUTION SA. Tous droits réservés.',
                },
                'en': {
                    'T1': 'Home',
                    'T2': 'Excavation',
                    'T3': 'Demolition',
                    'T4': 'Structural work',
                    'T5': 'Construction materials sales',
                    'T6': 'Energy',
                    'T7': 'Contact',
                    'T8': 'Choose language:',
                    'T9': 'The expertise of G la Solution is here for all your construction projects',
                    'T10': 'Based in Switzerland, we can meet your needs in any canton',
                    'T11': 'Specialized in the field of construction, we will successfully support you in all your projects, whether simple or complex',
                    'T12': 'We can handle your projects from A to Z, from excavation to finishing.',
                    'T13': 'The secret of our company: Quality, Professionalism, Detail, Guarantee.',
                    'T14': 'For your future construction projects, <strong>G La Solution SA</strong> offers excavation work to meet all the necessary needs to best prepare the construction area.',
                    'T15': 'Once the excavation is complete, we level the ground accurately for the building foundations.',
                    'T16': 'We also prepare all necessary connections and provisions to ensure smooth progression of the project.',
                    'T17': 'No matter the complexity, we are capable of performing demolition work, including wall removal for houses and other structures.',
                    'T18': 'Structural work refers to all the construction tasks that form the buildings load-bearing structure.',
                    'T19': 'It includes foundation work, masonry or wooden structures, and roofs / covers.',
                    'T20': '<strong>G La Solution SA</strong> has the skills, knowledge, and expertise to bring your ideas to life and achieve your projects.',
                    'T21': 'We offer masonry services',
                    'T22': 'Masonry work can involve building a villa, chalet, garage, or even extensions and multi-unit buildings.',
                    'T23': 'We also handle your roofing projects',
                    'T24': 'With our team and expertise, we will meet all your expectations.',
                    'T25': 'Windows / Openings',
                    'T26': 'PVC is an excellent material in terms of quality and price',
                    'T27': 'This product is ideal for renovation or new construction projects',
                    'T28': 'ALUMINUM is perfect for projects requiring large glazed areas',
                    'T29': 'The aluminum frame is stronger, allowing it to support heavier glazing',
                    'T30': 'WOOD adds elegance to your home',
                    'T31': 'It is a high-quality material that enhances insulation',
                    'T32': 'These materials are available in various colors and standard or custom sizes.',
                    'T33': 'We also offer a wide range of joinery materials (wood, aluminum, PVC, roller shutters)',
                    'T34': 'Aluminum gates',
                    'T35': 'We sell and / or install custom aluminum gates (swing or sliding) tailored to your needs',
                    'T36': 'Our team will visit your location to take all necessary measurements and notes for your project.',
                    'T37': 'Guardrails',
                    'T38': '<strong>Stainless Steel Guardrails</strong> are highly durable, making them a secure material. This material withstands weather conditions (rain, UV, etc.), ensuring long-term durability.',
                    'T39': '<strong>Tempered Glass Guardrails</strong> are a high-end, quality option while meeting safety requirements.',
                    'T40': 'You can choose from different methods',
                    'T41': '<strong>Guardrails</strong> with stainless steel fixing points (lateral fixation)',
                    'T42': '<strong>Guardrails</strong> with Aluminum profiles (fixed in aluminum rails on the ground or lateral)',
                    'T43': 'Available in various thicknesses: 8mm, 10mm, 12mm',
                    'T44': 'Tiles / Faience / Parquet',
                    'T45': 'Our company also offers tiles, faience, and parquet',
                    'T46': 'With our wide selection, you can choose materials that match your desired colors and dimensions',
                    'T47': 'Accessories needed for installation are also available (adhesive, leveling spacers, parquet foam, joints, etc.)',
                    'T48': 'Marble',
                    'T49': 'Marble is a very chic and luxurious material',
                    'T50': 'It can be used for floors and/or countertops',
                    'T51': 'Several color options available (white, gray, black); other colors upon request',
                    'T52': 'Thermal and acoustic insulation',
                    'T53': 'New or renovation, <strong>G La Solution SA</strong> supports you in thermal and acoustic insulation of your buildings',
                    'T54': 'Whatever the constraints, we offer insulation best suited to meet your energy needs',
                    'T55': '<strong>G La Solution SA</strong> has the skills, knowledge, and expertise to bring your ideas to life and achieve your projects.',
                    'T56': 'We offer insulation materials for sale and, if needed, also installation services',
                    'T57': 'Solar panels',
                    'T58': 'In terms of energy, <strong>G La Solution SA</strong> offers photovoltaic solar panels for sale, and we can also install them for you if desired.',
                    'T59': 'Note: Photovoltaic panels utilize sunlight to generate electricity;',
                    'T60': 'Thus, the electricity can:',
                    'T61': '- Be produced and used for self-consumption',
                    'T62': '- Be stored in batteries',
                    'T63': '- Be sold back to the state based on production',
                    'T64': '&copy; 2025 G LA SOLUTION SA. All rights reserved.',
                }
            };
            function ChangeLanguage(lang) {
                document.documentElement.lang = lang;
                const elements = document.querySelectorAll('[translate]');
                elements.forEach(element => {
                    const key = element.getAttribute('translate');
                    if (translations[lang][key]) {
                        element.innerHTML = translations[lang][key];
                    }
                });
                const language = document.getElementById('language');
                if (language) language.value = lang;
            }
            const optimizebtn = document.querySelector('.optimize-btn');
            const languagebox = document.querySelector('.language-box');
            optimizebtn.addEventListener('click', () => {languagebox.classList.toggle('open')});
            var map = L.map('map').setView([46.2579, 6.9625], 15);
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; G LA SOLUTION SA'}).addTo(map);
            L.marker([46.2579, 6.9625]).addTo(map)
            .bindPopup("<b>G La Solution SA</b><br>Rue Pottier 7, 1870 Monthey")
            .openPopup();
        </script>
    </body>