@charset "UTF-8";
@layer reset, theme, accessibilite;
@layer theme {
    .nice-select {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: var(--color-secondary);
        background-color: red;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: flex;
        align-items: center;
        float: left;
        font-weight: 400;
        font-size: 1.125rem;
        outline: none;
        padding: 0 23px;
        height: 55px;
        position: relative;
        z-index: 10;
        transition: all .2s ease-in-out;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.75rem;
        white-space: nowrap;
        justify-content: space-between;
        align-self: stretch;
        background: #f0f6f8;
        border: 1px solid transparent
    }

    .nice-select .current {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 1.5rem
    }

    .nice-select:hover {
        border-color: #dbdbdb;
        background-color: transparent
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #999;
        z-index: 11
    }

    .nice-select:focus-visible {
        outline: 2px solid var(--rose-rouge)
    }

    .nice-select:after {
        content: "";
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20width='19'%20height='10'%20viewBox='0%200%2019%2010'%20fill='none'%3e%3cpath%20d='M8.42844%208.99412C8.97737%209.43555%209.75952%209.43555%2010.3085%208.99412L18.1739%202.66897C19.2774%201.78159%2018.6499%204.29153e-05%2017.2339%204.29153e-05H1.50297C0.0869545%204.29153e-05%20-0.540514%201.78159%200.56296%202.66897L8.42844%208.99412Z'%20fill='%23303030'/%3e%3c/svg%3e");
        display: block;
        pointer-events: none;
        position: absolute;
        right: 20px;
        transition: all .15s ease-in-out;
        width: 15px;
        height: 9px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .nice-select.open:after {
        transform: rotate(-180deg)
    }

    .nice-select.open .nice-select-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1) translateY(0);
        z-index: 12;
        width: 100%
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none
    }

    .nice-select.disabled:after {
        border-color: #ccc
    }

    .nice-select.wide {
        width: 100%
    }

    body .nice-select.wide .nice-select-dropdown {
        left: 0;
        right: 0
    }

    .nice-select.right {
        float: right
    }

    .nice-select.right .nice-select-dropdown {
        left: auto;
        right: 0
    }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px
    }

    .nice-select.small:after {
        height: 4px;
        width: 4px
    }

    .nice-select.small .option {
        line-height: 34px;
        min-height: 34px
    }

    .nice-select .nice-select-dropdown {
        margin-top: 4px;
        background-color: #fff;
        border: solid 1px var(--primaire);
        border-radius: var(--radius);
        box-shadow: 0 0 0 1px #4444441c;
        pointer-events: none;
        position: absolute;
        top: 100%;
        right: 0;
        transform-origin: 50% 0;
        transform: scale(.75) translateY(19px);
        transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
        z-index: 12;
        opacity: 0;
        width: 25ch
    }

    .nice-select .list {
        box-sizing: border-box;
        overflow: hidden;
        padding: 0;
        max-height: 210px;
        overflow-y: auto
    }

    body .nice-select .list:hover .option:not(:hover) {
        background-color: #0000
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: var(--regular);
        line-height: 40px;
        list-style: none;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        transition: all .2s;
        text-wrap: wrap
    }

    .nice-select .option:hover, .nice-select .option.focus {
        background-color: var(--color-grey-light);
        color: var(--color-grey)
    }

    .nice-select .option:first-of-type:hover, .nice-select .option:first-of-type.selected {
        border-radius: var(--radius) var(--radius) 0 0
    }

    .nice-select .option:last-of-type:hover, .nice-select .option:last-of-type.selected {
        border-radius: 0 0 var(--radius) var(--radius)
    }

    .nice-select .option.selected {
        font-weight: 700;
        color: var(--primaire)
    }

    .nice-select .option.disabled {
        background-color: #0000;
        color: #999;
        cursor: default
    }

    .nice-select .extra {
        float: right
    }

    .nice-select .optgroup {
        font-weight: 700
    }

    .no-csspointerevents .nice-select .nice-select-dropdown {
        display: none
    }

    .no-csspointerevents .nice-select.open .nice-select-dropdown {
        display: block
    }

    .nice-select .list::-webkit-scrollbar {
        width: 0
    }

    .nice-select .has-multiple {
        white-space: inherit;
        height: auto;
        padding: 7px 12px;
        min-height: 36px;
        line-height: 22px
    }

    .nice-select .has-multiple span.current {
        border: 1px solid #ccc;
        background: #eee;
        padding: 0 10px;
        border-radius: 3px;
        display: inline-block;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 3px;
        margin-right: 3px
    }

    .nice-select .has-multiple .multiple-options {
        display: block;
        line-height: 24px;
        padding: 0
    }

    .nice-select .nice-select-search-box {
        box-sizing: border-box;
        width: 100%;
        padding: 5px;
        border-radius: 5px 5px 0 0
    }

    .nice-select .nice-select-search {
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 3px;
        color: #444;
        display: inline-block;
        vertical-align: middle;
        padding: 7px 12px;
        margin: 0 10px 0 0;
        width: 100%;
        min-height: 36px;
        line-height: 22px;
        height: auto;
        font-size: 14px
    }
}

@font-face {
    font-family: Basic Sans A Regular;
    src: url(../otf/basicsansaregular-Bwr4dcd7.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@layer accessibilite {
    div.access * {
        font-family: Arial, sans-serif
    }

    div.access {
        box-shadow: 0 0 12px #0003;
        font-size: 16px;
        position: fixed;
        z-index: 99999999;
        top: 0;
        bottom: 0;
        display: grid;
        grid-template-rows:50px 1fr 70px;
        right: 0;
        border-left: 1px solid #e3e3e3;
        width: min(445px, 100%);
        background-color: #fff
    }

    div.access button {
        text-align: center
    }

    div.access__header {
        background-color: var(--color-primary);
        position: relative;
        color: #fff;
        display: grid;
        place-items: center
    }

    div.access__header button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        color: #fff;
        cursor: pointer
    }

    div.access__header button svg {
        width: 20px
    }

    div.access__header button path {
        fill: currentColor
    }

    div.access__footer {
        padding-top: 15px;
        background: #f8f9fc
    }

    div.access__footer button {
        font-size: 16px;
        cursor: pointer;
        width: 80%;
        margin: auto;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        font-weight: 700;
        border-radius: 8px;
        height: calc(100% - 10px);
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        background-color: var(--color-primary, red);
        color: #fff;
        border: none
    }

    div.access__footer button svg {
        width: 20px
    }

    div.access__footer button svg path {
        fill: currentColor
    }

    div.access__main {
        background: #f8f9fc;
        padding: 25px 15px;
        display: grid;
        gap: 30px;
        align-content: flex-start;
        overflow: auto;
        position: relative
    }

    div.access__main::-webkit-scrollbar {
        background: transparent;
        width: 4px
    }

    div.access__main::-webkit-scrollbar-thumb {
        background: var(--color-primary, red)
    }

    div.access__main:has(#structureHn.visible) {
        overflow: hidden
    }

    div.access__main button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background: #fff;
        aspect-ratio: 133/115;
        height: auto;
        display: grid;
        place-items: center;
        place-content: center;
        gap: 10px;
        padding: 5px;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid rgb(242, 242, 248);
        box-shadow: #191b1e08 0 0 5px;
        border-radius: 8px
    }

    div.access__main button svg {
        width: 20px;
        height: 20px
    }

    div.access__main button path {
        fill: var(--color-primary, #f00)
    }

    div.access__main button:hover {
        box-shadow: var(--color-primary, #f00) 0 0 5px;
        color: var(--color-primary, #f00);
        border-color: var(--color-primary, #f00)
    }

    div.access__main button.active, div.access__main button:has(.acces__step.active) {
        box-shadow: var(--color-primary, #f00) 0 0 5px;
        background: var(--color-primary, #f00);
        border-color: var(--color-primary, #f00);
        color: #fff
    }

    div.access__main button.active path, div.access__main button:has(.acces__step.active) path {
        fill: currentColor
    }

    div.access__subsection b {
        font-size: 20px;
        font-weight: 900;
        display: block;
        margin-bottom: 15px
    }

    div.access__buttons {
        display: grid;
        gap: 15px;
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .ncAccess--exergueLiens a {
        background: #000;
        color: #ff0;
        text-decoration: underline
    }

    .ncAccess--cacherImages * {
        background-size: 0 0;
        background-repeat: no-repeat
    }

    .ncAccess--cacherImages :is(img) {
        opacity: 0
    }

    .ncAccess--dyslexicMode * {
        font-family: opendyslexic
    }

    .ncAccess--lisibleMode * {
        font-family: Arial, Helvetica, sans-serif
    }

    .ncAccess--bigCursor:hover, .ncAccess--bigCursor * {
        cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA8CAYAAAAKcMhTAAAH6klEQVRoBc2ZbWxUWR3GH2aqS6QQd1HouhA+EKy8mKYFlW1hi6GBgoqEDbom9oMktqQtZptdTYxmjXEhU9/SaBOQxGCI4YNE2gLJyhIJ0azBDTHpNF2Yrh1KRS3YzvudufN6nOfee+6cDrfTd9qTnJzT6cyZ3zz/l3PO/wLANQBhq38Ly6i9D0BYvX0ZceHPCtgPADwH4OMAPrrUkCpYEMB9AI8A/HA5gUmTcrywnMCyANJ5tTIAfr1swDweT6K/vz/k9Xpjra2tDwD8CcBfAHxnKSBtH7tz546Q7cKFC6pZ/7ikYNevX5dc4vTp0yrYb5cNmM/nE+fPnxeXL18Wzc3NwwAuAvgDgFPPCtI2paqYLZ0Q4saNGwwKqSB97pm0acHOnTsXApACkANw6ZlQAYXMP5Vifr9fu3jxYrCvry/a0tIyBOA3AH4H4PuLCTmtYpZZc0KI7K1bt6RJOY4tBzCDjwGh+Ns/lg3Y3bt3xcmTJ41+/Phx7qlteeVOAvj6QkPO1JRqoBpzXdcTinoaANdCws0ZbHBwUEYrzetdSCiuNWewsbEx7cSJE4Hm5ubYkSNHHlom/SaAowBWzBd0zmCWbdNCiPTY2JhYsWKFDIw4gJVLDWbweb1eCcXxP/OFmpcp1WgYGRkRhw41isbGRlFfXz/udrtfA9AI4CCAVXMBna8pRY6pV2nZbDZeXl6uKrj9mYMRKpfLGV2yPXnyJGKdgiXcp5YAzITKZrOCnS0QCGiHDx8O7N+/P7Z798ua2+3+dv40vDufAfYC+NhMIedsSqmUhMpkMoLdAkwKIXQhRHTr1q1SOY47Fg2sAJQzIDKZrAFEqHQ6LTIZZhC7xTdt2sTLjYT7zKKAFaBM0xVDESyVYk8ZQZFKpRINDQ2BjRs3ai+9tEF3u91HAKwHUAHgI6UgZ2zK2UARLJlkT4poNKolEnpU0+LxysrKKABuZayXfG5eYGrkFfzJNF86bZrPVCplKCWBdD0pdJ1uVmibN2+WJuVYO2cwqRLHYijpU05QVIpQ7ImEbqeTmpoa4XK5xcqVKwn2qnUiYaQ+dTIpaUoJVoAyI282UIlEwoAj4Icf/lPcu3dPDA8Pp3bu3MWNn7USXq5fLlbPEczZfCZUKfMVK0WoeDwhNC0uNE0r2FSIRG1trWrWA9OCSZUmm68UVNJwculT0nwSKh4nlOyaYCQzx+3bty/gcrl0l8vFG9hXLTDbpLZi165dM36RBCs2n7NSM4XSDMViMXMk6PDwcGxw8IOw3/9A27Vr12je5wYA+AF8g5BPgRWAnCLPzFEy8pxMZ/oUTRg3Ok3ITqhYLCai0ZiIRCKqWcWBAwdVsxrXQkcwmTidVTLzkxMUlaBJZ9sOHpwE9t1Jil29etVYT0LNNvLo5PzM+Pi4/sYbb6ZbWppFe3u71dtEW1u7aGvjaPbWVvO1jo4OsWHDBlWxN6cAk46eNvY+ZnE1k5tz5qmklQbMyKPp2EZGHjKrqzco9UtnMndWbCrzWSbisdA45wshctKP5Eiw0dHRaHl5ua5s3DOBUd/zY0fFmMknZ3Mz8hgUAwMD6c7OzpDH0xm6cqUnnE6nswRW8xTBVq9eLcFYKWJ97ScAfj5N/0V+gz8LoGESWF9fn2EKJyjp0GfPnrV/WV1dLUMrSb+SkScVU8CYo17kF8222VEpwVSf4jaitps3b9pgTU1N/JcdgpFI1Hir3/9A9TEq9sJsofh+G6y3t9dYWM1RVMPr7U+eOXMm293dLZqampgAf5m/+fysqqrqne7u7izLopcuXTIChD/q8eP/JT0eT6azs1O89daP0mvXrqUpO/N3TQ+AT84U0gFMZnNTra6uX6mlgN8rC3N/MxSsrPy08aPMzG5Gp/GCEPHq6mpbZQCfVz5fcmqD9fSYihWb78qVHvVorJY6vyTB6ur2GBz0NWb1cDgiGN2hUCi+ffv2mHzfdGcwldQG6+3tMRanOfz+YfHuuzfF7du3RUdHxwiAWwD+apnDbS3wZfmFe/e+YitGqHA4PBVYnfrlpeY2WE+PCcZvePvtSeX088oCfPhVbv39lQLYXgUsLEKhsHH2XxDFqI5sRZXDXgWMVRyp2NckWENDg/yoMQYCQSMXBoMhbc2aNaydST/bpKxVcmor1tXVpft8vojP50u9/noHCyN/B/BB/hHhmSlWeMWqi92tqqry9/f3J997728Rr3cgFolEc/TVYDCUPHXqVODYsWORo0ePxletWvU9ALwp8fz1/BTrGi/bYCyZl5WVxcvKytSHXHx2yT7VDVpewRgIfEAWr6vbM5HJZHXuBlTOynUM1eSOHTukchzrS4GxwKu+Wc75JERtZeofDvM9cp3q6uoYwXjamJgIiGAwbByvmR+3bdsm1+f41HFaXZcPFHgp4AlS7T+dZVVwnwSrra2NplJpQzGCjY9PCO4KVLCoXMAyVclGM3HbkGbjuLaE+ZwW+6ITGKEkGJNvERhrZ3NqMvpm8mF7F6ivr+fRyNhDeehkopWtyMfol4veeKt+wufpNTU1/3306N+x0dF/aUNDQ9r9+0MaLxwjIw/1LVu2TFil0McAqPKiN0YnC3QvsMy5bt26VEXFi/H169dr7BUVFZyzqHIIwCcAbAGwDsB0QbWg4DulvzmMn1W+iT9mNu6ifHRuU1YP1bSgzplWlqyxSv0FAEwhTKLsnLOzNmbftqci/D8VJmeV1OkaJQAAAABJRU5ErkJggg==), default
    }

    .ncAccess--stopAnim * {
        transition-duration: 0s;
        animation-duration: 0s
    }

    .ncAccess--lineHeight * {
        line-height: 1.8
    }

    .ncAccess--lineHeight .access * {
        line-height: 1.1
    }

    html[class] {
        background: #fff
    }

    html.ncAccess--grayscale {
        filter: grayscale(1)
    }

    html.ncAccess--invertColor {
        filter: invert(1)
    }

    html.ncAccess--luminosity {
        filter: brightness(75%)
    }

    html.ncAccess--saturation {
        filter: saturate(75%)
    }

    html.ncAccess--contrast header, html.ncAccess--contrast footer, html.ncAccess--contrast main {
        background: #fff;
        color: #000
    }

    html.ncAccess--contrast header *, html.ncAccess--contrast footer *, html.ncAccess--contrast main * {
        background: #fff;
        color: #000;
        border-color: #000
    }

    html.ncAccess--contrast input {
        border-width: 1px
    }

    html.ncAccess--contrast svg {
        fill: #000
    }

    html.ncAccess--contrast .homeTriangle {
        display: none
    }

    html:has(.ncAccess--biggerText1) {
        font-size: 18px
    }

    html:has(.ncAccess--biggerText2) {
        font-size: 20px
    }

    html:has(.ncAccess--biggerText3) {
        font-size: 22px
    }

    .access-steps {
        display: flex;
        align-items: center;
        gap: 5px
    }

    .access-steps .acces__step {
        display: block;
        width: 22px;
        height: 4px;
        background: #0006;
        border-radius: 4px
    }

    .access-steps .acces__step.active {
        background: #fff
    }

    #ligneLecture {
        position: fixed;
        pointer-events: none;
        left: 0;
        right: 0;
        height: 5px;
        background: #000;
        z-index: 99999999;
        display: none
    }

    #ligneLecture.visible {
        display: block
    }

    #accessTools * {
        pointer-events: none
    }

    #accessTools {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none
    }

    #masqueLecture {
        position: fixed;
        pointer-events: none;
        left: 0;
        right: 0;
        height: 25lvh;
        transform: translateY(-50%);
        z-index: 99999999;
        display: none
    }

    #masqueLecture:before {
        left: 0;
        right: 0;
        bottom: 100%;
        height: 100vh;
        position: absolute;
        content: "";
        background: #0009;
        pointer-events: none
    }

    #masqueLecture:after {
        left: 0;
        right: 0;
        top: 100%;
        height: 100vh;
        position: absolute;
        content: "";
        background: #0009;
        pointer-events: none
    }

    #masqueLecture.visible {
        display: block
    }

    #structureHn {
        margin: 0;
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        list-style: none;
        align-content: flex-start;
        background: #fff;
        padding: 30px;
        gap: 5px
    }

    #structureHn button {
        background: var(--color-primary, red);
        aspect-ratio: unset;
        padding: 5px 10px;
        margin-bottom: 15px;
        color: #fff
    }

    #structureHn.visible {
        display: grid
    }

    #structureHn li.H2 {
        padding-left: 10px
    }

    #structureHn li.H3 {
        padding-left: 20px
    }

    #structureHn li.H4 {
        padding-left: 30px
    }

    #structureHn li.H5 {
        padding-left: 40px
    }

    #structureHn li.H6 {
        padding-left: 50px
    }

    #structureHn span {
        display: inline-block;
        padding: 2px 5px;
        background: #3e3e3e;
        color: #fff
    }

    .ncAccess--toggleInfoBulle #infoBulle {
        display: block
    }

    #infoBulle {
        display: none;
        position: fixed;
        box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;
        padding: 5px 10px;
        background: #fff;
        transform: translateY(-100%);
        font-size: 1.125rem;
        opacity: 1
    }

    #infoBulle:empty {
        opacity: 0
    }

    @font-face {
        font-family: opendyslexic;
        src: url(../otf/OpenDyslexic-Regular-CrW49Z3D-CrW49Z3D.otf);
        font-style: normal;
        font-weight: 400
    }@font-face {
    font-family: opendyslexic;
    src: url(../otf/OpenDyslexic-Italic-BAfMOhXy-BAfMOhXy.otf);
    font-style: italic;
    font-weight: 400
}@font-face {
    font-family: opendyslexic;
    src: url(../otf/OpenDyslexic-Bold-lnlycIvj-lnlycIvj.otf);
    font-weight: 700;
    font-style: normal
}@font-face {
    font-family: opendyslexic;
    src: url(../otf/OpenDyslexic-Bold-Italic-C9nHZKnc-C9nHZKnc.otf);
    font-weight: 700;
    font-style: italic
}
}

@layer reset {
    /*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
    *, :before, :after {
        box-sizing: border-box;
        border-style: solid;
        border-width: 0;
        min-width: 0
    }

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0
    }

    main {
        display: block
    }

    p, table, blockquote, address, pre, iframe, form, figure, dl {
        margin: 0
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit;
        margin: 0
    }

    ul, ol {
        margin: 0;
        padding: 0;
        list-style: none
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
        border-top-width: 1px;
        margin: 0;
        clear: both;
        color: inherit
    }

    pre {
        font-family: monospace, monospace;
        font-size: inherit
    }

    address {
        font-style: inherit
    }

    a {
        background-color: transparent;
        text-decoration: none;
        color: inherit
    }

    abbr[title] {
        text-decoration: underline dotted
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp {
        font-family: monospace, monospace;
        font-size: inherit
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    svg, img, embed, object, iframe {
        vertical-align: bottom
    }

    button, optgroup, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        vertical-align: middle;
        color: inherit;
        font: inherit;
        background: transparent;
        padding: 0;
        margin: 0;
        border-radius: 0;
        text-align: inherit;
        text-transform: inherit
    }

    button, [type=button], [type=reset], [type=submit] {
        cursor: pointer
    }

    button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
        cursor: default
    }

    :-moz-focusring {
        outline: auto
    }

    select:disabled {
        opacity: inherit
    }

    option {
        padding: 0
    }

    fieldset {
        margin: 0;
        padding: 0;
        min-width: 0
    }

    legend {
        padding: 0
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: none;
        font: var(--OpenSans);
        border: none;
        padding: 5px 10px;
        color: #fff;
        background: var(--primaire)
    }

    label[for] {
        cursor: pointer
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    [contenteditable]:focus {
        outline: auto
    }

    table {
        border-color: inherit;
        border-collapse: collapse
    }

    caption {
        text-align: left
    }

    td, th {
        vertical-align: top;
        padding: 0
    }

    th {
        text-align: left;
        font-weight: 700
    }
}

@layer theme {
    :root {
        --color-primary: hsla(291, 27%, 52%, 1);
        --color-primary-light: hsla(291, 40%, 92%, 1);
        --color-primary-light-hover: hsla(291, 35%, 88%, 1);
        --color-secondary: hsla(0, 0%, 19%, 1);
        --color-secondary-light: hsla(215, 11%, 38%, 1);
        --color-secondary-extralight: hsla(207, 14%, 53%, 1);
        --color-tertiary: hsla(183, 100%, 33%, 1);
        --color-tertiary-light: hsla(183, 50%, 83%, 1);
        --color-tertiary-extra-light: hsla(195, 38%, 96%, 1);
        --color-tertiary-dark: rgb(4, 125, 131);
        --color-grey-light: hsla(210, 14%, 85%, 1);
        --color-white: #fff;
        --color-black: hsla(0, 0%, 19%, 1);
        --color-black-hover: hsla(215, 11%, 38%, 1);
        --font-primary: "basic-sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --font-size-menu: clamp(.875rem, .8317307692rem + .1923076923vw, 1.0625rem);
        --font-size-h1: clamp(2rem, 1.5528846154rem + 1.9871794872vw, 3.9375rem);
        --font-size-h2: clamp(1.6875rem, 1.2836538462rem + 1.7948717949vw, 3.4375rem);
        --font-size-h3: clamp(1.75rem, 1.5769230769rem + .7692307692vw, 2.5rem);
        --font-size-h4: clamp(1.25rem, 1.1923076923rem + .2564102564vw, 1.5rem);
        --light: 200;
        --regular: 400;
        --semiBold: 600;
        --bold: 700;
        --extra-bold: 900;
        --transition: all .3s ease-in-out
    }
}

@layer theme {
    :root {
        interpolate-size: allow-keywords
    }

    body {
        font-family: var(--font-primary);
        line-height: 1.4;
        container: body/inline-size;
        color: var(--color-black)
    }

    html, body {
        scroll-behavior: smooth
    }

    main {
        position: relative;
        z-index: 1;
        padding-top: 8.462rem
    }

    @media screen and (max-width: 1024px) {
        main {
            padding-top: 6.75rem
        }
    }.nc-liste {
         display: grid;
         gap: 1.5rem;
         grid-template-columns:repeat(1, 1fr)
     }

    .nc-liste--4cols {
        grid-template-columns:repeat(4, 1fr)
    }

    @media screen and (max-width: 1024px) {
        .nc-liste--4cols {
            grid-template-columns:repeat(2, 1fr)
        }
    }@media screen and (max-width: 768px) {
    .nc-liste--4cols {
        grid-template-columns:repeat(1, 1fr)
    }
}.nc-liste--3cols {
     grid-template-columns:repeat(3, 1fr)
 }

    @media screen and (max-width: 1024px) {
        .nc-liste--3cols {
            grid-template-columns:repeat(2, 1fr)
        }
    }@media screen and (max-width: 768px) {
    .nc-liste--3cols {
        grid-template-columns:repeat(1, 1fr)
    }
}.nc-liste--2cols {
     grid-template-columns:repeat(2, 1fr)
 }

    @media screen and (max-width: 1024px) {
        .nc-liste--2cols {
            grid-template-columns:repeat(1, 1fr)
        }
    }.btn--responsive {
         display: none
     }

    @media (max-width: 1024px) {
        .btn--responsive {
            display: block
        }
    }.container {
         width: min(100%, 1600px - 5rem);
         padding-inline: 2.5rem;
         margin-inline: auto
     }

    @media screen and (max-width: 1024px) {
        .container {
            padding-inline: 2rem
        }
    }select {
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none
     }

    .page-content {
        display: grid;
        gap: 2.5rem;
        padding-bottom: 2.5rem
    }

    @media screen and (max-width: 1024px) {
        .page-content {
            gap: 1.5rem
        }
    }
}

@layer theme;

@layer theme;

@layer theme {
    .caracteristiques {
        display: flex;
        width: 100%;
        padding: 1.5rem 2.5rem;
        align-items: flex-start;
        gap: 1.875rem;
        background: #f0f6f8
    }

    @media (max-width: 1440px) {
        .caracteristiques {
            padding: 1.6875rem 1.25rem
        }
    }@media screen and (max-width: 1240px) {
    .caracteristiques {
        flex-direction: column;
        gap: .5rem
    }
}body .caracteristiques__infos {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1.875rem
 }

    @media (min-width: 1440px) {
        body .caracteristiques__infos {
            display: grid;
            grid-template-columns:minmax(0, 1fr);
            gap: 1.875rem
        }
    }body .caracteristiques__infos ul {
         padding-left: 0;
         display: flex;
         flex-flow: row wrap;
         gap: 1.5rem
     }

    body .caracteristiques__infos ul li {
        color: var(--color-black);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.4375rem;
        padding-left: 0
    }

    body .caracteristiques__infos ul li:before {
        background-color: var(--color-primary)
    }

    body .caracteristiques__infos ul li span:first-child {
        display: inline-block
    }

    body .caracteristiques__infos ul li span:last-child {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.625rem;
        margin-left: 1rem
    }

    .caracteristiques__title {
        display: flex;
        align-items: flex-start;
        gap: .4375rem;
        align-self: stretch;
        color: var(--color-black);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal;
        flex-wrap: wrap
    }

    .caracteristiques__title span {
        color: var(--color-primary)
    }
}

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme {
    .detail-medecin__image {
        position: relative
    }

    .detail-medecin__image svg {
        aspect-ratio: 9/19;
        position: absolute;
        left: 1.25rem;
        bottom: 0
    }
}

@layer theme {
    .detail-medecin {
        padding-bottom: 3rem;
        display: grid;
        align-items: flex-start;
        gap: 8.44rem;
        grid-template-columns:21rem 1fr
    }

    @media screen and (max-width: 1240px) {
        .detail-medecin {
            gap: 4rem
        }
    }@media screen and (max-width: 1024px) {
    .detail-medecin {
        padding: 2rem 0;
        grid-template-columns:minmax(0, 1fr)
    }
}.detail-medecin__infos {
     max-width: 21rem;
     background-color: var(--color-grey-light)
 }

    .detail-medecin__infos__poste {
        display: grid;
        gap: .625rem;
        padding: 1.25rem
    }

    .detail-medecin__infos__poste .detail-medecin__infos__poste__item {
        display: flex;
        gap: .625rem
    }

    .detail-medecin__infos__poste .detail-medecin__infos__poste__item > .detail-medecin__logo {
        flex-shrink: 0
    }

    .detail-medecin__infos__poste .detail-medecin__infos__poste__item a {
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 1px;
        text-decoration-color: transparent;
        transition: var(--transition)
    }

    .detail-medecin__infos__poste .detail-medecin__infos__poste__item a:hover, .detail-medecin__infos__poste .detail-medecin__infos__poste__item a:focus {
        text-decoration-color: currentColor
    }

    .detail-medecin__image {
        width: 100%
    }

    .detail-medecin__image img {
        width: 100%;
        aspect-ratio: 21/22;
        object-fit: cover
    }

    .detail-medecin__logo {
        background-color: var(--color-white);
        border-radius: 0 .375rem;
        width: 1.5625rem;
        height: 1.5625rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .detail-medecin__bio {
        position: relative
    }

    .detail-medecin__bio img {
        top: .5rem;
        left: -1rem;
        width: 5rem;
        height: auto;
        position: absolute
    }

    .detail-medecin__bio__title {
        font-size: var(--font-size-h2);
        font-weight: var(--bold)
    }

    .detail-medecin__bio__paragraph {
        color: var(--color-secondary)
    }
}

@layer theme {
    .wysiwyg-wrapper:not(:has(.sidebar)) .wysiwyg.detail-medecin {
        width: 100%
    }
}

@layer theme;

@layer theme;

@layer theme {
    .informations-principales {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: #f0f6f8
    }

    .informations-principales__bottom {
        display: flex;
        padding: 1.6875rem 2.25rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border: 8px solid #F0F6F8;
        background: #fff;
        gap: 2rem
    }

    @media (max-width: 1440px) {
        .informations-principales__bottom {
            padding: 1.6875rem 1.25rem
        }
    }@media screen and (max-width: 1240px) {
    .informations-principales__bottom {
        flex-direction: column;
        gap: 1.5rem
    }
}.informations-principales__bottom__title {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     flex-shrink: 0
 }

    .informations-principales__bottom__title p {
        color: var(--color-black);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal;
        position: relative;
        z-index: 2
    }

    .informations-principales__bottom__title p:before {
        content: "";
        position: absolute;
        display: inline-block;
        background-color: #f8d8df;
        width: calc(100% + 1rem);
        height: .65rem;
        bottom: 0;
        left: -.5rem;
        z-index: -1
    }

    .informations-principales__bottom__text {
        color: var(--color-black);
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.5625rem;
        letter-spacing: .045rem;
        text-transform: uppercase;
        white-space: wrap
    }
}

@layer theme {
    .informations-principales__item {
        display: flex;
        width: 100%;
        padding: 1.5rem 2.5rem;
        align-items: flex-start;
        gap: 1.875rem;
        border-bottom: 1px solid #D5DADF;
        background: #f0f6f8
    }

    @media (max-width: 1440px) {
        .informations-principales__item {
            padding: 1.6875rem 1.25rem
        }
    }@media screen and (max-width: 1240px) {
    .informations-principales__item {
        flex-direction: column;
        gap: .5rem
    }
}body .informations-principales__infos, .informations-principales__coordonnees {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1.875rem
 }

    body .informations-principales__infos ul, .informations-principales__coordonnees ul {
        padding-left: 0
    }

    body .informations-principales__infos ul li, .informations-principales__coordonnees ul li {
        color: var(--color-black);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.4375rem;
        padding-left: 0
    }

    body .informations-principales__infos ul li:before, .informations-principales__coordonnees ul li:before {
        background-color: var(--color-primary)
    }

    body .informations-principales__infos ul li span:first-child, .informations-principales__coordonnees ul li span:first-child {
        width: 10.5rem;
        display: inline-block
    }

    body .informations-principales__infos ul li span:last-child, .informations-principales__coordonnees ul li span:last-child {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.625rem;
        margin-left: 1rem
    }

    body .informations-principales__infos--item, .informations-principales__coordonnees--item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: .875rem;
        align-self: stretch
    }

    body .informations-principales__infos--item div, .informations-principales__coordonnees--item div {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .informations-principales__title {
        display: flex;
        align-items: flex-start;
        gap: .4375rem;
        align-self: stretch;
        color: var(--color-black);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal;
        flex-wrap: wrap
    }

    .informations-principales__title span {
        color: var(--color-primary)
    }
}

@layer theme;

@layer theme {
    .container:has(.equipe-medicale-swiper) {
        overflow: hidden
    }

    .equipe-medicale-swiper {
        width: 100%
    }

    .equipe-medicale {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        align-self: stretch;
        flex-wrap: wrap
    }

    @media (max-width: 539px) {
        .equipe-medicale {
            flex-wrap: nowrap;
            gap: 0
        }
    }.equipe-medicale__dots {
         display: none;
         justify-content: center;
         align-items: center;
         gap: .5rem;
         margin-top: 1.5rem
     }

    @media (max-width: 539px) {
        .equipe-medicale__dots {
            display: flex
        }
    }.equipe-medicale__dot {
         width: .5rem;
         height: .5rem;
         border-radius: 50%;
         border: none;
         background-color: #d9d9d9;
         cursor: pointer;
         padding: 0;
         transition: background-color .2s ease
     }

    .equipe-medicale__dot:hover, .equipe-medicale__dot:focus {
        background-color: var(--color-primary-light);
        outline: none
    }

    .equipe-medicale__dot.is-active {
        background-color: var(--color-primary)
    }
}

@layer theme;

@layer theme {
    .container:has(.infos-sante-swiper) {
        overflow: hidden
    }

    .infos-sante-swiper {
        width: 100%
    }

    .infos-sante {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-self: stretch;
        gap: 3.5rem;
        flex-wrap: wrap
    }

    @media screen and (max-width: 1240px) {
        .infos-sante {
            gap: 1.5rem
        }
    }@media (max-width: 680px) {
    .infos-sante {
        flex-wrap: nowrap;
        gap: 0
    }
}.infos-sante__dots {
     display: none;
     justify-content: center;
     align-items: center;
     gap: .5rem;
     margin-top: 1.5rem
 }

    @media (max-width: 840px) {
        .infos-sante__dots {
            display: flex
        }
    }.infos-sante__dot {
         width: .5rem;
         height: .5rem;
         border-radius: 50%;
         border: none;
         background-color: var(--color-grey-light);
         cursor: pointer;
         padding: 0;
         transition: background-color .2s ease
     }

    .infos-sante__dot:hover, .infos-sante__dot:focus {
        background-color: #999;
        outline: none
    }

    .infos-sante__dot.is-active {
        background-color: var(--color-primary)
    }
}

@layer theme;

@layer theme {
    .hero-header {
        display: flex;
        padding: 11.9375rem 10rem;
        flex-direction: column;
        align-items: flex-start;
        gap: .625rem;
        background-image: url(../webp/hero-header-CAlr13Dm.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%
    }

    .hero-header__content {
        display: flex;
        max-width: 75%;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 1.5rem;
        position: relative
    }

    .hero-header__content:before {
        content: "";
        position: absolute;
        bottom: -1rem;
        left: -1rem;
        height: 4rem;
        width: 12rem;
        border-bottom-left-radius: 12px;
        border-bottom: 2px solid #FFF;
        border-left: 2px solid #FFF;
        z-index: 1
    }

    .hero-header__subtitle {
        color: #fff;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: .1125rem;
        text-transform: uppercase
    }

    .hero-header__title {
        color: #fff;
        font-size: 3.9375rem;
        font-style: normal;
        font-weight: 700;
        line-height: 3.93906rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }

    @media screen and (max-width: 1240px) {
        .hero-header {
            padding: 5rem
        }
    }@media screen and (max-width: 1024px) {
    .hero-header {
        max-height: 22.0625rem;
        padding: 2.5rem;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        height: 23.4375rem;
        position: relative
    }

    .hero-header:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #0050520f, #0050520f 55%, #005052 90%)
    }

    .hero-header__content {
        gap: .62rem;
        max-width: 100%
    }

    .hero-header__subtitle {
        font-size: 1.0625rem;
        letter-spacing: .06375rem
    }

    .hero-header__title {
        font-size: 1.9375rem;
        line-height: 1.9375rem
    }
}
}

@layer theme {
    .recherch__container {
        display: flex;
        justify-content: center;
        transform: translateY(-5rem);
        margin-bottom: -10rem;
        z-index: 800;
        position: inherit
    }

    @media screen and (max-width: 1240px) {
        .recherch__container {
            padding-inline: 0;
            transform: none;
            margin-bottom: 0
        }
    }.recherche {
         background-color: var(--color-white);
         display: flex;
         gap: 26px;
         width: 100%;
         padding-right: 20px;
         box-shadow: 0 8px 25px #30303012
     }

    @media screen and (max-width: 1240px) {
        .recherche {
            flex-direction: column;
            gap: 0;
            padding-right: 0
        }
    }.recherche__header {
         position: relative;
         padding: 0 39px;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-right: 3px;
         background-color: var(--color-primary)
     }

    @media screen and (max-width: 1240px) {
        .recherche__header {
            margin-right: 0;
            padding: 1rem 1.5rem;
            justify-content: flex-start
        }
    }.recherche__header:after {
         content: "";
         width: 25.34px;
         height: 25.34px;
         border-top-right-radius: 5px;
         background-color: var(--color-primary);
         position: absolute;
         top: 50%;
         right: -12px;
         transform: translateY(-50%) rotate(45deg)
     }

    @media screen and (max-width: 1240px) {
        .recherche__header:after {
            top: auto;
            right: auto;
            bottom: -1.5rem;
            left: 3.5rem
        }
    }.recherche__title {
         color: var(--color-white);
         font-size: 24px;
         font-weight: var(--bold)
     }

    .recherche__form {
        flex: 1;
        display: flex
    }

    @media screen and (max-width: 1024px) {
        .recherche__form {
            padding: 0 1.25rem
        }
    }.recherche__form__submit {
         display: flex;
         align-items: flex-end;
         padding-bottom: 2.25rem
     }

    @media screen and (max-width: 1240px) {
        .recherche__form__submit {
            padding: 0 1.25rem 2.25rem
        }

        .recherche__form__submit .btn {
            width: 100%
        }
    }@media screen and (max-width: 1024px) {
    .recherche__form__submit {
        padding: 0;
        margin-top: 2rem;
        margin-bottom: 4rem
    }
}.recherche__form__reset {
     text-transform: uppercase;
     padding-top: 1rem;
     margin-left: .625rem;
     display: flex
 }

    @media screen and (max-width: 1240px) {
        .recherche__form__reset {
            padding-bottom: 1.5rem
        }
    }.recherche__form__reset span {
         font-size: .9375rem;
         font-weight: 600;
         line-height: 1.125rem;
         letter-spacing: .05625rem;
         max-width: 12ch
     }

    @media screen and (max-width: 1240px) {
        .recherche__form__reset span {
            max-width: 100%
        }
    }@media screen and (max-width: 1024px) {
    .recherche__form__reset {
        margin: 0;
        padding: 0 0 1.25rem
    }
}.recherche__form__reset button {
     display: flex;
     gap: .625rem;
     align-items: center;
     transition: var(--transition);
     padding-top: 1rem
 }

    @media screen and (max-width: 1240px) {
        .recherche__form__reset button {
            padding-top: 0
        }
    }.recherche__form__reset button:hover {
         color: var(--color-black)
     }

    .recherche__form__reset button:hover span, .recherche__form__reset button:hover svg {
        color: var(--color-black)
    }

    .recherche__form__reset button span, .recherche__form__reset button svg {
        transition: var(--transition);
        color: var(--color-secondary-extralight)
    }

    @media screen and (max-width: 1240px) {
        .recherche__form {
            padding-top: 1rem;
            flex-direction: column
        }
    }.recherche__fields {
         flex: 1;
         display: flex;
         height: 100%;
         gap: 1.625rem
     }

    @media screen and (max-width: 1240px) {
        .recherche__fields {
            padding-left: 1.625rem
        }
    }@media screen and (max-width: 1024px) {
    .recherche__fields {
        flex-direction: column;
        padding-left: 0
    }
}@media screen and (max-width: 1024px) {
    .recherche__fields {
        gap: .94rem
    }
}.recherche__fields__corps {
     display: flex;
     gap: 1.625rem
 }

    @media screen and (max-width: 1240px) {
        .recherche__fields__corps {
            gap: .5rem
        }
    }@media screen and (max-width: 1024px) {
    .recherche__fields__corps {
        gap: 1.5rem
    }
}.recherche__field {
     flex: 1;
     padding: 36px 13px;
     display: flex;
     justify-content: center;
     flex-direction: column
 }

    .recherche__field:not(:last-child) {
        border-right: 1px solid var(--color-grey-light)
    }

    @media screen and (max-width: 1240px) {
        .recherche__field {
            padding: .5rem 1.25rem 1rem
        }

        .recherche__field:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid var(--color-grey-light)
        }
    }.recherche .filtersSection__label {
         color: var(--color-black);
         font-size: 20px;
         font-weight: var(--bold);
         display: flex;
         padding: 2.25rem 1.625rem 2.25rem 0;
         flex-direction: column;
         align-items: flex-start;
         gap: .25rem;
         flex: 1;
         white-space: nowrap
     }

    @media screen and (max-width: 1024px) {
        .recherche .filtersSection__label {
            padding: 0
        }
    }.recherche .filtersSection__label select {
         position: absolute
     }

    .recherche .filtersSection__label:not(:last-child) {
        border-right: 1px solid hsl(210, 14%, 85%)
    }

    @media screen and (max-width: 1024px) {
        .recherche .filtersSection__label:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid var(--color-grey-light);
            padding-bottom: .94rem
        }
    }.recherche__dropdown-toggle {
         width: 100%;
         height: 55px;
         padding: 0 23px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         background-color: var(--color-tertiary-extra-light);
         border: 1px solid transparent;
         color: var(--color-secondary);
         font-weight: var(--bold);
         cursor: pointer;
         transition: var(--transition);
         white-space: pre-wrap
     }

    .recherche__dropdown-toggle span {
        font-weight: 400;
        font-size: 1.125rem
    }

    .recherche__dropdown-toggle:after {
        content: "";
        width: 1.125rem;
        height: .575rem;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        background-color: var(--color-black);
        border-radius: .375rem
    }

    .recherche__dropdown-toggle:hover {
        background-color: var(--color-white);
        border-color: #dbdbdb
    }

    .recherche__dropdown {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--color-white);
        z-index: 99999;
        overflow: auto;
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        transition: transform .4s ease, opacity .4s ease
    }

    .recherche__dropdown.is-open {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto
    }

    .recherche__dropdown-nav {
        position: fixed;
        display: flex;
        width: 100%;
        padding: 1.25rem 2.5rem;
        justify-content: flex-end;
        align-items: center;
        gap: 1.5625rem;
        border-bottom: 1px solid #D5DADF;
        background: var(--color-white)
    }

    .recherche__dropdown-nav span {
        color: var(--color-primary);
        font-size: 1.1875rem;
        font-weight: 600;
        line-height: 1.875rem
    }

    .recherche__dropdown-close {
        top: 1.5rem;
        left: calc(100% - 5rem);
        width: 3rem;
        height: 3rem;
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 100000;
        transition: var(--transition)
    }

    .recherche__dropdown-close img {
        width: 1rem;
        height: 1rem;
        display: block
    }

    .recherche__dropdown-close:hover {
        background-color: var(--color-primary-darken)
    }

    .recherche__dropdown-close:hover svg path {
        fill: var(--color-primary)
    }

    .recherche__field--body {
        position: relative
    }

    .recherche__body-map {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-block: 4.5rem;
        background-color: var(--color-tertiary-extra-light);
        height: 100%;
        margin-top: 2rem
    }

    @media screen and (max-width: 1024px) {
        .recherche__body-map {
            margin-top: 0
        }
    }.recherche__body-map svg {
         width: auto;
         height: 80vh;
         display: block
     }

    @media screen and (max-width: 1024px) {
        .recherche__body-map svg {
            height: 60vh;
            width: 100%
        }
    }@media (max-width: 400px) {
    .recherche__body-map svg {
        height: 50vh
    }
}.recherche__body-map .carte-corps__button {
     cursor: pointer
 }

    .recherche__body-map .carte-corps__button:hover rect, .recherche__body-map .carte-corps__button:hover line, .recherche__body-map .carte-corps__button:hover path, .recherche__body-map .carte-corps__button:focus rect, .recherche__body-map .carte-corps__button:focus line, .recherche__body-map .carte-corps__button:focus path {
        fill: var(--color-primary);
        stroke: var(--color-primary)
    }

    .recherche__body-map .carte-corps__button:hover path:first-of-type, .recherche__body-map .carte-corps__button:focus path:first-of-type {
        z-index: 2;
        stroke: var(--color-white) 1px;
        fill: var(--color-white)
    }

    .is-body-map-open .recherch__container {
        transform: none;
        margin-bottom: 0
    }

    .is-body-map-open .header {
        position: static
    }

    body .recherche .recherche__fields__corps .filtersSection__label {
        border-right: none;
        padding-right: 0;
        border-bottom: none
    }
}

@layer theme {
    .care {
        padding: 8.75rem 0 10rem;
        background-color: var(--color-tertiary-extra-light);
        z-index: 600;
        position: inherit
    }

    @media screen and (max-width: 1240px) {
        .care {
            padding: 2.5rem 2rem
        }

        .care .container {
            margin: 0;
            width: auto
        }
    }@media screen and (max-width: 1240px)and (max-width: 1024px) {
    .care .container {
        padding: 0
    }
}.care__header {
     grid-column: span 2;
     max-width: 720px
 }

    @media screen and (max-width: 1024px) {
        .care__header {
            grid-column: span 1;
            margin-bottom: 2rem
        }
    }.care__title {
         font-size: var(--font-size-h2);
         font-weight: 700;
         margin-bottom: .5rem;
         color: var(--color-black);
         line-height: 3.75rem
     }

    @media screen and (max-width: 1024px) {
        .care__title {
            margin-bottom: 0
        }
    }.care__title-highlight {
         color: var(--color-primary)
     }

    .care__subtitle {
        font-size: 1.875rem;
        letter-spacing: .1125rem;
        text-transform: uppercase;
        margin-bottom: 1rem;
        color: #222
    }

    @media screen and (max-width: 1024px) {
        .care__subtitle {
            font-size: 1.0625rem
        }
    }.care__description {
         font-size: .95rem;
         line-height: 1.625rem;
         color: #555
     }

    .care__grid {
        display: grid;
        grid-template-columns:repeat(5, 1fr);
        gap: 2.5rem
    }

    @media screen and (max-width: 1024px) {
        .care__grid {
            display: flex;
            flex-direction: column;
            gap: 0
        }
    }.care__card {
         min-height: 15.5rem;
         position: relative;
         padding: 2rem 1.5rem;
         border: 1px solid hsla(291, 27%, 65%, 0.35);
         background-color: var(--color-primary);
         text-align: center;
         transition: var(--transition)
     }

    @media screen and (max-width: 1024px) {
        .care__card {
            min-height: auto;
            border-inline: none;
            display: flex;
            align-items: center;
            gap: 1rem;
            text-align: left;
            padding: 1rem
        }
    }.care__card:hover {
         background-color: var(--color-primary-light-hover)
     }
    .care__card:hover .care__card-link {
        background-color: var(--color-white)
    }

    .care__card-title {
        margin-top: 1rem;
        font-size: 1.25rem;
        font-weight: 700;
        text-transform: uppercase;
        transition: 0.3s all ease-in-out;
        color: white
    }

    @media screen and (max-width: 1024px) {
        .care__card-title {
            margin-top: 0
        }
    }.care__icon {
         width: 4.75rem;
         height: 4.75rem;
         margin: 0 auto;
         background-size: contain;
         background-repeat: no-repeat
     }

    @media screen and (max-width: 1024px) {
        .care__icon {
            width: 2.5rem;
            height: 2.5rem;
            margin: 0
        }
    }.care__card-link {
         position: absolute;
         bottom: -35px;
         rotate: 45deg;
         left: 50%;
         transform: translate(-50%);
         width: 2.5rem;
         height: 2.5rem;
         color: var(--color-primary);
         background-color: var(--color-white);
         border-radius: 4px 0;
         box-shadow: 0 0 0 1px hsla(291, 27%, 65%, 0.2);
         display: flex;
         align-items: center;
         justify-content: center;
         transition: var(--transition)
     }

    @media screen and (max-width: 1024px) {
        .care__card-link {
            position: static;
            align-self: center;
            transform: translateY(0);
            justify-self: end;
            margin-left: auto;
            width: 1.54681rem;
            height: 1.54681rem
        }
    }.care__arrow {
         transform: rotate(-45deg)
     }

    @media screen and (max-width: 1024px) {
        .care__placeholder {
            display: none
        }
    }.care__card--urgent .care__icon {
         background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4654_129)'%3e%3cpath%20d='M5.11383%2030.869C2.01923%2032.5942%200.290398%2035.8334%201.44295%2039.197C6.67553%2054.4403%2018.9185%2068.0684%2035.0456%2073.5799C38.0451%2074.6046%2041.7765%2073.2238%2043.5428%2070.3234L46.0697%2066.1724C46.7786%2065.0059%2046.3896%2063.4833%2045.2082%2062.8059L37.8665%2058.5971C36.809%2057.9921%2035.4663%2058.3134%2034.7949%2059.3323L32.7088%2062.4991C32.1152%2063.3993%2030.9627%2063.7351%2029.9801%2063.298C26.2459%2061.6394%2017.3366%2056.6229%2011.1935%2044.5724C10.77%2043.7387%2011.0264%2042.7169%2011.7842%2042.1756L15.4234%2039.5646C16.4463%2038.8322%2016.7344%2037.4341%2016.0919%2036.3515L11.9312%2029.3609C11.352%2028.3882%2010.1101%2028.0554%209.12759%2028.6111L5.11383%2030.8719V30.869Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M10.7503%2036.9115C10.9251%2037.193%2011.2951%2037.2795%2011.5766%2037.1047C11.8581%2036.9298%2011.9445%2036.5599%2011.7697%2036.2784L11.26%2036.595L10.7503%2036.9115ZM7.03321%2029.7893L6.52351%2030.1059L10.7503%2036.9115L11.26%2036.595L11.7697%2036.2784L7.5429%2029.4728L7.03321%2029.7893Z'%20fill='%239C64A6'/%3e%3cpath%20d='M40.508%2066.1492C40.7931%2066.3181%2041.1611%2066.2238%2041.33%2065.9387C41.4989%2065.6536%2041.4047%2065.2856%2041.1195%2065.1167L40.8138%2065.6329L40.508%2066.1492ZM33.5%2061.3007L33.1942%2061.8169L40.508%2066.1492L40.8138%2065.6329L41.1195%2065.1167L33.8058%2060.7844L33.5%2061.3007Z'%20fill='%239C64A6'/%3e%3cpath%20d='M46.4246%2049.8638C33.2912%2049.8638%2022.6445%2039.168%2022.6445%2025.9741C22.6445%2012.7801%2033.2883%202.08142%2046.4246%202.08142C59.5608%202.08142%2071.213%2014.0741%2069.5159%2029.6966'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M57.2353%2023.2897C57.2353%2022.9192%2056.9313%2022.6157%2056.5603%2022.6157L49.6576%2022.6157L49.6576%2015.7246C49.6576%2015.3542%2049.3536%2015.0507%2048.9826%2015.0507L42.9696%2015.0507C42.5985%2015.0507%2042.2945%2015.3542%2042.2945%2015.7246L42.2945%2022.6157L35.3919%2022.6157C35.0208%2022.6157%2034.7168%2022.9192%2034.7168%2023.2897L34.7168%2029.2927C34.7168%2029.6631%2035.0208%2029.9666%2035.3919%2029.9666L42.2945%2029.9666L42.2945%2036.8577C42.2945%2037.2282%2042.5985%2037.5317%2042.9696%2037.5317L48.9826%2037.5317C49.3536%2037.5317%2049.6576%2037.2282%2049.6576%2036.8577L49.6576%2029.9666L56.5603%2029.9666C56.9313%2029.9666%2057.2353%2029.6631%2057.2353%2029.2927L57.2353%2023.2897Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M52.073%2049.8638H61.311C66.7568%2049.8638%2071.2143%2054.3389%2071.2143%2059.8128C71.2143%2065.2837%2066.7597%2069.7618%2061.311%2069.7618H44.0977'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M74.9581%2024.0491L69.5152%2029.6966L64.0723%2024.0491'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4654_129'%3e%3crect%20width='76'%20height='74'%20fill='white'%20transform='translate(3.32206e-06%201)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
     }

    .care__card--maternity .care__icon {
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4654_8)'%3e%3cpath%20d='M74.5255%2071.3971C74.5255%2071.3971%2066.8208%2065.9892%2069.4387%2057.587C69.4387%2057.587%2069.6955%2056.872%2070.0486%2056.2387C73.0633%2050.8309%2074.8669%2044.6351%2074.8669%2038.0015C74.8669%2017.6396%2058.3603%201.13293%2037.9984%201.13293C17.6365%201.13293%201.13281%2017.6396%201.13281%2037.9985C1.13281%2058.3575%2017.6395%2074.8641%2037.9984%2074.8641C46.9522%2074.8641%2055.1588%2071.6743%2061.5443%2066.3657'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M21.2944%2016.5028C15.0298%2021.5747%2011.0254%2029.3307%2011.0254%2038.0189C11.0254%2053.3011%2023.4141%2065.6898%2038.6963%2065.6898C53.9785%2065.6898%2066.3672%2053.3011%2066.3672%2038.0189C66.3672%2022.7367%2053.9785%2010.348%2038.6963%2010.348C35.8105%2010.348%2032.825%2010.7439%2030.1971%2012.0004C27.6203%2013.2364%2025.1303%2015.5425%2024.8851%2018.551C24.5071%2023.1888%2028.0442%2023.273%2029.957%2025.8626C31.2135%2027.5609%2030.5853%2029.8058%2029.7706%2031.8003'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M16.1309%2031.0266V32.5436C16.1309%2036.1598%2019.0908%2039.1197%2022.707%2039.1197H28.4583C28.4583%2039.1197%2021.2054%2043.9337%2019.4764%2051.2377C17.7474%2058.5417%2023.703%2061.3586%2027.7381%2061.7417C31.7732%2062.1248%2038.3059%2061.4225%2045.6073%2056.2331C52.9088%2051.0436%2057.9399%2046.8834%2056.7957%2041.9928C55.6516%2037.1022%2050.9244%2036.8264%2049.5147%2036.8264H38.6941'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='bevel'/%3e%3cpath%20d='M19.3867%2031.7979H30.9812C30.9812%2031.7979%2034.4748%2031.7825%2035.3099%2033.869'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M46.9196%2032.8347H38.2238C35.0928%2032.8347%2032.5312%2035.3962%2032.5312%2038.5272C32.5312%2041.6583%2035.0928%2044.2198%2038.2238%2044.2198H46.9196'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='bevel'/%3e%3cpath%20d='M31.5293%2050.2263C31.5293%2050.2263%2034.8621%2047.5116%2035.5286%2043.5327'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='bevel'/%3e%3cpath%20d='M49.875%2026.5522C51.6474%2026.5522%2053.0852%2027.9901%2053.0852%2029.7624C53.0852%2031.5348%2051.6474%2032.9726%2049.875%2032.9726'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='bevel'/%3e%3cpath%20d='M37.0492%2032.8346C37.0492%2032.8346%2031.8215%2025.1245%2038.6965%2017.4681C45.5714%209.81166%2054.5992%2015.2871%2055.6616%2016.1554C56.724%2017.0237%2062.9478%2023.1913%2059.0455%2030.8017C56.0652%2036.6117%2056.8185%2039.066%2056.959%2043.193'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='bevel'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4654_8'%3e%3crect%20width='76'%20height='76'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    }

    .care__card--appointment .care__icon {
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4654_198)'%3e%3cpath%20d='M67.5078%2026.6222C71.4095%2026.6222%2074.5723%2023.4836%2074.5723%2019.6118C74.5723%2015.7401%2071.4095%2012.6014%2067.5078%2012.6014C63.6062%2012.6014%2060.4434%2015.7401%2060.4434%2019.6118C60.4434%2023.4836%2063.6062%2026.6222%2067.5078%2026.6222Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M36.7828%202.15422C36.7828%202.15422%2010.2385%20-7.58244%207.93164%2032.4523'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M1.02539%202.15422C1.02539%202.15422%2027.5696%20-7.58244%2029.8735%2032.4523'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M42.7917%2070.0077C38.87%2066.5143%2036.4043%2061.4424%2036.4043%2055.8025C36.4043%2045.2602%2045.0177%2036.7157%2055.6384%2036.7157C59.1407%2036.7157%2062.4243%2037.6433%2065.2525%2039.2666'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M69.8424%2042.9263C72.9702%2046.3215%2074.8786%2050.8405%2074.8786%2055.8025C74.8786%2066.3448%2066.2652%2074.8893%2055.6445%2074.8893'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M69.8405%2055.7995C69.8405%2063.6453%2063.4292%2070.0076%2055.5228%2070.0076C47.6164%2070.0076%2041.2051%2063.6453%2041.2051%2055.7995C41.2051%2047.9537%2047.6164%2041.5914%2055.5228%2041.5914C59.2797%2041.5914%2062.7011%2043.0274%2065.2537%2045.3791'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M55.6301%2065.5777C60.9497%2065.5777%2065.2621%2061.2984%2065.2621%2056.0195C65.2621%2050.7406%2060.9497%2046.4612%2055.6301%2046.4612C50.3105%2046.4612%2045.998%2050.7406%2045.998%2056.0195C45.998%2061.2984%2050.3105%2065.5777%2055.6301%2065.5777Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M65.2598%2056.0195L65.2598%2026.2417'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M69.8398%2030.5L69.8398%2053.9114L69.8398%2056.0114'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M55.5239%2070.0076L42.8709%2070.0076L27.7423%2070.0076C24.243%2070.0076%2021.3789%2067.1654%2021.3789%2063.6929L21.3789%2059.7537'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cpath%20d='M30.2049%2074.8893L27.1795%2074.8893C21.4302%2074.8893%2016.7266%2070.2217%2016.7266%2064.5165L16.7266%2059.7537M56.0254%2074.8893L37.1423%2074.8893'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0514%2059.8844C11.3907%2059.8844%205.16211%2053.8492%205.16211%2046.4315C5.16211%2046.3988%205.16211%2046.3691%205.16211%2046.3363L5.72236%2034.2242C5.77628%2033.0766%206.75596%2032.1818%207.91241%2032.2412C9.06885%2032.2947%209.96464%2033.2669%209.91071%2034.4145L9.35347%2046.4761C9.37743%2051.5778%2013.7186%2055.7192%2019.0484%2055.7192C24.3782%2055.7192%2028.7194%2051.5778%2028.7434%2046.4761L28.1861%2034.4145C28.1322%2033.2669%2029.028%2032.2918%2030.1844%2032.2412C31.3439%2032.1788%2032.3235%2033.0766%2032.3745%2034.2242L32.9347%2046.3363C32.9347%2046.3691%2032.9347%2046.3988%2032.9347%2046.4315C32.9347%2053.8492%2026.7031%2059.8844%2019.0454%2059.8844L19.0514%2059.8844Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'/%3e%3cellipse%20cx='37.0249'%20cy='1.92405'%20rx='1.94872'%20ry='1.92405'%20fill='%239C64A6'/%3e%3cellipse%20cx='1.94872'%20cy='1.92405'%20rx='1.94872'%20ry='1.92405'%20fill='%239C64A6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4654_198'%3e%3crect%20width='76'%20height='76'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    }

    .care__card--payment .care__icon {
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='74'%20height='75'%20viewBox='0%200%2074%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.5539%2065.5071V68.5526C40.5539%2071.7674%2037.9478%2074.3734%2034.7331%2074.3734H6.42044C3.20573%2074.3734%200.599609%2071.7673%200.599609%2068.5526V6.4208C0.599461%203.20609%203.20558%200.599976%206.42044%200.599976H34.7331C37.948%200.599976%2040.5539%203.20609%2040.5539%206.4208V33.3471'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24.8654%206.22991H16.2874C15.1967%206.22991%2014.1969%205.62206%2013.6941%204.65351L11.5898%200.599976H29.5628L27.4587%204.65351C26.9559%205.62206%2025.9559%206.22991%2024.8654%206.22991Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.0469%2016.1365C52.4959%2016.1365%2057.7145%2021.3549%2057.7145%2027.8041'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.0469%2020.5438C50.0597%2020.5438%2053.3069%2023.791%2053.3069%2027.8039'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.0469%2024.8147C47.6991%2024.8147%2049.0361%2026.1517%2049.0361%2027.8039'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14.6484%2013.9004C16.4099%2012.9416%2018.4294%2012.3969%2020.5761%2012.3969C27.4344%2012.3969%2032.994%2017.9566%2032.994%2024.8147C32.994%2028.0674%2031.7434%2031.028%2029.6967%2033.2419'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.2371%2037.0127C12.497%2035.9187%208.1582%2030.8735%208.1582%2024.8147C8.1582%2021.7655%209.25723%2018.9729%2011.0808%2016.8115'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M64.5527%2065.5071H70.1872C71.9173%2065.5071%2073.3197%2064.1046%2073.3197%2062.3746V36.4795C73.3197%2034.7495%2071.9173%2033.347%2070.1872%2033.347H21.3708C19.6407%2033.347%2018.2383%2034.7495%2018.2383%2036.4795V62.3746C18.2383%2064.1046%2019.6407%2065.5071%2021.3708%2065.5071H60.1187'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M73.3196%2039.5466H18.2383V46.1248H73.3196V39.5466Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.4609%2025.1615L18.6408%2028.3413L25.6938%2021.2883'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24.3574%2052.8536H48.3756'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24.3574%2058.1195H29.5639'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
    }

    .care__card--visit .care__icon {
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4654_171'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='76'%20height='76'%3e%3cpath%20d='M0%200H76V76H0V0Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4654_171)'%3e%3cpath%20d='M21.8887%2074.916C24.8129%2072.4074%2029.3937%2073.0515%2031.1749%2068.3625C33.4134%2062.4695%2026.753%2059.9387%2028.9914%2054.0457C29.4382%2052.8686%2030.0616%2052.027%2030.792%2051.3887'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.5791%2012.3154C61.0374%2016.1302%2062.4622%2020.6726%2062.4622%2025.5473C62.4622%2034.8246%2057.2981%2042.8935%2049.6892%2047.0409C48.8164%2047.516%2048.0831%2048.212%2047.5858%2049.0731L39.5346%2063.0187C39.0833%2063.798%2037.9583%2063.798%2037.5071%2063.0187L29.8876%2049.8211C29.3503%2048.8904%2028.5443%2048.1423%2027.572%2047.6823C19.2446%2043.753%2013.4927%2035.264%2013.5374%2025.4359C13.5966%2012.0944%2024.4771%201.18259%2037.8186%201.08477C44.6453%201.03578%2050.8308%203.78336%2055.2973%208.2497'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M38%2043.9792C27.8368%2043.9792%2019.5684%2035.711%2019.5684%2025.5476C19.5684%2015.3844%2027.8368%207.11598%2038%207.11598C48.1632%207.11598%2056.4316%2015.3844%2056.4316%2025.5476C56.4316%2035.711%2048.1632%2043.9792%2038%2043.9792Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.3584%2013.4644C42.6899%2013.4331%2041.3242%2014.8506%2041.3242%2016.5193V21.5574C41.3242%2021.9442%2041.0104%2022.2579%2040.6236%2022.2579H35.376C34.9892%2022.2579%2034.6756%2021.9442%2034.6756%2021.5574V16.5193C34.6756%2014.8506%2033.3098%2013.4331%2031.6414%2013.4644C30.0231%2013.4947%2028.7207%2014.8158%2028.7207%2016.4414V34.5761C28.7207%2036.2449%2030.0863%2037.6623%2031.7549%2037.631C33.373%2037.6007%2034.6756%2036.2794%2034.6756%2034.654V28.9134C34.6756%2028.5265%2034.9892%2028.2127%2035.376%2028.2127H40.6236C41.0104%2028.2127%2041.3242%2028.5265%2041.3242%2028.9134V34.5761C41.3242%2036.2449%2042.6899%2037.6623%2044.3584%2037.631C45.9764%2037.6007%2047.2791%2036.2794%2047.2791%2034.654V16.4414C47.2791%2014.8158%2045.9764%2013.4947%2044.3584%2013.4644Z'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14.0272%2030.4397H9.34108C8.17287%2030.4397%207.19319%2031.1952%207.07147%2032.1912L2.1374%2072.7592C1.99787%2073.9126%203.05326%2074.916%204.40701%2074.916H51.2108'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.9727%2030.4397H66.6588C67.827%2030.4397%2068.8067%2031.1952%2068.9284%2032.1912L73.8625%2072.7592C74.002%2073.9126%2072.9466%2074.916%2071.5929%2074.916H56.4062'%20stroke='%239C64A6'%20stroke-width='1.2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")
    }

    .care__card--services .care__icon {
        background-image: url(../svg/service-BOb6uedr.svg)
    }
}

@layer theme {
    .health-info {
        padding: 7.5rem 0
    }

    @media screen and (max-width: 1240px) {
        .health-info {
            padding: 2.5rem 2rem
        }

        .health-info .container {
            margin: 0;
            width: auto
        }
    }@media screen and (max-width: 1240px)and (max-width: 1024px) {
    .health-info .container {
        padding: 0
    }
}@media screen and (max-width: 1024px) {
    .health-info .btn {
        width: 100%
    }
}.health-info__header {
     grid-area: header;
     position: relative
 }

    .health-info__content {
        display: grid;
        gap: 2rem;
        grid-template-columns:minmax(0, 25%) 1fr;
        grid-template-areas:"intro header" "intro list" "intro carousel"
    }

    @media screen and (max-width: 1024px) {
        .health-info__content {
            grid-template-columns:1fr;
            grid-template-areas:"header" "intro" "list" "carousel";
            gap: 0
        }
    }.health-info__layout {
         display: flex;
         gap: 5.65rem;
         align-items: center
     }

    .health-info__intro {
        grid-area: intro;
        color: var(--color-secondary-light);
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2.5rem
    }

    @media screen and (max-width: 1024px) {
        .health-info__intro {
            margin-block: 2rem;
            max-width: none
        }
    }.health-info__list {
         grid-area: list;
         display: flex;
         gap: 5.65rem
     }

    @media screen and (max-width: 680px) {
        .health-info__list {
            display: none
        }
    }.health-info__title {
         font-weight: var(--bold);
         font-size: var(--font-size-h2)
     }

    .health-info__title span {
        color: var(--color-primary)
    }

    .health-info__subtitle {
        color: #303030;
        font-size: 1.875rem;
        text-transform: uppercase
    }

    @media screen and (max-width: 1024px) {
        .health-info__subtitle {
            font-size: 1.0625rem
        }
    }.health-info__decor {
         position: absolute;
         top: 0;
         left: 0;
         width: 5rem;
         height: 3.5rem
     }

    .health-info__carousel {
        grid-area: carousel;
        display: none
    }

    @media screen and (max-width: 680px) {
        .health-info__carousel {
            display: grid;
            gap: 2rem
        }
    }.health-info__image-viewport {
         width: 100%;
         overflow: hidden;
         background-color: var(--color-white);
         position: relative
     }

    .health-info__image-track {
        display: flex;
        transition: transform .5s ease;
        will-change: transform
    }

    .health-info__image-link {
        flex: 0 0 100%;
        display: block
    }

    .health-info__image {
        width: 100%;
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover
    }

    @media screen and (max-width: 680px) {
        .health-info__image {
            aspect-ratio: 84/83
        }
    }.health-info__card {
         position: relative;
         display: grid;
         gap: 1rem
     }

    @media screen and (max-width: 680px) {
        .health-info__card {
            position: relative
        }

        .health-info__card:before {
            content: "";
            position: absolute;
            bottom: -1rem;
            left: -1rem;
            height: 2.625rem;
            width: calc(100% + 1rem);
            border-bottom-left-radius: 12px;
            border-bottom: 2px solid var(--color-primary);
            border-left: 2px solid var(--color-primary);
            z-index: 1
        }

        .health-info__card {
            margin: 0 1rem
        }
    }.health-info__card-title {
         margin: 0;
         font-size: 1.25rem;
         font-weight: var(--bold)
     }

    @media screen and (max-width: 680px) {
        .health-info__card-title {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis
        }
    }.health-info__card-link {
         position: absolute;
         bottom: -25px;
         rotate: 45deg;
         top: -4px;
         left: 80%;
         transform: translate(-50%);
         width: 28px;
         height: 28px;
         background-color: var(--color-secondary);
         border-radius: .375rem 0;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: var(--transition)
     }

    .health-info__card-link img {
        rotate: -45deg
    }

    .health-info__card-link:hover {
        background-color: var(--color-secondary-light)
    }

    @media screen and (max-width: 680px) {
        .health-info__card-link {
            width: 2.8125rem;
            height: 2.8125rem;
            top: -40px;
            left: 90%
        }
    }.health-info__card-border {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         color: var(--color-primary);
         pointer-events: none
     }

    .health-info__controls {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .health-info__dots {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .health-info__dot {
        width: .5rem;
        height: .5rem;
        padding: 0;
        border-radius: 999px;
        background-color: var(--color-grey-light);
        transition: var(--transition)
    }

    .health-info__dot.is-active {
        background-color: var(--color-primary)
    }

    .health-info__arrow {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: .625rem;
        transition: var(--transition)
    }

    .health-info__arrow:disabled {
        opacity: .4;
        cursor: not-allowed
    }

    .health-card {
        position: relative;
        display: grid;
        flex: 1
    }

    .health-card:hover .health-card__link {
        background-color: var(--color-secondary-light)
    }

    .health-card:hover .health-card__title, .health-card:hover .health-card__border {
        color: var(--color-secondary-light)
    }

    .health-card:hover .health-card__image img {
        scale: 1
    }

    .health-card__media {
        position: relative;
        object-fit: cover
    }

    .health-card__image {
        overflow: hidden
    }

    .health-card__image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--transition);
        scale: 1.1
    }

    .health-card__link {
        position: absolute;
        rotate: 45deg;
        left: 80%;
        transform: translate(-68%);
        width: 40px;
        height: 40px;
        background-color: var(--color-secondary);
        border-radius: 4px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition)
    }

    .health-card__link img {
        transform: rotate(-45deg)
    }

    .health-card p {
        transition: var(--transition);
        font-size: 1.5rem;
        font-weight: var(--bold);
        margin: 1.625rem 0 1.625rem 1.625rem;
        display: flex;
        align-items: end
    }

    .health-card__border {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: var(--color-primary);
        transition: var(--transition)
    }
}

@layer theme {
    .recrutement {
        width: 100%;
        padding-bottom: 1.5rem
    }

    @media screen and (max-width: 1240px) {
        .recrutement {
            padding: 0
        }

        .recrutement .container {
            margin: 0;
            width: auto
        }
    }@media screen and (max-width: 1024px) {
    .recrutement .container {
        padding: 0
    }

    .recrutement .btn {
        width: 100%
    }
}.recrutement__flex {
     display: flex
 }

    @media screen and (max-width: 1240px) {
        .recrutement__flex {
            flex-direction: column
        }
    }.recrutement__grid {
         max-width: 66%;
         display: grid
     }

    @media screen and (max-width: 1240px) {
        .recrutement__grid {
            max-width: 100%;
            display: contents
        }
    }.recrutement__text {
         color: var(--color-white);
         padding: 4.38rem 4.38rem 2.5rem;
         position: relative;
         background-color: var(--color-primary);
         display: grid;
         gap: 2.5rem
     }

    @media screen and (max-width: 1240px) {
        .recrutement__text {
            order: 1;
            padding: 2.5rem 2rem
        }
    }@media screen and (max-width: 1024px) {
    .recrutement__text {
        gap: 1.9375rem
    }
}.recrutement__text:after {
     content: "";
     position: absolute;
     display: inline-block;
     width: 40px;
     height: 40px;
     border-radius: 0 .375rem;
     background-color: var(--color-primary);
     rotate: 45deg;
     right: -20px;
     top: calc(50% - 28px)
 }

    @media screen and (max-width: 1240px) {
        .recrutement__text:after {
            display: none
        }
    }.recrutement__title {
         font-weight: var(--bold);
         font-size: var(--font-size-h2);
         position: relative
     }

    .recrutement__title:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1rem;
        height: 2.375rem;
        width: 3.4375rem;
        border-top-left-radius: 12px;
        border-top: 2px solid var(--color-white);
        border-left: 2px solid var(--color-white);
        z-index: 1
    }

    @media screen and (max-width: 1024px) {
        .recrutement__title:before {
            border-top: 1px solid var(--color-white);
            border-left: 1px solid var(--color-white)
        }
    }.recrutement__title h2:before {
         content: none
     }

    .recrutement__subtitle {
        font-size: 1.875rem
    }

    @media screen and (max-width: 1024px) {
        .recrutement__subtitle {
            font-size: 1.0625rem
        }
    }.recrutement__paragraph {
         line-height: 1.6
     }

    @media screen and (max-width: 1240px) {
        .recrutement__image {
            order: 2
        }
    }.recrutement__image img {
         height: 100%;
         width: 100%;
         object-fit: cover
     }

    @media screen and (max-width: 1240px) {
        .recrutement__image img {
            aspect-ratio: 21/9
        }
    }@media screen and (max-width: 768px) {
    .recrutement__image {
        height: 13.125rem
    }
}.recrutement__quotes {
     position: relative;
     display: flex;
     align-items: center;
     padding: 2.5rem 4.38rem 0;
     background-color: var(--color-tertiary-extra-light)
 }

    @media screen and (max-width: 1240px) {
        .recrutement__quotes {
            order: 3;
            flex-direction: column;
            align-items: flex-start;
            padding: 2.5rem 1.5rem
        }
    }.recrutement__author {
         align-self: flex-end;
         flex-shrink: 0
     }

    @media screen and (max-width: 1240px) {
        .recrutement__author {
            display: none
        }
    }.recrutement__texts {
         display: grid;
         gap: 2.5rem;
         padding-bottom: 1rem
     }

    .recrutement__quote {
        font-size: 1.375rem;
        line-height: 1.8125rem;
        display: flex;
        gap: 1.88rem
    }

    .recrutement__quote:before {
        flex-shrink: 0;
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='45'%20height='32'%20viewBox='0%200%2045%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4146_1496)'%3e%3cpath%20d='M34.8025%2032C31.9048%2032%2029.4311%2030.8945%2027.3816%2028.6934C26.4022%2027.6669%2025.6349%2026.4331%2025.0594%2024.9624C24.4839%2023.5015%2024.2012%2022.021%2024.2012%2020.5404C24.2012%2017.4115%2025.2411%2014.2431%2027.3311%2011.0352C29.4211%207.82727%2032.2178%205.10302%2035.7112%202.86243C38.6694%200.957434%2041.0017%200%2042.6777%200C43.3542%200%2043.9095%200.197409%2044.3436%200.592227C44.7778%200.987045%2044.9999%201.51018%2044.9999%202.1715C44.9999%203.15854%2044.3638%203.97779%2043.0816%204.63911C40.0224%206.18877%2037.7809%207.71869%2036.3674%209.22887C35.0246%2010.6403%2034.3481%2011.6767%2034.3481%2012.3381C34.3481%2012.9994%2034.853%2013.3448%2035.8626%2013.4732L36.5189%2013.5719L37.2761%2013.6212C39.467%2013.9469%2041.244%2014.9439%2042.6071%2016.612C43.9701%2018.2702%2044.6566%2020.2936%2044.6566%2022.6626C44.6566%2025.0315%2043.8186%2027.203%2042.1325%2028.9796C40.2142%2030.9833%2037.7708%2031.9901%2034.8126%2031.9901L34.8025%2032Z'%20fill='%239C64A6'/%3e%3cpath%20d='M10.6111%2032C7.71338%2032%205.23974%2030.8945%203.19016%2028.6934C2.2108%2027.6669%201.44347%2026.4331%200.867966%2024.9624C0.292467%2023.5015%200.00976562%2022.021%200.00976562%2020.5404C0.00976562%2017.4115%201.0497%2014.2431%203.13967%2011.0352C5.22964%207.82727%208.02637%205.10302%2011.5197%202.86243C14.4881%200.957434%2016.8103%200%2018.4863%200C19.1628%200%2019.7181%200.197409%2020.1522%200.592227C20.5864%200.987045%2020.8085%201.51018%2020.8085%202.1715C20.8085%203.15854%2020.1724%203.97779%2018.8902%204.63911C15.8309%206.18877%2013.5895%207.71869%2012.176%209.22887C10.8332%2010.6403%2010.1567%2011.6767%2010.1567%2012.3381C10.1567%2012.9994%2010.6615%2013.3448%2011.6712%2013.4732L12.3275%2013.5719L13.0847%2013.6212C15.2756%2013.9469%2017.0526%2014.9439%2018.4156%2016.612C19.7787%2018.2702%2020.4652%2020.2936%2020.4652%2022.6626C20.4652%2025.0315%2019.6272%2027.203%2017.9411%2028.9796C16.0228%2030.9833%2013.5794%2031.9901%2010.6212%2031.9901L10.6111%2032Z'%20fill='%239C64A6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4146_1496'%3e%3crect%20width='45'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    }

    .recrutement__quote:after {
        flex-shrink: 0;
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='45'%20height='32'%20viewBox='0%200%2045%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4146_1496)'%3e%3cpath%20d='M34.8025%2032C31.9048%2032%2029.4311%2030.8945%2027.3816%2028.6934C26.4022%2027.6669%2025.6349%2026.4331%2025.0594%2024.9624C24.4839%2023.5015%2024.2012%2022.021%2024.2012%2020.5404C24.2012%2017.4115%2025.2411%2014.2431%2027.3311%2011.0352C29.4211%207.82727%2032.2178%205.10302%2035.7112%202.86243C38.6694%200.957434%2041.0017%200%2042.6777%200C43.3542%200%2043.9095%200.197409%2044.3436%200.592227C44.7778%200.987045%2044.9999%201.51018%2044.9999%202.1715C44.9999%203.15854%2044.3638%203.97779%2043.0816%204.63911C40.0224%206.18877%2037.7809%207.71869%2036.3674%209.22887C35.0246%2010.6403%2034.3481%2011.6767%2034.3481%2012.3381C34.3481%2012.9994%2034.853%2013.3448%2035.8626%2013.4732L36.5189%2013.5719L37.2761%2013.6212C39.467%2013.9469%2041.244%2014.9439%2042.6071%2016.612C43.9701%2018.2702%2044.6566%2020.2936%2044.6566%2022.6626C44.6566%2025.0315%2043.8186%2027.203%2042.1325%2028.9796C40.2142%2030.9833%2037.7708%2031.9901%2034.8126%2031.9901L34.8025%2032Z'%20fill='%239C64A6'/%3e%3cpath%20d='M10.6111%2032C7.71338%2032%205.23974%2030.8945%203.19016%2028.6934C2.2108%2027.6669%201.44347%2026.4331%200.867966%2024.9624C0.292467%2023.5015%200.00976562%2022.021%200.00976562%2020.5404C0.00976562%2017.4115%201.0497%2014.2431%203.13967%2011.0352C5.22964%207.82727%208.02637%205.10302%2011.5197%202.86243C14.4881%200.957434%2016.8103%200%2018.4863%200C19.1628%200%2019.7181%200.197409%2020.1522%200.592227C20.5864%200.987045%2020.8085%201.51018%2020.8085%202.1715C20.8085%203.15854%2020.1724%203.97779%2018.8902%204.63911C15.8309%206.18877%2013.5895%207.71869%2012.176%209.22887C10.8332%2010.6403%2010.1567%2011.6767%2010.1567%2012.3381C10.1567%2012.9994%2010.6615%2013.3448%2011.6712%2013.4732L12.3275%2013.5719L13.0847%2013.6212C15.2756%2013.9469%2017.0526%2014.9439%2018.4156%2016.612C19.7787%2018.2702%2020.4652%2020.2936%2020.4652%2022.6626C20.4652%2025.0315%2019.6272%2027.203%2017.9411%2028.9796C16.0228%2030.9833%2013.5794%2031.9901%2010.6212%2031.9901L10.6111%2032Z'%20fill='%239C64A6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4146_1496'%3e%3crect%20width='45'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        display: flex;
        transform: rotate(180deg);
        align-items: flex-start
    }

    @media screen and (max-width: 1024px) {
        .recrutement__quote {
            font-size: 1.125rem;
            line-height: normal
        }

        .recrutement__quote:before, .recrutement__quote:after {
            width: 1.9375rem;
            height: 100%;
            aspect-ratio: 45/32
        }
    }.recrutement__infos {
         padding-inline: 4.06rem;
         gap: 2rem;
         flex-wrap: wrap;
         display: flex;
         align-items: center;
         justify-content: space-between
     }

    @media screen and (max-width: 1240px) {
        .recrutement__infos {
            padding-inline: 0
        }
    }.recrutement__infos .recrutement__name {
         display: flex;
         flex-direction: column;
         gap: .2rem;
         line-height: 1.625rem
     }

    @media screen and (max-width: 1024px) {
        .recrutement__infos .recrutement__name {
            width: 100%;
            margin-inline: calc(1.88rem + 45px)
        }
    }.recrutement__infos .recrutement__name span {
         font-size: 1.125rem;
         font-weight: 600;
         line-height: 1.125rem;
         letter-spacing: .0675rem;
         color: var(--color-primary)
     }

    .recrutement__corner {
        position: absolute;
        top: 4.5rem;
        left: 3.5rem;
        width: 5rem;
        height: 3.5rem
    }

    @media screen and (max-width: 1240px) {
        .recrutement__corner {
            top: 2.5rem;
            left: .625rem
        }
    }
}

@layer theme {
    .actualites {
        position: relative;
        background-color: var(--color-tertiary-extra-light);
        z-index: -2;
        padding-bottom: 5rem
    }

    @media screen and (max-width: 1240px) {
        .actualites {
            padding: 2.5rem 0
        }

        .actualites .container {
            margin: 0;
            width: auto
        }
    }@media screen and (max-width: 1024px) {
    .actualites {
        background-color: var(--color-white)
    }

    .actualites .btn {
        width: 100%
    }
}.actualites:before {
     content: "";
     position: absolute;
     top: 0;
     height: 20rem;
     left: 0;
     right: 0;
     z-index: -1;
     background-color: #fff
 }

    .actualites__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 1.5rem;
        padding-bottom: 3rem
    }

    .actualites__top--left {
        position: relative;
        display: grid
    }

    .actualites__top--left img {
        position: absolute;
        top: 0;
        left: -.625rem;
        width: 5.625rem
    }

    @media screen and (max-width: 1024px) {
        .actualites__top--right {
            display: none
        }
    }.actualites__subtitle {
         font-size: 1.875rem;
         text-transform: uppercase
     }

    @media screen and (max-width: 1024px) {
        .actualites__subtitle {
            font-size: 1.0625rem
        }
    }.actualites__grid {
         display: grid;
         grid-template-columns:3fr 2fr 2fr;
         gap: 1.25rem
     }

    @media screen and (max-width: 1240px) {
        .actualites__grid {
            grid-template-columns:1fr 1fr
        }
    }@media screen and (max-width: 1024px) {
    .actualites__grid {
        grid-template-columns:1fr;
        margin-bottom: 1.88rem
    }
}.actualites__grid .actu-card:first-child {
     grid-row: span 2
 }

    .actualites__grid .actu-card:first-child img {
        aspect-ratio: 1/1
    }

    @media screen and (max-width: 1240px) {
        .actualites__grid .actu-card:first-child img {
            aspect-ratio: 453/242
        }
    }@media screen and (max-width: 1240px) {
    .actualites__grid .actu-card:first-child {
        grid-row: auto
    }
}
}

@layer theme {
    .change {
        background-color: var(--color-tertiary-extra-light);
        overflow: hidden
    }

    @media screen and (max-width: 1240px) {
        .change {
            padding: 2.5rem 0
        }

        .change .container {
            margin: 0;
            width: auto
        }
    }@media screen and (max-width: 1024px) {
    .change .btn {
        width: 100%
    }
}.change__flex {
     display: flex;
     padding-right: 2.5rem
 }

    @media (max-width: 1440px) {
        .change__flex {
            flex-direction: column;
            padding: 2.5rem
        }
    }@media screen and (max-width: 1024px) {
    .change__flex {
        padding: 0 2.5rem
    }
}.change__image {
     width: 38rem;
     flex-shrink: 0;
     transform: translate(-5rem, 3rem)
 }

    @media (max-width: 1440px) {
        .change__image {
            display: none
        }
    }.change__infos {
         display: flex;
         flex-direction: column;
         margin-top: 3.75rem;
         gap: 2.5rem
     }

    @media screen and (max-width: 1240px) {
        .change__infos {
            gap: 1.88rem
        }
    }.change__content {
         display: flex;
         flex-direction: column;
         max-width: 75%;
         position: relative;
         align-items: flex-start;
         gap: 3.12rem
     }

    @media screen and (max-width: 1024px) {
        .change__content {
            max-width: 100%;
            gap: 1.88rem
        }
    }.change__corner {
         position: absolute;
         top: 0;
         left: -2rem;
         width: 5rem
     }

    @media screen and (max-width: 1240px) {
        .change__corner {
            left: -.625rem
        }
    }.change__top {
         display: flex;
         flex-direction: column
     }

    .change__top--container {
        display: flex;
        justify-content: space-between
    }

    @media screen and (max-width: 1024px) {
        .change__top--container {
            flex-direction: column;
            gap: 1.88rem
        }
    }.change__bottom--container {
         display: flex
     }

    .change__text {
        line-height: 1.625rem
    }

    @media screen and (max-width: 1024px) {
        .change__text {
            font-size: .8125rem;
            line-height: 1.25rem
        }
    }.change__subtitle {
         font-size: 1.815rem
     }

    @media screen and (max-width: 1024px) {
        .change__subtitle {
            font-size: 1.0625rem
        }
    }
}

@layer theme;

@layer theme {
    .titre-actus {
        position: relative;
        background-color: var(--color-primary-light)
    }

    .titre-actus img {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .titre-actus .titre-actus__hero {
        padding: 5rem 0
    }

    .titre-actus .titre-actus__hero > div {
        position: relative
    }

    .titre-actus .titre-actus__hero h1 {
        color: var(--color-primary);
        font-size: var(--font-size-h1);
        font-weight: var(--bold);
        padding: 1.25rem 1.125rem;
        border-radius: 2rem
    }

    .titre-actus .titre-actus__hero p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600
    }

    .titre-actus .titre-actus__hero img {
        position: absolute;
        width: 20rem;
        height: 3rem;
        bottom: .5rem;
        left: -.5rem
    }

    .titre-actus__standard {
        overflow: hidden
    }

    .titre-actus__standard img {
        height: auto;
        max-width: 40%;
        aspect-ratio: 742/414;
        border-radius: 15rem 0 0
    }

    @media screen and (max-width: 1240px) {
        .titre-actus__standard img {
            display: none
        }
    }.titre-actus__standard .titre-actus__hero {
         display: grid;
         gap: 1rem;
         max-width: 60%
     }

    @media screen and (max-width: 1240px) {
        .titre-actus__standard .titre-actus__hero {
            max-width: 100%
        }
    }.hero-standard__image {
         position: absolute;
         bottom: 0;
         right: 0;
         max-width: 40%
     }

    .hero-standard__image img {
        position: relative;
        width: 742px;
        max-width: 100%;
        object-fit: cover
    }
}

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme {
    .fiche-sante-filtres__submit {
        display: none
    }
}

@layer theme {
    .liste-fiches-infos-sante {
        margin-top: 1.5rem
    }

    @media screen and (max-width: 1024px) {
        .liste-fiches-infos-sante {
            justify-items: center
        }
    }.liste-fiches-infos-sante .infos-sante-card:before {
         max-width: 20rem
     }

    .liste-fiches-infos-sante .infos-sante-card__title, .liste-fiches-infos-sante .infos-sante-card {
        max-width: 20rem
    }
}

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme {
    .nombre-resultat {
        color: var(--color-black);
        line-height: 1.5;
        font-weight: var(--regular);
        display: block;
        margin-bottom: 1.5rem;
        font-size: 1.5rem
    }

    .nombre-resultat mark {
        background-color: #fdf2f5;
        color: var(--color-primary);
        padding: .125rem .25rem;
        border-radius: .25rem;
        font-weight: var(--semiBold)
    }

    .nombre-resultat mark span {
        color: inherit
    }
}

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme {
    .filtresSection {
        padding-bottom: 1.88rem;
        background-color: var(--color-white);
        position: relative;
        z-index: 20;
        transition: var(--transition)
    }

    .filtresSection .filtersSection__toggle-btn {
        position: relative;
        overflow: hidden;
        padding: .5rem 1.5rem;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: .6925rem;
        transition: var(--transition)
    }

    .filtresSection .filtersSection__toggle-btn svg {
        color: var(--color-primary);
        transition: var(--transition)
    }

    .filtresSection .filtersSection__toggle-btn:after {
        content: "";
        z-index: -1;
        position: absolute;
        left: -10px;
        bottom: 0;
        width: 150%;
        height: 0;
        background-color: var(--color-primary);
        transition: var(--transition)
    }

    .filtresSection .filtersSection__toggle-btn:hover {
        color: var(--color-white)
    }

    .filtresSection .filtersSection__toggle-btn:hover svg {
        color: var(--color-white)
    }

    .filtresSection .filtersSection__toggle-btn:hover:before {
        color: var(--color-white)
    }

    .filtresSection .filtersSection__toggle-btn:hover:after {
        height: 120%
    }

    .filtresSection .filtres {
        display: none
    }

    .filtresSection .filtres .recherche {
        padding: 0 1.9375rem;
        border: 1px solid var(--color-grey-light)
    }

    @media screen and (max-width: 1240px) {
        .filtresSection .filtres .recherche .recherche__form {
            gap: 1rem
        }
    }@media screen and (max-width: 1240px) {
    .filtresSection .filtres .recherche .recherche__form__submit {
        padding: 0
    }
}@media screen and (max-width: 1024px) {
    .filtresSection .filtres .recherche {
        padding: 0
    }

    .filtresSection .filtres .recherche .recherche__form__submit {
        margin: 1rem 0
    }
}.filtresSection .filtres .recherche__fields {
     padding-left: 0
 }

    .filtresSection .filtres .filtersSection__label:last-child {
        border-right: 1px solid var(--color-grey-light);
        margin-right: 1.625rem
    }

    @media screen and (max-width: 1240px) {
        .filtresSection .filtres .filtersSection__label:last-child {
            margin-right: 0;
            border-right: none;
            padding-right: 0
        }
    }@media screen and (max-width: 1024px) {
    .filtresSection .filtres .filtersSection__label:last-child {
        border-right: none
    }
}.filtresSection .filtres__titre {
     position: relative;
     font-size: 1.675rem;
     line-height: 3rem;
     font-weight: 600;
     padding-inline: 1.69rem
 }

    .filtresSection .filtres__titre:before {
        content: "";
        position: absolute;
        display: inline-block;
        background-color: var(--color-tertiary-light);
        width: 100%;
        height: 40%;
        z-index: -1;
        bottom: 0;
        left: 0
    }

    .filtresSection .filtres__container {
        display: flex;
        gap: 1.5rem
    }

    .filtresSection .filtres__container:first-of-type {
        flex: 1;
        align-self: stretch
    }

    @media screen and (max-width: 1024px) {
        .filtresSection .filtres__container:first-of-type {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem
        }
    }.filtresSection .filtres .filtersSection__label {
         width: 100%
     }

    .filtresSection .filtres .filtersSection__label .filtersSection__input {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: var(--color-black);
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: flex;
        align-items: center;
        float: left;
        font-weight: 400;
        font-size: 1.125rem;
        outline: none;
        padding: 0 23px;
        height: 55px;
        position: relative;
        z-index: 10;
        transition: all .2s ease-in-out;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.75rem;
        white-space: nowrap;
        justify-content: space-between;
        align-self: stretch;
        background: #f0f6f8;
        border: 1px solid transparent
    }

    @media screen and (max-width: 1024px) {
        .filtresSection .filtres .filtersSection__label .filtersSection__input {
            height: 4rem
        }
    }.filtresSection .filtres .filtersSection__label .filtersSection__input::placeholder {
         color: var(--color-black);
         font-size: 1.125rem;
         font-weight: var(--regular);
         font-family: var(--font-family-primary)
     }

    .filtresSection .filtres.active {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }

    @media screen and (max-width: 1024px) {
        .filtresSection .filtres.active {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem
        }
    }@media screen and (max-width: 1240px) {
    .filtresSection .filtres {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
}
}

@layer theme {
    @media (max-width: 1300px) {
        .nc-liste:has(.service-card) {
            grid-template-columns:repeat(2, 1fr)
        }
    }
}

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme;

@layer theme {
    .page-enfants-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3.125rem;
        padding-bottom: 7.5rem
    }

    .page-enfants-section .page-enfants {
        display: grid;
        grid-template-columns:repeat(5, 1fr);
        align-items: center;
        align-self: stretch;
        padding: 1rem 0 1rem 1.5rem;
        gap: 4.125rem
    }

    @media screen and (max-width: 1240px) {
        .page-enfants-section .page-enfants {
            grid-template-columns:repeat(3, 1fr)
        }
    }@media screen and (max-width: 1024px) {
    .page-enfants-section .page-enfants {
        grid-template-columns:repeat(2, 1fr)
    }
}@media screen and (max-width: 768px) {
    .page-enfants-section .page-enfants {
        grid-template-columns:repeat(1, 1fr)
    }
}.page-enfants-section .page-enfants__item {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     color: var(--color-secondary);
     font-size: 1.25rem;
     font-weight: 700;
     flex: 1 1 14rem;
     height: 3.5rem;
     max-width: 14.0625rem;
     position: relative
 }

    .page-enfants-section .page-enfants__item:before {
        content: "";
        position: absolute;
        bottom: -1rem;
        left: -1rem;
        height: calc(100% + 1.5rem);
        width: calc(100% + 1.5rem);
        border-bottom-left-radius: 12px;
        border-bottom: 2px solid var(--color-primary);
        border-left: 2px solid var(--color-primary);
        z-index: 1
    }

    .page-enfants-section .page-enfants__item {
        transition: var(--transition)
    }

    .page-enfants-section .page-enfants__item svg {
        flex-shrink: 0
    }

    .page-enfants-section .page-enfants__item:before {
        transition: var(--transition)
    }

    .page-enfants-section .page-enfants__item:hover {
        color: #768998
    }

    .page-enfants-section .page-enfants__item:hover svg path {
        fill: #768998
    }

    .page-enfants-section .page-enfants__item:hover:before {
        border-bottom-color: #768998;
        border-left-color: #768998
    }
}

@layer theme;

@layer theme {
    .page404 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 2rem;
        margin-bottom: 4rem
    }

    @media (max-width: 50rem) {
        .page404 {
            margin-top: 2rem
        }
    }.page404__wrapper {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 1rem
     }

    @media (max-width: 50rem) {
        .page404__wrapper {
            flex-direction: column
        }
    }
}

@layer theme {
    .planSite-wrapper {
        display: grid;
        gap: 4rem;
        margin: 2rem 0
    }

    .planSite-wrapper__menu {
        display: grid;
        gap: 4rem
    }

    .planSite-wrapper__menu > ul {
        --nbCol: 3;
        display: grid;
        grid-template-columns:repeat(var(--nbCol), 1fr);
        gap: 2rem;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap
    }

    @media screen and (max-width: 1024px) {
        .planSite-wrapper__menu > ul {
            --nbCol: 2
        }
    }@media screen and (max-width: 768px) {
    .planSite-wrapper__menu > ul {
        --nbCol: 1
    }
}@container body (max-width: 950px) {
    .planSite-wrapper__menu > ul {
        --nbCol: 1
    }
}.planSite-wrapper__menu > ul > li:before {
     content: "";
     flex-shrink: 0;
     background-color: var(--color-primary);
     border-radius: 0 3px;
     display: inline-block;
     width: 15px;
     height: 15px;
     margin-right: .625rem
 }

    .planSite-wrapper__menu > ul > li > a {
        font-weight: var(--bold);
        font-size: var(--font-size-h3);
        line-height: 43px;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 2px;
        text-decoration-color: transparent;
        transition: var(--transition)
    }

    .planSite-wrapper__menu > ul > li > a:hover, .planSite-wrapper__menu > ul > li > a:focus {
        text-decoration-color: currentColor
    }

    .planSite-wrapper__menu > ul > li > a {
        color: var(--color-black)
    }

    .planSite-wrapper__menu > ul > li > ul {
        padding-left: 1.5rem;
        margin-top: 1rem;
        display: grid;
        gap: .5rem
    }

    .planSite-wrapper__menu > ul > li > ul > li {
        position: relative
    }

    .planSite-wrapper__menu > ul > li > ul > li > a {
        display: flex;
        align-items: baseline;
        font-weight: var(--bold);
        color: var(--color-tertiary);
        font-size: var(--font-size-h4)
    }

    .planSite-wrapper__menu > ul > li > ul > li:before {
        content: none
    }

    .planSite-wrapper__menu > ul > li > ul > li > ul {
        margin-top: 1rem;
        margin-bottom: .5rem;
        display: grid;
        gap: .5rem;
        margin-left: 1.5rem
    }

    .planSite-wrapper__menu > ul > li > ul > li > ul > li a {
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 2px;
        text-decoration-color: transparent;
        transition: var(--transition)
    }

    .planSite-wrapper__menu > ul > li > ul > li > ul > li a:hover, .planSite-wrapper__menu > ul > li > ul > li > ul > li a:focus {
        text-decoration-color: currentColor
    }

    .planSite-wrapper__menu > ul > li > ul > li > ul > li a {
        position: relative;
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: .5rem;
        align-items: baseline
    }

    .planSite-wrapper__menu > ul > li > ul > li > ul > li a:before {
        content: "";
        flex-shrink: 0;
        display: inline-block;
        height: 9px;
        width: 9px;
        border-radius: 0 2px;
        margin-right: .5rem;
        background-color: var(--color-grey-light)
    }

    .planSite-wrapper__footer {
        display: grid;
        gap: 4rem
    }

    .planSite-wrapper__footer ul {
        --nbCol: 3;
        gap: 2rem;
        display: grid;
        grid-template-columns:repeat(var(--nbCol), 1fr);
        font-size: clamp(1.25rem, 1.1923076923rem + .2564102564vw, 1.5rem);
        font-weight: var(--semiBold)
    }

    @media screen and (max-width: 1024px) {
        .planSite-wrapper__footer ul {
            --nbCol: 1
        }
    }.planSite-wrapper__footer ul > li:before {
         content: "";
         flex-shrink: 0;
         background-color: var(--color-primary);
         border-radius: 0 3px;
         display: inline-block;
         width: 15px;
         height: 15px;
         margin-right: .625rem
     }

    .planSite-wrapper__footer ul > li > a {
        font-weight: var(--bold);
        font-size: var(--font-size-h3);
        line-height: 43px;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 2px;
        text-decoration-color: transparent;
        transition: var(--transition)
    }

    .planSite-wrapper__footer ul > li > a:hover, .planSite-wrapper__footer ul > li > a:focus {
        text-decoration-color: currentColor
    }

    .planSite-wrapper__footer ul > li > a {
        color: var(--color-black)
    }
}

@layer theme {
    .footer__logo {
        aspect-ratio: 135/135;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        flex-shrink: 0
    }

    @media screen and (max-width: 1024px) {
        .footer__logo {
            width: 110px;
            height: 110px
        }
    }
}

@layer theme {
    .footer__coordonnees {
        display: flex;
        align-items: flex-start;
        gap: 6.4375rem;
        align-self: stretch;
        justify-content: space-between
    }

    @media (max-width: 1444px) {
        .footer__coordonnees {
            gap: 1.5rem
        }
    }@media screen and (max-width: 1024px) {
    .footer__coordonnees {
        gap: .5rem
    }
}.coordonnees__item {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1.275rem;
     flex: 1;
     align-self: stretch;
     color: #fff;
     min-width: 12.063rem
 }

    @media screen and (max-width: 1024px) {
        .coordonnees__item {
            min-width: auto;
            align-items: center
        }
    }.coordonnees__title {
         font-size: 1.125rem;
         font-weight: 600
     }

    @media screen and (max-width: 1024px) {
        .coordonnees__title {
            font-size: .9375rem
        }
    }.coordonnees__address {
         font-size: 1rem;
         line-height: 1.5rem
     }

    @media screen and (max-width: 1024px) {
        .coordonnees__address {
            font-size: .8125rem;
            line-height: 1.25rem;
            text-align: center
        }
    }.coordonnees__phone {
         font-size: 1rem;
         display: flex;
         align-items: center;
         gap: .5rem
     }

    .coordonnees__phone svg {
        width: .9375rem;
        height: .9375rem;
        flex-shrink: 0
    }
}

@layer theme {
    .footerAccesRapide ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.875rem
    }

    .footerAccesRapide ul li {
        display: flex;
        align-items: center
    }

    .footerAccesRapide ul li a {
        color: #fff;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.5625rem;
        letter-spacing: .0425rem;
        text-transform: uppercase;
        transition: var(--transition)
    }

    .footerAccesRapide ul li a:hover {
        color: #d3d9de
    }

    @media screen and (max-width: 1024px) {
        .footerAccesRapide ul {
            align-items: center;
            gap: 2.1875rem
        }

        .footerAccesRapide ul li a {
            font-size: .875rem;
            line-height: 1.3125rem
        }
    }
}

@layer theme;

@layer theme;

@layer theme {
    .reseaux {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        max-width: 20rem;
        gap: 2rem;
        flex-wrap: wrap
    }

    @media (max-width: 1444px) {
        .reseaux {
            gap: 1.25rem
        }
    }@media screen and (max-width: 1024px) {
    .reseaux {
        max-width: 100%;
        margin-top: 1.25rem
    }
}.reseaux__link {
     flex-shrink: 0;
     transition: var(--transition)
 }

    .reseaux__link:hover {
        opacity: .7
    }
}

@layer theme {
    .menu-footer {
        display: flex;
        padding: 1.25rem 2.5rem;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        background: var(--color-primary)
    }

    .menu-footer ul {
        display: flex;
        align-items: center;
        gap: 3.125rem;
        flex-wrap: wrap
    }

    @media (max-width: 1440px) {
        .menu-footer ul {
            gap: 1.25rem
        }
    }.menu-footer ul li a {
         color: #fff;
         font-size: 1rem;
         font-weight: 400;
         line-height: 1.625rem;
         text-decoration: underline;
         text-underline-offset: 2px;
         text-decoration-thickness: 2px;
         text-decoration-color: transparent;
         transition: var(--transition)
     }

    .menu-footer ul li a:hover, .menu-footer ul li a:focus {
        text-decoration-color: currentColor
    }

    .menu-footer span {
        color: #fff;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.625rem
    }

    @media screen and (max-width: 1024px) {
        .menu-footer {
            padding: 2.5rem 1.25rem;
            flex-direction: column;
            align-items: center;
            gap: 1.875rem
        }

        .menu-footer ul {
            flex-direction: column;
            gap: .9375rem;
            align-self: stretch
        }
    }@media screen and (max-width: 768px) {
    .menu-footer {
        padding: 2.5rem 1.25rem calc(2.5rem + 112px) 1.25rem
    }
}
}

@layer theme {
    .footer {
        background-color: #303030
    }

    .footer .container {
        display: flex;
        padding-block: 4.375rem;
        align-items: flex-start;
        gap: clamp(1rem, 2vw, 4rem);
        align-self: stretch;
        justify-content: space-between
    }

    @media screen and (max-width: 1024px) {
        .footer .container {
            flex-direction: column;
            align-items: center;
            gap: 2.5rem;
            align-self: stretch
        }
    }.footer .container .footer__btn {
         display: grid;
         gap: 1.25rem;
         max-width: 20rem
     }

    @media screen and (max-width: 1024px) {
        .footer .container .footer__btn {
            width: 100%;
            max-width: 100%
        }

        .footer .container .footer__btn .btn {
            width: 100%
        }
    }
}

@layer theme {
    .header__logo {
        display: flex;
        position: absolute;
        left: 2.5rem;
        top: 0;
        width: 7.55213rem;
        height: 7.5625rem;
        flex-shrink: 0;
        transition: var(--transition)
    }

    .header__logo img {
        width: auto;
        height: 100%;
        aspect-ratio: 121/121
    }

    @media screen and (max-width: 1024px) {
        .header__logo {
            height: 5.3rem;
            bottom: 0;
            top: auto;
            left: 1.1875rem
        }
    }
}

@layer theme {
    .header__accesRapide ul {
        display: flex;
        gap: 3.44rem
    }

    .header__accesRapide ul a {
        color: #555e6a;
        font-size: .875rem;
        font-weight: 400;
        transition: var(--transition)
    }

    .header__accesRapide ul a:hover {
        color: var(--color-primary)
    }
}

@layer theme {
    .header__langue {
        display: flex;
        align-items: center;
        gap: .625rem
    }

    .header__langue a {
        color: #555e6a;
        text-align: center;
        font-size: .875rem;
        font-weight: 400;
        transition: var(--transition)
    }

    .header__langue a:not(.is-active):hover {
        color: var(--color-primary)
    }

    .header__langue a.is-active {
        color: #303030;
        font-weight: 700
    }
}

@layer theme {
    .menu-principal {
        display: flex;
        width: 100%
    }

    .menu-principal .menu-principal__list {
        display: flex;
        padding: 0 .5rem;
        justify-content: space-between;
        align-items: center;
        gap: 0rem;
        width: 100%
    }

    @media (max-width: 1350px) {
        .menu-principal .menu-principal__list {
            gap: .625rem;
            padding: 0 .5rem
        }
    }.menu-principal .menu-principal__list .menu-principal__link {
         color: #303030;
         font-size: var(--font-size-menu);
         font-weight: 700;
         line-height: 1.375rem;
         text-transform: uppercase;
         white-space: normal;
         height: 100%;
         display: flex;
         align-items: center;
         transition: var(--transition)
     }

    .menu-principal .menu-principal__list .menu-principal__link:hover {
        color: var(--color-primary)
    }

    @media (max-width: 1350px) {
        .menu-principal .menu-principal__list .menu-principal__link {
            max-width: 12ch
        }
    }.menu-principal__item {
         height: 100%
     }

    .menu-principal .separator {
        width: .6875rem;
        height: .6875rem;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .menu-principal .separator svg {
        width: .6875rem;
        height: .6875rem;
        flex-shrink: 0
    }

    .menu-principal .separator:last-child {
        display: none
    }

    @media screen and (max-width: 1024px) {
        .menu-principal {
            position: fixed;
            top: 6.75rem;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: var(--color-white);
            z-index: 100;
            overflow-y: auto;
            overflow: hidden;
            transform: translate(-100%);
            transition: transform .3s ease-in-out;
            padding: 2rem;
            border-top: 1px solid #D5DADF;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 2rem
        }

        .menu-principal[aria-hidden=false] {
            transform: translate(0)
        }

        .menu-principal .menu-principal__list {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
            padding: 0;
            width: 100%
        }

        .menu-principal .menu-principal__list .menu-principal__item {
            width: 100%;
            height: auto;
            border-bottom: 1px solid var(--color-special-grey-light)
        }

        .menu-principal .menu-principal__list .menu-principal__item .menu-principal__link {
            width: 100%;
            padding: 1rem 0;
            max-width: none;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .menu-principal .menu-principal__list .menu-principal__item .menu-principal__link:after {
            content: "";
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.06934%202.47666C9.2715%202.3131%209.57265%202.3391%209.74121%202.53526L12.8896%206.20322C13.037%206.37484%2013.037%206.62536%2012.8896%206.79697L9.74121%2010.4649C9.57263%2010.661%209.27145%2010.6871%209.06934%2010.5235C8.86734%2010.3599%208.84034%2010.0674%209.00879%209.87119L11.5059%206.96201L0.476563%206.96201C0.21336%206.96201%206.90677e-05%206.75562%207.47609e-07%206.5001C7.69152e-07%206.24452%200.213318%206.03721%200.476563%206.03721L11.5049%206.03721L9.00879%203.12803C8.84061%202.93182%208.86755%202.64027%209.06934%202.47666Z'%20fill='%239C64A6'/%3e%3c/svg%3e");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center
        }

        .menu-principal .menu-principal__list .separator {
            display: none
        }
    }.menu-principal .header__langue {
         display: none
     }

    @media screen and (max-width: 1024px) {
        .menu-principal .header__langue {
            display: flex
        }
    }.menu-principal .footerAccesRapide {
         display: none
     }

    @media screen and (max-width: 1024px) {
        .menu-principal .footerAccesRapide {
            display: block
        }
    }.menu-principal[aria-hidden=false] .header__bottom {
         position: fixed
     }
}

@layer theme {
    .header__recherche {
        display: flex;
        padding: 1.75rem 1.6875rem;
        justify-content: center;
        align-items: center;
        gap: .625rem;
        flex-shrink: 0;
        background: var(--color-primary);
        transition: var(--transition)
    }

    .header__recherche:hover {
        background: #555e6a
    }

    @media screen and (max-width: 1024px) {
        .header__recherche {
            padding: 1rem
        }

        .header__recherche svg {
            width: 1.0625rem;
            height: 1.0625rem
        }
    }.rechercheForm {
         position: fixed;
         top: -150lvh;
         left: 0;
         height: 100lvh;
         width: 100vw;
         z-index: 9999;
         pointer-events: none;
         opacity: 1;
         background-color: var(--color-secondary);
         transition: var(--transition);
         display: flex;
         justify-content: center;
         align-items: center;
         overflow: hidden
     }

    @media (max-width: 50rem) {
        .rechercheForm {
            align-items: flex-start;
            padding-top: 15rem
        }
    }.rechercheForm__searchBar {
         display: flex;
         gap: 2rem;
         width: 100%;
         justify-content: center;
         color: #fff;
         align-items: center
     }

    .rechercheForm__searchBar input {
        border-bottom: solid 2px white;
        background-color: var(--color-secondary);
        border-top-left-radius: 8px;
        color: #fff;
        font-size: 1.5rem;
        width: 50%;
        padding: 1rem
    }

    .rechercheForm__searchBar input::placeholder {
        color: #fff
    }

    .rechercheForm__searchBar button svg {
        transition: var(--transition)
    }

    .rechercheForm__searchBar button svg:hover {
        transform: scale(1.2);
        transition: var(--transition)
    }

    .rechercheForm__illustration {
        position: absolute;
        bottom: 0;
        z-index: -1;
        left: 0;
        pointer-events: none;
        width: 25rem
    }

    @media (max-width: 50rem) {
        .rechercheForm__illustration {
            width: 15rem;
            height: fit-content;
            top: 0;
            bottom: auto
        }
    }.rechercheForm__close {
         position: absolute;
         top: 50px;
         right: 50px;
         border: solid 2px white;
         transition: var(--transition);
         padding: 1rem;
         border-radius: 50%;
         height: 50px;
         width: 50px;
         background-color: #fff;
         display: flex;
         place-items: center
     }

    .rechercheForm__close:hover, .rechercheForm__close:focus {
        background-color: var(--color-white)
    }

    .rechercheForm__close:hover path, .rechercheForm__close:focus path {
        fill: #fff
    }

    .rechercheForm__close path {
        fill: var(--color-black);
        transition: var(--transition)
    }

    .rechercheForm__close:hover, .rechercheForm__close:focus {
        background: none
    }

    .rechercheForm__close:hover path, .rechercheForm__close:focus path {
        fill: var(--color-white)
    }

    .rechercheForm.active {
        top: 0;
        opacity: 1;
        pointer-events: all
    }
}

@layer theme {
    .accessibilite {
        position: fixed;
        bottom: 2.5rem;
        left: 2.5rem;
        z-index: 200
    }

    .accessibilite svg:hover rect {
        fill: var(--color-white)
    }

    .accessibilite svg rect, .accessibilite svg path, .accessibilite svg circle {
        transition: var(--transition)
    }

    @media (max-width: 50rem) {
        .accessibilite {
            display: none
        }
    }
}

@layer theme {
    .header__recrutement {
        display: flex;
        height: 5.1875rem;
        padding: 1.625rem 2.75rem;
        align-items: center;
        gap: .8125rem;
        border-left: 1px solid #D5DADF;
        flex-shrink: 0;
        transition: var(--transition)
    }

    @media (max-width: 1350px) {
        .header__recrutement {
            padding: 1.625rem 1.25rem
        }
    }.header__recrutement svg {
         flex-shrink: 0
     }

    .header__recrutement svg path {
        transition: var(--transition)
    }

    .header__recrutement span {
        color: var(--color-primary);
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.75rem;
        transition: var(--transition)
    }

    .header__recrutement:hover {
        background: #f8d8df
    }

    .header__recrutement:hover svg path {
        stroke: #303030
    }

    .header__recrutement:hover span {
        color: #303030
    }

    @media screen and (max-width: 1024px) {
        .header__recrutement {
            display: flex;
            padding: .625rem .9375rem;
            align-items: center;
            gap: .3125rem;
            border: .755px solid #E1E8EA;
            height: 3.063rem
        }

        .header__recrutement svg {
            display: flex;
            width: 1rem;
            height: 1rem;
            justify-content: center;
            align-items: center
        }

        .header__recrutement span {
            font-size: .75rem;
            font-weight: 600;
            line-height: .75rem
        }
    }
}

@layer theme {
    .headerFilArianneWrapper {
        padding-block: 1.5rem
    }

    .headerFilArianneWrapper .FilArianne_label {
        display: none;
        color: var(--color-black)
    }

    .headerFilArianneWrapper .FilArianne {
        display: inline-block
    }

    .headerFilArianneWrapper .FilArianne ul {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    @media screen and (max-width: 1024px) {
        .headerFilArianneWrapper .FilArianne ul {
            flex-direction: column;
            align-items: flex-start
        }
    }.headerFilArianneWrapper .FilArianne ul li {
         display: inline-flex;
         align-items: center;
         gap: 1rem;
         color: var(--color-white);
         line-height: 1.4
     }

    .headerFilArianneWrapper .FilArianne ul li div {
        color: var(--color-black)
    }

    .headerFilArianneWrapper .FilArianne ul li:not(:last-of-type) {
        color: var(--color-primary);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-decoration-color: currentColor;
        text-underline-offset: 4px;
        transition: var(--transition)
    }

    .headerFilArianneWrapper .FilArianne ul li:not(:last-of-type):after {
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='10'%20viewBox='0%200%2015%2010'%20fill='none'%3e%3cpath%20d='M10.4648%200.123902C10.698%20-0.0647147%2011.0447%20-0.0347039%2011.2393%200.191285L14.873%204.42371C15.0429%204.62167%2015.0429%204.91028%2014.873%205.10828L11.2393%209.3407C11.0448%209.56672%2010.698%209.5975%2010.4648%209.40906C10.2317%209.22024%2010.2002%208.8826%2010.3945%208.65613L13.2754%205.29968L0.549804%205.29968C0.246186%205.29968%200.000203694%205.0612%20-4.01794e-07%204.76648C-3.76937e-07%204.47159%200.24606%204.2323%200.549804%204.2323L13.2754%204.2323L10.3945%200.875855C10.2003%200.649428%2010.2319%200.312704%2010.4648%200.123902Z'%20fill='%23303030'/%3e%3c/svg%3e");
        flex-shrink: 0
    }

    .headerFilArianneWrapper .FilArianne ul li a {
        transition: var(--transition)
    }

    .headerFilArianneWrapper .FilArianne ul li:hover {
        text-decoration-color: #303030
    }

    .headerFilArianneWrapper .FilArianne ul li:hover a {
        color: #303030
    }

    @media screen and (max-width: 1024px) {
        .headerFilArianneWrapper .FilArianne_label {
            display: inline-block;
            font-weight: var(--font-weight-semibold);
            text-decoration: underline var(--color-black)
        }

        .headerFilArianneWrapper .FilArianne_label.isPressed, .headerFilArianneWrapper .FilArianne {
            display: none
        }

        .headerFilArianneWrapper .FilArianne.visibleMobile {
            display: inline-block
        }

        .headerFilArianneWrapper .FilArianne ul {
            display: grid;
            grid-template-columns:1fr;
            gap: 1.5rem
        }

        .headerFilArianneWrapper .FilArianne ul li {
            font-weight: var(--font-weight-regular);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }
    }
}

@layer theme {
    .partage__links {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap
    }

    .partage__links svg path {
        transition: var(--transition)
    }

    .partage__links svg path:nth-child(1) {
        fill: var(--color-primary);
        stroke: none
    }

    .partage__links svg path:nth-child(2) {
        fill: none;
        stroke: var(--color-primary)
    }

    .partage__link:hover svg path:nth-child(1) {
        fill: var(--color-black)
    }

    .partage__link:hover svg path:nth-child(2) {
        stroke: var(--color-black)
    }

    .partage__label {
        color: #303030;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.75rem
    }

    [data-tooltip] {
        position: relative;
        cursor: pointer
    }

    [data-tooltip]:hover:before, [data-tooltip]:focus:before {
        content: attr(data-tooltip);
        position: absolute;
        top: calc(100% + 10px);
        right: 50%;
        transform: translate(50%);
        padding: .75rem 1rem;
        background: var(--color-primary);
        color: #fff;
        border-radius: 5px;
        font-size: .75rem;
        white-space: nowrap;
        animation: fadeIn .3s ease-in-out forwards
    }
}

@layer theme {
    .menuSticky {
        position: fixed;
        right: -6.609rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1000;
        display: flex;
        width: 6.60963rem;
        flex-direction: column;
        align-items: flex-start;
        transition: var(--transition)
    }

    @media (max-height: 800px) {
        .menuSticky__link span {
            display: none
        }
    }.menuSticky__link {
         display: flex;
         padding: 1rem .75rem 1.25rem;
         flex-direction: column;
         align-items: center;
         gap: .8125rem;
         align-self: stretch;
         border-bottom: 1.244px solid #768897;
         background-color: #303030;
         transition: var(--transition)
     }

    .menuSticky__link:hover {
        background-color: #555e6a
    }

    .menuSticky__link:last-child {
        border-bottom: none
    }

    .menuSticky__link span {
        align-self: stretch;
        color: #fff;
        text-align: center;
        font-size: .8125rem;
        line-height: .9375rem
    }

    .menuSticky__btn {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        left: -3.5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 3.5rem;
        height: 3.5rem;
        background-color: #303030;
        transition: var(--transition)
    }

    .menuSticky__btn:hover {
        background-color: #555e6a
    }

    .menuSticky__btn svg {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        transform: rotate(180deg)
    }

    .menuSticky__btn svg path {
        fill: #fff
    }

    .menuSticky.is-open {
        right: 0
    }

    .menuSticky.is-open .menuSticky__btn svg {
        transform: rotate(0)
    }

    @media screen and (max-width: 768px) {
        .menuSticky {
            top: auto;
            bottom: 0;
            transform: translateY(0);
            right: auto;
            left: 50%;
            transform: translate(-50%);
            flex-direction: row;
            width: 100%;
            justify-content: space-between;
            align-items: flex-start;
            box-shadow: 0 8px 25px -25px #30303012
        }

        .menuSticky__link {
            border-bottom: none;
            width: 100%;
            padding: 1rem 0 2.1875rem
        }

        .menuSticky__link svg {
            width: 1.25rem;
            height: 1.25rem
        }

        .menuSticky__link span {
            color: #fff;
            text-align: center;
            font-size: .625rem;
            display: none
        }

        .menuSticky__btn {
            display: none
        }
    }
}

@layer theme {
    .header__burger {
        display: none;
        justify-content: center;
        align-items: center;
        gap: .625rem;
        flex-shrink: 0;
        background: #303030;
        border: none;
        padding: 0;
        transition: var(--transition);
        cursor: pointer;
        height: 3.063rem;
        width: 3.063rem
    }

    .header__burger:hover {
        background: #555e6a
    }

    .header__burger:focus {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px
    }

    @media screen and (max-width: 1024px) {
        .header__burger {
            display: flex
        }

        .header__burger svg {
            width: 2.3125rem;
            height: 2.3125rem;
            aspect-ratio: 1/1
        }
    }.menu-principal .footerAccesRapide ul {
         align-items: flex-start
     }

    .menu-principal .footerAccesRapide ul li a {
        color: var(--color-black)
    }
}

@layer theme {
    .megamenu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        background-color: var(--color-white);
        border-top: 1px solid #D5DADF;
        border-bottom: 1px solid #D5DADF;
        box-shadow: 0 4px 20px #2732711a;
        z-index: 1000;
        display: none;
        padding: 40px 0;
        margin-top: 0
    }

    @media screen and (max-width: 1024px) {
        .megamenu {
            position: fixed;
            display: block;
            transform: translate(100%);
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100vh - 108px);
            background-color: var(--color-white);
            z-index: 100;
            overflow: hidden;
            transition: transform .3s ease-in-out;
            padding: 2rem;
            border-top: 1px solid #D5DADF
        }

        .megamenu[aria-hidden=false] {
            transform: translate(0)
        }
    }.megamenu[aria-hidden=false] {
         display: block
     }

    .megamenu__content {
        position: relative;
        display: flex;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        width: min(100%, 1600px - 5rem);
        margin: 0 auto;
        padding: 0 2.5rem;
        z-index: 1
    }

    .megamenu__content > * {
        flex-shrink: 0
    }

    @media screen and (max-width: 1024px) {
        .megamenu__content {
            padding: 0;
            max-width: 100%;
            height: 100%
        }
    }.megamenu__close {
         position: absolute;
         top: 0;
         right: 2.5rem;
         cursor: pointer
     }

    .megamenu__close svg {
        object-fit: cover;
        width: 2.5rem;
        height: 2.5rem
    }

    @media screen and (max-width: 1024px) {
        .megamenu__close {
            top: 0;
            right: 0
        }
    }.megamenu__grid {
         width: 100%
     }

    @media screen and (max-width: 1024px) {
        .megamenu__grid {
            overflow-y: auto;
            height: 100%
        }
    }.megamenu__grid[data-masonry] {
         display: block
     }

    .megamenu__grid[data-masonry]:after {
        content: "";
        display: table;
        clear: both
    }

    @media screen and (max-width: 1024px) {
        .megamenu__grid[data-masonry] {
            display: flex;
            flex-direction: column;
            gap: 0
        }
    }.megamenu__item {
         width: calc(25% - 20px);
         padding-right: 1rem;
         margin-bottom: 20px;
         float: left
     }

    @media screen and (max-width: 1024px) {
        .megamenu__item {
            width: 100%;
            float: none;
            padding: 0;
            margin-bottom: 0;
            border-bottom: 1px solid var(--color-special-grey-light)
        }
    }.megamenu__title {
         font-weight: 700;
         font-size: 1.5rem;
         line-height: normal;
         color: var(--color-black);
         text-decoration: none;
         display: block;
         transition: var(--transition)
     }

    @media screen and (max-width: 1440px)and (min-width: 1241px) {
        .megamenu__title {
            font-size: 18px;
            line-height: 24px
        }
    }@media screen and (max-width: 1024px) {
    .megamenu__title {
        padding: 15px 0;
        font-size: 18px;
        line-height: 24px
    }
}.megamenu__title:hover, .megamenu__title:focus {
     color: var(--color-secondary)
 }

    .megamenu__sublist {
        display: flex;
        flex-direction: column;
        gap: 12px;
        list-style: none;
        padding: 0;
        margin: 15px 0 0
    }

    @media screen and (max-width: 1024px) {
        .megamenu__sublist {
            margin-top: 0;
            padding-left: 20px;
            padding-bottom: 15px;
            gap: 8px
        }
    }.megamenu__subitem {
         display: flex;
         align-items: center
     }

    .megamenu__sublink {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: var(--font-family-secondary);
        font-weight: var(--regular);
        font-size: 16px;
        line-height: 23px;
        color: var(--color-primary-darken);
        text-decoration: none;
        transition: var(--transition)
    }

    .megamenu__sublink:before {
        content: "";
        display: block;
        width: .8125rem;
        height: .8125rem;
        flex-shrink: 0;
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.06934%202.47666C9.2715%202.3131%209.57265%202.3391%209.74121%202.53526L12.8896%206.20322C13.037%206.37484%2013.037%206.62536%2012.8896%206.79697L9.74121%2010.4649C9.57263%2010.661%209.27145%2010.6871%209.06934%2010.5235C8.86734%2010.3599%208.84034%2010.0674%209.00879%209.87119L11.5059%206.96201L0.476563%206.96201C0.21336%206.96201%206.90677e-05%206.75562%207.47609e-07%206.5001C7.69152e-07%206.24452%200.213318%206.03721%200.476563%206.03721L11.5049%206.03721L9.00879%203.12803C8.84061%202.93182%208.86755%202.64027%209.06934%202.47666Z'%20fill='%239C64A6'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    @media screen and (max-width: 1440px)and (min-width: 1241px) {
        .megamenu__sublink {
            font-size: 14px;
            line-height: 20px
        }
    }.megamenu__sublink:hover, .megamenu__sublink:focus {
         color: var(--color-secondary)
     }

    .megamenu__puce {
        width: 8px;
        height: 13px;
        flex-shrink: 0;
        display: block;
        align-self: center
    }

    .menu-principal__item--has-megamenu {
        display: flex;
        align-items: center;
        gap: clamp(0rem, -4.5588rem + 5.8824vw, 2.5rem)
    }

    @media (max-width: 1440px) {
        .menu-principal__item--has-megamenu {
            gap: 1rem
        }
    }.header.is-scrolled .menu-principal__item--has-megamenu:after {
         background-color: var(--color-secondary)
     }
}

@layer theme {
    .header {
        position: fixed;
        z-index: 999;
        width: 100%
    }

    .header .header__top {
        display: flex;
        padding: .9375rem 2.5rem;
        justify-content: flex-end;
        align-items: center;
        gap: var(--font-size-h1);
        background-color: #f0f6f8
    }

    @media screen and (max-width: 1024px) {
        .header .header__top {
            display: none
        }
    }.header .header__bottom {
         display: flex;
         padding: 0 2.5rem 0 10.0625rem;
         justify-content: flex-end;
         align-items: center;
         align-items: stretch;
         transition: var(--transition);
         background-color: #fff
     }

    @media screen and (max-width: 1024px) {
        .header .header__bottom {
            display: inline-flex;
            padding: 2.725rem 1.1875rem .9375rem;
            align-items: flex-end;
            gap: .625rem;
            width: 100%
        }
    }.header.not-scrolled .header__bottom {
         padding: 0 2.5rem 0 14rem
     }

    .header.not-scrolled .header__logo {
        width: 11.4375rem;
        height: 11.4375rem;
        top: .5rem;
        z-index: 100
    }

    .bandeauHeader .container {
        border-bottom: 1px solid #D5DADF;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    @media screen and (max-width: 768px) {
        .bandeauHeader .container {
            flex-direction: column;
            align-items: flex-start;
            padding-bottom: 1.5rem
        }
    }
}

#nc_skiplink {
    position: absolute;
    top: -1000px;
    left: 15px;
    z-index: 99999999;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff
}

#nc_skiplink:focus, #nc_skiplink:focus-within {
    top: 15px
}

.miss {
    font-family: Arial, serif;
    font-size: 1rem;
    color: #fff;
    padding: 1rem 2rem;
    text-align: center;
    text-transform: uppercase;
    background: #600000
}

@layer theme {
    .btn {
        display: inline-flex;
        padding: .875rem 1.25rem;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        border: 1.108px solid var(--color-primary);
        transition: var(--transition);
        color: var(--color-primary);
        background-color: transparent;
        width: fit-content;
        height: fit-content
    }

    .btn:has(svg) {
        padding: .875rem 1.625rem .875rem 1.25rem
    }

    .btn svg {
        display: flex;
        width: .9375rem;
        height: .9375rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0
    }

    .btn svg path {
        fill: currentColor
    }

    .btn span {
        text-align: center;
        font-size: .9375rem;
        font-weight: 600;
        line-height: 1.5625rem;
        letter-spacing: .05625rem;
        text-transform: uppercase
    }

    .btn:hover {
        background-color: var(--color-primary);
        color: #fff
    }

    .btn--secondaire {
        border-color: #fff;
        color: #fff
    }

    .btn--secondaire:hover {
        background-color: #fff;
        color: var(--color-primary)
    }

    .btn--tertiaire {
        border-color: #303030;
        color: #303030;
        background-color: #fff
    }

    .btn--tertiaire:hover {
        background-color: #303030;
        color: #fff
    }

    @media screen and (max-width: 1024px) {
        .footer .btn {
            width: 100%
        }
    }
}

@layer theme {
    .actu-card {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

    .actu-card:hover .actu-card--tag, .actu-card:hover .actu-card__video__btn {
        background: var(--color-black-hover)
    }

    .actu-card:hover .actu-card__title {
        color: var(--color-black-hover)
    }

    .actu-card:not(:hover) img {
        scale: 1.1
    }

    .actu-card__image, .actu-card__video {
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .actu-card__image img, .actu-card__video img {
        width: 100%;
        aspect-ratio: 453/242;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: var(--transition)
    }

    .actu-card__video {
        margin-bottom: 1.88rem
    }

    .actu-card__video img {
        aspect-ratio: 450/357
    }

    .actu-card__video__content {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        display: grid;
        gap: 1rem;
        justify-items: center;
        transform: translate(-50%, -50%)
    }

    .actu-card__video__btn {
        height: 3.75rem;
        width: 3.75rem;
        background-color: var(--color-primary);
        transition: var(--transition)
    }

    .actu-card__video__text {
        color: var(--color-white);
        font-weight: 600;
        font-size: var(1.125rem)
    }

    .actu-card__tag-block {
        transform: translateY(-1rem)
    }

    .actu-card--tag {
        display: inline-block;
        background: var(--color-primary);
        color: var(--color-white);
        font-size: .875rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        padding: .325rem .5rem;
        z-index: 1;
        transition: var(--transition)
    }

    .actu-card__content {
        display: grid;
        gap: .75rem;
        padding: 0 18px 18px 0
    }

    .actu-card__content .actu-card__title {
        display: block;
        color: var(--color-black);
        font-weight: 700;
        font-size: 1.5rem;
        text-decoration: none;
        transition: var(--transition)
    }

    .actu-card__content .actu-card__title:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .actu-card__content .actu-card__title:hover {
        color: var(--color-black-hover)
    }

    .actu-card__content time {
        margin-bottom: -.5rem;
        color: var(--color-secondary-light)
    }

    .actu-card__content p {
        display: flex;
        flex-direction: column;
        gap: .375rem;
        color: var(--color-secondary-light)
    }

    .actu-card__content p:before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 1px;
        background-color: var(--color-secondary-light)
    }
}

@layer theme {
    .liens-utiles {
        border-bottom: 1px solid var(--color-grey-light);
        margin-bottom: 3.125rem
    }

    .liens-utiles .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-block: 1rem
    }

    @media screen and (max-width: 768px) {
        .liens-utiles .container {
            align-items: flex-start;
            flex-direction: column
        }
    }
}

@layer theme {
    .pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3.12rem 0 7.5rem
    }

    .pagination__liste {
        display: flex;
        gap: .94rem
    }

    .pagination__liste li:has(.page-precedente), .pagination__liste li:has(.page-suivante) {
        display: flex;
        align-items: center
    }

    .pagination__liste li, .pagination__liste a, .pagination__liste svg, .pagination__liste path {
        transition: var(--transition)
    }

    .pagination__liste .active {
        color: var(--color-primary)
    }

    .pagination__liste .active svg path {
        stroke: var(--color-primary)
    }

    .pagination__liste .page-numero {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 2.375rem;
        width: 2.375rem;
        position: relative;
        font-weight: 600
    }

    .pagination__liste .page-numero svg {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .pagination__liste .page-numero:hover {
        color: var(--color-primary)
    }

    .pagination__liste .page-numero:hover path {
        stroke: var(--color-primary)
    }

    .pagination__liste .page-precedente {
        margin-right: .94rem
    }

    .pagination__liste .page-precedente:hover path {
        fill: var(--color-primary)
    }

    .pagination__liste .page-suivante {
        margin-left: .94rem
    }

    .pagination__liste .page-suivante:hover path {
        fill: var(--color-primary)
    }

    @media screen and (max-width: 1024px) {
        .pagination {
            padding-inline: 1rem
        }
    }@media screen and (max-width: 1024px) {
    body .pagination__liste .page-suivante {
        margin-left: 0
    }

    body .pagination__liste .page-precedente {
        margin-right: 0
    }
}
}

@layer theme {
    .service-card {
        padding: 1.25rem;
        background-color: var(--color-tertiary-extra-light);
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        gap: 1.25rem;
        transition: var(--transition)
    }

    .service-card:hover {
        background-color: var(--color-primary-light)
    }

    .service-card:hover .service-card__title {
        color: var(--color-primary)
    }

    .service-card:hover .service-card__arrow {
        background-color: var(--color-primary)
    }

    .service-card:hover .service-card__arrow svg {
        color: var(--color-white)
    }

    .service-card__title {
        font-weight: var(--bold);
        font-size: 1.5rem;
        transition: var(--transition)
    }

    .service-card__arrow {
        justify-self: end;
        rotate: 45deg;
        width: 28px;
        height: 28px;
        background-color: var(--color-white);
        border-radius: .375rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition)
    }

    .service-card__arrow svg {
        rotate: -45deg;
        color: var(--color-primary);
        transition: var(--transition)
    }
}

@layer theme {
    .infos-sante-card {
        display: flex;
        width: auto;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 2rem;
        position: relative
    }

    .infos-sante-card:before {
        content: "";
        position: absolute;
        bottom: -1rem;
        left: -1rem;
        height: 3.0625rem;
        width: 100%;
        border-bottom-left-radius: 12px;
        border-bottom: 2px solid var(--color-primary);
        border-left: 2px solid var(--color-primary);
        z-index: 1
    }

    .infos-sante-card {
        margin-bottom: 2rem;
        flex-shrink: 0
    }

    .infos-sante-card:before {
        left: 0;
        transition: var(--transition)
    }

    @media (max-width: 840px) {
        .infos-sante-card {
            min-width: 24.0625rem
        }
    }.infos-sante-card__image-viewport {
         overflow: hidden
     }

    .infos-sante-card__image {
        max-width: 24.0625rem;
        height: auto;
        width: 100%;
        aspect-ratio: 385/380;
        display: block;
        transition: var(--transition);
        scale: 1.1
    }

    .infos-sante-card__title {
        color: var(--color-black);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal;
        max-width: 24.0625rem;
        padding: 0 1rem;
        transition: var(--transition);
        flex: 1;
        display: flex;
        align-items: end
    }

    .infos-sante-card__title:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        pointer-events: auto
    }

    .infos-sante-card svg {
        position: absolute;
        left: 75%;
        bottom: 3.5rem;
        transition: var(--transition)
    }

    .infos-sante-card svg path {
        transition: var(--transition)
    }

    @media screen and (max-width: 1240px) {
        .infos-sante-card svg {
            left: 60%;
            bottom: 4rem;
            width: 3.2rem;
            height: 3.2rem
        }
    }@media (min-width: 840px) {
    .infos-sante-card:hover .infos-sante-card__title {
        color: var(--color-secondary-light)
    }

    .infos-sante-card:hover .infos-sante-card__image {
        scale: 1
    }

    .infos-sante-card:hover:before {
        border-bottom-color: var(--color-secondary-light);
        border-left-color: var(--color-secondary-light)
    }

    .infos-sante-card:hover svg path {
        fill: var(--color-secondary-light)
    }

    .infos-sante-card:hover svg path:last-child {
        fill: var(--color-white)
    }
}
}

@layer theme {
    .equipe-medical-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        flex-shrink: 0
    }

    @media (max-width: 539px) {
        .equipe-medical-card {
            min-width: 183px
        }
    }.equipe-medical-card__image {
         max-width: 183px;
         height: 186px;
         width: 100%;
         aspect-ratio: 183/186;
         display: block;
         object-fit: cover
     }

    .equipe-medical-card__title {
        padding: 1rem 1.25rem;
        align-self: stretch;
        color: var(--color-white);
        font-weight: 700;
        line-height: 1.4375rem;
        background: #555e6a;
        max-width: 183px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .equipe-medical-card__title:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        pointer-events: auto
    }

    .equipe-medical-card svg {
        aspect-ratio: 9/19;
        position: absolute;
        left: 1.25rem;
        bottom: 3.17688rem
    }
}

@layer theme {
    .recherche-card {
        padding: 1.25rem;
        background-color: var(--color-tertiary-extra-light);
        display: grid;
        gap: 1.25rem;
        transition: var(--transition);
        position: relative
    }

    .recherche-card:hover .btn {
        background-color: var(--color-primary);
        color: #fff
    }

    .recherche-card__content {
        display: grid;
        gap: .5rem
    }

    .recherche-card__tag {
        background-color: var(--color-primary);
        color: var(--color-white);
        padding: .25rem .5rem;
        width: fit-content;
        margin-bottom: .5rem
    }

    .recherche-card__titre {
        font-weight: var(--semiBold);
        font-size: 1.5rem;
        margin-bottom: .5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .recherche-card__titre:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        pointer-events: auto
    }

    .recherche-card__chapo {
        font-size: 1.125rem;
        color: var(--color-secondary-light);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .recherche-card__chapo mark {
        background-color: #fdf2f5;
        color: var(--color-primary);
        padding: .125rem .25rem;
        border-radius: .25rem;
        font-weight: var(--semiBold)
    }
}

@layer theme {
    .sidebar {
        display: grid;
        gap: 1.25rem
    }

    .sidebar .asideDoc, .sidebar .asideLiens {
        display: grid;
        gap: 1rem;
        border: 1px solid var(--color-tertiary-light);
        padding: 1rem 1rem 1.625rem
    }

    .sidebar .asideDoc__title, .sidebar .asideLiens__title {
        display: flex;
        align-items: center;
        gap: .8125rem;
        font-weight: 600;
        font-size: 1.5rem;
        margin-bottom: .25rem
    }

    .sidebar .asideDoc__title--svg, .sidebar .asideLiens__title--svg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: .375rem 0;
        background-color: var(--color-tertiary-light)
    }

    .sidebar .asideDoc__text, .sidebar .asideLiens__text {
        font-weight: 600
    }

    .sidebar .asideDoc__text span, .sidebar .asideLiens__text span {
        font-weight: 400
    }

    .sidebar .asideDoc__file, .sidebar .asideDoc__link, .sidebar .asideLiens__file, .sidebar .asideLiens__link {
        display: flex;
        gap: .625rem;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 1px;
        text-decoration-color: transparent;
        transition: var(--transition)
    }

    .sidebar .asideDoc__file:hover, .sidebar .asideDoc__file:focus, .sidebar .asideDoc__link:hover, .sidebar .asideDoc__link:focus, .sidebar .asideLiens__file:hover, .sidebar .asideLiens__file:focus, .sidebar .asideLiens__link:hover, .sidebar .asideLiens__link:focus {
        text-decoration-color: currentColor
    }

    .sidebar .asideDoc__file, .sidebar .asideDoc__link, .sidebar .asideLiens__file, .sidebar .asideLiens__link {
        padding-bottom: .94rem
    }

    .sidebar .asideDoc__file:last-child, .sidebar .asideDoc__link:last-child, .sidebar .asideLiens__file:last-child, .sidebar .asideLiens__link:last-child {
        padding-bottom: 0
    }

    .sidebar .asideDoc__file:not(:last-child), .sidebar .asideDoc__link:not(:last-child), .sidebar .asideLiens__file:not(:last-child), .sidebar .asideLiens__link:not(:last-child) {
        border-bottom: 1px solid var(--color-secondary-extralight)
    }

    @media screen and (max-width: 1024px) {
        .sidebar .asideDoc, .sidebar .asideLiens {
            width: 100%
        }
    }.sidebar .asideDoc__deco, .sidebar .asideLiens__deco {
         margin-top: 8px;
         flex-shrink: 0;
         width: .5rem;
         height: .5rem;
         border-radius: 2px 0;
         background-color: var(--color-tertiary-light)
     }

    .sidebar .asideDoc__size, .sidebar .asideLiens__size {
        margin-left: .5rem
    }

    @media screen and (max-width: 1024px) {
        .sidebar {
            width: 100%
        }
    }.asideLiens {
         background-color: var(--color-tertiary-light)
     }

    #mainTag .asideLiens__title--svg, #mainTag .asideLiens__deco {
        background-color: var(--color-white)
    }
}

@layer theme {
    .wysiwyg figure img {
        object-fit: cover;
        max-width: 100%;
        height: auto
    }

    .wysiwyg figure figcaption {
        color: #768897;
        font-size: .875rem;
        line-height: 1.5rem;
        position: relative;
        font-style: italic
    }

    .wysiwyg figure figcaption:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1.8125rem;
        height: .0625rem;
        background: #768897
    }
}

@layer theme {
    .citation__quotes {
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 2.5rem 3rem;
        gap: 1.88rem;
        margin-bottom: 1.65625rem
    }

    @media screen and (max-width: 1240px) {
        .citation__quotes {
            margin-bottom: 0
        }
    } .citation__quotes:before {
         content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='339'%20height='146'%20viewBox='0%200%20339%20146'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.75%200V106C0.75%20112.075%205.67487%20117%2011.75%20117H92.25V143.5L115.75%20117H338.75'%20stroke='%239C64A6'%20stroke-width='1.5'/%3e%3c/svg%3e");
         position: absolute;
         left: 0;
         width: 21.125rem;
         height: 8.96875rem;
         bottom: -1.65625rem
     }

    @media screen and (max-width: 1240px) {
         .citation__quotes:before {
            content: none
        }
    }@media screen and (max-width: 1240px) {
     .citation__quotes {
        flex-direction: column;
        align-items: flex-start;
        padding: 2.5rem 1.5rem
    }
} .citation__author {
     flex-shrink: 0;
     width: 205px;
     height: 205px;
     object-fit: cover
 }

    @media screen and (max-width: 1240px) {
         .citation__author {
            margin-inline: auto
        }
    } .citation__texts {
         display: grid;
         gap: 2.5rem;
         padding-bottom: 1rem
     }

     .citation__quote {
        font-size: 1.375rem;
        line-height: 1.8125rem;
        display: flex;
        gap: 1.88rem
    }

     .citation__quote:before {
        flex-shrink: 0;
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='45'%20height='32'%20viewBox='0%200%2045%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4146_1496)'%3e%3cpath%20d='M34.8025%2032C31.9048%2032%2029.4311%2030.8945%2027.3816%2028.6934C26.4022%2027.6669%2025.6349%2026.4331%2025.0594%2024.9624C24.4839%2023.5015%2024.2012%2022.021%2024.2012%2020.5404C24.2012%2017.4115%2025.2411%2014.2431%2027.3311%2011.0352C29.4211%207.82727%2032.2178%205.10302%2035.7112%202.86243C38.6694%200.957434%2041.0017%200%2042.6777%200C43.3542%200%2043.9095%200.197409%2044.3436%200.592227C44.7778%200.987045%2044.9999%201.51018%2044.9999%202.1715C44.9999%203.15854%2044.3638%203.97779%2043.0816%204.63911C40.0224%206.18877%2037.7809%207.71869%2036.3674%209.22887C35.0246%2010.6403%2034.3481%2011.6767%2034.3481%2012.3381C34.3481%2012.9994%2034.853%2013.3448%2035.8626%2013.4732L36.5189%2013.5719L37.2761%2013.6212C39.467%2013.9469%2041.244%2014.9439%2042.6071%2016.612C43.9701%2018.2702%2044.6566%2020.2936%2044.6566%2022.6626C44.6566%2025.0315%2043.8186%2027.203%2042.1325%2028.9796C40.2142%2030.9833%2037.7708%2031.9901%2034.8126%2031.9901L34.8025%2032Z'%20fill='%239C64A6'/%3e%3cpath%20d='M10.6111%2032C7.71338%2032%205.23974%2030.8945%203.19016%2028.6934C2.2108%2027.6669%201.44347%2026.4331%200.867966%2024.9624C0.292467%2023.5015%200.00976562%2022.021%200.00976562%2020.5404C0.00976562%2017.4115%201.0497%2014.2431%203.13967%2011.0352C5.22964%207.82727%208.02637%205.10302%2011.5197%202.86243C14.4881%200.957434%2016.8103%200%2018.4863%200C19.1628%200%2019.7181%200.197409%2020.1522%200.592227C20.5864%200.987045%2020.8085%201.51018%2020.8085%202.1715C20.8085%203.15854%2020.1724%203.97779%2018.8902%204.63911C15.8309%206.18877%2013.5895%207.71869%2012.176%209.22887C10.8332%2010.6403%2010.1567%2011.6767%2010.1567%2012.3381C10.1567%2012.9994%2010.6615%2013.3448%2011.6712%2013.4732L12.3275%2013.5719L13.0847%2013.6212C15.2756%2013.9469%2017.0526%2014.9439%2018.4156%2016.612C19.7787%2018.2702%2020.4652%2020.2936%2020.4652%2022.6626C20.4652%2025.0315%2019.6272%2027.203%2017.9411%2028.9796C16.0228%2030.9833%2013.5794%2031.9901%2010.6212%2031.9901L10.6111%2032Z'%20fill='%239C64A6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4146_1496'%3e%3crect%20width='45'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    }

     .citation__quote:after {
        flex-shrink: 0;
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='45'%20height='32'%20viewBox='0%200%2045%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4146_1496)'%3e%3cpath%20d='M34.8025%2032C31.9048%2032%2029.4311%2030.8945%2027.3816%2028.6934C26.4022%2027.6669%2025.6349%2026.4331%2025.0594%2024.9624C24.4839%2023.5015%2024.2012%2022.021%2024.2012%2020.5404C24.2012%2017.4115%2025.2411%2014.2431%2027.3311%2011.0352C29.4211%207.82727%2032.2178%205.10302%2035.7112%202.86243C38.6694%200.957434%2041.0017%200%2042.6777%200C43.3542%200%2043.9095%200.197409%2044.3436%200.592227C44.7778%200.987045%2044.9999%201.51018%2044.9999%202.1715C44.9999%203.15854%2044.3638%203.97779%2043.0816%204.63911C40.0224%206.18877%2037.7809%207.71869%2036.3674%209.22887C35.0246%2010.6403%2034.3481%2011.6767%2034.3481%2012.3381C34.3481%2012.9994%2034.853%2013.3448%2035.8626%2013.4732L36.5189%2013.5719L37.2761%2013.6212C39.467%2013.9469%2041.244%2014.9439%2042.6071%2016.612C43.9701%2018.2702%2044.6566%2020.2936%2044.6566%2022.6626C44.6566%2025.0315%2043.8186%2027.203%2042.1325%2028.9796C40.2142%2030.9833%2037.7708%2031.9901%2034.8126%2031.9901L34.8025%2032Z'%20fill='%239C64A6'/%3e%3cpath%20d='M10.6111%2032C7.71338%2032%205.23974%2030.8945%203.19016%2028.6934C2.2108%2027.6669%201.44347%2026.4331%200.867966%2024.9624C0.292467%2023.5015%200.00976562%2022.021%200.00976562%2020.5404C0.00976562%2017.4115%201.0497%2014.2431%203.13967%2011.0352C5.22964%207.82727%208.02637%205.10302%2011.5197%202.86243C14.4881%200.957434%2016.8103%200%2018.4863%200C19.1628%200%2019.7181%200.197409%2020.1522%200.592227C20.5864%200.987045%2020.8085%201.51018%2020.8085%202.1715C20.8085%203.15854%2020.1724%203.97779%2018.8902%204.63911C15.8309%206.18877%2013.5895%207.71869%2012.176%209.22887C10.8332%2010.6403%2010.1567%2011.6767%2010.1567%2012.3381C10.1567%2012.9994%2010.6615%2013.3448%2011.6712%2013.4732L12.3275%2013.5719L13.0847%2013.6212C15.2756%2013.9469%2017.0526%2014.9439%2018.4156%2016.612C19.7787%2018.2702%2020.4652%2020.2936%2020.4652%2022.6626C20.4652%2025.0315%2019.6272%2027.203%2017.9411%2028.9796C16.0228%2030.9833%2013.5794%2031.9901%2010.6212%2031.9901L10.6111%2032Z'%20fill='%239C64A6'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4146_1496'%3e%3crect%20width='45'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        display: flex;
        align-items: flex-end
    }

     .citation__infos {
        padding-inline: 4.06rem;
        gap: 2rem;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    @media screen and (max-width: 1240px) {
         .citation__infos {
            padding-inline: 0
        }
    } .citation__infos .citation__name {
         display: flex;
         flex-direction: column;
         gap: .2rem;
         line-height: 1.625rem
     }

    @media screen and (max-width: 1024px) {
         .citation__infos .citation__name {
            width: 100%;
            margin-inline: calc(1.88rem + 45px)
        }
    } .citation__infos .citation__name span {
         font-size: 1.125rem;
         font-weight: 600;
         line-height: 1.125rem;
         letter-spacing: .0675rem;
         color: var(--color-primary)
     }
}

@layer theme {
    h2 {
        position: relative;
        font-weight: var(--bold);
        font-size: var(--font-size-h2)
    }

    h2 span {
        color: var(--color-primary)
    }

    h2:before {
        content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='90'%20height='62'%20viewBox='0%200%2090%2062'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2011.7976V62H1.4876V11.7976C1.48761%206.11374%206.03876%201.50607%2011.6529%201.50607H90V0H11.6529C5.21718%200%201.81415e-06%205.28196%200%2011.7976Z'%20fill='%239C64A6'/%3e%3c/svg%3e");
        position: absolute;
        top: 0;
        left: -1rem
    }

    @media screen and (max-width: 1024px) {
        h2:before {
            top: -.5rem
        }
    }
}

@layer theme {
    .wysiwyg h3 {
        display: flex;
        align-items: baseline;
        font-weight: var(--bold);
        font-size: var(--font-size-h3)
    }

    .wysiwyg h3:before {
        content: "";
        flex-shrink: 0;
        background-color: var(--color-primary);
        border-radius: 0 3px;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: .625rem
    }
}

@layer theme {
    .wysiwyg h4 {
        display: flex;
        align-items: baseline;
        font-weight: var(--bold);
        color: var(--color-tertiary);
        font-size: var(--font-size-h4)
    }
}

@layer theme {
    .wysiwyg .accordeon {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .wysiwyg .accordeon details {
        border: 1px solid #768897;
        font-size: 1.125rem;
        color: var(--color-black);
        transition: var(--transition)
    }

    .wysiwyg .accordeon details summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5em;
        font-weight: 700;
        font-size: 1.2rem;
        padding: 1.5rem;
        transition: var(--transition)
    }

    .wysiwyg .accordeon details summary:hover {
        background: #7689981a
    }

    .wysiwyg .accordeon details summary:hover .details {
        border: 1px solid hsl(207, 14%, 53%)
    }

    .wysiwyg .accordeon details summary:hover:after {
        filter: brightness(.19)
    }

    .wysiwyg .accordeon details summary {
        cursor: pointer
    }

    .wysiwyg .accordeon details summary::marker {
        content: ""
    }

    .wysiwyg .accordeon details summary:after {
        content: "";
        display: inline-flex;
        justify-self: flex-end;
        align-items: center;
        width: 2.375rem;
        height: 2.5rem;
        flex-shrink: 0;
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='37'%20height='35'%20viewBox='0%200%2037%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.3203%2035C12.0312%2035%206.28906%2031.7188%203.14453%2026.25C0%2020.8496%200%2014.2188%203.14453%208.75C6.28906%203.34961%2012.0312%200%2018.3203%200C24.541%200%2030.2832%203.34961%2033.4277%208.75C36.5723%2014.2188%2036.5723%2020.8496%2033.4277%2026.25C30.2832%2031.7188%2024.541%2035%2018.3203%2035ZM16.6797%2023.5156C16.6797%2024.4727%2017.3633%2025.1562%2018.3203%2025.1562C19.209%2025.1562%2019.9609%2024.4727%2019.9609%2023.5156V19.1406H24.3359C25.2246%2019.1406%2025.9766%2018.457%2025.9766%2017.5C25.9766%2016.6113%2025.2246%2015.8594%2024.3359%2015.8594H19.9609V11.4844C19.9609%2010.5957%2019.209%209.84375%2018.3203%209.84375C17.3633%209.84375%2016.6797%2010.5957%2016.6797%2011.4844V15.8594H12.3047C11.3477%2015.8594%2010.6641%2016.6113%2010.6641%2017.5C10.6641%2018.457%2011.3477%2019.1406%2012.3047%2019.1406H16.6797V23.5156Z'%20fill='%239C64A6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        transition: var(--transition)
    }

    .wysiwyg .accordeon details .summary__content {
        padding: 1.5rem 0;
        margin-inline: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

    .wysiwyg .accordeon details .summary__content p {
        color: var(--color-black);
        font-weight: 400;
        line-height: 1.75rem
    }

    .wysiwyg .accordeon details[open] {
        background-color: #f8d8df
    }

    .wysiwyg .accordeon details[open] summary:after {
        background-image: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='37'%20height='35'%20viewBox='0%200%2037%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.3203%2035C12.0312%2035%206.28906%2031.7188%203.14453%2026.25C0%2020.8496%200%2014.2188%203.14453%208.75C6.28906%203.34961%2012.0312%200%2018.3203%200C24.541%200%2030.2832%203.34961%2033.4277%208.75C36.5723%2014.2188%2036.5723%2020.8496%2033.4277%2026.25C30.2832%2031.7188%2024.541%2035%2018.3203%2035ZM13.3984%2015.8594C12.4414%2015.8594%2011.7578%2016.6113%2011.7578%2017.5C11.7578%2018.457%2012.4414%2019.1406%2013.3984%2019.1406H23.2422C24.1309%2019.1406%2024.8828%2018.457%2024.8828%2017.5C24.8828%2016.6113%2024.1309%2015.8594%2023.2422%2015.8594H13.3984Z'%20fill='%23303030'/%3e%3c/svg%3e")
    }

    .wysiwyg .accordeon details[open] .summary__content {
        border-top: 1px solid #768897
    }
}

@layer theme {
    .wysiwyg .boutons {
        display: flex;
        gap: 1.25rem;
        flex-wrap: wrap
    }
}

@layer theme {
    .wysiwyg .chiffres-cle {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap
    }

    .wysiwyg .chiffres-cle__item {
        display: flex;
        padding: .65rem 1.625rem;
        flex-direction: column;
        align-items: center;
        gap: .625rem;
        background: var(--color-tertiary-light);
        max-width: 24.03rem;
        width: calc(33.33% - 1.25rem)
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg .chiffres-cle__item {
            width: calc(50% - 1.25rem);
            max-width: unset
        }
    }@media screen and (max-width: 768px) {
    .wysiwyg .chiffres-cle__item {
        width: 100%
    }
}.wysiwyg .chiffres-cle__number {
     color: var(--color-tertiary-dark);
     text-align: center;
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 2.8125rem;
     align-self: stretch
 }

    .wysiwyg .chiffres-cle svg {
        width: .75rem;
        height: .75rem;
        aspect-ratio: 1/1
    }

    .wysiwyg .chiffres-cle__text {
        align-self: stretch;
        color: #303030;
        text-align: center;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.75rem
    }
}

@layer theme {
    .wysiwyg .mise-en-avant {
        width: 100%;
        padding: 3.125rem 3rem;
        background: var(--color-primary);
        position: relative
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg .mise-en-avant {
            padding: 2.5rem 1.5rem
        }
    }.wysiwyg .mise-en-avant__content {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 2.5rem;
         color: var(--color-white);
         max-width: 80%
     }

    .wysiwyg .mise-en-avant__content > p, .wysiwyg .mise-en-avant__content b, .wysiwyg .mise-en-avant__content i, .wysiwyg .mise-en-avant__content li {
        color: #fff
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg .mise-en-avant__content {
            max-width: 100%
        }
    }.wysiwyg .mise-en-avant__titre:before {
         content: none
     }

    .wysiwyg .mise-en-avant__text {
        line-height: 1.625rem
    }

    .wysiwyg .mise-en-avant:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 17rem;
        z-index: 1;
        height: 14.06rem;
        background-image: url("data:image/svg+xml,%3csvg%20width='275'%20height='226'%20viewBox='0%200%20275%20226'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='55.843'%20y='-1178.04'%20width='3204.31'%20height='1348.31'%20rx='94.6942'%20stroke='%23FFF'%20stroke-width='1.68595'/%3e%3crect%20x='26.843'%20y='-1149.04'%20width='3205.31'%20height='1347.31'%20rx='127.289'%20stroke='%23FFF'%20stroke-width='1.68595'/%3e%3crect%20x='0.842975'%20y='-1156.04'%20width='3206.31'%20height='1380.31'%20rx='153.141'%20stroke='%23FFF'%20stroke-width='1.68595'/%3e%3crect%20x='86.843'%20y='-1210.04'%20width='3206.31'%20height='1352.31'%20rx='66.595'%20stroke='%23FFFF'%20stroke-width='1.68595'/%3e%3c/svg%3e");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg .mise-en-avant:after {
            display: none
        }
    }
}

@layer theme {
    .wysiwyg p b, .wysiwyg li b {
        font-size: var(--bold)
    }

    .wysiwyg p a, .wysiwyg li a {
        color: var(--color-primary);
        text-decoration: underline
    }

    .wysiwyg p a[target=_blank]:after, .wysiwyg li a[target=_blank]:after {
        content: " ↗"
    }
}

@layer theme {
    .wysiwyg .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .wysiwyg table {
        width: 100%;
        min-width: max-content
    }

    .wysiwyg table thead {
        background-color: var(--color-black);
        font-weight: 700;
        color: var(--color-white)
    }

    .wysiwyg table thead tr th {
        min-width: 300px;
        padding: 1rem 1.375rem;
        text-transform: uppercase
    }

    .wysiwyg table thead tr th:first-child {
        padding-left: 2.1925rem
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg table thead tr th:first-child {
            padding-left: 1rem
        }
    }.wysiwyg table tbody {
         color: var(--color-black)
     }

    .wysiwyg table tbody tr {
        border-bottom: 1px solid #768897
    }

    .wysiwyg table tbody tr:nth-child(2n) {
        background-color: #f0f6f8
    }

    .wysiwyg table tbody tr td {
        padding: 1rem 1.375rem;
        max-width: 150px
    }

    .wysiwyg table tbody tr td:first-child {
        padding-left: 2.1925rem
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg table tbody tr td:first-child {
            padding-left: 1rem
        }
    }
}

@layer theme {
    .wysiwyg ul, .wysiwyg ol {
        color: var(--color-secondary-light);
        margin-bottom: 1.5rem;
        padding-left: 1.5rem
    }

    .wysiwyg ul li, .wysiwyg ol li {
        position: relative;
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: .5rem
    }

    .wysiwyg ul li:last-child, .wysiwyg ol li:last-child {
        margin-bottom: 0
    }

    .wysiwyg ul ul, .wysiwyg ul ol, .wysiwyg ol ul, .wysiwyg ol ol {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .wysiwyg ul {
        list-style: none
    }

    .wysiwyg ul > li {
        align-items: baseline;
        padding-left: 1rem
    }

    .wysiwyg ul > li:before {
        content: "";
        flex-shrink: 0;
        display: inline-block;
        height: 9px;
        width: 9px;
        border-radius: 0 2px;
        margin-right: .5rem;
        background-color: var(--color-grey-light)
    }

    .wysiwyg ul li > ul > li {
        display: flex;
        align-items: center
    }

    .wysiwyg ul li > ul > li:before {
        content: "";
        flex-shrink: 0;
        width: 4px;
        height: 4px;
        background-color: var(--color-secondary);
        border-radius: 50vw
    }

    .wysiwyg ol {
        padding-left: 2.5rem;
        list-style: none;
        counter-reset: my-counter
    }

    .wysiwyg ol > li {
        counter-increment: my-counter;
        position: relative;
        padding-left: 40px
    }

    .wysiwyg ol > li:before {
        content: counter(my-counter);
        position: absolute;
        left: 0;
        top: 0;
        width: 28px;
        height: 28px;
        background: var(--color-primary-light);
        color: var(--color-secondary);
        border-radius: 0 .375rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 600
    }

    .wysiwyg ol > li > ol {
        counter-reset: my-counter;
        margin-top: .5rem
    }
}

@layer theme {
    .wysiwyg .video {
        position: relative;
        overflow: hidden;
        width: fit-content
    }

    .wysiwyg .video:hover .video__btn {
        background: var(--color-black-hover)
    }

    .wysiwyg .video:not(:hover) img {
        scale: 1.1
    }

    .wysiwyg .video img {
        object-fit: cover;
        max-width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        transition: var(--transition)
    }

    .wysiwyg .video__btn {
        transition: var(--transition);
        height: 3.75rem;
        width: 3.75rem;
        background-color: var(--color-primary)
    }

    .wysiwyg .video__text {
        color: var(--color-white);
        font-size: 1.125rem;
        font-weight: 600
    }

    .wysiwyg .video__content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: grid;
        gap: 1rem;
        justify-items: center;
        z-index: 1
    }
}

@layer theme {
    .wysiwyg .vignette-wrapper {
        display: flex;
        gap: 1.25rem
    }

    @media screen and (max-width: 1240px) {
        .wysiwyg .vignette-wrapper {
            flex-direction: column;
            gap: 3.5rem
        }
    }.wysiwyg .vignette {
         display: flex;
         gap: 1.25rem;
         width: 100%
     }

    @media screen and (max-width: 768px) {
        .wysiwyg .vignette {
            flex-direction: column;
            gap: .5rem
        }
    }.wysiwyg .vignette img {
         object-fit: cover;
         width: 15.625rem;
         height: 18.25rem;
         aspect-ratio: 250/292;
         flex-shrink: 0
     }

    .wysiwyg .vignette__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.875rem
    }

    @media screen and (max-width: 768px) {
        .wysiwyg .vignette__content {
            gap: .5rem
        }
    }.wysiwyg .vignette__text {
         color: var(--color-secondary);
         line-height: 1.625rem
     }
}

@layer theme {
    .wysiwyg-wrapper {
        display: grid;
        align-items: start;
        grid-template-columns:1fr 300px;
        gap: 4rem;
        margin-block: 4rem
    }

    .wysiwyg-wrapper .wysiwyg {
        display: grid;
        gap: 1.5rem
    }

    .wysiwyg-wrapper .wysiwyg h2 {
        margin-block: 2rem .5rem
    }

    .wysiwyg-wrapper .wysiwyg h3 {
        margin-block: 1.5rem .5rem
    }

    .wysiwyg-wrapper .wysiwyg h4 {
        margin-block: 1.25rem .5rem
    }

    .wysiwyg-wrapper .wysiwyg h5 {
        margin-block: 1rem .5rem
    }

    .wysiwyg-wrapper .wysiwyg h6 {
        margin-block: .75rem .5rem
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg-wrapper {
            grid-template-columns:auto
        }
    }.wysiwyg-wrapper:not(:has(.sidebar)) {
         grid-template-columns:1fr;
         justify-items: center
     }

    .wysiwyg-wrapper:not(:has(.sidebar)) .wysiwyg {
        width: 80%
    }

    @media screen and (max-width: 1024px) {
        .wysiwyg-wrapper:not(:has(.sidebar)) .wysiwyg {
            width: 100%
        }
    }.wysiwyg-wrapper:not(:has(.sidebar)) .wysiwyg.detail-medecin .wysiwyg {
         width: 100%
     }
}

@layer theme {
    .hero {
        display: flex;
        width: 100%;
        align-items: flex-end;
        padding: 5rem 0;
        background: #f8d8df;
        position: relative
    }

    @media screen and (max-width: 1024px) {
        .hero {
            padding: 2.5rem 0
        }
    }.hero__content {
         max-width: 75%;
         z-index: 2;
         margin-left: 1rem;
         position: relative
     }

    @media screen and (max-width: 1024px) {
        .hero__content {
            max-width: 100%
        }
    }.hero__content .hero__title {
         display: inline-block;
         position: relative
     }

    .hero__content .hero__title:before {
        content: "";
        position: absolute;
        bottom: -1rem;
        left: -1rem;
        height: 3.875rem;
        width: 5.625rem;
        border-bottom-left-radius: 12px;
        border-bottom: 2px solid var(--color-primary);
        border-left: 2px solid var(--color-primary);
        z-index: 1
    }

    .hero__content .hero__title {
        margin-bottom: 2.5rem
    }

    .hero__content .hero__title:before {
        bottom: -1rem
    }

    .hero__content h1 {
        color: var(--color-primary);
        font-size: var(--font-size-h1);
        font-weight: var(--bold)
    }

    .hero__content p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hero:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20width='743'%20height='236'%20viewBox='0%200%20743%20236'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='-1'%20width='5034.72'%20height='2118.89'%20rx='149.092'%20transform='matrix(1%200%200%20-1%2086.4062%202203.73)'%20stroke='white'%20stroke-width='2'/%3e%3crect%20x='1'%20y='-1'%20width='5036.29'%20height='2117.32'%20rx='200.3'%20transform='matrix(1%200%200%20-1%2040.8496%202158.17)'%20stroke='white'%20stroke-width='2'/%3e%3crect%20x='1'%20y='-1'%20width='5037.87'%20height='2169.16'%20rx='240.913'%20transform='matrix(1%200%200%20-1%200%202169.16)'%20stroke='white'%20stroke-width='2'/%3e%3crect%20x='1'%20y='-1'%20width='5037.87'%20height='2125.18'%20rx='104.947'%20transform='matrix(1%200%200%20-1%20135.111%202254)'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e") no-repeat center center;
        background-size: contain;
        width: 46.4375rem;
        height: 14.75rem
    }

    @media screen and (max-width: 1024px) {
        .hero:after {
            width: 23.22rem;
            height: 7.38rem
        }
    }
}