/*
*   fichier de style principal pour la page de maintenance
*/

:root {
/*    --main_font: 'Helvetica Neue', Arimo, Arial;*/
    --main_font: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;;
    --color_sante: #1969B2;
    --color_sante_fr: #1969B2;
    --color_sante_reu: #add660;
    --color_sante_antf: #fbbc43;
    --color_sport: #C04141;
    --color_nutrition: #6c2a74;
    --footer_element_padding: 10px;
}

* {
    font-family: var(--main_font);
}

.footer_title {
    font-weight: bold;
}
.color_sante {
    color: var(--color_sante);
}
.color_sante_fr {
    color: var(--color_sante_fr);
}
.color_sante_reu {
    color: var(--color_sante_reu);
}
.color_sante_antf {
    color: var(--color_sante_antf);
}
.color_sport {
    color: var(--color_sport);
}
.color_nutrition {
    color: var(--color_nutrition);
}

.center_box_in_page {
    max-width: 80vw;
    margin: auto;
    display: block;
/*    text-align: center;*/
}
@media screen and (max-width: 789px){
    .center_box_in_page {
        max-width: 90vw;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .center_box_in_page {
        max-width: 70vw;
    }
}
@media screen and (min-width: 1200px){
    .center_box_in_page {
        max-width: 70vw;
    }
}
.center_content {
    text-align: center;
}
.justify_content {
    text-align: justify;
}

.text_underline {
    text-decoration: underline;
}

/*
*   mise en page
*/

#main_message {
    font-size: 1.5em;
    display: flex;
    justify-content: space-around;
}

footer {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
}
footer > div {
    max-width: calc(31% - var(--footer_element_padding));
    min-width: calc(31% - var(--footer_element_padding));
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    border-radius: 1px 1px 1px 4px;
    padding-left: var(--footer_element_padding);
    margin-top: 15px;
}
@media screen and (max-width: 576px){
    footer > div {
        max-width: calc(100% - var(--footer_element_padding));
        min-width: calc(100% - var(--footer_element_padding));
    }
}
@media screen and (min-width: 576px) and (max-width: 976px){
    footer > div {
        max-width: calc(48% - var(--footer_element_padding));
        min-width: calc(48% - var(--footer_element_padding));
    }
}

#footer_sante {
    box-shadow: var(--color_sante) -5px 7px 10px;
}
#footer_sante_fr {
    box-shadow: var(--color_sante_fr) -5px 7px 10px;
}
#footer_sante_reu {
    box-shadow: var(--color_sante_reu) -5px 7px 10px;
}
#footer_sante_antf {
    box-shadow: var(--color_sante_antf) -5px 7px 10px;
}
#footer_sport {
    box-shadow: var(--color_sport) -5px 7px 10px;
}
#footer_nutrition {
    box-shadow: var(--color_nutrition) -5px 7px 10px;
}

#main_header,#main_message,#main_footer {
    margin-top: 5vh;
}
@media screen and (max-width: 789px){
    #main_header {
        margin-top: 15px;
    }
    #main_footer {
        margin-top: 0;
    }
    #main_message {
        margin-top: 5vh;
        margin-bottom: 5vh;
    }
}