body {
    /* box-sizing: border-box; */
    padding:0px;
    margin: 0px;
    display: flex;
    flex-direction : column;
    align-items: center;
}
a{
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 8px;
}
.btn-primary {
    background-color: rgb(28, 113, 173) ! important;
    color: rgb(226, 226, 226);
    /* border: 1px solid black; */
}
.marginS{
    margin-block: 20px;
}
.btn-danger{
    background-color: rgb(199, 52, 52);
    color: rgb(226, 226, 226);
    /* border: 1px solid black; */
}
.link {
    background-color: rgb(80, 80, 80);
    color: rgb(235, 235, 235)
}
.activeLink{
    background-color: rgb(123, 123, 123);

}
nav{
    width : 100%;
    display: flex;
    /* padding-inline : 50px; */
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    padding-block: 10px;
    background-color: grey;
    height: 50px;
}

.leftNav, .rightNav {
    display: flex;
    gap: 10px;
}

.leftNav {
    margin-left: 20px;
}
.rightNav {
    margin-right: 20px;

}

.allVoyage{
    width : 95%;
    border : 2px solid black;

}
#allVoyageCRUD{
    width: 30%;
}

.allVoyageCRUDbtns{
    gap: 5px;
    display: flex; 
    flex-wrap : wrap;
    align-items: center;
    justify-content: center;

}




/* =============================================== */
/*! STATUT */
/* =============================================== */

.statutNonLue, .statutEnCours, .statutAnnule, .statutAccepter {
padding : 5px 10px;
border-radius:  20px;
}

.statutNonLue{
    background-color : #ff0e0eb8
}

.statutEnCours{
    background-color: orange;
}
.statutAnnule{
    background-color: rgba(128, 128, 128, 0.47);
}
.statutAccepter {
    background-color : rgba(0, 128, 0, 0.57);
}


/* ======================================== */
/* ! FLASH */
/* ======================================== */
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/* ======================================== */
/* ! Détails Contact */
/* ======================================== */
#detailContact{
    max-width: 50%;
}