/***************/
/* GRAND ECRAN */
/***************/
@media all and (min-width: 992px) {
    /* NAVBAR DEVIENS LISTE DEROULANTE */
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }

    .btnStructureMobile  { display: none; }
    .btnStructure { display: block; font-size: medium; }
    .titreCardStructure { font-size: xx-large; }
    .item_structure_nom { font-size: x-large; }
    .item_structure_adresse { font-size: medium; }
    .iconListAdmin { font-size: xx-large;}
    .icon_medium{
        font-size: 25px;
        padding:5px 15px 5px 15px;
    }
    .stickyMenu { top: 70px; }

    .btnMenuAdmin {
        height: 120px;
    }
}

/**************************/
/* ECRAN MOYEN (Ipad-pro) */
/**************************/
@media all and (max-width: 1199px) {
    .stickyMenu { top: 83px; }
    .btnMenuAdmin {
        height: 140px;
    }
}

/***************/
/* PETIT ECRAN */
/***************/
@media all and (max-width: 992px) {
    .btnStructure  { display: none; }
    .btnStructureMobile { display: block;}
    .titreCardStructure { font-size: x-large; padding-top: 10px; }
    .item_structure_nom { font-size: large; }
    .item_structure_adresse { font-size: small; }
    .iconListAdmin { font-size: x-large; align-content: center; }
    .iconFa {font-size: larger;}
    .icon_medium {font-size: 20px;}
    .btnMenuAdmin {
        height: 120px;
    }
}

/**************************/
/* JUMBOTRON ESPACE ADMIN */
/**************************/
.jumbotron-admin{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/jumbotron/contact.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

/**************************************/
/* MENU DE GAUCHE ESPACE MEMBRE/ADMIN */
/**************************************/
.leftMenu {
    border-radius: 0px;
    padding: 0px;
}
.stickyMenu {
    /* offset-x | offset-y | blur-radius | spread-radius | color(red,green,blue,alpha) */
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.60);
    position: sticky;
    height: auto;
}

.stickyMenu .list-group-item{
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 8px;
}

.stickyMenu .list-group-item i{
    color: var(--mediumGreen);
    padding-left: 5px;
    padding-right: 5px;
}
.stickyMenu .list-group-item i.xs{
    font-size: 7px;
    height: 16px;
    width: 24px;
    padding-right: 8px;
    text-align: center;
    writing-mode: vertical-rl;
}

/**************************************/
/* CONTENU DROITE ESPACE MEMBRE/ADMIN */
/**************************************/
.rightContenu{
    margin-top: 48px;
    margin-bottom: 48px;
}

.btnMenuAdmin {
    margin-top: auto;
    margin-bottom: auto;
}

/* Les boutons du menu à gauche */
.hoverBlue:hover{
    background-color: lightblue;
}

.icon_medium {
    vertical-align: middle;
}

.item{
    margin-bottom: 10px;
}

.item .card{
    /* offset-x | offset-y | blur-radius | spread-radius | color(red,green,blue,alpha) */
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.60);
}

.item .card .card-header{
    color: var(--greyText);
    background-color: var(--green);
}
/* Le haut de la Card quand le contenu est étendu */
.item .card .card-header:hover{
    background-color: var(--olive);
}
/* Le haut de la Card quand le contenu est fermé */
.item .card .collapsed:hover{
    background-color: var(--olive);
}

/* Quand le contenu s'étend */
.item .card .collapsing{
    background-color: var(--greyBluePlus);
}
/* Le contenu étendu */
.item .card .show{
    background-color: var(--greyBluePlus);
}

.item_structure:hover {
    background-color: lightblue;
    cursor: pointer;
}
.item_structure {
    /* offset-x | offset-y | blur-radius | spread-radius | color(red,green,blue,alpha) */
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.60);
    background-color: var(--greyText);
    padding: 10px;
    height: auto;
    width: auto;
    overflow:hidden;
    word-wrap: break-word;
    border: solid;
    border-radius: 15px;
    border-width: 1px;
    border-color: dimgray;
    margin-top: 5px;
    margin-bottom: 5px;
}

.item_actualite {
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.60);
    background-color: var(--greyText);
    padding: 5px;
    height: auto;
    width: auto;
    overflow:hidden;
    word-wrap: break-word;
    border: solid;
    border-radius: 15px;
    border-width: 1px;
    border-color: dimgray;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*afficher seulement les 2 premières lignes*/
/*.liteShow {*/
/*    width: 100%;*/
/*    display: block;!* or inline-block *!*/
/*    text-overflow: ellipsis;*/
/*    word-wrap: break-word;*/
/*    overflow: hidden;*/
/*    max-height: 3em;*/
/*    line-height: 1.5em;*/
/*}*/

.item_nom {
    text-align: left;
    margin: auto;
}

.item_adresse {
    text-align: left;
    margin: auto;
}

.center-H {
    display: flex;
    justify-content: center;
}
.right-H {
    display: flex;
    justify-content: flex-end;
}
.left-H {
    display: flex;
    justify-content: flex-start;
}

.fColoredBlue {
    color: #5eb5e0;
}

.liste_details {
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.60);
    background-color: var(--greyGreen);

    /* Retirer les annotations de chaque item de la liste */
    list-style-type: '';

    /* Pour afficher dans une boite scrollable */
    max-height: 260px;
    overflow:hidden;
    overflow-y:scroll;
    height:50%;
    border: solid 1px grey;
    padding-left: 20px;
    padding-right: 20px;
}

.card-date {
    padding-left: 10px;
    padding-bottom: 3px;
}

/*page outils */
.outils_image img{
    object-fit: contain;
    width: 100%; /* ou n'importe quelle taille souhaité */
    height: 100%;
}

.ctnt_end {
    justify-content: end;
}

span.smallAnchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

fieldset.form-group div {
    width: 100%;
}

fieldset legend{
    display: none; !important;
}

/****
Admin
*****/
.item_message, .item_article{
    padding: 10px;
    height: 40px;
    width: auto;
    overflow:hidden;
    word-wrap: break-word;
    margin-bottom: 10px;
    border-radius: 8px;
}

.item_article{
    height: 50px;
}

.statistique{
    padding: 0;
}

.icon-buttons {
    background: none;
    padding: 0px;
    border: none;
}

.button_ajouter_actualite{
    float: right;
    display: inline-block;
}

.buttons_actualite{
    display: inline-block;
    height: auto!important;
}

.icon_medium{
    vertical-align: middle;
}
.recherche_messages{
    display: flex;
    align-items: center;
}

/*Modification chiffres*/

.modification_chiffres input{
    text-align:center;
}

.position-relative .form-check{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.form-group input{
    float: right;

}
.form-group{
    display: flex;
    min-width: 200px;
}
.form-group label{
    width: 300px;
}

/***************************
Details Structure/plateforme
***************************/
.champsDetails div:nth-child(4n){
    background-color: var(--greyText);
}
.champsDetails div:nth-child(4n-1){
    background-color:var(--greyText);
}

.champsDetails12Col:nth-child(even){
    background-color:var(--greyText);
}
.champsDetails p,.champsDetails12Col p{
  margin-top: 10px;
    margin-bottom: 10px!important;
}
.collapse .card-body{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 0px;
}
.collapsing .card-body{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 0px;
}