html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
    scroll-behavior: smooth;
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],template {
    display: none
}

a {
    background-color: #0000
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons!important
}

.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box;
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll!important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000!important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

.w-optimization {
    display: contents
}

.w-webflow-badge,.w-webflow-badge>img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px #0000001a,0 1px 3px #0000001a;
    visibility: visible!important;
    opacity: 1!important;
    z-index: 2147483647!important;
    color: #aaadb0!important;
    overflow: unset!important;
    background-color: #fff!important;
    border-radius: 3px!important;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    padding: 6px!important;
    font-size: 12px!important;
    line-height: 14px!important;
    text-decoration: none!important;
    display: inline-block!important;
    position: fixed!important;
    inset: auto 12px 12px auto!important;
    transform: none!important
}

.w-webflow-badge>img {
    position: unset;
    visibility: unset!important;
    opacity: 1!important;
    vertical-align: middle!important;
    display: inline-block!important
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,.w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    padding: 0;
    position: relative
}

.w-video iframe,.w-video object,.w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button,[type=button],[type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.w-input,.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}

.w-input::placeholder,.w-select::placeholder {
    color: #999
}

.w-input:focus,.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}

textarea.w-input,textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-radio:before,.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}

.w-file-upload {
    margin-bottom: 10px;
    display: block
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: .1px;
    height: .1px;
    position: absolute;
    overflow: hidden
}

.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success {
    color: #333;
    display: inline-block
}

.w-file-upload-error {
    margin-top: 10px;
    display: block
}

.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.w-icon-file-upload-icon,.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333%
}

.w-col-2 {
    width: 16.6667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.3333%
}

.w-col-5 {
    width: 41.6667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333%
}

.w-col-8 {
    width: 66.6667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.3333%
}

.w-col-11 {
    width: 91.6667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none!important
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width:728px
    }

    .w-hidden-main {
        display: inherit!important
    }

    .w-hidden-medium {
        display: none!important
    }

    .w-col-medium-1 {
        width: 8.33333%
    }

    .w-col-medium-2 {
        width: 16.6667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.3333%
    }

    .w-col-medium-5 {
        width: 41.6667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.3333%
    }

    .w-col-medium-8 {
        width: 66.6667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.3333%
    }

    .w-col-medium-11 {
        width: 91.6667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .w-hidden-main,.w-hidden-medium {
        display:inherit!important
    }

    .w-hidden-small {
        display: none!important
    }

    .w-row,.w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333%
    }

    .w-col-small-2 {
        width: 16.6667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.3333%
    }

    .w-col-small-5 {
        width: 41.6667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.3333%
    }

    .w-col-small-8 {
        width: 66.6667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.3333%
    }

    .w-col-small-11 {
        width: 91.6667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width:none
    }

    .w-hidden-main,.w-hidden-medium,.w-hidden-small {
        display: inherit!important
    }

    .w-hidden-tiny {
        display: none!important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333%
    }

    .w-col-tiny-2 {
        width: 16.6667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.3333%
    }

    .w-col-tiny-5 {
        width: 41.6667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.3333%
    }

    .w-col-tiny-8 {
        width: 66.6667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.3333%
    }

    .w-col-tiny-11 {
        width: 91.6667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none!important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none!important
}

.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none!important
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: #2226
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s,color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block!important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left:10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all .3s;
    position: absolute;
    top: 0
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}

.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto hidden
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0,0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height:96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,.w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,.w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
}

.w-richtext figure {
    max-width: 60%;
    position: relative
}

.w-richtext figure>div:before {
    cursor: default!important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    color: #0000;
    font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block!important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display:block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}

.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
    display: none!important
}

.wf-layout-layout {
    display: grid
}

@font-face {
    font-family: Kalam;
    src: url(../fonts/67e2e5f67509fa04b860b4b6_Kalam-Bold-lls-final.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9572b626d3cf5e1d2fd9_Lato-Black.ttf)format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9572643d77c651bbadc9_Lato-Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e957395ab2a6163f55f08_Lato-LightItalic.ttf)format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9572f48a935ed1882840_Lato-BlackItalic.ttf)format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9573a41b8b0854029fd2_Lato-Light.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9573c964ad073a993eed_Lato-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9573fd6a9691a871f9dc_Lato-Italic.ttf)format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: LatoLLS;
    src: url(../fonts/677e9573de8098680ea1243a_Lato-BoldItalic.ttf)format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kalam latin;
    src: url(../fonts/67c99b9c7315f8a549c9cacf_kalam-latin-700-normal.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --base-color-neutral--gris90: #002e4d;
    --base-color-neutral--gris50: #55779e;
    --background-color--background-primary: #fcf5e7;
    --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>: var(--base-color-neutral--white);
    --text-color--text-primary: var(--base-color-neutral--gris90);
    --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
    --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: var(--base-color-system--success-green);
    --text-color--text-success: var(--base-color-system--success-green);
    --border-color--border-primary: #eee;
    --base-color-brand--blueprimary90: #002747;
    --background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>: var(--base-color-neutral--white);
    --background-color--background-secondary: #e3fbff;
    --link-color--link-primary: var(--base-color-neutral--gris90);
    --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: var(--base-color-brand--orange-light\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>);
    --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(--base-color-system--error-red);
    --text-color--text-error: var(--base-color-system--error-red);
    --base-color-neutral--white: #fff;
    --base-color-brand--blue-dark\<deleted\|variable-4d572cce-288d-e463-ae0f-3d5d73401bc9\>: #0a3b61;
    --base-color-brand--blueprimary40: #21bfef;
    --base-color-brand--blueprimary30: #5ed4f7;
    --base-color-neutral--gris20: #d5dbe5;
    --base-color-neutral--gris80: #0a3b61;
    --base-color-neutral--gris70: #1b5385;
    --base-color-brand--blueprimary80: #004370;
    --base-color-brand--orange40: #ffa800;
    --base-color-brand--orange30: #fec833;
    --base-color-brand--pinkpremium60: #f53676;
    --base-color-brand--pinkpremium50: #ff5c93;
    --base-color-neutral--gris40: #7d95b5;
    --base-color-brand--bluetertiary100: #030e24;
    --base-color-neutral--gris100: #002438;
    --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(--base-color-system--warning-yellow);
    --text-color--text-warning: var(--base-color-system--error-red);
    --base-color-brand--blueprimary10: #edfbff;
    --base-color-neutral--gris15: #e4e9f2;
    --base-color-neutral--gris30: #adbacc;
    --base-color-brand--blueprimary100: #001224;
    --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: #eee;
    --base-color-brand--vertsucess10: #e5ffe9;
    --base-color-brand--orange10: #fff8cc;
    --base-color-brand--orange100: #1f0c00;
    --base-color-brand--blueprimary20: #99e7ff;
    --base-color-brand--violet20: #cfc6fe;
    --base-color-brand--orange20: #fee57f;
    --base-color-brand--vertsucess30: #80ff9d;
    --base-color-brand--bluetertiary20: #b8cfff;
    --base-color-neutral--gris10: #ebeff7;
    --base-color-brand--pinkpremium10: #fee5ed;
    --base-color-brand--violet10: #eae6ff;
    --base-color-brand--orange70: #7a3d00;
    --base-color-brand--violet80: #3d29a3;
    --base-color-brand--vertsucess20: #bdffc7;
    --base-color-brand--vertsucess80: #003d13;
    --base-color-brand--blueprimary50: #009ddb;
    --base-color-brand--orange50: #e08700;
    --font-family: LatoLLS,Arial,sans-serif;
    --base-color-brand--blueprimary60: #007db6;
    --base-color-brand--blueprimary70: #005e95;
    --base-color-brand--orange60: #a65900;
    --base-color-brand--orange80: #522600;
    --base-color-brand--orange90: #381800;
    --base-color-brand--bluetertiary10: #dbe7ff;
    --base-color-brand--bluetertiary30: #8fb4ff;
    --base-color-brand--bluetertiary40: #5c92ff;
    --base-color-brand--bluetertiary50: #266fff;
    --base-color-brand--bluetertiary60: #135beb;
    --base-color-brand--bluetertiary70: #104abf;
    --base-color-brand--bluetertiary80: #0b3385;
    --base-color-brand--bluetertiary90: #072257;
    --base-color-brand--violet30: #bfb2ff;
    --base-color-brand--violet40: #a9f;
    --base-color-brand--violet50: #9580ff;
    --base-color-brand--violet60: #7055f5;
    --base-color-brand--violet70: #5438e0;
    --base-color-brand--violet90: #281b6b;
    --base-color-brand--violet100: #181040;
    --base-color-brand--vert10: #e5fffa;
    --base-color-brand--vert20: #adffef;
    --base-color-brand--vert30: #61ffdf;
    --base-color-brand--vert40: #2ee6c1;
    --base-color-brand--vert50: #00c79f;
    --base-color-brand--vert60: #008066;
    --base-color-brand--vert70: #00614e;
    --base-color-brand--vert80: #003d31;
    --base-color-brand--vert90: #002921;
    --base-color-brand--vert100: #001a14;
    --base-color-brand--vertsucess40: #60db7c;
    --base-color-brand--vertsucess50: #00b83a;
    --base-color-brand--vertsucess60: #00872b;
    --base-color-brand--vertsucess70: #00611f;
    --base-color-brand--vertsucess90: #00290d;
    --base-color-brand--vertsucess100: #001a08;
    --base-color-brand--pinkpremium20: #ffbfd5;
    --base-color-brand--pinkpremium30: #ff9ebe;
    --base-color-brand--pinkpremium40: #ff80aa;
    --base-color-brand--pinkpremium70: #cc1f59;
    --base-color-brand--pinkpremium80: #8f153e;
    --base-color-brand--pinkpremium90: #520d24;
    --base-color-brand--pinkpremium100: #240510;
    --base-color-brand--red10: #ffe5ea;
    --base-color-brand--red20: #ffbdc8;
    --base-color-brand--red30: #ff949d;
    --base-color-brand--red40: #ff5765;
    --base-color-brand--red50: red;
    --base-color-brand--red60: #db0700;
    --base-color-brand--red70: #b30c00;
    --base-color-brand--red80: #850d00;
    --base-color-brand--red90: #570c00;
    --base-color-brand--red100: #290700;
    --base-color-neutral--black: #000;
    --base-color-neutral--gris60: #386694;
    --base-color-system--success-green: var(--base-color-brand--vertsucess50);
    --base-color-system--success-green-dark: var(--base-color-brand--vertsucess80);
    --base-color-system--warning-yellow: #fff8cc;
    --base-color-system--warning-yellow-dark: #522600;
    --base-color-system--error-red: var(--base-color-brand--red50);
    --base-color-system--focus-state: #2d62ff;
    --border-color--border-alternate: #222;
    --link-color--link-secondary: var(--base-color-neutral--black);
    --link-color--link-alternate: var(--base-color-neutral--white);
    --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
    --base-color-brand--orange-light\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>: #fcf5e7
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-checkbox:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1/1/2/2;
    display: table
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(../images/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-previous-icon {
    margin-right: 4px
}

.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-next-icon {
    margin-left: 4px
}

.w-page-count {
    text-align: center;
    width: 100%;
    margin-top: 20px
}

body {
    color: #000;
    font-family: LatoLLS,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1 {
    color: #03045e;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: LatoLLS,Arial,sans-serif;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
}

h2 {
    color: var(--base-color-neutral--gris90);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1
}

h3 {
    color: var(--base-color-neutral--gris90);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

h4 {
    color: var(--base-color-neutral--gris90);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

h5 {
    color: var(--base-color-neutral--gris90);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}

h6 {
    color: var(--base-color-neutral--gris90);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

p {
    color: var(--base-color-neutral--gris50);
    margin-bottom: 0
}

a {
    color: var(--base-color-neutral--gris50)
}

ul,ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5rem
}

li {
    color: var(--base-color-neutral--gris50);
    margin-bottom: 1rem
}

img {
    max-width: 100%;
    display: inline-block
}

label {
    margin-bottom: .25rem;
    font-weight: 500
}

blockquote {
    color: var(--base-color-neutral--gris50);
    border-left: .25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

figure {
    margin-top: 2rem;
    margin-bottom: 2rem
}

figcaption {
    text-align: center;
    margin-top: .25rem
}

.utility-page_component {
    background-color: #edfbff80;
    background-image: url(https://cdn.prod.website-files.com/6737002fa66824c43df894f6/6798a573cef54a0e8c5d871c_98c769f97ff001fa9fc1ab55b13c9b0c_Vector%20blue%20\(1\).svg);
    background-position: 0 0;
    background-size: auto;
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex
}

.utility-page_component.hide-desktop {
    display: none
}

.utility-page_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 20rem;
    display: flex
}

.utility-page_form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.utility-page_image {
    margin-left: auto;
    margin-right: auto
}

.global-styles {
    display: block;
    position: fixed;
    inset: 0% auto auto 0%
}

.margin-custom2 {
    margin: 2.5rem
}

.padding-xlarge {
    padding: 4rem
}

.margin-xlarge {
    margin: 4rem
}

.margin-xsmall {
    margin: .5rem
}

.padding-xhuge {
    padding: 8rem
}

.margin-custom1 {
    margin: 1.5rem
}

.padding-0 {
    padding: 0
}

.padding-xxhuge {
    padding: 12rem
}

.padding-huge {
    padding: 6rem
}

.margin-large {
    margin: 3rem
}

.padding-xxlarge {
    padding: 5rem
}

.margin-xxsmall {
    margin: .25rem
}

.padding-custom3 {
    padding: 3.5rem
}

.padding-large {
    padding: 3rem
}

.margin-tiny {
    margin: .125rem
}

.padding-small {
    padding: 1rem
}

.padding-custom2 {
    padding: 2.5rem
}

.margin-custom3 {
    margin: 3.5rem
}

.padding-custom1 {
    padding: 1.5rem
}

.margin-huge {
    margin: 6rem
}

.padding-medium {
    padding: 2rem
}

.padding-xsmall {
    padding: .5rem
}

.margin-xxlarge {
    margin: 5rem
}

.padding-xxsmall {
    padding: .25rem
}

.margin-xhuge {
    margin: 8rem
}

.padding-tiny {
    padding: .125rem
}

.margin-small {
    margin: 1rem
}

.margin-medium {
    margin: 2rem
}

.margin-xxhuge {
    margin: 12rem
}

.margin-0 {
    margin: 0
}

.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0
}

.padding-top,.padding-top.padding-medium {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.margin-vertical {
    margin-left: 0;
    margin-right: 0
}

.margin-bottom,.margin-bottom.margin-small,.margin-bottom.margin-medium,.margin-bottom.margin-xxsmall,.margin-bottom.margin-xxlarge,.margin-bottom.margin-xsmall {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

.padding-vertical,.padding-vertical.padding-xxlarge {
    padding-left: 0;
    padding-right: 0
}

.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0
}

.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}

.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-medium.hide-desktop {
    display: none
}

.margin-top.margin-xxsmall,.margin-top.margin-medium,.margin-top.margin-small,.margin-top.margin-medium {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-xsmall {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0
}

.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.padding-bottom {
    padding: 0 0 1rem
}

.padding-bottom.is-huge {
    padding-bottom: 8rem
}

.form_checkbox {
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem;
    padding-left: 0;
    display: flex
}

.form_checkbox-icon {
    border-radius: .125rem;
    width: .875rem;
    height: .875rem;
    margin: 0 .5rem 0 0
}

.form_checkbox-icon.w--redirected-checked {
    background-size: 90%;
    border-radius: .125rem;
    width: .875rem;
    height: .875rem;
    margin: 0 .5rem 0 0
}

.form_checkbox-icon.w--redirected-focus {
    border-radius: .125rem;
    width: .875rem;
    height: .875rem;
    margin: 0 .5rem 0 0;
    box-shadow: 0 0 .25rem 0 #3898ec
}

.fs-styleguide_background {
    border: 1px solid #0000001a;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex
}

.fs-styleguide_spacing {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-image: linear-gradient(#fff0,#2d40ea1a);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: start stretch;
    display: grid;
    position: relative
}

.icon-1x1-small {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    flex: none;
    justify-content: center;
    align-items: center;
    width: .8rem;
    min-width: .8rem;
    height: .8rem;
    min-height: .8rem;
    display: flex;
    overflow: visible
}

.icon-1x1-small.text-color-primary {
    flex: none
}

.overflow-auto {
    overflow: auto
}

.spacing-clean {
    margin: 0;
    padding: 0
}

.icon-1x1-large {
    width: 2.5rem;
    height: 2.5rem
}

.z-index-2 {
    z-index: 2;
    position: relative;
}

.fs-styleguide_background-space {
    width: 1px;
    height: 1px;
    margin: 5rem
}

.text-weight-semibold,.text-weight-semibold.text-color-white {
    font-weight: 700
}

.text-style-strikethrough {
    text-decoration: line-through
}

.fs-styleguide_item {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    border-bottom: 1px solid #0000001a;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: start;
    padding-bottom: 3rem;
    font-weight: 700;
    display: grid;
    position: relative
}

.fs-styleguide_item.is-stretch {
    justify-items: stretch
}

.max-width-full {
    width: 100%;
    max-width: none
}

.fs-styleguide_item-header {
    border-bottom: 1px solid #0000001a;
    width: 100%;
    padding-bottom: 2rem
}

.background-color-primary {
    background-color: var(--background-color--background-primary);
    color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>)
}

.z-index-1 {
    z-index: 1;
    position: relative
}

.text-color-primary {
    color: var(--text-color--text-primary)
}

.text-color-secondary {
    color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>)
}

.fs-styleguide_2-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.fs-styleguide_2-col.is-align-start {
    align-items: start
}

.form_message-success {
    background-color: var(--background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>);
    color: var(--text-color--text-success);
    padding: 1.25rem
}

.fs-styleguide_row {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.heading-style-h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.heading-style-h3.is-valeur {
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 4.5rem;
    line-height: 1
}

.text-rich-text h1,.text-rich-text h2,.text-rich-text h3,.text-rich-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.text-rich-text h5,.text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem
}

.text-rich-text p {
    margin-bottom: 1rem
}

.text-rich-text ul,.text-rich-text ol {
    margin-bottom: 1.5rem
}

.text-rich-text blockquote {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.pointer-events-auto {
    pointer-events: auto
}

.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto
}

.icon-height-small {
    height: 1rem
}

.icon-1x1-medium {
    width: 2rem;
    height: 2rem
}

.heading-style-h1 {
    color: var(--base-color-neutral--gris90);
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.padding-global.is-custom-swiper {
    padding-right: 0
}

.text-weight-normal {
    font-weight: 400
}

.padding-section-small {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.padding-section-small.no-pad-top {
    padding-top: 1rem
}

.max-width-small {
    width: 100%;
    max-width: 20rem
}

.text-color-alternate {
    color: var(--base-color-neutral--gris50)
}

.text-style-italic {
    font-style: italic
}

.pointer-events-none {
    pointer-events: none
}

.text-weight-medium {
    font-weight: 500
}

.overflow-hidden {
    overflow: hidden
}

.fs-styleguide_section-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid var(--border-color--border-primary);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-bottom: 3rem;
    line-height: 1.4;
    display: grid
}

.text-size-tiny {
    font-size: .75rem
}

.max-width-xxlarge {
    width: 100%;
    max-width: 80rem
}

.fs-styleguide_1-col {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.overflow-visible {
    overflow: visible
}

.fs-styleguide_empty-box {
    z-index: -1;
    background-color: #2d40ea0d;
    border: 1px dashed #2d40ea;
    min-width: 3rem;
    height: 3rem;
    position: relative
}

.text-weight-light {
    font-weight: 300
}

.fs-styleguide_heading-medium {
    font-size: 4rem
}

.max-width-xsmall {
    width: 100%;
    max-width: 16rem
}

.fs-styleguide_4-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.text-size-regular {
    font-size: 1.1rem;
    font-weight: 300;
}

.text-size-regular.text-color-lightgrey {
    outline-offset: 0px;
    pointer-events: auto;
    border: 1px #000;
    outline: 3px #645e61;
    text-decoration: none
}

.text-size-regular.text-color-darkblue {
    color: var(--base-color-brand--blueprimary90)
}

.text-weight-xbold {
    font-weight: 900
}

.text-align-right {
    text-align: right
}

.text-weight-bold {
    font-weight: 700
}

.max-width-medium {
    width: 100%;
    max-width: 32rem
}

.fs-styleguide_item-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.max-width-large {
    width: 100%;
    max-width: 48rem
}

.max-width-large.align-center {
    justify-content: center;
    align-items: center
}

.fs-styleguide_header-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid
}

.background-color-alternate {
    background-color: var(--background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>)
}

.text-style-muted {
    opacity: .6
}

.text-size-small {
    font-size: .875rem
}

.text-size-small.text-color-gris50 {
    color: #55779e
}

.heading-style-h4 {
    color: var(--base-color-neutral--gris90);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 0.4;
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem
}

.form_radio-icon {
    width: .875rem;
    height: .875rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: .5rem
}

.form_radio-icon.w--redirected-checked {
    border-width: .25rem;
    width: .875rem;
    height: .875rem
}

.form_radio-icon.w--redirected-focus {
    width: .875rem;
    height: .875rem;
    box-shadow: 0 0 .25rem 0 #3898ec
}

.text-style-nowrap {
    white-space: nowrap
}

.text-align-left {
    text-align: left
}

.background-color-secondary {
    background-color: var(--background-color--background-secondary)
}

.form_input {
    border: 1px solid var(--border-color--border-primary);
    background-color: #0000;
    min-height: 3rem;
    margin-bottom: .75rem;
    padding: .5rem 1rem;
    font-size: 1rem
}

.form_input::placeholder,.form_input.is-select-input {
    color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>)
}

.form_input.is-text-area {
    min-height: 8rem;
    padding-top: .75rem;
    font-size: 1rem
}

.form_input.is-icon-left {
    padding-left: 2.75rem
}

.heading-style-h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.padding-section-large.custom-top {
    padding-top: 3rem
}

.padding-section-large.bigger-top {
    padding-top: 10rem;
    position: relative
}

.padding-section-large.bigger-top.smaller-bottom {
    padding-bottom: 3rem
}

.padding-section-large.bigger-top.no-bottom {
    padding-bottom: 1rem
}

.padding-section-large.smaller-bottom {
    padding-bottom: 6rem
}

.padding-section-large.small-bottom {
    padding-bottom: 1rem
}

.fs-styleguide_3-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid
}

.fs-styleguide_3-col.is-align-start {
    align-items: start
}

.text-style-link {
    color: var(--link-color--link-primary);
    text-decoration: underline
}

.text-size-large {
    font-size: 1.5rem
}

.text-size-large.text-color-blue90 {
    color: var(--base-color-brand--blueprimary90)
}

.fs-styleguide_header {
    background-color: var(--background-color--background-primary);
    color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
    background-image: radial-gradient(circle at 100% 100%,#dd23bb40,#0000 40%),radial-gradient(circle at 0 100%,#2d62ff4d,#0000 60%)
}

.h3 {
    color: var(--base-color-neutral--gris90);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

.h3.text-align-center {
    display: block
}

.fs-styleguide_label {
    background-color: var(--background-color--background-secondary);
    color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
    border-radius: .25rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: .25rem .75rem .3rem;
    font-weight: 600;
    display: flex
}

.fs-styleguide_label.is-tag {
    background-color: var(--background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>);
    color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>)
}

.heading-style-h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5
}

.heading-style-h5.text-color-darkblue {
    color: var(--base-color-brand--blueprimary90)
}

.heading-style-h5.is-team {
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.5rem
}

.container-large {
    background-color: #0000;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.container-large.relative {
    position: relative
}

.icon-height-medium {
    height: 2rem
}

.text-style-allcaps {
    text-transform: uppercase
}

.overflow-scroll {
    overflow: scroll
}

.form_message-error {
    background-color: var(--background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>);
    color: var(--text-color--text-error);
    margin-top: .75rem;
    padding: .75rem
}

.icon-height-large {
    height: 3rem
}

.text-align-center {
    text-align: center;
    font-family: LatoLLS,Arial,sans-serif
}

.form_component {
    margin-bottom: 0
}

.max-width-xxsmall {
    width: 100%;
    max-width: 12rem
}

.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0%
}

.text-style-quote {
    border-left: .25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.align-center {
    margin-left: auto;
    margin-right: auto
}

.button {
    background-color: var(--base-color-brand--blueprimary90);
    color: var(--base-color-neutral--white);
    text-align: center;
    border-radius: .5rem;
    padding: .75rem 1.25rem;
    font-family: LatoLLS,Arial,sans-serif;
    font-weight: 700
}

.button.is-text {
    color: var(--base-color-brand--blue-dark\<deleted\|variable-4d572cce-288d-e463-ae0f-3d5d73401bc9\>);
    background-color: #0000;
    border: 2px solid #0000
}

.button.is-small {
    padding: .5rem 1.25rem
}

.button.is-small.lightblue {
    border: 1px none var(--base-color-brand--blueprimary40);
    background-color: var(--base-color-brand--blueprimary40);
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.button.is-small.lightblue:hover {
    background-color: var(--base-color-brand--blueprimary30)
}

.button.is-small.login_visible {
    color: var(--base-color-brand--blueprimary90);
    background-color: #0000;
    border: 1px #000
}

.button.is-small.is-borderless {
    color: var(--base-color-brand--blueprimary90);
    background-color: #0000;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.button.is-small.is-borderless:hover {
    background-color: #0a3b610d
}

.button.is-large {
    padding: 1rem 2rem
}

.button.is-secondary {
    border: 1px solid var(--base-color-brand--blue-dark\<deleted\|variable-4d572cce-288d-e463-ae0f-3d5d73401bc9\>);
    background-color: #0000
}

.button.is-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid #03045e;
    background-color: #03045e;
    color: var(--base-color-neutral--white);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: LatoLLS,Arial,sans-serif;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex
}

.button.is-icon:hover {
    border-color: var(--base-color-neutral--gris70);
    background-color: #03ff00
}

.button.is-icon.is-secondary {
    border: 1px solid var(--base-color-neutral--gris80);
    color: var(--base-color-brand--blueprimary90);
    background-color: #0000;
    justify-content: center;
    align-items: center
}

.button.is-icon.is-secondary:hover {
    background-color: #0a3b610d
}

.button.is-icon.is-secondary.borderless {
    color: var(--base-color-brand--blueprimary90);
    border-style: none
}

.button.is-icon.is-secondary.borderless:hover {
    color: var(--base-color-brand--blueprimary80);
    background-color: #0000
}

.button.is-icon.is-secondary.borderless.small {
    padding-left: 0;
    padding-right: 0;
    font-size: .875rem
}

.button.is-icon.is-secondary.is-white {
    border-color: var(--base-color-neutral--white);
    color: var(--base-color-neutral--white)
}

.button.is-icon.is-secondary.position-relative {
    cursor: pointer
}

.button.is-icon.is-secondary.d-none {
    display: none
}

.button.is-icon.is-orange {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid #000000;
    background-color: #040229;
    color: #ffffff;
    flex-flow: row;
    text-decoration: none;
    display: flex
}

.button.is-icon.is-orange:hover {
    border-color: #09044f;
    background-color: #09044f)
}

.button.is-icon.is-blue40 {
    border-color: var(--base-color-brand--blueprimary40);
    background-color: var(--base-color-brand--blueprimary40)
}

.button.is-icon.is-blue40:hover {
    border-color: var(--base-color-brand--blueprimary30);
    background-color: var(--base-color-brand--blueprimary30)
}

.button.is-icon.is-pink {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-color: var(--base-color-brand--pinkpremium60);
    background-color: var(--base-color-brand--pinkpremium60);
    padding: .5rem 1rem
}

.button.is-icon.is-pink:hover {
    border-color: var(--base-color-brand--pinkpremium50);
    background-color: var(--base-color-brand--pinkpremium50)
}

.button.is-icon.inactif {
    border-color: var(--base-color-neutral--gris20);
    background-color: var(--base-color-neutral--gris20);
    color: var(--base-color-neutral--gris40)
}

.button.is-icon.is-profil {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-color: var(--base-color-neutral--gris70);
    background-color: var(--base-color-neutral--gris80);
    border-radius: 50%;
    flex: none;
    width: 50px;
    height: 50px;
    padding: 0
}

.button.is-icon.is-profil:hover {
    border-color: var(--base-color-neutral--gris70);
    background-color: var(--base-color-neutral--gris70)
}

.button.is-icon.is-white {
    border-color: var(--base-color-brand--bluetertiary100);
    background-color: var(--base-color-neutral--white);
    color: var(--base-color-neutral--gris100)
}

.button.is-link {
    color: var(--base-color-neutral--gris50);
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    font-family: LatoLLS,Arial,sans-serif;
    font-weight: 400;
    line-height: 1;
    text-decoration: none
}

.button.is-link.is-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid var(--base-color-brand--blueprimary90);
    background-color: var(--base-color-neutral--gris80);
    color: var(--base-color-neutral--white);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: LatoLLS,Arial,sans-serif;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex
}

.button.is-link.is-icon:hover {
    border-color: var(--base-color-neutral--gris70);
    background-color: var(--base-color-neutral--gris70)
}

.fs-styleguide_classes {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.text-size-medium {
    font-size: 1.25rem
}

.fs-styleguide_section {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: grid
}

.fs-styleguide_section.is-vertical {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr
}

.button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.hide {
    display: flex
}

.padding-section-medium {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.padding-section-medium.custom-huge_top {
    padding-top: 10rem;
    padding-bottom: 0
}

.padding-section-medium.custom-huge_top.small-bottom {
    padding-bottom: 2rem
}

.padding-section-medium.custom-bigger-top {
    padding-top: 7rem
}

.padding-section-medium.custom-small-bottom {
    padding-bottom: 1rem
}

.padding-section-medium.custom-3rem-top {
    padding-top: 3rem
}

.padding-section-medium.no-padding-top {
    padding-top: 0
}

.container-medium {
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.form_radio {
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem;
    padding-left: 0;
    display: flex
}

.fs-styleguide_spacing-all {
    display: none
}

.spacer-huge {
    width: 100%;
    padding-top: 6rem
}

.spacer-medium {
    width: 100%;
    padding-top: 2rem
}

.fs-styleguide_spacer-box {
    background-color: #2d40ea1a;
    border: 1px dashed #2d40ea;
    width: 100%;
    position: relative
}

.spacer-xsmall {
    width: 100%;
    padding-top: 0.6rem;
}

.spacer-small {
    width: 100%;
    padding-top: 1rem
}

.spacer-xhuge {
    width: 100%;
    padding-top: 8rem
}

.spacer-tiny {
    width: 100%;
    padding-top: .125rem
}

.spacer-xxsmall {
    width: 100%;
    padding-top: .25rem
}

.spacer-xxhuge {
    width: 100%;
    padding-top: 12rem
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem
}

.spacer-large {
    padding-top: 3rem
}

.spacer-xxlarge {
    width: 100%;
    padding-top: 5rem
}

.fs-styleguide_message {
    background-color: var(--background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>);
    color: var(--text-color--text-warning);
    border-radius: .25rem;
    padding: .25rem .5rem;
    font-size: .875rem
}

.nav_component {
    background-color: #0000;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    inset: 0% 0% auto
}

.nav_container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.nav_brand {
    height: 2.5rem
}

.nav_menu_link {
    color: #fff;
    padding: 1rem
}

.nav_button {
    padding: 1rem
}

.aspect-ratio-square {
    aspect-ratio: 1;
    object-fit: cover
}

.aspect-ratio-portrait {
    aspect-ratio: 2/3;
    object-fit: cover
}

.aspect-ratio-landscape {
    aspect-ratio: 3/2;
    object-fit: cover
}

.aspect-ratio-widescreen {
    aspect-ratio: 16/9;
    object-fit: cover
}

.background-color-tertiary {
    background-color: #fcf5e7
}

.fs-styleguide_hero-label {
    color: var(--text-color--text-primary);
    text-transform: uppercase;
    background-color: #eee;
    border-radius: .25rem;
    padding: .25rem .375rem;
    font-size: .75rem;
    font-weight: 500;
    text-decoration: none
}

.fs-styleguide_heading-header {
    font-size: 6rem
}

.embed-full-height {
    height: 100%
}

.section.is-empty {
    background-color: #efe8ff;
    border: 1px dashed #c4aaff
}

.section.position-relative {
    position: relative
}

.section.position-relative.background-color-primary {
    background-color: #15d365;
}

.section.position-relative.is-hero {
    overflow: clip
}

.section.position-relative.background-color-darkestblue {
    z-index: 999;
    background-color: #15d365;
    overflow: visible
}

.section.position-relative.background-color-blue90 {
    background-color: var(--base-color-brand--blueprimary90)
}

.section.position-relative.background-color-blue10 {
    background-color: #edfbff80
}

.section.position-relative.background-color-purple {
    background-color: #eae6ffb3;
    background-image: url(https://cdn.prod.website-files.com/6737002fa66824c43df894f6/67910de2033a488a11f3f47e_Vector%20\(1\).svg);
    background-position: 0 0;
    background-size: cover
}

.section.position-relative.background-color-bluepaint {
    background-color: #edfbff80;
    background-image: url(https://cdn.prod.website-files.com/6737002fa66824c43df894f6/6798a573cef54a0e8c5d871c_98c769f97ff001fa9fc1ab55b13c9b0c_Vector%20blue%20\(1\).svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: cover
}

.section.position-relative.background-color-pinkpaint {
    background-color: #fee5ed33;
    background-image: url(https://cdn.prod.website-files.com/6737002fa66824c43df894f6/67a39217d212728c62193aba_Vector%20-%20classe%20\(1\).svg);
    background-position: 0 0;
    background-size: cover
}

.section.position-relative.background-color-orangepaint {
    background-color: #fff8cc80;
    background-image: url(../images/679d012c465d64ee7f98a3e1_Vector%20orangelight.svg);
    background-repeat: repeat-x;
    background-size: cover
}

.section.position-relative.background-color-purplepaint {
    background-color: #eae6ff80;
    background-image: url(../images/679a38005516d14e07a4e1d5_Vector-purple.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: cover
}

.section.position-relative.bg-color-blue10.overflow_clip {
    background-color: var(--base-color-brand--blueprimary10)
}

.section.position-relative.background-color-pink {
    background-color: #fee5ed66
}

.heading-style-h0 {
    flex-flow: column;
    font-size: 5.5rem;
    line-height: 1.1;
    display: inline-flex
}

.heading-style-h0.z-index-2 {
    margin-top: -5rem;
    margin-bottom: -5rem;
    font-size: 5.5rem;
    line-height: 1.1
}

.heading-style-h0.z-index-2.hide {
    display: none
}

.heading-style-h0.lineheight1 {
    min-width: 5.5rem;
    font-size: 5.5em;
    line-height: 1
}

.heading-style-h0.lineheight1.litle-title {
    font-size: 45px
}

.flex-align-center-top {
    justify-content: flex-start;
    align-items: center
}

.gap-1rem {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex
}

.backlink-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex
}

.logo-flowtribe-container {
    height: 1.2rem;
    max-height: 1.2rem
}

.link-no-style {
    text-decoration: none
}

.gap-2rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.gap-0-5rem {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem
}

.flex-h-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    text-decoration: none;
    display: flex
}

.flex-h-container.gap-0-5rem {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem
}

.flex-h-container.gap-0-5rem.flex-center {
    align-items: center
}

.flex-h-container.flex-center {
    color: #004370;
    justify-content: flex-start;
    align-items: center
}

.flex-h-container.flex-center.gap-0-5rem {
    justify-content: flex-start
}

.flex-h-container.flex-center.gap-0-5rem.align-center {
    justify-content: center;
    align-items: center
}

.flex-h-container.gap-2vw {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw
}

.flex-h-container.gap-2vw.centered {
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    align-self: flex-end
}

.width-60 {
    width: 60%
}

.flex-v-container {
    flex-flow: column;
    display: flex
}

.flex-v-container.space-between {
    justify-content: space-between;
    align-items: flex-start;
    height: 100%
}

.flex-v-container.space-between.height-100 {
    height: 100%
}

.flex-v-container.space-between.reforme {
    height: 42rem
}

.swiper {
    width: 100%;
    overflow: hidden
}

.swiper.is-news {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex
}

.swiper-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.swiper-wrapper.is-news {
    justify-content: flex-start;
    align-items: flex-start
}

.swiper-slide {
    color: #fff;
    border-radius: 1rem;
    flex: none;
    width: 33.33%;
    font-size: 1.5rem;
    font-weight: 500;
    overflow: hidden
}

.swiper-slide.is-news {
    width: 20rem;
    min-width: 20rem;
    height: 25rem;
    min-height: 25rem;
    text-decoration: none
}

.swiper-slide._2 {
    height: 30rem;
    position: relative;
    overflow: visible
}

.prev-next-container {
    margin-top: 2rem;
    display: flex
}

.button-next {
    background-color: var(--base-color-brand--blueprimary40);
    border: 1px #000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: 1rem;
    padding: 1rem;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex
}

.button-next:hover {
    background-color: var(--base-color-brand--blueprimary30)
}

.button-prev {
    background-color: var(--base-color-brand--blueprimary40);
    border: 1px #000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex;
    transform: rotate(-180deg)
}

.button-prev:hover {
    background-color: var(--base-color-brand--blueprimary30)
}

.arrow {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.img-100 {
    object-fit: contain;
    width: 100%;
    min-width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    text-decoration: none;
}

.img-100.fit-cover {
    object-fit: cover
}

.img-100.fit-contain {
    object-fit: contain
}

.img-100.tilt {
    transform: rotate(-7deg)
}

.link-ncf {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #000;
    justify-content: flex-end;
    align-items: center;
    font-size: .9rem;
    text-decoration: none;
    display: flex
}

.link-ncf.black {
    height: 30px
}

.text-ncf {
    padding-bottom: 1px
}

.text-ncf.white {
    color: #fff
}

.flex-horizontal-ncf {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-end;
    align-items: center;
    width: 153px;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.icon-ncf__wrapper {
    width: 20px;
    position: absolute;
    inset: 0% auto 0% 0%
}

.ncf-logo-text {
    width: 8rem
}

.paragraph {
    color: var(--base-color-neutral--gris50)
}

.navbar_component {
    z-index: 100000;
    background-color: #0000;
    border: 1px #000;
    border-radius: 6rem;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 4vw;
    padding-right: 4vw;
    display: flex
}

.text-weight-semibold {
    font-weight: 600
}

.grid-3col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.grid-3col.gap-4rem {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.grid-3col.gap-2rem {
    grid-template-rows: auto
}

.grid-3col.gap-2rem.rowgap-0-5rem {
    grid-row-gap: .5rem
}

.grid-3col.small-raw-gaps {
    grid-row-gap: .75rem
}

.text-color-darkblue {
    color: var(--base-color-brand--blueprimary80);
    text-decoration: none
}

.grid-2col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.grid-2col.gap-4rem {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto
}

.grid-2col.gap-4rem._30-70 {
    grid-column-gap: 4rem;
    grid-template-columns: 1fr 1.5fr
}

.grid-2col.gap-4rem.inverse-tablet {
    grid-template-columns: 1fr 1fr
}

.grid-2col.gap-4rem.inverse-tablet.book {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: .5fr 1.25fr
}

.grid-2col.gap-2rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.grid-2col._40-60 {
    grid-template-columns: .75fr 1fr
}

.content_wrapper {
    flex-flow: column;
    align-items: flex-start;
    display: block;
}

.content_wrapper.flex-center {
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.content_wrapper.position-relative.min-20rem {
    height: 20rem;
    min-height: 20rem
}

.content_wrapper.position-relative.is-hero-right {
    width: 40%;
    padding-top: 5rem
}

.content_wrapper.flex-v-spacebet {
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.content_wrapper.flex-v-spacebet.is-swiper-mask {
    z-index: 2;
    background-color: var(--base-color-neutral--white);
    width: 33%;
    min-width: 33%;
    height: 25rem;
    min-height: 25rem;
    position: relative
}

.content_wrapper.z-index-2.left-center-100dvh {
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    height: 100dvh;
    display: flex
}

.content_wrapper.is-gratuit {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    flex-flow: row;
    padding: 2rem;
    display: flex
}

.content_wrapper.is-classe {
    border: 2px solid var(--base-color-brand--pinkpremium50);
    background-color: #fee5ed99;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    padding: 2rem;
    position: relative
}

.content_wrapper.is-prof {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    background-color: var(--base-color-brand--blueprimary10);
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    flex-flow: row;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    position: relative
}

.content_wrapper.single-reco {
    width: 40%
}

.content_wrapper.single-reco-right {
    width: 60%
}

.content_wrapper.justify-center {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.content_wrapper.is-relative {
    position: relative
}

.suptitle {
    color: #444;
    letter-spacing: 1px;
    text-transform: uppercase
}

.icon-suptitle {
    color: #9f2fb6;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    display: flex
}

.grid-bg {
    z-index: -1;
    object-fit: cover;
    width: 100%;
    position: absolute
}

.navbar {
    background-color: var(--base-color-neutral--white);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    position: fixed
}

.logo_container {
    width: 16vw
}

.hflex-center {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.hflex-center._60vw {
    width: 76vw
}

.nav_button-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.droplist_nav {
    width: 92vw;
    margin-left: auto;
    margin-right: auto
}

.droplist_nav.w--open {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: #fff;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 80vw;
    min-height: 30rem;
    margin-right: 22px;
    padding: 2rem;
    display: flex;
    inset: 4rem 0 auto auto;
    overflow: clip;
    box-shadow: 0 1px 1px #00000026,0 2px 6px #2222221a
}

.droplist_nav.is-collab.w--open {
    right: -158%
}

.droplist_nav-container {
    min-width: 32%;
    margin-left: 0;
    margin-right: 0;
    position: static
}

.droplist_nav-toggle {
    color: var(--base-color-brand--blueprimary90);
    flex-flow: row;
    flex: none;
    justify-content: space-between;
    align-items: center;
    min-width: 30%;
    min-height: 2.5rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0 1rem;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex
}

.droplist_nav-toggle:hover {
    background-color: #21bfef3d;
    border-radius: .5rem;
    font-weight: 700
}

.droplist_nav-toggle.w--open {
    color: var(--base-color-brand--blueprimary90);
    background-color: #21bfef3d;
    border-radius: .5rem;
    flex: none;
    font-weight: 700
}

.hflex-left-top {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.hflex-left-top.is-nav {
    width: 100%;
    height: 26px;
    min-height: 26rem;
    overflow: clip
}

.hflex-left-top.is-nav.offre,.hflex-left-top.is-nav.catalogue {
    height: 26rem
}

.hflex-left-top.gap-8rem {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem
}

.hflex-left-top.gap-min {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1.25rem
}

.block-matiere {
    background-color: #0000;
    width: 33%
}

.block-matiere.is-50 {
    width: 50%
}

.block-matiere.is-card50 {
    border: 1px solid #e7e8eb;
    border-radius: .5rem;
    width: 50%;
    height: 70%;
    padding: 1.5rem;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    position: relative;
    overflow: clip
}

.block-matiere.is-card50:hover {
    background-color: #e2f4fb66
}

.block-matiere.is-card100 {
    color: #55779e;
    cursor: pointer;
    border: 1px solid #e7e8eb;
    border-radius: .5rem;
    width: 100%;
    height: 70%;
    padding: 1.5rem;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    position: relative;
    overflow: clip
}

.block-matiere.is-card100:hover {
    background-color: #e2f4fb66
}

.block-matiere.is-card33 {
    cursor: pointer;
    border: 1px solid #e7e8eb;
    border-radius: .5rem;
    width: 33%;
    height: 100%;
    padding: 1.5rem;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    position: relative;
    overflow: hidden
}

.block-matiere.is-card33:hover {
    background-color: #e2f4fb66
}

.block-matiere.is-primaire {
    color: #fcf7f1;
    cursor: pointer;
    border: 1px solid #e7e8eb;
    border-radius: .5rem;
    width: 100%;
    height: 60%;
    padding: 1.5rem;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    position: relative;
    overflow: clip
}

.block-matiere.is-primaire:hover {
    background-color: #fff0da
}

.droplist_nav-content {
    background-color: #0000;
    flex-flow: row;
    min-width: 67.5%;
    min-height: 26rem;
    padding-left: 5%;
    inset: 2rem 0% auto auto
}

.droplist_nav-content.w--open {
    width: 62%;
    min-width: 68%;
    padding-left: 6%;
    padding-right: 2rem
}

.block-nav-absolute {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32%;
    display: flex;
    position: absolute;
    inset: auto auto 2rem 2rem
}

.footer_legal-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0rem;
    white-space: normal;
    grid-template-rows: auto;
    grid-template-columns: max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    justify-content: center;
    display: flex
}

.footer_link-list {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
    place-items: flex-start start;
    display: flex
}

.footer_logo-link {
    float: none;
    width: 177px;
    height: 28px;
    padding-left: 0
}

.icon-embed-xsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex
}

.icon-embed-xsmall:hover {
    color: var(--base-color-neutral--gris15)
}

.footer_social-link {
    color: var(--base-color-neutral--gris50);
    -webkit-text-stroke-color: var(--base-color-neutral--gris50);
    align-items: center;
    font-size: 14px;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: flex
}

.footer_social-link:hover {
    color: var(--base-color-neutral--gris30)
}

.footer_credit-text {
    color: var(--base-color-neutral--gris50);
    font-size: .875rem
}

.footer_legal-link {
    color: var(--base-color-neutral--gris50);
    font-size: .875rem;
    text-decoration: underline;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.footer_legal-link:hover {
    color: var(--base-color-neutral--gris30);
    -webkit-text-stroke-color: var(--base-color-neutral--gris15)
}

.footer_top-wrapper {
    grid-column-gap: 4vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start
}

.footer_social-list {
    grid-column-gap: .75rem;
    grid-row-gap: 0rem;
    white-space: normal;
    grid-template-rows: auto;
    grid-template-columns: max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    place-items: start;
    display: flex
}

.footer_logo {
    width: 178px;
    height: 28px
}

.footer_bottom-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer_left-wrapper {
    width: 25%
}

.line-divider {
    background-color: var(--base-color-neutral--gris50);
    width: 100%;
    height: 1px
}

.footer_details-wrapper.text-color-gris50 {
    color: var(--base-color-neutral--gris50)
}

.footer {
    background-color: #040229;
}

.footer_link {
    color: var(--base-color-neutral--gris50);
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.footer_link:hover {
    color: var(--base-color-neutral--gris15);
    -webkit-text-stroke-color: var(--base-color-neutral--gris20)
}

.brand {
    width: 150px;
    min-width: 150px;
    height: 25px;
    min-height: 25px
}

.drop-nav {
    border-radius: 1rem;
    padding-right: 1rem;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: none;
    position: static;
    overflow: clip
}

.drop-nav:hover {
    background-color: #eee;
    border-radius: .5rem
}

.drop-nav.hide {
    display: none
}

.drop-nav_toggle {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: .5rem 1.5rem .5rem 1rem
}

.drop-nav_icon {
    margin-right: 0;
    padding-right: 1rem
}

.droplist_nav-icon {
    width: .5rem;
    height: .5rem
}

.embed_full {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 101%;
    display: flex;
}

.embed_full.is-manuel {
    color: #daf2f8
}

.drop-nav_title {
    color: var(--base-color-brand--blueprimary80);
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1
}

.drop-nav_title.priamire {
    font-family: LatoLLS,Arial,sans-serif
}

.divider_container {
    width: 1px;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: absolute;
    inset: 0% auto auto 35%
}

.divider_nav {
    background-color: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
    width: 100%;
    height: 100%
}

.heading {
    color: var(--base-color-brand--blueprimary90)
}

.navbar_link-secondary-label {
    color: #72716f;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.navbar_link-secondary-label:hover {
    color: var(--base-color-neutral--gris70);
    text-decoration: none
}

.navbar_link-secondary-label.text-color-darkblue {
    color: var(--base-color-brand--blueprimary90)
}

.navbar_link-secondary {
    color: #444;
    text-decoration: none
}

.navbar_link-secondary.is-bold {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #002747;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    padding-top: .5rem;
    padding-left: .5rem;
    font-weight: 700;
    display: flex
}

.navlink {
    color: var(--text-color--text-primary);
    border-radius: .5rem;
    padding: .5rem 1rem
}

.navlink:hover {
    background-color: var(--border-color--border-primary)
}

.hflex-top-spacebetween {
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.text-color-white {
    color: var(--base-color-neutral--white)
}

.link_app-wrapper {
    width: 128px;
    height: 38px
}

.check_mark {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px
}

.hflex-center-left {
    align-items: center;
    display: flex
}

.hflex-center-left.gap-0-25rem {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem
}

.vflex {
    flex-flow: column;
    align-items: flex-start;
    display: flex
}

.left-right-radius {
    border-radius: 2rem;
    width: 32rem;
    min-width: 32rem;
    height: 25rem;
    min-height: 25rem;
    position: static;
    overflow: clip
}

.left-right-radius.is-small {
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto
}

.button_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.button_wrapper.spacer-large.max-width-full.z-index-2 {
    padding-top: 0
}

.button_wrapper.hflex-center {
    justify-content: center;
    align-items: center
}

.button_wrapper.max-width-full {
    justify-content: flex-start;
    align-items: stretch
}

.button_wrapper.flex-align-right {
    justify-content: flex-end;
    align-items: stretch;
    margin-left: auto
}

.button_wrapper.align-center {
    text-align: left
}

.position-relative {
    position: relative
}

.card_1 {
    background-color: #15d36545;
    border-radius: .5rem;
    width: 100%;
    height: 440px;
    min-height: 25rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.card_2 {
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: .5rem;
    width: 100%;
    height: 500px;
    min-height: 30rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.card_3 {
    background-color: #607d8b38;
    border-radius: .5rem;
    width: 100%;
    height: 500px;
    min-height: 30rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.card_4 {
    background-color: var(--base-color-brand--vertsucess10);
    border-radius: .5rem;
    width: 100%;
    min-height: 560px;
    padding: 3rem;
    position: relative
}

.card_4.position-relative {
    height: 570px;
    min-height: 32rem;
    overflow: hidden
}

.card_5 {
    background-color: var(--base-color-brand--orange10);
    border-radius: .5rem;
    width: 100%;
    height: 572px;
    min-height: 570px;
    padding: 3rem;
    position: relative
}

.card_5.position-relative {
    min-height: 32rem;
    text-decoration: none;
    overflow: hidden
}

.funderline {
    background-image: url(../images/67854752aadbe1695bf68049_underlined.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -5px;
    padding-bottom: 2rem;
    display: inline-block
}

.funderline.is-orange {
    background-image: url(../images/679d00ae4038c13e4ba67ba5_underlined-orange.svg)
}

.funderline.is-pink {
    background-image: url(../images/67a21845c82a9bec80d0d9cf_underlined-pink.svg)
}

.star-1 {
    z-index: 1;
    width: 205px;
    min-width: 199px;
    height: 244px;
    min-height: 297px;
    position: absolute;
    inset: auto auto -2.5rem 0%
}

.star-1.is-book {
    left: 40%
}

.star-2 {
    z-index: 1;
    width: 250px;
    min-width: 250px;
    height: 300px;
    min-height: 300px;
    position: absolute;
    inset: auto -2% 4% auto
}

.text-color-darkgrey {
    color: #322f30;
    font-family: LatoLLS,Arial,sans-serif
}

.text-color-lightgrey {
    color: #645e61
}

.block-40 {
    width: 40%;
    height: 100%
}

.book-mockup {
    z-index: 2;
    width: 530px;
    height: 380px;
    position: relative;
    inset: auto 4rem auto auto;
}

.book-mockup.is-left {
    right: 0;
    transform: rotate(-4deg)
}

.book-mockup.is-left.computer,.book-mockup.smaller {
    width: 450px;
    min-width: 450px;
    min-height: 380px
}

.book-mockup.smaller.tilt {
    transform: rotate(5deg)
}

.button_card-circle {
    z-index: 3;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    position: absolute;
    inset: 24px 24px auto auto
}

.name_tag {
    z-index: 2;
    width: 59px;
    height: 32px;
    position: absolute;
    inset: auto 5% 30% auto
}

.name_tag.is-blue-right {
    width: 3.5rem;
    height: 2rem;
    bottom: 40%
}

.name_tag.is-purple-right {
    width: 4rem;
    height: 2.5rem;
    bottom: 15%;
    right: 20%
}

.name_tag.is-green-left {
    width: 4rem;
    height: 2.5rem;
    inset: auto auto 60% 0%
}

.name_tag.is-pink-left {
    width: 4rem;
    height: 2.5rem;
    inset: auto auto 25% -15%
}

.name_tag.is-purple-left {
    width: 64px;
    height: 35px;
    inset: 25% auto 25% 0%
}

.name_tag.is-purple-left.is-banner {
    inset: auto auto 0% 0%
}

.grid-2row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.grid-2row._70-30 {
    grid-template-rows: 2fr 1fr
}

.grid-2row._20-80 {
    grid-template-rows: .25fr 1fr
}

.grid-2row._20-80.gap-2rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.grid-2row._60-40 {
    grid-template-rows: 1.75fr 1fr;
    height: 100%
}

.blue_paint-bg {
    width: 320px;
    min-width: 320px;
    height: 216px;
    min-height: 216px;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: rotate(-4deg)
}

.circle_photo-bento {
    width: 165px;
    min-width: 165px;
    height: 165px;
    min-height: 165px;
    position: absolute;
    inset: -2% auto auto 5%;
    transform: rotate(-7deg)
}

.balance_icon {
    z-index: 1;
    width: 200px;
    min-width: 200px;
    height: 150px;
    min-height: 150px;
    position: absolute;
    inset: auto -2% 15% auto
}

.icon_10 {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    position: absolute;
    inset: auto auto 20% 2%;
    transform: rotate(-7deg)
}

.icon_crown {
    width: 67px;
    min-width: 67px;
    height: 67px;
    min-height: 67px;
    position: absolute;
    inset: 0% auto auto 45%;
    transform: rotate(9deg)
}

.purple_paint-bg {
    z-index: 0;
    width: 385px;
    min-width: 385px;
    height: 220px;
    min-height: 220px;
    position: absolute;
    inset: auto 20% 10% auto;
    transform: rotate(-4deg)
}

.computer_bento {
    z-index: 2;
    width: 385px;
    height: 305px;
    position: absolute;
    inset: auto 0% 5% auto
}

.stars_icon-bento {
    z-index: 3;
    width: 33px;
    min-width: 33px;
    height: 33px;
    min-height: 33px;
    position: absolute;
    inset: auto 50% 55% auto
}

.notification_bento {
    z-index: 3;
    width: 160px;
    min-width: 160px;
    height: 45px;
    min-height: 45px;
    position: absolute;
    inset: auto 35% 40% auto
}

.notification_bento.is-2 {
    width: 310px;
    min-width: 310px;
    height: 140px;
    min-height: 140px;
    inset: auto 15% 15% auto
}

.green_paint-bento {
    z-index: 0;
    width: 595px;
    min-width: 595px;
    height: 441px;
    min-height: 441px;
    position: absolute;
    inset: auto 0% 0% auto
}

.img_ecologie {
    width: 460px;
    min-width: 460px;
    height: 350px;
    min-height: 350px;
    margin-left: auto;
    margin-right: auto
}

.ecologie_icon {
    width: 54px;
    min-width: 54px;
    height: 49px;
    min-height: 49px;
    position: absolute;
    inset: -10% 0% auto auto
}

.yellow_star-bg {
    z-index: 0;
    width: 380px;
    min-width: 380px;
    height: 405px;
    min-height: 405px;
    position: absolute;
    inset: 0% auto auto 0%
}

.polaroid_zindex1 {
    z-index: 1;
    width: 280px;
    min-width: 280px;
    height: 300px;
    min-height: 300px;
    position: absolute
}

.polaroid_zindex2 {
    z-index: 2;
    width: 280px;
    min-width: 280px;
    height: 300px;
    min-height: 300px;
    position: absolute;
    inset: auto 0% -20% auto
}

.coeur_icon {
    z-index: 3;
    width: 40px;
    min-width: 40px;
    height: 45px;
    min-height: 45px;
    position: absolute;
    inset: auto auto 0% 0%
}

.smile_icon {
    z-index: 3;
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
    position: absolute;
    inset: 0% 20% auto auto
}

.cta_wrapper {
    background-color: #fdf7f1;
    border-radius: .5rem;
    flex-flow: column;
    align-items: flex-start;
    padding: 3rem;
    display: block
}

.cta_wrapper.is-purple {
    background-color: #eae6ff80
}

.cta_wrapper.is-orange.overflow_clip-desktop {
    overflow: clip
}

.cta_wrapper.is-green {
    background-color: var(--base-color-brand--vertsucess10)
}

.cta_wrapper.is-blue {
    background-color: var(--base-color-brand--blueprimary10)
}

.img_primaire-cta {
    width: 32rem;
    min-width: 32rem;
    height: 20rem;
    min-height: 20rem;
    display: flex
}

.annotation {
    color: var(--base-color-brand--orange100);
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

.annotation.is-small {
    margin-top: -5px;
    font-size: .75rem
}

.annotation_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: rotate(-9deg)
}

.meli_img-cta {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
    position: absolute;
    inset: 0% 0% auto auto
}

.stars_primaire {
    width: 39px;
    min-width: 39px;
    height: 34px;
    min-height: 34px;
    position: absolute;
    inset: 0% auto auto 0%
}

.sketeched_stars-primaire {
    width: 20px;
    min-width: 20px;
    height: 37px;
    min-height: 37px;
    position: absolute;
    inset: 50% 0% auto auto
}

.nav_icon-discipline {
    width: 52px;
    min-width: 52px;
    height: 40px;
    min-height: 40px
}

.nav-link-discipline-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex
}

.link-nav_item {
    color: var(--base-color-neutral--gris90);
    cursor: pointer;
    border-radius: .5rem;
    width: 100%;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.link-nav_item:hover {
    background-color: #e2f4fb
}

.cta_primaire-nav {
    clear: left;
    background-color: #ffecd9;
    border-radius: .5rem;
    width: 90%;
    padding: 1rem 1rem 1.5rem;
    position: relative;
    overflow: hidden
}

.hflex-right-top {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex
}

.text-block-4 {
    font-size: .85rem
}

.icon-embed-tiny {
    width: .75rem;
    min-width: .75rem;
    height: .75rem;
    min-height: .75rem
}

.meli_cta-nav {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    position: absolute;
    inset: auto 0% -20%
}

.bg-diagonale-container {
    z-index: 1;
    width: 100%;
    height: 107px;
    position: static;
    inset: 0% 0% auto
}

.bg-diagonale-container.background-color-white {
    color: #fff;
    min-width: 100%;
    height: 100%;
    min-height: 100%
}

.bg-diagonale-container.background-color-white.is-bottom {
    transform: rotate(180deg)
}

.bg-diagonale {
    z-index: 1;
    order: -1;
    align-self: flex-start;
    width: 100%;
    height: auto;
    margin-top: 0;
    position: static;
    inset: 0% 0% auto
}

.bg-cta-community {
    width: 100%;
    height: 100%
}

.polaroid_cta-community {
    width: 480px;
    height: 550px;
    position: absolute;
    inset: -50% 0% auto
}

.polaroid_cta-community.is-banner {
    z-index: 1;
    width: 30rem;
    height: 38rem;
    inset: -5rem 0% auto auto
}

.polaroid_cta-community.is-small {
    width: 20rem;
    height: 25rem;
    top: -32%;
    bottom: auto;
    left: 0%
}

.polaroid_cta-community.is-avis {
    width: 35rem;
    height: 38rem;
    inset: -5rem 0% auto auto
}

.polaroid_cta-community.is-illu {
    width: 25rem;
    height: 25rem;
    inset: auto -1rem -4rem auto
}

.bubble_icon {
    width: 183px;
    height: 149px;
    position: absolute;
    inset: -60% 5% auto auto
}

.bubble_icon.is-banner {
    inset: -8rem 0% auto auto
}

.bubble_icon.is-small {
    width: 7rem;
    height: 6rem;
    inset: -34% 0% auto auto
}

.title_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex
}

.title_wrapper.flex-align-center-top {
    position: relative
}

.overflow_clip {
    overflow: clip
}

.icon_nav-toggle {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
    padding: .3rem;
    overflow: clip;
    box-shadow: 0 1px 2px #0027471a
}

.icon_title-card-nav {
    width: 2.75rem;
    height: 2.75rem
}

.abonnement_prof-img {
    width: 230px;
    height: 160px;
    position: absolute;
    inset: auto 1rem 0% auto
}

.abonnement_classe-img {
    z-index: 0;
    width: 18rem;
    height: 9rem;
    position: absolute;
    inset: auto -5% 0% auto
}

.block-nav-absolute-inside {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    display: flex;
    position: absolute;
    inset: auto 2rem 0% auto
}

.arrow-straight {
    width: 1rem;
    height: 1rem
}

.catalogue-img {
    z-index: 1;
    width: 500px;
    height: 250px;
    position: absolute;
    inset: auto -12% 0% auto
}

.bg-paint-nav-manuel {
    z-index: 0;
    width: 500px;
    height: 400px;
    position: absolute;
    inset: -50% -5% 0% auto
}

.projet-img-nav {
    z-index: 1;
    width: 174px;
    height: 210px;
    position: absolute;
    inset: auto auto -2% 10%
}

.commu_img-nav {
    z-index: 1;
    width: 350px;
    height: 190px;
    position: absolute;
    inset: auto -10% 0% auto
}

.apropos_img {
    z-index: 1;
    width: 250px;
    height: 170px;
    position: absolute;
    inset: auto -5% 0% auto
}

.flower_bg-nav1 {
    z-index: 0;
    width: 194px;
    min-width: 194px;
    height: 164px;
    min-height: 164px;
    position: absolute;
    inset: auto auto 0% 0%
}

.flower_bg-nav2 {
    z-index: 0;
    width: 153px;
    min-width: 153px;
    height: 246px;
    min-height: 246px;
    position: absolute;
    inset: auto 0% 0% auto
}

.projet-img-nav2 {
    z-index: 1;
    width: 182px;
    min-width: 182px;
    height: 135px;
    min-height: 135px;
    position: absolute;
    inset: auto auto 10% 35%
}

.projet-img-nav3 {
    z-index: 1;
    width: 70px;
    min-width: 70px;
    height: 75px;
    min-height: 75px;
    position: absolute;
    inset: auto 2% 2% auto
}

.bg_bloc-commu {
    width: 340px;
    min-width: 340px;
    height: 200px;
    min-height: 200px;
    position: absolute;
    inset: auto -5% 0% auto
}

.bg_bloc-propos {
    width: 200px;
    min-width: 200px;
    height: 160px;
    min-height: 160px;
    position: absolute;
    inset: auto auto 0% 0%
}

.manuels {
    transform: rotate(-4deg)
}

.les-h1 {
    flex-flow: column;
    display: inline-block
}

.scolaires {
    transform: rotate(4deg)translate(237px,-40px)
}

.faits {
    color: var(--base-color-neutral--white);
    background-image: url(../images/new.svg);
    background-position: 0%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll;
    justify-content: flex-start;
    align-items: flex-start;
    width: 205px;
    height: 95px;
    padding-left: 10px;
    font-weight: 900;
    display: inline-block;
    transform: translate(34px,-74px)rotate(-4deg)
}

.par {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    height: 8.5rem;
    margin-top: -64px;
    margin-left: 20px;
    padding-bottom: 38px;
    padding-left: 0;
    font-weight: 900;
    display: inline-block;
    transform: rotate(4deg)
}

.icon-1x1-mediumsmall {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25px;
    min-height: 1.25rem
}

.img-bg_hero {
    z-index: 0;
    width: 800px;
    height: 900px;
    min-height: 900px;
    position: absolute;
    inset: auto -12rem -5% auto
}

.img-bg_hero.tablet {
    display: none
}

.bubble1_wrapper {
    z-index: 1;
    width: 10rem;
    min-width: 10rem;
    position: relative;
    inset: 1rem auto auto -5rem
}

.bubble1_wrapper.is-tablet {
    display: none
}

.bubble1 {
    width: 100%;
    height: 100%
}

.bubble1-yellow-circle {
    width: 11rem;
    min-width: 11rem;
    height: 6rem;
    min-height: 6rem;
    display: none;
    position: absolute;
    inset: 10% auto auto -20%
}

.bubble1-trousse {
    transform-style: preserve-3d;
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    inset: auto -5% -15% auto
}

.bubble1-stars {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: -20% -10% auto auto
}

.bubble2_wrapper {
    z-index: 1;
    width: 12rem;
    min-width: 12rem;
    position: absolute;
    inset: 6rem 0% auto auto
}

.bubble2_wrapper.is-tablet {
    display: none
}

.bubble2 {
    width: 100%;
    height: 100%
}

.bubble2-heart {
    width: 2rem;
    min-width: 2rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: -10% auto auto -5%
}

.bubble2-nametag {
    width: 4rem;
    min-width: 4rem;
    height: 2rem;
    min-height: 2rem;
    position: absolute;
    inset: auto 5% -20% auto
}

.bubble3_wrapper {
    z-index: 1;
    width: 13rem;
    min-width: 13rem;
    position: absolute;
    inset: auto 12.2rem 16.9rem auto
}

.bubble3_wrapper.is-tablet {
    display: none
}

.bubble3 {
    width: 100%;
    height: 100%
}

.bubble3-sparkle {
    width: 4.5rem;
    min-width: 4.5rem;
    height: 4.5rem;
    min-height: 4.5rem;
    position: absolute;
    inset: -10% auto auto -10%
}

.bubble3-speech {
    width: 8rem;
    min-width: 8rem;
    height: 7rem;
    min-height: 7rem;
    position: absolute;
    inset: -30% 0% auto auto
}

.bubble3-pen {
    width: 6rem;
    min-width: 6rem;
    height: 6rem;
    min-height: 6rem;
    position: absolute;
    inset: auto auto -5% -5%
}

.bubble3-nametag {
    width: 4rem;
    min-width: 4rem;
    height: 2rem;
    min-height: 2rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.bubble4_wrapper {
    z-index: 1;
    width: 7rem;
    min-width: 7rem;
    position: absolute;
    inset: auto 5% 38% auto
}

.bubble4_wrapper.is-tablet {
    display: none
}

.bubble4 {
    width: 100%;
    height: 100%
}

.bubble4-crown {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: -30% auto auto -15%
}

.bubble4-stars {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: auto -40% -10% auto
}

.bubble5_wrapper {
    z-index: 1;
    width: 12rem;
    min-width: 12rem;
    margin-top: 400px;
    margin-left: auto;
    position: relative
}

.bubble5-decor {
    width: 6rem;
    min-width: 6rem;
    height: 6rem;
    min-height: 6rem;
    position: absolute;
    inset: auto auto 30% -20%
}

.bubble5-smile {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    position: absolute;
    inset: 10% -20% auto auto
}

.bubble5-nametag {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    position: absolute;
    inset: -2% auto auto -10%
}

.card_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #e0f3ff;
    border-radius: 1rem;
    flex-flow: column;
    width: 20rem;
    min-width: 20rem;
    height: 25rem;
    min-height: 25rem;
    padding: 1.5rem;
    display: flex
}

.card_item._1 {
    padding-top: 2rem;
    display: block;
    position: relative;
    overflow: clip
}

.card_item._2 {
    background-color: #fcf7f1;
    padding-top: 2rem;
    display: block;
    position: relative;
    overflow: clip
}

.heading_card {
    font-size: 1.5rem;
    font-weight: 400
}

.card_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex
}

.bg_card1 {
    z-index: 0;
    color: var(--base-color-brand--blueprimary20);
    width: 100%;
    min-width: 100%;
    height: 15rem;
    min-height: 15rem;
    position: absolute;
    inset: auto 0% 0%
}

.card_img-wrapper {
    width: 100%;
    min-width: 100%;
    height: 15rem;
    min-height: 15rem;
    position: absolute;
    inset: auto 0% 1rem
}

.card-img {
    z-index: 4;
    position: relative
}

.card1_crown {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: 1rem auto auto 1rem
}

.card1_sparkle {
    transform-style: preserve-3d;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    min-height: 3.5rem;
    position: absolute;
    inset: auto 1rem 0% auto;
    transform: rotateX(180deg)rotateY(180deg)rotate(0)
}

.bg_card2 {
    z-index: 0;
    color: var(--base-color-brand--orange40);
    width: 100%;
    min-width: 100%;
    height: 15rem;
    min-height: 15rem;
    position: absolute;
    inset: auto -1.5rem -.2rem auto
}

.card2_left-item {
    width: 2rem;
    min-width: 2rem;
    height: 2.5rem;
    min-height: 2.5rem;
    position: absolute;
    inset: 1rem auto auto 1rem
}

.card2_right-item {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: 0% 15% auto auto
}

.card2_leftbot-item {
    transform-style: preserve-3d;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    position: absolute;
    inset: auto auto 0% 1rem;
    transform: rotateX(180deg)rotateY(180deg)rotate(0)
}

.yellow_circle-text {
    background-image: url(../images/678e17a188304190c2766a2a_text-circle-highlight.svg);
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    line-height: 1.1
}

.tableau-illu {
    width: 8rem;
    min-width: 8rem;
    height: 10rem;
    min-height: 10rem;
    position: absolute;
    inset: auto auto 0% -1%
}

.map-illu {
    width: 7rem;
    min-width: 7rem;
    height: 9rem;
    min-height: 9rem;
    position: absolute;
    inset: 30% auto auto 10%
}

.bag-illu {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: -5% auto auto 15%
}

.pen-illu {
    width: 5rem;
    min-width: 5rem;
    height: 6rem;
    min-height: 6rem;
    position: absolute;
    inset: 10% 5% auto auto
}

.tool1-illu {
    width: 9rem;
    min-width: 9rem;
    height: 9rem;
    min-height: 9rem;
    position: absolute;
    inset: auto 8% 30% auto
}

.tool2-illu {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    min-height: 12rem;
    position: absolute;
    inset: auto 0% -10% auto
}

.sparkles_title {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: 0% 5% auto auto
}

.cta-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    height: 20rem;
    min-height: 20rem;
    display: flex
}

.cta-content.is-large {
    height: 23rem;
    min-height: 23rem
}

.cta-content.is-large.is-fhorizontal {
    flex-flow: column
}

.cta-content.is-small {
    height: 15rem;
    min-height: 15rem
}

.cta_text-wrapper {
    z-index: 2;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 50%;
    height: 100%;
    display: flex;
    position: relative
}

.cta_text-wrapper.is-fhorizontal {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 40%
}

.cta_img-wrapper {
    position: relative
}

.cta_img-wrapper.is-fhorizontal {
    width: 100%;
    height: 60%
}

.cta_img-wrapper.is-avis.width40 {
    width: 40%
}

.center-mobile {
    height: 70dvh
}

.center-mobile.margin-top {
    margin-top: 50px
}

.bg_paint-cta {
    color: #f2e9ca;
    width: 35rem;
    min-width: 35rem;
    height: 28rem;
    min-height: 28rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.bg_paint-cta.is-purple {
    color: var(--base-color-brand--violet20)
}

.bg_paint-cta.is-webinaire {
    z-index: 0;
    color: var(--base-color-brand--violet20);
    inset: auto -3rem 0% auto
}

.bg_paint-cta.is-blue {
    color: var(--base-color-brand--blueprimary20);
    right: -3rem
}

.bg_paint-cta.is-demo {
    z-index: 0;
    color: var(--base-color-brand--orange20);
    width: 30rem;
    min-width: 30rem;
    height: 26rem;
    min-height: 26rem;
    inset: auto 0% 0% auto
}

.bg_paint-cta.is-promo {
    color: #99e7ff99;
    bottom: -4rem;
    right: -4.1rem;
    transform: rotate(180deg)
}

.post_it-cta {
    z-index: 2;
    width: 25rem;
    min-width: 25rem;
    height: 22rem;
    min-height: 22rem;
    position: absolute;
    inset: auto 2rem -3.4rem auto
}

.post-it_text {
    color: var(--base-color-brand--blueprimary100);
    text-align: center;
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    inset: 10rem 5rem 5rem 4rem;
    transform: rotate(7deg)
}

.paper_cta {
    z-index: 2;
    width: 25rem;
    min-width: 25rem;
    height: 24rem;
    min-height: 24rem;
    position: absolute;
    inset: auto 2rem -3rem auto
}

.paper_text {
    color: var(--base-color-brand--blueprimary100);
    text-align: center;
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    inset: 10rem 5rem 5rem;
    transform: rotate(7deg)
}

.menu-parent {
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 12px 8px 8px;
    display: flex;
    overflow: hidden
}

.menu-bar {
    background-color: #000;
    width: 100%;
    height: 2px;
    margin-bottom: 6px
}

.hover_card {
    pointer-events: none;
    background-color: #00000005;
    border-radius: 50%;
    width: 200%;
    height: 300%;
    position: absolute;
    inset: -50% 0% 0%
}

.book_cover-cta {
    z-index: 2;
    width: 22rem;
    min-width: 22rem;
    height: 31rem;
    min-height: 31rem;
    position: absolute;
    inset: -6rem -2rem auto auto;
    transform: rotate(4deg);
    box-shadow: 0 2px 5px #0003
}

.webinaire-sparkle {
    width: 4.5rem;
    min-width: 4.5rem;
    height: 4.5rem;
    min-height: 4.5rem;
    position: absolute;
    inset: -3rem -3rem auto auto;
    transform: rotate(91deg)
}

.webinaire-sparkle.is-small {
    inset: .75rem 0% auto auto
}

.main_web-person {
    z-index: 3;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    min-height: 20rem;
    position: absolute;
    inset: 9rem 0% auto -28rem
}

.web-person1 {
    z-index: 3;
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: 3.5rem 0% auto -28rem
}

.web-person2 {
    z-index: 1;
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: -3rem 0% auto -23rem
}

.web_date {
    color: var(--base-color-brand--blueprimary100);
    text-align: center;
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    inset: auto 1rem 5rem auto;
    transform: rotate(-12deg)
}

.paint_bg-newcollec {
    color: var(--base-color-brand--vertsucess30);
    width: 46rem;
    height: 25rem;
    position: absolute;
    inset: -3rem 0% auto 15%
}

.books_wrapper {
    width: 100%;
    height: 20rem;
    display: flex;
    position: absolute;
    inset: -7rem auto auto 0%
}

.books_wrapper.lvl2 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -5rem
}

.books_wrapper.lvl3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -2rem
}

.book_new1 {
    z-index: 5;
    width: 16rem;
    height: 22rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: auto 0% 0% auto;
    box-shadow: 0 2px 5px #0003
}

.book_new2 {
    z-index: 5;
    width: 14rem;
    height: 20rem;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: rotate(-10deg);
    box-shadow: 0 2px 5px #0003
}

.book_new2.left {
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.book_new2.right {
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: rotate(10deg)
}

.book_new3 {
    z-index: 5;
    width: 14rem;
    height: 20rem;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: rotate(-10deg);
    box-shadow: 0 2px 5px #0003
}

.book_new3.right {
    z-index: 3;
    width: 12rem;
    height: 18rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: rotate(10deg)
}

.book_new3.left {
    z-index: 3;
    width: 12rem;
    height: 18rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: rotate(-10deg)
}

.shape-bg_livreblanc {
    color: #f2e9ca;
    width: 35rem;
    min-width: 35rem;
    height: 28rem;
    min-height: 28rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.shape-bg_livreblanc.is-blue {
    color: var(--base-color-neutral--gris30);
    width: 25rem;
    min-width: 25rem;
    height: 25rem;
    min-height: 25rem;
    right: 4rem
}

.livre-blanc_cover {
    z-index: 2;
    width: 22rem;
    min-width: 22rem;
    height: 29rem;
    min-height: 29rem;
    position: absolute;
    inset: auto 2rem -3rem auto;
    transform: rotate(4deg);
    box-shadow: 0 2px 5px #0003
}

.livre-blanc_cover.is-illu {
    box-shadow: none;
    width: 28rem;
    min-width: 28rem;
    right: -2rem
}

.demo-placeholder {
    z-index: 2;
    border-radius: 2rem;
    width: 25rem;
    min-width: 25rem;
    height: 18rem;
    min-height: 18rem;
    position: absolute;
    inset: auto 0% 3rem auto;
    overflow: clip;
    transform: rotate(-4deg)
}

.player_button {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75px;
    margin: auto;
    position: absolute;
    inset: 0%
}

.flower_illustration-cta {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.flower_illustration-cta.is-2 {
    width: 3rem;
    min-width: 3rem;
    inset: auto 0% 0% auto
}

.bg-adn {
    width: 38rem;
    height: 38rem
}

.bg-adn.is-avis {
    transform: rotate(91deg)
}

.bg-adn.is-noborder {
    width: 30rem;
    height: 30rem
}

.hflex-center-spacebetween {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.padding-section-xsmall {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.padding-section-xsmall.custom-btm {
    padding-bottom: 2rem
}

.paint-bg_bar {
    width: 30rem;
    min-width: 30rem;
    height: 6rem;
    min-height: 6rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.kpi-card_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 6rem;
    padding: 3rem;
    display: flex;
    position: relative;
    overflow: clip
}

.kpi-figure {
    color: var(--base-color-brand--blueprimary90);
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.1
}

.kpis_paragraph-wrapper {
    flex-flow: column;
    align-items: center;
    display: flex
}

.bg-paint-kpis.is-left {
    width: 10rem;
    min-width: 10rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: -5% auto auto -5%
}

.bg-paint-kpis.is-right {
    width: 10rem;
    min-width: 10rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: -5% -5% auto auto
}

.bg-paint-kpis.is-center {
    z-index: 3;
    width: 20rem;
    min-width: 20rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    inset: 0% -30% auto auto
}

.bg-left-right {
    color: var(--base-color-brand--bluetertiary20);
    width: 35rem;
    height: 35rem;
    position: absolute;
    inset: -2% auto auto 0%
}

.bg-left-right.is-orange {
    color: var(--base-color-brand--orange30)
}

.img-egg_shape.z-index-2 {
    width: 28rem;
    min-width: 28rem;
    height: 32rem;
    min-height: 32rem
}

.flower_bg {
    width: 13rem;
    height: 10rem;
    position: absolute;
    inset: auto 20rem -3rem auto
}

.flower_bg.is-2 {
    width: 5rem;
    height: 5rem;
    inset: 0% -3rem auto auto
}

.promo_circle {
    z-index: 3;
    width: 18rem;
    height: 14rem;
    position: absolute;
    inset: auto 16rem 0 auto
}

.square-illu {
    width: 7.5rem;
    min-width: 7.5rem;
    height: 7.5rem;
    min-height: 7.5rem
}

.plateform-icon.is-pronote {
    width: 115px;
    min-width: 115px;
    height: 40px;
    min-height: 40px
}

.plateform-icon.is-gar {
    object-fit: contain;
    width: 115px;
    min-width: 115px;
    height: 40px;
    min-height: 40px
}

.plateform-icon.is-e {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px
}

.flower1 {
    z-index: 0;
    color: var(--base-color-brand--orange40);
    width: 6rem;
    min-width: 6rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.flower-left-botm {
    z-index: 0;
    width: 6rem;
    min-width: 6rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    inset: auto auto -2rem 4rem
}

.flower-left-top {
    width: 12rem;
    min-width: 12rem;
    height: 10rem;
    min-height: 10rem;
    position: absolute;
    inset: 2rem auto auto -2rem
}

.flower-right-top {
    width: 7rem;
    min-width: 7rem;
    height: 7rem;
    min-height: 7rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.shape-left-bottom {
    transform-style: preserve-3d;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: rotateX(180deg)rotateY(180deg)rotate(47deg)
}

.shape-right-top {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.shape-right-bottom {
    transform-style: preserve-3d;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    min-height: 3.5rem;
    position: absolute;
    inset: auto 1rem 0% auto;
    transform: rotateX(180deg)rotateY(180deg)rotate(-180deg)
}

.img-big_square {
    object-fit: contain;
    border-radius: 2rem;
    height: 30rem;
    position: static;
    overflow: clip
}

.grid-pricing {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: .75fr 2fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-items: stretch;
    display: grid
}

.block-60 {
    width: 60%
}

.block-60.align-center.flex-v-container.center {
    justify-content: center;
    align-items: center
}

.pricing {
    color: #322f30;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.1
}

.pricing.is-big {
    font-size: 3.5rem
}

.hflex-left-bot {
    align-items: flex-end;
    display: flex
}

.check_circle {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem
}

.prof-illu {
    z-index: 2;
    width: 11rem;
    min-width: 11rem;
    height: 11rem;
    min-height: 11rem;
    position: relative
}

.bg_abo-prof {
    z-index: 0;
    width: 16rem;
    min-width: 16rem;
    height: 12rem;
    min-height: 10rem;
    position: absolute;
    inset: auto auto 0% -2rem;
    transform: rotate(-1deg)
}

.classe_illu {
    justify-content: flex-end;
    align-items: flex-end;
    width: 9.5rem;
    min-width: 9.5rem;
    height: 11.5rem;
    min-height: 11.5rem;
    margin-left: auto;
    display: block;
    position: static;
    inset: 7.5rem -5% auto auto
}

.classe_illu.z-index-2 {
    position: absolute;
    top: 0;
    right: -10%
}

.crown-premium {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem;
    position: absolute;
    inset: -4.5rem auto auto -2rem;
    transform: rotate(-34deg)
}

.marquee-horizontal {
    z-index: 200;
    background-color: var(--base-color-brand--blueprimary90);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    margin-top: 0;
    margin-bottom: 6rem;
    display: flex;
    position: absolute;
    inset: -1rem 0% auto;
    overflow: hidden;
    transform: rotate(-2deg)
}

.track-horizontal {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.marquee-text {
    color: #fff;
    text-transform: uppercase;
    flex: none;
    margin-left: 2vw;
    margin-right: 2vw;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

.marquee-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -10px;
    margin-right: 0
}

.tag-offre_target {
    color: var(--base-color-neutral--white);
    text-align: left;
    background-image: url(../images/67975b68ff4226edf44c9e7c_tag-sticker-prof.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: contain;
    width: 230px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    font-size: 1.2rem;
    font-weight: 900;
    position: absolute;
    inset: -1rem auto auto 2%;
    transform: rotate(-3deg)
}

.tag-offre_target.is-classe {
    z-index: 2;
    background-image: url(../images/67975e4088fa676356ee0e68_tag-sticker-classe.svg);
    width: 240px;
    font-weight: 900
}

.tag-offre_target.is-popu {
    z-index: 2;
    background-image: url(https://cdn.prod.website-files.com/6737002fa66824c43df894f6/67a5d87d0e3def513ac04f81_nouveaute-tag%20\(1\).svg);
    width: 150px;
    padding-bottom: 5px;
    font-weight: 900
}

.bg_star-classe {
    z-index: 0;
    width: 14rem;
    height: 14rem;
    position: absolute;
    inset: 1% auto auto 0%
}

.bg_star-classe.is-2 {
    width: 14rem;
    height: 14rem;
    inset: 7rem 0% auto auto
}

.ariane-link {
    text-decoration: none
}

.ariane-link.is-current {
    font-weight: 700
}

.text-color-gris50 {
    color: var(--base-color-neutral--gris50)
}

.pricing_wrapper {
    background-color: var(--base-color-neutral--white);
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    flex-flow: column;
    padding: 2.5rem;
    display: flex;
    position: relative
}

.rectangle-illu {
    width: 17rem;
    min-width: 17rem;
    height: 12rem;
    min-height: 12rem;
    margin-left: auto;
    margin-right: auto
}

.rectangle-illu.is-small {
    width: 12rem;
    min-width: 12rem;
    height: 10rem;
    min-height: 10rem
}

.rectangle-illu.z-index-2.smaller {
    padding: 15px
}

.rectangle-illu.z-index-2.smaller.reforme {
    width: 15rem;
    min-width: 15rem;
    height: 15rem;
    min-height: 15rem;
    padding: 0
}

.card_item-wrapper {
    background-color: #f3f9fa;
    border-radius: .5rem;
    flex-flow: column;
    padding: 2rem;
    display: flex;
    position: relative;
    overflow: clip
}

.card_item-wrapper.is-small {
    padding: 1.5rem
}

.card_item-wrapper.is-green {
    background-color: #e5ffe94d
}

.card_item-wrapper.is-green.book {
    background-color: #f0ffee;
    text-decoration: none
}

.card_item-wrapper.is-pink {
    background-color: #fee5ed4d
}

.card_item-wrapper.is-white {
    border: 1px solid var(--base-color-neutral--gris10);
    background-color: #fff
}

.card_item-wrapper.overflow-visible {
    overflow: visible
}

.card_item-wrapper.is-orange {
    background-color: #e5ffe94d
}

.card_item-wrapper.is-orange.book {
    background-color: #fcf8ef;
    text-decoration: none
}

.card_item-wrapper.is-blue {
    background-color: #e5ffe94d
}

.card_item-wrapper.is-blue.book {
    background-color: #e3fbff;
    text-decoration: none
}

.card_item-wrapper.is-purple {
    background-color: #e5ffe94d
}

.card_item-wrapper.is-purple.book {
    background-color: #f4f2ff;
    text-decoration: none
}

.card_item-wrapper.height {
    height: 100%
}

.card_item-wrapper.min-height {
    min-height: 32rem
}

.card_item-wrapper.min-height.click {
    cursor: auto;
    text-decoration: none
}

.card_item-wrapper.click {
    cursor: pointer;
    text-decoration: none
}

.faq_content {
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.faq_list {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>)
}

.faq_accordion {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch
}

.faq_question {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-top: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex
}

.faq_icon-wrapper {
    align-self: flex-start;
    width: 2rem;
    display: flex
}

.icon-embed-small {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}

.faq_answer {
    overflow: hidden
}

.offre_wrapper {
    background-color: var(--base-color-brand--vertsucess10);
    border-radius: .5rem;
    padding: 3rem 2rem;
    position: relative;
    overflow: clip
}

.offre_wrapper.is-classe {
    background-color: var(--base-color-brand--pinkpremium10)
}

.offre_wrapper.is-prof {
    background-color: var(--base-color-brand--blueprimary10);
    min-height: 15rem
}

.offre_wrapper.is-abo {
    background-color: var(--base-color-brand--vertsucess10)
}

.bg_paint-offre {
    width: 10rem;
    height: 10rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.background-color-blue90 {
    background-color: var(--base-color-brand--blueprimary90)
}

.rounder-bottom-section {
    color: var(--base-color-neutral--white);
    position: absolute;
    inset: auto 0% -2%
}

.rounder-bottom-section.is-bigger {
    bottom: -1%
}

.professeur_team {
    justify-content: center;
    align-items: center;
    width: 45rem;
    min-width: 45rem;
    height: 25rem;
    min-height: 25rem
}

.members {
    color: var(--base-color-neutral--gris100);
    font-family: LatoLLS,Arial,sans-serif;
    font-size: 6rem;
    font-weight: 700
}

.bigtxt {
    color: var(--base-color-neutral--gris100);
    font-family: LatoLLS,Arial,sans-serif;
    font-size: 4.5rem;
    font-weight: 700
}

.leftright-img {
    z-index: 2;
    object-fit: contain;
    width: 30rem;
    min-width: 30rem;
    height: 30rem;
    min-height: 30rem;
    position: relative
}

.leftright-img.tilt {
    width: 470px;
    transform: rotate(4deg)
}

.arrow-blue {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1rem;
    min-height: 1rem;
    margin-top: 5px
}

.bg-absolute {
    z-index: 0;
    width: 35rem;
    min-width: 35rem;
    height: 35rem;
    min-height: 35rem;
    position: absolute;
    inset: -17% auto auto -5rem
}

.bg-absolute.is-eco {
    width: 30rem;
    height: 30rem;
    top: -3rem
}

.bg-absolute.opacity-70 {
    opacity: .7
}

.bg-absolute.is-recrutement {
    width: 25rem;
    height: 25rem;
    inset: 0% 0% auto auto
}

.padding-section-xlarge {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.computer-absolute {
    width: 9rem;
    height: 9rem;
    position: absolute;
    inset: -5rem 0% auto auto
}

.co-auteurs-img {
    width: 8rem;
    height: 3rem
}

.heading-caps {
    color: var(--base-color-brand--blueprimary90);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 400
}

.heading-caps.text-color-darkblue {
    color: var(--base-color-brand--blueprimary90)
}

.heading-caps.line-top {
    border-top: 1px solid var(--base-color-neutral--gris40);
    color: var(--base-color-brand--blueprimary90);
    padding-top: 1rem
}

.pricing-card {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    position: relative;
    overflow: clip
}

.paing-bg-pricing {
    z-index: 0;
    width: 12rem;
    height: 7rem;
    position: absolute;
    inset: 0% auto auto 0%
}

.img-pricing {
    width: 7rem;
    height: 5.5rem;
    margin-left: auto;
    margin-right: auto
}

.book-card_wrapper {
    border-radius: .5rem;
    height: 100%;
    padding: 4.5rem;
    position: relative;
    overflow: hidden
}

.book-card_wrapper.is-mobile {
    display: none
}

.bg-paint-book {
    width: 120%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.book-cover {
    z-index: 2;
    width: 25rem;
    height: 34rem;
    margin-top: 8%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: rotate(-4deg)
}

.tab_component {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.tab_tabs-menu {
    grid-column-gap: .25rem;
    grid-row-gap: 1.5rem;
    border: 1px solid var(--base-color-neutral--gris15);
    border-radius: 60px;
    align-items: center;
    margin-bottom: 2rem;
    padding: .5rem 1rem;
    display: flex;
    overflow: auto
}

.tab_tab-link {
    color: var(--base-color-neutral--gris50);
    background-color: #0000;
    border: 1px solid #0000;
    flex: none;
    padding: .5rem 1.25rem;
    font-weight: 400
}

.tab_tab-link.w--current {
    border: 1px solid var(--base-color-brand--blueprimary90);
    background-color: var(--base-color-brand--blueprimary90);
    color: var(--base-color-neutral--white);
    border-radius: 2rem;
    font-weight: 700
}

.tab_tabs-content {
    width: 100%
}

.collection_card {
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    overflow: clip
}

.bg_paint-collection-card {
    width: 15rem;
    min-width: 15rem;
    height: 20rem;
    min-height: 20rem;
    position: absolute;
    inset: 0% auto auto 0%
}

.cover-img {
    border-radius: 1rem;
    width: 11rem;
    min-width: 11rem;
    height: 14.5rem;
    min-height: 14.5px;
    overflow: clip
}

.grid-4col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.reco_wrapper {
    border: 1px solid var(--base-color-neutral--gris15);
    border-radius: .5rem;
    width: 100%;
    padding: 2rem
}

.grid-reco {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.cover-reco {
    border-radius: .5rem;
    height: 100%;
    overflow: clip
}

.newsletter_form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex
}

.select-field_newsletter {
    background-color: var(--base-color-neutral--white);
    border-radius: 8px;
    min-width: 300px;
    height: 44px;
    margin-bottom: 0
}

.text-field_newsletter {
    border-radius: 8px;
    min-width: 300px;
    height: 44px;
    margin-bottom: 0;
    
    padding-bottom: 1rem
}

.text-field_newsletter::placeholder {
    color: var(--base-color-neutral--gris40)
}

.submit-button {
    background-color: var(--base-color-brand--orange40);
    border-radius: 8px;
    height: 44px;
    font-weight: 700
}

.submit-button:hover {
    background-color: var(--base-color-brand--orange30)
}

.tag-cover {
    position: absolute;
    inset: 2% auto auto 5%;
    transform: rotate(-3deg)
}

.recommandation {
    width: 100%;
    overflow: hidden
}

.recommandation.is-news {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex
}

.grid-hero {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto
}

.img-hero {
    justify-content: flex-end;
    align-items: flex-start;
    width: 20rem;
    height: 20rem;
    margin-left: auto;
    display: flex
}

.img-hero.is-big {
    width: 33rem;
    height: 25rem
}

.img-hero.is-big.z-index-2.is-reforme {
    width: 30rem;
    height: 25rem
}

.img-hero.is-commande {
    justify-content: center;
    align-items: center;
    width: 33rem;
    height: 25rem
}

.spaced-paragrah {
    border-bottom: 1px solid var(--base-color-neutral--gris15);
    margin-bottom: 4rem;
    padding-bottom: 2rem
}

.all-caps-paragraph {
    text-transform: uppercase
}

.sponsor-lls {
    width: 20rem;
    height: 6rem
}

.block-info {
    background-color: var(--base-color-brand--violet10);
    padding: 2rem
}

.header_tag-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    display: flex
}

.tag {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #000;
    background-color: #0000;
    border: 1px #eee;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex
}

.tag._1 {
    background-color: var(--base-color-brand--orange10);
    color: var(--base-color-brand--orange70)
}

.tag._2 {
    background-color: var(--base-color-brand--violet10);
    color: var(--base-color-brand--violet80)
}

.tag._3 {
    background-color: var(--base-color-brand--vertsucess20);
    color: var(--base-color-brand--vertsucess80);
    font-weight: 700
}

.tag.is-actu {
    background-color: var(--base-color-brand--vertsucess20);
    color: var(--base-color-brand--vertsucess80)
}

.text-color-orange70 {
    font-size: 1rem;
    font-weight: 400
}

.text-color-orange70.text-weight-bold {
    font-weight: 700
}

.text-color-purple80 {
    font-size: 1rem;
    font-weight: 400
}

.text-color-purple80.text-weight-bold {
    font-weight: 700
}

.text-color-greensucess80 {
    font-size: 1rem;
    font-weight: 400
}

.text-color-greensucess80.text-weight-bold {
    font-weight: 700
}

.hero-projet_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.image-wrapper1 {
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;
    overflow: clip
}

.image-wrapper3 {
    border-radius: 0;
    width: 40%;
    position: absolute;
    inset: 10% 0% auto auto;
    overflow: hidden
}

.image-wrapper3.is-small {
    width: 30%;
    inset: auto auto 5% 0%
}

.image-wrapper2 {
    border-radius: 1rem;
    width: 35%;
    position: absolute;
    inset: auto auto 10% 0%;
    overflow: hidden
}

.projet_image-group {
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
    position: relative
}

.content_metatag-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.testimonial_slider {
    color: var(--base-color-neutral--white);
    background-color: #0000;
    height: auto;
    padding-bottom: 7rem;
    display: none;
    position: relative
}

.testimonial_mask {
    width: 33.33%;
    overflow: visible
}

.testimonial_slide {
    padding-right: 2rem
}

.testimonial_card {
    background-color: #fff;
    border-width: 1px;
    border-radius: 1rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 25rem;
    padding: 2rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.testimonial_card.is-blue {
    background-color: var(--base-color-brand--blueprimary10)
}

.testimonial_content-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 21rem;
    display: flex
}

.testimonial_client {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    align-items: center;
    display: flex
}

.testimonial_client-image-wrapper {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px
}

.slider-arrow {
    border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
    color: var(--\<unknown\|relume-variable-text-color-1\>);
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex
}

.slider-arrow.is-bottom-previous {
    background-color: var(--base-color-brand--blueprimary40);
    border-style: none;
    transition: all .4s cubic-bezier(.86,0,.07,1);
    inset: auto 4rem 0% auto
}

.slider-arrow.is-bottom-previous:hover {
    background-color: var(--base-color-brand--blueprimary30)
}

.slider-arrow.is-bottom-next {
    background-color: var(--base-color-brand--blueprimary40);
    border-style: none;
    transition: all .4s cubic-bezier(.86,0,.07,1);
    inset: auto 0% 0% auto
}

.slider-arrow.is-bottom-next:hover {
    background-color: var(--base-color-brand--blueprimary30)
}

.slider-arrow-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

.testimonial_slide-nav {
    height: 1.75rem;
    font-size: .5rem;
    inset: auto auto 0% 0%
}

.bubble-testimonial {
    width: 3rem;
    height: 2rem;
    position: absolute;
    inset: auto 4rem 3.5rem auto
}

.bubble-testimonial.is-reforme {
    inset: auto 2rem -1.9rem auto
}

.blog_featured-list-wrapper {
    border-radius: 1rem;
    overflow: clip
}

.blog_featured-list {
    border-radius: 1rem
}

.blog_featured-item {
    border: 1px solid var(--base-color-neutral--gris15);
    background-color: #fff;
    border-radius: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.project_item {
    width: 100%;
    text-decoration: none
}

.blog_featured-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff8cc33;
    border-radius: 1rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid
}

.blog_featured-image-wrapper {
    width: 90%;
    height: 80%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 2rem;
    overflow: hidden;
    transform: rotate(-4deg)
}

.blog_featured-image-wrapper.z-index-2 {
    width: 100%;
    height: 100%
}

.blog_featured-image {
    aspect-ratio: 8/6;
    object-fit: cover;
    border-radius: 1rem;
    width: 90%;
    height: 80%;
    margin-top: 12%
}

.blog_featured-item-content {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    height: 100%;
    padding: 3rem;
    display: flex
}

.category-filter-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    width: 100%;
    display: flex
}

.category-filter-menu.no-scrollbar {
    margin-bottom: 1rem
}

.project_list {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: grid
}

.proj_item {
    border: 1px solid var(--base-color-neutral--gris20);
    background-color: #fff;
    border-radius: .5rem;
    overflow: hidden
}

.project_image-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

.blog_image {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.project_item-content {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding: 1.5rem;
    display: flex;
    position: relative
}

.info-projet {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.text-color-blueprimary90 {
    color: var(--base-color-brand--blueprimary90)
}

.stars_projet {
    width: 39px;
    min-width: 39px;
    height: 34px;
    min-height: 34px;
    position: absolute;
    inset: 1rem auto auto 2rem;
    transform: rotate(7deg)
}

.pagination {
    margin-top: 2rem
}

.paint-bg-project {
    width: 500px;
    height: 100px;
    position: absolute;
    inset: auto 27px -40% 32%;
    transform: rotate(-9deg)
}

.paint-bg-project.blog {
    bottom: -10%
}

.form {
    display: flex
}

.droplist-container.width-fixed-tier {
    width: 32%
}

.container-droplist {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-items: flex-start;
    width: 100%;
    padding: 2rem;
    display: flex;
    overflow: clip
}

.short-description {
    color: var(--base-color-neutral--gris50)
}

.header_component-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden
}

.header_images-canvas {
    width: 100%;
    height: 100%;
    position: absolute
}

.header_images-group1 {
    transform-origin: 50% 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%
}

.header_image-wrapper1 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 18%;
    position: absolute;
    left: -8%;
    overflow: hidden
}

.header_image-wrapper1.is-book {
    max-width: 15%;
    transform: rotate(-7deg)
}

.header_image-2 {
    width: 100%;
    height: 100%
}

.header_image-wrapper3 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 12%;
    position: absolute;
    top: 5%;
    left: 40%;
    overflow: hidden
}

.header_image-wrapper3.is-book {
    max-width: 4%
}

.header_image-wrapper6 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 18%;
    position: absolute;
    bottom: 4%;
    right: -5%;
    overflow: hidden
}

.header_image-wrapper6.is-book {
    max-width: 15%;
    transform: rotate(-7deg)
}

.header_image-wrapper8 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 16%;
    position: absolute;
    bottom: 7%;
    left: 20%;
    overflow: hidden
}

.header_image-wrapper8.is-small {
    max-width: 12%
}

.header_images-group2 {
    transform-origin: 50% 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%
}

.header_image-wrapper2 {
    border-radius: 0;
    width: 100%;
    max-width: 18%;
    position: absolute;
    top: -10%;
    left: 10%;
    overflow: hidden
}

.header_image-wrapper4 {
    border-radius: 0;
    width: 100%;
    max-width: 16%;
    position: absolute;
    top: -10%;
    right: 20%;
    overflow: hidden
}

.header_image-wrapper5 {
    border-radius: 0;
    width: 100%;
    max-width: 15%;
    position: absolute;
    top: 25%;
    right: -5%;
    overflow: hidden
}

.header_image-wrapper5.is-book {
    max-width: 12%;
    right: 0%;
    transform: rotate(7deg)
}

.header_image-wrapper9 {
    border-radius: 0;
    width: 100%;
    max-width: 4%;
    position: absolute;
    inset: auto auto 10% 5%;
    overflow: hidden
}

.icon-wrap {
    justify-content: center;
    align-items: center;
    display: flex
}

.icon-wrap.z-index-1 {
    position: absolute;
    inset: auto 0% 7%
}

.icon-scroll {
    border: 1px solid var(--base-color-brand--blueprimary30);
    border-radius: 25px;
    width: 40px;
    height: 70px;
    position: relative
}

.icon-scroll.is-grey {
    border-color: var(--base-color-neutral--gris30)
}

.scroll-dot {
    background-color: var(--base-color-brand--blueprimary30);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    inset: 10px auto auto 50%;
    transform: translate(-50%)
}

.scroll-dot.is-grey {
    background-color: var(--base-color-neutral--gris30)
}

.header_image-wrapper7 {
    border-radius: 0;
    width: 100%;
    max-width: 12%;
    position: absolute;
    bottom: 14%;
    right: 30%;
    overflow: hidden
}

.header_image-wrapper7.is-small {
    max-width: 8%
}

.header_image-wrapper10 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 3%;
    position: absolute;
    inset: 2% 30% auto auto;
    overflow: hidden
}

.header_image-wrapper10.opacity-40 {
    opacity: .4;
    top: 80%
}

.header_image-wrapper11 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 4%;
    position: absolute;
    inset: 28% 25% auto auto;
    overflow: hidden
}

.header_image-wrapper12 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 2%;
    position: absolute;
    inset: auto 15% 30% auto;
    overflow: hidden
}

.header_image-wrapper13 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 4%;
    position: absolute;
    inset: 30% auto auto 15%;
    overflow: hidden
}

.header_image-wrapper13.is-book {
    max-width: 8%;
    top: 20%;
    transform: rotate(15deg)
}

.header_image-wrapper14 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 4%;
    position: absolute;
    inset: auto 5% 45% auto;
    overflow: hidden
}

.header_image-wrapper15 {
    z-index: 1;
    border-radius: 0;
    width: 100%;
    max-width: 3%;
    position: absolute;
    inset: 35% auto auto 10%;
    overflow: hidden
}

.header_image-wrapper15.is-50 {
    top: 50%
}

.timeline13_circle {
    z-index: 2;
    background-color: var(--\<unknown\|relume-variable-text-color-1\>);
    box-shadow: 0 0 0 8px var(--\<unknown\|relume-variable-background-color-1\>);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: .9375rem;
    height: .9375rem;
    margin-top: 2rem
}

.roadmap-year_container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: sticky;
    top: 5.2rem
}

.steps-clone {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    display: flex;
    position: relative
}

.scoll-wrap {
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-bottom: 5rem;
    display: flex;
    position: absolute;
    inset: 2rem 0% 0%
}

.scroll-animate {
    background-color: var(--base-color-brand--blueprimary50);
    transform-origin: 50% 0;
    border-radius: 8px;
    width: 4px;
    height: 180px;
    position: sticky;
    top: 8rem
}

.scroll-base {
    background-color: var(--base-color-neutral--gris20);
    transform-origin: 50% 0;
    border-radius: 8px;
    width: 4px;
    height: 100%
}

.step_roadmap {
    flex-wrap: nowrap;
    place-content: center space-around;
    align-items: center;
    min-height: 40vh;
    margin-top: -1px;
    display: flex;
    position: relative
}

.card_roadmap {
    justify-content: flex-end;
    width: 40%;
    display: flex;
    position: relative;
    overflow: clip
}

.step-content-block {
    text-align: left;
    flex: 1;
    align-self: center;
    position: relative
}

.roadmap_step {
    z-index: 2;
    color: #093737;
    background-color: #fff8cc99;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem 2rem;
    display: flex;
    position: relative
}

.roadmap_step.background-color-primary0 {
    background-color: var(--base-color-brand--blueprimary10)
}

.display-inlineflex {
    display: flex
}

.display-inlineflex.space-between {
    justify-content: space-between;
    align-items: flex-start
}

.display-inlineflex.space-between.align-vcenter {
    align-items: center
}

.display-inlineflex.gap-0-5rem.margin-top-12px {
    justify-content: center;
    align-items: flex-start;
    margin-top: 12px
}

.year-roadmap {
    color: var(--base-color-brand--blueprimary80);
    font-family: Kalam,Arial,sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.25
}

.year-roadmap.text-color-orange50 {
    color: var(--base-color-brand--orange50)
}

.buttonlight {
    color: #fff;
    text-align: center;
    overflow-wrap: break-word;
    cursor: pointer;
    background-color: #093737;
    border-radius: 40px;
    align-items: center;
    height: 52px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: all .5s ease-in-out;
    display: flex;
    overflow: hidden
}

.buttonlight:hover {
    color: #093737
}

.empty-timeline {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 40%;
    display: flex
}

.name-tag {
    color: var(--base-color-brand--blueprimary90);
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.header80_component {
    height: 200vh;
    position: relative
}

.header80_content-wrapper {
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden
}

.header80_images-wrapper {
    z-index: 1;
    position: absolute;
    inset: 0% auto 0% 0%
}

.header80_images-wrapper.images-wrapper-right {
    z-index: 0;
    inset: 0% 0% 0% auto
}

.header80_image-list {
    z-index: 1;
    grid-row-gap: 26vw;
    flex-direction: column;
    padding-top: 70vh;
    display: flex
}

.header80_image-wrapper {
    width: 100%;
    padding-top: 120%;
    position: relative
}

.header80_image-wrapper.is-image-1 {
    width: 25vw;
    padding-left: 0
}

.header80_image-wrapper.is-image-2 {
    width: 24vw;
    margin-top: -46vw;
    left: 58vw
}

.header80_image-wrapper.is-image-4 {
    width: 25vw;
    margin-top: -45vw;
    left: 64vw
}

.header80_image-wrapper.is-image-5 {
    opacity: .75;
    width: 20vw
}

.header80_image-wrapper.is-image-6 {
    opacity: .75;
    width: 18vw;
    margin-top: -44vw;
    right: 54vw
}

.header80_image-wrapper.is-image-prof1 {
    width: 15vw
}

.header80_image-wrapper.is-image-2-small {
    width: 20vw;
    margin-top: -46vw;
    left: 58vw
}

.header80_image-wrapper.is-image-4-small {
    width: 15vw;
    margin-top: -45vw;
    left: 64vw
}

.header80_image-wrapper.is-image-3 {
    width: 25vw;
    margin-top: -5vw;
    left: 4vw
}

.header80_image-wrapper.is-image-3.small {
    width: 20vw
}

.header80_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.header80_image.fit-contain {
    object-fit: contain
}

.header80_content {
    align-items: center;
    max-width: 48rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    position: relative
}

.header80_ix-trigger {
    z-index: -1;
    margin-top: 100vh;
    position: absolute;
    inset: 0%
}

.is-big {
    font-size: 4.5rem
}

.is-big.text-color-darkgrey {
    font-size: 3.5rem
}

.paint-bg-greycard {
    z-index: 0;
    position: absolute;
    inset: 0% 0% auto auto
}

.paint-bg-greycard.right {
    pointer-events: none
}

.paint-bg-greycard.left {
    width: 22rem;
    height: 26rem;
    inset: -12rem auto auto 0%;
    transform: rotate(-180deg)
}

.paint-bg-greycard.center {
    width: 22rem;
    height: 26rem;
    inset: -9.6rem auto 0 26%;
    transform: rotate(-131deg)
}

.paint-bg-greycard.center.modale {
    z-index: -1;
    width: 35rem;
    height: 30rem;
    inset: 0% auto auto 0%
}

.paint-bg-greycard.book {
    width: 30rem;
    height: 30rem;
    margin-left: auto;
    margin-right: auto;
    inset: 0% 0% auto
}

.header-recrutement_component {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.header_image-group {
    grid-template-rows: auto;
    grid-template-columns: 1fr .33fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative
}

.header-recrutement_image-wrapper2 {
    z-index: 1;
    border-radius: 1rem;
    width: 40%;
    position: absolute;
    inset: auto auto 0% 0%;
    overflow: hidden
}

.header-recrutement_image2 {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.header-recrutement_image-wrapper1 {
    border-radius: 0;
    width: 50%;
    margin-bottom: 10%;
    margin-left: 10%;
    margin-right: 10%;
    overflow: hidden
}

.header-recrutement_image1 {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .5rem;
    width: 100%;
    height: 100%
}

.header141_image-wrapper3 {
    border-radius: 0;
    width: 40%;
    position: absolute;
    inset: 10% 0% auto auto;
    overflow: hidden
}

.header-recrutement_image3 {
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 1rem;
    width: 100%;
    height: 100%
}

.layout-valeur_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border: 1px #000;
    border-top-width: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    position: sticky;
    top: 0
}

.layout-valeur_card {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border: 1px solid var(--base-color-neutral--gris15);
    background-color: #fff;
    border-radius: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    align-items: stretch;
    height: 70vh;
    margin-bottom: 10vh;
    display: grid;
    position: sticky;
    top: 10%;
    overflow: hidden
}

.layout-valeur_card.card-1 {
    border: 1px solid var(--base-color-neutral--gris15);
    border-radius: 2rem;
    height: 70vh
}

.layout-valeur_card.card-2 {
    border-style: solid;
    border-width: 1px;
    border-radius: 2rem;
    height: 70vh
}

.layout-valeur_card.card-3 {
    border: 1px solid var(--base-color-neutral--gris15);
    border-radius: 2rem;
    height: 70vh
}

.layout-valeur_card-content {
    background-color: var(--base-color-brand--blueprimary10);
    border: 1px #000;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    display: flex;
    position: relative
}

.layout-valeur_card-content.is-orange {
    background-color: #fffcec
}

.layout-valeur_image-wrapper {
    z-index: 1;
    background-color: var(--base-color-brand--blueprimary10);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70vh;
    padding: 2rem;
    display: flex;
    position: relative
}

.layout-valeur_image-wrapper.is-orange {
    background-color: #fffcec
}

.layout-valeur_image {
    z-index: 2;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
    position: relative
}

.bg-paint-value {
    pointer-events: none;
    width: 30rem;
    height: 30rem;
    position: absolute;
    inset: auto auto -10rem 0%
}

.bg-paint-value.is-dark {
    z-index: 0;
    width: 35rem;
    inset: -15rem -10rem auto auto;
    transform: rotate(-47deg)
}

.bg-paint-value.is-dark.is-bottom {
    z-index: 0;
    width: 40rem;
    height: 40rem;
    inset: auto -15rem -15rem auto;
    transform: rotate(104deg)
}

.bg-paint-value.is-orange {
    z-index: 0;
    width: 35rem;
    height: 40rem;
    inset: auto auto -15rem -8rem;
    transform: rotate(69deg)
}

.bg-paint-value.is-orange.is-light {
    width: 20rem;
    height: 20rem;
    inset: -10rem -5rem auto auto;
    transform: rotate(-28deg)
}

.bg-paint-value.is-orange.is-bottom_small {
    width: 25rem;
    height: 45rem;
    bottom: -17.6rem;
    left: -.7rem
}

.bg-paint-value.is-top {
    width: 20rem;
    height: 20rem;
    inset: -11.4rem auto auto -8.7rem;
    transform: rotate(-99deg)
}

.empty-state {
    display: none
}

.layout-recrutement_component {
    flex-direction: column;
    display: flex;
    position: relative
}

.layout-recrutement_content {
    z-index: 0;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: sticky;
    top: 0
}

.layout-recrutement_content-bottom {
    z-index: 1;
    flex-direction: column;
    height: 120vh;
    display: flex;
    position: sticky;
    top: 0
}

.layout-recrutement_images-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.layout-recrutement_image-wrapper {
    border-radius: 1rem;
    width: 100%;
    max-width: 30vw;
    position: absolute;
    overflow: hidden
}

.layout-recrutement_image-wrapper.is-image1 {
    transform: translateY(10%)
}

.layout-recrutement_image-wrapper.is-image2 {
    transform: translate(60%,40%)
}

.layout-recrutement_image-wrapper.is-image3 {
    border-radius: 1rem;
    transform: translate(-25%,-40%)
}

.layout-recrutement_image-wrapper.is-image4 {
    transform: translate(100%,-20%)
}

.layout-recrutement_image-wrapper.is-image5 {
    transform: translate(-100%)
}

.layout-recrutement_image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.layout-recrutement_ix-trigger {
    z-index: -1;
    margin-top: 100vh;
    position: absolute;
    inset: 0%
}

.layout-recrutement_tabs {
    border: 1px solid var(--base-color-neutral--gris15);
    background-color: #fff;
    border-radius: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
    overflow: hidden
}

.layout-recrutement_tabs-menu {
    border-left: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: grid
}

.layout-poste_tab-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: #0000;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5rem 2rem;
    display: flex
}

.layout-poste_tab-link.w--current {
    opacity: 1;
    color: var(--base-color-brand--blueprimary10);
    background-color: #f0f8fa;
    border: 1px #000
}

.layout-recrutement_tab-pane {
    background-color: #fff;
    height: 50rem
}

.layout-recrutement_tab-content {
    background-color: #fcfcfc;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    padding: 4rem;
    display: flex
}

.team-photo {
    width: 30rem;
    min-width: 30rem;
    height: 20rem;
    min-height: 20rem;
    display: inline-block;
    transform: rotate(-2deg)
}

.is-tight {
    margin-bottom: .25rem
}

._404 {
    z-index: 1;
    color: var(--base-color-brand--blueprimary90);
    font-family: LatoLLS,Arial,sans-serif;
    font-size: 12rem;
    font-weight: 900;
    line-height: 1;
    position: relative
}

.loupe-wrapper {
    z-index: 2;
    width: 16rem;
    height: 16rem;
    position: absolute;
    inset: 0% auto auto 0%
}

.logo_lls-white {
    width: 22rem;
    height: 5rem;
    position: absolute;
    inset: -8rem 0% auto
}

.mention-requirement {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: .5rem;
    padding: 1rem 2rem;
    display: flex;
    overflow: clip
}

.swiper-container {
    z-index: 1;
    position: relative;
    overflow: hidden
}

.swiper-button-prev-white {
    background-color: var(--base-color-brand--blueprimary40);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 12px;
    display: flex
}

.embed-100 {
    flex: none;
    width: 100%;
    height: 100%
}

.embed-100.black {
    height: 30px
}

.swiper-button-next-white {
    background-color: var(--base-color-brand--blueprimary40);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 12px;
    display: flex;
    transform: rotate(180deg)
}

.kalam-title {
    color: var(--base-color-brand--blueprimary80);
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.table_column {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    min-height: 5rem;
    padding: 1rem 1.5rem;
    display: flex
}

.table_column.is-width-large {
    min-width: 12rem;
    max-width: 16rem
}

.table_column.is-width-medium {
    min-width: 10rem;
    max-width: 10rem
}

.table_column.is-header-column {
    min-height: auto
}

.table_column.is-header-column.is-width-medium {
    min-width: 10rem;
    max-width: 10rem
}

.table_column.is-header-column.is-width-small {
    min-width: 8rem
}

.table_column.is-header-column.is-width-small.is-papier {
    background-color: var(--base-color-brand--vertsucess10)
}

.table_column.is-header-column.is-width-small.is-numerique {
    background-color: var(--base-color-brand--pinkpremium10)
}

.table_column.is-header-column.is-width-small.is-offre {
    background-color: var(--base-color-brand--orange10)
}

.table_column.is-header-column.is-width-tiny {
    min-width: 7rem;
    max-width: 7rem
}

.table_column.is-header-column.is-width-tiny.is-papier {
    background-color: var(--base-color-brand--vertsucess10)
}

.table_column.is-header-column.is-width-tiny.is-numerique {
    background-color: var(--base-color-brand--pinkpremium10)
}

.table_column.is-header-column.is-width-tiny.is-offre {
    background-color: var(--base-color-brand--orange10)
}

.table_column.is-header-column.is-width-ressource {
    justify-content: center;
    align-items: center;
    min-width: 10rem;
    max-width: 15rem
}

.table_column.is-header-column.is-width-ressource.is-papier {
    background-color: var(--base-color-brand--vertsucess10);
    min-width: 15rem
}

.table_column.is-header-column.is-width-ressource.is-papier.top {
    justify-content: flex-start;
    align-items: center
}

.table_column.is-header-column.is-width-ressource.is-numerique {
    background-color: var(--base-color-brand--pinkpremium10);
    min-width: 15rem
}

.table_column.is-header-column.is-width-ressource.is-numerique.top {
    justify-content: flex-start;
    align-items: center
}

.table_column.is-header-column.is-width-ressource.is-offre {
    background-color: var(--base-color-brand--orange10);
    min-width: 15rem
}

.table_column.is-width-small {
    min-width: 6rem;
    max-width: 8rem
}

.table_column.is-width-small.is-papier {
    background-color: var(--base-color-brand--vertsucess10);
    min-width: 8rem
}

.table_column.is-width-small.is-numerique {
    background-color: var(--base-color-brand--pinkpremium10);
    min-width: 8rem
}

.table_column.is-width-small.is-offre {
    background-color: var(--base-color-brand--orange10);
    min-width: 8rem
}

.table_column.is-width-tiny {
    min-width: 7rem;
    max-width: 7rem
}

.table_column.is-width-tiny.is-papier {
    background-color: var(--base-color-brand--vertsucess10);
    min-width: 7rem
}

.table_column.is-width-tiny.is-numerique {
    background-color: var(--base-color-brand--pinkpremium10);
    min-width: 7rem
}

.table_column.is-width-tiny.is-offre {
    background-color: var(--base-color-brand--orange10);
    min-width: 7rem
}

.table_item {
    border-bottom: 1px solid #0000;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
    grid-auto-columns: 1fr;
    display: flex
}

.table_button-holder {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex
}

.table_column-button-wrapper {
    justify-content: center;
    align-items: center;
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 1rem;
    display: flex
}

.table_header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    display: flex
}

.table_content {
    border-top: 1px solid #0000;
    border-bottom: 1px #0000;
    flex-direction: column;
    overflow: auto
}

.table_component {
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 3rem;
    position: relative
}

.table_header-row {
    border-bottom: 1px solid var(--base-color-neutral--gris20);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
    grid-auto-columns: 1fr;
    display: flex
}

.checkbox-label {
    display: none
}

.vflex-left-top {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.nav-drop-container {
    background-color: #fff;
    border-radius: 1rem;
    width: 85vw;
    min-width: 85vw;
    min-height: 30rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: -135%;
    right: auto;
    overflow: clip;
    box-shadow: 0 3px 5px #0000001a
}

.nav-drop-container.offres {
    left: -363%
}

.nav-drop_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding: 2rem;
    display: flex;
    overflow: clip
}

.nav-drop-toggle_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 35%;
    display: flex
}

.nav-drop-list_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 65%;
    height: 26rem;
    min-height: 26rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper {
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem .5rem .5rem .75rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper.college {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper.college:hover {
    background-color: #21bfef3d
}

.toggle_wrapper.college.mobile {
    color: #004370;
    display: flex
}

.toggle_wrapper.college.mobile.bold {
    font-weight: 700
}

.toggle_wrapper.lycee {
    color: #004370;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper.lycee:hover {
    background-color: #21bfef3d
}

.toggle_wrapper.lycee.bold {
    font-weight: 700
}

.toggle_wrapper.pro {
    color: #004370;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper.pro:hover {
    background-color: #21bfef3d
}

.toggle_wrapper.pro.bold {
    font-weight: 700
}

.toggle_wrapper.primaire {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper.primaire:hover {
    background-color: #21bfef3d
}

.toggle_wrapper.primaire.mobile {
    color: #004370;
    display: flex
}

.toggle_wrapper.primaire.mobile.bold {
    font-weight: 700
}

.icon-toggle {
    width: .75rem;
    min-width: .75rem;
    height: .75rem;
    min-height: .75rem
}

.content-nav_wrapper {
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding-left: .5rem
}

.content-nav_wrapper.college {
    height: 26rem;
    min-height: 26rem;
    display: none;
    overflow: clip
}

.content-nav_wrapper.college.is-mobile {
    display: flex
}

.content-nav_wrapper.lycee {
    height: 26rem;
    min-height: 26rem;
    display: flex;
    overflow: clip
}

.content-nav_wrapper.pro {
    height: 26rem;
    min-height: 26rem;
    display: none;
    overflow: clip
}

.divider_container-copy {
    width: 1px;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: absolute;
    inset: 0% auto auto 36.5%
}

.section_filters5 {
    background-color: var(--\<unknown\|relume-variable-background-color-1\>);
    color: var(--\<unknown\|relume-variable-text-color-1\>)
}

.filters_component {
    background-color: #fffc;
    border-radius: 1rem;
    padding: 2rem 2rem 0;
    overflow: clip
}

.filters_component.is-light-grey {
    background-color: #ebeff74d
}

.filters_layout {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.filters_feed-header-top {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr max-content 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    display: grid
}

.filters_filters-button {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    padding: .75rem 1.5rem;
    display: flex
}

.filters_category-menu {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.filters_category-menu.no-scrollbar {
    margin-bottom: 1rem
}

.filters_menu-link {
    white-space: nowrap;
    border: 1px solid #0000;
    flex: none;
    padding: .5rem 1rem;
    text-decoration: none
}

.filters_menu-link.w--current {
    border-color: var(--\<unknown\|relume-variable-color-neutral-1\>)
}

.filters_menu-link.current {
    border-color: var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: #fff;
    border-radius: .5rem
}

.dropdown1_component {
    margin-left: 0;
    margin-right: 0
}

.dropdown1_toggle {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-items: center;
    padding: 0;
    display: flex
}

.dropdown-chevron {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

.dropdown1_dropdown-list.w--open {
    border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
    margin-top: .5rem;
    padding: .5rem
}

.dropdown1_dropdown-list.is-right {
    width: 10rem;
    min-width: 10rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: -5% -5% auto auto
}

.dropdown1_dropdown-link {
    padding: .5rem 1rem
}

.dropdown1_dropdown-link.w--current {
    color: var(--\<unknown\|relume-variable-color-neutral-1\>)
}

.filters_filters-wrapper {
    width: auto;
    overflow: hidden
}

.filters_form-block {
    width: 100%;
    margin-bottom: 0
}

.filters_form {
    background-color: #0000
}

.filters_filter-group-list {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    border-bottom-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.filters_filter-group-list._2 {
    grid-template-columns: 1fr .6fr
}

.filters_filter-group {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.filters_list {
    flex-direction: column;
    display: flex
}

.filters_item-text-wrapper {
    grid-column-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    font-family: LatoLLS,Arial,sans-serif;
    display: flex
}

.button-filter {
    background-color: var(--base-color-brand--blue-dark\<deleted\|variable-4d572cce-288d-e463-ae0f-3d5d73401bc9\>);
    color: var(--base-color-neutral--white);
    text-align: center;
    border-radius: .5rem;
    padding: .75rem 1.25rem;
    font-family: LatoLLS,Arial,sans-serif;
    font-weight: 700
}

.button-filter.is-link {
    color: var(--base-color-neutral--gris50);
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    font-family: LatoLLS,Arial,sans-serif;
    font-weight: 400;
    line-height: 1;
    text-decoration: none
}

.button-filter.is-link.reset {
    display: inline-flex
}

.filters_keyword-search {
    align-items: center;
    display: flex;
    position: relative
}

.form_icon-wrapper {
    position: absolute;
    inset: auto auto auto 12px
}

.dropdown2_component {
    margin-left: 0;
    margin-right: 0
}

.dropdown2_component.is-filters5 {
    position: static
}

.dropdown2_toggle {
    grid-column-gap: .5rem;
    border: 1px solid var(--base-color-neutral--gris30);
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    display: flex
}

.dropdown2_dropdown-list.w--open {
    border: 1px solid var(--base-color-neutral--gris10);
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: 1rem;
    margin-top: .5rem;
    padding: .5rem
}

.dropdown2_dropdown-list.is-filters5.w--open {
    border-color: var(--base-color-brand--blueprimary10);
    background-color: var(--base-color-brand--blueprimary10);
    border-radius: .5rem;
    min-width: 18.5rem
}

.filters_form-checkbox {
    align-items: center;
    margin-bottom: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.75rem;
    display: flex
}

.filters_form-checkbox.disabled {
    color: var(--base-color-neutral--gris40)
}

.filters_form-checkbox1-icon {
    border: 1px solid var(--base-color-neutral--gris40);
    cursor: pointer;
    border-radius: 4px;
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    margin: auto .75rem auto -1.25rem;
    transition: all .2s
}

.filters_form-checkbox1-icon.w--redirected-checked {
    border-width: 1px;
    border-color: var(--base-color-brand--blueprimary40);
    background-color: var(--base-color-brand--blueprimary40);
    box-shadow: none;
    background-image: url(../images/67a6108c69e83d0d2a355325_checkbox-check.svg);
    background-size: 16px 16px
}

.filters_form-checkbox1-icon.w--redirected-focus {
    border-color: var(--base-color-brand--blueprimary40);
    box-shadow: none
}

.filters_form-checkbox1-icon.disabled {
    background-color: var(--base-color-neutral--gris15)
}

.filters_form-checkbox1-label {
    margin-top: auto;
    margin-bottom: auto
}

.filters_tablet-modal-close-button {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.filters_feed-header-bottom {
    grid-column-gap: 2rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    display: flex
}

.filters_tags-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-start;
    display: flex
}

.filters_tags-wrapper.hide {
    display: none
}

.filters_tag {
    background-color: var(--base-color-brand--blueprimary20);
    border-radius: 2rem;
    align-items: center;
    padding: .5rem .75rem .5rem 1rem;
    display: flex
}

.filters_close-icon {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .5rem
}

.filters_results-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
    display: flex
}

.filters_results-text {
    color: var(--base-color-brand--blueprimary90);
    font-size: .875rem
}

.feed-content-replace-this-div {
    border: 2px dashed #00000026;
    width: 100%;
    min-height: 200vh
}

.filters_empty {
    border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    text-align: center;
    padding: 2.9rem
}

.feed-content,.filters_feed {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.cover_wrapper {
    background-color: #ecfbff;
    border-radius: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 20rem;
    margin-bottom: 1rem;
    display: flex;
    position: relative;
    overflow: clip
}

.paint-bg-cover {
    position: absolute;
    inset: 0% 0% auto auto
}

.tag_wrapper {
    z-index: 30;
    object-fit: scale-down;
    width: 100px;
    position: absolute;
    inset: 10px auto auto 10px;
    transform: rotate(-3deg)
}

.book_cover-card {
    z-index: 2;
    width: 180px;
    height: 240px;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: auto;
    bottom: 0%;
    left: auto
}

.book_cover-card.is-home {
    width: 100%;
    height: 100%
}

.hide-niveau,.hide-discipline {
    display: none
}

.hide-type-contenu {
    display: block
}

.count,.text-span,.text-span-2 {
    font-weight: 700
}

.bg_paint-home {
    z-index: 0;
    width: 32rem;
    height: 25rem;
    position: absolute;
    inset: -5rem auto auto -1rem
}

.bg_paint-home.is-reforme {
    top: -3rem
}

.marketing-news_card {
    display: none
}

.logged-out {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.logged-out.off {
    display: none
}

.logged-in {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: none
}

.logged-in.on {
    display: flex
}

.illus-marketing-post {
    z-index: 2;
    opacity: .5;
    width: 100%;
    position: absolute;
    inset: auto 0% 0%
}

.marketing-cover_wrapper {
    background-color: var(--base-color-brand--blueprimary90);
    border-radius: .5rem;
    height: 20rem;
    padding: 2rem 1rem 1rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.les-profs {
    background-image: url(../images/678922d729accb34480917d4_underline-yellow.svg);
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    padding-bottom: 38px;
    font-weight: 900;
    transform: rotate(4deg)translate(214px,-133px)
}

.s-h1-large {
    font-size: 4.5rem;
}

.manuels-h1 {
    transform: translate(-24px,-3px)rotate(-10deg);
}

.manuels-h1.s-h1-large {
    display: inline-block
}

.scoalires-h1 {
    display: inline-block;
    transform: rotate(-4deg)translate(140px,-60px)
}

.faits-h1 {
    display: inline-block;
    transform: translateY(-50px)rotate(-12deg)
}

.faits-h1.s-h1-large {
    color: var(--base-color-neutral--white);
    text-align: center;
    background-image: url(../images/new.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 210px;
    width: 240px;
    padding-right: 10px;
    font-weight: 900;
    transform: translate(16px,-0px)rotate(-12deg);
}

.pour-h1 {
    /* display: inline-block; */
    transform: translateY(-56px);
}

.pour-h1.s-h1-large {
    font-weight: 900;
}

.les-profs-h1 {
    display: inline-block;
    transform: translateY(10px);
}

.les-profs-h1.s-h1-large {background-image: url(../images/678922d729accb34480917d4_underline-yellow.svg);background-position: 50% 100%;background-repeat: no-repeat;background-size: contain;padding-top: 0;padding-bottom: 40px;font-weight: 900;}

.h1_wrapper {
    padding-left: 2rem;
    position: relative;
    transform: rotate(6deg)
}

.par-h1 {
    display: inline-block
}

.par-h1.s-h1-large {
    color: #002e4d;
    font-weight: 900;
    line-height: 1.1;
    display: inline-block;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: translate(83px,-91px)
}

.toggle-tag {
    background-color: var(--base-color-brand--blueprimary50);
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .1rem .1rem .1rem 6px;
    display: flex;
    position: relative
}







/* 



.dropdown-toggle {
    border: 1px solid #000;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex
}




toogle */

.dropdown-toggle.text-field_newsletter {
    background-color: #fff;
    height: 44px
}

.dropdown-toggle.text-field_newsletter.custom-dd {
    border-color: var(--base-color-neutral--gris30);
    background-color: var(--base-color-neutral--gris10);
    min-width: 250px;
    max-width: 140%;
    padding-top: .4rem;
    padding-right: 3.1rem;
    text-decoration: none;
    position: relative
}

.dropdown-wrapper {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 6px;
    width: 100%;
    max-height: 15rem;
    overflow: auto
}

.dropdown {
    width: 100%
}

.multicheck {
    width: 31.25rem
}

.multicheck.is-1 {
    z-index: 2;
    position: relative
}

.toggle-tags {
    z-index: 999;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-radius: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 255px;
    max-width: 250px;
    margin-bottom: 1.25rem;
    padding-bottom: 19px;
    display: flex;
    position: absolute;
    inset: 8px auto auto 8px;
    overflow: clip
}

.toggle-text {
    color: var(--base-color-neutral--gris40);
    white-space: pre-wrap;
    margin-top: -5px;
    font-family: LatoLLS,Arial,sans-serif;
    font-size: .875rem
}

.drodpown-list {
    background-color: #ddd0
}

.check-field {
    border-radius: 6px;
    align-items: center;
    margin: 4px;
    padding: .5rem 1rem;
    display: flex
}

.check-field:hover {
    background-color: #00000008
}

.checkbox {
    border-color: #000;
    border-radius: 4px;
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: .5rem
}

.checkbox.w--redirected-checked {
    background-color: #000;
    background-size: .75rem .75rem
}

.check-label {
    margin-bottom: 0
}

.decoration-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden
}

.text-block-5 {
    white-space: nowrap;
    font-size: .875rem
}

.link {
    cursor: pointer;
    text-decoration: none;
    display: block
}

.drop-nav_title-2 {
    color: #004370;
    text-transform: uppercase;
    font-family: Kalam,Arial,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1
}

.dropnav {
    padding-right: 1rem;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.dropnav:hover {
    background-color: #eee;
    border-radius: .5rem
}

.dropdown-list.w--open {
    top: 4rem
}

.button-href {
    z-index: 2;
    text-decoration: none;
    position: absolute;
    inset: 0%
}

.content-college-mobile {
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding-left: .5rem
}

.content-college-mobile.college.is-mobile,.content-college-mobile.lycee,.content-college-mobile.pro,.menu-mobile {
    display: none
}

.drop-nav_toggle-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: .5rem 1.5rem .5rem 1rem
}

.toggle_wrapper-mobile {
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem .5rem .5rem .75rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper-mobile.college {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mobile.college:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mobile.college.mobile {
    display: none
}

.toggle_wrapper-mobile.lycee {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mobile.lycee:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mobile.pro {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mobile.pro:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mobile-lycee {
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem .5rem .5rem .75rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper-mobile-lycee.college {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mobile-lycee.college:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mobile-lycee.college.mobile {
    display: flex
}

.toggle_wrapper-mobile-lycee.lycee {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: none
}

.toggle_wrapper-mobile-lycee.lycee:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mobile-lycee.pro {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mobile-lycee.pro:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-pro {
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem .5rem .5rem .75rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper-pro.college {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-pro.college:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-pro.college.mobile {
    display: flex
}

.toggle_wrapper-pro.lycee {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-pro.lycee:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-pro.pro {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1);
    display: none
}

.toggle_wrapper-pro.pro:hover {
    background-color: #21bfef3d
}

.content-nav_wrapper-mobile-lycee {
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding-left: .5rem
}

.content-nav_wrapper-mobile-lycee.college.is-mobile {
    display: flex
}

.content-nav_wrapper-mobile-lycee.lycee,.content-nav_wrapper-mobile-lycee.lycee.mobile,.content-nav_wrapper-mobile-lycee.pro {
    display: none
}

.content-nav_wrapper-mobile-pro {
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding-left: .5rem
}

.content-nav_wrapper-mobile-pro.college.is-mobile {
    display: flex
}

.content-nav_wrapper-mobile-pro.lycee,.content-nav_wrapper-mobile-pro.pro,.d-none {
    display: none
}

.d-none.show {
    display: block
}

.content-nav_wrapper-primaire {
    width: 100%;
    height: 26rem;
    min-height: 26rem;
    padding-left: .5rem;
    display: none;
    overflow: clip
}

.content-nav_wrapper-primaire.college {
    display: none
}

.content-nav_wrapper-primaire.college.is-mobile {
    display: flex
}

.content-nav_wrapper-primaire.lycee,.content-nav_wrapper-primaire.pro {
    display: none
}

.catalogue-img-primaire {
    z-index: 1;
    width: 310px;
    height: 250px;
    position: absolute;
    inset: auto 2% 0% auto
}

.toggle_wrapper-mob {
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem .5rem .5rem .75rem;
    display: flex;
    overflow: clip
}

.toggle_wrapper-mob.college {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mob.college:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mob.college.mobile {
    display: flex
}

.toggle_wrapper-mob.lycee {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mob.lycee:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mob.pro {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mob.pro:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mob.primaire {
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toggle_wrapper-mob.primaire:hover {
    background-color: #21bfef3d
}

.toggle_wrapper-mob.primaire.mobile {
    display: none
}

.content-nav_wrapper-mobile-primaire {
    width: 100%;
    height: 30rem;
    min-height: 30rem;
    padding-left: .5rem
}

.content-nav_wrapper-mobile-primaire.college.is-mobile {
    display: flex
}

.content-nav_wrapper-mobile-primaire.lycee,.content-nav_wrapper-mobile-primaire.pro {
    display: none
}

.navbar_link-secondary-label-2 {
    color: #72716f;
    text-decoration: none;
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.navbar_link-secondary-label-2:hover {
    color: #1b5385;
    text-decoration: none
}

.navbar_link-secondary-label-2.text-color-darkblue {
    color: #002747
}

.cookie-container {
    z-index: 999;
    width: 350px;
    position: fixed;
    inset: auto 1.5rem 1.5rem auto
}

.wrapper-cookie {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #fff;
    background-color: #000000b3;
    border-radius: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .75rem;
    font-size: .85rem;
    line-height: 1.2;
    display: flex;
    overflow: clip
}

.title-cookie {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400
}

.cross-cookie {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    position: absolute;
    inset: .75rem 1rem auto auto
}

.reco_wrapper-single {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border: 1px solid var(--base-color-neutral--gris15);
    border-radius: .5rem;
    width: 100%;
    padding: 2rem;
    display: flex
}

.dropdown-vertical {
    z-index: 2;
    background-color: #edfbff;
    border-radius: 8px;
    flex-flow: column;
    align-self: stretch;
    padding: 6px;
    display: flex
}

.empty-state-2 {
    background-color: #fff;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 40rem;
    height: 20rem;
    display: flex;
    overflow: clip;
    box-shadow: 0 3px 5px 2px #0000000f
}

.manuels-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex
}

.manuels-container.d-none {
    display: none
}

.collection-item {
    position: relative
}

.collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 36rem;
    display: flex
}

.title-elementaire {
    color: #000;
    font-size: 1.775rem;
    font-weight: 700
}

.heading-2 {
    color: #002747
}

.collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.list-item {
    color: #1783a3;
    margin-bottom: 0
}

.single-choice {
    text-align: left;
    border-radius: 6px;
    align-self: flex-start;
    width: 100%;
    padding: 8px;
    text-decoration: none
}

.single-choice:hover {
    background-color: #fff
}

.heading-style-h4-2 {
    color: #002e4d;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

.heading-style-h4-2.input {
    color: var(--base-color-neutral--gris40);
    font-size: 1.3rem
}

.elementaire_wrapper {
    color: #1783a3;
    text-align: left;
    background-color: #fff;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 40rem;
    height: auto;
    padding: 2rem;
    display: flex;
    overflow: clip;
    box-shadow: 0 0 7px #00000024
}

.elementaire_wrapper.d-none {
    display: none
}

.btn-elem {
    background-color: #ffa800;
    border-radius: .5rem;
    overflow: clip
}

.text-block-7 {
    font-size: 1.2rem
}

.vertical-subtitle {
    display: flex
}

.vertical-subtitle.display-inline-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    display: flex
}

.manuel-filter {
    width: 12rem;
    height: 16rem
}

.transp {
    background-color: #fff0
}

.icon-2 {
    color: var(--base-color-neutral--gris40)
}

.embed-nav {
    height: 0;
    min-height: 0
}

.bg-absolute-color {
    z-index: -1;
    background-color: #ecfbff;
    position: absolute;
    inset: 0%
}

.body,.body-2 {
    font-family: LatoLLS,Arial,sans-serif
}

.body-3 {
    font-family: var(--font-family)
}

.heading-3 {
    font-family: LatoLLS,Arial,sans-serif;
}

.heading-3.litle-h3 {
    font-size: 2rem
}

.grid-reforme-4items {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.book-cover-img {
    width: 370px;
    min-width: 370px;
    height: 350px;
    min-height: 350px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.book-cover-img.small {
    width: 300px;
    min-width: 300px;
    height: 300px;
    min-height: 3px
}

.book-relative-wrapper {
    position: relative
}

.icon-illu {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    inset: 0% -2rem auto auto
}

.icon-illu.smile {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    inset: auto auto 0% -1rem
}

.icon-illu._10 {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    inset: 0% auto auto -2rem
}

.icon-illu.stars {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    inset: auto -1.5rem 4rem auto
}

.icon-illu.mini-stars {
    inset: 0% auto auto -2rem
}

.icon-illu.hearts {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    inset: auto auto 0% -1rem
}

.icon-illu.highlights {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    inset: -1rem auto auto -.5rem
}

.icon-illu.flower {
    z-index: -1;
    right: -1rem
}

.icon-illu.sticker {
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
    min-height: 10rem;
    inset: auto -1rem -3rem auto
}

.link-block {
    text-decoration: none
}

.section_event-header2 {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
    color: var(--\<unknown\|relume-variable-color-scheme-1-text\>)
}

.text-style-tagline {
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-block
}

.event-header2_featured-item {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
    overflow: hidden
}

.event-header2_featured-item-link {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border: 1px solid var(--base-color-neutral--gris10);
    border-radius: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    text-decoration: none;
    display: grid;
    overflow: hidden
}

.blog_image-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

.event-header2_featured-image {
    aspect-ratio: 8/6;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.event-header2_category-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    display: flex;
    position: absolute;
    top: 1rem;
    left: 1rem
}

.event-header2_featured-item-content {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 3rem
}

.meta-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
    display: flex
}

.meta-tag {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-items: center;
    display: flex
}

.icon-wrapper {
    flex: none
}

.event-header2_list {
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid
}

.blog-secondary-item {
    border: 1px solid var(--base-color-neutral--gris10);
    background-color: #fff;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.blog-item-link {
    text-decoration: none
}

.im {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.event-header2_item-content {
    background-color: #fff;
    padding: 1.5rem
}

.icon-embed-xxsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

.icon-blog {
    width: 1.5rem;
    height: 1.25rem
}

.text-content {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 3rem;
    position: relative
}

.blog-content-small {
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 1.5rem 1.5rem 2.5rem;
    position: relative
}

.smaller-blog-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid
}

.bg-header {
    width: 30rem;
    height: 30rem;
    position: absolute;
    inset: 0%
}

.bg-header.is-reforme {
    width: 25rem;
    height: 25rem
}

.grid-bento-collection {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.card_2-reforme {
    background-color: #faf2c5;
    border-radius: .5rem;
    width: 100%;
    min-height: 25rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.card_3-reforme {
    background-color: #eafafe;
    border-radius: .5rem;
    width: 100%;
    min-height: 25rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.card_4-reforme {
    background-color: #f3fef0;
    border-radius: .5rem;
    width: 100%;
    min-height: 25rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.green-star {
    z-index: 1;
    width: 260px;
    min-width: 260px;
    height: 280px;
    min-height: 280px;
    position: absolute;
    inset: auto auto -2.5rem 0%
}

.green-star.is-book {
    width: 35rem;
    min-width: 35rem;
    height: 35rem;
    min-height: 35rem;
    inset: 0% auto 0% 0%
}

.green-star2 {
    z-index: 1;
    width: 250px;
    min-width: 250px;
    height: 300px;
    min-height: 300px;
    position: absolute;
    inset: auto 0% 0% auto
}

.flower-red {
    z-index: 1;
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: auto 0% 0% auto
}

.paint-blue {
    z-index: 1;
    width: 30rem;
    min-width: 30rem;
    height: 35rem;
    min-height: 35rem;
    position: absolute;
    inset: 0% 0% 0% auto
}

.shape-purple {
    z-index: 1;
    width: 260px;
    min-width: 260px;
    height: 280px;
    min-height: 280px;
    position: absolute;
    inset: auto auto -2.5rem 0%
}

.shape-purple.is-book {
    bottom: -5rem;
    left: 0%
}

.paint-orange {
    z-index: 1;
    width: 250px;
    min-width: 250px;
    height: 300px;
    min-height: 300px;
    position: absolute;
    inset: auto -2% -2% auto
}

.paint-orange2 {
    z-index: 1;
    width: 260px;
    min-width: 260px;
    height: 280px;
    min-height: 280px;
    position: absolute;
    inset: auto auto -2.5rem 0%
}

.paint-orange2.is-book {
    width: 40rem;
    min-width: 40rem;
    height: 25rem;
    min-height: 25rem;
    inset: -2% auto auto -2%
}

.hearts-illu {
    z-index: 1;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    position: absolute;
    inset: auto 2rem 3rem auto
}

.img-book.z-index-2 {
    width: 25rem;
    min-width: 25rem;
    height: 25rem;
    min-height: 25rem;
    margin-left: auto;
    margin-right: auto
}

.section_layout416 {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
    color: var(--\<unknown\|relume-variable-color-scheme-1-text\>)
}

.component-instructions-delete {
    z-index: 1;
    background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
    color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
    text-align: left;
    padding: 2rem;
    position: relative
}

.component-instructions-list {
    padding-left: 1.25rem
}

.component-instructions-item {
    padding-left: .5rem
}

.rl-styleguide_label {
    color: #1e51f7;
    white-space: nowrap;
    cursor: context-menu;
    background-color: #e8edff;
    padding: .25rem .5rem;
    font-size: .75rem;
    display: inline-block
}

.layout416_card {
    border-color: var(--base-color-neutral--gris10);
    background-color: var(--base-color-brand--blueprimary10);
    flex-direction: column;
    justify-content: space-between;
    margin-right: 1.5rem;
    padding: 2rem;
    display: flex;
    position: absolute;
    overflow: hidden
}

.layout416_card.card-2 {
    border-radius: 1rem
}

.layout416_card.card-2.z-index-3 {
    z-index: 3
}

.layout416_card.card-3 {
    background-color: var(--base-color-brand--violet10);
    border-radius: 1rem;
    overflow: hidden
}

.layout416_card.card-3.z-index-3 {
    z-index: 3
}

.layout416_card.card-1 {
    background-color: var(--base-color-brand--violet10);
    border-radius: 1rem
}

.layout416_card.card-1.z-index-3 {
    z-index: 3;
    overflow: visible
}

.layout416_component {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 140vh;
    position: relative
}

.layout416_content {
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    height: 70vh;
    display: grid;
    position: sticky;
    top: 0
}

.layout416_content-right {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.layout416_icon-wrapper {
    display: inline-block
}

.layout416_ix-trigger {
    z-index: -1;
    margin-top: 100vh;
    position: absolute;
    inset: 0%
}

.stickers {
    z-index: 2;
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
    position: absolute;
    inset: 0% 2rem auto auto;
    transform: rotate(4deg)
}

.grid-testimonial {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.card_1-reforme {
    background-color: #faecf2;
    border-radius: .5rem;
    width: 100%;
    min-height: 25rem;
    padding: 2.5rem;
    text-decoration: none;
    position: relative;
    overflow: clip
}

.grid-reforme {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
}

.modal1_component {
    z-index: 99;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%
}

.modal1_content-wrapper {
    background-color: #fff;
    border-radius: 1rem;
    flex-direction: column;
    justify-content: center;
    width: 55rem;
    max-width: 55rem;
    height: 80vh;
    max-height: 80vh;
    padding: 2rem;
    position: relative;
    overflow: auto
}

.modal-content-replace-this-div {
    border: 2px dashed #0000001a;
    width: 100%;
    height: 150vh
}

.modal1_close-button {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.modal1_background-overlay {
    z-index: -1;
    background-color: #0006;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.asset-embed {
    height: 100%
}

.modalvideo_component {
    z-index: 99;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%
}

.modal2_content-wrapper {
    background-color: #fff;
    border-radius: 1rem;
    flex-direction: column;
    justify-content: center;
    width: 55rem;
    max-width: 55rem;
    max-height: 80vh;
    position: relative;
    overflow: auto
}

.anchor {
    margin-top: -80px;
    padding-top: 80px
}

.div-block {
    margin-top: -50px;
    padding-top: 50px
}

.columns {
    text-align: center
}

.column {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.column-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.grid {
    grid-template-areas: "Area"
}

.column-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: right;
    justify-content: center;
    align-items: center;
    display: flex
}

.column-4 {
    text-align: left;
    justify-content: center;
    align-items: center;
    display: flex
}

.button-prof-lycee {
    color: var(--base-color-brand--blueprimary100);
    background-color: #e5ffe9
}

.button-prof-college {
    color: var(--base-color-neutral--gris100);
    background-color: #ecfbff
}

.heading-4 {
    text-align: center
}

.button-2 {
    background-color: #aa9df8;
    border-radius: 8px;
    padding-left: 100px;
    padding-right: 100px
}

.button-2.is-profco {
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px
}

.button-2.is-profco.is-little {
    padding: 5px 10px;
    font-size: 15px
}

.button-2.is-profly {
    background-color: #ff5c93;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px
}

.section-2 {
    background-color: #f4f2ff
}

@media screen and (min-width: 1280px) {
    .padding-section-small.no-pad-top {
        padding-top:1rem
    }

    .img-100 {
        position: static
    }

    .polaroid_cta-community.is-banner {
        width: 35rem
    }

    .polaroid_cta-community.is-illu {
        width: 30rem;
        bottom: -2rem
    }

    .paint_bg-newcollec {
        width: 50rem
    }

    .flower_illustration-cta {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
        min-height: 6rem
    }

    .flower_illustration-cta.is-2 {
        z-index: 1;
        width: 4rem;
        min-width: 4rem;
        height: 4rem;
        min-height: 4rem;
        inset: auto 0% 0% auto
    }

    .header_image-wrapper2.is-small {
        max-width: 12%;
        top: -15%
    }

    .header_image-wrapper5.is-book {
        right: 5%
    }

    .header_image-wrapper13.is-book {
        max-width: 10%;
        top: 15%
    }

    .is-big.text-color-darkgrey {
        font-size: 4.5rem
    }

    .table_column.is-width-medium,.table_column.is-header-column.is-width-medium {
        min-width: 15rem;
        max-width: 15rem
    }

    .table_column.is-header-column.is-width-small.is-papier,.table_column.is-header-column.is-width-small.is-numerique {
        min-width: 10rem;
        max-width: 10rem
    }

    .table_column.is-header-column.is-width-ressource.is-papier,.table_column.is-header-column.is-width-ressource.is-numerique {
        min-width: 17rem;
        max-width: 17rem
    }

    .table_column.is-width-small.is-papier,.table_column.is-width-small.is-numerique {
        min-width: 10rem;
        max-width: 10rem
    }

    .nav-drop-container {
        left: -166%
    }

    .nav-drop-container.offres {
        left: -402%
    }

    .collection-list-wrapper {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1440px) {
    .padding-section-small.no-pad-top {
        padding-top:1rem
    }

    .flex-h-container.gap-2vw {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw
    }

    .flex-v-container.space-between.reforme {
        height: 38rem;
        min-height: 35rem
    }

    .content_wrapper.position-relative {
        display: flex
    }

    .button_wrapper.spacer-small.margin-auto {
        margin-top: auto
    }

    .img_primaire-cta {
        height: 20rem;
        min-height: 20rem
    }

    .bubble1_wrapper {
        width: 12rem;
        min-width: 12rem
    }

    .bubble1-yellow-circle {
        left: -10%
    }

    .bubble2_wrapper {
        width: 13rem;
        min-width: 13rem;
        right: -15%
    }

    .bubble3_wrapper {
        width: 14rem;
        min-width: 14rem
    }

    .bubble4_wrapper {
        width: 9rem;
        min-width: 9rem;
        right: -5%
    }

    .bubble5_wrapper {
        width: 13rem;
        min-width: 13rem;
        bottom: -15%
    }

    .tableau-illu {
        width: 10rem;
        min-width: 10rem;
        height: 12rem;
        min-height: 12rem
    }

    .bag-illu {
        width: 10rem;
        min-width: 10rem;
        height: 10rem;
        min-height: 10rem
    }

    .pen-illu {
        width: 7rem;
        min-width: 7rem;
        height: 8rem;
        min-height: 8rem
    }

    .tool2-illu {
        width: 14rem;
        min-width: 14rem;
        height: 14rem;
        min-height: 14rem
    }

    .webinaire-sparkle.is-small {
        top: 2rem
    }

    .paint-bg_bar {
        width: 30rem;
        min-width: 30rem;
        height: 5rem;
        min-height: 5rem;
        inset: 0% 0% 0% auto
    }

    .img-hero.is-big.z-index-2.is-reforme {
        width: 40rem;
        height: 35rem
    }

    .header_image-wrapper2.is-small {
        max-width: 12%;
        top: -15%
    }

    .header_image-wrapper5.is-book {
        top: 15%;
        right: 10%
    }

    .header_image-wrapper13.is-book {
        max-width: 10%;
        top: 10%
    }

    .table_column.is-width-medium,.table_column.is-header-column.is-width-medium {
        min-width: 15rem;
        max-width: 15rem
    }

    .table_column.is-header-column.is-width-small.is-papier,.table_column.is-header-column.is-width-small.is-numerique {
        min-width: 13rem;
        max-width: 13rem
    }

    .table_column.is-header-column.is-width-ressource.is-papier,.table_column.is-header-column.is-width-ressource.is-numerique {
        min-width: 20rem;
        max-width: 20rem
    }

    .table_column.is-width-small.is-papier,.table_column.is-width-small.is-numerique {
        min-width: 13rem;
        max-width: 13rem
    }

    .nav-drop-container {
        width: 82vw;
        min-width: 82vw;
        left: -232%
    }

    .nav-drop-container.offres {
        left: -467%
    }

    .bg_paint-home {
        width: 38rem;
        height: 35rem;
        top: -10rem;
        left: -2rem
    }

    .grid-reforme-4items {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .book-cover-img {
        width: 250px;
        min-width: 250px;
        height: 250px;
        min-height: 250px
    }
}

@media screen and (min-width: 1920px) {
    .flex-v-container.space-between.reforme {
        height:43rem
    }

    .droplist_nav.w--open {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: absolute
    }

    .droplist_nav.is-collab.w--open {
        right: -292%
    }

    .bg-diagonale-container {
        width: 100%;
        position: absolute;
        inset: 0% 0% auto
    }

    .bg-diagonale-container.background-color-white {
        position: static
    }

    .img-bg_hero {
        width: 1000px;
        min-width: 1000px;
        height: 800px;
        min-height: 800px;
        right: -40%
    }

    .tool2-illu {
        height: 10rem;
        min-height: 10rem
    }

    .padding-section-xsmall.custom-btm {
        padding-bottom: 2rem
    }

    .paint-bg_bar {
        width: 40rem;
        min-width: 40rem;
        height: 10rem;
        min-height: 10rem;
        top: -28%
    }

    .img-big_square {
        min-height: 40rem
    }

    .marquee-horizontal {
        height: 3rem;
        transform: rotate(-1deg)
    }

    .marquee-text {
        font-size: 1.5rem
    }

    .leftright-img {
        height: 25rem;
        min-height: 25rem;
        max-height: 25rem
    }

    .bg-absolute {
        top: 0%
    }

    .tab_tabs-menu {
        padding-left: 1rem
    }

    .category-filter-menu.no-scrollbar {
        margin-bottom: 0
    }

    .pagination {
        padding-bottom: .5rem
    }

    .header_image-wrapper1.is-book {
        left: -5%
    }

    .header_image-wrapper6.is-book {
        max-width: 12%
    }

    .header_image-wrapper8.is-small {
        max-width: 10%
    }

    .header_image-wrapper2.is-small {
        max-width: 15%;
        top: -20%
    }

    .header_image-wrapper5.is-book {
        right: 10%
    }

    .header_image-wrapper7.is-small {
        max-width: 6%
    }

    .header_image-wrapper13.is-book {
        max-width: 10%;
        top: 10%
    }

    .swiper-button-prev-white,.swiper-button-next-white {
        width: 3.5rem;
        height: 3.5rem
    }

    .table_column.is-width-medium,.table_column.is-header-column.is-width-medium {
        min-width: 15rem;
        max-width: 15rem
    }

    .nav-drop-container {
        width: 80vw;
        min-width: 80vw;
        left: -392%
    }

    .nav-drop-container.offres {
        left: -660%
    }

    .filters_category-menu.no-scrollbar {
        margin-bottom: 0
    }

    .grid-reforme-4items {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .book-cover-img {
        width: 350px;
        min-width: 350px;
        height: 350px;
        min-height: 350px
    }
}

@media screen and (max-width: 991px) {
    .utility-page_component.hide-desktop {
        display:flex
    }

    .padding-xlarge {
        padding: 3rem
    }

    .margin-xlarge {
        margin: 3rem
    }

    .padding-xhuge {
        padding: 6rem
    }

    .padding-xxhuge {
        padding: 8rem
    }

    .padding-huge {
        padding: 5rem
    }

    .margin-large {
        margin: 2.5rem
    }

    .padding-xxlarge {
        padding: 4rem
    }

    .padding-large {
        padding: 2.5rem
    }

    .margin-huge {
        margin: 5rem
    }

    .padding-medium {
        padding: 1.5rem
    }

    .margin-xxlarge {
        margin: 4rem
    }

    .margin-xhuge {
        margin: 6rem
    }

    .margin-medium {
        margin: 1.5rem
    }

    .margin-xxhuge {
        margin: 8rem
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top.margin-medium.hide-desktop {
        display: flex
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom.is-huge {
        padding-bottom: 6rem
    }

    .hide-tablet {
        display: none
    }

    .text-color-primary {
        margin-left: 0
    }

    .fs-styleguide_2-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }

    .heading-style-h3.is-valeur {
        font-size: 3.5rem
    }

    .fs-styleguide_1-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .fs-styleguide_heading-medium {
        font-size: 3rem
    }

    .fs-styleguide_4-col {
        grid-template-columns: 1fr
    }

    .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .padding-section-large.bigger-top {
        padding-top: 8rem
    }

    .fs-styleguide_3-col {
        grid-template-columns: 1fr
    }

    .text-size-medium.text-color-darkgrey.text-weight-bold.text-center_mobile {
        text-align: center
    }

    .fs-styleguide_section {
        grid-column-gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .padding-section-medium {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .spacer-huge {
        padding-top: 5rem
    }

    .spacer-medium {
        padding-top: 1.5rem
    }

    .spacer-xhuge {
        padding-top: 6rem
    }

    .spacer-xxhuge {
        padding-top: 8rem
    }

    .spacer-xlarge {
        padding-top: 3rem
    }

    .spacer-large {
        padding-top: 2.5rem
    }

    .spacer-xxlarge {
        padding-top: 4rem
    }

    .nav_button {
        color: #fff
    }

    .fs-styleguide_heading-header {
        font-size: 4rem
    }

    .heading-style-h0.mobile-smaller {
        font-size: 3.5rem
    }

    .flex-h-container.align-center {
        flex-flow: column
    }

    .flex-h-container.flex-center.gap-0-5rem.align-center {
        flex-flow: row
    }

    .flex-h-container.gap-2vw {
        flex: none;
        height: 40rem
    }

    .flex-h-container.gap-2vw.centered {
        height: auto
    }

    .flex-v-container.space-between.height-100 {
        min-height: 100%
    }

    .flex-v-container.space-between.reforme {
        height: 35rem
    }

    .swiper-slide._2 {
        width: 50%
    }

    .navbar_component {
        justify-content: space-between;
        height: 5rem
    }

    .grid-3col {
        grid-template-columns: 1fr;
        width: 100%
    }

    .grid-3col.gap-2rem {
        grid-template-columns: 1fr 1fr
    }

    .grid-2col.gap-4rem {
        grid-template-columns: 1fr
    }

    .grid-2col.gap-4rem._30-70 {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr
    }

    .grid-2col.gap-4rem.inverse-tablet {
        flex-flow: column-reverse;
        grid-auto-flow: row;
        display: flex
    }

    .grid-2col.gap-2rem._1-coltab {
        grid-template-columns: 1fr
    }

    .content_wrapper.mobile-center {
        justify-content: center;
        align-items: center
    }

    .content_wrapper.position-relative.is-hero-right {
        padding-top: 0;
        display: none
    }

    .content_wrapper.tablet-80 {
        width: 80%;
    }

    .content_wrapper.z-index-2.left-center-100dvh {
        width: 100%;
        height: 95dvh
    }

    .content_wrapper.is-gratuit {
        width: 100%;
        height: 12rem
    }

    .content_wrapper.is-classe {
        order: 1
    }

    .content_wrapper.is-prof {
        min-width: 100%;
        height: 27rem;
        min-height: 27rem
    }

    .hflex-center.align-center {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 80vh
    }

    .hflex-center._60vw {
        background-color: var(--base-color-neutral--white);
        width: 100vw;
        position: absolute
    }

    .nav_button-container {
        justify-content: flex-start;
        align-items: center;
        width: auto;
        margin-top: 1rem;
        padding-bottom: 2rem;
        padding-left: 2rem
    }

    .droplist_nav {
        position: relative
    }

    .droplist_nav.w--open {
        box-shadow: none;
        min-height: 0;
        padding-top: 0;
        top: 0
    }

    .droplist_nav.is-collab.w--open {
        right: 0%
    }

    .droplist_nav-container {
        width: 100%
    }

    .droplist_nav-toggle {
        min-width: 100%
    }

    .hflex-left-top {
        flex-flow: column
    }

    .hflex-left-top.is-nav {
        flex-flow: row;
        height: auto;
        min-height: 0;
        overflow: scroll
    }

    .hflex-left-top.is-nav.offre {
        height: 40dvh
    }

    .hflex-left-top.is-nav.offre.mobile {
        flex-flow: row;
        height: 24rem;
        position: relative
    }

    .hflex-left-top.is-nav.catalogue.offre {
        height: 20rem
    }

    .hflex-left-top.is-nav.catalogue.offre.mobile {
        grid-column-gap: 2.3rem;
        grid-row-gap: 2.3rem;
        flex-flow: column
    }

    .hflex-left-top.is-nav.test {
        overflow: visible
    }

    .hflex-left-top.is-nav.mobile {
        overflow: clip
    }

    .hflex-left-top.is-nav.mobile.hide {
        display: none
    }

    .hflex-left-top.is-footer {
        flex-flow: column
    }

    .hflex-left-top.gap-8rem {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem
    }

    .hflex-left-top.gap-1rem {
        flex-flow: row
    }

    .block-matiere.is-card50 {
        height: 100%;
        min-height: 20rem
    }

    .block-matiere.is-card50.mobile {
        height: 20rem
    }

    .block-matiere.is-card100 {
        height: 100%
    }

    .block-matiere.is-card33 {
        height: 100%;
        min-height: 25rem
    }

    .block-matiere.mobile {
        text-align: left
    }

    .block-matiere.is-primaire {
        height: 100%
    }

    .droplist_nav-content {
        min-height: 20rem;
        position: relative;
        top: .5rem;
        overflow: scroll
    }

    .droplist_nav-content.w--open {
        width: 100%;
        min-width: 100%;
        min-height: 0;
        margin-bottom: 1rem;
        padding-left: 0%;
        padding-right: 0
    }

    .block-nav-absolute {
        width: 100%;
        margin-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative;
        bottom: 0;
        left: 0
    }

    .footer_top-wrapper {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr 1fr
    }

    .drop-nav {
        width: 100%;
        padding-right: 0;
        display: none
    }

    .drop-nav:hover,.drop-nav:active {
        background-color: var(--base-color-brand--blueprimary10)
    }

    .drop-nav_toggle {
        margin-top: .5rem;
        margin-bottom: .5rem;
        margin-right: 2vw;
        padding-left: 2rem;
        display: flex
    }

    .navbar_link-secondary.is-bold {
        inset: auto auto 0% 0%;
        position: absolute;
        inset: auto auto 0% 0%
    }

    .navlink {
        margin: .5rem 0;
        padding: .5rem 0 .5rem 2rem
    }

    .navlink:hover {
        background-color: var(--base-color-brand--blueprimary10);
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .menu-button {
        border-radius: 1rem
    }

    .menu-button.w--open {
        background-color: #0000;
        border-radius: .5rem;
        padding: 1rem
    }

    .menu-button.mobile {
        flex-flow: row;
        justify-content: flex-end;
        align-items: center;
        width: 75%;
        display: flex
    }

    .check_mark {
        width: 34px;
        height: 34px
    }

    .left-right-radius {
        width: 100%;
        min-width: auto;
        height: 100%;
        min-height: auto
    }

    .button_wrapper.align-center.justify-center_mobile {
        text-align: center;
        justify-content: center;
        align-items: stretch;
        width: 100%
    }

    .bento_grid {
        grid-row-gap: 16px;
        grid-template-columns: 1fr
    }

    .card_1 {
        height: 550px;
        min-height: 32rem;
        padding: 2rem
    }

    .card_2 {
        height: auto;
        min-height: 25rem;
        padding: 2rem
    }

    .card_3 {
        height: 450px;
        min-height: 30rem;
        padding: 2rem
    }

    .card_4 {
        height: 400px;
        min-height: 0
    }

    .card_4.position-relative {
        height: 500px;
        min-height: 30rem;
        padding: 2rem
    }

    .card_5 {
        height: 400px;
        min-height: 0
    }

    .card_5.position-relative {
        height: 500px;
        min-height: 30rem;
        padding: 2rem
    }

    .star-1.is-book {
        inset: auto auto -2.5rem 0%
    }

    .block-40 {
        min-height: 100%
    }

    .block-40.is-mobile-l100 {
        flex-flow: column
    }

    .block-40.is-tablet100 {
        width: 100%
    }

    .name_tag.is-purple-left {
        top: 20%;
        left: 20%
    }

    .grid-2row._70-30 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-rows: 1.5fr 1fr;
        height: 100%
    }

    .blue_paint-bg {
        top: -4%;
        left: 5%
    }

    .circle_photo-bento {
        left: 15%
    }

    .balance_icon {
        bottom: 5%;
        right: 10%
    }

    .green_paint-bento {
        width: 395px;
        min-width: 395px;
        height: 300px;
        min-height: 300px
    }

    .img_ecologie {
        width: 450px;
        min-width: 450px;
        height: 300px;
        min-height: 300px
    }

    .yellow_star-bg {
        width: 280px;
        min-width: 280px;
        height: 300px;
        min-height: 300px
    }

    .polaroid_zindex1 {
        width: 280px;
        min-width: 280px;
        height: 300px;
        min-height: 300px;
        inset: 0% auto auto 15%
    }

    .polaroid_zindex2 {
        width: 280px;
        min-width: 280px;
        height: 300px;
        min-height: 300px;
        bottom: 0%;
        right: 15%
    }

    .coeur_icon {
        width: 30px;
        min-width: 30px;
        height: 35px;
        min-height: 35px;
        bottom: 10%;
        left: 15%
    }

    .smile_icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        inset: auto 10% 0% auto
    }

    .cta_wrapper.is-orange.overflow_clip-desktop {
        overflow: visible
    }

    .cta_primaire-nav {
        width: 100%;
        margin-bottom: 2rem;
        padding: 2rem
    }

    .bg-diagonale {
        margin-top: 0%;
        position: static;
        inset: 0% 0% auto
    }

    .bg-cta-community {
        width: 90%;
        height: 90%;
        min-height: 350px;
        margin-left: auto;
        margin-right: auto
    }

    .polaroid_cta-community {
        width: 400px;
        height: 475px;
        position: absolute;
        inset: -13% auto 0% 20%
    }

    .polaroid_cta-community.is-banner,.polaroid_cta-community.is-avis,.polaroid_cta-community.is-illu {
        width: 30rem;
        height: 33rem;
        inset: auto 10% -30% auto
    }

    .bubble_icon {
        width: 115px;
        height: 95px;
        top: -20%
    }

    .bubble_icon.is-banner {
        top: -1rem
    }

    .block-nav-absolute-inside {
        width: 100%;
        margin-top: 2rem;
        position: relative;
        bottom: 0;
        left: 0
    }

    .block-nav-absolute-inside.mobile {
        margin-top: 2.5rem
    }

    .bg-paint-nav-manuel {
        right: -10%
    }

    .img-bg_hero {
        display: none;
        inset: 0%
    }

    .img-bg_hero.tablet {
        width: 100%;
        height: 100%;
        min-height: 0;
        display: block;
        top: -5%
    }

    .bubble1_wrapper {
        width: 8rem;
        min-width: 8rem;
        inset: 0% auto auto 60%
    }

    .bubble1_wrapper.is-tablet {
        display: flex;
        position: absolute;
        inset: auto 10rem 1rem auto
    }

    .bubble1-yellow-circle {
        width: 9rem;
        min-width: 9rem;
        height: 4rem;
        min-height: 4rem
    }

    .bubble1-trousse {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        bottom: -5%;
        right: 0%
    }

    .bubble2_wrapper {
        display: none
    }

    .bubble2_wrapper.is-tablet {
        display: block;
        inset: auto -10% 0% auto
    }

    .bubble3_wrapper {
        display: none
    }

    .bubble3_wrapper.is-tablet {
        width: 7rem;
        min-width: 7rem;
        display: block;
        inset: 7rem 10rem auto auto
    }

    .bubble3-sparkle {
        top: -19%;
        left: -34%
    }

    .bubble3-speech {
        width: 6rem;
        min-width: 6rem;
        height: 5rem;
        min-height: 5rem;
        display: none;
        top: -52%
    }

    .bubble3-pen {
        width: 4rem;
        min-width: 4rem;
        height: 4rem;
        min-height: 4rem;
        bottom: -12%
    }

    .bubble3-nametag {
        bottom: -10%;
        right: -10%
    }

    .bubble4_wrapper {
        display: none;
        inset: 0% 0% auto auto
    }

    .bubble4_wrapper.is-tablet {
        display: block;
        top: 7rem;
        right: 1rem
    }

    .bubble5_wrapper {
        display: none
    }

    .map-illu {
        left: -5%
    }

    .tool1-illu {
        right: -5%
    }

    .cta-content {
        flex-flow: column;
        height: auto;
        min-height: 0
    }

    .cta-content.is-large,.cta-content.is-small {
        height: auto;
        min-height: 0
    }

    .cta_text-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .cta_img-wrapper.is-big {
        height: 15rem
    }

    .cta_img-wrapper.is-xbig {
        height: 25rem
    }

    .cta_img-wrapper.is-small {
        height: 25rem;
        display: none
    }

    .cta_img-wrapper.is-avis {
        height: 25rem
    }

    .bg_paint-cta {
        width: 26rem;
        min-width: 26rem;
        height: 21rem;
        min-height: 21rem;
        inset: auto 0% -3rem 15%
    }

    .bg_paint-cta.is-webinaire {
        width: 20rem;
        min-width: 20rem;
        height: 11rem;
        min-height: 11rem
    }

    .bg_paint-cta.is-blue {
        width: 20rem;
        min-width: 20rem;
        height: 14rem;
        min-height: 14rem;
        inset: auto -3rem 0% auto
    }

    .bg_paint-cta.is-demo {
        z-index: 1;
        width: 20rem;
        min-width: 20rem;
        height: 18rem;
        min-height: 18rem;
        inset: auto -2rem 0% auto
    }

    .bg_paint-cta.is-promo {
        inset: auto -3rem -3rem auto
    }

    .post_it-cta {
        width: 20rem;
        min-width: 20rem;
        height: 17rem;
        min-height: 17rem;
        inset: auto auto -3rem 25%
    }

    .post-it_text {
        top: 7rem
    }

    .paper_cta {
        width: 20rem;
        min-width: 20rem;
        height: 17rem;
        min-height: 17rem;
        inset: auto auto -3rem 25%
    }

    .paper_text {
        font-size: 1.5rem;
        top: 7rem
    }

    .menu-parent {
        width: 2.5rem;
        height: 3rem;
        position: absolute;
        top: -12%;
        left: auto;
        right: 0%
    }

    .menu-bar {
        background-color: var(--base-color-brand--blueprimary90)
    }

    .book_cover-cta {
        width: 14rem;
        min-width: 14rem;
        height: 20rem;
        min-height: 20rem;
        inset: auto 0% -4rem auto
    }

    .webinaire-sparkle.is-small {
        top: 3rem
    }

    .main_web-person {
        width: 12rem;
        min-width: 12rem;
        height: 12rem;
        min-height: 12rem;
        inset: auto 25% 0% auto
    }

    .web-person1 {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
        min-height: 6rem;
        inset: auto 50% 8rem auto
    }

    .web-person2 {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
        min-height: 6rem;
        inset: auto 35% 11rem auto
    }

    .web_date {
        font-size: 2rem;
        inset: auto auto 0% 0%
    }

    .paint_bg-newcollec {
        width: 40rem;
        left: 0%
    }

    .shape-bg_livreblanc {
        width: 26rem;
        min-width: 26rem;
        height: 21rem;
        min-height: 21rem;
        inset: auto 0% -3rem 15%
    }

    .shape-bg_livreblanc.is-blue {
        width: 15rem;
        min-width: 15rem;
        height: 15rem;
        min-height: 15rem;
        inset: auto 2rem 0% auto
    }

    .livre-blanc_cover {
        width: 14rem;
        min-width: 14rem;
        height: 20rem;
        min-height: 20rem;
        inset: auto 0% 0% auto
    }

    .demo-placeholder {
        width: 22rem;
        min-width: 22rem;
        height: 15rem;
        min-height: 15rem;
        inset: auto 0% 0 auto
    }

    .flower_illustration-cta {
        inset: auto auto 0% 6rem
    }

    .flower_illustration-cta.is-2 {
        inset: auto auto 3rem 4rem
    }

    .bg-adn {
        width: 30rem;
        height: 35rem;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        inset: auto 0% -5rem;
        transform: rotate(88deg)
    }

    .hflex-center-spacebetween.vertical-tablet {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .bg-left-right {
        width: 30rem;
        height: 35rem;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        inset: auto 0% -5rem;
        transform: rotate(88deg)
    }

    .img-egg_shape {
        width: 537px;
        height: 531px
    }

    .flower_bg {
        width: 10rem;
        height: 7rem;
        right: 12rem
    }

    .promo_circle {
        width: 14rem;
        height: 10rem;
        right: 8rem
    }

    .img-big_square {
        width: 100%;
        height: 100%
    }

    .img-big_square.is-reforme {
        width: 30rem;
        min-width: 30rem;
        height: 25rem;
        min-height: 25rem;
        display: none
    }

    .grid-pricing {
        flex-flow: column-reverse;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        display: flex
    }

    .block-60.is-tablet100 {
        width: 100%
    }

    .check_circle {
        width: 1.5rem;
        height: 1.5rem
    }

    .classe_illu {
        right: 5%
    }

    .classe_illu.z-index-2 {
        inset: 10% 5% auto auto
    }

    .crown-premium {
        inset: 0% 0% auto auto;
        transform: rotate(-7deg)
    }

    .bg_star-classe {
        width: 18rem;
        height: 18rem
    }

    .bg_star-classe.is-2 {
        width: 15rem;
        height: 15rem
    }

    .rectangle-illu.z-index-2.smaller {
        width: 15rem;
        min-width: 15rem
    }

    .faq_content {
        grid-column-gap: 3rem;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
        min-height: auto
    }

    .rounder-bottom-section {
        bottom: -1.25%
    }

    .rounder-bottom-section.lower {
        bottom: -2%
    }

    .professeur_team {
        min-width: 45rem;
        min-height: 25rem
    }

    .leftright-img {
        width: 25rem;
        min-width: 25rem;
        height: 25rem;
        min-height: 25rem;
        margin-left: auto;
        margin-right: auto
    }

    .arrow-blue {
        width: 34px;
        height: 34px
    }

    .bg-absolute.is-eco {
        min-width: 30rem;
        height: 30rem;
        min-height: 30rem
    }

    .padding-section-xlarge {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .computer-absolute {
        width: 12rem;
        height: 12rem
    }

    .heading-caps.text-color-darkblue.text-center_mobile {
        text-align: center
    }

    .book-card_wrapper {
        display: none
    }

    .book-card_wrapper.is-mobile {
        width: 80%;
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto;
        padding: 3rem;
        display: block
    }

    .bg-paint-book {
        width: 500px;
        height: 500px;
        inset: 0% 0% auto auto
    }

    .book-cover {
        width: 20rem;
        height: 20rem;
        margin-top: 0%
    }

    .tab_tabs-menu.hflex-left-top.align-center {
        flex-flow: row
    }

    .grid-4col._2coltab {
        grid-template-columns: 1fr 1fr
    }

    .text-field_newsletter {
        min-width: 50px
    }

    .tag-cover {
        width: auto;
        height: 40px;
        top: 1rem;
        left: 1rem
    }

    .grid-hero,.hero-projet_content {
        grid-template-columns: 1fr
    }

    .image-wrapper1 {
        height: 30rem
    }

    .projet_image-group {
        display: none
    }

    .content_content-wrapper {
        margin-top: 10px
    }

    .testimonial_slider {
        padding-left: 0;
        padding-right: 0
    }

    .testimonial_mask {
        width: 50%
    }

    .testimonial_content-top {
        flex-flow: column;
        justify-content: space-between;
        align-items: stretch;
        min-height: 21rem;
        display: flex
    }

    .bubble-testimonial {
        bottom: 3.5rem
    }

    .blog_featured-item-wrapper {
        grid-template-columns: 1fr
    }

    .blog_featured-image {
        width: 95%;
        margin-left: auto
    }

    .blog_featured-item-content {
        padding: 2rem
    }

    .project_list {
        grid-column-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .stars_projet {
        top: 2rem;
        left: 3rem
    }

    .droplist-container.width-fixed-tier {
        width: 100%
    }

    .header_component-2 {
        height: 100svh
    }

    .header_image-wrapper1 {
        bottom: 35%;
        left: -5%
    }

    .header_image-wrapper3 {
        top: 25%;
        left: 30%
    }

    .header_image-wrapper6 {
        max-width: 25%;
        bottom: 15%
    }

    .header_image-wrapper8 {
        bottom: 10%
    }

    .header_image-wrapper2 {
        top: 5%;
        left: 5%
    }

    .header_image-wrapper2.is-small {
        display: none;
        top: 10%;
        left: 25%
    }

    .header_image-wrapper4 {
        top: 5%;
        right: 20%
    }

    .header_image-wrapper5 {
        top: 20%
    }

    .header_image-wrapper9 {
        max-width: 5%;
        bottom: 5%
    }

    .header_image-wrapper7 {
        max-width: 15%;
        bottom: 20%
    }

    .header_image-wrapper10 {
        top: 10%;
        left: 30%
    }

    .header_image-wrapper11 {
        inset: 40% auto auto 0%
    }

    .header_image-wrapper12 {
        top: 10%;
        left: 30%
    }

    .header_image-wrapper13 {
        inset: auto 20% 60% auto
    }

    .header_image-wrapper13.is-book {
        max-width: 15%;
        inset: 10% auto auto 0%
    }

    .header_image-wrapper14 {
        max-width: 5%;
        top: 10%;
        left: 10%
    }

    .header_image-wrapper15 {
        inset: 10% 0% auto auto
    }

    .scroll-animate {
        height: 90px;
        top: 7.5rem
    }

    .step_roadmap {
        min-height: 60vh
    }

    .display-inlineflex.gap-0-5rem.margin-top-12px {
        margin-top: 8px
    }

    .header80_image-wrapper.is-image-1,.header80_image-wrapper.is-image-2 {
        width: 28vw
    }

    .header80_image-wrapper.is-image-4 {
        width: 24vw
    }

    .header80_image-wrapper.is-image-5 {
        width: 26vw
    }

    .header80_image-wrapper.is-image-6 {
        width: 24vw
    }

    .header80_image-wrapper.is-image-prof1,.header80_image-wrapper.is-image-2-small {
        width: 28vw
    }

    .header80_image-wrapper.is-image-4-small {
        width: 24vw
    }

    .header80_image-wrapper.is-image-3 {
        width: 26vw
    }

    .header80_content {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .is-big {
        font-size: 3.5rem
    }

    .layout-valeur_card-content {
        padding: 2rem
    }

    .layout-recrutement_content-bottom {
        justify-content: center;
        height: 70svh;
        top: 0
    }

    .layout-recrutement_image-wrapper {
        max-width: 35vw
    }

    .layout-recrutement_tab-content {
        padding: 2rem
    }

    .team-photo {
        width: 20rem;
        min-width: 20rem
    }

    .table_item {
        min-width: 72rem
    }

    .table_component {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr;
        grid-auto-flow: row
    }

    .table_header-row {
        min-width: 72rem
    }

    .vflex-left-top.width-100 {
        width: 100%
    }

    .nav-drop-container {
        flex-flow: column;
        justify-content: space-between;
        width: 100vw;
        min-width: 0;
        height: auto;
        display: flex;
        position: relative;
        left: 0%;
        overflow: clip
    }

    .nav-drop-container.offres {
        left: 0%
    }

    .nav-drop_wrapper {
        flex-flow: column;
        padding: 1rem 1.5rem
    }

    .nav-drop-toggle_wrapper {
        width: 100%
    }

    .nav-drop-list_wrapper {
        width: 100%;
        min-height: 0;
        display: none
    }

    .toggle_wrapper.college.mobile,.toggle_wrapper.lycee,.toggle_wrapper.pro,.toggle_wrapper.primaire.mobile {
        display: none
    }

    .content-nav_wrapper.college {
        height: auto;
        min-height: 0;
        display: none
    }

    .content-nav_wrapper.lycee,.content-nav_wrapper.pro {
        height: auto;
        min-height: 0
    }

    .divider_container-copy {
        display: none
    }

    .filters_layout {
        grid-template-columns: 1fr
    }

    .filters_feed-header-top {
        grid-column-gap: 1.5rem;
        grid-row-gap: 2rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .filters_filters-button {
        justify-content: center;
        display: flex
    }

    .filters_category-menu {
        justify-content: flex-start
    }

    .dropdown1_toggle {
        align-items: center;
        display: flex
    }

    .dropdown-chevron {
        inset: auto 0% auto auto
    }

    .dropdown1_dropdown-list {
        overflow: hidden
    }

    .filters_form-block {
        max-width: 100%
    }

    .filters_form {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        display: flex
    }

    .filters_filter-group-list {
        grid-template-columns: 1fr
    }

    .dropdown2_dropdown-list.is-filters5.w--open {
        width: 100%;
        min-width: auto;
        position: static;
        overflow: auto
    }

    .filters_tablet-modal-close-button {
        display: block
    }

    .filters_feed {
        grid-template-columns: 1fr 1fr 1fr
    }

    .bg_paint-home {
        width: 25rem;
        height: 20rem;
        top: -2rem
    }

    .h1_wrapper {
        z-index: 1
    }

    .dropnav {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .dropdown-toggle-2 {
        width: 97.5%;
        padding-left: 2rem
    }

    .icon {
        margin-right: 4vw
    }

    .dropdown-list {
        position: relative
    }

    .dropdown-list.w--open {
        background-color: #0000;
        top: 0
    }

    .content-college-mobile.college {
        height: auto;
        min-height: 0
    }

    .content-college-mobile.college.is-mobile {
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: none
    }

    .content-college-mobile.lycee,.content-college-mobile.pro {
        height: auto;
        min-height: 0
    }

    .menu-mobile {
        flex-flow: column;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex
    }

    .link-mobile {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 1rem;
        display: flex
    }

    .link-mobile_college {
        grid-column-gap: .25rem;
        grid-row-gap: .25rem;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 1rem;
        display: none
    }

    .drop-nav_toggle-2 {
        margin-top: .5rem;
        margin-bottom: .5rem;
        margin-right: 2vw;
        padding-left: 2rem;
        display: flex
    }

    .toggle_wrapper-mobile.college.mobile {
        display: flex
    }

    .toggle_wrapper-mobile-lycee.college.mobile {
        display: none
    }

    .toggle_wrapper-mobile-lycee.lycee {
        display: flex
    }

    .toggle_wrapper-pro.college.mobile {
        display: none
    }

    .toggle_wrapper-pro.pro {
        display: flex
    }

    .content-nav_wrapper-mobile-lycee.college,.content-nav_wrapper-mobile-lycee.lycee {
        height: auto;
        min-height: 0;
        display: none
    }

    .content-nav_wrapper-mobile-lycee.lycee.mobile {
        display: none
    }

    .content-nav_wrapper-mobile-lycee.pro {
        height: auto;
        min-height: 0
    }

    .content-nav_wrapper-mobile-pro.college {
        height: auto;
        min-height: 0;
        display: none
    }

    .content-nav_wrapper-mobile-pro.lycee {
        height: auto;
        min-height: 0
    }

    .content-nav_wrapper-mobile-pro.pro,.content-nav_wrapper-primaire.college {
        height: auto;
        min-height: 0;
        display: none
    }

    .content-nav_wrapper-primaire.lycee,.content-nav_wrapper-primaire.pro {
        height: auto;
        min-height: 0
    }

    .toggle_wrapper-mob.college.mobile,.toggle_wrapper-mob.lycee,.toggle_wrapper-mob.pro {
        display: none
    }

    .toggle_wrapper-mob.primaire.mobile {
        display: flex
    }

    .content-nav_wrapper-mobile-primaire.college {
        height: auto;
        min-height: 0;
        display: none
    }

    .content-nav_wrapper-mobile-primaire.lycee {
        height: auto;
        min-height: 0
    }

    .content-nav_wrapper-mobile-primaire.pro {
        height: auto;
        min-height: 15rem;
        display: none
    }

    .elementaire_wrapper {
        width: 100%;
        height: auto
    }

    .vertical-subtitle.display-inline-text.custom-filters {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column
    }

    .book-cover-img {
        width: 200px;
        min-width: 200px;
        height: 200px;
        min-height: 200px
    }

    .icon-illu.sticker {
        width: 7rem;
        min-width: 7rem;
        height: 7rem;
        min-height: 7rem;
        bottom: -1rem
    }

    .event-header2_featured-item-link {
        grid-template-columns: 1fr
    }

    .event-header2_list {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .smaller-blog-grid {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr 1fr
    }

    .card_2-reforme,.card_3-reforme,.card_4-reforme {
        height: auto;
        min-height: 32rem;
        padding: 2rem
    }

    .green-star.is-book {
        width: 25rem;
        min-width: 25rem;
        height: 20rem;
        min-height: 20rem;
        inset: 0% auto auto 0%
    }

    .paint-blue {
        width: 20rem;
        min-width: 20rem;
        height: 30rem;
        min-height: 30rem;
        inset: auto 0% 0% auto
    }

    .paint-orange2.is-book {
        width: 35rem;
        min-width: 35rem;
        height: 20rem;
        min-height: 20rem;
        inset: 0% auto auto 0%
    }

    .layout416_component {
        grid-column-gap: 3rem;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
        height: 300svh;
        min-height: auto
    }

    .layout416_content {
        height: 100svh
    }

    .grid-testimonial {
        grid-template-columns: 1fr 1fr
    }

    .card_1-reforme {
        height: auto;
        min-height: 32rem;
        padding: 2rem
    }

    .modal1_component {
        width: 100dvw;
        height: 100dvh
    }

    .modal1_content-wrapper {
        width: 90%;
        max-width: none;
        height: 80vh;
        padding-left: 3rem;
        padding-right: 3rem;
        top: 5rem
    }

    .modalvideo_component {
        width: 100dvw;
        height: 100dvh
    }

    .modal2_content-wrapper {
        width: 90%;
        max-width: none;
        height: 80vh;
        padding-left: 3rem;
        padding-right: 3rem;
        top: 5rem
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:2.5rem
    }

    h2 {
        font-size: 1.2rem;
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1.25rem
    }

    h5 {
        font-size: 1rem
    }

    h6 {
        font-size: .875rem
    }

    .padding-xlarge {
        padding: 2rem
    }

    .margin-xlarge {
        margin: 2rem
    }

    .padding-xhuge {
        padding: 4rem
    }

    .padding-xxhuge {
        padding: 4.5rem
    }

    .padding-huge {
        padding: 3.5rem
    }

    .margin-large {
        margin: 1.5rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-large {
        padding: 1.5rem
    }

    .margin-huge {
        margin: 3.5rem
    }

    .padding-medium {
        padding: 1.25rem
    }

    .margin-xxlarge {
        margin: 3rem
    }

    .margin-xhuge {
        margin: 4rem
    }

    .margin-medium {
        margin: 1.25rem
    }

    .margin-xxhuge {
        margin: 4.5rem
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top.margin-medium._2rem {
        margin-top: 2rem
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .hide-mobile-landscape {
        display: none
    }

    .heading-style-h3 {
        font-size: 1.5rem
    }

    .heading-style-h1 {
        font-size: 2.5rem
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .fs-styleguide_section-header {
        font-size: .875rem
    }

    .fs-styleguide_heading-medium {
        font-size: 2rem
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }

    .heading-style-h4 {
        font-size: 1.25rem
    }

    .text-style-nowrap {
        white-space: normal
    }

    .heading-style-h6 {
        font-size: .75rem
    }

    .heading-style-h6.text-color-darkgrey.mobile {
        font-size: 1rem
    }

    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .padding-section-large.bigger-top {
        padding-top: 6rem
    }

    .padding-section-large.smaller-bottom {
        padding-top: 8rem
    }

    .text-size-large {
        font-size: 1.25rem
    }

    .h3 {
        font-size: 1.88rem;
    }

    .heading-style-h5 {
        font-size: 1rem
    }

    .button.is-small.is-borderless {
        border: 1px solid var(--base-color-neutral--gris20)
    }

    .button.is-icon,.button.is-link.is-icon {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .padding-section-medium.custom-huge_top,.padding-section-medium.custom-bigger-top {
        padding-top: 5rem
    }

    .spacer-huge {
        padding-top: 3.5rem
    }

    .spacer-medium {
        padding-top: 1.25rem
    }

    .spacer-xhuge {
        padding-top: 4rem
    }

    .spacer-xxhuge {
        padding-top: 4.5rem
    }

    .spacer-xlarge {
        padding-top: 2rem
    }

    .spacer-large {
        padding-top: 1.5rem
    }

    .spacer-xxlarge {
        padding-top: 3rem
    }

    .section.position-relative.is-hero {
        height: auto
    }

    .section.position-relative.background-color-purple {
        background-size: cover
    }

    .section.position-relative.bg-color-blue10 {
        background-color: var(--base-color-brand--blueprimary10)
    }

    .heading-style-h0 {
        font-size: 6rem
    }

    .heading-style-h0.z-index-2 {
        padding-top: 1rem
    }

    .heading-style-h0.lineheight1 {
        font-size: 4rem
    }

    .heading-style-h0.mobile-smaller {
        font-size: 2.5rem
    }

    .flex-h-container.gap-2vw {
        height: 25rem
    }

    .flex-v-container.space-between.height-100 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-content: flex-start
    }

    .flex-v-container.space-between.height-100.z-index-2 {
        justify-content: space-between
    }

    .swiper.is-news {
        flex-flow: column
    }

    .swiper-slide._2 {
        width: 90%;
        height: 23rem
    }

    .prev-next-container {
        display: none
    }

    .navbar_component {
        height: 4rem;
        min-height: 4rem
    }

    .grid-3col.gap-2rem {
        grid-template-columns: 1fr
    }

    .grid-2col.gap-4rem {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .grid-2col.gap-4rem._30-70 {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .grid-2col.gap-4rem._30-70.is-reforme {
        grid-template-columns: 1fr
    }

    .grid-2col.gap-4rem.inverse-tablet {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .grid-2col.gap-2rem {
        grid-template-columns: 1fr
    }

    .grid-2col._40-60.gap-2rem._2colmo {
        grid-template-columns: 1fr 1fr
    }

    .content_wrapper.flex-v-spacebet.is-swiper-mask {
        width: auto;
        min-width: 0%;
        height: auto;
        min-height: 0;
        margin-right: 1.25rem
    }

    .content_wrapper.is-gratuit,.content_wrapper.is-prof {
        flex-flow: column;
        height: auto
    }

    .suptitle {
        font-size: .85rem
    }

    .hflex-center.align-center {
        overflow: auto
    }

    .nav_button-container {
        padding-bottom: 2.8rem
    }

    .droplist_nav.w--open {
        background-color: #ebeff71a
    }

    .hflex-left-top {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .hflex-left-top.is-nav.offre {
        display: flex
    }

    .hflex-left-top.is-nav.offre.no-scroll.mobile {
        height: auto
    }

    .hflex-left-top.is-nav.catalogue {
        display: flex
    }

    .hflex-left-top.is-nav.mobile {
        flex-flow: column
    }

    .hflex-left-top.is-footer {
        flex-flow: row;
        grid-template-columns: 1fr;
        justify-content: space-between;
        place-items: flex-start stretch;
        width: 100%;
        display: flex
    }

    .block-matiere {
        width: 100%
    }

    .block-matiere.is-card50 {
        width: 100%;
        min-height: 250px
    }

    .block-matiere.is-card33 {
        width: 100%;
        min-height: 20rem
    }

    .droplist_nav-content.w--open {
        overflow: auto
    }

    .block-nav-absolute {
        width: 100%
    }

    .footer_legal-list {
        flex-flow: row;
        grid-auto-flow: row;
        justify-content: center;
        align-items: stretch;
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .footer_legal-link {
        align-self: center
    }

    .footer_top-wrapper {
        grid-row-gap: 3rem;
        width: 100%
    }

    .footer_bottom-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .footer_left-wrapper {
        width: 100%
    }

    .drop-nav {
        padding-right: 1rem
    }

    .drop-nav_toggle {
        margin-right: 2vw
    }

    .drop-nav_icon {
        padding-right: 1rem
    }

    .drop-nav_icon.manuels {
        width: 1rem;
        min-width: 1rem;
        height: 1rem;
        min-height: 1rem;
        margin-right: 3rem;
        inset: 0% 0% 0% auto
    }

    .menu-button.mobile {
        width: 65%
    }

    .hflex-top-spacebetween.gap-2rem {
        flex-flow: column
    }

    .link_app-wrapper {
        width: 114px
    }

    .check_mark {
        width: 28px;
        min-width: 28px;
        height: 28px;
        min-height: 28px
    }

    .left-right-radius {
        width: auto;
        height: auto
    }

    .button_wrapper.spacer-large.max-width-full.z-index-2 {
        justify-content: center;
        align-items: center
    }

    .button_wrapper.align-center {
        justify-content: center;
        align-items: stretch
    }

    .bento_grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .card_1,.card_2 {
        height: 100%;
        min-height: 32rem;
        padding: 1.5rem
    }

    .card_3 {
        height: 100%;
        min-height: 25rem;
        padding: 1.5rem
    }

    .card_4.position-relative {
        height: 100%;
        min-height: 32rem;
        padding: 1.5rem
    }

    .card_5.position-relative {
        min-height: 36rem;
        padding: 1.5rem
    }

    .funderline {
        padding-bottom: 1.5rem
    }

    .star-1 {
        width: 150px;
        min-width: 150px;
        height: 200px;
        min-height: 200px
    }

    .star-2 {
        width: 200px;
        min-width: 200px;
        height: 250px;
        min-height: 250px
    }

    .block-40.is-mobile-l100 {
        width: 100%
    }

    .book-mockup {
        width: 100%;
        height: 100%;
        right: auto
    }

    .book-mockup.is-left.computer,.book-mockup.smaller {
        width: 400px;
        min-width: 400px;
        min-height: 300px
    }

    .name_tag.is-pink-left,.name_tag.is-purple-left {
        left: 0%
    }

    .blue_paint-bg {
        top: 0%;
        left: 5%
    }

    .balance_icon {
        right: 0%
    }

    .icon_crown {
        left: 55%
    }

    .purple_paint-bg {
        right: 0%
    }

    .computer_bento {
        width: 280px;
        min-width: 280px;
        height: 220px;
        min-height: 220px
    }

    .notification_bento {
        width: 120px;
        min-width: 120px;
        height: 35px;
        min-height: 35px
    }

    .notification_bento.is-2 {
        width: 160px;
        min-width: 217px;
        height: 80px;
        min-height: 101px
    }

    .img_ecologie {
        width: 90%;
        min-width: 0;
        height: 100%;
        min-height: 0
    }

    .ecologie_icon {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px
    }

    .polaroid_zindex1 {
        left: 0%
    }

    .polaroid_zindex2 {
        bottom: -15%;
        right: 0%
    }

    .smile_icon {
        right: 5%
    }

    .cta_wrapper {
        padding: 2rem;
        overflow: clip
    }

    .img_primaire-cta {
        width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0
    }

    .cta_primaire-nav {
        padding: 2rem
    }

    .hflex-right-top.mobile {
        justify-content: flex-start;
        align-items: flex-start
    }

    .meli_cta-nav.mobile {
        width: 140px;
        min-width: 140px;
        height: 140px;
        min-height: 140px;
        inset: auto 5% -20% auto
    }

    .bg-diagonale {
        margin-top: 0%
    }

    .bg-cta-community {
        height: 100%;
        min-height: 300px
    }

    .polaroid_cta-community {
        width: 350px;
        height: 400px;
        top: 0%;
        left: 10%
    }

    .polaroid_cta-community.is-banner {
        width: 25rem;
        height: 28rem;
        bottom: -10%
    }

    .polaroid_cta-community.is-avis,.polaroid_cta-community.is-illu {
        width: 25rem;
        height: 25rem;
        bottom: -10%
    }

    .block-nav-absolute-inside {
        width: 100%
    }

    .bg-paint-nav-manuel {
        top: -50%;
        right: -20%
    }

    .manuels {
        font-size: 4rem;
        transform: translate(47px,2px)rotate(-4deg)
    }

    .les-h1 {
        font-size: 4rem;
        transform: translate(20px,43px)rotate(7deg)
    }

    .scolaires {
        font-size: 4rem;
        transform: rotate(4deg)translate(201px,-20px)
    }

    .faits {
        background-image: url(../images/678a2b8911889e9b25d202a1_Small-blue-tag.webp);
        background-size: cover;
        width: 170px;
        padding-left: 15px;
        font-size: 4rem;
        line-height: 1.5;
        transform: translate(34px,-65px)rotate(-4deg)
    }

    .par {
        margin-top: -10px;
        font-size: 4rem;
        transform: translate(74px,-65px)rotate(4deg)
    }

    .bubble1_wrapper {
        inset: auto -10% 0% auto
    }

    .bubble1_wrapper.is-tablet {
        width: 7rem;
        min-width: 7rem;
        inset: 5rem auto auto 0%
    }

    .bubble2_wrapper.is-tablet {
        width: 5rem;
        min-width: 5rem;
        inset: auto 30% 2% auto
    }

    .bubble2-heart,.bubble2-nametag {
        display: none
    }

    .bubble3_wrapper.is-tablet {
        inset: auto 0% 0% auto
    }

    .bubble3-pen,.bubble3-nametag {
        display: none
    }

    .bubble4_wrapper.is-tablet {
        width: 6rem;
        min-width: 6rem
    }

    .tableau-illu {
        width: 6rem;
        min-width: 6rem;
        height: 8rem;
        min-height: 8rem
    }

    .map-illu {
        display: none
    }

    .pen-illu {
        width: 4rem;
        min-width: 4rem;
        height: 5rem;
        min-height: 5rem
    }

    .tool1-illu {
        display: none
    }

    .tool2-illu {
        width: 10rem;
        min-width: 10rem;
        height: 10rem;
        min-height: 10rem;
        bottom: -15%
    }

    .cta_text-wrapper.is-fhorizontal {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .cta_img-wrapper.is-avis {
        height: 20rem
    }

    .center-mobile {
        width: 30rem;
        margin-left: auto;
        margin-right: auto
    }

    .menu-parent {
        padding-left: 16px;
        padding-right: 0
    }

    .webinaire-sparkle {
        top: -2rem;
        right: -2rem
    }

    .web_date {
        font-size: 1.5rem
    }

    .paint_bg-newcollec {
        width: 40rem
    }

    .books_wrapper {
        height: 15rem;
        top: -1rem
    }

    .books_wrapper.lvl2 {
        top: 0
    }

    .books_wrapper.lvl3 {
        top: 1rem
    }

    .book_new1 {
        width: 10rem;
        height: 15rem
    }

    .book_new2.left,.book_new2.right {
        width: 10rem;
        height: 12rem
    }

    .book_new3.right,.book_new3.left {
        width: 7rem;
        height: 10rem
    }

    .livre-blanc_cover {
        bottom: -4rem
    }

    .bg-adn {
        height: 100%;
        min-height: 300px;
        bottom: -3rem
    }

    .hflex-center-spacebetween.z-index-2 {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .paint-bg_bar {
        width: 25rem;
        min-width: 25rem;
        height: 12rem;
        min-height: 12rem;
        inset: auto -10% -10% auto
    }

    .bg-left-right {
        height: 100%;
        min-height: 300px;
        bottom: -3rem
    }

    .img-egg_shape {
        width: auto;
        height: auto
    }

    .img-egg_shape.z-index-2 {
        width: 18rem;
        min-width: 18rem;
        height: 20rem;
        min-height: 20rem
    }

    .img-big_square {
        width: auto;
        height: auto
    }

    .block-60.is-mobile-l100,.block-60.align-center.flex-v-container.center.mobile-l100 {
        width: 100%
    }

    .check_circle {
        width: 28px;
        min-width: 28px;
        height: 28px;
        min-height: 28px
    }

    .prof-illu,.bg_abo-prof,.classe_illu {
        display: none
    }

    .card_item-wrapper.min-height {
        min-height: 28rem
    }

    .faq_content {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .faq_question {
        border-top: 1px solid var(--base-color-neutral--gris30);
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .faq_icon-wrapper {
        width: 1.75rem
    }

    .rounder-bottom-section {
        bottom: -3%
    }

    .professeur_team {
        width: 100%;
        min-width: auto;
        height: auto;
        min-height: auto
    }

    .leftright-img {
        width: 25rem;
        height: 25rem
    }

    .leftright-img.tilt {
        width: 80%;
        height: 80%
    }

    .arrow-blue {
        width: 28px;
        min-width: 28px;
        height: 28px;
        min-height: 28px
    }

    .bg-absolute {
        width: 25rem;
        height: 25rem;
        top: -3%
    }

    .bg-absolute.is-eco {
        width: 20rem;
        height: 20rem;
        top: 0
    }

    .padding-section-xlarge {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .computer-absolute {
        width: 10rem;
        height: 10rem
    }

    .pricing-card {
        text-align: center
    }

    .bg-paint-book {
        width: 400px;
        height: 400px
    }

    .tab_tabs-menu {
        min-width: auto;
        max-width: 100%
    }

    .grid-4col._2coltab {
        grid-template-columns: 1fr 1fr
    }

    .grid-reco {
        grid-template-columns: 1fr
    }

    .newsletter_form {
        flex-flow: column;
        width: 100%
    }

    .tag-cover {
        width: auto;
        height: 30px;
        top: 1rem;
        left: 1rem
    }

    .recommandation.is-news {
        flex-flow: column
    }

    .grid-hero {
        grid-template-columns: 1fr
    }

    .img-hero.is-big.z-index-2.is-reforme {
        width: 25rem
    }

    .sponsor-lls {
        width: 15rem;
        height: 4rem
    }

    .hero-projet_content {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .image-wrapper1 {
        height: 20rem
    }

    .image-wrapper3 {
        height: 7rem
    }

    .image-wrapper2 {
        height: 6rem
    }

    .projet_image-group {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .content_content-wrapper {
        margin-top: 15px
    }

    .content_metatag-list {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .testimonial_mask {
        width: 80%
    }

    .testimonial_slide {
        padding-right: 1.5rem
    }

    .testimonial_card {
        min-height: 20rem;
        padding: 1.5rem
    }

    .testimonial_content-top {
        flex-flow: column;
        justify-content: space-between;
        align-items: stretch;
        min-height: 17rem;
        display: flex
    }

    .testimonial_client {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .testimonial_client.z-index-2 {
        flex-flow: row
    }

    .bubble-testimonial {
        inset: auto 2rem 1.5rem auto
    }

    .blog_featured-item-wrapper {
        grid-row-gap: 0rem;
        grid-template-columns: 1fr
    }

    .blog_featured-item-content {
        padding: 1.5rem
    }

    .category-filter-menu {
        width: 100vw;
        margin-left: -5vw;
        padding-left: 5vw;
        overflow: scroll
    }

    .category-filter-menu.no-scrollbar {
        justify-content: flex-start;
        margin-bottom: 3rem
    }

    .project_list {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .info-projet {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .header_image-wrapper1.is-book {
        bottom: 25%
    }

    .icon-scroll {
        width: 25px;
        height: 40px
    }

    .scroll-dot {
        width: 6px;
        height: 6px
    }

    .timeline13_circle {
        margin-top: 1.75rem
    }

    .scoll-wrap {
        z-index: 1;
        height: 100%;
        bottom: 50%
    }

    .scroll-animate {
        height: 180px
    }

    .step_roadmap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: auto
    }

    .card_roadmap {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-bottom: 2rem
    }

    .step-content-block {
        z-index: 2;
        order: -1;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .up.grow {
        flex: 1
    }

    .roadmap_step {
        background-color: #fdfae6;
        justify-content: center;
        padding: 1.5rem 1.25rem
    }

    .display-inlineflex.gap-0-5rem.margin-top-12px {
        flex-flow: column;
        justify-content: center;
        align-items: center
    }

    .year-roadmap {
        font-size: 1.125rem
    }

    .buttonlight {
        height: 40px;
        font-size: .875rem
    }

    .empty-timeline {
        z-index: 3;
        order: 3;
        width: 70%;
        min-height: 50vh;
        padding-top: 20px;
        display: none;
        position: relative
    }

    .header80_component {
        height: 150vh
    }

    .header80_content-wrapper {
        flex-direction: column;
        align-items: flex-start
    }

    .header80_image-wrapper.is-image-1 {
        width: 30vw
    }

    .header80_image-wrapper.is-image-2 {
        width: 30vw;
        left: 52vw
    }

    .header80_image-wrapper.is-image-4 {
        width: 26vw
    }

    .header80_image-wrapper.is-image-5 {
        width: 28vw
    }

    .header80_image-wrapper.is-image-6 {
        width: 26vw;
        right: 50vw
    }

    .header80_image-wrapper.is-image-prof1 {
        width: 30vw
    }

    .header80_image-wrapper.is-image-2-small {
        width: 30vw;
        left: 52vw
    }

    .header80_image-wrapper.is-image-4-small {
        width: 26vw
    }

    .header80_image-wrapper.is-image-3 {
        width: 28vw
    }

    .header80_content {
        padding-top: 4rem
    }

    .header80_ix-trigger {
        margin-top: 35rem
    }

    .is-big {
        font-size: 2.5rem
    }

    .header_image-group {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .layout-valeur_component {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .layout-valeur_card {
        grid-template-columns: 1fr;
        height: auto;
        margin-bottom: 0;
        position: static
    }

    .layout-valeur_card.card-1,.layout-valeur_card.card-2,.layout-valeur_card.card-3 {
        height: auto
    }

    .layout-valeur_card-content {
        padding: 2rem 1.5rem 1.5rem
    }

    .layout-valeur_card-content.is-orange {
        padding-top: 2rem
    }

    .layout-valeur_image-wrapper {
        height: auto;
        max-height: 30rem;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .bg-paint-value {
        width: 15rem;
        height: 15rem;
        inset: -37% -26% auto auto
    }

    .bg-paint-value.is-dark {
        width: 25rem;
        height: 20rem;
        inset: auto auto -11% -33%
    }

    .bg-paint-value.is-orange {
        width: 25rem;
        height: 30rem;
        bottom: -14rem;
        left: -2.1rem
    }

    .layout-recrutement_content {
        min-height: 0
    }

    .layout-recrutement_content-bottom {
        height: 80svh
    }

    .layout-recrutement_image-wrapper {
        max-width: 55vw
    }

    .layout-recrutement_tabs {
        grid-template-columns: 1fr
    }

    .layout-recrutement_tabs-menu {
        border-top: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
        border-left-style: none
    }

    .layout-poste_tab-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .layout-recrutement_tab-content {
        padding: 1.5rem
    }

    .team-photo {
        width: 25rem;
        min-width: 25rem
    }

    .table_component {
        grid-row-gap: 3rem
    }

    .nav-drop-container {
        overflow: clip
    }

    .nav-drop-container.offres {
        border-radius: 0;
        left: 0%
    }

    .nav-drop_wrapper {
        height: auto;
        min-height: 0
    }

    .nav-drop-list_wrapper {
        display: none
    }

    .content-nav_wrapper.college.is-mobile {
        margin-top: .25rem;
        padding-left: 0;
        display: flex
    }

    .filters_category-menu {
        overflow: scroll
    }

    .filters_category-menu.no-scrollbar {
        justify-content: flex-start;
        margin-bottom: 3rem
    }

    .filters_menu-link.last-link {
        margin-right: 2rem
    }

    .filters_filter-group-list._2 {
        grid-column-gap: 4rem;
        grid-row-gap: 2.5rem;
        flex-flow: column;
        display: flex
    }

    .filters_feed {
        grid-template-columns: 1fr 1fr
    }

    .bg_paint-home {
        width: 20rem;
        top: -1rem;
        left: 0
    }

    .manuels-h1.s-h1-large {
        font-size: 4rem;
        transform: translate(-19px,39px)rotate(-10deg);
    }

    .scoalires-h1.s-h1-large {
        font-size: 4rem;
        transform: rotate(-4deg)translate(140px,-2px)
    }

    .faits-h1.s-h1-large {
        width: 160px;
        font-size: 4rem;
        transform: translate(16px,22px)rotate(-12deg);
    }

    .pour-h1.s-h1-large,.les-profs-h1.s-h1-large {
        font-size: 4rem;
        transform: translateY(0px);
    }

    .h1_wrapper {
        padding-top: 4rem
    }

    .par-h1.s-h1-large {
        font-size: 4rem;
        transform: translate(69px,-4px)
    }

    .multicheck {
        width: 100%
    }

    .dropnav,.dropnav:hover {
        background-color: #fff
    }

    .dropdown-list.w--open {
        overflow: scroll
    }

    .content-college-mobile.college.is-mobile {
        margin-top: .25rem;
        padding-left: 0;
        display: none
    }

    .form-block {
        width: 90%
    }

    .content-nav_wrapper-mobile-lycee.college.is-mobile {
        margin-top: .25rem;
        padding-left: 0;
        display: flex
    }

    .content-nav_wrapper-mobile-lycee.lycee {
        display: flex
    }

    .content-nav_wrapper-mobile-lycee.lycee.mobile {
        display: none
    }

    .content-nav_wrapper-mobile-pro.college.is-mobile,.content-nav_wrapper-primaire.college.is-mobile,.content-nav_wrapper-mobile-primaire.college.is-mobile {
        margin-top: .25rem;
        padding-left: 0;
        display: flex
    }

    .content-nav_wrapper-mobile-primaire.pro {
        display: none
    }

    .cookie-container {
        bottom: 1rem;
        right: 1rem
    }

    .manuels-container {
        width: 100%
    }

    .heading-style-h4-2 {
        font-size: 1.25rem
    }

    .vertical-subtitle.display-inline-text.custom-filters {
        width: 100%
    }

    .form-block-2 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex
    }

    .grid-reforme-4items {
        grid-template-columns: 1fr
    }

    .book-cover-img {
        width: 300px;
        min-width: 300px;
        height: 300px;
        min-height: 300px
    }

    .event-header2_component {
        align-items: flex-start
    }

    .event-header2_featured-item-link {
        grid-template-columns: 1fr
    }

    .event-header2_featured-item-content {
        padding: 1.5rem
    }

    .event-header2_list {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .text-content {
        padding: 1.5rem
    }

    .smaller-blog-grid {
        grid-row-gap: 1rem;
        grid-template-columns: 1fr
    }

    .bg-header.is-reforme {
        width: 25rem;
        height: 25rem
    }

    .grid-bento-collection {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .card_2-reforme {
        height: 100%;
        min-height: 0;
        padding: 2rem
    }

    .card_3-reforme,.card_4-reforme {
        height: 100%;
        min-height: 32rem;
        padding: 2rem
    }

    .green-star {
        width: 150px;
        min-width: 150px;
        height: 200px;
        min-height: 200px
    }

    .green-star.is-book {
        width: 20rem;
        min-width: 20rem
    }

    .green-star2 {
        width: 200px;
        min-width: 200px;
        height: 250px;
        min-height: 250px
    }

    .flower-red {
        width: 5rem;
        min-width: 5rem;
        height: 5rem;
        min-height: 5rem
    }

    .paint-blue {
        width: 200px;
        min-width: 200px;
        height: 250px;
        min-height: 250px
    }

    .shape-purple {
        width: 150px;
        min-width: 150px;
        height: 200px;
        min-height: 200px
    }

    .paint-orange {
        width: 200px;
        min-width: 200px;
        height: 250px;
        min-height: 250px
    }

    .paint-orange2 {
        width: 150px;
        min-width: 150px;
        height: 200px;
        min-height: 200px
    }

    .paint-orange2.is-book {
        width: 25rem;
        min-width: 25rem
    }

    .hearts-illu {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem
    }

    .layout416_card {
        margin-left: 1.5rem
    }

    .layout416_card.card-2,.layout416_card.card-3,.layout416_card.card-1 {
        height: auto
    }

    .layout416_component {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .layout416_content {
        grid-template-columns: 1fr;
        align-content: start;
        height: 100%;
        padding-top: 4rem;
        padding-bottom: 4rem;
        position: static
    }

    .layout416_content-right {
        min-height: 24.5rem;
        position: sticky;
        top: 25%
    }

    .card_1-reforme {
        height: 100%;
        min-height: 0;
        padding: 2rem
    }

    .modal1_component {
        align-items: flex-start
    }

    .modal1_content-wrapper {
        width: 100%;
        height: 100vh;
        max-height: none;
        padding-bottom: 7rem;
        padding-left: 5%;
        padding-right: 5%
    }

    .modalvideo_component {
        align-items: flex-start
    }

    .modal2_content-wrapper {
        width: 100%;
        height: 100vh;
        max-height: none;
        padding-bottom: 7rem;
        padding-left: 5%;
        padding-right: 5%
    }
}

@media screen and (max-width: 479px) {
    .utility-page_component {
        overflow:clip
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top.margin-medium.mobile {
        margin-top: 1rem;
    }

    .margin-top.margin-medium._2rem {
        margin-top: 2rem
    }

    .margin-top.margin-xlarge {
        justify-content: flex-start;
        align-items: stretch;
        display: flex
    }

    .margin-top.margin-xlarge.is-commande {
        flex-flow: column
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .icon-1x1-small {
        width: .7rem;
        min-width: .7rem;
        height: .7rem;
        min-height: .7rem;
        padding-right: 1px
    }

    .fs-styleguide_row {
        flex-wrap: wrap
    }

    .heading-style-h3.is-valeur {
        font-size: 2rem
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }

    .padding-global.v2-mobile {
        padding-right: 0
    }

    .hide-mobile-portrait {
        display: none
    }

    .text-size-regular {
        font-size: 0.89rem;
        font-weight: 390;
    }

    .text-size-small.text-color-lightgrey.is-feature {
        line-height: 1.3
    }

    .heading-style-h6.text-color-darkgrey.is-feature {
        font-size: .9rem;
        line-height: 1.2
    }

    .heading-style-h5.is-team {
        font-size: 1rem
    }

    .container-large.padding-section-medium.custom-bot {
        padding-top: 3rem;
        padding-bottom: 5rem
    }

    .button.is-icon {
        justify-content: center;
        align-items: center;
        font-size: .85rem
    }

    .button.is-icon.is-secondary.bg-white {
        background-color: #fff
    }

    .button.is-icon.is-secondary.bg-white:hover {
        background-color: #e7f5ff
    }

    .button.is-icon.is-orange {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
        font-size: .85rem
    }

    .button.is-link.is-icon {
        justify-content: center;
        align-items: center;
        font-size: .85rem
    }

    .section.position-relative.is-hero {
        padding-bottom: 4rem
    }

    .heading-style-h0 {
        font-size: 5rem
    }

    .heading-style-h0.lineheight1 {
        font-size: 3rem
    }

    .flex-h-container.gap-2vw {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .flex-h-container.gap-2vw.centered {
        align-self: auto
    }

    .width-60 {
        width: 100%
    }

    .flex-v-container.space-between.reforme {
        height: 35rem
    }

    .swiper-slide.is-news {
        width: 18rem;
        min-width: 18rem
    }

    .swiper-slide._2 {
        height: 28rem
    }

    .grid-3col {
        width: 100%
    }

    .grid-2col._40-60.gap-2rem._2colmo {
        grid-template-columns: 1fr
    }

    .content_wrapper.flex-center.is-commande {
        display: none
    }

    .content_wrapper.tablet-80.z-index-2.width-full {
        width: 100%
    }

    .content_wrapper.z-index-2.left-center-100dvh {
        height: 100vh
    }

    .content_wrapper.z-index-2.left-center-100dvh.mobile {
        height: auto
    }

    .content_wrapper.is-prof {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .content_wrapper.single-reco {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .content_wrapper.single-reco-right {
        width: 100%
    }

    .suptitle {
        font-size: .75rem
    }

    .hflex-center.align-center {
        height: 75dvh;
        padding-bottom: 3rem;
        overflow: scroll
    }

    .hflex-center._60vw {
        min-height: 0
    }

    .hflex-center.gap-1rem {
        justify-content: center;
        align-items: center
    }

    .nav_button-container {
        padding-bottom: 4.5rem
    }

    .hflex-left-top {
        grid-template-columns: 1fr
    }

    .hflex-left-top.is-nav {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        flex-flow: column;
        height: auto;
        min-height: 0
    }

    .hflex-left-top.is-nav.offre {
        min-height: 25rem
    }

    .hflex-left-top.is-nav.offre.no-scroll {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        height: auto;
        min-height: 0
    }

    .hflex-left-top.is-nav.offre.mobile {
        grid-column-gap: 1.4rem;
        grid-row-gap: 1.4rem;
        flex-flow: column;
        min-height: 27rem
    }

    .hflex-left-top.is-nav.catalogue.offre {
        height: 11rem;
        min-height: 11rem
    }

    .hflex-left-top.is-nav.mobile {
        padding-bottom: 1rem
    }

    .hflex-left-top.is-footer {
        flex-flow: wrap
    }

    .hflex-left-top.height-mobile {
        justify-content: center;
        align-items: center;
        height: 87dvh;
    }

    .hflex-left-top.gap-min {
        flex-flow: column
    }

    .block-matiere.is-50 {
        width: 100%
    }

    .block-matiere.is-card50 {
        min-height: 0
    }

    .block-matiere.is-card50.mobile {
        height: 11rem
    }

    .block-matiere.is-card100 {
        height: 120px;
        min-height: 120px
    }

    .block-matiere.is-card33 {
        height: auto;
        min-height: 0
    }

    .block-nav-absolute {
        margin-top: 0
    }

    .footer_legal-list {
        width: 100%
    }

    .drop-nav {
        overflow: visible
    }

    .drop-nav_toggle {
        margin-right: 1vw
    }

    .menu-button.w--open {
        padding: 12px
    }

    .menu-button.mobile {
        width: 50%;
        height: 64px
    }

    .menu-button.mobile.w--open {
        height: 64px
    }

    .button_wrapper {
       flex-flow: column; */
        display: flex;
    }

    .button_wrapper.spacer-large.max-width-full.z-index-2,.button_wrapper.hflex-center.max-width-full-mobile-portrait {
        align-items: stretch
    }

    .button_wrapper.spacer-small.margin-bottom.margin-small.d-none {
        display: none
    }

    .bento_grid {
        grid-template-columns: 1fr;
        width: 100%
    }

    .card_1 {
        height: 100%;
        min-height: 28rem;
        padding: 1rem;
    }

    .card_2 {
        min-height: 25rem;
        padding: 1rem
    }

    .card_3 {
        height: 25rem;
        min-height: 25rem;
        padding: 1rem
    }

    .card_4.position-relative {
        min-height: 25rem;
        padding: 1rem
    }

    .card_5.position-relative {
        padding: 1rem
    }

    .star-1 {
        width: 100px;
        min-width: 100px;
        height: 178px;
        min-height: 100px
    }

    .star-2 {
        width: 70px;
        min-width: 70px;
        height: 50px;
        min-height: 200px
    }

    .book-mockup {
        width: 273px;
        height: 200px
    }

    .book-mockup.is-left.computer,.book-mockup.smaller {
        width: 250px;
        min-width: 250px;
        min-height: 250px
    }

    .button_card-circle {
        top: 1rem;
        right: 1rem
    }

    .name_tag.is-pink-left,.name_tag.is-purple-left {
        display: none
    }

    .name_tag.is-purple-left.is-banner {
        display: block
    }

    .balance_icon {
        width: 120px;
        min-width: 120px;
        height: 100px;
        min-height: 100px
    }

    .polaroid_zindex2 {
        width: 220px;
        min-width: 220px;
        height: 250px;
        min-height: 250px
    }

    .cta_wrapper.is-purple,.cta_wrapper.is-orange {
        padding: 1rem
    }

    .cta_wrapper.is-orange.overflow_clip-desktop {
        overflow: clip
    }

    .cta_wrapper.is-green,.cta_wrapper.is-blue,.cta_wrapper.is-small {
        padding: 1rem
    }

    .annotation {
        color: var(--base-color-brand--blueprimary100);
        font-size: 1rem
    }

    .annotation.is-small {
        color: var(--base-color-neutral--gris100);
        font-size: .65rem
    }

    .annotation_wrapper {
        bottom: -2%
    }

    .meli_img-cta {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px
    }

    .stars_primaire {
        width: 29px;
        min-width: 29px;
        height: 24px;
        min-height: 24px
    }

    .polaroid_cta-community {
        width: 330px;
        height: 390px;
        inset: 0%
    }

    .polaroid_cta-community.is-banner {
        width: 20rem;
        height: 23rem;
        inset: auto auto 0% 0%
    }

    .polaroid_cta-community.is-avis,.polaroid_cta-community.is-illu {
        width: 18rem;
        height: 18rem;
        inset: auto auto 0% 0%
    }

    .bubble_icon.is-banner,.abonnement_prof-img,.abonnement_classe-img {
        display: none
    }

    .catalogue-img {
        width: 350px;
        height: 330px;
        display: none
    }

    .bg-paint-nav-manuel {
        width: 300px;
        height: 200px;
        inset: auto 0% 0% auto
    }

    .projet-img-nav,.commu_img-nav,.apropos_img,.projet-img-nav2,.projet-img-nav3 {
        display: none
    }

    .manuels {
        font-size: 3rem;
        transform: translate(47px)rotate(-4deg)
    }

    .les-h1 {
        font-size: 4rem;
        transform: translate(20px,35px)rotate(-22deg);
    }

    .scolaires {
        font-size: 3rem;
        transform: rotate(4deg)translate(83px,-7px)
    }

    .faits {
        background-image: url(../images/678a70b163767202530adc9d_Group%201000003523.webp);
        width: 130px;
        height: 67px;
        font-size: 3rem;
        line-height: 1.4;
        transform: translate(2px,-16px)rotate(-4deg)
    }

    .par {
        margin-top: -7px;
        margin-left: 28px;
        padding-bottom: 16px;
        font-size: 3rem;
        transform: translate(25px,-16px)rotate(4deg)
    }

    .img-bg_hero.tablet {
        width: 500px;
        height: 600px;
        inset: auto -24% auto auto
    }

    .bubble1_wrapper {
        width: 4rem;
        min-width: 4rem;
        inset: 0% auto auto 0%
    }

    .bubble1_wrapper.is-tablet {
        width: 7rem;
        min-width: 7rem;
        inset: auto auto -7rem 0%
    }

    .bubble1 {
        display: flex
    }

    .bubble1-yellow-circle {
        display: block
    }

    .bubble1-trousse {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        inset: auto auto -10% 0%;
        transform: rotateX(0)rotateY(-180deg)rotate(0)
    }

    .bubble1-stars {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        bottom: auto;
        left: -20%;
        right: auto
    }

    .bubble2_wrapper.is-tablet {
        width: 6rem;
        min-width: 6rem;
        inset: -.5rem 8rem auto auto;
        transform: rotate(-20deg);
    }

    .bubble2-heart {
        display: none
    }

    .bubble2-nametag {
        width: 3rem;
        min-width: 5rem;
        height: 2rem;
        min-height: 2rem;
        display: block;
        bottom: -50%;
        right: 22%;
        transform: rotate(28deg)
    }

    .bubble3_wrapper.is-tablet {
        width: 5rem;
        min-width: 6rem;
        bottom: -29%;
        right: 13%;
    }

    .bubble3-sparkle {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem
    }

    .bubble3-pen {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        display: block
    }

    .bubble4_wrapper.is-tablet {
        width: 1rem;
        min-width: 6rem;
        top: 1.2rem;
    }

    .bubble4-crown {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 2rem;
        display: block;
        top: -31%
    }

    .bubble4-stars {
        width: 2rem;
        min-width: 3rem;
        height: 2rem;
        min-height: 2rem;
        bottom: -30%;
        right: -30%
    }

    .card_item._1 {
        width: 18rem;
        min-width: 18rem;
        height: 25rem;
        min-height: 25rem
    }

    .card_item._2 {
        width: 18rem;
        min-width: 18rem
    }

    .card1_crown,.card2_left-item,.card2_right-item {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        display: none;
        top: -15%
    }

    .tableau-illu {
        display: none;
        bottom: -10%
    }

    .pen-illu {
        top: 5%
    }

    .cta_text-wrapper.is-fhorizontal {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .cta_img-wrapper.is-xbig,.cta_img-wrapper.is-small {
        height: 22rem
    }

    .cta_img-wrapper.is-avis {
        height: 18rem
    }

    .center-mobile {
        width: 20rem;
        margin-left: auto;
        margin-right: auto
    }

    .center-mobile.mobile {
        width: 94%;
        height: auto
    }

    .bg_paint-cta {
        width: 20rem;
        min-width: 20rem;
        height: 16rem;
        min-height: 16rem;
        bottom: 0;
        left: 0%
    }

    .bg_paint-cta.is-demo {
        width: 16rem;
        min-width: 16rem;
        height: 14rem;
        min-height: 14rem
    }

    .post_it-cta {
        width: 16rem;
        min-width: 16rem;
        height: 13rem;
        min-height: 13rem;
        inset: auto auto -1rem 0%
    }

    .post-it_text {
        font-size: 1.5rem;
        top: 5rem;
        left: 2rem;
        right: 3rem
    }

    .paper_cta {
        width: 14rem;
        min-width: 14rem;
        height: 13rem;
        min-height: 13rem;
        inset: auto auto -1rem 0%
    }

    .paper_text {
        font-size: 1.25rem;
        top: 6rem;
        left: 2rem;
        right: 2rem
    }

    .menu-parent {
        inset: 14% 3% 0% auto
    }

    .book_cover-cta {
        width: 9rem;
        min-width: 9rem;
        height: 13rem;
        min-height: 13rem;
        inset: auto 1rem -2rem auto
    }

    .main_web-person {
        width: 8rem;
        min-width: 8rem;
        height: 8rem;
        min-height: 8rem;
        inset: auto auto 0% 0%
    }

    .web-person1 {
        width: 4rem;
        min-width: 4rem;
        height: 4rem;
        min-height: 4rem;
        inset: 3rem auto auto 4rem
    }

    .web-person2 {
        width: 4rem;
        min-width: 4rem;
        height: 4rem;
        min-height: 4rem;
        display: block;
        inset: 0% auto auto 0%
    }

    .web_date {
        font-size: 1.25rem;
        inset: 0% 0% auto auto
    }

    .books_wrapper {
        top: 1rem
    }

    .books_wrapper.lvl2 {
        top: 2rem
    }

    .books_wrapper.lvl3 {
        top: 3rem
    }

    .book_new1 {
        width: 9rem;
        height: 13rem
    }

    .book_new2.left,.book_new2.right {
        width: 7rem;
        height: 10rem
    }

    .book_new3.right,.book_new3.left {
        width: 6rem;
        height: 9rem
    }

    .shape-bg_livreblanc {
        width: 20rem;
        min-width: 20rem;
        height: 16rem;
        min-height: 16rem;
        bottom: 0;
        left: 0%
    }

    .shape-bg_livreblanc.is-blue {
        width: 12rem;
        min-width: 12rem;
        height: 12rem;
        min-height: 12rem
    }

    .livre-blanc_cover {
        width: 9rem;
        min-width: 9rem;
        height: 13rem;
        min-height: 13rem;
        inset: auto 1rem 0% auto
    }

    .demo-placeholder {
        border-radius: 1rem;
        width: 15rem;
        min-width: 15rem;
        height: 10rem;
        min-height: 10rem;
        inset: auto 0 0 auto
    }

    .bg-adn {
        width: 26rem;
        min-width: 26rem;
        height: 26rem;
        min-height: 26rem;
        bottom: -1rem
    }

    .paint-bg_bar {
        width: 30rem;
        min-width: 30rem;
        height: 15rem;
        min-height: 15rem
    }

    .bg-left-right {
        width: 26rem;
        min-width: 26rem;
        height: 26rem;
        min-height: 26rem;
        bottom: -1rem
    }

    .promo_circle {
        width: 12rem;
        height: 8rem;
        right: 5rem
    }

    .flower-left-top,.flower-right-top,.shape-right-top {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        display: none;
        top: -15%
    }

    .pricing.is-big {
        font-size: 3rem
    }

    .marquee-horizontal {
        margin-bottom: 1.5rem;
        overflow: hidden
    }

    .bg_star-classe,.bg_star-classe.is-2 {
        width: 8rem;
        height: 8rem
    }

    .ariane-link {
        font-size: .8rem
    }

    .rectangle-illu.is-small {
        width: 7rem;
        min-width: 7rem;
        height: 8rem;
        min-height: 8rem
    }

    .rectangle-illu.z-index-2 {
        width: 15rem;
        min-width: 15rem
    }

    .card_item-wrapper,.card_item-wrapper.is-small {
        padding: 1rem
    }

    .faq_content {
        grid-template-columns: 1fr
    }

    .members,.bigtxt {
        font-size: 3rem
    }

    .leftright-img {
        width: 15rem;
        min-width: 15rem;
        height: 15rem;
        min-height: 15rem
    }

    .bg-absolute {
        width: 18rem;
        min-width: 18rem;
        height: 18rem;
        min-height: 18rem;
        top: -28%
    }

    .bg-absolute.is-eco {
        min-width: 20rem;
        min-height: 20rem
    }

    .computer-absolute {
        width: 7rem;
        height: 7rem;
        top: -3rem
    }

    .book-card_wrapper {
        padding: 2rem
    }

    .book-card_wrapper.is-mobile {
        width: 100%
    }

    .bg-paint-book {
        width: 350px;
        height: 350px;
        top: 0%;
        right: -21%
    }

    .book-cover {
        width: 10rem;
        height: 15rem
    }

    .tab_tabs-menu.v2 {
        border-style: none;
        border-radius: 0
    }

    .tab_tabs-content.v2-mobile {
        padding-right: 1.25rem
    }

    .collection_card {
        padding: 1rem
    }

    .bg_paint-collection-card {
        width: 10rem;
        min-width: 10rem;
        height: 15rem;
        min-height: 15rem
    }

    .cover-img {
        width: 8rem;
        min-width: 8rem;
        height: 8rem;
        min-height: 8px
    }

    .grid-4col._2coltab {
        grid-template-columns: 1fr 1fr
    }

    .grid-reco {
        grid-template-columns: 1fr
    }

    .select-field_newsletter,.text-field_newsletter {
        min-width: 0;
    }

    .tag-cover {
        width: auto;
        height: 25px;
        top: .75rem;
        left: .75rem
    }

    .img-hero.is-big.z-index-2.is-reforme {
        width: 15rem;
        height: 15rem
    }

    .img-hero.is-commande {
        width: 100%;
        height: auto
    }

    .text-color-orange70.text-weight-bold,.text-color-purple80.text-weight-bold,.text-color-greensucess80.text-weight-bold {
        font-size: .875rem
    }

    .projet_image-group {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .testimonial_mask {
        width: 95%
    }

    .testimonial_card {
        height: 26rem;
        min-height: 0
    }

    .testimonial_card.is-blue {
        height: auto;
        padding: 1rem 1rem 1.5rem
    }

    .testimonial_content-top {
        height: 21rem
    }

    .testimonial_client-image-wrapper {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px
    }

    .bubble-testimonial {
        inset: auto 2rem .5rem auto
    }

    .blog_featured-item-content,.project_item-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .stars_projet {
        width: 29px;
        min-width: 29px;
        height: 24px;
        min-height: 24px
    }

    .header_image-wrapper1 {
        max-width: 25%;
        bottom: 20%
    }

    .header_image-wrapper3 {
        max-width: 25%;
        top: 12%
    }

    .header_image-wrapper3.is-book {
        max-width: 8%
    }

    .header_image-wrapper6 {
        right: -5%
    }

    .header_image-wrapper6.is-book {
        max-width: 24%
    }

    .header_image-wrapper8 {
        max-width: 18%;
        bottom: 35%;
        left: 15%
    }

    .header_image-wrapper8.is-small {
        display: none
    }

    .header_image-wrapper2 {
        max-width: 20%;
        top: 20%;
        left: 2%
    }

    .header_image-wrapper4 {
        max-width: 25%;
        top: -2%
    }

    .header_image-wrapper5 {
        max-width: 25%;
        top: 30%
    }

    .header_image-wrapper5.is-book {
        max-width: 15%;
        top: 15%
    }

    .header_image-wrapper9 {
        max-width: 18%;
        right: 32%
    }

    .icon-scroll {
        width: 30px;
        height: 50px
    }

    .header_image-wrapper7 {
        max-width: 30%;
        right: 32%
    }

    .header_image-wrapper7.is-small {
        max-width: 15%;
        display: none
    }

    .header_image-wrapper10 {
        max-width: 8%;
        inset: auto 0% 5% auto
    }

    .header_image-wrapper11 {
        max-width: 18%;
        top: 8%
    }

    .header_image-wrapper12 {
        max-width: 8%;
        top: 0%
    }

    .header_image-wrapper13 {
        max-width: 10%;
        top: 8%
    }

    .header_image-wrapper13.is-book {
        max-width: 20%
    }

    .header_image-wrapper14 {
        max-width: 10%;
        top: 8%
    }

    .header_image-wrapper15 {
        max-width: 12%;
        top: 8%
    }

    .steps-clone {
        display: block;
        position: static
    }

    .scroll-animate {
        height: 90px
    }

    .display-inlineflex.gap-0-5rem.margin-top-12px {
        flex-flow: column;
        justify-content: center;
        align-items: center
    }

    .empty-timeline {
        width: 90%
    }

    .header80_image-wrapper {
        width: 30vw;
        height: 35vw
    }

    .is-big.text-color-darkgrey {
        font-size: 2.5rem
    }

    .header_image-group {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .bg-paint-value.is-dark.is-bottom {
        width: 20rem;
        height: 20rem;
        bottom: -8rem;
        right: -5.3rem;
        transform: rotate(66deg)
    }

    .bg-paint-value.is-orange.is-light {
        width: 10rem;
        height: 10rem;
        top: -6.4rem
    }

    .bg-paint-value.is-orange.is-bottom_small {
        width: 15rem;
        height: 35rem
    }

    .layout-recrutement_content-bottom {
        height: 60svh;
        margin-top: -5rem
    }

    .layout-recrutement_ix-trigger {
        margin-top: 80vh
    }

    .layout-recrutement_tabs {
        grid-template-columns: 1fr
    }

    .team-photo {
        width: 15rem;
        min-width: 15rem;
        height: 15rem;
        min-height: 15rem
    }

    ._404 {
        font-size: 10rem
    }

    .loupe-wrapper {
        width: 10rem;
        height: 10rem
    }

    .logo_lls-white {
        width: 18rem
    }

    .table_header {
        flex-direction: column;
        align-items: flex-start
    }

    .table_component {
        grid-template-columns: 1fr
    }

    .nav-drop-container {
        overflow: scroll
    }

    .content-nav_wrapper.college.is-mobile {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .filters_component {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .filters_feed {
        grid-template-columns: 1fr
    }

    .bg_paint-home {
        width: 10rem;
        height: 15rem
    }

    .manuels-h1.s-h1-large,.scoalires-h1.s-h1-large {
        font-size: 3rem;
    }

    .faits-h1.s-h1-large {
        width: 120px;
        padding-right: 0;
        font-size: 2rem;
    }

    .pour-h1.s-h1-large,.les-profs-h1.s-h1-large {
        font-size: 2rem;
    }

    .h1_wrapper {
        padding-top: 0;
        padding-left: 1.2rem;
        top: 3px;
    }

    .par-h1.s-h1-large {
        font-size: 3rem;
        left: 0.2rem;
        transform: translate(27px,-15px)
    }

    .toggle-tags {
        width: auto
    }

    .dropdown-list.w--open {
        overflow: visible
    }

    .content-college-mobile.college.is-mobile {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: none
    }

    .drop-nav_toggle-2 {
        margin-right: 1vw
    }

    .form-block {
        width: 100%
    }

    .content-nav_wrapper-mobile-lycee.college.is-mobile {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .content-nav_wrapper-mobile-lycee.lycee.mobile {
        display: none
    }

    .content-nav_wrapper-mobile-pro.college.is-mobile,.content-nav_wrapper-primaire.college.is-mobile {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .catalogue-img-primaire {
        width: 350px;
        height: 180px;
        display: none
    }

    .content-nav_wrapper-mobile-primaire.college.is-mobile {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .content-nav_wrapper-mobile-primaire.pro {
        min-height: 8rem;
        padding-left: 0
    }

    .cookie-container {
        width: 85%
    }

    .reco_wrapper-single._1,.reco_wrapper-single._2 {
        flex-flow: column
    }

    .manuels-container.d-none {
        display: none
    }

    .collection-list-wrapper {
        min-height: auto;
        margin-top: -12px
    }

    .collection-list-wrapper._2nd {
        justify-content: flex-start;
        align-items: center
    }

    .manuels-filter-section {
        overflow: clip
    }

    .collection-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .manuel-filter {
        width: 9rem;
        height: 12rem
    }

    .form-block-2 {
        margin-bottom: 0
    }

    .book-cover-img {
        width: 250px;
        min-width: 250px;
        height: 250px;
        min-height: 250px
    }

    .icon-illu.crown {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        right: -1rem
    }

    .icon-illu.smile {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        left: 0
    }

    .icon-illu._10 {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        left: -.5rem
    }

    .icon-illu.stars {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        right: -.5rem
    }

    .icon-illu.mini-stars {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        left: -1rem
    }

    .icon-illu.hearts {
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
        min-height: 1.5rem;
        left: 0
    }

    .icon-illu.highlights {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        top: -.5rem;
        left: 0
    }

    .icon-illu.flower {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        right: 0
    }

    .icon-illu.sticker {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
        min-height: 6rem;
        bottom: -.5rem;
        right: 1rem
    }

    .meta-wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .event-header2_list {
        grid-row-gap: 3rem
    }

    .smaller-blog-grid {
        grid-row-gap: 1.5rem
    }

    .bg-header.is-reforme {
        width: 15rem;
        height: 15rem
    }

    .card_2-reforme,.card_3-reforme,.card_4-reforme {
        height: 100%;
        min-height: 25rem;
        padding: 1rem
    }

    .green-star {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px
    }

    .green-star.is-book {
        width: 15rem;
        min-width: 15rem
    }

    .green-star2,.flower-red {
        width: 70px;
        min-width: 70px;
        height: 50px;
        min-height: 200px
    }

    .paint-blue {
        width: 250px;
        min-width: 250px;
        height: 200px;
        min-height: 200px
    }

    .shape-purple {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px
    }

    .paint-orange {
        width: 70px;
        min-width: 70px;
        height: 50px;
        min-height: 200px
    }

    .paint-orange2 {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px
    }

    .paint-orange2.is-book {
        width: 15rem;
        min-width: 15rem
    }

    .hearts-illu {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        inset: 1rem auto auto 1rem
    }

    .img-book.z-index-2 {
        width: 15rem;
        min-width: 15rem;
        height: 15rem;
        min-height: 15rem
    }

    .layout416_component {
        grid-template-columns: 1fr
    }

    .stickers {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
        min-height: 6rem
    }

    .grid-testimonial {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .card_1-reforme {
        height: 100%;
        min-height: 25rem;
        padding: 1rem
    }

    .grid-reforme {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        grid-template-columns: 1fr;
        display: flex
    }

    .modal1_component {
        width: 100dvw;
        height: 100dvh;
        display: none;
        inset: 0%
    }

    .modal1_content-wrapper {
        height: 80vh;
        top: 5rem
    }

    .modalvideo_component {
        width: 100dvw;
        height: 100dvh;
        display: none;
        inset: 0%
    }

    .modal2_content-wrapper {
        height: 80vh;
        top: 5rem
    }
}

#w-node-_23ad173c-acc6-766a-c741-41ab735d2e1a-3df894f0 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-f9009a48-8884-0d3e-56ab-ba1bbc104b09-3df894f0 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-ea602d37-d7f8-a85e-d3c9-02b23fd87af8-3df894f0 {
    justify-self: end
}

#w-node-_19ca2117-fde8-8e54-46d3-fe05d3ff351c-3df894f0 {
    grid-area: span 2/span 2/span 2/span 2
}

#w-node-_49ea81ed-a5be-9e37-dbe2-364d28196800-3df894f0 {
    grid-area: span 2/span 3/span 2/span 3
}

#w-node-bdaa41dc-5efe-775a-1995-0bd862a5fec3-3df894f0 {
    grid-area: span 3/span 3/span 3/span 3
}

#w-node-_38b9361d-347f-bfb4-3635-1066aec130bd-3df894f0 {
    grid-area: span 3/span 2/span 3/span 2
}

#w-node-bb0739f9-70db-9d40-040f-e6400ccb74c1-3df894f0 {
    align-self: end;
}

#w-node-f64f91fb-8db6-7a7d-1bfa-59b8616bcf98-3df894f0,#w-node-_0ea51f53-525c-8cec-cc39-4599a453dd66-3df894f0,#w-node-df6568f3-1f1a-3a7c-eed0-985c3f30e826-3df894f0,#w-node-_7d224a48-028f-cd7d-6170-8a5ad1fdaaf6-3df894f0 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c488ded5-b89e-2d06-2fb7-16e8ea934e2e-a1f40a97 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_5e2786d2-4638-69b2-b0a6-cc8a3842da0d-a1f40a97 {
    grid-area: span 2/span 2/span 2/span 2
}

#w-node-f6c9ebb6-ae19-fc02-8f41-5a634ded5b67-a1f40a97 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-b858d6ed-15e7-ea71-a736-79e7386ad952-a1f40a97,#w-node-da85bfbd-22c4-aae4-ed1e-8a1851efd440-a1f40a97 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-da85bfbd-22c4-aae4-ed1e-8a1851efd453-a1f40a97 {
    justify-self: end
}

#w-node-b84011a4-4f2b-9775-2b55-96f48bb57852-c7c6ab71,#w-node-_98acc54c-be6f-8ace-ab8d-f5cd3cedd1f5-c7c6ab71,#w-node-d1c574ad-5514-f9e4-9c82-546f9798098c-97980973,#w-node-a319d250-548c-b095-a64d-c2e3a0ef57f4-e3bdeb42,#w-node-_51b2c400-3fc9-61a7-3f8b-b26a85a89c49-e3bdeb42,#w-node-_51b2c400-3fc9-61a7-3f8b-b26a85a89c5b-e3bdeb42,#w-node-_51b2c400-3fc9-61a7-3f8b-b26a85a89c6c-e3bdeb42,#w-node-_59d27bda-19a9-9e8c-9b62-1ee03fa0e74c-e3bdeb42,#w-node-b90ea43a-8171-f871-7512-35dd81134d36-7bd6cbae,#w-node-a681a8e0-e346-6c24-88da-990e4cff59c0-7bd6cbae,#w-node-_8fa8e8d4-dbed-29fa-4d3c-1daac016f652-978d8b46,#w-node-_2300c1db-be67-df45-fcc2-d9973dccc1bc-f189f6c9,#w-node-_2300c1db-be67-df45-fcc2-d9973dccc1bd-f189f6c9,#w-node-_2300c1db-be67-df45-fcc2-d9973dccc252-f189f6c9,#w-node-f0ce24f4-5f61-68cd-ad65-f44b22de5f54-54434b64,#w-node-f0ce24f4-5f61-68cd-ad65-f44b22de5f55-54434b64,#w-node-f0ce24f4-5f61-68cd-ad65-f44b22de5fee-54434b64,#w-node-b84011a4-4f2b-9775-2b55-96f48bb57852-89c67533,#w-node-_455d79ad-857e-d8b8-d9a6-41c4c0049ce2-89c67533,#w-node-_9d2ddbb1-eaf5-f32d-c7b1-c19327c58d86-c4a9fc1f,#w-node-_00377370-8967-fcf1-c34e-384747d8df01-47d8deeb,#w-node-_00377370-8967-fcf1-c34e-384747d8df02-47d8deeb,#w-node-_0c07e8c9-8fbc-e2ec-79e1-020543f9a853-7f759d9e,#w-node-_0c07e8c9-8fbc-e2ec-79e1-020543f9a859-7f759d9e,#w-node-_0c07e8c9-8fbc-e2ec-79e1-020543f9a85f-7f759d9e,#w-node-_4baaab85-0081-220e-8bc1-71a7228b4072-7f759d9e,#w-node-b817212d-e7c5-902e-19b4-6ec92f0e39f9-7f759d9e,#w-node-edee5d14-8d8b-ef6b-91a3-2608ea478769-7544d149,#w-node-edee5d14-8d8b-ef6b-91a3-2608ea47876e-7544d149,#w-node-edee5d14-8d8b-ef6b-91a3-2608ea478764-7544d149,#w-node-a61a63be-e2fa-fd25-f6ed-a3e434eebe95-7544d149,#w-node-_8e24f291-b02b-4469-6c95-befbed26b237-7544d149,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14cdf5-77b2a465,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14cdf7-77b2a465,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14cdf9-77b2a465,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14cdfb-77b2a465,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14cdff-77b2a465,#w-node-_170c4caf-09bb-0aaf-17c2-30b47f14ce01-77b2a465,#w-node-_8a78f9c7-650d-9c47-d1fd-d0bfd0e389c5-77b2a465,#w-node-_8a78f9c7-650d-9c47-d1fd-d0bfd0e389dc-77b2a465,#w-node-_8a78f9c7-650d-9c47-d1fd-d0bfd0e389fb-77b2a465,#w-node-_8e761a6b-bd4a-7cd6-f508-cecbbfbc9c63-77b2a465,#w-node-_39316bc5-eeea-f8e9-732f-19962454a808-ac963f45,#w-node-_39316bc5-eeea-f8e9-732f-19962454a81a-ac963f45,#w-node-_39316bc5-eeea-f8e9-732f-19962454a82b-ac963f45,#w-node-_646fd843-e8eb-32fa-17db-022102b721a4-ac963f45,#w-node-_646fd843-e8eb-32fa-17db-022102b721ad-ac963f45,#w-node-_646fd843-e8eb-32fa-17db-022102b721bc-ac963f45,#w-node-_7f34d143-733d-5bd2-2040-bfb2e01ede61-ac963f45,#w-node-_98acc54c-be6f-8ace-ab8d-f5cd3cedd1f5-461c77ee,#w-node-_5daa4598-d6ed-d405-b1e4-b36266198b62-461c77ee {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ce2ad9d2-7bc9-7e52-0eb2-dd46dd458577-6cd5f0e3 {
    grid-area: 1/1/2/2
}

#w-node-c00f33f9-e829-3e56-8413-496210c61798-6cd5f0e3,#w-node-_8f3de760-9070-767c-6b68-2421292e20f0-6cd5f0e3 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_8fbbfdb3-f1dc-bd21-c39b-0c12b6b3e84c-b6b3e83e {
    grid-area: 1/1/2/2
}

#w-node-_2f9485e1-4410-afb1-2b20-4f21edcec3c9-f98af7ab,#w-node-e6dd6f15-3522-0e9a-e316-ad61da261ad0-f98af7ab,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b8836-fa5722c0,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b8838-fa5722c0,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b883a-fa5722c0,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b883c-fa5722c0,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b8840-fa5722c0,#w-node-_123c606c-a325-2eb7-a4fe-01eda34b8842-fa5722c0,#section-preparer.w-node-_02385cc6-a4d2-e4da-bfd2-b629f97da549-fa5722c0,#w-node-_02385cc6-a4d2-e4da-bfd2-b629f97da561-fa5722c0,#w-node-_02385cc6-a4d2-e4da-bfd2-b629f97da574-fa5722c0,#w-node-_5c588ad7-71fc-b406-2022-cba72f240b22-fa5722c0,#w-node-_0fa8815f-0e3a-ca54-21f7-e0613b7d0838-fa5722c0,#w-node-_0fa8815f-0e3a-ca54-21f7-e0613b7d0846-fa5722c0,#w-node-_0fa8815f-0e3a-ca54-21f7-e0613b7d0860-fa5722c0,#w-node-_4bef60a0-fbcf-5d71-abec-e3b1cb7e7681-8d2e3e98,#w-node-_4bef60a0-fbcf-5d71-abec-e3b1cb7e7682-8d2e3e98,#w-node-b0d7a5ac-c047-59eb-1626-54c35116bf3d-8d2e3e98,#w-node-_61672ebf-008d-9584-c59d-8379384dc2c6-8d2e3e98,#w-node-_5c41255d-4511-c6da-f2fb-8fdab30c4bea-8d2e3e98,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-59424e6d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-59424e6d,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-59424e6d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-88a2a628,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-88a2a628,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-88a2a628,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-ce202eea,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-ce202eea,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-ce202eea,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-759f6516,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-759f6516,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-759f6516,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-291a662c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-291a662c,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-291a662c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-65f5e22b,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-65f5e22b,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-65f5e22b,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-552be336,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-552be336,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-552be336,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-70610aab,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-70610aab,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-70610aab,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-ed83d2be,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-ed83d2be,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-ed83d2be,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-df0c301c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-df0c301c,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-df0c301c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-95d6fc2f,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-95d6fc2f,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-95d6fc2f,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-f9d9469d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-f9d9469d,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-f9d9469d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-760c11d3,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-760c11d3,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-760c11d3,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-c0482ad7,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-c0482ad7,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-c0482ad7,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-46971330,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-46971330,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-46971330,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-00a2a17d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-00a2a17d,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-00a2a17d,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-f03b2ed8,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-f03b2ed8,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-f03b2ed8,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-db31ac0c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-db31ac0c,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-db31ac0c,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-f03ca845,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-f03ca845,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-f03ca845,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-e4b933fe,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-e4b933fe,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-e4b933fe,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-1b6e5469,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-1b6e5469,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-1b6e5469,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-f5ca4f99,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-f5ca4f99,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-f5ca4f99,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d1-86f65773,#w-node-_617aa182-1d23-385c-17c7-38c0cfa310d2-86f65773,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-86f65773 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_937299ae-5010-9f1b-aada-114e0df17a7e-b1dcdd48 {
    align-self: stretch
}

#w-node-b0f6f849-9102-5461-c5c1-8563570c116e-b1dcdd48 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_328c45c8-825e-9e32-213a-5688679f84c6-64e5700e {
    align-self: center
}

#w-node-f9e53e54-6842-a6dc-a635-9d022c29436e-64e5700e {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2002-64e5700e {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2011-64e5700e {
    justify-self: end
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-64e5700e {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-64e5700e {
    justify-self: end
}

#w-node-_31956195-f965-339d-4c46-0589b45143a9-64e5700e {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_31956195-f965-339d-4c46-0589b45143be-64e5700e {
    justify-self: end
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50af-64e5700e {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-64e5700e {
    justify-self: end
}

#w-node-_6326a896-37f2-a9f6-94ae-210e0e8daf7a-64e5700e {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649460-64e5700e {
    align-self: center
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649465-64e5700e,#w-node-_679ac1fb-6c9c-d1cd-598a-2b420138fbc1-64e5700e {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_328c45c8-825e-9e32-213a-5688679f84c6-61a55885 {
    align-self: center
}

#w-node-f9e53e54-6842-a6dc-a635-9d022c29436e-61a55885 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2002-61a55885 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2011-61a55885 {
    justify-self: end
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-61a55885 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-61a55885 {
    justify-self: end
}

#w-node-_31956195-f965-339d-4c46-0589b45143a9-61a55885 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_31956195-f965-339d-4c46-0589b45143be-61a55885 {
    justify-self: end
}

#w-node-_04877742-5283-4255-eb12-df23bc48b46b-61a55885 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_04877742-5283-4255-eb12-df23bc48b46e-61a55885 {
    justify-self: end
}

#w-node-_6326a896-37f2-a9f6-94ae-210e0e8daf7a-61a55885 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649460-61a55885 {
    align-self: center
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649465-61a55885,#w-node-_679ac1fb-6c9c-d1cd-598a-2b420138fbc1-61a55885 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_328c45c8-825e-9e32-213a-5688679f84c6-5cdb8f71,#w-node-f9e53e54-6842-a6dc-a635-9d022c2943a0-5cdb8f71 {
    align-self: center
}

#w-node-f9e53e54-6842-a6dc-a635-9d022c29436e-5cdb8f71 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2002-5cdb8f71 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2011-5cdb8f71 {
    justify-self: end
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-5cdb8f71 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-5cdb8f71 {
    justify-self: end
}

#w-node-_31956195-f965-339d-4c46-0589b45143a9-5cdb8f71 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_31956195-f965-339d-4c46-0589b45143be-5cdb8f71 {
    justify-self: end
}

#w-node-e53ac831-0c90-a456-2456-6a7743b2cec6-5cdb8f71 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-e53ac831-0c90-a456-2456-6a7743b2cec9-5cdb8f71 {
    justify-self: end
}

#w-node-_6326a896-37f2-a9f6-94ae-210e0e8daf7a-5cdb8f71 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649460-5cdb8f71 {
    align-self: center
}

#w-node-_6250a887-0fe0-25bf-7054-1abdf6649465-5cdb8f71,#w-node-_679ac1fb-6c9c-d1cd-598a-2b420138fbc1-5cdb8f71 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_328c45c8-825e-9e32-213a-5688679f84c6-c13726b3 {
    align-self: center
}

#w-node-f9e53e54-6842-a6dc-a635-9d022c29436e-c13726b3 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2002-c13726b3 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2011-c13726b3 {
    justify-self: end
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-c13726b3 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-c13726b3 {
    justify-self: end
}

#w-node-_31956195-f965-339d-4c46-0589b45143a9-c13726b3 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_31956195-f965-339d-4c46-0589b45143be-c13726b3 {
    justify-self: end
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50af-c13726b3 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-c13726b3 {
    justify-self: end
}

#w-node-_6326a896-37f2-a9f6-94ae-210e0e8daf7a-c13726b3,#w-node-_679ac1fb-6c9c-d1cd-598a-2b420138fbc1-c13726b3 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_328c45c8-825e-9e32-213a-5688679f84c6-e69971d4 {
    align-self: center
}

#w-node-f9e53e54-6842-a6dc-a635-9d022c29436e-e69971d4 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2002-e69971d4 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-c4c99823-7727-1029-50f0-420cd00c2011-e69971d4 {
    justify-self: end
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-e69971d4 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-e69971d4 {
    justify-self: end
}

#w-node-_31956195-f965-339d-4c46-0589b45143a9-e69971d4 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-_31956195-f965-339d-4c46-0589b45143be-e69971d4 {
    justify-self: end
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50af-e69971d4 {
    grid-area: span 2/span 5/span 2/span 5
}

#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-e69971d4 {
    justify-self: end
}

#w-node-_6326a896-37f2-a9f6-94ae-210e0e8daf7a-e69971d4,#w-node-_679ac1fb-6c9c-d1cd-598a-2b420138fbc1-e69971d4,#w-node-_68720db6-8a61-2bf7-6624-0a78d42fbe64-bb13f973 {
    grid-area: span 1/span 1/span 1/span 1
}

@media screen and (max-width: 991px) {
    #w-node-ea602d37-d7f8-a85e-d3c9-02b23fd87af8-3df894f0 {
        justify-self:end
    }

    #w-node-_19ca2117-fde8-8e54-46d3-fe05d3ff351c-3df894f0 {
        grid-column: span 5/span 5
    }

    #w-node-b6ae185d-dd73-0e7f-3733-b63434638b37-3df894f0 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_49ea81ed-a5be-9e37-dbe2-364d28196800-3df894f0 {
        grid-column: span 5/span 5
    }

    #w-node-bdaa41dc-5efe-775a-1995-0bd862a5fec3-3df894f0,#w-node-_38b9361d-347f-bfb4-3635-1066aec130bd-3df894f0 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c488ded5-b89e-2d06-2fb7-16e8ea934e2e-a1f40a97 {
        grid-column: span 1/span 1
    }

    #w-node-_5e2786d2-4638-69b2-b0a6-cc8a3842da0d-a1f40a97 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-f6c9ebb6-ae19-fc02-8f41-5a634ded5b67-a1f40a97 {
        grid-column: span 1/span 1
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-64e5700e,#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-64e5700e,#w-node-_31956195-f965-339d-4c46-0589b45143be-64e5700e,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-64e5700e,#w-node-c4c99823-7727-1029-50f0-420cd00c2011-61a55885,#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-61a55885,#w-node-_31956195-f965-339d-4c46-0589b45143be-61a55885,#w-node-_04877742-5283-4255-eb12-df23bc48b46e-61a55885,#w-node-c4c99823-7727-1029-50f0-420cd00c2011-5cdb8f71,#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-5cdb8f71,#w-node-_31956195-f965-339d-4c46-0589b45143be-5cdb8f71,#w-node-e53ac831-0c90-a456-2456-6a7743b2cec9-5cdb8f71,#w-node-c4c99823-7727-1029-50f0-420cd00c2011-c13726b3,#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-c13726b3,#w-node-_31956195-f965-339d-4c46-0589b45143be-c13726b3,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-c13726b3,#w-node-c4c99823-7727-1029-50f0-420cd00c2011-e69971d4,#w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-e69971d4,#w-node-_31956195-f965-339d-4c46-0589b45143be-e69971d4,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-e69971d4 {
        justify-self: end
    }
}

@media screen and (max-width: 767px) {
    #w-node-ea602d37-d7f8-a85e-d3c9-02b23fd87af8-3df894f0 {
        justify-self:center
    }

    #w-node-_19ca2117-fde8-8e54-46d3-fe05d3ff351c-3df894f0,#w-node-_49ea81ed-a5be-9e37-dbe2-364d28196800-3df894f0 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-bdaa41dc-5efe-775a-1995-0bd862a5fec3-3df894f0,#w-node-_38b9361d-347f-bfb4-3635-1066aec130bd-3df894f0 {
        grid-area: span 3/span 5/span 3/span 5
    }

    #w-node-ea6dd2f5-160b-fcf8-43f6-52020035fb31-0035fae5 {
        justify-self: center
    }

    #w-node-_4e602c12-30b5-64c1-3669-89281929a8ea-6cd5f0e3,#w-node-_4e602c12-30b5-64c1-3669-89281929a914-6cd5f0e3 {
        order: 9999
    }

    #w-node-ce2ad9d2-7bc9-7e52-0eb2-dd46dd458564-6cd5f0e3,#w-node-_8fbbfdb3-f1dc-bd21-c39b-0c12b6b3e83f-b6b3e83e {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-64e5700e {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-64e5700e,#w-node-_31956195-f965-339d-4c46-0589b45143be-64e5700e,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-64e5700e {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-61a55885 {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-61a55885,#w-node-_31956195-f965-339d-4c46-0589b45143be-61a55885,#w-node-_04877742-5283-4255-eb12-df23bc48b46e-61a55885 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-5cdb8f71 {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-5cdb8f71,#w-node-_31956195-f965-339d-4c46-0589b45143be-5cdb8f71,#w-node-e53ac831-0c90-a456-2456-6a7743b2cec9-5cdb8f71 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-c13726b3 {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-c13726b3,#w-node-_31956195-f965-339d-4c46-0589b45143be-c13726b3,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-c13726b3 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-e69971d4 {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-e69971d4,#w-node-_31956195-f965-339d-4c46-0589b45143be-e69971d4,#w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-e69971d4 {
        justify-self: center
    }
}

@media screen and (max-width: 479px) {
    #w-node-f9009a48-8884-0d3e-56ab-ba1bbc104b09-3df894f0 {
        grid-area:span 2/span 5/span 2/span 5
    }

    #w-node-ea602d37-d7f8-a85e-d3c9-02b23fd87af8-3df894f0 {
        justify-self: center
    }

    #w-node-_19ca2117-fde8-8e54-46d3-fe05d3ff351c-3df894f0,#w-node-c4c99823-7727-1029-50f0-420cd00c2002-64e5700e {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-64e5700e {
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-64e5700e {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-64e5700e {
        justify-self: center
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143a9-64e5700e {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143be-64e5700e {
        justify-self: center
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50af-64e5700e {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-64e5700e {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2002-61a55885 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-61a55885 {
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-61a55885 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-61a55885 {
        justify-self: center
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143a9-61a55885 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143be-61a55885 {
        justify-self: center
    }

    #w-node-_04877742-5283-4255-eb12-df23bc48b46b-61a55885 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_04877742-5283-4255-eb12-df23bc48b46e-61a55885 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2002-5cdb8f71 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-5cdb8f71 {
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-5cdb8f71 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-5cdb8f71 {
        justify-self: center
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143a9-5cdb8f71 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143be-5cdb8f71 {
        justify-self: center
    }

    #w-node-e53ac831-0c90-a456-2456-6a7743b2cec6-5cdb8f71 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-e53ac831-0c90-a456-2456-6a7743b2cec9-5cdb8f71 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2002-c13726b3 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-c13726b3 {
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-c13726b3 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-c13726b3 {
        justify-self: center
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143a9-c13726b3 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143be-c13726b3 {
        justify-self: center
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50af-c13726b3 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-c13726b3 {
        justify-self: center
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2002-e69971d4 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-c4c99823-7727-1029-50f0-420cd00c2011-e69971d4 {
        justify-self: center
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e24-e69971d4 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_8dab6d38-dc1a-3350-f933-cebdca049e39-e69971d4 {
        justify-self: center
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143a9-e69971d4 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-_31956195-f965-339d-4c46-0589b45143be-e69971d4 {
        justify-self: center
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50af-e69971d4 {
        grid-area: span 2/span 5/span 2/span 5
    }

    #w-node-a99d8e58-1287-f989-ed46-89d4325c50b2-e69971d4 {
        justify-self: center
    }
}