@font-face {
    font-family: "PPEditorialNew";
    src: url("../fonts/PPEditorialNew-Regular.ttf") format("truetype"),
        url("../fonts/PPEditorialNew-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.ttf") format("truetype"),
        url("../fonts/Inter-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Inter-l";
    src: url("../fonts/Inter-Light.ttf") format("truetype"),
        url("../fonts/Inter-Light.woff") format("woff");
        font-display: swap;
}
@font-face {
    font-family: "Inter-m";
    src: url("../fonts/Inter-Medium.ttf") format("truetype"),
        url("../fonts/Inter-Medium.woff") format("woff");
        font-display: swap;
}

@font-face {
    font-family: "Inter-sb";
    src: url("../fonts/Inter-SemiBold.ttf") format("truetype"),
        url("../fonts/Inter-SemiBold.woff") format("woff");
        font-display: swap;
}

@font-face {
    font-family: "Inter-b";
    src: url("../fonts/Inter-Bold.ttf") format("truetype"),
        url("../fonts/Inter-Bold.woff") format("woff");
        font-display: swap;
}

:root {



    /* Fonts */


    --primary-font: 'Inter', Arial, Helvetica, sans-serif;

    --primary-font-l: 'Inter-l', Arial, Helvetica, sans-serif;

    --primary-font-m: 'Inter-m', Arial, Helvetica, sans-serif;

    --primary-font-sb: 'Inter-sb', Arial, Helvetica, sans-serif;

    --primary-font-b: 'Inter-b', Arial, Helvetica, sans-serif;

    --secondary-font: 'PPEditorialNew', Arial, Helvetica, sans-serif;


    /* Colors */


    --primary: #B6D7FF;



    --secondary: #2A4875;



    --tertiary: #efefef;



    --text: #000;


    --icon: #4155A2;


    --white: #fff;
    
    --black: #000;


}







::selection {



    color: var(--text);



    background: var(--tertiary);



}



body {
    font-family: var(--primary-font);
    font-size: 16px;
}


p,
span {

    font-size: 1.2em;

    color: var(--text);

    font-family: var(--primary-font-l);

}

em {
    font-style: italic;
}

a {

    color: var(--text);

    transition: all .3s;

}

a:hover {

    text-decoration: none;

    transition: all .3s;

    color: #9F9F9F;

}





strong {

    font-weight: 700;

}



#cookie-law-info-bar,
.cli-modal-body {
    font-family: var(--primary-font) !important;
}

#wt-cli-privacy-save-btn {
    font-family: var(--primary-font);
}

.page-default {
    margin-top: 36px;
}
.page-default p {
    margin-bottom: 10px;
}
.default h1 {
    margin-top: 24px;
    font-size: 44px;
    color: #000;
    margin-bottom: 24px;
    margin-top: 48px;
}

#myBtn::before{
    /* content: url('../images/arrow-up.svg'); */
    display: inline-block;
    color: #fff;
    width: 40px;
}

#myBtn {
    background: url('../img/icons/fleche_haut.svg') no-repeat center;
    display: block;
    position: fixed;
    bottom: -100px;
    right: 5%;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    /* transition: all .1s;  */
    box-shadow: 0px 3px 6px #00000029;

}

#myBtn:hover {
    background-color: #fff;
}

.btn-backhome {
    background: url('../img/icons/btn-back.png') no-repeat center;
    display: block;
    position: absolute;
    top: 80px;
    left: 83px;
    height: 42px;
    width: 42px;
    z-index: 101;
}
.btn-backhome a {
    display: block;
    width: 100%;
    height: 100%;
}