/** CSS pour les grilles */

*::before,
*::after {
  box-sizing: border-box;
}


/**[class*=col-]{
    border: 1px solid black;
}

.row .row [class*=col-]{
    border: 1px solid blue;
}

/** CSS header et footer*/

.header{
    background-color: #FEFEE2;
    font-style: normal;
    text-align: center;
    padding : 15px;

}
.logo{
    width: 200px;
    height: 200px;
    margin: 30px;
    border-radius: 90%;
}

.menu ul{
    padding: 0;
    margin: 2em 0;
}

.menu ul li{
    list-style: none;
    display: inline-block;
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #ff8d5c;
    border-radius: 8px;
    transition: background-color 0.5s;
    text-decoration: none;
}
.menu ul li:hover{
    background-color: coral;
    color: dimgray;
    font-size: xx-large;
}

.active{
    background-color:darkseagreen;
}


.img {
    width: 50px;
    height: 50px;
}

/** CSS de la page confirmation*/
#confirmation{
    text-align: center;
}