body {
    font-family: 'Merriweather', sans-serif;
    
}

.sidebar-main {
    display: none;
}

#titre1 {
    height: 20px;
    margin-top: 214px;
    margin-bottom: 15vh;
    /* text-decoration: underline !important; */
    /* margin-left: -15vw; */
}

.informations  {
    box-sizing: inherit;
    margin-top: 50px;
    margin-bottom: 40px;
    color: rgb(0, 0, 0) !important;
    /* margin-left: -15vw; */

    font-size: 21px;
}

#request {
    color:rgb(0, 0, 0);
}

#aimerait {
    color:rgb(0, 0, 0) !important;
    /* background-color: white;
    display: inline-block;
    padding-top: 3%;
    padding-right: 44%;
    padding-bottom: 3%;
    border: 1px solid #31B8B1;
    padding-left: 2%; */

}

#ville {
    font-size: 20px;
    
}

#informations {
    font-size: 20px;
}

#img-logo {
    max-width: 34%;

    max-width: 34%;
    margin-top: -67px;
    float: right;
}

#patologie {
    background-color: white;
    display: inline-block;
    padding-top: 3%;
    padding-right: 4%;
    padding-bottom: 3%;
    border: 1px solid #31B8B1;
    padding-left: 2%;

}

#informationsPatient{
    background-color: white;
    display: inline-block;
    padding-top: 3%;
    padding-right: 4%;
    padding-bottom: 3%;
    border: 1px solid #31B8B1;
    padding-left: 2%;

}

#titre2 {
    font-style: normal !important;

    font-family: 'Merriweather', serif;
    font-weight: 700;      /* bold */
    font-style: normal;    /* italic */
    font-size: 2vh;
    /* text-decoration: underline; */

}

#titre3 {
    font-style: italic !important;

    font-family: 'Merriweather', serif;
    font-weight: 700;      /* bold */
    font-style: italic;    /* italic */
    margin-top: 85px;
}

.date-et-lieu {
    /* margin-bottom: 360px;
    color: #000000 !important;
    margin-left: -15vw; 

    display: inline-block;
    margin-left: -577px; 
*/
}

#icone {
    margin-left: auto;
    position: relative;
    height: 150px;
    top: -51vh;
    left: 78vh;

    width: 300px;
    display: inline-block;
}

.custom-logo {
    color: #EEEEEE !important;
}


body .informations p#aimerait {
    color: black !important;
    margin-bottom: inherit;

  }


@media  (min-width: 768px) and (max-width: 831px) {
    #titre1 {
        margin-left: auto;
    }

    .informations {
        margin-left: auto;

    }
}


@media (max-width: 768px)   {
    
    body {
        font-size: 16px; 
        margin: 0 10px; 
    }

    #titre1 {
        margin-top: 50px; 
        margin-left: 0;
        height: auto;
        font-size: 18px;
        margin-bottom: 7vh;
    }



    .informations {
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: 0;
        font-size: 16px;
        box-sizing: border-box;
    }

    #informationsPatient {
        padding-top: 3%;
        padding-right: 4%;
        padding-bottom: 3%;
        padding-left: 2%;
    }

    #patologie {
        padding-top: 3%;
        padding-right: 4%;
        padding-bottom: 3%;
        padding-left: 2%;
    }

    #ville, #informations {
        font-size: 16px;
    }

    #img-logo {
        display: block; 
        max-width: 70%;
        margin: 0 auto 20px auto;
    }

    /*.date-et-lieu {
         margin-left: 0; 
        display: block;
        text-align: center;
        margin-bottom: 20px;  
    }
        */

    #icone {
        position: static; 
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto 20px auto;
        top: auto;
        left: auto;
    }
    

    #titre1, .date-et-lieu, .informations {
        margin-left: 0;
    }
}