#header {
	height: 4.5em!important;
}
.wrapperland {
  width: 95%;
  font-family: 'Helvetica';
  font-size: 14px;
  border: 1px solid #CCC;
}


.events li { 
  display: flex; 
  color: #999;
}

.events .numero { 
  position: relative;
  padding: 0 1.5em;  }

.events .numero::after { 
   content: "";
   position: absolute;
   z-index: 2;
   right: 0;
   top: 0;
   transform: translateX(50%);
   border-radius: 50%;
   background: #fff;
   border: 1px #ccc solid;
   width: .8em;
   height: .8em;
}


.events span {
  padding: 0 1.5em 1.5em 1.5em;
  position: relative;
}

.events span::before {
   content: "";
   position: absolute;
   z-index: 1;
   left: 0;
   height: 100%;
   border-left: 1px #ccc solid;
}

.events strong {
   display: block;
   font-weight: bolder;
}

.events { margin: 1em; width: 90%; }
.events, 
.events *::before, 
.events *::after { box-sizing: border-box; font-family: arial; }

.events img {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; /* Set a small width */
}

/* Add a hover effect (blue shadow) */
.events img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.events .btn-link, .events .btn-link.active, .events .btn-link:active, .events .btn-link[disabled], .events fieldset[disabled] {
	background-color: #9f688f;
	width: 90%;
	display: block;
}