.template30 { width: 100%; background: #110a4a; } .template30_cta { display: flex; justify-content: center; align-items: center; padding: 100px 20px; background: #110a4a; border-radius: var(--border-radius); border: none; max-width: 1200px; margin: auto; } .template30_cta_content { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 800px; width: 100%; } .template30_cta_content h2 { font-size: 2.5rem; margin: 0 0 14px 0; line-height: 1.2; color: #fff; font-weight: 700; } .template30_cta_content p { font-size: 1rem; margin: 0; line-height: 1.7; max-width: 90%; color: rgba(255,255,255,0.7); } .template30_cta_action { display: flex; flex-direction: row; gap: 16px; margin-top: 36px; justify-content: center; } .template30_btn_primary { display: inline-block; padding: 14px 36px; background-color: var(--second-color); color: #fff; text-decoration: none; border-radius: var(--border-radius); font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; text-align: center; } .template30_btn_primary:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.25); color: #fff; } .template30_btn_secondary { display: inline-block; padding: 14px 36px; background-color: transparent; color: rgb(255 255 255 / 83%); text-decoration: none; border-radius: var(--border-radius); border: 1px solid rgba(255,255,255,0.2); font-size: 1rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; text-align: center; } .template30_btn_secondary:hover { background-color: rgba(255,255,255,0.08); color: #fff; border-color: rgba(255,255,255,0.4); } @media (max-width: 768px) { .template30_cta { padding: 60px 25px; } .template30_cta_content h2 { font-size: 2rem; } .template30_cta_action { flex-direction: column; width: 100%; } .template30_btn_primary, .template30_btn_secondary { width: 100%; } }
.banderole-wrapper { width: 100%; display: flex; flex-direction: column; gap: 25px; padding: 70px 0px; } .banderole-header { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; } .banderole-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--second-color); } .banderole-header h2 { font-size: 2.5rem; font-weight: 800; margin: 0; line-height: 1.2; color: #0d0f1a; } .banderole-infinie { width: 100%; height: 110px; overflow: hidden; position: relative; border-radius: var(--border-radius); } .banderole-infinie .contenu-partenaires { display: inline-flex; white-space: nowrap; align-items: center; height: 100%; animation: defilement-partenaires 60s linear infinite; } .banderole-infinie .logo-partenaire { height: 80px; width: auto; margin: 0 20px; object-fit: contain; background-color: #f2f3ff; padding: 18px 35px; border-radius: var(--border-radius); filter: none; flex-shrink: 0; } @keyframes defilement-partenaires { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media (max-width: 1024px) { .banderole-infinie { height: 100px; border-radius: var(--border-radius); } .banderole-header h2 { font-size: 2rem; } .banderole-wrapper { gap: 3px; padding: 40px 0px 30px; } .banderole-infinie .logo-partenaire { height: 62px; margin: 0 10px; padding: 10px 15px; flex-shrink: 0; } }
.agence_valeurs { padding: 70px 0px 80px; width: 100%; display: flex; flex-direction: column; gap: 40px; } .agence_valeurs__header { display: flex; flex-direction: column; gap: 12px; } .agence_valeurs__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--second-color); display: flex; align-items: center; gap: 10px; } .agence_valeurs__eyebrow::before { content: ''; width: 20px; height: 2px; background: var(--second-color); border-radius: 2px; display: inline-block; } .agence_valeurs__header h2 { font-size: 2.5rem; font-weight: 800; margin: 0; line-height: 1.2; text-align: center; } .agence_valeurs__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .agence_valeurs__card { background: #f7f8fc; border: 1px solid #e4e7f2; border-radius: var(--border-radius); padding: 28px 24px; display: flex; flex-direction: column; gap: 12px; } .agence_valeurs__icon { width: 44px; height: 44px; background: var(--second-color); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; } .agence_valeurs__icon i { color: white; font-size: 1rem; } .agence_valeurs__card-title { font-size: 1rem; font-weight: 800; color: #0d0f1a; } .agence_valeurs__card p { margin: 0; font-size: 0.90rem; color: #4a4c51; line-height: 1.7; } @media (max-width: 768px) { .agence_valeurs {padding: 30px 0px 40px;} .agence_valeurs__header h2 {font-size: 1.8rem;} .agence_valeurs__grid { grid-template-columns: 1fr; } }