.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9690 .elementor-element.elementor-element-7267297a{color:#FFA66B;}.elementor-9690 .elementor-element.elementor-element-fb03229 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF1F 0%, #ABA4A39E 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9690 .elementor-element.elementor-element-4c0f851{text-align:center;}.elementor-9690 .elementor-element.elementor-element-4c0f851 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:400;line-height:52px;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button{background-color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:700;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:25px 25px 25px 25px;}.elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button:hover, .elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button-content-wrapper{flex-direction:row;}.elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button:hover svg, .elementor-9690 .elementor-element.elementor-element-3a4ddbd .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-9690 .elementor-element.elementor-element-77c2bcd{text-align:center;}.elementor-9690 .elementor-element.elementor-element-77c2bcd .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:400;line-height:52px;color:#0D0D0D;}.elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button{background-color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:700;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:25px 25px 25px 25px;}.elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button:hover, .elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button:hover svg, .elementor-9690 .elementor-element.elementor-element-0652324 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9690 .elementor-element.elementor-element-7f91878{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9690 .elementor-element.elementor-element-7f91878 .elementor-divider-separator{width:100%;}.elementor-9690 .elementor-element.elementor-element-7f91878 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9690 .elementor-element.elementor-element-4c0f851 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-9690 .elementor-element.elementor-element-4c0f851 .elementor-heading-title{font-size:21px;line-height:1em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-9690 .elementor-element.elementor-element-77c2bcd > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-9690 .elementor-element.elementor-element-77c2bcd .elementor-heading-title{font-size:21px;line-height:1em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-7267297a */<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Équilibre acido-basique - Sonia Nutrition</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Variables et réinitialisation */
        :root {
            --primary-color: #4a8e5f;
            --secondary-color: #8bc34a;
            --accent-color: #ff9c4a;
            --text-color: #333;
            --light-bg: #f8f9fa;
            --border-color: #e0e0e0;
            --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            --font-heading: 'Montserrat', 'Arial', sans-serif;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: var(--font-main);
            line-height: 1.7;
            color: var(--text-color);
            background-color: #fff;
            padding: 0;
            margin: 0;
            background-image: linear-gradient(to bottom, rgba(248, 249, 250, 0.8), rgba(255, 255, 255, 1)), url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%234a8e5f' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        
        /* Conteneur principal */
        .container {
            max-width: 900px;
            margin: 2rem auto;
            padding: 2.5rem;
            background-color: #fff;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
            border-radius: 12px;
        }
        
        /* En-tête */
        .article-header {
            text-align: center;
            margin-bottom: 2.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 2px solid var(--secondary-color);
        }
        
        .article-title {
            font-family: var(--font-heading);
            color: var(--primary-color);
            font-size: 2.2rem;
            margin-bottom: 1rem;
            line-height: 1.3;
            font-weight: 700;
        }
        
        .article-meta {
            color: #666;
            font-style: italic;
            margin-bottom: 1rem;
        }
        
        /* Typographie */
        h2 {
            font-family: var(--font-heading);
            color: var(--primary-color);
            margin: 2rem 0 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid var(--border-color);
            font-weight: 600;
        }
        
        h3 {
            color: var(--secondary-color);
            margin: 1.5rem 0 0.8rem;
            font-weight: 600;
        }
        
        p {
            margin-bottom: 1.2rem;
            font-size: 1.05rem;
        }
        
        strong {
            color: var(--primary-color);
            font-weight: 600;
        }
        
        /* Emojis et icônes */
        .emoji {
            font-size: 1.2em;
            margin-right: 0.5rem;
            vertical-align: middle;
        }
        
        /* Listes */
        ul {
            margin: 1rem 0;
            padding-left: 1.5rem;
        }
        
        li {
            margin-bottom: 0.5rem;
        }
        
        /* Encadrés importants */
        .info-box {
            background-color: var(--light-bg);
            border-left: 4px solid var(--accent-color);
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 8px 8px 0;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        }
        
        .cta-box {
            background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);
            border: 1px solid var(--secondary-color);
            padding: 1.8rem;
            margin: 2rem 0;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 4px 12px rgba(139, 195, 74, 0.15);
        }
        
        /* Liens */
        a {
            color: var(--primary-color);
            text-decoration: none;
            transition: all 0.3s;
            font-weight: 500;
            position: relative;
        }
        
        a:hover {
            color: var(--accent-color);
            text-decoration: underline;
        }
        
        /* Signature */
        .signature {
            text-align: right;
            margin-top: 2.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-color);
            font-style: italic;
            color: #666;
        }
        
        /* Section de téléchargement */
        .download-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9f7eb 100%);
            padding: 1.8rem;
            border-radius: 10px;
            margin: 2.5rem 0;
            text-align: center;
            border: 1px dashed var(--primary-color);
        }
        
        .download-btn {
            display: inline-block;
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 1rem 2rem;
            border-radius: 50px;
            margin-top: 1.2rem;
            font-weight: 600;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(74, 142, 95, 0.3);
            text-decoration: none;
        }
        
        .download-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(74, 142, 95, 0.4);
            text-decoration: none;
            color: white;
        }
        
        /* Grille d'icônes */
        .icon-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 2rem 0;
        }
        
        .icon-item {
            text-align: center;
            width: 30%;
            margin-bottom: 1.5rem;
            padding: 1rem;
            transition: transform 0.3s;
        }
        
        .icon-item:hover {
            transform: translateY(-5px);
        }
        
        .icon-circle {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.2rem;
            font-size: 2rem;
            color: white;
            box-shadow: 0 5px 15px rgba(74, 142, 95, 0.3);
        }
        
        .icon-item p {
            font-size: 1rem;
            color: #555;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .container {
                padding: 1.8rem;
                margin: 1rem;
            }
            
            .article-title {
                font-size: 1.8rem;
            }
            
            .article-header {
                margin-bottom: 2rem;
            }
            
            .icon-item {
                width: 45%;
            }
            
            .icon-circle {
                width: 70px;
                height: 70px;
                font-size: 1.6rem;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 1.5rem;
            }
            
            .icon-item {
                width: 100%;
            }
            
            .article-title {
                font-size: 1.6rem;
            }
            
            .download-btn {
                padding: 0.8rem 1.5rem;
                font-size: 0.9rem;
            }
        }
        
        /* Animation d'entrée */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .container {
            animation: fadeIn 0.6s ease-out;
        }
        
        .icon-item {
            animation: fadeIn 0.8s ease-out;
        }
        
        /* Style pour les citations */
        blockquote {
            border-left: 4px solid var(--accent-color);
            padding-left: 1.5rem;
            margin: 1.5rem 0;
            font-style: italic;
            color: #555;
        }
        
        /* Style pour les séparateurs */
        .divider {
            height: 1px;
            background: linear-gradient(to right, transparent, var(--border-color), transparent);
            margin: 2rem 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <header class="article-header">
            <h1 class="article-title"><span class="emoji">🥗</span> Zoom sur l'équilibre acido-basique</h1>
        </header>
        
        <article>
            <div class="icon-grid">
                <div class="icon-item">
                    <div class="icon-circle">
                        <i class="fas fa-user-md"></i>
                    </div>
                    <p>Nous connaissons les façons de se détoxifier : sport, respiration, gestion du stress, sommeil.</p>
                </div>
                
                <div class="icon-item">
                    <div class="icon-circle">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <p>Voici comment apporter au corps ce dont il a besoin en termes d'alimentation, et les aliments à limiter.</p>
                </div>
                
                <div class="icon-item">
                    <div class="icon-circle">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <p>Optimisez leur consommation : ils sont les aliments à vous apporter le plus de nutriments.</p>
                </div>
            </div>
            
            <div class="info-box">
                <p>La détoxication devient alors plus facile, vous avez moins d'efforts à fournir, vous êtes en meilleure santé.</p>
            </div>
            
            <p><span class="emoji">🤾‍♂️</span> Ces aliments font partie du régime suivi par les plus grands joueurs de football, et de rugby, entre autres…</p>
            
            <div class="cta-box">
                <p><span class="emoji">👉</span> Spécialement élaboré pour vous, voici mon tableau regroupant les catégories d'aliments* qui freinent et optimisent votre santé et votre bien-être, que vous pouvez imprimer :</p>
                <a href="https://sonianutrition.com/wp-content/uploads/2025/05/Tableau-de-lequilibre-acido-basique-052025.pdf" class="download-btn">Télécharger le tableau acido-basique</a>
            </div>
            
            <p><span class="emoji">🔎</span> *Retrouvez plus de détails dans mes Ebooks Sonia Nutrition - Mes Conseils - Alimentation Saine, avec sa nouvelle version pour les végétariens : <a href="https://sonianutrition.com/livres/">Sonia Nutrition - Mes conseils - Alimentation Saine</a></p>
            
            <div class="info-box">
                <p><span class="emoji">🚀</span> Pour améliorer plus vite des troubles persistants, une prise en charge 100% personnalisée est indispensable <a href="https://sonianutrition.com/mes-prestations/#mes-programmes">(au choix : Programme Confort, Liberté, Premium)</a></p>
            </div>
            
            <div class="signature">
                <p><em><strong>Votre corps mérite le meilleur</strong></em></p>
                <p><strong>Sonia Nutrition</strong></p>
            </div>
        </article>
    </div>
</body>
</html>/* End custom CSS */