:root{
    --stone:      #f7f4ef;
    --ink:        #1f2a24;
    --moss:       #3d5c46;
    --clay:       #a8622f;
    --mist:       #7c8d84;
    --hero-h:     100vh;
    --dark:       #333;
    --primary:    #74bce5;
    --white:      #f1f1f1;
    --gray-neutre: #e9e6e6;
  }

  *{ margin:0; padding:0; box-sizing:border-box; }

  html{ scroll-behavior:smooth; }

  body{
    font-family:'Manrope', sans-serif;
    color:var(--ink);
    background:var(--stone);
    overflow-x:hidden;
  }

        p { margin-bottom: 8px; font-size: 1.1rem; }
        hr {
        border: none; 
        box-shadow: none; 
        height: 1px; 
        background-color: var(--clay); 
        margin-bottom: 8px;
        margin-top: 8px;
        }
  /* ---------- NAV ---------- */

  .nav{
    position:fixed;
    top:0; left:0; right:0;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1.6rem 6vw;
    will-change:opacity, transform;
    transition:opacity .25s ease;
  }

  .nav__logo{
    display:flex;
    align-items:center;
    width:76px;
    height:76px;
    filter:drop-shadow(0 1px 6px rgba(0,0,0,.25));
  }

  .nav__logo svg{
    width:100%;
    height:100%;
  }

  .nav__menu{
    display:flex;
    align-items:center;
    gap:2rem;
    list-style:none;
    padding:.50rem 0.5rem .50rem 1.3rem;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border:0px solid rgba(255,255,255,.16);
  }

  .nav__menu a{
    color:#fff;
    text-decoration:none;
    font-size:.8rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    opacity:.9;
    transition:opacity .2s ease;
  }

  .nav__menu a:hover{ opacity:1; color: var(--primary); }

.nav__menu li:last-child a {
    padding:.50rem 1.6rem;
    border: 1px solid rgba(116, 188, 229, .6);
    border-radius: 999px; 
    line-height: 1.6rem;
    background-color: var(--primary);
    color: var(--white);
    display: inline-block; 
    transition: all 0.3s ease; /* Rend l'effet au survol fluide */
}

/* Effet au survol du bouton */
.nav__menu li:last-child a:hover {
    border: 1px solid rgba(116, 188, 229, .6);
    background-color: var(--white);
    color: var(--primary);
}

.nav__menu .current-menu-item a {
    opacity: 1;
    font-weight: 900;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    color: var(--primary);
}

  .nav__menu a.nav__cta.is-active{
    border:none;
    background:transparent;
    padding:.55rem 0;
  }

  /* ---------- MENU BURGER (mobile) ---------- */

  .nav__burger{
	margin-top:-20px;
    display:none;
    align-items:center;
    gap:.6rem;
    padding:.73rem 1.5rem .78rem;
    border:2px solid rgba(255,255,255,.6);
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-size:.88rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
  }

  .nav__burger-lines{
    position:relative;
    width:18px;
    height:14px;
  }

  .nav__burger-lines span{
    position:absolute;
    left:0;
    width:20px;
    height:2px;
    background:#fff;
    border-radius:0px;
    transition:transform .3s ease, opacity .3s ease, top .3s ease;
	margin-top:-1px;
  }

  .nav__burger-lines span:nth-child(1){ top:0; }
  .nav__burger-lines span:nth-child(2){ top:8px; }
  .nav__burger-lines span:nth-child(3){ top:16px; }

  .nav__burger.is-open .nav__burger-lines span:nth-child(1){
    top:8px;
    width:23px;
    height:2px;
    transform:rotate(45deg);
  }

  .nav__burger.is-open .nav__burger-lines span:nth-child(2){
    opacity:0;
  }

  .nav__burger.is-open .nav__burger-lines span:nth-child(3){
    top:8px;
	  width:23px;
	  height:3px;
    transform:rotate(-45deg);
  }
  

  .nav__mobile-menu {
    position:fixed;
    top:5.2rem; left:5vw; right:5vw;
    z-index:19;
    display:flex;
    flex-direction:column;
    gap:1.1rem;
    padding:1.4rem 1.6rem;
    border-radius:20px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.18);
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .25s ease, transform .25s ease;
	list-style-type: none;
  }
  
   .nav__mobile-menu ul{
	  list-style-type: none;
  }
  
   .nav__mobile-menu ul li{
	  padding: 8px 0;
	  border-bottom: 1px solid rgba(255,255,255,.18);
  }
  .nav__mobile-menu ul li a:hover {
	  color: var(--primary);
	  font-weight:700;
  }
  
  .nav__mobile-menu.is-open{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }

  .nav__mobile-menu a{
    color:#fff;
    text-decoration:none;
    font-size:.85rem;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

  .nav__mobile-menu .current-menu-item a {
    opacity: 1;
    font-weight: 900;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    color: var(--ink);
}

  .nav__mobile-menu a.nav__cta{
    text-align:center;
    padding:.55rem 1.2rem;
    border:1px solid rgba(255,255,255,.6);
    border-radius:999px;
	  background-color:var(--primary);
  }
  
    .nav__mobile-menu a.nav__cta:hover {
		background-color:var(--white);
		border:1px solid rgba(116,188,229,.6);
		color: var(--primary);		
  }

  @media (max-width:990px){
    .nav{ padding:1.2rem 5vw; }
    .nav__menu{ display:none; }
    .nav__burger{ display:flex; }
  }

  /* ---------- HERO ---------- */

  .hero{
    position:relative;
    height:var(--hero-h);
    min-height:520px;
    overflow:hidden;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }

  .hero__bg{
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100vh;
    min-height:520px;
    background-size:cover;
    background-position:center 40%;
    will-change:transform, opacity;
    transform:scale(1);
    opacity:1;
    z-index:0;
  }

  .hero__bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(20,26,22,.15) 0%, rgba(20,26,22,.05) 40%, rgba(20,26,22,.35) 100%);
  }

  .hero__content{
    position:relative;
    z-index:1;
    text-align:center;
    color:#fff;
    padding:19vh 6vw 0;
  }

  .hero__eyebrow{
    font-size:.8rem;
    letter-spacing:.3em;
    text-transform:uppercase;
    opacity:.85;
    margin-top:1.2rem;
  }

  .hero__title{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:clamp(2.4rem, 7vw, 5rem);
    line-height:1.02;
    text-shadow:0 2px 24px rgba(0,0,0,.25);
  }

  .hero__scroll{
    position:absolute;
    bottom:4vh; left:50%;
    transform:translateX(-50%);
    z-index:1;
    color:#fff;
    font-size:.75rem;
    letter-spacing:.2em;
    text-transform:uppercase;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.6rem;
    opacity:.9;
  }

  .hero__scroll span{
    width:1px; height:32px;
    background:rgba(255,255,255,.7);
    animation:pulse 1.8s ease-in-out infinite;
  }

  @keyframes pulse{
    0%,100%{ transform:scaleY(1); opacity:.5; }
    50%{ transform:scaleY(1.3); opacity:1; }
  }

  /* ---------- SECTION BLANCHE (part à 50% de la hauteur) ---------- */

  .panel{
    position:relative;
    z-index:2;
    margin-top:-25vh;             /* remonte moins, laisse voir davantage l'image du hero */
    background:var(--stone);
    border-radius:32px 32px 0 0;
    box-shadow:0 -20px 60px rgba(20,26,22,.18);
    padding:4.5rem 6vw 6rem;
  }
  
    .pane2{
    position:relative;
    z-index:2;
    margin-top:-10vh;             /* remonte moins, laisse voir davantage l'image du hero */
    background:var(--stone);
    border-radius:32px 32px 0 0;
    box-shadow:0 -20px 60px rgba(20,26,22,.18);
    padding:4.5rem 6vw 6rem;
  }

  .panel__intro{
    max-width:1200px;
    margin:0 auto 4rem;
    text-align:center;
  }
  
  .panel2__intro{
    max-width:1200px;
    margin:0 auto 4rem;
    text-align:center;
   	margin-top:40px;
  }

  .panel__label, .panel2__label{
    display:inline-block;
    font-size:.75rem;
    letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--clay);
    margin-bottom:1rem;
  }

  .panel__intro h2, .panel2__intro h2{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:clamp(1.8rem, 4vw, 2.6rem);
    line-height:1.15;
    margin-bottom:1.2rem;
  }

  .panel__intro p, .panel2__intro p{
    color:var(--mist);
    font-size:1.05rem;
    line-height:1.7;
  }

  .grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:2rem;
	margin-top:20px;
  }

  .card{
    background:#fff;
    border:1px solid #ece7dd;
    border-radius:18px;
    padding:0;
  }
  .card img {
	  border-top-left-radius:18px;
	  border-top-right-radius:18px;
	  width: 100%;
	  height: 200px;     /* FORCE une hauteur fixe pour toutes les images */
      object-fit: cover;
  }
  
  .card2{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.18);
    border-radius:18px;
    padding:2rem 1.6rem;
  }

  .card__num{
    color:var(--clay);
    margin-bottom:.8rem;
  }

  .card h3{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:1.25rem;
  	padding: 5px 18px;
  }

  .card p{
    color:var(--mist);
    font-size:.95rem;
    line-height:1.6;
	padding:2px 18px;
  }
  
  .card .conteneur-flex, .card2 .conteneur-flex {
  display: flex;
  justify-content: center; /* Centre horizontalement */
  align-items: center;     /* Centre verticalement (optionnel) */
  margin:10px;  /* Juste pour l'exemple */
  }
  
  .card .readmore, .card2 .readmore, .conteneur-flex .readmore {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 50px;
  text-align: center;
  background: linear-gradient(to right, rgba(116,188,229,1.0), rgba(116,188,229,0.6));
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
  .card .readmore:hover, .card2 .readmore:hover, .conteneur-flex .readmore:hover {
	  background-image: none;
	  background-color: var(--white);
	  color:var(--primary);
  }


  /* ---------- SECTION IMAGE DE FIN ---------- */

  .closing{
    position:relative;
    height:140vh;
    min-height:800px;
    margin-top:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
  }

  .closing__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center 35%;
    transform:scale(1.35);
    opacity:0;
    will-change:transform, opacity;
  }

  .closing::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg, rgba(20,26,22,.45) 0%, rgba(20,26,22,.15) 45%, rgba(20,26,22,.5) 100%);
  }

  .closing__content{
    position:relative;
    z-index:2;
    color:#fff;
    padding:0 6vw;
  }

  .closing__label{
    display:block;
    font-size:.75rem;
    letter-spacing:.25em;
    text-transform:uppercase;
    opacity:.85;
    margin-bottom:1rem;
  }

  .closing__content h2{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:clamp(2rem, 5.5vw, 3.6rem);
    line-height:1.1;
    text-shadow:0 2px 24px rgba(0,0,0,.3);
  }

  @media (max-width:760px){
    .grid{ grid-template-columns:1fr; }
    .panel, .pane2 { padding:3.5rem 6vw 4rem; border-radius:24px 24px 0 0; }
    .hero__title{ font-size:clamp(2rem, 9vw, 3rem); }
    .closing{ min-height:2420px; }
  }

  @media (prefers-reduced-motion: reduce){
    .hero__bg{ transition:none !important; }
    .hero__scroll span{ animation:none; }
  }

  /* ---------SIDEBAR COL -------*/

  /* Clear floats after the columns */
            .row:after {
            content: "";
            display: table;
            clear: both;
            }
            .leftcolumn {   
            float: left;
            width: 75%;
            }

            /* Right column */
            .rightcolumn {
            float: left;
            width: 25%;
            padding-left: 20px;
            }

  /* ---------- FOOTER ---------- */

  .footer{
    position:relative;
    z-index:2;
    background:var(--stone);
    padding:4.5rem 6vw 2.2rem;
  }

/* =========================================================
   STRUCTURE DU FOOTER (ORDINATEUR / TABLETTE LARGE)
========================================================= */
.footer_top {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 3rem;
    border-bottom: 1px solid #e6e1d6;
    
    /* On passe en Flexbox pour forcer l'alignement */
    display: flex !important;
    flex-wrap: wrap !important; /* Permet le retour à la ligne sur mobile */
    gap: 2.5rem;
}

/* Force la largeur de chaque bloc de colonne */
.footer_top .footer__col {
    /* (100% / 4 colonnes) moins l'espace des gaps */
    flex: 1 1 calc(25% - 2rem) !important; 
    min-width: 200px; /* Sécurité pour éviter que les colonnes ne deviennent trop petites */
    box-sizing: border-box;
}


/* =========================================================
   VERSION MOBILE (Écrans de moins de 768px)
========================================================= */
@media (max-width: 768px) {
    .footer_top {
        /* On réduit l'espace global sur mobile */
        gap: 1.5rem !important; 
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .footer_top .footer__col {
        /* Force chaque colonne à prendre 100% de la largeur de l'écran (1 seule colonne) */
        flex: 1 1 100% !important; 
        width: 100% !important;
    }
}

  .footer__brand__info {
	   display: inline-block;
  }
  .footer__brand__logo {
	   width:76px;
	   height:76px;
	   filter:drop-shadow(0 1px 6px rgba(0,0,0,.25));
  }
  
    .footer__brand__logo svg {
		width:100%;
        height:100%;
	}

  .footer__brand h3{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:1.3rem;
    margin-bottom:.9rem;
  }

  .footer__brand p{
    color:var(--mist);
    font-size:.92rem;
    line-height:1.6;
    max-width:280px;
  }


  .footer__bottom{
    max-width:1200px;
    margin:0 auto;
    padding-top:1.6rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:1rem;
    font-size:.9rem;
    color:var(--mist);
  }

  .footer__bottom a {
    text-decoration: none;
    color:var(--primary);
  }
   .footer__bottom a:hover {
      color:var(--mist);
   }

  @media (max-width:768px){
    .row {
        display: block;
    }
    .leftcolumn, .rightcolumn {   
        width: 100%;
        padding: 0;
    }
    .rightcolumn { 
        margin-top:20px;
        margin-bottom: 20px;
    }
  }

  /* ---------- BOUTON SCROLL TOP ---------- */

  .scroll-top{
    position:fixed;
    right:2rem; bottom:2rem;
    z-index:15;
    width:48px; height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:50%;
    background:var(--ink);
    color:#fff;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(20,26,22,.25);
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:opacity .3s ease, transform .3s ease, background .2s ease;
  }

  .scroll-top:hover{ background:var(--primary); }

  .scroll-top.is-visible{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }

  .scroll-top svg{ width:18px; height:18px; }

  @media (max-width:640px){
    .scroll-top{ right:1.2rem; bottom:1.2rem; width:44px; height:44px; }
  }

  /* MENU SOCIAL NETWORK */
/* 1. Structure du menu avec Flexbox */
.social-menu {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}

/* 2. Style des liens et masquage du texte */
.social-menu a {
    display: inline-flex;
    width: 24px;  /* Taille de votre picto */
    height: 24px;
    font-size: 0; /* Masque le texte du lien proprement */
    color: var(--text-dark);  /* Couleur par défaut de l'icône */
    transition: color 0.3s ease, transform 0.2s ease;
    position: relative;
}

/* Effet au survol global (facultatif) */
.social-menu a:hover {
    color: var(--primary); /* Couleur au survol */
   /* transform: translateY(-2px);*/
}

/* 3. Configuration du pseudo-élément pour accueillir le SVG */
.social-menu a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor; /* Permet au SVG de changer de couleur au :hover */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* 4. Injection dynamique des pictogrammes SVG selon l'URL */
.social-menu a[href*="facebook.com"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}

.social-menu a[href*="linkedin.com"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.23 0H1.77C.8 0 0 .77 0 1.72v20.56C0 23.23.8 24 1.77 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.2 0 22.23 0zM7.12 20.45H3.56V9H7.12v11.45zM5.34 7.43c-1.14 0-2.06-.92-2.06-2.06 0-1.14.92-2.06 2.06-2.06 1.14 0 2.06.92 2.06 2.06 0 1.14-.92 2.06-2.06 2.06zm15.11 13.02h-3.56v-5.6c0-1.34-.03-3.05-1.86-3.05-1.86 0-2.14 1.45-2.14 2.95v5.7H9.33V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.23 0H1.77C.8 0 0 .77 0 1.72v20.56C0 23.23.8 24 1.77 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.2 0 22.23 0zM7.12 20.45H3.56V9H7.12v11.45zM5.34 7.43c-1.14 0-2.06-.92-2.06-2.06 0-1.14.92-2.06 2.06-2.06 1.14 0 2.06.92 2.06 2.06 0 1.14-.92 2.06-2.06 2.06zm15.11 13.02h-3.56v-5.6c0-1.34-.03-3.05-1.86-3.05-1.86 0-2.14 1.45-2.14 2.95v5.7H9.33V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29z'/%3E%3C/svg%3E");
}

.social-menu a[href*="instagram.com"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E");
}

.social-menu a[href*="x.com"]::before,
.social-menu a[href*="twitter.com"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.social-menu a[href*="tiktok.com"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.02 1.59 4.23.73.9 1.69 1.63 2.77 2.06v4.01c-1.35-.11-2.68-.61-3.75-1.47-.66-.53-1.21-1.19-1.6-1.94v6.52c-.06 1.83-.58 3.65-1.58 5.14-1.46 2.13-3.9 3.45-6.48 3.44-2.83-.05-5.46-1.71-6.62-4.32-1.43-3.05-.6-6.86 2.02-8.98 1.55-1.29 3.59-1.9 5.61-1.64v3.99c-.71-.16-1.47-.1-2.11.23-.97.47-1.64 1.49-1.67 2.57-.08 1.62 1.2 3.05 2.81 3.09 1.46.08 2.83-.94 3.09-2.39.06-.29.08-.59.08-.88V.02z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.02 1.59 4.23.73.9 1.69 1.63 2.77 2.06v4.01c-1.35-.11-2.68-.61-3.75-1.47-.66-.53-1.21-1.19-1.6-1.94v6.52c-.06 1.83-.58 3.65-1.58 5.14-1.46 2.13-3.9 3.45-6.48 3.44-2.83-.05-5.46-1.71-6.62-4.32-1.43-3.05-.6-6.86 2.02-8.98 1.55-1.29 3.59-1.9 5.61-1.64v3.99c-.71-.16-1.47-.1-2.11.23-.97.47-1.64 1.49-1.67 2.57-.08 1.62 1.2 3.05 2.81 3.09 1.46.08 2.83-.94 3.09-2.39.06-.29.08-.59.08-.88V.02z'/%3E%3C/svg%3E");
}

.social-menu a[href*="youtube.com"]::before,
.social-menu a[href*="youtu.be"]::before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

/* MENU SOCIAL NET WORK END */

/*Formulaire de contact*/
.col-form, .colpaging {
  float: left;
  width: 50%;
  padding: 10px;
}

@media screen and (max-width: 800px) {
   .col-form {
    width: 100%;
    padding: 10px;
    }
    .colpaging {
    float: left;
    width: 100%;
    padding: 10px;
    }
}

.col-form-big {
  float: left;
  width: 100%;
  padding: 10px;
}


fieldset, .screen-reader-response ul, .hidden-fields-container {
  border: none;
  padding-left: 15px;
  list-style-type: none;
}

/* Champs texte et email */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
 /* background-image: linear-gradient(to right, rgba(29,173,153,0.9), rgba(29,173,153,0.5));*/
  background-color: var(--gray-neutre);
  border-radius: 25px;
  border: none;
  padding: 14px;
  color: var(--primary); ;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
}

/* Effet focus */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  background-image: none;
  border:none;
  background-color: var(--white);
  color: var(--text-dark);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Placeholder couleur blanche sur fond dégradé */
.wpcf7 ::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

/* Bouton submit */
.wpcf7 input[type="submit"] {
  background-image: linear-gradient(135deg, rgba(116,188,229,1), rgba(116,188,229,0.5));
  border-radius: 25px;
  padding: 14px 35px;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--white);
}

/* Hover du bouton */
.wpcf7 input[type="submit"]:hover {
  background-image: none;
  background-color: var(--white);
  border: 1px solid var(--primary);
  color: var(--primary);
}

/* Animation légère sur clic */
.wpcf7 input[type="submit"]:active {
  transform: scale(0.97);
}

/* Pour uniformiser le textarea */
.wpcf7 textarea {
  resize: vertical;
  min-height: 120px;
}

/* Pagination */
.pagination {
  margin-top: 2rem;
  margin-bottom: 4rem;
  text-align: center;
}

.pagination a, .pagination span {
  display: inline-block;
  margin: 0 0.3rem;
  padding: 0.3rem 0.3rem;
  text-decoration: none;
  color: var(--dark);
}
.pagination .page-numbers {
    border: 1px solid var(--mist);
    margin-bottom: 8px;
}

.pagination a:hover {
  background: var(--mist);
  color: var(--white);
}

.pagination .current {
  font-weight: bold;
  background: var(--primary);
  color: var(--white);
  margin-bottom: 8px;
}

.pagination .next, .pagination .prev {
    padding: 0.6rem 0.6rem;
    margin-bottom: 8px;
}
.post-content {
  padding: 10px 20px;
}
.post-date {
  font-size: 0.9rem;
  color:var(--mist);
}
.post-categories {
    display:inline-block;
    font-size:.74rem;
    letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--clay);
    margin-bottom:1rem;
}

.post-categories-home {
    display:inline-block;
    font-size:.74rem;
    letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--clay);
    padding: 0px 20px;
}

.post-excerpt-news .post-title h2 {
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:1.28rem;
	  padding: 5px 18px;
}

.post-excerpt-news .card__num {
  text-align: center;
  font-size: 1.2rem;
}

.post-title a {
  font-family:'Fraunces', serif;
  font-weight:600;
  text-decoration: none;
  color: var(--clay);
}

.entry-content {
    margin-top:10px;
    margin-bottom: 10px;
}

.entry-content ul {
    margin-left: 20px;
}

.entry-content a {
  text-decoration: none;
  color:var(--primary);
}

.entry-content a:hover {
    color: var(--mist);
}

.item-excerpt {
    margin-top:10px;
    margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 22px;
    text-transform: lowercase;
}
.item-excerpt a {
        text-decoration: none;
        color:var(--primary);
}
.item-excerpt a:hover {
        color:var(--mist);
}

.post-navigation a {
  text-decoration: none;
  color:var(--primary);
}
.post-navigation a:hover{ 
   color:var(--mist);
}

.video-responsive-container {
  width: 100%;            /* Prend toute la largeur disponible de son parent */
  max-width: 800px;       /* Optionnel : évite que la vidéo devienne gigantesque sur grand écran */
  margin: 20px auto;      /* Centre la vidéo horizontalement */
  aspect-ratio: 16 / 9;   /* Magie moderne : maintient le ratio cinéma automatiquement */
}

.video-responsive-container-single {
  width: 40%;            /* Prend toute la largeur disponible de son parent */
  max-width: 420px;       /* Optionnel : évite que la vidéo devienne gigantesque sur grand écran */
  aspect-ratio: 16 / 9;   /* Magie moderne : maintient le ratio cinéma automatiquement */
}

 @media (max-width: 800px) {
     .video-responsive-container-single {
         width: 100%;  
         aspect-ratio: auto;
         height: auto; 
     }
 }
.video-responsive-container iframe, .video-responsive-container-single iframe {
  width: 100%;
  height: 100%;
  border-radius: 0px;    
}

.widget-title {
    font-size:.87rem;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--clay);
    margin-bottom:1.1rem;
}

.textwidget p {
    color:var(--mist);
    font-size:.95rem;
    line-height:1.3;
}

 /*widget last news */
        /* short code widget last news */
            .widgetlist {
            list-style: none;
            padding: 0;
            margin: 0;
            background-color: transparent;
            }

            .widgetlist .widgetitem {
            display: flex;
            align-items: left;
            gap: 8px;
            margin-bottom:8px;
            }

            .widgetlist .widgetthumbnail {
            width: 75px;
            height: 75px;
            object-fit: cover;
            flex-shrink: 0;
            border-radius: 10px;
            }

            .widgetlist .widgetcontent {
            display: flex;
            flex-direction: column;
            }

            .widgetlist .widgettitle {
            margin: 0;
            font-size: inherit;
            line-height: 22px;
            }

            .widgetlist .widgettitle a {
            text-decoration: none;
            color: var(--social-color);
            font-weight: 400; 
            font-size:.94rem;

            }

            .widgetlist .widgettitle a:hover {
            text-decoration: none;
            color: var(--primary);
            }

            .widgetlist .widgetdate {
            margin: 2px 0 0 0;
            font-size: 12px;
            color: inherit;
            }

            /* Fin shortcode widget*/

        .rpwwt-widget ul {
        list-style: none!important;
        margin-left: 10px;;
        }

        .rpwwt-post-title {
        padding: 8px;
        }

        /* =========================
   MENU SECONDAIRE (footer)
   ========================= */
.widget_nav_menu ul {
  display: flex;
  flex-direction: column;        /* vertical */
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_nav_menu li {
  border-bottom: 2px dotted var(--mist);
}

.widget_nav_menu a {
  text-decoration: none;
  line-height: 1.6;
  color: var(--moss);
  font-weight: 400;
  font-size:.98rem;
  transition: color 0.3s ease;
}

.widget_nav_menu a:hover {
  color: var(--primary);
}

.widget_nav_menu .current-menu-item > a,
.widget_nav_menu .current_page_item > a {
  font-weight: 700;
  color: var(--primary);
}

/* HEADER IMAGE PAGES FOND POUR TITRES */

                    .hero-section-pages {
                        position: relative;
                        width: 100%; 
                        height: 250px;
                        margin-top: 0;
                        background-size: cover;
                        background-position: center right;
                        background-repeat: no-repeat;
                        display: flex;
                        align-items: flex-end;    /* aligne le contenu en bas */
                        padding-bottom: 20px; 
                        border-top-left-radius: 25px;
                        border-top-right-radius: 25px;
                    }

                    .hero-section-pages::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
                        inset: 0;
                    }

                    .hero-section-consultations {
                        position: relative;
                        width: 100%; 
                        height: 380px;
                        margin-top: 0;
                        background-size: cover;
                        background-position: center right;
                        background-repeat: no-repeat;
                        display: flex;
                        align-items: flex-end;    /* aligne le contenu en bas */
                        padding-bottom: 20px;
                        border-top-left-radius: 25px;
                        border-top-right-radius: 25px;
                    }

                    .hero-section-consultations::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
                        inset: 0;
                    }

                     .hero-section-prices {
                        position: relative;
                        width: 100%; 
                        min-height: 450px;
                        height: auto;
                        margin-top: 0;
                        background-size: cover;
                        background-position: center center;
                        background-repeat: no-repeat;
                        display: flex;
                        align-items: flex-end;    /* aligne le contenu en bas */
                        padding-bottom: 20px;
                        border-top-left-radius: 25px;
                        border-top-right-radius: 25px;
                    }

                    .hero-section-prices::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
                        inset: 0;
                    }

                    .page-title {
                        font-size: 1.8rem;
                        font-weight: 700;
                        color: var(--white);
                        text-align: left;
                        padding-left: 10px;
                    }

                    .page-title-contact {
                        font-size: 1.8rem;
                        font-weight: 700;
                        text-align: left;
                        margin-bottom: 20px;
                        color: var(--text-dark);
                    }

                      /*Mes Pictos*/
/* ==========================================================================
   Classe de Base commune pour tous les Pictogrammes
   ========================================================================== */
.picto {
    display: inline-block;
    width: 24px;   /* Taille par défaut ajustable */
    height: 24px;
    background-color: currentColor; /* Permet de changer la couleur via le CSS (ex: color: red;) */
    vertical-align: middle;
    
    /* Propriétés de masquage */
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

/* Modifier les tailles facilement si besoin */
.picto-sm { width: 16px; height: 16px; }
.picto-lg { width: 20px; height: 20px; }
.picto-xl { width: 25px; height: 25px; }
.picto-xxl { width: 30px; height: 30px; }
.picto-xxxl { width: 40px; height: 40px; }

/* ==========================================================================
   Attributs Spécifiques (SVG encodés en Data URI)
   ========================================================================== */

/* Clock */
.picto-clock {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z'/%3E%3C/svg%3E");
}

/* Charte */
.picto-charte {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M595-355q-35-35-35-85t35-85q35-35 85-35t85 35q35 35 35 85t-35 85q-35 35-85 35t-85-35Zm113.5-56.5Q720-423 720-440t-11.5-28.5Q697-480 680-480t-28.5 11.5Q640-457 640-440t11.5 28.5Q663-400 680-400t28.5-11.5ZM440-40v-116q0-21 10-39.5t28-29.5q32-19 67.5-31.5T618-275l62 75 62-75q37 6 72 18.5t67 31.5q18 11 28.5 29.5T920-156v116H440Zm79-80h123l-54-66q-18 5-35 13t-34 17v36Zm199 0h122v-36q-16-10-33-17.5T772-186l-54 66Zm-76 0Zm76 0Zm-518 0q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v200q-16-20-35-38t-45-24v-138H200v560h166q-3 11-4.5 22t-1.5 22v36H200Zm80-480h280q26-20 57-30t63-10v-40H280v80Zm0 160h200q0-21 4.5-41t12.5-39H280v80Zm0 160h138q11-9 23.5-16t25.5-13v-51H280v80Zm-80 80v-560 137-17 440Zm480-240Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M595-355q-35-35-35-85t35-85q35-35 85-35t85 35q35 35 35 85t-35 85q-35 35-85 35t-85-35Zm113.5-56.5Q720-423 720-440t-11.5-28.5Q697-480 680-480t-28.5 11.5Q640-457 640-440t11.5 28.5Q663-400 680-400t28.5-11.5ZM440-40v-116q0-21 10-39.5t28-29.5q32-19 67.5-31.5T618-275l62 75 62-75q37 6 72 18.5t67 31.5q18 11 28.5 29.5T920-156v116H440Zm79-80h123l-54-66q-18 5-35 13t-34 17v36Zm199 0h122v-36q-16-10-33-17.5T772-186l-54 66Zm-76 0Zm76 0Zm-518 0q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v200q-16-20-35-38t-45-24v-138H200v560h166q-3 11-4.5 22t-1.5 22v36H200Zm80-480h280q26-20 57-30t63-10v-40H280v80Zm0 160h200q0-21 4.5-41t12.5-39H280v80Zm0 160h138q11-9 23.5-16t25.5-13v-51H280v80Zm-80 80v-560 137-17 440Zm480-240Z'/%3E%3C/svg%3E");
}

/* Stetoscope */
.picto-stetoscope {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M540-80q-108 0-184-76t-76-184v-23q-86-14-143-80.5T80-600v-240h120v-40h80v160h-80v-40h-40v160q0 66 47 113t113 47q66 0 113-47t47-113v-160h-40v40h-80v-160h80v40h120v240q0 90-57 156.5T360-363v23q0 75 52.5 127.5T540-160q75 0 127.5-52.5T720-340v-67q-35-12-57.5-43T640-520q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 70T800-407v67q0 108-76 184T540-80Zm248.5-411.5Q800-503 800-520t-11.5-28.5Q777-560 760-560t-28.5 11.5Q720-537 720-520t11.5 28.5Q743-480 760-480t28.5-11.5ZM760-520Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M540-80q-108 0-184-76t-76-184v-23q-86-14-143-80.5T80-600v-240h120v-40h80v160h-80v-40h-40v160q0 66 47 113t113 47q66 0 113-47t47-113v-160h-40v40h-80v-160h80v40h120v240q0 90-57 156.5T360-363v23q0 75 52.5 127.5T540-160q75 0 127.5-52.5T720-340v-67q-35-12-57.5-43T640-520q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 70T800-407v67q0 108-76 184T540-80Zm248.5-411.5Q800-503 800-520t-11.5-28.5Q777-560 760-560t-28.5 11.5Q720-537 720-520t11.5 28.5Q743-480 760-480t28.5-11.5ZM760-520Z'/%3E%3C/svg%3E");
}

/* Handicap */
.picto-handicap {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M260-720q-33 0-56.5-23.5T180-800q0-33 23.5-56.5T260-880q33 0 56.5 23.5T340-800q0 33-23.5 56.5T260-720ZM200-80v-280h-80v-240q0-33 23.5-56.5T200-680h120q33 0 56.5 23.5T400-600v78q-63 36-101.5 100T260-280q0 57 21 107.5T340-84v4H200Zm340 0q-83 0-141.5-58.5T340-280q0-67 39.5-118.5T480-470v87q-27 16-43.5 43T420-280q0 50 35 85t85 35q50 0 85-35t35-85h80q0 83-58.5 141.5T540-80Zm297-92-99-148H520v-320h80v240h182l122 184-67 44Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M260-720q-33 0-56.5-23.5T180-800q0-33 23.5-56.5T260-880q33 0 56.5 23.5T340-800q0 33-23.5 56.5T260-720ZM200-80v-280h-80v-240q0-33 23.5-56.5T200-680h120q33 0 56.5 23.5T400-600v78q-63 36-101.5 100T260-280q0 57 21 107.5T340-84v4H200Zm340 0q-83 0-141.5-58.5T340-280q0-67 39.5-118.5T480-470v87q-27 16-43.5 43T420-280q0 50 35 85t85 35q50 0 85-35t35-85h80q0 83-58.5 141.5T540-80Zm297-92-99-148H520v-320h80v240h182l122 184-67 44Z'/%3E%3C/svg%3E");
}

/* Emergency */
.picto-emergency {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M410-120v-238L204-239l-70-121 206-120-206-119 70-121 206 119v-239h140v239l206-119 70 121-206 119 206 120-70 121-206-119v238H410Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M410-120v-238L204-239l-70-121 206-120-206-119 70-121 206 119v-239h140v239l206-119 70 121-206 119 206 120-70 121-206-119v238H410Z'/%3E%3C/svg%3E");
}

/* Vision */
.picto-vision {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M555-435q-35-35-35-85t35-85q35-35 85-35t85 35q35 35 35 85t-35 85q-35 35-85 35t-85-35ZM400-160v-76q0-21 10-40t28-30q45-27 95.5-40.5T640-360q56 0 106.5 13.5T842-306q18 11 28 30t10 40v76H400Zm86-80h308q-35-20-74-30t-80-10q-41 0-80 10t-74 30Zm182.5-251.5Q680-503 680-520t-11.5-28.5Q657-560 640-560t-28.5 11.5Q600-537 600-520t11.5 28.5Q623-480 640-480t28.5-11.5ZM640-520Zm0 280ZM120-400v-80h320v80H120Zm0-320v-80h480v80H120Zm324 160H120v-80h360q-14 17-22.5 37T444-560Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M555-435q-35-35-35-85t35-85q35-35 85-35t85 35q35 35 35 85t-35 85q-35 35-85 35t-85-35ZM400-160v-76q0-21 10-40t28-30q45-27 95.5-40.5T640-360q56 0 106.5 13.5T842-306q18 11 28 30t10 40v76H400Zm86-80h308q-35-20-74-30t-80-10q-41 0-80 10t-74 30Zm182.5-251.5Q680-503 680-520t-11.5-28.5Q657-560 640-560t-28.5 11.5Q600-537 600-520t11.5 28.5Q623-480 640-480t28.5-11.5ZM640-520Zm0 280ZM120-400v-80h320v80H120Zm0-320v-80h480v80H120Zm324 160H120v-80h360q-14 17-22.5 37T444-560Z'/%3E%3C/svg%3E");
}

/* Priorité */
.picto-priorite {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M420-280h120v-100h100v-120H540v-100H420v100H320v120h100v100ZM160-120v-480l320-240 320 240v480H160Zm80-80h480v-360L480-740 240-560v360Zm240-270Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M420-280h120v-100h100v-120H540v-100H420v100H320v120h100v100ZM160-120v-480l320-240 320 240v480H160Zm80-80h480v-360L480-740 240-560v360Zm240-270Z'/%3E%3C/svg%3E");
}

/* Marquer */
.picto-marquer {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

/* Info */
.picto-info {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

/* Phone */
.picto-phone {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

/* Fax */
.picto-fax {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H5c-1.66 0-3 1.34-3 3v4h4v3h12v-3h4v-4c0-1.66-1.34-3-3-3zm-3 8H8v-4h8v4zm3-5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-2-8H7c-.55 0-1 .45-1 1v4h12V4c0-.55-.45-1-1-1z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H5c-1.66 0-3 1.34-3 3v4h4v3h12v-3h4v-4c0-1.66-1.34-3-3-3zm-3 8H8v-4h8v4zm3-5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-2-8H7c-.55 0-1 .45-1 1v4h12V4c0-.55-.45-1-1-1z'/%3E%3C/svg%3E");
}

/* Email */
.picto-email {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z'/%3E%3C/svg%3E");
}

.picto-star-full {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,10 72,42 106,42 78,62 88,95 60,75 32,95 42,62 14,42 48,42'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,10 72,42 106,42 78,62 88,95 60,75 32,95 42,62 14,42 48,42'/%3E%3C/svg%3E");
}

/* Étoile avec Contour/Bordure (Star Border) */
.picto-star-border {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,15 71,44 102,44 77,62 86,92 60,74 34,92 43,62 18,44 49,44' fill='none' stroke='black' stroke-width='8' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,15 71,44 102,44 77,62 86,92 60,74 34,92 43,62 18,44 49,44' fill='none' stroke='black' stroke-width='8' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.picto-plus {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cline x1='7' y1='1' x2='7' y2='13' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='7' x2='13' y2='7' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cline x1='7' y1='1' x2='7' y2='13' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='7' x2='13' y2='7' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Calendar (Calendrier / Date / Événement) */
.picto-calendar {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-188.5-11.5Q280-423 280-440t11.5-28.5Q303-480 320-480t28.5 11.5Q360-457 360-440t-11.5 28.5Q337-400 320-400t-28.5-11.5ZM640-400q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-188.5-11.5Q280-263 280-280t11.5-28.5Q303-320 320-320t28.5 11.5Q360-297 360-280t-11.5 28.5Q337-240 320-240t-28.5-11.5ZM640-240q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-188.5-11.5Q280-423 280-440t11.5-28.5Q303-480 320-480t28.5 11.5Q360-457 360-440t-11.5 28.5Q337-400 320-400t-28.5-11.5ZM640-400q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-188.5-11.5Q280-263 280-280t11.5-28.5Q303-320 320-320t28.5 11.5Q360-297 360-280t-11.5 28.5Q337-240 320-240t-28.5-11.5ZM640-240q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z'/%3E%3C/svg%3E");
}

.picto-eye-call {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-80q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm0 180q-139 0-252.5-76T60-500q64-126 177.5-203T480-780q139 0 252.5 76T900-500q-64 126-177.5 203T480-220Zm0-80q113 0 207.5-59.5T816-500q-34-97-128.5-156.5T480-700q-113 0-207.5 59.5T144-500q34 97 128.5 156.5T480-300Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-80q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm0 180q-139 0-252.5-76T60-500q64-126 177.5-203T480-780q139 0 252.5 76T900-500q-64 126-177.5 203T480-220Zm0-80q113 0 207.5-59.5T816-500q-34-97-128.5-156.5T480-700q-113 0-207.5 59.5T144-500q34 97 128.5 156.5T480-300Z'/%3E%3C/svg%3E");
}

.picto-eye-tracking {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M223-40H100q-24 0-42-18t-18-42v-123h60v123h123v60Zm514 0v-60h123v-123h60v123q0 24-18 42t-42 18H737ZM479.17-225Q360-225 264-293.5 168-362 119-480q49-119 145-187.5T479.5-736q119.5 0 216 68.5T840-480q-48 118-144.83 186.5-96.83 68.5-216 68.5Zm-.17-60q93 0 173-52.5T774-480q-42-90-122-143t-173-53q-93 0-172.5 53T185-480q42 90 121.5 142.5T479-285Zm1.22-63Q535-348 574-386.72t39-93.5Q613-535 574.07-574t-94-39q-55.07 0-93.57 38.93-38.5 38.93-38.5 94t38.72 93.57q38.72 38.5 93.5 38.5Zm-.22-60q-30 0-51-21t-21-51q0-30 21-51.5t51-21.5q30 0 51.5 21.29T553-480q0 30-21.29 51T480-408ZM40-737v-123q0-24 18-42t42-18h123v60H100v123H40Zm820 0v-123H737v-60h123q24 0 42 18t18 42v123h-60Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M223-40H100q-24 0-42-18t-18-42v-123h60v123h123v60Zm514 0v-60h123v-123h60v123q0 24-18 42t-42 18H737ZM479.17-225Q360-225 264-293.5 168-362 119-480q49-119 145-187.5T479.5-736q119.5 0 216 68.5T840-480q-48 118-144.83 186.5-96.83 68.5-216 68.5Zm-.17-60q93 0 173-52.5T774-480q-42-90-122-143t-173-53q-93 0-172.5 53T185-480q42 90 121.5 142.5T479-285Zm1.22-63Q535-348 574-386.72t39-93.5Q613-535 574.07-574t-94-39q-55.07 0-93.57 38.93-38.5 38.93-38.5 94t38.72 93.57q38.72 38.5 93.5 38.5Zm-.22-60q-30 0-51-21t-21-51q0-30 21-51.5t51-21.5q30 0 51.5 21.29T553-480q0 30-21.29 51T480-408ZM40-737v-123q0-24 18-42t42-18h123v60H100v123H40Zm820 0v-123H737v-60h123q24 0 42 18t18 42v123h-60Z'/%3E%3C/svg%3E");
}

/* Visibility Off (Masquer / Mot de passe caché) */
.picto-visibility-off {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Z'/%3E%3C/svg%3E");
}

/* Symptoms Eye (Symptômes oculaires / Goutte / Collyre) */
.picto-symptoms-eye {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-200q-146 0-264-83T40-500q58-134 176-217t264-83q146 0 264 83t176 217q-9 20-19.5 39.5T878-423l-42-39q6-9 11-18.5t10-19.5q-53-109-154.32-174.5T480-740q-121.23 0-222.62 65.5Q156-609 102-500q54 109 155.38 174.5Q358.77-260 480-260q15.47 0 30.23-1 14.77-1 30.77-3-1 15 1 30t6 29q-17 3-34 4t-34 1Zm0-130q-70.83 0-120.42-49.62Q310-429.24 310-500.12t49.62-120.38q49.62-49.5 120.5-49.5T601-620.5Q651-571 651-499q0 16-3 32t-10 30l-30 28q-13.18 12.26-23.59 26.13T566-353q-19 11-40.81 17-21.82 6-45.19 6Zm79.5-90.74q32.5-32.73 32.5-79.5 0-46.76-32.74-79.26-32.73-32.5-79.5-32.5-46.76 0-79.26 32.74-32.5 32.73-32.5 79.5 0 46.76 32.74 79.26 32.73 32.5 79.5 32.5 46.76 0 79.26-32.74ZM751.47-105q-63.47 0-107-44.09-43.53-44.1-44.47-106.95 0-30.96 13-59.46t36-49.5l102-96 101 96q23 21 35.54 48.9Q900.07-288.21 901-257q0 63-43.5 107.5T751.47-105Zm-.47-60q38 0 64-26.91t25-65.03q0-19.06-8-35.56-8-16.5-22-29.5l-59-56-60 56q-14 13-22.5 29.5T661-256q0 38.2 25.88 64.6Q712.75-165 751-165Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-200q-146 0-264-83T40-500q58-134 176-217t264-83q146 0 264 83t176 217q-9 20-19.5 39.5T878-423l-42-39q6-9 11-18.5t10-19.5q-53-109-154.32-174.5T480-740q-121.23 0-222.62 65.5Q156-609 102-500q54 109 155.38 174.5Q358.77-260 480-260q15.47 0 30.23-1 14.77-1 30.77-3-1 15 1 30t6 29q-17 3-34 4t-34 1Zm0-130q-70.83 0-120.42-49.62Q310-429.24 310-500.12t49.62-120.38q49.62-49.5 120.5-49.5T601-620.5Q651-571 651-499q0 16-3 32t-10 30l-30 28q-13.18 12.26-23.59 26.13T566-353q-19 11-40.81 17-21.82 6-45.19 6Zm79.5-90.74q32.5-32.73 32.5-79.5 0-46.76-32.74-79.26-32.73-32.5-79.5-32.5-46.76 0-79.26 32.74-32.5 32.73-32.5 79.5 0 46.76 32.74 79.26 32.73 32.5 79.5 32.5 46.76 0 79.26-32.74ZM751.47-105q-63.47 0-107-44.09-43.53-44.1-44.47-106.95 0-30.96 13-59.46t36-49.5l102-96 101 96q23 21 35.54 48.9Q900.07-288.21 901-257q0 63-43.5 107.5T751.47-105Zm-.47-60q38 0 64-26.91t25-65.03q0-19.06-8-35.56-8-16.5-22-29.5l-59-56-60 56q-14 13-22.5 29.5T661-256q0 38.2 25.88 64.6Q712.75-165 751-165Z'/%3E%3C/svg%3E");
}

/* Eyeglasses (Lunettes / Optique / Correction visuelle) */
.picto-eyeglasses {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M262-320q-61 0-93-16.5T110-398q-15-25-25.5-59.5T65-520q-11 0-18-7t-7-18v-49q0-9 6-15.5t15-8.5q56-11 101.5-16t87.5-5q61 0 110.5 10t77.5 29h85q24-18 76-29t112-11q41 0 86.5 5.5T899-618q9 2 15 8.5t6 15.5v49q0 11-7 18t-18 7q-9 28-19.5 62.5T850-398q-26 44-58.5 61T698-320q-63 0-104.5-28T530-434q-6-16-9-32t-8-32q-4-12-12-17.5t-21-5.5q-12 0-20 6t-13 17q-5 16-8.5 32t-8.5 32q-17 60-61 87t-107 27Zm0-40q80 0 110-51.5T402-530q0-29-21.5-40T330-589q-32-8-70-9.5t-71 3.5q-33 5-50 19.5T122-538q0 29 5 55.5t15 49.5q19 42 44 57.5t76 15.5Zm436 0q51 0 77-16t43-57q10-23 15-50t5-56q0-24-17-38.5T770-596q-33-4-70.5-2.5T630-589q-29 8-50.5 19T558-530q0 67 30 118.5T698-360Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M262-320q-61 0-93-16.5T110-398q-15-25-25.5-59.5T65-520q-11 0-18-7t-7-18v-49q0-9 6-15.5t15-8.5q56-11 101.5-16t87.5-5q61 0 110.5 10t77.5 29h85q24-18 76-29t112-11q41 0 86.5 5.5T899-618q9 2 15 8.5t6 15.5v49q0 11-7 18t-18 7q-9 28-19.5 62.5T850-398q-26 44-58.5 61T698-320q-63 0-104.5-28T530-434q-6-16-9-32t-8-32q-4-12-12-17.5t-21-5.5q-12 0-20 6t-13 17q-5 16-8.5 32t-8.5 32q-17 60-61 87t-107 27Zm0-40q80 0 110-51.5T402-530q0-29-21.5-40T330-589q-32-8-70-9.5t-71 3.5q-33 5-50 19.5T122-538q0 29 5 55.5t15 49.5q19 42 44 57.5t76 15.5Zm436 0q51 0 77-16t43-57q10-23 15-50t5-56q0-24-17-38.5T770-596q-33-4-70.5-2.5T630-589q-29 8-50.5 19T558-530q0 67 30 118.5T698-360Z'/%3E%3C/svg%3E");
}

/* Eyeglasses 2 (Lunettes Variante / Optométrie / Mesures) */
.picto-eyeglasses-2 {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M262-360q80 0 110-51.5T402-530q0-29-21.5-40T330-589q-32-8-70-9.5t-71 3.5q-33 5-50 19.5T122-538q0 29 5 55.5t15 49.5q18 42 43.5 57.5T262-360Zm428 220v-240h60v240h-60Zm-110-60v-120h60v120h-60Zm220 0v-120h60v120h-60ZM262-320q-61 0-93-16.5T110-398q-15-26-25.5-60T65-520q-11 0-18-7t-7-18v-49q0-9 6-15.5t15-8.5q56-11 101.5-16.5T250-640q61 0 110.5 10.5T438-600h85q24-18 76-29t112-11q41 0 86.5 5.5T899-618q9 2 15 8.5t6 15.5v49q0 11-7 18t-18 7q-9 28-19.5 62T850-398q-8-8-17-15t-19-12q13-26 18.5-55.5T838-539q0-24-17-38.5T770-596q-33-4-70.5-2.5T630-589q-29 8-50.5 19T558-530q0 37 8.5 70t28.5 57q-8 7-15.5 15T566-372q-11-13-20-28t-16-34q-6-16-9-32t-8-32q-4-12-12-17.5t-21-5.5q-12 0-20.5 6T447-498q-5 16-8.5 32t-8.5 32q-17 60-61 87t-107 27Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M262-360q80 0 110-51.5T402-530q0-29-21.5-40T330-589q-32-8-70-9.5t-71 3.5q-33 5-50 19.5T122-538q0 29 5 55.5t15 49.5q18 42 43.5 57.5T262-360Zm428 220v-240h60v240h-60Zm-110-60v-120h60v120h-60Zm220 0v-120h60v120h-60ZM262-320q-61 0-93-16.5T110-398q-15-26-25.5-60T65-520q-11 0-18-7t-7-18v-49q0-9 6-15.5t15-8.5q56-11 101.5-16.5T250-640q61 0 110.5 10.5T438-600h85q24-18 76-29t112-11q41 0 86.5 5.5T899-618q9 2 15 8.5t6 15.5v49q0 11-7 18t-18 7q-9 28-19.5 62T850-398q-8-8-17-15t-19-12q13-26 18.5-55.5T838-539q0-24-17-38.5T770-596q-33-4-70.5-2.5T630-589q-29 8-50.5 19T558-530q0 37 8.5 70t28.5 57q-8 7-15.5 15T566-372q-11-13-20-28t-16-34q-6-16-9-32t-8-32q-4-12-12-17.5t-21-5.5q-12 0-20.5 6T447-498q-5 16-8.5 32t-8.5 32q-17 60-61 87t-107 27Z'/%3E%3C/svg%3E");
}

/* Mystery (Investigation / Diagnostic visuel) - CORRIGÉ */
.picto-mystery {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-220q125 0 212.5-87.5T740-520q0-125-87.5-212.5T440-820q-125 0-212.5 87.5T140-520q0 125 87.5 212.5T440-220Zm0-300Zm0 160q-83 0-147.5-44.5T200-520q28-70 92.5-115T440-680q82 0 146.5 45T680-520q-29 71-93.5 115.5T440-360Zm0-60q55 0 101-26.5t72-73.5q-26-46-72-73t-101-27q-56 0-102 27t-72 73q26 47 72 73.5T440-420Zm0-50q20 0 35-14.5t15-35.5q0-20-15-35t-35-15q-21 0-35.5 15T390-520q0 21 14.5 35.5T440-470Zm0 310q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T80-520q0-74 28.5-139.5t77-114.5q48.5-49 114-77.5T440-880q74 0 139.5 28.5T694-774q49 49 77.5 114.5T800-520q0 67-22.5 126T715-287l164 165-42 42-165-165q-48 40-107 62.5T440-160Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-220q125 0 212.5-87.5T740-520q0-125-87.5-212.5T440-820q-125 0-212.5 87.5T140-520q0 125 87.5 212.5T440-220Zm0-300Zm0 160q-83 0-147.5-44.5T200-520q28-70 92.5-115T440-680q82 0 146.5 45T680-520q-29 71-93.5 115.5T440-360Zm0-60q55 0 101-26.5t72-73.5q-26-46-72-73t-101-27q-56 0-102 27t-72 73q26 47 72 73.5T440-420Zm0-50q20 0 35-14.5t15-35.5q0-20-15-35t-35-15q-21 0-35.5 15T390-520q0 21 14.5 35.5T440-470Zm0 310q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T80-520q0-74 28.5-139.5t77-114.5q48.5-49 114-77.5T440-880q74 0 139.5 28.5T694-774q49 49 77.5 114.5T800-520q0 67-22.5 126T715-287l164 165-42 42-165-165q-48 40-107 62.5T440-160Z'/%3E%3C/svg%3E");
}

/* Visibility (Afficher / Rendre visible / Mot de passe apparent) */
.picto-visibility {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M600.5-379.5Q650-429 650-500t-49.5-120.5Q551-670 480-670t-120.5 49.5Q310-571 310-500t49.5 120.5Q409-330 480-330t120.5-49.5Zm-200-41Q368-453 368-500t32.5-79.5Q433-612 480-612t79.5 32.5Q592-547 592-500t-32.5 79.5Q527-388 480-388t-79.5-32.5ZM216-283Q98-366 40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83q-146 0-264-83Zm222.5 174.5Q804-391 857-500q-53-109-154.5-174.5T480-740q-121 0-222.5 65.5T102-500q54 109 155.5 174.5T480-260q121 0 222.5-65.5Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M600.5-379.5Q650-429 650-500t-49.5-120.5Q551-670 480-670t-120.5 49.5Q310-571 310-500t49.5 120.5Q409-330 480-330t120.5-49.5Zm-200-41Q368-453 368-500t32.5-79.5Q433-612 480-612t79.5 32.5Q592-547 592-500t-32.5 79.5Q527-388 480-388t-79.5-32.5ZM216-283Q98-366 40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83q-146 0-264-83Zm222.5 174.5Q804-391 857-500q-53-109-154.5-174.5T480-740q-121 0-222.5 65.5T102-500q54 109 155.5 174.5T480-260q121 0 222.5-65.5Z'/%3E%3C/svg%3E");
}

/* Ophthalmology (Spécialité Ophtalmologique / Réfraction) */
.picto-ophthalmology {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-530v-60h70q30-72 89.5-122T414-783l-35-36 42-42 50 49q10 10 13.5 23.5T483-761q-5 14-15.5 23T443-727q-72 11-127 58.5T240-551l-6 21H120Zm490 50q0-44 19-82.5t56-60.5q-26-33-59-59t-74-38l17-57q60 18 107.5 58t76.5 96q39 18 58 58.5t19 84.5q0 45-18.5 85T753-337q-29 55-77 95.5T568-183l-17-57q43-13 75-37.5t59-59.5q-42-25-58.5-60T610-480Zm145 62.5q15-27.5 15-62.5t-15-62.5Q740-570 720-570t-35 27.5Q670-515 670-480t15 62.5q15 27.5 35 27.5t35-27.5ZM416-94l-42-43 40-40q-75-21-135-71t-89-122h-70v-60h114l6 21q21 70 75.5 117.5T442-233q14 2 25 11t16 23q5 14 1.5 27T471-149l-55 55Zm304-386Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-530v-60h70q30-72 89.5-122T414-783l-35-36 42-42 50 49q10 10 13.5 23.5T483-761q-5 14-15.5 23T443-727q-72 11-127 58.5T240-551l-6 21H120Zm490 50q0-44 19-82.5t56-60.5q-26-33-59-59t-74-38l17-57q60 18 107.5 58t76.5 96q39 18 58 58.5t19 84.5q0 45-18.5 85T753-337q-29 55-77 95.5T568-183l-17-57q43-13 75-37.5t59-59.5q-42-25-58.5-60T610-480Zm145 62.5q15-27.5 15-62.5t-15-62.5Q740-570 720-570t-35 27.5Q670-515 670-480t15 62.5q15 27.5 35 27.5t35-27.5ZM416-94l-42-43 40-40q-75-21-135-71t-89-122h-70v-60h114l6 21q21 70 75.5 117.5T442-233q14 2 25 11t16 23q5 14 1.5 27T471-149l-55 55Zm304-386Z'/%3E%3C/svg%3E");
}

/* Syringe (Seringue / Injection / Vaccin) */
.picto-syringe {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M149.13-519.61Q141-529 141-541.47q0-12.46 8-21.53l126-125-57-58-26 26q-9.07 9-21.53 9-12.47 0-21.34-8.84-8.13-8.11-8.13-20.63 0-12.53 8-21.53l94-94q9.07-9 21.53-9 12.47 0 21.34 9.39Q294-847 294-834.53q0 12.46-8 20.53l-26 27 57 57 126-127q9.07-8 21.53-8 12.47 0 21.47 8 8 9.07 8 21.53 0 12.47-8 21.47l-34 34 339 338q17 18 17 42.94 0 24.94-17 42.06l-50 50 172 172h-84L699-265l-50 50q-17.12 17-42.06 17T564-215L226-554l-34 34q-9.07 9-21.53 9-12.47 0-21.34-8.61ZM267-596l339 339 142-142-85-85-70 70q-8 9-20.5 9t-20.63-8.25q-8.87-9-8.87-21.38 0-12.37 9-21.37l70-70-85-85-70 70q-9.07 9-21.53 9-12.47 0-21.47-9-8-8-8-20.47 0-12.46 8-21.53l70-70-85-85-142 142Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M149.13-519.61Q141-529 141-541.47q0-12.46 8-21.53l126-125-57-58-26 26q-9.07 9-21.53 9-12.47 0-21.34-8.84-8.13-8.11-8.13-20.63 0-12.53 8-21.53l94-94q9.07-9 21.53-9 12.47 0 21.34 9.39Q294-847 294-834.53q0 12.46-8 20.53l-26 27 57 57 126-127q9.07-8 21.53-8 12.47 0 21.47 8 8 9.07 8 21.53 0 12.47-8 21.47l-34 34 339 338q17 18 17 42.94 0 24.94-17 42.06l-50 50 172 172h-84L699-265l-50 50q-17.12 17-42.06 17T564-215L226-554l-34 34q-9.07 9-21.53 9-12.47 0-21.34-8.61ZM267-596l339 339 142-142-85-85-70 70q-8 9-20.5 9t-20.63-8.25q-8.87-9-8.87-21.38 0-12.37 9-21.37l70-70-85-85-70 70q-9.07 9-21.53 9-12.47 0-21.47-9-8-8-8-20.47 0-12.46 8-21.53l70-70-85-85-142 142Z'/%3E%3C/svg%3E");
}

/* Download (Téléchargement / Enregistrer) */
.picto-download {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43-193 193ZM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18H220Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43-193 193ZM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18H220Z'/%3E%3C/svg%3E");
}

/* Document PDF / Fiche Textuelle */
.picto-doc-pdf {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M320-240h320v-60H320v60Zm0-120h320v-60H320v60Zm0-120h160v-60H320v60ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-570v-170H240v640h480v-470H520ZM240-820v170-170 640-640Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M320-240h320v-60H320v60Zm0-120h320v-60H320v60Zm0-120h160v-60H320v60ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-570v-170H240v640h480v-470H520ZM240-820v170-170 640-640Z'/%3E%3C/svg%3E");
}

 /* Vos réglages pour le picto */
            .horaire-info svg {
                width: 24px;
                height: 24px;
                fill: var(--white, #ffffff); /* Utilise votre variable ou blanc par défaut */
                flex-shrink: 0;              /* Empêche le picto de se déformer si le texte passe à la ligne */
                margin-top: 2px;             /* Centre parfaitement le picto avec la première ligne de texte */
            }
            .conatct-info {
                display: flex;
                align-items: center; 
                gap: 10px; 
                font-size: .96rem;
            }
            .conatct-info svg {
                width: 30px;
                height: 30px;
                fill: var(--white, #ffffff); /* Utilise votre variable ou blanc par défaut */
                flex-shrink: 0;              /* Empêche le picto de se déformer si le texte passe à la ligne */
                margin-top: 2px;             /* Centre parfaitement le picto avec la première ligne de texte */
            }

            .conatct-info a {
                  text-decoration: none;
                  color:var(--ink);
            }
             .conatct-info a:hover {
                  color:var(--primary);
             }

            /* Le texte à côté du SVG */
            .horaire-info span {
                font-size: 1.1rem;
                line-height: 1.1;
                color: var(--white, #ffffff);
            }

            .contact-info span {
                font-size: 1.1rem;
                line-height: 1.1;
                color: var(--white, #ffffff);
            }

.diapo-container {
  display: flex;
  flex-wrap: nowrap; 
  gap: 15px;         
  width: 100%;
}

.colonne {
  flex: 1;          
  min-width: 0;     
  background: transparent; 
  padding: 15px;    
  border-radius: 8px;
}

/* Style par défaut pour les grands écrans (Ordinateurs) */
.diapo-container-responsive {
  display: flex;
  flex-wrap: nowrap; /* Force les deux colonnes côte à côte */
  gap: 20px;         /* Espace entre les deux colonnes */
  width: 100%;
  margin-bottom: 20px;
}

.colonne-responsive {
  flex: 1;           /* Répartition égale (50% / 50%) */
  min-width: 0;      /* Évite les bugs de débordement d'image */
}

/* 📱 Style pour les écrans de 780px et moins (Tablettes et Mobiles) */
@media screen and (max-width: 780px) {
  .diapo-container-responsive {
    flex-wrap: wrap; /* Permet le retour à la ligne */
  }
  
  .colonne-responsive {
    flex: 0 0 100%;  /* Chaque colonne prend désormais 100% de la largeur */
  }
}