#footer {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
    color: white;
    background-color: black;
}

.fs-7 {
    font-size: 0.8rem !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.w-5 {
    width: 5% !important;
}

.w-3 {
    width: 3% !important;
}

.card {
    border-left: 4px solid #f7d000; /* Jaune Tour de France */
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.maincard {
    background-color: #f7d000;
}

.avatar-selection label {
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    transition: border-color 0.2s;
    display: flex;
    align-items: center;
}

.avatar-selection input[type="radio"] {
    display: none;
}

.avatar-selection img {
    width: 40px;
    height: 40px;
    border-radius: 20%;
    border: 2px solid transparent;
}

.avatar-selection input[type="radio"]:checked + label {
    border: 2px solid  #0d6efd; 
}