<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sionpassion - Votre magazine féminin au cœur de la Suisse romande</title>
    <meta name="description" content="Votre magazine féminin au cœur de la Suisse romande">
        <link rel="canonical" href="https://sionpassion.ch/crus_au_verre.xml">
    <meta name="robots" content="index, follow">
    <meta property="og:url" content="https://sionpassion.ch/crus_au_verre.xml">
    <meta property="og:site_name" content="Sionpassion">
    <meta property="og:locale" content="fr_FR">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Sionpassion">
    <meta property="og:description" content="Votre magazine féminin au cœur de la Suisse romande">
        <meta property="og:image" content="https://sionpassion.ch/images/7871181-1920.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://sionpassion.ch/images/7871181-1920.jpg">
        <meta name="twitter:title" content="Sionpassion">
    <meta name="twitter:description" content="Votre magazine féminin au cœur de la Suisse romande">
        <link rel="icon" type="image/svg+xml" href="/logo.svg">
        <link rel="stylesheet" href="/style.css?v=1785256285">
    <style>/* CRITICAL CSS — Inline dans <head> pour rendu instantane */

/* Self-hosted fonts — Inter + Playfair Display */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url(/fonts/playfair-normal-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url(/fonts/playfair-normal-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/playfair-italic-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/playfair-italic-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Font fallback metrics (CLS prevention) */
@font-face {
    font-family: 'Inter fallback';
    src: local('Arial');
    size-adjust: 107%;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Playfair Display fallback';
    src: local('Georgia');
    size-adjust: 112%;
    ascent-override: 84%;
    descent-override: 22%;
    line-gap-override: 0%;
}

/* Reset + base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', 'Inter fallback', sans-serif;
    color: var(--text, #2C3E50);
    background: var(--background, #FAFAFA);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: 'Playfair Display', 'Playfair Display fallback', serif; line-height: 1.25; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
picture { display: block; width: 100%; height: 100%; }
picture img { width: 100%; height: 100%; object-fit: cover; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }

:root {
    --radius: 10px;
    --shadow: 0 2px 16px rgba(44,62,80,0.08);
    --shadow-hover: 0 8px 32px rgba(44,62,80,0.13);
    --transition: 0.3s cubic-bezier(.4,0,.2,1);
}

.header {
    background: var(--surface, #fff);
    border-bottom: 1px solid rgba(44,62,80,0.06);
    position: sticky;
    top: 0;
    z-index: 100;
}
.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
}
.logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Playfair Display', 'Playfair Display fallback', serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--secondary, #2C3E50);
    white-space: nowrap;
}
.logo-icon { font-size: 1.5rem; }
.logo-img { height: 2rem; width: auto; object-fit: contain; border-radius: 4px; }
.logo-svg { height: 2.2rem; width: auto; object-fit: contain; }
.nav ul { display: flex; gap: 1.5rem; align-items: center; }
.nav a {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text-light, #7F8C8D);
    transition: color var(--transition);
    position: relative;
    padding: 0.3rem 0;
}
.nav a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary, #E67E22);
    transition: width var(--transition);
}
.nav a:hover, .nav a.active { color: var(--primary, #E67E22); }
.nav a:hover::after, .nav a.active::after { width: 100%; }
.mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    flex-direction: column;
    gap: 5px;
}
.mobile-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text, #2C3E50);
    transition: var(--transition);
}
.mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.header-cta {
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.5rem 1.2rem;
    border-radius: var(--radius);
    transition: all var(--transition);
    white-space: nowrap;
}
.header-cta-button { background: var(--primary, #E67E22); color: #fff; }
.header-cta-button:hover { background: var(--primary-dark, #D35400); }
.header-cta-text { color: var(--primary, #E67E22); background: none; padding: 0.5rem 0; }
.header-cta-text:hover { color: var(--primary-dark, #D35400); }
.header-cta-outline { border: 2px solid var(--primary, #E67E22); color: var(--primary, #E67E22); background: none; }
.header-cta-outline:hover { background: var(--primary, #E67E22); color: #fff; }
.header-cta-icon { color: var(--primary, #E67E22); background: none; }
.header-cta-icon .cta-icon { margin-right: 0.3rem; }
.header-inline .header-inner { display: flex; align-items: center; gap: 2rem; }
.header-inline .nav { flex: 1; }
.header-inline .nav ul { justify-content: center; }
.header-split .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.header-split .nav { flex: 1; }
.header-split .nav ul { justify-content: flex-end; }
.header-pill .header-inner { display: flex; align-items: center; gap: 2rem; }
.header-pill .nav { flex: 1; }
.header-pill .nav ul { justify-content: center; gap: 0.5rem; }
.nav-pills a {
    padding: 0.4rem 1rem;
    border-radius: 999px;
    background: var(--background, #FAFAFA);
    font-size: 0.85rem;
}
.nav-pills a::after { display: none; }
.nav-pills a:hover, .nav-pills a.active { background: var(--primary, #E67E22); color: #fff; }
.header-below .header-inner { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.header-below .header-row-logo { display: flex; align-items: center; gap: 1.5rem; width: 100%; justify-content: center; }
.header-below .nav ul { justify-content: center; }
.header-sides .header-inner { display: flex; align-items: center; justify-content: center; gap: 2.5rem; }
.header-sides .nav-left ul, .header-sides .nav-right ul { gap: 1.5rem; }
.header-hidden .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.header-hidden .mobile-toggle { display: flex; }
.nav-hidden {
    display: none;
    background: var(--surface, #fff);
    border-bottom: 1px solid rgba(44,62,80,0.06);
    padding: 1rem 2rem;
}
.nav-hidden.open { display: block; }
.nav-hidden ul { flex-direction: column; align-items: center; gap: 1rem; }
.header-stacked .header-inner { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.header-stacked .nav ul { justify-content: center; }
.header-double_row .header-inner { display: flex; flex-direction: column; gap: 0.75rem; }
.header-top { display: flex; align-items: center; gap: 1.5rem; }
.header-tagline { flex: 1; font-size: 0.85rem; color: var(--text-light, #7F8C8D); }
.header-double_row .nav ul { justify-content: center; border-top: 1px solid rgba(44,62,80,0.06); padding-top: 0.75rem; }
.header-logo-left .logo { margin-right: auto; }
.header-logo-center .logo { text-align: center; }
.header-logo-right .logo { margin-left: auto; }
.header-sides .logo { margin: 0; }

@media (max-width: 968px) {
    .header-inline .header-inner, .header-split .header-inner, .header-pill .header-inner { flex-wrap: wrap; }
    .header-inline .nav, .header-split .nav, .header-pill .nav,
    .header-below .nav, .header-stacked .nav, .header-double_row .nav { display: none; width: 100%; }
    .header-inline .nav.open, .header-split .nav.open, .header-pill .nav.open,
    .header-below .nav.open, .header-stacked .nav.open, .header-double_row .nav.open { display: block; }
    .nav.open ul { flex-direction: column; align-items: center; gap: 1rem; padding: 1rem 0; }
    .mobile-toggle { display: flex; }
    .header-sides .header-inner { flex-wrap: wrap; }
    .header-sides .nav-left, .header-sides .nav-right { display: none; }
    .header-sides .nav-left.open, .header-sides .nav-right.open { display: block; width: 100%; }
    .header-cta { display: none; }
}
@media (max-width: 640px) {
    .container { padding: 0 1.25rem; }
}
</style>
    <link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/playfair-normal-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/base.css?v=1785256280" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/base.css?v=1785256280"></noscript>
</head>
<body data-table="default">
    <header class="header header-below header-logo-center">
        <div class="container header-inner">
            <div class="header-row-logo">
                <a href="/" class="logo"><img src="/logo.svg" alt="Sionpassion" class="logo-svg"></a>                                <button class="mobile-toggle" aria-label="Menu"><span></span><span></span><span></span></button>
            </div>
            <nav class="nav">
                <ul><li><a href="/" class="active">Accueil</a></li><li><a href="/actu/">Actu</a></li><li><a href="/beaute/">Beauté</a></li><li><a href="/bien-etre/">Bien-etre</a></li><li><a href="/lifestyle/">Lifestyle</a></li><li><a href="/mode/">Mode</a></li><li><a href="/shopping/">Shopping</a></li></ul>
            </nav>
        </div>

    </header>
    <main>
        <section class="hero hero-overlay">
            <div class="hero-overlay-bg">
                <picture>
    <source type="image/webp" srcset="/images/7871181-400.webp 400w, /images/7871181-600.webp 600w, /images/7871181-900.webp 900w, /images/7871181-1920.webp 1920w" sizes="100vw">
    <img src="/images/7871181-600.jpg" alt="Sionpassion" loading="eager" fetchpriority="high">
</picture>            </div>
            <div class="hero-overlay-content">
                <h1>L'univers mode et <em>lifestyle</em> romand</h1>
                <p class="hero-text">Sionpassion explore les tendances mode, beauté et bien-être avec un regard authentique sur la féminité d'aujourd'hui. Découvrez chaque semaine des articles inspirants, des guides pratiques et des analyses tendances pensés pour les femmes actives et passionnées.</p>
                <div class="hero-actions">
                                            <a href="/actu/" class="btn btn-white">Découvrir →</a>
                                                        </div>
            </div>
        </section>
        <section class="section-categories section-categories-images">
                            <h3 class="section-title">Explorez nos univers</h3>
                                        <p class="section-subtitle">Des contenus variés pour inspirer votre quotidien</p>
                        <div class="categories-images-grid">
                                    <a href="/actu/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Actu</h2>
                            <p>L&#039;actualité mode et beauté</p>
                        </div>
                    </a>
                                    <a href="/beaute/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Beauté</h2>
                            <p>Maquillage, soins et skincare</p>
                        </div>
                    </a>
                                    <a href="/bien-etre/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Bien-etre</h2>
                            <p>Bien-être et développement personnel</p>
                        </div>
                    </a>
                                    <a href="/lifestyle/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Lifestyle</h2>
                            <p>Art de vivre et inspiration</p>
                        </div>
                    </a>
                                    <a href="/mode/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Mode</h2>
                            <p>Tendances, looks et style</p>
                        </div>
                    </a>
                                    <a href="/shopping/" class="category-image-card">
                                                <div class="category-image-card-body">
                            <h2>Shopping</h2>
                            <p>Sélections et guides d&#039;achat</p>
                        </div>
                    </a>
                            </div>
        </section>
        <section class="section-stats-columns">
            <div class="stats-columns-inner">
                <div class="stats-columns-text">
                    <h3>Quelques chiffres</h3>
                                    </div>
                <div class="stats-columns-numbers">
                                            <div class="stats-columns-item">
                            <span class="stats-columns-number">350+</span>
                            <span class="stats-columns-label">Articles publiés</span>
                        </div>
                                            <div class="stats-columns-item">
                            <span class="stats-columns-number">45k</span>
                            <span class="stats-columns-label">Lectrices mensuelles</span>
                        </div>
                                            <div class="stats-columns-item">
                            <span class="stats-columns-number">120</span>
                            <span class="stats-columns-label">Guides pratiques</span>
                        </div>
                                            <div class="stats-columns-item">
                            <span class="stats-columns-number">98%</span>
                            <span class="stats-columns-label">Taux de satisfaction</span>
                        </div>
                                    </div>
            </div>
        </section>
        <section class="section-split-minimal">
            <div class="split-minimal-inner">
                <div class="split-minimal-image">
                    <picture>
    <source type="image/webp" srcset="/images/32526418-400.webp 400w, /images/32526418-600.webp 600w, /images/32526418-900.webp 900w, /images/32526418-1920.webp 1920w" sizes="50vw">
    <img src="/images/32526418-600.jpg" alt="Sionpassion" loading="lazy">
</picture>                </div>
                <div class="split-minimal-content">
                    <h3>Votre rendez-vous mode et lifestyle</h3>
                    <p>Sionpassion est le magazine digital qui décrypte les tendances, partage des inspirations mode et explore le bien-être au féminin. Une lecture authentique, proche de vous, ancrée dans la réalité suisse romande.</p>
                                            <a href="/" class="btn btn-primary">En savoir plus →</a>
                                    </div>
            </div>
        </section>
        <section class="section-articles-magazine">
                            <h3 class="section-title">Derniers articles</h3>
                                        <p class="section-subtitle">Nos publications récentes</p>
                        <div class="articles-magazine-grid">
                                    <a href="/mode/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours.php" class="article-magazine-hero">
                        <div class="amh-image">
                            <picture>
    <source type="image/webp" srcset="/images/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours-400.webp 400w, /images/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours-600.webp 600w, /images/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours-900.webp 900w, /images/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours-1920.webp 1920w" sizes="100vw">
    <img src="/images/choisissez-un-sac-a-main-fonctionnel-pour-vos-cours-600.jpg" alt="Choisissez un sac à main fonctionnel pour vos cours" loading="lazy">
</picture>                        </div>
                        <div class="amh-overlay">
                            <span class="amh-tag">Mode</span>
                            <h2>Choisissez un sac à main fonctionnel pour vos cours</h2>
                            <p>...</p>
                        </div>
                    </a>
                                                    <a href="/vetements-en-laine-merinos-homme-pour-le-sport-confort-et-performance.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/29234802-400.webp 400w, /images/29234802-600.webp 600w, /images/29234802-900.webp 900w, /images/29234802-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/29234802-600.jpg" alt="Vêtements en laine mérinos homme pour le sport : confort et performance" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Shopping</span>
                            <h2>Vêtements en laine mérinos homme pour le sport : confort et performance</h2>
                            <span class="article-magazine-card-meta">08/10/2024 17:02 &middot; 9 min</span>
                        </div>
                    </a>
                                    <a href="/chemise-transparente-homme-le-style-audacieux-a-adopter.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/4567653-400.webp 400w, /images/4567653-600.webp 600w, /images/4567653-900.webp 900w, /images/4567653-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/4567653-600.jpg" alt="Chemise transparente homme : le style audacieux à adopter" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Shopping</span>
                            <h2>Chemise transparente homme : le style audacieux à adopter</h2>
                            <span class="article-magazine-card-meta">08/10/2024 13:42 &middot; 9 min</span>
                        </div>
                    </a>
                                    <a href="/decouvrez-les-sandales-grecques-artisanales-et-originales-de-photyne.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/8790866-400.webp 400w, /images/8790866-600.webp 600w, /images/8790866-900.webp 900w, /images/8790866-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/8790866-600.jpg" alt="Découvrez les sandales grecques artisanales et originales de photyne" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Shopping</span>
                            <h2>Découvrez les sandales grecques artisanales et originales de photyne</h2>
                            <span class="article-magazine-card-meta">08/10/2024 10:22 &middot; 4 min</span>
                        </div>
                    </a>
                                    <a href="/meilleur-collagene-en-pharmacie-le-choix-des-experts-et-astuces.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/4938514-400.webp 400w, /images/4938514-600.webp 600w, /images/4938514-900.webp 900w, /images/4938514-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/4938514-600.jpg" alt="Meilleur collagène en pharmacie : le choix des experts et astuces" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Meilleur collagène en pharmacie : le choix des experts et astuces</h2>
                            <span class="article-magazine-card-meta">08/10/2024 09:44 &middot; 7 min</span>
                        </div>
                    </a>
                                    <a href="/shampoing-solide-antipelliculaire-guide-pour-faire-le-bon-choix.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/32290497-400.webp 400w, /images/32290497-600.webp 600w, /images/32290497-900.webp 900w, /images/32290497-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/32290497-600.jpg" alt="Shampoing solide antipelliculaire : guide pour faire le bon choix" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Shampoing solide antipelliculaire : guide pour faire le bon choix</h2>
                            <span class="article-magazine-card-meta">08/10/2024 08:46 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/decouvrez-lelegance-intemporelle-des-sacs-dior.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/27919262-400.webp 400w, /images/27919262-600.webp 600w, /images/27919262-900.webp 900w, /images/27919262-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/27919262-600.jpg" alt="Découvrez l&#039;élégance intemporelle des sacs dior" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Shopping</span>
                            <h2>Découvrez l&#039;élégance intemporelle des sacs dior</h2>
                            <span class="article-magazine-card-meta">03/10/2024 17:10 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/boutique-de-bijoux-en-forme-de-coeur-coeur-etincelant-lamour-en-bijoux.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/8429057-400.webp 400w, /images/8429057-600.webp 600w, /images/8429057-900.webp 900w, /images/8429057-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/8429057-600.jpg" alt="Boutique de bijoux en forme de coeur | coeur etincelant : l&#039;amour en bijoux" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Shopping</span>
                            <h2>Boutique de bijoux en forme de coeur | coeur etincelant : l&#039;amour en bijoux</h2>
                            <span class="article-magazine-card-meta">01/11/2024 04:04 &middot; 12 min</span>
                        </div>
                    </a>
                                    <a href="/formation-cils-maitrisez-le-cil-a-cil-et-le-volume-russe.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/9511806-400.webp 400w, /images/9511806-600.webp 600w, /images/9511806-900.webp 900w, /images/9511806-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/9511806-600.jpg" alt="Formation cils : maîtrisez le cil à cil et le volume russe" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Formation cils : maîtrisez le cil à cil et le volume russe</h2>
                            <span class="article-magazine-card-meta">01/11/2024 03:41 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/comment-choisir-des-vetements-de-sport-elegants-pour-les-femmes-qui-veulent-rester-chic-en-faisant-de-lexercice.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-594-400.webp 400w, /images/wp-594-600.webp 600w, /images/wp-594-900.webp 900w, /images/wp-594-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-594-600.jpg" alt="Comment choisir des vêtements de sport élégants pour les femmes qui veulent rester chic en faisant de l&#039;exercice ?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Comment choisir des vêtements de sport élégants pour les femmes qui veulent rester chic en faisant de l&#039;exercice ?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/comment-choisir-une-jupe-en-tulle-pour-une-sortie-en-soiree-sans-paraitre-deguisee.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-522-400.webp 400w, /images/wp-522-600.webp 600w, /images/wp-522-900.webp 900w, /images/wp-522-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-522-600.jpg" alt="Comment choisir une jupe en tulle pour une sortie en soirée sans paraître déguisée?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Comment choisir une jupe en tulle pour une sortie en soirée sans paraître déguisée?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/comment-integrer-des-elements-de-la-mode-punk-dans-une-tenue-quotidienne-sans-etre-trop-rebelle.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-581-400.webp 400w, /images/wp-581-600.webp 600w, /images/wp-581-900.webp 900w, /images/wp-581-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-581-600.jpg" alt="Comment intégrer des éléments de la mode punk dans une tenue quotidienne sans être trop rebelle ?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Comment intégrer des éléments de la mode punk dans une tenue quotidienne sans être trop rebelle ?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/comment-personnaliser-une-veste-en-denim-avec-des-patchs-sans-tomber-dans-lexces.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-474-400.webp 400w, /images/wp-474-600.webp 600w, /images/wp-474-900.webp 900w, /images/wp-474-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-474-600.jpg" alt="Comment personnaliser une veste en denim avec des patchs sans tomber dans l&#039;excès?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Comment personnaliser une veste en denim avec des patchs sans tomber dans l&#039;excès?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/quelles-options-de-pochettes-elegantes-pour-emporter-le-strict-necessaire-lors-dune-soiree-vip.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-519-400.webp 400w, /images/wp-519-600.webp 600w, /images/wp-519-900.webp 900w, /images/wp-519-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-519-600.jpg" alt="Quelles options de pochettes élégantes pour emporter le strict nécessaire lors d&#039;une soirée VIP?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Quelles options de pochettes élégantes pour emporter le strict nécessaire lors d&#039;une soirée VIP?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/quels-conseils-pour-marier-des-chaussettes-en-cachemire-avec-des-chaussures-ouvertes.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-525-400.webp 400w, /images/wp-525-600.webp 600w, /images/wp-525-900.webp 900w, /images/wp-525-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-525-600.jpg" alt="Quels conseils pour marier des chaussettes en cachemire avec des chaussures ouvertes?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Quels conseils pour marier des chaussettes en cachemire avec des chaussures ouvertes?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/quels-criteres-pour-opter-pour-une-montre-avec-bracelet-interchangeable-et-rester-chic-au-quotidien.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-468-400.webp 400w, /images/wp-468-600.webp 600w, /images/wp-468-900.webp 900w, /images/wp-468-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-468-600.jpg" alt="Quels critères pour opter pour une montre avec bracelet interchangeable et rester chic au quotidien?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Quels critères pour opter pour une montre avec bracelet interchangeable et rester chic au quotidien?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/quels-sont-les-criteres-a-respecter-pour-choisir-un-pantalon-de-detente-luxueux-pour-les-longs-vols.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-471-400.webp 400w, /images/wp-471-600.webp 600w, /images/wp-471-900.webp 900w, /images/wp-471-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-471-600.jpg" alt="Quels sont les critères à respecter pour choisir un pantalon de détente luxueux pour les longs vols?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Quels sont les critères à respecter pour choisir un pantalon de détente luxueux pour les longs vols?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/quels-styles-de-bretelles-de-soutien-gorge-sont-appropries-pour-etre-portes-avec-une-robe-dos-nu.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-588-400.webp 400w, /images/wp-588-600.webp 600w, /images/wp-588-900.webp 900w, /images/wp-588-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-588-600.jpg" alt="Quels styles de bretelles de soutien-gorge sont appropriés pour être portés avec une robe dos nu ?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Actu</span>
                            <h2>Quels styles de bretelles de soutien-gorge sont appropriés pour être portés avec une robe dos nu ?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/comment-appliquer-la-regle-du-contouring-pour-un-visage-carre.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-585-400.webp 400w, /images/wp-585-600.webp 600w, /images/wp-585-900.webp 900w, /images/wp-585-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-585-600.jpg" alt="Comment appliquer la règle du contouring pour un visage carré?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Comment appliquer la règle du contouring pour un visage carré?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/comment-creer-une-huile-de-massage-aromatique-pour-detendre-les-muscles-faciaux.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-480-400.webp 400w, /images/wp-480-600.webp 600w, /images/wp-480-900.webp 900w, /images/wp-480-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-480-600.jpg" alt="Comment créer une huile de massage aromatique pour détendre les muscles faciaux?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Comment créer une huile de massage aromatique pour détendre les muscles faciaux?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/comment-realiser-une-pedicure-parfaite-chez-soi-avec-des-outils-simples.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-528-400.webp 400w, /images/wp-528-600.webp 600w, /images/wp-528-900.webp 900w, /images/wp-528-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-528-600.jpg" alt="Comment réaliser une pédicure parfaite chez soi avec des outils simples?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Comment réaliser une pédicure parfaite chez soi avec des outils simples?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/comment-utiliser-les-feuilles-de-framboise-pour-un-the-beaute-benefique-pour-la-peau.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-533-400.webp 400w, /images/wp-533-600.webp 600w, /images/wp-533-900.webp 900w, /images/wp-533-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-533-600.jpg" alt="Comment utiliser les feuilles de framboise pour un thé beauté bénéfique pour la peau?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Comment utiliser les feuilles de framboise pour un thé beauté bénéfique pour la peau?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/comment-utiliser-lhuile-dargan-pour-un-soin-antioxydant-du-visage.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-572-400.webp 400w, /images/wp-572-600.webp 600w, /images/wp-572-900.webp 900w, /images/wp-572-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-572-600.jpg" alt="Comment utiliser l&#039;huile d&#039;argan pour un soin antioxydant du visage?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Comment utiliser l&#039;huile d&#039;argan pour un soin antioxydant du visage?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/decouvrez-la-queue-de-cheval-a-enrouler-pour-un-look-parfait.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/7113570-400.webp 400w, /images/7113570-600.webp 600w, /images/7113570-900.webp 900w, /images/7113570-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/7113570-600.jpg" alt="Découvrez la queue de cheval à enrouler pour un look parfait" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Découvrez la queue de cheval à enrouler pour un look parfait</h2>
                            <span class="article-magazine-card-meta">22 octobre 2024 &middot; 7 min</span>
                        </div>
                    </a>
                                    <a href="/decouvrez-les-bienfaits-des-huiles-essentielles-bio.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/1343525-400.webp 400w, /images/1343525-600.webp 600w, /images/1343525-900.webp 900w, /images/1343525-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/1343525-600.jpg" alt="Découvrez les bienfaits des huiles essentielles bio" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Découvrez les bienfaits des huiles essentielles bio</h2>
                            <span class="article-magazine-card-meta">25/10/2024 09:18 &middot; 10 min</span>
                        </div>
                    </a>
                                    <a href="/quelle-est-la-meilleure-facon-dappliquer-un-autobronzant-pour-eviter-les-marques.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-477-400.webp 400w, /images/wp-477-600.webp 600w, /images/wp-477-900.webp 900w, /images/wp-477-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-477-600.jpg" alt="Quelle est la meilleure façon d&#039;appliquer un autobronzant pour éviter les marques?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Quelle est la meilleure façon d&#039;appliquer un autobronzant pour éviter les marques?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 6 min</span>
                        </div>
                    </a>
                                    <a href="/quelle-est-la-recette-pour-un-bain-de-vapeur-faciale-a-base-de-plantes-pour-purifier-la-peau.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-592-400.webp 400w, /images/wp-592-600.webp 600w, /images/wp-592-900.webp 900w, /images/wp-592-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-592-600.jpg" alt="Quelle est la recette pour un bain de vapeur faciale à base de plantes pour purifier la peau?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Quelle est la recette pour un bain de vapeur faciale à base de plantes pour purifier la peau?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/quelle-tenue-choisir-pour-optimiser-le-confort-et-le-style-pendant-une-grossesse.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-530-400.webp 400w, /images/wp-530-600.webp 600w, /images/wp-530-900.webp 900w, /images/wp-530-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-530-600.jpg" alt="Quelle tenue choisir pour optimiser le confort et le style pendant une grossesse?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Quelle tenue choisir pour optimiser le confort et le style pendant une grossesse?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/quels-sont-les-avantages-dutiliser-une-eponge-konjac-pour-le-nettoyage-du-visage.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-482-400.webp 400w, /images/wp-482-600.webp 600w, /images/wp-482-900.webp 900w, /images/wp-482-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-482-600.jpg" alt="Quels sont les avantages d&#039;utiliser une éponge Konjac pour le nettoyage du visage?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Beauté</span>
                            <h2>Quels sont les avantages d&#039;utiliser une éponge Konjac pour le nettoyage du visage?</h2>
                            <span class="article-magazine-card-meta">30 avril 2024 &middot; 5 min</span>
                        </div>
                    </a>
                                    <a href="/comment-creer-un-circuit-de-fitness-a-la-maison-avec-des-equipements-simples.php" class="article-magazine-card">
                        <div class="article-magazine-card-image">
                            <picture>
    <source type="image/webp" srcset="/images/wp-598-400.webp 400w, /images/wp-598-600.webp 600w, /images/wp-598-900.webp 900w, /images/wp-598-1920.webp 1920w" sizes="(max-width:640px) 100vw, 50vw">
    <img src="/images/wp-598-600.jpg" alt="Comment créer un circuit de fitness à la maison avec des équipements simples?" loading="lazy">
</picture>                        </div>
                        <div class="article-magazine-card-body">
                            <span class="article-magazine-card-tag">Bien-etre</span>
                            <h2>Comment créer un circuit de fitness à la maison avec des équipements simples?</h2>
                            <span class="article-magazine-card-meta">1 mai 2024 &middot; 7 min</span>
                        </div>
                    </a>
                            </div>
        </section>
        <section class="section-cta-wave">
            <svg class="cta-wave-svg" viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M0,80 C360,0 720,60 1080,20 C1260,0 1380,30 1440,40 L1440,0 L0,0 Z" fill="var(--background, #FAFAFA)"/>
            </svg>
            <div class="cta-wave-content">
                <h3>Plongez dans l'univers Sionpassion</h3>
                <p>Explorez dès maintenant nos articles, guides et analyses pour découvrir toutes les facettes de la mode et du lifestyle féminin. Une source d'inspiration infinie vous attend.</p>
                                    <a href="/" class="btn btn-white">Rejoindre →</a>
                            </div>
        </section>
        <section class="section-newsletter">
                            <h3 class="section-title">Restez inspirée chaque semaine</h3>
                                        <p class="section-subtitle">Recevez notre sélection des meilleurs articles, tendances mode et conseils bien-être directement dans votre boîte mail. Une dose d'inspiration tous les lundis matin.</p>
                        <form class="newsletter-form" onsubmit="return false;">
                <input type="email" placeholder="Votre adresse email" aria-label="Email">
                <button type="submit" class="btn btn-primary">S'abonner</button>
            </form>
        </section>
    </main>
    <footer class="footer footer-columns_3">


        <div class="footer-content">
            <div class="container">

                <div class="footer-grid footer-grid-3">
                    <div class="footer-brand"><a href="/" class="logo">Sionpassion</a><p>Votre magazine féminin au cœur de la Suisse romande</p></div>                                            <div>
                            <h4>Navigation</h4>
                            <ul>
                                <li><a href="/">Accueil</a></li>
                            </ul>
                        </div>
                                        <div><h4>Légal</h4><ul><li><a href="/mentions-legales/">Mentions légales</a></li><li><a href="/contact/">Contact</a></li></ul></div>                </div>


                <div class="footer-bottom">&copy; 2026 Sionpassion. Tous droits réservés.</div>
            </div>
        </div>
    </footer>
    <script>
    const observer = new IntersectionObserver(entries => {
        entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });
    }, { threshold: 0.15 });
    document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
    document.querySelector('.mobile-toggle')?.addEventListener('click', function() {
        const hiddenNav = document.querySelector('.nav-hidden');
        if (hiddenNav) { hiddenNav.classList.toggle('open'); }
        else { const nav = document.querySelector('.nav'); if (nav) { nav.classList.toggle('open'); } }
        this.classList.toggle('active');
    });
    </script>
</body>
</html>