#_admin__admin #le_conteneur .form{padding: 0}
#_admin__admin #main_aside {display: grid;grid-template-columns: 65% 35%;grid-gap: 0rem; max-width: 100vw;}
#_admin__admin #main_aside #label_masquer_aside{ position: sticky; top:20px; left: 100%; padding: 20px; background: var(--couleurAction); cursor: pointer; z-index: 2; color: #fff}

#_admin__admin #main_aside aside
, #_admin__admin #main_aside main
, #_admin__admin #main_aside #label_masquer_aside
, #_admin__admin #main_aside
{transition:all .3s linear;}

#_admin__admin #main_aside:has(#masquer_aside:checked) { overflow-x: hidden}
#_admin__admin #main_aside:has(#masquer_aside:checked) #label_masquer_aside i{transform: rotate(180deg)}
#_admin__admin #main_aside:has(#masquer_aside:checked){grid-template-columns: 100% 0}
#_admin__admin #msg.erreur{background: var(--erreur); color: #fff}

#_admin__admin main, #_admin__admin aside{padding-bottom: 100px!important}
#_admin__admin main{min-height: 100vh; background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4); z-index: 1; position: relative; overflow-x: scroll }
#_admin__admin main #donnees
, #_admin__admin main header
, #_admin__admin main #msg
{padding: 0px 40px;}

#_admin__admin aside{height: 100vh; overflow: hidden; overflow-y: scroll; top:0; background: var(--bk_chargement); }

#_admin__admin main header{display: flex; justify-content: space-between; align-items: center;padding: 20px 0;}
#_admin__admin main header h1, #_admin__admin main header .champ{margin: 0}
#_admin__admin main header form{padding: 0; max-width: 400px}

#_admin__admin main .champ{margin-bottom: 40px}
/*-----------------------------------------------------------------*/
/*													                 	  GESTION */
/*-----------------------------------------------------------------*/

#_admin__admin .tables, #_admin__admin .tables li{margin: 0; padding:0; list-style: none}
#_admin__admin .tables li a{display: block; padding:10px; border-bottom: 1px dashed rgba(255, 255, 255, .2); color:var(--couleur3); border-radius: var(--borderRadius) }
#_admin__admin h1 span a{background: var(--couleurAction);color: #fff;border-radius: var(--borderRadius); display: inline}
#_admin__admin .tables li a::first-letter
, #_admin__admin h1::first-letter{text-transform: uppercase}
#_admin__admin .tables li a:hover, #_admin__admin .tables li.actif a{background-image: var(--degrader); background: rgba(116, 39, 156, 0.5); color: var(--couleur_claire);}

#_admin__admin table th a.actif{font-weight: bold}
#_admin__admin table th a.actif:after{ display:inline-block; content:"↓"}
#_admin__admin table th a.actif.desc:after{content:"↑"}

#_admin__admin table td .img{display: block; height: 100px; width:100px; border-radius: 20px;   background-repeat: no-repeat; background-size: contain; background-position: center center; background-color:#ccc}

#_admin__admin table td .categories{ display: block; margin-top: 10px}
#_admin__admin table td .categories a{ display: inline-block; font-size: .8em;  background: var(--couleur2);color: #fff;border-radius: var(--borderRadius);display: inline;}



#_admin__admin .pagination{padding: 0}
#_admin__admin .pagination li{display:inline-block}
#_admin__admin .pagination li a, #_admin__admin .pagination li span{display: block; padding: 10px; border: 1px solid; margin: 5px; min-width: 60px; text-align: center}
#_admin__admin .pagination li a:hover, #_admin__admin .pagination li.actif a{background: var(--couleur1); color: #fff; border-color: var(--couleur1)}

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

#_admin__admin main textarea:not(.cdx-input):not(#intro){height: 80vh}
#_admin__admin main #intro{height: 100px}
#_admin__admin aside .afficher_section {display: none;}

#_admin__admin .form .champ label::first-letter{text-transform: uppercase}


#_admin__admin ._editeur{border:1px solid #fff; border-radius:var(--borderRadius); background:var(--couleur_claire); color:#000}
.image-tool--empty .image-tool__link, .image-tool--loading .image-tool__link {display: none;}
.codex-editor__redactor{padding-bottom: 0!important}
textarea.ce-code__textarea{border-color: #ccc; background:#d4D4D4}

#_admin__admin aside section:has(input:invalid) .label:after
, #_admin__admin aside section:has(select:invalid) .label:after
, #_admin__admin aside section:has(textarea:invalid) .label:after
, #_admin__admin aside section:has(.champ.erreur) .label:after
{
	content:"*";
	display:inline-block;
	color: var(--erreur);
}

#_admin__admin aside .label{background: var(--couleur3); color:var(--couleur_claire); cursor: pointer;padding: 10px; display: block; border-bottom:1px dotted var(--couleur_claire)}
#_admin__admin aside section .contenu{max-height: 0; overflow: hidden; transition:all .2s linear;}
#_admin__admin aside section:has(.input:checked) .contenu
{max-height: 9999px;padding:20px; overflow: visible;}

#_admin__admin aside .champ textarea{height: 200px}
#_admin__admin #s_enregistrer{padding: 20px;text-align: center;}
#_admin__admin aside #div_visible .bloc_input{justify-content: center}

#_compte__blog_editer.nouvel_article #date_modification, 
#_compte__blog_editer.nouvel_article #date_publication
{
  display: none
}

/*-----------------------------------------------------------------*/
/*													                 	    SITE  */
/*-----------------------------------------------------------------*/

#_admin__admin #entete{display:none}
#_admin__admin #le_conteneur{padding-bottom: 0}