        <style>
            body {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: Arial, sans-serif;
                line-height: 1.6;
            }
            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: #00000f;
            }
            .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 {
                display: flex;
                gap: 1px;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
            }
            .right-section a {
                text-decoration: none;
                color: #00000f;
                font-size: 16px;
                padding: 5px 10px;
                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;
            }
            #content1 {
                height: 70vh;
            }
            @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: 10px;
                    font-size: 14px;
                }
                #content1 {
                    height: 123vh;
                }
                footer p {
                    margin-bottom: 30px;
                }
            }
            @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://glasolutionsa.com/Image/Logo.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="button4" translate="T4">Gros oeuvre</a>
                    <a id="button3" translate="T3">Demolition</a>
                    <a id="button6" translate="gay">Energie</a>
                    <a id="button5" translate="T5">Vente de matériaux de construction</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(3)" translate="T4">Gros oeuvre</a>
                    <a onclick="CloseDropdown(2)" translate="T3">Demolition</a>
                    <a onclick="CloseDropdown(5)" translate="gay">Energie</a>
                    <a onclick="CloseDropdown(4)" translate="T5">Vente de matériaux de construction</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://glasolutionsa.com/Image/Img1.png" alt="Fenêtre secondaire" class="hero-image" style="width: 100%; height: 100%; object-fit: cover; display: block;">
            </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://glasolutionsa.com/Image/Img2.png" 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 <strong>G.LA SOLUTION SA</strong> 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 onclick="ClickGay()" 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 tous 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 tous les branchements / 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://glasolutionsa.com/Image/Img3.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>
                <!-- 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://glasolutionsa.com/Image/Img4.png" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://glasolutionsa.com/Image/Img5.png" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                        </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;">Quelque 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://glasolutionsa.com/Image/Img6.png" alt="Illustration" class="demolition-image">
                        </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://glasolutionsa.com/Image/Img7.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 solaires photovoltaïques,</p>
                            <p translate="T65" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">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;">- Être revende à l'état suivant la quantité produite</p>
                        </div>
                        <div style="flex: 1; display: flex; justify-content: flex-end;">
                            <img src="https://glasolutionsa.com/Image/Img8.png" 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>           
                <!-- 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://glasolutionsa.com/Image/Img9.png" 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://glasolutionsa.com/Image/Img10.png" alt="Fenêtre secondaire" style="width: 120%; max-width: 300px; height: auto; border-radius: 8px;">
                                <img src="https://glasolutionsa.com/Image/Img11.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://glasolutionsa.com/Image/Img12.png" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://glasolutionsa.com/Image/Img13.png" 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://glasolutionsa.com/Image/Img14.png" alt="Fenêtre secondaire" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                            <img src="https://glasolutionsa.com/Image/Img15.png" 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://glasolutionsa.com/Image/Img16.png" 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://glasolutionsa.com/Image/Img17.png" 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://glasolutionsa.com/Image/Img18.png" alt="Fenêtre secondaire" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                    <img src="https://glasolutionsa.com/Image/Img19.png" 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://glasolutionsa.com/Image/Img20.png" alt="Fenêtre secondaire" style="width: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                                    <img src="https://glasolutionsa.com/Image/Img21.png" 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://glasolutionsa.com/Image/Img22.png" 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>
                <!-- Contact Section-->
                <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://glasolutionsa.com/Image/Logo.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>
            function ClickGay() {
                var button7 = document.getElementById('button7');
                if (button7) {
                    button7.click();
                    button7.classList.add('active');
                }
            }
            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',
                    'gay': 'Energie',
                    'T7': 'Contact',
                    'T8': 'Choisir la langue :',
                    'T9': 'L’expertise de l’entreprise <strong>G.LA SOLUTION SA</strong> 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 tous 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 tous les branchements / attentes nécessaires pour permettre le bon déroulement et la suite logique du chantier.',
                    'T17': "Quelque 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.",
                    '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 solaires photovoltaïques,',
                    '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': "- Être revende à l'état suivant la quantité produite",
                    'T64': '&copy; 2025 G.LA SOLUTION SA. Tous droits réservés.',
                    'T65': 'et nous pourrons également vous les installer si vous le souhaitez.'
                },
                '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 the company <strong>G.LA SOLUTION SA</strong> is there for all your construction work',
                    '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 the construction of your future projects, <strong>G.LA SOLUTION SA</strong> offers earthworks to meet all the needs necessary to best prepare the construction area.',
                    'T15': 'Once the excavation is complete, we level the ground accurately for the building foundations.',
                    'T16': 'We will therefore prepare all the necessary connections/waiting to ensure the smooth running and logical continuation 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 you the sale of photovoltaic solar panels,',
                    '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 resold as is depending on the quantity produced',
                    'T64': '&copy; 2025 G.LA SOLUTION SA. All rights reserved.',
                    'T65': 'and we can also install them for you if you wish.'
                }
            };
            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')});
            window.onload = function() {
                document.getElementById('content7').classList.remove('hidden');
                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();
                var button7 = document.getElementById('button1');
                if (button7) {
                    button7.click();
                    button7.classList.add('active');
                }
            };
        </script>
    </body>