Le divan des Séries #23

Le Divan des Séries #23 * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #f2f0eb; font-family: Arial, sans-serif; font-size: 15px; color: #000000; line-height: 1.7; } .email-wrapper { max-width: 620px; margin: 0 auto; background: #ffffff; overflow: hidden; } .rubrique-header { background: #306366; padding: 18px 40px; display: flex; align-items: center; gap: 16px; margin-top: 0; } .rubrique-numero { font-family: « Antonio », sans-serif; font-size: 42px; font-weight: 700; color: #ddca25; line-height: 1; opacity: 0.9; } .rubrique-info { flex: 1; } .rubrique-label { font-family: « League Spartan », sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 2px; } .rubrique-titre { font-family: « Antonio », sans-serif; font-size: 22px; color: #ffffff; line-height: 1.1; text-transform: uppercase; } .rubrique-sous { font-family: « Source Serif 4 », serif; font-size: 13px; font-style: italic; color: #ddca25; margin-top: 2px; } .rubrique-corps { padding: 28px 40px 48px; border-bottom: none; background: #ffffff; margin-bottom: 32px; } .rubrique-corps p { font-size: 15px; line-height: 1.8; color: #222; margin-bottom: 14px; text-align: justify; } .rubrique-corps p:last-child { margin-bottom: 0; } .concept-box { background: #306366; padding: 20px 24px; margin: 20px 0; } .concept-box p { font-family: « Source Serif 4 », serif; font-size: 15px; font-style: italic; color: #ffffff !important; line-height: 1.7; margin: 0 !important; } .concept-box p + p { margin-top: 14px !important; } .concept-box strong { color: #ddca25; font-style: normal; } .points-cles { background: #f7f5f0; padding: 20px 24px; margin: 20px 0; } .points-titre { font-family: « League Spartan », sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #ddca25; margin-bottom: 14px; } .point-item { display: flex; gap: 12px; margin-bottom: 12px; align-items: flex-start; } .point-item:last-child { margin-bottom: 0; } .point-puce { width: 20px; height: 20px; background: #ddca25; border-radius: 50%; flex-shrink: 0; margin-top: 2px; } .point-texte { font-size: 14px; color: #333; line-height: 1.65; } .point-texte strong { color: #306366; } .question-forte { border-left: 4px solid #ddca25; padding: 14px 20px; margin: 20px 0; background: #ffffff; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .question-forte p { font-family: « Source Serif 4 », serif; font-style: italic; font-size: 16px; color: #306366 !important; margin: 0 !important; font-weight: 600; } .sep { height: 3px; background: #ddca25; display: block; width: 100%; } @media only screen and (max-width: 620px) { body { background-color: #ffffff !important; } .email-wrapper { width: 100% !important; max-width: 100% !important; } /* Hero */ .hero-text-cell { padding: 32px 20px 20px !important; width: 100% !important; } .hero-name { font-size: 12px !important; } .hero-brand { font-size: 26px !important; } .hero-tagline { font-size: 13px !important; } /* Bandeau photo */ .bandeau-photo { margin: 0 !important; padding: 14px 20px !important; } .bandeau-photo img { margin-left: 0 !important; } /* Titre NL */ .titre-nl { padding: 16px 20px 4px !important; } .titre-nl-filet { margin: 0 20px !important; } /* Intro & corps */ .intro-block { padding: 16px 20px 24px !important; } .rubrique-corps { padding: 20px 20px 32px !important; } /* Rubriques header */ .rubrique-header { padding: 14px 20px !important; } .rubrique-numero { font-size: 32px !important; } .rubrique-titre { font-size: 18px !important; } /* Blocs exergue */ .concept-box { padding: 16px 18px !important; margin: 16px 0 !important; } .concept-box p { font-size: 14px !important; } .points-cles { padding: 16px 18px !important; } .question-forte { padding: 12px 16px !important; } .question-forte p { font-size: 14px !important; } /* CTA */ .cta-block { padding: 24px 20px !important; } .cta-inner { padding: 18px 16px !important; } /* Footer */ .footer-outer { padding: 20px !important; } .footer-inner { padding: 20px 16px !important; } .footer-coords { padding: 12px 14px !important; font-size: 12px !important; } }

Posted

in

by

Tags:

Comments

Laisser un commentaire