@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;
}

#page_05 h2, .gras, #mail {
    font-family: 'nexa_boldregular', Verdana, sans-serif;
    font-weight: 700;
}

/*   
    ======================
            Section
    ======================
*/

#page_05 {
    background-color: #69c7d8;
    background-image: url(/images/fond-descente-ski.jpg);
    width: 100%;
    max-height: 108rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20%;
    }
}

#questionC_big {
    display: block;
}

#page_05 {
    display: flex;
    justify-content: flex-end;
    padding: 5rem 15rem 5rem 0;
}

#contactList {
    max-width: 60rem;
}

.bloc {
    width: 100%;
    margin: 2rem 0;
    padding: 2rem;
    background-color: rgba(165, 201, 224, 0.69);
}

.bloc p {
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
    line-height: normal;
}

#questionC_small {
    display: none;
}

/* A afficher vers 360px */
#departement_modifie {
    display: none;
}

#page_05 h2 {
    font-size: 2.5rem;
    text-align: center;
    
}

.questionContact, #mail {
    
}

.questionContact {
    padding-bottom: 2rem;
}

#mail {
    padding-bottom: 3rem;
}

#adresse {
    padding: 2.6rem 0;
}

/*   
    ======================
         Media Query    
    ======================
*/
@media (max-width: 1440px) {
    #page_05{
    background-position: 25%;
    }
    #contactList {
        max-width: 55rem;
    }
}
/* ============================= */
@media (max-width: 1280px) {
    #page_05{
    background-position: 53%;
    }
}
/* ============================= */
@media (max-width: 960px) {
    #contactList {
        
    }
}
/* ============================= */
@media (max-width: 768px) {
    #contactList {
        max-width: 56rem;
    }
    
}
/* ============================= */
@media (max-width: 640px) {
    #adresse, #telephone {
        font-family: 'nexa_boldregular', Verdana, sans-serif;
        font-weight: 700;
    }
    #page_05 {
        justify-content: center;
        margin: 0 auto;
        padding-right: 0rem;
    } 
    #contactList {
     
    }
}
/* ============================= */
@media (max-width: 480px) {
    #page_05 {
        background-position: 35%;
        justify-content: center;
    }
    /* Pour remplacer paragraphe question, avec retour à la ligne */
    #questionC_big{
        display: none;
    }
    #questionC_small {
        display: block;
    }
    #page_05 {
        margin: 0 auto;
    }
    .bloc {
        
    }
    #contactList {
        max-width: 45rem;
        
    }
}
/* ============================= */
@media (max-width: 360px) {
    #contactList {
        max-width: 40rem;
    }
    #departement_modifie {
        display: block;
    }
    #departement_standard {
        display: none;
    }
    .bloc {
        margin-bottom: 1.5rem;
     }
}