h1{
    text-align: center;
    font-size: 29px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 40px;
    height: max-content;
}
#main_content{
    height: auto;
    width: 100%;
    background-image: url("img/infirmiere_personne_agee.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
#color_blue{
    padding-bottom: 100px;
    width: 100%;
    height: inherit;
    background-size: 100%;
    background-color:rgba(0, 0, 200, 0.5);
}
.bandeau{
    text-align: center;
    background-color: white;
    width: 100%;
    height: 80px;
}
#actes{
    margin-top: 70px;
    width: max-content;
    margin: 0 auto;
    color: white;
    line-height: 100px;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}
#bandeau_vert{
    text-align: center;
    width: auto;
    margin: 0 auto;
    color: white;
    background-color:#8ED86C;
    line-height: 60px;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
}
#renseignements{
    text-align: center;
    padding: 10px 0;
    margin: 100px auto 0 auto;
    width: 50%;
    padding: 10px auto;
    border: solid 1px white;
    border-radius: 5px;
    color : white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}
@media screen and (max-width: 1000px){
    #bandeau_vert > p{
        height: auto;
        padding: auto 0;
    }
    .bandeau{
        height: 40px;
    }
    #actes{
        font-size: 12px;
        line-height: 25px;
    }
    #main_content{
        font-size: 12px;
        background-image: url("img/infirmiere_personne_agee_mobile.png");
    }
    h1{
        margin-top: 23px;
        font-size: 16px;
    }
    #renseignements{
        width: 90%;
        font-size: 14px;
        margin-top: 20px;
    }
    #bandeau_vert{
        padding-top: 1px;
        line-height: normal;
        font-size: 12px;
        height: 55px;
    }
}