/* TITRE DES ÉVÉNEMENTS */
#events h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  color: #222;
}

/* DURÉE DES ÉVÉNEMENTS */
#events p.duration,
#events div.duration {
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
  color: #444;
}

/* DESCRIPTION DES ÉVÉNEMENTS */
#events p.description,
#events div.description {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
  white-space: pre-line;
}

/* ENCADREMENT DES BLOCS ÉVÉNEMENTS */
#events .selectedEvent {
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.05);
}

/* BOUTON DE VALIDATION DE LA PLAGE HORAIRE */
#events input.reserve_time_btn {
  background-color: #222;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

/* BOUTON "CHOISIR UN AUTRE CRÉNEAU" */
#events input.select_another_btn {
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

/* TITRES DES BLOCS DE FORMULAIRE */
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* ENCADRÉ DU CALENDRIER / SECTIONS UI */
div.ui-widget-content {
  font-family: "Helvetica Neue", sans-serif;
}

div.ui-widget-header {
  font-family: "Helvetica Neue", sans-serif;
}

/* TABLEAU DU PLANNING */
#timeline-container table.timeline {
  width: 100%;
}

/* CELLULES NON DISPONIBLES */
.timeline td.not_worked_time {
  background-color: #f3f3f3;
}

/* CELLULES DISPONIBLES */
.timeline td.free_time {
  background-color: #d0f0d0;
}

/* CELLULES SÉLECTIONNÉES */
.timeline td.selected_time {
  background-color: #92c792;
}

/* CELLULES RÉSERVÉES */
.timeline td.reserved_time {
  background-color: #e0e0e0;
}

/* LOADING */
div#loading {
  display: none;
}

/* CONTENEUR DU WIDGET (SI UTILISÉ) */
div#widget_container {
  padding: 20px;
}

/* EN-TÊTE DU WIDGET */
#widget_container #widget_header {
  font-size: 16px;
  font-weight: bold;
}

/* PIED DU WIDGET */
#widget_container #widget_footer {
  font-size: 14px;
  color: #666;
}

/* TITRE DU WIDGET */
#widget_container h1.title a {
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

/* PRIX */
#events .event_price {
  font-weight: bold;
  font-size: 14px;
  color: #444;
}

/* CHAMPS SUPPLÉMENTAIRES (SI ACTIVÉS) */
#eventForm dd.extention_data {
  margin-top: 10px;
}

/* FORMULAIRE (CHAMPS AVEC LABELS) */
dd.extention_data dl.zend_form dt,
dd.extention_data dl.zend_form dd label {
  font-weight: bold;
}