.ui-datepicker {
	font-size:14px;
	z-index: 101;	
}

/* couleur entete journée l, m, */
.ui-datepicker th {
    color: #ffffff
 }
    
.ui-datepicker-trigger {
	width: 2rem;
	height: 2rem;
}   
.ui-selicDatepicker-buttonpane button {
	cursor: pointer;
	overflow: visible;
	padding: 0.5em 0.75em 0.5em;
	margin: 0.1em 0.1em 0.1em;
	width: auto;
}
/*Entete du calendar*/
.ui-widget-header { 
	background-color: var(--color-primary);
	background-image: url(); 
	color: #ffffff; 
	font-weight: bold;
	border: none;
	border-radius: 0px;
}
/*Fond du calendar*/
.ui-datepicker-calendar{
	background-color: #E1E1E1 ;
	background-image: url(); 
	border-radius: 0px;
}

.ui-widget-content{
	background-color: #E1E1E1 ;
	background-image: url(); 
	/*astuce pour supprimer le cadre mettre la couleur du background */
	/* scetide border: 1px solid #FF980D; */
	border: 1px solid #E1E1E1;
   color: #000000;
   text-align: center;
}

/*les jours */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color: #5D5D5F ;
	background-image: url(); 
	border: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
/*le bouton selectionné du jour*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: url("") repeat-x scroll 50% top #000000;
    border: 1px solid var(--color-primary);
    color: #FFFFFF;
}

/* jour saisi */
.ui-state-active:hover, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	 color: #ffffff;
	 /* scetide background-color: #FF980D */
	 background-color: var(--color-primary) ;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 2.6em;
	height: 2.6em;
}