Le Blog - Page 19 : Découvrez Nos Articles

Ils ont osé le changement et racontent leur parcours. Découvrez leurs témoignages après quelques séances !

.blog-header { text-align: center !important; font-family: Arial, sans-serif; padding: 20px; }.blog-header h1 { font-size: 2rem; font-weight: bold; color: #57c0c3; margin-bottom: 15px; }.blog-header h1::after { content: ""; display: block; width: 50%; height: 3px; background-color: #57c0c3; margin: 10px auto; }.blog-header p { font-size: 1.1rem; color: #225885; margin-top: 5%; margin-bottom: 2%; }

/* 1. WRAPPER GLOBAL */ .sec-video-impact-wrapper { width: 100% !important; background: #ffffff; padding: 60px 0; margin: 0 !important; }/* 2. LE CONTENEUR DE RÉFÉRENCE (90% / 1400px) */ .sec-video-impact-container { max-width: 1400px; margin: 0 auto !important; box-sizing: border-box; }/* 3. LA BANNIÈRE ALIGNÉE (Fond gris #F2F6F8) */ .video-banner-impact { position: relative; background-color: #F2F6F8; display: flex; justify-content: center; align-items: center; padding: 80px 40px; overflow: hidden; border-radius: 24px; /* Harmonisé avec le cadre bleu */ width: 100%; box-sizing: border-box; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); }/* Logos décoratifs en filigrane */ .video-banner-impact::before, .video-banner-impact::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.12; z-index: 1; transition: transform 0.5s ease; }/* Positionnement pour qu'ils soient visibles sur les côtés du conteneur 1400px */ .video-banner-impact::before { top: -20px; left: -20px; }.video-banner-impact::after { bottom: -20px; right: -20px; }.video-banner-impact:hover::before { transform: translate(-10px, -10px); } .video-banner-impact:hover::after { transform: translate(10px, 10px); }/* 4. LA VIDÉO (Centrée et optimisée) */ .video-banner-impact iframe { position: relative; z-index: 2; width: 100%; max-width: 750px; /* Taille agrandie pour un meilleur impact sur grand écran */ aspect-ratio: 16 / 9; border-radius: 12px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); border: none; }/* 5. RESPONSIVE */ @media screen and (max-width: 1024px) { .sec-video-impact-container { width: 90% !important; } .video-banner-impact { padding: 50px 20px; } }@media screen and (max-width: 768px) { .video-banner-impact { padding: 40px 15px; border-radius: 20px; } .video-banner-impact::before, .video-banner-impact::after { width: 120px; height: 120px; opacity: 0.08; } .video-banner-impact iframe { width: 100%; max-width: none; } }

Tous nos articles

Retrouvez ici tous nos articles, astuces, et conseils sur des sujets variés. Bonne lecture !

Addiction Alcoolisme Anorexie Boulimie Burn-out Dépression Drogue Tabac

Le Blog - Page 19 : Découvrez Nos Articles

Tous nos articles

Anorexie : comment soigner sa dépendance et prévention

Arrêt cigarette : comment arrêter la cigarette?

Prix cigarette : combien ça coûte une cigarette?

Quelles sont les différentes marques de cigarette ?

Composition cigarette : que contient la cigarette?

Le guide de la cigarette

Fumeur stressé : quels sont les risques et comment me soigner?

Fumeur passif : quels sont les risques ?

Gros fumeur : qu’est-ce qu’un gros fumeur?

Fumeur compulsif : qu’est-ce qu’un fumeur compulsif?

Fumeur occasionnel : quels sont les risques pour le petit fumeur?

Fumeur : les différents types de profils

Tabagisme chez les jeunes : les causes et comment lutter?

Tabagisme chronique : qu’est-ce que le tabagisme chronique?

Tabagisme actif : qu’est-ce que le tabagisme actif?

Tabagisme passif : Qu’est-ce que c’est ? Quels risques ?

Tabagisme : définition, qu’est-ce que c’est ?

Addiction alcool : comment soigner son alcoolisme ?

Définition tabac : qu’est-ce que le tabac?

Consommation excessive et régulière d’alcool : les risques