/*html{
		scrollbar-gutter: stable both-edges;		
	}*/
			@font-face {
				font-family: 'Source Sans Pro Regular';
				src: url('../Annexes/source-sans-pro.regular.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}
	
			body{
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				color : #383838;
				padding-left : 6%;
				padding-right : 6%;
				padding-top:10px;
				/*width:100%;*/
				/*min-width:1400px;*/
				overflow-y: scroll;
				margin-top:0px;	
				margin-bottom:0px;		
			}
			
			hr{
				border-top: 1px solid #505050;
				border-bottom: 1px solid white;
				border-left: 1px solid white;
				border-right: 1px solid white;
			}
			
			sup{
				display:inline-block;
				margin-top:-10px;
			}
						
			fieldset:not(.sep_mois):not(.infosChantier){
				border-radius:5px;
				border:1px solid #d9dddd!important;
			}
			
			#menu_principal legend {
				font-size:18px;
			}

			input[type=text]:not(#champ_de_recherche), input[type=date]:not(.date_stat), input[type=datetime-local], input[type=color], input[type=time], input[type=number]:not(.qte), input[type=email], input[type=tel], input[type=password], select:not(#critere):not(#gamme){
				width : 100%;
				font-size : 20px;
				height : 40px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;				
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			input[type=color]{
				border:0px!important;
			}
			
			select{
				padding-left: 6px!important;
			}
			
			mark{
				padding: 0px 5px;
				border-radius: 20px;
			}
			
			input[type=radio]{
				cursor:pointer;
			}
			
			textarea,#signature-pad,#signature-pad2{
				border-radius:5px;
				border:1px solid #d9dddd!important;
			}
			
			input[type=button]:not(.note):not(#reset):not(.produitsSelect):not(.crementVal), input[type=submit]:not(.traiter), .bouton_filtre{
				padding-left : 20px;
				padding-right : 20px;
				font-size : 20px;
				height : 40px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			input[type=button]:not(.note):not(#reset):not(.produitsSelect):not(.crementVal):hover, input[type=submit]:not(.traiter):hover, .bouton_filtre:hover,#goldButton:hover,.PDFbutton:hover{
				background-color:grey!important;
				color:white;
			}
				
			input[type=checkbox]{
				width : 15px;
				height : 15px;
				cursor:pointer;
			}
			
			th{
				background-color :	#E5E8E8;
				padding-top:5px;
				padding-bottom:5px;
				font-family: 'Source Sans Pro Regular', 'Century Gothic', sans-serif;
			}
			
			thead{
				font-family: 'Source Sans Pro Regular', 'Century Gothic', sans-serif;
			}
			
			footer {
			  position: sticky;
			  top: 100vh;
			}
			
			td{
				text-size-adjust: none;
			}
			
			canvas{
				border:1px solid black;
				cursor: url('../Images/Icones_actions/pen.png') 0 32,auto;
			}
			
			label {
				white-space:nowrap;
			}
			
			button,label,select,#new{
				cursor:pointer;
				border-radius:5px;	
			}
			
			button,.today_dark{
				border:1px solid #d9dddd!important;
			}
			
			h1{
				font-size:30px;
				line-height:30px;
			}
			
			#banniere {
			  overflow: hidden;
			}

			#scroll-text {
			  /* animation properties */
			  -moz-transform: translateX(100%);
			  -webkit-transform: translateX(100%);
			  transform: translateX(100%);
			  
			  -moz-animation: my-animation 15s linear infinite;
			  -webkit-animation: my-animation 15s linear infinite;
			  animation: my-animation 15s linear infinite;
			}

			#formulaire, #titre, #pied_de_page{
				border-collapse : collapse;
				width : 100%;
			}
			
			#entete{
				display:none;
			}
			
			#informations{
				font-weight:bold;
				font-size:20px;
				text-align:justify;
				width:100%;
				margin-bottom:10px;
			}
			
			#add,.add{
				cursor:pointer;
				border:0;
				vertical-align:middle;
				margin-top:5px;
				margin-right:5px;
				height:35px;
				width:35px;
				background-color:#E5E8E8;
			}
			
			#pen2_button{
				margin-bottom:5px;
			}
			
			#add>img,.add>img{
				height:17px;
			}
			
			#synchronize:hover,#rappel:hover,#add:hover,.add:hover,#pen2_button:hover,#settings_button:hover,#cloturer_button:hover{
				background-color:grey!important;
			}

			#pied_de_page_texte{
				font-weight:bold;
				color : black; 
				font-size : 10px; 
				width:150px;
				text-align : right;
			}
			
			#lesComptesClientsInput{
				width : 100%;
				font-size : 20px;
				height : 40px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;
			}
			
			#lesCodesPostaux{
				position:absolute;
				font-size:18px;
				overflow:auto;
				height:250px;
				border-radius: 5px;
			}
			
			#champ_de_recherche,#gamme{
				font-size : 16px;
				width:30%;
				height : 25px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			#champ_de_recherche{
				max-width:500px;
			}
			
			#commentaires,#suggestions,#materiel{
				width : 100%;
				font-size : 20px;
				height : 100px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;
				resize : vertical;
				margin-top : 10px;
			}
			
			#zone_de_texte{
				width : 100%;
				font-size : 20px;
				height : 150px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;
				resize : vertical;
				margin-top : 10px;
				text-size-adjust: none;
				border:1px solid #d9dddd;
			}

			#suppr{
				background: none;
				color: inherit;
				border: none!important;
				padding: 0;
				font: inherit;
				cursor: pointer;
				outline: inherit;
			}
			
			#reset{
				width:25px;
				height:25px;
				font-size : 18px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			#reset:hover{
				background-color:grey;
				color:white;
			}
				
			#divfw{
				display : none;
				position : absolute;
				background-color:white;
				padding:15px;
				z-index:9;
				margin-top:15px;
				border-radius:5px;
				right:8%;
				width:500px;
				text-align:center;
				font-style:italic;
			}

			#fwnum:hover + #divfw{
				  display : block;
			}
			
			#divadresse{
				display : none;
				position : absolute;
				background-color:white;
				padding:15px;
				z-index:9;
				margin-top:15px;
				text-align:center;
				border-radius:5px;
				right:8%;
			}

			#adressenum:hover + #divadresse{
				  display : block;
			}
			
			#divhelp{
				display : none;
				position : absolute;
				font-style : italic;
				font-size : 15px;
				background-color : white;
				color : black;
				padding : 5px;
				font-weight : bold;
				width:50%;
				z-index:99;
				box-shadow: grey 0px 0px 5px;
				border-radius:5px;
				padding:5px;
			}
			
			#helpnum:hover + #divhelp{
				  display : block;
			}
			
			
			#divversions{
				display : none;
				position : absolute;
				font-style : italic;
				font-size : 15px;
				background-color : white;
				color : black;
				padding : 10px 20px;
				font-weight : bold;
				z-index:99;
				box-shadow: grey 0px 0px 5px;
				column-count: 3;
				border-radius:5px;
			}
			
			#versionnum:hover + #divversions{
				  display : block;
			}
			
			#goldButton{
				padding-left : 15px;
				padding-right : 15px;
				padding-top:5px;
				padding-bottom:5px;
				font-size : 16px;	
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				 background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(#e6e6e6));
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
				text-decoration:none;
				color : black;
				font-weight:bold;
				height:25px;
				line-height:25px;
				border-radius:5px;
			}
			
			#showQR{
				 padding:20px;
				 background-color:transparent;
				 margin-left:-128px;
			}
			
			#sidePannel{
				background-color:white;
			}
			
			#table_header{
				background-color :	#E5E8E8;
				text-align : center;
				font-weight : bold;
				height:35px;
				vertical-align:middle;
			}
			
			#partie_grisee{
				position:fixed; 
				background-color:red;
				opacity:0;
				width:100%;
				height:100%;
			}
			
			#resulat_final{
				position:absolute; 
				background-color:white;
				width:50%;
				top:15%;
				left:15%;
				right:15%;
				padding:25px;
				border: 1px solid black;
			}
			
			/*#table-scroll2{
				box-shadow: #EAEAEA 0px 3px 5px;
			}*/
			
			#d900auth{
				cursor: url('../Images/Icones_actions/loupe.png'),auto;
			}
			
			#addnew{
				font-size : 20px;
				height : 30px;
				width:30px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
			}
			
			#addnew:hover{
				background-color:grey;
				color:white;
			}
			
			#helpnum{
				cursor:help;
			}
			
			#new{
				background-color:#f7f8f8;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				padding:10px 20px 20px 20px;
				cursor:pointer;
				width:200px;
				font-size:20px;
				border: 1px solid #d9dddd;
				box-sizing: border-box;
			}
			
			#new:hover{
				background-color:grey;
				color:white;
			}	
			
			#zoneRDV{
				border:1px solid black;
				background-color:white;
			}
			
			.encadre{
				line-height:16px;
			}
			
			.nav_marque{
				background-color:#E5E8E8;
			}
			
			.progFiche,.resteFiche{
				border-radius:15px;
			}

			.titre{
				font-size : 25px;
				font-weight : bold;
				width:100%;
				display:inline;
			}
			
			.nom_client_fiche_dialogue:hover{
				text-decoration:underline;
				cursor:pointer;
			}
			
			.buttonOnglet{
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				border-radius:0px 0px 5px 5px;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				margin-bottom:3px;
				background-color:#ECF0F0;
				border-top:2px solid #ECF0F0!important;
				font-weight:bold;
				padding:1px 10px;
			}
			
			.buttonOnglet:hover{
				color:white;
				background-color:grey!important;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
			}
			
			.onglet{
				color:black;
			}

			.sous-titre{
				font-size:20px;
				padding-top:5px;
				padding-right:7.5px;
				padding-bottom:7.5px;
			}
			
			.info_compte{
				border:1px solid #d9dddd;
			}
			
			.date_stat{
				font-size : 20px;
				height : 35px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				padding-left : 10px;
				padding-right : 10px;
				margin-bottom : 5px;					
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			.qte{
				width:30px;
				border-style : none;
				height:30px;
				text-align:center;
				background-color:transparent;
			}
			
			.dropdown-content span{
				padding-top: 5px;
			}
			
			.tdQte{
				white-space:nowrap;
			}
			
			.qte::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
				display: none;
			}
			
			.th_dark{
				border:1px solid #d9dddd!important;
			}
			
			.PDFbutton{
				padding-left : 15px;
				padding-right : 15px;
				padding-top:5px;
				padding-bottom:5px;
				font-size : 16px;	
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				white-space: nowrap;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
				text-decoration:none;
				color : black;
				height:25px;
				line-height:40px;
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			.nb_rdv{
				background-color:#E00C24;
				border-radius:50%;
				width:18px;
				height:18px;
				display: inline-block;
				color:white;
				font-size:13px;
			}
			
			.crementVal{
				padding-left : 10px;
				padding-right : 10px;
				font-size : 20px;
				font-weight:bold;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				border-radius:5px;
				cursor:pointer;
				border:1px solid #d9dddd;
				height:25px;
				line-height:20px;
			}
			
			.crementVal:hover{
				background-color:grey;
				color:white;
			}
			
			.action_fiche_dialogue{
				text-align:left;
				cursor:pointer;
				font-size:13px;
				display:inline-block;
				width:100%;
				height:20px;
				padding-top:3px;
				padding-bottom:3px;
				padding-left:5px;
				background-color:#E5E8E8;
				margin-bottom:5px;
				transition: color 0.5s ease-out 50ms;
				color:black;
			}
			
			.action_fiche_dialogue:hover{
				background-color:grey;
				-webkit-filter:invert(100%);
			}
			
			.action_fiche_dialogue_center{
				text-align:center;
				cursor:pointer;
				margin:5px;
				font-size:12px;
				display:inline-block;
				width:150px;
				height:100%;
				padding:5px;
				background-color:#E5E8E8;
				margin-bottom:5px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				border:0;
			}
			
			.action_fiche_dialogue_center:hover{
				background-color:grey;
				-webkit-filter:invert(100%);
			}
			
			.traiter{
				font-size : 16px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				margin:5px 0px;
				padding-left:15px;
				padding-right:15px;
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			.traiter:hover{
				background-color:grey!important;
				color:white;
			}
			
			.bouton_menu {
				width: 100%;
				height: 200px;
				text-align: center;
				padding: 10px;
				font-size:1.2em;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				color : black;
				border:none;
				background-color:#E5E8E8;
				/*background: linear-gradient(180deg, rgba(229,232,232,1) 0%, rgba(228,230,230,1) 80%);*/
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;	
				border-radius:5px;
				border:1px solid #d9dddd;
			}
			
			.bouton_menu:hover {
				background-color:grey;
				color:white;
			}
			
			.bouton_menu:hover > .img_menu {
				-webkit-filter:invert(100%);
			}
			
			.bouton_menu_v3 {
				width: 150px;
				height:100px;
				font-size:14px;
				text-align: center;
				margin:5px;
				padding: 10px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				color : black;
				border:none;
				background-color:#E5E8E8;
				/*background: linear-gradient(180deg, rgba(229,232,232,1) 0%, rgba(228,230,230,1) 80%);*/
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;	
				border-radius:5px;
				border:1px solid #d9dddd;
				position:relative;
				line-height: 16px;
			}
			
			.mort{
				background-color:transparent!important;
				border:0!important;
				cursor:default;
			}
			
			.theader{
				background-color :	#E5E8E8;
				padding-top:5px;
				padding-bottom:5px;
				font-family: 'Source Sans Pro Regular', 'Century Gothic', sans-serif;
				border: 1px solid #d9dddd;
				text-align:center;
				color:black;
				font-weight:bold;
			}
			
			.lePlus{
				float:right;
				width:20px;
				display:inline-block;
				font-size:20px;
				text-decoration:none;
				color:black;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				text-align:center;
			}
			
			.lePlus:hover {
				background-color:grey;
				color:white;
			}
			
			.bouton_menu_v3:hover {
				background-color:grey;
				color:white;
			}
			
			.bouton_menu_v3:hover > .img_menu {
				-webkit-filter:invert(100%);
			}
			
			.bouton_lateral{
				width:97%;
				height:auto;
				padding:2.5px 5px!important;
				margin:3px 5px;
			}
			
			.bouton_menu_v3:hover td {
				color:white;
			}
			
			.bouton_menu_v3:hover .img_menu {
				-webkit-filter:invert(100%);
			}

			.bouton_fiche_dialogue:hover {
				background-color:grey;
				color:white;
			}
			
			.bouton_fiche_dialogue:hover > img {
				-webkit-filter:invert(100%);
			}
			
			.img_menu{
				height:50%;
				width:50%;
				object-fit:contain;
			}

			.td_menu{
				text-align:center;
				padding:7px;
				width:20%;
			}
			
			.tableau_de_bord{
				vertical-align:bottom;
				text-align:center;
				display:inline-block;
				width:150px;
				padding:10px 0px;
				margin:7.5px 5px;
				padding-bottom:15px;
				font-size:14px;
				line-height:16px;
				background-color:#F7F8F8;
				border-radius:5px;
				color:black;
				/*border:1px solid #d9dddd!important;*/
			}
			
			.tableau_de_bord_compte{
				vertical-align:bottom;
				text-align:center;
				display:inline-block;
				width:110px;
				padding:10px 7.5px;
				margin:7.5px 5px;
				padding-bottom:15px;
				font-size:14px;
				line-height:16px;
				background-color:#EAECEC;
				border-radius:5px;
				color:black;
				/*border:1px solid #d9dddd!important;*/
			}
			
			.note{
				width:35px;
				height:35px;
				font-size:20px;
				font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
				background-color : #E5E8E8;
				border-style : none;
				transition: color 0.5s ease-out 50ms;
				transition: background-color 0.5s ease-out 50ms;
				cursor:pointer;
				border-left:1px solid grey;
				border-top:1px solid grey;
				border-bottom:1px solid grey;
			}
			
			.note:hover{
				color:white!important;
				background-color: grey!important;
			}
			
			.case_fiche{
				border:1px solid black;
				padding:5px;
				
			}
			
			.liste_fichiers{
				text-decoration:none;
				color:#383838;
				font-size:16px;
			}
			
			.liste_fichiers:hover{
				text-decoration-line: underline;
				text-decoration-thickness: 1px;
			}
			
			.gamme_select, .chantier_select{
				text-decoration:none;
				color:#383838;
				font-size:20px;
				font-weight:bold;
				line-height: 18px;
			}
			
			.gamme_select:hover, .chantier_select:hover{
				text-decoration:underline;
			}
			
			.boutonPDF{
				
			}
			
			.tableFixHead { 
				overflow-y: auto;
				height: 500px;
			}
			
			.tableFixHead thead th {
				position: sticky;
				top: 0px;
			}
			
			.produitsSelect{
				background-color : grey; 
				border-style : none;
				border-radius:15px;
				height:25px;
				color:white;
				text-align:center;
				padding-left:15px;
				padding-right:15px;
				margin-right:15px;
			}

			.wrappable {
				white-space:normal;
				font-size:16px;
			}
			
			.dropdown-content,.action_fiche_dialogue{
				border-radius:5px;
			}
			
			.tabcontent{
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
			}

			.button_side{
				position:fixed;
				right:1.5%;
				cursor:pointer;
			}
			
			.button_side_left{
				position:fixed;
				left:1.5%;
				cursor:pointer;
			}	
			
			.new_icon{
				display:inline-block;
				height:0px;
				position: absolute; 
				top: -10px; 
				right: -10px;
			}
			
			.span_new_icon{
				background-color:#E00C24;
				color:white;
				font-weight:bold;
				font-size:12px;
				width:20px;
				line-height:20px;
				border-radius:50px;
				display: inline-block;
				text-align:center;
			}
			
			.details_calendrier{
				display:inline-block;
				position:relative;
				top:-12.5px;
				right:-50px;
				height:0px;
			}
			
			.add_button{
				display:inline-block;
				position:relative;
				top:0px;
				right:calc(0% - 25px);
				height:0px;
				color:black;
			}
			
			/* Permet d'afficher une barre à la suite d'un texte */
			.sep_mois{
				border-bottom:0px;
				border-left:0px;
				border-right:0px;
				border-top:1px solid black;
				padding:0;
				/* width:calc(100% - 25px); */
				margin:0px;
				width:100%;
			}
			
			.sep_mois_legend{
				padding-right:10px;
				padding-left:0px;
			}
			
			/*---------------------------------------------------------------------------------------------*/
			
			.pie {
			  --w:70px;
			  font-size:18px;
			  width: var(--w);
			  aspect-ratio: 1;
			  position: relative;
			  display: inline-grid;
			  place-content: center;
			  font-weight: bold;
			  animation: p 1s .5s both;
			  margin-bottom:5px;
			  margin-top:10px;
			}
			
			.pie:before {
			  content: "";
			  position: absolute;
			  border-radius: 50%;
			  inset: 0;
			  background: conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
			  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
					  mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
				background:
				radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
				conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
			}
			
			.pie:after {
			  content: "";
			  position: absolute;
			  border-radius: 50%;
			  inset: calc(50% - var(--b)/2);
			  background: var(--c);
			  transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
			}
			
			@property --p{
			  syntax: '<number>';
			  inherits: true;
			  initial-value: 0;
			}
			@keyframes p {
			  from {--p:0}
			}
			
			
			/*-------------------------------------------------------------------------------------------*/
			
			.plageDates{
				display:inline-block;
				text-align:center;
				margin-top:5px;
				margin-bottom:5px;
				padding:7.5px 10px;
				width:100%;
				box-sizing:border-box;
				/*border-radius:100px;*/
				vertical-align:middle;
				color:black;
			}
			
			.dot{
				 height: 40px;
				 width: 40px;
				 bottom:95px;
				 border-radius: 50%;
				 display: inline-block;
				 position:fixed;
				 right:1.5%;
				 color:black;
				 cursor:pointer;
				 font-weight:bold;
				 text-align:center;
				 font-size:20px;
				 line-height: 40px;
				 background-color:#C5C8C8;
			}
			
			.dot:hover{
				background-color:#9F9F9F;
				color:white;
			}
			
			.w3container{
				height:7px;
				position:relative;
				background-color:#EFEFEF;
				border:1px solid #b4b4b4;
				border-radius:7px;
			}
			.w3progressbar{
				height:100%;
				position:absolute;
				line-height:inherit;
				border-radius:7px;
			}
			
			.titre-input{
				margin-bottom:10px;
				margin-top:0px;
			}
			
			/*-------------------------------------------------------------------------------------------*/
			.switch {
			  position: relative;
			  display: inline-block;
			  width: 40px;
			  height: 20px;
			  vertical-align:text-top;
			}

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

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

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

			input:checked + .slider {
			  background-color: #2196F3;
			}

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

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

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

			.slider.round:before {
			  border-radius: 50%;
			}
			/*-------------------------------------------------------------------------------------------*/
			
			.total{
				display:inline-block;
				position:relative;
				top:-10px;
				right:0px;
				font-style:italic;
				font-weight:bold;
				width:20px;
				text-align:left;
				padding-right:5px;
				font-size:12px;
			}
			
			.total2{
				display:inline-block;
				position:relative;
				top:-40%;
				right:-60%;
				font-style:italic;
				font-weight:bold;
				width:20px;
				text-align:right;
				font-size:12px;
			}
			
			.bouton_filtre{
				font-size:14px!important;
				height:24px!important;
				border-radius:12px!important;
				margin:3px;	
			}

			.gris{
				background-color:#DADCDC!important;
				font-weight:bold;
			}
			
			.browse{
				margin-top:0px;
				margin-bottom:6.5px;
			}
						
			.a_neutre{
				text-decoration:none;
				color: inherit;
				display:block;
				font-style:normal;
				padding-left:2px;
			}
			
			.total_left{
				display:inline-block;
				position:relative;
				top:-10px;
				left:0px;
				color:transparent;
				font-style:italic;
				font-weight:bold;
				padding-right:5px;
			}
			
			.highlight{
				background-color:rgba(204,204,204,0.3);
				color:black;
				border-radius:50px;
				padding:0px 7.5px;
			}
			
			/*.even {
				background: white;
				background: #f7f8f8;
			}
			.odd {
				background: white;
			}*/
			
			.even td, .odd td{
				border-right:1px solid #E5E8E8;
				border-bottom:1px solid #E5E8E8;
			}
			
			.cell_formation{
				border-bottom:1px solid #E5E8E8;
			}
			
			.lien:hover{
				text-decoration:underline;
			}
			
			.listeInters{
				text-decoration:none;
				color:#383838;
			}
			
			.listeInters:hover{
				text-decoration:underline;
			}
			
			.separateur{
				background:linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(217, 221, 221, 0.5) 50%, rgba(255, 255, 255, 0) 100%)!important;
				padding:10px 0px;
				width:1px;
			}
			
			.center-line,
			.center-line-first,
			.center-line-last {
			  display: flex;
			  align-items: center;
			  text-align: center;
			}

			.center-line::before,
			.center-line::after,
			.center-line-first::before,
			.center-line-first::after,
			.center-line-last::before,
			.center-line-last::after {
			  content: "";
			  flex: 1;
			  border-bottom: 1px dashed #505050;
			  margin: 0;
			}

			.center-line::before,
			.center-line-first::before,
			.center-line-last::before {
			  margin-right: 10px;
			}

			.center-line::after,
			.center-line-first::after,
			.center-line-last::after {
			  margin-left: 10px;
			}

			/* Spécificités pour les premières et dernières lignes */
			.center-line-first::before {
			  border-bottom-color: transparent;
			}

			.center-line-last::after {
			  border-bottom-color: transparent;
			}
			
			.cellRedmine:hover{
				background-color:grey;
				color:white;
			}
			
			.multi-column {
				column-count: 2;
				column-gap: 20px;
			}
			
			.button-container {
				display: flex;
				gap: 15px;           /* espace constant entre les boutons */
				flex-wrap: nowrap;   /* reste sur une seule ligne */
				justify-content: center;
			}

			.button-container button {
			  flex: 1 1 auto;       /* prend de l’espace mais peut rétrécir */
			  max-width: 300px;
			  min-width: 0;
			}
			
			.drawer {
				display: none; /* Masquer les boutons par défaut */
				margin-top: 10px;
			}

			.drawer button {
				display: block; /* Chaque bouton sur une nouvelle ligne */
				margin: 5px 0;
			}
			
			/* Dropdown Button */
			.dropbtn {
			  background-color: #E5E8E8;
			  font-size: 16px;
			  border: none;
			  font-family : 'Source Sans Pro', 'Century Gothic', sans-serif;
			  padding:10px;
			  transition: color 0.5s ease-out 50ms;
			  transition: background-color 0.5s ease-out 50ms;
			}

			/* The container <div> - needed to position the dropdown content */
			.dropdown {
			  position: relative;
			  display: inline-block;
			}

			/* Dropdown Content (Hidden by Default) */
			.dropdown-content {
			  display: none;
			  position: absolute;
			  background-color: white;
			  min-width: 160px;
			  box-shadow: grey 0px 0px 5px;
			  z-index: 1;
			  right: 0;
			  bottom:100%;
			  padding:10px;
			  padding-right:15px;
			}

			/* Show the dropdown menu on hover */
			.dropdown:hover .dropdown-content {display: block;}

			/* Change the background color of the dropdown button when the dropdown content is shown */
			.dropdown:hover .dropbtn {background-color: grey;color:white;}

			/* for Firefox */
			@-moz-keyframes my-animation {
			  from { -moz-transform: translateX(100%); }
			  to { -moz-transform: translateX(-100%); }
			}

			/* for Chrome */
			@-webkit-keyframes my-animation {
			  from { -webkit-transform: translateX(100%); }
			  to { -webkit-transform: translateX(-100%); }
			}

			@keyframes my-animation {
			  from {
				-moz-transform: translateX(100%);
				-webkit-transform: translateX(100%);
				transform: translateX(100%);
			  }
			  to {
				-moz-transform: translateX(-100%);
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
			  }
			 
			    /*When one value is specified, it applies the same padding to all four sides.
				When two values are specified, the first padding applies to the top and bottom, the second to the left and right.
				When three values are specified, the first padding applies to the top, the second to the right and left, the third to the bottom.
				When four values are specified, the paddings apply to the top, right, bottom, and left in that order (clockwise).*/