.missions-section-wrapper{position:relative;overflow:visible;padding:20px 0 20px 0;margin-top:20px;margin-bottom:20px;z-index:0;}.missions-section-wrapper::after{content:'';position:absolute;top:35%;left:50%;width:100vw;height:450px;background-image:url('../img/demos/fond-card-missions.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50px);margin-top:20px;z-index:-1;}.missions-section{position:relative;z-index:2;padding:20px 0;margin:0 auto;max-width:1200px;}.missions-title{position:relative;z-index:2;text-align:center;margin-bottom:40px;}.mission-card{padding:35px 25px;height:100%;background:#ffffff;text-align:center;border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:transform 0.3s ease;position:relative;z-index:1;max-width:350px;margin:0 auto;will-change:transform;}.mission-card:hover{transform:translateY(-5px) scale(1.02);}.mission-icon{font-size:3rem;color:#f04527;margin-bottom:18px;display:block;}.mission-title{font-weight:600;margin-bottom:18px;font-size:1.2rem;color:#f04527;}.mission-description{text-align:justify;line-height:1.7;color:#666;font-size:0.9rem;}.metier-card{border:3px solid transparent;padding:30px;height:100%;background:white;position:relative;transition:transform 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.08);will-change:transform;}.metier-card:hover{transform:translateY(-10px) scale(1.02);}.metier-card::before{content:'';position:absolute;top:0;left:0;width:80px;height:80px;border-top:3px solid #dc3545;border-left:3px solid #dc3545;transition:width 0.3s ease,height 0.3s ease;}.metier-card:hover::before{width:100px;height:100px;}.metier-card::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:80px;border-bottom:3px solid #dc3545;border-right:3px solid #dc3545;transition:width 0.3s ease,height 0.3s ease;}.metier-card:hover::after{width:100px;height:100px;}.metier-icon{font-size:3.5rem;color:#dc3545;margin-bottom:20px;transition:transform 0.3s ease;will-change:transform;}.metier-card:hover .metier-icon{transform:scale(1.1) translateZ(0);}.metier-title{font-weight:bold;text-transform:uppercase;margin-bottom:15px;font-size:1rem;}.metier-description{text-align:justify;line-height:1.6;color:#333;}/* Hauteur fixe pour les vignettes d'actualité */#news-container .post .card{height:100%;display:flex;flex-direction:column;}#news-container .post .card > div{display:flex;flex-direction:column;height:100%;}#news-container .post .card-body{flex:1;display:flex;flex-direction:column;min-height:450px;max-height:450px;overflow:hidden;}#news-container .post .card-img-top{height:250px;object-fit:cover;width:100%;}#news-container .post .card-text{flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;text-overflow:ellipsis;}/* ============================================ CENTRAGE DE L'IMAGE DÉMATÉRIALISATION ============================================ *//* Centrer l'image dématérialisation.svg dans le cercle SVG - Toutes résolutions */.about-section .max-width-custom-1{position:relative;display:flex;justify-content:center;align-items:center;}.about-section .max-width-custom-1 > .p-absolute{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}.about-section .max-width-custom-1 > .p-relative{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;}.about-section img[src*="dématérialisation.svg"]{margin-left:auto;margin-right:auto;display:block;}/* ============================================ RESPONSIVE DESIGN - MEDIA QUERIES ============================================ *//* Corrections spécifiques pour la page d'accueil *//* Hero Section - Page d'accueil */.custom-wrapper-1{padding-top:80px;}.min-vh-100{min-height:100vh;}/* Contact info dans la carte */.hstack{display:flex;flex-direction:row;align-items:center;}/* Tablette (max 991px) */@media (max-width:991px){/* Hero Section Adjustments */.custom-wrapper-1{padding-top:100px;}.min-vh-100{min-height:auto;padding:40px 0;}/* Texte hero */.text-12{font-size:2.5rem;}.text-4{font-size:1.1rem;}/* Carte de rendez-vous - Ajustement pour tablette */.col-xxl-5.align-self-center{margin-top:50px;margin-left:0;margin-right:0;}.card-body.p-5{padding:3rem;}.text-6{font-size:1.5rem;}/* Contact info horizontal */.hstack{flex-wrap:wrap;gap:15px;}.hstack .vr{display:none;}/* Section "Quelques mots" */.max-width-custom-1{display:flex;justify-content:center;align-items:center;margin:30px auto;padding-top:0;text-align:center;max-width:100%;}/* Règle désactivée pour permettre le positionnement personnalisé *//* .max-width-custom-1 .p-absolute{position:relative;left:auto;top:auto;transform:none;text-align:center;width:100%;}*//* Images SVG */.p-absolute img[width="550"],.p-absolute img[width="470"]{max-width:60%;height:auto;margin:0 auto;display:block;}.max-width-custom-1 img{max-width:60%;height:auto;margin:0 auto;display:block;}/* Missions Section */.missions-section-wrapper{padding:40px 0 20px 0;margin-bottom:20px;}.missions-section-wrapper::after{height:350px;top:30%;background-size:100% 100%;}.mission-card{max-width:100%;margin-bottom:30px;padding:30px 20px;}.mission-icon{font-size:2.5rem;}.mission-title{font-size:1.1rem;}/* Métiers Cards */.metier-card{padding:25px;margin-bottom:30px;}.metier-icon{font-size:3rem;}.metier-card::before,.metier-card::after{width:60px;height:60px;}.metier-card:hover::before,.metier-card:hover::after{width:80px;height:80px;}}/* Mobile (max 767px) */@media (max-width:767px){/* ===== DÉSACTIVATION DES ANIMATIONS - PAGE D'ACCUEIL ===== *//* Désactiver TOUTES les transitions et animations globalement */*{transition:none;animation:none;animation-duration:0s;animation-delay:0s;}/* Désactiver TOUTES les animations appear de la page d'accueil */.appear-animation,[data-appear-animation],[data-appear-animation-delay]{opacity:1;transform:none;animation:none;animation-delay:0s;transition:none;visibility:visible;}/* Désactiver les animations du mark gradient */.mark-gradient{animation:none;}/* Désactiver les float elements (images décoratives) */[data-plugin-float-element]{animation:none;transform:none;position:static;/* Éviter les problèmes de positionnement */}/* Désactiver les animations des SVG icons */[data-icon],[data-plugin-options]{animation:none;}/* ===== HERO SECTION - PAGE D'ACCUEIL ===== *//* Top bar mobile */.notice-top-bar{padding:0;line-height:1.2;}.notice-top-bar .row{padding-top:0;padding-bottom:0;}.notice-top-bar p{line-height:1.2;padding:2px 0;}.notice-top-bar .text-2{font-size:0.75rem;}.notice-top-bar .text-3{font-size:0.9rem;}.notice-top-bar .mx-3{display:none;/* Masquer le séparateur | */}/* Header logo mobile - fixe */.header-logo img{max-width:150px;height:auto;}/* Header fixe en mobile */#header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;}#header .header-body{position:fixed;top:0;left:0;right:0;width:100%;background:white;}.header-row{position:relative;}/* Logo et menu hamburger fixes */.header-logo,.header-btn-collapse-nav{position:relative;}/* Hero wrapper - ajouter padding pour le header fixe */.custom-wrapper-1{padding-top:180px;/* Hauteur bandeau + header + espace pour titre */padding-bottom:0;}/* Hero section - ajuster pour le titre en dessous du logo */.hero-section{margin-top:0;}.hero-section .container{padding-top:40px;/* Espace supplémentaire pour le titre */}/* Hero row - Supprimer min-vh-100 */.min-vh-100{min-height:auto;padding:20px 0;}/* Textes hero */.text-12{font-size:1.8rem;line-height:1.2;margin-bottom:20px;}.text-4.line-height-5{font-size:0.95rem;line-height:1.6;margin-bottom:20px;}/* Colonnes hero - centrer tout sur mobile */.custom-col-1{text-align:center;margin-bottom:30px;}/* Bouton "Nos Services" */.btn.py-3.px-5{padding:12px 30px;font-size:0.9rem;width:100%;max-width:280px;display:inline-block;}/* ===== CARTE DE RENDEZ-VOUS ===== *//* Annuler le margin-top de la colonne sur mobile */.col-xxl-5.align-self-center{margin-top:30px;margin-left:0;margin-right:0;}.card.mb-5{margin-top:0px;margin-bottom:30px;}.card-body.p-5.m-2{padding:25px 20px;margin:10px;}.card-title.text-6{font-size:1.3rem;margin-bottom:15px;}.card-text{font-size:0.9rem;}/* Bouton Cal.com */.btn-lg.text-3-5{font-size:1rem;padding:12px 20px;}/* Contact info dans la carte - Empiler verticalement */.hstack{flex-direction:column;align-items:flex-start;gap:12px;}.hstack > div{width:100%;margin:0;}.hstack .ms-auto,.hstack .me-auto{margin-left:0;margin-right:0;}.hstack .vr{display:none;}.ws-nowrap{white-space:normal;word-break:break-word;}/* ===== IMAGES ET SVG HERO ===== *//* Masquer toutes les images décoratives sur mobile */.hero.d-none.d-lg-block,.p-absolute.z-index-8,div[style*="position:absolute"][style*="top:-200px"]{display:none;}/* Marquee - plus petit sur mobile */.custom-marquee{margin-top:20px;}.custom-marquee p{font-size:700px;}/* ===== SECTIONS "QUELQUES MOTS" ===== *//* Container négatif margin */.container[style*="margin-top:-200px"]{margin-top:30px;padding-top:20px;padding-bottom:150px;margin-bottom:30px;}/* Colonnes sections - Réduire l'espacement pour la section spécialité */.col-lg-5,.col-lg-4{margin-bottom:20px;padding-bottom:20px;}/* Beaucoup d'espace pour la section spécialité */.container > .row:nth-of-type(2) .col-lg-4,.container > .row:nth-of-type(2) .col-lg-5{margin-bottom:20px;padding-bottom:10px;}/* Augmenter les espacements des rangées */.row.align-items-center.justify-content-around.mt-5{margin-top:2rem;margin-bottom:2rem;padding-top:20px;padding-bottom:20px;}/* Énorme espace blanc entre spécialité et missions */.container > .row.align-items-center.justify-content-around:nth-of-type(2){margin-bottom:100px;padding-bottom:20px;}/* Zone très grande pour l'image spécialité avec beaucoup d'espace */.container > .row.align-items-center.justify-content-around:nth-of-type(2) .max-width-custom-1{min-height:200px;margin:0px auto;padding:20px 0;}/* Énorme espace après le bouton de la section spécialité */.container > .row:nth-of-type(2) .col-lg-4 .btn{margin-bottom:20px;}/* Cercle de fond plus grand pour la section spécialité */.container > .row:nth-of-type(2) .max-width-custom-1 img[src*="icon-bg-2"]{max-width:250px;opacity:0.8;}/* Images SVG dans les sections - Centrer avec les cercles de fond */.max-width-custom-1{display:flex;justify-content:center;align-items:center;margin:0px auto;padding:0px;max-width:100%;position:relative;min-height:180px;}/* Cercles de fond - centrés en arrière-plan */.max-width-custom-1 > .p-absolute:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:auto;height:auto;}/* Règle désactivée - le positionnement est géré plus bas dans le fichier *//* @media (min-width:768px){.container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:first-child{top:90%;}.container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:last-child{top:90%;}}*//* Réduire la taille des cercles de fond pour mobile */.max-width-custom-1 img[src*="icon-bg"]{max-width:200px;height:auto;opacity:0.8;}/* Centrer l'image dématérialisation dans le cercle SVG sur mobile et la baisser */.about-section .d-lg-none .max-width-custom-1{position:relative;display:flex;justify-content:center;align-items:center;}.about-section .d-lg-none .max-width-custom-1 > .p-absolute{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}.about-section .d-lg-none .max-width-custom-1 > .p-relative{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;}.about-section .d-lg-none img[src*="dématérialisation.svg"]{margin-left:auto;margin-right:auto;margin-top:90px;transform:none;}/* Réduire l'espace entre le formulaire et "Quelques mots sur nous" sur mobile */.about-section{margin-top:-120px;padding-top:0;}.about-section .row{margin-top:0;}/* Réduire l'espace entre l'image dématérialisation et la section spécialités */.about-section .row.mt-5{margin-top:0.5rem;}/* Images de contenu - centrées par-dessus les cercles - Desktop uniquement *//* Règle désactivée pour permettre le positionnement personnalisé *//* @media (min-width:768px){.max-width-custom-1 > .p-relative,.max-width-custom-1 > .p-absolute:last-child{position:relative;z-index:2;left:auto;top:auto;transform:none;width:100%;display:flex;justify-content:center;align-items:center;}}*/.max-width-custom-1 img[src*="dématérialisation.svg"]{max-width:160px;height:auto;display:block;}/* Match 'Design sans titre (1).avif' size to 'dématérialisation.svg' so image sizing is consistent (targets the img by filename in src;only affects that image). */.max-width-custom-1 img[src*="Design sans titre (1).avif"]{max-width:160px;height:auto;margin:0 auto;display:block;}.max-width-custom-1 img[src*="spécialité.svg"]{max-width:280px;height:auto;margin:0px auto;display:block;}/* Règle désactivée - l'image spécialité.avif n'existe pas *//* .container > .row:nth-of-type(2) .max-width-custom-1 img[src*="spécialité.avif"]{margin-top:40px;}*//* Positionner le cercle SVG plus haut entre le bouton "En savoir plus" et "NOS MISSIONS" */.container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:first-child{top:85%;}/* Positionner l'image spécialité.avif:centrée horizontalement et au même niveau vertical que le cercle */.container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:last-child{top:85%;left:50%;}/* Mobile:agrandir l'image spécialité.svg */@media (max-width:767px){.max-width-custom-1 img[src*="spécialité.svg"]{max-width:280px;height:auto;margin:0 auto;display:block;}/* Règle désactivée - l'image spécialité.avif n'existe pas */ /* .container > .row:nth-of-type(2) .max-width-custom-1 img[src*="spécialité.avif"]{max-width:280px;margin-top:0px;margin-left:auto;margin-right:auto;display:block;}*/ /* Règles désactivées - le positionnement global s'applique sur tous les écrans */ /* .container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:last-child{left:3%;top:60%;}.container > .row:nth-of-type(2) .max-width-custom-1 > .p-absolute:first-child{top:70%;}*/ /* Augmenter la hauteur minimale du conteneur pour faire descendre les deux */ .container > .row:nth-of-type(2) .max-width-custom-1{max-height:200px;padding-top:150px;}/* Increase space / size for Design sans titre.png */.max-width-custom-1 img[src*="Design sans titre.png"],.max-width-custom-1 img[src*="Design%20sans%20titre.png"]{max-width:400px;/* desktop larger */height:auto;margin:30px auto;/* add vertical space above/below */padding:8px 0;/* small padding to separate from surrounding shapes */display:block;}@media (max-width:767px){.max-width-custom-1 img[src*="Design sans titre.png"],.max-width-custom-1 img[src*="Design%20sans%20titre.png"]{max-width:240px;/* mobile */height:auto;margin:20px auto;/* slightly smaller vertical space on mobile */padding:6px 0;display:block;}}}/* Textes des sections */.col-lg-4 h3{font-size:1.5rem;margin-top:0px;padding-top:0px;text-align:center;}.col-lg-4 p{font-size:0.9rem;line-height:1.5;text-align:center;margin-top:5px;margin-bottom:5px;}.col-lg-4 .btn{width:100%;max-width:300px;display:block;margin:5px auto 0px;position:relative;z-index:100;}/* Alignement des sections */.text-lg-start{text-align:center;}.justify-content-around{justify-content:center;}/* Réduire l'espace avant la section missions */.container > .row:has(+ .missions-section-wrapper),.row.align-items-center.justify-content-around:last-of-type{margin-bottom:20px;padding-bottom:0px;}/* ===== MISSIONS SECTION ===== */.missions-section-wrapper{padding:20px 0;margin-top:60px;margin-bottom:30px;}.missions-section-wrapper::after{height:200px;top:25%;background-size:100% 100%;}.missions-section{padding:20px 0;margin:0px;}.missions-title{margin-top:15px;margin-bottom:15px;padding:0px;}.missions-title h2{font-size:1.8rem;margin-top:0px;margin-bottom:5px;}/* Augmenter les marges des sections générales */section.section{margin-top:30px;margin-bottom:30px;padding-top:30px;padding-bottom:30px;}.mission-card{max-width:100%;padding:12px 10px;margin-bottom:6px;border-radius:12px;}.mission-icon{font-size:1.8rem;margin-bottom:8px;}.mission-title{font-size:0.95rem;margin-bottom:6px;}.mission-description{font-size:0.82rem;text-align:left;line-height:1.35;}/* Augmenter l'espace entre les rangées de cartes */.missions-section .row{margin-bottom:15px;}.missions-section .col-md-6,.missions-section .col-lg-4{margin-bottom:15px;padding-bottom:0px;}/* Métiers Section - Réduire l'espacement */#metiers{margin-top:0px;margin-bottom:1rem;padding-top:0px;padding-bottom:1rem;}#metiers .container{padding-top:20px;padding-bottom:20px;}#metiers .row:first-child{margin-bottom:20px;}/* Métiers Cards */.metier-card{padding:12px;margin-bottom:6px;}.metier-icon{font-size:2.1rem;margin-bottom:8px;}.metier-title{font-size:0.92rem;margin-bottom:6px;}.metier-description{font-size:0.82rem;text-align:left;line-height:1.35;}/* Augmenter l'espace entre les rangées de cartes métiers */#metiers .row{margin-bottom:15px;margin-top:15px;}#metiers .col-lg-4{margin-bottom:15px;padding-bottom:0px;}.metier-card::before,.metier-card::after{width:50px;height:50px;border-width:2px;}.metier-card:hover::before,.metier-card:hover::after{width:65px;height:65px;}}/* Petits mobiles (max 575px) */@media (max-width:575px){/* Désactiver TOUTES les transitions et animations */*{transition:none;animation:none;animation-duration:0s;animation-delay:0s;}/* ===== HERO SECTION - PETITS MOBILES ===== *//* Top bar encore plus compact */.notice-top-bar{padding:0 10px;}.notice-top-bar .text-2{font-size:0.7rem;}.notice-top-bar a{font-size:0.7rem;}/* Logo encore plus petit */.header-logo img{max-width:120px;height:auto;}/* Hero - réduction maximale */.custom-wrapper-1{padding-top:20px;}.min-vh-100{padding:15px 0;}/* Titre hero */.text-12{font-size:1.5rem;line-height:1.2;margin-bottom:15px;}.text-4.line-height-5{font-size:0.85rem;line-height:1.5;margin-bottom:15px;}/* Bouton hero */.btn.py-3.px-5{padding:10px 25px;font-size:0.85rem;width:100%;max-width:100%;}/* ===== CARTE DE RENDEZ-VOUS ===== *//* Annuler le margin-top de la colonne sur petits mobiles */.col-xxl-5.align-self-center{margin-top:20px;margin-left:0;margin-right:0;}.card.mb-5{margin-top:0px;}.card-body.p-5.m-2{padding:20px 15px;margin:5px;}.card-title.text-6{font-size:1.2rem;margin-bottom:12px;}.card-text{font-size:0.85rem;margin-bottom:15px;}.btn-lg.text-3-5{font-size:0.95rem;padding:10px 18px;}/* Contact info - encore plus compact */.hstack{gap:10px;}.text-2.text-dark{font-size:0.8rem;}.icons.text-4{font-size:1rem;}/* ===== SECTIONS CONTENU ===== */.container[style*="margin-top:-200px"]{margin-top:25px;padding-top:15px;padding-bottom:100px;}.col-lg-4 h3{font-size:1.3rem;margin-top:15px;padding-top:15px;}.col-lg-4 p{font-size:0.85rem;line-height:1.4;margin-top:10px;margin-bottom:10px;}.col-lg-4 .btn{width:100%;max-width:100%;padding:10px 20px;font-size:0.85rem;margin:5px auto 0px;position:relative;z-index:100;}/* Alignement du contenu */.row.mt-5{margin-top:1.5rem;}.pt-4{padding-top:1rem;}/* Beaucoup d'espace avant missions - petits mobiles */.container > .row:last-of-type{margin-bottom:30px;padding-bottom:20px;}/* Section spécialité avec beaucoup d'espace sur petits mobiles */.container > .row:nth-of-type(2) .max-width-custom-1{min-height:180px;margin:0px auto;padding:20px 0;}.container > .row:nth-of-type(2) .max-width-custom-1 img[src*="spécialité.svg"]{max-width:280px;margin:0px auto;}.container > .row:nth-of-type(2) .max-width-custom-1 img[src*="icon-bg-2"]{max-width:220px;opacity:0.7;}/* ===== MISSIONS SECTION ===== */.missions-section-wrapper{padding:15px 0;margin-top:60px;margin-bottom:25px;}.missions-section-wrapper::after{height:160px;top:20%;background-size:100% 100%;}.missions-title h2{font-size:1.5rem;margin-top:0px;margin-bottom:5px;padding-top:0px;}.mission-card{padding:12px 10px;margin-bottom:6px;border-radius:12px;}.mission-icon{font-size:1.8rem;margin-bottom:8px;}.mission-title{font-size:0.95rem;margin-bottom:6px;}.mission-description{font-size:0.8rem;line-height:1.35;}/* Métiers Cards */.metier-card{padding:12px;margin-bottom:6px;}.metier-icon{font-size:2rem;margin-bottom:8px;}.metier-title{font-size:0.9rem;margin-bottom:6px;}.metier-description{font-size:0.8rem;line-height:1.35;}.metier-card::before,.metier-card::after{width:40px;height:40px;}.metier-card:hover::before,.metier-card:hover::after{width:55px;height:55px;}}