/* SCOPED COMPARE HUB PAGE STYLES – Analyste du marché Style */
.scv-compare-hub {
background-color: #0f172a;
color: #e2e8f0;
font-family: « Poppins », sans-serif;
line-height: 1.6;
overflow-x: hidden;
–teal: #268599;
–teal-light: #618480;
–coral: #e8885e;
–navy: #0f172a;
–navy-card: #1e293b;
–border: rgba(255, 255, 255, 0.1);
}
.scv-compare-hub h1,
.scv-compare-hub h2,
.scv-compare-hub h3,
.scv-compare-hub h4 {
color: #ffffff !important;
font-family: « Playfair Display », serif;
margin-top: 0;
}
.scv-compare-hub p,
.scv-compare-hub li {
color: #cbd5e1 !important;
margin-bottom: 24px;
}
.scv-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
/* HERO SECTION */
.scv-compare-hero {
padding: 100px 0 80px;
text-align: center;
background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 70%);
position: relative;
}
.scv-compare-hero::before {
content: « »;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
linear-gradient(rgba(38, 133, 153, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(38, 133, 153, 0.1) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
}
.scv-badge-compare {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
padding: 6px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.scv-compare-hero h1 {
font-size: clamp(38px, 5vw, 60px);
line-height: 1.1;
margin-bottom: 24px;
}
.scv-text-highlight {
color: var(–teal-light) !important;
position: relative;
display: inline-block;
}
.scv-text-highlight::after {
content: « »;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: rgba(38, 133, 153, 0.3);
z-index: -1;
transform: rotate(-2deg);
}
.scv-compare-hero p {
font-size: 18px;
max-width: 700px;
margin: 0 auto 40px;
}
/* CTA BUTTON */
.btn-compare {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 50%, var(–coral) 100%);
color: white !important;
padding: 16px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(38, 133, 153, 0.3);
}
.btn-compare:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(38, 133, 153, 0.4);
color: white !important;
}
/* STATS BAR */
.stats-bar {
display: flex;
justify-content: center;
gap: 60px;
margin: 60px 0;
padding: 30px;
background: var(–navy-card);
border-radius: 16px;
border: 1px solid var(–border);
flex-wrap: wrap;
}
.stat-item {
text-align: center;
}
.stat-num {
font-size: 36px;
font-weight: 700;
color: var(–teal-light) !important;
display: block;
line-height: 1;
}
.stat-label {
font-size: 14px;
color: #94a3b8 !important;
margin-top: 5px;
}
/* COMPARISON CARDS GRID */
.compare-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin: 60px 0;
}
.compare-card {
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 16px;
padding: 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.compare-card:hover {
transform: translateY(-5px);
border-color: rgba(38, 133, 153, 0.5);
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.compare-card::before {
content: « »;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, var(–teal) 0%, var(–coral) 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.compare-card:hover::before {
opacity: 1;
}
.compare-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.compare-logos {
display: flex;
align-items: center;
}
.logo-box {
width: 50px;
height: 50px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: white;
}
.logo-scv {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
z-index: 2;
}
.logo-competitor {
background: #64748b;
margin-left: -15px;
z-index: 1;
}
.vs-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(–coral);
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.compare-title {
font-size: 18px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 5px;
font-family: « Poppins », sans-serif;
}
.compare-subtitle {
font-size: 13px;
color: #94a3b8 !important;
}
.compare-highlights {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.highlight-tag {
font-size: 11px;
padding: 4px 10px;
border-radius: 20px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.compare-cta {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(–teal-light) !important;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: color 0.3s ease;
}
.compare-cta:hover {
color: var(–coral) !important;
}
/* WHY COMPARE SECTION */
.why-compare {
padding: 80px 0;
background: rgba(255,255,255,0.02);
margin: 60px 0;
border-radius: 20px;
}
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}
.why-card {
text-align: center;
padding: 30px;
}
.why-icon {
width: 60px;
height: 60px;
background: rgba(38, 133, 153, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
color: var(–teal-light);
}
.why-card h3 {
font-size: 18px;
margin-bottom: 10px;
font-family: « Poppins », sans-serif;
}
/* POPULAR COMPARISONS */
.popular-section {
margin: 80px 0;
}
.popular-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.popular-item {
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
}
.popular-item:hover {
border-color: var(–teal);
transform: translateX(5px);
}
.popular-num {
width: 32px;
height: 32px;
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: white;
flex-shrink: 0;
}
.popular-text {
flex: 1;
}
.popular-title {
font-size: 15px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 2px;
}
.popular-views {
font-size: 12px;
color: #94a3b8 !important;
}
.popular-arrow {
color: var(–teal-light);
transition: transform 0.3s ease;
}
.popular-item:hover .popular-arrow {
transform: translateX(5px);
}
/* FAQ */
.compare-faq {
background: rgba(255,255,255,0.02);
border-radius: 20px;
padding: 40px;
margin: 80px 0;
border: 1px solid rgba(255,255,255,0.05);
}
/* FINAL CTA */
.final-cta-section {
text-align: center;
padding: 80px 0;
background: radial-gradient(circle at 50% 100%, #1e293b 0%, #0f172a 70%);
border-radius: 20px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.stats-bar { flex-direction: column; gap: 30px; }
.compare-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr; }
.popular-list { grid-template-columns: 1fr; }
}
🔍 Centre de comparaison
Trouvez votre créateur de CV idéal
Comparaisons honnêtes et détaillées pour vous aider à choisir le meilleur créateur de CV selon vos besoins. Découvrez comment StylingCV se positionne face à la concurrence.
Essayez StylingCV gratuitement
15+
Créateurs comparés
50+
Fonctionnalités analysées
100K+
Utilisateurs aidés
2026
Mise à jour
Comparaisons en face à face
Score ATS
Modèles
Tarifs
Comparez les fonctionnalités, modèles et tarifs entre deux créateurs de CV populaires.
Lire la comparaison complète
Design
ATS
Facilité d’utilisation
Beau design ou succès à l’embauche : qu’est-ce qui compte le plus pour votre CV ?
Lire la comparaison complète
Rédaction IA
Coût
Support
Deux créateurs riches en fonctionnalités : découvrez lequel offre le meilleur rapport qualité/prix pour les chercheurs d’emploi.
Lire la comparaison complète
Modèles
Export
Fonctionnalités
Les deux proposent des modèles modernes : voyez lequel se démarque en fonctionnalités et valeur.
Lire la comparaison complète
Pourquoi nos comparaisons comptent
🔎
Analyse impartiale
Nous testons chaque fonctionnalité nous-mêmes et rapportons honnêtement — y compris là où les concurrents excellent.
📈
Données réelles
Nos comparaisons incluent de vrais résultats de tests ATS, pas seulement des arguments marketing.
💰
Coûts réels
Nous révélons les frais cachés, pièges d’abonnement et le vrai coût de chaque service.
🌟
Mises à jour régulières
Les créateurs de CV évoluent vite. Nous mettons à jour nos comparaisons pour rester précis.
Questions fréquentes
Comment testez-vous les créateurs de CV ?
Nous créons de vrais CV avec chaque créateur, les testons sur des systèmes ATS réels, comparons la qualité des modèles, évaluons la facilité d’utilisation et calculons le coût réel, frais cachés inclus.
Ces comparaisons favorisent-elles StylingCV ?
Nous visons l’honnêteté. Nous reconnaissons les avantages des concurrents et expliquons clairement notre méthodologie. Notre objectif est de vous aider à faire le meilleur choix pour VOS besoins.
Quel créateur de CV est fait pour moi ?
Cela dépend de vos priorités. Si l’optimisation ATS est essentielle, StylingCV excelle. Si vous voulez une liberté de design totale, Canva peut convenir. Lisez nos comparatifs pour trouver votre solution.
Prêt à créer votre CV ?
Rejoignez des millions d’utilisateurs qui ont choisi StylingCV pour des CV professionnels et optimisés ATS.
Commencez gratuitement
💡 Astuce : StylingCV n’est pas qu’un créateur de CV — c’est un créateur intelligent qui réfléchit. StylingCV smart AI builder en moins de 2 minutes.
Découvrez plus de ressources
Outils IA & guides associés :
Plus de comparatifs & avis