input, textarea
 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height: 1;
	vertical-align: middle;
	border-radius: 5px;
}

input.checkbox
{
	height: 25px;
	width: 25px;
	font-size:0.75vw; 
	vertical-align: middle;
}

textarea:focus, input:focus, select:focus
{
	background: #ACE3FF;
}

body
 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 1;
	width: 100%;
}

select
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height: 1;
	vertical-align: middle;
}

input.validation_error 
{
	background: #FF0000;
}

label 
{
  display:inline-block;
}

.div_60
{
	width: 50%;
	align: center;
	display: block;
	margin: auto;
}

#banner_top {
	position: fixed;	
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;	
	margin: 0px 0px;
	background-color: #000000;
	width: 100%;
	min-height: 50px;	
	
	
}

#menu_top {
	position: fixed;
	top: 35px;
	left: 0px;
	right: 0px;
	width: 100%;
	margin: 0px 0px;
	background-color: #FAFAFA;
	width: 100%;
	min-height: 80px;	

	
}

.lbl_top
{
	color: #0404B4;
	font-size: 0.6vw;
}

.tab1 {
	width: 100%;
	background-color: #DCDCDC;
	vertical-align: middle;	
	height: 25px;
}
.tab1:hover , .tab2:hover{
	background-color: #FFE9A0;
}
.tab2 {
	width: 100%;
	vertical-align: middle;	
	height: 25px;
	background-color: #C0C0C0;
}
.tab_blue_1 {
	width: 100%;
	background-color: #CED8F6;
	vertical-align: middle;	
	height: 25px;
}
.tab_blue_1:hover , .tab_blue_2:hover{
	background-color: #FFE9A0;
}
.tab_blue_2 {
	width: 100%;
	vertical-align: middle;	
	height: 25px;
	background-color: #FAFAFA;
}

.tab_neutre {
	width: 100%;
	vertical-align: middle;	
	height: 25px;
	background-color: transparent;
}




/* DATE PICKER */
.ui-datepicker-week-end >.ui-state-default{
    color: red ;
}

/* MAIN*/

.img_statut{
	cursor: pointer;
	height: 20px;
	width: 'auto';
}

.menu_main{
	float: left;
	width: 10%;
	top: 50px;
	position: relative;
}


/* MAIN CONTEXT MENU */

.cont_row_1{
	width: 100%;
	vertical-align: middle;	
	height: 25px;
}
.cont_row_1:hover{
	background-color: #81BEF7;
}

/* HEADER MENU */

.menu_row{
	width: 100%;
	vertical-align: middle;	
	height: 25px;
}
.menu_row:hover{
	background-color: #81BEF7;
}

/* MAIN  PAGE */


.img_div_gen{
	cursor: pointer;
	height: 25px;
	width: 'auto';
	transition: transform .1s;
}

.img_div_gen:hover{
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.5);
}

.lbl_menu{
	font-size: 0.8vw;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	transition: transform .1s;
}

.lbl_menu:hover{
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.5);
}

/* PRESENCES */

.lbl_menu_2{
	font-size: 0.6vw;
	cursor: pointer;
	text-align: left;
	transition: transform .1s;
}

.lbl_menu_2:hover{
	font-weight: bold;
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
}

.tab_rose_1 
{
	width: 100%;
	background-color: #F6D9FA;
	vertical-align: middle;	
	height: 25px;
}
.tab_rose_2 
{
	width: 100%;
	vertical-align: middle;	
	height: 25px;
	background-color: #E8C8F5;
}
.tab_green_1 
{
	width: 100%;
	background-color: #D4FFE5;
	vertical-align: middle;	
	height: 25px;
}
.tab_green_2 
{
	width: 100%;
	vertical-align: middle;	
	height: 25px;
	background-color: #A7FDC7;
}

.tab_rose_1:hover , .tab_rose_2:hover, .tab_green_1:hover , .tab_green_2:hover
{
	background-color: #FFE9A0;
}

/* ---------------------------- CHECKBOX SLIDER ------------------------------- */

	
.switch 
{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

.switch input 
{ 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider 
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e72b34;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before 
{
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider 
{
  background-color: #3ADF00;
}

input:focus + .slider 
{
  box-shadow: 0 0 1px #3ADF00;
}

input:checked + .slider:before 
{
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round 
{
  border-radius: 34px;
}

.slider.round:before 
{
  border-radius: 50%;
}

/*********************** DISABLED ***************************/
/* bloque tous les clics à l’intérieur, sans casser l’affichage */
	.no-interact 
	{
	  pointer-events: none;   /* plus de clics/touch */
	  opacity: .6;            /* optionnel: visuel “désactivé” */
	}

	.disabled 
	{
	  pointer-events: none;
	  opacity: 0.5; /* visuel optionnel */
	} 
/***************** FIELDSET ThinkerPorf ***************/	
.fieldset_tp_orange {
	width: 98%;
	margin: 0 auto;
	border-radius: 18px;

	/* Fond carte léger + halos Thinker */
	background:
		radial-gradient(circle at top left, rgba(56,189,248,0.12), transparent 60%),
		radial-gradient(circle at bottom right, rgba(250,116,0,0.10), transparent 55%),
		#ffffff;

	border: 3px solid rgba(184, 177, 168, 0.75);

	box-shadow:
		0 18px 45px rgba(15,23,42,0.18),
		inset 0 0 12px rgba(123,174,207,0.28);

	padding: 18px 18px 22px;
}

.fieldset_tp_neon
	{
		width: 94%;
	/* Fond carte léger + halos Thinker */
		background:
			radial-gradient(circle at top left, rgba(56,189,248,0.12), transparent 60%),
			radial-gradient(circle at bottom right, rgba(250,116,0,0.10), transparent 55%),
			#ffffff;
		border-radius: 15px;
		height: 100%;
		min-height: 100%;

		/* 🎨 Bordure bleu-gris harmonisée */
		border: 2px solid #7BAECF;

		/* ✨ Glow doux pour rappeler le gradient */
		box-shadow:
			0 0 10px #A3C8E4,
			0 0 20px #D9ECFF,
			inset 0 0 10px rgba(123,174,207,0.35);
	}	

.legend_tp_orange {
	padding: 4px 14px;
	border-radius: 11px;

	background: rgba(230,243,255,0.85);

	color: #FF6A00;
	font-weight: bold;
	font-size: 0.9vw;

	text-shadow:
		0 0 2px rgba(255,255,255,0.8),   /* contour clair */
		0 0 6px rgba(0,0,0,0.55),        /* profondeur */
		0 0 10px rgba(250,116,0,0.75);   /* lueur orange */

	box-shadow:
		0 2px 6px rgba(0,0,0,0.25),
		inset 0 1px 2px rgba(255,255,255,0.25);
}

.legend_tp_noir 
{
	padding: 4px 14px;
	border-radius: 11px;

	/* Fond doux translucide */
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.65);

	color: #000;
	font-weight: bold;
	font-size: 0.9vw;

	/* Ombres oranges subtiles mais présentes */
	text-shadow:
		0 0 2px rgba(250, 116, 0, 0.35),   /* halo léger FA7400 */
		0 0 4px rgba(250, 116, 0, 0.25),   /* diffusion douce */
		0 0 7px rgba(250, 116, 0, 0.30);   /* petite aura chaleureuse */

	box-shadow:
		0 2px 4px rgba(0,0,0,0.18);
}

.legend_tp_noir_dark
	{
		padding: 4px 14px;
		border-radius: 11px;

		/* ⭐ Fond plus visible */
		background: rgba(230,243,255,0.5); /* AU LIEU DE 0.20 */

		border: 1px solid rgba(123,174,207,0.55);

		color: #000000;		/*CCD8E3;*/
		font-weight: bold;
		font-size: 0.9vw;

		text-shadow:
			0 0 3px rgba(0,0,0,0.85),
			0 0 8px rgba(250,116,0,0.75);

		box-shadow:
			0 2px 6px rgba(0,0,0,0.25),
			inset 0 1px 2px rgba(255,255,255,0.25);
	}