/*-----------------------------------------------------------------*/
/* MENU EDITION			                                           */
/*-----------------------------------------------------------------*/

.menuEdition{position: absolute;top: 0;height: 100%;width: 100%;right: 0; z-index: 5; padding: 0px;transition: transform .5s ease; transform: translateX(120%);}

.menuEdition:has(input:checked){transform: translateX(0);}

.menuEdition ul{width: 250px;height: 100%;margin: 0;padding: 0;margin-left: auto;background: #fff;padding: 20px;padding-top: 40px;overflow-y: scroll;border-radius: var(--borderRadius);border-bottom-right-radius: 0;border-top-right-radius: 0;box-shadow: var(--boxShadow);}
.menuEdition ul li{list-style: none; margin: 5px 0; cursor: pointer}
.menuEdition ul li > label{cursor: pointer}
.menuEdition ul li .btn{display: flex; border-radius: var(--borderRadiusMin); gap: .5em; height: 50px; aspect-ratio: 1 / 1; justify-content: center; align-items: center; font-size: 1.5em} 

.menuEdition .fermer{position: absolute;top: 10px;right: 20px;font-size: 1.7em;cursor: pointer; color: var(--couleurBTN);}
.menuEdition .fermerMenu{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer}
.menuEdition .btnSupprimer{background: var(--couleurAvertissement)}


/*-----------------------------------------------------------------*/
/* FORM	                          				                   */
/*-----------------------------------------------------------------*/
#tpl[data-nom="Admin"] .form[data-form] legend{font-size: 2.5em;font-weight: bold;font-family: titre;margin-bottom: 20px}

#tpl[data-nom="Admin"] .form .btn.desactiver{opacity: .3;  cursor: not-allowed}
/*-----------------------------------------------------------------*/
/* BTNS PUBLICATION		                                           */
/*-----------------------------------------------------------------*/
#btnsPublication button:not(.actif){display: none!important;opacity: 0}
#btnsPublication button.actif{opacity: 1;  transition:opacity .5s ease}
#btnsPublication button.chargement{cursor: not-allowed}


/*-----------------------------------------------------------------*/
/* PAGE CONFIRMATIONS	                                           */
/*-----------------------------------------------------------------*/
.pageConfirmations{position: absolute; top: 0; left: 0; background: var(--backgroundVue);width: 100%; height: 100%; z-index: 2; display: grid; place-items: center; text-align: center; transform: translateY(120%);
	  animation: slideBottomToTop .5s ease forwards;}