/* =========================1. SECTION HERO GLOBALE========================= */.anc-hero-section {position: relative;width: 100% !important;min-height: 90vh;display: flex;justify-content: center;align-items: center;padding: 100px 0 60px 0;box-sizing: border-box;color: #ffffff;overflow: hidden;margin: 0 !important;}.anc-hero-inner {max-width: 1400px;margin: 0 auto !important;box-sizing: border-box;z-index: 2;}/* =========================2. ANIMATION DU TEXTE========================= */.anc-hero-topline {margin-bottom: 30px;min-height: 3.5rem;}.anc-hero-topline-inner {font-family: 'Segoe UI', Tahoma, Arial, sans-serif;font-weight: 950;text-transform: uppercase;font-size: clamp(1.2rem, 5vw, 2.3rem);line-height: 1.2;text-align: left;}.anc-dynamic-word {color: #3DC0BC;display: inline-block;}.anc-dynamic-cursor {display: inline-block;width: 3px;height: 1em;background-color: #3DC0BC;margin-left: 5px;vertical-align: middle;animation: ancCursorBlink 0.9s steps(1) infinite;}@keyframes ancCursorBlink {0%, 49% { opacity: 1; }50%, 100% { opacity: 0; }}/* =========================3. GRILLE & BLOCS========================= */.anc-hero-grid {display: grid;grid-template-columns: 1.8fr 1.2fr;gap: 30px;align-items: stretch;}.anc-hero-wrapper {padding: 45px;background: rgba(164,180,189,0.2);backdrop-filter: blur(15px);border-radius: 20px;box-shadow: 0 12px 30px rgba(0,0,0,0.18);}.anc-hero-wrapper h2 {font-size: clamp(1.5rem, 3vw, 2.1rem);font-weight: 800;margin-bottom: 20px;color: #ffffff;}.horaires-section {background: rgba(164,180,189,0.26);backdrop-filter: blur(12px);padding: 30px;border-radius: 20px;text-align: center;display: flex;flex-direction: column;justify-content: center;}.schedule-label {/* CHANGEMENT ICI : Couleur alignée sur le turquoise dynamique */color: #3DC0BC;font-weight: 700;font-size: 0.9rem;text-transform: uppercase;margin-top: 10px;}.schedule-time {color: #fff;font-size: 1.2rem;font-weight: 800;margin-bottom: 5px;}#rap-cta-liberation {display: inline-block;padding: 15px 40px;background: linear-gradient(90deg, #3DC0BC, #2F7CC0);color: #ffffff !important;font-weight: 700;border-radius: 12px;text-decoration: none;transition: 0.3s;}/* =========================4. RESPONSIVE========================= */@media (max-width: 1024px) {.anc-hero-section { padding-top: 150px; }.anc-hero-topline-inner { text-align: center !important; }.anc-hero-grid { grid-template-columns: 1fr; gap: 20px; }.anc-hero-wrapper { padding: 30px 20px; text-align: center; }#rap-cta-liberation { margin: 0 auto; }}
EN FINIR AVEC

Libérez-vous durablement de votre souffrance

Grâce à la Méthode Activation Neuronale du Changement (A.N.C.), vous vous libérez de l'origine de votre souffrance en douceur et en profondeur.

Je me libère
HORAIRES
Du lundi au dimanche
08:30 - 20:30
06 68 62 02 60
document.addEventListener("DOMContentLoaded", function () {var words = [" L'ALCOOL", " LE TABAC", " LA COCAÏNE", " LA DÉPRESSION", " LE SURMENAGE", " LE STRESS", " L'ADDICTION", " LES PANIQUES", " LES ANGOISSES", " LES COMPULSIONS", " LA DÉPENDANCE"];var dynamicSpan = document.getElementById("anc-dynamic-word");var wordIndex = 0; var charIndex = 0; var typing = true;function loop() {var currentWord = words[wordIndex];if (typing) {if (charIndex = 0) {dynamicSpan.textContent = currentWord.slice(0, charIndex);charIndex--; setTimeout(loop, 40);} else {typing = true; wordIndex = (wordIndex + 1) % words.length;charIndex = 0; setTimeout(loop, 300);}}}loop();});
document.documentElement.classList.remove("no-js"); document.documentElement.classList.add("js"); /* 1. LE WRAPPER GLOBAL (Fond blanc toute largeur) */ .alc-wrapper { background-color: #ffffff; width: 100% !important; padding: 80px 0; /* Augmenté pour laisser respirer par rapport au header */ margin: 0 !important; overflow: hidden; }/* 2. LE CONTENEUR DE RÉFÉRENCE (90% / 1400px) - ALIGNÉ SUR LE HEADER */ .alc-section { max-width: 1400px; margin: 0 auto !important; /* Centrage parfait identique au header */ padding: 0; box-sizing: border-box; }/* 3. LE TITRE (Aligné à gauche comme "EN FINIR AVEC") */ .alc-title { font-family: 'Montserrat', sans-serif !important; font-size: clamp(1.5rem, 4vw, 2.1rem); /* Taille fluide adaptée au Hero */ font-weight: 800; color: #455764; margin-bottom: 50px !important; position: relative; text-align: left; /* Aligné à gauche pour suivre la ligne du logo */ width: 100%; }.alc-title-after::after { content: ""; position: absolute; bottom: -12px; left: 0; /* Barre alignée à gauche */ width: 60px; height: 4px; background: linear-gradient(90deg, #3DC0BC, #2f82bf); /* Turquoise identique au texte dynamique */ border-radius: 2px; }/* 4. LA GRILLE (Structure Flexbox/Grid équilibrée) */ .alc-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; /* Équilibre texte/image */ gap: 60px; align-items: center; opacity: 0; transform: translateY(30px); /* Animation plus douce vers le haut */ transition: opacity 1s ease, transform 1s ease; width: 100%; opacity: 1; transform: translateY(0); } .js .alc-grid { opacity: 0; transform: translateY(30px); transition: opacity 1s ease, transform 1s ease; }.js .alc-grid.visible { opacity: 1; transform: translateY(0); }.alc-grid.visible { opacity: 1; transform: translateY(0); }.alc-list { display: flex; flex-direction: column; gap: 25px; }.alc-item { display: flex; align-items: flex-start; gap: 18px; font-size: 1.1rem; font-weight: 500; color: #333; line-height: 1.6; }.alc-icon { width: 44px; height: 44px; color: white; border-radius: 12px; /* Coins arrondis pour matcher vos boutons */ display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }/* 5. L'IMAGE (Alignée sur le bord droit de la grille) */ .alc-image { text-align: right; }.alc-image img { max-width: 100%; height: auto; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); }.orange-bold { color: #FD7E13; font-weight: 700; }/* 6. RESPONSIVE HARMONISÉ SUR VOTRE HEADER */ @media (max-width: 1024px) { .alc-wrapper { padding: 60px 0; } .alc-section { width: 100% !important; } /* Garde la cohérence avec le header mobile */ .alc-grid { grid-template-columns: 1fr; gap: 40px; } .alc-title { text-align: center; } .alc-title::after { left: 50%; transform: translateX(-50%); } .alc-image { order: -1; text-align: center; } .alc-image img { max-height: 400px; } }

Arrêter l'alcool, le tabac, la drogue, l'addiction, la boulimie, l'anorexie, le burn-out ou la dépression

Vous continuez à vous trimballer cette souffrance, mais au fond… vous savez que ça ne peut plus durer

Votre corps accuse le coup, votre sommeil est chaotique, le stress explose.

Vos relations se détériorent, voire des disputes s'enchaînent et vos proches s’éloignent.

Des opportunités professionnelles disparaissent, vous régressez même…

Vos passions, vos objectifs, vos rêves… tout est mis de côté.

Vous avez essayé de vous en sortir à plusieurs reprises, mais à chaque fois ça a fini par une rechute. Et la souffrance est revenue, plus forte encore…

Illustration souffrance
document.addEventListener("DOMContentLoaded", function () { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }, { threshold: 0.1 });const grid = document.getElementById("alc-grid"); if (grid) { observer.observe(grid); } });
/* 1. LE WRAPPER GLOBAL */ .punchline-wrapper { width: 100% !important; background: #ffffff; display: flex; justify-content: center; margin: 0 !important; }/* 2. LE CONTENEUR DE RÉFÉRENCE (90% / 1400px) */ .punchline-custom1 { /* --- ALIGNEMENT STRICT SUR VOTRE RÉFÉRENCE --- */ max-width: 1400px; margin: 0 auto !important; /* Centrage identique au header */ padding: 80px 0; /* Un peu plus d'espace pour l'impact visuel */ box-sizing: border-box; font-family: 'Montserrat', sans-serif !important; /* Cohérence police */ font-size: clamp(1.2rem, 3vw, 1.8rem); /* Taille fluide */ font-weight: 500; text-align: center; color: #2F2F2F; position: relative; line-height: 1.5; }/* 3. LES BARRES DÉCORATIVES - COULEUR TURQUOISE DYNAMIQUE */ .punchline-custom1::before, .punchline-custom1::after { content: ""; display: block; height: 4px; background-color: #3DC0BC; /* Même turquoise que "LE STRESS" */ border-radius: 2px; margin: 0 auto; }.punchline-custom1::before { width: 190px; margin-bottom: 25px; transform: translateX(-50px); }.punchline-custom1::after { width: 190px; margin-top: 25px; transform: translateX(50px); }.punchline-custom1 strong { font-style: normal; color: #3DC0BC; /* Accentuation sur le turquoise */ font-weight: 800; text-shadow: 0 0 8px rgba(61, 192, 188, 0.2); }/* 4. RESPONSIVE HARMONISÉ SUR LE HEADER MOBILE */ @media (max-width: 1024px) { .punchline-custom1 { width: 100% !important; /* Maintient les 90% comme sur votre mobile */ padding: 60px 0; } }@media (max-width: 768px) { .punchline-custom1 { font-size: 1.3rem; padding: 50px 0; }.punchline-custom1::before, .punchline-custom1::after { width: 100px; }.punchline-custom1::before { transform: translateX(-20px); }.punchline-custom1::after { transform: translateX(20px); } }
Chaque jour de plus avec cette souffrance vous éloigne de vous-même.
/* 1. LE WRAPPER GLOBAL (Fond blanc toute largeur) */ .section-efficace-wrapper { background: #ffffff; width: 100% !important; padding: 60px 0; margin: 0 !important; }/* 2. LE CONTENEUR DE RÉFÉRENCE (90% / 1400px) */ .section-efficace { /* --- ALIGNEMENT SUR VOTRE RÉFÉRENCE --- */ max-width: 1400px; margin-left: auto !important; margin-right: auto !important; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 0; }/* 3. L'INTRO (Largeur contrôlée pour la lecture) */ .section-efficace-intro { text-align: center; font-size: 1.05rem; line-height: 1.9; color: #000000; margin-bottom: 50px; max-width: 900px; }.section-efficace-intro span.orange-bold { color: #FD7E13; font-weight: bold; }/* 4. LES CARTES (Distribuées sur les 90%) */ .section-efficace-cards { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin-bottom: 40px; width: 100%; }.section-efficace-card { background: linear-gradient(135deg, rgba(255, 182, 143, 0.2), rgba(131, 197, 222, 0.2)); border-radius: 18px; padding: 40px 20px; box-shadow: 0 8px 18px rgba(0,0,0,0.04); backdrop-filter: blur(3px); flex: 1; min-width: 280px; max-width: 400px; text-align: center; }.section-efficace-card h4 { font-size: 2.2rem; font-weight: 800; color: #4BB0E8; margin: 0 0 15px 0; }.section-efficace-card p { font-size: 1.05rem; font-weight: 400; color: #000000; margin: 0; line-height: 1.4; }/* 5. LE BLOC BLEU INFÉRIEUR (Prend 100% des 90% de référence) */ .section-efficace-bottom-text { text-align: center; font-size: 1.1rem; line-height: 1.7; color: #2F2F2F; width: 100%; margin: 20px auto 0; padding: 30px; border-radius: 18px; background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%); border: 1px solid #e3eef7; box-shadow: 0 10px 24px rgba(47, 124, 192, 0.1); box-sizing: border-box; }.section-efficace-bottom-text span { font-weight: 800; color: #4BB0E8; }/* 6. RESPONSIVE HARMONISÉ */ @media (max-width: 1024px) { .section-efficace { width: 100% !important; } }@media (max-width: 768px) { .section-efficace-card { width: 100%; max-width: 100%; } .section-efficace-intro { font-size: 1rem; } }
En combinant 7 approches thérapeutiques issues des thérapies brèves, testées et ajustées depuis plus de 12 ans, la Méthode A.N.C. permet un changement rapide, profond et durable.

+5000

personnes libérées avec la Méthode A.N.C.

150

praticiens certifiés en France, Belgique, Québec, Maroc

13

années d’expérience dans l’accompagnement de la souffrance psychique

Nos accompagnements affichent un taux de réussite de 98 % pour les personnes motivées et vraiment désireuses de se libérer durablement de leur problématique.

/* 1. LE WRAPPER (Fond et centrage) */ .section-video-wrapper { width: 100% !important; display: flex; justify-content: center; background: #ffffff; margin: 0 !important; }/* 2. LE CONTENEUR DE RÉFÉRENCE ADAPTÉ (90% / 1400px) */ .section-video-temoignages { /* --- ALIGNEMENT SUR VOTRE RÉFÉRENCE --- */ max-width: 1400px; margin: 0 auto 80px !important; padding: 0; box-sizing: border-box; }/* 3. LE TITRE (Aligné à gauche sur la grille) */ .section-video-title { font-size: 1.9rem; font-weight: 800; color: #455764; margin-bottom: 40px; position: relative; text-align: left; width: 100%; display: block; }.section-video-title::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #62ccca, #2f82bf); border-radius: 2px; }/* 4. LA BANNIÈRE VIDÉO */ .video-banner { position: relative; background-color: #f2f8fa; display: flex; justify-content: center; align-items: center; padding: 50px 20px; overflow: hidden; border-radius: 24px; margin-top: 50px; width: 100%; box-sizing: border-box; }/* Logos en fond */ .video-banner::before, .video-banner::after { content: ""; position: absolute; background-image: url("https://oserlechangement.com/wp-content/uploads/2024/11/logoOseul.png"); background-size: contain; background-repeat: no-repeat; width: 180px; height: 180px; opacity: 0.15; z-index: 1; }.video-banner::before { top: 4%; left: 5%; } .video-banner::after { bottom: 4%; right: 5%; }/* L'IFRAME VIDÉO */ .video-banner iframe { position: relative; z-index: 2; width: 100%; max-width: 900px; /* Légèrement augmenté pour profiter de la largeur 1400px */ aspect-ratio: 16 / 9; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }/* 5. RESPONSIVE HARMONISÉ */ @media screen and (max-width: 1024px) { .section-video-temoignages { width: 100% !important; } }@media screen and (max-width: 768px) { .section-video-title { font-size: 1.6rem; text-align: center; } .section-video-title::after { left: 50%; transform: translateX(-50%); } .video-banner { padding: 30px 10px; } .video-banner::before, .video-banner::after { display: none; } }

Des vies transformées : ce qu’en disent nos clients

/* 1. LE CONTENEUR GLOBAL */ .sec-10-wrapper { background: #ffffff; width: 100% !important; padding: 60px 0; display: flex; justify-content: center; box-sizing: border-box; margin: 0 !important; }/* 2. LE MOULE DE RÉFÉRENCE ADAPTÉ (90% / 1400px) */ .sec-10-main-container { /* --- ALIGNEMENT SUR VOTRE RÉFÉRENCE --- */ max-width: 1400px; margin-left: auto !important; margin-right: auto !important; padding: 0; box-sizing: border-box; }/* 3. LE TITRE */ .sec-10-title { font-size: 1.9rem; font-weight: 800; color: #455764; text-align: left; margin-bottom: 60px; position: relative; width: 100%; }.sec-10-title::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #62ccca, #2f82bf); border-radius: 2px; }/* 4. LA GRILLE */ .sec-10-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: flex-start; width: 100%; }.sec-10-checklist { display: flex; flex-direction: column; gap: 30px; }.sec-10-check { display: flex; align-items: flex-start; gap: 18px; font-size: 1.05rem; font-weight: 500; color: #333; line-height: 1.6; }.sec-10-icon { width: 48px; height: 48px; background-color: #3DC0BC; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }/* 5. L'IMAGE */ .sec-10-img { text-align: right; }.sec-10-img img { max-width: 100%; height: auto; max-height: 500px; object-fit: contain; border-radius: 20px; }.orange-bold { color: #FD7E14; font-weight: bold; }/* 6. RESPONSIVE HARMONISÉ */ @media (max-width: 1024px) { .sec-10-main-container { width: 100% !important; /* Cohérence avec le reste du site */ } }@media (max-width: 768px) { .sec-10-check-grid { display: flex; flex-direction: column; } .sec-10-title { text-align: center; } .sec-10-title::after { left: 50%; transform: translateX(-50%); } .sec-10-img { text-align: center; order: -1; margin-bottom: 30px; } }

Tout peut changer avec la Méthode A.N.C !

Une méthode qui agit sur l’inconscient et désactive l’origine de vos souffrances à la racine

Un programme 100 % personnalisé pour une transformation en profondeur

Des techniques concrètes à réutiliser en autonomie, pour mieux gérer stress et émotions

Des praticiens à vos côtés à chaque étape, même entre les séances si vous vous sentez mal (sms, WhatsApp, séance SOS)

Un accompagnement que vous pouvez démarrer sous 72h, et suivre à votre rythme

Des résultats souvent ressentis dès les premières séances : plus d’énergie, plus de calme

Illustration sevrage
/* Le wrapper prend toute la place disponible pour laisser le titre se positionner */ .sec-10-wrapper-titre { background: #ffffff; width: 100% !important; padding: 40px 0 10px !important; margin: 0 !important; }.sec-10-title-votre-situation { /* --- COPIE EXACTE DE LA CONFIGURATION RÉFÉRENCE --- */ max-width: 1400px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; /* Style du texte */ font-size: 1.9rem; font-weight: 800; color: #455764; text-align: center; /* Aligné au centre à l'intérieur de ses 90% */ margin-bottom: 60px !important; position: relative; }/* Trait de décoration sous le titre */ .sec-10-title-votre-situation::after { content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: linear-gradient(90deg, #62ccca, #2f82bf); border-radius: 2px; }/* --- RESPONSIVE HARMONISÉ (COPIÉ SUR RÉFÉRENCE) --- */ @media (max-width: 1024px) { .sec-10-title-votre-situation { width: 100% !important; } }@media (max-width: 768px) { .sec-10-title-votre-situation { font-size: 1.6rem; } }

Vous traversez une période difficile ? Commencez par là

Que cache une addiction ?

Lire plus

Burn out : comment s'en sortir ?

Lire plus

Comment soigner son addiction à une personne ?

Lire plus

Hypnose pour arrêter de fumer : comment ça fonctionne ?

Lire plus

Hypnose alcool : arrêter de boire grâce à l'hypnose

Lire plus

Sortir de la dépression naturellement : comment faire ?

Lire plus

Addiction pornographie : comment soigner sa dépendance

Lire plus

Hypersensibilité et dépression : symptômes, causes et traitement

Lire plus

Anxio-dépressif : symptômes, causes et traitement

Lire plus

Aide alcool : comment se faire aider contre l’alcoolisme ?

Lire plus

Comment soigner la boulimie : les méthodes efficaces

Lire plus

Dépendance cocaïne : comment s'en débarrasser

Lire plus
.article-container-blog { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 20px !important; margin: 0 auto !important; /* centre le conteneur */ padding: 0 20px !important; /* padding identique à celui de la vidéo banner */ box-sizing: border-box !important; }.articles-card-blog { height: 200px; margin: 10px; width: 100% !important; border: 4px solid !important; border-image: linear-gradient(to right, #3ec5bc, #2F7DC0) 1 !important; border-radius: 16px !important; overflow: hidden !important; text-decoration: none !important; color: #fff !important; position: relative !important; background-size: cover !important; background-position: center center !important; transition: none !important; }.articles-card-blog * { color: #fff !important; }.articles-card-blog .cards-content-blog { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.5); padding: 10px; border-radius: 6px; text-align: center; }.articles-card-blog .btn { display: inline-block; margin-top: 10px; padding: 6px 12px; background: #0073e6; border-radius: 5px; }.cards-content-blog { display: flex; flex-direction: column; /* aligne les éléments verticalement */ justify-content: center; align-items: center; gap: 10px; /* espace entre les éléments */ border: 1px solid #ddd; /* contour léger */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* effet de profondeur */ max-width: 300px; margin: auto; /* centrer sur la page */ transition: transform 0.2s ease, box-shadow 0.2s ease; }.cards-content-blog:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }.cards-content-blog h3 { font-size: 18px; text-align: center; margin: 0; }.articles-card-blog .btn:hover { background: #0073e6; }/* Responsive */ @media (max-width: 768px) { .article-container-blog { grid-template-columns: 1fr !important; /* une carte par ligne */ padding: 0 10px !important; /* petit padding pour respirer */ }.articles-card-blog { min-height: 300px !important; width: 100% !important; } }/* ===== BASE (SANS JS = tout visible) ===== */ .article-container-blog { max-width: 1400px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }.article-container-blog { padding: 0 !important; margin: 0 auto 0 0 !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }/* ===== CARDS ===== */ .articles-card-blog { display: flex; /* IMPORTANT : visible sans JS */ background-size: cover; background-position: center; border-radius: 12px; min-height: 280px; position: relative; text-decoration: none; overflow: hidden; }.cards-content-blog { background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); padding: 20px; width: 100%; box-sizing: border-box; }.cards-content-blog h3 { margin: 0 0 10px 0; color: #fff; font-size: 18px; } .btn { display: inline-block; background: #fff; color: #333; padding: 6px 12px; border-radius: 4px; font-size: 13px; font-weight: bold; }/* ===== PAGINATION ===== */ .pagination-controls-blog { display: flex; justify-content: center; gap: 10px; margin: 40px auto 60px; }/* cachée uniquement si JS absent */ .no-js .pagination-controls-blog { display: none; }.page-btn { background: linear-gradient(135deg, #42c3c9, #2b84bf) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; padding: 10px 16px !important; cursor: pointer; border-radius: 8px; font-weight: 800; min-width: 45px; text-align: center; }.page-btn.active { border: 2px solid #007BFF !important; }/* ===== JS MODE ===== */ .js .articles-card-blog { display: none; }.js .articles-card-blog.visible { display: flex; }/* ===== ANIMATION ===== */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }document.documentElement.classList.add('js'); document.documentElement.classList.remove('no-js');document.addEventListener("DOMContentLoaded", function() {const allCards = Array.from(document.querySelectorAll('.article-container-blog .articles-card-blog')); const paginationContainer = document.getElementById('pagination-blog'); const itemsPerPage = 6;function showPage(page) { // cacher toutes les cartes allCards.forEach(card => card.classList.remove('visible'));const start = (page - 1) * itemsPerPage; const end = start + itemsPerPage;// afficher celles de la page allCards.slice(start, end).forEach(card => { card.classList.add('visible'); });updateButtons(page); }function updateButtons(activePage) { paginationContainer.innerHTML = '';const totalPages = Math.ceil(allCards.length / itemsPerPage); if (totalPages <= 1) return;for (let i = 1; i showPage(i); paginationContainer.appendChild(btn); } }showPage(1); });
.section-apropos-olc-card { /* --- ALIGNEMENT SUR LE CONTENEUR DE RÉFÉRENCE --- */ max-width: 1400px; /* Même limite de sécurité */ margin: 0 auto 80px !important; /* Centrage parfait */ padding: 35px 25px; background: linear-gradient(135deg, #fff7f0 0%, #f0f8ff 100%); border-radius: 24px; box-shadow: 0 18px 40px rgba(47, 124, 192, 0.18); box-sizing: border-box; /* Évite que le padding ne fasse déborder le bloc */ }.section-apropos-olc-header { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }.section-apropos-olc-header-icon { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #2F7CC0, #3DC0BC); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 1.4rem; box-shadow: 0 8px 18px rgba(47, 124, 192, 0.35); flex-shrink: 0; }.section-apropos-olc-title { font-size: 1.8rem; font-weight: 800; color: #455764; margin: 0; }.section-apropos-olc-text { font-size: 1.05rem; line-height: 1.9; color: #2F2F2F; }.section-apropos-olc-text p { margin-bottom: 1.1rem; }.section-apropos-olc-text strong { font-weight: 800; color: #273848; }/* Image intégrée */ .section-apropos-olc-image-inline { float: right; width: 280px; margin: 0 0 20px 30px; }.section-apropos-olc-image { width: 100%; height: auto; border-radius: 20px; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16); object-fit: cover; }.section-apropos-olc-badge-line { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }.section-apropos-olc-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(61, 192, 188, 0.12); color: #2A6BA3; font-size: 0.85rem; font-weight: 600; }.section-apropos-olc-badge i { color: #3DC0BC; font-size: 1rem; }/* --- RESPONSIVE HARMONISÉ --- */ @media (max-width: 1024px) { .section-apropos-olc-card { width: 100% !important; /* S'adapte comme le conteneur d'articles */ } }@media (max-width: 900px) { .section-apropos-olc-card { padding: 28px 18px 35px; }.section-apropos-olc-image-inline { float: none; width: 100%; max-width: 360px; margin: 0 auto 25px; }.section-apropos-olc-title { font-size: 1.6rem; } }

A propos d’Oser le Changement

L'équipe d’Oser le Changement

Oser le Changement est né de la rencontre de plusieurs praticiens venus d’horizons différents, unis par une même conviction : le changement durable naît de l’intelligence collective et d’une approche globale de l’être humain.

Issus de parcours de vie souvent atypiques, ayant pour beaucoup traversé eux-mêmes ou dans leur entourage la souffrance psychique, ils ont d’abord partagé leurs pratiques, leurs questionnements et leurs expériences lors de temps de supervision et d’échanges.

De cette dynamique est née la Méthode ANC, une approche intégrative, stratégique et profondément humaine, orientée vers les racines inconscientes des blocages.

Aujourd’hui, Oser le Changement rassemble un collectif de praticiens engagés, dont fait partie Marion Boisselière, avec la volonté de transmettre, d’accueillir de nouveaux praticiens certifiés, et d’accompagner chaque personne vers un changement profond, durable et respectueux.

Approche humaine Intelligence collective Changement durable