/* Styles definition here */

/* Styles definition here */

/* Définir le calendrier responsive / largeur 100 % */
#fbuilder .ui-datepicker-inline { max-width:none !important; }

/* marge haut et bas du calendrier */
.ui-datepicker-inline.ui-datepicker .slotsCalendar.slotsCalendarfieldname1_1 { padding: 40px 0px 20px 0px !important; }


/* change the calendar header row color */
#fbuilder .ui-datepicker-header { background:#e09900; color:#fff; text-shadow:none; padding:10px 0px;}

/* taille mois et année dans bandeau */
.ui-datepicker-title {
    text-align: center;
    font-size: 16px;
}

/* couleur de l'année ds le bandeau */
#fbuilder .ui-datepicker-header{
	color:fff!important;
}

/* remove the calendar borders */
#fbuilder .ui-datepicker table, #fbuilder .ui-datepicker thead, #fbuilder .ui-datepicker tr, #fbuilder .ui-datepicker th, #fbuilder .ui-datepicker td {border: 0px;}
#fbuilder .ui-datepicker{box-shadow:none}

/* change the styles of the available slots - les créneaux horaires disponibles */
#fbuilder .slots{background:#fff;box-shadow:none}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#e09900;color:#fff;}

/* change le fond du jour actif */
#fbuilder .ui-datepicker-calendar .ui-state-active {
    background: #e09900!important;
	}

/* couleur du texte au dessus des champs */
body{
	color:#fff!important;
	font-family : 'Karla',Helvetica,Arial,Lucida,sans-serif!important;
}

/* couleur du créneau horaire hover */
#fbuilder .slots div a:hover{
	background-color:#efcc7f!important;
}

/* marge dessus et dessous la case à cocher */
#field_1-5{
	margin: 25px 0px 25px 0px!important;
}