Consultation Individuelle | MindFull Focus
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}:root {
–color-gold: #eab227;
–color-red: #de1111;
–color-dark: #111111;
–color-gray: #666666;
–color-light-gray: #f8f8f8;
–color-white: #ffffff;
–gradient: linear-gradient(135deg, #eab227 0%, #de1111 100%);
–gradient-hover: linear-gradient(135deg, #de1111 0%, #eab227 100%);
/* =====================================================
PERSONNALISATION FACILE DE L’IMAGE DE FOND DU HERO
=====================================================
Changez l’URL ci-dessous pour modifier l’image de fond.
L’overlay sombre sera automatiquement appliqué.
*/
–hero-bg-image: url(‘https://images.unsplash.com/photo-1461896836934-ffe607ba8211?q=80&w=2070&auto=format&fit=crop’);
}body {
font-family: -apple-system, BlinkMacSystemFont, « Segoe UI », Roboto, sans-serif;
color: var(–color-dark);
line-height: 1.6;
background: var(–color-white);
overflow-x: hidden;
}.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}/* ========== SECTION 1: HERO MODERNE SPLIT-SCREEN ========== */
.hero-section {
background: var(–color-dark);
padding: 140px 0;
position: relative;
overflow: hidden;
}.hero-section::before {
content: »;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
linear-gradient(135deg, rgba(17, 17, 17, 0.95) 0%, rgba(17, 17, 17, 0.85) 100%),
var(–hero-bg-image) center/cover;
z-index: 0;
}.hero-section::after {
content: »;
position: absolute;
top: -10%;
right: -5%;
width: 500px;
height: 500px;
background: var(–gradient);
opacity: 0.12;
border-radius: 50%;
filter: blur(80px);
z-index: 0;
}.hero-decoration {
position: absolute;
border-radius: 50%;
border: 2px solid rgba(234, 178, 39, 0.2);
z-index: 1;
}.hero-decoration.circle-1 {
width: 120px;
height: 120px;
top: 20%;
right: 15%;
animation: float 6s ease-in-out infinite;
}.hero-decoration.circle-2 {
width: 80px;
height: 80px;
bottom: 25%;
right: 25%;
animation: float 8s ease-in-out infinite reverse;
}.hero-decoration.circle-3 {
width: 60px;
height: 60px;
top: 60%;
right: 8%;
background: var(–gradient);
opacity: 0.3;
animation: pulse 4s ease-in-out infinite;
}@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 0.3; }
50% { transform: scale(1.2); opacity: 0.5; }
}.hero-content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
position: relative;
z-index: 2;
}.hero-text-content {
max-width: 550px;
}.section-label {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 30px;
}.section-label::before {
content: »;
width: 60px;
height: 3px;
background: var(–gradient);
border-radius: 2px;
}.section-label span {
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-family: ‘Montserrat’, sans-serif;
}.hero-section h1 {
font-size: clamp(3rem, 6vw, 5rem);
font-weight: 900;
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 25px;
font-family: ‘Montserrat’, sans-serif;
line-height: 1.1;
}.hero-subtitle {
font-size: 1.6rem;
color: var(–color-gold);
font-weight: 700;
font-family: ‘Montserrat’, sans-serif;
margin-bottom: 30px;
}.hero-description {
font-size: 1.15rem;
color: rgba(255, 255, 255, 0.85);
line-height: 1.9;
margin-bottom: 40px;
}.hero-cta-group {
display: flex;
gap: 20px;
flex-wrap: wrap;
}.hero-cta-primary {
padding: 18px 40px;
background: var(–gradient);
color: var(–color-white);
border-radius: 12px;
font-size: 1.05rem;
font-weight: 700;
font-family: ‘Montserrat’, sans-serif;
text-decoration: none;
box-shadow: 0 6px 25px rgba(234, 178, 39, 0.4);
transition: all 0.3s ease;
display: inline-block;
}.hero-cta-primary:hover {
background: var(–gradient-hover);
transform: translateY(-3px);
box-shadow: 0 8px 35px rgba(234, 178, 39, 0.5);
}.hero-cta-secondary {
padding: 18px 40px;
background: transparent;
color: var(–color-white);
border: 2px solid rgba(234, 178, 39, 0.5);
border-radius: 12px;
font-size: 1.05rem;
font-weight: 700;
font-family: ‘Montserrat’, sans-serif;
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}.hero-cta-secondary:hover {
border-color: var(–color-gold);
background: rgba(234, 178, 39, 0.1);
}.hero-visual {
position: relative;
display: flex;
flex-direction: column;
gap: 30px;
}.hero-stat-badges {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}.stat-badge {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 2px solid rgba(234, 178, 39, 0.2);
border-radius: 20px;
padding: 30px;
transition: all 0.3s ease;
}.stat-badge:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(234, 178, 39, 0.4);
transform: translateY(-5px);
}.stat-badge-icon {
width: 50px;
height: 50px;
background: var(–gradient);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
margin-bottom: 15px;
}.stat-badge-value {
font-size: 2rem;
font-weight: 900;
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-family: ‘Montserrat’, sans-serif;
margin-bottom: 8px;
}.stat-badge-label {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.7);
font-weight: 600;
}/* ========== SECTION 2: BÉNÉFICES ========== */
.benefices-section {
padding: 120px 0;
background: var(–color-white);
position: relative;
}.benefices-section::before {
content: »;
position: absolute;
top: 10%;
left: -50px;
width: 200px;
height: 200px;
background: linear-gradient(135deg, rgba(234, 178, 39, 0.08), rgba(222, 17, 17, 0.08));
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
animation: morph 8s ease-in-out infinite;
}.benefices-section::after {
content: »;
position: absolute;
bottom: 15%;
right: -30px;
width: 150px;
height: 150px;
background: linear-gradient(135deg, rgba(222, 17, 17, 0.06), rgba(234, 178, 39, 0.06));
border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
animation: morph 10s ease-in-out infinite reverse;
}@keyframes morph {
0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
50% { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%; }
}.section-header {
text-align: left;
margin-bottom: 80px;
position: relative;
}.section-header h2 {
font-size: clamp(2.2rem, 4.5vw, 3.5rem);
font-weight: 800;
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 25px;
font-family: ‘Montserrat’, sans-serif;
line-height: 1.2;
}.section-header p {
font-size: 1.2rem;
color: var(–color-dark);
line-height: 1.8;
max-width: 750px;
}.benefices-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
}.benefice-card {
background: var(–color-white);
border-radius: 20px;
padding: 45px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 2px solid transparent;
position: relative;
overflow: hidden;
}.benefice-card::before {
content: »;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(–gradient);
opacity: 0;
transition: opacity 0.3s ease;
}.benefice-card:hover {
transform: translateY(-8px);
box-shadow: 0 16px 50px rgba(234, 178, 39, 0.2);
border-color: rgba(234, 178, 39, 0.3);
}.benefice-card:hover::before {
opacity: 1;
}.benefice-icon {
width: 70px;
height: 70px;
background: var(–gradient);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(234, 178, 39, 0.3);
}.benefice-card h3 {
font-size: 1.5rem;
font-weight: 800;
color: var(–color-dark);
margin-bottom: 15px;
font-family: ‘Montserrat’, sans-serif;
transition: all 0.3s ease;
}.benefice-card:hover h3 {
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}.benefice-card p {
font-size: 1.05rem;
color: var(–color-gray);
line-height: 1.8;
}/* ========== SECTION 3: FONCTIONNEMENT ========== */
.fonctionnement-section {
padding: 80px 0;
background: var(–color-light-gray);
position: relative;
}.fonctionnement-section::before {
content: »;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, rgba(234, 178, 39, 0.05) 1px, transparent 1px);
background-size: 30px 30px;
opacity: 0.5;
pointer-events: none;
}.process-grid {
display: grid;
gap: 35px;
margin-top: 60px;
position: relative;
}.process-grid::before {
content: »;
position: absolute;
left: 55px;
top: 55px;
bottom: 55px;
width: 3px;
background: var(–gradient);
opacity: 0.3;
border-radius: 2px;
}.process-step {
display: grid;
grid-template-columns: 110px 1fr;
gap: 35px;
align-items: start;
background: var(–color-white);
padding: 35px;
border-radius: 20px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
position: relative;
}.process-step::before {
content: »;
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background: var(–gradient);
border-radius: 20px 0 0 20px;
opacity: 0;
transition: opacity 0.3s ease;
}.process-step:hover {
transform: translateX(15px);
box-shadow: 0 12px 45px rgba(234, 178, 39, 0.15);
}.process-step:hover::before {
opacity: 1;
}.process-icon {
width: 110px;
height: 110px;
background: var(–gradient);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.8rem;
flex-shrink: 0;
box-shadow: 0 6px 20px rgba(234, 178, 39, 0.3);
position: relative;
}.process-icon::after {
content: »;
position: absolute;
inset: -3px;
border-radius: 16px;
padding: 3px;
background: var(–gradient);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.3s ease;
}.process-step:hover .process-icon::after {
opacity: 1;
}.process-content h3 {
font-size: 1.5rem;
font-weight: 800;
color: var(–color-dark);
margin-bottom: 15px;
font-family: ‘Montserrat’, sans-serif;
transition: all 0.3s ease;
}.process-step:hover .process-content h3 {
color: var(–color-gold);
}.process-content p {
font-size: 1rem;
color: var(–color-gray);
line-height: 1.7;
}/* ========== SECTION SEPARATOR ========== */
.section-separator {
height: 120px;
background: var(–color-white);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}.separator-line {
position: relative;
width: 200px;
height: 4px;
background: var(–gradient);
border-radius: 2px;
}.separator-line::before,
.separator-line::after {
content: »;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: var(–gradient);
border-radius: 50%;
}.separator-line::before {
left: -30px;
}.separator-line::after {
right: -30px;
}/* ========== SECTION 4: AUTRES SERVICES ========== */
.autres-services-section {
padding: 120px 0;
background: linear-gradient(135deg, rgba(234, 178, 39, 0.03) 0%, rgba(222, 17, 17, 0.03) 100%);
position: relative;
overflow: hidden;
}.autres-services-section::before {
content: »;
position: absolute;
top: 50%;
right: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(234, 178, 39, 0.1) 0%, transparent 70%);
border-radius: 50%;
transform: translateY(-50%);
}.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 50px;
margin-top: 80px;
}.service-card {
background: var(–color-white);
border-radius: 24px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 2px solid transparent;
}.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 60px rgba(234, 178, 39, 0.2);
border-color: rgba(234, 178, 39, 0.4);
}.service-image {
width: 100%;
height: 280px;
position: relative;
overflow: hidden;
background: var(–color-light-gray);
}.service-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}.service-card:hover .service-image img {
transform: scale(1.05);
}.service-image::before {
content: »;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(234, 178, 39, 0.1), rgba(222, 17, 17, 0.1));
z-index: 1;
pointer-events: none;
}.service-content {
padding: 45px;
}.service-content h3 {
font-size: 1.7rem;
font-weight: 800;
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 20px;
font-family: ‘Montserrat’, sans-serif;
}.service-content p {
font-size: 1.05rem;
color: var(–color-gray);
line-height: 1.8;
margin-bottom: 30px;
}.service-link {
display: inline-block;
padding: 14px 35px;
background: var(–gradient);
color: var(–color-white);
border-radius: 12px;
font-size: 1rem;
font-weight: 700;
font-family: ‘Montserrat’, sans-serif;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(234, 178, 39, 0.3);
}.service-link:hover {
background: var(–gradient-hover);
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(234, 178, 39, 0.4);
}/* ========== SECTION 5: CTA FINAL ========== */
.cta-final-section {
background: var(–color-dark);
padding: 120px 0;
text-align: center;
position: relative;
overflow: hidden;
}.cta-final-section::before {
content: »;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(234, 178, 39, 0.1) 0%, transparent 50%);
animation: rotate 20s linear infinite;
}@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.cta-decoration {
position: absolute;
width: 100px;
height: 100px;
border: 3px solid rgba(234, 178, 39, 0.2);
border-radius: 50%;
}.cta-decoration.circle-1 {
top: 20%;
left: 10%;
animation: float 7s ease-in-out infinite;
}.cta-decoration.circle-2 {
bottom: 30%;
right: 15%;
width: 80px;
height: 80px;
animation: float 9s ease-in-out infinite reverse;
}.cta-final-content {
position: relative;
z-index: 1;
}.cta-final-content h2 {
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 900;
background: var(–gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 30px;
font-family: ‘Montserrat’, sans-serif;
}.cta-final-content p {
font-size: 1.25rem;
color: rgba(255, 255, 255, 0.85);
line-height: 1.8;
margin-bottom: 50px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}.cta-final-button {
display: inline-block;
padding: 22px 55px;
background: var(–gradient);
color: var(–color-white);
border-radius: 14px;
font-size: 1.2rem;
font-weight: 700;
font-family: ‘Montserrat’, sans-serif;
text-decoration: none;
box-shadow: 0 10px 40px rgba(234, 178, 39, 0.4);
transition: all 0.3s ease;
position: relative;
}.cta-final-button::before {
content: ‘→’;
position: absolute;
right: 20px;
opacity: 0;
transition: all 0.3s ease;
}.cta-final-button:hover {
background: var(–gradient-hover);
transform: translateY(-3px);
box-shadow: 0 15px 50px rgba(234, 178, 39, 0.5);
padding-right: 65px;
}.cta-final-button:hover::before {
opacity: 1;
right: 25px;
}/* ========== RESPONSIVE ========== */
@media (max-width: 968px) {
.container {
padding: 0 25px;
}.hero-section {
padding: 100px 0;
}.hero-content-wrapper {
grid-template-columns: 1fr;
gap: 50px;
}.hero-decoration {
display: none;
}.hero-stat-badges {
grid-template-columns: 1fr;
}.benefices-section,
.fonctionnement-section,
.autres-services-section {
padding: 60px 0;
}.section-header {
margin-bottom: 60px;
}.benefices-grid {
grid-template-columns: 1fr;
gap: 30px;
}.benefice-card {
padding: 35px;
}.process-grid {
gap: 25px;
margin-top: 50px;
}.process-grid::before {
display: none;
}.process-step {
grid-template-columns: 1fr;
gap: 25px;
padding: 30px;
}.process-icon {
width: 90px;
height: 90px;
font-size: 2.2rem;
}.services-grid {
grid-template-columns: 1fr;
gap: 35px;
}.service-content {
padding: 35px;
}.section-label::before {
width: 40px;
}.cta-final-section {
padding: 80px 0;
}.section-separator {
height: 80px;
}.hero-cta-group {
flex-direction: column;
}.hero-cta-primary,
.hero-cta-secondary {
width: 100%;
text-align: center;
}
}
CONSULTATION INDIVIDUELLE
Psychologie sportive et préparation mentale
Personnalisé selon vos besoins
Avec l’expertise de nos psychologues sportifs, vous recevrez un accompagnement sur mesure qui répond à vos besoins spécifiques. Ensemble, nous travaillerons à maximiser votre potentiel mental pour atteindre vos plus hauts objectifs sportifs.
🏆
Flexible
Présentiel & En Ligne
🎯
Personnalisation
Un programme spécifiquement adapté à vos besoins et objectifs individuels.
🔥
Motivation
Techniques pour stimuler votre motivation et maintenir une attitude positive.
🧘
Émotions
Apprendre à gérer le stress, l’anxiété et les émotions pour rester performant.
💪
Résilience
Renforcement de votre capacité à surmonter les obstacles et à rebondir après les échecs.
🏆
Objectifs
Accompagnement personnalisé pour définir et atteindre vos objectifs sportifs.
🌱
Croissance
Favoriser un épanouissement total, sur le plan sportif et personnel.
📋
Évaluation Personnalisée
Lors des premières séances, nous effectuons une évaluation complète de vos besoins, objectifs et défis personnels. Cette évaluation nous permet de créer un plan de match sur mesure adapté à votre situation unique.
📅
Séances de Suivi Régulières
Vous bénéficierez de séances régulières avec un psychologue sportif accrédité pour suivre vos progrès, ajuster les stratégies et maintenir votre motivation. Ces séances sont flexibles, en présentiel et en ligne, et peuvent être adaptées en fonction de votre emploi du temps et de vos objectifs évolutifs.
🛠️
Techniques et Stratégies Pratiques
Nous vous fournirons des outils et des techniques pratiques en psychologie sportive pour améliorer votre gestion émotionnelle, renforcer votre résilience et optimiser vos performances. Ces stratégies sont basées sur des recherches en psychologie sportive et sont conçues pour être intégrées facilement dans votre routine quotidienne.
Consultation de Groupe
Des séances de psychologie sportive interactives conçues pour favoriser le travail d’équipe et la croissance personnelle. Dans un environnement d’apprentissage interactif et collaboratif, prenez le temps de grandir comme équipe et comme athlète afin d’atteindre de nouveaux sommets.
En savoir plusCoaching & Conférences
Améliorez la capacité de votre équipe d’entraîneurs à soutenir vos athlètes dans leur pratique sportive à l’aide de la psychologie sportive. Nos psychologues sportifs vous fourniront des outils afin de gérer des situations difficiles, élever vos performances et votre succès sur et en dehors du terrain.
En savoir plusPrêt à Transformer Votre Performance ?
Réservez votre consultation individuelle dès aujourd’hui et commencez votre parcours vers l’excellence mentale et sportive.
Réserver une Consultation 
