#caracteristiques *,#caracteristiques *::before,#caracteristiques *::after{ box-sizing: border-box; }
#caracteristiques .preview-header{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 23px var(--page-gutter);
      border-bottom: 1px solid #e5eaf1;
      background: white;
    }
#caracteristiques .brand{ display:flex; flex-direction:column; gap:5px; width:max-content; }
#caracteristiques .brand-name{ color:var(--navy); font-size:27px; font-weight:850; letter-spacing:-1.25px; line-height:1; }
#caracteristiques .brand-name span{ color: var(--cyan); }
#caracteristiques .brand-sub{ color:#78869d; font-size:8px; font-weight:720; letter-spacing:.24em; line-height:1.4; }
#caracteristiques .preview-context{ text-align:right; color:#74819a; font-size:12px; line-height:1.6; }
#caracteristiques .preview-context strong{ display:block; font-size:12px; color:var(--navy); font-weight:700; letter-spacing:.025em; }
#caracteristiques .repere-section{
      width: 100%;
      background: var(--section-bg);
      border-bottom: 1px solid var(--line);
    }
#caracteristiques .repere-inner{
      width: 100%;
      margin: 0 auto;
      padding: 67px var(--page-gutter) 69px;
    }
#caracteristiques .eyebrow{
      color: #65728d;
      letter-spacing: .20em;
      font-size: 12px;
      line-height: 1.4;
      font-weight: 780;
    }
#caracteristiques .section-top h1{
      color: var(--navy);
      font-size: clamp(32px, 2.6vw, 40px);
      font-weight: 670;
      letter-spacing: -.048em;
      line-height: 1.15;
      margin: 17px 0 38px;
    }
#caracteristiques .repere-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 11px 35px rgba(25,31,73,.035);
    }
#caracteristiques .repere-item{
      min-width: 0;
      min-height: 222px;
      background: white;
      display: flex;
      align-items: flex-start;
      gap: 24px;
      padding: 37px 30px 34px;
    }
#caracteristiques .icon-wrap{
      display: grid;
      place-items: center;
      width: 68px;
      height: 68px;
      flex: 0 0 68px;
      border-radius: 50%;
      overflow: hidden;
      background: var(--pale);
    }
#caracteristiques .repere-icon{
      display:block;
      width:68px;
      height:68px;
      flex:none;
      overflow:hidden;
    }
#caracteristiques .repere-item-body{ min-width:0; padding-top:3px; }
#caracteristiques .repere-item h3{
      color:#626f8a;
      font-size:17px;
      font-weight:740;
      line-height:1.4;
      letter-spacing:.012em;
      margin: 0 0 13px;
    }
#caracteristiques .repere-value{
      color:var(--navy);
      font-size:28px;
      font-weight:730;
      letter-spacing:-.036em;
      line-height:1.22;
      margin:0;
      overflow-wrap:break-word;
    }
#caracteristiques .repere-extra{
      display:block;
      color:#75819a;
      font-size:16px;
      line-height:1.58;
      font-weight:450;
      margin:10px 0 0;
      overflow-wrap:break-word;
    }
#caracteristiques .medical-note{
      display:flex;
      align-items:flex-start;
      gap:12px;
      border-top:1px solid #d6e1eb;
      margin:26px 0 0;
      padding:21px 1px 0;
      color:#697690;
      font-size:14px;
      line-height:1.72;
    }
#caracteristiques .medical-note-mark{
      display:grid;
      place-items:center;
      width:20px;
      height:20px;
      border:1px solid #a4bacf;
      border-radius:50%;
      color:#55718f;
      font-family:Georgia, serif;
      font-size:13px;
      line-height:1;
      font-weight:bold;
      flex:0 0 20px;
      margin-top:2px;
    }
#caracteristiques .medical-note strong{color:#485978;font-weight:720;margin-right:7px}
#caracteristiques .medical-note-copy{ min-width: 0; overflow-wrap: break-word; }
#caracteristiques .medical-note-copy span{ color:#71809a; }
#caracteristiques .medical-note-copy b{ color:#566985; font-weight:720; }
#caracteristiques .medical-note-copy .note-reference{ margin-left: .35em; }
#caracteristiques .preview-footer{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:18px;
      padding:24px var(--page-gutter) 28px;
      background:#fff;
      color:#74819a;
      font-size:12px;
      line-height:1.5;
    }
#caracteristiques .preview-footer p{margin:0}
#caracteristiques .export-btn{
      font:inherit;
      color:var(--navy);
      background:white;
      border:1px solid #d4deea;
      border-radius:8px;
      padding:10px 13px;
      font-weight:690;
      cursor:pointer;
      white-space:nowrap;
    }
#caracteristiques .export-btn:hover{background:#f3f8fc}
#caracteristiques .export-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media  (max-width:1199px) {#caracteristiques .repere-inner{padding-top:57px;padding-bottom:57px}
#caracteristiques .repere-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#caracteristiques .repere-item{min-height:205px;padding:32px 27px;gap:20px}
#caracteristiques .repere-value{font-size:28px}}
@media  (max-width:699px) {#caracteristiques .preview-header{padding-top:19px;padding-bottom:19px}
#caracteristiques .brand-name{font-size:24px}
#caracteristiques .preview-context{font-size:10px}
#caracteristiques .preview-context strong{font-size:10px}
#caracteristiques .repere-inner{padding:43px var(--page-gutter) 42px}
#caracteristiques .eyebrow{font-size:11px}
#caracteristiques .section-top h1{font-size:32px;line-height:1.13;margin:12px 0 26px}
#caracteristiques .repere-grid{grid-template-columns:1fr;border-radius:12px}
#caracteristiques .repere-item{min-height:0;gap:19px;padding:23px 21px;align-items:center}
#caracteristiques .icon-wrap{height:61px;width:61px;flex-basis:61px}
#caracteristiques .repere-icon{height:61px;width:61px}
#caracteristiques .repere-item-body{padding-top:0}
#caracteristiques .repere-item h3{font-size:17px;margin-bottom:8px}
#caracteristiques .repere-value{font-size:26px}
#caracteristiques .repere-extra{font-size:16px;margin-top:7px}
#caracteristiques .medical-note{margin-top:23px;padding-top:18px;font-size:14px;line-height:1.65}
#caracteristiques .preview-footer{align-items:flex-start;flex-direction:column;padding-top:20px}}
@media  (max-width:370px) {#caracteristiques .repere-item{gap:14px;padding:21px 15px}
#caracteristiques .icon-wrap{height:54px;width:54px;flex-basis:54px}
#caracteristiques .repere-icon{height:54px;width:54px}
#caracteristiques .repere-value{font-size:24px}}
@media  (prefers-reduced-motion:reduce) {#caracteristiques *,#caracteristiques *::before,#caracteristiques *::after{scroll-behavior:auto!important}}