.vw-80 {
        width: 80vw!important;
        margin:auto;
      }
      .quisuisje{
        text-align: justify;
        background-color: #fff;
        margin-left: 5vw;
        margin-right: 5vw;
      }
      .ou-quand-paragraph{
        font-size:1.6vh;     
        color:#282C35;
        text-align: justify;

      }
      .myped-quisuisje-paragraph{
        font-size:1.6vh;     
        color:#282C35;
      }
      .myped-d
      .lead{
        inline-size:15vw;
        overflow-wrap: break-word;

      }
      #btn-prise-de-rendez-vous a{
      
        background-color:#dc3545;
        color: #fff!important;
        border-color: #b02a37; 
        border-radius: 10px;
        padding: 1vw; 
      
      }
      .myped-paragraph{
        font-size:2vh;
        padding-left:20vw;
        padding-right:20vw;
        color:#282C35;
        
        
      }
      .myped-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
      }


      .mypedTitle{
        min-height:100vh;
        text-align:center;
        font-variant: small-caps;
        padding-top:10vh;
        color:#6B53A3;

      }
      .mypedTitleLimited{
        
        text-align:center;
        font-variant: small-caps;
        padding-top:10vh;
        padding-bottom:10vh;
        color:#6B53A3;

      }
      .myBgDark{
        padding-top:10vw;
        padding-bottom:10vw;
        background-color:#6B53A3;
        color:#fff!important;
        border-radius: 10px;
        margin: 2vw;
        padding: 2vw;
      }
      .myBgLight{
        background-color:#fff;
        color:#6B53A3!important;
      }
      .nav-item{
        font-variant: small-caps;

      }
      @media all and (orientation:portrait) {
        .portraitHide{
          display:none;
        }
        a {
          
          font-size:2vw;
        }
        #myBackgroundImage{
          
          background-size: 30vw;
          background-position: bottom right; 
          background-repeat: no-repeat;
          background-attachment: fixed;
          overflow:scroll;
        }
        #socialTop{
          display:none;
        }
        .tarifImg{
          width: 70vw;
          
        }
      }
      @media (max-width: 600px) {
        .mylogo {
          display: none;
        }
      }

      @media all and (orientation:landscape) {
        .tarifImg{

        }
        .landscapeHide{
          display:none;
        }
        .navbar-brand{
          display:none;
        }

        #socialTop{
          display:flex;
        }
        .socialTopIcon{
          font-size:2vh !important;
          padding:0.2vw;
        }

        a {
          font-size:1.35vw;
        }
        #myBackgroundImage{
          background-image: url('/images/mypedicare.be-logo-bg-portrait.svg');
          background-size: 30vh;
          background-position: bottom right; 
          background-repeat: no-repeat;
          background-attachment: fixed;
          overflow:scroll;
        }
      }
      .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      a {
          text-decoration: none;
          color:#282C35;
          
        }
      #copyright{
        font-size:1vh !important;
      }
      #copyright a{
        font-size:1vh !important;
      }
      .card-text{
        border: #6B53A3 solid 1pt;
      }
      li {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .certifications-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      padding: 20px;
  }
  
  .certification-card {
      border: 1px solid #ccc;
      padding: 10px;
      width: 25vw;
      height: auto;
      text-align: center;
      cursor: pointer;
      transition: transform 0.3s ease;
  }
  
  .certification-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  
  .certification-image {
      width: 100%;
      
      object-fit: cover;
  }
  
  .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      display: none;
      align-items: center;
      justify-content: center;
  }
  
  .overlay-content {
      background-color: white;
      padding: 20px;
      width: 80%;
      max-width: 50%vw;
      font-variant:normal !important;
      text-align: left !important;
  }
  
ul {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}

/* Refonte accessible : contrastes confortables, corps de texte généreux et zones tactiles larges. */
:root { --ink:#263339; --purple:#594280; --lavender:#f2edf8; --sage:#e4f0eb; --green:#397360; --warm:#fffdf9; }
html { scroll-behavior:smooth; scroll-padding-top:92px; }
body { background:var(--warm); color:var(--ink); font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1.6; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(255,253,249,.96); border-bottom:1px solid #e7e1da; box-shadow:0 2px 12px rgba(38,51,57,.05); }
.navbar { min-height:82px; padding:10px 0; }
.navbar-brand { display:flex; align-items:center; min-width:0; }
/* Le logotype horizontal contient déjà le pictogramme : une seule signature sur ordinateur. */
.navbar-brand .brand-mark { display:none; }
.navbar-brand .brand-wordmark { width:210px; max-width:55vw; height:auto; }
.navbar .nav-link { font-size:16px; font-weight:700; color:var(--ink); padding:12px 14px!important; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color:var(--purple); }
.navbar-toggler { border:0; color:var(--purple); font-size:28px; padding:6px; }
.header-phone { font-size:20px; color:var(--purple); margin-left:auto; margin-right:15px; padding:12px; }
#btn-prise-de-rendez-vous a { background:var(--purple); color:#fff!important; border-radius:9px; padding:12px 17px!important; margin-left:8px; }
.skip-link { position:absolute; top:-60px; left:12px; z-index:1000; padding:10px 16px; background:#fff; color:#000; }.skip-link:focus { top:12px; }
.hero { background:linear-gradient(120deg, #f1ebf8 0%, #f8f3ed 65%, #e7f0eb 100%); padding:78px 0 80px; overflow:hidden; }
.hero-content { display:flex; align-items:center; gap:70px; max-width:1170px; }.hero-copy { max-width:620px; }.eyebrow { color:var(--purple); font-weight:800; font-size:17px; letter-spacing:.02em; }.hero h1 { color:var(--ink); font-family:Georgia, serif; font-size:clamp(40px,5vw,64px); line-height:1.12; letter-spacing:-.035em; margin:12px 0 24px; }.hero-lead { font-size:22px; max-width:560px; }.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:32px 0 22px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:12px 22px; border-radius:9px; font-weight:800; font-size:18px; text-decoration:none; }.button-primary { color:#fff; background:var(--green); }.button-primary:hover { color:#fff; background:#285e4c; }.button-secondary { color:var(--purple); background:#fff; border:2px solid var(--purple); }.hero-note { font-size:16px; font-weight:700; }.hero-note i { color:var(--green); }.hero-portrait { position:relative; flex:0 0 360px; }.hero-portrait img { width:100%; display:block; border-radius:180px 180px 18px 18px; box-shadow:18px 18px 0 #d8e6df; }.portrait-caption { position:absolute; right:-30px; bottom:25px; background:#fff; padding:15px 19px; border-radius:8px; box-shadow:0 8px 22px rgba(38,51,57,.15); font-size:15px; }.portrait-caption strong,.portrait-caption span { display:block; }.portrait-caption span { color:#596266; }
.mypedTitleLimited { min-height:auto; display:block; width:100%!important; padding:76px 0!important; margin:0!important; text-align:center; color:var(--ink); font-variant:normal; }.mypedTitleLimited h2 { color:var(--purple); font-family:Georgia,serif; font-size:clamp(34px,4vw,46px); margin:0 0 28px; }.mypedTitleLimited .container { max-width:1120px; }.myped-paragraph,.myped-quisuisje-paragraph,.ou-quand-paragraph { color:var(--ink); font-size:18px!important; line-height:1.7; }.myped-paragraph { padding:0!important; max-width:850px; margin:0 auto 38px; }.mypedTitleLimited:nth-of-type(even) { background:#faf8f4; }
.card { height:100%; border:0; border-radius:12px; overflow:hidden; box-shadow:0 4px 16px rgba(38,51,57,.12)!important; transition:transform .2s; }.card:hover { transform:translateY(-4px); }.card img { aspect-ratio:4/3; object-fit:cover; }.card-body { padding:18px; }.card-text { margin:0; border:0; color:var(--ink); font-size:18px; font-weight:700; }.row-cols-md-4 { width:100%!important; gap:0!important; }
.myBgDark { margin:10px!important; padding:30px!important; background:var(--purple); border-radius:12px; }.myBgDark a { color:#fff; font-size:20px; font-weight:700; }.ou-quand-paragraph { text-align:left; }.ou-quand-paragraph a { font-size:inherit!important; color:var(--purple); text-decoration:underline; }.tarifImg { width:min(100%,680px)!important; border-radius:10px; box-shadow:0 5px 18px rgba(38,51,57,.15); }.site-footer { position:static!important; background:#263339; color:#fff; }.site-footer #copyright { background:transparent!important; padding:22px!important; font-size:15px!important; }.site-footer a { color:#fff!important; font-size:15px!important; text-decoration:underline; }
#prise-de-rendez-vous { background:var(--sage); }.appointment-open-btn,#prise-de-rendez-vous > button { background:var(--green)!important; color:#fff; border:0; border-radius:9px; padding:15px 26px; font-size:19px; font-weight:800; }.appointment-modal { text-align:left; }.appointment-intro { font-size:18px; color:var(--ink); }
@media (max-width:991px) { .navbar-collapse { padding:12px 0; }.navbar .nav-link { font-size:18px; padding:12px 4px!important; }.nav-appointment { margin-top:8px; } #btn-prise-de-rendez-vous a { display:inline-block; margin-left:0; }.hero { padding:52px 0; }.hero-content { gap:38px; }.hero-portrait { flex-basis:300px; } }
@media (max-width:767px) { body { font-size:17px; }.navbar-brand .brand-mark { display:none; }.navbar-brand .brand-wordmark { display:block; width:min(165px, calc(100vw - 170px)); max-width:none; }.hero { padding:42px 0 55px; }.hero-content { display:block; }.hero h1 { font-size:42px; }.hero-lead { font-size:20px; }.hero-portrait { max-width:280px; margin:45px auto 0; }.portrait-caption { right:-17px; bottom:16px; }.mypedTitleLimited { padding:55px 0!important; }.myped-paragraph,.myped-quisuisje-paragraph,.ou-quand-paragraph { font-size:17px!important; }.mypedTitleLimited .container { padding-left:22px; padding-right:22px; }.mypedTitleLimited .row { gap:20px; }.quisuisje { margin:0; }.appointment-open-btn,#prise-de-rendez-vous > button { width:calc(100% - 40px); }.portraitHide { display:none!important; } }

/* La section Formations porte elle-même la classe Bootstrap .container : sans
   cette règle, elle reste limitée à 1140 px et laisse une colonne vide à droite. */
#formations { width:100%; max-width:none; margin:0!important; padding:76px max(24px, calc((100vw - 1120px) / 2))!important; }
#formations .formations-accordion { width:100%; max-width:1120px; margin:0 auto; }
@media (max-width:767px) { #formations { padding:55px 22px!important; } }