form.form_creer label{
	display: inline-block;
	width: 98px;
}
form.form_modifier_typelicence label{
	display: inline-block;
	width: 128px;
}
form.form_creer select.champ_liste{
	width: 250px;
}
form.form_creer input.champ_texte{
	width: 250px;
}
form.form_creer textarea.champ_area{
	width: 250px;
	height: 100px;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}
.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}
.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}
.centre{
	text-align: center;
}
.menu{
	margin-bottom: 25px;
	background-color: #B4D3F5;
}
.menu span{
	padding: 0 4px 0 4px;
}
table.liste_licence {
	border-collapse: collapse;
}
table.liste_licence, table.liste_licence tr, table.liste_licence td, table.liste_licence th {
	border: 1px solid #4FB2CA;
}
table tr th{
	color: #000;
}
table tr.entete{
	background-color: #237A8E!important;
}
table tr.entete th{
	background-color: #237A8E!important;
}
table.striped tbody tr:nth-child(2n+1) td, table.striped tbody tr:nth-child(2n+1) th{
	background-color: #D2EEF4;
}
.payee, table.striped tbody tr td.payee{
	background-color: #B7E5B2;
	color: #276A08;
}
.evaluation, table.striped tbody tr td.evaluation{
	background-color: #D9B270;
	color: #A72929;
}
.demonstration, table.striped tbody tr td.demonstration{
	background-color: #70ACFE;
	color: #FFFFFF;
}
.falsifiee, table.striped tbody tr td.falsifiee{
	background-color: #DC1F05;
	color: #FFFFFF;
}
.mensuel, table.striped tbody tr td.mensuel{
	background-color: #A09868;
	color: #FFFFFF;
}
.bloquee, table.striped tbody tr td.bloquee{
	background-color: #CCCCCC;
	color: #FFFFFF;
}
div.cadre_form_login{
	margin-top: 158px;
}
div.sous_menu_gauche{
	display: inline-block;
	float: left;
}
div.sous_menu_droit{
	display: inline-block;
	float: right;
}
.important{
	font-weight: bold;
	text-decoration: underline;
}
.titre_creer_jeton{
	font-size: 10px;
}
.style_numjeton{
	font-size: 22px;
	font-weight: bold;	
	color:#1979CA;
}
.iconedetails{
	width: 40px;
}
.colacces{
	text-align: center;
}
.lgn1{
	background-color: #FFFFFF !important;
}
.lgn0{
	background-color: #D2EEF4 !important;
}
.pagesinferieurs{
	margin-top: 25px;
}
.selected{
	font-size: 22px;
	font-weight: bold;	
	color:#19ca45;
}
.souligne{
	text-decoration: underline;
}
.abloquer{
	height: 20px!important;
}
.logo{
	height: 84px;
}
form#recherchelic input{
	width: 85%;
}
form#recherchelic button{
	
}
.libboutonapi{
	color:#000;
}
.boutonaffichermasquer button i{
	color:#000;
}

/* gère la boîte (rouge) du bouton-icône, pas l'icône elle-même */
.btnplusck{
	display:inline-flex;              /* width/height prennent effet */
	align-items:center;
	justify-content:center;

	/* taille du glyphe = font-size (NE PAS changer si tu veux garder la même icône) */
	font-size:1.2rem;                 /* icône blanche */

	/* taille de la boîte rouge (à ajuster) */
	width:1.6em;                      /* ~ un léger bord autour de l’icône */
	height:1.6em;

	padding:0;                        /* enlève l’extra rouge */
	line-height:1;                    /* évite la hauteur supplémentaire */

	background-color: #B58C20;
	border: 2px solid #BB7026;               /* ton rouge */
	color:#fff;                       /* icône blanche */
	border-radius:.45rem;             /* option : coins arrondis */
	cursor:pointer;
	vertical-align:middle;            /* joli alignement en ligne */
}
.btnplusck:hover{ filter:brightness(1.05); }
button.btn-icon{
	color:#000;
}
table.data thead tr th{
	background-color: #237A8E;
	color: #FFF;
}
.bloccache{
	display: none;
}
/* Ligne et label */
.switch-row{ display:flex; align-items:center; gap:.75rem; margin-top:.75rem }
.switch-label{ min-width: 18rem; }
/* Interrupteur type iOS */
.switch{ position:relative; display:inline-block; width: 48px !important;; height:26px }
.switch input{ opacity:0; width:0; height:0 }
.slider{
  position:absolute; cursor:pointer; inset:0; background:#d0d5dd; transition:.2s; border-radius:999px;
}
.slider:before{
  content:""; position:absolute; height:22px; width:22px; left:2px; top:2px;
  background:white; transition:.2s; border-radius:50%;
  box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.switch input:checked + .slider{ background:#16a34a; }
.switch input:checked + .slider:before{ transform:translateX(22px); }
.switch-help{ color:#666 }
.appsupploui{
	color: #276A08;
	font-weight: bold;
}
.appsupplnon{
	color: #585858;
	font-weight: bold;
}
.infodiscret{
	font-size: small;
	color: #226105;
}
.ligneddda img{
	width: 45px;
}
.iconelien{
	width: 25px;
}
.texteadroite{
	text-align: right;
}

/* --- Interrupteur moderne --- */
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.3s;
}
.slider::before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s;
}
input:checked + .slider {
  background-color: #1b8f42;
}
input:focus + .slider {
  box-shadow: 0 0 1px #1b8f42;
}
input:checked + .slider::before {
  transform: translateX(24px);
}
