.btn-add {
    background-color: #22427C;
    height: 35px;
    border-style: none;
    color:white;
    margin:1% auto;
}

.btn-submit {background-color: #22427C; height: 35px; border-style: none;color: white; width: 85%; margin-left: 4%}

.lien-add {color: white;}

a {text-decoration:none;}

.btn-logoff {
    margin: auto;
    height: 30px;
    background-color: white;
    text-align: right;
    border-style: none;
    color: #153D7B;
    font-size:initial;
    }

.boxuser,
.box {
    box-shadow: 1px 1px 12px 8px #EEE;
    max-width: 80%;
    margin:auto;
    margin-top:20px;
}

.boxuser {
    max-width: 25em;
}

.flexcolone {
    display:flex;
    flex-direction:column;
}

.maintitle {
    flex: 1;
    background-color: #153D7B;
}

.logout {
    margin: auto;
    margin-left: 80%;
}
.right10 {
    margin-right:10px;
}
.left {
    margin-right:200px;
    text-align: left;
}
.btn-right,
.btn-left {
    margin-top: 5px;
    margin-left: 70px;
}
.btn-left {
    height: 35px;
}
.actions {
    margin:auto;
    text-align:center;
}


.largeur5 {min-width: 5%;}
.largeur10 {min-width: 10%;}
.largeur15 {min-width: 15%;}
.largeur20 {min-width: 20%;}
.largeur25 {min-width: 25%;}
.largeur30 {min-width: 30%;}
.largeur35 {min-width: 35%;}

.boxform {width: 90%; margin:20px;}
.boxformuser {width: 95%; text-align: left; margin-left: 6%;}
.boxlog {box-shadow: 1px 1px 12px 8px #EEE; width: 20%; margin:auto;  height: 220px; min-width: 234px;}

.lineflex {
    flex: 1;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}

label {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
}

input:not(checkbox) {
    width: 90%;
}

.titre {text-align: center;}

.margin8 {margin-top: 8%;}

.textebleu {font-family: system-ui; font-weight: bold; color: #153D7B;}

.inputbox {width: 90%; min-height: 20px;}

.inputcolor {border-color: #1b64d1;}

div.right {
    text-align:right;
}

.warning {
    background-color:red;
}

div.flash-success,
div.flash-error {
    display:flex;
    margin:1% auto;
    height:6ex;
    justify-content:center;
    align-items:center;

}
div.flash-error {
    color:white;
    background-color:rgba(255,0,0,0.7);
}

div.flash-success {
    color:black;
    background-color:rgba(0,255,0,0.7);
}

div.form-error {
    color:red;
    font-size:initial;
}
.contenu {
    margin: auto;
    text-align: center;
}

.hidden {
    display:none;
}

.height {
    height: 50px;
}

div#lesusers div.box.container div.row div.col-sm {
    max-width:15%;
    word-break:break-all;

}

div.visible.copiedlink {
    display:inline-block;
    background-color:rgba(0,255,0,0.3);
    padding:0.3rem;
    border-radius:10px;
}