/*******************************/
/* Gestion du volet contextuel */
/*******************************/

.p-pageAvecVolet__volet{
  position: absolute;
  right: 0rem;
  height: 100%;
  max-width: 0rem ;
  box-shadow: 0 0 .3rem #000000;
  transition: max-width .5s ease;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
  z-index: 200;
}

.p-pageAvecVolet__volet__corps {
  width: 18rem;
  height: 100%;
  overflow-y: auto;
  height: 100%;
  padding: .75rem;
}

.p-pageAvecVolet__volet--ouvert{
    max-width: 18rem;
}

.p-pageAvecVolet__volet--ferme{
    max-width: 0rem;
    padding: 0rem;
}

.p-pageAvecVolet__volet--ouvert + .p-pageAvecVolet__overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 18rem;
    bottom: 0;
    transition: all .5s ease;
    opacity: .7;
    pointer-events: auto;
    background-color: #000;
    z-index: 10;
}

.p-pageAvecPanneau__volet--ferme + .p-pageAvecVolet__overlay{
    left: 0;
    pointer-events: none;
    opacity: 0;
}

@media only screen and (min-width: 576px){
    .p-pageAvecVolet__volet{
        position: relative;
    }

    .p-pageAvecVolet__overlay{
        display: none;
    }
}


.p-pageAvecVolet__blocBoutons
{
  display: flex;
  padding-top: .5rem;
  padding-bottom: 1rem;
}

/*.p-pageAvecVolet__bouton
{
  position: absolute;
  right: 1rem;
  top: 1rem;
}*/

/*                        */
/* Style au sein du volet */
/*                        */

.p-pageAvecVolet__volet h1,
.p-pageAvecVolet__volet h2,
.p-pageAvecVolet__volet h3,
.p-pageAvecVolet__volet h4,
.p-pageAvecVolet__volet h5,
.p-pageAvecVolet__volet h6
{
  white-space: nowrap;
  overflow: hidden;
}



.o-bouton-volet {
  flex-grow: 1;
  text-align: center;
}

.o-bouton-volet--fermer {
  /*! flex-grow: 0; */
  text-align: left;
}


.p-pageAvecVolet__volet .o-toast {
  z-index: 999;
  position: absolute;
  width: 70%;
  left: 15%;
  bottom: 1.3rem;
  font-size: 1.75rem;
  border-radius: 1em;
  padding: .3rem;
  background: rgb(224, 203, 166);
  text-align: center;
}

.p-pageAvecVolet__anim-chargement {
  position: absolute;
  right: 1rem;
  background: white;
  padding: .25rem;
  border-bottom-left-radius: .75rem;
  display: none;
}