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

 :root {
	--L0: #00B1DC;
	--L0b: #00B1DC33;
	--L1: #DC7500;
	--L1b: #DC750033;
	--L3: #00A40A;
	--L3b: #00A40A33;
	--L4: #A44100;
	--L4b: #A4410033;
	--L5: #F80505;
	--L5b: #F8050533;
	--L6: #A00098;
	--L6b: #A0009833;
	
	}




*{
box-sizing: border-box; 
font-family: 'Poppins', sans-serif;
}
body{padding:0; margin:0;
background : #f8f9fa;}

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


a { 

text-decoration:none; 
}



/* ----------------------------projets------------------------ */
#idResume{
	height:90%;
	overflow:auto;
}
.rapportResumeTitre{
	border:1px solid var(--charte_gris);
	border-radius:10px 10px 0px 0px;
	text-align:center;
	
	background-color:var(--charte_gris);
	font-weight:bold;
	position:relative;
}

.rapportResumeTitre i {
position:absolute;
right:5px;	
top:5px;	
}



.rapportResumeTxt{
	border:1px solid var(--charte_gris);
	/* border-radius:0px 0px 10px 10px; */
	border-top:0px;
	border-bottom:0px;
	padding:0px 0px 0px 10px;
}

/* .rapportResumeTxt::before{ */
	/* Content:"• "; */
/* } */

.rapportResumeTxtFin{
	height:10px;
border:1px solid var(--charte_gris);
border-radius:0px 0px 10px 10px;	
border-top:0px;
margin-bottom:10px;
}


.divRerchercheRapport{
	position:absolute; 
	display:none;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	
	top:60px; 
	left:5px; 
	right:5px; 
	height:50%; 
	border:1px solid black; 
	padding:5px; 
	border-radius:0px 0px 10px 10px; 
	background-color:var(--charteColor2); 
	overflow:auto;
	
	z-index:3;
	
	
}

.divRapportRecherche{
	width:100%;
	border:1px solid var(--charteColor1);
	height:30px;
	
	/* display:flex; */
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	 
	margin-bottom:5px;
	border-radius:5px;
	padding-left:5px;
	background-color:white;
	
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	
	
}

.rapportInterlocuteurList{
	border:1px solid var(--charteColor2);
	width:100%;
	margin-top:5px;
	cursor:pointer;
	border-radius:5px;
}
.rapportInterlocuteurList:hover{
	background-color:var(--charteColor2);
	font-weight:bold;
	
}

.rapportInterlocuteurList i{
	margin-left:5px;
	margin-right:5px;
	color:var(--charteColor1);
}

.kdContentMenuIcones{
	display:flex;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex;
	justify-content :center;
	
	/* border:1px solid red; */
	width:100%;
	
	margin-top:10px;
	
}

.kdContentMenuIcones>div{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--charteColor1);
	width:150px;
	height:30px;
	background-color:var(--charteColor1);
	margin-right:10px;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
	
	transition:0.5s;

}

.kdContentMenuIcones>div:hover{
	border:1px solid var(--charteColor1);
	background-color:white;
	color:var(--charteColor1);
	transition:0.5s;
	
}



/* ----------------------------projets------------------------ */

/* ----------------------------menu------------------------ */

#menuAction{
color:var(--charteColor1);	
position:absolute;
	left:15px;
	bottom:10px;
	z-index:3;
	font-size:25px;
	cursor:pointer;
	transform:rotate(45deg);
	
}

.menu:hover #menuAction {
  /* color: red !important; */
  	animation: punaise 2s linear infinite;

}


@keyframes punaise {
  0% {
    /* transform:rotate(45deg); */
	bottom:10px;
  }
  50% {
    transform:rotate(360deg);
	bottom:10px;
    
  }
  
  60% {
	bottom:0px;
  }
  
   70% {
    /* transform:rotate(360deg); */
	bottom:14px;
  }
  
   80% {
    /* transform:rotate(360deg); */
	bottom:10px;
    transform:rotate(360deg);
  }
  100% {
    transform:rotate(405deg);
  }
}

.menu{
	position:relative;
	border-right:1px solid silver;
	height:calc(100% - 5px);
	width:100%;
	background-color:white;
	}

.menuButton{
	display:flex;
	/* FLEX-WRAP:wrap; */
	width:calc(100% - margin);
    border:1px solid var(--charteColor1);
	border-radius:5px;
	padding:5px;
	ALIGN-ITEMS:center;
	/* ALIGN-CONTENT:flex-start; */
	margin:5px;
	margin-top:5px;
	cursor:pointer;
	
	transition:0.8s;
	/* border:1px solid blue; */
	}
	
.menuButton:hover{
	border:1px solid var(--charteColor1);
	background-color:var(--charteColor2);
	/* background-color:white; */
	transition:0.3s;
}



.menuButton>nav{
    padding-left:10px;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:150px;
	/* border:1px solid red; */
	
}
.menuButton>i{
    color: var(--charteColor1);
	font-size:25px;
	padding-right:5px;
	width:25px;
	}
	
.titreMenu{
	position:relative;
	display:flex;
	/* border:1px solid red; */
	width:200px;
	padding-bottom:10px;
	padding-top:10px;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	JUSTIFY-CONTENT:center;
	}
	

/* ----------------------------menu------------------------ */

.main{
	display:flex;
	width:100%;
	height:100vh;
	
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	
}

/* ----------------------------header ------------------------ */
.headerUser{
	display:flex;
	ALIGN-ITEMS:center;
	/* ALIGN-CONTENT:flex-start; */

	font-size:14px;
	/* border:1px solid black; */
	height:50px;
	margin-top:-5px;
	width:auto;
	}
.headerUser>div>i{
	font-size:30px;
	color:var(--charteColor1);
	}
.headerUser>div:nth-child(2){white-space: nowrap; text-align:left; color:var(--charteColor1);}

.headerUser>div{
	margin-right:5px;
	}
/* ----------------------------header ------------------------ */

.RC_contenu{
	width:100%;
}