.p-pageModule--accueil {
  overflow-y: auto;
  padding: .5rem;
  background: var(--desaturate-bg);
}

.grid-stack {
  max-width: 100rem;
  margin: auto;
}

/* nos parametes gridstacks à nous */

.grid-stack { }

/* Surcharge parametres gridstack officiels */

.grid-stack > .grid-stack-item[data-gs-width="4"]  { width: 100% }
.grid-stack > .grid-stack-item[data-gs-width="3"]  { width: 75% }
.grid-stack > .grid-stack-item[data-gs-width="2"]  { width: 50% }
.grid-stack > .grid-stack-item[data-gs-width="1"]  { width: 25% }

.grid-stack > .grid-stack-item[data-gs-x="3"]  { left: 75% }
.grid-stack > .grid-stack-item[data-gs-x="2"]  { left: 50% }
.grid-stack > .grid-stack-item[data-gs-x="1"]  { left: 25% }


/* Tentative de responsible en horizontal qui ne marche pas top top */

/*.grid-stack > .grid-stack-item[data-gs-y="9"]:not(.ui-draggable-dragging)  { top: 90% !important; }
.grid-stack > .grid-stack-item[data-gs-y="8"]:not(.ui-draggable-dragging)  { top: 80% !important; }
.grid-stack > .grid-stack-item[data-gs-y="7"]:not(.ui-draggable-dragging)  { top: 70% !important; }
.grid-stack > .grid-stack-item[data-gs-y="6"]:not(.ui-draggable-dragging)  { top: 60% !important; }
.grid-stack > .grid-stack-item[data-gs-y="5"]:not(.ui-draggable-dragging)  { top: 50% !important; }
.grid-stack > .grid-stack-item[data-gs-y="4"]:not(.ui-draggable-dragging)  { top: 40% !important; }
.grid-stack > .grid-stack-item[data-gs-y="3"]:not(.ui-draggable-dragging)  { top: 30% !important; }
.grid-stack > .grid-stack-item[data-gs-y="2"]:not(.ui-draggable-dragging)  { top: 20% !important; }
.grid-stack > .grid-stack-item[data-gs-y="1"]:not(.ui-draggable-dragging)  { top: 10% !important; }
.grid-stack > .grid-stack-item[data-gs-y="0"]:not(.ui-draggable-dragging)  { top: 0% !important; }

.grid-stack > .grid-stack-item[data-gs-height="10"]:not(.ui-resizable-resizing) { height: 100% !important; }
.grid-stack > .grid-stack-item[data-gs-height="9"]:not(.ui-resizable-resizing)  { height: 90% !important; }
.grid-stack > .grid-stack-item[data-gs-height="8"]:not(.ui-resizable-resizing)  { height: 80% !important; }
.grid-stack > .grid-stack-item[data-gs-height="7"]:not(.ui-resizable-resizing)  { height: 70% !important; }
.grid-stack > .grid-stack-item[data-gs-height="6"]:not(.ui-resizable-resizing)  { height: 60% !important; }
.grid-stack > .grid-stack-item[data-gs-height="5"]:not(.ui-resizable-resizing)  { height: 50% !important; }
.grid-stack > .grid-stack-item[data-gs-height="4"]:not(.ui-resizable-resizing)  { height: 40% !important; }
.grid-stack > .grid-stack-item[data-gs-height="3"]:not(.ui-resizable-resizing)  { height: 30% !important; }
.grid-stack > .grid-stack-item[data-gs-height="2"]:not(.ui-resizable-resizing)  { height: 20% !important; }
.grid-stack > .grid-stack-item[data-gs-height="1"]:not(.ui-resizable-resizing)  { height: 10% !important; }*/



.grid-stack > .grid-stack-item > .grid-stack-item-content {left: 0px; right: 3px; }


/****************************************************/
/* Directives générales pour l'affichage des tuiles */
/****************************************************/


body.est-mobile .grid-stack-item {
  max-height: 70vh;
}


.grid-stack-item[data-gs-width="2"] ul.multiColGs > li {
    display: inline-block;
    width: 47%;
    vertical-align: top;
}

@media (max-width: 768px) and (min-width: 424px)
{
  ul.multiColGs > li {
    display: inline-block;
    width: 47%;
    vertical-align: top;
  }
}


.o-cont-affplein-tuile {
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/*********************************************/
/* Pagination et style du contenu des tuiles */
/*********************************************/

.p-tuile
{
  display: flex;
  flex-direction: column;
  height: 100%;
  
  background-position: center;
  background-size: 75%;
  background-repeat: no-repeat;
}

.p-tuile__bloc-titre h1 { 
  cursor: grab; 
}

.ui-draggable-dragging .p-tuile__bloc-titre h1 { cursor: grabbing; }

.p-tuile__bloc-boutons-bas { 
  flex-shrink: 1; 
  
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.p-tuile__contenu
{
  overflow-y: auto;
  flex-grow: 1;
}
body.est-mobile .p-tuile__contenu{ overflow-y: hidden; }
body.est-mobile .p-tuile--affPlein .p-tuile__contenu{ overflow-y: auto; }

.p-tuile__bloc-boutons-haut
{
  flex-grow: 0;
  flex-shrink: 1;
  text-align: right;
  
  display: flex;
}
a.a-tuile__bloc-boutons-haut__bouton {
  display: block;
  min-width: 1.5rem;
  text-align: center;
}



.p-tuile__message-vide p {
    text-align: inherit;
    font-weight: bold;
    font-style: italic;
    font-size: .8rem;
    margin: .5rem;
}
.p-tuile__message-vide {
    text-align: center;
    color: var(--grayLight);
}


.o-tuile-item { 
  display: flex;
  margin-top: 1rem;
}
.o-tuile-item:first-of-type {
  margin-top: .25rem;
}

.o-tuile-item__icone
{
  flex-grow: 0;
  flex-shrink: 0;
/*   margin-right: 1rem; */
  margin-right: .75rem
}

.o-tuile-item__icone--ovoide
{
  background-image: url('../../../images/bko-ovoide.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  color: white;
  font-size: var(--small-font-size);
  padding: .6rem;
  text-align: center;
  line-height: 1.15;
  margin: .25rem .5rem;
}

.o-tuile-item__contenu
{
  flex-grow: 1;
  overflow: hidden;
}

/*********************************/
/* Tuiles définies par le module */
/*********************************/

#tuileBienvenueHeure {
  margin-top: 0.25em;
  font-size: 3em;
  margin-left: auto;
  text-align: center;
  font-family: san;
  color: white;
}
#tuileBienvenueDate {
  text-align: center;
  font-weight: bold;
  color: white;
}
#tuileBienvenueAnSemaine {
  text-align: center;
  color: white;
  font-size:0.8em;
}
#tuileBienvenueInfoUtil {
  margin-top: 1em;
  text-align: center;
  color: #555;
  font-size: 0.9em;
  font-weight: bold;
}
#tuileBienvenueInfoUtil a.deconexion {
  text-decoration: none;
  color: #555;
  background: #fffc;
  padding: 0.3em;
  border-radius: 1em;
  display: inline-block;
  padding-left: 0.7em;
  padding-right: 0.7em;
  margin-top: 0.25em;
}
#tuileBienvenueInfoUtil a.deconexion img {
  vertical-align: sub;
}
#tuileBienvenueInfoUtil a.deconexion:hover {
  background: #00FF00;
}

#tuileBienvenueVersion {
  font-size: 0.8em;
  margin-top: 1.35em;
  text-align: center;
  color: #333;
  font-style: italic;
}




/* Tuile Mémos */

ul.listeMemos > li {
  margin-left: 3%;
  margin: 3%;
  padding: 0.35em;
  font-size: 0.95em;
}

.grid-stack-item[data-gs-width="2"] ul.listeMemos.multiColGs > li {
  width: 45%;
  margin: 2%;
  margin-right: 0;
}

@media (max-width: 768px) and (min-width: 424px)
{
  ul.listeMemos.multiColGs > li {
    width: 45%;
    margin: 2%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

#tuile_memos .auteurDate {
    color: #6e6e6e;
    font-size: .8em;
    font-style: italic;
    text-align: right;
}

/* Tuile Astuces */

.p-tuile--astuces ul {
    list-style-image: url('../icones/puce_astuce.png');
    padding-left: 1rem;
}

.p-tuile--astuces ul li {
    padding-left: 0.25rem;
    margin-bottom: .3rem;
    margin-top: .3rem;
}

/*
 *  Notifications
 * 
 * */

.o-notification--memoModif .o-notification__contenu {
    background-image: url('../icones/notif_memoModif.png');
}

.o-notification--memoSuppr .o-notification__contenu {
    background-image: url('../icones/notif_memoSuppr.png');
}




/*
 * HACK Bear en cours...
 * 
 */



.grid-stack-item-content {
  display: flex;
  flex-direction: column;
}

.grid-stack-item-content .o-formulaire {
  height: 100%;
  flex-grow: 1;
  overflow: auto;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content.tuile {
  margin: .5rem;
}