@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
    --purple: #892C76;
    --black: #000000;
    --black-b: #191919;
    --gray-dark: #707070;
    --gray-transparence: #70707033;
    --gray-border: #70707080;
    --gray-light: #0000001C;
    --gray: #7070700F;
    --white: #FFFFFF;
    --orange: #DE931A;
    --red: #E82D2D;
    --blue: #3786C9;
    --green: #0DBC57;
    --green-light: #61B112;
}
body {margin: 0; padding: 0;}
body, body * { font-family: 'Poppins', sans-serif; color: var(--gray-dark); line-height: 1.5; box-sizing: border-box; }
body,
body *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(b):not(strong):not(th):not(p):not(:is(h1,h2,h3,h4,h5,h6) em){ font-weight: 300; } 
header { z-index: 1000; }
b, strong { font-weight: 600; }
section { position: relative; }
div,p,p * { font-size: .85rem; }
p { display: inline-block; width: 100%; margin-top: 0; margin-bottom: 1.5rem; }
main { overflow-x: clip; }
figure { margin: 0; }
a { transition: all .5s; cursor: pointer; display: inline-block; text-decoration: none; }
a:hover { color: var(--purple); }
ul {margin-top: 0;}
ul[class] { margin: 0; list-style: none; padding-left: 1rem; }
ul:not([class]) { position: relative; list-style: none; padding-left: 1rem; }
ul:not([class]) li::before { position: absolute; content: ''; padding: .15rem; margin-top: .5rem; width: fit-content; border-radius: 1rem; background: var(--purple); right: calc(100% - 0.3rem); }
ul:not([class]) li { margin-bottom: 1rem; }
nav ol, nav ul, nav ul, ol[class], ul[class]:not([class^="lst-disc"]) { list-style: none; padding-left: 0; }
ul[class^="lst-disc"] { list-style: disc; padding-left: 1rem; }
img,video,iframe { position: relative; display: block; max-width: 100%; object-fit: cover; }
img {transition: all .5s;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ padding: 0; margin-top: 0; margin-bottom: 1rem; font-weight: 700; line-height: 1.2; color: currentColor; text-transform: uppercase;}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.7rem; }
h4 { font-size: 1.35rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: .9rem; }
:is(h1,h2,h3,h4,h5,h6) em {color: var(--purple);}
:is(h1,h2,h3,h4,h5,h6) em,address {font-style: normal;font-weight: 300;line-height: 1;}
[class*="wp-txt"] {
    position: relative;
    display: flex;
    row-gap: .85rem;
    flex-direction: column;
}
[class*="wp-txt"]:not(:is(header,footer) [class*="wp-txt"]) a:not([class]):not([href^="tel:"]):not([href^="mailto:"]):not(.wp-tabs a):not(.yoast-breadcrumb a) { color: var(--purple); text-decoration: underline; }
[class*="wp-txt"] > * { margin-bottom: 0rem; }
[class*="wp-txt-center"] { text-align: center; align-items: center; }
[class*="wp-txt-left"] { text-align: left; }
[class*="wp-txt-right"] { text-align: right; } 
[class*="wp-txt"] ul:not([class]) {
    display: flex;
    row-gap: .5rem;
    flex-direction: column;
}
[class*="wp-txt"] ul:not([class]) li {margin-bottom: 0;}
.wp-video {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
}
.wp-video::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    color: var(--purple);
    cursor: pointer;
    border-radius: 50%;
    transition: all .5s;
    padding: 1.90625rem;
    background-color: currentColor;
    transform: translate(-50%, -50%);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"> <g> <path d="M11.757,3.1a2,2,0,0,1,3.486,0l10.08,17.921A2,2,0,0,1,23.58,24H3.42a2,2,0,0,1-1.743-2.981Z" transform="rotate(90) translate(17, -46)" fill="%23CBA12D"/> <g fill="none" stroke="%23CBA12D" stroke-width="1"> <circle cx="31.5" cy="31.5" r="31.5" stroke="none"/> <circle cx="31.5" cy="31.5" r="31" fill="none"/> </g> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"> <g> <path d="M11.757,3.1a2,2,0,0,1,3.486,0l10.08,17.921A2,2,0,0,1,23.58,24H3.42a2,2,0,0,1-1.743-2.981Z" transform="rotate(90) translate(17, -46)" fill="%23CBA12D"/> <g fill="none" stroke="%23CBA12D" stroke-width="1"> <circle cx="31.5" cy="31.5" r="31.5" stroke="none"/> <circle cx="31.5" cy="31.5" r="31" fill="none"/> </g> </g> </svg>');
}
.wp-video:hover:after,
.wp-video.pause:hover:after {
    opacity: 1;
    visibility: visible;
    transform:  translate(-50%, -50%) scale(1.1);
}
.wp-video > img,
.wp-video > video {
    filter: brightness(.5);
}
[class*="btn-"] {position: relative;outline: none;line-height: 1;cursor: pointer;font-size: .85rem;width: fit-content;text-align: center;border-radius: .3rem; white-space: nowrap; transition: all .5s; padding: .75rem 1.6rem; background: transparent; border: .065rem solid transparent; }
[class*="btn-"] > input:is([type="submit"],[type="button"]) {
    padding: 0;
    border: none;
    outline: none;
    color: currentColor;
    background: transparent;
}
[class*="btn-"][style*="--icn-lft:"] {padding-left: 3rem;}
[class*="btn-"][style*="--icn-lft:"]::before {
    position: absolute;
    z-index: 1;
    content: '';
    display: block;
    background-size: 90% 90%;
    background-position: center;
    background-repeat: no-repeat;
    inset: .5rem calc(100% - 2.5rem) .5rem 0.85rem;
}
[class*="btn-"][class*="-label"] {
    color: var(--white);
    padding-right: 2rem;
    padding-left: 2.5rem;
}
[class*="btn-"][class*="-label"]:hover {
    filter: drop-shadow(0 0.4rem 0.6rem #0000003e);
}
[class*="btn-"][class*="-label"]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: '';
    transition: all .5s;
    background-color: var(--purple);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285 75"> <g> <path d="M285,75H0V61.8c4.9-0.8,9.4-3.3,12.6-7c1.6-1.9,2.9-4,3.7-6.3c0.9-2.4,1.4-4.9,1.4-7.4v-7.2c0-2.5-0.5-5.1-1.4-7.4 c-0.9-2.3-2.1-4.4-3.7-6.3c-3.2-3.8-7.7-6.3-12.6-7V0h285v13.1c-10.2,1.6-17.7,10.4-17.7,20.7v7.2c0,10.3,7.5,19.1,17.7,20.7V75 L285,75z"/> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.34 15.85"> <g> <line fill="none" stroke="%23eda911" y1="8.04" x2="20.4" y2="8.04"/> <path fill="none" stroke="%23eda911" d="M13.19.55l8,7.38-8,7.37"/> </g> </svg>');
}
[class*="btn-"][class*="-label"]:hover::before {background-color: var(--gray-dark);}
[class*="btn-"][class*="-label"]::after {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 1.5rem;
    content: '';
    height: 100%;
    width: .065rem;
    border-left: .065rem dashed var(--white);
}
[class*="btn-"][class*="-primary"] { color: var(--white); background: var(--purple); border-color: var(--purple);}
.card:hover [class*="btn-"][class*="-primary"],
[class*="btn-"][class*="-primary"]:hover { color: var(--purple); background: transparent;border-color:var(--purple)}
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-c-out: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list { position: relative; margin: 0; padding: 0; width: 100%; display: block; overflow: hidden; } 
.slick-list:focus { outline: none; } 
.slick-list.dragging { cursor: pointer; cursor: hand; } 
:is(.slick-slider) :is(.slick-track,.slick-list) 
{ -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track { position: relative; top: 0; left: 0; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; } 
.slick-track:before, .slick-track:after { display: table; content: ''; } 
.slick-track:after { clear: both; } 
.slick-loading .slick-track { visibility: hidden; } 
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } 
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide img { display: block; } 
.slick-slide.slick-loading img { display: none; } 
.slick-slide.dragging img { pointer-events: none; } 
.slick-initialized .slick-slide { display: block; } 
.slick-loading .slick-slide { visibility: hidden; } 
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden { display: none; } 
.arrow::after, .arrow::before { content: none; } 
.arrow.slick-disabled { opacity: .2; cursor: no-drop; filter: grayscale(2); } 
.arrow.slick-hidden { opacity: 0; visibility: hidden; } 
.slick-dots { text-align: center; }
.wp-sld, .wp-arrow { position: relative; width: 100%; } 
.arrow { position: relative; z-index: 2; padding: 0; font-size: 0; border: none; outline: none; outline: none; flex: 0 0 auto; cursor: pointer; overflow: hidden; text-align: center; border-radius: 50%; color: var(--purple); transition: all .5s; display: inline-block; background-color: transparent; border: .065rem solid #892c764d; }
.arrow:hover {opacity: .4;}
.arrow:is(.prev, .next)::before {
    position: relative;
    content: '';
    display: block;
    padding: 1.4rem;
    color: currentColor;
    transform: scale(.4);
    background-color: currentColor;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.1 116.1" > <g> <path fill="%23892C76" d="M1.2,1.2c-1.6,1.6-1.6,4.2,0,5.8l51.1,51L1.2,109.1c-1.6,1.6-1.6,4.2,0,5.8c1.6,1.6,4.2,1.6,5.8,0L60.9,61 c0.8-0.8,1.2-1.8,1.2-2.9c0-1-0.4-2.1-1.2-2.9L7,1.3C5.4-0.4,2.8-0.4,1.2,1.2z"/> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.1 116.1" > <g> <path fill="%23892C76" d="M1.2,1.2c-1.6,1.6-1.6,4.2,0,5.8l51.1,51L1.2,109.1c-1.6,1.6-1.6,4.2,0,5.8c1.6,1.6,4.2,1.6,5.8,0L60.9,61 c0.8-0.8,1.2-1.8,1.2-2.9c0-1-0.4-2.1-1.2-2.9L7,1.3C5.4-0.4,2.8-0.4,1.2,1.2z"/> </g> </svg>');
    
}
.arrow.prev::before {transform: rotate(-180deg) scale(.4);}
.arrow-see,.arrow-back{ position: relative; color: var(--purple); width: fit-content; display: inline-block; }
.arrow-see[class*="btn-"] { padding-right: 3rem; }
.arrow-back[class*="btn-"] { padding-left: 3rem; }
.arrow-see:not([class*="btn-"]) { padding-right: 2rem; }
.arrow-back:not([class*="btn-"]) { padding-left: 2rem; }
:is(.arrow-see,.arrow-back)::before {
    position: absolute;
    content: '';
    background-color: currentColor;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.34 15.85"> <g> <line fill="none" stroke="%23eda911" y1="8.04" x2="20.4" y2="8.04"/> <path fill="none" stroke="%23eda911" d="M13.19.55l8,7.38-8,7.37"/> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.34 15.85"> <g> <line fill="none" stroke="%23eda911" y1="8.04" x2="20.4" y2="8.04"/> <path fill="none" stroke="%23eda911" d="M13.19.55l8,7.38-8,7.37"/> </g> </svg>');
}
.arrow-see[class*="btn-"]::before { inset: 0 1.5rem 0 calc(100% - 2.5rem); }
.arrow-back[class*="btn-"]::before { inset: 0 calc(100% - 2.5rem) 0 1.5rem; }
.arrow-see:not([class*="btn-"])::before { inset: 0 0 0 calc(100% - 1.5rem); }
.arrow-back:not([class*="btn-"])::before { inset: 0 calc(100% - 1.5rem) 0 0; }
.arrow-back::before {transform: rotate(-180deg);}
.lst-crl a {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    transition: all 1s;
    border-radius: 2rem;
    color: var(--purple);
    padding: .5rem 1.5rem;
    display: inline-block;
    border: .08rem solid var(--purple);
}
.lst-crl .tab.active a {
    color: var(--white);
    background: var(--purple);
}
a.overlay { position: absolute; inset: 0; z-index: 3; outline: none; } 
textarea {resize: inherit;} 
select, textarea, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"])) { width: 100%; line-height: 1; outline: none; color: var(--gray-transparence); border-radius: .3rem; border-style: solid; border-width: .08rem; border-image: initial; box-sizing: border-box; border-color: var(--gray-border); background-color: var(--white); padding: .7375rem 1.625rem; transition: all .5s ease 0s; }
select, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"])) {height: 2.587rem;}
input:is([type="checkbox"],[type="radio"]){accent-color: var(--purple);}
input:is([type="checkbox"],[type="radio"]):not(:checked){opacity: .2;}
input:not([type="submit"]):not([type="button"]) { color: var(--gray-border); } 
input::-webkit-input-placeholder { font-weight: 400; color: var(--gray-border); } 
input::-moz-placeholder { font-weight: 400; color: var(--gray-border); } 
input::-ms-input-placeholder { font-weight: 400; color: var(--gray-border); } 
input::placeholder { font-weight: 400; color: var(--gray-border); } 
input[type="checkbox"].switch { width: 2em; height: 1em; appearance: none; border-radius: 2em; vertical-align: top; background-color: var(--white); background-size: contain; background-position: center; background-repeat: no-repeat; background-position: left center; border: 1px solid rgba(0,0,0,.25); -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-position .15s ease-in-out,all  .15s ease-in-out;; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); }
select { font-weight: 400; color: var(--gray-border); appearance: none; background-size: .7rem; background-color: var(--white); background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-image: url(../images/pictos/arrow-down-white.svg); }
input[type="checkbox"].switch:checked { border-color: var(--purple); background-color: var(--purple); box-shadow: 0 0 0 .25rem var(--blue); }
input[type="checkbox"].switch:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.quote{quotes:'"''"'"<"">"}
.quote:before,.quote:after{position:relative;font-size:2rem;color:var(--purple);font-weight:700;font-style:italic;display:inline-block;}
.quote:before{float:left;line-height:0;margin-left:-2rem;content:open-quote;}
.quote:after{content:close-quote;vertical-align:text-top;}
.flex,.row,[class*="flex-"],[class*="row-"] {display:flex;flex-wrap: wrap;}
:is(.row,[class*="row-"]) > * {width: 100%;}
.placeholder { opacity: 1; color: var(--gray-border); background-color: transparent; } .fancybox__container * { color: var(--white); }
[class*="container"] { margin-inline: auto; padding-inline: 1rem; }
.card {
    position: relative;
    border-radius: 0.5rem;
    background-color: var(--white);
}
.card-body {
    position: relative;
    padding: 1.5rem 1.5rem;
}
.py-1 { padding-block: 1rem;} 
.py-2 { padding-block: 2rem; } 
.py-3 { padding-block: 3rem; } 
.py-4 { padding-block: 4rem; } 
.py-5 { padding-block: 5rem; } 
.py-6 { padding-block: 6rem; } 
.py-7 { padding-block: 7rem; } 
.py-8 { padding-block: 8rem; } 
.py-9 { padding-block: 9rem; } 
.py-10 { padding-block: 10rem;}
.px-1 { padding-inline: 1rem;} 
.px-2 { padding-inline: 2rem; } 
.px-3 { padding-inline: 3rem; } 
.px-4 { padding-inline: 4rem; } 
.px-5 { padding-inline: 5rem; } 
.px-6 { padding-inline: 6rem; } 
.px-7 { padding-inline: 7rem; } 
.px-8 { padding-inline: 8rem; } 
.px-9 { padding-inline: 9rem; } 
.px-10 { padding-inline: 10rem;}
.gapy-1 {row-gap: 2rem;}
.gapy-2 {row-gap: 2rem;}
.gapy-3 {row-gap: 3rem;}
.gapy-4 {row-gap: 4rem;}
.gapy-5 {row-gap: 5rem;}
.m-s {margin-left: auto;}
.m-e {margin-right: auto;}
.m-t {margin-top: auto;}
.m-b {margin-bottom: auto;}
.m-xauto {margin-inline: auto;}
.m-yauto {margin-block: auto;}
.container-min {max-width: 960px;}
.container {max-width: 1125px;}
.container-xl {max-width: 1320px;}
.container-xxl {max-width: 1440px;}
[class*="-wrap"] {flex-wrap: wrap;}
[class*="-nowrap"] {flex-wrap: nowrap;}
[class*="-wraprev"] {flex-direction: wrap-reverse;}
[class*="-flexdirrow"]:not([class*="flexdirrow-rev"]) {flex-direction: row;}
[class*="-flexdirrow-rev"] {flex-direction: row-reverse;}
[class*="-flexdircol"]:not([class*="flexdircol-rev"]) {flex-direction: column;}
[class*="-flexdircol-rev"] {flex-direction: column-reverse;}
[class*="-xcenter"] {justify-content:center;}
[class*="-xbetween"] {justify-content:space-between;}
[class*="-xevenly"] {justify-content:space-evenly;}
[class*="-xaround"] {justify-content:space-around;}
[class*="-xstart"] {justify-content:flex-start;}
[class*="-xend"] {justify-content:flex-end;}
[class*="-ycenter"] {align-items:center;}
[class*="-ystart"] {align-items:flex-start;}
[class*="-yend"] {align-items:flex-end;}
[class*="-ystretch"] {align-items:stretch;}
[style*="--w"] {width: var(--w);}
[style*="--maxw"] {max-width: var(--maxw);}
@media screen and (min-width:0px) {
    [style*="--w"] {width: var(--w);}
    [style*="--max-w"] {max-width: var(--max-w);}
}
@media screen and (min-width:600px) {
    [style*="--sm-w"] {width: var(--sm-w);}
    [style*="--sm-max-w"] {max-width: var(--sm-max-w);}
}
@media screen and (min-width:768px) {
    [style*="--md-w"] {width: var(--md-w);}
    [style*="--md-max-w"] {max-width: var(--md-max-w);}
}
@media screen and (min-width:992px) {
    [style*="--lg-w"] {width: var(--lg-w);}
    [style*="--lg-max-w"] {max-width: var(--lg-max-w);}
}
@media screen and (min-width:1200px) {
    [style*="--xl-w"] {width: var(--xl-w);}
    [style*="--xl-max-w"] {max-width: var(--xl-max-w);}
}
@media screen and (min-width:1400px) {
    [style*="--xxl-w"] {width: var(--xxl-w);}
    [style*="--xxl-max-w"] {max-width: var(--xxl-max-w);}
}