:root{
	--rouge : rgb(199, 63, 63);
	--bleu : rgb(73, 101, 199);
	--jaune : rgb(242, 205, 19);
	--text-clair:rgb(217,217,217);
	--head : rgb(236, 235, 232);
	--rouge-pale : rgb(240, 212, 208);
	--border-btn : rgb(190, 190, 190);
	--font-clair : #ffffff;
	--font-fonce : #191919;
	--font-rouge : #FFD0D0;
	--font-bleu : #D0DDFF;
	--font-gris : #eeeeee;
	--font-size : 0.825rem;
}
html{
	height: 99vh;
	overflow-x: hidden;
	max-width: 100vw;
	margin:0;
	padding:2px;
}
body{
	font-size: var(--font-fonce);
	font-family: 'Nunito', sans-serif;
	/* display: flex;
    flex-direction: column; */
    height: 99vh;
	/* width:100vw; */
	max-width: 100vw;
	margin:0;
	padding:0;
	scrollbar-width: thin;
}
.main{
	background-repeat:no-repeat;
	background-size:cover;
	padding:0;
	margin:0 auto;
	display:flex;
	flex-direction: column;
	min-height:99vh;
}
.main1{
	background-repeat:no-repeat;
	background-size:cover;
	padding:0;
	margin:0 auto;
	display:flex;
	flex-direction: column;
}
.entete{
	background-color: var(--font-clair);
	margin:15px;
    border-radius: 10px;
    height: 100px;
}
.pub{
	background-color: var(--font-clair);
	margin:15px;
    border-radius: 10px;
}
.entete1{
	margin: 0;
}

.foot{
	background-color: var(--head);
	height:30px;
	margin:0;
	line-height: 30px;
	font-size: 0.80rem;
}
.content{
	border-radius: 10px;
	background-color: #ffffff;
	margin: 0px;
	/* padding: 10px; */
	flex:1;
}


/* 
.foot{
	background-color: var(--head);
	opacity:0.92;
	font-size: 0.80rem;
	margin: 15px;
    border-radius: 10px;
    height: 50px;
} */
.logo{
	width:100px;
	height:100px;
}
.carteAccueil{
	margin-top:-100px;
	padding:80px 10px; 
	border-radius:15px;
	background-color:#fff;
	box-shadow: 0 4px 4px 0 rgb(0,0,0,0.25);
}
.form{
	padding-left:15px 0;
}
/* .foot{
	height:30px;
} */


.clair{
	color:var(--font-clair);
}
.btn, .btn:hover, .btn-group, .btn-group-sm>.btn, .btn-sm {
	padding:5px 25px;
	color: #4E4E4E;
	font-size: 1rem;
	font-weight: 600;
	border-radius:20px;
}
.btn-blanc, .btn-blanc:hover{
	color: #ffffff;

}
.btn-gris, .btn-gris:hover{
	border: 1px solid #8b8b8b;
	background-color:#ffffff;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.45);
	margin:10px;
}
.btn-gris.active, .btn-gris.active:hover{
	border: 1px solid #8b8b8b;
	background-color:#D9D9D9;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.45);
}
.btn-rouge, .btn-rouge:hover, .btn-rouge.active, .btn-rouge.active:hover{
	background-color: var(--font-rouge);
	color: var(--rouge);
	border:1px solid var(--border-btn);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.45);
}
.btn-bleu, .btn-bleu.active, .btn-bleu:hover, .btn-bleu.active:hover{
	background-color: var(--font-bleu);
	color: var(--bleu);
	border:1px solid var(--border-btn);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.45);
}
.btn-rouge.accueil, .btn-rouge.accueil:hover, .btn-bleu.accueil, .btn-bleu.accueil:hover{
	border-radius: 40px;
	border:none;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.45);
}
.text-rouge{
	color:var(--rouge);
	font-weight: 600;
}

.text-bleu{
	color:var(--bleu);
	font-weight: 600;
}

.text-jaune{
	color:var(--jaune);
	font-weight: 600;
}
.ui-widget-header{
	background:#cccccc;
	color:white;
}
.fond-gris{
	background-color: var(--font-gris);
	border-radius: 10px;
	box-shadow: 0 4px 4px 0 rgb(0,0,0,0.25);
}
.carte{
	padding: 40px 80px;
	
}
.modal-content{
	background-color: var(--font-clair);
}
li{list-style: none;}

/* .frame{
	width:100%; 
	height:95%;
} */
.tab-pane{
	color:#000000;
}
/* .bodyiframe{
	background-image:none;
	background-color: #ffffff;
} */
.table-content, .dataTables_wrapper{
	/*text-align: center;*/
	font-size:0.825rem;
}
.form-label, .form-check-label{
	color:#000000;
	font-size: 1rem;
	font-weight: 500;
}

.form-label.login{
	color:#000000;
	font-size: 24px;
	font-weight: 600;
}
.form-control, .form-select{
	background-color:var(--font-gris);
	border-radius: 20px;
	box-shadow: 0 4px 4px 0 rgb(0,0,0,0.25);
}
.form-select.rouge{
	background-image: url("../../img/next.svg");
	background-size:34px;
  }

  .form-select.bleu{
	background-image: url("../../img/next-bleu.png");
	background-size:34px;
  }
.input-group-text{
	background-color: #E1E1E1;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgb(0,0,0,0.25);
}
.form-check-input:checked{
	background-color: var(--font-rouge);
	border-color: var(--font-rouge);
}
.navlink.bleu{
	background-color: var(--font-gris);
	
}
.navlink.active.bleu{
	background-color: var(--font-clair);
	color:var(--bleu);
}
.form-control[type=file], .input-group-text {
	padding: 1rem 0.75rem;
}
.monthpicker_input{
	text-align: center;
}
.custom-file-button, .form-floating{
	margin-bottom: 15px;
}
.custom-file-button input[type=file]::-webkit-file-upload-button {
	display: none;
  }
  
  .custom-file-button input[type=file]::file-selector-button {
	display: none;
  }
  
  .custom-file-button:hover label {
	background-color: #dde0e3;
	cursor: pointer;
  }
  .card{
	margin:20px;
	text-align:center;
  }
  .list-group-item{
	border-radius: 15px;
	font-size:16px;
	
	box-shadow: 0 4px 4px 0 rgb(0,0,0,0.25);
  }
  .list-group-item:last-child, .list-group-item:first-child{
	border-radius: 15px;
  }
  .list-group-item.active{
	background-color: var(--font-clair);
	border:1px solid var(--font-gris);
	color: var(--font-fonce);
  }
  .list-group-item.accueil{
	border:none;
  }
  .material-symbols-outlined{
	cursor:pointer;
  }
  .acc-rouge:not(.collapsed){
	background-color: var(--font-rouge);
	color:var(--rouge);
  }
  .acc-bleu:not(.collapsed){
	background-color: var(--font-bleu);
	color:var(--bleu);
  }
  table.dataTable.table-striped>tbody>tr.odd.selected>*, table.dataTable.table-striped>tbody>tr.even.selected>*{
	box-shadow: none;
	color:#191919;
  }
  .cni, .cv{
	cursor:pointer;
  }
  .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
   }
   
   .carousel-control-next-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
   }