Comment s’habiller au Bénin : le guide complet

/* ── COULEURS WA AFRICA ── Orange : #FF3A04 Bleu foncé: #08415C Bleu clair: #35D0FF Vert : #61CE70 Jaune : #FDC500 Violet : #652F95 */ .wa { font-family: Arial, sans-serif; color: #222; max-width: 860px; margin: 0 auto; line-height: 1.8; } .wa p { font-size: 1rem; margin-bottom: 1.4em; color: #333; } .wa strong { color: #08415C; } /* ── HERO ── */ .wa-hero { background: linear-gradient(135deg, #08415C 0%, #0a5a80 100%); border-radius: 14px; padding: 48px 40px; margin-bottom: 40px; position: relative; overflow: hidden; } .wa-hero::before { content:  »; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; border-radius: 50%; background: rgba(53,208,255,0.12); } .wa-hero::after { content:  »; position: absolute; bottom: -40px; left: -40px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,58,4,0.1); } .wa-hero .wa-tag { display: inline-block; background: rgba(255,58,4,0.25); border: 1px solid rgba(255,58,4,0.5); color: #FF3A04; border-radius: 20px; padding: 4px 14px; font-size: 0.78rem; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 18px; font-weight: 700; } .wa-hero h1 { color: #fff !important; font-size: 2rem; font-weight: 800; margin: 0 0 16px 0; line-height: 1.25; } .wa-hero p { color: rgba(255,255,255,0.85) !important; font-size: 1.05rem; margin: 0; } /* ── LIENS INTRO ── */ .wa-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 32px; } .wa-link-pill { display: inline-block; background: #eaf6fd; border: 1px solid #35D0FF; color: #08415C !important; text-decoration: none !important; border-radius: 20px; padding: 6px 16px; font-size: 0.88rem; font-weight: 600; } .wa-link-pill:hover { background: #35D0FF; color: #fff !important; } /* ── TITRES ── */ .wa h2 { color: #08415C !important; font-size: 1.55rem; font-weight: 800; border-left: 5px solid #FF3A04; padding-left: 14px; margin: 50px 0 18px; line-height: 1.3; } .wa h3 { color: #08415C !important; font-size: 1.15rem; font-weight: 700; margin: 32px 0 12px; } /* ── SÉPARATEUR ── */ .wa-sep { border: none; border-top: 1px solid #d0eaf5; margin: 40px 0; } /* ── TABLEAU SAISONS ── */ .wa-table { width: 100%; border-collapse: collapse; margin: 18px 0 32px; font-size: 0.93rem; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 14px rgba(8,65,92,0.1); } .wa-table thead tr { background: #08415C; } .wa-table thead th { color: #fff; padding: 13px 16px; text-align: left; font-weight: 700; font-size: 0.9rem; } .wa-table tbody tr:nth-child(even) { background: #eaf6fd; } .wa-table tbody tr:nth-child(odd) { background: #fff; } .wa-table td { padding: 11px 16px; vertical-align: top; border-bottom: 1px solid #d0eaf5; color: #333; } .wa-table td strong { color: #08415C; } /* ── MATIÈRES GRID ── */ .wa-matieres { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0 30px; } .wa-matiere-ok { background: #f0faf1; border: 1px solid #61CE70; border-top: 4px solid #61CE70; border-radius: 10px; padding: 18px 20px; } .wa-matiere-ok h4 { color: #2a7a35 !important; margin: 0 0 10px; font-size: 0.97rem; } .wa-matiere-nok { background: #fff5f0; border: 1px solid #FF3A04; border-top: 4px solid #FF3A04; border-radius: 10px; padding: 18px 20px; } .wa-matiere-nok h4 { color: #c02a00 !important; margin: 0 0 10px; font-size: 0.97rem; } /* ── ALERTE MOUSTIQUES ── */ .wa-alert { background: #fffbea; border: 1px solid #FDC500; border-left: 5px solid #FDC500; border-radius: 10px; padding: 20px 24px; margin: 24px 0; } .wa-alert strong { color: #7a5c00; font-size: 1rem; display: block; margin-bottom: 6px; } .wa-alert p { color: #5a4400; margin: 0; font-size: 0.95rem; } /* ── CONSEIL WA AFRICA ── */ .wa-conseil { background: #f0f4ff; border: 1px solid #35D0FF; border-left: 5px solid #35D0FF; border-radius: 10px; padding: 18px 22px; margin: 20px 0; font-style: italic; font-size: 0.95rem; color: #08415C; } .wa-conseil::before { content: ‘💡 Conseil Wa Africa : ‘; font-weight: 700; font-style: normal; color: #08415C; } /* ── CHECKLIST ── */ .wa-check { list-style: none; padding: 0; margin: 14px 0 24px; } .wa-check li { padding: 9px 0 9px 34px; position: relative; border-bottom: 1px solid #eef5f8; font-size: 0.97rem; color: #333; } .wa-check li:last-child { border-bottom: none; } .wa-check li::before { content: ‘✓’; position: absolute; left: 0; color: #61CE70; font-weight: 900; font-size: 1.1rem; } /* ── VALISE CAPSULE ── */ .wa-valise { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 22px 0; } .wa-valise-bloc { background: #fff; border: 1px solid #d0eaf5; border-top: 4px solid #08415C; border-radius: 10px; padding: 16px 18px; } .wa-valise-bloc h4 { color: #08415C !important; margin: 0 0 10px; font-size: 0.95rem; font-weight: 700; } .wa-valise-bloc ul { list-style: none; padding: 0; margin: 0; } .wa-valise-bloc ul li { font-size: 0.87rem; color: #444; padding: 5px 0 5px 18px; position: relative; border-bottom: 1px solid #eef5f8; } .wa-valise-bloc ul li:last-child { border-bottom: none; } .wa-valise-bloc ul li::before { content: ‘→’; position: absolute; left: 0; color: #35D0FF; font-weight: bold; } /* ── FAQ ── */ .wa-faq { margin: 0 0 12px; } .wa-faq-q { background: #eaf6fd; border: 1px solid #35D0FF; border-radius: 8px 8px 0 0; padding: 15px 20px; font-weight: 700; color: #08415C; font-size: 0.96rem; } .wa-faq-a { background: #fff; border: 1px solid #35D0FF; border-top: none; border-radius: 0 0 8px 8px; padding: 15px 20px; font-size: 0.94rem; color: #333; line-height: 1.7; } /* ── CTA ── */ .wa-cta { background: #08415C; border-radius: 12px; padding: 36px 32px; text-align: center; margin: 38px 0; } .wa-cta strong { color: #fff; font-size: 1.25rem; display: block; margin-bottom: 10px; } .wa-cta p { color: rgba(255,255,255,0.82) !important; margin: 0 0 22px; font-size: 1rem; } .wa-btn { display: inline-block; background: #FF3A04; color: #fff !important; text-decoration: none !important; font-weight: 700; padding: 14px 30px; border-radius: 50px; font-size: 0.97rem; margin: 5px; } .wa-btn:hover { background: #d42e00; } .wa-btn.ghost { background: transparent; border: 2px solid rgba(255,255,255,0.55); color: #fff !important; } /* ── ENCADRÉ CULTUREL VIOLET ── */ .wa-culture { background: #f8f0ff; border: 1px solid #652F95; border-left: 5px solid #652F95; border-radius: 10px; padding: 22px 26px; margin: 24px 0; } .wa-culture h3 { color: #652F95 !important; margin-top: 0; } .wa-culture ul { list-style: none; padding: 0; margin: 10px 0 0; } .wa-culture ul li { padding: 7px 0 7px 24px; position: relative; color: #333; font-size: 0.95rem; border-bottom: 1px solid #e0ccf5; } .wa-culture ul li:last-child { border-bottom: none; } .wa-culture ul li::before { content: ‘◆’; position: absolute; left: 0; color: #652F95; font-size: 0.75rem; top: 10px; } /* ── RESPONSIVE ── */ @media (max-width: 620px) { .wa-hero { padding: 30px 20px; } .wa-hero h1 { font-size: 1.5rem; } .wa-matieres, .wa-valise { grid-template-columns: 1fr; } .wa h2 { font-size: 1.3rem; } .wa-cta { padding: 26px 18px; } .wa-table { font-size: 0.85rem; } .wa-table td, .wa-table th { padding: 9px 10px; } }
À propos de l'auteur
Sur le même sujet
Quatre jeunes femmes afro-descendantes, élégantes et complices, partagent un déjeuner convivial sur une terrasse chic d'Abidjan, en Côte d'Ivoire. En arrière-plan, une vue panoramique sur la lagune Ébrié et le paysage urbain moderne du Plateau. Elles sont entourées de plats de gastronomie ivoirienne, de fruits tropicaux et d'un appareil photo.
Voyager en Côte d’Ivoire

Week-end à Abidjan entre amies : le guide complet

Abidjan s’impose comme l’une des destinations les plus attractives d’Afrique de l’Ouest pour les courts séjours. Restaurants tendance, hôtels récents, vie nocturne animée : la