/*
Valeurs par defaut :
theme: #3874b0;
foncee: #3874b0;
 claire: #9cbad8;
left: right;
right: left;
rtl: _rtl;
dir: rtl;

font-size: 0.8125em;
line-height: 1.385em;
margin-bottom: 1.385em;
text-indent: 50px;
font-family: Helvetica, Arial, sans-serif;
background-color : #F8F7F3;
color: #000000;
*/



 
<pre>Erreur d’exécution prive/themes/spip/vars.css.html</pre>








/* clear.css::prive/themes/spip/clear.css */
/* --------------------------------------------------------------

   clear.css
   Classes pour faciliter la composition
   Cf.: https://contrib.spip.net/3820

-------------------------------------------------------------- */

body { margin-bottom:1em; background-color: #f8f7f3; margin: 0; border: 0; color: #000;}

/* Alignements */
.center { text-align: center; margin-right: auto; margin-left: auto; }

/* Espaceur de blocs */
.clear { clear: both; }
br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear { visibility: hidden; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.clearfix { display: block; }

.offscreen,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Non visible a l'ecran */
.none,.js .none-js,.no-js .none-nojs { display: none; }
.hidden,.js .hidden-js,.no-js .hidden-nojs  {visibility:hidden;}
.invisible, /* compat */
.over,.js .over-js,.no-js .over-nojs { position: absolute; left: -3000em; height: 1%; }

/* oldies */
.js .invisible_au_chargement { visibility: hidden; }
.js .visible_au_chargement { visibility: hidden; }
.js .display_au_chargement { display: none; }
.no-js .invisible_au_chargement { visibility: hidden; }
.no-js .visible_au_chargement { visibility: visible; }
.no-js .display_au_chargement { display: block; }

/* debug */
.todo { opacity: 0.5; }
.todo:hover { opacity: 1; }
.blink { text-decoration: blink; }

/* style par defaut sur les tables. selecteur generique pour avoir une faible priorite */
table {
	border-collapse: collapse; /* equivalent a cellspacing=0 */
}
td {
	padding: 0; /* equivalent a cellpadding=0 */
}

td { text-align: start; }

.clicable {cursor:hand;cursor:pointer;}

img.loader, svg.loader { vertical-align: middle; width: 1.5em; height: 1.5em; margin: 0 0.25em;}





/* layout.css::prive/themes/spip/layout.css */
/**
 * ======
 * Layout
 * ======
 *
 * Organisation :
 *
 * 1. Layout général de la page
 *    1.1. Disposition par défaut
 *    1.x. Autres dispositions : pleine largeur, etc.
 * 2. Utilitaires
 * 3. Grenier / à ranger
 *
 * Breakpoints : 780px / 960px / 1200px
 *
 * Markup :
 *
 * body
 *   #bando_haut
 *     #bando_xxx (x4)
 *       .largeur
 *   #page
 *     .largeur
 *       #haut
 *       #conteneur[.<disposition>]
 *         #navigation
 *         #extra
 *         #contenu
 *   #pied
 *     .largeur
 */


/**
 * ============
 * 0. Variables
 * ============
 */


:root {
	/* Gouttière horizontale */
	--spip-layout-gap: 10px; /* clamp(10px, 2vw, 25px); */
	/* Largeur max de la page, */
	--spip-layout-page-width: 1480px;
	/* Largeur des colonnes */
	--spip-layout-column-width: 25%;
	/* Largeur limitée afin que les textes fassent environ 70 caractères max par ligne */
	--spip-layout-text-width: 75ch;
	/* Largeur limitée de certains formulaires */
	--spip-layout-form-width: 50em;
	/* Largeur réellement disponible, en tenant compte des gouttières */
	--spip-vw: calc(var(--spip-layout-page-width) - (var(--spip-layout-gap) * 2));
}
@media (min-width: 720px) {
	:root {
		--spip-layout-gap: 20px;
	}
}
@media (min-width: 1200px) {
	:root {
		--spip-layout-gap: 25px;
		--spip-layout-column-width: 20%; /* 3 colonnes donc plus petit */
	}
}


/**
 * ============================
 * 1. Layout général de la page
 * ============================
 */


html, body {
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
}
.largeur {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--spip-layout-page-width);
	margin-inline: auto;
	padding-inline: var(--spip-layout-gap);
}
#haut {
	margin-block-start: var(--spip-spacing-y);
}
/* Coller le footer en bas */
body {
	display: flex;
	flex-flow: column;
}
#page {
	overflow: initial !important; /* Sinon aucun élément en position sticky ne fonctionne */
	flex-grow: 1;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}
#page>:last-child {
	margin-top: auto;
}

/**
 * 1.1. Contenu central : disposition par défaut
 * =============================================
 */

/**
 * Mobiles : 1 seule colonne
 */
#conteneur {
	display: flex;
	flex-flow: column;
}
#contenu {
	order: 2;
	overflow-x: scroll; /* Tableaux qui dépassent : ne pas faire scroller toute la page */
	min-width: 0; /* Fix grid avec tableaux qui dépassent */
}
#navigation {
	order: 1;
	overflow-wrap: break-word;
}
#extra {
	order: 3;
	overflow-wrap: break-word;
}
/* Safeguard pour placer des éléments en sticky dans les 3 blocs principaux : .ajaxbloc doit prendre toute la hauteur du parent */
#contenu > .ajaxbloc:only-child,
#navigation > .ajaxbloc:only-child,
#extra > .ajaxbloc:only-child {
	height: 100%;
}

/**
 * Écrans moyens : 2 colonnes
 */
@media (min-width: 720px) {
	#conteneur {
		display: grid;
		column-gap: var(--spip-layout-gap); /* pas de gap sur les rows pour l'instant, car les éléments à l'intérieur ont déjà des marges basses en général */
		grid-template-rows: auto 1fr;
		grid-template-columns:
			var(--spip-layout-column-width) /* navigation & extra */
			1fr;                            /* contenu */
		grid-template-areas:
			"navigation contenu"
			"extra      contenu";
	}
	#contenu {
		grid-area: contenu;
		overflow-x: initial;
	}
	#navigation {
		grid-area: navigation;
	}
	#extra {
		grid-area: extra;
	}
}

/**
 * Écrans larges : 3 colonnes
 */
@media (min-width: 1200px) {
	#conteneur {
		grid-template-columns:
			var(--spip-layout-column-width)  /* navigation */
			1fr                              /* contenu */
			var(--spip-layout-column-width); /* extra */
		grid-template-areas:
			"navigation contenu extra"
			"navigation contenu extra";
	}
}


/**
 * 1.2. Disposition : pleine-largeur
 * ===================================
 * Pas de contenus complémentaires #nav ni #extra
 * Nb : pleine_largeur conservé un temps pour rétro-compat
 */
#conteneur:is(.layout-full-width, .layout-pleine-largeur, .layout-pleine_largeur) {
	grid-template-areas: "contenu";
	grid-template-columns: 1fr;
}
#conteneur:is(.layout-full-width, .layout-pleine-largeur, .layout-pleine_largeur) #navigation,
#conteneur:is(.layout-full-width, .layout-pleine-largeur, .layout-pleine_largeur) #extra  {
	display: none;
}
/* Limiter la largeur de certains éléments */
#conteneur:is(.layout-full-width, .layout-pleine-largeur, .layout-pleine_largeur) .formulaire_spip {
	max-width: var(--spip-layout-form-width);
	margin-inline: auto;
}

/**
 * 1.3. Disposition : complements-gauche
 * =======================================
 * Contenus complémentaires #nav et #extra à gauche
 */
@media (min-width: 1200px) {
	#conteneur.layout-aside-inline-start,
	#conteneur.layout-complements-gauche {
		grid-template-areas:
			"navigation contenu"
			"extra      contenu";
		grid-template-columns: var(--spip-layout-column-width) 1fr;
	}
}

/**
 * 1.4. Disposition : complements-droite
 * =======================================
 * Contenus complémentaires #nav et #extra à droite
 */
@media (min-width: 1200px) {
	#conteneur.layout-aside-inline-end,
	#conteneur.layout-complements-droite {
		grid-template-areas:
			"contenu navigation"
			"contenu extra";
		grid-template-columns: 1fr var(--spip-layout-column-width);
	}
}

/**
 * 1.5. Disposition : complements-bas
 * ====================================
 * Contenus complémentaires #nav et #extra sous le contenu principal
 */
 @media (min-width: 1200px) {
	#conteneur.layout-aside-block-end,
	#conteneur.layout-complements-bas {
		grid-template-areas:
			"contenu contenu"
			"navigation extra";
		grid-template-columns: 1fr 1fr;
	}
}

/**
 * 1.6. Disposition : complements-bas-inverse
 * ============================================
 * Contenus complémentaires #nav et #extra sous le contenu principal
 */
 @media (min-width: 1200px) {
	#conteneur.layout-aside-block-end-reverse,
	#conteneur.layout-complements-bas-inverse {
		grid-template-areas:
			"contenu contenu"
			"extra navigation";
		grid-template-columns: 1fr 1fr;
	}
}

/**
 * 1.7. Disposition : fluide
 * ===========================
 * Idem disposition de base, sauf que le contenu principal prend tout l'espace disponible.
 * Un peu touchy pour détecter si les blocs sont vides ou pas :
 * en général ils contiennent un .ajaxbloc, mais il peut y avoir des exceptions.
 * Il faut donc prendre en compte ces 2 cas à chaque fois.
 */
 @media (min-width: 1200px) {
	/* extra est vide */
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *)),
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)) {
		grid-template-areas: "navigation contenu";
		grid-template-columns: var(--spip-layout-column-width) 1fr;
	}
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *))             #extra,
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)) #extra {
		display: none;
	}
	/* navigation est vide */
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#navigation > *)),
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#navigation > .ajaxbloc > *)) {
		grid-template-areas: "contenu extra";
		grid-template-columns: 1fr var(--spip-layout-column-width);
	}
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#navigation > *))             #navigation,
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#navigation > .ajaxbloc > *)) #navigation {
		display: none;
	}
	/* extra et navigation sont vides */
	/* comme en pleine largeur, limiter la largeur de certains éléments */
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *)):not(:has(#navigation > *)),
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)):not(:has(#navigation > *)),
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *)):not(:has(#navigation > .ajaxbloc > *)),
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)):not(:has(#navigation > .ajaxbloc > *)) {
		grid-template-areas: "contenu";
		grid-template-columns: 1fr;
	}
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *)):not(:has(#navigation > *))                         .formulaire_spip,
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)):not(:has(#navigation > *))             .formulaire_spip,
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > *)):not(:has(#navigation > .ajaxbloc > *))             .formulaire_spip,
	:is(#conteneur.layout-fluide, #conteneur.layout-fluid):not(:has(#extra > .ajaxbloc > *)):not(:has(#navigation > .ajaxbloc > *)) .formulaire_spip {
		max-width: var(--spip-layout-form-width);
		margin-inline: auto;
	}
}


/**
 * ==============
 * 2. Utilitaires
 * ==============
 * Classes utilitaires applicables à n'importe quel élément
 */


.centered {
	margin: 0 auto;
	text-align: center; /* Vraiment nécessaire ? */
}


/**
 * =====================
 * 3. Grenier + à ranger
 * =====================
 */


/* ??? */
.table_page {
	max-width: var(--spip-layout-page-width);
	/* min-width: 960px; */ /* pour > 720px  */
	margin-inline: auto;
	margin-block-start: 1em;
	clear: both;
	text-align: start;
}

/* Messages alertes old school, ex. : crash de la bdd */
.wrap-messages-alertes {
	padding: 5px 10px;
	background-color: var(--spip-color-gray-lighter);
}
@media (min-width: 960px) {
	.wrap-messages-alertes {
		padding: 5px 20px;
	}
}
.messages-alertes {
	max-width: var(--spip-layout-page-width);
	/* min-width: 960px; */ /* pour > 720px  */
	margin-inline: auto;
	text-align: end;
	clear: both;
}





/* ajax.css::prive/themes/spip/ajax.css */
/**
 * Conteneurs ajax
 * Ils sont ajoutés autour des éléments ajaxés
 */
div.ajaxbloc,
div.ajax,
div.ajax-form-container {
	position: relative;
}

/* Picto de chargement */
.image_loading {
	float: inset-inline-end;
}
div.ajaxbloc > .image_loading,
div.ajax > .image_loading,
.formulaire_spip > .image_loading,
div.ajax-form-container > .image_loading {
	position: absolute;
	right: 0;
	float: none;
}

/* Bug IE/Win lol */
.bugajaxie {
	display: none;
}

/* ajax.css::prive/themes/spip/ajax.css */
/**
 * Conteneurs ajax
 * Ils sont ajoutés autour des éléments ajaxés
 */
div.ajaxbloc,
div.ajax,
div.ajax-form-container {
	position: relative;
}

/* Picto de chargement */
.image_loading {
	float: inset-inline-end;
}
div.ajaxbloc > .image_loading,
div.ajax > .image_loading,
.formulaire_spip > .image_loading,
div.ajax-form-container > .image_loading {
	position: absolute;
	right: 0;
	float: none;
}

/* Bug IE/Win lol */
.bugajaxie {
	display: none;
}




/* typo.css::prive/themes/spip/typo.css */
/* Valeurs par defaut :
 font-size: 0.8125em;
 line-height: 1.385em;
 margin-bottom: 1.385em;
 text-indent: 50px;
 font-family: Helvetica, Arial, sans-serif;
 background-color : #F8F7F3;
 color: #000000;
*/

html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
  background: #F8F7F3;
  font: 0.8125em/1.385em Helvetica, Arial, sans-serif;
  color: #000000;
}
@media (min-width: 960px) {
	body {
		font: 0.875em/1.385em Helvetica, Arial, sans-serif;
	}
}
@media (min-width: 1200px) {
	body {
		font: 0.9375em/1.385em Helvetica, Arial, sans-serif;
	}
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
hr { height: 1px; margin: 1.385em 0; border: 0; background: #000000; color: #000000; }

/* Titraille Blueprint
Cf. : http://www.blueprintcss.org/tests/parts/elements.html
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }*/

h1,.h1 { font-size: 1.6925em; line-height: 1.6366322008863em; margin-bottom: 0.81831610044314em;}
h2,.h2 { font-size: 1.385em; line-height: 1; margin-bottom: 1em; font-weight: bold;}
h3,.h3 { font-size: 1.1925em; line-height: 1.1614255765199em; margin-bottom: 1.1614255765199em;font-weight: bold; }
h4,.h4,caption { font-size: 1.09625em; line-height: 1.2633979475485em; margin-bottom: 1.2633979475485em;font-weight: bold; }
h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.385em; }
h6,.h6 { font-size: 1em; font-weight: bold; }
h3.titrem {
	position: relative;
}

/* Titre de section.
   Ils reprennent l'affichage des entêtes de boîtes.
   Utile pour démarrer une section sur une fiche d'objet par exemple,
   tout en gardant un affichage consistant avec les blocs de formulaires, listes, etc. */
.titrem_section {
	display: block;
	padding: var(--spip-box-spacing-y-mini) var(--spip-box-spacing-x-mini);
	margin: var(--spip-spacing-y) 0;
	font-size: var(--spip-box-heading-fontsize-mini);
	font-weight: var(--spip-box-heading-fontweight);
	border-radius: var(--spip-box-border-radius);
	background-color: var(--spip-color-gray-lightest);
}


#haut h1,h1.grostitre {margin-top:0.75em}

/* Enrichissements typographiques */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small, .small { font-size: 80%; }
big, .big { font-size: 150%; }
abbr[title], acronym[title] { border-bottom: .1em dotted;  text-decoration: none; cursor: help; }
dfn { font-weight: bold; font-style: italic; }
del { text-decoration: line-through; }
ins { text-decoration: none; background-color: #FFC; }
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
.caps { font-variant: small-caps; }

/* Listes */
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

dl dt { font-weight: bold; }
dl dd {}

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 50px; font-style: italic; }
cite { font-style: italic; }

address { font-style: italic; }

pre,code,kbd,samp,var,tt { font-family: 'lucida console',monospace; font-size: 1em; }
pre {
	margin: 1.385em 0;
	white-space: pre-wrap;
	word-break: break-all;
	overflow-wrap: break-word;
}
kbd { background-color: #000000; color: #F8F7F3; }
samp { font-weight: bold; }
var { font-style: italic; }

/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: 1.385em; }

/* Liens */
a {}
a:hover {}
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; display: inline-block;}
.on { font-weight: bold; }

/* end */

/*
 * Specificites de code SPIP (ex spip-styles.css)
 */

.spip-puce b {display:none;}
.spip-puce {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
	font-weight: bold;
	font-size: 1.4em;
  line-height: 0.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.spip-puce:before {
	content: "\203A";
}


/* Listes SPIP */
ul.spip,.formulaire_spip ul.spip, #conteneur ul.spip { list-style: square; margin-bottom:1.385em;}
ul.spip ul, #conteneur ul.spip ul { list-style: circle; }
ol.spip, #conteneur ol.spip { list-style: decimal; margin-bottom:1.385em;}

ul.spip li, ol.spip li, #conteneur ul.spip li  {margin-inline-start:50px;}
ul.spip li li, ol.spip li li, #conteneur ul.spip li li {margin-inline-start:25px;}

/* Citations, poesie */
/*blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0.30em solid; }
blockquote.spip_poesie { margin: 2em 0; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; }
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }
*/

.spip_surligne { background: #FF6; }

/* Logos, documents et images */
img, .spip_logo { margin: 0; padding: 0; border: 0; max-width: 100%;height: auto;}
.spip_documents { text-align: center; margin-bottom: 1.385em; margin-left:auto; margin-right:auto; max-width:100%; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif,
.spip_doc_credits { margin-right: auto; margin-left: auto; text-align: center; min-width: 120px; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1.385em auto; }
.spip_documents_left { float: inline-start; margin-inline-end: 15px; margin-bottom: 1.385em; max-width: 33%; }
.spip_documents_right { float: inline-end; margin-inline-start: 15px; margin-bottom: 1.385em; max-width: 33%; }
.spip_documents p { margin: 0.10em; padding: 0;}
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; line-height: 1.25; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; line-height: 1.25; }
.spip_doc_credits { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; font-style:italic; line-height: 1.25; }
.spip_doc_legende { display: block;clear: both; margin-left: auto; margin-right: auto; width: 100%; max-width: 25em; }
.spip_documents>a { display: inline-block; }
.spip_documents img,.spip_documents svg { max-width: 100%; height: auto; }
.spip_documents table { text-align: left; }
table.spip .spip_document_image {width: auto !important;}

/* Adaptation aux nouveaux modeles document SPIP 4.0 */
.spip_document { display: flex; justify-content: center;align-items: center}
.spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;}
.spip_doc_inner>* {margin-left: auto;margin-right: auto;}
.spip_document .spip_doc_lien { display: inline-block; }
.spip_doc_legende { display: block; max-width: 25em; }
/* Fin adaptation */

@media (max-width: 480px) {
	.spip_documents_left, .spip_documents_right { float: none; margin-left: auto; margin-right: auto; max-width:100%; }
}


/* modeles par defaut */
.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_ancre {} /* liens internes a la page */
a.spip_in {} /* liens internes */
a.spip_mail { color: #900; }
a.spip_mail:before { content: "\002709"; } /* liens vers un email */
/* liens sortants */
a.spip_out,
a[rel=external] {
	color: #009;
}
a.spip_out:after,
a[rel=external]:after {
	content: "\0000a0\279A";
}
a.spip_url { color: #009; } /* liens url sortants */
a.spip_url.auto {word-break: break-word;}
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration: underline overline; }
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]";color:#888; display: inline-block;}
.on { font-weight: bold; } /* liens exposes */



/* grids.css::prive/themes/spip/grids.css */
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; }
.unit{float:inline-start;}
.unitExt{float:inline-end;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* grids.css::prive/themes/spip/grids.css */
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; }
.unit{float:right;}
.unitExt{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}



/* bando.css::prive/themes/spip/bando.css */
/*
Ce squelette definit les styles des bandeaux de navigation l'espace privé.
/!\ D’autres images sont déclarées dans bando.css.html

Organisation du fichier :

0. Variables
1. Règles mutualisées : menus déroulants et cie
2. Bandeau liens d'évitement
3. Bandeau identité
4. Bandeau de navigation principale
5. Autres

/**
 * ============
 * 0. Variables
 * ============
 */


/* TODO : baser les gouttières sur la gouttière générale quand elle sera au point */
:root {
	/* Identité */
	--spip-bando-id-spacing-y: 0.33rem;
	--spip-bando-id-spacing-x: 0.66rem;
	/* Navigation principale */
	--spip-bando-nav-picto-size: 20px; /* grands pictos */
	/* Outils */
	--spip-bando-outils-spacing-x: 0.33rem;
	--spip-bando-outils-spacing-y: 0.25rem;
	--spip-bando-outils-icon-size: 1em;
	/* Menus déroulants */
	--spip-deroulant-spacing-x: 0.33rem;
	--spip-deroulant-spacing-y: 0.5rem;
	--spip-deroulant-icon-size: 16px;
	--spip-deroulant-col-width: 12em;
}
@media (min-width: 768px) {
	:root {
		/* Nav */
		--spip-bando-nav-picto-size: 40px; /* grands pictos : taille originale */
		/* Outils */
		--spip-bando-outils-spacing-x: 0.5rem;
		--spip-bando-outils-spacing-y: 0.33rem;
		--spip-bando-outils-icon-size: 1.3em;
		/* Menus déroulants */
		--spip-deroulant-spacing-x: 0.5rem;
		--spip-deroulant-spacing-y: 0.66rem;
		--spip-deroulant-icon-size: 20px;
		--spip-deroulant-col-width: 18em;
	}
}

/**
 * ==================
 * 1. Bandeaux : tous
 * ==================
 *
 * Règles mutualisées entre tous les bandeaux.
 * Pour les particularités, voir dans chaque bandeau.
 */


.bando-haut .largeur * {
	box-sizing: border-box;
}
.bando-haut {
	position: relative;
	z-index: 1001;
	border-bottom: 1px solid var(--spip-color-theme);
}
.bando-haut a {
	text-decoration: none;
}


/**
 * 1.1. Menus de liens simple.
 * Utilisés dans Bandeaux accès rapides + identité
 *
 * Markup :
 *
 * p.menu-simple
 *  a.menu-simple__item | span.menu-simple__item
 */
.bando-haut .menu-simple {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
.bando-haut .menu-simple + .menu-simple {
	border-top: 1px solid hsla(0, 0%, 0%, 0.1);
}
.bando-haut .menu-simple__item {
	position: relative;
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding: var(--spip-bando-id-spacing-y) var(--spip-bando-id-spacing-x);
	text-align: center;
	font-size: 0.9em;
	font-weight: 500;
	border: 1px solid transparent; /* Pour le focus */
	transition: all 0.2s;
}
.bando-haut a:not(:hover):not(:focus) {
	color: inherit;
}
.bando-haut a:hover,
.bando-haut a:focus {
	text-decoration: underline !important;
}
.bando-haut .menu-simple__item:focus {
	border-color: var(--spip-color-theme);
	outline: none;
}
.bando-haut .menu-simple__item + .menu-simple__item {
	margin-inline-start:-1px;
}
.bando-haut .menu-simple__item + .menu-simple__item:before {
	content:'';
	display: inline-block;
	height: 0.9em;
	line-height: 1em;
	border-inline-start: 1px solid var(--spip-color-gray-light);
	position: relative;
	inset-inline-start: calc(-1 * var(--spip-bando-id-spacing-x));
	margin-inline-start:-1px;
	z-index:-1;
}
.bando-haut .menu-simple img {
	vertical-align: middle;
}
@media (min-width: 580px) {
	.bando-haut .menu-simple + .menu-simple {
		border-top: 0;
	}
	/* Aligner le texte sur le bord de la page */
	.bando-haut .menu-simple:first-child {
		margin-inline-start: calc(var(--spip-bando-id-spacing-x) * -1);
	}
	.bando-haut .menu-simple_site:last-child {
		margin-inline-end: calc(var(--spip-bando-id-spacing-x) * -1);
	}
}

/**
 * 1.2. Menus déroulants (Nav principale + plan)
 *
 * Ici les règles mutualisées, pour les particularités propres à chaque menu,
 * voir leurs sections respectives : 3. et 4.
 *
 * En cas d'ajouts, merci d'essayer de les faire au bon endroit :)
 *
 * Particularité CSS pénible :
 * Pour qu'un élément positionné en absolute ne soit pas limité par la largeur
 * de son parent, ce dernier doit être en display: block
 * Le cas contraire, c'est bloqué sur les largeurs min/max en dur, ce qui est nul.
 *
 * Nb : [data-racine] au lieu de [data-profondeur=0] car c'est plus court et plus commode.
 *
 * Markup :
 *
 * ul.deroulant[data-racine]
 *  li.deroulant__item[data-racine]
 *    a.deroulant__lien[data-racine]
 *
 *    ul.deroulant__sous-menu[data-profondeur="1"]
 *      li.deroulant__item[data-profondeur="1"]
 *        a.deroulant__lien[data-profondeur="1"]
 *
 *        ul.deroulant__sous-menu[data-profondeur="2"]
 *          li.deroulant__item[data-profondeur="2"]
 *            a.deroulant__lien[data-profondeur="2"]
 *
 *            etc.
 */

/* Reset conteneur et sous-menus */
.bando-haut .deroulant,
.bando-haut .deroulant__sous-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Conteneur racine <ul> */
.bando-haut .deroulant {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	line-height: 1.2;
}

/* Items <li> */
.bando-haut .deroulant__item {
	flex: auto 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
	display: block; /* block obligé, cf. notes */
	position: relative;
}

/* Liens <a> */
.bando-haut .deroulant__lien {
	display: flex;
	align-items: center;
	padding: var(--spip-deroulant-spacing-y) var(--spip-deroulant-spacing-x);
	font-weight: 500;
	color: inherit;
	transition: all 0.1s;
	position: relative;
}
.bando-id .deroulant__lien img,  .bando-id .deroulant__lien svg{
	margin-inline-end: 0.5em;
}
.bando-haut .deroulant__lien .libelle {
	flex: 1 1 100%;
}
.bando-haut .deroulant__item.actif > .deroulant__lien,
.bando-haut .deroulant__item.actif_tempo > .deroulant__lien,
.bando-haut .deroulant__item:focus-within > .deroulant__lien {
	text-decoration: underline;
	color: var(--spip-color-black);
	background-color: var(--spip-color-theme-lighter);
}
.bando-haut .deroulant__item:focus-within > .deroulant__lien {
	outline: none;
	box-shadow: inset 0 0 0 1px var(--spip-color-theme);
}
/* Liens des sous-menus : prévoir les icônes à gauche en background pour ceux qui n'ont pas déjà une image en HTML */
.bando-haut .deroulant__sous-menu .deroulant__lien {
	background-position: var(--spip-left) var(--spip-deroulant-spacing-x) center;
	background-size: var(--spip-deroulant-icon-size);
	background-repeat: no-repeat;
	height: 100%;
	padding-inline-start: calc(var(--spip-deroulant-icon-size) + (var(--spip-deroulant-spacing-x) * 2));
}
.bando-haut .deroulant__sous-menu .deroulant__lien:has(img, svg) {
	padding-inline-start: var(--spip-deroulant-spacing-x);
}
/* Navigateurs sans :has */
@supports not selector(:has(img)) {
	.bando-haut .deroulant_infos_site .deroulant__sous-menu .deroulant__lien,
	.bando-haut .deroulant_infos_perso .deroulant__sous-menu .deroulant__lien {
		padding-inline-start: var(--spip-deroulant-spacing-x);
	}
}

/* Sous-menus <ul> */
.bando-haut .deroulant__sous-menu {
	position: absolute !important;
	inset-inline-start: -3000em;
	display: block;
	width: max-content;
	opacity: 0;
	background-color: var(--spip-color-white);
	border-radius: var(--spip-border-radius);
	box-shadow: 0 0.5em 0.6em hsla(0, 0%, 0%, 0.075);
	border: 1px solid var(--spip-box-border-color);
	border-top: 0px;
	transition: opacity 0.1s;
}
.plan_site .deroulant__sous-menu {
	border: 1px solid var(--spip-box-border-color);
	margin-top: -1px;
}
/* Ouverture à la prise de focus (css ou javascript) */
.bando-haut .deroulant__item:focus-within > .deroulant__sous-menu,
.bando-haut .deroulant__item.actif > .deroulant__sous-menu,
.bando-haut .deroulant__item.actif_tempo > .deroulant__sous-menu {
	z-index: 100;
	inset-inline-start: auto;
	opacity: 1;
}
/* Ajustements pour le menu perso tout à droite */
.deroulant_infos_perso .deroulant__item:focus-within > .deroulant__sous-menu,
.deroulant_infos_perso .deroulant__item.actif > .deroulant__sous-menu,
.deroulant_infos_perso .deroulant__item.actif_tempo > .deroulant__sous-menu {
	inset-inline-end: 0;
}
/* Ajustements arrondis */
.bando-haut .deroulant__sous-menu[data-profondeur="1"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.bando-haut .deroulant__sous-menu .deroulant__item:first-child,
.bando-haut .deroulant__sous-menu .deroulant__item:first-child > .deroulant__lien {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.bando-haut .deroulant__sous-menu .deroulant__item:last-child,
.bando-haut .deroulant__sous-menu .deroulant__item:last-child > .deroulant__lien {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}
/* Sous-menus en colonnes
   Nb : column-count serait plus adapté mais pose des problèmes
   pour le placement des sous-menus imbriqués */
.bando-haut .deroulant__sous-menu[class*=cols-] {
	max-width: calc(var(--spip-vw) * 0.9);
	display: grid;
	grid-gap: 0;
}
.bando-haut .deroulant__sous-menu.cols-2 {
	grid-template-columns: repeat(2, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-3 {
	grid-template-columns: repeat(3, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-4 {
	grid-template-columns: repeat(4, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-5 {
	grid-template-columns: repeat(5, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-6 {
	grid-template-columns: repeat(6, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-7 {
	grid-template-columns: repeat(7, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-8 {
	grid-template-columns: repeat(8, 1fr);
}


/**
 * ============================
 * 2. Bandeau liens d'évitement
 * ============================
 *
 * Visibles uniquement à la prise de focus.
 */


.bando-evitement {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	background: var(--spip-color-black);
	color: var(--spip-color-white);
}
.bando-evitement.actif {
	z-index: 11;
}
.bando-evitement a:hover,
.bando-evitement a:focus {
	color: var(--spip-color-theme);
}


/**
 * ===================
 * 3. Bandeau identité
 * ===================
 *
 * 1er bandeau visible
 * Voir aussi 1.1 pour les styles mutualisés du menu
 */


.bando-id {
	z-index: 10;
	position: relative;
	font-size: 0.9em;
	background: var(--spip-color-theme-light);
	color: var(--spip-color-gray-darkest);
}
.bando-id img, .bando-id svg {
	max-height: 1.3em;
	width: auto;
}
/* Menu liens */
.bando-id .menu-simple {
	flex: 1 1 100%;
}
.bando-id .menu-simple__item * {
	font-weight: inherit; /* tout unifier, même si <strong> */
}
.bando-id a:hover,
.bando-id a:focus {
	color: var(--spip-color-theme-dark);
}
.bando-id .picto_identite {
	filter: saturate(0);
}
.bando-id svg.picto-lang {
	height: 1.3em;
	width: auto;
	margin-inline-end: 0.33em;
	fill: currentColor;
}
.bando-id svg.picto-lang path {
	fill: inherit; /* forcer la main (?) */
}
.bando-id .deroulant__item_plan .picto {
	margin-right: 0;
}
.bando-id .deroulant__item_collaborer:not(:last-child) {
	margin-inline-end: calc(-1 * var(--spip-deroulant-spacing-x));
}
.bando-id .deroulant__item_collaborer .deroulant__lien {
	flex: 0 0 auto;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: var(--spip-bando-outils-icon-size);
	padding-left: calc(2 * var(--spip-deroulant-spacing-x));
	padding-right: calc(2 * var(--spip-deroulant-spacing-x));
}
.bando-id .deroulant__item_collaborer .deroulant__lien .libelle {
	visibility: hidden;
	display: block;
	height: var(--spip-bando-outils-icon-size);
	width: var(--spip-bando-outils-icon-size);
	overflow: hidden;
}
.bando-id .deroulant__item_aide .deroulant__lien {
	border-left: 1px solid var(--spip-color-theme-lighter);
	border-right: 1px solid var(--spip-color-theme-lighter);
	padding-left: 1em;
	padding-right: 1em;
}
/**
.bando-id > .largeur {
	.deroulant_infos_site
	.formulaire_recherche
	.deroulant_collaborer
	.deroulant_infos_perso
}
*/
.bando-id > .largeur {
	display: flex;
	flex-flow: row wrap;
}
.bando-id > .largeur > .formulaire_recherche {
	margin-right: auto;
}
.bando-id > .largeur > .deroulant_collaborer {
	margin-left: auto;
}
.bando-id > .largeur > .deroulant_infos_perso {
	margin-left: auto;
}
.bando-id > .largeur > .deroulant_collaborer + .deroulant_infos_perso {
	margin-left: 0;
}


/**
 * =====================
 * 4. Bandeau navigation
 * =====================
 *
 * Menu de navigation principale
 * Voir aussi 1.2 pour les styles mutualisés
 */


.bando-nav {
	z-index: 10;
	background: var(--spip-color-white);
	color: var(--spip-color-gray-dark);
}

/* Item <li> à la racine : largeur arbitraire qui doit convenir dans l'ensemble */
.deroulant_navigation .deroulant__item[data-racine] {
	flex: 0 1 8.5em;
}

/* Liens <a> à la racine : centrer, picto au dessus */
.deroulant_navigation .deroulant__lien[data-racine] {
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.deroulant_navigation .deroulant__item.actif[data-racine] > .deroulant__lien,
.deroulant_navigation .deroulant__item.actif_tempo[data-racine] > .deroulant__lien,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien,
.deroulant_navigation .deroulant__lien[data-racine]:focus,
.deroulant_navigation .deroulant__lien[data-racine]:hover {
	background-color: transparent;
}

/* Picto <svg> à la racine */
.deroulant_navigation .picto {
	width: var(--spip-bando-nav-picto-size);
	height: auto;
	margin-bottom: calc(var(--spip-deroulant-spacing-y) / 2);
}
.deroulant_navigation .picto .foreground {
	fill: var(--spip-color-theme-darker); /* currentColor; */
}
.deroulant_navigation .picto .background {
	fill: var(--spip-color-theme-light);
}
.deroulant_navigation .deroulant__item.actif .picto .background,
.deroulant_navigation .deroulant__item.actif_tempo .picto .background,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien .picto .background,
.deroulant_navigation .deroulant__lien[data-racine]:focus .picto .background,
.deroulant_navigation .deroulant__lien[data-racine]:hover .picto .background {
	fill: var(--spip-color-theme);
}
.deroulant_navigation .deroulant__item.actif .picto .foreground,
.deroulant_navigation .deroulant__item.actif_tempo .picto .foreground,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien .picto .foreground,
.deroulant_navigation .deroulant__lien[data-racine]:focus .picto .foreground,
.deroulant_navigation .deroulant__lien[data-racine]:hover .picto .foreground {
	fill: var(--spip-color-black);
}

/* Favoris */
.deroulant_navigation .deroulant__item_non-favori {
	background-color: var(--spip-color-gray-lightest);
}
.deroulant_navigation .deroulant__item_favori + .deroulant__item_non-favori {
	border-top: 1px solid var(--spip-color-gray-lighter);
}


/* Plan déroulant : ressérer, icônes customs, ouverture latérale */
.deroulant__item_plan > .deroulant__lien {
	height: 100%;
}
.deroulant__item_plan .image_loading {
	float: inline-end;
}
/* Sous-menus s'ouvrant latéralement */
.deroulant__item_plan .deroulant__sous-menu .deroulant__item {
	position: relative;
	width: var(--spip-deroulant-col-width);
}
.deroulant__item_plan .deroulant__item_parent.actif > .deroulant__sous-menu,
.deroulant_rubriques .deroulant__item_parent.actif_tempo > .deroulant__sous-menu {
	inset-inline-start: 4em; /* Décalage arbitraire pas trop grand */
}
/* Lien tout voir sans icône */
.deroulant__item_plan .deroulant__item_tout > .deroulant__lien {
	background-image: none !important;
}
/* Icônes secteur / rubriques selon la profondeur */
.deroulant__item_plan .deroulant__lien[data-profondeur="1"] {
	background-image: image-set(var(--spip-bando-img-secteur) 1x);
}
.deroulant__item_plan [data-profondeur="2"] .deroulant__lien {
	background-image: image-set(var(--spip-bando-img-rubrique) 1x);
}
/* picto pour indiquer les items dépliants */
.deroulant__item_plan .deroulant__item_parent > .deroulant__lien {
	position: relative;
}
.deroulant__item_plan .deroulant__item_parent > .deroulant__lien:after {
	content: '';
	display: block;
	width: var(--spip-deroulant-icon-size);
	height: var(--spip-deroulant-icon-size);
	background-image: image-set(var(--spip-bando-img-deplier-right) 1x);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-inline-start: auto;
	padding-inline-start: var(--spip-deroulant-spacing-x);
}

/**
 * =========
 * 6. Autres
 * =========
 */


/* Menu de sous-navigation : à déplacer, rien à voir avec les bandeaux */
.navigation .sous_navigation {
	border-top: 0;
}
.navigation .sous_navigation .item:last-child {
	border-bottom: 0;
}
.navigation .sous_navigation .item {
	padding: 0;
	font-size: 1.05em;
	border-color: hsla(0, 0%, 0%, 0.1);
	background-color: transparent;
}
.navigation .sous_navigation .item,
.navigation .sous_navigation .item.on {
	font-weight: bold;
}
.navigation .sous_navigation .item a {
	position: relative;
	display: block;
	margin: 0;
	padding: 14px;
	padding-left: 48px;
	background-position: 14px center;
	background-size: 24px;
	background-repeat: no-repeat;
	color: var(--spip-color-gray-dark);
	transition: background 0.2s;
}
.navigation .sous_navigation .item.on > *,
.navigation .sous_navigation .item a:hover,
.navigation .sous_navigation .item a:focus {
	background-color: var(--spip-color-theme-lighter);
	color: var(--spip-color-black);
	/* box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.05); */
}


#contenu .sous_navigation {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-flow: row wrap;
}

#contenu .sous_navigation .item {
	border: 0;
	flex: 0 1 160px;
}
#contenu .sous_navigation .item a {
	padding: 20px 16px;
	padding-top: 60px;
	background-position: center 20px;
	background-size: 32px;
	height: 100%;
	text-align: center;
	border-radius: var(--spip-border-radius);
}
@media (max-width: 500px) {
	#contenu .sous_navigation .item {
		flex: 1 1 100px;
		font-size: 85%;
		line-height: 120%;
	}
}

/* messages de statut et d'avertissement dans le bandeau */
div.wrap-messages,
div.en_lignes {
	padding: 5px;
	border-bottom: 1px solid var(--spip-color-theme);
	font-weight: bold;
}
div.wrap-messages {
	background: #333;
	color: #fff;
}
div.messages {
	margin-top: 0;
}
div.messages ul {
	text-align: left;
}
div.en_lignes { }

/* bando.css::prive/themes/spip/bando.css */
/* Icônes en background-image */

.bando2_auteurs {background-image:url(prive/themes/spip/images/auteur-xx.svg?16px);}
.bando2_rubriques {background-image:url(prive/themes/spip/images/rubrique-xx.svg?16px);}
.bando2_articles {background-image:url(prive/themes/spip/images/article-xx.svg?16px);}
.bando2_mots {background-image:url(plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?16px);}
.bando2_sites {background-image:url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?16px);}
.bando2_evenements {background-image:url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?16px);}
.bando2_breves {background-image:url(plugins-dist/breves/prive/themes/spip/images/breve-16.png);}
.bando2_documents {background-image:url(plugins-dist/medias/prive/themes/spip/images/portfolio-xx.svg?16px);}
.bando2_suivi_edito {background-image:url(prive/themes/spip/images/suivi-xx.svg?16px);}
.bando2_synchro {background-image:url(prive/themes/spip/images/synchro-xx.svg?16px);}
.bando2_revisions {background-image:url(plugins-dist/revisions/prive/themes/spip/images/revision-xx.svg?16px);}
.bando2_controler_syndication {background-image:url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?16px);}
.bando2_controler_urls {background-image:url(plugins-dist/urls_etendues/prive/themes/spip/images/url-xx.svg?16px);}
.bando2_visiteurs {background-image:url(prive/themes/spip/images/auteur-6forum-xx.svg?16px);}
.bando2_forum_reactions {background-image:url(plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?16px);}
.bando2_controler_petition {background-image:url(plugins-dist/petitions/prive/themes/spip/images/petition-16.png);}
.bando2_statistiques {background-image:url(plugins-dist/statistiques/prive/themes/spip/images/statistique-xx.svg?16px);}
.bando2_mediabox {background-image:url(plugins-dist/mediabox/prive/themes/spip/images/mediabox-xx.svg);}
.bando2_escal {background-image:url(plugins/auto/escal/v5.2.26/prive/themes/spip/images/escal-xx.svg?16px);}
.bando2_admin_vider {background-image:url(prive/themes/spip/images/cache-empty-xx.svg?16px);}
.bando2_sauvegarder {background-image:url(plugins-dist/dump/prive/themes/spip/images/base-backup-xx.svg?16px);}
.bando2_restaurer {background-image:url(plugins-dist/dump/prive/themes/spip/images/base-restore-xx.svg?16px);}
.bando2_admin_maintenir {background-image:url(prive/themes/spip/images/base-maintenance-xx.svg?16px);}
.bando2_job_queue {background-image:url(prive/themes/spip/images/queue-process-xx.svg?16px);}
.bando2_phpinfos {background-image:url(prive/themes/spip/images/php-xx.svg?16px);}
.bando2_verifier_plugins {background-image:url(plugins/auto/verifier_plugins/v1.4.2/prive/themes/spip/images/verifier_plugins-xx.svg?16px);}
.bando2_configurer_identite {background-image:url(prive/themes/spip/images/identite-xx.svg?16px);}
.bando2_configurer_langue {background-image:url(prive/themes/spip/images/langue-xx.svg?16px);}
.bando2_configurer_multilinguisme {background-image:url(prive/themes/spip/images/traduction-xx.svg?16px);}
.bando2_configurer_contenu {background-image:url(prive/themes/spip/images/config-contenu-xx.svg?16px);}
.bando2_configurer_interactions {background-image:url(prive/themes/spip/images/config-interaction-xx.svg?16px);}
.bando2_configurer_avancees {background-image:url(prive/themes/spip/images/configuration-xx.svg?16px);}
.bando2_admin_plugin {background-image:url(prive/themes/spip/images/plugin-xx.svg?16px);}
.bando2_configurer_forum {background-image:url(plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?16px);}
.bando2_configurer_revisions {background-image:url(plugins-dist/revisions/prive/themes/spip/images/revision-xx.svg?16px);}
.bando2_configurer_urls {background-image:url(plugins-dist/urls_etendues/prive/themes/spip/images/url-xx.svg?16px);}
.bando2_spip_proprio {background-image:url(plugins/auto/spip_proprio/v1.71.0/prive/themes/spip/images/idisk-dir-14.png);}
.bando2_configurer_facteur {background-image:url(plugins/auto/facteur/v5.2.1/prive/themes/spip/images/facteur-xx.svg?16px);}
.bando2_vertebres {background-image:url(plugins-dist/vertebres/prive/themes/spip/images/tables-16.png);}
.bando2_verifier_doc {background-image:url(plugins/auto/verifier/v3.5.0/prive/themes/spip/images/verifier-xx.svg?16px);}
.bando2_saisies_doc {background-image:url(plugins/auto/saisies/v5.14.0/prive/themes/spip/images/saisies-xx.svg);}
.bando2_forum_interne_suivi {background-image:url(plugins-dist/forum/prive/themes/spip/images/forum-interne-xx.svg?16px);}
.bando2_calendrier {background-image:url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/calendrier-xx.svg?16px);}
.bando2_messagerie {background-image:url(plugins-dist/organiseur/prive/themes/spip/images/messagerie-16.png);}
.bando2_rubrique_creer {background-image:url(prive/themes/spip/images/rubrique-new-16.svg);}
.bando2_article_creer {background-image:url(prive/themes/spip/images/article-new-16.svg);}
.bando2_auteur_creer {background-image:url(prive/themes/spip/images/auteur-new-16.svg);}
.bando2_mot_creer {background-image:url(plugins-dist/mots/prive/themes/spip/images/mot-new-16.svg);}
.bando2_site_creer {background-image:url(plugins-dist/sites/prive/themes/spip/images/site-new-16.svg);}
.bando2_evenement_creer {background-image:url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-new-xx.svg?16px);}
.bando2_breve_creer {background-image:url(plugins-dist/breves/prive/themes/spip/images/breve-new-16.png);}



/* boutons.css::prive/themes/spip/boutons.css */
/**
Ce squelette définit les styles des boutons de l'espace privé.

- Liens boutons : <a class="btn">
- Boutons d'action : \#BOUTON_ACTION
- Boutons de formulaires : <input class="submit"> et <button>

Organisation du fichier :

0. Variables
1. Base commune à tous les boutons
2. Variantes génériques
4. Liens boutons
5. Boutons de formulaires
6. Boutons d'action
7. Groupes de boutons
8. Boutons avec icônes
9. Rustines, dépéractions
*/

/*
 * ============
 * 0. Variables
 * ============
 */

:root {
	/* couleurs partagées */
	--spip-btn-color-white:                var(--spip-color-white);
	--spip-btn-color-black:                var(--spip-color-gray-darker);
	--spip-btn-color-border-accent:       hsla(0, 0%, 0%, 0.2);
	--spip-btn-color-focus:                hsla(var(--spip-color-theme--h), calc(var(--spip-color-theme--s) * 3), var(--spip-color-theme--l), 0.5);
	/* couleurs bouton par défaut */
	--spip-btn-color-main-bg:              hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.9));
	--spip-btn-color-main-border:          var(--spip-btn-color-main-bg);
	--spip-btn-color-main-text:            var(--spip-btn-color-white);
	--spip-btn-color-main-hover-bg:        hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.75));
	--spip-btn-color-main-hover-border:    var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-main-hover-text:      var(--spip-btn-color-main-text);
	--spip-btn-color-main-active-bg:       hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.6));
	--spip-btn-color-main-active-border:   var(--spip-btn-color-main-active-bg);
	--spip-btn-color-main-active-text:     var(--spip-btn-color-main-text);
	/* couleurs bouton secondaire */
	--spip-btn-color-second-bg:            transparent;
	--spip-btn-color-second-border:        hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.95));
	--spip-btn-color-second-text:          hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.85));
	--spip-btn-color-second-hover-bg:      var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-second-hover-border:  var(--spip-btn-color-main-hover-border);
	--spip-btn-color-second-hover-text:    var(--spip-btn-color-main-hover-text);
	--spip-btn-color-second-active-bg:     var(--spip-btn-color-main-active-bg);
	--spip-btn-color-second-active-border: var(--spip-btn-color-main-active-border);
	--spip-btn-color-second-active-text:   var(--spip-btn-color-main-active-text);
	/* couleurs bouton lien */
	--spip-btn-color-link-text:            var(--spip-btn-color-black);
	--spip-btn-color-link-hover-text:      var(--spip-color-theme-dark);
	/* couleurs boutons inverse */
	--spip-btn-color-inverse-bg:           var(--spip-btn-color-white);
	--spip-btn-color-inverse-border:       var(--spip-btn-color-inverse-bg);
	--spip-btn-color-inverse-text:         var(--spip-btn-color-black);
	--spip-btn-color-inverse-hover-bg:     var(--spip-color-gray-lightest);
	--spip-btn-color-inverse-hover-border: var(--spip-btn-color-inverse-hover-bg);
	--spip-btn-color-inverse-hover-text:   var(--spip-btn-color-inverse-text);
	--spip-btn-color-inverse-active-bg:    var(--spip-color-gray-lighter);
	--spip-btn-color-inverse-active-border:var(--spip-btn-color-inverse-active-bg);
	--spip-btn-color-inverse-active-text:  var(--spip-btn-color-inverse-text);
	/* couleur bouton actif (un seul état) */
	--spip-btn-color-on-bg:                var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-on-border:            var(--spip-btn-color-main-hover-border);
	--spip-btn-color-on-text:              var(--spip-btn-color-main-hover-text);
	/* couleurs boutons inactif */
	--spip-btn-color-off-bg:               var(--spip-color-gray-lighter);
	--spip-btn-color-off-border:           var(--spip-btn-color-off-bg);
	--spip-btn-color-off-text:             var(--spip-btn-color-black);
	--spip-btn-color-off-hover-bg:         var(--spip-color-gray-light);
	--spip-btn-color-off-hover-border:     var(--spip-btn-color-off-hover-bg);
	--spip-btn-color-off-hover-text:       var(--spip-btn-color-off-text);
	--spip-btn-color-off-active-bg:        var(--spip-color-gray);
	--spip-btn-color-off-active-border:    var(--spip-btn-color-off-active-bg);
	--spip-btn-color-off-active-text:      var(--spip-btn-color-off-text);
	/* taille normale */
	--spip-btn-font-size:           1em;
	--spip-btn-padding-x:           1rem;
	--spip-btn-padding-y:           0.5rem;
	--spip-btn-margin:              0.25em;
	--spip-btn-border-radius:       0.25em;
	--spip-btn-gutter:              0.5em;
	/* taille mini */
	--spip-btn-font-size-mini:      0.8em;
	--spip-btn-padding-x-mini:      0.5rem;
	--spip-btn-padding-y-mini:      0.1rem;
	--spip-btn-margin-mini:         var(--spip-btn-margin);
	--spip-btn-border-radius-mini:  var(--spip-btn-border-radius);
	/* taille large */
	--spip-btn-font-size-large:     1.15em;
	--spip-btn-padding-x-large:     1.5rem;
	--spip-btn-padding-y-large:     0.75rem;
	--spip-btn-margin-large:        var(--spip-btn-margin);
	--spip-btn-border-radius-large: 0.33em;
}

/**
 * ==================================
 * 1. Base commune à tous les boutons
 * ==================================
 */

.btn,
input.submit,
input.reset,
button {
	position: relative;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	padding: var(--spip-btn-padding-y) var(--spip-btn-padding-x);
	margin-bottom: var(--spip-btn-margin);
	background-color: var(--spip-btn-color-main-bg);
	color: var(--spip-btn-color-main-text);
	border: 1px solid var(--spip-btn-color-main-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	border-radius: var(--spip-btn-border-radius);
	text-decoration: none;
	font-size: var(--spip-btn-font-size);
	font-family: inherit;
	font-weight: 400;
	line-height: var(--spip-line-height);
	user-select: none;
	transition: all 0.1s;
}
a.btn,
#wysiwyg a.btn, #wysiwyg a.btn:hover,
input.submit,
input.reset,
button {
	text-decoration: none;
	cursor: pointer;
}

/* Survol */
.btn:hover,
.btn:focus,
input.submit:hover,
input.submit:focus,
input.reset:hover,
input.reset:focus,
button:hover {
	background-color: var(--spip-btn-color-main-hover-bg);
	border-color: var(--spip-btn-color-main-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-main-hover-text);
	text-decoration: none;
	transition: all 0.2s;
}
/* Focus : outline */
.btn:focus,
input.submit:focus,
input.reset:focus,
button:focus {
	box-shadow: 0 0 0 0.2rem var(--spip-btn-color-focus);
}
/* Actif */
.btn:active,
input.submit:active,
input.reset:active,
button:active {
	background-color: var(--spip-btn-color-main-active-bg);
	border-color: var(--spip-btn-color-main-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-main-active-text);
}


/**
 * ================================
 * 2. Variantes génériques communes
 * ================================
 */


/**
 * Variante secondaire : boutons mis en retrait, juste une bordure
 */
.btn_secondaire,
input.submit.btn_secondaire,
input.reset.btn_secondaire,
button.btn_secondaire {
	background-color: var(--spip-btn-color-second-bg);
	border-color: var(--spip-btn-color-second-border);
	color: var(--spip-btn-color-second-text);
}
.btn_secondaire:hover,
.btn_secondaire:focus,
input.submit.btn_secondaire:hover,
input.submit.btn_secondaire:focus,
input.reset.btn_secondaire:hover,
input.reset.btn_secondaire:focus,
button.btn_secondaire:hover,
button.btn_secondaire:focus {
	background-color: var(--spip-btn-color-second-hover-bg);
	border-color: var(--spip-btn-color-second-hover-border);
	color: var(--spip-btn-color-second-hover-text);
}
.btn_secondaire:active,
input.submit.btn_secondaire:active,
input.reset.btn_secondaire:active,
button.btn_secondaire:active {
	background-color: var(--spip-btn-color-second-active-bg);
	border-color: var(--spip-btn-color-second-active-border);
	color: var(--spip-btn-color-second-active-text);
}

/**
 * Variante link : boutons affichés comme un lien
 */
.btn_link,
input.submit.btn_link,
input.reset.btn_link,
button.btn_link {
	background-color: transparent;
	border-color: transparent;
	color: var(--spip-btn-color-link-text);
}
.btn_link:hover,
.btn_link:focus,
.btn_link:active,
.btn_link.spip_out:hover,
.btn_link.spip_out:focus,
.btn_link.spip_out:active,
input.submit.btn_link:hover,
input.submit.btn_link:focus,
input.submit.btn_link:active,
input.reset.btn_link:hover,
input.reset.btn_link:focus,
input.reset.btn_link:active,
button.btn_link:hover,
button.btn_link:focus,
button.btn_link:active {
	background-color: transparent;
	border-color: transparent;
	color: var(--spip-btn-color-link-hover-text);
}

/**
 * Variante actif : idem pour tous les états (survol et cie).
 */
.btn_on,
input.submit.btn_on,
input.reset.btn_on,
button.btn_on,
.btn_on:hover,
input.submit.btn_on:hover,
input.reset.btn_on:hover,
button.btn_on:hover,
.btn_on:focus,
input.submit.btn_on:focus,
input.reset.btn_on:focus,
button.btn_on:focus,
.btn_on:active,
input.submit.btn_on:active,
input.reset.btn_on:active,
button.btn_on:active {
	background-color: var(--spip-btn-color-on-bg);
	border-color: var(--spip-btn-color-on-border);
	color: var(--spip-btn-color-on-text);
	border-bottom-color: var(--spip-btn-color-border-accent);
}

/**
 * Variante inactif
 */
.btn_off,
input.submit.btn_off,
input.reset.btn_off,
button.btn_off {
	background-color: var(--spip-btn-color-off-bg);
	border-color: var(--spip-btn-color-off-border);
	color: var(--spip-btn-color-off-text);
	border-bottom-color: var(--spip-btn-color-border-accent);
}
.btn_off:hover,
.btn_off:focus,
input.submit.btn_off:hover,
input.submit.btn_off:focus,
input.reset.btn_off:hover,
button.btn_off:hover,
button.btn_off:focus {
	background-color: var(--spip-btn-color-off-hover-bg);
	border-color: var(--spip-btn-color-off-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-hover-text);
}
.btn_off:active,
input.submit.btn_off:active,
input.reset.btn_off:active,
button.btn_off:active {
	background-color: var(--spip-btn-color-off-active-bg);
	border-color: var(--spip-btn-color-off-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-active-text);
}

/**
 * Variante inverse : couleurs inversées (blanc)
 */
.btn_inverse,
input.submit.btn_inverse,
input.reset.btn_inverse,
button.btn_inverse {
	background-color: var(--spip-btn-color-inverse-bg);
	color: var(--spip-btn-color-inverse-text);
	border-color: var(--spip-btn-color-inverse-border);
}
.btn_inverse.btn_secondaire,
input.submit.btn_inverse.btn_secondaire,
input.reset.btn_inverse.btn_secondaire,
button.btn_inverse.btn_secondaire {
	color: var(--spip-btn-color-inverse-border);
	background-color: transparent;
}
.btn_inverse.btn_link,
input.submit.btn_inverse.btn_link,
input.reset.btn_inverse.btn_link,
button.btn_inverse.btn_link {
	color: var(--spip-btn-color-inverse-border);
	background-color: transparent;
	border-color: transparent;
}
.btn_inverse:hover,
.btn_inverse:focus,
input.submit.btn_inverse:hover,
input.submit.btn_inverse:focus,
input.reset.btn_inverse:hover,
input.reset.btn_inverse:focus,
button.btn_inverse:hover,
button.btn_inverse:focus {
	background-color: var(--spip-btn-color-inverse-hover-bg);
	color: var(--spip-btn-color-inverse-hover-text);
	border-color: var(--spip-btn-color-inverse-hover-border);
}
.btn_inverse:active,
input.submit.btn_inverse:active,
input.reset.btn_inverse:active,
button.btn_inverse:active {
	background-color: var(--spip-btn-color-inverse-active-bg);
	color: var(--spip-btn-color-inverse-active-text);
	border-color: var(--spip-btn-color-inverse-active-border);
}

/**
 * Variante bloc : pleine largeur
 */
.btn_bloc,
input.submit.btn_bloc,
input.reset.btn_bloc,
.formulaire_spip input.submit.btn_bloc, /* pour avoir précédence sur les règles de forms.css */
.formulaire_spip input.reset.btn_bloc, /* idem */
button.btn_bloc {
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center;
}
/* Pour les boutons d'actions il faut ajouter *en plus* la classe bloc sur le formulaire */
.bouton_action_post.bloc {
	display: flex;
}

/**
 * Variante désactivé
 */
.btn_desactive,
input.submit.btn_desactive,
input.reset.btn_desactive,
button.btn_desactive {
	opacity: 0.66;
}

/**
 * Variante danger (voir aussi dans icons.css)
 */
.btn_danger,
.btn.danger, /* support temporaire des vieux boutons d'action */
input.submit.btn_danger,
input.reset.btn_danger,
button.btn_danger {
	background-color: transparent;
	border-color: transparent transparent var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-black);
	background-image: image-set(var(--spip-btn-img-stripe-sup) 1x);
	text-shadow: 0 0 0.25em white, 0 0 0.5em white, 0 0 1em white; /* Lisibilité */
}
.btn_danger:hover,
.btn_danger:focus,
.btn.danger:hover,
.btn.danger:focus,
input.submit.btn_danger:hover,
input.submit.btn_danger:focus,
input.reset.btn_danger:hover,
input.reset.btn_danger:focus,
button.btn_danger:hover,
button.btn_danger:focus {
	background-color: transparent;
	border-color: transparent transparent var(--spip-btn-color-border-accent);
	color: hsl(0, 100%, 45%);
}

/**
 * Variantes de tailles
 * Ajuste de la police, des marges, etc.
 */

.btn_mini,
input.submit.btn_mini,
input.reset.btn_mini,
button.btn_mini,
.groupe-btns_mini .btn,
.groupe-btns_mini input.submit,
.groupe-btns_mini input.reset,
.groupe-btns_mini button {
	font-size: var(--spip-btn-font-size-mini);
	padding: var(--spip-btn-padding-y-mini) var(--spip-btn-padding-x-mini);
	border-radius: var(--spip-btn-border-radius-mini);
	margin-bottom: var(--spip-btn-margin-mini);
}
.btn_large,
input.submit.btn_large,
input.reset.btn_large,
button.btn_large,
.groupe-btns_large .btn,
.groupe-btns_large input.submit,
.groupe-btns_large input.reset,
.groupe-btns_large button {
	font-size: var(--spip-btn-font-size-large);
	padding: var(--spip-btn-padding-y-large) var(--spip-btn-padding-x-large);
	border-radius: var(--spip-btn-border-radius-large);
	margin-bottom: var(--spip-btn-margin-large);
}


/**
 * ================
 * 4. Liens boutons
 * ================
 *
 * Markup :
 * <a class="bouton [variante]">…</a>
 */
.btn {}
/* Garder la couleur de base pour les boutons liens externes */
.btn[rel=external],
.btn.spip_out {
	color: inherit;
}


/**
 * ==============================
 * 5. Boutons de formulaires spip
 * ==============================
 *
 * Markup :
 *
 * <form class="formulaire_spip">
 *   <input type="submit" class="submit [variante]" value="Valider">
 *   <button type="submit" class="[variante]">Valider</button>
 * </form>
 */

.formulaire_spip .boutons .btn,
.formulaire_spip .boutons input.submit,
.formulaire_spip .boutons input.reset,
.formulaire_spip .boutons button,
.formulaire_spip .boutons .groupe-btns,
.act .bouton_action_post {
	margin-bottom: 0;
}


/**
 * ===================
 * 6. Boutons d'action
 * ===================
 *
 * Markup :
 *
 * <form class="bouton_action_post [variante]">
 *   <div><button class="submit">Action</button></div>
 * </form>
 */

.bouton_action_post {
	display: inline-flex;
	vertical-align: middle;
}
.bouton_action_post.bloc div {
	flex: 1 1 auto;
}

/* Dans le footer d'une boîte */
.box__footer .bouton_action_post {
	margin-bottom: 0;
}

/* Fix bouton d'action + classe .icone : combinaison obsolète à ne plus utiliser */
.bouton_action_post.icone {
	display: inline-flex !important;
	padding: 0 !important;
	background: none !important;
}
.bouton_action_post.icone b,
.box .bouton_action_post.icone b,
.btn.icone b {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-shadow: inherit !important;
	color: inherit !important;
	margin: 0 !important;
}
.bouton_action_post.icone .icone-image img {
	max-height: 100%;
}

/* Ajustements pour le filtre |bouton_action_horizontal */
.bouton_action_post .icone-fonction:after {
	background-position: bottom 0 right 0;
}
.bouton_action_post .icone-fonction.icone-fonction-new:after {
	background-position: top 0 right 0;
}

/**
 * =====================
 * 7. Groupes de boutons
 * =====================
 *
 * Markup :
 *
 * <div class="groupe-btns">
 *   <a class="btn">…</a>
 *   <a class="btn">…</a>
 * </div>
 */

.groupe-btns {
	display: inline-flex;
	flex-flow: row nowrap;
	margin-bottom: var(--spip-btn-margin);
}
.groupe-btns .btn,
.groupe-btns .bouton_action_post,
.groupe-btns input.submit,
.groupe-btns input.reset,
.groupe-btns button {
	flex: 0 1 auto;
	margin: 0;
}
.groupe-btns .bouton_action_post .submit {
	margin: 0;
}
/* Ne garder l'arrondi qu'aux extrémités */
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:last-child):not(:only-child) .submit {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child) .submit {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
}
/* Bordures pour séparer */
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child):not(.btn_secondaire) .submit {
	border-inline-start-color: var(--spip-btn-color-border-accent) !important;
}
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child) .submit {
	margin-inline-start: -1px; /* bordure haut par dessus le bouton précédent */
}
.groupe-btns:not(.groupe-btns_vertical) .btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit.btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset.btn_secondaire:not(.last-child),
.groupe-btns:not(.groupe-btns_vertical) > button.btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post.btn_secondaire:not(:last-child) .submit {
	border-inline-end-color: transparent;
}

/* variante vertical */
.groupe-btns.groupe-btns_vertical {
	flex-flow: column wrap;
	vertical-align: middle;
}
.groupe-btns.groupe-btns_vertical .btn:not(:last-child),
.groupe-btns.groupe-btns_vertical input.submit:not(:last-child),
.groupe-btns.groupe-btns_vertical input.reset:not(:last-child),
.groupe-btns.groupe-btns_vertical > button.submit:not(:last-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:last-child) .submit {
	border-end-start-radius: 0;
	border-end-end-radius: 0;
	margin-bottom: 0;
}
.groupe-btns.groupe-btns_vertical .btn:not(:first-child),
.groupe-btns.groupe-btns_vertical input.submit:not(:first-child),
.groupe-btns.groupe-btns_vertical input.reset:not(:first-child),
.groupe-btns.groupe-btns_vertical > button:not(:first-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:first-child) .submit {
	border-start-start-radius: 0;
	border-start-end-radius: 0;
}
.groupe-btns.groupe-btns_vertical .btn:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical input.submit:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical input.reset:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical > button:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:first-child):not(.btn_secondaire) .submit {
	border-top-color: var(--spip-btn-color-border-accent);
	margin-top: -1px; /* bordure haut par dessus le bouton précédent */
}
.groupe-btns.groupe-btns_vertical .btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical input.submit.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical input.reset.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical > button.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post.btn_secondaire:not(:last-child) .submit {
	border-bottom: 0;
}

/* Variante bloc */
.groupe-btns.groupe-btns_bloc,
.groupe-btns.groupe-btns_bloc .bouton_action_post div {
	display: flex;
}
.groupe-btns.groupe-btns_bloc .btn,
.groupe-btns.groupe-btns_bloc .bouton_action_post,
.groupe-btns.groupe-btns_bloc .bouton_action_post div ,
.groupe-btns.groupe-btns_bloc .bouton_action_post .submit,
.groupe-btns.groupe-btns_bloc input.submit,
.groupe-btns.groupe-btns_bloc input.reset,
.groupe-btns.groupe-btns_bloc button {
	flex: 1 1 auto;
}

/* Variante groupe de boutons menu.
   Les boutons reprennent l'apparence de boutons inactifs par défaut,
   sauf ceux qui ont la classe .btn_on, ou les secondaires / liens */
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link) {
	background-color: var(--spip-btn-color-off-bg);
	border-color: var(--spip-btn-color-off-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-text);
}
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus {
	background-color: var(--spip-btn-color-off-hover-bg);
	border-color: var(--spip-btn-color-off-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-hover-text);
}
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):active {
	background-color: var(--spip-btn-color-off-active-bg);
	border-color: var(--spip-btn-color-off-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-active-text);
}

/* Si boutons de formulaire ou pied d'une boîte : bloc et alignement */
.groupe-btns.act,
.groupe-btns.boutons {
	display: flex;
	justify-content: flex-end;
}


/**
 * ======================
 * 8. Boutons avec icônes
 * ======================
 *
 * Markup :
 *
 * <a class="btn sp-icone sp-icone_ajouter">Bouton</a>
 * <a class="btn"><svg class="sp-icon sp-icone_ajouter"></svg> Bouton</a>
 */

/* Base */
.btn.sp-icone:before,
.btn .sp-icone,
button.sp-icone:before,
button .sp-icone,
input.submit.sp-icone:before,
input.reset.sp-icone:before,
.bouton_action_post .icone-image {
	margin-inline-end: var(--spip-btn-gutter);
}

/* Bouton avec uniquement une icône, sans label */
.btn_icone {
	padding-left: var(--spip-btn-padding-x);
	padding-right: var(--spip-btn-padding-x);
}
.btn_icone.btn_mini {
	padding-left: var(--spip-btn-padding-x-mini);
	padding-right: var(--spip-btn-padding-x-mini);
}
.btn_icone.btn_large {
	padding-left: var(--large-spip-btn-padding-x-large);
	padding-right: var(--spip-btn-padding-x-large);
}
.btn_icone.sp-icone:before,
.btn_icone .sp-icone {
	margin: 0;
}

/* Icône après le texte */
.btn_icone_after.sp-icone:before,
.btn_icone_after .sp-icone {
	order: 2;
	margin-inline-start: var(--spip-btn-gutter);
	margin-inline-end: 0;
}

/**
 * ===========================
 * 9. Rustines et déprécations
 * ===========================
 */

/* Formulaire editer_liens
 * Dans les listes, les boutons d'ajout et de retrait doivent avoir les classes .btn_mini et .btn_link
 * En leur absence, on @extend .btn_mini à la main en fallback */

.liste-objets-associer button:not(.btn_mini),
.liste-objets-lies button:not(.btn_mini) {
	font-size: var(--spip-btn-font-size-mini);
	padding: var(--spip-btn-padding-y-mini) var(--spip-btn-padding-x-mini);
	border-radius: var(--spip-btn-border-radius-mini);
	margin-bottom: var(--spip-btn-margin-mini);
}

/* boutons.css::prive/themes/spip/boutons.css */
/**
 * ============
 * 0. Variables
 * ============
 */

:root {
	/* couleurs partagées */
	--spip-btn-color-white:                var(--spip-color-white);
	--spip-btn-color-black:                var(--spip-color-gray-darker);
	--spip-btn-color-border-accent:       hsla(0, 0%, 0%, 0.2);
	--spip-btn-color-focus:                hsla(var(--spip-color-theme--h), calc(var(--spip-color-theme--s) * 3), var(--spip-color-theme--l), 0.5);
	/* couleurs bouton par défaut */
	--spip-btn-color-main-bg:              hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.9));
	--spip-btn-color-main-border:          var(--spip-btn-color-main-bg);
	--spip-btn-color-main-text:            var(--spip-btn-color-white);
	--spip-btn-color-main-hover-bg:        hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.75));
	--spip-btn-color-main-hover-border:    var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-main-hover-text:      var(--spip-btn-color-main-text);
	--spip-btn-color-main-active-bg:       hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.6));
	--spip-btn-color-main-active-border:   var(--spip-btn-color-main-active-bg);
	--spip-btn-color-main-active-text:     var(--spip-btn-color-main-text);
	/* couleurs bouton secondaire */
	--spip-btn-color-second-bg:            transparent;
	--spip-btn-color-second-border:        hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.95));
	--spip-btn-color-second-text:          hsl(var(--spip-color-theme--h), var(--spip-color-theme--s), calc(var(--spip-color-theme--l) * 0.85));
	--spip-btn-color-second-hover-bg:      var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-second-hover-border:  var(--spip-btn-color-main-hover-border);
	--spip-btn-color-second-hover-text:    var(--spip-btn-color-main-hover-text);
	--spip-btn-color-second-active-bg:     var(--spip-btn-color-main-active-bg);
	--spip-btn-color-second-active-border: var(--spip-btn-color-main-active-border);
	--spip-btn-color-second-active-text:   var(--spip-btn-color-main-active-text);
	/* couleurs bouton lien */
	--spip-btn-color-link-text:            var(--spip-btn-color-black);
	--spip-btn-color-link-hover-text:      var(--spip-color-theme-dark);
	/* couleurs boutons inverse */
	--spip-btn-color-inverse-bg:           var(--spip-btn-color-white);
	--spip-btn-color-inverse-border:       var(--spip-btn-color-inverse-bg);
	--spip-btn-color-inverse-text:         var(--spip-btn-color-black);
	--spip-btn-color-inverse-hover-bg:     var(--spip-color-gray-lightest);
	--spip-btn-color-inverse-hover-border: var(--spip-btn-color-inverse-hover-bg);
	--spip-btn-color-inverse-hover-text:   var(--spip-btn-color-inverse-text);
	--spip-btn-color-inverse-active-bg:    var(--spip-color-gray-lighter);
	--spip-btn-color-inverse-active-border:var(--spip-btn-color-inverse-active-bg);
	--spip-btn-color-inverse-active-text:  var(--spip-btn-color-inverse-text);
	/* couleur bouton actif (un seul état) */
	--spip-btn-color-on-bg:                var(--spip-btn-color-main-hover-bg);
	--spip-btn-color-on-border:            var(--spip-btn-color-main-hover-border);
	--spip-btn-color-on-text:              var(--spip-btn-color-main-hover-text);
	/* couleurs boutons inactif */
	--spip-btn-color-off-bg:               var(--spip-color-gray-lighter);
	--spip-btn-color-off-border:           var(--spip-btn-color-off-bg);
	--spip-btn-color-off-text:             var(--spip-btn-color-black);
	--spip-btn-color-off-hover-bg:         var(--spip-color-gray-light);
	--spip-btn-color-off-hover-border:     var(--spip-btn-color-off-hover-bg);
	--spip-btn-color-off-hover-text:       var(--spip-btn-color-off-text);
	--spip-btn-color-off-active-bg:        var(--spip-color-gray);
	--spip-btn-color-off-active-border:    var(--spip-btn-color-off-active-bg);
	--spip-btn-color-off-active-text:      var(--spip-btn-color-off-text);
	/* taille normale */
	--spip-btn-font-size:           1em;
	--spip-btn-padding-x:           1rem;
	--spip-btn-padding-y:           0.5rem;
	--spip-btn-margin:              0.25em;
	--spip-btn-border-radius:       0.25em;
	--spip-btn-gutter:              0.5em;
	/* taille mini */
	--spip-btn-font-size-mini:      0.8em;
	--spip-btn-padding-x-mini:      0.5rem;
	--spip-btn-padding-y-mini:      0.1rem;
	--spip-btn-margin-mini:         var(--spip-btn-margin);
	--spip-btn-border-radius-mini:  var(--spip-btn-border-radius);
	/* taille large */
	--spip-btn-font-size-large:     1.15em;
	--spip-btn-padding-x-large:     1.5rem;
	--spip-btn-padding-y-large:     0.75rem;
	--spip-btn-margin-large:        var(--spip-btn-margin);
	--spip-btn-border-radius-large: 0.33em;
}

/**
 * ==================================
 * 1. Base commune à tous les boutons
 * ==================================
 */

.btn,
input.submit,
input.reset,
button {
	position: relative;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	padding: var(--spip-btn-padding-y) var(--spip-btn-padding-x);
	margin-bottom: var(--spip-btn-margin);
	background-color: var(--spip-btn-color-main-bg);
	color: var(--spip-btn-color-main-text);
	border: 1px solid var(--spip-btn-color-main-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	border-radius: var(--spip-btn-border-radius);
	text-decoration: none;
	font-size: var(--spip-btn-font-size);
	font-family: inherit;
	font-weight: 400;
	line-height: var(--spip-line-height);
	user-select: none;
	transition: all 0.1s;
}
a.btn,
#wysiwyg a.btn, #wysiwyg a.btn:hover,
input.submit,
input.reset,
button {
	text-decoration: none;
	cursor: pointer;
}

/* Survol */
.btn:hover,
.btn:focus,
input.submit:hover,
input.submit:focus,
input.reset:hover,
input.reset:focus,
button:hover {
	background-color: var(--spip-btn-color-main-hover-bg);
	border-color: var(--spip-btn-color-main-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-main-hover-text);
	text-decoration: none;
	transition: all 0.2s;
}
/* Focus : outline */
.btn:focus,
input.submit:focus,
input.reset:focus,
button:focus {
	box-shadow: 0 0 0 0.2rem var(--spip-btn-color-focus);
}
/* Actif */
.btn:active,
input.submit:active,
input.reset:active,
button:active {
	background-color: var(--spip-btn-color-main-active-bg);
	border-color: var(--spip-btn-color-main-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-main-active-text);
}


/**
 * ================================
 * 2. Variantes génériques communes
 * ================================
 */


/**
 * Variante secondaire : boutons mis en retrait, juste une bordure
 */
.btn_secondaire,
input.submit.btn_secondaire,
input.reset.btn_secondaire,
button.btn_secondaire {
	background-color: var(--spip-btn-color-second-bg);
	border-color: var(--spip-btn-color-second-border);
	color: var(--spip-btn-color-second-text);
}
.btn_secondaire:hover,
.btn_secondaire:focus,
input.submit.btn_secondaire:hover,
input.submit.btn_secondaire:focus,
input.reset.btn_secondaire:hover,
input.reset.btn_secondaire:focus,
button.btn_secondaire:hover,
button.btn_secondaire:focus {
	background-color: var(--spip-btn-color-second-hover-bg);
	border-color: var(--spip-btn-color-second-hover-border);
	color: var(--spip-btn-color-second-hover-text);
}
.btn_secondaire:active,
input.submit.btn_secondaire:active,
input.reset.btn_secondaire:active,
button.btn_secondaire:active {
	background-color: var(--spip-btn-color-second-active-bg);
	border-color: var(--spip-btn-color-second-active-border);
	color: var(--spip-btn-color-second-active-text);
}

/**
 * Variante link : boutons affichés comme un lien
 */
.btn_link,
input.submit.btn_link,
input.reset.btn_link,
button.btn_link {
	background-color: transparent;
	border-color: transparent;
	color: var(--spip-btn-color-link-text);
}
.btn_link:hover,
.btn_link:focus,
.btn_link:active,
.btn_link.spip_out:hover,
.btn_link.spip_out:focus,
.btn_link.spip_out:active,
input.submit.btn_link:hover,
input.submit.btn_link:focus,
input.submit.btn_link:active,
input.reset.btn_link:hover,
input.reset.btn_link:focus,
input.reset.btn_link:active,
button.btn_link:hover,
button.btn_link:focus,
button.btn_link:active {
	background-color: transparent;
	border-color: transparent;
	color: var(--spip-btn-color-link-hover-text);
}

/**
 * Variante actif : idem pour tous les états (survol et cie).
 */
.btn_on,
input.submit.btn_on,
input.reset.btn_on,
button.btn_on,
.btn_on:hover,
input.submit.btn_on:hover,
input.reset.btn_on:hover,
button.btn_on:hover,
.btn_on:focus,
input.submit.btn_on:focus,
input.reset.btn_on:focus,
button.btn_on:focus,
.btn_on:active,
input.submit.btn_on:active,
input.reset.btn_on:active,
button.btn_on:active {
	background-color: var(--spip-btn-color-on-bg);
	border-color: var(--spip-btn-color-on-border);
	color: var(--spip-btn-color-on-text);
	border-bottom-color: var(--spip-btn-color-border-accent);
}

/**
 * Variante inactif
 */
.btn_off,
input.submit.btn_off,
input.reset.btn_off,
button.btn_off {
	background-color: var(--spip-btn-color-off-bg);
	border-color: var(--spip-btn-color-off-border);
	color: var(--spip-btn-color-off-text);
	border-bottom-color: var(--spip-btn-color-border-accent);
}
.btn_off:hover,
.btn_off:focus,
input.submit.btn_off:hover,
input.submit.btn_off:focus,
input.reset.btn_off:hover,
button.btn_off:hover,
button.btn_off:focus {
	background-color: var(--spip-btn-color-off-hover-bg);
	border-color: var(--spip-btn-color-off-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-hover-text);
}
.btn_off:active,
input.submit.btn_off:active,
input.reset.btn_off:active,
button.btn_off:active {
	background-color: var(--spip-btn-color-off-active-bg);
	border-color: var(--spip-btn-color-off-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-active-text);
}

/**
 * Variante inverse : couleurs inversées (blanc)
 */
.btn_inverse,
input.submit.btn_inverse,
input.reset.btn_inverse,
button.btn_inverse {
	background-color: var(--spip-btn-color-inverse-bg);
	color: var(--spip-btn-color-inverse-text);
	border-color: var(--spip-btn-color-inverse-border);
}
.btn_inverse.btn_secondaire,
input.submit.btn_inverse.btn_secondaire,
input.reset.btn_inverse.btn_secondaire,
button.btn_inverse.btn_secondaire {
	color: var(--spip-btn-color-inverse-border);
	background-color: transparent;
}
.btn_inverse.btn_link,
input.submit.btn_inverse.btn_link,
input.reset.btn_inverse.btn_link,
button.btn_inverse.btn_link {
	color: var(--spip-btn-color-inverse-border);
	background-color: transparent;
	border-color: transparent;
}
.btn_inverse:hover,
.btn_inverse:focus,
input.submit.btn_inverse:hover,
input.submit.btn_inverse:focus,
input.reset.btn_inverse:hover,
input.reset.btn_inverse:focus,
button.btn_inverse:hover,
button.btn_inverse:focus {
	background-color: var(--spip-btn-color-inverse-hover-bg);
	color: var(--spip-btn-color-inverse-hover-text);
	border-color: var(--spip-btn-color-inverse-hover-border);
}
.btn_inverse:active,
input.submit.btn_inverse:active,
input.reset.btn_inverse:active,
button.btn_inverse:active {
	background-color: var(--spip-btn-color-inverse-active-bg);
	color: var(--spip-btn-color-inverse-active-text);
	border-color: var(--spip-btn-color-inverse-active-border);
}

/**
 * Variante bloc : pleine largeur
 */
.btn_bloc,
input.submit.btn_bloc,
input.reset.btn_bloc,
.formulaire_spip input.submit.btn_bloc, /* pour avoir précédence sur les règles de forms.css */
.formulaire_spip input.reset.btn_bloc, /* idem */
button.btn_bloc {
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center;
}
/* Pour les boutons d'actions il faut ajouter *en plus* la classe bloc sur le formulaire */
.bouton_action_post.bloc {
	display: flex;
}

/**
 * Variante désactivé
 */
.btn_desactive,
input.submit.btn_desactive,
input.reset.btn_desactive,
button.btn_desactive {
	opacity: 0.66;
}

/**
 * Variante danger (voir aussi dans icons.css)
 */
.btn_danger,
.btn.danger, /* support temporaire des vieux boutons d'action */
input.submit.btn_danger,
input.reset.btn_danger,
button.btn_danger {
	background-color: transparent;
	border-color: transparent transparent var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-black);
	background-image: url("prive/images/rayures-sup.svg");
	text-shadow: 0 0 0.25em white, 0 0 0.5em white, 0 0 1em white; /* Lisibilité */
}
.btn_danger:hover,
.btn_danger:focus,
.btn.danger:hover,
.btn.danger:focus,
input.submit.btn_danger:hover,
input.submit.btn_danger:focus,
input.reset.btn_danger:hover,
input.reset.btn_danger:focus,
button.btn_danger:hover,
button.btn_danger:focus {
	background-color: transparent;
	border-color: transparent transparent var(--spip-btn-color-border-accent);
	color: hsl(0, 100%, 45%);
}

/**
 * Variantes de tailles
 * Ajuste de la police, des marges, etc.
 */

.btn_mini,
input.submit.btn_mini,
input.reset.btn_mini,
button.btn_mini,
.groupe-btns_mini .btn,
.groupe-btns_mini input.submit,
.groupe-btns_mini input.reset,
.groupe-btns_mini button {
	font-size: var(--spip-btn-font-size-mini);
	padding: var(--spip-btn-padding-y-mini) var(--spip-btn-padding-x-mini);
	border-radius: var(--spip-btn-border-radius-mini);
	margin-bottom: var(--spip-btn-margin-mini);
}

.btn_large,
input.submit.btn_large,
input.reset.btn_large,
button.btn_large,
.groupe-btns_large .btn,
.groupe-btns_large input.submit,
.groupe-btns_large input.reset,
.groupe-btns_large button {
	font-size: var(--spip-btn-font-size-large);
	padding: var(--spip-btn-padding-y-large) var(--spip-btn-padding-x-large);
	border-radius: var(--spip-btn-border-radius-large);
	margin-bottom: var(--spip-btn-margin-large);
}



/**
 * ================
 * 4. Liens boutons
 * ================
 *
 * Markup :
 * <a class="bouton [variante]">…</a>
 */
.btn {}
/* Garder la couleur de base pour les boutons liens externes */
.btn[rel=external],
.btn.spip_out {
	color: inherit;
}


/**
 * ==============================
 * 5. Boutons de formulaires spip
 * ==============================
 *
 * Markup :
 *
 * <form class="formulaire_spip">
 *   <input type="submit" class="submit [variante]" value="Valider">
 *   <button type="submit" class="[variante]">Valider</button>
 * </form>
 */

.formulaire_spip .boutons .btn,
.formulaire_spip .boutons input.submit,
.formulaire_spip .boutons input.reset,
.formulaire_spip .boutons button,
.formulaire_spip .boutons .groupe-btns,
.act .bouton_action_post {
	margin-bottom: 0;
}


/**
 * ===================
 * 6. Boutons d'action
 * ===================
 *
 * Markup :
 *
 * <form class="bouton_action_post [variante]">
 *   <div><button class="submit">Action</button></div>
 * </form>
 */

.bouton_action_post {
	display: inline-flex;
	vertical-align: middle;
}
.bouton_action_post.bloc div {
	flex: 1 1 auto;
}

/* Dans le footer d'une boîte */
.box__footer .bouton_action_post {
	margin-bottom: 0;
}

/* Fix bouton d'action + classe .icone : combinaison obsolète à ne plus utiliser */
.bouton_action_post.icone {
	display: inline-flex !important;
	padding: 0 !important;
	background: none !important;
}
.bouton_action_post.icone b,
.box .bouton_action_post.icone b,
.btn.icone b {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-shadow: inherit !important;
	color: inherit !important;
	margin: 0 !important;
}
.bouton_action_post.icone .icone-image img {
	max-height: 100%;
}

/* Ajustements pour le filtre |bouton_action_horizontal */
.bouton_action_post .icone-fonction:after {
	background-position: bottom 0 right 0;
}
.bouton_action_post .icone-fonction.icone-fonction-new:after {
	background-position: top 0 right 0;
}

/**
 * =====================
 * 7. Groupes de boutons
 * =====================
 *
 * Markup :
 *
 * <div class="groupe-btns">
 *   <a class="btn">…</a>
 *   <a class="btn">…</a>
 * </div>
 */

.groupe-btns {
	display: inline-flex;
	flex-flow: row nowrap;
	margin-bottom: var(--spip-btn-margin);
}
.groupe-btns .btn,
.groupe-btns .bouton_action_post,
.groupe-btns input.submit,
.groupe-btns input.reset,
.groupe-btns button {
	flex: 0 1 auto;
	margin: 0;
}
.groupe-btns .bouton_action_post .submit {
	margin: 0;
}
/* Ne garder l'arrondi qu'aux extrémités */
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:last-child):not(:only-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:last-child):not(:only-child) .submit {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child) .submit {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* Bordures pour séparer */
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child):not(.btn_secondaire),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child):not(.btn_secondaire) .submit {
	border-right-color: var(--spip-btn-color-border-accent) !important;
}
.groupe-btns:not(.groupe-btns_vertical) .btn:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) > button:not(:first-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post:not(:first-child) .submit {
	margin-right: -1px; /* bordure haut par dessus le bouton précédent */
}
.groupe-btns:not(.groupe-btns_vertical) .btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) input.submit.btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) input.reset.btn_secondaire:not(.last-child),
.groupe-btns:not(.groupe-btns_vertical) > button.btn_secondaire:not(:last-child),
.groupe-btns:not(.groupe-btns_vertical) .bouton_action_post.btn_secondaire:not(:last-child) .submit {
	border-left-color: transparent;
}

/* variante vertical */
.groupe-btns.groupe-btns_vertical {
	flex-flow: column wrap;
	vertical-align: middle;
}
.groupe-btns.groupe-btns_vertical .btn:not(:last-child),
.groupe-btns.groupe-btns_vertical input.submit:not(:last-child),
.groupe-btns.groupe-btns_vertical input.reset:not(:last-child),
.groupe-btns.groupe-btns_vertical > button.submit:not(:last-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:last-child) .submit {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 0;
}
.groupe-btns.groupe-btns_vertical .btn:not(:first-child),
.groupe-btns.groupe-btns_vertical input.submit:not(:first-child),
.groupe-btns.groupe-btns_vertical input.reset:not(:first-child),
.groupe-btns.groupe-btns_vertical > button:not(:first-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:first-child) .submit {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.groupe-btns.groupe-btns_vertical .btn:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical input.submit:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical input.reset:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical > button:not(:first-child):not(.btn_secondaire),
.groupe-btns.groupe-btns_vertical .bouton_action_post:not(:first-child):not(.btn_secondaire) .submit {
	border-top-color: var(--spip-btn-color-border-accent);
	margin-top: -1px; /* bordure haut par dessus le bouton précédent */
}
.groupe-btns.groupe-btns_vertical .btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical input.submit.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical input.reset.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical > button.btn_secondaire:not(:last-child),
.groupe-btns.groupe-btns_vertical .bouton_action_post.btn_secondaire:not(:last-child) .submit {
	border-bottom: 0;
}

/* Variante bloc */
.groupe-btns.groupe-btns_bloc,
.groupe-btns.groupe-btns_bloc .bouton_action_post div {
	display: flex;
}
.groupe-btns.groupe-btns_bloc .btn,
.groupe-btns.groupe-btns_bloc .bouton_action_post,
.groupe-btns.groupe-btns_bloc .bouton_action_post div ,
.groupe-btns.groupe-btns_bloc .bouton_action_post .submit,
.groupe-btns.groupe-btns_bloc input.submit,
.groupe-btns.groupe-btns_bloc input.reset,
.groupe-btns.groupe-btns_bloc button {
	flex: 1 1 auto;
}

/* Variante groupe de boutons menu.
   Les boutons reprennent l'apparence de boutons inactifs par défaut,
   sauf ceux qui ont la classe .btn_on, ou les secondaires / liens */
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link),
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link) {
	background-color: var(--spip-btn-color-off-bg);
	border-color: var(--spip-btn-color-off-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-text);
}
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):hover,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):focus {
	background-color: var(--spip-btn-color-off-hover-bg);
	border-color: var(--spip-btn-color-off-hover-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-hover-text);
}
.groupe-btns_menu .btn:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu input.submit:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu input.reset:not(.btn_on):not(.btn_secondaire):not(.btn_link):active,
.groupe-btns_menu button:not(.btn_on):not(.btn_secondaire):not(.btn_link):active {
	background-color: var(--spip-btn-color-off-active-bg);
	border-color: var(--spip-btn-color-off-active-border);
	border-bottom-color: var(--spip-btn-color-border-accent);
	color: var(--spip-btn-color-off-active-text);
}

/* Si boutons de formulaire ou pied d'une boîte : bloc et alignement */
.groupe-btns.act,
.groupe-btns.boutons {
	display: flex;
	justify-content: flex-end;
}


/**
 * ======================
 * 8. Boutons avec icônes
 * ======================
 *
 * Markup :
 *
 * <a class="btn sp-icone sp-icone_ajouter">Bouton</a>
 * <a class="btn"><svg class="sp-icon sp-icone_ajouter"></svg> Bouton</a>
 */

/* Base */
.btn.sp-icone:before,
.btn .sp-icone,
button.sp-icone:before,
button .sp-icone,
input.submit.sp-icone:before,
input.reset.sp-icone:before,
.bouton_action_post .icone-image {
	margin-left: var(--spip-btn-gutter); /* fallback */
	margin-inline-end: var(--spip-btn-gutter);
}

/* Bouton avec uniquement une icône, sans label */
.btn_icone {
	padding-left: var(--spip-btn-padding-x);
	padding-right: var(--spip-btn-padding-x);
}
.btn_icone.btn_mini {
	padding-left: var(--spip-btn-padding-x-mini);
	padding-right: var(--spip-btn-padding-x-mini);
}
.btn_icone.btn_large {
	padding-left: var(--large-spip-btn-padding-x-large);
	padding-right: var(--spip-btn-padding-x-large);
}
.btn_icone.sp-icone:before,
.btn_icone .sp-icone {
	margin: 0;
}

/* Icône après le texte */
.btn_icone_after.sp-icone:before,
.btn_icone_after .sp-icone {
	order: 2;
	margin-right: var(--spip-btn-gutter); /* fallback */
	margin-left: 0; /* fallback */
	margin-inline-start: var(--spip-btn-gutter);
	margin-inline-end: 0;
}

/**
 * ===========================
 * 9. Rustines et déprécations
 * ===========================
 */

/* Formulaire editer_liens
 * Dans les listes, les boutons d'ajout et de retrait doivent avoir les classes .btn_mini et .btn_link
 * En leur absence, on @extend .btn_mini à la main en fallback */

.liste-objets-associer button:not(.btn_mini),
.liste-objets-lies button:not(.btn_mini) {
	font-size: var(--spip-btn-font-size-mini);
	padding: var(--spip-btn-padding-y-mini) var(--spip-btn-padding-x-mini);
	border-radius: var(--spip-btn-border-radius-mini);
	margin-bottom: var(--spip-btn-margin-mini);
}



/* icons.css::prive/themes/spip/icons.css */
/*
Ce squelette definit les styles des boutons icônes de l'espace prive

Organisation du fichier :

1. Icones horizontales et verticales
2. Divers et dépréciés
*/

/* trouver mieux que `icon-btn` comme nom de composant */
:root {
	--spip-icon-btn-font-size: 0.85em;
	--spip-icon-btn-padding: 0.5em;
	--spip-icon-btn-color-base: var(--spip-color-gray-lighter);
	--spip-icon-btn-color-hover: var(--spip-color-theme-light);
	--spip-icon-btn-color-active: var(--spip-color-theme);
	--spip-icon-btn-width: 5rem;
}

/**
 * ==============================
 * 1. Icône verticale/horizontale
 * ==============================
 *
 * Par défaut, icône verticale.
 * Une variante horizontale.
 *
 * Markup :
 * <span class="icone danger horizontale s24 left">
 *   <a>
 *     <img>
 *     <b>texte</b>
 *   </a>
 * </span>
 */

.icone {
	position: relative; /* Afin que le z-index soit pris en compte */
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 0.25em;
	vertical-align: middle;
}

/* Conteneur lien */
.icone a {
	display: flex;
	flex-flow: column wrap;
	align-items: inherit;
	justify-content: inherit;
	width: var(--spip-icon-btn-width);
	padding: var(--spip-icon-btn-padding) 0;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: inherit;
}

/* Label */
.icone b,
.box .icone b {
	font-weight: 500;
	margin: 0.5em 0 0;
	font-size: var(--spip-icon-btn-font-size);
	line-height: 1;
	color: var(--spip-color-link);
}

/* Survol et cie */
.icone a:hover,
.icone a:focus {
	text-decoration: none;
}
.icone a:hover .icone-image,
.icone a:focus .icone-image {
	background-color: var(--spip-icon-btn-color-hover);
	        box-shadow: none;
}
.icone a:active .icone-image,
.icone a:active .icone-image {
	background-color: var(--spip-icon-btn-color-active);
}
.icone a:hover b,
.icone a:focus b {
	color: var(--spip-color-text);
}
/* Si icone fonction, animation bling */
.icone a:hover .icone-image.icone-fonction,
.icone a:focus .icone-image.icone-fonction {
	background-color: transparent;
}
.icone a:hover .icone-fonction img,
.icone a:focus .icone-fonction img {
	opacity: 0;
}
.icone a:hover .icone-fonction:after,
.icone a:focus .icone-fonction:after {
	background-size: 60% auto;
	background-position: center center;
	transition: background 0.2s; /* aller */
}

/**
 * Images
 * Nb : les URLs sont mutualisées avec les boutons, donc définies dans boutons.css
 * .icone-image : image de base
 * .icone-fonction : mini image optionnelle par-dessus la précédente
 */
.icone .icone-image {
	padding: var(--spip-icon-btn-padding);
	border-radius: inherit;
	/* background-color: hsla(0, 0%, 0%, 0.025); */
	background-color: var(--spip-icon-btn-color-base);
	box-shadow: inset 0 0 0.75em hsla(0, 0%, 0%, 0.033);
	transition: all 0.2s;
}
.icone .icone-image img {
	display: block;
	transition: inherit;
}
.icone-fonction {
	display: flex; /* éviter espacements indésirables autour de l'image */
	position: relative;
}
.icone-fonction:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: bottom var(--spip-icon-btn-padding) right var(--spip-icon-btn-padding);
	background-repeat: no-repeat;
	transition: background 0.1s; /* Retour */
}
.icone-fonction-new:after {
	background-position-y: var(--spip-icon-btn-padding);
}

.icone-fonction-add:after {
	background-image: image-set(var(--spip-icon-btn-img-add) 1x);
}
.icone-fonction-new:after {
	background-image: image-set(var(--spip-icon-btn-img-new) 1x);
}
.icone-fonction-del:after {
	background-image: image-set(var(--spip-icon-btn-img-del) 1x);
}
.icone-fonction-config:after {
	background-image: image-set(var(--spip-icon-btn-img-config) 1x);
}
.icone-fonction-edit:after {
	background-image: image-set(var(--spip-icon-btn-img-edit) 1x);
}

/* Variante horizontale */
.icone.horizontale {
	clear: both;
	justify-content: flex-start;
	text-align: start;
}
.icone.horizontale a {
	padding: 0.25em 0;
	flex: 1 1 auto;
	flex-flow: row nowrap;
	width: auto;
}
.icone.horizontale b {
	margin-top: 0;
	margin-inline-start: var(--spip-spacing-x);
}
.icone.horizontale a:not(:hover):not(:focus) b {
	color: #666;
	color: hsla(0, 0%, 0%, 0.6);
}
.icone.horizontale .icone-image {
	flex-shrink: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.icone.horizontale .icone-fonction:after {
	background-position: bottom 0 right 0;
}
.icone.horizontale .icone-fonction-new:after {
	background-position-y: 0;
}

/* Tailles */
.s16 .icone-image img {
	width: 16px;
	height: 16px;
}
.s16 .icone-fonction:after {
	background-size: 8px;
}
.s24 .icone-image img {
	width: 24px;
	height: 24px;
}
.s24 .icone-fonction:after {
	background-size: 12px;
}
.s32 .icone-image img {
	width: 32px;
	height: 32px;
}
.s32 .icone-fonction:after {
	background-size: 16px;
}

/* Variantes alignement */
.icone.left {
	float: inline-start;
}
.icone.horizontale.left,
.icone.horizontale.right {
	clear: none;
}
.icone.right {
	float: inline-end;
}
.icone.center {
	clear: both;
	display: table !important; /* Seule façon d'auto-centrer un élément indépendamment du parent */
	margin-left: auto;
	margin-right: auto;
}
.icone.clearleft {
	clear: inline-start;
}
.icone.clearright {
	clear: inline-end;
}


/* Variante danger (à mutualiser avec boutons.css ?) */
.icone.danger a {
	background-image: image-set(var(--spip-btn-img-stripe-sup) 1x);
	background-color: transparent;
}
.icone.danger b {
	color: #222;
	text-shadow: 0 0 0.25em white, 0 0 0.5em white, 0 0 1em white; /* Lisibilité */
}
.icone.danger .icone-image {
	background-color: #fff;
	border: 2px solid #ff9999;
}
.icone.danger a:hover b,
.icone.danger a:focus b {
	color: red !important;
}
.icone.danger a:hover .icone-image,
.icone.danger a:focus .icone-image {
	background-color: #fff;
	border-color: red;
}
.icone.horizontale.danger a {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.icone.horizontale.danger .icone-image {
	background: none;
	border: none;
}
.icone.horizontale.danger a:hover .icone-image,
.icone.horizontale.danger a:focus .icone-image {
	background: none;
}

/* Cas particuliers */
.icone.verticale.historique-24 {
	width: 90px;
}
.icone.verticale.suivi-forum-24 {
	width: 100px;
}
.icone.verticale.edition_deja,
.icone.verticale.edition_deja a,
.icone.verticale.edition_deja a b {
	width: 100px;
}
.icone.verticale.edition_deja a b {
	height: calc(var(--spip-line-height) * 3 / 0.85);
}


/* ==================
 * 2. Divers & oldies
 * ==================
 */

/* icone en bord haut du cadre */
.cadre-icone {
	position: absolute;
	top: -16px;
	inset-inline-start: 10px;
	z-index:1;
	max-width:24px;
	height:auto;
}

.iconeoff {
	padding: 3px;
	margin: 1px;
	border: 1px dashed #ccc;
	background-color: #f0f0f0;
}

.iconeon {
	cursor: pointer;
	padding: 3px;
	margin: 1px;
	border-inline-end: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-inline-start: solid 1px #666;
	border-top: solid 1px #666;
	background-color: #eee;
}

.iconedanger {
	padding: 3px;
	margin: 1px;
	border: 1px dashed #000;
	background: #fce8dd;
	background-image: image-set(var(--spip-btn-img-stripe-danger) 1x);
}

/* OLDIES anciennes icones issues de php */
td.icone table {}

td.icone a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

td.icone a:hover {
	text-decoration: none;
}

td.icone a img {
	border: 0;
}

/* icons.css::prive/themes/spip/icons.css */
:root {
	--spip-icon-btn-font-size: 0.85em;
	--spip-icon-btn-padding: 0.5em;
	--spip-icon-btn-color-base: var(--spip-color-gray-lighter);
	--spip-icon-btn-color-hover: var(--spip-color-theme-light);
	--spip-icon-btn-color-active: var(--spip-color-theme);
	--spip-icon-btn-width: 5rem;
}

/**
 * ==============================
 * 1. Icône verticale/horizontale
 * ==============================
 *
 * Par défaut, icône verticale.
 * Une variante horizontale.
 *
 * Markup :
 * <span class="icone danger horizontale s24 left">
 *   <a>
 *     <img>
 *     <b>texte</b>
 *   </a>
 * </span>
 */

.icone {
	position: relative; /* Afin que le z-index soit pris en compte */
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 0.25em;
	vertical-align: middle;
}

/* Conteneur lien */
.icone a {
	display: flex;
	flex-flow: column wrap;
	align-items: inherit;
	justify-content: inherit;
	width: var(--spip-icon-btn-width);
	padding: var(--spip-icon-btn-padding) 0;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: inherit;
}

/* Label */
.icone b,
.box .icone b {
	font-weight: 500;
	margin: 0.5em 0 0;
	font-size: var(--spip-icon-btn-font-size);
	line-height: 1;
	color: var(--spip-color-link);
}

/* Survol et cie */
.icone a:hover,
.icone a:focus {
	text-decoration: none;
}
.icone a:hover .icone-image,
.icone a:focus .icone-image {
	background-color: var(--spip-icon-btn-color-hover);
	        box-shadow: none;
}
.icone a:active .icone-image,
.icone a:active .icone-image {
	background-color: var(--spip-icon-btn-color-active);
}
.icone a:hover b,
.icone a:focus b {
	color: var(--spip-color-text);
}
/* Si icone fonction, animation bling */
.icone a:hover .icone-image.icone-fonction,
.icone a:focus .icone-image.icone-fonction {
	background-color: transparent;
}
.icone a:hover .icone-fonction img,
.icone a:focus .icone-fonction img {
	opacity: 0;
}
.icone a:hover .icone-fonction:after,
.icone a:focus .icone-fonction:after {
	background-size: 60% auto;
	background-position: center center;
	transition: background 0.2s; /* aller */
}

/**
 * Images
 * Nb : les URLs sont mutualisées avec les boutons, donc définies dans boutons.css
 * .icone-image : image de base
 * .icone-fonction : mini image optionnelle par-dessus la précédente
 */
.icone .icone-image {
	padding: var(--spip-icon-btn-padding);
	border-radius: inherit;
	/* background-color: hsla(0, 0%, 0%, 0.025); */
	background-color: var(--spip-icon-btn-color-base);
	box-shadow: inset 0 0 0.75em hsla(0, 0%, 0%, 0.033);
	transition: all 0.2s;
}
.icone .icone-image img {
	display: block;
	transition: inherit;
}
.icone-fonction {
	display: flex; /* éviter espacements indésirables autour de l'image */
	position: relative;
}
.icone-fonction:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: bottom var(--spip-icon-btn-padding) right var(--spip-icon-btn-padding);
	background-repeat: no-repeat;
	transition: background 0.1s; /* Retour */
}
.icone-fonction-new:after {
	background-position-y: var(--spip-icon-btn-padding);
}

.icone-fonction-add:after {
	background-image: url("prive/themes/spip/images/add-xx.svg");
}

.icone-fonction-new:after {
	background-image: url("prive/themes/spip/images/new-xx.svg");
}

.icone-fonction-del:after {
	background-image: url("prive/themes/spip/images/del-xx.svg");
}

.icone-fonction-config:after {
	background-image: url("prive/themes/spip/images/config-xx.svg");
}

.icone-fonction-edit:after {
	background-image: url("prive/themes/spip/images/edit-xx.svg");
}


/* Variante horizontale */
.icone.horizontale {
	clear: both;
	justify-content: flex-start;
	text-align: var(--spip-left);
}
.icone.horizontale a {
	padding: 0.25em 0;
	flex: 1 1 auto;
	flex-flow: row nowrap;
	width: auto;
}
.icone.horizontale b {
	margin-top: 0;
	margin-right: var(--spip-spacing-x);
}
.icone.horizontale a:not(:hover):not(:focus) b {
	color: #666;
	color: hsla(0, 0%, 0%, 0.6);
}
.icone.horizontale .icone-image {
	flex-shrink: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.icone.horizontale .icone-fonction:after {
	background-position: bottom 0 right 0;
}
.icone.horizontale .icone-fonction-new:after {
	background-position-y: 0;
}

/* Tailles */
.s16 .icone-image img {
	width: 16px;
	height: 16px;
}
.s16 .icone-fonction:after {
	background-size: 8px;
}
.s24 .icone-image img {
	width: 24px;
	height: 24px;
}
.s24 .icone-fonction:after {
	background-size: 12px;
}
.s32 .icone-image img {
	width: 32px;
	height: 32px;
}
.s32 .icone-fonction:after {
	background-size: 16px;
}

/* Variantes alignement */
.icone.left {
	float: var(--spip-left);
}
.icone.horizontale.left,
.icone.horizontale.right {
	clear: none;
}
.icone.right {
	float: var(--spip-right);
}
.icone.center {
	clear: both;
	display: table !important; /* Seule façon d'auto-centrer un élément indépendamment du parent */
	margin-left: auto;
	margin-right: auto;
}
.icone.clearleft {
	clear: var(--spip-left);
}
.icone.clearright {
	clear: var(--spip-right);
}


/* Variante danger (à mutualiser avec boutons.css ?) */
.icone.danger a {
	background-image: url("prive/images/rayures-sup.svg");
	background-color: transparent;
}
.icone.danger b {
	color: #222;
	text-shadow: 0 0 0.25em white, 0 0 0.5em white, 0 0 1em white; /* Lisibilité */
}
.icone.danger .icone-image {
	background-color: #fff;
	border: 2px solid #ff9999;
}
.icone.danger a:hover b,
.icone.danger a:focus b {
	color: red !important;
}
.icone.danger a:hover .icone-image,
.icone.danger a:focus .icone-image {
	background-color: #fff;
	border-color: red;
}
.icone.horizontale.danger a {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.icone.horizontale.danger .icone-image {
	background: none;
	border: none;
}
.icone.horizontale.danger a:hover .icone-image,
.icone.horizontale.danger a:focus .icone-image {
	background: none;
}

/* Cas particuliers */
.icone.verticale.historique-24 {
	width: 90px;
}
.icone.verticale.suivi-forum-24 {
	width: 100px;
}
.icone.verticale.edition_deja,
.icone.verticale.edition_deja a,
.icone.verticale.edition_deja a b {
	width: 100px;
}
.icone.verticale.edition_deja a b {
	height: 4.8882352941176em;
}


/* ==================
 * 2. Divers & oldies
 * ==================
 */

/* icone en bord haut du cadre */
.cadre-icone {
	position: absolute;
	top: -16px;
	right: 10px;
	z-index:1;
	max-width:24px;
	height:auto;
}

.iconeoff {
	padding: 3px;
	margin: 1px;
	border: 1px dashed #ccc;
	background-color: #f0f0f0;
}

.iconeon {
	cursor: pointer;
	padding: 3px;
	margin: 1px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #666;
	border-top: solid 1px #666;
	background-color: #eee;
}

.iconedanger {
	padding: 3px;
	margin: 1px;
	border: 1px dashed #000;
	background: #fce8dd url("prive/images/rayures-danger.svg");
}

/* OLDIES anciennes icones issues de php */
td.icone table {}

td.icone a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

td.icone a:hover {
	text-decoration: none;
}

td.icone a img {
	border: 0;
}



/* onglets.css::prive/themes/spip/onglets.css */

/* ============
 * 0. Variables
 * ============
 */
:root {
	--spip-tabs-border-width: 2px;
	--spip-tabs-border-radius: var(--spip-border-radius);
	--spip-tabs-spacing-x: 1em;
	--spip-tabs-spacing-y: 0.5em;
}


/**
 * =================
 * 0. Onglets (tous)
 * =================
 * Styles mutualisés
 */
.onglets_simple a:focus,
.barre_onglet a:focus {
	box-shadow: 0 0 0 0.2rem var(--spip-btn-color-focus);
	outline: none;
	z-index: 2;
}


/* ==================
 * 1. Onglets simples
 * ==================
 *
 * Markup :
 *
 * div.onglets_simple
 *   ul
 *     li
 *       strong | a
 * div.onglets_simple.second
 *   ul
 *     li
 *       strong | a
 *   ul…
 */

/**
 * Onglets de base
 */
.onglets_simple {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin: calc(var(--spip-spacing-y) * 1.5) 0;
	border-bottom: var(--spip-tabs-border-width) solid hsla(0, 0%, 0%, 0.1);
}
.onglets_simple ul {
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	margin: 0 0 calc(var(--spip-tabs-border-width) * -1); /* Empiéter sur la bordure du bas */
	list-style: none;
}
.onglets_simple ul:only-of-type {
	flex: 1; /* si groupe unique, permettre d'aggrandir pour garder l'alignement à gauche */
}
.onglets_simple ul + ul,
.onglets_simple.second ul + ul {
	margin-inline-start: calc(var(--spip-tabs-spacing-x) * 2);
}
.onglets_simple li {
	display: flex;
	padding: 0;
	margin: 0;
}
/* Items */
.onglets_simple li strong,
.onglets_simple li a {
	flex: 1;
	position: relative;
	display: block;
	padding: calc(var(--spip-tabs-spacing-y) * 2) var(--spip-tabs-spacing-x);
	border-bottom: var(--spip-tabs-border-width) solid transparent;
	transition: background 0.15s, border 0.15s;
	text-align: center;
	font-weight: 500;
	font-size: 0.9em;
	background-position: center var(--spip-left);
	background-repeat: no-repeat;
}
/* Items non exposés (liens) */
.onglets_simple li a {
	color: var(--spip-color-gray-dark);
	text-decoration: none;
}
.onglets_simple li a:hover,
.onglets_simple li a:active {
	cursor: pointer;
	z-index: 2;
}
.onglets_simple li a:hover {
	background-color: var(--spip-color-theme-lightest);
	border-bottom-color: var(--spip-color-theme-light);
}
.onglets_simple li a:active {
	background-color: var(--spip-color-theme-lighter);
	border-bottom-color: var(--spip-color-theme);
}
/* Item exposé */
.onglets_simple li strong {
	color: var(--spip-color-theme-dark);
	border-bottom-color: var(--spip-color-theme-dark);
	z-index: 2;
}
/* Divers */
.onglets_simple .cadre-icone {
	display: none;
}
/* Variante bloc */
.onglets_simple.bloc ul {
	flex-wrap: nowrap;
}
.onglets_simple.bloc ul li {
	flex: 1;
}


/**
 * Onglets secondaires = filtres
 */
.onglets_simple.second {
	border: 0;
	justify-content: flex-start;
}
.onglets_simple.second ul {
	margin: 0;
}
/* Items */
.onglets_simple.second li strong,
.onglets_simple.second li a {
	padding: var(--spip-tabs-spacing-y) var(--spip-tabs-spacing-x);
	text-transform: none;
	border: 1px solid var(--spip-color-gray-light);
	border-radius: var(--spip-tabs-border-radius);
}
.onglets_simple.second li:not(:first-child) > * {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
}
.onglets_simple.second li:not(:last-child) > * {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
.onglets_simple.second li:not(:first-child):not(:only-child) > * {
	margin-inline-start: -1px;
}
/* Items non exposés (liens) */
.onglets_simple.second li a {
	background-color: transparent;
}
.onglets_simple.second li a:hover,
.onglets_simple.second li a:focus,
.onglets_simple.second li a:active {
	color: var(--spip-color-theme-dark);
	border-color: var(--spip-color-theme);
}
.onglets_simple.second li a:hover {
	background-color: var(--spip-color-theme-lightest);
}
.onglets_simple.second li a:active {
	background-color: var(--spip-color-theme-light);
}
/* Item exposé */
.onglets_simple.second li strong {
	background-color: var(--spip-color-theme-dark);
	border-color: var(--spip-color-theme-dark);
	color: white;
}


/* ================
 * 2. Barre onglets
 * ================
 *
 * Markup :
 *
 * div.barre_onglet
 *   ul
 *     li
 *       [img.cadre-icone]
 *       strong | a
 */
.barre_onglet {
	margin: calc(var(--spip-spacing-y) * 1.5) 0;
}
.barre_onglet ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	margin: 0;
	text-align: start;
	list-style:none;
}
.barre_onglet li {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
/* Items */
.barre_onglet a,
.barre_onglet strong {
	display: block;
	padding: calc(var(--spip-tabs-spacing-y) * 1.5) var(--spip-tabs-spacing-x);
	font-weight: 500;
	text-decoration: none;
	transition: background 0.15s, border 0.15s;
	border-radius: 99em;
}
.barre_onglet li:first-child a,
.barre_onglet li:first-child strong {
	padding-inline-start: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:last-child a,
.barre_onglet li:last-child strong {
	padding-inline-end: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:not(:last-child) a,
.barre_onglet li:not(:last-child) strong {
	border-right: 1px solid hsla(0, 0%, 0%, 0.1);
}
.barre_onglet li:not(:first-child) a,
.barre_onglet li:not(:first-child) strong {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
}
.barre_onglet li:not(:last-child) a,
.barre_onglet li:not(:last-child) strong {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
/* Item non exposé (lien) */
.barre_onglet a {
	background-color: var(--spip-color-gray-lighter);
	text-decoration: none;
	color: var(--spip-color-theme-dark);
}
.barre_onglet a:hover {
	text-decoration: none;
	background-color: var(--spip-color-theme-lighter);
}
.barre_onglet a:active {
	text-decoration: none;
	background-color: var(--spip-color-theme-light);
	color: var(--spip-color-theme-darker);
}
/* Items exposés */
.barre_onglet strong,
.barre_onglet strong.on {
	background-color: var(--spip-color-theme-dark);
	color: var(--spip-color-white);
	z-index: 1;
}
/* Icônes */
.barre_onglet .cadre-icone {
	top: 50%;
	inset-inline-start: var(--spip-tabs-spacing-x);
	transform: translateY(-50%);
}
.barre_onglet .cadre-icone + a,
.barre_onglet .cadre-icone + strong {
	padding-inline-start: calc(24px + (var(--spip-tabs-spacing-x) * 2));
}
.barre_onglet li:first-child .cadre-icone {
	inset-inline-start: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:first-child .cadre-icone + a,
.barre_onglet li:first-child .cadre-icone + strong {
	padding-inline-start: calc(24px + (var(--spip-tabs-spacing-x) * 2.5)); /* plus grand because arrondi */
}

/* onglets.css::prive/themes/spip/onglets.css */
/* ============
 * 0. Variables
 * ============
 */
:root {
	--spip-tabs-border-width: 2px;
	--spip-tabs-border-radius: var(--spip-border-radius);
	--spip-tabs-spacing-x: 1em;
	--spip-tabs-spacing-y: 0.5em;
}


/**
 * =================
 * 0. Onglets (tous)
 * =================
 * Styles mutualisés
 */
.onglets_simple a:focus,
.barre_onglet a:focus {
	box-shadow: 0 0 0 0.2rem var(--spip-btn-color-focus);
	outline: none;
	z-index: 2;
}


/* ==================
 * 1. Onglets simples
 * ==================
 *
 * Markup :
 *
 * div.onglets_simple
 *   ul
 *     li
 *       strong | a
 * div.onglets_simple.second
 *   ul
 *     li
 *       strong | a
 *   ul…
 */

/**
 * Onglets de base
 */
.onglets_simple {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin: calc(var(--spip-spacing-y) * 1.5) 0;
	border-bottom: var(--spip-tabs-border-width) solid hsla(0, 0%, 0%, 0.1);
}
.onglets_simple ul {
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	margin: 0 0 calc(var(--spip-tabs-border-width) * -1); /* Empiéter sur la bordure du bas */
	list-style: none;
}
.onglets_simple ul:only-of-type {
	flex: 1; /* si groupe unique, permettre d'aggrandir pour garder l'alignement à gauche */
}
.onglets_simple ul + ul,
.onglets_simple.second ul + ul {
	margin-right: calc(var(--spip-tabs-spacing-x) * 2);
}
.onglets_simple li {
	display: flex;
	padding: 0;
	margin: 0;
}
/* Items */
.onglets_simple li strong,
.onglets_simple li a {
	flex: 1;
	position: relative;
	display: block;
	padding: calc(var(--spip-tabs-spacing-y) * 2) var(--spip-tabs-spacing-x);
	border-bottom: var(--spip-tabs-border-width) solid transparent;
	transition: background 0.15s, border 0.15s;
	text-align: center;
	font-weight: 500;
	font-size: 0.9em;
	background-position: center var(--spip-left);
	background-repeat: no-repeat;
}
/* Items non exposés (liens) */
.onglets_simple li a {
	color: var(--spip-color-gray-dark);
	text-decoration: none;
}
.onglets_simple li a:hover,
.onglets_simple li a:active {
	cursor: pointer;
	z-index: 2;
}
.onglets_simple li a:hover {
	background-color: var(--spip-color-theme-lightest);
	border-bottom-color: var(--spip-color-theme-light);
}
.onglets_simple li a:active {
	background-color: var(--spip-color-theme-lighter);
	border-bottom-color: var(--spip-color-theme);
}
/* Item exposé */
.onglets_simple li strong {
	color: var(--spip-color-theme-dark);
	border-bottom-color: var(--spip-color-theme-dark);
	z-index: 2;
}
/* Divers */
.onglets_simple .cadre-icone {
	display: none;
}
/* Variante bloc */
.onglets_simple.bloc ul {
	flex-wrap: nowrap;
}
.onglets_simple.bloc ul li {
	flex: 1;
}


/**
 * Onglets secondaires = filtres
 */
.onglets_simple.second {
	border: 0;
	justify-content: flex-start;
}
.onglets_simple.second ul {
	margin: 0;
}
/* Items */
.onglets_simple.second li strong,
.onglets_simple.second li a {
	padding: var(--spip-tabs-spacing-y) var(--spip-tabs-spacing-x);
	text-transform: none;
	border: 1px solid var(--spip-color-gray-light);
	border-radius: var(--spip-tabs-border-radius);
}
.onglets_simple.second li:not(:first-child) > * {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.onglets_simple.second li:not(:last-child) > * {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.onglets_simple.second li:not(:first-child):not(:only-child) > * {
	margin-right: -1px;
}
/* Items non exposés (liens) */
.onglets_simple.second li a {
	background-color: transparent;
}
.onglets_simple.second li a:hover,
.onglets_simple.second li a:focus,
.onglets_simple.second li a:active {
	color: var(--spip-color-theme-dark);
	border-color: var(--spip-color-theme);
}
.onglets_simple.second li a:hover {
	background-color: var(--spip-color-theme-lightest);
}
.onglets_simple.second li a:active {
	background-color: var(--spip-color-theme-light);
}
/* Item exposé */
.onglets_simple.second li strong {
	background-color: var(--spip-color-theme-dark);
	border-color: var(--spip-color-theme-dark);
	color: white;
}


/* ================
 * 2. Barre onglets
 * ================
 *
 * Markup :
 *
 * div.barre_onglet
 *   ul
 *     li
 *       [img.cadre-icone]
 *       strong | a
 */
.barre_onglet {
	margin: calc(var(--spip-spacing-y) * 1.5) 0;
}
.barre_onglet ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	margin: 0;
	text-align: var(--spip-left);
	list-style:none;
}
.barre_onglet li {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
/* Items */
.barre_onglet a,
.barre_onglet strong {
	display: block;
	padding: calc(var(--spip-tabs-spacing-y) * 1.5) var(--spip-tabs-spacing-x);
	font-weight: 500;
	text-decoration: none;
	transition: background 0.15s, border 0.15s;
	border-radius: 99em;
}
.barre_onglet li:first-child a,
.barre_onglet li:first-child strong {
	padding-right: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:last-child a,
.barre_onglet li:last-child strong {
	padding-left: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:not(:last-child) a,
.barre_onglet li:not(:last-child) strong {
	border-right: 1px solid hsla(0, 0%, 0%, 0.1);
}
.barre_onglet li:not(:first-child) a,
.barre_onglet li:not(:first-child) strong {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.barre_onglet li:not(:last-child) a,
.barre_onglet li:not(:last-child) strong {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* Item non exposé (lien) */
.barre_onglet a {
	background-color: var(--spip-color-gray-lighter);
	text-decoration: none;
	color: var(--spip-color-theme-dark);
}
.barre_onglet a:hover {
	text-decoration: none;
	background-color: var(--spip-color-theme-lighter);
}
.barre_onglet a:active {
	text-decoration: none;
	background-color: var(--spip-color-theme-light);
	color: var(--spip-color-theme-darker);
}
/* Items exposés */
.barre_onglet strong,
.barre_onglet strong.on {
	background-color: var(--spip-color-theme-dark);
	color: var(--spip-color-white);
	z-index: 1;
}
/* Icônes */
.barre_onglet .cadre-icone {
	top: 50%;
	right: var(--spip-tabs-spacing-x);
	transform: translateY(-50%);
}
.barre_onglet .cadre-icone + a,
.barre_onglet .cadre-icone + strong {
	padding-right: calc(24px + (var(--spip-tabs-spacing-x) * 2));
}
.barre_onglet li:first-child .cadre-icone {
	right: calc(var(--spip-tabs-spacing-x) * 1.5); /* plus grand because arrondi */
}
.barre_onglet li:first-child .cadre-icone + a,
.barre_onglet li:first-child .cadre-icone + strong {
	padding-right: calc(24px + (var(--spip-tabs-spacing-x) * 2.5)); /* plus grand because arrondi */
}



/* tables.css::prive/themes/spip/tables.css */
/* Tableaux */
table { margin-bottom: var(--spip-margin-bottom); width: 100%; }
th { font-weight: bold; }
thead th {color:inherit; background: var(--spip-color-theme-lighter); }
table.spip td, table.spip th, /* annuler spip-styles */
th,td,caption { padding: calc(var(--spip-line-height) / 2); }

tbody tr:nth-child(even)>td,tbody tr:nth-child(even)>th,
tbody tr.even>td,tbody tr.even>th { background: var(--spip-color-theme-lightest); }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Tableaux SPIP */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: var(--spip-margin-bottom); border-collapse: collapse; border-spacing: 0;}
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip th, table.spip td { /*padding: 0.20em 0.40em; text-align: left; */border: 1px solid var(--spip-color-gray-light); }
table.spip td.numeric {text-align:right;}


/** tables responsives */
@media (max-width: 760px) {

	.spip_table--responsive,
	.spip_table--responsive thead,
	.spip_table--responsive tbody,
	.spip_table--responsive th,
	.spip_table--responsive td,
	.spip_table--responsive tr {
		display: block;
	}

	.spip_table--responsive thead tr {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.spip_table--responsive tr {
		border-top: 1px solid var(--spip-color-gray-light);
		border-bottom: 1px solid var(--spip-color-gray-light);
	}
	.spip_table--responsive tr + tr {
		margin-top: 1em;
	}
	.spip_table--responsive td {
		text-align: right;
	}
	table.spip_table--responsive td {
		border-top: none;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
	}

	.spip_table--responsive td:before {
		float: left;
		font-weight: bold;
		content: attr(data-label);
	}
}

/* tables.css::prive/themes/spip/tables.css */
/* Tableaux */
table { margin-bottom: var(--spip-margin-bottom); width: 100%; }
th { font-weight: bold; }
thead th {color:inherit; background: var(--spip-color-theme-lighter); }
table.spip td, table.spip th, /* annuler spip-styles */
th,td,caption { padding: calc(var(--spip-line-height) / 2); }

tbody tr:nth-child(even)>td,tbody tr:nth-child(even)>th,
tbody tr.even>td,tbody tr.even>th { background: var(--spip-color-theme-lightest); }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Tableaux SPIP */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: var(--spip-margin-bottom); border-collapse: collapse; border-spacing: 0;}
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip th, table.spip td { /*padding: 0.20em 0.40em; text-align: left; */border: 1px solid var(--spip-color-gray-light); }
table.spip td.numeric {text-align:right;}


/** tables responsives */
@media (max-width: 760px) {

	.spip_table--responsive,
	.spip_table--responsive thead,
	.spip_table--responsive tbody,
	.spip_table--responsive th,
	.spip_table--responsive td,
	.spip_table--responsive tr {
		display: block; 
	}

	.spip_table--responsive thead tr { 
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.spip_table--responsive tr { 
		border-top: 1px solid var(--spip-color-gray-light); 
		border-bottom: 1px solid var(--spip-color-gray-light); 
	}
	.spip_table--responsive tr + tr { 
		margin-top: 1em;
	}
	.spip_table--responsive td { 
		text-align: right;
	}
	table.spip_table--responsive td {
		border-top: none;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
	}
	
	.spip_table--responsive td:before { 
		float: left;
		font-weight: bold;
		content: attr(data-label); 
	}
}



/* box.css::prive/themes/spip/box.css */
/*
Ce squelette définit les styles des boîtes de l'espace privé.

Ce composant correspond aux balises #BOITE_OUVRIR et cie.

L'entête et le pied sont optionnels.
Les boîtes simples reprennent un style proche des formulaires.

Organisation du fichier :

0. Variables
1. Layout et rythme vertical
2. Base graphique commune
3. Variantes principales
4. Variantes d'états
5. Autres variantes
6. Cas particuliers
7. Déprécations

Markup :

.box
	.box__header
	.box__body
	.box__footer
*/

/**
 * ============
 * 0. Variables
 * ============
 *
 * LISEZ MOI :)
 *
 * Certains aspects de ce composant sont mutualisés avec les formulaires et les listes,
 * qui sont également de sortes de « boîtes » avec entête, corps et pieds.
 * On essaie de garder une unité graphique entre les 3 : bordure, espacements…
 *
 * Pour cela il y a une série de variables réutilisées entre eux.
 * Leurs valeurs pouvant changer selon les breakpoints ou les variantes de tailles,
 * on est obligé de passer par des variables intermédiaires --spip-box-xxx-mini
 * plutôt que de réutiliser directement --spip-box-xxx ailleurs : cela ne fonctionnerait pas tout le temps.
 */

/* D'abord les variable intermédiaires mutualisées : ne pas les utiliser directement. */
:root {
	/* Taille réduite */
	--spip-box-spacing-x-mini: 0.66rem;
	--spip-box-spacing-y-mini: 0.66rem;
	--spip-box-heading-fontsize-mini: 1em;
	--spip-box-heading-iconsize-mini: 16px;
	/* Taille normale */
	--spip-box-spacing-x-normal: 1.15rem;
	--spip-box-spacing-y-normal: 1.15rem;
	--spip-box-heading-fontsize-normal: 1.125em;
	--spip-box-heading-iconsize-normal: 24px;
}

/* Puis les variables propres à ce composant */
:root {
	/* Espacements */
	--spip-box-spacing-x: var(--spip-box-spacing-x-mini);
	--spip-box-spacing-y: var(--spip-box-spacing-x-mini);
	/* Entête */
	--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-mini);
	--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-mini);
	--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-mini) + (var(--spip-box-spacing-x-mini) * 1.5));
	/* Couleurs */
	--spip-box-border-color: hsla(0, 0%, 0%, 0.125); /* bordure externe */
	--spip-box-border-color-plus: hsla(0, 0%, 0%, 0.2); /* bordure + foncée pour démarquer si fond de couleur :-/ */
	--spip-box-sep-color: hsla(0, 0%, 0%, 0.06); /* bordures séparations internes */
	/* Titre */
	--spip-box-heading-fontweight: 600;
	/* Divers */
	--spip-box-border-radius: var(--spip-border-radius);
	--spip-box-highlightsize: 1rem;
	--spip-box-caretsize: 2rem; /* picto dépliant */
}
@media (min-width: 768px) {
	:root {
		/* Espacements */
		--spip-box-spacing-x: var(--spip-box-spacing-x-normal);
		--spip-box-spacing-y: var(--spip-box-spacing-x-normal);
		/* Entête */
		--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-normal);
		--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-normal);
		--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-normal) + (var(--spip-box-spacing-x-normal) * 1.5));
		/* Divers */
		--spip-box-highlightsize: 1.5rem;
	}
	/* Taille réduite */
	.box.mini,
	.lat,
	.affiche_milieu,
	.formulaire_editer_liens,
	.formulaire_dater {
		/* Espacements */
		--spip-box-spacing-x: var(--spip-box-spacing-x-mini);
		--spip-box-spacing-y: var(--spip-box-spacing-x-mini);
		/* Entête */
		--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-mini);
		--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-mini);
		--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-mini) + (var(--spip-box-spacing-x-mini) * 1.5));
		/* Divers */
		--spip-box-highlightsize: 1rem;
	}
}


/**
 * ============================
 * 1. Layout et rythme vertical
 * ============================
 */


.box,
.box * {
	box-sizing: border-box;
}

/* La marge externe doit être identique entre plusieurs composants (formulaires, …).
   Plus tard il faudra se baser sur spip-spacing-y quand ça sera au point.
   Pour l'instant on laisse la valeur historique. */
.box {
	position: relative;
	margin: calc(var(--spip-margin-bottom) * 1.5) 0;
}
/* Même padding partout, ajusté pour le footer */
.box__header, .box__body, .box__footer {
	position: relative;
	padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x);
}
.box__footer {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
}
/* Annuler marges inutiles au début et à la fin */
.box__body > :first-child,
.box__body > :first-child > :first-child {
	margin-top: 0;
}
.box__body > :last-child {
	margin-bottom: 0;
}
.box__header h1, .box__header h2, .box__header h3, .box__header h4, .box__header h5, .box__header h6 {
	margin-bottom: 0;
}
.box__footer .btn,
.box__footer button,
.box__footer .groupe-btns {
	margin-bottom: 0;
}


/**
 * =========================
 * 2. Base graphique commune
 * =========================
 */


/* Conteneur + obligé de reset les styles des vieux messages d'alertes */
.box,
.box.notice, .box.error, .box.success {
	padding: 0;
	background: var(--spip-color-white);
	border: 1px solid var(--spip-box-border-color);
	border-radius: var(--spip-box-border-radius);
	color: var(--spip-color-black);
	box-shadow: none;
	transition: box-shadow 0.2s;
}

/* Header */
.box__header {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

/* Body : sans titre et/ou sans footer, ajuster l'arrondi */
.box__body:first-child {
	border-top-left-radius: var(--spip-box-border-radius);
	border-top-right-radius: var(--spip-box-border-radius);
}
.box__body:only-child {
	border-bottom-left-radius: var(--spip-box-border-radius);
	border-bottom-right-radius: var(--spip-box-border-radius);
}

/* Footer */
.box__footer {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: var(--spip-color-theme-lightest);
	text-align: end;
}

/* Titres
   Règle : si h3, c'est le style par défaut.
   Si autre balise et qu'on veut forcer le style par défaut, utiliser la variante .titrem sur le header. */
.box__header h3,
.box__header.titrem h1, .box__header.titrem h2, .box__header.titrem h4, .box__header.titrem h5, .box__header.titrem h6 {
	font-size: var(--spip-box-heading-fontsize);
	font-weight: var(--spip-box-heading-fontweight);
}


/**
 * ========================
 * 3. Variantes principales
 * ========================
 */


/* Simple  = boîte par défaut */
.box.simple {}

/* Sobre */
.box.sobre {
	background-color: var(--spip-color-gray-lightest);
	border: 0;
}

/* Info */
.box.info {
	border: 3px solid var(--spip-color-theme-light);
	background-color: var(--spip-color-white);
}

/* Note */
.box.note {
	border: 3px solid var(--spip-color-theme-lighter);
	background-color: var(--spip-color-theme-lightest);
}

/* Raccourcis */
.box.raccourcis {
	background-color: var(--spip-color-gray-lighter);
	border: 0;
}

/* Important */
.box.important {
	border: 3px solid var(--spip-color-theme);
	background: var(--spip-color-white);
}

/* Highlight */
.box.highlight {
	background-color: var(--spip-color-theme-light);
	border: 0;
}
.box.highlight .box_header {
	border-bottom-color: var(--spip-box-sep-color);
}
.box.highlight .box_header * {
	color: inherit;
}

/* Inverse */
.box.inverse {
	background-color: var(--spip-color-gray-darker);
	color: var(--spip-color-white);
}
.box.inverse .box__header {
	border-bottom-color: hsla(0, 0%, 100%, 0.1);
}
.box.inverse .box__header * {
	color: inherit;
}


/**
 * ====================
 * 4. Variantes d'états
 * ====================
 */


/* Emballage */
.box.notice, .box.error, .box.success {
	box-shadow: var(--spip-box-shadow);
	border: 0;
}
.box.notice:hover, .box.error:hover, .box.success:hover,
.box.notice:focus-within, .box.error:focus-within, .box.success:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}
/* Icône centrée verticalement dans le header */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body, .box.error .box__body, .box.success .box__body {
	background-repeat: no-repeat;
	background-size: var(--spip-box-heading-iconsize);
	background-position: var(--spip-left) var(--spip-box-spacing-x) center;
}
/* Décommenter s'il faut centrer l'icône sur la 1ère ligne de texte dans le body */
/*.notice .box__body, .error .box__body, .success .box__body {
	background-position: var(--spip-left) var(--spip-box-spacing-x) top calc(var(--spip-box-spacing-y) - ((var(--spip-box-heading-iconsize) - var(--spip-line-height)) / 2));
}*/
/* Espacement pour l'icône selon qu'elle soit dans le header ou dans le body */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body:first-child, .box.error .box__body:first-child, .box.success .box__body:first-child {
	padding-inline-start: var(--spip-box-heading-iconpadding);
}
/* Bordure sur le côté */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body, .box.error .box__body, .box.success .box__body,
.box.notice .box__footer, .box.error .box__footer, .box.success .box__footer {
	border-inline-start: var(--spip-box-highlightsize) solid transparent;
}
/* Mini hack : sous le header on met la bordure basse en pseudo pour ne pas empiéter la bordure latérale colorée */
.box.notice .box__header, .box.error .box__header, .box.success .box__header {
	border-bottom: 0;
}
.box.notice .box__header:before, .box.error .box__header:before, .box.success .box__header:before {
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

/* Notice */
.box.notice .box__header,
.box.notice .box__body {
	border-inline-start-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 60%);
}
.box.notice .box__footer {
	border-inline-start-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 50%);
}
.box.notice .box__header,
.box.notice .box__body:first-child {
	background-image: image-set(var(--spip-box-img-notice) 1x);
}

/* Erreur */
.box.error .box__header,
.box.error .box__body {
	border-inline-start-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 60%);
}
.box.error .box__footer {
	border-inline-start-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
}
.box.error .box__header,
.box.error .box__body:first-child {
	background-image: image-set(var(--spip-box-img-error) 1x);
}

/* Succès */
.box.success .box__header,
.box.success .box__body {
	border-inline-start-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 55%);
}
.box.success .box__footer {
	border-inline-start-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 48%);
}
.box.success .box__header,
.box.success .box__body:first-child {
	background-image: image-set(var(--spip-box-img-success) 1x);
}


/**
 * ===================
 * 5. Autres variantes
 * ===================
 */


/* En colonne latérale : cf. variables */
.lat .box {}


/* Taille réduite : cf. variables */
.box.mini {}


/* Flat : sans ombre portée.
   Peut se conjuguer aux autres quand on veut forcer.
   Certaines le sont d'office, notamment les boîtes imbriquées.
	 Une bordure est ajoutée si nécessaire. */
.box.flat,
.box .box:not(.pop) /* imbriquées */
{
	box-shadow: none !important;
}
.box.notice.flat,
.box.error.flat,
.box.success.flat,
.box .box.notice:not(.pop), /* imbriquées */
.box .box.error:not(.pop),
.box .box.success:not(.pop) {
	border: 1px solid var(--spip-box-border-color);
}

/* Pop : avec une ombre portée.
   Peut se conjuguer aux autres quand on veut forcer.
	 Il faut ajuster la bordure dans certains cas */
.box.pop {
	box-shadow: var(--spip-box-shadow);
}
.box.pop:hover,
.box.pop:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}
.box.pop:not(.note):not(.info):not(.important) {
	border: 0;
}


/**
 * ===================
 * 6. Cas particuliers
 * ===================
 */


/**
 * Menu des rubriques dépliables.
 * Ici principalement la décoration de base.
 * Pour les choses propres au JS, voir plus bas.
 */
.box.sous-rub {}
.box.sous-rub a {
	transition: background 0.1s;
}
.box.sous-rub a:hover {
	background-color: var(--spip-color-theme-lightest);
}
/* Header :
  .box__header
    .titrem
        a.titremancre
        a.titremlien
        .logo
    .descriptif */
.box.sous-rub .box__header {
	padding: 0;
	border-bottom: 0;
	border-radius: inherit;
}
/* Conteneur titre + logo + picto */
.box.sous-rub .titrem {
	display: flex;
	font-size: 1em;
	background-repeat: no-repeat;
	border-radius: inherit;
}
.box.sous-rub .titrem.deplie/*,
.box.sous-rub .titrem.deplie .logo*/ {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* Titre
   On met le padding sur le lien pour maximiser la zone cliquable.
   Le JS ajoute un <a> au même niveau pour déplier/replier  */
.box.sous-rub .titrem a {
	border-radius: inherit;
}
.box.sous-rub .titrem a.titremlien {
	direction: var(--spip-dir); /* Forcer car le lien met sa propre direction */
	flex: 1 1 auto;
	display: flex;
	align-items: center; /* Pour aligner les one-liners avec le logo éventuel */
	padding: var(--spip-box-spacing-y) calc(var(--spip-box-spacing-x) / 2);
	font-weight: normal;
}
.box.sous-rub .rang {
	opacity: 60%;
}
.box.sous-rub .titrem a.titremlien[hreflang]:after {
	font-weight: normal;
}
/* Si titre dépliable */
.box.sous-rub .titrem.depliant a:first-of-type:not(:only-of-type) {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
.box.sous-rub .titrem.depliant a:last-of-type:not(:only-of-type) {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
}
.box.sous-rub .titrem.depliant a:hover,
.box.sous-rub .titrem.depliant a:focus {
	background-color: var(--spip-color-theme-lighter);
	color: var(--spip-color-black);
}
/* Logo : voir surtout dans lists.css */
.box.sous-rub .box__header .logo-carre {
	margin-top: calc(var(--spip-box-spacing-y) * -1);
	margin-bottom: calc(var(--spip-box-spacing-y) * -1);
	margin-inline-end: calc((var(--spip-box-spacing-x) / 2) * -1);
	margin-inline-start: auto;
	padding-inline-end: 0.25em;
	order: 10; /* Doit être en dernier, après le :after éventuel du <a> */
}
/* Descriptif */
.box.sous-rub .descriptif {
	padding: calc(var(--spip-box-spacing-y) / 2) calc(var(--spip-box-spacing-x) / 2);
	padding-left: calc(var(--spip-box-caretsize) + (var(--spip-box-spacing-x) / 2));
	padding-top: 0;
	padding-bottom: var(--spip-box-spacing-y);
	font-size: 0.85em;
}
.box.sous-rub .descriptif *:last-child {
	margin-bottom: 0;
}

/* Body */
.box.sous-rub .box__body {
	padding: 0;
	border-top: 0;
}
.box.sous-rub .box__body > * {
	border-top: 1px solid var(--spip-box-sep-color);
}
.box.sous-rub a:hover {
	color: black;
}
.box.sous-rub .liste-items {
	font-size: 0.85em;
	line-height: 1.2;
	border-top: 0;
}
.box.sous-rub .liste-items .item {
	padding: 0;
	border-color: var(--spip-box-sep-color);
}
.box.sous-rub .liste-items .item a {
	display: block;
	padding: 0.75em;
}
.box.sous-rub .liste-items > .item:last-child {
	border-bottom: 0;
}
.box.sous-rub .sous-sous-rub {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


/**
 * ===============
 * 7. Déprécations
 * ===============
 * Vieilles boîtes dépliables/repliables encore maintenues mais dépréciées.
 * Exemple : menu des rubriques dépliables (utilisé ailleurs ?)
 * Ici juste les styles propres au JS, pour la déco voir plus haut.
 */

/* Titre
   - non dépliable :      .titrem.impliable
   - dépliable / init :   .titrem.depliant.replie
   - dépliable / déplié : .titrem.depliant.deplie.blocdeplie
   - dépliable / replié : .titrem.depliant.replie.blocreplie */

/* Picto déplier / Replier */
.box .titremancre {
	position: relative;
	display: block;
	flex: 0 0 var(--spip-box-caretsize);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.5em auto;
	opacity: 0.5;
}
.box .titremancre:hover,
.box .titremancre:focus {
	opacity: 1;
}

.box .titremancre:after {
	content: "";
	display: block;
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 1em;
	border-left: 1px solid hsla(0, 0%, 0%, 0.5);
}

.box .replie .titremancre {
	background-image: image-set(var(--spip-box-img-deplier-haut) 1x);
}
.box .deplie .titremancre {
	background-image: image-set(var(--spip-box-img-deplier-bas) 1x);
}
.box .impliable .titremancre {
	display: none;
}

/* Bloc masqué
   - replié : .bloc_depliable.blocreplie
   - déplié : idem (bug ? pas de .blocdeplie ajouté) */
.js .box .bloc_depliable.blocreplie {
	display: none;
}
.js .box .bloc_depliable.blocdeplie {
	display: block;
}
.box .bloc_depliable .pagination {
	white-space: normal;
}

/* box.css::prive/themes/spip/box.css */
/**
 * ============
 * 0. Variables
 * ============
 *
 * LISEZ MOI :)
 *
 * Certains aspects de ce composant sont mutualisés avec les formulaires et les listes,
 * qui sont également de sortes de « boîtes » avec entête, corps et pieds.
 * On essaie de garder une unité graphique entre les 3 : bordure, espacements…
 *
 * Pour cela il y a une série de variables réutilisées entre eux.
 * Leurs valeurs pouvant changer selon les breakpoints ou les variantes de tailles,
 * on est obligé de passer par des variables intermédiaires --spip-box-xxx-mini
 * plutôt que de réutiliser directement --spip-box-xxx ailleurs : cela ne fonctionnerait pas tout le temps.
 */

/* D'abord les variable intermédiaires mutualisées : ne pas les utiliser directement. */
:root {
	/* Taille réduite */
	--spip-box-spacing-x-mini: 0.66rem;
	--spip-box-spacing-y-mini: 0.66rem;
	--spip-box-heading-fontsize-mini: 1em;
	--spip-box-heading-iconsize-mini: 16px;
	/* Taille normale */
	--spip-box-spacing-x-normal: 1.15rem;
	--spip-box-spacing-y-normal: 1.15rem;
	--spip-box-heading-fontsize-normal: 1.125em;
	--spip-box-heading-iconsize-normal: 24px;
}

/* Puis les variables propres à ce composant */
:root {
	/* Espacements */
	--spip-box-spacing-x: var(--spip-box-spacing-x-mini);
	--spip-box-spacing-y: var(--spip-box-spacing-x-mini);
	/* Entête */
	--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-mini);
	--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-mini);
	--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-mini) + (var(--spip-box-spacing-x-mini) * 1.5));
	/* Couleurs */
	--spip-box-border-color: hsla(0, 0%, 0%, 0.125); /* bordure externe */
	--spip-box-border-color-plus: hsla(0, 0%, 0%, 0.2); /* bordure + foncée pour démarquer si fond de couleur :-/ */
	--spip-box-sep-color: hsla(0, 0%, 0%, 0.06); /* bordures séparations internes */
	/* Titre */
	--spip-box-heading-fontweight: 600;
	/* Divers */
	--spip-box-border-radius: var(--spip-border-radius);
	--spip-box-highlightsize: 1rem;
	--spip-box-caretsize: 2rem; /* picto dépliant */
}
@media (min-width: 768px) {
	:root {
		/* Espacements */
		--spip-box-spacing-x: var(--spip-box-spacing-x-normal);
		--spip-box-spacing-y: var(--spip-box-spacing-x-normal);
		/* Entête */
		--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-normal);
		--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-normal);
		--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-normal) + (var(--spip-box-spacing-x-normal) * 1.5));
		/* Divers */
		--spip-box-highlightsize: 1.5rem;
	}
	/* Taille réduite */
	.box.mini,
	.lat,
	.affiche_milieu,
	.formulaire_editer_liens,
	.formulaire_dater {
		/* Espacements */
		--spip-box-spacing-x: var(--spip-box-spacing-x-mini);
		--spip-box-spacing-y: var(--spip-box-spacing-x-mini);
		/* Entête */
		--spip-box-heading-fontsize: var(--spip-box-heading-fontsize-mini);
		--spip-box-heading-iconsize: var(--spip-box-heading-iconsize-mini);
		--spip-box-heading-iconpadding: calc(var(--spip-box-heading-iconsize-mini) + (var(--spip-box-spacing-x-mini) * 1.5));
		/* Divers */
		--spip-box-highlightsize: 1rem;
	}
}


/**
 * ============================
 * 1. Layout et rythme vertical
 * ============================
 */


.box,
.box * {
	box-sizing: border-box;
}

/* La marge externe doit être identique entre plusieurs composants (formulaires, …).
   Plus tard il faudra se baser sur spip-spacing-y quand ça sera au point.
   Pour l'instant on laisse la valeur historique. */
.box {
	position: relative;
	margin: calc(var(--spip-margin-bottom) * 1.5) 0;
}
/* Même padding partout, ajusté pour le footer */
.box__header, .box__body, .box__footer {
	position: relative;
	padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x);
}
.box__footer {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
}
/* Annuler marges inutiles au début et à la fin */
.box__body > :first-child,
.box__body > :first-child > :first-child {
	margin-top: 0;
}
.box__body > :last-child {
	margin-bottom: 0;
}
.box__header h1, .box__header h2, .box__header h3, .box__header h4, .box__header h5, .box__header h6 {
	margin-bottom: 0;
}
.box__footer .btn,
.box__footer button,
.box__footer .groupe-btns {
	margin-bottom: 0;
}


/**
 * =========================
 * 2. Base graphique commune
 * =========================
 */


/* Conteneur + obligé de reset les styles des vieux messages d'alertes */
.box,
.box.notice, .box.error, .box.success {
	padding: 0;
	background: var(--spip-color-white);
	border: 1px solid var(--spip-box-border-color);
	border-radius: var(--spip-box-border-radius);
	color: var(--spip-color-black);
	box-shadow: none;
	transition: box-shadow 0.2s;
}

/* Header */
.box__header {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

/* Body : sans titre et/ou sans footer, ajuster l'arrondi */
.box__body:first-child {
	border-top-left-radius: var(--spip-box-border-radius);
	border-top-right-radius: var(--spip-box-border-radius);
}
.box__body:only-child {
	border-bottom-left-radius: var(--spip-box-border-radius);
	border-bottom-right-radius: var(--spip-box-border-radius);
}

/* Footer */
.box__footer {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: var(--spip-color-theme-lightest);
	text-align: var(--spip-right);
}

/* Titres
   Règle : si h3, c'est le style par défaut.
   Si autre balise et qu'on veut forcer le style par défaut, utiliser la variante .titrem sur le header. */
.box__header h3,
.box__header.titrem h1, .box__header.titrem h2, .box__header.titrem h4, .box__header.titrem h5, .box__header.titrem h6 {
	font-size: var(--spip-box-heading-fontsize);
	font-weight: var(--spip-box-heading-fontweight);
}


/**
 * ========================
 * 3. Variantes principales
 * ========================
 */


/* Simple  = boîte par défaut */
.box.simple {}

/* Sobre */
.box.sobre {
	background-color: var(--spip-color-gray-lightest);
	border: 0;
}

/* Info */
.box.info {
	border: 3px solid var(--spip-color-theme-light);
	background-color: var(--spip-color-white);
}

/* Note */
.box.note {
	border: 3px solid var(--spip-color-theme-lighter);
	background-color: var(--spip-color-theme-lightest);
}

/* Raccourcis */
.box.raccourcis {
	background-color: var(--spip-color-gray-lighter);
	border: 0;
}

/* Important */
.box.important {
	border: 3px solid var(--spip-color-theme);
	background: var(--spip-color-white);
}

/* Highlight */
.box.highlight {
	background-color: var(--spip-color-theme-light);
	border: 0;
}
.box.highlight .box_header {
	border-bottom-color: var(--spip-box-sep-color);
}
.box.highlight .box_header * {
	color: inherit;
}

/* Inverse */
.box.inverse {
	background-color: var(--spip-color-gray-darker);
	color: var(--spip-color-white);
}
.box.inverse .box__header {
	border-bottom-color: hsla(0, 0%, 100%, 0.1);
}
.box.inverse .box__header * {
	color: inherit;
}


/**
 * ====================
 * 4. Variantes d'états
 * ====================
 */


/* Emballage */
.box.notice, .box.error, .box.success {
	box-shadow: var(--spip-box-shadow);
	border: 0;
}
.box.notice:hover, .box.error:hover, .box.success:hover,
.box.notice:focus-within, .box.error:focus-within, .box.success:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}
/* Icône centrée verticalement dans le header */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body, .box.error .box__body, .box.success .box__body {
	background-repeat: no-repeat;
	background-size: var(--spip-box-heading-iconsize);
	background-position: var(--spip-left) var(--spip-box-spacing-x) center;
}
/* Décommenter s'il faut centrer l'icône sur la 1ère ligne de texte dans le body */
/*.notice .box__body, .error .box__body, .success .box__body {
	background-position: var(--spip-left) var(--spip-box-spacing-x) top calc(var(--spip-box-spacing-y) - ((var(--spip-box-heading-iconsize) - var(--spip-line-height)) / 2));
}*/
/* Espacement pour l'icône selon qu'elle soit dans le header ou dans le body */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body:first-child, .box.error .box__body:first-child, .box.success .box__body:first-child {
	padding-right: var(--spip-box-heading-iconpadding);
}
/* Bordure sur le côté */
.box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .box__body, .box.error .box__body, .box.success .box__body,
.box.notice .box__footer, .box.error .box__footer, .box.success .box__footer {
	border-right: var(--spip-box-highlightsize) solid transparent;
}
/* Mini hack : sous le header on met la bordure basse en pseudo pour ne pas empiéter la bordure latérale colorée */
.box.notice .box__header, .box.error .box__header, .box.success .box__header {
	border-bottom: 0;
}
.box.notice .box__header:before, .box.error .box__header:before, .box.success .box__header:before {
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

/* Notice */
.box.notice .box__header,
.box.notice .box__body {
	border-right-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 60%);
}
.box.notice .box__footer {
	border-right-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 50%);
}
.box.notice .box__header,
.box.notice .box__body:first-child {
	background-image: url("prive/themes/spip/images/warning-xx.svg?32px");
}

/* Erreur */
.box.error .box__header,
.box.error .box__body {
	border-right-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 60%);
}
.box.error .box__footer {
	border-right-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
}
.box.error .box__header,
.box.error .box__body:first-child {
	background-image: url("prive/themes/spip/images/erreur-xx.svg?32px");
}

/* Succès */
.box.success .box__header,
.box.success .box__body {
	border-right-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 55%);
}
.box.success .box__footer {
	border-right-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 48%);
}
.box.success .box__header,
.box.success .box__body:first-child {
	background-image: url("prive/themes/spip/images/ok-xx.svg?32px");
}


/**
 * ===================
 * 5. Autres variantes
 * ===================
 */


/* En colonne latérale : cf. variables */
.lat .box {}


/* Taille réduite : cf. variables */
.box.mini {}


/* Flat : sans ombre portée.
   Peut se conjuguer aux autres quand on veut forcer.
   Certaines le sont d'office, notamment les boîtes imbriquées.
	 Une bordure est ajoutée si nécessaire. */
.box.flat,
.box .box:not(.pop) /* imbriquées */
{
	box-shadow: none !important;
}
.box.notice.flat,
.box.error.flat,
.box.success.flat,
.box .box.notice:not(.pop), /* imbriquées */
.box .box.error:not(.pop),
.box .box.success:not(.pop) {
	border: 1px solid var(--spip-box-border-color);
}

/* Pop : avec une ombre portée.
   Peut se conjuguer aux autres quand on veut forcer.
	 Il faut ajuster la bordure dans certains cas */
.box.pop {
	box-shadow: var(--spip-box-shadow);
}
.box.pop:hover,
.box.pop:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}
.box.pop:not(.note):not(.info):not(.important) {
	border: 0;
}


/**
 * ===================
 * 6. Cas particuliers
 * ===================
 */


/**
 * Menu des rubriques dépliables.
 * Ici principalement la décoration de base.
 * Pour les choses propres au JS, voir plus bas.
 */
.box.sous-rub {}
.box.sous-rub a {
	transition: background 0.1s;
}
.box.sous-rub a:hover {
	background-color: var(--spip-color-theme-lightest);
}
/* Header :
  .box__header
    .titrem
        a.titremancre
        a.titremlien
        .logo
    .descriptif */
.box.sous-rub .box__header {
	padding: 0;
	border-bottom: 0;
	border-radius: inherit;
}
/* Conteneur titre + logo + picto */
.box.sous-rub .titrem {
	display: flex;
	font-size: 1em;
	background-repeat: no-repeat;
	border-radius: inherit;
}
.box.sous-rub .titrem.deplie/*,
.box.sous-rub .titrem.deplie .logo*/ {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* Titre
   On met le padding sur le lien pour maximiser la zone cliquable.
   Le JS ajoute un <a> au même niveau pour déplier/replier  */
.box.sous-rub .titrem a {
	border-radius: inherit;
}
.box.sous-rub .titrem a.titremlien {
	direction: var(--spip-dir); /* Forcer car le lien met sa propre direction */
	flex: 1 1 auto;
	display: flex;
	align-items: center; /* Pour aligner les one-liners avec le logo éventuel */
	padding: var(--spip-box-spacing-y) calc(var(--spip-box-spacing-x) / 2);
	font-weight: normal;
}
.box.sous-rub .rang {
	opacity: 60%;
}
.box.sous-rub .titrem a.titremlien[hreflang]:after {
	font-weight: normal;
}
/* Si titre dépliable */
.box.sous-rub .titrem.depliant a:first-of-type:not(:only-of-type) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.box.sous-rub .titrem.depliant a:last-of-type:not(:only-of-type) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.box.sous-rub .titrem.depliant a:hover,
.box.sous-rub .titrem.depliant a:focus {
	background-color: var(--spip-color-theme-lighter);
	color: var(--spip-color-black);
}
/* Logo : voir surtout dans lists.css */
.box.sous-rub .box__header .logo-carre {
	margin-top: calc(var(--spip-box-spacing-y) * -1);
	margin-bottom: calc(var(--spip-box-spacing-y) * -1);
	margin-left: calc((var(--spip-box-spacing-x) / 2) * -1);
	margin-right: auto;
	padding-left: 0.25em;
	order: 10; /* Doit être en dernier, après le :after éventuel du <a> */
}
/* Descriptif */
.box.sous-rub .descriptif {
	padding: calc(var(--spip-box-spacing-y) / 2) calc(var(--spip-box-spacing-x) / 2);
	padding-left: calc(var(--spip-box-caretsize) + (var(--spip-box-spacing-x) / 2));
	padding-top: 0;
	padding-bottom: var(--spip-box-spacing-y);
	font-size: 0.85em;
}
.box.sous-rub .descriptif *:last-child {
	margin-bottom: 0;
}

/* Body */
.box.sous-rub .box__body {
	padding: 0;
	border-top: 0;
}
.box.sous-rub .box__body > * {
	border-top: 1px solid var(--spip-box-sep-color);
}
.box.sous-rub a:hover {
	color: black;
}
.box.sous-rub .liste-items {
	font-size: 0.85em;
	line-height: 1.2;
	border-top: 0;
}
.box.sous-rub .liste-items .item {
	padding: 0;
	border-color: var(--spip-box-sep-color);
}
.box.sous-rub .liste-items .item a {
	display: block;
	padding: 0.75em;
}
.box.sous-rub .liste-items > .item:last-child {
	border-bottom: 0;
}
.box.sous-rub .sous-sous-rub {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


/**
 * ===============
 * 7. Déprécations
 * ===============
 * Vieilles boîtes dépliables/repliables encore maintenues mais dépréciées.
 * Exemple : menu des rubriques dépliables (utilisé ailleurs ?)
 * Ici juste les styles propres au JS, pour la déco voir plus haut.
 */

/* Titre
   - non dépliable :      .titrem.impliable
   - dépliable / init :   .titrem.depliant.replie
   - dépliable / déplié : .titrem.depliant.deplie.blocdeplie
   - dépliable / replié : .titrem.depliant.replie.blocreplie */

/* Picto déplier / Replier */
.box .titremancre {
	position: relative;
	display: block;
	flex: 0 0 var(--spip-box-caretsize);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.5em auto;
	opacity: 0.5;
}
.box .titremancre:hover,
.box .titremancre:focus {
	opacity: 1;
}

.box .titremancre:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 1em;
	border-left: 1px solid hsla(0, 0%, 0%, 0.5);
}

.box .replie .titremancre {
	background-image: url(prive/images/deplierhaut.svg);
}
.box .deplie .titremancre {
	background-image: url("prive/images/deplierbas.svg");
}
.box .impliable .titremancre {
	display: none;
}

/* Bloc masqué
   - replié : .bloc_depliable.blocreplie
   - déplié : idem (bug ? pas de .blocdeplie ajouté) */
.js .box .bloc_depliable.blocreplie {
	display: none;
}
.js .box .bloc_depliable.blocdeplie {
	display: block;
}
.box .bloc_depliable .pagination {
	white-space: normal;
}




/* lists.css::prive/themes/spip/lists.css */
/**
 * ============
 * 0. Variables
 * ============
 *
 * Nb : garder des variables propres à ce composant même dans les cas où on réutilise les variables de --spip-box,
 * cela permet de garder une autonomie pour les ajustements éventuels.
 * De plus il est parfois nécessaire d'accéder à ces variables en dehors du composant.
 */


:root {
	/* Espacements */
	--spip-list-spacing-x: var(--spip-box-spacing-x-mini);
	--spip-list-spacing-y: var(--spip-box-spacing-y-mini);
	/* Entête */
	--spip-list-heading-fontweight: var(--spip-box-heading-fontweight);
	--spip-list-heading-fontsize: var(--spip-box-heading-fontsize-mini);
	--spip-list-heading-iconsize: var(--spip-box-heading-iconsize-mini);
	--spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5));
	/* Divers */
	--spip-list-border-radius: var(--spip-box-border-radius);
	--spip-list-logo-size: 32px;
	--spip-list-biglogo-size: 50px;
	--spip-list-color-lightest: hsl(0, 0%, 98%); /* color-gray-lightest pas assez clair */
}

@media (min-width: 768px) {
	:root {
		/* Espacements */
		--spip-list-spacing-x: var(--spip-box-spacing-x-normal);
		--spip-list-spacing-y: var(--spip-box-spacing-y-normal);
		/* Entête */
		--spip-list-heading-fontsize: var(--spip-box-heading-fontsize-normal);
		--spip-list-heading-iconsize: var(--spip-box-heading-iconsize-normal);
		--spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5));
		/* Divers */
		--spip-list-logo-size: 40px; /* = vraie taille image */
		--spip-list-biglogo-size: 70px; /* = vraie taille image */
	}
	/* Taille réduite */
	.liste-objets.mini,
	.liste-items.mini,
	.liste_items.mini,
	.lat,
	.affiche_milieu,
	.formulaire_editer_liens,
	.formulaire_dater {
		/* Espacements */
		--spip-list-spacing-x: var(--spip-box-spacing-x-mini);
		--spip-list-spacing-y: var(--spip-box-spacing-y-mini);
		/* Entête */
		--spip-list-heading-fontsize: var(--spip-box-heading-fontsize-mini);
		--spip-list-heading-iconsize: var(--spip-box-heading-iconsize-mini);
		--spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5));
		/* Divers */
		--spip-list-logo-size: 32px;
		--spip-list-biglogo-size: 50px;
	}
}


/**
 * ==================
 * 1. Listes d'objets
 * ==================
 *
 * Markup :
 *
 * .liste-objets
 *   table.spip.liste
 *      caption
 *        .caption
 *      thead
 *        [tr td .pagination]
 *      tbody
 *      [tfoot] ?
 *   [.pagination][.tri]
 *
 * Si aucun résultat :
 *
 * .liste-objets[.caption-wrap]
 *   .caption
 */


/* Avant tout, reset des styles trop encombrants de table.spip : on repart au propre */
.liste-objets table {
	width: 100%;
}
.liste-objets table caption {
	margin: 0;
	text-align: inherit;
	font-weight: normal;
	background-color: inherit;
}
.liste-objets tr,
.liste-objets tbody tr,
.liste-objets tbody tr.row_odd,
.liste-objets tbody tr.row_even,
.liste-objets tr td,
.liste-objets tr th,
.liste-objets tbody tr:nth-child(even):not(:hover) > td,
.liste-objets tbody tr:nth-child(even):not(:hover) > th,
.liste-objets tbody tr.even:not(:hover) > td,
.liste-objets tbody tr.even:not(:hover) > th {
	background-color: inherit;
}
.liste-objets tfoot {
	font-style: normal;
}

/* Conteneur optionnel */
.cadre .liste-objets{
	font-size: 1em;
}

/* Conteneur général */
.liste-objets,
.liste-objets * {
	box-sizing: border-box;
}
.liste-objets {
	z-index: 1;
	position: relative;
	margin: calc(var(--spip-margin-bottom) * 1.5) 0; /* À changer par le vraie gouttière plus tard */
	border: 1px solid var(--spip-box-border-color);
	border-radius: var(--spip-list-border-radius);
	background-color: var(--spip-color-white);
	color: var(--spip-color); /* pour si dans un conteneur qui met le texte en blanc */
}

/* Liste vide, avec un pseudo-caption (boucle sans résultat) */
.liste-objets.caption-wrap {
	font-size: inherit; /* reset typo.css */
}

/* Taille générale du texte, en dehors du header */
.liste-objets table thead,
.liste-objets table tbody,
.liste-objets .pagination-item,
.liste-objets .tri {
	font-size: 0.95em;
}

/* Tableau */
.liste-objets table {
	max-width: none;
	margin: 0;
	border-radius: inherit;
	background-color: inherit;
}

/* Caption  */
.liste-objets table caption {
	padding: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	font-size: inherit; /* reset typo.css */
}
.liste-objets .caption {
	display: block;
	overflow: hidden;
	padding: var(--spip-list-spacing-y) var(--spip-list-spacing-x);
	background: none no-repeat var(--spip-left) var(--spip-list-spacing-x) center transparent;
	background-size: var(--spip-list-heading-iconsize);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	font-size: var(--spip-list-heading-fontsize);
	font-weight: var(--spip-list-heading-fontweight);
}
.liste-objets table .caption {
	border-bottom: 1px solid var(--spip-box-sep-color);
}

.liste-objets.articles .caption {
	background-image: url(prive/themes/spip/images/article-24.svg);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.auteurs .caption {
	background-image: url(prive/themes/spip/images/auteur-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.rubriques .caption {
	background-image: url(prive/themes/spip/images/rubrique-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.forums .caption {
	background-image: url(plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.mots .caption {
	background-image: url(plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.groupes_mots .caption {
	background-image: url(plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.messages .caption {
	background-image: url(plugins-dist/organiseur/prive/themes/spip/images/message-24.png);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.petitions .caption {
	background-image: url(plugins-dist/petitions/prive/themes/spip/images/petition-24.png);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.signatures .caption {
	background-image: url(plugins-dist/petitions/prive/themes/spip/images/petition-24.png);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.syndic .caption {
	background-image: url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.syndic_articles .caption {
	background-image: url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.depots .caption {
	background-image: url(plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.plugins .caption {
	background-image: url(prive/themes/spip/images/plugin-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.paquets .caption {
	background-image: url(plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.evenements .caption {
	background-image: url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.breves .caption {
	background-image: url(plugins-dist/breves/prive/themes/spip/images/breve-24.png);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
.liste-objets.documents .caption {
	background-image: url(plugins-dist/medias/prive/themes/spip/images/document-xx.svg?24px);
	padding-inline-start: var(--spip-list-heading-iconpadding);
}
/* pour editer liens ? */
.liste-objets caption .formulaire_spip {
	top: 2px;
}

/* Cellules <td> + <th> (toutes : dans thead, tbody et tfoot) */
.liste-objets tr th,
.liste-objets tr td {
	padding: calc(var(--spip-list-spacing-y) / 2) calc(var(--spip-list-spacing-x) / 2);
	border-color: var(--spip-box-sep-color);
	border-left: 0;
	border-right: 0;
	line-height: 1.2;
	transition: background 0.2s, padding 0.2s;
}
.liste-objets tr td,
.liste-objets table img {
	vertical-align: middle;
}
.liste-objets tr th:first-child,
.liste-objets tr td:first-child {
	padding-inline-start: var(--spip-list-spacing-x);
}
.liste-objets tr th:last-child,
.liste-objets tr td:last-child {
	padding-inline-end: var(--spip-list-spacing-x);
}

/* Entête <thead>
   Nb : attention il peut y avoir plusieurs <tr> */
.liste-objets table thead {
	background-color: var(--spip-list-color-lightest);
}
.liste-objets thead tr:first-child > * {
	border-top: 0;
}
.liste-objets thead tr:last-child > * {
	border-bottom: 0;
}
.liste-objets thead th > a {
	display: inline-flex; /* si picto, éviter un espace blanc */
}
.liste-objets thead img {
	width: auto;
	height: 1em; /* ne pas augmenter la hauteur de la ligne */
}
/* si tr multiples, les 1ers contiennent en principe la pagination : on ressert */
.liste-objets thead tr:not(:last-child) > * {
	padding-top: calc(var(--spip-list-spacing-y) / 4);
	padding-bottom: calc(var(--spip-list-spacing-y) / 4);
}

/* Corps <tbody> */
.liste-objets table tbody {
	background-color: inherit;
}
.liste-objets tbody tr:first-child td,
.liste-objets tbody tr:first-child th {
	border-top: 0;
}
.liste-objets tbody tr:last-child td,
.liste-objets tbody tr:last-child th {
	border-bottom: 0;
}
.liste-objets tbody tr:hover td,
.liste-objets tbody tr:hover th {
	background-color: hsl(0, 0%, 98%); /* --spip-color-gray-lightest un poil trop foncé */
}

/* Pied : tfoot */

.liste-objets table tfoot {
	background-color: var(--spip-list-color-lightest);
}

/* Gestion des arrondis selon les cas */
.liste-objets table > *:first-child,
.liste-objets table > *:first-child tr:first-child,
.liste-objets table > *:first-child tr:first-child > *:first-child {
	border-start-start-radius: var(--spip-list-border-radius);
}
.liste-objets table > *:first-child,
.liste-objets table > *:first-child tr:first-child,
.liste-objets table > *:first-child tr:first-child > *:last-child {
	border-start-end-radius: var(--spip-list-border-radius);
}
.liste-objets table > *:last-child tr:last-child,
.liste-objets table > *:last-child tr:last-child > *:first-child  {
	border-end-start-radius: var(--spip-list-border-radius);
}
.liste-objets table > *:last-child tr:last-child,
.liste-objets table > *:last-child tr:last-child > *:last-child {
	border-end-end-radius: var(--spip-list-border-radius);
}

/* Sur petit écran, n'afficher que les colonnes nécessaires : statut et id */
@media (max-width: 760px) {
	.liste-objets tr > *:not(.principale):not(.id):not(.statut),
	.liste-objets .titre .soustitre,
	.liste-objets .titre .surtitre {
		display: none;
	}
	.liste-objets tr td,
	.liste-objets tr th {
		word-break: break-word;
	}
}

/**
 * 1.1. Cellules et items particuliers
 * -----------------------------------
 */

/* Liens secondaires moins visibles */
/*
.liste-objets td.principale a strong {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.liste-objets td.principale a strong:hover,
.liste-objets td.principale a strong:focus {
	text-decoration-style: solid;
}
*/

.liste-objets td:not(.principale) a:not(.btn) {
	color: #888;
}
.liste-objets td:not(.principale) a:not(.btn):hover,
.liste-objets td:not(.principale) a:not(.btn):focus {
	color: #333;
}

/* Statut et picto */
.liste-objets tr > .statut,
.liste-objets tr > .picto {
	width: calc(16px + var(--spip-list-spacing-x));
	text-align: center;
}
.liste-objets tr > .statut:first-child,
.liste-objets tr > .statut:last-child,
.liste-objets tr > .picto:first-child,
.liste-objets tr > .picto:last-child {
	width: calc(16px + (var(--spip-list-spacing-x) * 1.5));
	text-align: center;
}

/* Id */
.liste-objets tr > .id {
	width: 40px;
	white-space: nowrap;
	text-align: end;
}
/* Statut */

/* Titre */
.liste-objets td.titre a {
	display: block;
	/*font-size: 1.05em;*/
}
.liste-objets td.titre a strong {
	font-weight: inherit; /* forcer la graisse normale */
}
.liste-objets td.titre .rang {
	opacity: 0.7;
}
.liste-objets td.titre .surtitre,
.liste-objets td.titre .soustitre {
	display: block;
	overflow: hidden;
	max-width: 18em;
	/*font-size: 0.85em;*/
	opacity: 0.7;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Entrées secondaires (date notamment) */
.liste-objets td.secondaire {
	font-size: 0.85em;
}

/* Logo
   Certaines listes swappent .logo pour .nologo quand aucun logo */
.liste-objets td.titre .spip_logo {
	float: inline-end;
	margin-inline-start: 0.5em;
}
.liste-objets td.logo {
	text-align: center;
	/* padding: 0 5px; */
}
.liste-objets td.logo img {
	display: block;
	margin: 0 auto;
}
.liste-objets th.nologo,
.liste-objets td.nologo {
	padding: 0;
	width: 0;
}

/*  N'afficher les logos que sur grand écran */
.liste-objets .logo,
.liste-objets .nologo {
	display: none;
}
.liste-objets td.auteur {
	font-size: .85em;
}
@media (min-width: 500px) {
.liste-objets .logo,
	.liste-objets .nologo {
		display: table-cell;
	}
	.liste-objets td.auteur {
		font-size: inherit;
	}
}



.liste-objets td.nologo {
	height: 45px;
}

/* Auteur */
.liste-objets td.auteur {
	width: 18%;
}

.liste-objets tr > .auteur > .inner {
	display: block;
	max-height: 10em;
	overflow-x: hidden;
	border: 0;
	background: none;
}
/* Date */
.liste-objets th.date,
.liste-objets td.date {
	text-align: end;
}

.liste-objets td.date {
	white-space: nowrap;
	width: 10%;
}

/* Actions */
.liste-objets td.action {
	text-align: end;
}
.liste-objets td.action button {
	margin-bottom: 0;
}

/* Syndication */
.liste-objets tr td.syndication .etat {
	display: block;
	color:red;
}

/* Confirmation (?) */
.liste-objets tr.confirmation {
	display: none;
}

/* Bouton après le tableau (?) */
.liste-objets .liste + .action .button {
	margin: calc(var(--spip-line-height) / 4);
}

/* Loader */
.liste-objets > .image_loading {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
}

/* Pagination */
.liste-objets .pagination,
.liste-objets p.pagination {
	margin: 0;
	border: none;
}
/* Pagination après le tableau */
.liste-objets table + .pagination,
.liste-objets table + p.pagination {
	border-radius: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: var(--spip-list-color-lightest);
}
/* Pagination dans l'entête du tableau */
.liste-objets thead .pagination {
	padding: 0;
	background-color: transparent;
}

/**
 * 1.2. Types de listes particulières
 * ----------------------------------
 */

/* Objets liés  */
.liste-objets-lies,
.liste-objets-associer {
	margin: 0;
}

/* Traductions */
.liste-objets.traductions .trad {
	text-align: center;
}
.liste-objets.traductions button.changer_reference_trad {
	margin: 0;
	width: 100%;
}
.liste-objets.traductions .reference_trad {
	/* font-size: inherit; */
}

/* Articles
   Nb : styles logo mutualisés avec .logo-carre, utilisé dans les boîtes de sous-rubriques. */
.liste-objets.articles tr td.logo,
.logo-carre {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	flex-shrink: 0;
}
.liste-objets.articles tr td.logo,
.liste-objets.articles tr td.logo img,
.logo-carre img {
	width: var(--spip-list-biglogo-size);
	min-width: var(--spip-list-biglogo-size);
	height: var(--spip-list-biglogo-size);
}
.liste-objets.articles tr td.logo img,
.logo-carre img {
	object-fit: cover;
	display: block;
	border-radius: calc(var(--spip-list-border-radius) / 2);
}

/* Sélection articles */
.liste-objets.selection-articles table {
	background-color: white;
	border-bottom: 1px solid var(--spip-box-sep-color);
}
.liste-objets.selection-articles form {
	background-color: var(--spip-color-theme-lightest);
}

/* Auteurs
   Nb : pour les auteurs et visiteurs, logo en background du <a> */
.liste-objets.auteurs td.logo,
.liste-objets.visiteurs td.logo {
	width: var(--spip-list-logo-size);
	padding: calc(var(--spip-list-spacing-y) / 4) calc(var(--spip-list-spacing-x) / 2);
}
.liste-objets.auteurs td.logo a,
.liste-objets.visiteurs td.logo a {
	width: var(--spip-list-logo-size);
	height: var(--spip-list-logo-size);
	display: block;
	border-radius: 50%;
}
.liste-objets.auteurs td.logo a,
.liste-objets.visiteurs td.logo a {
	background-position: center center;
	background-size: cover;
}
.liste-objets-associer.auteurs td.logo,
.liste-objets-associer.visiteurs td.logo {
	min-width: calc(var(--spip-list-logo-size) * 0.5);
}
.liste-objets-associer.auteurs td.logo a,
.liste-objets-associer.visiteurs td.logo a {
	width: calc(var(--spip-list-logo-size) * 0.5);
	height: calc(var(--spip-list-logo-size) * 0.5);
}

/* Révisions (à déporter dans le plugin) */
.liste-objets.versions table .caption {
	padding-inline-start: var(--spip-list-heading-iconpadding);
	background-position: var(--spip-left) var(--spip-list-spacing-x) center;
}

/* Tâches */
.liste-objets.jobs th.date,
.liste-objets.jobs td.date {
	text-align: start;
}
.liste-objets.jobs tr.is-late td {
	background-color: hsla(var(--spip-color-notice--h),var(--spip-color-notice--s),var(--spip-color-notice--l),0.2) !important;
}
.liste-objets.jobs tr.is-pending td,
.liste-objets.jobs tr.is-late.is-pending td {
	background-color: var(--spip-color-theme-lightest) !important;
	font-weight: 500;
}
.liste-objets.jobs .etiquette {
	background-color: var(--spip-color-gray-dark);
	color: var(--spip-color-white);
	border-radius: var(--spip-border-radius-mini);
	padding: 0 0.2em;
}
.liste-objets.jobs .btns {
	display: flex;
}
.liste-objets.jobs .btns > * {
	flex: 1 0 auto;
}


/* Dans boîtes */
.box.highlight .liste-objets {
	border-width: 0;
}


/**
 * 1.3. Liste en colonne latérale
 * ------------------------------
 * N'afficher que les colonnes nécessaires : statut et id
 * @extend .mini
 */
.lat .liste-objets tr > *:not(.principale):not(.id):not(.statut),
.lat .liste-objets .titre .soustitre,
.lat .liste-objets .titre .surtitre {
	display: none;
}
.lat .liste-objets tr td,
.lat .liste-objets tr th {
	word-break: break-word;
}

/**
 * 1.4. Liste de taille réduite
 * ----------------------------
 * cf. variables
 */
.liste-objets.mini {}


/**
 * 1.5. Listes dans .affiche_milieu
 * --------------------------------
 * cf. variables + content.css
 */


/**
 * ====================
 * 2. Pagination et tri
 * ====================
 *
 * Composant pouvant être utilisé en dehors des listes d'objets.
 * .tri n'utilise pas le même markup que .pagination (pas de <ul>, juste des <a>)
 * Est-il toujours utilisé en conjonction (class="pagination tri") ?
 */


.pagination,
.tri {
	background: var(--spip-color-gray-lighter); /* il faut un contraste suffisant si direct sur fond de la page */
	margin: 0;
	margin-top: 1em;
	padding: calc(var(--spip-list-spacing-y) / 2) calc(var(--spip-list-spacing-x) / 2);
	font-size: 0.85em;
	font-weight: bold;
	text-align: end;
	white-space: nowrap;
}
.pagination a,
.tri a {
	transition: background 0.1s;
}
.tri {
	text-align: start;
}
.tri .on {
	background: var(--spip-color-gray-lighter);
	padding: 2px 3px;
	color: var(--spip-color-black);
}
.tri img,
.pagination img {
	vertical-align: bottom;
}
.pagination .pagination-items {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	border-radius: inherit;
}
.pagination .pagination-item {
	margin: 0;
	flex-basis: 2em;
	display: flex;
	align-items: center;
}
.pagination .pagination-item + .pagination-item {
	margin-inline-start: 1px;
}
.pagination .pagination_precedent_suivant .pagination-item {
	flex-basis: auto;
}
.pagination .pagination-item-label {
	display: block;
	flex-basis: 100%;
	text-decoration: none;
	padding: 0.15em .30em;
	border-radius: calc(var(--spip-box-border-radius) / 2);
	text-align: center;
}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active {
	background: var(--spip-color-theme-dark);
	border-color: var(--spip-color-theme-dark);
	color: var(--spip-color-white);
}
.pagination .on .pagination-item-label {
	font-weight: bold;
}
.pagination .pagination_precedent_suivant .disabled {
	visibility: hidden;
}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {
	color:#aaa;
	font-weight:
	normal;
	border-color: #ddd;
}
/* Successions */
.pagination + .pagination,
.pagination + .tri,
.tri + .pagination {
	border-top: 1px solid var(--spip-box-sep-color);
	margin-top: 0;
}
.pagination + .liste_items,
.tri + .liste_items {
	border-top: 0;
	margin-top: 0;
}
.liste_items + .tri,
.liste_items + .pagination {
	margin-bottom: 1em;
}
/* Pagination dans une colonne */
.lat .pagination,
.lat .tri {
	font-size: 0.8em;
}
.lat .pagination {
	white-space: normal;
	text-align: start;
}

/* Balise TRI : picto indiquant le sens de tri
 * Objectifs :
 * - montrer l'item exposé et le sens de tri appliqué
 * - montrer les autres items triables, et le sens de tri qui sera appliqué au survol/focus
 */
.item-tri {
	display: inline-flex;
	align-items: center;
	color: inherit;
}
.item-tri:after {
	content: "";
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	margin-inline-start: 0.33em;
	margin-inline-start: 0.33em;
	background-color: currentColor !important;
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-image: url("prive/themes/spip/images/tri-sens-off-xx.svg");
	opacity: 0.5;
}
.item-tri_actif:after,
.item-tri:hover:after,
.item-tri:focus:after {
	opacity: 0.8;
}
.item-tri_actif.item-tri_asc:after,
.item-tri_asc:not(.item-tri_actif):hover:after,
.item-tri_asc:not(.item-tri_actif):focus:after {
	mask-image: url("prive/themes/spip/images/tri-sens-asc-xx.svg");
}
.item-tri_actif.item-tri_desc:after,
.item-tri_desc:not(.item-tri_actif):hover:after,
.item-tri_desc:not(.item-tri_actif):focus:after {
	mask-image: url("prive/themes/spip/images/tri-sens-desc-xx.svg");
}


/**
 * =========
 * 3. Listes
 * =========
 *
 * Utilisations :
 * - conteneur pour les liste d'items
 * - conteneur pour certains sélecteurs
 * - <table> des liste d'objets
 *
 * Exemple pour .liste-items :
 *
 * div.liste
 *   h4
 *   ul.liste-items
 */


.liste {
	margin: var(--spip-margin-bottom) 0;
}
.liste > h1, .liste > .h1,
.liste > h2, .liste > .h2,
.liste > h3, .liste > .h3,
.liste > h4, .liste > .h4,
.liste > h5, .liste > .h5,
.liste > h6, .liste > .h6 {
	margin-bottom: 0;
}


/**
 * =================
 * 4. Listes d'items
 * =================
 */

.liste_items,
.liste-items,
.liste_items *,
.liste-items * {
	box-sizing: border-box;
}
.liste_items,
.liste-items {
	list-style: none;
	margin: 0 0 var(--spip-margin-bottom);
	padding: 0;
	clear: both;
}
.liste_items .item,
.liste-items .item {
	border-bottom: 1px solid var(--spip-box-sep-color);
	padding: calc(var(--spip-list-spacing-y) / 2) 0;
	overflow: hidden;
	clear: both;
	transition: background 0.15s;
}
.liste_items .item:last-child,
.liste-items .item:last-child {
	border-bottom: 0;
}
.liste_items .odd,
.liste-items .odd {
	background:var(--spip-color-gray-lightest);
}
.liste_items .item:hover,
.liste-items .item:hover,
.liste_items .item:focus,
.liste-items .item:focus {
	background-color: var(--spip-color-theme-lightest);
}
.liste_items .court:hover,
.liste-items .court:hover {
	background-color:var(--spip-color-gray-lightest);
}
.liste_items .item.on,
.liste-items .item.on {
	background-color: var(--spip-color-theme-lightest);
	font-weight: normal;
}
.liste_items .item.on:hover,
.liste-items .item.on:hover {
	background-color: var(--spip-color-theme-lighter);
}
.liste_items .item h3,
.liste-items .item h3 {
	margin: 0;
}
.liste_items .item img,
.liste-items .item img {
	vertical-align: middle;
}
.liste_items .item img:first-child,
.liste-items .item img:first-child {
	margin-inline-end: 0.33em;
}
.liste_items .bouton_action_post {
	margin: 0;
}

/* Permet d'utiliser la grid sur les listes */
.item.unit, .item.lastUnit {
	clear: none;
}
.liste_items .item .actions,
.liste-items .item .actions  {
	float: none;
	margin: 0;
	clear: both;
	text-align: end;
}

/* Liste de jobs */
.liste_items.jobs .item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	overflow: visible;
}
.jobs_liste {
	margin: 0;
}
.jobs_liste .btn.btn_executer {
	padding-inline: 0;
	position: absolute;
	width: 1.5em;
	left: -2em;
	top:0;
}
.jobs_liste .btn.btn_executer:not(:hover):not(:focus) {
	color: var(--spip-color-theme);
}

/**
 * ================================
 * 5. Menus d'items et plan du site
 * ================================
 *
 * Semble pour l'instant utilisé uniquement pour le plan du site.
 * Le plugin-dist surcharge le plan (donc styles inutilisés).
 */


.menu-items {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid var(--spip-box-border-color);
	clear: both;
}
.menu-items .item {
	border-bottom: 1px solid var(--spip-box-border-color);
	padding: 0;
	overflow: hidden;
	clear: both;
}
.menu-items .menu-items {
	margin: 0;
	padding: 0;
	margin-inline-start: 11px;
}
.menu-items .item > a,
.menu-items .item > strong.on {
	display: block;
	padding: calc(var(--spip-margin-bottom) / 2) 0;
}
.menu-items .item > a:hover,
.menu-items .item >.on {
	background-color: var(--spip-color-theme-lighter);
}


/* Variante pour le plan du site */
.plan .menu-items {
	border-top:0;
}
.plan .menu-items .menu-items {
	border-inline-start: 1px solid var(--spip-box-sep-color);
}
.plan .menu-items .item .pagination {
	margin-inline-start: 11px;
	border-inline-start: 1px solid var(--spip-box-sep-color);;
}
.plan .menu-items .item {
	overflow: visible;
	border-bottom: 0;
	padding-inline-start: 6px;
}
.plan .menu-items .item > a {
	padding: 0.25em 0 0.25em 5px;
	background-repeat: no-repeat;
	background-position: center var(--spip-left);
	background-repeat: no-repeat;
}

.plan .menu-items.articles .item > a {
	padding-inline-start: 20px;
	background-image: url(prive/themes/spip/images/article-xx.svg?16px);
}

.plan .menu-items.auteurs .item > a {
	padding-inline-start: 20px;
	background-image: url(prive/themes/spip/images/auteur-xx.svg?16px);
}

.plan .menu-items.forums .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?16px);
}

.plan .menu-items.mots .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?16px);
}

.plan .menu-items.groupes_mots .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?16px);
}

.plan .menu-items.messages .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/organiseur/prive/themes/spip/images/message-16.png);
}

.plan .menu-items.petitions .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/petitions/prive/themes/spip/images/petition-16.png);
}

.plan .menu-items.signatures .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/petitions/prive/themes/spip/images/petition-16.png);
}

.plan .menu-items.syndic .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?16px);
}

.plan .menu-items.syndic_articles .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/sites/prive/themes/spip/images/site-xx.svg?16px);
}

.plan .menu-items.depots .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?16px);
}

.plan .menu-items.plugins .item > a {
	padding-inline-start: 20px;
	background-image: url(prive/themes/spip/images/plugin-xx.svg?16px);
}

.plan .menu-items.paquets .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?16px);
}

.plan .menu-items.evenements .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?16px);
}

.plan .menu-items.breves .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/breves/prive/themes/spip/images/breve-16.png);
}

.plan .menu-items.documents .item > a {
	padding-inline-start: 20px;
	background-image: url(plugins-dist/medias/prive/themes/spip/images/document-xx.svg?16px);
}



/**
 * =========
 * 6. Autres
 * =========
 */


/* En édition (à déplacer ailleurs) */
.en-edition .inner {
	font-size: 0.9em;
}
.en-edition h3 {
	font-size: 1.1em;
}
.en-edition .bouton_action_post {
	float: inline-end;
}
.en-edition .liste-items {
	margin: 0;
}
.en-edition .liste-items .item {
	padding-top: 5px;
	padding-bottom: 5px;
	display: flex;
}
.en-edition .liste-items a {
	flex-grow: 2;
}
.en-edition .item .icone-objet {
	float: inline-start;
	margin-top: 2px;
	margin-inline-end: 5px;
}
.en-edition .item .bouton_action_post {
	flex-shrink: 0;
	margin: 0;
}
.en-edition .item .bouton_action_post button {
	padding: 0;
}
.en-edition .item .bouton_action_post img {
	margin: 0;
	width: 16px;
	height: 16px;
}



/* forms.css::prive/themes/spip/forms.css */
/*
Ce squelette définit les styles des formulaires de l'espace privé.

Organisation du fichier :

0. Variables
1. Layout : gouttière
2. Layout : rythme vertical
3. Entête optionnel avant le formulaire
4. Structure générale : conteneurs, champs & labels
5. Fieldsets
6. Champs avec .choix
7. Champs en erreurs, obligations & autres états
8. Champs particuliers
9. Éléments de formulaire (inputs & cie)
10. Messages de retour
11. Messages d’explications
12. Variantes d'affichage + formulaires dans certains contextes
13. Formulaires particuliers
14. Divers

Markup :

.formulaire_spip > form > div
	.editer-groupe
	.editer x
	.editer y
	(.fieldset > ) fieldset
	.editer-groupe
		.editer x
		.editer y
		(.fieldset > ) fieldset
		.editer-groupe
			.editer x
			.editer y
	.boutons
*/

/**
 * ============
 * 0. Variables
 * ============
 *
 * Nb : garder des variables propres à ce composant même dans les cas où on réutilise les variables de --spip-box,
 * cela permet de garder une autonomie pour les ajustements éventuels.
 * De plus il est parfois nécessaire d'accéder à ces variables en dehors de ce composant.
 */


:root {
	/* Espacements */
	--spip-form-spacing-x: var(--spip-box-spacing-x-mini);
	--spip-form-spacing-y: var(--spip-box-spacing-y-mini);
	/* Entête */
	--spip-form-heading-fontweight: var(--spip-box-heading-fontweight);
	--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-mini);
	--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-mini);
	--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
	/* Fieldsets */
	--spip-form-fieldset-offset: 1.5em; /* décalage quand imbriqué */
	--spip-form-fieldset-spacing: calc(var(--spip-form-spacing-y) / 2); /* espacement en plus */
	/* Layout labels */
	--spip-form-label-width: 12rem;
	--spip-form-label-long-width: 19rem; /* ne pas dépendre de la taille de la font-size du label qui peut varier */
	/* Couleurs */
	--spip-form-color-focus: hsla(var(--spip-color-theme--h), calc(var(--spip-color-theme--s) * 3), var(--spip-color-theme--l), 0.25); /* outline focus inputs et cie */
	--spip-form-color-text: var(--spip-color-gray-darkest); /* défaut */
	--spip-form-color-text-light: var(--spip-color-gray-darker); /* labels et cie */
	--spip-form-color-text-lightest: var(--spip-color-gray); /* placeholder */
	/* Divers */
	--spip-form-border-radius: var(--spip-box-border-radius);
	/* Inputs */
	--spip-form-input-padding-x: 0.33rem;
	--spip-form-input-padding-y: 0.33rem;
	--spip-form-input-border-color: hsla(0, 0%, 0%, 0.2);
	--spip-form-input-border-radius: calc(var(--spip-border-radius) * 2/3);
	--spip-form-input-height: calc((var(--spip-form-input-padding-y) * 2) + var(--spip-line-height)); /* à toute fin utile */
}
@media (min-width: 580px) {
	:root {
	--spip-form-input-border-radius: var(--spip-border-radius);
	}
}
@media (min-width: 768px) {
	/* Taille normale */
	:root {
		/* Espacements */
		--spip-form-spacing-x: var(--spip-box-spacing-x-normal);
		--spip-form-spacing-y: var(--spip-box-spacing-y-normal);
		/* Entête */
		--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-normal);
		--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-normal);
		--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
		/* Inputs */
		--spip-form-input-padding-x: 0.5rem;
		--spip-form-input-padding-y: 0.5rem;
		/* Décalage des fieldsets imbriqués */
		--spip-form-fieldset-offset: 2.5em;
	}
	/* Formulaire de taille réduite */
	.formulaire_spip.mini,
	.lat,
	.affiche_milieu,
	.formulaire_editer_liens,
	.formulaire_dater {
		/* Espacements  */
		--spip-form-spacing-x: var(--spip-box-spacing-x-mini);
		--spip-form-spacing-y: var(--spip-box-spacing-y-mini);
		/* Entête */
		--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-mini);
		--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-mini);
		--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
		/* Inputs */
		--spip-form-input-padding-x: 0.5rem;
		--spip-form-input-padding-y: 0.2rem;
		/* Décalage des fieldsets imbriqués */
		--spip-form-fieldset-offset: 1.5em;
	}
	/* Aligner la taille des boutons avec celles des inputs mis automatiquement en taille réduite */
	/* Nb : juste les boutons normaux pour l'insatnt, ajouter pour les boutons large si nécessaire */
	.formulaire_spip.mini .editer-groupe .btn,
	.formulaire_spip.mini .editer-groupe button,
	.lat .editer-groupe .btn,
	.lat .editer-groupe button,
	.affiche_milieu .editer-groupe .btn,
	.affiche_milieu .editer-groupe button {
		--spip-btn-font-size: 0.9em;
		--spip-btn-padding-x: 0.5rem;
		--spip-btn-padding-y: calc(0.2rem * 1.325); /* facteur à la main pour compenser le font-size réduit */
	}
}



/**
 * ===================================
 * 1. Layout : gestion de la gouttière
 * ===================================
 *
 * Principe : par défaut il y a des gouttières latérales afin que le contenu ne colle pas aux bords du formulaire.
 * Mais pour certains éléments on l'annule au moyen de marges négatives, de sorte qu'ils reviennent coller aux bords.
 * On regroupe tout au même endroit pour mutualiser et se simplifier la vie.
 */

/* Gouttière latérale principale.
   Pour le titre ajuster selon la taille de la police. */
.formulaire_spip,
.formulaire_spip fieldset,
.formulaire_spip .editer-groupe,
.formulaire_spip .editer,
.formulaire_spip .boutons {
	padding-left: var(--spip-form-spacing-x);
	padding-right: var(--spip-form-spacing-x);
}
.formulaire_spip .titrem {
	padding-left: var(--spip-form-spacing-x);
	padding-right: var(--spip-form-spacing-x);
}

/* Marges négatives pour annuler la gouttière.
   Pour le titre ajuster selon la taille de la police. */
.formulaire_spip .editer-groupe,
.formulaire_spip fieldset,
.formulaire_spip .editer,
.formulaire_spip .boutons, #wysiwyg .formulaire_spip p.boutons {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}
.formulaire_spip .titrem {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}


/**
 * ===========================
 * 2. Layout : rythme vertical
 * ===========================
 *
 * On réunit au même endroit toutes les règlent concernant le rythme vertical.
 * Il s'agit des espacements verticaux entre les éléments : marges internes et externes.
 *
 * Ne mettre ici QUE des margin et des padding, rien d'autre !
 */

/**
 * 2.2. Élements optionnels qui précèdent le <form> : titre, explications, etc.
 * Il y a d'office 1 espace entre ceux-ci et le form.
 * Donc hormis le titre, dès qu'il y a un élément avec une marge inférieure (p, ul), ça fait 2 espaces.
 * Essayer de forcer à n'avoir qu'1 espace tout le temps est trop compliqué avec le markup actuel.
 */

/* Titre : 1 espace avec l'élément suivant. Pas de marge sous le titre lui-même,
   sinon ça fait 2 espaces quand il n'y a que le titre avant le form, et c'est très moche */
.formulaire_spip .titrem {
	margin-bottom: 0;
}
.formulaire_spip .titrem + *:not(form):not(.ajaxbloc) {
	margin-top: var(--spip-form-spacing-y);
}
/* Généralités */
.formulaire_spip p,
.formulaire_spip ul,
.formulaire_spip pre,
.formulaire_spip blockquote {
	margin-bottom: var(--spip-form-spacing-y);
}

/**
 * 2.3. Groupes de saisies
 * 1 espace entre les saisies, ainsi qu'à l'extérieur du groupe.
 */

.formulaire_spip .editer-groupe {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}
.formulaire_spip .editer {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}
/* Saisies avec fond de couleur : ajuster pour conserver 1 espace */
.formulaire_spip .editer.erreur,
.formulaire_spip .editer_parent,
.formulaire_spip .editer_groupe_mot,
.formulaire_editer_auteur .editer_statut {
	padding-top: var(--spip-form-spacing-y);
	padding-bottom: var(--spip-form-spacing-y);
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
}
/* Groupes consécutifs : annuler l'espace en trop (à priori rare mais possible) */
.formulaire_spip .editer-groupe + .editer-groupe {
	margin-top: calc((var(--spip-form-spacing-y) / 2) * -1);
	padding-top: 0;
}

/**
 * 2.4. Fieldsets
 * Compliqué d'avoir précisément la main, la légende fausse tous les calculs.
 */

/* Fieldsets : espace supplémentaire autour */
.formulaire_spip fieldset {
	padding-top: var(--spip-form-fieldset-spacing);
	padding-bottom: var(--spip-form-fieldset-spacing);
	margin-top: var(--spip-form-fieldset-spacing);
	margin-bottom: var(--spip-form-fieldset-spacing);
}
.formulaire_spip fieldset legend,
.formulaire_spip fieldset .legend {
	margin-bottom: 0;
}
/* Fieldsets successifs : ressérer */
.formulaire_spip fieldset + fieldset,
.formulaire_spip .fieldset + .fieldset > fieldset {
	margin-top: calc(var(--spip-form-fieldset-spacing) * -1);
}
/* Fieldsets imbriqués */
.formulaire_spip fieldset fieldset {
	margin-bottom: 0; /* Tant qu'il n'y a pas de bordure latérale */
}


/**
 * 2.5. Autres éléments
 */

/* Explications : 1 espace autour. */
.formulaire_spip .explication,
.formulaire_spip .attention {
	margin-top: var(--spip-form-spacing-y);
	margin-bottom: var(--spip-form-spacing-y);
}


/**
 * =======================================
 * 3. Entête optionnel avant le formulaire
 * =======================================
 */


.cadre-formulaire-editer .formulaire_spip {
	margin-top: 0;
	overflow: hidden; /* sinon problème avec marge supérieure qui déborde, mais par défaut sur tous ça cacherait l'icône en entête */
}
.cadre-formulaire-editer {
	color: var(--spip-form-color-text-light);
	margin-top: calc(var(--spip-margin-bottom) * 1.5);
	position: relative;
}
.cadre-formulaire-editer.popin {
	margin-top: 0
}
.cadre-formulaire-editer .image_loading {
	position: absolute;
	inset-inline-end: 0;
}
.entete-formulaire {
	position:relative;
	padding: var(--spip-form-spacing-y) var(--spip-form-spacing-x);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
	overflow: hidden;
	background: var(--spip-color-white);
	border-bottom: 1px solid var(--spip-box-sep-color);
	border-top-left-radius: var(--spip-form-border-radius);
	border-top-right-radius: var(--spip-form-border-radius);
	box-shadow: var(--spip-box-shadow);
}
.formulaire_spip .cadre {
	border: 1px solid var(--spip-box-border-color);
}
.entete-formulaire + .formulaire_spip,
.entete-formulaire + .formedit .formulaire_spip,
.entete-formulaire + .ajax-form-container + .formulaire_spip,
.entete-formulaire + div > .formulaire_spip,
.entete-formulaire + div > div > .formulaire_spip {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/**
 * ===================================================
 * 4. Structure générale : conteneurs, champs & labels
 * ===================================================
 */


/* Conteneur général */
.formulaire_spip,
.formulaire_spip * {
	box-sizing: border-box;
}
.formulaire_spip {
	position: relative; /* pour positionner le ajaxload en automatique */
	margin: calc(var(--spip-margin-bottom) * 1.5) 0;
	color: var(--spip-form-color-text);
	background-color: var(--spip-color-white);
	border-radius: var(--spip-form-border-radius);
	box-shadow: var(--spip-box-shadow);
	z-index: 2; /* passer par dessus l'entête */
	transition: box-shadow 0.2s;
	border-top:1px solid transparent; /* permet de respecter le margin top sur le premier element si besoin */
	border-bottom:1px solid transparent; /* permet de respecter le margin bottom sur le dernier element si besoin */
}
.formulaire_spip:hover,
.formulaire_spip:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}

/* Titre optionnel */
.formulaire_spip .titrem {
	display: flex;
	align-items: center;
	padding-top: var(--spip-form-spacing-y);
	padding-bottom: var(--spip-form-spacing-y);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: 1px solid var(--spip-box-sep-color);
	font-size: var(--spip-form-heading-fontsize);
	font-weight: var(--spip-form-heading-fontweight);
}

/* Conteneur des saisies */
.formulaire_spip .editer-groupe {
	/* overflow: hidden; */ /* Gêne les puces statuts */
}
/*  2 colonnes */
@media (min-width: 768px) {
	.formulaire_spip .editer-groupe.deux_colonnes {
		column-count: 2;
		column-gap: var(--spip-form-spacing-x);
	}
	.formulaire_spip .editer-groupe.deux_colonnes .editer {
		padding-left:  0;
		padding-right: 0;
		margin: 0;
	}
}

/* Conteneur d'une saisie */
.formulaire_spip .editer {
	clear: both;
	/* overflow: hidden; */ /* un peu trop brutal par défaut ? */
}

/* Labels : pleine largeur, puis affichés à gauche à partir des écrans moyens */
.formulaire_spip label[for] {
	cursor: pointer;
}
.formulaire_spip .editer > label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
.formulaire_spip .editer > .editer-label,
.formulaire_spip .editer.gauche > label {
	display: block;
	margin-bottom: calc(var(--spip-form-spacing-y) / 4);
	background: transparent;
	color: var(--spip-form-color-text-light);
	text-align: start;
	font-weight: inherit;
	line-height: 1.3; /* légèrement inférieure au texte normal */
}
/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
.formulaire_spip fieldset.editer > .editer-label {
	transform: translateY(33%); /* remettre à peu près au niveau de la ligne */
}
/* Responsive : passer les labels à gauche + variantes */
@media (min-width: 580px) {
	.formulaire_spip .editer,
	.formulaire_spip .editer.gauche {
		padding-inline-start: calc(var(--spip-form-label-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
	}
	.formulaire_spip .editer > label,
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
	.formulaire_spip .editer > .editer-label,
	.formulaire_spip .editer.gauche > label {
		float: inline-start;
		width: var(--spip-form-label-width);
		margin-inline-start: calc((var(--spip-form-label-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
		padding: calc(var(--spip-form-input-padding-y) + 1px) 0 0; /* décaler pour aligner avec texte input → padding + border */
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
	.formulaire_spip fieldset.editer > .editer-label {
		transform: none;
	}
	/* Labels plus longs */
	.formulaire_spip .editer.long_label {
		padding-inline-start: calc(var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.long_label > .label,
	.formulaire_spip .editer.long_label > .editer-label,
	.formulaire_spip .editer.long_label > label {
		width: var(--spip-form-label-long-width);
		margin-inline-start: calc((var(--spip-form-label-long-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
	}
	/* Labels en haut + cas particuliers où c'est forcé */
	.formulaire_spip .editer.pleine_largeur,
	.formulaire_spip .editer_parent,
	.formulaire_spip .editer_groupe_mot,
	.formulaire_spip .editer_descriptif,
	.formulaire_spip .editer_chapo,
	.formulaire_spip .editer_texte,
	.formulaire_spip .editer_ps,
	.formulaire_spip .editer.haut {
		padding-inline-start: var(--spip-form-spacing-x);
	}
	.formulaire_spip .editer.pleine_largeur > label,
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.pleine_largeur > .label, /* fieldsets avec legend.label */
	.formulaire_spip .editer.pleine_largeur > .editer-label, /* fieldsets avec legend.editer-label */
	.formulaire_spip .editer-groupe.deux_colonnes > .editer > label,
	.formulaire_spip .editer_parent label,
	.formulaire_spip .editer_groupe_mot label,
	.formulaire_spip .editer_descriptif label,
	.formulaire_spip .editer_chapo label,
	.formulaire_spip .editer_texte label,
	.formulaire_spip .editer_ps label,
	.formulaire_spip .editer.haut label {
		display: block;
		float: none;
		width: auto;
		margin-inline-start: 0;
		padding: 0;
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer.pleine_largeur > .label,
	.formulaire_spip fieldset.editer.pleine_largeur > .editer-label {
		transform: translateY(33%); /* remettre à peu au niveau de la ligne */
	}
}

/* Conteneur des boutons (les boutons eux-mêmes sont dans boutons.css.html) */
.formulaire_spip .boutons {
	position: relative;
	margin-bottom: 0 !important; /* Fix #wysiwyg */
	clear: both;
	padding: var(--spip-form-spacing-y) var(--spip-form-spacing-x);
	text-align: end;
	background-color: var(--spip-color-theme-lightest);
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
}
.formulaire_spip .boutons .image_loading {
	float: none;
}
@media (min-width: 768px) {
	.formulaire_spip .boutons {
		padding-top: calc(var(--spip-form-spacing-y) / 2);
		padding-bottom: calc(var(--spip-form-spacing-y) / 2);
	}
	.formulaire_spip.mini .boutons,
	.lat .formulaire_spip .boutons,
	.affiche_milieu .formulaire_spip .boutons,
	.formulaire_editer_liens .boutons,
	.formulaire_dater  .boutons{
		padding-top: var(--spip-form-spacing-y);
		padding-bottom: var(--spip-form-spacing-y);
	}
}


/**
 * =======================
 * 5. Fieldsets des enfers
 * =======================
 */


/* Fieldsets : tous */
.formulaire_spip fieldset {
	position: relative;
	min-width: 0; /* nécessaire ? */
	width: auto;
	border: 0;
	border-top: 1px solid var(--spip-box-sep-color);
}

/* Légendes */
/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset legend:not(.label):not(.editer-label),
.formulaire_spip fieldset .legend {
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	background-color: var(--spip-color-gray-lightest);
	/* color: var(--spip-color-theme-darker); */
	font-weight: 800;
	font-size: inherit;
}
/* Fix h3 pseudo-légendes : on essaie de les afficher comme des vraies */
.formulaire_spip fieldset .legend:not(legend) {
	display: inline-block;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
}
.formulaire_spip fieldset .legend:not(legend) + * {
	margin-top: var(--spip-form-spacing-y) !important;
}

/* Fieldsets .editer : ce sont des conteneurs pour des .choix, à afficher comme les autre .editer */
.formulaire_spip fieldset.editer {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
}

/* Fix des .editer + .fieldset : combinaison erronée ? */
.formulaire_spip .fieldset.editer {
	padding-left: var(--spip-form-spacing-x);
}

/* Fieldsets imbriqués */
.formulaire_spip fieldset fieldset {
	margin-inline-start: var(--spip-form-fieldset-offset); /* décalage */
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

/* Hack temporaire pour avoir marquer la fin des fieldsets racines avec une bordure inférieure.
   Il n'en faut une que quand le fieldset est suivi d'autre chose qu'un fieldset.
   On pose donc la bordure sur l'élément suivant, en bidouillant les marges.
   À refaire proprement quand il y aura un meilleur markup (une classe spéciale ou autre). */
.formulaire_spip form > div > fieldset + *:not(fieldset):not(.fieldset):not(.boutons),
.formulaire_spip form > div > .fieldset + *:not(fieldset):not(.fieldset):not(.boutons),
.formulaire_spip form > div > .editer-groupe > .fieldset + *:not(.fieldset):not(.boutons) {
	border-top: 1px solid var(--spip-box-sep-color);
	margin-top: calc(var(--spip-form-fieldset-spacing) * -1);
	padding-top: var(--spip-form-spacing-y);
}


/**
 * =====================
 * 8. Champs avec .choix
 * =====================
 *
 * Conteneur de paires inputs + labels, plusieurs paires possibles par conteneur.
 * Recommandé pour les radios et checkbox.
 * La variante inline peut avoir des inputs textes, et éventuellement des selects.
 *
 * Attention, il y a une distinction selon la balise :
 *   - div.choix : variante bloc avec un cadre similaire à ceux des inputs.text et cie
 *   - span.choix : variante inline sans aucun habillage
 */


/* Ceux avec un cadre */
.formulaire_spip div.choix {
	background-color: var(--spip-color-white);
	padding: calc(var(--spip-form-input-padding-y) / 2) var(--spip-form-input-padding-x);
	border: 1px solid var(--spip-form-input-border-color);
	border-top-left-radius: var(--spip-form-input-border-radius);
	border-top-right-radius: var(--spip-form-input-border-radius);
	border-bottom: 0;
	z-index: 1; /* passer par dessus fond explication qui suit */
	transition: box-shadow 0.2s; /* idem inputs */
}
.formulaire_spip div.choix + .choix {
	padding-top: 0;
	border-top: 0;
	border-bottom: 0;
	border-radius: 0;
}
.formulaire_spip div.choix:last-of-type,
.formulaire_spip div.choix:last-child {
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
	border-bottom: 1px solid var(--spip-form-input-border-color);
	padding-bottom: var(--spip-form-input-padding-y);
	position: relative;
}
.formulaire_spip div.choix:first-of-type {
	border-top-left-radius: var(--spip-form-input-border-radius);
	border-top-right-radius: var(--spip-form-input-border-radius);
	border-top: 1px solid var(--spip-form-input-border-color);
	padding-top: var(--spip-form-input-padding-y);
	position: relative;
}
.formulaire_spip div.choix label img {
	vertical-align: middle;
	margin: 3px 0px;
}

/* Label */
.formulaire_spip .choix > label,
.formulaire_spip .editer.obligatoire .choix > label,
.formulaire_spip .choix :not(.editer) > label /* pourquoi ? */
{
	display: inline;
	float: none;
	margin: 0;
	font-weight: normal;
	text-transform: none;
}
.formulaire_spip .choix > :checked + label,
.formulaire_spip .editer.obligatoire .choix > :checked + label,
.formulaire_spip .choix :not(.editer) > :checked + label /* pourquoi ? */
{
	font-weight: bold;
}

/* Inputs */
.formulaire_spip .choix input {
	margin: 0 0 0.15em; /* remonter légèrement pour aligner */
	vertical-align: middle;
}
/* Largeur auto, en évitant d'utiliser !important */
.formulaire_spip .choix input,
.formulaire_spip .choix input.text,
.formulaire_spip .choix input.password,
.formulaire_spip .choix select {
	width: auto;
}

/* Espacements entre inputs et labels (à affiner) */
.formulaire_spip .choix > label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .choix > .label,
.formulaire_spip .choix > .editer-label {
	margin: 0 0.5em;
}
/* Espacement entre .choix inline successifs */
.formulaire_spip span.choix + span.choix {
	margin-inline-start: var(--spip-form-spacing-x); /* entre options ou .choix inline */
}

/* Variante inline, sans bordure (cf. explication plus haut) */
.formulaire_spip span.choix,
.formulaire_spip span.choix:first-of-type,
.formulaire_spip span.choix:last-of-type,
.formulaire_spip span.choix:last-child{
	display: inline-block;
	background: transparent;
	padding: 0;
	border: 0;
}

/* Explication en dessous */
.formulaire_spip div.choix + .explication,
.formulaire_spip div.choix + .attention {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative;
}

/* Les choix qui contiennent un sous-formulaire optionnel, dependant du choix */

.formulaire_spip div.choix>fieldset,
.formulaire_spip div.choix>.editer-groupe,
.formulaire_spip div.choix>.boutons {
	/* Marges négatives pour annuler la gouttière. */
	margin-left: calc(var(--spip-form-input-padding-x) * -1);
	margin-right: calc(var(--spip-form-input-padding-x) * -1);
}


/**
 * ================================================
 * 7. Champs en erreurs, obligations & autres états
 * ================================================
 */


/* Champs obligatoires */
.formulaire_spip .editer.obligatoire label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.obligatoire .label,
.formulaire_spip .editer.obligatoire .editer-label,
.formulaire_spip .editer.obligatoire.gauche label {
	color: var(--spip-color-black);
	font-weight: bold;
}
.formulaire_spip .editer.obligatoire input.text,
.formulaire_spip .editer.obligatoire input.password {
	font-weight: bold;
}

/* Champs en erreur */
.formulaire_spip .editer.erreur {
	background-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 95%);
}
.formulaire_spip .erreur_message {
	display: block;
	margin-bottom: calc(var(--spip-form-spacing-y) / 4);
	font-weight: bold;
}
/* Coloriser message et labels des .choix */
.formulaire_spip .erreur_message,
.formulaire_spip .editer.erreur .choix label {
	color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 45%);
}
/* cas exotique d'un label dans une erreur (ie confirmez que vous êtes sûr ) */
.formulaire_spip .erreur_message label {
	float: none;
	display: inline;
	font-weight: normal;
	margin-inline-start: 0;
}
.formulaire_spip .editer.erreur input.text,
.formulaire_spip .editer.erreur input.password,
.formulaire_spip .editer.erreur textarea,
.formulaire_spip .editer.erreur select {
	border: 2px solid hsl(var(--spip-color-error--h), var(--spip-color-error--s), 66%);
}
.formulaire_spip .editer.erreur .choix {
	border-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 66%) !important;
	border-width: 2px !important;
}
.formulaire_spip .editer.erreur input.text:focus,
.formulaire_spip .editer.erreur input.password:focus,
.formulaire_spip .editer.erreur textarea:focus,
.formulaire_spip .editer.erreur select:focus,
.formulaire_spip .editer.erreur [type="radio"]:focus,
.formulaire_spip .editer.erreur [type="checkbox"]:focus,
.formulaire_spip .editer.erreur [type="file"]:focus {
	box-shadow: 0 0 0 0.2rem hsla(var(--spip-color-error--hsl), 0.33);
}

/* Champs disabled */
.formulaire_spip .editer.disabled {
	opacity: 0.5;
}


/**
 * ======================
 * 8. Champs particuliers
 * ======================
 */


/* Avec couleur de fond */
.formulaire_spip .editer_parent:not(.erreur),
.formulaire_spip .editer_groupe_mot:not(.erreur),
.formulaire_editer_auteur .editer_statut:not(.erreur) {
	background-color: var(--spip-color-gray-lightest);
}

/* Importants */
.formulaire_spip .editer.editer_parent label,
.formulaire_spip .editer.editer_groupe_mot label {
	/* color: black; */
	font-weight: bold;
}


/**
 * ========================================
 * 9. Éléments de formulaire (inputs & cie)
 * ========================================
 *
 * Nomenclature recommandée pour les types d'inputs : <type> [text text_<type>]
 * C'est à dire toujours mettre le type + text si c'est une variation du type texte.
 * Pour l'instant on fait des fallbacks si classes absentes.
 *
 * Exemples :
 * <input type="text"   class="text">
 * <input type="email"  class="email  text text_email">
 * <input type="number" class="number text text_number">
 * <input type="phone"  class="phone  text text_phone">
 * <input type="file"   class="file">
 */


/* Éléments avec du texte */
.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip textarea,
.formulaire_spip select {
	font-size: inherit;
	font-family: inherit;
	line-height: var(--spip-line-height);
}

/* Éléments avec bordure */
.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip textarea,
.formulaire_spip select {
	position: relative;
	z-index: 2;
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	margin: 0;
	width: 100%;
	border: 1px solid var(--spip-form-input-border-color);
	border-radius: var(--spip-form-input-border-radius);
	background-color: var(--spip-color-white);
	transition: box-shadow 0.1s;
}
.formulaire_spip input.text:focus,
.formulaire_spip input.password:focus,
.formulaire_spip textarea:focus,
.formulaire_spip select:focus,
.formulaire_spip [type="radio"]:focus,
.formulaire_spip [type="checkbox"]:focus,
.formulaire_spip [type="file"]:focus {
	border-color: var(--spip-color-theme);
	box-shadow: 0 0 0 0.2rem var(--spip-form-color-focus);
	outline: 0;
}

/* Selects
 * Il faut un min-height car apparemment la hauteur est pas calculée pareil que pour les inputs,
 * il faut tenir compte de la bordure. C'est nul.
 */
.formulaire_spip select {
	min-height: calc(var(--spip-line-height) + 2px + (var(--spip-form-input-padding-y) * 2));
}

/* Select (apparences unifiées) */
.formulaire_spip select:not(.statut):not([multiple]) {
	padding-right: calc(var(--spip-form-input-padding-x) + 21px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: var(--spip-right) var(--spip-form-input-padding-x) center;
	background-size: 21px 21px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Bloc de texte */
.formulaire_spip textarea {
	overflow: auto;
}

/* Placeholders (et simulés, legacy) */
.formulaire_spip input.placeholder,
.formulaire_spip textarea.placeholder,
.formulaire_spip input::placeholder,
.formulaire_spip textarea::placeholder {
	color: hsla(var(--spip-color-black--hsl), 0.6);
	font-style: italic;
}

/* Input fichier */
.formulaire_spip input.file,
.formulaire_spip input[type="file"] {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* Input de couleur */
.formulaire_spip input.color,
.formulaire_spip input[type="color"] {
	min-height: 2.75em; /* À la louche, à calculer auto. si possible */
	min-width: 2.75em; /* Carré */
	width: auto;
	padding: calc(var(--spip-form-input-padding-y) / 2);
	cursor: pointer;
}

/* Input de recherche */
.formulaire_spip input.search,
.formulaire_spip input[type="search"] {
	border-radius: var(--spip-form-input-border-radius);
}

/* Boutons de soumission (voir aussi dans boutons.css) */
.formulaire_spip input.submit,
.formulaire_spip input.reset,
.formulaire_spip input.button {
	width: auto;
}


/**
 * ======================
 * 10. Messages de retour
 * ======================
 */


/* Les messages de retour sont des alertes (role="status"),
   aussi les styles sont mutualisés dans alertes.css.
   On reprend les styles d'une alerte large.
   Ici, juste des ajustements */
.formulaire_spip .reponse_formulaire.reponse_formulaire {
	margin: var(--spip-form-spacing-y) 0;
}


/**
 * ==========================================
 * 11. Messages d’explications et d’attention
 * ==========================================
 */


.formulaire_spip .explication,
.formulaire_spip .attention {
	display: block;
	position: relative;
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	font-size: 0.9em;
	line-height: 1.25;
	color: var(--spip-color-gray-dark);
	border-start-end-radius: var(--spip-form-input-border-radius);
	border-end-end-radius: var(--spip-form-input-border-radius);
	border-inline-start-width: 0.3em;
	border-inline-start-style: solid;
}
.formulaire_spip .explication {
	overflow-wrap: break-word;
	background-color: hsla(0, 0%, 0%, 0.05); /* transparent sinon on voit pas sur les champs avec le même fond */
	border-inline-start-color: var(--spip-form-input-border-color);
}
.formulaire_spip .attention {
	color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 22%);
	border-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 57%);
	background-color:hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 87%);
}

/* Si l'explication est un div avec des choses à l'intérieur : pas de marge en trop en bas */
.formulaire_spip .explication * :last-child,
.formulaire_spip .attention * :last-child {
	margin-bottom: 0;
}

/* Ceux dans un champ */
.formulaire_spip .editer .explication,
.formulaire_spip .editer .attention {
	margin-bottom: 0;
	margin-top: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-start-start-radius: var(--spip-form-input-border-radius);
	border: 0;
}
.formulaire_spip .editer .explication > :last-child,
.formulaire_spip .editer .attention > :last-child {
	margin-bottom: 0
}
.formulaire_spip .editer .explication:last-child,
.formulaire_spip .editer .attention:last-child {
	border-radius: var(--spip-form-input-border-radius);
}
.formulaire_spip .explication + input.text,
.formulaire_spip .attention + input.text,
.formulaire_spip .explication + input.password,
.formulaire_spip .attention + input.password,
.formulaire_spip .explication + textarea,
.formulaire_spip .attention + textarea,
.formulaire_spip .explication + select,
.formulaire_spip .attention + select,
.formulaire_spip .explication + div.choix:first-of-type,
.formulaire_spip .attention + div.choix:first-of-type {
	position: relative;
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Message dessous : on fait "déborder" le fond sous l'input précédent (à cause border-radius) */
.formulaire_spip .editer input.text + .explication,
.formulaire_spip .editer input.text + .attention,
.formulaire_spip .editer input.password + .explication,
.formulaire_spip .editer input.password + .attention,
.formulaire_spip .editer textarea + .explication,
.formulaire_spip .editer textarea + .attention,
.formulaire_spip .editer select + .explication,
.formulaire_spip .editer select + .attention,
.formulaire_spip .editer div.choix:last-of-type + .explication,
.formulaire_spip .editer div.choix:last-of-type + .attention {
	border-radius: var(--spip-form-input-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative
}
.formulaire_spip input.text + .explication:before,
.formulaire_spip input.text + .attention:before,
.formulaire_spip input.password + .explication:before,
.formulaire_spip input.password + .attention:before,
.formulaire_spip textarea + .explication:before,
.formulaire_spip textarea + .attention:before,
.formulaire_spip select + .explication:before,
.formulaire_spip select + .attention:before,
.formulaire_spip div.choix:last-of-type + .explication:before,
.formulaire_spip div.choix:last-of-type + .attention:before {
	content: "";
	display: block;
	position: absolute;
	top: calc(var(--spip-form-input-border-radius) * -1);
	height: var(--spip-form-input-border-radius);
	width: 100%;
	left: 0;
	background-color: inherit;
}


/**
 * ===============================================================
 * 12. Variantes d'affichage + formulaires dans certains contextes
 * ===============================================================
 */


/**
 * 12.1. Formulaires compacts
 * ---------------------------
 * cf. variables
 */
.formulaire_spip.mini {}

/**
 * 12.2. Formulaires flat
 * ----------------------
 * Sans ombre portée, simple bordure
 */
.formulaire_spip.flat,
.formulaire_spip .formulaire_spip,
.box .formulaire_spip,
.popin .entete-formulaire,
.popin .formulaire_spip {
	border: 1px solid var(--spip-box-border-color);
	box-shadow: none !important; /* important = pour inclure hover et cie */
}

/**
 * 12.3. Ceux dans .affiche_milieu + certains précis.
 * --------------------------------------------------
 * Cf. variables + content.css
 */


/**
 * 12.4. Ceux dans #wysiwyg
 * -------------------------
 */
#wysiwyg .formulaire_spip {
	font-size: 1rem;
}

/**
 * 12.5. Ceux dans une colonne latérale
 * ------------------------------------
 */
.lat .formulaire_spip {
	/* font-size: 0.95em; */
}
/* Tous les labels au dessus */
.lat .formulaire_spip .editer {
	padding-inline-start: var(--spip-form-spacing-x);
}
.lat .formulaire_spip .editer label,
/* @deprecated SPIP 5.0 .label */ .lat .formulaire_spip .editer .label,
.lat .formulaire_spip .editer .editer-label {
	text-transform: none;
	display: block;
	float: none;
	padding: 0;
	width: auto;
	margin-inline-start: 0;
}
/* Fieldsets imbriqués */
.lat .formulaire_spip fieldset fieldset {
	margin-inline-start: calc(var(--spip-form-fieldset-offset) / 2);
}
/* Fieldsets conteneurs de .choix */
.lat .formulaire_spip fieldset.editer {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
	margin-left: calc(var(--spip-form-spacing-x) * -1);
}
.lat .formulaire_spip .editer .choix label {
	display: inline;
}
.lat .formulaire_spip input.file {
	font-size: 0.9em;
}
.lat .formulaire_spip ul.spip li {
	margin-inline-start: 2em !important;
}


/**
 * ============================
 * 13. Formulaires particuliers
 * ============================
 */


/* Choix couleur */


.formulaire_configurer_preferences .editer_couleur .choix {
	float: left;
	border: 0 !important;
	padding: 5px 20px 5px 0px !important;
}

/* Edition d'un auteur */
.formulaire_editer_auteur .editer_identification fieldset {
	background-color: var(--spip-color-gray-lightest);
}
.formulaire_editer_auteur .editer.editer_statut .instituer_auteur {
	margin-inline-start: calc((var(--spip-form-label-width) * -1) + var(--spip-form-spacing-x));
	margin-top: var(--spip-form-input-padding-y);
}
.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes > p {
	margin-inline-start: 0;
	margin-bottom: 0;
	margin-top: var(--spip-form-input-padding-y);
}
.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes label {
	float: none;
	width: auto;
	margin-inline-start: 0;
}
.formulaire_editer_auteur .reset_password {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: 0;
	display: block;
	width: 100%;
}

/* Statut */
.lat .formulaire_instituer .editer_statut label {
	display: flex;
	align-items: center;
}

/* Logo */
.lat .formulaire_editer_logo .apercu,
.lat .formulaire_editer_logo .ajouter_survol {
	text-align: center;
}
.formulaire_editer_logo .spip_logo img,
#illustrations .vignette img,
#documents_joints .image img.spip_logo {
	background-image: image-set(var(--spip-forms-img-fond) 1x);
}
#illustrations .vignette img.spip_document_icone {
	background-image:none;
}
.formulaire_editer_logo .taille {
	font-size: 0.9em;
}
.formulaire_editer_logo .groupe-btns {
	margin-top: var(--spip-box-spacing-y);
}
.formulaire_editer_logo .titrem,
.formulaire_editer_logo .ajouter_survol {
	text-transform: uppercase;
}
.formulaire_editer_logo .editer_logo_on {
	margin-top: 0 !important; /* Fix bigup */
}
.formulaire_editer_logo .editer_logo_on.logo_upload,
.formulaire_editer_logo .editer_logo_off.logo_upload.open {
	background: #fff; /* https://git.spip.net/spip/spip/-/issues/2995 */
}
#navigation .dropfile {
	margin: 0 !important; /* Bigup */
}

/* Documents */
.formulaire_joindre_document .editer_fichier_upload {
	margin-top: 0 !important; /* Fix à déplacer dans medias */
}


/* Multilinguisme */
.formulaire_configurer_multilinguisme #langues_bloquees .choix,
.formulaire_configurer_multilinguisme #langues_proposees .choix {
	padding: 0 5px;
	margin-inline-end: 10px;
	float: inline-start;
	width: 45%;
	clear: none;
	background: transparent;
	border: 0;
}
.formulaire_configurer_multilinguisme .traduite label {
	text-decoration: underline;
}
.formulaire_configurer_multilinguisme #langues_bloquees label {
	color: var(--spip-color-theme);
	font-weight: bold;
}

/* Config / réducteur
   Les vignettes sont des <button>
   Les images en background font 150 x 150px */
.formulaire_configurer_reducteur .vignettes_reducteur {
	display: flex;
}
.formulaire_configurer_reducteur .vignette_reducteur {
	text-align: center;
	float: inline-start;
	border: 1px solid var(--spip-form-input-border-color);
	width: 150px;
	padding-top: calc(150px + var(--spip-btn-padding-y));
	margin: 0.5em;
	background-position: top center;
	background-repeat: no-repeat;
}
.formulaire_configurer_reducteur .vignette_reducteur:first-child {
	margin-inline-start: 0;
}
.formulaire_configurer_reducteur .vignette_reducteur:last-child {
	margin-inline-end: 0;
}
.formulaire_configurer_reducteur .vignette_reducteur.on,
.formulaire_configurer_reducteur .vignette_reducteur:hover {
	border-color: var(--spip-color-theme);
	background-color: var(--spip-color-theme);
	color: var(--spip-color-white);
}
.formulaire_configurer_reducteur .vignette_reducteur.on {
	border-color: var(--spip-color-theme-dark);
	background-color: var(--spip-color-theme-dark);
}


/* dater
   @extend .mini
   + voir .affiche_milieu */
.formulaire_dater [class*=editer_date] + [class*=editer_date] {
	padding-top: 0;
}
.formulaire_dater .editer > label {
	font-weight: var(--spip-form-heading-fontweight);
	font-size: var(--spip-form-heading-fontsize);
	padding-top: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_dater .affiche {
	display:block;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: calc(var(--spip-form-input-padding-y) / 4);
}
.formulaire_dater .saisie_redac {
	display: block;
}
.formulaire_dater .editer_date_redac .editable .choix {
	display: block;
	margin-top: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_dater #sans_redac {
	vertical-align: top;
}
.formulaire_spip.formulaire_dater img.ui-datepicker-trigger {
	margin-inline-start: -1em;
	inset-inline-start: -1em;
}
.formulaire_spip.formulaire_dater input.text {
	padding-top: calc(var(--spip-form-input-padding-y) / 2);
	padding-bottom: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_spip.formulaire_dater .toggle_box_link {
	transform: none;
}
.formulaire_spip.formulaire_dater .boutons {
	border-radius: 0px;
	position: relative;
	padding-top: 0; /* inutile car pas de démarquation de couleur */
}
@media (max-width: 760px) {
	.formulaire_dater .editer_date_redac .editable label {
		margin-left: calc((var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 1/2)) * -1);
		width: calc(var(--spip-form-label-long-width) - (var(--spip-form-spacing-x) * 2));
		display: inline-block;
	}
}
.fiche_objet .formulaire_spip.formulaire_dater {
	margin-top: 0;
	position: relative;
}

/* editer_liens
   @extend .mini
   + voir .affiche_milieu */
.formulaire_editer_liens .selecteur {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
	padding-left: var(--spip-box-spacing-x);
	padding-right: var(--spip-box-spacing-x);
	background-color: var(--spip-color-theme-lightest);
	border: 1px solid var(--spip-color-theme);
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
}
.formulaire_editer_liens .selecteur h3,
.formulaire_editer_liens .selecteur .titrem {
	margin: 0;
	padding: var(--spip-box-spacing-y) 0;
	background-color: transparent;
	font-size: 1em;
	border: 0;
}
.formulaire_editer_liens .selecteur .boutons {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}
/* listes */
.formulaire_editer_liens .liste-objets {
	border: 0;
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
}
.formulaire_editer_liens .liste-objets thead {
	display: none; /* bruit peu utile */
}
.formulaire_editer_liens .liste-objets-lies {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
	margin-bottom: 0;
}
.formulaire_editer_liens .liste-objets-associer {
	font-size: 0.9em;
	margin-left: calc(var(--spip-box-spacing-x) * -1);
	margin-right: calc(var(--spip-box-spacing-x) * -1);
	margin-bottom: var(--spip-box-spacing-y);
	border-bottom: 1px solid var(--spip-box-sep-color);
}
.formulaire_editer_liens .liste-objets-associer .caption {
	display: flex;
	align-items: center;
	gap: 2em;
}
.formulaire_editer_liens .liste-objets-associer .caption span.recherche {
	margin-inline-start: auto;
	font-size: 0.9em;
	flex: 50%;
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 30em;
	text-align: end;
}
.formulaire_editer_liens .liste-objets-associer .caption input.recherche {
	width: auto;
	border-radius: 1em;
	border: 1px solid var(--spip-color-gray-light);
	padding: .2rem .5rem;
}
.formulaire_editer_liens .liste-objets-associer .caption span.recherche .tout_voir {
	/* font-size: 0.8em; */
	/* .offscreen */
}
.formulaire_editer_liens .selecteur.filtre .tout_voir {
	visibility: visible;
}
.formulaire_editer_liens.non_editable input,
.formulaire_editer_liens.non_editable button {
	display: none;
}
.formulaire_editer_liens .action {
	text-align: end;
}
.formulaire_editer_liens .liste-objets tr > .action {
	text-align: end;
	/* width: 120px; */
}
.formulaire_editer_liens .liste-objets tr > .action button img {
	margin-inline-start: 0;
	vertical-align: bottom;
}


/* retour visuel a la suppression et a l'ajout */
.remove {background-color:#FFD0BF;}
.append {background-color:#E0FFCF;}

/* formulaire de recherche : */
/* version old style */
.spip_recherche {
	float: inline-end;
	border: 0;
	background: none;
}
.spip_recherche .recherche {
	float: inline-start;
	padding: 3px;
	padding-inline-end: 30px;
	width: 186px;
	border: 1px solid #fff;
	background-color: var(--spip-color-theme);
	color: var(--spip-gray-white);
	margin: 0 0 6px;
}
.spip_recherche .submit {
	float: inline-start;
	margin-inline-start:-24px;
	margin-top:1px;
}
/* version moderne */
:root {
	--spip-searchform-padding: 1em;
}
.formulaire_recherche {
	z-index: 1;
	float: inline-end;
	width: 40ch;
	border: 0;
	margin: 0 0 calc(var(--spip-spacing-y) / 2);
	padding: 0;
	background: transparent;
	box-shadow: none !important;
}
.formulaire_recherche form {
	position: relative;
}
.formulaire_recherche input.text {
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	padding-inline-start: var(--spip-searchform-padding);
	padding-inline-end: calc(1.15em + var(--spip-searchform-padding)); /* place pour picto loupe (.image) */
	font-size: 0.9em;
	border-radius: 99em;
	border-color: transparent;
	background-color: var(--spip-color-gray-lighter);
	transition: background 0.1s, border 0.1s;
}
.formulaire_recherche input.text:focus {
	border-color: var(--spip-color-theme);
	background-color: transparent;
	box-shadow: none;
}
.formulaire_recherche input.text:focus ~ .image:not(:hover) {
	color: var(--spip-color-theme);
}
.formulaire_recherche input.text.cancelable {
	padding-inline-start: calc(16px + (var(--spip-searchform-padding) * 1)); /* place pour picto fermer */
}
.formulaire_recherche input.text.placeholder {
	color: var(--spip-color-gray-light);
	opacity: 1;
}
.formulaire_recherche .image,
.formulaire_recherche .cancel {
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1px;
}
.formulaire_recherche .image {
	inset-inline-end: calc(var(--spip-searchform-padding) / 2);
	margin-bottom: 0;
	padding: 0.25em;
	color: hsla(0, 0%, 0%, 0.5);
}
.formulaire_recherche .image svg {
	width: 1.15em;
	height: auto;
}
.formulaire_recherche .image,
.formulaire_recherche .image:hover,
.formulaire_recherche .image:focus {
	background: none;
	border: 0;
	box-shadow: none;
}
.formulaire_recherche .image:hover,
.formulaire_recherche .image:focus {
	color: var(--spip-color-theme-black);
}
.formulaire_recherche .cancel {
	inset-inline-start: calc(var(--spip-searchform-padding) / 2);
}
/* Dans une modale */
.box_mediabox .formulaire_recherche {
	z-index: 1; /* focus dans la mediabox */
}
/* Dans bandeau outils : faire coller l'input aux bords du bandeau, quelque soit sa hauteur*/
#bando_haut .formulaire_recherche {
	--spip-searchform-padding: 0.66rem;
	display: flex;
	width: 30ch;
	margin-top: 0;
	margin-bottom: 0;
	border-left: 1px solid var(--spip-color-theme-light);
	border-right: 1px solid var(--spip-color-theme-light);
	border-radius: 0;
}
#bando_haut .formulaire_recherche form,
#bando_haut .formulaire_recherche form > div {
	display: flex;
	flex: 1;
}
#bando_haut .formulaire_recherche input.text {
	height: 100%;
	padding-top: 0.44em; /* à la louche pour obtenir même hauteur que le bando */
	padding-bottom: 0.44em;
	border-radius: 0;
	background-color:hsla(0, 0%, 100%, 0.5);
	font-size: 1em;
}

/* formulaire_traduire */
.formulaire_traduire .editer > label {
	padding: 0;
}
.formulaire_traduire .voir_traductions {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
}
.formulaire_traduire .liste-objets {
	margin: 0 calc(var(--spip-box-spacing-x) * -1);
	background-color: transparent;
	border-color: var(--spip-box-sep-color);
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}
.formulaire_traduire .liste-objets .caption {
	border: 0;
}
.formulaire_traduire .liste-objets .first_row {
	display: none;
}
.formulaire_traduire .liste-objets .on {
	font-weight: inherit;
}
.formulaire_traduire .supprimer_trad {
	float: inline-end;
	margin: calc(var(--spip-form-spacing-y) / 2) 0 0;
}
.formulaire_traduire .new_trad {
	overflow: hidden;
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}

/* formulaire_instituer */
.infos .instituer_objet {
	border: 0px;
	margin: var(--spip-form-spacing-y) 0 calc(var(--spip-form-spacing-y) * 2);
}
.infos .instituer_objet .statut {
	margin: 0 calc(var(--spip-form-spacing-x) * -1);
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: var(--spip-spacing-x);
	gap: .5em;
	width: 100%;
  	box-sizing: content-box;
}
.infos .instituer_objet .statut_actuel .statut {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
}

.infos .instituer_objet.objet_publie .statut_actuel .statut {
	color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 15%);
	background-color: hsl(var(--spip-color-success--h), 55%, 90%);
}
.infos .instituer_objet .statut .statut-icone {
	line-height: 1;
	margin: 0 4px;
	flex-direction: row;
	align-items: center;
	display: flex;
}
.infos .instituer_objet .statut .statut-icone img {
	width: 16px;
  	height: 16px;
	margin: 0;
}

.infos .instituer_objet .statut_actuel .btn_modifier {display: none;}
.infos .instituer_objet.form-closed .statut_actuel .btn_modifier {display: inline-block;}
.infos .instituer_objet.form-closed .formulaire_instituer {display: none;}

.infos .formulaire_instituer {
	background-color: var(--spip-color-white);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0 calc(var(--spip-box-spacing-x) * -1);
	border-top: 1px solid var(--spip-box-border-color);
	border-bottom: 1px solid var(--spip-box-border-color);
}
.infos .formulaire_instituer .reponse_formulaire {
	display: none;
}
.infos .instituer_objet .formulaire_instituer .editer_statut legend {
	display: block;
	width: 100% !important;
	margin-left: calc(-1 * var(--spip-form-spacing-x)) !important;
	margin-right: calc(-1 * var(--spip-form-spacing-x)) !important;
	padding-left: var(--spip-form-spacing-x) !important;
	padding-right: var(--spip-form-spacing-x) !important;
	box-sizing: content-box;
	background-color: var(--spip-color-white);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix {
	border: 0;
	margin-left: calc(-1 * var(--spip-form-spacing-x));
	margin-right: calc(-1 * var(--spip-form-spacing-x));

	display: flex;
	align-items: center;

	border-radius: 0 !important;
	padding: 0;
}

.infos .instituer_objet .formulaire_instituer .editer_statut .choix .radio {
	flex-shrink: 0;
	margin-bottom: 0;

	opacity: 0;
	width: 1em;
	height: 1em;
	position: absolute;
	left: .5em;
	top: .4em;
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix label {
	font-weight: normal;
	flex-grow: 1;
	padding: 0 var(--spip-form-spacing-x);
	margin-left: 0;
	margin-right: 0;
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:hover + label {
	background-color: var(--spip-color-gray-lightest);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:checked + label {
	font-weight: bold;
	background-color: var(--spip-color-gray-lighter);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:focus-visible + label {
	background-color: var(--spip-color-gray-light);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix label img {
	transition: transform .2s;
	transform: scale(.8);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:checked + label img {
	transform: scale(1.2);
}
.infos .instituer_objet .formulaire_instituer .boutons {
	padding-top: 0;
	background-color: transparent;
}


/* Menu favoris */
.formulaire_configurer_preferences_menus .menus_favoris input.text {
	padding: calc(var(--spip-form-input-padding-y) / 2) calc(var(--spip-form-input-padding-y) / 2);
	width: 2em;
}
.formulaire_configurer_preferences_menus .menus_favoris .choix {
	padding: calc(var(--spip-form-input-padding-y) / 2) calc(var(--spip-form-input-padding-x) / 2);
}


/**
 * ==========
 * 14. Divers
 * ==========
 */


/* Icone d'aide
   Attention même classe sur le <a> et le <img> dedans */
a.aide {
	display: inline-flex; /* pour aligner correctement */
	vertical-align: middle;
	margin-bottom: 0.1em; /* pour aligner aussi */
}
img.aide {
	padding: 2px !important;
	width: 16px;
	height: 16px;
}

/* Date picker */
#ui-datepicker-div {
	z-index: 10000 !important;
}
.ui-datepicker {
	z-index: 1001 !important;
}
.formulaire_spip img.ui-datepicker-trigger {
	position: relative;
	max-width: 1.5em;
	margin-top: -0.25em;
	margin-left: -1.75em;
}

/* pour editer_liens ? */
.actions a.editbox:not(.bouton) {
	display: inline-block;
}

/* Toggle box link */
.formulaire_spip .toggle_box_link {
	display: inline-flex; /* éviter des espacements indésirables */
	position: absolute;
	top: var(--spip-box-spacing-y);
	inset-inline-end: var(--spip-box-spacing-x);
	z-index: 1;
}
.formulaire_spip .toggle_box_link button,
.formulaire_spip .toggle_box_link .btn {
	margin: 0;
}
/* Centrage vertical */
.formulaire_spip .toggle_box_link.middle {
	top: 50%;
	transform: translateY(-50%);
}


@keyframes bounce {
	0% {
		transform: translateX(0px);
		timing-function: ease-in;
	}
	37% {
		transform: translateX(5px);
		timing-function: ease-out;
	}
	55% {
		transform: translateX(-5px);
		timing-function: ease-in;
	}
	73% {
		transform: translateX(4px);
		timing-function: ease-out;
	}
	82% {
		transform: translateX(-4px);
		timing-function: ease-in;
	}
	91% {
		transform: translateX(2px);
		timing-function: ease-out;
	}
	96% {
		transform: translateX(-2px);
		timing-function: ease-in;
	}
	100% {
		transform: translateX(0px);
		timing-function: ease-in;
	}
}

.formulaire_spip.resubmit-noajax {
	animation: bounce 0.5s;
}

/* forms.css::prive/themes/spip/forms.css */
/**
 * ============
 * 0. Variables
 * ============
 *
 * Nb : garder des variables propres à ce composant même dans les cas où on réutilise les variables de --spip-box,
 * cela permet de garder une autonomie pour les ajustements éventuels.
 * De plus il est parfois nécessaire d'accéder à ces variables en dehors de ce composant.
 */


:root {
	/* Espacements */
	--spip-form-spacing-x: var(--spip-box-spacing-x-mini);
	--spip-form-spacing-y: var(--spip-box-spacing-y-mini);
	/* Entête */
	--spip-form-heading-fontweight: var(--spip-box-heading-fontweight);
	--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-mini);
	--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-mini);
	--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
	/* Fieldsets */
	--spip-form-fieldset-offset: 1.5em; /* décalage quand imbriqué */
	--spip-form-fieldset-spacing: calc(var(--spip-form-spacing-y) / 2); /* espacement en plus */
	/* Layout labels */
	--spip-form-label-width: 12rem;
	--spip-form-label-long-width: 19rem; /* ne pas dépendre de la taille de la font-size du label qui peut varier */
	/* Couleurs */
	--spip-form-color-focus: hsla(var(--spip-color-theme--h), calc(var(--spip-color-theme--s) * 3), var(--spip-color-theme--l), 0.25); /* outline focus inputs et cie */
	--spip-form-color-text: var(--spip-color-gray-darkest); /* défaut */
	--spip-form-color-text-light: var(--spip-color-gray-darker); /* labels et cie */
	--spip-form-color-text-lightest: var(--spip-color-gray); /* placeholder */
	/* Divers */
	--spip-form-border-radius: var(--spip-box-border-radius);
	/* Inputs */
	--spip-form-input-padding-x: 0.33rem;
	--spip-form-input-padding-y: 0.33rem;
	--spip-form-input-border-color: hsla(0, 0%, 0%, 0.2);
	--spip-form-input-border-radius: calc(var(--spip-border-radius) * 2/3);
	--spip-form-input-height: calc((var(--spip-form-input-padding-y) * 2) + var(--spip-line-height)); /* à toute fin utile */
}
@media (min-width: 580px) {
	:root {
	--spip-form-input-border-radius: var(--spip-border-radius);
	}
}
@media (min-width: 768px) {
	/* Taille normale */
	:root {
		/* Espacements */
		--spip-form-spacing-x: var(--spip-box-spacing-x-normal);
		--spip-form-spacing-y: var(--spip-box-spacing-y-normal);
		/* Entête */
		--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-normal);
		--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-normal);
		--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
		/* Inputs */
		--spip-form-input-padding-x: 0.5rem;
		--spip-form-input-padding-y: 0.5rem;
		/* Décalage des fieldsets imbriqués */
		--spip-form-fieldset-offset: 2.5em;
	}
	/* Formulaire de taille réduite */
	.formulaire_spip.mini,
	.lat,
	.affiche_milieu,
	.formulaire_editer_liens,
	.formulaire_dater {
		/* Espacements  */
		--spip-form-spacing-x: var(--spip-box-spacing-x-mini);
		--spip-form-spacing-y: var(--spip-box-spacing-y-mini);
		/* Entête */
		--spip-form-heading-fontsize: var(--spip-box-heading-fontsize-mini);
		--spip-form-heading-iconsize: var(--spip-box-heading-iconsize-mini);
		--spip-from-heading-iconpadding: calc(var(--spip-from-heading-iconsize) + (var(--spip-from-spacing-x) * 1.5));
		/* Inputs */
		--spip-form-input-padding-x: 0.5rem;
		--spip-form-input-padding-y: 0.2rem;
		/* Décalage des fieldsets imbriqués */
		--spip-form-fieldset-offset: 1.5em;
	}
	/* Aligner la taille des boutons avec celles des inputs mis automatiquement en taille réduite */
	/* Nb : juste les boutons normaux pour l'insatnt, ajouter pour les boutons large si nécessaire */
	.formulaire_spip.mini .editer-groupe .btn,
	.formulaire_spip.mini .editer-groupe button,
	.lat .editer-groupe .btn,
	.lat .editer-groupe button,
	.affiche_milieu .editer-groupe .btn,
	.affiche_milieu .editer-groupe button {
		--spip-btn-font-size: 0.9em;
		--spip-btn-padding-x: 0.5rem;
		--spip-btn-padding-y: calc(0.2rem * 1.325); /* facteur à la main pour compenser le font-size réduit */
	}
}



/**
 * ===================================
 * 1. Layout : gestion de la gouttière
 * ===================================
 *
 * Principe : par défaut il y a des gouttières latérales afin que le contenu ne colle pas aux bords du formulaire.
 * Mais pour certains éléments on l'annule au moyen de marges négatives, de sorte qu'ils reviennent coller aux bords.
 * On regroupe tout au même endroit pour mutualiser et se simplifier la vie.
 */

/* Gouttière latérale principale.
   Pour le titre ajuster selon la taille de la police. */
.formulaire_spip,
.formulaire_spip fieldset,
.formulaire_spip .editer-groupe,
.formulaire_spip .editer,
.formulaire_spip .boutons {
	padding-left: var(--spip-form-spacing-x);
	padding-right: var(--spip-form-spacing-x);
}
.formulaire_spip .titrem {
	padding-left: var(--spip-form-spacing-x);
	padding-right: var(--spip-form-spacing-x);
}

/* Marges négatives pour annuler la gouttière.
   Pour le titre ajuster selon la taille de la police. */
.formulaire_spip .editer-groupe,
.formulaire_spip fieldset,
.formulaire_spip .editer,
.formulaire_spip .boutons, #wysiwyg .formulaire_spip p.boutons {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}
.formulaire_spip .titrem {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}


/**
 * ===========================
 * 2. Layout : rythme vertical
 * ===========================
 *
 * On réunit au même endroit toutes les règlent concernant le rythme vertical.
 * Il s'agit des espacements verticaux entre les éléments : marges internes et externes.
 *
 * Ne mettre ici QUE des margin et des padding, rien d'autre !
 */

/**
 * 2.2. Élements optionnels qui précèdent le <form> : titre, explications, etc.
 * Il y a d'office 1 espace entre ceux-ci et le form.
 * Donc hormis le titre, dès qu'il y a un élément avec une marge inférieure (p, ul), ça fait 2 espaces.
 * Essayer de forcer à n'avoir qu'1 espace tout le temps est trop compliqué avec le markup actuel.
 */

/* Titre : 1 espace avec l'élément suivant. Pas de marge sous le titre lui-même,
   sinon ça fait 2 espaces quand il n'y a que le titre avant le form, et c'est très moche */
.formulaire_spip .titrem {
	margin-bottom: 0;
}
.formulaire_spip .titrem + *:not(form):not(.ajaxbloc) {
	margin-top: var(--spip-form-spacing-y);
}
/* Généralités */
.formulaire_spip p,
.formulaire_spip ul,
.formulaire_spip pre,
.formulaire_spip blockquote {
	margin-bottom: var(--spip-form-spacing-y);
}

/**
 * 2.3. Groupes de saisies
 * 1 espace entre les saisies, ainsi qu'à l'extérieur du groupe.
 */

.formulaire_spip .editer-groupe {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}
.formulaire_spip .editer {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}
/* Saisies avec fond de couleur : ajuster pour conserver 1 espace */
.formulaire_spip .editer.erreur,
.formulaire_spip .editer_parent,
.formulaire_spip .editer_groupe_mot,
.formulaire_editer_auteur .editer_statut {
	padding-top: var(--spip-form-spacing-y);
	padding-bottom: var(--spip-form-spacing-y);
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
}
/* Groupes consécutifs : annuler l'espace en trop (à priori rare mais possible) */
.formulaire_spip .editer-groupe + .editer-groupe {
	margin-top: calc((var(--spip-form-spacing-y) / 2) * -1);
	padding-top: 0;
}

/**
 * 2.4. Fieldsets
 * Compliqué d'avoir précisément la main, la légende fausse tous les calculs.
 */

/* Fieldsets : espace supplémentaire autour */
.formulaire_spip fieldset {
	padding-top: var(--spip-form-fieldset-spacing);
	padding-bottom: var(--spip-form-fieldset-spacing);
	margin-top: var(--spip-form-fieldset-spacing);
	margin-bottom: var(--spip-form-fieldset-spacing);
}
.formulaire_spip fieldset legend,
.formulaire_spip fieldset .legend {
	margin-bottom: 0;
}
/* Fieldsets successifs : ressérer */
.formulaire_spip fieldset + fieldset,
.formulaire_spip .fieldset + .fieldset > fieldset {
	margin-top: calc(var(--spip-form-fieldset-spacing) * -1);
}
/* Fieldsets imbriqués */
.formulaire_spip fieldset fieldset {
	margin-bottom: 0; /* Tant qu'il n'y a pas de bordure latérale */
}


/**
 * 2.5. Autres éléments
 */

/* Explications : 1 espace autour. */
.formulaire_spip .explication,
.formulaire_spip .attention {
	margin-top: var(--spip-form-spacing-y);
	margin-bottom: var(--spip-form-spacing-y);
}


/**
 * =======================================
 * 3. Entête optionnel avant le formulaire
 * =======================================
 */


.cadre-formulaire-editer .formulaire_spip {
	margin-top: 0;
	overflow: hidden; /* sinon problème avec marge supérieure qui déborde, mais par défaut sur tous ça cacherait l'icône en entête */
}
.cadre-formulaire-editer {
	color: var(--spip-form-color-text-light);
	margin-top: calc(var(--spip-margin-bottom) * 1.5);
	position: relative;
}
.cadre-formulaire-editer.popin {
	margin-top: 0
}
.cadre-formulaire-editer .image_loading {
	position: absolute;
	left: 0;
}
.entete-formulaire {
	position:relative;
	padding: var(--spip-form-spacing-y) var(--spip-form-spacing-x);
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
	overflow: hidden;
	background: var(--spip-color-white);
	border-bottom: 1px solid var(--spip-box-sep-color);
	border-top-left-radius: var(--spip-form-border-radius);
	border-top-right-radius: var(--spip-form-border-radius);
	box-shadow: var(--spip-box-shadow);
}
.formulaire_spip .cadre {
	border: 1px solid var(--spip-box-border-color);
}
.entete-formulaire + .formulaire_spip,
.entete-formulaire + .formedit .formulaire_spip,
.entete-formulaire + .ajax-form-container + .formulaire_spip,
.entete-formulaire + div > .formulaire_spip,
.entete-formulaire + div > div > .formulaire_spip {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/**
 * ===================================================
 * 4. Structure générale : conteneurs, champs & labels
 * ===================================================
 */


/* Conteneur général */
.formulaire_spip,
.formulaire_spip * {
	box-sizing: border-box;
}
.formulaire_spip {
	position: relative; /* pour positionner le ajaxload en automatique */
	margin: calc(var(--spip-margin-bottom) * 1.5) 0;
	color: var(--spip-form-color-text);
	background-color: var(--spip-color-white);
	border-radius: var(--spip-form-border-radius);
	box-shadow: var(--spip-box-shadow);
	z-index: 2; /* passer par dessus l'entête */
	transition: box-shadow 0.2s;
	border-top:1px solid transparent; /* permet de respecter le margin top sur le premier element si besoin */
	border-bottom:1px solid transparent; /* permet de respecter le margin bottom sur le dernier element si besoin */
}
.formulaire_spip:hover,
.formulaire_spip:focus-within {
	box-shadow: var(--spip-box-shadow-hover);
}

/* Titre optionnel */
.formulaire_spip .titrem {
	display: flex;
	align-items: center;
	padding-top: var(--spip-form-spacing-y);
	padding-bottom: var(--spip-form-spacing-y);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: 1px solid var(--spip-box-sep-color);
	font-size: var(--spip-form-heading-fontsize);
	font-weight: var(--spip-form-heading-fontweight);
}

/* Conteneur des saisies */
.formulaire_spip .editer-groupe {
	/* overflow: hidden; */ /* Gêne les puces statuts */
}
/*  2 colonnes */
@media (min-width: 768px) {
	.formulaire_spip .editer-groupe.deux_colonnes {
		column-count: 2;
		column-gap: var(--spip-form-spacing-x);
	}
	.formulaire_spip .editer-groupe.deux_colonnes .editer {
		padding-left:  0;
		padding-right: 0;
		margin: 0;
	}
}

/* Conteneur d'une saisie */
.formulaire_spip .editer {
	clear: both;
	/* overflow: hidden; */ /* un peu trop brutal par défaut ? */
}

/* Labels : pleine largeur, puis affichés à gauche à partir des écrans moyens */
.formulaire_spip label[for] {
	cursor: pointer;
}
.formulaire_spip .editer > label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
.formulaire_spip .editer > .editer-label,
.formulaire_spip .editer.gauche > label {
	display: block;
	margin-bottom: calc(var(--spip-form-spacing-y) / 4);
	background: transparent;
	color: var(--spip-form-color-text-light);
	text-align: var(--spip-left);
	font-weight: inherit;
	line-height: 1.3; /* légèrement inférieure au texte normal */
}
/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
.formulaire_spip fieldset.editer > .editer-label {
	transform: translateY(33%); /* remettre à peu près au niveau de la ligne */
}
/* Responsive : passer les labels à gauche + variantes */
@media (min-width: 580px) {
	.formulaire_spip .editer,
	.formulaire_spip .editer.gauche {
		padding-right: calc(var(--spip-form-label-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
	}
	.formulaire_spip .editer > label,
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
	.formulaire_spip .editer > .editer-label,
	.formulaire_spip .editer.gauche > label {
		float: var(--spip-left);
		width: var(--spip-form-label-width);
		margin-right: calc((var(--spip-form-label-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
		padding: calc(var(--spip-form-input-padding-y) + 1px) 0 0; /* décaler pour aligner avec texte input → padding + border */
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
	.formulaire_spip fieldset.editer > .editer-label {
		transform: none;
	}
	/* Labels plus longs */
	.formulaire_spip .editer.long_label {
		padding-right: calc(var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.long_label > .label,
	.formulaire_spip .editer.long_label > .editer-label,
	.formulaire_spip .editer.long_label > label {
		width: var(--spip-form-label-long-width);
		margin-right: calc((var(--spip-form-label-long-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
	}
	/* Labels en haut + cas particuliers où c'est forcé */
	.formulaire_spip .editer.pleine_largeur,
	.formulaire_spip .editer_parent,
	.formulaire_spip .editer_groupe_mot,
	.formulaire_spip .editer_descriptif,
	.formulaire_spip .editer_chapo,
	.formulaire_spip .editer_texte,
	.formulaire_spip .editer_ps,
	.formulaire_spip .editer.haut {
		padding-right: var(--spip-form-spacing-x);
	}
	.formulaire_spip .editer.pleine_largeur > label,
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.pleine_largeur > .label, /* fieldsets avec legend.label */
	.formulaire_spip .editer.pleine_largeur > .editer-label, /* fieldsets avec legend.editer-label */
	.formulaire_spip .editer-groupe.deux_colonnes > .editer > label,
	.formulaire_spip .editer_parent label,
	.formulaire_spip .editer_groupe_mot label,
	.formulaire_spip .editer_descriptif label,
	.formulaire_spip .editer_chapo label,
	.formulaire_spip .editer_texte label,
	.formulaire_spip .editer_ps label,
	.formulaire_spip .editer.haut label {
		display: block;
		float: none;
		width: auto;
		margin-right: 0;
		padding: 0;
	}
	/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer.pleine_largeur > .label,
	.formulaire_spip fieldset.editer.pleine_largeur > .editer-label {
		transform: translateY(33%); /* remettre à peu au niveau de la ligne */
	}
}

/* Conteneur des boutons (les boutons eux-mêmes sont dans boutons.css.html) */
.formulaire_spip .boutons {
	position: relative;
	margin-bottom: 0 !important; /* Fix #wysiwyg */
	clear: both;
	padding: var(--spip-form-spacing-y) var(--spip-form-spacing-x);
	text-align: var(--spip-right);
	background-color: var(--spip-color-theme-lightest);
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
}
.formulaire_spip .boutons .image_loading {
	float: none;
}
@media (min-width: 768px) {
	.formulaire_spip .boutons {
		padding-top: calc(var(--spip-form-spacing-y) / 2);
		padding-bottom: calc(var(--spip-form-spacing-y) / 2);
	}
	.formulaire_spip.mini .boutons,
	.lat .formulaire_spip .boutons,
	.affiche_milieu .formulaire_spip .boutons,
	.formulaire_editer_liens .boutons,
	.formulaire_dater  .boutons{
		padding-top: var(--spip-form-spacing-y);
		padding-bottom: var(--spip-form-spacing-y);
	}
}


/**
 * =======================
 * 5. Fieldsets des enfers
 * =======================
 */


/* Fieldsets : tous */
.formulaire_spip fieldset {
	position: relative;
	min-width: 0; /* nécessaire ? */
	width: auto;
	border: 0;
	border-top: 1px solid var(--spip-box-sep-color);
}

/* Légendes */
/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset legend:not(.label):not(.editer-label),
.formulaire_spip fieldset .legend {
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	background-color: var(--spip-color-gray-lightest);
	/* color: var(--spip-color-theme-darker); */
	font-weight: 800;
	font-size: inherit;
}
/* Fix h3 pseudo-légendes : on essaie de les afficher comme des vraies */
.formulaire_spip fieldset .legend:not(legend) {
	display: inline-block;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
}
.formulaire_spip fieldset .legend:not(legend) + * {
	margin-top: var(--spip-form-spacing-y) !important;
}

/* Fieldsets .editer : ce sont des conteneurs pour des .choix, à afficher comme les autre .editer */
.formulaire_spip fieldset.editer {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
}

/* Fix des .editer + .fieldset : combinaison erronée ? */
.formulaire_spip .fieldset.editer {
	padding-left: var(--spip-form-spacing-x);
}

/* Fieldsets imbriqués */
.formulaire_spip fieldset fieldset {
	margin-right: var(--spip-form-fieldset-offset); /* décalage */
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

/* Hack temporaire pour avoir marquer la fin des fieldsets racines avec une bordure inférieure.
   Il n'en faut une que quand le fieldset est suivi d'autre chose qu'un fieldset.
   On pose donc la bordure sur l'élément suivant, en bidouillant les marges.
   À refaire proprement quand il y aura un meilleur markup (une classe spéciale ou autre). */
.formulaire_spip form > div > fieldset + *:not(fieldset):not(.fieldset):not(.boutons),
.formulaire_spip form > div > .fieldset + *:not(fieldset):not(.fieldset):not(.boutons),
.formulaire_spip form > div > .editer-groupe > .fieldset + *:not(.fieldset):not(.boutons) {
	border-top: 1px solid var(--spip-box-sep-color);
	margin-top: calc(var(--spip-form-fieldset-spacing) * -1);
	padding-top: var(--spip-form-spacing-y);
}


/**
 * =====================
 * 8. Champs avec .choix
 * =====================
 *
 * Conteneur de paires inputs + labels, plusieurs paires possibles par conteneur.
 * Recommandé pour les radios et checkbox.
 * La variante inline peut avoir des inputs textes, et éventuellement des selects.
 *
 * Attention, il y a une distinction selon la balise :
 *   - div.choix : variante bloc avec un cadre similaire à ceux des inputs.text et cie
 *   - span.choix : variante inline sans aucun habillage
 */


/* Ceux avec un cadre */
.formulaire_spip div.choix {
	background-color: var(--spip-color-white);
	padding: calc(var(--spip-form-input-padding-y) / 2) var(--spip-form-input-padding-x);
	border: 1px solid var(--spip-form-input-border-color);
	border-top-left-radius: var(--spip-form-input-border-radius);
	border-top-right-radius: var(--spip-form-input-border-radius);
	border-bottom: 0;
	z-index: 1; /* passer par dessus fond explication qui suit */
	transition: box-shadow 0.2s; /* idem inputs */
}
.formulaire_spip div.choix + .choix {
	padding-top: 0;
	border-top: 0;
	border-bottom: 0;
	border-radius: 0;
}
.formulaire_spip div.choix:last-of-type,
.formulaire_spip div.choix:last-child {
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
	border-bottom: 1px solid var(--spip-form-input-border-color);
	padding-bottom: var(--spip-form-input-padding-y);
	position: relative;
}
.formulaire_spip div.choix:first-of-type {
	border-top-left-radius: var(--spip-form-input-border-radius);
	border-top-right-radius: var(--spip-form-input-border-radius);
	border-top: 1px solid var(--spip-form-input-border-color);
	padding-top: var(--spip-form-input-padding-y);
	position: relative;
}
.formulaire_spip div.choix label img {
	vertical-align: middle;
	margin: 3px 0px;
}

/* Label */
.formulaire_spip .choix > label,
.formulaire_spip .choix :not(.editer) > label /* pourquoi ? */
{
	display: inline;
	float: none;
	margin: 0;
	font-weight: normal;
	text-transform: none;
}

/* Inputs */
.formulaire_spip .choix input {
	margin: 0 0 0.15em; /* remonter légèrement pour aligner */
	vertical-align: middle;
}
/* Largeur auto, en évitant d'utiliser !important */
.formulaire_spip .choix input,
.formulaire_spip .choix input.text,
.formulaire_spip .choix input.password,
.formulaire_spip .choix select {
	width: auto;
}

/* Espacements entre inputs et labels (à affiner) */
.formulaire_spip .choix > label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .choix > .label,
.formulaire_spip .choix > .editer-label {
	margin: 0 0.5em;
}
/* Espacement entre .choix inline successifs */
.formulaire_spip span.choix + span.choix {
	margin-right: var(--spip-form-spacing-x); /* entre options ou .choix inline */
}

/* Variante inline, sans bordure (cf. explication plus haut) */
.formulaire_spip span.choix,
.formulaire_spip span.choix:first-of-type,
.formulaire_spip span.choix:last-of-type,
.formulaire_spip span.choix:last-child{
	display: inline-block;
	background: transparent;
	padding: 0;
	border: 0;
}

/* Explication en dessous */
.formulaire_spip div.choix + .explication,
.formulaire_spip div.choix + .attention {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative;
}

/* Les choix qui contiennent un sous-formulaire optionnel, dependant du choix */

.formulaire_spip div.choix>fieldset,
.formulaire_spip div.choix>.editer-groupe,
.formulaire_spip div.choix>.boutons {
	/* Marges négatives pour annuler la gouttière. */
	margin-left: calc(var(--spip-form-input-padding-x) * -1);
	margin-right: calc(var(--spip-form-input-padding-x) * -1);
}


/**
 * ================================================
 * 7. Champs en erreurs, obligations & autres états
 * ================================================
 */


/* Champs obligatoires */
.formulaire_spip .editer.obligatoire label,
/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.obligatoire .label,
.formulaire_spip .editer.obligatoire .editer-label,
.formulaire_spip .editer.obligatoire.gauche label {
	color: var(--spip-color-black);
	font-weight: bold;
}
.formulaire_spip .editer.obligatoire input.text,
.formulaire_spip .editer.obligatoire input.password {
	font-weight: bold;
}

/* Champs en erreur */
.formulaire_spip .editer.erreur {
	background-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 95%);
}
.formulaire_spip .erreur_message {
	display: block;
	margin-bottom: calc(var(--spip-form-spacing-y) / 4);
	font-weight: bold;
}
/* Coloriser message et labels des .choix */
.formulaire_spip .erreur_message,
.formulaire_spip .editer.erreur .choix label {
	color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 45%);
}
/* cas exotique d'un label dans une erreur (ie confirmez que vous êtes sûr ) */
.formulaire_spip .erreur_message label {
	float: none;
	display: inline;
	font-weight: normal;
	margin-right: 0;
}
.formulaire_spip .editer.erreur input.text,
.formulaire_spip .editer.erreur input.password,
.formulaire_spip .editer.erreur textarea,
.formulaire_spip .editer.erreur select {
	border: 2px solid hsl(var(--spip-color-error--h), var(--spip-color-error--s), 66%);
}
.formulaire_spip .editer.erreur .choix {
	border-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 66%) !important;
	border-width: 2px !important;
}
.formulaire_spip .editer.erreur input.text:focus,
.formulaire_spip .editer.erreur input.password:focus,
.formulaire_spip .editer.erreur textarea:focus,
.formulaire_spip .editer.erreur select:focus,
.formulaire_spip .editer.erreur [type="radio"]:focus,
.formulaire_spip .editer.erreur [type="checkbox"]:focus,
.formulaire_spip .editer.erreur [type="file"]:focus {
	box-shadow: 0 0 0 0.2rem hsla(var(--spip-color-error--hsl), 0.33);
}

/* Champs disabled */
.formulaire_spip .editer.disabled {
	opacity: 0.5;
}


/**
 * ======================
 * 8. Champs particuliers
 * ======================
 */


/* Avec couleur de fond */
.formulaire_spip .editer_parent:not(.erreur),
.formulaire_spip .editer_groupe_mot:not(.erreur),
.formulaire_editer_auteur .editer_statut:not(.erreur) {
	background-color: var(--spip-color-gray-lightest);
}

/* Importants */
.formulaire_spip .editer.editer_parent label,
.formulaire_spip .editer.editer_groupe_mot label {
	/* color: black; */
	font-weight: bold;
}


/**
 * ========================================
 * 9. Éléments de formulaire (inputs & cie)
 * ========================================
 *
 * Nomenclature recommandée pour les types d'inputs : <type> [text text_<type>]
 * C'est à dire toujours mettre le type + text si c'est une variation du type texte.
 * Pour l'instant on fait des fallbacks si classes absentes.
 *
 * Exemples :
 * <input type="text"   class="text">
 * <input type="email"  class="email  text text_email">
 * <input type="number" class="number text text_number">
 * <input type="phone"  class="phone  text text_phone">
 * <input type="file"   class="file">
 */


/* Éléments avec du texte */
.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip textarea,
.formulaire_spip select {
	font-size: inherit;
	font-family: inherit;
	line-height: var(--spip-line-height);
}

/* Éléments avec bordure */
.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip textarea,
.formulaire_spip select {
	position: relative;
	z-index: 2;
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	margin: 0;
	width: 100%;
	border: 1px solid var(--spip-form-input-border-color);
	border-radius: var(--spip-form-input-border-radius);
	background-color: var(--spip-color-white);
	transition: box-shadow 0.1s;
}
.formulaire_spip input.text:focus,
.formulaire_spip input.password:focus,
.formulaire_spip textarea:focus,
.formulaire_spip select:focus,
.formulaire_spip [type="radio"]:focus,
.formulaire_spip [type="checkbox"]:focus,
.formulaire_spip [type="file"]:focus {
	border-color: var(--spip-color-theme);
	box-shadow: 0 0 0 0.2rem var(--spip-form-color-focus);
	outline: 0;
}

/* Selects
 * Il faut un min-height car apparemment la hauteur est pas calculée pareil que pour les inputs,
 * il faut tenir compte de la bordure. C'est nul.
 */
.formulaire_spip select {
	min-height: calc(var(--spip-line-height) + 2px + (var(--spip-form-input-padding-y) * 2));
}

/* Select (apparences unifiées) */
.formulaire_spip select:not(.statut):not([multiple]) {
	padding-right: calc(var(--spip-form-input-padding-x) + 21px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: var(--spip-right) var(--spip-form-input-padding-x) center;
	background-size: 21px 21px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Bloc de texte */
.formulaire_spip textarea {
	overflow: auto;
}

/* Placeholders (et simulés, legacy) */
.formulaire_spip input.placeholder,
.formulaire_spip textarea.placeholder,
.formulaire_spip input::placeholder,
.formulaire_spip textarea::placeholder {
	color: hsla(var(--spip-color-black--hsl), 0.6);
	font-style: italic;
}

/* Input fichier */
.formulaire_spip input.file,
.formulaire_spip input[type="file"] {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* Input de couleur */
.formulaire_spip input.color,
.formulaire_spip input[type="color"] {
	min-height: 2.75em; /* À la louche, à calculer auto. si possible */
	min-width: 2.75em; /* Carré */
	width: auto;
	padding: calc(var(--spip-form-input-padding-y) / 2);
	cursor: pointer;
}

/* Input de recherche */
.formulaire_spip input.search,
.formulaire_spip input[type="search"] {
	border-radius: var(--spip-form-input-border-radius);
}

/* Boutons de soumission (voir aussi dans boutons.css) */
.formulaire_spip input.submit,
.formulaire_spip input.reset,
.formulaire_spip input.button {
	width: auto;
}


/**
 * ======================
 * 10. Messages de retour
 * ======================
 */


/* Les messages de retour sont des alertes (role="status"),
   aussi les styles sont mutualisés dans alertes.css.
   On reprend les styles d'une alerte large.
   Ici, juste des ajustements */
.formulaire_spip .reponse_formulaire.reponse_formulaire {
	margin: var(--spip-form-spacing-y) 0;
}


/**
 * ==========================================
 * 11. Messages d’explications et d’attention
 * ==========================================
 */


.formulaire_spip .explication,
.formulaire_spip .attention {
	display: block;
	position: relative;
	padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
	font-size: 0.9em;
	line-height: 1.25;
	color: var(--spip-color-gray-dark);
	border-top-left-radius: var(--spip-form-input-border-radius);
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-right-width: 0.3em;
	border-right-style: solid;
}
.formulaire_spip .explication {
	overflow-wrap: break-word;
	background-color: hsla(0, 0%, 0%, 0.05); /* transparent sinon on voit pas sur les champs avec le même fond */
	border-right-color: var(--spip-form-input-border-color);
}
.formulaire_spip .attention {
	color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 22%);
	border-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 57%);
	background-color:hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 87%);
}

/* Si l'explication est un div avec des choses à l'intérieur : pas de marge en trop en bas */
.formulaire_spip .explication * :last-child,
.formulaire_spip .attention * :last-child {
	margin-bottom: 0;
}

/* Ceux dans un champ */
.formulaire_spip .editer .explication,
.formulaire_spip .editer .attention {
	margin-bottom: 0;
	margin-top: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: var(--spip-form-input-border-radius);
	border: 0;
}
.formulaire_spip .editer .explication > :last-child,
.formulaire_spip .editer .attention > :last-child {
	margin-bottom: 0
}
.formulaire_spip .editer .explication:last-child,
.formulaire_spip .editer .attention:last-child {
	border-radius: var(--spip-form-input-border-radius);
}
.formulaire_spip .explication + input.text,
.formulaire_spip .attention + input.text,
.formulaire_spip .explication + input.password,
.formulaire_spip .attention + input.password,
.formulaire_spip .explication + textarea,
.formulaire_spip .attention + textarea,
.formulaire_spip .explication + select,
.formulaire_spip .attention + select,
.formulaire_spip .explication + div.choix:first-of-type,
.formulaire_spip .attention + div.choix:first-of-type {
	position: relative;
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Message dessous : on fait "déborder" le fond sous l'input précédent (à cause border-radius) */
.formulaire_spip .editer input.text + .explication,
.formulaire_spip .editer input.text + .attention,
.formulaire_spip .editer input.password + .explication,
.formulaire_spip .editer input.password + .attention,
.formulaire_spip .editer textarea + .explication,
.formulaire_spip .editer textarea + .attention,
.formulaire_spip .editer select + .explication,
.formulaire_spip .editer select + .attention,
.formulaire_spip .editer div.choix:last-of-type + .explication,
.formulaire_spip .editer div.choix:last-of-type + .attention {
	border-radius: var(--spip-form-input-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative
}
.formulaire_spip input.text + .explication:before,
.formulaire_spip input.text + .attention:before,
.formulaire_spip input.password + .explication:before,
.formulaire_spip input.password + .attention:before,
.formulaire_spip textarea + .explication:before,
.formulaire_spip textarea + .attention:before,
.formulaire_spip select + .explication:before,
.formulaire_spip select + .attention:before,
.formulaire_spip div.choix:last-of-type + .explication:before,
.formulaire_spip div.choix:last-of-type + .attention:before {
	content: "";
	display: block;
	position: absolute;
	top: calc(var(--spip-form-input-border-radius) * -1);
	height: var(--spip-form-input-border-radius);
	width: 100%;
	left: 0;
	background-color: inherit;
}


/**
 * ===============================================================
 * 12. Variantes d'affichage + formulaires dans certains contextes
 * ===============================================================
 */


/**
 * 12.1. Formulaires compacts
 * ---------------------------
 * cf. variables
 */
.formulaire_spip.mini {}

/**
 * 12.2. Formulaires flat
 * ----------------------
 * Sans ombre portée, simple bordure
 */
.formulaire_spip.flat,
.formulaire_spip .formulaire_spip,
.box .formulaire_spip,
.popin .entete-formulaire,
.popin .formulaire_spip {
	border: 1px solid var(--spip-box-border-color);
	box-shadow: none !important; /* important = pour inclure hover et cie */
}

/**
 * 12.3. Ceux dans .affiche_milieu + certains précis.
 * --------------------------------------------------
 * Cf. variables + content.css
 */


/**
 * 12.4. Ceux dans #wysiwyg
 * -------------------------
 */
#wysiwyg .formulaire_spip {
	font-size: 1rem;
}

/**
 * 12.5. Ceux dans une colonne latérale
 * ------------------------------------
 */
.lat .formulaire_spip {
	/* font-size: 0.95em; */
}
/* Tous les labels au dessus */
.lat .formulaire_spip .editer {
	padding-right: var(--spip-form-spacing-x);
}
.lat .formulaire_spip .editer label,
/* @deprecated SPIP 5.0 .label */ .lat .formulaire_spip .editer .label,
.lat .formulaire_spip .editer .editer-label {
	text-transform: none;
	display: block;
	float: none;
	padding: 0;
	width: auto;
	margin-right: 0;
}
/* Fieldsets imbriqués */
.lat .formulaire_spip fieldset fieldset {
	margin-right: calc(var(--spip-form-fieldset-offset) / 2);
}
/* Fieldsets conteneurs de .choix */
.lat .formulaire_spip fieldset.editer {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
	margin-left: calc(var(--spip-form-spacing-x) * -1);
}
.lat .formulaire_spip .editer .choix label {
	display: inline;
}
.lat .formulaire_spip input.file {
	font-size: 0.9em;
}
.lat .formulaire_spip ul.spip li {
	margin-right: 2em !important;
}


/**
 * ============================
 * 13. Formulaires particuliers
 * ============================
 */


/* Choix couleur */


.formulaire_configurer_preferences .editer_couleur .choix {
	float: left;
	border: 0 !important;
	padding: 5px 20px 5px 0px !important;
}

/* Edition d'un auteur */
.formulaire_editer_auteur .editer_identification fieldset {
	background-color: var(--spip-color-gray-lightest);
}
.formulaire_editer_auteur .editer.editer_statut .instituer_auteur {
	margin-right: calc((var(--spip-form-label-width) * -1) + var(--spip-form-spacing-x));
	margin-top: var(--spip-form-input-padding-y);
}
.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes > p {
	margin-right: 0;
	margin-bottom: 0;
	margin-top: var(--spip-form-input-padding-y);
}
.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes label {
	float: none;
	width: auto;
	margin-right: 0;
}
.formulaire_editer_auteur .reset_password {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
	margin-bottom: 0;
	display: block;
	width: 100%;
}

/* Statut */
.lat .formulaire_instituer .editer_statut label {
	display: flex;
	align-items: center;
}

/* Logo */
.lat .formulaire_editer_logo .apercu,
.lat .formulaire_editer_logo .ajouter_survol {
	text-align: center;
}
.formulaire_editer_logo .spip_logo img,
#illustrations .vignette img,
#documents_joints .image img.spip_logo {
	background: url("prive/themes/spip/images/fond-imgs.png");
}
#illustrations .vignette img.spip_document_icone {
	background-image:none;
}
.formulaire_editer_logo .taille {
	font-size: 0.9em;
}
.formulaire_editer_logo .groupe-btns {
	margin-top: var(--spip-box-spacing-y);
}
.formulaire_editer_logo .titrem,
.formulaire_editer_logo .ajouter_survol {
	text-transform: uppercase;
}
.formulaire_editer_logo .editer_logo_on {
	margin-top: 0 !important; /* Fix bigup */
}
.formulaire_editer_logo .editer_logo_on.logo_upload,
.formulaire_editer_logo .editer_logo_off.logo_upload.open {
	background: #fff; 
}
#navigation .dropfile {
	margin: 0 !important; /* Bigup */
}

/* Documents */
.formulaire_joindre_document .editer_fichier_upload {
	margin-top: 0 !important; /* Fix à déplacer dans medias */
}


/* Multilinguisme */
.formulaire_configurer_multilinguisme #langues_bloquees .choix,
.formulaire_configurer_multilinguisme #langues_proposees .choix {
	padding: 0 5px;
	margin-left: 10px;
	float: right;
	width: 45%;
	clear: none;
	background: transparent;
	border: 0;
}
.formulaire_configurer_multilinguisme .traduite label {
	text-decoration: underline;
}
.formulaire_configurer_multilinguisme #langues_bloquees label {
	color: var(--spip-color-theme);
	font-weight: bold;
}

/* Config / réducteur
   Les vignettes sont des <button>
   Les images en background font 150 x 150px */
.formulaire_configurer_reducteur .vignettes_reducteur {
	display: flex;
}
.formulaire_configurer_reducteur .vignette_reducteur {
	text-align: center;
	float: var(--spip-left);
	border: 1px solid var(--spip-form-input-border-color);
	width: 150px;
	padding-top: calc(150px + var(--spip-btn-padding-y));
	margin: 0.5em;
	background-position: top center;
	background-repeat: no-repeat;
}
.formulaire_configurer_reducteur .vignette_reducteur:first-child {
	margin-right: 0;
}
.formulaire_configurer_reducteur .vignette_reducteur:last-child {
	margin-left: 0;
}
.formulaire_configurer_reducteur .vignette_reducteur.on,
.formulaire_configurer_reducteur .vignette_reducteur:hover {
	border-color: var(--spip-color-theme);
	background-color: var(--spip-color-theme);
	color: var(--spip-color-white);
}
.formulaire_configurer_reducteur .vignette_reducteur.on {
	border-color: var(--spip-color-theme-dark);
	background-color: var(--spip-color-theme-dark);
}


/* dater
   @extend .mini
   + voir .affiche_milieu */
.formulaire_dater [class*=editer_date] + [class*=editer_date] {
	padding-top: 0;
}
.formulaire_dater .editer > label {
	font-weight: var(--spip-form-heading-fontweight);
	font-size: var(--spip-form-heading-fontsize);
	padding-top: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_dater .affiche {
	display:block;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: calc(var(--spip-form-input-padding-y) / 4);
}
.formulaire_dater .saisie_redac {
	display: block;
}
.formulaire_dater .editer_date_redac .editable .choix {
	display: block;
	margin-top: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_dater #sans_redac {
	vertical-align: top;
}
.formulaire_spip.formulaire_dater img.ui-datepicker-trigger {
	margin-right: -1em;
	right: -1em;
}
.formulaire_spip.formulaire_dater input.text {
	padding-top: calc(var(--spip-form-input-padding-y) / 2);
	padding-bottom: calc(var(--spip-form-input-padding-y) / 2);
}
.formulaire_spip.formulaire_dater .toggle_box_link {
	transform: none;
}
.formulaire_spip.formulaire_dater .boutons {
	border-radius: 0px;
	position: relative;
	padding-top: 0; /* inutile car pas de démarquation de couleur */
}
@media (max-width: 760px) {
	.formulaire_dater .editer_date_redac .editable label {
		margin-left: calc((var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 1/2)) * -1);
		width: calc(var(--spip-form-label-long-width) - (var(--spip-form-spacing-x) * 2));
		display: inline-block;
	}
}
.fiche_objet .formulaire_spip.formulaire_dater {
	margin-top: 0;
	position: relative;
}

/* editer_liens
   @extend .mini
   + voir .affiche_milieu */
.formulaire_editer_liens .selecteur {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
	padding-left: var(--spip-box-spacing-x);
	padding-right: var(--spip-box-spacing-x);
	background-color: var(--spip-color-theme-lightest);
	border: 1px solid var(--spip-color-theme);
	border-bottom-left-radius: var(--spip-form-input-border-radius);
	border-bottom-right-radius: var(--spip-form-input-border-radius);
}
.formulaire_editer_liens .selecteur h3,
.formulaire_editer_liens .selecteur .titrem {
	margin: 0;
	padding: var(--spip-box-spacing-y) 0;
	background-color: transparent;
	font-size: 1em;
	border: 0;
}
.formulaire_editer_liens .selecteur .boutons {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}
/* listes */
.formulaire_editer_liens .liste-objets {
	border: 0;
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
}
.formulaire_editer_liens .liste-objets thead {
	display: none; /* bruit peu utile */
}
.formulaire_editer_liens .liste-objets-lies {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
	margin-bottom: 0;
}
.formulaire_editer_liens .liste-objets-associer {
	font-size: 0.9em;
	margin-left: calc(var(--spip-box-spacing-x) * -1);
	margin-right: calc(var(--spip-box-spacing-x) * -1);
	margin-bottom: var(--spip-box-spacing-y);
	border-bottom: 1px solid var(--spip-box-sep-color);
}
.formulaire_editer_liens .liste-objets-associer .caption {
	display: flex;
	align-items: center;
	gap: 2em;
}
.formulaire_editer_liens .liste-objets-associer .caption span.recherche {
	margin-right: auto;
	font-size: 0.9em;
	flex: 50%;
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 30em;
	text-align: end;
}
.formulaire_editer_liens .liste-objets-associer .caption input.recherche {
	width: auto;
	border-radius: 1em;
	border: 1px solid var(--spip-color-gray-light);
	padding: .2rem .5rem;
}
.formulaire_editer_liens .liste-objets-associer .caption span.recherche .tout_voir {
	/* font-size: 0.8em; */
	/* .offscreen */
}
.formulaire_editer_liens .selecteur.filtre .tout_voir {
	visibility: visible;
}
.formulaire_editer_liens.non_editable input,
.formulaire_editer_liens.non_editable button {
	display: none;
}
.formulaire_editer_liens .action {
	text-align: left;
}
.formulaire_editer_liens .liste-objets tr > .action {
	text-align: left;
	/* width: 120px; */
}
.formulaire_editer_liens .liste-objets tr > .action button img {
	margin-right: 0;
	vertical-align: bottom;
}


/* retour visuel a la suppression et a l'ajout */
.remove {background-color:#FFD0BF;}
.append {background-color:#E0FFCF;}

/* formulaire de recherche : */
/* version old style */
.spip_recherche {
	float: var(--spip-right);
	border: 0;
	background: none;
}
.spip_recherche .recherche {
	float: var(--spip-left);
	padding: 3px;
	padding-left: 30px;
	width: 186px;
	border: 1px solid #fff;
	background-color: var(--spip-color-theme);
	color: var(--spip-gray-white);
	margin: 0 0 6px;
}
.spip_recherche .submit {
	float: right;
	margin-right:-24px;
	margin-top:1px;
}
/* version moderne */
:root {
	--spip-searchform-padding: 1em;
}
.formulaire_recherche {
	z-index: 1;
	float: var(--spip-right);
	width: 40ch;
	border: 0;
	margin: 0 0 calc(var(--spip-spacing-y) / 2);
	padding: 0;
	background: transparent;
	box-shadow: none !important;
}
.formulaire_recherche form {
	position: relative;
}
.formulaire_recherche input.text {
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	padding-inline-start: var(--spip-searchform-padding);
	padding-inline-end: calc(1.15em + var(--spip-searchform-padding)); /* place pour picto loupe (.image) */
	font-size: 0.9em;
	border-radius: 99em;
	border-color: transparent;
	background-color: var(--spip-color-gray-lighter);
	transition: background 0.1s, border 0.1s;
}
.formulaire_recherche input.text:focus {
	border-color: var(--spip-color-theme);
	background-color: transparent;
	box-shadow: none;
}
.formulaire_recherche input.text:focus ~ .image:not(:hover) {
	color: var(--spip-color-theme);
}
.formulaire_recherche input.text.cancelable {
	padding-inline-start: calc(16px + (var(--spip-searchform-padding) * 1)); /* place pour picto fermer */
}
.formulaire_recherche input.text.placeholder {
	color: var(--spip-color-gray-light);
	opacity: 1;
}
.formulaire_recherche .image,
.formulaire_recherche .cancel {
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1px;
}
.formulaire_recherche .image {
	inset-inline-end: calc(var(--spip-searchform-padding) / 2);
	margin-bottom: 0;
	padding: 0.25em;
	color: hsla(0, 0%, 0%, 0.5);
}
.formulaire_recherche .image svg {
	width: 1.15em;
	height: auto;
}
.formulaire_recherche .image,
.formulaire_recherche .image:hover,
.formulaire_recherche .image:focus {
	background: none;
	border: 0;
	box-shadow: none;
}
.formulaire_recherche .image:hover,
.formulaire_recherche .image:focus {
	color: var(--spip-color-theme-black);
}
.formulaire_recherche .cancel {
	inset-inline-start: calc(var(--spip-searchform-padding) / 2);
}
/* Dans une modale */
.box_mediabox .formulaire_recherche {
	z-index: 1; /* focus dans la mediabox */
}
/* Dans bandeau outils : faire coller l'input aux bords du bandeau, quelque soit sa hauteur*/
#bando_haut .formulaire_recherche {
	--spip-searchform-padding: 0.66rem;
	display: flex;
	width: 30ch;
	margin-top: 0;
	margin-bottom: 0;
	border-left: 1px solid var(--spip-color-theme-light);
	border-right: 1px solid var(--spip-color-theme-light);
	border-radius: 0;
}
#bando_haut .formulaire_recherche form,
#bando_haut .formulaire_recherche form > div {
	display: flex;
	flex: 1;
}
#bando_haut .formulaire_recherche input.text {
	height: 100%;
	padding-top: 0.44em; /* à la louche pour obtenir même hauteur que le bando */
	padding-bottom: 0.44em;
	border-radius: 0;
	background-color:hsla(0, 0%, 100%, 0.5);
	font-size: 1em;
}

/* formulaire_traduire */
.formulaire_traduire .editer > label {
	padding: 0;
}
.formulaire_traduire .voir_traductions {
	padding-top: calc(var(--spip-form-spacing-y) / 2);
}
.formulaire_traduire .liste-objets {
	margin: 0 calc(var(--spip-box-spacing-x) * -1);
	background-color: transparent;
	border-color: var(--spip-box-sep-color);
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}
.formulaire_traduire .liste-objets .caption {
	border: 0;
}
.formulaire_traduire .liste-objets .first_row {
	display: none;
}
.formulaire_traduire .liste-objets .on {
	font-weight: inherit;
}
.formulaire_traduire .supprimer_trad {
	float: var(--spip-right);
	margin: calc(var(--spip-form-spacing-y) / 2) 0 0;
}
.formulaire_traduire .new_trad {
	overflow: hidden;
	padding-bottom: calc(var(--spip-form-spacing-y) / 2);
}

/* formulaire_instituer */
.infos .instituer_objet {
	border: 0px;
	margin: var(--spip-form-spacing-y) 0 calc(var(--spip-form-spacing-y) * 2);
}
.infos .instituer_objet .statut {
	margin: 0 calc(var(--spip-form-spacing-x) * -1);
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: var(--spip-spacing-x);
	gap: .5em;
	width: 100%;
  	box-sizing: content-box;
}
.infos .instituer_objet .statut_actuel .statut {
	margin-top: calc(var(--spip-form-spacing-y) / 2);
}

.infos .instituer_objet.objet_publie .statut_actuel .statut {
	color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 15%);
	background-color: hsl(var(--spip-color-success--h), 55%, 90%);
}
.infos .instituer_objet .statut .statut-icone {
	line-height: 1;
	margin: 0 4px;
	flex-direction: row;
	align-items: center;
	display: flex;
}
.infos .instituer_objet .statut .statut-icone img {
	width: 16px;
  	height: 16px;
	margin: 0;
}

.infos .instituer_objet .statut_actuel .btn_modifier {display: none;}
.infos .instituer_objet.form-closed .statut_actuel .btn_modifier {display: inline-block;}
.infos .instituer_objet.form-closed .formulaire_instituer {display: none;}

.infos .formulaire_instituer {
	background-color: var(--spip-color-white);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0 calc(var(--spip-box-spacing-x) * -1);
	border-top: 1px solid var(--spip-box-border-color);
	border-bottom: 1px solid var(--spip-box-border-color);
}
.infos .formulaire_instituer .reponse_formulaire {
	display: none;
}
.infos .instituer_objet .formulaire_instituer .editer_statut legend {
	display: block;
	width: 100% !important;
	margin-left: calc(-1 * var(--spip-form-spacing-x)) !important;
	margin-right: calc(-1 * var(--spip-form-spacing-x)) !important;
	padding-left: var(--spip-form-spacing-x) !important;
	padding-right: var(--spip-form-spacing-x) !important;
	box-sizing: content-box;
	background-color: var(--spip-color-white);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix {
	border: 0;
	margin-left: calc(-1 * var(--spip-form-spacing-x));
	margin-right: calc(-1 * var(--spip-form-spacing-x));

	display: flex;
	align-items: center;

	border-radius: 0 !important;
	padding: 0;
}

.infos .instituer_objet .formulaire_instituer .editer_statut .choix .radio {
	flex-shrink: 0;
	margin-bottom: 0;

	opacity: 0;
	width: 1em;
	height: 1em;
	position: absolute;
	left: .5em;
	top: .4em;
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix label {
	font-weight: normal;
	flex-grow: 1;
	padding: 0 var(--spip-form-spacing-x);
	margin-left: 0;
	margin-right: 0;
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:hover + label {
	background-color: var(--spip-color-gray-lightest);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:checked + label {
	font-weight: bold;
	background-color: var(--spip-color-gray-lighter);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:focus-visible + label {
	background-color: var(--spip-color-gray-light);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix label img {
	transition: transform .2s;
	transform: scale(.8);
}
.infos .instituer_objet .formulaire_instituer .editer_statut div.choix input.radio:checked + label img {
	transform: scale(1.2);
}
.infos .instituer_objet .formulaire_instituer .boutons {
	padding-top: 0;
	background-color: transparent;
}


/* Menu favoris */
.formulaire_configurer_preferences_menus .menus_favoris input.text {
	padding: calc(var(--spip-form-input-padding-y) / 2) calc(var(--spip-form-input-padding-y) / 2);
	width: 2em;
}
.formulaire_configurer_preferences_menus .menus_favoris .choix {
	padding: calc(var(--spip-form-input-padding-y) / 2) calc(var(--spip-form-input-padding-x) / 2);
}


/**
 * ==========
 * 14. Divers
 * ==========
 */


/* Icone d'aide
   Attention même classe sur le <a> et le <img> dedans */
a.aide {
	display: inline-flex; /* pour aligner correctement */
	vertical-align: middle;
	margin-bottom: 0.1em; /* pour aligner aussi */
}
img.aide {
	padding: 2px !important;
	width: 16px;
	height: 16px;
}

/* Date picker */
#ui-datepicker-div {
	z-index: 10000 !important;
}
.ui-datepicker {
	z-index: 1001 !important;
}
.formulaire_spip img.ui-datepicker-trigger {
	position: relative;
	max-width: 1.5em;
	margin-top: -0.25em;
	margin-left: -1.75em;
}

/* pour editer_liens ? */
.actions a.editbox:not(.bouton) {
	display: inline-block;
}

/* Toggle box link */
.formulaire_spip .toggle_box_link {
	display: inline-flex; /* éviter des espacements indésirables */
	position: absolute;
	top: var(--spip-box-spacing-y);
	left: var(--spip-box-spacing-x);
	z-index: 1;
}
.formulaire_spip .toggle_box_link button,
.formulaire_spip .toggle_box_link .btn {
	margin: 0;
}
/* Centrage vertical */
.formulaire_spip .toggle_box_link.middle {
	top: 50%;
	transform: translateY(-50%);
}


@keyframes bounce {
	0% {
		transform: translateX(0px);
		timing-function: ease-in;
	}
	37% {
		transform: translateX(5px);
		timing-function: ease-out;
	}
	55% {
		transform: translateX(-5px);
		timing-function: ease-in;
	}
	73% {
		transform: translateX(4px);
		timing-function: ease-out;
	}
	82% {
		transform: translateX(-4px);
		timing-function: ease-in;
	}
	91% {
		transform: translateX(2px);
		timing-function: ease-out;
	}
	96% {
		transform: translateX(-2px);
		timing-function: ease-in;
	}
	100% {
		transform: translateX(0px);
		timing-function: ease-in;
	}
}

.formulaire_spip.resubmit-noajax {
	animation: bounce 0.5s;
}




/* picker.css::prive/themes/spip/picker.css */
/* Ancien selecteur de rubriques */
.selecteur_parent{font-size: 90%; width: 99%;} /* appliquee sur le <select> */
option.selec_rub { background-position: right center; background-image: url("prive/themes/spip/images/rubrique-xx.svg"); background-size:12px; background-repeat: no-repeat; padding-right: 16px; }
option.niveau_1 { font-weight: bold; background: #edf3fe; background-image: url("prive/themes/spip/images/secteur-xx.svg"); background-size: 12px; background-repeat:  no-repeat; color: #444;}
option.niveau_2 { background:#eee; color: #202020; border-bottom: 1px solid #edf3fe; }
option.niveau_3 { background:#eee; color: #404040; }
option.niveau_4 { background:#eee; color: #606060; }
option.niveau_5 { background:#eee; color: #808080; }
option.niveau_6 { background:#eee; color: #a0a0a0; }

/* Plongeur
 * Voir aussi à la fin des règles du selecteur ajax */
div.petite-racine,
a.petite-racine {
	background: 99% no-repeat;
	background-image: url("prive/themes/spip/images/racine-xx.svg");
	background-size: 14px;
	background-position: 5px center;
	padding-inline-start: 24px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #fff;
	border: 1px solid var(--spip-form-border-color);
	border-bottom: 0;
	width: 10em;
	border-top-left-radius: var(--spip-form-border-radius);
	border-top-right-radius: var(--spip-form-border-radius);
}
div.petite-rubrique,
a.petite-rubrique {
	background: 99% no-repeat;
	background-image: url("prive/themes/spip/images/rubrique-xx.svg");
	background-size:14px;
	background-position: 5px center;
	padding-inline-start: 24px;
	cursor: pointer;
}
div.petit-secteur,
a.petit-secteur {
	background: 99% no-repeat;
	background-image: url("prive/themes/spip/images/secteur-xx.svg");
	background-size: 14px;
	background-position: 5px center;
	padding-right: 24px;
}

:is(div, a).rub-ouverte {
	padding-inline-end: 10px;
	background: url("prive/themes/spip/images/chevron-right-xx.svg?24px") var(--spip-right) center no-repeat;
}


/* Selecteur ajax */
.rubrique_actuelle {
	clear: both;
	display: flex;
	align-items: center;
}
#titreparent[disabled=disabled] {
	width: 100% !important;
	border: none;
	background: none;
	color: inherit;
	font-weight: 500;
	padding: 0;
}
.rubrique-search {
	color: var(--spip-color-theme);
	border: 1px solid var(--spip-color-theme);
	border-radius: 99em;
	padding: 0.33em;
}
.rubrique-search:hover,
.rubrique-search:focus {
	color: var(--spip-color-theme-darker);
	border: 1px solid var(--spip-color-theme-darker);
}
.rubrique-search.toggled {
	background-color: var(--spip-color-theme);
	border-color: var(--spip-color-theme);
	color: var(--spip-color-white);
}
.rubrique-search.toggled:hover,
.rubrique-search.toggled:focus {
	background-color: var(--spip-color-theme-darker);
	border-color: var(--spip-color-theme-darker);
}
.rubrique-search svg {
	width: 0.85em;
	height: 0.85em;
}
.recherche_rapide_parent {
	margin-top: -2.2em;
	float: inline-end;
	z-index: 2;
	padding-left: 2em;
}

.recherche_rapide_parent input.search {
	border-radius: 99em;
	padding: 0.33em 1em;
	z-index: 2;
	position: relative;
}
.recherche_rapide_parent .loader {
	order: 2;
}
/**/
#choix_parent{
	margin-top: 0.5em;
}
#choix_parent_principal {
	position: relative;
	clear: both;
	height: 25vh;
	min-height: 15em;
	overflow: auto;
	background: var(--spip-color-theme-white);
	border: 1px solid var(--spip-form-border-color);
	border-top-left-radius: var(--spip-form-border-radius);
	border-top-right-radius: var(--spip-form-border-radius);
}
#choix_parent_selection {
	margin-top: -1px;
}
.informer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em !important;
	border-bottom-left-radius: var(--spip-form-border-radius);
	border-bottom-right-radius: var(--spip-form-border-radius);
	background-color: var(--spip-color-theme-light);
}
.informer__titre,
.informer__descriptif,
.informer__media {
	margin-bottom: 0.5em;
}
.informer__media {
	margin-inline-end: 0 !important;
	margin-top: 0 !important;
	margin-inline-start: 1em;
}
.informer__action {
	margin-inline-start: 1em;
}
.informer .btn {
	margin: 0;
}
.informer-auteur {
	/* background: #fff; */
	/* padding: 5px; */
	/* border-top: 0; */
}
/**/
#choix_parent .item {
	color: var(--spip-color-gray-dark);
	background-color: var(--spip-color-white);
	display: block;
}
#choix_parent .item.on {
	color: var(--spip-color-black);
	background-color: var(--spip-color-theme-lighter);
}
#choix_parent .item.on {
	color: var(--spip-color-black);
}
#choix_parent .item:hover {
	color: var(--spip-color-black);
	cursor: pointer;
}
/* voir aussi règles du plongeur */
#choix_parent .petit-item > div {
	display: flex; /* rendre tout le bloc cliquable */
}
#choix_parent .petit-item a {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-inline-end: 0.2em;
	flex: 1 1 auto;
	color: inherit;
}
#choix_parent .petit-item:hover,
#choix_parent .petit-item:focus {
	background-color: var(--spip-color-theme-lightest);
}


/* ----- */

/* Les éléments propres à chaque objet */


ul.item_picked li.article{padding-right:24px;background-image:url("prive/themes/spip/images/article-xx.svg?12px");background-size:12px;}
.item_picker .articles .type_objet {padding-right:24px; background:url("prive/themes/spip/images/article-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.article{background:url("prive/themes/spip/images/article-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.auteur{padding-right:24px;background-image:url("prive/themes/spip/images/auteur-xx.svg?12px");background-size:12px;}
.item_picker .auteurs .type_objet {padding-right:24px; background:url("prive/themes/spip/images/auteur-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.auteur{background:url("prive/themes/spip/images/auteur-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.rubrique{padding-right:24px;background-image:url("prive/themes/spip/images/rubrique-xx.svg?12px");background-size:12px;}
.item_picker .rubriques .type_objet {padding-right:24px; background:url("prive/themes/spip/images/rubrique-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.rubrique{background:url("prive/themes/spip/images/rubrique-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.forum{padding-right:24px;background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px");background-size:12px;}
.item_picker .forums .type_objet {padding-right:24px; background:url("plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.forum{background:url("plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.mot{padding-right:24px;background-image:url("plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px");background-size:12px;}
.item_picker .mots .type_objet {padding-right:24px; background:url("plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.mot{background:url("plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.groupe_mots{padding-right:24px;background-image:url("plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px");background-size:12px;}
.item_picker .groupes_mots .type_objet {padding-right:24px; background:url("plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.groupe_mots{background:url("plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.message{padding-right:24px;background-image:url("plugins-dist/organiseur/prive/themes/spip/images/message-16.png?1616773432");background-size:12px;}
.item_picker .messages .type_objet {padding-right:24px; background:url("plugins-dist/organiseur/prive/themes/spip/images/message-16.png?1616773432") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.message{background:url("plugins-dist/organiseur/prive/themes/spip/images/message-16.png?1616773432") no-repeat right 2px;background-size:12px;}


ul.item_picked li.petition{padding-right:24px;background-image:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432");background-size:12px;}
.item_picker .petitions .type_objet {padding-right:24px; background:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.petition{background:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432") no-repeat right 2px;background-size:12px;}


ul.item_picked li.signature{padding-right:24px;background-image:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432");background-size:12px;}
.item_picker .signatures .type_objet {padding-right:24px; background:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.signature{background:url("plugins-dist/petitions/prive/themes/spip/images/petition-16.png?1616773432") no-repeat right 2px;background-size:12px;}


ul.item_picked li.site{padding-right:24px;background-image:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px");background-size:12px;}
.item_picker .syndic .type_objet {padding-right:24px; background:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.site{background:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.syndic_article{padding-right:24px;background-image:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px");background-size:12px;}
.item_picker .syndic_articles .type_objet {padding-right:24px; background:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.syndic_article{background:url("plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.depot{padding-right:24px;background-image:url("plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px");background-size:12px;}
.item_picker .depots .type_objet {padding-right:24px; background:url("plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.depot{background:url("plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.plugin{padding-right:24px;background-image:url("prive/themes/spip/images/plugin-xx.svg?12px");background-size:12px;}
.item_picker .plugins .type_objet {padding-right:24px; background:url("prive/themes/spip/images/plugin-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.plugin{background:url("prive/themes/spip/images/plugin-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.paquet{padding-right:24px;background-image:url("plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px");background-size:12px;}
.item_picker .paquets .type_objet {padding-right:24px; background:url("plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.paquet{background:url("plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.evenement{padding-right:24px;background-image:url("plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?12px");background-size:12px;}
.item_picker .evenements .type_objet {padding-right:24px; background:url("plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.evenement{background:url("plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?12px") no-repeat right 2px;background-size:12px;}


ul.item_picked li.breve{padding-right:24px;background-image:url("plugins-dist/breves/prive/themes/spip/images/breve-16.png?1616773428");background-size:12px;}
.item_picker .breves .type_objet {padding-right:24px; background:url("plugins-dist/breves/prive/themes/spip/images/breve-16.png?1616773428") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.breve{background:url("plugins-dist/breves/prive/themes/spip/images/breve-16.png?1616773428") no-repeat right 2px;background-size:12px;}


ul.item_picked li.document{padding-right:24px;background-image:url("plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px");background-size:12px;}
.item_picker .documents .type_objet {padding-right:24px; background:url("plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px") no-repeat right center; background-size:12px;}
.item_picker .frame ul li.document{background:url("plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px") no-repeat right 2px;background-size:12px;}


/* Styles des éléments déjà sélectionnés */
ul.item_picked,fieldset ul.item_picked {list-style:none;margin:0;padding:0;float:left;}
ul.item_picked li {margin:0 2px 2px;padding:2px;background:#eee;border:1px solid #edf3fe;float:right;clear:none;background-repeat:no-repeat;background-position: right center;}
ul.item_picked li span.sep {display:none;}
ul.item_picked li label {margin:0;display:inline;float:none;}
.js ul.item_picked li .checkbox {display: none;}

ul.item_picked.select li {padding:2px 0;border:0;font-weight:bold;background:none;float:none;}
ul.item_picked.select ul > li {float:right;}
ul.item_picked.changing {}

/* Le bouton pour ouvrir le sélecteur */
.picker_bouton {float:left;clear:both;}

/* Styles de la partie contenant le sélecteur */
.item_picker {clear:right;font-size:0.95em;}
.item_picker .navigateur{border:1px solid #edf3fe;padding:0.2em;width:20em;} /* pas trop large pour une meilleure lecture */
.item_picker .chemin {background:#edf3fe; margin:0 0 0.25em 0;padding:0.3em;clear:both;}
.item_picker .chemin .on {margin:0;}
.item_picker a.choisir_ici {display:block;text-align:center;margin:0.2em 0;}
.item_picker a.choisir_ici span{padding-right:18px;background:transparent url('prive/themes/spip/images/ajouter-xx.svg?16px') no-repeat  right  center;background-size:16px;}
.item_picker .liste {margin:0;max-height:300px;overflow:auto;}
.item_picker .liste .type_objet {margin:0;}
.selecteur_type_unique .item_picker .liste .type_objet{display:none;}
.item_picker .liste ul {list-style:none;margin:0;padding:0;}
.item_picker .liste li {display:flex;align-items: center;gap: 0.3em;clear:both;line-height:1.1em;list-style:none;margin:0;padding:0;position:relative;}
.item_picker .liste a.ouvrir {flex-grow: 1;color:black;text-decoration:none;display:block;line-height:16px;padding:0.3em 0;padding-right:2px;padding-left:20px;background:transparent url('prive/images/deplier-right.svg') no-repeat  left  center;}
.item_picker .liste a.choisir {flex-grow: 0;display:block;width:1.5em;height:1.5em;text-indent:-10000px;background:url('prive/themes/spip/images/ajouter-xx.svg?16px') no-repeat center center;background-size: contain;}
.item_picker .liste a:hover,.item_picker .liste a:focus {background-color:#edf3fe;}

.item_picker .frame {background:#fff;border:1px solid #3874b0;width:159px;height:400px;float:right;overflow:auto;position:relative;}
.cadre .cadre_padding .item_picker .frame {width:153px;}
.fiche_objet .cadre .cadre_padding .item_picker .frame {width:148px;}
.item_picker .frame.total_3 {margin-right:-58px;border-right:3px solid #3874b0;}
.item_picker .frame.frame_0 {margin-right:0;z-index:1000;}
.item_picker .frame.frame_1 {z-index:1010;}
.item_picker .frame.frame_2 {z-index:1020;}
.item_picker .frame.frame_3 {z-index:1030;}
.item_picker .frame.frame_4 {z-index:1040;}

.item_picker .frame .frame_close {float:left;}
.item_picker .frame h2 {margin:0;padding:5px;background:#f6f9ff;font-size:1.3em;}
.item_picker .frame .pagination {font-size:0.9em;}

.item_picker .frame ul {list-style:none;margin:0;padding:0;}
.item_picker .frame ul li {display:block;clear:both;list-style:none;margin:0;padding:0 2px;padding-right:15px;padding-left:16px;position:relative;}

.item_picker .frame ul li:hover,.item_picker .frame ul li.on {background-color:#f6f9ff;}
.item_picker .frame a:hover,.item_picker .frame a:hover .ouvrir,.item_picker .frame a:hover .add {background-color:#edf3fe;}

.item_picker .frame ul li .ouvrir {position:absolute;display:block;top:0px;left:0px;}
.item_picker .frame ul >li .add {float:right;clear:right;}
.item_picker .frame ul li a {display:block;}
.item_picker .frame a {text-decoration:none;}

.browser .choix_rapide {font-size:0.9em;}
.browser #picker_id {padding:0;margin:0 5px;border:1px solid;}


/*
   Selecteurs de rubrique / article
   ayant une classe li.selecteur_item
   n'ont pas de marge a gauche pour occuper toute la largeur
*/
.formulaire_spip li.selecteur_item {
	padding-right:10px;background:#fff;
}
.formulaire_spip li.selecteur_item label {
	margin-right:0;display:block;float:left;padding:2px 0;
}



/* alertes.css::prive/themes/spip/alertes.css */
/**
Ce squelette définit les styles des messages d'alerte de l'espace privé.

Ce composant correspond aux balises #ALERTE_* et cie.

On maintient pour un temps la compat avec les vieux .notice, .error et .success
qui pourraient se ballader dans la nature, mais leur utilisation est dépréciée.

Organisation du fichier :

0. Variables
1. Habillage de base
2. Variantes principales
3. Autres variantes

Markup :

.msg-alert.type?.simple?
	.msg-alert__heading
	.msg-alert__text
*/

/**
 * ============
 * 0. Variables
 * ============
 */

/* Nb : la media-query au début sinon pb (?) */
@media (min-width: 768px) {
	:root {
		--spip-alert-spacing-x: 1.25rem;
		--spip-alert-spacing-y: 1.25rem;
		--spip-alert-iconsize: 1.25em;
		--spip-alert-closesize: 1.25em;
	}
}
:root {
	--spip-alert-spacing-x: 0.75rem;
	--spip-alert-spacing-y: 0.75rem;
	--spip-alert-border-radius: var(--spip-border-radius);
	--spip-alert-iconsize: 1.25em;
	--spip-alert-closesize: 1em;
}
.lat .msg-alert,
.msg-alert.mini {
	--spip-alert-spacing-x: 0.75rem;
	--spip-alert-spacing-y: 0.75rem;
	--spip-alert-iconsize: 1em;
	--spip-alert-closesize: 1em;
}
.msg-alert.large,
.formulaire_spip .reponse_formulaire {
	--spip-alert-spacing-x: 1.5rem;
	--spip-alert-spacing-y: 1.5rem;
	--spip-alert-iconsize: 1.5em;
	--spip-alert-closesize: 1.25em;
}


/**
 * ====================
 * 1. Habillage de base
 * ====================
 */


 /* Conteneur */
.msg-alert,
.msg-alert * {
	box-sizing: border-box;
}
.msg-alert,
.notice, .error, .success,
.formulaire_spip .reponse_formulaire {
	position: relative;
	padding: var(--spip-alert-spacing-y) var(--spip-alert-spacing-x);
	/* gouttière + taille icone + espacement arbitraire avec le texte */
	padding-inline-start: calc(var(--spip-alert-spacing-x) + var(--spip-alert-iconsize) + 0.75em);
	margin: calc(var(--spip-margin-bottom) * 1.5) 0; /* Idem boîtes */
	background-repeat: no-repeat;
	/* Aligner icône au niveau de la 1ère ligne de texte */
	background-position: var(--spip-left) var(--spip-alert-spacing-x) top calc(var(--spip-alert-spacing-y) - ((var(--spip-alert-iconsize) - var(--spip-line-height)) / 2));
	background-size: var(--spip-alert-iconsize);
	font-weight: normal;
	border-radius: var(--spip-border-radius);
	box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.02);
	background-color: var(--spip-color-gray-lighter);
	border-inline-start: 0.5rem solid var(--spip-color-gray-light);
}


/* Titre */
.msg-alert__heading {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: calc(var(--spip-alert-spacing-y) / 2);
}

/* Rythme vertical des principauxs éléments blocks du texte */
.msg-alert__text p,
.msg-alert__text ul,
.msg-alert__text blockquote,
.msg-alert__text table {
	margin-bottom: calc(var(--spip-alert-spacing-y) / 2);
}
.msg-alert__text > *:last-child {
	margin-bottom: 0 !important; /* obligé car sélecteurs trop spécifiques ailleurs (#conteneur ul.spip) */
}

/* Liens */
.msg-alert a {
	color: var(--spip-color-black);
	text-decoration: underline;
}

/* Code */
.msg-alert tt,
.msg-alert code {
	color: var(--spip-color-black);
}


/**
 * ========================
 * 2. Variantes principales
 * ========================
 */


/* Notice */
.msg-alert.notice,
.notice {
	color:            hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 18%);
	background-color: hsl(var(--spip-color-notice--h), 90%, 88%);
	border-color:     hsl(var(--spip-color-notice--h), 100%, 48%);
	background-image: image-set(var(--spip-alert-img-notice) 1x);
}

/* Erreur */
.msg-alert.error,
.formulaire_spip .reponse_formulaire_erreur,
.error {
	color:            hsl(var(--spip-color-error--h), var(--spip-color-error--s), 18%);
	background-color: hsl(var(--spip-color-error--h), 60%, 95%);
	border-color:     hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
	background-image: image-set(var(--spip-alert-img-error) 1x);
}

/* Succès */
.msg-alert.success,
.formulaire_spip .reponse_formulaire_ok,
.success {
	color:            hsl(var(--spip-color-success--h), var(--spip-color-success--s), 15%);
	background-color: hsl(var(--spip-color-success--h), 55%, 90%);
	border-color:     hsl(var(--spip-color-success--h), var(--spip-color-success--s), 45%);
	background-image: image-set(var(--spip-alert-img-success) 1x);
}

/* Information */
.msg-alert.info,
.information {
	color:            hsl(var(--spip-color-info--h), var(--spip-color-info--s), 25%);
	background-color: hsl(var(--spip-color-info--h), 45%, 93%);
	border-color:     hsl(var(--spip-color-info--h), var(--spip-color-info--s), 60%);
	background-image: image-set(var(--spip-alert-img-info) 1x);
}


/**
 * ===================
 * 3. Autres variantes
 * ===================
 * Ces variantes peuvent se conjuguer aux variantes principales : .notice.mini, .error.large, etc.
 */


/* Variante mini, automatique en colonne latérale : voir variables */
.msg-alert.mini,
.lat .msg-alert {
	font-size: 0.9em;
	margin: calc(var(--spip-margin-bottom) * 0.75) 0; /* Moitié */
}

/* Variante large : voir variables */
.msg-alert.large,
.formulaire_spip .reponse_formulaire {
	/* font-size: 1.1em; */
}

/* Variante fermable */
.msg-alert.fermable {
	padding-inline-end: calc((var(--spip-alert-spacing-x) * 2) + 1.5em);
}
.msg-alert__close {
	width: var(--spip-alert-closesize);
	height: var(--spip-alert-closesize);
	position: absolute;
	z-index: 2;
	/* Aligner icône au niveau de la 1ère ligne de texte */
	top: calc(var(--spip-alert-spacing-y) + (var(--spip-line-height) - var(--spip-alert-closesize)));
	/* top: var(--spip-alert-spacing-y); */
	inset-inline-end: var(--spip-alert-spacing-x);
	padding: 0;
	background: transparent center/1em auto no-repeat;
	background-image: image-set(var(--spip-alert-img-close) 1x);
	background-size: contain;
	border: 0;
	opacity: 0.75;
}
.msg-alert__close:hover,
.msg-alert__close:focus {
	opacity: 1;
	background-color: transparent;
}

/* Bloc ajax invalid apres reload */
.ajaxbloc.invalid {
	box-shadow: 0 0 var(--spip-alert-spacing-x) hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
}

/* alertes.css::prive/themes/spip/alertes.css */
/**
 * ============
 * 0. Variables
 * ============
 */


/* Nb : la media-query au début sinon pb (?) */
@media (min-width: 768px) {
	:root {
		--spip-alert-spacing-x: 1.25rem;
		--spip-alert-spacing-y: 1.25rem;
		--spip-alert-iconsize: 1.25em;
		--spip-alert-closesize: 1.25em;
	}
}
:root {
	--spip-alert-spacing-x: 0.75rem;
	--spip-alert-spacing-y: 0.75rem;
	--spip-alert-border-radius: var(--spip-border-radius);
	--spip-alert-iconsize: 1.25em;
	--spip-alert-closesize: 1em;
}
.lat .msg-alert,
.msg-alert.mini {
	--spip-alert-spacing-x: 0.75rem;
	--spip-alert-spacing-y: 0.75rem;
	--spip-alert-iconsize: 1em;
	--spip-alert-closesize: 1em;
}
.msg-alert.large,
.formulaire_spip .reponse_formulaire {
	--spip-alert-spacing-x: 1.5rem;
	--spip-alert-spacing-y: 1.5rem;
	--spip-alert-iconsize: 1.5em;
	--spip-alert-closesize: 1.25em;
}


/**
 * ====================
 * 1. Habillage de base
 * ====================
 */


 /* Conteneur */
.msg-alert,
.msg-alert * {
	box-sizing: border-box;
}
.msg-alert,
.notice, .error, .success,
.formulaire_spip .reponse_formulaire {
	position: relative;
	padding: var(--spip-alert-spacing-y) var(--spip-alert-spacing-x);
	/* gouttière + taille icone + espacement arbitraire avec le texte */
	padding-right: calc(var(--spip-alert-spacing-x) + var(--spip-alert-iconsize) + 0.75em);
	margin: calc(var(--spip-margin-bottom) * 1.5) 0; /* Idem boîtes */
	background-repeat: no-repeat;
	/* Aligner icône au niveau de la 1ère ligne de texte */
	background-position: right var(--spip-alert-spacing-x) top calc(var(--spip-alert-spacing-y) - ((var(--spip-alert-iconsize) - var(--spip-line-height)) / 2));
	background-size: var(--spip-alert-iconsize);
	font-weight: normal;
	border-radius: var(--spip-border-radius);
	box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.02);
	background-color: var(--spip-color-gray-lighter);
	border-right: 0.5rem solid var(--spip-color-gray-light);
}


/* Titre */
.msg-alert__heading {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: calc(var(--spip-alert-spacing-y) / 2);
}

/* Rythme vertical des principauxs éléments blocks du texte */
.msg-alert__text p,
.msg-alert__text ul,
.msg-alert__text blockquote,
.msg-alert__text table {
	margin-bottom: calc(var(--spip-alert-spacing-y) / 2);
}
.msg-alert__text > *:last-child {
	margin-bottom: 0 !important; /* obligé car sélecteurs trop spécifiques ailleurs (#conteneur ul.spip) */
}

/* Liens */
.msg-alert a {
	color: var(--spip-color-black);
	text-decoration: underline;
}

/* Code */
.msg-alert tt,
.msg-alert code {
	color: var(--spip-color-black);
}


/**
 * ========================
 * 2. Variantes principales
 * ========================
 */


/* Notice */
.msg-alert.notice,
.notice {
	color:            hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 18%);
	background-color: hsl(var(--spip-color-notice--h), 90%, 88%);
	border-color:     hsl(var(--spip-color-notice--h), 100%, 48%);
	background-image: url("prive/themes/spip/images/warning-xx.svg?24px");
}

/* Erreur */
.msg-alert.error,
.formulaire_spip .reponse_formulaire_erreur,
.error {
	color:            hsl(var(--spip-color-error--h), var(--spip-color-error--s), 18%);
	background-color: hsl(var(--spip-color-error--h), 60%, 95%);
	border-color:     hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
	background-image: url("prive/themes/spip/images/erreur-xx.svg?24px");
}

/* Succès */
.msg-alert.success,
.formulaire_spip .reponse_formulaire_ok,
.success {
	color:            hsl(var(--spip-color-success--h), var(--spip-color-success--s), 15%);
	background-color: hsl(var(--spip-color-success--h), 55%, 90%);
	border-color:     hsl(var(--spip-color-success--h), var(--spip-color-success--s), 45%);
	background-image: url("prive/themes/spip/images/ok-xx.svg?24px");
}

/* Information */
.msg-alert.info,
.information {
	color:            hsl(var(--spip-color-info--h), var(--spip-color-info--s), 25%);
	background-color: hsl(var(--spip-color-info--h), 45%, 93%);
	border-color:     hsl(var(--spip-color-info--h), var(--spip-color-info--s), 60%);
	background-image: url("prive/themes/spip/images/info-xx.svg?24px");
}


/**
 * ===================
 * 3. Autres variantes
 * ===================
 * Ces variantes peuvent se conjuguer aux variantes principales : .notice.mini, .error.large, etc.
 */


/* Variante mini, automatique en colonne latérale : voir variables */
.msg-alert.mini,
.lat .msg-alert {
	font-size: 0.9em;
	margin: calc(var(--spip-margin-bottom) * 0.75) 0; /* Moitié */
}

/* Variante large : voir variables */
.msg-alert.large,
.formulaire_spip .reponse_formulaire {
	/* font-size: 1.1em; */
}

/* Variante fermable */
.msg-alert.fermable {
	padding-left: calc((var(--spip-alert-spacing-x) * 2) + 1.5em);
}
.msg-alert__close {
	width: var(--spip-alert-closesize);
	height: var(--spip-alert-closesize);
	position: absolute;
	z-index: 2;
	/* Aligner icône au niveau de la 1ère ligne de texte */
	top: calc(var(--spip-alert-spacing-y) + (var(--spip-line-height) - var(--spip-alert-closesize)));
	/* top: var(--spip-alert-spacing-y); */
	left: var(--spip-alert-spacing-x);
	padding: 0;
	background: transparent url("prive/themes/spip/images/fermer-xx.svg?16px") center/1em auto no-repeat;
	background-size: contain;
	border: 0;
	opacity: 0.75;
}
.msg-alert__close:hover,
.msg-alert__close:focus {
	opacity: 1;
	background-color: transparent;
}

/* Bloc ajax invalid apres reload */
.ajaxbloc.invalid {
	box-shadow: 0 0 var(--spip-alert-spacing-x) hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
}



/* code.css::prive/themes/spip/code.css */
/* Codes */
.spip_code,
.spip_cadre {
	border: 1px solid hsl(var(--spip-color-theme--h), 10%, 85%);
	background-color: hsla(var(--spip-color-theme--h), 10%, 95%, .75);
	color: hsl(var(--spip-color-theme--h), 10%, 20%);
}

.spip_code {
	font-size:0.85em;
	border-radius: 0.125em;
	text-shadow: 0 1px 0 hsl(var(--spip-color-theme--h), 10%, 80%);
}

.spip_cadre {
	font-size: 1em;
	border-radius: 0.25em;
}

.spip_code.spip_code_inline {
	margin: 0 0.125em;
	padding: 0 0.125em;
}

.spip_code.spip_code_block,
.spip_cadre.spip_cadre_block {
	margin-bottom: var(--spip-margin-bottom);
	width: 100%;
	box-sizing:border-box;
	padding:0.75em;
	overflow: auto;
}

.precode {
	position:relative;
}

.spip_code.spip_code_block[data-language]::before,
.spip_cadre.spip_cadre_block[data-language]::before {
	position: absolute;
	top: 5px;
	right: 6px;
	content: attr(data-language);
	text-transform: lowercase;
	font-family: monospace;
	line-height: 1;
	font-size: 0.8rem;
	color: hsl(var(--spip-color-theme--h), 20%, 50%);
	text-shadow: none;
}

/* code.css::prive/themes/spip/code.css */
.spip_code,
.spip_cadre {
	border: 1px solid hsl(var(--spip-color-theme--h), 10%, 85%);
	background-color: hsla(var(--spip-color-theme--h), 10%, 95%, .75);
	color: hsl(var(--spip-color-theme--h), 10%, 20%);
}

.spip_code {
	font-size:0.85em;
	border-radius: 0.125em;
	text-shadow: 0 1px 0 hsl(var(--spip-color-theme--h), 10%, 80%);
}

.spip_cadre {
	font-size: 1em;
	border-radius: 0.25em;
}

.spip_code.spip_code_inline {
	margin: 0 0.125em;
	padding: 0 0.125em;
}

.spip_code.spip_code_block,
.spip_cadre.spip_cadre_block {
	margin-bottom: var(--spip-margin-bottom);
	width: 100%;
	box-sizing:border-box;
	padding:0.75em;
	overflow: auto;
}

.precode {
	position:relative;
}

.spip_code.spip_code_block[data-language]::before,
.spip_cadre.spip_cadre_block[data-language]::before {
	position: absolute;
	top: 5px;
	right: 6px;
	content: attr(data-language);
	text-transform: lowercase;
	font-family: monospace;
	line-height: 1;
	font-size: 0.8rem;
	color: hsl(var(--spip-color-theme--h), 20%, 50%);
	text-shadow: none;
}



/* content.css::prive/themes/spip/content.css */
/*
Ce squelette definit les styles de l'espace prive
*/

/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */
html {background-color:#eee;}


/**
 * ============
 * Pied de page
 * ============
 */
#pied {
	font-size: 0.9em;
	/* border-top:1px solid #ddd; */
	background: hsl(0, 0%, 93%);
	margin-top: var(--spip-margin-bottom);
	padding-top: calc(var(--spip-margin-bottom) * 1.5);
	padding-bottom: calc(var(--spip-margin-bottom) * 1.5);
	overflow: hidden;
}
#pied .largeur {
	display: flex;
	flex-flow: column;
}
/* Texte copyright, liens, infos de version, etc. */
#copyright *:last-child {
	margin-bottom: 0;
}
/* Logo Spip */
#pied .lien-logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--spip-color-theme);
	margin-top: 2em;
	transition: color 0.2s;
}
#pied .lien-logo:hover,
#pied .lien-logo:focus {
	color: var(--spip-color-theme-dark);
}
#pied .lien-logo:after {
	display: none; /* flèche unicode liens sortants */
}
#pied svg.logo_spip {
	/* height: 100%; */
	height: calc(var(--spip-line-height) * 3); /* ~3 lignes */
	width: auto;
}
/* Responsive */
@media (min-width: 580px) {
	#pied .largeur {
		flex-flow: row nowrap;
		justify-content: flex-end;
	}
	#copyright {
		flex: 10;
		text-align: end;
	}
	#pied .lien-logo {
		margin-inline-start: 1.5em;
		margin-top: 0;
	}
}


#chemin { overflow: hidden; margin: 0; padding: 0;	text-align:start;}
@media (min-width: 1200px) {
	#chemin {
		font-size: 0.9333em;
	}
}
#chemin > a  { color: #444; }
#chemin > a:hover { text-decoration: underline;  }

#chemin .bouton_deplacer {display:inline-block;position:relative;padding-inline-start:20px;}
#chemin .bouton_deplacer .image_loading {position:absolute;top:0;inset-inline-start:0;}
.edition #chemin .bouton_deplacer,.edition #chemin #chercher_rubrique {display: none;}

#chemin .aide {padding-top: 0px; }

/* Liens hypertexte */
a { text-decoration: none; color: var(--spip-color-theme-dark); }
a:hover { text-decoration: underline; }
a.icone { text-decoration: none; }
a.icone:hover { text-decoration: none; }

a.plus_info {display:block;float:inline-end;}

img.puce { width: 7px; height: 7px; border: 0; }
img.lang { width: 12px; height: 12px; border: 0; }


/* * Styles generes par les raccourcis de mise en page */

.chapo { font-weight: bold; color: #333; }

#wysiwyg a, .wysiwyg a { /*color: #604A7F;*/ text-decoration: underline; }
#wysiwyg a:hover, .wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }

/* Signaler les liens JS suspect */
#wysiwyg a[href*="javascript:"],
.wysiwyg a[href*="javascript:"] {
	background: yellow;
	pointer-events: none;
}
#wysiwyg a[href*="javascript:"]:after,
.wysiwyg a[href*="javascript:"]:after {
	display: inline-block;
	content: attr(href);
	margin-left: 0.25em;
	font-family: 'lucida console',monospace;
	font-size: 0.85em;
	font-weight: normal;
}
#wysiwyg a[href*="javascript:"]:before,
.wysiwyg a[href*="javascript:"]:before {
	display: inline;
	content: "⚠️";
	margin-right: 0.25em;
	text-decoration: none;
}

.boutonlien { font-weight: bold; font-size: 9px; }
a.boutonlien:hover { color: #454545; text-decoration: none; }
a.boutonlien { color: #808080; text-decoration: none; }

a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-inline-end: -3px; opacity: 0.7; }
a.triangle_block:hover { opacity: 1; }

a.ical {
	background: no-repeat top center;
	background-image: image-set(var(--spip-content-img-synchro) 1x);
	padding-inline-start: 30px;
	padding-bottom: 20px;
}

.enfants ul { list-style: none; }
.enfants ul li.rubrique_12 {
	background: var(--spip-left) center no-repeat;
	background-image: image-set(var(--spip-img-objet-rubrique) 1x);
	background-size:12px; padding: 2px;
	padding-inline-start: 18px;
	margin-inline-start: 6px;
	position:relative;
}


/* menu langues */
.lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: var(--spip-color-theme); }

/* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
/*li .puce_statut { float: inline-start; padding-top: 5px; }
li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }*/
.puce_objet { position: relative; }
.puce_objet_fixe { position: relative; }

.puce_objet_popup, .puce_objet_popup * { box-sizing: content-box; }
.puce_objet_popup {
	position: absolute;
	visibility: hidden;
	border: 0px;
	background-color: white;
	padding: 0px;
	z-index: 10;
	top: -3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: var(--spip-list-border-radius);
	inset-inline-start: -7px;
	padding: 4px;
	line-height: 0;
}
.puce_objet_popup a { display: inline-block;}
.puce_objet_popup img { margin: 3px; border: 0; display: block;}
.puce_objet .puce_objet_popup { visibility: hidden; }
.puce_objet.on .puce_objet_popup { visibility: visible; }

.puce-survol-enabled:hover,
.puce-survol-enabled:focus
{
    background-color: var(--spip-color-gray-lighter);
}

.tabs-nav a { color: var(--spip-color-theme); }

/* generique */
#voir { overflow: hidden; }

#navigation .infos .numero { font-size: 0.769em;font-weight: bold; text-align: center; text-transform:uppercase;border-bottom: 1px solid #eee;padding-bottom: 10px;}
#navigation .infos .numero p { font-size: 2.4em; margin:5px 0;color:#333; font-family: Verdana, Geneva, sans-serif; }
#navigation .infos .noinfo { color:#ddd;}
#contenu .bandeau_actions { margin:5px 0;clear:both; }
#contenu .bandeau_actions a:hover { background: #fff; }
#contenu .logo_titre { float: inline-end; margin: 5px 0; margin-inline-start: 5px; }

#contenu .fiche_objet > .inner > .hd {padding-bottom: 0;}
#contenu .fiche_objet > .inner > .bd {padding-top: 0;}


/**
 * Affiche_milieu
 * --------------
 * Conteneur situé dans .fiche_objet, juste avant le #wysiwyg.
 *
 * Intention : distinguer visuellement tout ce qui précède le #wysiwyg.
 * Il s'agit principalement du contenu ajouté par le pipeline affiche_milieu.
 * Ce sont en général des éléments de configuration : formulaire editer_liens, etc.
 * On met par défaut ces blocs sur fond gris clair et en mode "mini" :
 * - formulaires
 * - listes
 * - boîtes simples
 * Si ces règles sont trop intrusives, supprimer et faire du cas par cas.
 * Voir aussi les variables de ces composant pour les tailles.
 */
.affiche_milieu:not(:last-child) {
	margin-bottom: calc(var(--spip-spacing-y) * 2); /* Espacer avec le contenu */
}
.fiche_objet .formulaire_editer_liens-auteurs,
.fiche_objet .formulaire_dater,
.affiche_milieu .formulaire_spip,
.affiche_milieu .liste-objets,
.affiche_milieu .box.simple {
	margin-bottom: calc(var(--spip-form-spacing-y) * 2);
	margin-top: calc(var(--spip-form-spacing-y) * 2);
	border-width: 0;
	background-color: var(--spip-color-gray-lightest);
	box-shadow: none !important; /* important = pour inclure hover et cie */
}
.affiche_milieu .formulaire_spip .boutons,
.affiche_milieu .box.simple .box__footer {
	background-color: transparent;
}
/* ajustement listes imbriquées */
.affiche_milieu .formulaire_spip .liste-objets,
.affiche_milieu .box.simple .liste-objets {
	border-width: 1px;
	background-color: transparent;
}
.affiche_milieu .formulaire_spip .liste-objets {
	margin-top: 0;
	margin-bottom: 0;
}
.affiche_milieu .liste-objets thead {
	background-color: transparent;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

#wysiwyg .champ>.label { clear: both;color:#888;}
#wysiwyg div p { margin-top: 0; }
#wysiwyg .champ {display:block; overflow: hidden; margin-bottom: 0.8em;}
#wysiwyg .contenu_ps { background:#dddddd; border:1px solid #666; padding:5px;  margin:1em 0;}
#wysiwyg .contenu_ps.vide {display: none;}
#wysiwyg .contenu_ps .label {display:inline; background:none;color:#666;}
#wysiwyg .contenu_notes { background:#fff; border-top:1px solid #666; padding-top:5px; margin:1em 0; font-size: 0.9em; line-height: 1.3em;}
#wysiwyg .contenu_notes.vide {display: none;}
#wysiwyg .contenu_notes .label {display:inline;font-weight:bold;background:none;color:#000;}
#wysiwyg .contenu_notes .notes { padding-inline-start: 2em;}
#wysiwyg .contenu_notes .spip_note_ref {display:block;float:inline-start;margin-inline-start:-2em;}
#wysiwyg .texte {font-size:1em;}

#wysiwyg { padding:5px;font-size: 1em;clear: both;}

#wysiwyg .contenu_soustitre,
#wysiwyg .contenu_surtitre,
#wysiwyg .contenu_titre {display: none;}
#wysiwyg .vide {display: none;}
#wysiwyg .contenu_descriptif,
#wysiwyg .contenu_nom_site,
#wysiwyg .contenu_bio,
#wysiwyg .contenu_ps { background:#eeeeee; border: 1px solid #ccc; padding: 1em 1em 0em 1em; margin: 1em 0 ;}
#wysiwyg .contenu_nom_site {padding: 1em;}
#wysiwyg .contenu_descriptif .label {color:#000;background:none;display:inline;font-size:1.1em;font-weight:bold;}
#wysiwyg .champ>.label { display: block; font-weight: bold; color:var(--spip-color-theme); font-family: var(--spip-font-family);font-size: 85%;}
#wysiwyg .champ>.label.label-none { display: none !important;}
#wysiwyg .champ>.label.label-inline { display: inline !important;}
#wysiwyg .champ>.label.label-inline-block { display: inline-block !important;}
#wysiwyg .champ>.label.label-block { display: block !important;}
#wysiwyg .contenu_chapo>.label,
#wysiwyg .contenu_texte>.label {display: none;}
#wysiwyg .contenu_lien_titre {margin:1em 0;}
#wysiwyg .contenu_lien_titre>.label{ color:#000;background:none;display:inline; font-size:1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
#wysiwyg .contenu_lien_titre .lien_titre p { display:inline;}

.site #wysiwyg .contenu_nom_site {display: none;}

.auteur #wysiwyg .contenu_nom,.infos_perso #wysiwyg .contenu_nom {display:none;}
#wysiwyg .contenu_email {margin:0.5em 0;}
#wysiwyg .contenu_email > div {display:inline;}
.auteur #wysiwyg .contenu_nom_site,.infos_perso #wysiwyg .contenu_nom_site {padding:0;border:0;background:none;margin:0.5em 0;}
.auteur #wysiwyg .contenu_nom_site > div,.infos_perso #wysiwyg .contenu_nom_site > div {display:inline;}
#wysiwyg .contenu_pgp>.label {display:inline;}
#wysiwyg .contenu_pgp .pgp code {overflow-wrap:break-word;}

h2.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-inline-start:16px;background-color: var(--spip-color-theme-light);font-size:14px;}

.aide .contenu-aide,
.box_mediabox .contenu-aide {
	padding-top: calc(var(--spip-spacing-y) * 1.25);
}
.box_mediabox .contenu-aide {min-width:450px;margin-right: 15px;}

/* content.css::prive/themes/spip/content.css */
/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */
html {background-color:#eee;}


/**
 * ============
 * Pied de page
 * ============
 */
#pied {
	font-size: 0.9em;
	/* border-top:1px solid #ddd; */
	background: hsl(0, 0%, 93%);
	margin-top: var(--spip-margin-bottom);
	padding-top: calc(var(--spip-margin-bottom) * 1.5);
	padding-bottom: calc(var(--spip-margin-bottom) * 1.5);
	overflow: hidden;
}
#pied .largeur {
	display: flex;
	flex-flow: column;
}
/* Texte copyright, liens, infos de version, etc. */
#copyright *:last-child {
	margin-bottom: 0;
}
/* Logo Spip */
#pied .lien-logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--spip-color-theme);
	margin-top: 2em;
	transition: color 0.2s;
}
#pied .lien-logo:hover,
#pied .lien-logo:focus {
	color: var(--spip-color-theme-dark);
}
#pied .lien-logo:after {
	display: none; /* flèche unicode liens sortants */
}
#pied svg.logo_spip {
	/* height: 100%; */
	height: calc(var(--spip-line-height) * 3); /* ~3 lignes */
	width: auto;
}
/* Responsive */
@media (min-width: 580px) {
	#pied .largeur {
		flex-flow: row nowrap;
		justify-content: flex-end;
	}
	#copyright {
		flex: 10;
		text-align: var(--spip-right);
	}
	#pied .lien-logo {
		margin-right: 1.5em;
		margin-top: 0;
	}
}


#chemin { overflow: hidden; margin: 0; padding: 0;	text-align:right;}
@media (min-width: 1200px) {
	#chemin {
		font-size: 0.9333em;
	}
}
#chemin > a  { color: #444; }
#chemin > a:hover { text-decoration: underline;  }

#chemin .bouton_deplacer {display:inline-block;position:relative;padding-right:20px;}
#chemin .bouton_deplacer .image_loading {position:absolute;top:0;right:0;}
.edition #chemin .bouton_deplacer,.edition #chemin #chercher_rubrique {display: none;}

#chemin .aide {padding-top: 0px; }

/* Liens hypertexte */
a { text-decoration: none; color: var(--spip-color-theme-dark); }
a:hover { text-decoration: underline; }
a.icone { text-decoration: none; }
a.icone:hover { text-decoration: none; }

a.plus_info {display:block;float:left;}

img.puce { width: 7px; height: 7px; border: 0; }
img.lang { width: 12px; height: 12px; border: 0; }


/* * Styles generes par les raccourcis de mise en page */

.chapo { font-weight: bold; color: #333; }

#wysiwyg a, .wysiwyg a { /*color: #604A7F;*/ text-decoration: underline; }
#wysiwyg a:hover, .wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }

/* Signaler les liens JS suspect */
#wysiwyg a[href*="javascript:"],
.wysiwyg a[href*="javascript:"] {
	background: yellow;
	pointer-events: none;
}
#wysiwyg a[href*="javascript:"]:after,
.wysiwyg a[href*="javascript:"]:after {
	display: inline-block;
	content: attr(href);
	margin-left: 0.25em;
	font-family: 'lucida console',monospace;
	font-size: 0.85em;
	font-weight: normal;
}
#wysiwyg a[href*="javascript:"]:before,
.wysiwyg a[href*="javascript:"]:before {
	display: inline;
	content: "⚠️";
	margin-right: 0.25em;
	text-decoration: none;
}

.boutonlien { font-weight: bold; font-size: 9px; }
a.boutonlien:hover { color: #454545; text-decoration: none; }
a.boutonlien { color: #808080; text-decoration: none; }

a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-left: -3px; opacity: 0.7; }
a.triangle_block:hover { opacity: 1; }

a.ical { background: url("prive/themes/spip/images/synchro-xx.svg?24px") no-repeat; background-position: top center; padding-right: 30px; padding-bottom: 20px; }

.enfants ul { list-style: none; }
.enfants ul li.rubrique_12 {background:url("prive/themes/spip/images/rubrique-xx.svg") right center no-repeat; background-size:12px; padding: 2px; padding-right: 18px; margin-right: 6px;position:relative;}


/* menu langues */
.lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #3874b0; }

/* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
/*li .puce_statut { float: right; padding-top: 5px; }
li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }*/
.puce_objet { position: relative; }
.puce_objet_fixe { position: relative; }

.puce_objet_popup, .puce_objet_popup * { box-sizing: content-box; }
.puce_objet_popup {
	position: absolute;
	visibility: hidden;
	border: 0px;
	background-color: white;
	padding: 0px;
	z-index: 10;
	top: -3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: var(--spip-list-border-radius);
	right: -7px;
	padding: 4px;
	line-height: 0;
}
.puce_objet_popup a { display: inline-block;}
.puce_objet_popup img { margin: 3px; border: 0; display: block;}
.puce_objet .puce_objet_popup { visibility: hidden; }
.puce_objet.on .puce_objet_popup { visibility: visible; }

.puce-survol-enabled:hover,
.puce-survol-enabled:focus
{
    background-color: var(--spip-color-gray-lighter);
}

.tabs-nav a { color: #3874b0; }

/* generique */
#voir { overflow: hidden; }

#navigation .infos .numero { font-size: 0.769em;font-weight: bold; text-align: center; text-transform:uppercase;border-bottom: 1px solid #eee;padding-bottom: 10px;}
#navigation .infos .numero p { font-size: 2.4em; margin:5px 0;color:#333; font-family: Verdana, Geneva, sans-serif; }
#navigation .infos .noinfo { color:#ddd;}
#contenu .bandeau_actions { margin:5px 0;clear:both; }
#contenu .bandeau_actions a:hover { background: #fff; }
#contenu .logo_titre { float: left; margin: 5px 0; margin-right: 5px; }

#contenu .fiche_objet > .inner > .hd {padding-bottom: 0;}
#contenu .fiche_objet > .inner > .bd {padding-top: 0;}


/**
 * Affiche_milieu
 * --------------
 * Conteneur situé dans .fiche_objet, juste avant le #wysiwyg.
 *
 * Intention : distinguer visuellement tout ce qui précède le #wysiwyg.
 * Il s'agit principalement du contenu ajouté par le pipeline affiche_milieu.
 * Ce sont en général des éléments de configuration : formulaire editer_liens, etc.
 * On met par défaut ces blocs sur fond gris clair et en mode "mini" :
 * - formulaires
 * - listes
 * - boîtes simples
 * Si ces règles sont trop intrusives, supprimer et faire du cas par cas.
 * Voir aussi les variables de ces composant pour les tailles.
 */
.affiche_milieu:not(:last-child) {
	margin-bottom: calc(var(--spip-spacing-y) * 2); /* Espacer avec le contenu */
}
.fiche_objet .formulaire_editer_liens-auteurs,
.fiche_objet .formulaire_dater,
.affiche_milieu .formulaire_spip,
.affiche_milieu .liste-objets,
.affiche_milieu .box.simple {
	margin-bottom: calc(var(--spip-form-spacing-y) * 2);
	margin-top: calc(var(--spip-form-spacing-y) * 2);
	border-width: 0;
	background-color: var(--spip-color-gray-lightest);
	box-shadow: none !important; /* important = pour inclure hover et cie */
}
.affiche_milieu .formulaire_spip .boutons,
.affiche_milieu .box.simple .box__footer {
	background-color: transparent;
}
/* ajustement listes imbriquées */
.affiche_milieu .formulaire_spip .liste-objets,
.affiche_milieu .box.simple .liste-objets {
	border-width: 1px;
	background-color: transparent;
}
.affiche_milieu .formulaire_spip .liste-objets {
	margin-top: 0;
	margin-bottom: 0;
}
.affiche_milieu .liste-objets thead {
	background-color: transparent;
	border-bottom: 1px solid var(--spip-box-sep-color);
}

#wysiwyg .champ>.label { clear: both;color:#888;}
#wysiwyg div p { margin-top: 0; }
#wysiwyg .champ {display:block; overflow: hidden; margin-bottom: 0.8em;}
#wysiwyg .contenu_ps { background:#dddddd; border:1px solid #666; padding:5px;  margin:1em 0;}
#wysiwyg .contenu_ps.vide {display: none;}
#wysiwyg .contenu_ps .label {display:inline; background:none;color:#666;}
#wysiwyg .contenu_notes { background:#fff; border-top:1px solid #666; padding-top:5px; margin:1em 0; font-size: 0.9em; line-height: 1.3em;}
#wysiwyg .contenu_notes.vide {display: none;}
#wysiwyg .contenu_notes .label {display:inline;font-weight:bold;background:none;color:#000;}
#wysiwyg .contenu_notes .notes { padding-right: 2em;}
#wysiwyg .contenu_notes .spip_note_ref {display:block;float:right;margin-right:-2em;}
#wysiwyg .texte {font-size:1em;}

#wysiwyg { padding:5px;font-size: 1em;clear: both;}

#wysiwyg .contenu_soustitre,
#wysiwyg .contenu_surtitre,
#wysiwyg .contenu_titre {display: none;}
#wysiwyg .vide {display: none;}
#wysiwyg .contenu_descriptif,
#wysiwyg .contenu_nom_site,
#wysiwyg .contenu_bio,
#wysiwyg .contenu_ps { background:#eeeeee; border: 1px solid #ccc; padding: 1em 1em 0em 1em; margin: 1em 0 ;}
#wysiwyg .contenu_nom_site {padding: 1em;}
#wysiwyg .contenu_descriptif .label {color:#000;background:none;display:inline;font-size:1.1em;font-weight:bold;}
#wysiwyg .champ>.label { display: block; font-weight: bold; color:#3874b0; font-family: var(--spip-font-family);font-size: 85%;}
#wysiwyg .champ>.label.label-none { display: none !important;}
#wysiwyg .champ>.label.label-inline { display: inline !important;}
#wysiwyg .champ>.label.label-inline-block { display: inline-block !important;}
#wysiwyg .champ>.label.label-block { display: block !important;}
#wysiwyg .contenu_chapo>.label,
#wysiwyg .contenu_texte>.label {display: none;}
#wysiwyg .contenu_lien_titre {margin:1em 0;}
#wysiwyg .contenu_lien_titre>.label{ color:#000;background:none;display:inline; font-size:1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
#wysiwyg .contenu_lien_titre .lien_titre p { display:inline;}

.site #wysiwyg .contenu_nom_site {display: none;}

.auteur #wysiwyg .contenu_nom,.infos_perso #wysiwyg .contenu_nom {display:none;}
#wysiwyg .contenu_email {margin:0.5em 0;}
#wysiwyg .contenu_email > div {display:inline;}
.auteur #wysiwyg .contenu_nom_site,.infos_perso #wysiwyg .contenu_nom_site {padding:0;border:0;background:none;margin:0.5em 0;}
.auteur #wysiwyg .contenu_nom_site > div,.infos_perso #wysiwyg .contenu_nom_site > div {display:inline;}
#wysiwyg .contenu_pgp>.label {display:inline;}
#wysiwyg .contenu_pgp .pgp code {overflow-wrap:break-word;}


/* fond des miniatures de logos et documents */
.miniature_logo, .miniature_document {
	background: url("prive/images/fond-grille.gif") top left;
}

h2.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-right:16px;background-color: #9cbad8;font-size:14px;}

.aide .contenu-aide,.box_mediabox .contenu-aide {padding-top:1.385em;}
.box_mediabox .contenu-aide {min-width:450px;margin-right: 15px;}



/* exceptions.css::prive/themes/spip/exceptions.css */
/*************************************/
/* directives specifiques a une page */
#navigation .sous_navigation { margin-top: calc(var(--spip-spacing-y) * 1.75); }
/* exec=admin_plugin */
.liste-plugins.formulaire_spip {border:0;background:none;padding:0;}
.liste-plugins .liens {padding:6px;background:#ddd; margin-inline-start: -6px; margin-inline-end: -7px;}
#liste_plugins .boutons { margin: -6px; }
.liste-plugins .liste-items {margin-left: -6px; margin-right: -6px;}
.liste-plugins .liste-items .item {background:#f4f4f4;position:relative;padding-inline-start:76px; padding-inline-end: 10px;}
.liste-plugins .liste-items .item.actif {background:#fff;}
.liste-plugins .liste-items .item.actif:hover {background:#e8e8e8;}
.liste-plugins .liste-items .item.on {background: var(--spip-color-theme-lighter);}
.liste-plugins .liste-items .item.disabled .resume h3,
.liste-plugins .liste-items .item.disabled .resume .version,
.liste-plugins .liste-items .item.disabled .resume .etat,
.liste-plugins .liste-items .item.disabled .resume .short,
.liste-plugins .liste-items .item.disabled .resume .icon {filter: grayscale(100%);opacity: 0.8;}
.liste-plugins .liste-items .item.error {margin:0;background-image:none;border:2px solid #8A1F11;}

.liste-plugins .liste-items .item .resume {min-height:32px;}

.liste-plugins .liste-items .item .short {color:#666;font-size:0.95em;}
.liste-plugins .liste-items .item .check {float:inline-start;margin-inline-start:-70px;position:relative;display:inline;}
.liste-plugins .liste-items .item .check input {margin:0;}
.liste-plugins .liste-items .item .check label {display:none;}

.liste-plugins .liste-items .item .download {float:inline-start;margin-inline-start:-70px;position:relative;display:inline;}

.liste-plugins .liste-items .item h3 {display:inline;}
.liste-plugins .liste-items .item h3 a {color:#444;}
.liste-plugins .liste-items .item.actif h3 a {color:var(--spip-color-theme);}

.liste-plugins .liste-items .item .icon {position:absolute;top:3px;inset-inline-start:34px;width:32px;height:32px;overflow:hidden;}
.liste-plugins .liste-items .item .icon img {max-width: 32px;height: auto;}
.liste-plugins .liste-items .item .icon.no-logo img {filter: grayscale(100%) blur(0.5px);}

.liste-plugins .liste-items .item .actions {float:inline-end;visibility:hidden;}
.liste-plugins .liste-items .item:hover .actions {visibility:visible;}

.liste-plugins .liste-items .item .picto_err,
.liste-plugins .liste-items .item .cfg_link { position:absolute; inset-inline-end:4px; top:4px; }
.liste-plugins .liste-items .item .picto_err.picto_compat_forcee { opacity:0.5;filter: sepia(100%);inset-inline-end:36px;}

.liste-plugins .liste-items .item .details dl {float:inline-start;width:62%;margin-bottom:0;}
.liste-plugins .liste-items .item .details dl.tech {float:inline-end; width:32%;font-size:0.9em;overflow-wrap:break-word;text-align:end;}
.liste-plugins .liste-items .item .details dl.description dt {float:inline-start;padding-inline-end:0.5em;}
.liste-plugins .liste-items .item .details dd {margin-bottom:0;}

.install-plugins {position: relative;}
.install-plugins .result {font-weight: bold;}

.erreur_message-plugins {border:1px solid red;background:#f0d0d0;font-weight:normal;padding:10px;font-size:0.9em;}
.erreur_message-plugins >ul {list-style:none;}
.erreur_message-plugins .info_todo {margin:10px 0;}

#liste_plug { border: solid 1px var(--spip-color-theme); padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }


/* editer_auteurs */
.option_separateur_statut_auteur { background: var(--spip-color-theme-light); }
.option_auteur { background: #e4e4e4; }

/* exec/articles */

/* exec/rubriques */
#contenu div.gauche { width: 49%; float: inline-start; }
#contenu div.droite { width: 49%; float: inline-end; }

/* exec/auteur_infos */
.auteur .infos .statut {margin:5px 0;border-bottom :1px solid #eee;}
.auteur .infos .statut ul {margin-bottom:0;}

.configurer_preferences #extra {display: none;}
.configurer_preferences.large #extra {display: block;}

/* exec/accueil/accueil-information (ticket #2598) */
#navigation .accueil_informations .item:hover {background:none;}
#navigation .accueil_informations .item.on:hover {background-color: var(--spip-color-theme-lightest);}
#navigation .accueil_informations h4 .plus_info {display:none;}


/* prive/accueil */
.accueil_informations ul.liste-items {
	margin-left: calc(-1 * var(--spip-box-spacing-x));
	margin-right: calc(-1 * var(--spip-box-spacing-x));
}

.accueil_informations ul.liste-items li {
	padding-left: var(--spip-box-spacing-x);
	padding-right: var(--spip-box-spacing-x);
}

/* exceptions.css::prive/themes/spip/exceptions.css */
/* * ***************************************************/
/* directives specifiques a une page */
#navigation .sous_navigation {margin-top:2.0775em}
/* exec=admin_plugin */
.liste-plugins.formulaire_spip {border:0;background:none;padding:0;}
.liste-plugins .liens {padding:6px;background:#ddd; margin-right: -6px; margin-left: -7px;}
#liste_plugins .boutons { margin: -6px; }
.liste-plugins .liste-items {margin-left: -6px; margin-right: -6px;}
.liste-plugins .liste-items .item {background:#f4f4f4;position:relative;padding-right:76px; padding-left: 10px;}
.liste-plugins .liste-items .item.actif {background:#fff;}
.liste-plugins .liste-items .item.actif:hover {background:#e8e8e8;}
.liste-plugins .liste-items .item.on {background:#ceddec;}
.liste-plugins .liste-items .item.disabled .resume h3,
.liste-plugins .liste-items .item.disabled .resume .version,
.liste-plugins .liste-items .item.disabled .resume .etat,
.liste-plugins .liste-items .item.disabled .resume .short,
.liste-plugins .liste-items .item.disabled .resume .icon {filter: grayscale(100%);opacity: 0.8;}
.liste-plugins .liste-items .item.error {margin:0;background-image:none;border:2px solid #8A1F11;}

.liste-plugins .liste-items .item .resume {min-height:32px;}

.liste-plugins .liste-items .item .short {color:#666;font-size:0.95em;}
.liste-plugins .liste-items .item .check {float:right;margin-right:-70px;position:relative;display:inline;}
.liste-plugins .liste-items .item .check input {margin:0;}
.liste-plugins .liste-items .item .check label {display:none;}

.liste-plugins .liste-items .item .download {float:right;margin-right:-70px;position:relative;display:inline;}

.liste-plugins .liste-items .item h3 {display:inline;}
.liste-plugins .liste-items .item h3 a {color:#444;}
.liste-plugins .liste-items .item.actif h3 a {color:#3874b0;}

.liste-plugins .liste-items .item .icon {position:absolute;top:3px;right:34px;width:32px;height:32px;overflow:hidden;}
.liste-plugins .liste-items .item .icon img {max-width: 32px;height: auto;}
.liste-plugins .liste-items .item .icon.no-logo img {filter: grayscale(100%) blur(0.5px);}

.liste-plugins .liste-items .item .actions {float:left;visibility:hidden;}
.liste-plugins .liste-items .item:hover .actions {visibility:visible;}

.liste-plugins .liste-items .item .picto_err,
.liste-plugins .liste-items .item .cfg_link { position:absolute; left:4px; top:4px; }
.liste-plugins .liste-items .item .picto_err.picto_compat_forcee { opacity:0.5;filter: sepia(100%);left:36px;}

.liste-plugins .liste-items .item .details dl {float:right;width:62%;margin-bottom:0;}
.liste-plugins .liste-items .item .details dl.tech {float:left; width:32%;font-size:0.9em;overflow-wrap:break-word;text-align:left;}
.liste-plugins .liste-items .item .details dl.description dt {float:right;padding-left:0.5em;}
.liste-plugins .liste-items .item .details dd {margin-bottom:0;}

.install-plugins {position: relative;}
.install-plugins .result {font-weight: bold;}

.erreur_message-plugins {border:1px solid red;background:#f0d0d0;font-weight:normal;padding:10px;font-size:0.9em;}
.erreur_message-plugins >ul {list-style:none;}
.erreur_message-plugins .info_todo {margin:10px 0;}

#liste_plug { border: solid 1px #3874b0; padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }


/* editer_auteurs */
.option_separateur_statut_auteur { background: #9cbad8; }
.option_auteur { background: #e4e4e4; }

/* exec/articles */

/* exec/rubriques */
#contenu div.gauche { width: 49%; float: right; }
#contenu div.droite { width: 49%; float: left; }

/* exec/auteur_infos */
.auteur .infos .statut {margin:5px 0;border-bottom :1px solid #eee;}
.auteur .infos .statut ul {margin-bottom:0;}

.configurer_preferences #extra {display: none;}
.configurer_preferences.large #extra {display: block;}

/* exec/accueil/accueil-information (ticket #2598) */
#navigation .accueil_informations .item:hover {background:none;}
#navigation .accueil_informations .item.on:hover {background-color:#e7eef6;}
#navigation .accueil_informations h4 .plus_info {display:none;}


/* prive/accueil */
.accueil_informations ul.liste-items {
	margin-left: calc(-1 * var(--spip-box-spacing-x));
	margin-right: calc(-1 * var(--spip-box-spacing-x));
}

.accueil_informations ul.liste-items li {
	padding-left: var(--spip-box-spacing-x);
	padding-right: var(--spip-box-spacing-x);
}



/* utils.css::prive/themes/spip/utils.css */

/* Éléments flottants */
.float-start {
	float: inline-start;
}
.float-end {
	float: inline-end;
}

/**
 * Éléments positionnés en sticky
 *
 * .sticky tout court est équivalent à .sticky-top
 * Par défaut l'élément est collé au parent, pour avoir un espacement,
 * ajouter .sticky-m-<taille> (m = marge, taille = de 1 à 3).
 *
 * La parent doit avoir un taille supérieure sinon aucun effet.
 * Il ne doit pas y avoir un ancêtre avec une règle overflow: hidden|auto
 */
:root {
	--spip-sticky-spacing-x: 0;
	--spip-sticky-spacing-y: 0;
}
.sticky,
.sticky-top,
.sticky-bottom,
.sticky-start,
.sticky-end {
	position: sticky !important; /* classe utilitaire = forcer */
	z-index: 10; /* doit passer par dessus les autres éléments */
}
.sticky,
.sticky-top {
	top: var(--spip-sticky-spacing-y);
}
.sticky-bottom {
	bottom: var(--spip-sticky-spacing-y);
}
.sticky-start {
	inset-inline-start: var(--spip-sticky-spacing-x);
}
.sticky-end {
	inset-inline-end: var(--spip-sticky-spacing-x);
}
/* Classes à ajouter en plus pour avoir un espacement */
.sticky-m-1 {
	--spip-sticky-spacing-x: var(--spip-spacing-x);
	--spip-sticky-spacing-y: var(--spip-spacing-y);
}
.sticky-m-2 {
	--spip-sticky-spacing-x: calc(var(--spip-spacing-x) * 2);
	--spip-sticky-spacing-y: calc(var(--spip-spacing-y) * 2);
}
.sticky-m-3 {
	--spip-sticky-spacing-x: calc(var(--spip-spacing-x) * 3);
	--spip-sticky-spacing-y: calc(var(--spip-spacing-y) * 3);
}

/**
 * Tableaux : éléments <th> en sticky
 *
 * Par commodité, on peut placer une classe sur une ligne <tr> entière plutôt que sur chaque cellule.
 * Les cellules doivent avoir un fond de couleur pour un rendu correct.
 */
/* Sticky vertical dans thead ou tbody */
table tr.row-sticky-top th:not([class*=sticky]) {
	position: sticky !important;
	top: 0;
	z-index: 10;
}
/* Sticky horizontal dans tbody uniquement
 * En cas de double emploi horizontal dans tbody + vertical dans thead,
 * il faut aussi mettre les classes .sticky-start.sticky-top sur la cellule concernée dans le thead
*/
table tbody tr.row-sticky-start th:not([class*=sticky]) {
	position: sticky !important;
	inset-inline-start: 0;
	top: initial;
	z-index: 9; /* Passer sous les lignes du thead qui seraient aussi en sticky */
}
table thead tr.row-sticky-top th[class*=sticky] {
	z-index: 11; /* Par dessus tout le reste */
}

/* utils.css::prive/themes/spip/utils.css */
/* Éléments flottants */
.float-start {
	float: var(--spip-left); /* fallback */
	float: inline-start;
}
.float-end {
	float: var(--spip-right); /* fallback */
	float: inline-end;
}

/**
 * Éléments positionnés en sticky
 *
 * .sticky tout court est équivalent à .sticky-top
 * Par défaut l'élément est collé au parent, pour avoir un espacement,
 * ajouter .sticky-m-<taille> (m = marge, taille = de 1 à 3).
 *
 * La parent doit avoir un taille supérieure sinon aucun effet.
 * Il ne doit pas y avoir un ancêtre avec une règle overflow: hidden|auto
 */
:root {
	--spip-sticky-spacing-x: 0;
	--spip-sticky-spacing-y: 0;
}
.sticky,
.sticky-top,
.sticky-bottom,
.sticky-start,
.sticky-end {
	position: sticky !important; /* classe utilitaire = forcer */
	z-index: 10; /* doit passer par dessus les autres éléments */
}
.sticky,
.sticky-top {
	top: var(--spip-sticky-spacing-y);
}
.sticky-bottom {
	bottom: var(--spip-sticky-spacing-y);
}
.sticky-start {
	inset-inline-start: var(--spip-sticky-spacing-x);
}
.sticky-end {
	inset-inline-end: var(--spip-sticky-spacing-x);
}
/* Classes à ajouter en plus pour avoir un espacement */
.sticky-m-1 {
	--spip-sticky-spacing-x: var(--spip-spacing-x);
	--spip-sticky-spacing-y: var(--spip-spacing-y);
}
.sticky-m-2 {
	--spip-sticky-spacing-x: calc(var(--spip-spacing-x) * 2);
	--spip-sticky-spacing-y: calc(var(--spip-spacing-y) * 2);
}
.sticky-m-3 {
	--spip-sticky-spacing-x: calc(var(--spip-spacing-x) * 3);
	--spip-sticky-spacing-y: calc(var(--spip-spacing-y) * 3);
}

/**
 * Tableaux : éléments <th> en sticky
 *
 * Par commodité, on peut placer une classe sur une ligne <tr> entière plutôt que sur chaque cellule.
 * Les cellules doivent avoir un fond de couleur pour un rendu correct.
 */
/* Sticky vertical dans thead ou tbody */
table tr.row-sticky-top th:not([class*=sticky]) {
	position: sticky !important;
	top: 0;
	z-index: 10;
}
/* Sticky horizontal dans tbody uniquement
 * En cas de double emploi horizontal dans tbody + vertical dans thead,
 * il faut aussi mettre les classes .sticky-start.sticky-top sur la cellule concernée dans le thead
*/
table tbody tr.row-sticky-start th:not([class*=sticky]) {
	position: sticky !important;
	inset-inline-start: 0;
	top: initial;
	z-index: 9; /* Passer sous les lignes du thead qui seraient aussi en sticky */
}
table thead tr.row-sticky-top th[class*=sticky] {
	z-index: 11; /* Par dessus tout le reste */
}



/* theme.css::prive/themes/spip/theme.css */
/** Habillage tire du plugin details_interface d'Arno* *******/
body {
	font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
	background-color: #f9f9f9;
	background-color: hsl(var(--spip-color-theme--h), 3%, 97%);
}


/* Fiche objet */
#contenu .fiche_objet > .box__header {
	line-height: 1.2;
	border-bottom: 0;
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
}
#contenu .fiche_objet > .box__header h1 {
	margin-bottom: 0.25em;
	line-height: inherit;
}
#contenu .fiche_objet > .box__header h1 .rang {
	opacity: 0.7;
}

#contenu .fiche_objet > .box__header h1,
#contenu .fiche_objet > .box__header .surtitre,
#contenu .fiche_objet > .box__header .soustitre {
	color: var(--spip-color-theme-dark);
	font-weight: normal;
	overflow-wrap: break-word;
	/* on laisse la place à la fin pour l'icône modifier */
	max-width: calc(100% - calc(var(--spip-icon-btn-width) + var(--spip-box-spacing-x)));
}


#contenu .fiche_objet > .box__header .surtitre,
#contenu .fiche_objet > .box__header .soustitre {
	line-height: inherit;
	opacity: 0.7;
	font-size: 1.6em;
}
.box.fiche_objet > .box__body {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
}
#contenu .fiche_objet .editer_urls {margin: 10px 0; }
#contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {margin: 10px -15px 0px -15px; clear: both;}
#contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {border-radius:0px;position:relative;}
#contenu .fiche_objet .editer_urls .boutons {border-radius:0px;position:relative;}

#contenu .fiche_objet {margin-bottom: 1em;}

/* Boîte articles proposés */
#contenu .fiche_objet .box.propose {
	background-color: var(--spip-color-theme-light);
}

h1 {font-size: 2em;line-height: 125%;}
.h1 {font-size: 2em;line-height: 125%;}

.en-edition {line-height: 120%;}

#chemin {}

.lat #documents_joints {border-top:0}
.lat #documents_joints .item {border-radius:5px;}

.fiche_objet #wysiwyg {padding: 0}
#wysiwyg .champ,.preview {font-size: 1.2em;line-height: 145%;font-family: Cambria, Georgia, 'Times New Roman', Times, serif;hyphens:auto;}
#wysiwyg .champ .label, #wysiwyg .champ label {text-align: start;}
#wysiwyg p,.preview p {margin: 0.8em 0;}
#wysiwyg h3.spip, .preview h3.spip {margin-top: 2.5em;margin-bottom: 1.8em;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-weight: normal;}
#wysiwyg .spip_note_ref,.preview .spip_note_ref {vertical-align: super;font-size: 80%;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;}

/* Tous les champs sur fond gris qui collent aux bords de la boîte */
#wysiwyg .contenu_descriptif,
#wysiwyg .contenu_bio {
	border: 0;
	margin-left: calc(var(--spip-box-spacing-x) * -1); /* = padding de fiche_objet */
	margin-right: calc(var(--spip-box-spacing-x) * -1); /* = padding de fiche_objet */
	padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x);
	background-color: var(--spip-color-gray-lightest);
}

#wysiwyg .contenu_descriptif .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_descriptif p {margin: 0.5em 0em;}
#wysiwyg .contenu_bio .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_bio p {margin: 0.5em 0em;}
#wysiwyg .contenu_nom_site {border: 0;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
#wysiwyg .contenu_nom_site .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_nom_site p {margin: 0.5em 0em;}
#wysiwyg .contenu_nom_site .label {display: inline-block;padding: 0;margin: 0;}
#wysiwyg .contenu_nom_site .nom_site {display: inline-block;padding: 0;margin: 0;}
#wysiwyg .contenu_notes {background-color: transparent;border-top: 0px solid #ccc;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
#wysiwyg .contenu_notes .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_notes .notes p {margin: 0.5em 0;}
#wysiwyg .contenu_notes .notes p .spip_note_ref {margin-left: -28px;}

#contenu .preview h1 {color: inherit;}

#text_area {height: 450px;padding: 10px;outline: none;border-top-left-radius:0px;border-top-right-radius:0px;position:relative;}

.logo_du_site {text-align: center;}

.en-edition {font-size: 95%;line-height: 120%;}
.en-edition button.submit {background-color: transparent;border: 0;color: red;cursor: pointer; padding:0}
.en-edition .bd {padding: 0;padding-bottom: 5px;}
.en-edition .bd .liste-items {border-top: 1px solid white;}
.en-edition .bd .liste-items li {border-bottom: 1px solid white;padding-left: 10px;padding-right: 10px;}

#portfolios h3 {padding: 7px 10px;background-color: var(--spip-color-theme);color: white;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;}

p.actions.right {
	float: inline-end;
	clear: none;
	margin-inline-start: 1em;
}

/* theme.css::prive/themes/spip/theme.css */
/** Habillage tire du plugin details_interface d'Arno* *******/



body {
	font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
	background-color: #f9f9f9;
	background-color: hsl(var(--spip-color-theme--h), 3%, 97%);
}


/* Fiche objet */
#contenu .fiche_objet > .box__header {
	line-height: 1.2;
	border-bottom: 0;
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
}
#contenu .fiche_objet > .box__header h1 {
	margin-bottom: 0.25em;
	line-height: inherit;
}
#contenu .fiche_objet > .box__header h1 .rang {
	opacity: 0.7;
}

#contenu .fiche_objet > .box__header h1,
#contenu .fiche_objet > .box__header .surtitre,
#contenu .fiche_objet > .box__header .soustitre {
	color: var(--spip-color-theme-dark);
	font-weight: normal;
	overflow-wrap: break-word;
	/* on laisse la place à la fin pour l'icône modifier */
	max-width: calc(100% - calc(var(--spip-icon-btn-width) + var(--spip-box-spacing-x)));
}


#contenu .fiche_objet > .box__header .surtitre,
#contenu .fiche_objet > .box__header .soustitre {
	line-height: inherit;
	opacity: 0.7;
	font-size: 1.6em;
}
.box.fiche_objet > .box__body {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
}
#contenu .fiche_objet .editer_urls {margin: 10px 0; }
#contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {margin: 10px -15px 0px -15px; clear: both;}
#contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {border-radius:0px;position:relative;}
#contenu .fiche_objet .editer_urls .boutons {border-radius:0px;position:relative;}

#contenu .fiche_objet {margin-bottom: 1em;}

/* Boîte articles proposés */
#contenu .fiche_objet .box.propose {
	background-color: var(--spip-color-theme-light);
}

h1 {font-size: 2em;line-height: 125%;}
.h1 {font-size: 2em;line-height: 125%;}

.en-edition {line-height: 120%;}

#chemin {}

.lat #documents_joints {border-top:0}
.lat #documents_joints .item {border-radius:5px;}

.fiche_objet #wysiwyg {padding: 0}
#wysiwyg .champ,.preview {font-size: 1.2em;line-height: 145%;font-family: Cambria, Georgia, 'Times New Roman', Times, serif;hyphens:auto;}
#wysiwyg .champ .label, #wysiwyg .champ label {text-align: right;}
#wysiwyg p,.preview p {margin: 0.8em 0;}
#wysiwyg h3.spip, .preview h3.spip {margin-top: 2.5em;margin-bottom: 1.8em;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-weight: normal;}
#wysiwyg .spip_note_ref,.preview .spip_note_ref {vertical-align: super;font-size: 80%;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;}

/* Tous les champs sur fond gris qui collent aux bords de la boîte */
#wysiwyg .contenu_descriptif,
#wysiwyg .contenu_bio {
	border: 0;
	margin-left: calc(var(--spip-box-spacing-x) * -1); /* = padding de fiche_objet */
	margin-right: calc(var(--spip-box-spacing-x) * -1); /* = padding de fiche_objet */
	padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x);
	background-color: var(--spip-color-gray-lightest);
}

#wysiwyg .contenu_descriptif .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_descriptif p {margin: 0.5em 0em;}
#wysiwyg .contenu_bio .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_bio p {margin: 0.5em 0em;}
#wysiwyg .contenu_nom_site {border: 0;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
#wysiwyg .contenu_nom_site .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_nom_site p {margin: 0.5em 0em;}
#wysiwyg .contenu_nom_site .label {display: inline-block;padding: 0;margin: 0;}
#wysiwyg .contenu_nom_site .nom_site {display: inline-block;padding: 0;margin: 0;}
#wysiwyg .contenu_notes {background-color: transparent;border-top: 0px solid #ccc;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
#wysiwyg .contenu_notes .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
#wysiwyg .contenu_notes .notes p {margin: 0.5em 0;}
#wysiwyg .contenu_notes .notes p .spip_note_ref {margin-left: -28px;}

#contenu .preview h1 {color: inherit;}

#text_area {height: 450px;padding: 10px;outline: none;border-top-left-radius:0px;border-top-right-radius:0px;position:relative;}

.logo_du_site {text-align: center;}

.en-edition {font-size: 95%;line-height: 120%;}
.en-edition button.submit {background-color: transparent;border: 0;color: red;cursor: pointer; padding:0}
.en-edition .bd {padding: 0;padding-bottom: 5px;}
.en-edition .bd .liste-items {border-top: 1px solid white;}
.en-edition .bd .liste-items li {border-bottom: 1px solid white;padding-left: 10px;padding-right: 10px;}

#portfolios h3 {padding: 7px 10px;background-color: #3874b0;color: white;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;}

p.actions.right {
	float: left;
	clear: none;
	margin-right: 1em;
}



/*** Plugins ***/

/* style_prive_plugin_licence.html */

 

.licence h4{
	background: url(plugins/auto/licence/v1.1.0/prive/themes/spip/images/licence-xx.svg?24px) no-repeat scroll left center transparent;
	background-size: var(--spip-list-heading-iconsize);
	margin-bottom: 0;
	margin-left: -8px;
	min-height: 24px;
	padding-left: 30px;
	padding-top: 4px;
}

.licence .formulaire_spip{
	margin:1em 0;
}

/* style_prive_plugin_medias.html */

 

.formulaire_editer_document {margin-bottom: 0;}
.formulaire_editer_document .editer_dimensions input {width:7em;}
.formulaire_editer_document .editer_parent {padding-inline-start:10px;}
.formulaire_editer_document .editer_parent label {margin-inline-start:0;display:block;float:left;padding:2px 0;}

.formulaire_editer_document .taille_modifiee {display:block;color: red;}

.formulaire_editer_document .editer_apercu .tourner {float:inline-end;}
.formulaire_editer_document .editer_apercu .tourner input.image {}
.formulaire_editer_document .editer_apercu .tourner button.image {}

.box_mediabox .formulaire_editer_document .invisible-first-save-button {inset-inline-end:0.5em !important;inset-inline-start:auto !important;top:-3em !important;}
.box_mediabox .formulaire_editer_document .boutons {position: sticky;bottom: -1rem;z-index: 100;}

.formulaire_joindre_document {margin-top: 0}
.formulaire_joindre_document .sourceup {}
.formulaire_joindre_document .infos {}
.formulaire_joindre_document .deballer_zip ul {font-size:0.9em;}
.formulaire_joindre_document .deballer_zip ul ul {font-size:1em;}
.formulaire_joindre_document .deballer_zip ol {padding-inline-start:0;margin:0;word-wrap:break-word;}
.lat .formulaire_joindre_document { margin-top: 2.0775em; }
.lat .formulaire_joindre_document .deballer_zip ol {max-width: 185px;}

.formulaire_joindre_document .deballer_zip .editer_options_upload_zip li {padding:0;}
.formulaire_joindre_document .deballer_zip .editer_options_upload_zip .erreur_message {margin-bottom:1em;}
#navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:0.85em;}
#navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label,
#extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label {float:none;}
#navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input,
#extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input {vertical-align:top;}

.formulaire_joindre_document .editer_fichier input.file {display:block;}
.formulaire_joindre_document .editer_refdoc_joindre input.text {width:50%;}

.onglets_simple .medias .image > *,
.onglets_simple .medias .audio > *,
.onglets_simple .medias .video > * {
	padding-inline-start: calc((var(--spip-tabs-spacing-x) * 1.5) + 16px);
	background-size: 16px;
	background-position: var(--spip-left) var(--spip-tabs-spacing-x) center;
	background-repeat: no-repeat;
}
.onglets_simple .medias .image > * { background-image: url("plugins-dist/medias/prive/themes/spip/images/media-image-xx.svg?16px"); }
.onglets_simple .medias .audio > * { background-image: url("plugins-dist/medias/prive/themes/spip/images/media-audio-xx.svg?16px"); }
.onglets_simple .medias .video > * { background-image: url("plugins-dist/medias/prive/themes/spip/images/media-video-xx.svg?16px"); }

.choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
.choix-type {margin:1em 0;padding:0;}


a.bouton_fermer {display:block;text-align:end;}

/**
 * Galerie
 */

/* Caption */
.liste-objets.galerie[class*="media-"] .caption {
	padding-left: var(--spip-list-heading-iconpadding);
	background-size: var(--spip-list-heading-iconsize);
	background-repeat: no-repeat;
	background-position: var(--spip-left) var(--spip-list-spacing-x) center;
}
.liste-objets.galerie.media-image .caption {
	background-image: url("plugins-dist/medias/prive/themes/spip/images/media-image-xx.svg?32px");
}
.liste-objets.galerie.media-audio .caption {
	background-image: url("plugins-dist/medias/prive/themes/spip/images/media-audio-xx.svg?32px");
}
.liste-objets.galerie.media-video .caption {
	background-image: url("plugins-dist/medias/prive/themes/spip/images/media-video-xx.svg?32px");
}

/* Colonne logo */
.liste-objets.galerie th.logo,
.liste-objets.galerie td.logo {
	width: 270px; /* laisser un peu respirer (largeur max image = 250px) */
	overflow: hidden;
	text-align: center;
}

/* Colonne infos : media, extension, distant, orphelin */
.liste-objets.galerie td.infos {
	min-width: 24px;
}
.liste-objets.galerie .type-media {
	margin-bottom: 0.2em;
}
.liste-objets.galerie .extension {
	text-transform: uppercase;
}

/* Colonne exif : infos techniques */
.liste-objets.galerie td.exif {
	vertical-align: top;
}
.liste-objets.galerie .fichier,
.liste-objets.galerie .taille {
	margin-bottom: 0.25em;
}
.liste-objets.galerie .fichier {
	display: block;
	max-width: 15em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.liste-objets.galerie .detaillees {
	display: grid;
	grid-template-columns: max-content 1fr;
	margin-bottom: 0.5em;
}
.liste-objets.galerie .detaillees__label,
.liste-objets.galerie .detaillees__valeur {
	padding: 0.33em 0;
	border-bottom: 1px solid var(--spip-box-sep-color);
}
.liste-objets.galerie .detaillees__valeur {
	padding-inline-start: 1em;
	margin-bottom: 0;
}
.liste-objets.galerie .detaillees__label:last-of-type,
.liste-objets.galerie .detaillees__valeur:last-of-type {
	border-bottom: 0;
}
/* dans les détails il faut voir le nom de fichier en entier */
.liste-objets.galerie .detaillees .fichier {
	margin: 0;
	word-wrap: break-word;
}
.liste-objets.galerie .detaillees .taille {
	margin: 0;
}
.liste-objets.galerie .detaillees .taille {}
.liste-objets.galerie .detaillees .date {}
.liste-objets.galerie .exif .utilisations {
	margin: 0;
	padding: 0;
	list-style: none;
}
.liste-objets.galerie .exif .utilisations__item {}
.liste-objets.galerie .exif .btn_link {
	padding-inline-start: 0;
	margin: 0;
}

/* Colonne titre + crédits + descriptif */
.liste-objets.galerie td.editorial {
	vertical-align: top;
	word-break:break-word;
}
.liste-objets.galerie td.editorial .titre:not(:last-child),
.liste-objets.galerie td.editorial .descriptif:not(:last-child),
.liste-objets.galerie td.editorial p {
	margin-bottom: 0.5em;
}
.liste-objets.galerie td.editorial p:last-child {
	margin-bottom: 0;
}
.liste-objets.galerie .titre {
	display: block;
}
.liste-objets.galerie .sans-titre {
	font-weight: normal;
	font-style: normal;
	color: var(--spip-color-gray);
}
.liste-objets.galerie .descriptif { }
.liste-objets.galerie .credits { }

/* Modale avec galerie pour choisir */
.popin-choisir_document {}
.popin-choisir_document .onglets_simple.second {
	display: none;
}
.popin-choisir_document .liste-objets.galerie td {
	word-wrap: break-word;
}
.popin-choisir_document .liste-objets.galerie tr > .logo {
	width: 200px;
}
.popin-choisir_document .liste-objets.galerie tr > .editorial {
	max-width: 20em;
}
.liste-objets.galerie .fichier {
	max-width: 12em;
	word-wrap: initial;
}

.spip_documents_legende {border:1px solid var(--spip-color-theme);text-align:center;font-size:0.9em;margin:0 0 1em;}
.spip_documents_legende dt {background:var(--spip-color-theme);color:#fff;padding:5px 3px;font-weight:bold;}
.spip_documents_legende dd {padding:3px 0;margin:0;}
.spip_documents_legende dd.vignette {margin:5px 0;}

.document_utilisations li.item {position:relative;padding-inline-end:24px;}
.document_utilisations li.item .vu {position:absolute;top:0;right:0;}


.pagination .tris {float:left;}

p.actions {clear:both;}

#documents_joints {margin-top:25px;}
#documents_joints .item {text-align:center;margin-bottom:25px;padding:0;border:1px solid var(--spip-color-theme);overflow:visible;}
#documents_joints .item.image {background:#fff;}
#documents_joints .item.document {background:#ddd;}
#documents_joints .item .infos {padding:6px;}
#documents_joints .item .titrem {margin-top:0px;text-align:left;background:var(--spip-color-theme);padding:5px;padding-left:16px;font-weight:bold;margin-bottom:5px;position:relative;font-size:x-small;word-wrap:break-word;}
#documents_joints .item .titrem .fichier {display:block;color:#fff;overflow:hidden;}
#documents_joints .item .titrem .titre {display:block;color:#000;}
#documents_joints .item .titrem .image_loading {position:absolute;bottom:-20px;right:0;}
#documents_joints .item .type {font-size:x-small;}
#documents_joints .item .raccourcis {margin:.5em 0;}
#documents_joints .item .raccourcis .raccourcis_group_label { display: block; font-size: .9em; }
#documents_joints .item div.mode {text-align:right;font-size:x-small;}
#documents_joints .item .actions {margin-top: 1em}
#documents_joints .item .actions a.editbox {
	display: inline-flex;
	margin: 0;
}
#documents_joints .item .tourner {
	float: inline-end;
}
#documents_joints .item .tourner button img {margin:0px;}

#documents_joints .item .actions > *,
#documents_joints .item .actions .deplacer-modifier {visibility:visible;}
#documents_joints .item:hover .actions > *,
#documents_joints .item:hover .tourner,
#documents_joints .item:hover .mode,
#documents_joints .item.hover .actions > *,
#documents_joints .item.hover .tourner,
#documents_joints .item.hover .mode {visibility:visible;}

.portfolios {}
.portfolios h3 {background-color:var(--spip-color-theme-light);padding:2px 10px;color:#000;margin-bottom:0;}
.portfolios .liste_items {margin-top:0;}
.portfolios .liste_items .pagination { clear:both; width:100%; }
.portfolios .liste_items > .pagination:first-child {  margin-top:0; margin-bottom:.6925em; }
.portfolios .item { clear:both; }
.portfolios .item .presentation {
	display:flex;
	flex-direction:row;
	width:100%;
}
.portfolios .item .vignette { width: 150px; min-width:150px; text-align: center; }
.portfolios .item .descriptions {
	display: flex;
	flex-direction: column;
	padding-inline-end: 0.6925em;
	margin-inline-start: 1em;
	width: 100%;
	flex-grow: 1;
}
.portfolios .item .titrem .vu { float:left; margin-inline-end:4px; }
.portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
.portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em; font-style:italic; display:block; }
.portfolios .item .titrem .titre {display:block;}
.portfolios .item .descriptif {
	color:#444;
	margin-bottom:.6925em;
	flex-grow: 1;
}
.portfolios .item .infos { }
.portfolios .item .infos .permanentes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2px 0; margin-top:.5em; color:rgba(0,0,0,.8);
	border-top:1px solid rgba(100, 100, 100, .1);
	border-bottom:1px solid rgba(100, 100, 100, .1);
}
.portfolios .item .infos .lien_details { margin: 0; }
.portfolios .item .infos .detaillees { display:none; }
.portfolios .item .infos .detaillees table.compact:first-child tr { border-top:0; }
.portfolios .item table.compact { background-color:rgba(255,255,255,.6); }
.portfolios .item table.compact th,
.portfolios .item table.compact td { padding:.3em .3em; }
.portfolios .item table.compact tr { border-top:1px solid rgba(100, 100, 100, .1); border-bottom:1px solid rgba(100, 100, 100, .1);  }
.portfolios .item table.compact tr:nth-child(2n) td,
.portfolios .item table.compact tr:nth-child(2n) th { background:none; }
.portfolios .item .infos .vide {  font-style:italic; opacity:.5; }
.portfolios .item div.mode {display:inline-block; clear:inline-end;}
.portfolios .item .actions {
	clear:both;
	overflow:visible;
	margin-top: auto;
	padding-top: 0.6925em;
}
.portfolios .item div.mode,
.portfolios .item .actions,
.portfolios .item div.mode button,
.portfolios .item .actions button {text-align: start; clear: none;}
.portfolios .item div.mode button,
.portfolios .item .actions button {display: inline;}

.portfolios .item .actions .deplacer-modifier {
	display: flex;
	align-items: center;
	visibility: visible;
	float: inline-end;
}
.portfolios .item .actions .editbox  {
	text-decoration: none;
	margin: 0;
}
.portfolios .item:hover .actions > *,
.portfolios .item:hover .mode,
.portfolios .item.hover .actions > *,
.portfolios .item.hover .mode {
	visibility:visible;
	z-index:1000;
	position: relative;
}

.portfolios .item .titre > .sanstitre,
.portfolios .item .titre > .sanstitre + .fichier {opacity:0.4;}

.portfolios .actions-liste { clear:both; margin-top:.6925em; }
.portfolios .actions-liste > * {display:inline; }

.item.vu_oui {background:#f9f9f9;}
.item.deplacer-document-placeholder { background-color: var(--spip-color-theme-lighter); }

.deplacer-document {
	display: inline-flex;
	float: var(--spip-left);
	margin-top: 1px;
	cursor: move;
}
.document-en-mouvement { cursor:move; }


/* Types d'affichages des listes de douments */
h3 .affichages {
	float:inline-end;
}

.affichages .icone {
	width:16px;
	height:16px;
	margin:0;
	padding:2px;
	display:inline-block;
	background:rgba(255, 255, 255, 0.5) center center no-repeat;
	border-radius:3px;
	cursor:pointer;
}
.affichages .icone + .icone {
	margin-inline-start:5px;
}
.affichages .icone.grand {
	background-image: url(plugins-dist/medias/prive/themes/spip/images/documents-liste-xx.svg?16px);
	background-size:16px;
}
.affichages .icone.liste {
	background-image: url(plugins-dist/medias/prive/themes/spip/images/documents-liste-courte-xx.svg?16px);
	background-size:16px;
}
.affichages .icone.cases {
	background-image: url(plugins-dist/medias/prive/themes/spip/images/documents-cases-xx.svg?16px);
	background-size:16px;
}
.affichages .icone.on {
	background-color:rgba(255, 255, 255, 0.9);
}
.affichages .icone.on:hover,
.affichages .icone:hover {
	background-color:rgba(255, 255, 255, 1);
}

/* Liste courte de documents */
.portfolios .documents_liste .item  {
	position:relative;
	padding:7px;
	display: flex;
}
.portfolios .documents_liste .item .vignette {
	width:65px;
	min-width: 65px;
}
.portfolios .documents_liste .item .vignette img {
	max-height: 36px;
	max-width:65px;
	height:auto;
	width:auto;
}
.portfolios .documents_liste .item .presentation {
	align-items: center;
	flex-grow: 1;
	overflow:hidden;
}
.portfolios .documents_liste .item .descriptions {
	flex-direction: row;
	align-items: center;
	width: calc(100% - 90px);
	padding-inline-end: 0;
}
.portfolios .item .descriptions {  overflow: hidden; }
.portfolios .documents_liste .item .infos,
.portfolios .documents_liste .item .descriptif,
.portfolios .documents_liste .item .mode,
.portfolios .documents_liste .item .actions > * {
	display:none;
}
.portfolios .documents_liste .item .titrem {
	margin-bottom:0;
	overflow: hidden;
}
.portfolios .documents_liste .item .titrem .fichier,
.portfolios .documents_liste .item .titrem .titre {
	max-height:2.4em;
	line-height:1.2em;
	overflow:hidden;
	white-space: nowrap;
	display:block;
	text-overflow:ellipsis; /* necessite des overflow:hidden; sur les parents */
}
.portfolios .documents_liste .item .actions {
	margin-inline-start: auto;
	margin-top: 0;
	align-items:center;
	text-align:end;
	padding-inline-end:0;
	padding-top: 0;
	min-width:80px;
}
.portfolios .documents_liste .item .actions .deplacer-modifier {
	display: inline-flex;
	float:none;
	margin-inline-end:0;
}
.documents_liste .deplacer-document-placeholder { height:40px; }


/* Grille en cases des documents. */
.portfolios .documents_cases .sortable {
	display:flex;
	flex-wrap: wrap;
}
.portfolios .documents_cases .item {
	padding: 2px;
	margin: 2px;
	border:1px solid #eee;
	border-radius:5px;
	width:113px;
	height:130px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.portfolios .documents_cases .item .presentation {
	flex-grow:1;
	justify-content: center;
	flex-direction: column;
}
.portfolios .documents_cases .item .descriptions {
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}
.portfolios .documents_cases .item .descriptions > *:not(.actions),
.portfolios .documents_cases .item .mode,
.portfolios .documents_cases .item .actions > * {
	display:none;
}
.portfolios .documents_cases .item .actions .deplacer-modifier {
	display: flex;
	width: 100%;
}
.documents_cases .deplacer-document { flex-shrink: 0 }
.documents_cases .deplacer-document-placeholder { height:130px; width:113px; padding: 2px; margin: 2px;}

.portfolios .documents_cases .item .vignette {
	width:auto;
	height:auto;
	min-width:auto;
}
.portfolios .documents_cases .item .vignette img {
	max-height: 95px;
	max-width:110px;
	width: auto;
	height: auto;
}

.portfolios  .item .vignette img.spip_document_icone {
	max-height:90px;
}


.portfolios .documents_cases .item .actions {
	display:block;
	width:100%;
	margin-bottom:0;
	box-sizing:border-box;
	padding: 2px 5px 1px 5px;
}

/* style_prive_plugin_breves.html */

 



/* style_prive_plugin_bigup.html */

 

/* Spécificités lorsqu'utilisé dans la colonne #navigation du privé */
#navigation .bigup_fichiers .description {
	flex-wrap:wrap;
	align-items: center;
}
#navigation .bigup_fichiers .actions {
	text-align:center;
	margin:.5em 0 0;
	width:100%;
}
#navigation .bigup_fichiers .previsualisation {
	width:100%;
	margin:0 0 .5em;
}
#navigation .bigup_fichiers .previsualisation + .infos {
	text-align:center;
	flex-basis: 100%;
}
#navigation .bigup_fichiers .previsualisation + .infos .name,
#navigation .bigup_fichiers .previsualisation + .infos .size {
	display: none;
}
#navigation .editer_fichier_upload {
	min-height: 90px;
}

#navigation .dropfile {
	margin: -5px;
	padding: 10px 10px;
	text-align:center;
}
#navigation .dropfileor {
	display:block;
	margin: 5px 0;
}


/* Spécificités sur des formulaires pour utilisation dans l'espace prive */
.formulaire_spip .dropfile {
	background: url("prive/themes/spip/images/fond-imgs.png") repeat center;
}

.formulaire_editer_logo .editer_logo_on {
	min-height: 90px;
	margin-top: -15px;
}
.formulaire_editer_logo .editer_logo_on label{
	margin-top: 15px;
}

.formulaire_joindre_document .editer_fichier_upload {
	margin-top: -15px;
}
.formulaire_joindre_document .editer_fichier_upload label{
	margin-top: 15px;
}
.formulaire_joindre_document .editer_fichier_upload .dropfile {
	padding: 20px 15px;
}



/*
 * Zones de dépot étendues
 */
#page {
	overflow: hidden;
	position: relative;
}

#chemin,#navigation,#extra {
	position: relative;
}

/* décoration de base */
.bigup-extended-drop-zone {}
.bigup-extended-drop-zone::before { z-index: -1; }
.bigup-extended-drop-zone.drag-over::before {
	background: #ddd !important;
	border:5px #333 dashed !important;
	opacity: 0.5 !important;
	z-index: 0;
}

/* Cible de la zone de dépot étendue */
.drag-target {
	position: relative;
	z-index: 2000;
	border-color: transparent;
}
.drag-target::after {
	content:'';
	display: block;
	position: absolute;
	inset-inline-start: -2px;
	inset-inline-end: -2px;
	top:-2px;
	bottom: -2px;
	border:5px dashed var(--spip-color-theme);
}

/* Sans dépot étendue, le bloc extended correspond à la zone habituelle de bigup */
.formulaire_spip .editer.bigup-extended-drop-zone {
	position: relative;
}
.formulaire_spip .editer.bigup-extended-drop-zone::before {
	top:10px;
	bottom:10px;
	inset-inline-start: 10px;
	inset-inline-end: 10px;
	background: transparent;
}
.formulaire_spip .editer.bigup-extended-drop-zone.drag-over::before {
	border:5px #333 dashed;
	opacity: 0.5;
}

/* Cas de zone étendues particulières */
.formulaire_spip.bigup-extended-drop-zone::before,
#navigation.bigup-extended-drop-zone::before,
#contenu.bigup-extended-drop-zone::before {
	content: '';
	display: block;
	position: absolute;
}
/* Un formulaire SPIP conteneur */
.formulaire_spip.bigup-extended-drop-zone::before {
	top: -10px;
	bottom: -10px;
	inset-inline-start: -10px;
	inset-inline-end: -10px;
	border-radius: 20px;
}

/* Le bloc #contenu */
#contenu.bigup-extended-drop-zone::before {
	top:10px;
	bottom:10px;
	inset-inline-start: 10px;
	right: 10px;
	background: #fff;
	opacity: 0.01;
	border-radius: 40px;
}

/* Le bloc #navigation */
#navigation.bigup-extended-drop-zone {
	position: relative;
}
#navigation.bigup-extended-drop-zone::before {
	top: 0;
	bottom: 0;
	inset-inline-start: -50vw;
	inset-inline-end: -10px;
	background: #fff;
	opacity: 0.01;
	border-radius: 40px;
}

/* style_prive_plugin_tri_par_rubrique.html */

 

.formulaire_editer_tri_rubrique .tri_rubrique-detail {
	padding: var(--spip-list-spacing-y) var(--spip-list-spacing-x);
	padding-right: 30px;
	min-height: 24px;
	background: url(plugins/auto/tri_par_rubrique/v1.7.3/prive/themes/spip/images/tri_par_rubrique_icone-16.png) no-repeat right;
	font-size: 1.09625em;
}
.formulaire_editer_tri_rubrique .tri_rubrique-detail span {
	font-weight: bold;
}

/* style_prive_plugin_agenda.html */

 

/*.pagination a.creer {float:right;}*/
/* vevent */
/*
li.item div.vevent h3 {margin:0;font-size:1.1em;}
li.item div.vevent p {margin:2px 0 0;}
li.item div.vevent p.date {font-size: 0.98em; }
ul.evenements li.item.court p,ul.evenements li.item.court .actions { display: none; }
li.item div.vevent p.category {font-size:0.9em;color:#999;}
*/
/* liste des evenements */
/*
.plier_deplier { float: right; font-size: 0.9em; }
.liste-items.evenements li.item { padding-left: 130px; }
.liste-items.evenements li.court { border-width: 1px; }
.liste-items.evenements li.item .jour { width: 120px; margin-left: -130px; float: right; display: inline; position: relative; overflow: hidden; white-space: nowrap; font-size: 98%; }

li.item .repetitions {margin-top:0.5em;font-size:0.9em;}
li.court .repetitions {display: none;}
li.item .repetitions ul,
li.item .repetitions li {display:inline;margin:0;padding:0;}
*/

.liste-items.evenements .actions {text-align:right;font-size:0.9em;margin:5px 0 0;}
.liste-objets.evenements p.date {margin-bottom: 0;}
.liste-objets.evenements .date.first-of {color:#000;}
.liste-objets.evenements .date.same-as {color:#ccc;}
 
.liste-objets.evenements .on td,.liste-objets.evenements .on th {background-color: #e6eef5}

.liste-objets.evenements tr.repetition {filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
.liste-objets.evenements .repetition .id a {display: block;}
/* sur la fiche rubriques */
.rubrique .agenda-statut img.statut {float:left;margin-right:5px;}
.rubrique .agenda-statut .bd {display: none;}

/* sur la fiche article */
.fiche_objet #agenda {position: relative;}
.fiche_objet #agenda .creer_evenement {position: absolute;top:-1px;right: 5px;}
.fiche_objet #agenda .onglets_simple {margin-bottom: 0}
.fiche_objet #agenda .onglets_simple+.liste-objets.evenements {margin-top: 0}
.fiche_objet #agenda .onglets_simple+.liste-objets.evenements+.creer_evenement {top:2em;}

/* sur la fiche evenement */
.evenement .fiche_objet .formulaire_dater {display: none;}
.evenement #wysiwyg .contenu_dates {margin-bottom: 1.5em;}
.evenement #wysiwyg .contenu_timezone_affiche .label {display: inline;font-weight: bold;}
.evenement #wysiwyg .contenu_timezone_affiche .timezone_affiche {display: inline;}
.evenement #wysiwyg .contenu_lieu .label {display: inline;font-weight: bold;}
.evenement #wysiwyg .contenu_lieu .lieu {display: inline;}
.evenement #wysiwyg .contenu_adresse .label {display: block;}
.evenement .fiche_objet .contenu_dates {padding-right:20px;background:url("plugins/auto/agenda/v5.1.0/prive/themes/spip/images/agenda-xx.svg?16px") no-repeat right 0.25em;background-size:16px;}
.evenement #wysiwyg .contenu_places {margin-top: 1em;}
.evenement #wysiwyg .contenu_places .label {display: inline;font-weight: bold;}
.evenement #wysiwyg .contenu_places .places {display: inline;}
.evenement .fiche_objet .contenu_repetitions:not(.msg-alert) {padding-right:20px;}
.evenement #wysiwyg .contenu_repetitions .label {display: inline;color:inherit;}
 .evenement #wysiwyg .contenu_repetition_de .label {display: block;color:inherit;}
.evenement .fiche_objet .contenu_repetitions .repetitions {display: inline;color:#999;}

/* edition d'un evenement */
.formulaire_editer_evenement .editer_parent {}
.formulaire_editer_evenement .editer_parent label {margin-right:0;display:block;float:left;padding:2px 0;width:130px;}
.formulaire_editer_evenement .editer_parent_disabled { background: #eee;}

.formulaire_editer_evenement .fieldset {margin-top: 0.75em;}

.formulaire_editer_evenement .editer_horaire {padding-top:0;margin-top:0; width: 45%; float: left;}
.formulaire_editer_evenement .editer_horaire label {margin:0;display:inline;width:auto;float:none;}
.formulaire_editer_evenement .editer_timezone_affiche {padding-top:0;margin-top:-1.7em; width: 45%; float: right; clear: none;}
.formulaire_editer_evenement .editer_timezone_affiche label {margin:0;display:inline;width:auto;float:none;}
.formulaire_editer_evenement .editer.editer_date,
.formulaire_editer_evenement .editer.editer_date li {clear:left;}
.formulaire_editer_evenement .editer.editer_date_debut_fin label { /*vertical-align: top;*/ }
.formulaire_editer_evenement img.ui-datepicker-trigger { max-width:1.25em;margin-top: -0.25em; }

.formulaire_editer_evenement input.date {width:6.5em !important;padding-right:20px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;}
.formulaire_editer_evenement span.afficher_horaire label {float:none;display:inline;padding:0;margin:0;}
.formulaire_editer_evenement input.heure {width:4.5em !important;}

.formulaire_editer_evenement .editer.editer_date label.heure {display:none;}
.formulaire_editer_evenement .editer.editer_date label {display:inline;float:none;margin:0;}

.formulaire_editer_evenement .editer_repetitions .information {margin: 0}
.formulaire_editer_evenement .editer_repetitions>label {display: inline-block}
.formulaire_editer_evenement .editer_repetitions>label+button {float:right;}
.formulaire_editer_evenement .ajouter_repetitions {display: flex;flex-direction: row;}
.formulaire_editer_evenement #repetitions_picker {order:2;width: auto;flex-grow: 2}
.formulaire_editer_evenement #repetitions_picker .datepicker-inline {width: auto}
.formulaire_editer_evenement #repetitions_picker+textarea[readonly] {margin-left: 20px;order:1;height: auto}
.formulaire_editer_evenement .editer_inscription .choix {display:block;}
.formulaire_editer_evenement .editer_inscription .choix input.text {width:50px;margin-left:1em;/*vertical-align:top;*/}

/* le picker */

/* begin: jQuery UI Datepicker moving pixels fix */
	table.ui-datepicker-calendar {border-collapse: separate;}
	.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */
/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #3874b0; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */

#repetitions_picker {}
.editer_repetitions textarea {width:100%;height:4em;color:#999;border:1px solid #999;}

/* Calendrier */
ul.menu li .pagination a, ul.menu li .pagination strong.on { display:inline; }

/* style_prive_plugin_saisies.html */

 

#wysiwyg .saisie_fieldset .champ {font-size: 1em;}



.navigation_avec_icones .bando2_saisie_evenements { background-image: url(plugins/auto/agenda/v5.1.0/prive/themes/spip/images/evenement-xx.svg?24px); }

.navigation_avec_icones .bando2_saisie_auteurs { background-image: url(local/cache-vignettes/L16xH16/saisies_auteurs-xx-3df5b.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_case { background-image: url(local/cache-vignettes/L16xH16/saisies_case-xx-0865f.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_checkbox { background-image: url(local/cache-vignettes/L16xH16/saisies_checkbox-xx-4ed92.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_choix_grille { background-image: url(local/cache-vignettes/L16xH16/saisies_grille-xx-24546.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_conteneur_inline { background-image: url(local/cache-vignettes/L16xH16/saisies_conteneur_inline-7a723.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_date { background-image: url(local/cache-vignettes/L16xH16/saisies_input_date-xx-fe540.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_destinataires { background-image: url(local/cache-vignettes/L16xH16/saisies_destinataires-xx-8df9a.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_email { background-image: url(local/cache-vignettes/L16xH16/saisies_input_email-xx-8f052.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_explication { background-image: url(local/cache-vignettes/L16xH16/saisies_explication-xx-a7027.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_fieldset { background-image: url(local/cache-vignettes/L16xH16/saisies_fieldset-xx-d3e20.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_hidden { background-image: url(local/cache-vignettes/L16xH16/saisies_hidden-xx-51cc0.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_input { background-image: url(local/cache-vignettes/L16xH16/saisies_input-xx-88721.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_mot { background-image: url(local/cache-vignettes/L16xH16/saisies_mots-xx-44088.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_radio { background-image: url(local/cache-vignettes/L16xH16/saisies_radio-xx-55257.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_selecteur_article { background-image: url(local/cache-vignettes/L16xH16/saisies_articles-xx-ee6ef.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_selecteur_document { background-image: url(local/cache-vignettes/L16xH16/saisies_documents-xx-1793c.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_selecteur_rubrique { background-image: url(local/cache-vignettes/L16xH16/saisies_rubriques-xx-06671.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_selecteur_rubrique_article { background-image: url(local/cache-vignettes/L16xH16/saisies_rubriques_articles-xx-7d83b.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_selection { background-image: url(local/cache-vignettes/L16xH16/saisies_select-xx-167b6.svg?1756074632); }

.navigation_avec_icones .bando2_saisie_textarea { background-image: url(local/cache-vignettes/L16xH16/saisies_textarea-xx-6127b.svg?1756074632); }



/* Thème des saisies fieldsets en onglets
 * La base mutualisée avec le public se trouve dans saisies.css.html
 * On s'inspire de material design : https://material.io/components/tabs
 */
.formulaire_spip fieldset.fieldset_onglet {
	border-top: 0;
}
.saisies-menu-onglets.saisies-menu-onglets {
	border-bottom: 0;
}
/* pseudo-element pour avoir une bordure en bas à la fin */
.saisies-menu-onglets__item:last-child {
	flex: 1 1 auto;
}
.saisies-menu-onglets__item:last-child:after {
	content: '';
	flex: 1 1 auto;
}
.saisies-menu-onglets__item:last-child:after,
.saisies-menu-onglets__lien {
	border-bottom: 2px solid hsla(0, 0%, 0%, 0.066);
}
.saisies-onglets-verticaux > .saisies-menu-onglets .saisies-menu-onglets__lien {
	border-left: 2px solid hsla(0, 0%, 0%, 0.066);
	border-bottom: 0;
	width: 100%;
}

.saisies-menu-onglets__lien {
	color: inherit;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.85em;
	transition: 0.05s all;
}
.saisies-menu-onglets__item .saisies-menu-onglets__lien.actif {
	color: #32689e;
	border-bottom-color: #3874b0;
	font-weight: 500;
}
.saisies-menu-onglets__lien:hover,
.saisies-menu-onglets__lien:focus {
	transition-duration: 0.2s;
}
.saisies-menu-onglets__lien:hover {
	border-bottom-color: #3874b0;
}

.formulaire_spip fieldset.fieldset_onglet_vertical {
	border: none;
	padding: 0;
	margin: 0;
}

.formulaire_spip fieldset.fieldset_onglet_vertical > .editer-groupe {
	padding: 0;
	margin: 0;
}

@media (min-width: 580px) {
	.saisies-onglets-verticaux > .saisies-menu-onglets {
		max-width: var(--spip-form-label-width) !important; /**Ne pas se laisser surprendre par les styles par défaut en 15em **/
		min-width: var(--spip-form-label-width) !important;
	}
}

.saisies-onglets-verticaux > .saisies-menu-onglets .saisies-menu-onglets__lien.actif {
	background-color: hsla(0, 0%, 0%, 0.05);
	border-bottom-color: hsla(0, 0%, 0%, 0.066);
	border-right-color: #3874b0;
}
/**
	Éviter d'avoir la toute première ligne
	du contenu d'un onglet vertical décalée
	vers le bas
**/
.saisies-onglets-verticaux > .saisies-contenu-onglet > fieldset{
	padding-top: 0;
	padding-bottom: 0;
}
.saisies-onglets-verticaux > .saisies-contenu-onglet > fieldset > .editer-groupe:first-of-type,
/** On cible volontairement div.editer pour ne pas avoir .fieldset.editer, où il est nécessaire de garder un peu de padding-top pour pas que le libellé/legend soit collé à la suite**/
.saisies-onglets-verticaux > .saisies-contenu-onglet > fieldset > .editer-groupe:first-of-type > div.editer:first-of-type
{
	padding-top: 0;
}
.saisies-onglets-verticaux > .saisies-menu-onglets .saisies-menu-onglets__lien {
	white-space: normal;/* Les onglets horizontaux ont nowrap*/
}

.formulaire_spip .saisies-onglets fieldset + fieldset,
.formulaire_spip .saisies-onglets .fieldset + .fieldset > fieldset {
	margin-top: 0/* Annulation de style de SPIP pour les fieldset successifs */
}
.formulaire_spip .saisies-onglets fieldset + fieldset,
.formulaire_spip .saisies-onglets .fieldset + .fieldset > fieldset,
.formulaire_spip .afficher_si_masque + fieldset,
.formulaire_spip .afficher_si_masque + .fieldset > fieldset
{
	margin-top: 0;/* Annulation de style de SPIP pour les fieldset successifs */
}

/* Dans les onglets, c'est seulement en troisième niveau qu'on va décaler à gauche */
.formulaire_spip .saisies-onglets fieldset:not(.editer) fieldset:not(.editer) {
	margin-left: 0;
}
.formulaire_spip .saisies-onglets fieldset:not(.editer) > fieldset:not(.editer) > fieldset:not(.editer) {
	margin-left: var(--spip-form-fieldset-offset);
}

.saisies-menu-onglets__lien:focus {
	background-color: hsla(0, 0%, 0%, 0.1);
}
.saisies-menu-onglets__lien.erreur {
	color: red;
}
.saisies-menu-onglets__lien.erreur:after {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background: url(prive/themes/spip/images/erreur-xx.svg?16px) no-repeat;
	background-size: contain;
	margin-right: 0.5em;
}
/* Menu scrollable quand les onglets dépassent */
.saisies-menu-onglets.scrollable {
	overflow-x: scroll;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	transition: scrollbar-color 0.2s;
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 2em,
		black calc(100% - 10em),
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 2em,
		black calc(100% - 10em),
		transparent 100%
	);
}
.saisies-menu-onglets.scrollable .saisies-menu-onglets__item:first-child {
	padding-right: 2em;
}
.saisies-menu-onglets.scrollable .saisies-menu-onglets__item:last-child {
	padding-left: 6em;
}
.saisies-menu-onglets.scrollable:hover {
	scrollbar-color: black transparent;
}
@supports (-moz-appearance:none){/*CSS spécifique FF, cf issue 180 */
	.saisies-menu-onglets.scrollable {
		padding-bottom:8px;
	}
}
.formulaire_spip__etapes {
	padding: 0.75em;
}

/** recap des étapes **/
.formulaire_spip .saisies_etapes_recapitulatif .editer_explication{
  padding-left:0;
  padding-right:0;
}
.saisies_etapes_recapitulatif {
   margin:10px;
}
/* Saisie groupe inline
 * La base mutualisée avec le public se trouve dans saisies.css.html
 */
.editer-groupe_inline > .editer:not(.en_configuration) {
	padding-left: 0;
	padding-right: 0;
}
.formulaire_construire_formulaire .conteneur_inline:not(.en_configuration)::before {
	content: 'Affichage en ligne';
	font-style: italic;
	font-size: 0.8em;
}
/* Que pour les legend des fieldset.editer */
.editer-groupe_inline > fieldset.editer:not(.en_configuration) > .editer-label {
	float: left;
}
.editer-groupe_inline > fieldset.editer:not(.en_configuration) > .editer-label + * {
	clear: both;
}

/**
	* Les intertitres pour les radio
**/
.choix-groupe + .choix-groupe > .editer-label {
	margin-top: 0.5em;
}


/** Indiquer les saisies dépubliées **/

.formulaire_construire_formulaire .configurable.depublie:before {
	content: 'Saisie dépubliée';
	font-style: italic;
	font-size: 0.8em;
}

/* style_prive_plugin_verifier.html */

 

body.verifier_doc {
	background-color: #efefef;
}


	
	.navigation_avec_icones .bando2_verifier_valeurs_acceptables { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_attribut_class { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_code_postal { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_comparaison_champ { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_couleur { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_date { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_decimal { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_email { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_entier { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_fichiers { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_iban { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_id_document { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_id_objet { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_isbn { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_regex { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_siren_siret { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_slug { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_taille { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_telephone { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }
	
	.navigation_avec_icones .bando2_verifier_url { background-image: url(local/cache-vignettes/L16xH16/98bd91d3416b0ec9d2147da205b578-d1e3e.svg?1749683949); }

/* style_prive_plugin_urls.html */

 

.fiche_objet .editer_urls .btn_link {
	color:#999;
	display: block;
	margin-inline-end: 100px;
	padding-inline-start: 20px;
	background: url("plugins-dist/urls_etendues/prive/themes/spip/images/url-xx.svg") no-repeat var(--spip-left) 0.4em;
	background-size:16px;
	text-align: start;
	user-select: text;
}
.fiche_objet .editer_urls .btn_link .url {color: #999; text-decoration: none; white-space: break-spaces; }
.fiche_objet .editer_urls .btn_link .edit {visibility: hidden;float: inline-end;margin-inline-start:1em;margin-top:-0.2em}

.fiche_objet .editer_urls .edition {display:none;}
.fiche_objet .editer_urls.open .edition {display:block;}
.fiche_objet .editer_urls .btn_link:hover,
.fiche_objet .editer_urls.open .btn_link {color: inherit;}
.fiche_objet .editer_urls .btn_link:hover .edit,
.fiche_objet .editer_urls.open .btn_link .edit {visibility: visible;}
.fiche_objet .editer_urls .liste-objets .objet {display: none;}
.fiche_objet .editer_urls .liste-objets {margin-bottom: 0; overflow:auto; width:100%; }
.fiche_objet .editer_urls .formulaire_spip {margin-top:0;border:0;border-top: 1px solid #EEE;}

/* style_prive_plugin_svp.css */
 
:root {
	--svp-pluginlist-iconsize: 18px;
	--svp-pluginlist-spacing-x: 0.75em;
}
@media (min-width: 500px) {
	:root {
		--svp-pluginlist-iconsize: 32px;
	}
}

/* **************** EXEC ADMIN PLUGIN ***************** */

.admin_plugin .actions_multiples .groupe-btns.cocher {
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
}
.admin_plugin .actions_multiples .action {
	width: 30%;
}

/**
 * Liste des plugins
 * Nb : incluse dans un formulaire
 */

.liste-plugins .liste.plugins,
.liste-plugins .liste.plugins .liste-items {
	margin-bottom: 0;
}
/* Coller la liste aux bords du form */
.liste-plugins .liste-items {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}

/* Item + états */
.liste-plugins .liste-items .item {
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	overflow: initial;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.liste-plugins .item .col-check {
	width: 1em;
	/* un peu arbitraire */
	text-align: var(--spip-left);
	margin-inline-end: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .col-icon {
	margin-inline-end: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .resume {
	align-self: center;
	flex: 1 1 min-content;
}
.liste-plugins .item .messages,
.liste-plugins .item .footer,
.liste-plugins .item .details {
	flex-basis: 100%;
	flex-wrap: wrap;
	margin-inline-start: calc(1em + var(--svp-pluginlist-iconsize) + (2 * var(--svp-pluginlist-spacing-x)));
}
.liste-plugins .item .footer {
	flex-wrap: wrap;
}

@media (min-width: 500px) {
	.liste-plugins .item .messages,
	.liste-plugins .item .footer,
	.liste-plugins .item .details {
		flex-wrap: nowrap;
	}
}

.liste-plugins .item:last-child {
	border: none;
}

.liste-plugins .item.actif,
.liste-plugins .item.verrou {
	background: #ffffff;
}
.liste-plugins .distants .item,
.liste-plugins .item.inactif {
	background: #f6f6f6;
}
.liste-plugins .liste-items .item.on {
	background: #f3f3f3;
}
.liste-plugins .item:hover {
	background: #eee !important;
}
.liste-plugins .liste-items .item.disabled {
	opacity: 1;
}
.liste-plugins .liste-items .item.attente {
	background-color: #FBE3E4;
}

/* Case à cocher */
.liste-plugins .liste-items .item .check {
	font-size: 1em;
	position: static;
	padding: 0 0 2px 0;
	margin: 0;
}

/* Résumé : logo, nom, version, slogan */
.liste-plugins .liste-items .item .resume {
	min-height: initial;
}
.liste-plugins .liste-items .item .icon {
	position: static;
	float: none;
	margin: 0px;
	width: var(--svp-pluginlist-iconsize);
	height: auto;
}
.liste-plugins .liste-items .item .icon img {
	width: 100%;
	max-width: var(--svp-pluginlist-iconsize);
}

.liste-plugins .label-etat {
	border: 2px solid #ccc;
	background-color: #fff3;
	padding: 0 5px;
	border-radius: 3px;
	margin-inline-start: .25em;
	cursor: default;
}
.label-etat.label-etat--actif {
	border-color: #78a327;
}
.label-etat.label-etat--verrouille {
	border-color: #e77b00;
}
.label-etat.label-etat--obsolete {
	border-color: #444;
	background-color: #444;
	color: white;
}

/* Messages */
.liste-plugins .messages {}
.liste-plugins .svp_message {
	display: block;
	font-weight: 500;
	font-size: 0.9em;
}
.liste-plugins .svp_message.important {
	color: #8A1F11;
}
.liste-plugins .svp_message.maj {
	color: #42a145;
}
.liste-plugins .svp_message.maj.maj_x {
	color: #ec681c;
}

/* Footer */
.liste-plugins .footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .25em;
}

/* Footer : liens */
.liste-plugins .footer .links {
	margin-inline-start: calc(var(--spip-btn-padding-x) * -1);
	margin-bottom: 0;
}

/* Footer : boutons d'actions */
.liste-plugins .liste-items .item .actions {
	visibility: visible;
	display: flex;
	margin-inline-start: auto;
	/* s'assurer que ce soit à droite */
}
.liste-plugins .actions>.btn {
	margin: 0;
}
.liste-plugins .actions>.btn:last-of-type {
	margin-inline-end: 0;
}
.liste-plugins .actions>.btn:last-of-type+.submit,
.liste-plugins .actions>.btn:last-of-type+.dropdown {
	margin-inline-start: 0.5em;
}
.liste-plugins .btn_config {
	margin-inline-end: 0.5em;
}

/* Footer : Dropdown Bootstrap */
.liste-plugins .dropdown {
	display: flex;
}
.liste-plugins .dropdown-toggle {
	margin: 0;
}
.liste-plugins .dropdown-menu {
	padding: 0;
}
.liste-plugins .dropdown-divider {
	margin: 0;
}
.liste-plugins input.dropdown-item {
	margin-bottom: 0;
	width: 100%;
	text-align: var(--spip-css-left);
}

/* Détails (visibles au clic) */
.liste-plugins .details {
	clear: both;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}
.liste-plugins .liste-items .item .details dl {
	float: none;
	width: auto;
	margin-bottom: 0;
}
.liste-plugins .liste-items .item .details dl.tech {
	float: none;
	clear: both;
	width: auto;
	text-align: start;
	font-size: 1em;
	word-wrap: break-word;
}
.liste-plugins .liste-items .item .details dl dt {
	float: inline-start;
	padding-inline-end: 0.5em;
}
.liste-plugins .liste-items .item .details dd {
	margin-bottom: 0;
}
.liste-plugins .details .description .desc {
	margin-bottom: 10px;
}

/* Bouton afficher incompatibles (avant la liste) */
#afficher_incompatibles {
	float: inline-end;
	margin-bottom: 1em;
	margin-top: -.5em;
	/* compenser le paragraphe de présentation */
}


/**
 * Validation des actions par popin
 */
.box_mediabox #charger_plugin_confirm {
	font-size: 110%;
	padding-bottom: 65px;
}
.box_mediabox #charger_plugin_confirm .reponse_formulaire {
	margin-bottom: 1em;
	line-height: 1.4em;
}
.box_mediabox #charger_plugin_confirm .boutons {
	font-size: 120%;
	margin-top: .5em;
	margin-bottom: 0;
	display: block;
	text-align: end;
	background: var(--spip-color-gray-lightest);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.box_mediabox #charger_plugin_confirm .boutons .submit {
	margin-top: .5em;
	margin-inline-end: .5em;
	margin-bottom: .5em;
	margin-inline-start: 0;
}

/**
 * Présentation des actions effectuées
 */
.svp_retour .fail {
	color: #c30000;
}
.svp_retour ul {
	margin-inline-start: 0.5em;
}
.svp_retour li {
	list-style-type: square;
	margin-inline-start: 0.5em;
}

.svp_plugins_toolbar {
	clear: both;
	background-color: var(--spip-box-sep-color);
	margin-left: calc(-1 * var(--spip-form-spacing-x));
	margin-right: calc(-1 * var(--spip-form-spacing-x));
	margin-top: 0 !important;
	margin-bottom: var(--spip-form-spacing-y);
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	font-size: 90%;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.svp_plugins_toolbar_filters {
	display: flex;
	flex-direction: row;
	margin-left: auto;
}

.svp_plugins_toolbar .groupe-btns_bloc {
	margin-bottom: 0;
}

.svp_plugins_toolbar_filters select {
	width: auto;
}

#dropdown_filter_type .dropdown-toggle {
	margin-bottom: 0;
}

input#filter_text {
	margin-right: .25em;
	width: 150px;
	border: 1px solid var(--spip-form-input-border-color);
	border-radius: var(--spip-form-input-border-radius);
	background-color: var(--spip-color-white);
	padding-left: .5em;
	padding-right: .5em;
}

.formulaire_admin_plugin>.titrem {
	align-items: baseline;
}
#svp_filters_reset {
	margin-left: .5em;
}

/* **************** EXEC PLUGIN ***************** */

/* Boite d'infos */
#navigation .infos .numero p.prefixe {
	font-size: 1.3em;
	text-transform: lowercase;
}
#navigation .info .branches {
	margin-top: 0.5em;
}
#navigation .info .actualite .liste-items {
	padding-top: 0.7em;
	border-top: 1px solid #eee;
}
/* Contenu objet */
.plugin #wysiwyg .champ.contenu_texte .label {
	display: block;
}


/* style_prive_plugin_svp.html */

 

:root {
	--svp-pluginlist-iconsize: 18px;
	--svp-pluginlist-spacing-x: 0.75em;
}
@media (min-width: 500px) {
	:root {
		--svp-pluginlist-iconsize: 32px;
	}
}

/* **************** EXEC ADMIN PLUGIN ***************** */

.admin_plugin .actions_multiples .groupe-btns.cocher {
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
}
.admin_plugin .actions_multiples .action {
	width: 30%;
}

/**
 * Liste des plugins
 * Nb : incluse dans un formulaire
 */

.liste-plugins .liste.plugins,
.liste-plugins .liste.plugins .liste-items {
	margin-bottom: 0;
}
/* Coller la liste aux bords du form */
.liste-plugins .liste-items {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}

/* Item + états */
.liste-plugins .liste-items .item {
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	overflow: initial;
	clear: both;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.liste-plugins .item .col-check {
	width: 1em; /* un peu arbitraire */
	text-align: var(--spip-left);
	margin-left: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .col-icon {
	margin-left: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .resume {
	align-self: center;
	flex: 1 1 min-content;
}
.liste-plugins .item .messages,
.liste-plugins .item .footer,
.liste-plugins .item .details {
	flex-basis: 100%;
	flex-wrap: wrap;
	margin-right: calc(1em + var(--svp-pluginlist-iconsize) + (2 * var(--svp-pluginlist-spacing-x)));
}
.liste-plugins .item .footer {
	flex-wrap: wrap;
}

@media (min-width: 500px) {
	.liste-plugins .item .messages,
	.liste-plugins .item .footer,
	.liste-plugins .item .details {
		flex-wrap: nowrap;
	}
}

.liste-plugins .item:last-child {
	border: none;
}

.liste-plugins .item.actif,
.liste-plugins .item.verrou {
	background: #ffffff;
}
.liste-plugins .distants .item,
.liste-plugins .item.inactif {
	background: #f6f6f6;
}
.liste-plugins .liste-items .item.on {
	background: #f3f3f3;
}
.liste-plugins .item:hover {
	background:#eee !important;
}
.liste-plugins .liste-items .item.disabled {
	opacity: 1;
}
.liste-plugins .liste-items .item.attente {
    background-color:#FBE3E4;
}

/* Case à cocher */
.liste-plugins .liste-items .item .check {
	font-size: 1em;
	position: static;
	padding:0 0 2px 0;
	margin:0;
}

/* Résumé : logo, nom, version, slogan */
.liste-plugins .liste-items .item .resume {
	min-height: initial;
}
.liste-plugins .liste-items .item .icon {
	position: static;
	float: none;
	margin: 0px;
	width: var(--svp-pluginlist-iconsize);
	height: auto;
}
.liste-plugins .liste-items .item .icon img {
	width: 100%;
	max-width: var(--svp-pluginlist-iconsize);
}

.liste-plugins .label-etat {
	border:2px solid #ccc;
	background-color: #fff3;
	padding:0 5px;
	border-radius: 3px;
	margin-right: .25em;
	cursor: default;
}
.label-etat.label-etat--actif {
	border-color: #78a327;
}
.label-etat.label-etat--verrouille {
	border-color: #e77b00;
}
.label-etat.label-etat--obsolete {
	border-color: #444;
	background-color: #444;
	color: white;
}

/* Messages */
.liste-plugins .messages {}
.liste-plugins .svp_message {
	display: block;
	font-weight: 500;
	font-size: 0.9em;
}
.liste-plugins .svp_message.important {
	color: #8A1F11;
}
.liste-plugins .svp_message.maj {
	color: #42a145;
}
.liste-plugins .svp_message.maj.maj_x {
	color: #ec681c;
}

/* Footer */
.liste-plugins .footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .25em;
}

/* Footer : liens */
.liste-plugins .footer .links {
	margin-right: calc(var(--spip-btn-padding-x) * -1);
	margin-botom: 0;
}

/* Footer : boutons d'actions */
.liste-plugins .liste-items .item .actions {
	visibility: visible;
	display: flex;
	margin-right: auto; /* s'assurer que ce soit à droite */
}
.liste-plugins .actions > .btn {
	margin: 0;
}
.liste-plugins .actions > .btn:last-of-type {
	margin-left: 0;
}
.liste-plugins .actions > .btn:last-of-type + .submit,
.liste-plugins .actions > .btn:last-of-type + .dropdown {
	margin-right: 0.5em;
}
.liste-plugins .btn_config {
	margin-left: 0.5em;
}

/* Footer : Dropdown Bootstrap */
.liste-plugins .dropdown {
	display: flex;
}
.liste-plugins .dropdown-toggle {
	margin: 0;
}
.liste-plugins .dropdown-menu {
	padding: 0;
}
.liste-plugins .dropdown-divider {
	margin: 0;
}
.liste-plugins input.dropdown-item {
	margin-bottom: 0;
	width: 100%;
	text-align: var(--spip-css-left);
}

/* Détails (visibles au clic) */
.liste-plugins .details {
	clear: both;
	margin-bottom: 1em;
	margin-top:1em;
	padding-top:1em;
	border-top: 1px solid #ddd;
}
.liste-plugins .liste-items .item .details dl {
	float: none;
	width: auto;
	margin-bottom: 0;
}
.liste-plugins .liste-items .item .details dl.tech {
	float: none;
	clear: both;
	width: auto;
	text-align: right;
	font-size: 1em;
	word-wrap: break-word;
}
.liste-plugins .liste-items .item .details dl dt {
	float: right;
	padding-left: 0.5em;
}
.liste-plugins .liste-items .item .details dd {
	margin-bottom: 0;
}
.liste-plugins .details .description .desc {
	margin-bottom: 10px;
}

/* Bouton afficher incompatibles (avant la liste) */
#afficher_incompatibles {
	float: left;
	margin-bottom: 1em;
	margin-top: -.5em; /* compenser le paragraphe de présentation */
}


/**
 * Validation des actions par popin
 */
.box_mediabox #charger_plugin_confirm {
	font-size:110%;
	padding-bottom:65px;
}
.box_mediabox #charger_plugin_confirm .reponse_formulaire {
	margin-bottom:1em;
	line-height: 1.4em;
}
.box_mediabox #charger_plugin_confirm .boutons {
	font-size:120%;
	margin-top:.5em; margin-bottom:0;
	display:block;
	text-align:left;
	background: var(--spip-color-gray-lightest);
	position:absolute; left:0; bottom:0; width:100%;
}
.box_mediabox #charger_plugin_confirm .boutons .submit {
	margin-top:.5em;
	margin-left:.5em;
	margin-bottom:.5em;
	margin-right:0;
}

/**
 * Présentation des actions effectuées
 */
.svp_retour .fail {
	color:#c30000;
}
.svp_retour ul {
	margin-right: 0.5em;
}
.svp_retour li {
	list-style-type: square;
	margin-right: 0.5em;
}

.svp_plugins_toolbar {
	clear:both;
	background-color: var(--spip-box-sep-color);
	margin-left: calc(-1 * var(--spip-form-spacing-x));
  	margin-right: calc(-1 * var(--spip-form-spacing-x));
	margin-top: 0 !important;
	margin-bottom: var(--spip-form-spacing-y);
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	font-size: 90%;

	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.svp_plugins_toolbar_filters {
	display:flex;
	flex-direction: row;
	margin-left: auto;
}

.svp_plugins_toolbar .groupe-btns_bloc {
	margin-bottom: 0;
}

.svp_plugins_toolbar_filters select {
	width: auto;
}

#dropdown_filter_type .dropdown-toggle {
	margin-bottom: 0;
}

input#filter_text {
	margin-right: .25em;
	width: 150px;
	border: 1px solid var(--spip-form-input-border-color);
  	border-radius: var(--spip-form-input-border-radius);
  	background-color: var(--spip-color-white);
	padding-left:.5em;
	padding-right:.5em;
}

.formulaire_admin_plugin > .titrem {
	align-items: baseline;
}
#svp_filters_reset {
	margin-left: .5em;
}

/* **************** EXEC PLUGIN ***************** */

/* Boite d'infos */
#navigation .infos .numero  p.prefixe { font-size: 1.3em; text-transform: lowercase; }
#navigation .info .branches { margin-top: 0.5em; }
#navigation .info .actualite .liste-items { padding-top: 0.7em; border-top: 1px solid #eee; }
/* Contenu objet */
.plugin #wysiwyg .champ.contenu_texte .label { display: block; }

/* style_prive_plugin_stats.html */

 

ol.classement {list-style:decimal;margin:0;padding:0;padding-right:50px;margin-bottom:1.5em;}

@media screen and (min-width: 1024px) {
	.statistiques-bloc { display: grid; grid-template-columns: 1fr 14rem; column-gap: 1rem; }
	.statistiques-bloc-visites {  }
	.statistiques-bloc-visites .spip_d3_graph { margin-bottom: 0; }
	.statistiques-bloc-resume { display: block; padding: .5em 0 .25em; }
}

.stats_referers .liste-items.referers .item.referer {padding-left:150px;}
.stats_referers .liste-items.referers .item.referer.depliant { background-image: url("prive/images/deplierhaut.svg"); background-position: 0 0.6925em; background-repeat: no-repeat;}
.stats_referers .liste-items.referers .item.referer.depliant.open { background-image: url("prive/images/deplierbas.svg"); }
.stats_referers .liste-items.referers .item.referer span.visites {float:left;text-align:left;width:180px;margin-left:-150px;margin-inline-end:.5em;}
.stats_referers .liste-items.referers .item.referer .miniature {float:left;}
.stats_referers .liste-items.referers .item.referer .miniature img {max-width:60px;height: auto;}
.stats_referers .liste-items.referers .item.referer ul {margin-left:0;padding-left:0;}
.stats_referers .liste-items.referers .item.referer ul li {margin-left:0px;padding-left:0;}
.stats_referers .action.plus {text-align:left;font-size:1.5em;font-weight:bold;}

.stats_repartition .couleur_cumul { background: #3874b0; }
.stats_repartition .couleur_nombre { background: #9cbad8; }
.stats_repartition table h3,.stats_repartition table table {margin-bottom: 0;padding-bottom: 0;padding-top: 0;}
.stats_repartition table h3 {font-size: inherit;margin-bottom: 3px;margin-top:3px;}
.stats_repartition table {margin: 0;}
.stats_repartition table + p,.stats_repartition .bloc_depliable + p {margin-top: 1em;}
.stats_repartition table td {padding: 2px 5px;vertical-align: middle;}
.stats_repartition table table td {padding: 0;}
.stats_lang .couleur_langue { background: #3874b0; }
.stats_lang table p {padding-left:10px;margin:2px 0;}

.stats-articles .size1of2 {padding-left:1%;}
.stats-articles .lastUnit {padding-right:1%;border-right:1px solid;}

/* style_prive_plugin_syndic.html */

 

.liste-objets.syndic_articles tr td { vertical-align: top; }
.liste-objets.syndic_articles .titre a { display: inline; }
.liste-objets.syndic_articles .action button {vertical-align: top;}

.liste-objets.syndic_articles tr > .action {width: 50px;}
.liste-objets.syndic_articles td .tags,
.liste-objets.syndic_articles td .source {display:block;}
.liste-objets.syndic_articles td .tags a {color:#666;}

.onglets_simple ul.statut_syndic_articles li.publie strong,.onglets_simple ul.statut_syndic_articles li.publie a {background-image:url("plugins-dist/sites/prive/themes/spip/images/syndic-statut-publie-24.png");padding-inline-start:27px;}
.onglets_simple ul.statut_syndic_articles li.off strong,.onglets_simple ul.statut_syndic_articles li.off a {background-image:url("plugins-dist/sites/prive/themes/spip/images/syndic-statut-off-24.png");padding-inline-start:27px;}
.onglets_simple ul.statut_syndic_articles li.refuse strong,.onglets_simple ul.statut_syndic_articles li.refuse a {background-image:url("plugins-dist/sites/prive/themes/spip/images/syndic-statut-poubelle-24.png");padding-inline-start:27px;}
.onglets_simple ul.statut_syndic_articles li.dispo strong,.onglets_simple ul.statut_syndic_articles li.dispo a {background-image:url("plugins-dist/sites/prive/themes/spip/images/syndic-statut-dispo-24.png");padding-inline-start:27px;}


.controler_syndication .filtres.second {font-size:0.9em;border:0;padding-inline-start:0;}
.controler_syndication .filtres.second ul li strong,.controler_syndication .filtres.second ul li a {margin-inline-start:0px;margin-inline-end:5px;margin-bottom:5px;}
.controler_syndication .filtres.second ul li strong {border:1px solid var(--spip-color-theme);}
.controler_syndication .filtres.second ul li strong,.controler_syndication .filtres.second ul li a:hover {background-color:#fff;}

.source {font-size:12px;font-weight:bold;background:#fff;padding:5px;border:1px solid var(--spip-color-theme);}
.source .actions {font-weight:normal;}
.annule_filtre {float:inline-end;}


/**
 * formulaire_editer_site
 */

.formulaire_editer_site.withlogo .editer_nom_site,.formulaire_editer_site.withlogo .editer_url_site {padding-inline-end:200px;}
.formulaire_editer_site .previsu_logo_site{height:1px;text-align: right;}

/* Inscription du flux RSS */
.formulaire_editer_site .editer_referencement_automatise fieldset,.formulaire_editer_site .editer_referencement_automatise .boutons{background-color:#E9E9E9;border:0;}

/* style_prive_plugin_revisions.html */

 

/* * Comparaison d articles */
.diff-para-deplace { background: #e8e8ff; }
.diff-para-ajoute { background: #d0ffc0; color: #000; }
.diff-para-supprime { background: #ffd0c0; color: #904040; text-decoration: line-through; }
p>.diff-para-deplace,p>.diff-para-ajoute,p>.diff-para-supprime {display:block;}

.diff-deplace { background: #e8e8ff; }
.diff-ajoute { background: #d0ffc0; }
.diff-supprime { background: #ffd0c0; color: #802020; text-decoration: line-through; }
.diff-para-deplace .diff-ajoute { background: #b8ffb8; border: 1px solid #808080; }
.diff-para-deplace .diff-supprime { background: #ffb8b8; border: 1px solid #808080; }
.diff-para-deplace .diff-deplace { background: #b8b8ff; border: 1px solid #808080; }

/* liste de versions */
.liste-objets.versions tr > .type {width:30px;}
.liste-objets.versions tr > .diff {width:30px;}
.liste-objets.versions blockquote {margin-left:0;margin-right:0;}
.liste-objets.versions .caption {background-image:url("plugins-dist/revisions/prive/themes/spip/images/revision-xx.svg?24px");padding-inline-start:30px;background-position:var(--spip-left) center;}

.revision #wysiwyg .contenu_id_rubrique {display:none;}
.revision #wysiwyg .jointure {display:block;margin:1em 0;}
.revision #wysiwyg .jointure .label {display:block;font-weight:bold;}


.formulaire_reviser .editer_id_version .choix {margin: 0 -5px;}
.formulaire_reviser table.spip.diff-versions {font-size: 0.85em;width: 100%;max-width: 100%;}
.formulaire_reviser table,.formulaire_reviser table tr,.formulaire_reviser table td {border-left:0;border-right:0;}
.formulaire_reviser table .version,.formulaire_reviser table .diff {padding:0;}
.fiche_objet_diff .hd {border-bottom:1px solid #ddd;}

/* style_prive_plugin_petitions.html */

 

.onglets_simple ul.statut_petition li.publie strong,.onglets_simple ul.statut_petition li.publie a {background-image:url(plugins-dist/petitions/prive/themes/spip/images/signature-statut-publie-24.png);padding-right:27px;}
.onglets_simple ul.statut_petition li.poubelle strong,.onglets_simple ul.statut_petition li.poubelle a {background-image:url(plugins-dist/petitions/prive/themes/spip/images/signature-statut-poubelle-24.png);padding-right:27px;}
.onglets_simple ul.statut_petition li.prop strong,.onglets_simple ul.statut_petition li.prop a {background-image:url(plugins-dist/petitions/prive/themes/spip/images/signature-statut-prop-24.png);padding-right:27px;}

.controler_petition .annule_filtre {float:left;}
.controler_petition #actiongroup button {width:100%;margin:5px 0;}

/* Habillage des signatures en liste pour moderation
---------------------------------------------- */
ul.signatures li.item { margin: 15px 0; padding: 0 0 .8em 0; background: #eee url(plugins-dist/petitions/prive/themes/spip/images/petition-bg-item-64.png); border: 1px solid #ccc; border-top: 8px solid #ccc; position:relative;}
ul.signatures li.item:hover { background-color: #e9e9e9; }

ul.signatures li.statut_publie { background-image: none; border-color: #9dba00; }
ul.signatures li.statut_poubelle { background-color: #edd3d3; border-color: #ff0000; }
ul.signatures li.statut_prop { background-color: #FFFBEF; border-color: #EFCA68; }

ul.signatures li .cartouche { min-height: 30px; padding: 5px; padding-right: 30px; border-bottom: 1px solid #eee; }
ul.signatures li.statut_poubelle .cartouche { border-color: #edd3d3; }
ul.signatures li.statut_prop .cartouche { border-color: #FFFBEF; }
ul.signatures li .cartouche h3 {font-size:1.1em;margin-bottom:0.25em;}
ul.signatures li .cartouche .date,
ul.signatures li .cartouche .par {display:inline;}
ul.signatures li .cartouche .info_statut {display:block;float:right;margin-right:-30px;position:relative;display:inline;}
ul.signatures li .cartouche .reponse_a p {margin:0;}
ul.signatures li .cartouche .reponse_a {font-weight:bold;}
ul.signatures li .cartouche .reponse_a a {font-weight:normal;}
ul.signatures li .cartouche .lien_admin {display:block;}

ul.signatures li.item .texte { margin: 0; padding: .8em 30px; }

ul.signatures >li.item .actions.moderer {padding-top:5px;padding-bottom:5px;margin-left:5px;background:url(plugins-dist/sites/images/actions-filigrane-24.png) no-repeat bottom right;padding-left:30px;}
ul.signatures >li.item:hover .actions.moderer {/*background-image:none;*/}
ul.signatures >li.item .actions.moderer > span {visibility:hidden;}
ul.signatures >li.item:hover .actions.moderer > span,ul.signatures >li.item.hover .actions.moderer > span  {visibility:visible;}

ul.signatures li .actions .supprimer input.submit {color:#cf4d4d;}
ul.signatures li .checkbox {position:absolute;top:50%;left:1px;}

/* style_prive_plugin_organiseur.html */

 

.item.message .rv {color:#666;font-size:0.9em;padding-right:20px;background:url(plugins-dist/organiseur/prive/themes/spip/images/heure-16.png) no-repeat right top;}
.item.message .rv.on {color:#000;background-image:url(plugins-dist/organiseur/prive/themes/spip/images/heure-on-16.png);}

.liste-objets.messages tr > .new,
.liste-objets.messages tr > .type,
.liste-objets.messages tr > .isrv {width: 16px; padding-left:2px;padding-right:2px;text-align:center;}
.liste-objets.messages tr.new td {font-weight: bold;}

/* exec=message */
.message #wysiwyg {position: relative;}
.message #wysiwyg .contenu_from .label,
.message #wysiwyg .contenu_destinataires .label,
.message #wysiwyg .contenu_titre .label,
.message #wysiwyg .contenu_date_heure .label,
.message #wysiwyg .contenu_date_fin .label {display: block;float:right;width:6em;clear:right;text-align:left;padding:0 10px;}
.message #wysiwyg .contenu_date_heure img {vertical-align: middle;}
.message #wysiwyg .contenu_date_fin img {vertical-align: middle;visibility: hidden;}
.message #wysiwyg .contenu_from .spip_logo {position: absolute;left: 0;top:0;border-radius: 50%;}

.message #wysiwyg .contenu_titre {display: block;}
.message #wysiwyg .contenu_texte {clear:both;border-top: 1px solid #999;margin-top: 1em;padding-top: 1em;}

/* formulaire editer_message */
.formulaire_editer_message span.dest {padding:1px 3px;background:#EEE;border:1px solid #CCC;display:block;float:left;margin:0 4px 3px 0;}
.formulaire_editer_message span.dest:hover {background:#DDD;}
.formulaire_editer_message span.dest img {cursor:pointer;padding:1px;}
.formulaire_editer_message .fake-input {background:#FFF;border:1px solid #999;padding: 3px 3px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;}
.formulaire_editer_message .fake-input input.text {width:200px;border: 0;padding: 1px 0;margin-bottom: 3px;}
.formulaire_editer_message .editer_date_debut {padding-bottom: 0;}
.formulaire_editer_message .editer_date_fin {padding-top: 0;}

/* autocompletion */
.formulaire_editer_message input.ac_loading {	background-image : url(prive/themes/spip/images/searching.gif);background-position: right center;background-repeat: no-repeat;}
/*.ac_input {	width: 200px; }*/
.ac_results {	padding: 0px;	border: 1px solid WindowFrame;	background-color: Window;	text-align:left;z-index:1000;margin-top: 3px;margin-left: -3px;}
.ac_results ul {	width: 100%;	overflow: hidden !important;list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}

/*.ac_results iframe {position:absolute;	top:0;	left:0;	z-index:-1;	filter:mask();	width:3000px;	height:3000px;}*/
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: pointer;	display: block;	width: 100%;	font-size: 1em;	overflow: hidden;}
.ac_over {	background-color: Highlight;	color: HighlightText;}

/* ?exec=messages*/

/* style_prive_plugin_mots.css */
 
.mots .groupe_mots .groupe_mots-edit-24 {
	margin-inline-start: 30px;
}
.mots .groupe_mots #wysiwyg {
	clear: none;
}

.formulaire_editer_liens .associer_mot.obligatoire.nonvu {
	background-color: #FFCDAF;
}
.formulaire_editer_liens .associer_mot .bouton-inline {
	display: flex;
}
.formulaire_editer_liens .associer_mot .bouton-inline select.avec-bouton,
.formulaire_editer_liens .associer_mot .bouton-inline input.text {
	border-end-end-radius: 0;
	border-start-end-radius: 0;
	border-inline-end: 0;
}
.formulaire_editer_liens .associer_mot .bouton-inline .btn {
	border-end-start-radius: 0;
	border-start-start-radius: 0;
	flex: 0 0 auto;
}
.formulaire_editer_liens .associer_mot .submit {
	float: var(--spip-right);
	margin: 0;
}


/* style_prive_plugin_mots.html */

 

.mots .groupe_mots .groupe_mots-edit-24 { margin-right: 30px; }
.mots .groupe_mots #wysiwyg { clear: none; }

.formulaire_editer_liens .associer_mot.obligatoire.nonvu {
	background-color:#FFCDAF;
}
.formulaire_editer_liens .associer_mot .bouton-inline {
	display: flex;
}
.formulaire_editer_liens .associer_mot .bouton-inline select.avec-bouton,
.formulaire_editer_liens .associer_mot .bouton-inline input.text {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: 0;
}
.formulaire_editer_liens .associer_mot .bouton-inline .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	flex: 0 0 auto;
}
.formulaire_editer_liens .associer_mot .submit {
	float: var(--spip-right);
	margin: 0;
}

/* style_prive_plugin_forum.html */

 

.onglets_simple ul.statut_forum li.publie strong,.onglets_simple ul.statut_forum li.publie a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-publie-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.off strong,.onglets_simple ul.statut_forum li.off a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-off-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.spam strong,.onglets_simple ul.statut_forum li.spam a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-spam-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.prop strong,.onglets_simple ul.statut_forum li.prop a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-prop-xx.svg?24px");padding-inline-start:27px;}

.onglets_simple ul.statut_forum li.prive strong,.onglets_simple ul.statut_forum li.prive a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-prive-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.privadm strong,.onglets_simple ul.statut_forum li.privadm a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-privadm-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.privrac strong,.onglets_simple ul.statut_forum li.privrac a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-privrac-xx.svg?24px");padding-inline-start:27px;}
.onglets_simple ul.statut_forum li.privoff strong,.onglets_simple ul.statut_forum li.privoff a {background-image:url("plugins-dist/forum/prive/themes/spip/images/forum-statut-privoff-xx.svg?24px");padding-inline-start:27px;}

.controler_forum .annule_filtre {float:inline-end;}
.controler_forum #actiongroup button {width:100%;margin:5px 0;}

/* Habillage des forums en liste pour moderation
---------------------------------------------- */
ul.forums li.item { margin: 15px 0; padding: 0 0 .8em 0; background: #eee url("plugins-dist/forum/prive/themes/spip/images/forum-bg-item-64.png"); border: 1px solid #ccc; border-top: 8px solid #ccc; position:relative;}
ul.forums li.item:hover { background-color: #e9e9e9; }

ul.forums li.statut_publie { background-image: none; border-color: #B2BF6B; }
ul.forums li.statut_off,
ul.forums li.statut_privoff,
ul.forums li.statut_off:hover,
ul.forums li.statut_privoff:hover { background-color: #edd3d3; border-color: #FF5F5F; }
ul.forums li.statut_spam,
ul.forums li.statut_spam:hover  { background-color: #ddd; border-color: #666; }
ul.forums li.statut_prop,
ul.forums li.statut_prop:hover { background-color: #FFFBEF; border-color: #EFCA68; }

ul.forums li .cartouche { min-height: 30px; padding: 5px; padding-inline-start: 30px; border-bottom: 1px solid #eee; }
ul.forums li .cartouche .numero {position: absolute;inset-inline-end: 5px;font-size: 1.5em;color:#bbb;font-weight: bold;font-style: italic;}
ul.forums li.statut_off .cartouche,
ul.forums li.statut_privoff .cartouche { border-color: #edd3d3; }
ul.forums li.statut_spam .cartouche { border-color: #ddd; }
ul.forums li.statut_prop .cartouche { border-color: #FFFBEF; }
ul.forums li .cartouche h3 {font-size:1.1em;margin-bottom:0.25em;}
ul.forums li .cartouche .date,ul.forums li .cartouche .par {display:inline;}
ul.forums li .cartouche .info_statut {display:block;float:inline-start;margin-inline-start:-30px;position:relative;display:inline;}
ul.forums li .cartouche .reponse_a {font-weight:bold;}
ul.forums li .cartouche .reponse_a a {font-weight:normal;}
ul.forums li .cartouche .lien_admin {display:block;}
ul.forums li .cartouche .statut{ float:right; width:20%; font-style:italic; text-align:right; }

ul.forums li.item .texte,ul.forums li.item .site,ul.forums li.item .urls { margin: 0; padding: 0 30px;max-height:15em;overflow-y:auto;}
ul.forums li.item .urls {border-top:1px dotted #eee;color:#666;overflow-wrap:break-word;}
ul.forums li.item .urls h4 {margin:0;cursor:hand;cursor:pointer;}
ul.forums li.item .texte p { margin: 0; padding: .8em 0; }

ul.forums >li.item .actions.moderer {padding-top:5px;padding-bottom:5px;padding-inline-end:2em;position:relative;}
ul.forums >li.item .actions.moderer::after {	content:'';	display: block;	position: absolute;	width: 1.5em;	height: 1.5em;	background:url("prive/themes/spip/images/config-xx.svg") no-repeat center;	background-size:contain;	inset-inline-end: 0.15em;	bottom:5px;	opacity: 0.15;}
ul.forums >li.item .actions.moderer > div {visibility:hidden;}
ul.forums >li.item:hover .actions.moderer > div,ul.forums >li.item.hover .actions.moderer > div{visibility:visible;}

ul.forums li .actions .bruler input.submit {color:#af976d;}
ul.forums li .actions .supprimer input.submit {color:#cf4d4d;}
ul.forums li .checkbox {position:absolute;top:50%;inset-inline-start:1px;}

/* controle des forums : afficher les liens */
.controle a {
	position: relative !important;
	left:0 !important;
	right:0 !important;
	top:0 !important;
	bottom: 0 !important;
}
.controle a:after {	display: inline; content: " [\27a0" attr(href) "]";}

/* Habillage des forums en thread pour participation
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum>li>ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; overflow-wrap: break-word; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; overflow-wrap:break-word;}
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { background:#fff; border: 1px solid var(--spip-color-theme); margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid var(--spip-color-theme-light); }
ul ul ul .forum-message { border: 1px solid var(--spip-color-theme-lighter); }
ul ul ul ul .forum-message { border: 1px solid var(--spip-color-theme-lightest); }
ul ul ul ul ul .forum-message { border: 1px solid var(--spip-color-theme-98); }
ul ul ul ul ul ul .forum-message { border: 1px dotted var(--spip-color-theme-100); }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: var(--spip-couleur-theme-light); }
ul ul .forum-chapo { background: var(--spip-color-theme-lighter); }
ul ul ul .forum-chapo { background: var(--spip-color-theme-lightest); }
ul ul ul ul .forum-chapo { background: var(--spip-color-theme-98); border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: var(--spip-color-theme-100); }


/* ?? */
/*
a.icone36.suivi-forum-24 { width: 100px; }
.cadre-forum { background-color: #fff; border: 1px solid #aaa; margin-bottom: 0; }
.cadre-forum div.cadre-titre { background-color: ; border-bottom: 1px solid #aaa; color: #000; }
.cadre-thread-forum { background-color: #eee; border: 1px solid #ccc; border-top: 0; margin-bottom: 0; }
.cadre-thread-forum div.cadre-titre { background-color: #ccc; color: #000; }
*/

/* style_prive_plugin_dump.css */
 
.liste-objets.dump tr .fichier label {
	display: block;
	width: 260px;
	word-wrap: break-word;
}
.liste-objets.dump tr .taille {
	text-align: right;
}

.formulaire_restaurer .editer div.choix {
	border: 0;
	background: none;
	padding: 0;
}


/* style_prive_plugin_dump.html */

 

.liste-objets.dump tr .fichier label {display:block; width: 260px;word-wrap:break-word;}
.liste-objets.dump tr .taille {text-align:right;}

.formulaire_restaurer .editer div.choix {border:0;background: none;padding: 0;}

/* style_prive_plugin_compagnon.css */
 
:root {
	--compagnon-picto-size: 2.5em;
	--compagnon-border-radius: calc(var(--spip-border-radius) * 2);
	--compagnon-border-width: 2px;
	--compagnon-icon-spacing-x: 1em;
}

@media (min-width: 768px) {
	:root {
		--compagnon-picto-size: 4em;
	}
}
.lat {
	--compagnon-picto-size: 2.5em;
}

/**
 * ===============
 * Boîte compagnon
 * ===============
 */
.box.compagnon {
	border: var(--compagnon-border-width) solid var(--spip-color-theme);
	border-radius: var(--compagnon-border-radius);
	color: var(--spip-color-gray-darker);
	background-color: var(--spip-color-theme-lightest);
	overflow: hidden;
}

/* Picto */
.box.compagnon .picto-compagnon {
	position: absolute;
	top: calc(var(--compagnon-picto-size) * 0.15 * -1);
	inset-inline-start: calc(var(--compagnon-picto-size) * 0.15 * -1);
	width: var(--compagnon-picto-size);
	height: auto;
}
.rtl .box.compagnon .picto-compagnon {
	transform: rotate(45deg);
}

.picto-compagnon .fond {
	fill: var(--spip-color-theme-light);
}
.picto-compagnon .visage {
	fill: var(--spip-color-theme-lightest);
}
.picto-compagnon .visage-trait {
	fill: var(--spip-color-theme);
}
.picto-compagnon .ombre {
	fill: hsl(var(--spip-color-theme--h),var(--spip-color-theme--s), 70%);
}

/* Header, body, footer */
.box.compagnon .box__header,
.box.compagnon .box__body {
	padding-inline-start: calc(var(--compagnon-picto-size) + 0.5em);
}
.box.compagnon .box__header {
	min-height: 2.5em;
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
	color: var(--spip-color-theme-dark);
	border: 0;
}
.box.compagnon .box__body {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
}
.box.compagnon .box__footer {
	background-color: transparent;
	border-top: none;
	padding: 0;
}

/* Bouton */
.box.compagnon .box__header .bouton_action_post {
	float: inline-end;
}
.box.compagnon .box__header button.submit {
	opacity: .5;
	margin-inline-end: calc(-1 * var(--spip-box-spacing-x));
	margin-top: calc(-1 * var(--spip-box-spacing-y));
	padding: .75em;
	border-radius: var(--compagnon-border-radius);
}
.box.compagnon .box__header button.submit svg {
	width: 1em;
	height: 1em;
}
.box.compagnon .box__header button.submit svg circle {
	fill: var(--spip-color-theme-dark);
}
.box.compagnon .box__header button.submit:hover,
.box.compagnon .box__header button.submit:focus {
	opacity: 1;
}

.box.compagnon .box__footer button.submit {
	border: var(--compagnon-border-width) solid var(--spip-color-theme);
	border-inline-end-width: 0;
	border-bottom-width: 0;
	border-start-start-radius: var(--compagnon-border-radius);
	border-start-end-radius: 0;
	border-end-end-radius: calc(var(--compagnon-border-radius) - var(--compagnon-border-width));
	border-end-start-radius: 0;
	margin: 0;
	font-size: 1em;
}
.box.compagnon .box__footer button.submit:not(:hover):not(:focus) {
	background-color: var(--spip-color-theme-lighter);
	color: var(--spip-color-theme-dark);
}
.box.compagnon .box__footer button.submit:hover,
.box.compagnon .box__footer button.submit:focus {
	border-color: var(--spip-btn-color-main-hover-bg);
}

/* Cible dans le pied à gauche */
.box.compagnon .target {
	position: absolute;
	bottom: 5px;
	inset-inline-start: 5px;
	display: block;
	width: 32px;
	height: 32px;
	/* picto sous licence GPL source https://www.svgviewer.dev/s/395663/target */
	mask: url('data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%200.96%200.96%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20stroke%3D%22%23222222%22%20d%3D%22M0.76%200.48A0.28%200.28%200%200%201%200.48%200.76A0.28%200.28%200%200%201%200.2%200.48A0.28%200.28%200%200%201%200.76%200.48z%22%20stroke-width%3D%220.04%22%2F%3E%3Cpath%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22%23222222%22%20stroke%3D%22%23222222%22%20d%3D%22M0.56%200.48A0.08%200.08%200%200%201%200.48%200.56A0.08%200.08%200%200%201%200.4%200.48A0.08%200.08%200%200%201%200.56%200.48z%22%20stroke-width%3D%220.04%22%2F%3E%3Cpath%20d%3D%22M0.282%200.282%200.16%200.16m0.518%200.122L0.8%200.16m0%200.64%20-0.122%20-0.122M0.16%200.8l0.122%20-0.122%22%20stroke%3D%22%23222222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.04%22%2F%3E%3C%2Fsvg%3E');
	background: var(--spip-color-theme);
	cursor: crosshair;
}

/* Explications éventuelles */
.box.compagnon .compagnon_helper {
	padding: var(--spip-spacing-x);
	margin: var(--spip-spacing-y) 0;
	border-radius: var(--compagnon-border-radius);
	background-color: var(--spip-color-theme-lighter);
}



/* style_prive_plugin_compagnon.html */

 

:root {
	--compagnon-picto-size: 2.5em;
	--compagnon-border-radius: calc(var(--spip-border-radius) * 2);
	--compagnon-border-width: 2px;
	--compagnon-icon-spacing-x: 1em;
}

@media (min-width: 768px) {
	:root {
		--compagnon-picto-size: 4em;
	}
}
.lat {
	--compagnon-picto-size: 2.5em;
}

/**
 * ===============
 * Boîte compagnon
 * ===============
 */
.box.compagnon {
	border: var(--compagnon-border-width) solid var(--spip-color-theme);
	border-radius: var(--compagnon-border-radius);
	color: var(--spip-color-gray-darker);
	background-color: var(--spip-color-theme-lightest);
	overflow: hidden;
}

/* Picto */
.box.compagnon .picto-compagnon {
	position: absolute;
	top: calc(var(--compagnon-picto-size) * 0.15 * -1);
	right: calc(var(--compagnon-picto-size) * 0.15 * -1);
	width: var(--compagnon-picto-size);
	height: auto;
}
.rtl .box.compagnon .picto-compagnon {
	transform: rotate(45deg);
}

.picto-compagnon .fond {
	fill: var(--spip-color-theme-light);
}
.picto-compagnon .visage {
	fill: var(--spip-color-theme-lightest);
}
.picto-compagnon .visage-trait {
	fill: var(--spip-color-theme);
}
.picto-compagnon .ombre {
	fill: hsl(var(--spip-color-theme--h),var(--spip-color-theme--s), 70%);
}

/* Header, body, footer */
.box.compagnon .box__header,
.box.compagnon .box__body {
	padding-right: calc(var(--compagnon-picto-size) + 0.5em);
}
.box.compagnon .box__header {
	min-height: 2.5em;
	padding-bottom: calc(var(--spip-box-spacing-y) / 2);
	color: var(--spip-color-theme-dark);
	border: 0;
}
.box.compagnon .box__body {
	padding-top: calc(var(--spip-box-spacing-y) / 2);
}
.box.compagnon .box__footer {
	background-color: transparent;
	border-top: none;
	padding: 0;
}

/* Bouton */
.box.compagnon .box__header .bouton_action_post {
	float: left;
}
.box.compagnon .box__header button.submit {
	opacity: .5;
	margin-left: calc(-1 * var(--spip-box-spacing-x));
	margin-top: calc(-1 * var(--spip-box-spacing-y));
	padding: .75em;
	border-radius: var(--compagnon-border-radius);
}
.box.compagnon .box__header button.submit svg {
	width: 1em;
	height: 1em;
}
.box.compagnon .box__header button.submit svg circle {
	fill: var(--spip-color-theme-dark);
}
.box.compagnon .box__header button.submit:hover,
.box.compagnon .box__header button.submit:focus {
	opacity: 1;
}

.box.compagnon .box__footer button.submit {
	border: var(--compagnon-border-width) solid var(--spip-color-theme);
	border-left-width: 0;
	border-bottom-width: 0;
	border-top-right-radius: var(--compagnon-border-radius);
	border-top-left-radius: 0;
	border-bottom-left-radius: calc(var(--compagnon-border-radius) - var(--compagnon-border-width));
	border-bottom-right-radius: 0;
	margin: 0;
	font-size: 1em;
}
.box.compagnon .box__footer button.submit:not(:hover):not(:focus) {
	background-color: var(--spip-color-theme-lighter);
	color: var(--spip-color-theme-dark);
}
.box.compagnon .box__footer button.submit:hover,
.box.compagnon .box__footer button.submit:focus {
	border-color: var(--spip-btn-color-main-hover-bg);
}

/* Cible dans le pied à gauche */
.box.compagnon .target {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(local/cache-gd2/ba/af6771d5d73a5dbb14149bf03c0971.png?1737597402);
	cursor: crosshair;
}

/* Explications éventuelles */
.box.compagnon .compagnon_helper {
	padding: var(--spip-spacing-x);
	margin: var(--spip-spacing-y) 0;
	border-radius: var(--compagnon-border-radius);
	background-color: var(--spip-color-theme-lighter);
}

/**** Plugins fin ***/