@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Raleway");

@import url("init_accessibility.css");
@import url("init_alert.css");
@import url("init_border.css");
@import url("init_btn.css");
@import url("init_calendar.css");
@import url("init_flex.css");
@import url("init_form.css");
@import url("init_footer.css");
@import url("init_header.css");
@import url("init_link.css");
@import url("init_loader_4dot2.css");
@import url("init_nav.css");
@import url("init_popup.css");
@import url("init_scroll.css");
@import url("init_table.css");
@import url("init_text.css");
@import url("init_widget.css");


:root {
    --bg:rgb(228, 237, 242);
    --blanc:#fff;
    --bleu: #254571;
    --bleu-ciel: #55BBED;
    --bleu2:#577590;
    --bleu3:#0E3F58;
    --gris: #49494b; 
    --gris2:#717b8e;
    --gris-clair:#cccccc;
    --jaune: #ffcd1d;/*f1c30f*/
    --jaune2:#E3B559;
    --mauve:#5e548e;
    --orange: #f39200;
    --orange2: #f3722c;
    --rouge: #e94e1b;
    --turquoise:#00BEC0;
    --vert: #94c11f;
    --vert2:#4d908e;
    --font:'Montserrat',
        'Raleway',
        Arial,
        sans-serif;
}
html {
    height: 100%;
}
body {
    margin: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    color:var(--gris);
    background-color:var(--bg) !important;
    font-size: 1em;
    font-family: var(--font);
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    max-width: 100%;
    opacity: 0;
}
a {
    text-decoration: none;
    color: var(--gris);
}
#main {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    background-color: white;
    width: 1400px;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    padding-bottom: 30px;
}
.no_display{
    display: none;
}