html {
    font-family: sans-serif;
}

.buttonProfil {
    text-align: center;
    display: block;
    right: 0.75rem;
    position: absolute;
    top: 0.5em;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.imgProfil {
    display: inline-block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    box-shadow: 5px 5px 10px 0px rgba(125, 125, 125, 0.75);
}

#reminderForm { display: none; }
#loginLink { display: none; }
#changeResult { display: none; }
#changeForm { display: none; }
#loginResult { display: none; }

.fullW {
    width: 100%;
}
.formBottom {
    margin-bottom: 2em;
}

.accordion-button {
    font-weight: bold;
}

.accordion-button {
    background-color: #edf8ff !important;
}
.isRequired::after { content: " *"; }


.isWarning { border: 1px solid #ff0000;  }

footer {
    background-color: #203864;
    padding-top: 60px;
    padding-bottom: 30px;
    color: #ffffff;
}
    footer a {
        color: #ffffff;
    }


.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

img { max-width: 100%; height: auto !important; }


.marginalBox {
    background-color: #203864;
    padding: 20px;
    color: #ffffff;
}

.marginalBox a {
    color: #ffffff;
    text-decoration: none;
}
.marginalBox a:hover {
    color: rbg(239, 123, 11);
    text-decoration: none;
}

a {
    color: #203864;
    text-decoration: none;
}

    a:hover {
        color: #9f3146;
        text-decoration: none;
    }

h1 {
    font-size: 1.6em;
    color: #203864;
    margin-bottom: 30px;
}
h2 {
    font-size: 1.3em;
    color: rgb(78,160,212);
}

.btn-light {
    color: #ffffff;
    background-color: #203864;
    border-color: rgb(255,255,255);
}

    .btn-light:hover {
        color: #ffffff;
        background-color: rgb(78,160,212);
        border-color: rgb(78,160,212);
    }

details { margin-bottom: 1em; margin-left: 1em; }
summary { color: rgb(78,160,212); margin-left: -1em; }
summary h2 { display: inline-block; }


@media (max-width: 991px) {

    .buttonProfil {
        right: 5.75rem;
        top: 1.5em;
    }
    .logo { width: 100px; }
}