﻿body {
    top: 0;
    left: 0;
    background-color: white;
    background: url('../Images/Bg-clair.png');
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}



.btnEP {
    background-color: #029FD5;
    border-color: #029FD5;
}

    .btnEP:hover {
        background-color: #213256;
        border-color: #213256;
    }


.libelleTitre {
    color: #595F6F;
    font-weight: bold;
}


.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: #029FD5;
}

.form-floating > label {
    color: #213256;
    margin-left: 1rem;
}


.form-check-input:checked {
    background-color: #029FD5;
    border-color: #029FD5;
}


.border-bleu {
    opacity: 0.2;
    border: 2px solid #709BE7;
}

.border-bleu-fonce {
    border: 2px solid #709BE7;
}


.card-titre {
    color: #113662;
    font-size: medium;
}

.card-text {
    color: #113662; /* #00DFF6;*/
    font-size: smaller;
}

.card {
    background-color: #FFFFFF;
    color: #439ed9;/*#00DFF6;*/
    height: 150px;
    width: 100%;
}

    .card:hover {
        background-color: #213256;
    }

        .card:hover .card-text {
            color: #439ed9; /*#00DFF6;*/
        }


        .card:hover .card-titre {
            color: white;
        }

.nolink {
    text-decoration: none;
}

i.bx {
    font-size: 3rem;
}

.numvert {
    width: 300px;
}

.styleDiv {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}



.styleDivError {
    border: 2px solid;
    border-color: Silver;
    border-radius: 10px;
    padding: 10px;
    background-color: #FFFF00;
}

.card2 {
    background-color: #00DFF6;
    height: 80px;
    width: 100%;
}

    .card2:hover {
        background-color: #FFFFFF;
    }

        .card2:hover .card-body {
            color: #213256;
        }

    .card2 .card-body {
        color: #213256;
    }

    .card2 a {
        text-decoration: none;
    }


.fileuploader {
    border-color: #029FD5;
}

    .fileuploader:hover {
        border-color: #213256 !important;
    }

.dd {
    color: var(--bs-danger);
    background-color: #f8d7da;
    border: 2px solid #f1aeb5;
    border-radius: 10px;
    padding: 10px;
}

/* Wrapping element */
            /* Set some basic padding to keep content from hitting the edges */
            /*.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}*/
            /* Set widths on the form inputs since otherwise they're 100% wide */
            /*input,
select,
textarea {
    max-width: 280px;
}*/
            /* Responsive: Portrait tablets and up */
            /*@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}*/
            /*
.text-center2 {
    width: 100%;
    position: relative;
    height: 100%;
}

.spinner-border2 {
    display: block;
    position: fixed;
    top: calc(50% - (58px / 2));
    right: calc(50% - (58px / 2));
    color: #213256;
}*/
            /*#divLoader {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}*/
