Archive de l'auteur: g@r@dmin

/* ========================= INTENZAUTO — HERO ACCUEIL (modern UX) Scopé pour éviter tout conflit thème/Elementor ========================= */ .intenz-hero{ /* Thème couleur */ --accent:#E53935; /* Rouge principal */ --accent-ink:#fff; /* Texte sur rouge */ --accent-hover:#C62828; /* Rouge hover */ --ink:#0B1020; /* Texte principal (très lisible) */ --muted:#5A6473; /* Texte secondaire */ --card:#ffffff; --line:rgba(229,57,53,.18); /* Lignes/anneaux légers */ --ring:rgba(12,18,34,.06); /* Ombres légères */ background: radial-gradient(1200px 500px at 85% -10%, rgba(229,57,53,.06), transparent 60%), #fff; padding:clamp(2rem,4vw,5rem) 1rem; position:relative; overflow:clip; } /* Blob décoratif doux (non essentiel, caché en reduce-motion) */ .intenz-hero::before{ content:""; position:absolute; inset:auto -20% -30% -20%; height:420px; filter:blur(60px); opacity:.25; pointer-events:none; background:radial-gradient(closest-side, rgba(229,57,53,.25), transparent 60%); transform:translateY(0); animation:float 12s ease-in-out infinite alternate; } @media (prefers-reduced-motion:reduce){ .intenz-hero::before{display:none} } @keyframes float{to{transform:translateY(18px)}} .intenz-hero .wrap{ max-width:1200px; margin:0 auto; display:grid; gap [...]

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Nam sollicitudin neque eu nibh pharetra mollis mauris in nisi rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh libero, consequat sit amet nisl vitae, suscipit gravida mi. Nam auctor viverra sodales. Quisque posuere tincidunt convallis. Ut viverra neque non diam tempor, id tincidunt mauris cursus. Donec suscipit mattis viverra. Cras sit amet odio sit amet dui aliquam tempus a ultrices felis. Proin sed imperdiet ipsum, ultrices posuere leo.

Duis facilisis dapibus enim, ac venenatis nibh mattis in. Cras eu condimentum lacu [...]

/* ========= INTENZAUTO — FAQ PREMIUM ========= */ .faq-intenz{ --accent:#E53935; /* Rouge Intenz */ --accent-2:#C62828; --ink:#0F172A; /* Texte fort */ --muted:#5A6473; /* Texte secondaire */ --line:#E9EEF5; /* Traits clairs */ --bg:#ffffff; /* Fond cartes */ --chip:#F6F7FB; /* Badges */ --ring:rgba(15,23,42,.10); /* Ombre douce */ background:linear-gradient(180deg,#fafbff 0%, #fff 100%); padding:clamp(2rem,4vw,4rem) 1rem; font:400 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; color:var(--ink); } .faq-intenz .wrap{max-width:1100px;margin:0 auto;display:grid;gap:1.25rem} /* Hero */ .faq-hero{display:grid;gap:.75rem;margin-bottom:.25rem} #faq-title{font-weight:900;letter-spacing:-.015em;font-size:clamp(1.8rem,3.5vw,2.4rem);margin:0} .faq-sub{color:var(--muted);margin:0;font-size:clamp(1.02rem,1.6vw,1.15rem)} .faq-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.5rem} /* Barre de recherche */ .faq-search{ position:relative;flex:1 1 380px } .faq-search input{ width:100%;appearance:none;border:1px solid var(--line);background:#fff; padding:.9rem 2.6rem .9rem 2.6rem;border-radius:.9rem;box-shadow:0 10px 30px var(--ring); font-weight:600;letter-spacing:.005em;color:var(--ink);out [...]

/* ===== INTENZAUTO — A propos (section 1) ===== */ .ap-about{ --accent:#E53935; --accent-2:#C62828; --ink:#0F172A; --muted:#5A6473; --line:#E9EEF5; --chip:#F6F7FB; --ring:rgba(12,18,34,.08); font:400 16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--ink); padding:clamp(18px,3vw,34px) 12px; background:linear-gradient(180deg,#fff 0%, #FAFBFF 100%); } .ap-wrap{max-width:1120px;margin:0 auto;display:grid;gap:clamp(16px,2vw,22px)} /* Bandeau d'intro */ .ap-intro{ display:grid; gap:.55rem; padding:clamp(14px,2.4vw,18px) clamp(16px,2.6vw,22px); background:#E7F3F6; border:1px solid #D7E7EC; border-radius:14px; box-shadow:0 12px 28px var(--ring); } .ap-intro .ap-eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:#0B4B66; background:#fff; border:1px solid #D7E7EC; border-radius:999px; padding:.28rem .6rem; width:max-content } .ap-intro h2{ margin:0; font-weight:900; letter-spacing:-.01em; line-height:1.25; font-size:clamp(1.08rem,2.1vw,1.35rem); color:#0B4B66 } .ap-intro p{margin:0; color:#0B4B66; opacity:.9} /* Grille Mission / Valeurs */ .ap-grid{ display:grid; gap:clamp(16px,2.4vw,24px); grid-template-columns:1.25fr .9fr; } @medi [...]