@import url('reset.css');
@import url('font-awesome.min.css');
@import url('fonts.css');

/*   
    ======================
            Global    
    ======================
*/

html {
    font-size: 10px;
    font-size: 62.5%;
}

body {
    background: #2b83c0;
    font-family: 'nexa_lightregular', Verdana, sans-serif;
    margin: 0;
}

body {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

#sect_ment_01 h1, #sect_ment_01 h2, #sect_ment_01 h3, .bold {
    font-family: 'nexa_boldregular', Verdana, sans-serif;
    font-weight: 700;
}

#sect_ment_01 h1, #sect_ment_01 h2, #sect_ment_01 h3, #sect_ment_01 p {
    padding: 1.25rem 0;
}

/* =================== */

#sect_ment_01 {
    background-color: #ffffff;
    background-image: url(/images/fond-flocon.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 2rem;
}

/* pour fixer le fond, avec jquery */
.fixed {
    background-attachment: fixed;
}

#mentions {
    max-width: 100rem;
    margin: 0 auto;
}
.bloc.un ul {
    padding-bottom: 1rem;
}

#sect_ment_01 li{
    padding-bottom: 0.8rem;
}

#sect_ment_01 p, #sect_ment_01 li {
    font-size: 1.8rem;
    line-height: normal;
}

#sect_ment_01 h1 {
    font-size: 2.8rem;
    text-align: center;
}

#sect_ment_01 h2 {
    font-size: 2.5rem;
}

#sect_ment_01 h3 {
    font-size: 2.3rem;
}

.bloc {
    background-color: rgba(211, 222, 229, 0.79);
    padding: 2rem;
    margin: 2rem;
}