/*BALISES*/
nav 
{
    margin-left: 30px;
    margin-top: 100px;
    float: left;
    width: 400px;
}

ul 
{
    background-color: #f1f1f1;
    list-style-type: none;
    margin: 0;
    padding: 0;
   
}

li a 
{
    color: #000;
    display: block;
    height: 100px;
    font-family: DejaVu Sans Mono, monospace;
    font-size: 25px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
}

    li a:hover 
    {
        background-color: #555;
        color: white;
    }

h2{
    margin-bottom: 30px;
}

/*ID*/

#menu{
    width: 200px;
}

#Body 
{
    display: flex;
    justify-content: space-between;
}

#case1
{
    width:352px;/* 192*/
}

#case2
{
    width:432px;/*480*/
}

#Cont 
{
    display: flex;
    justify-content: space-between;
}

#Nom_Act
{
    font: bold 20px arial;
    text-align:center;
}

#Tableau
{
    background-color: #D0E3FA;
    color:black;
}

#Titre_Menu 
{
    font: bold 30px arial;
    margin-left: 5%;
}

#Titre_Act 
{
    font: bold 30px arial;
}

/*CLASSES*/

.active 
{
    background-color: #D0E3FA;    
    color: black;
}




input[type="submit"]{
    margin-top: 20px;
}

form{
    margin-top: 100px;
    
    padding:  20px 20px;
    width: 500px;
    float: right;

}

center{
   border:  1px #000 solid;
   border-radius: 3px;
}
   

td center{
    border: none;
}