.logo 
    {
        width: 10%;
        font-size:50px;
        font-weight: bold;
        display: inline-flex;
    }
.liste_item 
    {
        display: inline-flex;
        font-size: 40px;
        top: 0;
        
        position: absolute;
        right: 1%;
        

    }
.item 
{
    margin-left: 100px;
    display: inline;
    top: 0;

    color: white;
    text-decoration: none;
    
    
    
}
.title
{
    display: inline-flex;
    border: 1px solid red;
    width: 100%;
    background-color: black;
    color: white;
}
a 
{
    text-decoration: none;
}
.contenu
{
    width: 90%;
    text-align: justify;
    margin-left: 5%;
    
}
.sec
{
    width: 30%;
    display: inline-block;
    font-size:20px ;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
    border: 1px solid black;
    padding: 4px;
    color: black;
    cursor: pointer;
    

}
.title1
{
    background-image: url(fst.jpeg);
    background-repeat: no-repeat;
    height: 30vh;
    background-size: cover;
    background-position: center;
    color: black;
    text-align: center;
    
}
.title2
{
    background-image: url(ob_033a6b824e0079d780bb6078a39a8ed7_photo-fac-lettres.jpg);
    background-repeat: no-repeat;
    height: 30vh;
    background-size: cover;
    background-position: center;
    color: black;
    text-align: center;
    

}

.title3
{
    background-image: url(fac-medecine-699x434-670x416.jpg);
    background-repeat: no-repeat;
    height: 30vh;
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    

}

.title4
{
    background-image: url(FSJP.jpg);
    background-repeat: no-repeat;
    height: 30vh;
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    

}
.titlempi
{
    text-align: center;
}
.mpi
{
    text-align: center;
}
@media screen and (max-width: 1000px) and (min-width: 600px)
    
    {
        .sec
        {
            width: 45%;
        }
    }

    @media screen and (max-width: 600px) 
    
    {
        .sec
        {
            width: 98%;

        }
    }

    @media screen and (max-width: 800px) and (min-width: 400px)
    
    {
        .item
        {
            margin-left: 10px;
        }
    }

    @media screen and (max-width: 400px) 
    
    {
        .item
        {
            margin-left:5 px;

        }
    }
        
    @media screen and (max-width: 1000px) and (min-width: 600px)
    
    {
        .logo
        {
            font-size: 100px;
        }
    }

    @media screen and (max-width: 600px) 
    
    {
        .logo
        {
            font-size: 150px;

        }
    }
    @media screen and (max-width: 1000px) and (min-width: 600px)
    
    {
        .liste_item
        {
            display: inline;
            font-size: 20px;
        }
    }

    @media screen and (max-width: 600px) 
    
    {
        .liste_item
        {
            display: inline;
            font-size: 10px;

        }
    }

.item2
{
    width: 30%;
    display: inline-block;
    font-size:20px ;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
}

.item2 a{
    display: inline-block;
}

 
.item3
{
    width: 30%;
    display: inline-block;
    font-size:20px ;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
}


    
.item4
{
    display: inline-block;
    font-size:20px ;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
}
.item4 a{
    display: block;
}
.footer_contenu
{
    display: inline-flex;
    width:100%;
    
    justify-content: center;
    align-items: flex-start;
    margin-left: 5%;
    font-size: 20px;
    background-color: black;
    color: white;
}

.log 
    {
        width: 30%;
        font-size:100px;

    }    
 #Nous{
     display: inline-flex;
     margin-top: 5%;
 }
 #Nous img {
     width: 40%;
     border-radius: 10px;
 }
 #Nous p{
     margin-left: 2%;
     margin-right: 3%;

 }

.sous_liste{
    display: none;
} 

.liste_item li:hover .sous_liste{
    display: block;
    background-color:black;
    color: aliceblue;
    position: absolute;
    box-shadow: 0px 1px 1px beige;
    display: inline;
}
li a{
    color: white;
}