AF Conseils — Cabinet Comptable · Paie · Juridique
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
–navy: #0F2240;
–navy-mid: #1A3560;
–gold: #B8963E;
–gold-lt: #D4AF6A;
–off: #F7F5F1;
–border: #E2DDD6;
–muted: #6B6660;
}
body { font-family: ‘Georgia’, serif; background: white; color: var(–navy); line-height: 1.7; }
header { background: var(–navy); padding: 0.9rem 2.5rem; display: flex; align-items: center; justify-content: space-between; }
.logo-block { display: flex; align-items: center; gap: 12px; }
.logo-icon { width: 44px; height: 44px; border: 1.5px solid var(–gold); display: flex; align-items: center; justify-content: center; color: var(–gold); font-size: 13px; font-family: Arial, sans-serif; font-weight: bold; }
.logo-name { font-size: 1.1rem; color: white; letter-spacing: 0.06em; }
.logo-sub { font-family: Arial, sans-serif; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(–gold-lt); margin-top: 2px; }
.header-cta { display: flex; align-items: center; gap: 1.5rem; }
.hcta-label { font-family: Arial, sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.4); }
.hcta-num { font-family: Arial, sans-serif; font-size: 0.95rem; color: var(–gold-lt); font-weight: bold; }
.wa-pill { background: #25D366; color: white; font-family: Arial, sans-serif; font-size: 0.58rem; padding: 3px 9px; border-radius: 20px; }
.btn-header { background: var(–gold); color: var(–navy); border: none; font-family: Arial, sans-serif; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.7rem 1.5rem; cursor: pointer; text-decoration: none; display: inline-block; }
.hero { background: var(–navy); padding: 4rem 2.5rem; text-align: center; position: relative; overflow: hidden; }
.hero::before { content: »; position: absolute; inset: 0; background: repeating-linear-gradient(-55deg, transparent, transparent 25px, rgba(184,150,62,0.03) 25px, rgba(184,150,62,0.03) 26px); }
.hero-tag { display: inline-flex; font-family: Arial, sans-serif; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(–gold); border: 1px solid rgba(184,150,62,0.4); padding: 5px 16px; margin-bottom: 1.5rem; position: relative; }
.hero h1 { font-size: 2.5rem; font-weight: normal; color: white; line-height: 1.2; max-width: 680px; margin: 0 auto 1.2rem; position: relative; }
.hero h1 em { color: var(–gold-lt); font-style: normal; display: block; }
.hero-sub { font-family: Arial, sans-serif; font-size: 0.95rem; color: rgba(255,255,255,0.6); max-width: 540px; margin: 0 auto 2.5rem; line-height: 1.85; position: relative; }
.hero-btns { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; position: relative; }
.btn-gold { background: var(–gold); color: var(–navy); border: none; font-family: Arial, sans-serif; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 1rem 2.2rem; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-wa { background: #25D366; color: white; border: none; font-family: Arial, sans-serif; font-size: 0.78rem; text-transform: uppercase; padding: 1rem 2.2rem; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.offres { padding: 4rem 2.5rem; background: var(–off); }
.sec-tag { font-family: Arial, sans-serif; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(–gold); margin-bottom: 0.5rem; text-align: center; }
.sec-title { font-size: 1.7rem; font-weight: normal; color: var(–navy); text-align: center; margin-bottom: 0.5rem; }
.sec-rule { width: 40px; height: 2px; background: var(–gold); margin: 0 auto 2.5rem; }
.offres-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; background: var(–border); }
.offre-card { background: white; padding: 2.2rem 1.8rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; position: relative; }
.offre-card.featured { background: var(–navy); }
.badge-pop { position: absolute; top: -1px; right: 1.8rem; background: var(–gold); color: var(–navy); font-family: Arial, sans-serif; font-size: 0.6rem; text-transform: uppercase; padding: 4px 12px; }
.offre-icon { font-size: 26px; }
.offre-title { font-size: 1.05rem; font-weight: normal; color: var(–navy); }
.offre-card.featured .offre-title { color: white; }
.offre-price { display: flex; align-items: baseline; gap: 4px; margin: 0.3rem 0; flex-wrap: wrap; }
.price-from { font-family: Arial, sans-serif; font-size: 0.7rem; color: var(–muted); text-transform: uppercase; }
.offre-card.featured .price-from { color: rgba(255,255,255,0.5); }
.price-amount { font-size: 2.4rem; color: var(–gold); line-height: 1; }
.price-unit { font-family: Arial, sans-serif; font-size: 0.75rem; color: var(–muted); }
.offre-card.featured .price-unit { color: rgba(255,255,255,0.5); }
.offre-desc { font-family: Arial, sans-serif; font-size: 0.8rem; color: var(–muted); line-height: 1.75; }
.offre-card.featured .offre-desc { color: rgba(255,255,255,0.65); }
.offre-items { list-style: none; display: flex; flex-direction: column; gap: 5px; width: 100%; margin-top: 0.4rem; }
.offre-items li { font-family: Arial, sans-serif; font-size: 0.76rem; color: var(–muted); padding-left: 1.1rem; position: relative; line-height: 1.5; }
.offre-card.featured .offre-items li { color: rgba(255,255,255,0.7); }
.offre-items li::before { content: ‘✓’; position: absolute; left: 0; color: var(–gold); }
.offre-cta { margin-top: auto; padding-top: 1.2rem; border-top: 1px solid var(–border); width: 100%; }
.offre-card.featured .offre-cta { border-top-color: rgba(255,255,255,0.1); }
.btn-offre { width: 100%; background: transparent; color: var(–navy); border: 1px solid var(–border); font-family: Arial, sans-serif; font-size: 0.72rem; text-transform: uppercase; padding: 0.75rem; cursor: pointer; }
.btn-offre-gold { width: 100%; background: var(–gold); color: var(–navy); border: none; font-family: Arial, sans-serif; font-size: 0.72rem; text-transform: uppercase; padding: 0.75rem; cursor: pointer; }
.accomp { background: var(–navy); padding: 4rem 2.5rem; }
.accomp-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.accomp-left h2 { font-size: 1.7rem; font-weight: normal; color: white; }
.accomp-left h2 em { color: var(–gold-lt); font-style: normal; }
.accomp-rule { width: 36px; height: 2px; background: var(–gold); margin: 0.8rem 0 1.2rem; }
.accomp-left p { font-family: Arial, sans-serif; font-size: 0.85rem; color: rgba(255,255,255,0.6); line-height: 1.85; margin-bottom: 1.8rem; }
.etapes { display: flex; flex-direction: column; gap: 1rem; }
.etape { display: flex; gap: 1rem; align-items: flex-start; }
.etape-dot { width: 28px; height: 28px; border-radius: 50%; background: var(–gold); display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 0.72rem; color: var(–navy); font-weight: bold; flex-shrink: 0; margin-top: 2px; }
.etape-text h4 { font-family: Arial, sans-serif; font-size: 0.85rem; color: white; font-weight: bold; margin-bottom: 2px; }
.etape-text p { font-family: Arial, sans-serif; font-size: 0.76rem; color: rgba(255,255,255,0.5); line-height: 1.6; }
.accomp-right { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); padding: 2rem; }
.accomp-right h3 { font-size: 1.1rem; font-weight: normal; color: white; margin-bottom: 1.5rem; text-align: center; }
.form-row { margin-bottom: 0.9rem; }
.form-row label { font-family: Arial, sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.4); display: block; margin-bottom: 5px; }
.form-row input, .form-row select { width: 100%; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.15); color: white; font-family: Arial, sans-serif; font-size: 0.82rem; padding: 0.65rem 0.9rem; outline: none; }
.form-row select option { background: var(–navy); }
.btn-submit-gold { width: 100%; background: var(–gold); color: var(–navy); border: none; font-family: Arial, sans-serif; font-size: 0.75rem; text-transform: uppercase; padding: 0.9rem; cursor: pointer; margin-top: 0.5rem; }
.form-note { font-family: Arial, sans-serif; font-size: 0.67rem; color: rgba(255,255,255,0.3); text-align: center; margin-top: 0.8rem; }
.contact-strip { background: var(–gold); padding: 2rem 2.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }
.cs-text h3 { font-size: 1.2rem; font-weight: normal; color: var(–navy); }
.cs-text p { font-family: Arial, sans-serif; font-size: 0.8rem; color: var(–navy-mid); margin-top: 2px; }
.cs-actions { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.btn-navy { background: var(–navy); color: white; border: none; font-family: Arial, sans-serif; font-size: 0.72rem; text-transform: uppercase; padding: 0.85rem 1.8rem; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-wa2 { background: #25D366; color: white; border: none; font-family: Arial, sans-serif; font-size: 0.72rem; text-transform: uppercase; padding: 0.85rem 1.8rem; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.cs-coords { font-family: Arial, sans-serif; font-size: 0.78rem; color: var(–navy-mid); line-height: 1.8; }
footer { background: var(–navy); padding: 1.1rem 2.5rem; display: flex; justify-content: space-between; align-items: center; }
footer span { color: rgba(255,255,255,0.3); font-family: Arial, sans-serif; font-size: 0.67rem; }
@media (max-width: 768px) {
header { flex-direction: column; gap: 1rem; text-align: center; padding: 1rem; }
.hero { padding: 2.5rem 1.2rem; }
.hero h1 { font-size: 1.7rem; }
.offres { padding: 2.5rem 1.2rem; }
.offres-grid { grid-template-columns: 1fr; }
.accomp { padding: 2.5rem 1.2rem; }
.accomp-inner { grid-template-columns: 1fr; gap: 2rem; }
.contact-strip { flex-direction: column; padding: 1.5rem 1.2rem; }
footer { flex-direction: column; gap: 0.5rem; text-align: center; padding: 1rem; }
}
AF
AF Conseils
Cabinet comptable · Paie · Juridique
Cabinet comptable · Paie · Juridique
Votre comptabilité, votre paie,votre juridique — on s’occupe de tout.
AF Conseils vous accompagne de A à Z dans la gestion de votre entreprise. Des offres claires, des tarifs accessibles, un interlocuteur disponible même sur WhatsApp.
Nos offres
Des tarifs clairs, sans surprise
🏢
Création de société
À partir de 399€
On crée votre société de A à Z, rapidement et sans stress. SARL, SAS, EURL, micro-entreprise…
Choix de la forme juridique adaptée
Rédaction des statuts
Immatriculation au registre du commerce
Ouverture du compte professionnel
Accompagnement post-création
Le plus demandé
🧮
Tenue de comptabilité
À partir de 99€ / mois
Tenue complète de votre comptabilité, bilan annuel, déclarations fiscales et tableau de bord mensuel.
Saisie comptable mensuelle
Déclarations de TVA
Bilan & liasse fiscale
Tableau de bord & reporting
Conseil fiscal inclus
📋
Gestion de la paie
À partir de 15€ / bulletin
Externalisation complète de votre paie. Bulletins, déclarations sociales et suivi des obligations légales.
Bulletins de salaire
Déclarations sociales (DSN)
Gestion des congés & absences
Ruptures & soldes de tout compte
Veille conventionnelle incluse
© 2026 AF Conseils · Tous droits réservés
afconseils.sas@gmail.com · 06.60.03.50.28
function envoyerWhatsApp() {
const nom = document.getElementById(‘nom’).value || ‘Non renseigné’;
const tel = document.getElementById(‘tel’).value || ‘Non renseigné’;
const besoin = document.getElementById(‘besoin’).value;
const profil = document.getElementById(‘profil’).value;
const msg = `Bonjour AF Conseils, je souhaite un devis gratuit.\n\nNom : ${nom}\nTéléphone : ${tel}\nBesoin : ${besoin}\nProfil : ${profil}`;
window.open(‘https://wa.me/33660035028?text=’ + encodeURIComponent(msg), ‘_blank’);
}
AF CONSEILS 