@import url(https://use.typekit.net/mff1ycy.css);
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
*[hidden]{
    display:none
}

menu,ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}

@font-face{
    font-family:"Inter";
    src:url('@font/Inter-VariableFont_opsz,wght.ttf') format("opentype");
    font-display:swap;
    font-style:normal;
    font-weight:300;
    font-stretch:normal
}
@font-face{
    font-family:"Inter";
    src:url('@font/Inter-VariableFont_opsz,wght.ttf') format("opentype");
    font-display:swap;
    font-style:italic;
    font-weight:300;
    font-stretch:normal
}

/* Gazpacho font faces */
@font-face{
    font-family:"Gazpacho";
    src:url('@font/Gazpacho-MediumItalic.otf') format("opentype");
    font-display:swap;
    font-style:normal;
    font-weight:400;
    font-stretch:normal
}

/* Montserrat font faces ==> on l utilise ? */
@font-face{
    font-family:"Montserrat Regular";
    src:url('@font/Montserrat-Regular/Montserrat-Regular.eot') format("eot");
    src:url('@font/Montserrat-Regular/Montserrat-Regular.eot??#iefix') format("embedded-opentype"),url('@font/Montserrat-Regular/Montserrat-Regular.woff') format("woff"),url('@font/Montserrat-Regular/Montserrat-Regular.woff2') format("woff2"),url('@font/Montserrat-Regular/Montserrat-Regular.ttf') format("ttf");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Montserrat Medium";
    src:url('@font/Montserrat-Medium/Montserrat-Medium.eot') format("eot");
    src:url('@font/Montserrat-Medium/Montserrat-Medium.eot??#iefix') format("embedded-opentype"),url('@font/Montserrat-Medium/Montserrat-Medium.woff') format("woff"),url('@font/Montserrat-Medium/Montserrat-Medium.woff2') format("woff2"),url('@font/Montserrat-Medium/Montserrat-Medium.ttf') format("ttf");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Montserrat SemiBold";
    src:url('@font/Montserrat-SemiBold/Montserrat-SemiBold.eot') format("eot");
    src:url('@font/Montserrat-SemiBold/Montserrat-SemiBold.eot??#iefix') format("embedded-opentype"),url('@font/Montserrat-SemiBold/Montserrat-SemiBold.woff') format("woff"),url('@font/Montserrat-SemiBold/Montserrat-SemiBold.woff2') format("woff2"),url('@font/Montserrat-SemiBold/Montserrat-SemiBold.ttf') format("ttf");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Montserrat Bold";
    src:url('@font/Montserrat-Bold/Montserrat-Bold.eot') format("eot");
    src:url('@font/Montserrat-Bold/Montserrat-Bold.eot??#iefix') format("embedded-opentype"),url('@font/Montserrat-Bold/Montserrat-Bold.woff') format("woff"),url('@font/Montserrat-Bold/Montserrat-Bold.woff2') format("woff2"),url('@font/Montserrat-Bold/Montserrat-Bold.ttf') format("ttf");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Montserrat ExtraBold";
    src:url('@font/Montserrat-ExtraBold/Montserrat-ExtraBold.eot') format("eot");
    src:url('@font/Montserrat-ExtraBold/Montserrat-ExtraBold.eot??#iefix') format("embedded-opentype"),url('@font/Montserrat-ExtraBold/Montserrat-ExtraBold.woff') format("woff"),url('@font/Montserrat-ExtraBold/Montserrat-ExtraBold.woff2') format("woff2"),url('@font/Montserrat-ExtraBold/Montserrat-ExtraBold.ttf') format("ttf");
    font-weight:800;
    font-style:normal;
    font-display:swap
}


html body{
    font-family:var(--ff-primary-regular);
    color:var(--clr-primary-Blanc)
}
html body #content{
    font-family:"Inter",sans-serif;
    font-size:16px;
    line-height:150%;
    letter-spacing:0
}

@media only screen and (max-width: 48em){
    html body #content h1{
        font-size:41px
    }
}
@media only screen and (max-width: 48em){
    html body #content h1{
        font-size:50px
    }
}

html body #content h2{
 font-family: "Gazpacho" !important;
    font-size:60px;
    line-height:100%;
    letter-spacing:0;
    font-size:52px;
    text-transform: capitalize!important;
}
@media only screen and (max-width: 48em){
    html body #content h2{
        font-size:42px
    }
}
@media only screen and (max-width: 48em){
    html body #content h2{
        font-size:41px
    }
}

table.xdebug-error.xe-warning {
    display: none !important;
}

.custom-marker{
    margin-top:5px;
    position:relative;
    padding-left:1.5em
}
.custom-marker>li{
    margin-left:.5rem
}
.custom-marker::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    width:13px;
    height:3px;
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    left:0;
    top:10px !important
}
.skeleton-wysiwyg ul{
    padding-left:7px;
    margin-top:20px
}
.skeleton-wysiwyg a{
    color:#1b1b1b
}
.wysiwyg-atome{
    padding:15px
}
.mce-content-body ::-moz-selection{
    background-color:#fff;
    color:#1b1b1b
}
.mce-content-body ::selection{
    background-color:#fff;
    color:#1b1b1b
}
.skeleton-image ul{
    padding-left:7px;
    margin-top:20px
}
.skeleton-image a{
    color:#1b1b1b
}
.image-atome{
    padding:15px
}

::-moz-selection{
    background:var(--clr-primary-Blanc) !important;
    color:#000 !important
}
::selection{
    background:var(--clr-primary-Blanc) !important;
    color:#000 !important
}

img{
    -o-object-fit:cover;
    object-fit:cover
}
healthcheck{
    display:none;
    visibility:hidden
}
:root{
    --bp-sm: 37.5em;
    --bp-md: 48em;
    --bp-lg: 64em;
    --bp-xl: 75em;
    --bp-1366: 85.375em;
    --bp-1440: 90em;
    --bp-2xl: 96em;
    --bp-1920: 120em;
    --clr-primary-Blanc: #ffffff;
    --clr-primary-Noir: #000000;
    --clr-primary-Violet: #664F97;
    --clr-primary-Violet-clair: #A699CA;
    --clr-primary-Violet-tres-profond: #0A090D;
    --clr-primary-Violet-profond: #211930;
    --clr-primary-Violet-sombre: #34284D;
    --clr-secondary-gris: #d2d2d2;
    --clr-secondary-gris-clair: #f6f6f6;
    --clr-secondary-ultra-violet-100: #E3D8F6;
    --ff-primary-regular: "Roboto Medium";
    --ff-primary-medium: "Montserrat Medium";
    --ff-primary-semi-bold: "Montserrat SemiBold";
    --ff-primary-bold: "Montserrat Bold";
    --ff-primary-extra-bold: "Montserrat ExtraBold";
    --fs-paragraph: 0.875rem;
    --fs-header-one: clamp(1.25rem, 5vw, 1.875rem);
    --fs-header-two: clamp(1.125rem, 5vw, 1.25rem);
    --fs-header-three: 0.938rem;
    --lh-primary: 1.125rem
}
.fond-gris{
    background:var(--clr-secondary-gris-clair);
    padding:40px;
    color:#707070;
    font-size:14px;
    line-height:18px
}

.list-paragraph{
    margin-bottom:18px;
    position:relative;
    padding-left:1.5em;
    font-family:var(--ff-primary-regular);
    font-size:14px
}
.list-paragraph::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    width:5px;
    height:3px;
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    left:0;
    top:50%
}


/* **************** SURCHARGE POUR LES  CEL 2iAcademy  ***********************/
body{
    line-height:1;
    background: white !important;
}

html body{
    font-family: Roboto, sans-serif !important;
}

.resume-row{
    color: #393939 !important;
}


#global_header, .form-label{
    font-family: Roboto, sans-serif;
    font-size: 1rem !important;
    line-height: 1.5;
    color:#000;

}