<!-- FICHIERS PHOTOS_LUNETTES :
45000001852_IMG.webp
Aviator_1_683eab14b52b7.jpeg
Aviator_2_683eab14b692d.jpeg
Aviator_3_683eab14b7769.jpeg
Baby_Safe_1_683e9e6d6e89a.jpeg
Baby_Safe_2_683e9e6d6f3fd.jpeg
Baby_Safe_3_683e9e6d7270f.jpeg
Cat_Eye_1_683ea97e4f9eb.jpeg
Cat_Eye_2_683ea97e511a4.jpeg
Cat_Eye_3_683ea97e5194a.jpeg
Classic_Round_1_683ead7226104.jpeg
Classic_Round_2_683ead7227f52.jpeg
Classic_Round_3_683ead7229184.jpeg
Clubmaster_1_683eaa5665cab.jpeg
Clubmaster_2_683eaa566696f.jpeg
Clubmaster_3_683eaa5667030.jpeg
Cycliste_1_683ea840b8a21.jpeg
Cycliste_2_683ea840bacde.jpeg
Cycliste_3_683ea840bbe11.jpeg
Elegance_1_683eac75ce30e.jpeg
Elegance_2_683eac75cf620.jpeg
Elegance_3_683eac75d0e32.jpeg
Executive_1_683ead01c0be3.jpeg
Executive_2_683ead01c198e.jpeg
Executive_3_683ead01c2c88.jpeg
Golf_Master_1_683ea5b67eb4c.jpeg
Golf_Master_2_683ea5b67fe34.jpeg
Golf_Master_3_683ea5b6818f2.jpeg
Junior_Fun_1_683ea50532c43.jpeg
Junior_Fun_2_683ea505347f1.jpeg
Junior_Fun_3_683ea50535de5.jpeg
Junior_Sport_1_683e9a40747c8.jpeg
Junior_Sport_2_683e9a4076a48.jpeg
Junior_Sport_3_683e9a4077f57.jpeg
Kids_Sun_1_683e9f964d190.jpeg
Kids_Sun_2_683e9f964e551.jpeg
Kids_Sun_3_683e9f964ff86.jpeg
Minimalist_1_683eab750f738.jpeg
Minimalist_2_683eab7510206.jpeg
Minimalist_3_683eab751151c.jpeg
Nike-NIKE-BRAZEN-FURY-FJ2259-021.jpg
RB1_1.jpeg
RB1_2.jpeg
RB1_3.jpeg
RB2_1_683ca3293ebd8.jpeg
RB2_2_683ca3294077c.jpeg
RB2_3_683ca32941498.jpeg
Round_Metal_1_683ea9f31c468.jpeg
Round_Metal_2_683ea9f31d3f2.jpeg
Round_Metal_3_683ea9f31e094.jpeg
Runner_X_1_683ea7aea8227.jpeg
Runner_X_2_683ea7aeaa8ec.jpeg
Runner_X_3_683ea7aeac05d.jpeg
SPLR51_2_683cc2cf4c04f.jpg
SPLR51__1_683cc2fec5746.jpeg
SPLR51__3_683cc2fec61b8.jpeg
Sport_Pro_1_683ea903c3b4e.jpeg
Sport_Pro_2_683ea903c5dbf.jpeg
Sport_Pro_3_683ea903c6ac1.jpeg
Swim_Pro_1_683ea6856f2c0.jpeg
Swim_Pro_2_683ea68571fb1.jpeg
Swim_Pro_3_683ea685737f1.jpeg
Teen_Style_1_683e9efd1ff56.jpeg
Teen_Style_2_683e9efd21456.jpeg
Teen_Style_3_683e9efd21ca4.jpeg
Vintage_1_683eabe1ecf32.jpeg
Vintage_2_683eabe1eefb9.jpeg
Vintage_3_683eabe1f074b.jpeg
Wayfarer_1_683eaab84f84b.jpeg
Wayfarer_2_683eaab850662.jpeg
Wayfarer_3_683eaab85121c.jpeg
nike-cheer-dz7380-011-black-dark-grey-196152018526-1-1600x1600w.webp
nike-cheer-dz7380-011-black-dark-grey-196152018526-1600x1600w.webp
nike-cheer-dz7380-011-black-dark-grey-196152018526-2-480x480w.webp
produit_15_photo1_1749555186.jpeg
produit_15_photo2_1749555199.jpeg
produit_15_photo3_1749555213.jpeg
produit_16_photo1_1749555071.jpeg
produit_16_photo3_1749555130.jpeg
produit_17_photo1_1749555004.jpeg
produit_17_photo2_1749555016.jpeg
produit_17_photo3_1749555027.jpeg
produit_18_photo1_1749554943.jpeg
produit_18_photo2_1749554961.jpeg
produit_18_photo3_1749554972.jpeg
produit_19_photo1_1749554882.jpeg
produit_19_photo2_1749554892.jpeg
produit_19_photo3_1749554901.jpeg
produit_1_photo1_1749555591.jpeg
produit_1_photo2_1749555599.jpeg
produit_1_photo3_1749555607.jpeg
produit_21_photo1_1749554833.jpeg
produit_21_photo2_1749554840.jpeg
produit_21_photo3_1749554847.jpeg
produit_22_photo1_1749554791.jpeg
produit_22_photo2_1749554800.jpeg
produit_22_photo3_1749554809.jpeg
produit_23_photo1_1749554731.jpeg
produit_23_photo2_1749554739.jpeg
produit_23_photo3_1749554747.jpeg
produit_24_photo1_1749554682.jpeg
produit_24_photo2_1749554691.jpeg
produit_24_photo3_1749554702.jpeg
produit_25_photo1_1749554578.jpeg
produit_25_photo2_1749554585.jpeg
produit_25_photo3_1749554593.jpeg
produit_26_photo1_1749554490.jpeg
produit_26_photo2_1749554501.jpeg
produit_26_photo3_1749554511.jpeg
produit_27_photo1_1749554441.jpeg
produit_27_photo2_1749554449.jpeg
produit_27_photo3_1749554463.jpeg
produit_28_photo1_1749554392.jpeg
produit_28_photo2_1749554401.jpeg
produit_28_photo3_1749554409.jpeg
produit_29_photo1_1749554307.jpeg
produit_29_photo2_1749554320.jpeg
produit_29_photo3_1749554329.jpeg
produit_30_photo1_1749554241.jpeg
produit_30_photo2_1749554251.jpeg
produit_30_photo3_1749554263.jpeg
produit_31_photo1_1749553322.jpeg
produit_31_photo2_1749553331.jpeg
produit_31_photo3_1749553342.jpeg
produit_32_photo1_1749553235.jpeg
produit_32_photo2_1749553244.jpeg
produit_32_photo3_1749553254.jpeg
produit_33_photo1_1749552946.jpeg
produit_33_photo2_1749552977.jpeg
produit_33_photo3_1749552989.jpeg
produit_34_photo1_6848834cd26ff.jpeg
produit_34_photo2_1749552874.jpeg
produit_34_photo3_1749552886.jpeg
produit_35_photo1_1749552614.jpeg
produit_35_photo2_1749552624.jpeg
produit_35_photo3_1749552681.jpeg
produit_36_photo1_1749519216.jpeg
produit_36_photo2_1749519228.jpeg
produit_36_photo3_1749519238.jpeg
produit_37_photo1_1749519001.jpeg
produit_37_photo2_1749519011.jpeg
produit_37_photo3_1749519020.jpeg
produit_37_photo3_1749519099.jpeg
produit_37_photo3_1749519100.jpeg
produit_37_photo3_1749519101.jpeg
produit_37_photo3_1749519182.jpeg
produit_38_photo1_1749518461.jpeg
produit_38_photo2_1749518469.jpeg
produit_38_photo3_1749518479.jpeg
produit_39_photo1_1749518372.jpeg
produit_39_photo2_1749518381.jpeg
produit_39_photo3_1749518391.jpeg
produit_40_photo1_1749518279.jpeg
produit_40_photo2_1749518288.jpeg
produit_40_photo3_1749518298.jpeg
produit_41_photo1_684976a3cd842.jpeg
produit_41_photo2_684976b0e4dc1.jpeg
produit_41_photo3_684976bb011b8.jpeg
--><!-- PHOTOS UTILISÉES (photo1) :
produit_41_photo1_684976a3cd842.jpeg
produit_40_photo1_1749518279.jpeg
produit_39_photo1_1749518372.jpeg
produit_38_photo1_1749518461.jpeg
produit_37_photo1_1749519001.jpeg
produit_36_photo1_1749519216.jpeg
produit_34_photo1_6848834cd26ff.jpeg
produit_33_photo1_1749552946.jpeg
produit_32_photo1_1749553235.jpeg
produit_31_photo1_1749553322.jpeg
--><!DOCTYPE html>
<html lang="fr">
<head>
    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">

    <meta charset="UTF-8">
    <title>OpticSolution - Accueil</title>
    <link rel="icon" href="images/favicon.png" type="image/png">

    <!-- Web App Manifest -->
    <link rel="manifest" href="manifest.json">
    <!-- Theme Color for Browsers -->
    <meta name="theme-color" content="#22596a">
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" href="images/logo1.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="OpticSolution">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { font-family: Arial, sans-serif; background: #F5F7FA; margin: 0; }
                header { background: linear-gradient(rgba(34, 89, 106, 0.8), rgba(34, 89, 106, 0.8)), url('images/marbre.png') center/cover no-repeat; color: #fff; padding: 30px 0 20px 0; text-align: center; }
        nav { background: #FFFFFF; padding: 10px 0; text-align: center; border-bottom: 2px solid #F7D6E0; }
        nav a { color: #357ab7; text-decoration: none; margin: 0 18px; font-weight: bold; transition: color 0.2s; border-radius: 3px; padding: 4px 10px; }
        nav a:hover { text-decoration: none; background: #F7D6E0; color: #357ab7; }
.produit .prix { font-size: 1.2em; color: #1b5e20; margin-bottom: 8px; font-weight: bold; }
.galerie-produit .miniature:hover { border: 2px solid #43A047; }
.success { color: #43A047; margin-top: 8px; }
        .container { max-width: 1100px; margin: 30px auto; background: #fff; border-radius: 10px; box-shadow: 0 2px 12px #e9e9e9; padding: 30px; }
        .produits { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
        .produit { width: 260px; border: 1px solid #eee; border-radius: 8px; background: #fafafa; box-shadow: 0 1px 4px #eee; padding: 18px; text-align: center; transition: box-shadow 0.2s; }
        .produit:hover { box-shadow: 0 4px 24px #F7D6E0; border: 1.5px solid #F7D6E0; }
        .galerie-produit { margin-bottom: 12px; }
        .galerie-produit .img-principale {
            width: 140px; height: 120px; object-fit: contain; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 2px 8px #eee; display: block; margin: 0 auto 8px auto;
        }
        .galerie-produit .miniatures {
            display: flex; justify-content: center; gap: 6px;
        }
        .galerie-produit .miniature {
            width: 40px; height: 32px; object-fit: cover; border: 2px solid #eee; border-radius: 4px; cursor: pointer; transition: border 0.2s;
        }
        .service-card {
            transition: all 0.3s ease-in-out;
        }
        .service-card:hover {
            transform: scale(1.03);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
        }
        .galerie-produit .miniature:hover { border: 2px solid #A8E6CF; }
        .produit h3 { margin: 8px 0 6px 0; color: #357ab7; }
        .produit .prix { font-size: 1.2em; color: #A8E6CF; margin-bottom: 8px; font-weight: bold; }
        .produit .desc { color: #444; font-size: 0.98em; min-height: 40px; }
        footer { text-align: center; color: #888; padding: 18px 0; margin-top: 40px; }
        .contact { margin-top: 40px; background: #F7D6E0; padding: 30px; border-radius: 10px; max-width: 500px; margin-left: auto; margin-right: auto; }
        .success { color: #A8E6CF; margin-top: 8px; }
        .contact label { display: block; margin-top: 16px; }
        .contact input, .contact textarea { width: 100%; padding: 8px; margin-top: 4px; border-radius: 4px; border: 1px solid #ccc; }
        .contact button { margin-top: 16px; background: #357ab7; color: #fff; border: none; padding: 10px 18px; border-radius: 4px; font-size: 15px; cursor: pointer; margin-top: 10px; transition: background 0.2s; }
        .contact button:hover { background: #F7D6E0; color: #357ab7; }
    </style>
</head>
<body>
    <header>
        <img src="images/logo1_white_clean_cr.png" alt="Logo OpticSolution" style="height:70px; margin-bottom:10px;">
        <h1>Bienvenue chez OpticSolution</h1>
        <p>Votre spécialiste en optique à votre service</p>
    </header>
    <nav>
        <a href="index.php">Accueil</a>
        <a href="#produits">Nouveautés</a>
        <a href="nos_produits.php">Tous nos produits</a>
        <a href="essai_virtuel.php" style="background: #F7D6E0;">Essai Virtuel</a>
        <a href="#contact">Contact</a>
        <a href="login.php">Espace pro</a>
    </nav>
    <!-- Section Vitrine Optique -->
    <div class="container my-5" id="optique">
        <div class="text-center mb-5">
            <h2 class="display-5 fw-bold mb-3">Nos Services Optiques</h2>
            <p class="lead text-muted">Découvrez notre expertise en optique et nos solutions sur mesure pour votre vue</p>
            <hr class="mx-auto" style="width: 100px; border-top: 3px solid #22596a; opacity: 1;">
        </div>
        
        <div class="row justify-content-center g-4">
            <!-- Verres de vue -->
            <div class="col-md-5">
                <div class="card h-100 border-0 shadow-sm service-card" style="background: url('images/verre.png') center/cover no-repeat; position: relative; overflow: hidden;">
                    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1;"></div>
                    <div class="card-body text-center p-4" style="position: relative; z-index: 2;">
                        <i class="fas fa-glasses fa-3x text-primary mb-4"></i>
                        <h3 class="h4 fw-bold mb-3" style="color: #222;">Verres de Vue</h3>
                        <p style="color: #333 !important;">Des verres de qualité adaptés à votre correction visuelle, avec des traitements anti-reflets et anti-rayures.</p>
                        <a href="verres-vue.php" class="btn btn-outline-primary btn-sm">En savoir plus</a>
                    </div>
                </div>
            </div>
            
            <!-- Verres solaires -->
            <div class="col-md-5">
                <div class="card h-100 border-0 shadow-sm service-card" style="background: url('images/verre_solaire.png') center/cover no-repeat; position: relative; overflow: hidden;">
                    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1;"></div>
                    <div class="card-body text-center p-4" style="position: relative; z-index: 2;">
                        <i class="fas fa-sun fa-3x text-warning mb-4"></i>
                        <h3 class="h4 fw-bold mb-3" style="color: #222;">Verres Solaires</h3>
                        <p style="color: #333 !important;">Protégez vos yeux des UV avec nos verres solaires de qualité, disponibles avec ou sans correction.</p>
                        <a href="verres-solaires.php" class="btn btn-outline-primary btn-sm">Découvrir</a>
                    </div>
                </div>
            </div>
        </div>
        

    </div>

    <!-- Section Produits -->
    <div class="container" id="produits">
        <h2>Nos 10 dernières nouveautés</h2>
        <div class="produits">
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_41_photo1_684976a3cd842.jpeg" alt="RX4451V">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_41_photo1_684976a3cd842.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_41_photo2_684976b0e4dc1.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_41_photo3_684976bb011b8.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>RX4451V</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : A3BFF7C5</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Modèle optique apprécié, les lunettes de vue Ray-Ban RX4451V RB4451V 5687 53-20 Striped Havana                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_40_photo1_1749518279.jpeg" alt="Wayfarer">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_40_photo1_1749518279.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_40_photo2_1749518288.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_40_photo3_1749518298.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Wayfarer</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 913A0EDC</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Monture iconique, style universel.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_39_photo1_1749518372.jpeg" alt="Vintage">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_39_photo1_1749518372.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_39_photo2_1749518381.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_39_photo3_1749518391.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Vintage</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 3B9BA1E9</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Look vintage, monture épaisse, retour aux années 70.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_38_photo1_1749518461.jpeg" alt="Teen Style">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_38_photo1_1749518461.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_38_photo2_1749518469.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_38_photo3_1749518479.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Teen Style</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 97DB052E</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Monture tendance pour ados, coloris variés.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_37_photo1_1749519001.jpeg" alt="Swim Pro">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_37_photo1_1749519001.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_37_photo2_1749519011.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_37_photo3_1749519182.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Swim Pro</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 290193AF</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Lunettes natation, étanchéité parfaite.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_36_photo1_1749519216.jpeg" alt="Sport Pro">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_36_photo1_1749519216.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_36_photo2_1749519228.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_36_photo3_1749519238.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Sport Pro</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 368AB3E0</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Monture sport, verres photochromiques.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_34_photo1_6848834cd26ff.jpeg" alt="Round Metal">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_34_photo1_6848834cd26ff.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_34_photo2_1749552874.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_34_photo3_1749552886.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Round Metal</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : A9E03F30</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Monture métal ronde, style vintage.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_33_photo1_1749552946.jpeg" alt="Minimalist">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_33_photo1_1749552946.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_33_photo2_1749552977.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_33_photo3_1749552989.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Minimalist</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : 688F2808</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Design minimaliste, monture ultra fine.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_32_photo1_1749553235.jpeg" alt="Kids Sun">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_32_photo1_1749553235.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_32_photo2_1749553244.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_32_photo3_1749553254.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Kids Sun</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : C12BB0D7</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Protection solaire pour enfants, monture souple.                </div>
            </div>
                        <div class="produit">
                                <div class="galerie-produit">
                    <img class="img-principale" style="width:220px;height:180px;" src="photos_lunettes/produit_31_photo1_1749553322.jpeg" alt="Junior Sport">
                                            <div class="miniatures">
                                                            <img class="miniature" src="photos_lunettes/produit_31_photo1_1749553322.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_31_photo2_1749553331.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                            <img class="miniature" src="photos_lunettes/produit_31_photo3_1749553342.jpeg" alt="miniature" onclick="this.closest('.galerie-produit').querySelector('.img-principale').src=this.src;">
                                                    </div>
                                    </div>
                <h3>Junior Sport</h3>
                                    <p class="small" style="font-weight: bold; color: #4A0072;">Réf : E1A96A69</p>
                                <div class="prix">
                                            <span class="text-danger">Non disponible</span>
                                    </div>
                <div class="desc">
                    Monture sport pour enfants, ultra résistante.                </div>
            </div>
                    </div>
        
        <div class="text-center mt-4">
            <a href="nos_produits.php" class="btn btn-primary">
                <i class="fas fa-glasses me-2"></i>Voir tous nos produits
            </a>
        </div>
    </div>
    <footer>
        &copy; 2025 OpticSolution. Tous droits réservés.
    </footer>
</body>
</html>