/* CSS Document */

.blocEventAdresse
{
	font-size:1.5rem;
}

#bookingstep-resumeevent-bloc .cta {
    position: relative;
 margin: 10px auto;
}
#bookingInfo-event
{
	text-align:center;
}
#adresse .dealer-name {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--primaryHover);
}

#adresse .dealer-adresse
{
	margin-bottom:20px;
}
.dealer-email a::before {
  content: "\f0e0";
  font-family: icon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
}

.dealer-url a::before {
  content: "\f109";
  font-family: icon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
}
.dealer-map a::before {
content: "";
  margin-right: 5px;
  background-image: url(../images/pin-off.png);
  width: 40px;
  background-size: contain;
  position: absolute;
  height: 40px;
  background-repeat: no-repeat;
  margin-left: -40px;
  display: inline-block;
  background-position: center;
  margin-top: -8px;
}
.dealer-map a {
  margin-left: 24px;
}
.dealer-url a::before {
	content: "\f0c1";
font-family:icon !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 5px;
}

.dealer-phone a::before {
	content: "\f095";
font-family:icon !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 5px;
}
@media only screen and (max-width: 600px) {

#bookingstep-resumeevent-bloc .cta {
    position: relative;
    bottom: auto;
    right: auto;
	margin:20px;
}

.event-item:nth-child(2n) > .row {
  background: rgba(0,0,0,0.3) !important;
}

}







.bloc-list-result
{
	background-color: #fff;
text-align: center;
}

.bloc-list-result .place-name {
  font-size: 1.4rem;
  margin-bottom: 10px;
}


.bloc-list-result .place-city {
    margin-bottom: 5px;text-transform: uppercase;
}
.list-event-active .col-8
{
	margin: auto;
	max-width: 100%;
padding-left: 0;
padding-right: 0;
}



.place-map {
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.currentEvtDiv {
  position: relative;
}

/* Dropdown Content (Hidden by Default) */
.Evtdropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow:scroll;
}

/* Links inside the dropdown */
.Evtdropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.Evtdropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.town_selector_geoloc
{
	margin:auto;
}

.town_selector
{
	color: #333;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 1px;
  font: inherit;
    font-size: inherit;
  padding: 8px 8px;
  height: auto;
  text-align:center;
  font-size: 16px;
  margin:auto;
  margin-bottom:0 !important;
}

.event_place_town .row {
  width: 100%;
}

.event_place_selector_geoloc_notice, .event_place_or
{
	text-align:center;
}
#currentEvtDiv_infos {
  background-color: var(--primary);
  color: var(--primaryInvert);
  width: calc(100% - 100px);
  padding: 10px 30px;
  border-top-right-radius: var(--radiusBorderField);
  border-bottom-right-radius: var(--radiusBorderField);
  min-height:100%;
}

.selected-place-distance
{
	width: 100%;
  text-align: center;
  font-size: 1.3rem;
  color: #999;
}
.selected-place-info {
  width: 100%;
  user-select: none;
}
#geoloc_loading
{
	margin:auto;
}
#currentEvtDiv_distance {
  width: 100px;
  text-align: center;
  border: 1px solid var(--unactive);
  height: 100%;
  border-top-left-radius: var(--radiusBorderField);
  border-bottom-left-radius: var(--radiusBorderField);
}
a.selected-place-name {
  font-weight: 700;
  font-size: 1.4rem;
  color:var(--primaryInvert);
}
a.selected-place-name:hover {

  color:var(--primaryInvert);
  text-decoration:underline;
}
.event_place_selector_town_notice {
  text-align: center;
  font-size: 1.2rem;
}
#town_selector_geoloc_notice
{
	margin:auto;
	text-decoration:underline;
	font-size: 1.2rem;
}


.changeEvtBtnDiv a, .confirmEvtBtnDiv a
{
	margin:auto;
	text-decoration:underline !important;
	font-weight:700;
	padding:10px;
	cursor:pointer;
}
.event_place_or {
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  text-align: center;
  margin: auto;
}

#selectEvtDropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.selectEvtDropdown-item {

  display: block;
  width: 100%;
  border-bottom: 1px #ccc solid;
}
.selectEvtDropdown-item .place-name {
  width: 100%;
  font-weight:700;
  font-size:1.4rem;
  
}

.dropdown-evt-option {
  width: 100%;
  font-size: 1.2rem;
}
.dropdown-evt-option td{
padding: 5px;
}
.dropdown-evt-option .place-map{
text-align:center;
width:60px;
border-right:1px solid #CCC;
}  
.selectEvtDropdown-item :hover {
  background-color: var(--primary);
  color: var(--primaryInvert);
  cursor: pointer;
}
.event-description-content
{
	padding:20px;
}

.event-description {
  position: relative;
  background: #000;
  color: #fff;
  padding: 0px;
  z-index: 1;
  font-weight: 700;
  left: 0;
  text-align: justify;
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: width 2s , heigth 2s;
}

.event-item:hover .event-description
{
	 height: auto;
}
@media only screen and (max-width: 576px) {
.event_place_or {
  border-right: 0;
  border-left: 0 ;
   border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
 padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    flex: 0;
}	

.event_place_selector_town_notice
{
	margin-bottom:10px;
}

.currentEvtDiv, #currentEvtDiv_distance , .selected-place-distance, #currentEvtDiv_infos, .changeEvtBtnDiv , .confirmEvtBtnDiv
{
	display:inline-block !important;
	text-align:center;
	width:100%;
	height: auto;
	min-height:unset;
}
#selectEvtDiv
{
	margin: auto;
	text-align:center;
	width:100%;
}

#currentEvtDiv_distance {
  padding: 10px;
  border-top-left-radius: var(--radiusBorderField);
  border-top-right-radius: var(--radiusBorderField);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#currentEvtDiv_infos
{
	
	border-top-right-radius: 0;
  border-bottom-left-radius: var(--radiusBorderField);
  margin-bottom: var(--radiusBorderField);
	
	}


.confirmEvtBtnDiv, changeEvtBtnDiv {
  padding: 20px;
}


}




.currentEventInfos-intro
{
	font-weight:700;
	margin-bottom:30px;
}

.currentEventInfos-placeName {
  color: var(--primaryInvert);
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.currentEventInfos-placeAddress
{
	margin-bottom:5px;
}

.dealer-map {
  margin-top: 30px;
}
div#container-booking-process
{
	
}
.cday-infos {
  text-align: center;
}

.cday {
  display: inline-block;
  text-align: center;
}
.cdays-date {
  font-size: 19px;
  font-weight: 700;
}
.cdays-dayCal {
  display: inline-block;
  margin: 2px;
  text-align: center;
  font-size: 11px;
  padding: 1px 5px;
  border: 1px solid rgba(255,255,255,0.2);
  margin-top: 0;
  margin-bottom: 10px;line-height: 18px;
}
.leaflet-popup-content .cdays-dayCal
{
border: 1px solid rgba(0,0,0,0.5);	
}
.cdays-prefix {
  opacity: 0.5;font-size: 9px;line-height: 13px;
}
.place-date-and-btn {
  text-align: center;
}
.cdays-month {
  text-transform: uppercase;
  font-size: 9px;
}

.day-calendar-full {
  opacity: 0.4;
}
.result {
  font-size: 1rem;margin-bottom: 1rem;
}
#currentEventInfos {
  height: calc(100vh - 79px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  text-align: center;
  padding: 30px;
  color: #fff;
  background-image: url(../images/bg-horizontal.jpg);
  background-size: cover;
  background-position: center;
}
	
@media (orientation: landscape) {
#currentEventInfos{background-image:url("../images/bg-horizontal.jpg");background-position:top center;}


}
@media (orientation: portrait) {

#currentEventInfos{background-image:url("../images/bg-vertical.jpg");background-position:bottom center;min-height: 500px;}
}