@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

[data-title] {
	position: relative;
  }
  
  [data-title]:hover::before {
	content: attr(data-title);
	position: absolute;
	background-color: #333;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	border-radius: 5px 0px 5px 5px;
	white-space: nowrap;
	z-index: 10;
	top: 45px;
	right: 30px;
  }
  
  

  

  
:root{
--charte_gris:#adb5bd ;
--charte_gris_clair:#edf0f3 ;
--charte_bleu:#4650dd; 
--charte_orange:orange; 
--charte_gris_dark:#6c757d ;
--charte_violet:#005c9f ;
--charte_violet-clair:#60BCFF ;
--charte_violet-pastel:#e2e4ff ;
--charte_oviance-orange:#e77a2c ;
--charte_oviance-vert:#c7d301 ;
}
    /*font-family: 'Poppins', sans-serif;*/
*{
	box-sizing: content-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
	font-size:14px;
	box-sizing: border-box;
	/* font-family: 'Lato', sans-serif; */
	
}

.contentFlexBetween
{
width:100%;
height:100%;
display:flex;
FLEX-WRAP:WRAP;	
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;
justify-content:space-evenly;
}

.contentFlexBetween>.titre{
	/* background-color:red; */
	width:100%;
	margin-bottom:20px;
	font-size:1.2em;
	/* font-weight: bold; */
}


.border{
	border:1px solid red !important;
}

.KdGlobalV2
{
	/* border:2px solid orange; */
	width:100%;
	height:100%;
	display:flex;
	FLEX-WRAP:WRAP;
	ALIGN-CONTENT:flex-start;
}

.KdHeaderV2
{
	/* border:1px solid red; */
	width:100%;
	height:40px;
	display:flex;
	margin-bottom:25px;
	JUSTIFY-CONTENT:center;
	ALIGN-ITEMS:center;
	JUSTIFY-CONTENT:left;
	padding-left:20px;
	
}

.KdHeaderV2>div:nth-child(1){
	font-size:30px;
	
}

.KdMenuV2 {
  /* border: 1px solid green; */
  width: 225px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 20px;
  margin-top: 20px;
	flex-direction: column;
}

.KdMenuV2 > div {
  border: 2px solid #a6d0e0;
  background-color: #a6d0e0;
  color: white;
  border-radius: 30px;
  width: 175px;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  /* font-weight: bold; */
  font-size: 14px;
}

.KdMenuV2 > div:hover {
  background-color: white;
  color: #a6d0e0;
}

.KdMenuV2 i {
  font-size: 28px;
	margin: 10px;

}

.KdSelectEnteteV2 {
  display: flex;
  justify-content: left;
  flex-direction: column;
}

.KdSelectEnteteV2 > div {
  border: 2px solid #a6d0e0;
  background-color: #a6d0e0;
  color: white;
  border-radius: 30px;
  width: 175px;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  /* font-weight: bold; */
  font-size: 14px;
}

.KdSelectEnteteV2 > div:hover {
  background-color: white;
  color: #a6d0e0;
}

.KdSelectEnteteV2 i {
  font-size: 28px;
	margin: 10px;

}


.KdScreanLV2
{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	/* border:1px solid red; */
	width:calc(100% - 225px);
	height:calc(100vh - 170px);
	padding:5px;
}

.KdScreanRV2
{
width:40%;
	height:calc(100% - 60px - 40px);
	padding-top:20px			
}


a{
	text-decoration: none;
	color:#000;
}

body{
    background:#f8f9fa;
}

ion-icon
{
	pointer-events: none;
}
button{
		cursor: pointer;
}
.header i, .header i a{
	font-size: 30px;
	color: var(--charte_violet);
}
.header img{
	height:80px;
}
input{
	border:0px;
	border-bottom: 1px solid var(--charte_gris_dark);
}



table
{
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	padding:10px;
	margin:0px;
}

td
{
	text-align: left;
}





th{
	text-align:left;
}

/*table tr:nth-child(odd){*/
/*	background-color:#f2f5f7;*/
/*  }*/
























.main
{
	display:flex;
	flex-wrap:wrap;
	justify-content: start;
	width:100%;
	min-width: 900px;
}

.header{
    display:flex;
	position: sticky;
	top:0px;
	background:#ffffff;
    /* border: 1px solid black; */
    height:75px;
	justify-content:space-between;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
	align-items:center;
	align-content:center;
	width:100%;
	z-index:4;
}

.header div{
	/* border:1px solid black; */
}

.header ul{
display:flex;
list-style-type:none;
}

.header li{
padding-left:10px;
color:var(--charte_bleu);
display: flex;
align-items: center;
justify-items: center;
}




.menu_admin
{
display:none;

}

.menu_admin_on
{
display: block;
position: absolute;
top:0px;
left: 0px;
border: 1px solid var(--charte_gris);
width:250px;
background: #ffffff;
box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
height:500px;
}

.menu_admin1
{
display:flex;
/* border:1px solid black; */
width:100%;
height:35px;
align-items: center;
justify-items: center;
font-size:1.2em;
/* font-weight:bold; */

}

.menu_admin1 a
{
font-size:1em;
}

.menu_admin1 i
{
	margin-right:10px;
	margin-left:10px;
	margin-top:3px;
}

.menu_user
{
display:none;
}

.menu_user_on
{
/* display: flex; */
position: absolute;
top:50px;
right: 5px;
border: 1px solid var(--charte_gris);
width:250px;
background: #ffffff;
box-shadow:0 .5rem 1rem rgba(0,0,0,.15);	
}

.ligneMenuUser:hover
{
	background-color:var(--charte_gris_clair);

}


.ligneMenuUser
{
	display: flex;
}

.ligneMenuUser .bi
{
	/* border:1px solid red; */
	padding-right:5px;
	padding-left:3px;
}



.menu_user_txt
{
/* display: flex; */
/* align-content: center; */
/* align-items: center; */
line-height:45px;
width:200px;
height:50px;
}



.menu {
	padding: 10px;
	width: 225px;
	/*padding-top: 30px;*/
	min-height: 100vh;
	background-color: white;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	z-index:3;
}
.menuActive{
	border-right: 4px solid var(--charte_violet);
	margin-right: -10px;
}




.menu_titre{
	color:var(--charte_gris);
	font-size: 18px;
	/* font-weight: bold; */
	padding-left: 10px;
	padding-bottom: 20px;
}



.main_menu{
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	/* font-family: var(--bs-font-sans-serif); */
	font-size: 18px;
	/* border: 1px solid black; */
	display: flex;
	align-items: center;
	justify-items: center;
	height:30px;
	color:var(--charte_gris_dark);
}

.main_menu:hover,.sous_menu a:hover
{
	border-radius: 10px;
	background:#f1f1f1;
}

.main_menu a{
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color:var(--charte_gris_dark);
	/* font-weight: bold; */
	display: flex;
	width:100%;
	height:100%;
	align-items: left;
	justify-items: left;
		/* border: 1px solid black; */

}


.sous_menu
{
display: block;
font-size: 15px;
color:var(--charte_gris_dark);
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
background: var(--charte_gris_clair);

}

.sous_menu a:hover{
	font-style: italic;
	/* font-weight: bold; */
	/* transition: 0.3s; */
}




.sous_menu a
{
font-size: 15px;
color:var(--charte_gris_dark);
padding-left:20px;
display: flex;
width:calc(100% - 20px);
height:100%;
align-items: center;
justify-items: center;
}



.contenu,.contenuBis{
	/* display:flex; */
	/* flex-wrap: wrap; */
	/* flex-direction: row; */
	/* justify-content: flex-start; */
	/* align-items: flex-start; */
	/* align-content: flex-start; */
	
	min-height:calc(100vh - 140px);
	margin-top:30px;
	margin-left:20px;
	margin-right: 20px;
	/* border:2px solid green; */
	box-sizing:border-box;
}

.contenu{width:calc(100% - 265px);height:100vh;}
.contenuBis{width:calc(100% - 80px);height:100vh;}






.search-bar {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	border-radius: 20px;
	overflow: hidden;
	background: #f1f1f1;
	margin-bottom: 20px;
}

.search-bar input[type="text"] {
	flex: 1;
	padding: 10px;
	border: none;
	background: transparent;
	outline: none;
}

.search-bar .search-icon {
	width: 40px;
	height: 40px;
	background: #f1f1f1;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.search-bar .search-icon i {
	color:var(--charte_violet);
}














.titre1
{
	position:relative;
	width:calc(100% - 30px);
	/* font-weight: bold; */
	font-size: 2em;
	color:#343a40;
	padding-left: 95px;
}

.titre2
{
	position:relative;
	width:calc(100% - 30px);
	/* font-weight: bold; */
	font-size: 1em;
	color:#343a40;
	padding-left: 35px;
}



.taille_bloc_400>.block_titre,.taille_bloc_ww>.block_titre, .taille_bloc_800>.block_titre, .taille_bloc_1200>.block_titre{
font-size: 1em;

}

.taille_bloc_400, .taille_bloc_ww, .taille_bloc_800, .taille_bloc_1200{
	/* border:1px solid black; */
	box-shadow:10px 0px 10px 5px rgba(213,213,213,0.53);
	background: #ffffff;
	border-bottom: none;
	min-height: 200px;
	border-radius: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	/* user-select:none; */
/*	resize: both;*/
  overflow: auto;
	
}

.taille_bloc_ww{width:100%;}
.taille_bloc_400{width:450px;}
.taille_bloc_800{width:800px;}
.taille_bloc_1200{width:1200px;}


.block_titre{
	position: relative;
	display: flex;
	font-size: 1.4em;
	/* border: 1px solid black; */
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	align-items: center;
	justify-items: center;
	border-bottom: 1px solid var(--charte_gris);
	color:var(--charte_violet);
	/* font-weight: bold; */
	justify-content: space-between;
	padding-left: 60px;
}

.block_titre > i{
	cursor:auto !important;
}

.block_titre a
{
		color:var(--charte_violet);

}

.block_titre>i:nth-child(1){
	/* color:red; */
	position:absolute;
	bottom:12px;
	left:0px;
	font-size:2em !important;
}


	
.iTitle{
	position: absolute;
	font-size: 30px !important;
	top:1px;
	left:1px;
	cursor: pointer;
	
	}
	
.retour{
	position:absolute;
	font-size: 30px !important;
	cursor: pointer;
	margin-right:30px;
	left:-10px;
	color:var(--charte_bleu);

	}
	
.retour:hover
{
top:-2px;
font-size: 35px !important;
transition:0.2s;
/* background-color:var(--charte_bleu); */
/* color:white; */


}
	
.iOption{font-size: 30px !important; Color:var(--charte_violet); cursor:pointer;}


.i_title_absolut{
	position: absolute;
	font-size: 30px;
	top:0px;
	left:0px;
	cursor: pointer;
		}



	.block_titre div,.block_titre span, .block_titre i, .block_titre a{
		/* border: 1px solid black; */
		
		font-size: 1.2em;
	}

	.block_titre i{
		margin-left: 10px;
	}

	.block_titre i:hover{
		font-size: 1.3em;
		cursor: pointer;
	}

.block_titre button,.label_file,.textFile button{
		/* border: 1px solid black; */
		padding:8px;
		/* padding-left:5px; */
		/* padding-right:5px; */
		background-color: var(--charte_violet);
		color: #ffffff;
		border:0px;
		border-radius: 5px;
		min-width:80px;
		/* font-weight: bold; */
		content: "Selected file: ";
	}

	progress[value] {
	
	
	   width: 250px;
	   height: 20px;
	   background:var(--charte_gris_clair);
	   
	  }

.label_file{
	margin-top:10px;
	margin-bottom:30px;
	}

#file_input{
	display: none;
}
	
	.block_titre button:hover{
		color: var(--charte_violet);
		background: #ffffff;
		border:1px solid var(--charte_violet);
		transition: 0.3s;

	}

.block_titre input{
	width: 200px;
}




.block_table, .block_info{
	border-radius: 15px;
	min-height: 100px;
	padding: 20px;
	padding-top: 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}

.block_table tbody>tr:hover {
border-left : 3px solid var(--charte_violet);
background-color: #005c9f25;
}

.block_table table {
width: 100%;
}


.block_table th {
border-bottom: 1px solid black;
background: #ffffff;
}
.block_table tr {
	border-bottom: 1px solid #e5e5e5;
}

.td_KDfast {
/*border-bottom: 1px solid var(--charte_gris);*/
}

.td_KDfast a {
display: block;
width: 100%;
}

.td_50,.td_50r,.td_50l{
	border-bottom: 1px solid var(--charte_gris);
	width: 50px;
	}

.td_100,.td_100r,.td_100l{
	border-bottom: 1px solid var(--charte_gris);
	width: 100px;
	}

.td_150,.td_150r,.td_150l{
	border-bottom: 1px solid var(--charte_gris);
	width: 150px;
	}
.td_200,.td_200r,.td_200l{
	border-bottom: 1px solid var(--charte_gris);
	width: 200px;
	}
.td_250,.td_250r,.td_250l{
	border-bottom: 1px solid var(--charte_gris);
	width: 250px;
	}
.td_300,.td_300r,.td_300l{
	border-bottom: 1px solid var(--charte_gris);
	width: 300px;
	}
.td_350,.td_350r,.td_350l{
	border-bottom: 1px solid var(--charte_gris);
	width: 350px;
	}

.td_libre,.td_librer,.td_librel{
	border-bottom: 1px solid var(--charte_gris);
	}

.td_50r,.td_100r,.td_150r,.td_200r,.td_250r,.td_300r,.td_350r,.td_librer{text-align: right;	}
.td_50l,.td_100l,.td_150l,.td_200l,.td_250l,.td_300l,.td_350l,.td_librel{text-align: left;	}
.td_50,.td_100,.td_150,.td_200,.td_250,.td_300,.td_350,.td_libre{text-align: center;	}



.td_150{
	border-bottom: 1px solid var(--charte_gris);
	width: 150px;
	text-align: center;
	}

.td_libre{
		border-bottom: 1px solid var(--charte_gris);
		text-align: center;
		}

.td_form_titre{
background: #ffffff;
width: 200px;
vertical-align:top;
/* border:1px solid red; */
}

.td_form_input{
	background: #ffffff;
	}
	
.td_form_input input,.td_form_input select,.textFile input{
border:0px;
border-bottom: 1px solid var(--charte_gris_dark);
width:100%;
padding-left:2px;
transition:1s;
}

.td_form_input input:focus
{
	background-color:var(--charte_violet-pastel);
	transition:1s;
}


.td_form_input textarea{
border:0px;
border-bottom: 1px solid var(--charte_gris_dark);
width:100%;
height:100px;
}



.footer{
	display:none;
height:55px;
}

.footer
{
	padding : 2px; 
	border-radius : 15px 15px 0px 0px;
	width:100%;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
	z-index:10;
	background-color: white ;
	border: 2px solid var(--charte_violet);
}


.fonduSave_moove{
    animation: fonduSave 1s;
}

.fonduSave_moove2{
    animation: fonduSave2 1s;
}

@keyframes fonduSave{
	0%{background-color: #fff;}
    50%{background-color: orange;}
	100%{background-color: #fff;}

}

@keyframes fonduSave2{
	0%{background-color: #fff;}
    50%{background-color: orange;}
	100%{background-color: #fff;}

}

.engrenage_moove{
    animation: engrenage 1s;
}

.engrenage_moove2{
    animation: engrenage2 1s ;
}

@keyframes engrenage{
	0%{transform: rotate(1);}
    50%{transform: scale(1.4);}
	100%{transform: scale(1);}

}

@keyframes fermeture{
	0%{  height: 100%;}
	50%{  height: 250%;}
	100%{  height: 0%;}

}

@keyframes engrenage2{
	0%{transform: scale(1);}
    50%{transform: scale(1.4);}
	100%{transform: scale(1);}
    

}
.save_moove{
    animation: moove 1s;
}

.save_moove2{
    animation: moove2 1s ;
}

@keyframes moove{
	0%{transform: rotate(1);}
    50%{transform: scale(1.4);}
	100%{transform: scale(1);}

}

@keyframes moove2{
	0%{transform: scale(1);}
    50%{transform: scale(1.4);}
	100%{transform: scale(1);}
    

}

.botton_options
{
	width:120px;
	height:40px;
	margin:5px;
	border: none;
	background-color: var(--charte_violet);
	border-radius: 5px;
	/* font-weight: bold; */
	color: #ffffff;
}

.botton_options:hover{
	background-color:#ffffff;
	color: var(--charte_violet);
	border:1px solid var(--charte_violet);
}

.del_scren
{
	display: hidden;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	
	align-items: center;
	/* border: 1px solid black; */
	height:0px;
	overflow: hidden;
	background: #ffffff;
	/* padding-left:5px; */
	/* padding-right:5px; */
	transition: 0.1s;
}

.del_scren_on
{
	display: flex;
	position:absolute;
	align-items: center;
	justify-content: center;
	overflow: auto;
	/* max-height:70vh; */
	transition: 0.5s;
	z-index:300;
	background-color: rgba(131, 131, 131, .7);

}

.textFile
{
	display:flex;
	width:100%;

}

.textFile div
{
width:49%;
}

.textDel {
text-align:center;
}
.textDel h1{
	font-size: 1.3em;

}

.block_100,.block_50{
	/* border:1px solid black; */
	box-shadow:10px 0px 10px 5px rgba(213,213,213,0.53);
	background: #ffffff;
	border-bottom: none;
	min-width: calc(46%);
	min-height: 70px;
	border-radius: 1.5em;
	margin: 20px;
	padding-bottom: 20px;
	
	
}

.textDel button,.block_100 button{
	border:1px solid #ffffff;
	padding:8px;
	/* padding-left:5px; */
	/* padding-right:5px; */
	background-color: var(--charte_violet);
	color: #ffffff;
	border-radius: 5px;
	min-width:80px;
	/* font-weight: bold; */

}

.textDel button:hover,.block_100 button:hover{
	color: var(--charte_violet);
	background: #ffffff;
	border:1px solid var(--charte_violet);
	transition: 0.3s;

}

/* page login */
.containt_login{
display: flex;
width:100vw;
height:100vh;

}

.login1
{

width:30vw;
min-width: 500px;
height:100vh;	
background-color: #ffffff;
align-items: center;

}

.login1>div:nth-child(1){
	width:100%;
	font-size: 50px;
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	color: var(--charte_gris_dark);
	text-shadow: 2px 0px 2px rgba(70, 73, 221, 0.5);
}

.log_error
{
	display: block;
	width:100;
	color:red;
	text-align: center;
	font-size: 30px;
}


.login2
{
display: flex;
width:70vw;
/* background: rgb(229,229,229); */
/* background: linear-gradient(180deg, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 51%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);  */
background-color:#FFFFFF;
align-items: center;
justify-content: left;
overflow: hidden;
align-items: center;
justify-content: center;

}



.login2 img
{
	width:80%;
	max-width:500px;
}
/* page login */

.toggle1
{
font-size:1.4em;
color:var(--charte_violet);
}

.tdOptions1,.tdOptions2
{
	text-align:center;
	width:100px;
	background-color:#ffffff;
}



.divFull{
	display:flex;
	flex-wrap: wrap;
	/* border:2px solid red; */
	width:100%;
	height:100%;
	/* align-items: center; */
justify-content: center;
}

.weget
{
position:relative;
width:300px;
height:100px;

box-shadow:10px 0px 10px 5px rgba(213,213,213,0.53);
background: #ffffff;
/* border-bottom: none; */
/* min-height: 70px; */
border-radius: 1.5em;
/* margin: 20px; */
/* padding-bottom: 20px; */
border:1px solid var(--charte_gris_clair);

cursor:pointer;
margin:10px;
}

.weget:hover
{
box-shadow:10px 0px 10px 5px rgba(70,71,221,0.2);	
transition:1s;
border:1px solid var(--charte_violet);
}

.weget i
{
position:absolute;
top:18px;
left:15px;
font-size:1.8em;	
}

.weget>div:nth-child(1){
	width:100%;
	text-align:center;
	padding-left:30px;
	margin-top:30px;
	/* font-weight:bold; */
	font-size:1.5em;
	color:var(--charte_violet);
}

.flecheColonne
{
	color:var(--charte_violet);
}

.divRecherche
{
display:none;
padding-left:20px;
padding-right:20px;
}

.barreMenu
{
display:flex;
border:px solid black;
width:calc(100% - 50px);
position:relative;
margin-left:50px;
height:70px;
}

.barreMenu i
{
	color:#ffffff;
	font-size:30px;
}

.barreMenuDiv:hover
{
	/* width:200px; */
	transition:0.5s;
	z-index:3;
}

.barreMenuDiv
{
	display:flex;
	position:absolute;
	top:10px;
	align-items:center;
	justify-content: left;
	border:0px solid black;
	padding:5px;
	padding-left:10px;
	background-color:var(--charte_violet);
	width:50px;
	height:50px;
	margin-right:5px;
	border-radius:10px;
	border:1px solid #ffffff;
	color:#ffffff;
	overflow:hidden;
	cursor:pointer;
	/* user-select:none; */
}



.barreMenuText
{
	margin-left:8px;
	min-width:200px;
}

.punaise
{
position:absolute;
right:0px;
}

.containeSmenu
{
	display:flex;
	flex-wrap:wrap;
	justify-content: start;
	/* border:1px solid red; */
	box-sizing:border-box;
	width:100%;
	height:calc(100% - 115px);
	
}

.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.ww{min-width:50px !important;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.choixFormChercherche
{
position:relative;
border:1px solid var(--charte_gris_dark);
border-radius:4px;
padding:1px;
margin-right:2px;
text-overflow:ellipsis; 
overflow: hidden; 
white-space:nowrap;
width:350px;
padding-right:20px;
cursor:pointer;
height:24px;
background-color:var(--charte_gris_clair);
/* font-weight:bold; */
}

.choixFormChercherche:hover
{
	border:1px solid var(--charte_violet);
	color:var(--charte_violet);
	transition:0.3s;
}

.closePJ
{
position:absolute;
top:4px;
right:2px;
color:white;
/* font-weight:bold; */
background-color:red;
border-radius:4px;
height:15px;
width:15px;
font-size:10px;
text-align:center;
}

.sousTitre
{
position:relative;
margin-top:10px;
text-align:center;
font-size:1.2em;
border-bottom:1px solid var(--charte_violet);
margin-bottom:5px;
/* font-weight:bold; */
}

.colorCharte1
{
	color:var(--charte_violet);
}

.hand
{
	cursor:pointer;
}
.bold{font-weight:bold;}


.titreMenu{
/* font-weight:bold; */
font-size:1.5em;
text-align:center;
margin-top:10px;
margin-bottom:20px;
color:var(--charte_violet);
/* transform:color(red); */
/* transition: transform 	2s; */
}


.listAffaireToHeures
{
border-bottom:1px solid var(--charte_gris_clair);
}

.listAffaireToHeures:hover
{
background-color:var(--charte_gris_clair);
/* font-weight:bold;	 */
}

.nombreHeuresLigneInput{
text-align:right;
width:100%;
}

.help:hover{
	opacity:1;
	transition:1s;
}

.help
{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:400;
	width:40px;
	height:40px;
	border:1px solid var(--charte_violet);
	border-radius:50%;
	background-color:var(--charte_violet);
	opacity:0.3;
}

.help i
{
	position:absolute;
	color:white;
	top:0px;
	left:3px;
	font-size:30px;
	
}

.addSousMenuButton {
background-color: var(--charte_violet);
color: white;
border: none;
border-radius: 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
width: 250px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 16px;
/* font-weight: bold; */
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease;
}

.addSousMenuButton:hover {
background-color: white;
color : var(--charte_violet);
}

.addSousMenuButton i {
font-size: 20px;
margin-right: 10px;
}

.icoFichier{
	color:var(--charte_violet);
	font-size:20px;
}

.tdKDForm1{
	background:white;
	padding-bottom:5px;
	text-align:right;
}

.tdKDForm1:after{
	content: ' : ';
	padding-right:3px;
}

.tdKDForm2{
	background:white;
	padding-bottom:5px;
}

.tdKDForm2>input,.tdKDForm2>select{
	background:white;
	border:2px solid var(--charte_gris_clair);
	border-radius:3px;
	padding-left:2px;
	width:100%;
}

.tdKDForm2>textarea
{
background:white;
	border:2px solid var(--charte_gris_clair);
	border-radius:3px;
	padding-left:2px;
	width:100%;	
	height:50px;
}

.tdKDForm2>input:focus
{
	background:var(--charte_gris_clair);
}

/* File LG */
.boutonFile{
    /* border: 1px solid black; */
    padding:8px;
    /* padding-left:5px; */
    /* padding-right:5px; */
    background-color: white;
    color: var(--charte_violet);
    border: 1px solid var(--charte_violet);
    border-radius: 5px;
    min-width:80px;
   /* font-weight: bold; */
    content: "Selected file: ";
}

progress[value] {
   width: 250px;
   height: 20px;
   background:var(--charte_gris_clair); 
  }

.label_file{
margin-top:10px;
margin-bottom:30px;
}

#file_input{
display: none;
}



/* Ajout LG 01/11 pour formulaire */

.form {
background-color: white;
border-radius: 20px;
box-sizing: border-box;
padding: 20px;
width: 100%;
}

.title {
color: #005c9f;
font-family: sans-serif;
font-size: 36px;
/* font-weight: 600; */
margin-top: 30px;
}

.input-container {
height: 50px;
position: relative;
width: 100%;
}

.ic1 {
margin-top: 40px;
}

.ic2 {
margin-top: 30px;
}

.input {
background-color: white;
border: 1px solid  var(--charte_violet);
border-radius: 12px;
box-sizing: border-box;
color: black;
font-size: 18px;
height: 100%;
outline: 0;
padding: 4px 20px 0;
width: 100%;
}

.cut {
background-color: white;
border-radius: 10px;
height: 20px;
left: 20px;
position: absolute;
top: -20px;
transform: translateY(0);
transition: transform 200ms;
width: 76px;
}

.cut-short {
width: 50px;
}
.cut-60 {
width: 60px;
}
.cut-65 {
width: 65px;
}
.cut-70 {
width: 70px;
}
.cut-75 {
width: 75px;
}
.cut-95 {
width: 95px;
}
.cut-100 {
width: 100px;
}
.cut-105 {
width: 105px;
}
.cut-110 {
width: 110px;
}
.cut-125 {
width: 125px;
}
.cut-130 {
width: 130px;
}
.cut-135 {
width: 135px;
}
.cut-140 {
width: 140px;
}
.cut-175 {
width: 175px;
}

.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
border: 1px solid  var(--charte_violet);
transform: translateY(8px);
}

.placeholder {
color: #65657b;
font-family: sans-serif;
left: 20px;
line-height: 14px;
pointer-events: none;
position: absolute;
transform-origin: 0 50%;
transition: transform 200ms, color 200ms;
top: 20px;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
transform: translateY(-30px) translateX(10px) scale(0.75);
}

.input:not(:placeholder-shown) ~ .placeholder {
color: #808097 !important;
}

.input:focus ~ .placeholder {
color: #808097 !important;
}

.submit {
background-color: #08d;
border-radius: 12px;
border: 0;
box-sizing: border-box;
color: #eee;
cursor: pointer;
font-size: 18px;
height: 50px;
margin-top: 38px;
// outline: 0;
text-align: center;
width: 100%;
}

.submit:active {
background-color: #06b;
}


.input-icon {
    position: relative;
  }
  
.input-icon > i {
position: absolute;
display: block;
transform: translate(0, -50%);
top: 50%;
pointer-events: none;
width: 25px;
text-align: center;
}

.input-icon > input {
padding-left: 25px;
padding-right: 0;
}

.input-icon-right > i {
right: 0;
}

.input-icon-right > input {
padding-left: 0;
padding-right: 25px;
text-align: right;
}
.blocMesAbsencesAVenir, .blocMesAbsencesPasses{
	width:95%;
}

.lunch>i {
	cursor: pointer;
	font-size: 15px;
	opacity: 0.1;
	color: var(--charte_violet);
	transition: opacity 0.2s ease;
}

.lunch>i:hover {
	opacity: 1;
}



  @media only screen and (max-width: 600px) {
	  .footer{
	  	display:inline;
	  }
	.header {
		width:100vw;
	}
	  	.footer {
		width:100vw;
	}
	.header img{
		height:50px;
	  }
	 .header i{
		font-size:20px;
	  }


	 


	  .blocMesAbsencesAVenir, .blocMesAbsencesPasses, .demandesAbsences, .mesSalariesMonequipe, .dernieresDUE {
	  	margin-left:-15px;
		width:100vw;
		font-size:15px;
	  }
	  .blocMesAbsencesAVenir th:first-child, .blocMesAbsencesPasses th:first-child{
	  	display:none;
	  }
	  .blocMesAbsencesAVenir td:first-child, .blocMesAbsencesPasses td:first-child{
	  	display:none;
	  }

	  .main{
	  	min-width:0px;
	  }
	  
	  #listeAbsence{
		width:335px;
	  }
	  
	  #addAbsenceSalarie{
	  	font-size:15px;
	  }
	  .KdScreanLV2{
	  	width:100vw;
	  }
	  .informationsPersonnellesDossier, .informationsContratDossier, .prochainesAbsences, .prochainsContratEcheance, .tableauDeBord, .blocInformationsCnil, .blocInformationsPersonelles, .helpdesk, .header li:nth-child(2n), .menu{
	  	display:none;
	  }
}

.loader {
	text-align: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid var(--charte_violet);
	border-right: 3px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}