a, a:hover {text-decoration: none;}
.fa-1x {font-size: 1rem;}
.big {font-size: 110%}
.biggest {font-size: 120%}
.sidebar-droite {flex-basis: 280px;}
.sidebar-gauche {
    flex-grow: 0;
    max-width: 100%;
    transition: 0.5s;
    padding-top: 5rem ;
    margin-bottom: 3.125rem ;
}
@media (min-width: 1200px) {
    .sidebar-gauche {
        flex-basis: 260px;
        display: block;
        height: 100vh;
        padding-top: 0rem ;
        margin-bottom: 0;
    }
}

.main-content {
    flex-grow: 3;
    flex-basis: 50%;
    padding-top: 5rem !important;
    padding-bottom: 3.5rem !important;
}
@media (min-width: 1200px) {
    .main-content {
        height: 100vh;
        overflow-y: auto;
        scrollbar-width: thin;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .main-content::-webkit-scrollbar {   width: 5px;}
    .main-content::-webkit-scrollbar-track {  background: #ddd;}
    .main-content::-webkit-scrollbar-thumb { background: #666;}
    .main-content::-webkit-scrollbar-button { background: #BBBBBB; height: 10px; }
}
@media(min-width: 1200px) {
    .user {
        border-bottom: 1px solid rgba(0,0,0,0.8);
        border-top: 1px solid  rgba(255,255,255,0.15);
        margin-left: -.25rem;
        margin-right: -.25rem;
    }
}
@media (min-width: 576px) {
    .columns-count-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
}
.border-updown {border-top: 1px solid #fff;border-bottom: 1px solid rgba(93,95,99,0.3); background: rgba(255,255,255,0.2)}

.users-groups {display: flex; flex-direction: column; height: calc(100vh - 32px) ;}
.sidebar_users {height: 75%; max-height: 70%;}
.sidebar_groupes {height: 25%; max-height: 30%;}
.w-55px {width: 55px;}
.avatar { font-size: 1.7rem; line-height: 1; vertical-align: middle;}
.avatar img { max-width:100px;}
.avatarSmall img { max-width:42px;max-height:42px;}
.sidebar_users .avatarSmall img { max-width:40px;max-height:40px; width: 40px;}
.form_identification {width: 600px;  max-width: 100%;}
.badge {font-size: 90%;font-family: 'Cairo', sans-serif;}
.commentaire-header {min-width: 260px;}

.dz-clickable {padding: 1rem; border: 2px dashed rgba(93,95,99,0.5); background: #ededed; display: inline-block; }
.dz-preview {display: -ms-flexbox; display: flex;  margin-bottom: 1rem;}
.dz-preview > div, .dz-remove {padding: 1rem; align-self: center;}
.dropzone .dz-message {margin: 0}
.dz-message {font-size: 1rem; font-weight: 500;  margin: 0.5rem;cursor: pointer;}
.dz-success-mark, .dz-error-mark {display:none}
.avatar img {max-width: 30px; max-height: 30px}
.avatar {width: 40px;margin-top: -3px}
@media(min-width: 1200px) {
    .avatar img {max-width: 70px; max-height: 70px}
    .avatar {width: 90px;margin-top: 0}
}
@media(max-width: 1199px) {
    .logo-header img {max-height: 60px;}
    .avatar .fa-2x {font-size: 1em; margin-top: -3px}
}
.text-shadow {text-shadow: 3px 3px 3px rgba(0,0,0,0.05);}
.text-bold {font-weight: 600;}
.img-profil img {max-height: 120px;}
.img-logo img {max-height: 120px;max-width: 200px;}
.autocomplete {position: relative}
.result-ajoutMembre, .result-ajoutGestionnaire { position: absolute; top: 35px; z-index: 10; left:0; }
.result-ajoutMembre li, .result-ajoutGestionnaire li {padding: 5px 15px; list-style: none;}
.ico-sm {width: 32px; height: 32px; text-align: center;}
.barre-admin, .barre-qwip {position: absolute; bottom: 0; left: 0; right: 0;}
.barre-qwip img {max-height: 20px;}
.text-wrap { white-space: normal !important;}
.badge-date, badge-date-edit {font-size: 90%; font-weight: 700;}
.badge-date-edit {font-weight: 300;}
.notifNb {font-size: 80%;width: 16px; height: 16px; display: inline-block; line-height: 16px;  top:-.5rem;}
.btn-new {margin-left:-15px; box-shadow: 3px 3px 4px rgba(0,0,0,0.25);}
@media(min-width: 1200px) {
    .btn-new {margin-left:-50px;}
}

.themes, .groupes {list-style: none; padding-left: 0.5rem;/*height: calc(100% - 25px); overflow: auto;*/}
.groupes, .user-list {height: calc(100% - 27px); overflow: auto; scrollbar-width:thin;}
.groupes::-webkit-scrollbar, .user-list::-webkit-scrollbar {   width: 5px;}
.groupes::-webkit-scrollbar-track, .user-list::-webkit-scrollbar-track {  background: #ddd;}
.groupes::-webkit-scrollbar-thumb, .user-list::-webkit-scrollbar-thumb { background: #666;}
.groupes::-webkit-scrollbar-button, .user-list::-webkit-scrollbar-button { background: #BBBBBB; height: 10px; }
.themes li {position: relative}
.btn-theme {position: absolute; right: 0; top:0; bottom: 0; opacity: 0;}
.themes li:hover .btn-theme {opacity: 1}
.picto-item {
    position: relative;  /*les .picto-item deviennent référents*/
    cursor: help;
    border-radius: 50%;
}
.div-fichier .img-fluid {max-width: 150px; max-height: 150px; margin-right: .5rem;}
@media (min-width: 768px) {
    .navbar-brand img { max-height: 75px; }
    .fichiers-commentaires {margin-left:254px;}
}
.fichiers-commentaires  .img-fluid {max-width: 150px; max-height: 150px; margin-right: .5rem;}
.w-listepublications {max-width: 1000px;}
/* on génère un élément :after lors du survol et du focus :*/

.picto-item:hover:after,
.picto-item:focus:after {
    content: attr(aria-label);  /* on affiche aria-label */
    position: absolute;
    top: -0.5em;
    left: 100%;
    z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
    padding: 5px 14px;
    background: #666;
    color: #fff;
    border-radius: 4px;
    margin-left: 20px;
    width: 500px;
}

/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before,
[aria-label]:focus:before {
    content: "▼";
    position: absolute;
    top: -0.4em;
    left: 100%;
    margin-left: 7px;
    transform: rotate(90deg); /* on centre horizontalement  */
    font-size: 20px;
    color: #666;
}
.close[aria-label]:hover:before,
.close[aria-label]:focus:before {content: ""}
    /* pas de contour durant le :focus */
[aria-label]:focus {
    outline: none;
}
.titre-type {margin-left:-5px;}
@media (min-width: 1200px) {
    .content-themes {
        height: calc(100% - 214px);
        overflow-y: auto;
        scrollbar-width: thin;
    }
    .content-themes::-webkit-scrollbar {   width: 5px;}
    .content-themes::-webkit-scrollbar-track {  background: #666;}
    .content-themes::-webkit-scrollbar-thumb { background: #ddd;}
    .content-themes::-webkit-scrollbar-button { background: #BBBBBB; height: 10px; }
}
/*
@media (min-width: 1000px) {
    .d-xl-block {
        display: block !important;
    }
    .d-xl-none {display: none !important;}
}
*/

@media (max-width: 575px) {
    .btn-profil .btn {width: 100%;}
}