/* ==================================================
   LHM TEST - largeur souple selon écran
   ================================================== */

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	background: #ffffff !important;
}

html body #container {
	display: grid !important;
	grid-template-columns: 240px minmax(0, 1fr) 250px !important;
	column-gap: 12px !important;
	row-gap: 0 !important;
	align-items: start !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html body #header {
	grid-column: 1 / 4 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Colonne gauche */
html body #navigation {
	grid-column: 1 !important;
	position: relative !important;
	float: none !important;

	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;

	margin: 0 0 0 4px !important;
	padding: 0 !important;
	box-sizing: border-box !important;

	z-index: 5000 !important;
	overflow: visible !important;
}

/* Centre */
html body #wrapper {
	grid-column: 2 !important;
	position: relative !important;
	float: none !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;

	margin: 8px 0 0 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;

	z-index: 1 !important;
}

/* Contenu central */
html body #content,
html body #article,
html body #rubrique,
html body #sommaire {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* ==================================================
   LHM - accueil : centre pleine largeur
   ================================================== */

html.page_sommaire body #wrapper,
html.page_sommaire body #content,
html.page_sommaire body #sommaire {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

html.page_sommaire body #content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html.page_sommaire body #sommaire table {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html.page_sommaire body #sommaire table[width="95%"],
html.page_sommaire body #sommaire table[width="100%"] {
	width: 100% !important;
	max-width: 100% !important;
}

/* ==================================================
   LHM - rubriques : centre pleine largeur
   ================================================== */

html.page_rubrique body #wrapper,
html.page_rubrique body #content,
html.page_rubrique body #rubrique,
html.page_rubrique body #articles_rubrique {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

html.page_rubrique body #content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html.page_rubrique body #rubrique table,
html.page_rubrique body #articles_rubrique table {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM - articles : centre pleine largeur
   ================================================== */

html.page_article body #wrapper,
html.page_article body #content,
html.page_article body #article {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

html.page_article body #content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html.page_article body #article .texte,
html.page_article body #article .cartouche {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Colonne droite */
html body #extra {
	grid-column: 3 !important;
	position: relative !important;
	float: none !important;

	width: 250px !important;
	min-width: 250px !important;
	max-width: 250px !important;

	margin: -26px 6px 0 -4px !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;

	z-index: 1 !important;
}

/* ==================================================
   LHM TEST - menu gauche au-dessus du centre
   ================================================== */

/* Le menu gauche doit passer au-dessus de l'article */
html body #navigation {
	position: relative !important;
	z-index: 5000 !important;
	overflow: visible !important;
}

/* Les éléments internes du menu ne doivent pas couper le déroulant */
html body #navigation ul,
html body #navigation li,
html body #navigation .noisette,
html body #navigation .menu,
html body #navigation .menu-items {
	overflow: visible !important;
}

/* Le centre reste en dessous */
html body #wrapper,
html body #content,
html body #article,
html body #rubrique {
	position: relative !important;
	z-index: 1 !important;
}

/* ==================================================
   LHM TEST - lien texte associé aux photos
   ================================================== */

html body .lien-texte-photos {
	text-align: center !important;
	margin: 6px 0 8px 0 !important;
	padding: 0 !important;

	font-family: Tahoma, Arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 18px !important;
	font-weight: normal !important;
	color: #E32502 !important;
}

html body .lien-texte-photos a,
html body .lien-texte-photos a:link,
html body .lien-texte-photos a:visited,
html body .lien-texte-photos a:hover {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
}

/* ==================================================
   LHM TEST - texte courant des articles
   ================================================== */

html.page_article body #content .texte,
html.page_article body #content .texte p,
html.page_article body #content .texte div,
html.page_article body #content .texte td,
html.page_article body #content .texte li,
html.page_article body #content .texte font {
	font-size: 17px !important;
	line-height: 21px !important;
}

/* ==================================================
   LHM TEST - classes titres articles
   À placer au début de perso.css
   ================================================== */

/* Grand titre noir centré */
html.page_article body #content .texte .titrer,
html.page_article body #content .texte div.titrer {
	font-size: 22px !important;
	line-height: 24px !important;
	text-align: center !important;
	color: #000000 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 8px 0 14px 0 !important;
	padding: 0 !important;
}

/* Grand titre bleu centré */
html.page_article body #content .texte .titreb,
html.page_article body #content .texte div.titreb {
	font-size: 22px !important;
	line-height: 24px !important;
	text-align: center !important;
	color: #6262A4 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 8px 0 10px 0 !important;
	padding: 0 !important;
}

/* Grand titre noir centré, variante */
html.page_article body #content .texte .titren,
html.page_article body #content .texte div.titren {
	font-size: 22px !important;
	line-height: 24px !important;
	text-align: center !important;
	color: #000000 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 8px 0 14px 0 !important;
	padding: 0 !important;
}

/* Sous-titres noirs centrés */
html.page_article body #content .texte .stitrer,
html.page_article body #content .texte .stitren,
html.page_article body #content .texte div.stitrer,
html.page_article body #content .texte div.stitren {
	font-size: 18px !important;
	line-height: 21px !important;
	text-align: center !important;
	color: #000000 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 6px 0 12px 0 !important;
	padding: 0 !important;
}

/* Sous-titre bleu centré */
html.page_article body #content .texte .stitreb,
html.page_article body #content .texte div.stitreb {
	font-size: 18px !important;
	line-height: 21px !important;
	text-align: center !important;
	color: #6262A4 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 6px 0 12px 0 !important;
	padding: 0 !important;
}

/* Sous-titre noir aligné gauche */
html.page_article body #content .texte .gstitrer,
html.page_article body #content .texte div.gstitrer {
	font-size: 18px !important;
	line-height: 21px !important;
	text-align: left !important;
	color: #000000 !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 6px 0 12px 0 !important;
	padding: 0 !important;
}

/* Sous-titre vert aligné gauche */
html.page_article body #content .texte .gstitrev,
html.page_article body #content .texte div.gstitrev {
	font-size: 18px !important;
	line-height: 21px !important;
	text-align: left !important;
	color: green !important;
	font-weight: bold !important;
	display: block !important;
	clear: both !important;
	margin: 6px 0 12px 0 !important;
	padding: 0 !important;
}

/* Si les titres contiennent un <p>, <span>, <font>, <b>, etc. */
html.page_article body #content .texte .titrer p,
html.page_article body #content .texte .titrer span,
html.page_article body #content .texte .titrer font,
html.page_article body #content .texte .titrer strong,
html.page_article body #content .texte .titrer b,

html.page_article body #content .texte .titreb p,
html.page_article body #content .texte .titreb span,
html.page_article body #content .texte .titreb font,
html.page_article body #content .texte .titreb strong,
html.page_article body #content .texte .titreb b,

html.page_article body #content .texte .titren p,
html.page_article body #content .texte .titren span,
html.page_article body #content .texte .titren font,
html.page_article body #content .texte .titren strong,
html.page_article body #content .texte .titren b,

html.page_article body #content .texte .stitrer p,
html.page_article body #content .texte .stitrer span,
html.page_article body #content .texte .stitrer font,
html.page_article body #content .texte .stitrer strong,
html.page_article body #content .texte .stitrer b,

html.page_article body #content .texte .stitreb p,
html.page_article body #content .texte .stitreb span,
html.page_article body #content .texte .stitreb font,
html.page_article body #content .texte .stitreb strong,
html.page_article body #content .texte .stitreb b,

html.page_article body #content .texte .stitren p,
html.page_article body #content .texte .stitren span,
html.page_article body #content .texte .stitren font,
html.page_article body #content .texte .stitren strong,
html.page_article body #content .texte .stitren b {
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ==================================================
   LHM TEST - légende image : interligne serré
   ================================================== */

/* Cellules des tableaux d'images */
html.page_article body #content .texte table.lhrimg td,
html.page_article body #content .texte table.lhrimgd td,
html.page_article body #content .texte table.lhrimgg td {
	font-size: 16px !important;
	line-height: 18px !important;
}

/* Légende */
html.page_article body #content .texte .legende-image,
html.page_article body #content .texte span.legende-image {
	display: block !important;

	font-size: 16px !important;
	line-height: 18px !important;

	font-style: italic !important;
	font-weight: 200 !important;

	color: #000000 !important;
	text-align: justify !important;

	margin: 0 0 2px 0 !important;
	padding: 0 !important;
}

/* Supprimer tout gras dans les légendes */
html.page_article body #content .texte .legende-image *,
html.page_article body #content .texte span.legende-image *,
html.page_article body #content .texte .legende-image b,
html.page_article body #content .texte .legende-image strong {
	font-size: inherit !important;
	line-height: inherit !important;
	font-style: italic !important;
	font-weight: 200 !important;
	color: inherit !important;
}

/* Contenu éventuel dans la légende */
html.page_article body #content .texte .legende-image *,
html.page_article body #content .texte span.legende-image * {
	font-size: inherit !important;
	line-height: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
}

/* ==================================================
   LHM TEST - lien Image taille réelle
   ================================================== */

html.page_article body #content .texte a[href^="javascript:popimage"] {
	font-size: 16px !important;
	line-height: 15px !important;
	font-weight: normal !important;
	color: #990000 !important;
	text-decoration: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ==================================================
   LHM TEST - alignement vertical rubriques / articles
   À placer au début de perso.css
   ================================================== */

/*alignement centre / droite*/

html.page_sommaire body #wrapper {
	position: relative !important;
	top: 2px !important;
	left: -4px !important;
}

html.page_sommaire body #extra {
	position: relative !important;
	top: 22px !important;
}

/* RUBRIQUES : descendre */
html.page_rubrique body #wrapper {
	position: relative !important;
	top: 22px !important;
	left: -3px !important;
}

html.page_rubrique body #extra {
	position: relative !important;
	top: 10px !important;
}

/* ARTICLES : remonter */
html.page_article body #wrapper {
	position: relative !important;
	top: 21px !important;
	left: -3px !important;
}

html.page_article body #extra {
	position: relative !important;
	top: 9px !important;
}

/* ==================================================
   LHM TEST - cadre autour du centre rubriques / articles
   ================================================== */

html.page_rubrique body #content,
html.page_article body #content {
	border: 1px solid #888888 !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	padding: 0 !important;
}

/* ==================================================
   LHM TEST - marge intérieure du contenu central
   ================================================== */

/* Articles */
html.page_article body #article {
	padding: 8px 8px 8px 8px !important;
	box-sizing: border-box !important;
}

/* Rubriques */
html.page_rubrique body #rubrique,
html.page_rubrique body #articles_rubrique {
	padding: 8px 8px 8px 8px !important;
	box-sizing: border-box !important;
}

/* Évite que les titres/cadres rouges collent au bord */
html.page_article body #article .cartouche,
html.page_article body #article .texte,
html.page_rubrique body #rubrique .texte,
html.page_rubrique body #articles_rubrique {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ==================================================
   LHM TEST - bandeau haut + menu rouge adaptables
   ================================================== */

/* Le header ne doit pas créer de grand fond rouge parasite */
html body #header {
	background: #ffffff !important;
	overflow: hidden !important;
}

/* Bandeau image : hauteur proportionnelle, sans rouge dessous */
html body #header .bandeau_haut {
	width: 100% !important;
	max-width: none !important;

	height: clamp(65px, 8.4vw, 138px) !important;
	min-height: 65px !important;
	max-height: 138px !important;

	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;

	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: 100% 100% !important;
	background-color: transparent !important;
}

/* Bandeau rouge du menu */
html body #header .bandeau_bas {
	position: relative !important;
	top: 0 !important;
	clear: both !important;

	width: 100% !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	line-height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;

	background: #de0722 !important;
}

/* Menu horizontal : flex au lieu de float */
html body #header .bandeau_bas #menu_perso,
html body #header .bandeau_bas #menu_perso ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;

	width: 100% !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	line-height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;

	background: #de0722 !important;
}

/* Chaque item prend sa part disponible */
html body #header .bandeau_bas #menu_perso ul li {
	float: none !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;

	width: auto !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	line-height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: center !important;
	box-sizing: border-box !important;
	overflow: hidden !important;

	background: #de0722 !important;
}

/* Texte des liens */
html body #header .bandeau_bas #menu_perso ul li a {
	display: block !important;

	width: 100% !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	line-height: 20px !important;

	margin: 0 !important;
	padding: 0 3px !important;

	font-size: 16px !important;
	font-weight: normal !important;
	color: #ffffff !important;
	text-align: center !important;
	text-decoration: none !important;

	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: clip !important;

	box-sizing: border-box !important;
	background: transparent !important;
	position: static !important;
}

/* Séparateurs blancs */
html body #header .bandeau_bas #menu_perso ul li + li {
	border-left: 1px solid #ffffff !important;
}
/* ==================================================
   LHM TEST - bandeau chemin gris
   ================================================== */

html body #header .bandeau_chemin {
	height: 22px !important;
	min-height: 22px !important;
	max-height: 22px !important;
	line-height: 22px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

html body #header .bandeau_chemin * {
	line-height: 22px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
}

html body #header .bandeau_chemin input,
html body #header .bandeau_chemin button {
	height: 16px !important;
	line-height: 16px !important;
	font-size: 12px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - menu gauche principal
   ================================================== */
html body #navigation #nav,
html body #navigation #menu_rubriques,
html body #navigation .noisette,
html body #navigation ul,
html body #navigation li,
html body #navigation a {
	box-sizing: border-box !important;
	max-width: 240px !important;
}

html body #navigation ul,
html body #navigation li,
html body #navigation a {
	width: 240px !important;
}

html body #navigation #menu_rubriques a,
html body #navigation #nav a {
	font-size: 16px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	padding-left: 18px !important;
	padding-right: 6px !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - boutons bas du menu gauche
   Plan du site / Connexion
   ================================================== */

html body #navigation #nav_visiteur {
	width: 240px !important;
	max-width: 240px !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur ul,
html body #navigation #nav_visiteur li {
	width: 230px !important;
	max-width: 230px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur li a {
	display: block !important;
	width: 230px !important;
	max-width: 230px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - menu droit
   ================================================== */

html body #extra .noisette,
html body #extra .contenu,
html body #extra .liste,
html body #extra .agenda,
html body #extra table,
html body #extra ul {
	width: 250px !important;
	max-width: 250px !important;
	box-sizing: border-box !important;
}

/* Police du menu droit */
html body #extra,
html body #extra .noisette,
html body #extra .contenu,
html body #extra .liste,
html body #extra .agenda,
html body #extra table,
html body #extra ul,
html body #extra li,
html body #extra td {
	font-size: 14px !important;
	line-height: 16px !important;
}

/* Liens du menu droit */
html body #extra a,
html body #extra a:link,
html body #extra a:visited,
html body #extra a:hover {
	font-size: inherit !important;
	line-height: inherit !important;
}

/* ==================================================
   LHM TEST - limiter hauteur "Articles de la rubrique"
   ================================================== */

html body #extra #noisette_navigation .liste {
	max-height: 360px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* ==================================================
   LHM TEST - espace après le bandeau chemin
   ================================================== */

html body #header .bandeau_chemin {
	margin-bottom: 8px !important;
}

/* ==================================================
   LHM TEST - boutons bas du menu gauche en 230px
   ================================================== */

html body #navigation #nav_visiteur {
	width: 240px !important;
	max-width: 240px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur ul {
	width: 230px !important;
	max-width: 230px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur li,
html body #navigation #nav_visiteur li.raccourci_nav1 {
	width: 230px !important;
	max-width: 230px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur li a,
html body #navigation #nav_visiteur li.raccourci_nav1 a {
	display: block !important;
	width: 230px !important;
	max-width: 230px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - réduire vraiment les boutons du menu visiteur
   Plan du site / Déconnexion / Espace privé
   ================================================== */

html body #navigation #nav #nav_visiteur,
html body #navigation #nav_visiteur {
	width: 240px !important;
	max-width: 240px !important;
	box-sizing: border-box !important;
}

/* Le cadre garde toute sa largeur */
html body #navigation #nav #nav_visiteur ul,
html body #navigation #nav_visiteur ul {
	width: 240px !important;
	max-width: 240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Les lignes ne doivent plus porter le fond rouge */
html body #navigation #nav #nav_visiteur li,
html body #navigation #nav #nav_visiteur li.raccourci_nav1,
html body #navigation #nav_visiteur li,
html body #navigation #nav_visiteur li.raccourci_nav1 {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Le rouge est uniquement sur le bouton lui-même */
html body #navigation #nav #nav_visiteur li a,
html body #navigation #nav #nav_visiteur li.raccourci_nav1 a,
html body #navigation #nav_visiteur li a,
html body #navigation #nav_visiteur li.raccourci_nav1 a {
	display: block !important;
	width: 220px !important;
	max-width: 220px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	background: #de0722 !important;
}

/* ==================================================
   LHM TEST - cadre menu visiteur réduit et plus haut
   ================================================== */

/* Cadre gris arrondi */
html body #navigation div#nav_visiteur.noisette.nav2 {
	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 7px 5px 12px 5px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Liste des boutons */
html body #navigation div#nav_visiteur.noisette.nav2 > ul {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Lignes des boutons */
html body #navigation div#nav_visiteur.noisette.nav2 > ul > li.raccourci_nav1 {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Boutons rouges */
html body #navigation div#nav_visiteur.noisette.nav2 > ul > li.raccourci_nav1 > a {
	display: block !important;
	width: 220px !important;
	max-width: 220px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	background: #de0722 !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* Texte adminzy sous les boutons */
html body #navigation div#nav_visiteur.noisette.nav2 {
	line-height: 18px !important;
	text-align: center !important;
}

/* ==================================================
   LHM TEST - ajustement final menu visiteur
   ================================================== */

/* Cadre du menu visiteur : même largeur que le menu principal */
html body #navigation div#nav_visiteur.noisette.nav2 {
	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 7px 5px 12px 5px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Première liste : uniquement les boutons rouges */
html body #navigation div#nav_visiteur.noisette.nav2 > ul:first-child {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: 3px !important;   /* décale les boutons vers la gauche */
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Lignes des trois boutons */
html body #navigation div#nav_visiteur.noisette.nav2 > ul:first-child > li.raccourci_nav1 {
	width: 220px !important;
	max-width: 220px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

/* Les trois boutons rouges */
html body #navigation div#nav_visiteur.noisette.nav2 > ul:first-child > li.raccourci_nav1 > a {
	display: block !important;
	width: 220px !important;
	max-width: 220px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	background: #de0722 !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* Le nom adminzy ne doit pas être un bouton rouge */
html body #navigation div#nav_visiteur.noisette.nav2 > ul:not(:first-child),
html body #navigation div#nav_visiteur.noisette.nav2 > ul:not(:first-child) li,
html body #navigation div#nav_visiteur.noisette.nav2 > ul:not(:first-child) a {
	background: transparent !important;
	color: #de0722 !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	line-height: 18px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
}

/* ==================================================
   LHM TEST - pied de page en bas, hors colonne droite
   ================================================== */

html body #container > div#footer.footer,
html body #container > #footer,
html.page_sommaire body #container > div#footer.footer,
html.page_rubrique body #container > div#footer.footer,
html.page_article body #container > div#footer.footer {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	grid-column: 1 / -1 !important;
	grid-row: auto !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;

	float: none !important;
	clear: both !important;
	position: static !important;

	margin: 24px 0 0 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	text-align: center !important;
	background: transparent !important;
}

/* Bande rouge du pied */
html body #container > #footer .pied_bas,
html body #container > div#footer.footer .pied_bas {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;

	float: none !important;
	clear: both !important;
	position: static !important;

	margin: 0 !important;
	padding: 6px 0 !important;
	box-sizing: border-box !important;

	background: #de0722 !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 18px !important;
}

/* Crédits */
html body #container > #footer .credits,
html body #footer .credits {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
	color: #fff !important;
	background: transparent !important;
	box-sizing: border-box !important;
}
/* Liens du pied */
html body #container > #footer a {
	color: #fff !important;
	text-decoration: none !important;
	background: transparent !important;
}

/* ==================================================
   LHM TEST - restaurer le menu gauche principal
   ================================================== */

html body #navigation #nav,
html body #navigation #menu_rubriques {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 240px !important;
	max-width: 240px !important;
	height: auto !important;
	overflow: visible !important;
}

html body #navigation #menu_rubriques ul,
html body #navigation #menu_rubriques li {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 240px !important;
	max-width: 240px !important;
	height: auto !important;
	overflow: visible !important;
}

html body #navigation #menu_rubriques a {
	display: block !important;
	width: 240px !important;
	max-width: 240px !important;
	font-size: 16px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	padding-left: 18px !important;
	padding-right: 6px !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - remettre de l'ordre dans le menu gauche
   ================================================== */

/* Menu principal : Espace Membres, La Section, etc. */
html body #navigation #nav,
html body #navigation #menu_rubriques {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	width: 240px !important;
	max-width: 240px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Liste du menu principal */
html body #navigation #menu_rubriques ul,
html body #navigation #menu_rubriques li {
	display: block !important;
	position: static !important;
	float: none !important;
	width: 240px !important;
	max-width: 240px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

/* Liens du menu principal */
html body #navigation #menu_rubriques a {
	display: block !important;
	width: 240px !important;
	max-width: 240px !important;
	min-height: 20px !important;
	line-height: 20px !important;
	font-size: 16px !important;
	padding-left: 18px !important;
	padding-right: 6px !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* Bloc visiteur : Plan du site / Déconnexion / Espace privé */
html body #navigation #nav_visiteur,
html body #navigation div#nav_visiteur.noisette.nav2 {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	width: 240px !important;
	max-width: 240px !important;
	height: auto !important;
	margin: 8px 0 0 0 !important;
	padding: 7px 5px 12px 5px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Boutons du bloc visiteur */
html body #navigation #nav_visiteur ul:first-child {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur ul:first-child li {
	width: 220px !important;
	max-width: 220px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

html body #navigation #nav_visiteur ul:first-child li a {
	display: block !important;
	width: 220px !important;
	max-width: 220px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	text-align: center !important;
	background: #de0722 !important;
	color: #fff !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

/* Nom admin_test sous les boutons */
html body #navigation #nav_visiteur ul:not(:first-child),
html body #navigation #nav_visiteur ul:not(:first-child) li,
html body #navigation #nav_visiteur ul:not(:first-child) a {
	background: transparent !important;
	color: #de0722 !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	line-height: 18px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
}

/* Restaurer les sous-menus déroulants du menu gauche */
html body #navigation #menu_rubriques li {
	position: relative !important;
}

html body #navigation #menu_rubriques ul ul {
	position: absolute !important;
	left: 240px !important;
	top: 0 !important;
	display: none !important;
	width: 240px !important;
	z-index: 9999 !important;
}

html body #navigation #menu_rubriques li:hover > ul {
	display: block !important;
}

/* ==================================================
   LHM TEST - réglage final colonne gauche
   Les anciennes règles #navigation plus haut sont neutralisées par ce bloc
   ================================================== */

html.page_sommaire body #navigation,
html.page_rubrique body #navigation,
html.page_article body #navigation,
html body #navigation {
	grid-column: 1 !important;

	position: relative !important;
	top: 0 !important;

	float: none !important;
	clear: none !important;
	left: auto !important;
	right: auto !important;

	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;

	margin: -5px 0 0 0 !important;
	padding: 0 !important;

	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Ajustement visuel : remonte légèrement le menu gauche sous le fil d'Ariane */
html body #navigation {
	margin: -5px 0 0 0 !important;
}

/* ==================================================
   LHM TEST - décaler légèrement le menu gauche vers l'intérieur
   ================================================== */

html body #navigation {
	transform: translateX(4px) !important;
}

/* ==================================================
   LHM TEST - largeur minimale du site
   ================================================== */

/* Pied de page principal */
html body #footer,
html body #container > #footer,
html body #container > div#footer.footer {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	grid-column: 1 / -1 !important;

	position: static !important;
	float: none !important;
	clear: both !important;

	width: 100% !important;
	max-width: none !important;

	margin: 24px 0 0 0 !important;
	padding: 0 !important;

	text-align: center !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

/* ==================================================
   LHM TEST - édition Crayons : élargir la zone d'édition
   ================================================== */

html body div[id^="crayon_"].crayon-html {
	width: calc(100vw - 560px) !important;
	max-width: none !important;
	min-width: 700px !important;
	box-sizing: border-box !important;
}

html body div[id^="crayon_"].crayon-html .formulaire_spip,
html body div[id^="crayon_"].crayon-html form.formulaire_crayon,
html body div[id^="crayon_"].crayon-html .markItUp,
html body div[id^="crayon_"].crayon-html .markItUpContainer,
html body div[id^="crayon_"].crayon-html textarea,
html body div[id^="crayon_"].crayon-html .markItUpEditor {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	
	font-family: Consolas, "Courier New", monospace !important;
	font-size: 18px !important;
	line-height: 22px !important;
	
	text-align: left !important;
	direction: ltr !important;
}

/* ==================================================
   LHM TEST - adaptation aux fenêtres moins larges
   À laisser tout à la fin de perso.css
   ================================================== */

/* Fenêtre moyenne : on garde les 3 colonnes, mais on réduit seulement l'espace */
@media screen and (max-width: 1300px) {
	html body #container {
		grid-template-columns: 240px minmax(0, 1fr) 250px !important;
		column-gap: 8px !important;
	}

	html body #navigation {
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		margin-left: 0 !important;
		transform: none !important;
	}

	html body #wrapper {
		grid-column: 2 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 0 !important;
		left: auto !important;
		transform: none !important;
	}

	html body #extra {
		width: 250px !important;
		min-width: 250px !important;
		max-width: 250px !important;
	}
}

/* Fenêtre étroite : on masque le menu droit, mais le menu gauche reste à 240px */
@media screen and (max-width: 950px) {
	html body #container {
		grid-template-columns: 240px minmax(0, 1fr) !important;
		column-gap: 8px !important;
	}

	html body #navigation {
		grid-column: 1 !important;
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		margin-left: 0 !important;
		transform: none !important;
	}

	html body #navigation #nav,
	html body #navigation #menu_rubriques,
	html body #navigation #menu_rubriques ul,
	html body #navigation #menu_rubriques li,
	html body #navigation #menu_rubriques a {
		width: 240px !important;
		max-width: 240px !important;
	}

	html body #wrapper {
		grid-column: 2 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 0 !important;
		left: auto !important;
		transform: none !important;
	}

	html body #content,
	html body #article,
	html body #rubrique,
	html body #sommaire {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		overflow: visible !important;
	}

	html body #extra {
		display: none !important;
	}
}

/* Bandeau en fenêtres moins larges */
@media screen and (max-width: 1300px) {
	html body #header .bandeau_haut {
		height: clamp(65px, 8.4vw, 120px) !important;
	}

	html body #header .bandeau_bas #menu_perso ul li a {
		font-size: 15px !important;
	}
}

@media screen and (max-width: 950px) {
	html body #header .bandeau_haut {
		height: clamp(58px, 8.4vw, 90px) !important;
	}

	html body #header .bandeau_bas #menu_perso ul li a {
		font-size: 14px !important;
	}
}

/* ==================================================
   LHM TEST - recentrer le menu droit avec marge à droite
   ================================================== */

html body #extra {
	transform: translateX(-4px) !important;
	margin-right: 4px !important;
}

/* ==================================================
   LHM TEST - photos taille réelle au-dessus de tout
   ================================================== */

html body #popimage,
html body .popimage,
html body #popup,
html body .popup,
html body #image_popup,
html body .image_popup,
html body #popup_image,
html body .popup_image {
	position: fixed !important;
	z-index: 999999 !important;
}

/* ==================================================
   LHM TEST - image taille réelle au-dessus de tout
   ================================================== */

html body dialog#popimage_dialog,
html body #popimage_dialog {
	position: fixed !important;
	z-index: 999999 !important;
}

html body #popimage_dialog img {
	position: relative !important;
	z-index: 1000000 !important;
}