.modall {	
  position: fixed;
  top:20px;
  left: 50%;
  width: 75%;
  height: auto;
	z-index:2000;
	visibility: hidden;
	overflow: visible;
	background: #FFFFFF;
  
  -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	
	 max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
}

.modall1 { position: fixed;
  top:20px;
  left: 50%;
  width: 75%;
  height: auto;
	z-index:2000;
	visibility: hidden;
	overflow: visible;
	background: #FFFFFF;
  
  -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	
	 max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
}

.stop-position {
  position: absolute !important;
}

.offrestitre{ font-size:15px;color:#000000}

.bott{ display:inline; margin-right:10px
}

.show {
	visibility: visible;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.show ~ .overlay {
	opacity: 1;
	visibility: visible;
}

.popup-content {
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	overflow: visible; margin-top:0px; 
}


.close {
	position: absolute; left:-5px;
	top:20px;
	z-index: 9999;
	cursor: pointer;
	opacity: 1;
}

.close:hover {
	opacity: 0.2;
}




/* Effet blur */
.show.blur-effect ~ .overlay {
	background: rgba(0,0,0,0.9);
}

.show.blur-effect ~ .container, .show.blur-effect ~ .bgall{
	-webkit-filter: blur(30px);
	-moz-filter: blur(30px);
	filter: blur(30px);
}

.blur-effect .popup-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.show.blur-effect ~ .container,
.blur-effect .popup-content, .show.blur-effect ~ .bgall {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.show.blur-effect .popup-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Media queries */


@media(max-width: 670px) {
.modall {position: fixed;
  top:20px;
  left: 50%;
  width: 85%;
  height: auto;
	z-index:2000;
	
}

.modall1 {position: fixed;
  top:20px;
  left: 50%;
  width: 85%;
  height: auto;
	z-index:2000;
	
}

.fbw-calendar--legend{ margin-bottom:20px}

.close {
	position: absolute;
	left:-5px;
	top:20px;
	z-index: 9999;
	cursor: pointer;
	opacity: 1;
}

.close:hover {
	opacity: 0.2;
}
}

.fbw-calendar--action .next .next--button {
    color: #fff !important;
}

.fbw-calendar--day.chosen_day{color:#fff !important;}

.fbw-calendar--dates.mobile{display:none !important; }

.fbw-calendar--month-name{color:#000 !important;}

.imagelogo{ margin-top:10px}

@media(max-width: 1220px) {.offrestitre{ font-size:14px;color:#000000}.imagelogo{ margin-top:40px}}