/* DESIGN CORE v1.1 - Clean Authority */
* { box-sizing: border-box; }
body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
    line-height: 1.6; color: #333; margin: 0; background: #f0f2f5; 
}

.container { 
    max-width: 1100px; margin: 30px auto; display: grid; 
    grid-template-columns: 2fr 1fr; gap: 40px; padding: 0 20px; 
}

/* HEADER STYLE */
header { background: #1a2a3a; color: white; padding: 60px 20px; text-align: center; }
.header-wrap h1 { margin: 0; font-size: 2.5rem; font-weight: 800; }

/* ARTICLE PRINCIPAL */
.content { 
    background: white; padding: 40px; border-radius: 12px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
}
.body-text { font-size: 1.1rem; color: #444; }

/* BOUTONS DE PARTAGE */
.share-box { 
    margin-top: 50px; padding-top: 20px; border-top: 1px dashed #ddd; 
}
.share-txt { font-weight: bold; font-size: 0.8rem; text-transform: uppercase; color: #999; margin-right: 15px; }
.social-btn { 
    display: inline-block; padding: 5px 12px; border-radius: 4px; 
    text-decoration: none; color: white; font-size: 0.8rem; font-weight: bold; margin-right: 5px;
}
.fb { background: #3b5998; } .tw { background: #000; } .in { background: #0077b5; }

/* SIDEBAR & WIDGETS */
.widget { 
    background: white; padding: 25px; border-radius: 12px; 
    margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
}
.widget-title { margin-top: 0; font-size: 1.2rem; border-left: 4px solid #e74c3c; padding-left: 15px; }

/* APPEL À L'ACTION (CTA) */
.highlight { background: #e74c3c; color: white; text-align: center; }
.highlight .widget-title { color: white; border: none; padding: 0; }
.cta-button { 
    display: block; background: white; color: #e74c3c; padding: 15px; 
    text-decoration: none; font-weight: 800; border-radius: 6px; margin-top: 15px;
    transition: transform 0.2s;
}
.cta-button:hover { transform: scale(1.03); }

/* VIDÉO */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* FOOTER */
footer { text-align: center; padding: 40px 20px; color: #888; font-size: 0.9rem; }
footer a { color: #e74c3c; text-decoration: none; }

@media (max-width: 850px) { .container { grid-template-columns: 1fr; } }