:root {
    --colorBien: rgb(66, 47, 47);
    --colorBienClair: rgb(80, 57, 57);
    --colorContact: rgb(45, 45, 228);
    --colorOrange: #e8531e;
    --colorDevis: #e8531e;
    --colorgray: #676472;
    --colorProjet:#17916e;
    --font-size-l: 19px;
    --colorInput : #ced4da ;
    --colorYellow :#ffefd5;
    --titleGreen:#e0f0d0;
    --titlePink:#ffcccb;
    --titleViolet:#e6e6fa;
}
#logo {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}
body {
    background-color: white;
}

.horloge {
    display: flex;
}

.date {
    margin-right: 100px;
}

.table {
    background-color: white;
    border-radius: 10px;
}

.violet {
    color: var(--colorBien);
    height: 4px;
    text-decoration: none;
}
ul,td.colorContact{
    padding: 0px;
    margin: 0px;
}
.box {
    background-color: #edf2f9;
    border-radius: 10px;
}
.orange {
    color: var(--colorOrange);
}
.projet{
    color: var(--colorProjet);
}
.center {
    text-align: center;
}

.colorContact{
    color: var(--colorContact);
}
th.colorContact,
td.colorContact{
    color: var(--colorContact);
    padding: 0px;
}
img #logo {
    height: 26%;
    width: 15%;
    margin-bottom: 5%;
}
img #logoConnect {
    height: 5vh;
}

.active {
    color: red;
}

.inactive {
    color: gray;
}

li.nav-item{
    display: flex;
    align-items: center;
}
a{
    text-decoration:none;
    color: var(--colorContact);
}
.colorViolet{
    color: var(--colorBien);
}
img.imgEdit{
    width: 20px;
}
.btn{
    margin-left: 4px;
}
img.imgDelete{
    width: 20px;
}
img.imgDelete{
    color: red;
}
a.contact{
    display: flex;
}
.colorProjet{
    color: var(--colorProjet);
}
.colorDevis{
    color: var(--colorDevis);
}
.colMiddle{
    width: 10%;
}

@media only screen and (max-width: 425px) {
    span.middleNav{
        display: none;
    }
}