body
	{
	margin: 0px;
	padding: 0px;
	outline: 0px;
	background:var(--fnd_inact);
	}

.home
	{
	width:500px;
	background-image:url("../images/maeva_hebergement.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	}

.contenu
	{
	background: var(--fnd_moycl);
	}

.dark
	{
	background: #000000;
	}

.submit_invisible
{
background-image:url("../images/transp_10x10.png");
}

/* ********************************************* */

.btsubbleu {
	height: 35px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: var(--txt_bouto);
	border-radius: 17px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_deghaut) 0%, var(--fnd_degbas) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_deghaut) 0%, var(--fnd_degbas) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_deghaut) 0%, var(--fnd_degbas) 100%);
	background: -o-linear-gradient(top,		var(--fnd_deghaut) 0%, var(--fnd_degbas) 100%);
	background: linear-gradient(to bottom,	var(--fnd_deghaut) 0%, var(--fnd_degbas) 100%);
	margin: 0 auto; /* Center the button horizontally */
	margin-bottom: 5px;
	display: block; /* Ensure the margin auto works */
}

.btsubbleu:hover {
	border: none;
	color: var(--txt_rover);
	border-radius: 17px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
}

.btsubbleu:active {
	border: none;
	border-radius: 17px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%, var(--fnd_deghaut) 100%);
	transform: translateY(4px);
}


/* ********************************************* */

.btsubvert
	{
	height:35px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #CCFFCC;
	border-radius: 17px;
	background: #009966;
	background: -webkit-linear-gradient(top,#33AD85 0%,	#007A52 100%);
	background: -ms-linear-gradient(top,	#33AD85 0%,	#007A52 100%);
	background: -moz-linear-gradient(top,	#33AD85 0%,	#007A52 100%);
	background: -o-linear-gradient(top,		#33AD85 0%,	#007A52 100%);
	background: linear-gradient(to bottom,	#33AD85 0%,	#007A52 100%);
	margin: 0 auto; /* Center the button horizontally */
	margin-bottom: 5px;
	display: block; /* Ensure the margin auto works */
	}

.btsubvert:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 17px;
	background: #009966;
	background: -webkit-linear-gradient(top,#007A52 0%,	#33AD85 100%);
	background: -ms-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -moz-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -o-linear-gradient(top,		#007A52 0%,	#33AD85 100%);
	background: linear-gradient(to bottom,	#007A52 0%,	#33AD85 100%);
	}

.btsubvert:active
	{
	border: none;
	border-radius: 17px;
	background: #009966;
	background: -webkit-linear-gradient(top,#007A52 0%,	#33AD85 100%);
	background: -ms-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -moz-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -o-linear-gradient(top,		#007A52 0%,	#33AD85 100%);
	background: linear-gradient(to bottom,	#007A52 0%,	#33AD85 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsuborange
	{
	height:35px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #FFFFCC;
	border-radius: 17px;
	background: #FF6600;
	background: -webkit-linear-gradient(top,#FF8533 0%,	#CC5200 100%);
	background: -ms-linear-gradient(top,	#FF8533 0%,	#CC5200 100%);
	background: -moz-linear-gradient(top,	#FF8533 0%,	#CC5200 100%);
	background: -o-linear-gradient(top,		#FF8533 0%,	#CC5200 100%);
	background: linear-gradient(to bottom,	#FF8533 0%,	#CC5200 100%);
	margin: 0 auto; /* Center the button horizontally */
	margin-bottom: 5px;
	display: block; /* Ensure the margin auto works */
	}

.btsuborange:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 17px;
	background: #FF6600;
	background: -webkit-linear-gradient(top,#CC5200 0%,	#FF8533 100%);
	background: -ms-linear-gradient(top,	#CC5200 0%,	#FF8533 100%);
	background: -moz-linear-gradient(top,	#CC5200 0%,	#FF8533 100%);
	background: -o-linear-gradient(top,		#CC5200 0%,	#FF8533 100%);
	background: linear-gradient(to bottom,	#CC5200 0%,	#FF8533 100%);
	}

.btsuborange:active 
	{
	border: none;
	border-radius: 17px;
	background: #FF6600;
	background: -webkit-linear-gradient(top,#CC5200 0%,	#FF8533 100%);
	background: -ms-linear-gradient(top,	#CC5200 0%,	#FF8533 100%);
	background: -moz-linear-gradient(top,	#CC5200 0%,	#FF8533 100%);
	background: -o-linear-gradient(top,		#CC5200 0%,	#FF8533 100%);
	background: linear-gradient(to bottom,	#CC5200 0%,	#FF8533 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubrouge
	{
	height:35px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #FFCCCC;
	border-radius: 17px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#D63333 0%,	#A30000 100%);
	background: -ms-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -moz-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -o-linear-gradient(top,		#D63333 0%,	#A30000 100%);
	background: linear-gradient(to bottom,	#D63333 0%,	#A30000 100%);
	margin: 0 auto; /* Center the button horizontally */
	margin-bottom: 5px;
	display: block; /* Ensure the margin auto works */
	}

.btsubrouge:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 17px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);
	}

.btsubrouge:active 
	{
	border: none;
	border-radius: 17px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubtransp
	{
	height:25px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #000000;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0);
	/**	background: #CC0000;
	background: -webkit-linear-gradient(top,#D63333 0%,	#A30000 100%);
	background: -ms-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -moz-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -o-linear-gradient(top,		#D63333 0%,	#A30000 100%);
	background: linear-gradient(to bottom,	#D63333 0%,	#A30000 100%);	**/
	margin: 0 auto; /* Center the button horizontally */
	margin-bottom: 5px;
	display: block; /* Ensure the margin auto works */
	}

.btsubtransp:hover
	{
	border: none;
	color: #000000;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.1);
	/**	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);	**/
	}

.btsubtransp:active 
	{
	border: none;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.1);
	/**	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);	**/
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubvertmini
	{
	height:20px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #CCFFCC;
	border-radius: 10px;
	background: #009966;
	background: -webkit-linear-gradient(top,#33AD85 0%,	#007A52 100%);
	background: -ms-linear-gradient(top,	#33AD85 0%,	#007A52 100%);
	background: -moz-linear-gradient(top,	#33AD85 0%,	#007A52 100%);
	background: -o-linear-gradient(top,		#33AD85 0%,	#007A52 100%);
	background: linear-gradient(to bottom,	#33AD85 0%,	#007A52 100%);
	/*	28/08/2026, demandé par Hervé - "serait-il possible et judicieux de centrer tous nos
		boutons dans leur classe CSS ?" : les variantes "mini" (contrairement aux boutons
		pleine taille et .btlink) n'avaient pas ce centrage - oubli, corrigé pour les 4.
		30/08/2026, demandé par Hervé ("les btsubvertmini sont collés en haut de leur ligne
		au lieu d'être centrés verticalement") : margin-top manquait (0 implicite via
		"margin: 0 auto"), contrairement à .input-unite (mainlayout_backoffice.css) qui a
		margin:5px 0 - un bouton mini à côté d'un champ texte dans la même ligne de
		listing (ex: admin_catalogue.php) partait donc collé en haut, pas aligné avec le
		champ. Même marge haut/bas que .input-unite désormais, pour les 4 variantes. */
	margin: 5px auto;
	display: block;
	}

.btsubvertmini:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 10px;
	background: #009966;
	background: -webkit-linear-gradient(top,#007A52 0%,	#33AD85 100%);
	background: -ms-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -moz-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -o-linear-gradient(top,		#007A52 0%,	#33AD85 100%);
	background: linear-gradient(to bottom,	#007A52 0%,	#33AD85 100%);
	}

.btsubvertmini:active
	{
	border: none;
	border-radius: 10px;
	background: #009966;
	background: -webkit-linear-gradient(top,#007A52 0%,	#33AD85 100%);
	background: -ms-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -moz-linear-gradient(top,	#007A52 0%,	#33AD85 100%);
	background: -o-linear-gradient(top,		#007A52 0%,	#33AD85 100%);
	background: linear-gradient(to bottom,	#007A52 0%,	#33AD85 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubrougemini
	{
	height:20px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color: #FFCCCC;
	border-radius: 10px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#D63333 0%,	#A30000 100%);
	background: -ms-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -moz-linear-gradient(top,	#D63333 0%,	#A30000 100%);
	background: -o-linear-gradient(top,		#D63333 0%,	#A30000 100%);
	background: linear-gradient(to bottom,	#D63333 0%,	#A30000 100%);
	/*	28/08/2026, demandé par Hervé - "serait-il possible et judicieux de centrer tous nos
		boutons dans leur classe CSS ?" : les variantes "mini" (contrairement aux boutons
		pleine taille et .btlink) n'avaient pas ce centrage - oubli, corrigé pour les 4.
		30/08/2026, demandé par Hervé ("les btsubvertmini sont collés en haut de leur ligne
		au lieu d'être centrés verticalement") : margin-top manquait (0 implicite via
		"margin: 0 auto"), contrairement à .input-unite (mainlayout_backoffice.css) qui a
		margin:5px 0 - un bouton mini à côté d'un champ texte dans la même ligne de
		listing (ex: admin_catalogue.php) partait donc collé en haut, pas aligné avec le
		champ. Même marge haut/bas que .input-unite désormais, pour les 4 variantes. */
	margin: 5px auto;
	display: block;
	}

.btsubrougemini:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 10px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);
	}

.btsubrougemini:active 
	{
	border: none;
	border-radius: 10px;
	background: #CC0000;
	background: -webkit-linear-gradient(top,#A30000 0%,	#D63333 100%);
	background: -ms-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -moz-linear-gradient(top,	#A30000 0%,	#D63333 100%);
	background: -o-linear-gradient(top,		#A30000 0%,	#D63333 100%);
	background: linear-gradient(to bottom,	#A30000 0%,	#D63333 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubbleumini
	{
	height:25px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #CCFFFF;
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -o-linear-gradient(top,		var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: linear-gradient(to bottom,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	/*	28/08/2026, demandé par Hervé - "serait-il possible et judicieux de centrer tous nos
		boutons dans leur classe CSS ?" : les variantes "mini" (contrairement aux boutons
		pleine taille et .btlink) n'avaient pas ce centrage - oubli, corrigé pour les 4.
		30/08/2026, demandé par Hervé ("les btsubvertmini sont collés en haut de leur ligne
		au lieu d'être centrés verticalement") : margin-top manquait (0 implicite via
		"margin: 0 auto"), contrairement à .input-unite (mainlayout_backoffice.css) qui a
		margin:5px 0 - un bouton mini à côté d'un champ texte dans la même ligne de
		listing (ex: admin_catalogue.php) partait donc collé en haut, pas aligné avec le
		champ. Même marge haut/bas que .input-unite désormais, pour les 4 variantes. */
	margin: 5px auto;
	display: block;
	}

.btsubbleumini:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	}

.btsubbleumini:active
	{
	border: none;
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

/*	btlinkbleumini (27/08/2026, demandé par Hervé) : équivalent de .btsubbleumini pour un
	lien <a> plutôt qu'un <input type="submit"> - même gabarit (largeur/hauteur/dégradé
	bleu/pilule) que les boutons "Enregistrer" des grilles tarifaires, mais pour une action
	de navigation (ex: "Voir les tarifs archivés"). Même convention que .btlink (div
	englobante sans style propre, le rendu réel est sur le <a> à l'intérieur). */
.maincontent .btlinkbleumini a,
.maincontent .btlinkbleumini a:visited
	{
	display: block;
	height: 25px;
	line-height: 25px;
	width: 90%;
	margin: 0 auto;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #CCFFFF;
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -o-linear-gradient(top,		var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: linear-gradient(to bottom,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	}

.maincontent .btlinkbleumini a:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	}

.maincontent .btlinkbleumini a:active
	{
	border: none;
	border-radius: 12px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	transform: translateY(4px);
	}

/* ********************************************* */

.btsubvioletmini
	{
	height:25px;
	width: 90%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size:12pt;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: var(--fnd_error);
	border-radius: 12px;
	background: var(--fnd_special);
	background: -webkit-linear-gradient(top,var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -o-linear-gradient(top,		var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: linear-gradient(to bottom,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	/*	28/08/2026, demandé par Hervé - "serait-il possible et judicieux de centrer tous nos
		boutons dans leur classe CSS ?" : les variantes "mini" (contrairement aux boutons
		pleine taille et .btlink) n'avaient pas ce centrage - oubli, corrigé pour les 4.
		30/08/2026, demandé par Hervé ("les btsubvertmini sont collés en haut de leur ligne
		au lieu d'être centrés verticalement") : margin-top manquait (0 implicite via
		"margin: 0 auto"), contrairement à .input-unite (mainlayout_backoffice.css) qui a
		margin:5px 0 - un bouton mini à côté d'un champ texte dans la même ligne de
		listing (ex: admin_catalogue.php) partait donc collé en haut, pas aligné avec le
		champ. Même marge haut/bas que .input-unite désormais, pour les 4 variantes. */
	margin: 5px auto;
	display: block;
	}

.btsubvioletmini:hover
	{
	border: none;
	color: var(--txt_rover);
	border-radius: 12px;
	background: var(--fnd_special);
	background: -webkit-linear-gradient(top,var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -o-linear-gradient(top,		var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: linear-gradient(to bottom,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	}

.btsubvioletmini:active
	{
	border: none;
	border-radius: 12px;
	background: var(--fnd_special);
	background: -webkit-linear-gradient(top,var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -o-linear-gradient(top,		var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: linear-gradient(to bottom,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	transform: translateY(4px);
	}


/* ********************************************* */

.miniprec
	{
	background-position: center 0px;
	background-image: url("../images/prec_on.jpg"); 
	background-repeat: no-repeat;
	width: 70px;
	height:35px;
	}
.miniprec a
	{
	background-position: center 0px;
	background-image: url("../images/prec_off.jpg"); 
	background-repeat: no-repeat;
	width: 70px;
	height:35px;
	display: block;
	}
.miniprec a:hover
	{
	background: none;
	}

.minisuiv
	{
	background-position: center 0px;
	background-image: url("../images/suiv_on.jpg"); 
	background-repeat: no-repeat;
	width: 70px;
	height:35px;
	}
.minisuiv a
	{
	background-position: center 0px;
	background-image: url("../images/suiv_off.jpg"); 
	background-repeat: no-repeat;
	width: 70px;
	height:35px;
	display: block;
	}
.minisuiv a:hover
	{
	background: none;
	}



.prec
	{
	background-position: center 10px;
	background-image: url("../images/prec_on.jpg"); 
	background-repeat: no-repeat;
	width: 100px;
	height:50px;
	}
.prec a
	{
	background-position: center 10px;
	background-image: url("../images/prec_off.jpg"); 
	background-repeat: no-repeat;
	width: 100px;
	height:50px;
	display: block;
	}
.prec a:hover
	{
	background: none;
	}

.suiv
	{
	background-position: center 10px;
	background-image: url("../images/suiv_on.jpg"); 
	background-repeat: no-repeat;
	width: 100px;
	height:50px;
	}
.suiv a
	{
	background-position: center 10px;
	background-image: url("../images/suiv_off.jpg"); 
	background-repeat: no-repeat;
	width: 100px;
	height:50px;
	display: block;
	}
.suiv a:hover
	{
	background: none;
	}



/* ********************************************* */

.premier
	{
	padding:0 0 0 5px;
	}

.dernier
	{
	padding:0 5px 0 0;
	}

.listing
	{
	height: 25px;
	}

.listing2
	{
	height: 25px;
	}

.listing2 a
	{
	color:#000000;
	}

.listing2 a:visited
	{
	color:#000000;
	}

.listing2 a:hover
	{
	color:#0099CC;
	text-decoration:underline;
	}

.bigline
	{
	height: 45px;
	}

.droite
	{
	text-align:right;
	padding-right: 10px;
	}

.centre
	{
	text-align:center;
	}

.gauche
	{
	text-align:left;
	}


/*	05/09/2026, trouvé en appliquant "numerik" aux listings à la demande d'Hervé : .centre,
	.droite et .gauche souffraient exactement du même défaut de spécificité que .numerik avant
	sa correction du 28/08/2026. col.css (.col{text-align:justify}) est chargé APRÈS
	frenchstyle.css dans responsive_backoffice.php ; à spécificité égale (une seule classe
	chacun), c'est le dernier chargé qui gagne, donc .col écrasait ces trois classes dès
	qu'elles étaient posées sur une div de la grille. Le symptôme passait inaperçu parce que
	"justify" sur une ligne unique se rend comme "left" - et parce que le padding de .droite,
	lui, s'appliquait bien : l'élément avait l'air simplement mal aligné, pas cassé.
	41 "class=col ... droite" du projet étaient concernés. Mêmes variantes à deux classes que
	.col.numerik, qui l'emportent quel que soit l'ordre de chargement - plus robuste qu'un
	!important. Les règles de base à une classe sont conservées au-dessus pour les écrans
	hors grille .col. */
.col.centre
	{
	text-align:center;
	}

.col.droite
	{
	text-align:right;
	padding-right: 10px;
	}

.col.gauche
	{
	text-align:left;
	}
.haut
	{
	vertical-align:top;
	}

.milieu
	{
	vertical-align:middle;
	}

.bas
	{
	vertical-align:bottom;
	}

.justine
	{
	text-align:justify;
	}

.bary
	{
	vertical-align:middle;
	text-align:center;
	}

.halo
	{
	font-weight: bold;
  text-shadow: 1px -1px 10px rgba(238, 238, 238, 1), 1px 1px 10px rgba(238, 238, 238, 1), -1px 1px 10px rgba(238, 238, 238, 1), -1px -1px 10px rgba(238, 238, 238, 1);
	}

.marge
	{
	padding:10px;
	}

.imgfloatl
	{
	float:left;
	margin:0 10px 0 0;
	}

.imgfloatr
	{
	float:right;
	margin:0 0 0 10px;
	}




.cadre2
	{ 
	border-width:1px;
	border-style:solid; 
	border-color:#00CC66;
	}

.cadre3
	{ 
	border-width:1px;
	border-style:solid; 
	border-color:#0099CC;
	}

/* ********************************************* */


.standard
	{
	font-family: "Roboto", sans-serif;
	font-weight:normal;
	text-align:left;
	color: var(--txt_norma);
	font-size: 1em;
	}

.special
	{
	margin: 0px;
	padding: 0px;
	outline: 0px;
	background: var(--txt_inact);
	font-family:Verdana;
	font-weight:normal;
	text-align:left;
	color:#000066;
	font-size:12pt;
	}

.virtuel
	{
	color:#9999CC;
	}

.titprod
	{
	font-size:16pt;
	color:#0033FF;
	}

.total
	{
	font-size:10pt;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:right;
	}

/*	28/08/2026, demandé par Hervé - classe dédiée aux VALEURS numériques (montants, quantités,
	taux...), jamais aux libellés qui les précèdent (ex. "Total", "Sous-total") même s'ils sont
	eux aussi alignés à droite - juste text-align:right + un peu d'air à droite pour ne pas se
	coller à la colonne suivante. À généraliser progressivement, écran par écran, à la place du
	style="text-align:right;" répété partout dans le projet.
	/!\ Sélecteur ".col.numerik" (et non ".numerik" seul) INDISPENSABLE : col.css (qui pose
	.col{text-align:justify}) se charge APRÈS frenchstyle.css dans responsive_backoffice.php -
	à spécificité CSS égale (une seule classe), c'est le fichier chargé en dernier qui gagne,
	donc .col écrasait .numerik silencieusement (justify sur une ligne seule ~= aligné à
	gauche, symptôme signalé par Hervé). ".col.numerik" (deux classes) a une spécificité plus
	forte qui l'emporte quel que soit l'ordre des fichiers - plus robuste qu'un !important.
	Règle de base ".numerik" seule gardée en plus, pour les rares écrans hors grille .col
	(ex. admin_tarifs.php, en flexbox - cas de colonnes dynamiques, déjà une dérogation
	documentée à la grille .col) - là, aucun conflit avec .col donc pas besoin de la variante
	à spécificité renforcée. */
.numerik, .col.numerik
	{
	/*	28/08/2026 - box-sizing:border-box indispensable : .col est en content-box (col.css),
		un simple padding-right s'ajoute alors à la largeur en % déjà définie et fait déborder
		la grille (dernière colonne d'une ligne qui passe en dessous) - avec border-box le
		padding mord sur la largeur existante au lieu de s'y ajouter. */
	box-sizing:border-box;
	text-align:right;
	padding-right:5px;
	}

.soldnul
	{
	font-size:12pt;
	font-weight:bold;
	color: var(--txt_titcol);
	}

.soldpos
	{
	font-size:12pt;
	font-weight:bold;
	color:#FFFF00;
	}

.moyen
	{
	/*	font-size:10pt;	*/
	font-size:0.8em;
	}

.petit
	{
	/*	font-size:8pt;	*/
	font-size:0.6em;
	}

.minus
	{
	/*	font-size:6pt;	*/
	font-size:0.5em;
	}

.titre
	{
	color:var(--txt_titre);
	font-size:16pt;
	font-weight:bold;
	}

.msgOK
	{
	text-align:center;
	color:#009900;
	font-size:14pt;
	font-weight:bold;
	}

.msgER
	{
	text-align:center;
	color:#FF0000;
	font-size:14pt;
	font-weight:bold;
	background-color :var(--fnd_error);
	}

/*	05/09/2026, demandé par Hervé : "je préfère que l'erreur soit traitée joliment avec un
	beau message dans la charte graphique de l'application, pas de sur-réaction
	intempestive". Il manquait un niveau intermédiaire entre .msgOK (tout va bien) et
	.msgER (erreur franche, rouge sur fond rose) pour signaler une ANOMALIE de données que
	l'utilisateur n'a pas provoquée et qui ne bloque rien : un devis sans aucune ligne, une
	facture liée disparue... Reprend --fnd_actif (le jaune de la charte, déjà utilisé pour
	les éléments actifs du menu) plutôt qu'une couleur inventée pour l'occasion.
	06/09/2026, corrigé par Hervé : "le jaune pâle est plus joli que l'autre jaune, adopte
	ce jaune-là pour les textes et messages warning". D'où --fnd_warn (#FFFF99), le jaune
	pâle qui servait jusqu'ici au repère "client sans historique" de la liste clients -
	repère supprimé le même jour, la couleur lui survit. --fnd_actif reste ce qu'il a
	toujours été : le jaune vif des éléments ACTIFS du menu, qui n'a rien à voir avec un
	avertissement et ne doit pas bouger. */
.msgAT
	{
	text-align:center;
	color:#7A5C00;
	font-size:14pt;
	font-weight:bold;
	background-color: var(--fnd_warn);
	}

.etoile
	{
	vertical-align:middle;
	/*	text-align:center;	*/
	color:#FF0000;
	font-weight:bold;
	font-size:16pt;
	}

/* ********************************************* */

.pied
	{
	vertical-align:middle;
	text-align:center;
	color:#DDDDDD;
	font-weight:normal;
	font-size:12pt;
	}
.pied a,
.pied a:visited
	{
	/*	color:#6699CC;	*/
	color:#9fabbc;
	}
.pied a:hover
	{
	color:#FFFFFF;
	}

.partenaire
	{
	color: var(--txt_discr);
	}

/* ********************************************* */

table
	{
	margin: auto;
	border-collapse: collapse;
	}

td
	{
	text-align:left;
	vertical-align:middle;
	border: 0px;
	padding: 0px;
	}

th
	{
	text-align:left;
	vertical-align:middle;
	border: 0px;
	padding: 0px;
	}

img
	{ 
	border:0;
	}