  <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: #fad720;
        }
        .left-section img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }
        .hamburger {
            display: none;
            font-size: 24px;
            cursor: pointer;
        }
        .right-section {
            display: flex;
            gap: 20px;
        }
        .right-section a {
            text-decoration: none;
            color: #00000f;
            font-size: 16px;
            transition: color 0.3s ease;
        }
        .right-section a:hover {
            color: #fad720;
        }
        .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: 95%;
            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: 1000;
            transition: transform 0.2s ease, background-color 0.3s ease;
            width: 15px;
            height: 15px;
            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: 0;
            right: 0;
            width: 200px;
            height: 100%;
            background-color: #f8f9fa;
            box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
            transform: translateX(100%);
            transition: transform 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 20px;
            z-index: 999;
        }
        .language-box.open {
            transform: translateX(0);
        }
        .language-dropdown {
            width: 200px;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 8px;
            font-size: 16px;
        }
        .language-label {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
            margin-top: 50px;
        }
        @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;
            }
        }
        @media (max-width: 768px) {
            .top-bar {
                padding: 10px;
            }
            .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: 160px;
        }
        .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>
    <div>
        <div class="optimize-btn">
            <i class="fa-solid fa-gear"></i>
        </div>
        <div class="language-box">
            <label translate="T60" 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>
        <div class="top-bar">
            <div class="left-section">
                <img src="https://pluto-cheat.x10.mx/Image/GLA/Logo.png" alt="Logo">
                <span>G LA SOLUTION SA</span>
            </div>
            <i class="fas fa-bars hamburger" onclick="ToggleDropdown()"></i>
            <div class="right-section">
                <a href="#accueil" translate="T1">Accueil Entreprise</a>
                <a href="#vente" translate="T2">Vente de matériaux</a>
                <a href="#gros-oeuvre" translate="T3">Gros oeuvre</a>
                <a href="#energie" translate="T4">Energie</a>
                <a href="#contact" translate="T5">Contact</a>
            </div>
            <div class="dropdown" id="dropdown">
                <a href="#accueil" onclick="CloseDropdown()" translate="T1">Accueil Entreprise</a>
                <a href="#vente" onclick="CloseDropdown()" translate="T2">Vente de matériaux</a>
                <a href="#gros-oeuvre" onclick="CloseDropdown()" translate="T3">Gros oeuvre</a>
                <a href="#energie" onclick="CloseDropdown()" translate="T4">Energie</a>
                <a href="#contact" onclick="CloseDropdown()" translate="T5">Contact</a>
            </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 translate="T6" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fad720; font-size: 80px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);">
                G LA SOLUTION SA
            </div>
        </div>
        <main>
            <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 Entreprise</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="T7" 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="T8" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Basée en Suisse, nous pouvons subvenir à vos besoins dans n’importe quel canton</p>
                    <p translate="T9" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Spécialisé dans le domaine du bâtiment et de la construction, nous réussirons à vous accompagner dans tout</p>
                    <p translate="T10" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">vos projets, aussi bien qu’il soit simple ou complexe</p>
                    <p translate="T11" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Le secret de notre société : Qualité, Sérieux, Détail, Garanti.</p>
                    <p translate="T12" style="margin-bottom: 30px; font-size: 18px;">Déplacement et devis gratuit dans toute la suisse</p>
                    <div class="contact-button-container" style="margin-top: 20px;">
                        <button onclick="SmoothScroll('#contact');" 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 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="T13" 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="T14" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Les fenêtres / ouvertures</h1>
                    <p translate="T15" 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="T16" 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="T17" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">L’Aluminium est idéale pour les projets avec le besoin d’un grand espace vitré</p>
                    <p translate="T18" 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="T19" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Le BOIS apportera une élégance à votre maison</p>
                    <p translate="T20" 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="T21" 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="T22" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Nous proposons également une 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: 110%; 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: 110%; 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: 110%; max-width: 300px; height: auto; border-radius: 8px;">
                    </div>                              
                </div>
            </section>
            <section>
                <h1 translate="T23" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Les portails aluminium</h1>
                <p translate="T24" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Nous proposons la vente et / ou l’installation de portails aluminium (battant ou coulissant) sur mesure a vos besoins.</p>
                <p translate="T25" 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="T26" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Les garde corps</h1> 
                <p translate="T27" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;"><strong style="color: #00000f;"><em>Les garde corps Inox</em></strong> dispose d’une très bonne résistance ce qui en fait un matériau très sécurisant</p>       
                <p translate="T28" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">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/Img9.jpeg" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                </div>                       
            </section>
            <section>  
                <p translate="T29" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;"><strong style="color: #00000f;"><em>Les garde corps Verre trempé</em></strong> est une option très haut de gamme et de qualité tout en respectant les exigences de la sécurité</p>
                <p translate="T30" 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="T31" style="margin: 0; color: #00000f;"><strong><em>Garde corps</em></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="T32" style="margin: 0; color: #00000f;"><strong><em>Garde corps</em></strong> avec profil Aluminium (fixation dans rail Aluminium au sol ou latéral)</p>
                    </div>
                </div>    
                <p translate="T33" 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="T34" style="margin-bottom: 20px; font-weight: bold; font-size: 20px;">Carrelages / Faïences / Parquets</h1>
                    <p translate="T35" style="margin-bottom: 3px; line-height: 1.5; font-size: 18px;">Notre société vous propose également du carrelage, de la faïence été du parquet</p>
                    <p translate="T36" 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ées</p>
                    <br>
                    <p translate="T37" 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="T38" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Marbre</h1>
                    <p translate="T39" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Le marbre est un matériau très chic et luxueux et nous pouvons vous fournir ce matériel de qualité</p>
                    <br>
                    <p translate="T40" 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="T41" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Quelques coloris aux choix (blanc, gris, noir) autre coloris sur demande</p>
                    <br>
                    <p translate="T42" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Catalogue dispo en PDF 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 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="T43" id="gros-oeuvre" 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 style="display: flex; align-items: flex-start; gap: 170px; padding: 40px;">
                <div style="flex: 1;">
                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img17.jpg" alt="Illustration" style="max-width: 100%; height: auto; border-radius: 8px; margin-left: 100px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                </div>
                <div style="flex: 2;">
                    <h1 translate="T43" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Gros Oeuvre</h1>
                    <p translate="T44" style="margin-bottom: 5px; 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="T45" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Le gros pieuvre comprend les travaux de fondation, de maçonnerie OU structure bois, de toiture / couverture</p>
                    <br>
                    <p translate="T46" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;"><strong><em>G La Solution SA</em></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="T47" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">Avec notre équipe et notre savoir faire nous saurons répondre à toutes vos attentes.</p>
                </div>
            </section>    
            <section>
                <h1 translate="T48" style="margin-bottom: 20px; margin-left: 80px; font-weight: bold; font-size: 20px;">Isolation thermique et acoustique</h1> 
                <p translate="T49" style="margin-bottom: 10px; margin-left: 80px; line-height: 1.5; font-size: 18px;">Neuf ou rénovation, <strong><em>G La Solution SA</em></strong> vous accompagne pour l’isolation thermique et acoustique de vos bâtiments</p>       
                <p translate="T50" style="margin-bottom: 10px; margin-left: 80px; 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>         
                <p translate="T51" style="margin-bottom: 10px; margin-left: 80px; 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 style="display: flex; justify-content: center; gap: 100px; margin-top: 40px;">
                    <img src="https://pluto-cheat.x10.mx/Image/GLA/Img18.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/Img19.png" alt="Fenêtre alternative" style="width: 50%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 8px;">
                </div>                       
            </section>  
            <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="T52" id="energie" 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: 2;">
                    <h1 translate="T53" style="margin-bottom: 20px; margin-left: 60px; font-weight: bold; font-size: 20px;">Panneaux solaires</h1>
                    <p translate="T54" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">En terme d’énergie, <strong><em>G La Solution SA</em></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="T55" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">À savoir : le <strong><em>Panneau photovoltaïque</em></strong> exploite les rayons du soleil pour produire de l’électricité;</p>
                    <p translate="T56" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">De ce fait l’électricité pourra :</p>
                    <p translate="T57" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">- Etre produite et utiliser en auto consommation</p>
                    <p translate="T58" style="margin-bottom: 5px; line-height: 1.5; font-size: 18px;">- Etre stocker via des batteries</p>
                    <p translate="T59" 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: 135%; height: auto; border-radius: 8px; margin-right: 45px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                </div>
            </section>
            <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="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/Logo2.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>
              
    </main>
    <footer>
        <p translate="T61">&copy; 2025 G LA SOLUTION SA. Tous droits réservés.</p>
    </footer>
    <script>
        function SmoothScroll(element) { 
            const target = document.querySelector(element); 
            if (target) {
                target.scrollIntoView({behavior: "smooth"});
            }
        }
        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() {
            const dropdown = document.getElementById('dropdown');
            dropdown.style.opacity = '0';
            setTimeout(() => {
                dropdown.style.display = 'none';
            }, 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 Entreprise',
                'T2': 'Vente de matériaux',
                'T3': 'Gros oeuvre',
                'T4': 'Energie',
                'T5': 'Contact',
                'T6': 'G LA SOLUTION SA',
                'T7': 'L’expertise de l’entreprise G la Solution est là pour tous vos travaux de construction',
                'T8': 'Basée en Suisse, nous pouvons subvenir à vos besoins dans n’importe quel canton',
                'T9': 'Spécialisé dans le domaine du bâtiment et de la construction, nous réussirons à vous accompagner dans tout',
                'T10': 'vos projets, aussi bien qu’il soit simple ou complexe',
                'T11': 'Le secret de notre société : Qualité, Sérieux, Détail, Garanti.',
                'T12': 'Déplacement et devis gratuit dans toute la suisse',
                'T13': 'Vente de matériaux de construction',
                'T14': 'Les fenêtres / ouvertures',
                'T15': 'Le PVC est un matériau excellent en terme de rapport qualité prix',
                'T16': 'Ce produit s’adapte parfaitement aux projets de rénovation et de construction neuve',
                'T17': 'L’Aluminium est idéale pour les projets avec le besoin d’un grand espace vitré',
                'T18': 'Le cadre Alu est plus solide, de ce fait il permet d’intégrer des vitrages plus lourd',
                'T19': 'Le BOIS apportera une élégance à votre maison',
                'T20': 'C’est un matériau de qualité qui assurera un plus dans l’isolation',
                'T21': 'Ces matériaux sont disponibles en plusieurs coloris et tailles standards ou sur mesures.',
                'T22': 'Nous proposons également une large choix de matériaux de menuiseries (bois, alu, pic, volet roulants)',
                'T23': 'Les portails aluminium',
                'T24': 'Nous proposons la vente et / ou l’installation de portails aluminium (battant ou coulissant) sur mesure a vos besoins.',
                'T25': '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.',
                'T26': 'Les garde corps',
                'T27': '<strong style="color: #00000f;"><em>Les garde corps Inox</em></strong> dispose d’une très bonne résistance ce qui en fait un matériau très sécurisant',
                'T28': 'Ce matériau résiste aux intempéries (pluie, UV..) et le rend durable dans le temps',
                'T29': '<strong style="color: #00000f;"><em>Les garde corps Verre trempé</em></strong> est une option très haut de gamme et de qualité tout en respectant les exigences de la sécurité',
                'T30': 'You have the choice between different methods',
                'T31': '<strong><em>Garde corps</em></strong> avec points de fixation en acier inoxydable (fixation latéral)',
                'T32': '<strong><em>Garde corps</em></strong> avec profil Aluminium (fixation dans rail Aluminium au sol ou latéral)',
                'T33': 'Différentes épaisseurs disponibles : 8mm , 10mm , 12mm',
                'T34': 'Carrelages / Faïences / Parquets',
                'T35': 'Notre société vous propose également du carrelage, de la faïence été du parquet',
                'T36': 'Avec notre vaste choix, vous pourrez choisir le matériel qui vous correspond en terme de coloris et dimensions souhaitées',
                'T37': 'Les accessoires nécessaires à la pose de ces matériaux sont également disponibles (colle, croisillons nivellement, mousse parquet, joints..)',
                'T38': 'Marble',
                'T39': 'Le marbre est un matériau très chic et luxueux et nous pouvons vous fournir ce matériel de qualité',
                'T40': 'Il peut-être utilisé pour les sols et / ou les plans de travail',
                'T41': 'Quelques coloris aux choix (blanc, gris, noir) autre coloris sur demande',
                'T42': 'Catalogue dispo en PDF sur demande',
                'T43': 'Gros oeuvre',
                'T44': 'Le gros oeuvre désigne l’ensemble des travaux de construction qui constituent la structure porteuse du bâtiment',
                'T45': 'Le gros pieuvre comprend les travaux de fondation, de maçonnerie OU structure bois, de toiture / couverture',
                'T46': '<strong><em>G La Solution SA</em></strong> a les capacités, les compétences et les connaissances nécessaires pour répondre à vos idées et aboutir à vos projets.',
                'T47': 'Avec notre équipe et notre savoir faire nous saurons répondre à toutes vos attentes.',
                'T48': 'Isolation thermique et acoustique',
                'T49': 'Neuf ou rénovation, <strong><em>G La Solution SA</em></strong> vous accompagne pour l’isolation thermique et acoustique de vos bâtiments',
                'T50': 'Quelques soit les contraintes nous vous proposons l’isolation la mieux adaptée pour répondre à vos besoins énergétiques',
                'T51': 'Nous vous proposons la vente du matériel d’isolation et en cas de besoin, également, l’installation',
                'T52': 'Energie',
                'T53': 'Panneaux solaires',
                'T54': 'En terme d’énergie, <strong><em>G La Solution SA</em></strong> vous propose la vente de panneaux solaire photovoltaïques, et nous pourrons également vous les installer si vous le souhaitez.',
                'T55': 'À savoir : le <strong><em>Panneau photovoltaïque</em></strong> exploite les rayons du soleil pour produire de l’électricité;',
                'T56': 'De ce fait l’électricité pourra :',
                'T57': '- Etre produite et utiliser en auto consommation',
                'T58': '- Etre stocker via des batteries',
                'T59': '- Etre revendu à l’état suivant la production faite',
                'T60': 'Choisir la langue :',
                'T61': '&copy; 2025 G LA SOLUTION SA. Tous droits réservés.',
            },
            'en': {
                'T1': 'Home',
                'T2': 'Sales',
                'T3': 'Construction',
                'T4': 'Energy',
                'T5': 'Contact',
                'T6': 'G LA SOLUTION SA',
                'T7': 'The expertise of the company G la Solution is there for all your construction work',
                'T8': 'Based in Switzerland, we can meet your needs in any canton',
                'T9': 'Specialized in the field of building and construction, we will succeed in supporting you in everything',
                'T10': 'your projects, whether simple or complex',
                'T11': 'The secret of our company: Quality, Seriousness, Detail, Guaranteed.',
                'T12': 'Free travel and quote throughout Switzerland',
                'T13': 'Sale of construction materials',
                'T14': 'Windows / openings',
                'T15': 'PVC is an excellent material in terms of value for money',
                'T16': 'This product is perfectly suited to renovation and new construction projects',
                'T17': 'Aluminum is ideal for projects with the need for a large glazed space',
                'T18': 'The aluminum frame is more solid, so it can integrate heavier glazing',
                'T19': 'WOOD will bring elegance to your home',
                'T20': 'It is a quality material which will provide added insulation',
                'T21': 'These materials are available in several colors and standard or custom sizes.',
                'T22': 'We also offer a wide choice of joinery materials (wood, aluminum, woodpecker, roller shutters)',
                'T23': 'Aluminum gates',
                'T24': 'We offer the sale and/or installation of aluminum gates (swinging or sliding) tailor-made to your needs.',
                'T25': 'Our team will come to your home to take all the dimensions and notes necessary for the completion of your project.',
                'T26': 'The guardrails',
                'T27': '<strong style="color: #00000f;"><em>Stainless steel bodyguards</em></strong> has very good resistance which makes it a very safe material',
                'T28': 'This material is resistant to bad weather (rain, UV, etc.) and makes it durable over time',
                'T29': '<strong style="color: #00000f;"><em>Tempered glass railings</em></strong> is a very high-end and quality option while respecting safety requirements',
                'T30': 'You have the choice between different methods',
                'T31': '<strong><em>Guardrail</em></strong> with stainless steel fixing points (side fixing)',
                'T32': '<strong><em>Guardrail</em></strong> with Aluminum profile (fixing in Aluminum rail on the ground or side)',
                'T33': 'Different thicknesses available: 8mm, 10mm, 12mm',
                'T34': 'Tiles / Earthenware / Parquet floors',
                'T35': 'Our company also offers you tiling, earthenware and parquet',
                'T36': 'With our vast choice, you will be able to choose the material that suits you in terms of desired colors and dimensions',
                'T37': 'The accessories necessary for installing these materials are also available (glue, leveling spacers, parquet foam, joints, etc.)',
                'T38': 'Marble',
                'T39': 'Marble is a very chic and luxurious material and we can provide you with this quality material',
                'T40': 'It can be used for floors and / or worktops',
                'T41': 'Some colors to choose from (white, gray, black) other colors on request',
                'T42': 'Catalog available in PDF on request',
                'T43': 'Major work',
                'T44': 'The structural work refers to all the construction work which constitutes the supporting structure of the building',
                'T45': 'The big octopus includes foundation work, masonry OR wooden structure, roofing / covering',
                'T46': '<strong><em>G La Solution SA</em></strong> has the abilities, skills and knowledge necessary to respond to your ideas and achieve your projects.',
                'T47': 'With our team and our know-how we will be able to meet all your expectations.',
                'T48': 'Thermal and acoustic insulation',
                'T49': 'New or renovation, <strong><em>G La Solution SA</em></strong> supports you in the thermal and acoustic insulation of your buildings',
                'T50': 'Whatever the constraints, we offer you the best-suited insulation to meet your energy needs',
                'T51': 'We offer the sale of insulation material and, if necessary, also installation',
                'T52': 'Energy',
                'T53': 'Solar panels',
                'T54': 'In terms of energy, <strong><em>G La Solution SA</em></strong> offers you the sale of photovoltaic solar panels, and we can also install them for you if you wish.',
                'T55': 'Namely: the <strong><em>Photovoltaic panel</em></strong> harnesses the sun’s rays to produce electricity;',
                'T56': 'As a result, electricity will be able to :',
                'T57': '- Be produced and used for self-consumption',
                'T58': '- Be stored via batteries',
                'T59': '- Be resold in the state following the production made',
                'T60': 'Choose language :',
                'T61': '&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>