@charset "UTF-8";
/* CSS Document */


  body {
	background-image: url(3Yeu.jpg);/**/
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-size: 0.9em;
	line-height: 20px;
	/*background: #000;
	color:#fff;*/
	color:#212529;
  }
  
p {
}

.panel-content a,
a.close-panel {
	color:#333;
}

.panel-content p {
	margin-bottom:0;
	font-size:1em;
}


#table_horaires td {
	padding:5px;
}
a.close-panel {
	color:#333;
}

.panel-content a {
	text-decoration:underline;
}

.card-body p {
	font-size: 0.85em;
}
	
.card-footer p, .card-footer .btn {
	font-size: 0.98em;
}

.card-footer label {
	font-size: 0.9em;
}

.btn.btn-success a{
	text-decoration:none;
}

h5 {
	padding-top:6px;
	width: 100%;
}

.table td, .table th {
	border-top:0;
}

td h5 {
	margin-left:-0.75rem;
	margin-bottom:0;
	font-size: 1.15rem;
}
  
  #container1 {
	  padding-bottom:120px;
	  background-color:#fff;
	  /*background-image : url(logo_goodbike.jpg);
	  background-repeat:no-repeat;
	  background-position: right 80px;
	  background-size:200px;*/
  }
  
  #footer1 {
	  background-image: url(https://velo-trottinette.com/images/chat_sur_roue_trottinette.png);
	  background-repeat:no-repeat;
	  background-position: bottom right;
	  background-size: 60px auto;
	  padding-top:40px !important;
  }
  
  #container2 {
	  margin-top:10px;
	  padding-bottom:20px;
	  background-color:#fff;
	  /*background-image : url(logo_goodbike.jpg);
	  background-repeat:no-repeat;
	  background-position: right 30px;
	  background-size:200px;*/
  }
  
  
  h1 {
	/*margin: 0;
	padding: 50px 50px 30px 50px;*/
	font-size: 36px;
	font-weight:600;
	line-height: 1.3;
	padding-top:0px;
  }
  .pswp-gallery__item img {
	display: block;
	width:100%;
	height: auto;
	position:relative;
  }
  .pswp-gallery__item a{
	  display:block;
	position:relative;
  }
  
  .pswp-gallery {
	/*max-width: 650px;
	padding: 0 50px 50px;*/
	/*background: #eee;*/
	position: relative;
	/*display: flex;
	flex-wrap: wrap;*/
	padding-bottom:0px;
	margin-bottom:14px;
	border-bottom: solid 1px #888;
  }
  
@media (min-width: 767px){
  .pswp-gallery__item {
  }
  .pswp-gallery {
	 /* border-bottom:0;
	max-width:280px;*/
	max-width:24%;
	margin-left:0.5%;
	margin-right:0.5%;
  }
  .pswp-gallery__item {
	/*margin: 0 8px 8px 0;*/
  }
}

@media (min-width: 1140px){
  .pswp-gallery {
	/*max-width:19%;*/
	max-width:24%;
	margin-left:0.5%;
	margin-right:0.5%;
  }
}

  .pswp__dynamic-caption {
	color: #fff;
	width: 100%;
  }
  .pswp__dynamic-caption a {
	color: #fff;
	text-decoration: underline;
  }
  
  
  
  
.photo-gallery {
padding-right: 28px;
}
.diaporamalaunch i {
position: relative;
top: -5px;
padding-left: 10px;
}

/**/
.icon-camera:after {
background-color: #9C1A1A;
}
.icon-camera:after {
width: 30px;
height: 30px;
position: absolute;
display: block;
content: '';
right: -26px;
top: 0px;
background-color: #fff;
-webkit-mask-image: url(camera.svg);
mask-image: url(camera.svg);
-webkit-mask-size: cover;
mask-size: cover;
}
/* 
.diaporamalaunch {
position: absolute;
bottom: 20px;
right: 5px;
border: 1px solid #fff;
padding: 10px;
font-size: 1.2em;
cursor: pointer;
color: #fff;
background-color: rgba(0,0,0, 0.5);
}
*/

.diaporamalaunch {
position: absolute;
/*bottom: 86px;
right: 15px;*/
bottom: 8px;
right:8px;
border: 1px solid #fff;
padding: 10px;
font-size: 1.2em;
cursor: pointer;
color: #fff;
background-color: rgba(0,0,0, 0.5);
}

@media (min-width: 767px){
/*
.diaporamalaunch {
position: relative;
bottom: auto;
right: auto;
border: 1px solid #fff;
color: #fff;
display: inline-block;
margin-top: 10px;
color: #fff;
background-color: transparent;
}
*/

}

.card {
background-color: transparent !important;
}
.panel {
position: fixed;
left: 0;
width: 100%;
/*height: auto;  Set the height of the panel */
z-index:100;
}

.panel0 {
top: 0px;
position: fixed;
left: 0;
width: 100%;
height: auto; /* Set the height of the panel */
z-index:100;
background-color: #ecc955 !important;
background-color: #81bb4f !important;
}

.panel1000 {
top: -1000px;  /*Initially hide the panel below the page */
/*top:152px;*/
transition: top 0.3s ease-in-out;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Standard box-shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* For webkit browsers like Chrome and Safari */
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* For Mozilla Firefox */
}

#panel_resume {
	
overflow-y: scroll; /* Enable vertical scrolling */
 max-height: 100%;
 padding-bottom:20px;

}

.panel, #togglepanel {
background-color: #ecc955 !important;
}
#togglepanel {
width:100%;
left:0;
z-index:9;

padding-top: 20px;
padding-bottom: 10px;
}

.panel-content {
padding: 10px;
}

.sliding-content {
display: none; /* Hide the content initially */
padding: 20px;
transition: transform 0.3s ease-in-out;
transform: translateY(100%); /* Start position, off the bottom */
}

.sliding-content.active {
display: block; /* Show the content */
transform: translateY(0); /* Slide in from the bottom */
}

.input-group-prepend,
.input-group-append {
}

.card-footer input[type="submit"] {
margin-top:10px;
width:100%;
}

.btn-ajout {
font-size:1em;
}

.btn a {
color:#fff;
}

#togglepanel a{
color:#fff;
/*text-decoration:underline;*/
border: solid 1px #333;
    padding: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0.25rem;
	text-decoration:non !important;
}

#alert1 {
position:absolute;
top:0;
/*width:100%;*/
left: 20%;
width: 60%;
text-align:center;
z-index:101;
}

.open-panel {
cursor:pointer;
position:relative;
}

.filter-control {
margin-bottom:20px;
}

.filter-control .btn {
font-size:0.962rem
}

.ribbon {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
overflow: hidden;
width: 133px;
height: 133px;
text-align: right;
}

.ribbon span {
font-size: 0.9em;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
line-height: 32px;
transform: rotate(45deg);
width: 165px;
display: block;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 32px;
right: -36px;
background-color: #FF0;
}
.promo10, .promo10.alert-success {
background-color: #FF0 !important;
color: #333 !important;
}
.ribbon1 span, .promo20.alert-success, .promo20{
background-color: #28a745 !important;
}
.ribbon2 span, .promo30.alert-success, .promo30{
background-color: #F69 !important;
}
.card-body .promo20.alert-success p,
.card-body .promo30.alert-success p,
.card-body .promo10.alert-success p {
	font-size:1em;
}

.ribbon1 span, .ribbon2 span {	
color: #fff;

}
.promo20.alert-success, 
.promo30.alert-success, 
.promo10.alert-success {
border-color:#e3e3e3;
	}
/*
.ribbon span::before {
content: '';
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #79A70A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A;
}
.ribbon span::after {
content: '';
position: absolute;
right: 0%;
top: 100%;
z-index: -1;
border-right: 3px solid #79A70A;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A;
}
*/
.clear-all,
.filter-btn {
margin-bottom:8px;
}

.filter-btn i {
display:none;
}

.filter-btn.active i {
display:inline;
}

.btn-light,
.clear-all,
.btn-light:focus{
border-color: #212529 !important;
background-color:#f8f9fa !important;
}

.filter-btn.active,
.clear-all.active{
/*background-color:#007bff !important;*/
background-color:#36F !important;
color:#fff !important;
}

#resume p {
font-size:1em;
}

#resume a {
color:#333;
}

.p_velo {
width:100%
}

h4 {
display:inline;
padding-right:10px;
}

.input-number {
text-align:center;
}

.messagesUnreadCount {
top: -8px;
right:-9px;
pointer-events: none;
position: absolute;
line-height:20px;
}
.unreadCountBadge {
align-items: center;
background-color: #f1454f;
border: none;
border-radius: 10px;
box-sizing: border-box;
color: #fff;
display: flex;
font-size: 13px;
font-weight: 700;
height: 20px;
justify-content: center;
min-width: 20px;
padding-left: 5px;
padding-right: 5px;
cursor:pointer;
}

.card-body {
    padding: 1rem;
}

.card-body .alert-success {
	font-size:13px;
	padding: .5rem 0.5rem;
	background-color:#28a745;
	color:#fff;
}
.btn-primary {
	background-color: #36F;
}

.diaporamalaunch2 {
	cursor:pointer;
	color: #36F;
	font-weight:bold;
}

#panel_dates {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Standard box-shadow */
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* For webkit browsers like Chrome and Safari */
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* For Mozilla Firefox */
}

.bootstrap-datetimepicker-widget.dropdownmenu {
	z-index:9999;
    position: absolute; /* Adjust positioning as needed */
    top: 100%; /* Example: Position below the input */
    left: 0; /* Example: Align with the left edge of the input */
	font-size:1em !important;
}

@media (min-width: 992px){
#cart span.br:after {
    content: ' ';
    display: block;
}
#cart_div .control-label{
	display:none;
}
#cart_div .input-group{
}
	
	label {
		margin-bottom:0.25rem;
	}
#container1 {
	padding-top:110px;
}
}
@media (max-width: 991px){
#logo_container {
	padding-top: 0px;
}

#panel_dates .control-label {
	font-size:0.85em;
	}
	
#panel_dates .btn {
	font-size:0.85em;
	}
	
	label {
		margin-bottom:0;
	}
.empty-label {
	display:none;
}

.coltop {
	margin-top:1em;
}

.form-control {
	font-size:0.75rem;
    padding: 0.35rem 0.3rem;
}

.supp {
	font-size:0.7rem;
	}
	
#container1 {
	padding-top:190px;
}
#cart {
	margin-right:3px;
	}
	
.datepicker{
	font-size:0.8em !important;
}
.datepicker,
.table-condensed {
  /*width: 100%;
  height:500px;*/
}

/*.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em !important;
}*/
}

@media (max-width: 767px){
	
	
    .bootstrap-datetimepicker-widget {
        max-width: 100%;
        width: 100%;
        left: 0 !important;
    }
	
}
.promo-btn, .promo-btn:focus {
	background-color:#ecc955 !important;
	color:#333 !important;
}
.filter-btn.promo-btn.active {
	background-color:#ecc955 !important;
	color:#333 !important;
}