:root{
		/* --rouge-vif : rgb(182, 33, 13); */
	/*--jaune :#bd9a00;*/
		--jaune:#9A00BD;
	/* --rouge-pale : rgb(240, 212, 208); */
	/*--vert :#00827b;*/
	--vert:#00bd9a;
	
	/* --font-color : #333333; */
	--font-color : #ffffff;
	--grisClair : #929496;
	--grisFonce :#76777a;
	--font-size : 1rem;
}
@font-face {
	font-family: 'minion';
	src: url('MinionPro-Regular.woff') 
}
/* @font-face {
	font-family: 'minion';
	src: url('MinionPro-BoldCn.woff') 
} */
@font-face {
	font-family: 'nunito';
	src: url('Nunito-Medium.ttf') 
}
/* @font-face {
	font-family: 'MontserratBold';
	src: url('Montserrat-Bold.ttf') format('truetype')
} */
body{
	/*background-image: url("../../img/fond.png");*/
	font-size: var(--font-size);
	background-color: var(--vert);
	/* font-family: century_gothic,Arial,sans-serif; */
	font-family: nunito,Arial,sans-serif;
}

.dropdown-item, .dropdown-item:hover, .dropdown-item:visited, .dropdown-item:active{
	color:var(--grisFonce);
	font-size: 1.2rem;
}
a, a:hover, a:visited, a:active, .nav-link, .nav-link:hover, .nav-link:visited, .nav-link:active{
	color:var(--font-color);
	font-size: 1.2rem;
	text-decoration: none;
}

.navbar{
	font-family: minion,Arial,sans-serif;
}

.ui-widget-header{
	background:#cccccc;
	color:white;
}
.fg-toolbar{
	heigth:30px;
}
.alert-danger{
	background-color: var(--jaune);
	border-color: var(--jaune);
	color:var(--font-color);
}
#tabs{
	/*margin: 5px;*/
	height:90%;
	width:100%;
	background-color: #ffffff;
}
.bg-light {
    background-color:var(--vert) !important;
}
.titre{
	background-color:var(--vert) !important;
	font-family: minion,Arial,sans-serif;
	font-size: 1.2rem;
	color:var(--font-color);
	font-variant-caps: small-caps;
}
.frame{
	width:100%; 
	height:95%;
}


.bodyiframe{
	background-image:none;
	background-color: #ffffff;
}
.table-content, .dataTables_wrapper{
	/*text-align: center;*/
	font-size:var(--font-size);
}
.table-responsive{
	background-color: var(--font-color);
}
.table-responsive.gris{
	background-color : var(--grisFonce);
}
#table-fiche{
	font-size:1.2rem;
	background-color:var(--grisFonce);
}
#print, #chart_div{
	background-color: var(--font-color);
}


/*table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}
table.table-fit thead th, table.table-fit tfoot th {
    width: auto !important;
}
table.table-fit tbody td, table.table-fit tfoot td {
    width: auto !important;
}*/
/*td{
	width:100px;
}*/

.border-red{
	border:1px solid var(--jaune);
}

.btn-primary, .btn-primary:hover, .btn-primary:disabled, .btn-primary.active{
	background-color: var(--jaune);
	border-color: transparent;
}
.card{
	background-color: var(--grisFonce);
}
.card-title{
	color:var(--font-color);
}

.backRouge{
	/* border:1px solid var(--jaune); */
	background-color: var(--vert);
}
h2{
	color:var(--font-color);
	font-weight:800;
}
#liste1, #liste2, #liste{
	background-color: var(--jaune);
	color:var(--font-color);
}
.navbar-light{
	background-color: var(--vert)!important;
}
.accordion-button, .accordion-button:not(.collapsed), .soustitre {
	background-color: var(--jaune)!important;
	color:var(--font-color);
}

.form-control, .form-select{
	font-size: var(--font-size);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-0.8rem) translateX(0.15rem);
}
.custom-file-button input[type=file] {
  margin-left: -2px !important;
}

.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;
}
li{
	list-style: none;
}
.periode{
	cursor:pointer;
}
.periode.noprint{
	width:15px;
	
	border:1px solid #dddddd;
}
.periode.ajout{
	width:25px;
}

.previ span, .rea{
	background-color:beige;
	border-radius: 10px;
	width:95%;
	display:inline-block;	
	margin:2px;
}
.tabbord img{
	/* width:80px; */
	margin:0 auto;
}
.tabbord{
	box-shadow: 0 0.4rem 0.4rem #000;
	background-color: var(--font-color);
}
.dtrg-level-0{
	background-color: var(--jaune);
	color : var(--jaune);
	font-size:1.2rem;
}
.dtrg-level-1{
	background-color: var(--jaune);
	color : var(--jaune);
	font-size:1.1rem;
}
@media print{
	/* Je cache le header footer*/
	.navbar, .noprint, .btn{display:none}

	 /* je supprime le fond  et je change la couleur de police */
	#print{
	  background-color :#ffffff  ; 
	  color:#000;  
	  display:inline-block;
	}
	 /* Je supprimme les bordures */
	p{border:0;}
  
  }
 
  #allergenes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px; /* Espace entre les items */
  }
  .checkbox-item {
    display: flex;
    align-items: center;
  }