@media (max-width: 991px) {
.navbar-default .navbar-nav>li>.dropdown-menu {
    background-color: #016789 !important;
}
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    background-color: #FFFFFF;
}

.line{padding:0;}

.zone-3-blocs .container-fluid > .row .col-sm-8{vertical-align:top;}

/*.boutique .event-detail .btn, .boutique .events-mosaic .btn.btn-primary{ color:transparent;font-size:1px;}
.boutique .event-detail .btn:after, .boutique .events-mosaic .btn.btn-primary:after{content:"Acheter"; color:#ffffff;font-size:16px;}
.boutique .event-detail .btn.btn-back:after{content:"Retour à la boutique"; color:#ffffff;font-size:16px;}*/

.modal-open .popin.modal{
  background:rgba(255,255,255,0.6);
}
.popin .modal-body .container{
  top:50%;
  left:50%;
  position:fixed;
  transform:translate(-50%,-50%);
  max-width:650px;
	padding:0;
  background:white;
  box-shadow:0 0 5px 3px rgba(0,0,0,0.2);
}
.popin .modal-body .container .close{
  position:absolute;
  top:30px;
  right:30px;
}

.btn-blancbleu {
  background-color: white;
  color: #006689;
font-weight: bold;
}

.member-greeting {
    color: #FFFFFF;
}

.member-myprofile {
    color:#FFFFFF;
}

a.member-myprofile {
    color: #FFFFFF !important; /* Or whatever color you'd like */
    text-decoration: none; 
}

a.member-myprofile:hover {
    text-decoration: underline; 
}
.caret {
    margin-right:-40px;
}

.zone-member,
.zone-member p,
.zone-member ul,
.zone-member li {
  font-family: Catamaran, sans-serif;
}


.slider {
  position: relative;
  max-width: 1000px;
  margin: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  cursor: grab;
}

/* container */
.slides {
  display: flex;
  gap: 16px;
  padding: 0 20px; /* creates the “peek” effect */
}

/* each slide */
.slide {
  position: relative;
  min-width: 85%; /* key: shows part of next slide */
  scroll-snap-align: start;
}

/* image */
.slide img {
  width: 100%;
  display: block;
  border-radius: 6px;
}

/* caption */
.caption {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
  text-align: center;

  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 14px;
}

/* hint text */
.slider-hint {
  text-align: center;
  font-size: 14px;
  margin-top: 8px;
}

/* optional: nicer scrollbar */
.slider::-webkit-scrollbar {
  height: 8px;
}
.slider::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}