#modalAnnonceRafael .modal-dialog {
    width: 650px;
    max-width: calc(100% - 30px);
    margin: 40px auto;
}

#modalAnnonceRafael .modal-content {
    border-radius: 8px;
    overflow: hidden;
}

#modalAnnonceRafael .modal-header {
    background: var(--violet);
    color: var(--blanc);
    padding: 20px 25px;
}

#modalAnnonceRafael .modal-title {
    margin: 0px !important;
    font-size: 22px !important;
    line-height: 1.4;
    color: var(--blanc) !important;
}

#modalAnnonceRafael .modal-header .close {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-shadow: none;
    color: var(--blanc);
    opacity: 0.8;
}

#modalAnnonceRafael .modal-body {
    padding: 25px;
    font-size: 15px;
    line-height: 1.6;
}

#modalAnnonceRafael .modal-body p {
    margin-bottom: 15px;
}

#modalAnnonceRafael .alerte-connexion-rafael {
    background: #fff3cd;
    border-left: 4px solid #e0a800;
    padding: 15px;
    margin: 20px 0;
}

#modalAnnonceRafael .alerte-connexion-rafael strong {
    display: block;
    margin-bottom: 8px;
}

#modalAnnonceRafael .alerte-connexion-rafael p {
    margin-bottom: 0;
}

#modalAnnonceRafael .modal-footer {
    padding: 15px 25px;
}

#modalAnnonceRafael .btn-primary {
    background: var(--violet);
    border-color: var(--violet);
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}