body {font-size: 14px;color:#444;}
.site-grid {grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,100%)) [main-end] minmax(0,1fr) [full-end];}
.itemid-101 .site-grid {display:initial;}
.container-header {
  background-color: #9cb1e0;
  background-image: initial;
  height: 77px;
}
.MenuConnexion {
  display: flex;
  /* justify-content: center; */
  gap: 200px;
}
.form-group, .mb-3 {margin-bottom: initial !important;}
.mod-login__userdata.userdata {display: grid; grid-template-columns: repeat(4,200px);grid-gap:10px;}

/*.dp-event__display-before-content > .dp-fields {display: grid;grid-template-columns: repeat(6, 133px);}*/
.dp-fields {clear:both;}
.tableResas {width: 100%;}
/*.dp-fields > dl.dp-description {float: left;}*/
.tableResas th, .tableResas td {vertical-align: top;padding: 0 5px 0 5px;}
.com-dpcalendar-list .dp-list > li:nth-of-type(2n), .view-event .tableResas tr:nth-of-type(2n) {
	background-color: #f5fff3;
}
.com-dpcalendar-list .dp-list > li:nth-of-type(2n+1), .view-event .tableResas tr:nth-of-type(2n+1) {
	background-color: #f7f6ff !important;
}
.complete {font-size: 18px; padding: 0; margin-right: 1px; margin-bottom: -3px; float: left; position: absolute; bottom: 0; right: 0;}
.dp-field-reservations li {display:grid; grid-template-columns: repeat(10, 1fr);}
.dp-field-reservations li {display:grid; grid-template-columns: repeat(10, 1fr);}
.view-list .dp-field-reservations li {display:grid; grid-template-columns: repeat(auto-fill, 133px);}
.view-list .dp-field-avissubform li {display:grid; grid-template-columns: repeat(auto-fill, 133px);}
/*.dp-field-reservations .fields-container {display:grid; grid-template-columns: repeat(10, 1fr);}*/
/*.dp-field-reservations .dp-description .dp-description__label  {border-top:1px solid black;padding:0 10px;}*/
.view-list .com-dpcalendar-list .dp-event {overflow: initial;}
.view-list dd {word-wrap: normal;}
.view-list dd .dp-field-field16 .dp-description__description  {word-wrap: break-word;}
.dp-field-reservations .dp-description__description .dp-description * {border-top:1px solid black;padding:0 10px;}
.dp-field-avissubform .dp-description__description .dp-description * {border-top:1px solid black;padding:0 10px;}
.view-list .fields-container {padding-left: 0}

tr.annule {text-decoration: line-through;}
.view-list table {border-collapse: separate;border-spacing: 10px 5px;}
.view-list .tableResas td {border-bottom: 1px solid #ccc;}
.view-list td.total {vertical-align: middle;text-align: center;}

 /* Tooltip container */
.tooltipAdress {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipAdress .tooltipAdresstext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipAdress .tooltipAdresstext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipAdress:hover .tooltipAdresstext {
  visibility: visible;
  opacity: 1;
}
.listAdress {margin:0; font-size:10px;}
.com-dpcalendar-event__locations .dp-map {
  height: 400px !important;
  margin-bottom: 20px;
}
@media print {
   .com-dpcalendar-event .dp-map, .WidgetDirect, .com-dpcalendar-event__header .com-dpcalendar-event__event-text, .com-dpcalendar-event__header .com-dpcalendar-event__custom-text, .com-dpcalendar-event__event-text #avis {
      display: none;
}
 .com-dpcalendar-event__title {
  font-size: 16px;
}
}