/* Gestion des boutons pour Desktop */
.btnBasiqueDesk{
    font-size:1rem;
    border-radius: 5px;
    margin-bottom: 2%;
    margin-left: 5%;

}
.btnSliderDesk{
    font-size:1rem;
    border-radius: 5px;
    margin-top: 2%;

}
.attention-button {
    padding: 12px 24px;
    font-size: 18px;
    font-weight: bold;
    color: #fdfde2;
    border: 3px solid #e47218;

    border-radius: 6px;
    cursor: pointer;
    animation: blinkAttention 0.8s infinite alternate;
}
.attention-button:hover {
    animation: none;
    background-color: #033463;
    border: 3px solid #19b1b1;
    color: #fdfde2;
    opacity: 1;
}
.attention-buttonMob {
    padding: 12px 24px;
    font-size: 18px;
    font-weight: bold;
    font-size: 3rem;
    color: #fdfde2;
    border: 3px solid #e47218;

    border-radius: 6px;
    cursor: pointer;
    animation: blinkAttention 0.8s infinite alternate;
}
.attention-buttonMob:hover {
    animation: none;
    background-color: #033463;
    border: 3px solid #19b1b1;
    color: #fdfde2;
    opacity: 1;
}
@keyframes blinkAttention {
    0% {
        background-color: #19b1b1;
    }
    100% {
        background-color: #033463;
    }
}



/* boutons colorés */
.btnBleu{
    background-color: #19b1b1;
    color: #033463;
    border: 3px solid #033463;
}
.btnBleu:hover{
    background-color: #033463;
    color: #fdfde2;
    border: 3px solid #19b1b1;
}

.btnVert{
    background-color: #b1df8f;
    color: #033463;
    border: 3px solid #033463;

}
.btnVert:hover{
    background-color: #033463;
    color: #fdfde2;
    border: 3px solid #b1df8f;

}
.btnRouge:hover {
    background-color: #cd2929;
    color: #fdfde2;
    border: 3px solid #e1afaf;
}
.btnRouge {
    background-color: #e1afaf;
    color: #cd2929;
    border: 3px solid #cd2929;
}

/* boutons spécifiques */
.btnRetour{
    border: 3px solid #033463;
    color: #033463;
    background-color: #fdfde2;
    font-size:1rem;
    border-radius: 5px;
    margin-left: 5%;
    margin-bottom: 2%;
}
.width25{
    width: 25%;
}
.btnRetour:hover{
    background-color: #7a7a7a;
    color: #fdfde2;
    border: 3px solid #033463;
}

.btnJeMInscrisDesk, .btnJeMeDesisteDesk{
    font-size:2.5rem;
    border-radius: 5px;
    margin-left: 5%;
    margin-bottom: 2%;
    width: 50%;
    font-size:1.5rem;
}
.btnJeMInscrisDesk:hover,.btnJeMeDesisteDesk{
    background-color: #19b1b1;
    color: #033463;
    border: 3px solid #033463;
    box-shadow:
            4.2px 4.3px 6.7px rgba(0, 0, 0, 0.384),
            10.7px 10.9px 16.9px rgba(0, 0, 0, 0.306),
            21.8px 22.2px 34.4px rgba(0, 0, 0, 0.384),
            44.9px 45.6px 70.8px rgba(0, 0, 0, 0.476),
            123px 125px 194px rgba(0, 0, 0, 0.69);
}
.btnJeMInscrisDesk, .btnJeMeDesisteDesk:hover{
    background-color: #19b1b1;
    color: #fdfde2;
    border: 3px solid #fdfde2;
    box-shadow:
            4.2px 4.3px 6.7px #033463,
            10.7px 10.9px 16.9px #033463,
            21.8px 22.2px 34.4px #033463,
            44.9px 45.6px 70.8px #033463,
            123px 125px 194px #033463;
}

.btnSuppressionDesk{
    border-radius: 5px;
    margin-left: 5%;
    margin-bottom: 2%;
    font-size:1rem;
    margin-left: 30%;
    height: 40px;
}


/* Gestion des boutons pour mobile */
.btnBasiqueMob{
    font-size:2.5rem;
    border-radius: 5px;
    margin-left: 5%;
    margin-bottom: 2%;

}
.width90{
    width: 90% !important;
}
.width100{
    width: 100% !important;
}
.btnSupprSortieMob{
    background-color: #e1afaf;
    color: #cd2929;
    border: 3px solid #cd2929;
    font-size:2.5rem;
    border-radius: 5px;
    margin-left: 5%;
    margin-bottom: 2%;
    width: 100%;
}
.btnRetourMob{
    color: #033463;
    border: 3px solid #033463;
    background-color: #fdfde2;
}

.btnJeMInscrisMob, .btnJeMeDesisteMob{
    background-color: #b1df8f;
    color: #033463;
    border: 3px solid #033463;
    font-size:2.5rem;
    width: 50%;
    border-radius: 5px;
    margin-bottom: 2%;
    box-shadow:
            4.2px 4.3px 6.7px rgba(0, 0, 0, 0.384),
            10.7px 10.9px 16.9px rgba(0, 0, 0, 0.306),
            21.8px 22.2px 34.4px rgba(0, 0, 0, 0.384),
            44.9px 45.6px 70.8px rgba(0, 0, 0, 0.476),
            123px 125px 194px rgba(0, 0, 0, 0.69)
;
}