/* MENTION SCENE */

.mapRoom-roomSection .roomReference .label {
	display: block;
}
.mapRoom-roomSection .roomReference {
	margin-top: 0;
	background: #333 !important;
	font-size: 20px !important;
	line-height: 36px;
}









div.dp-popup {
    position: relative;
    line-height: 1.2em;
    color: #000;
    background: #fff;
    max-width: 700px;
    margin: auto;
}
div#dp-popup {
	position: absolute;
	z-index: 1000;
}

div.dp-popup h2{
	color: #fff;
    font-size: 16px;
	padding:8px 5px;
	height: 22px;
	text-align: center;
	margin: 0px;
	background:#333;
	line-height:25px;
	font-family:'latobold';
}

div.dp-popup a {
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next {
	position: absolute;
	width: 100px;
	top:10px;
	color: #000000;
}
div.dp-popup div.dp-nav-prev {
	left:20px;
}
div.dp-popup div.dp-nav-next {
	right:20px;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, 
div.dp-popup div.dp-nav-next a {
	cursor: pointer;
	color: #fff !important;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup div.dp-nav-prev a.disabled,
div.dp-popup div.dp-nav-next a.disabled {
}

div.dp-popup div.dp-nav-prev .dp-nav-prev-year{
	color:transparent;
	background: url('../image/bgArrowDoubleLeftCal.gif') no-repeat left top;
	  line-height: 3px;
}

div.dp-popup div.dp-nav-next .dp-nav-next-year {
	color:transparent;
	background: url('../image/bgArrowDoubleRightCal.gif') no-repeat left top;
	  line-height: 3px;
}

div.dp-popup div.dp-nav-prev .dp-nav-prev-month {
    background: url('../image/bgArrowLeftCal.gif') no-repeat left top;
    color: transparent;
    font-size: 12px;
	margin-left: 5px;
	  line-height: 3px;
}
div.dp-popup div.dp-nav-next .dp-nav-next-month {
    background:url('../image/bgArrowRightCal.gif') no-repeat;
    color: transparent;
    font-size: 12px;
	margin-right: 3px;
	  line-height: 3px;
}

div.dp-popup .dp-calendar {
  
    
}

div.dp-popup .dp-calendar .jCalendar {
    background: transparent;
    height:200px;
    border:none;
	margin:0 auto 14px auto;
	font-size: 12px;
	font-weight:normal;
	width:100%;	
}

div.dp-popup .dp-calendar .jCalendar thead {
   
	
}

div.dp-popup .dp-calendar .jCalendar thead th {
    border:none;
    height: 32px;
    text-align: center;
	font-weight:bold;
	 
}

div.dp-popup .dp-calendar .jCalendar tbody{
}

div.dp-popup .dp-calendar .jCalendar tbody td {
    color:#000000;
    padding:0px;
    background: none;
	text-align: center;

	cursor: pointer;
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover {
    color: #fff;
    background: #7D7D7D;

}

div.dp-popup .dp-calendar .jCalendar tbody .other-month,
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
    padding:0px;
    background: #333333;
    cursor: pointer;
	color: #FFF;
	border: 2px solid #FFFFFF;
    height:31px;
}

div.dp-popup .dp-calendar .jCalendar tbody td.today {
	background: #555555;
	color: #fff;
}

div.dp-popup .dp-calendar .jCalendar tbody td.border {
	color:#FFF;
}

div.dp-popup .dp-calendar .jCalendar tbody td.selected {
	color: #fff;
}

div.dp-popup .dp-calendar .jCalendar tbody td.disabled {
    background:none;
    cursor: default;
    color: #CCCCCC;
		
}
div.dp-popup .dp-calendar .jCalendar tbody .other-month:hover{
	background: none !important;
	color: #CCCCCC !important;
} 
div.dp-popup .dp-calendar .jCalendar tbody td.other-month.disabled,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.disabled {
	background: none;
	color: #ccc;
}

div.dp-popup .dp-calendar .jCalendar tbody td.indispo {
   color: #BABABA;
   background:#E6E6E6;
   
}

#contenuCalendarHeures{
	margin-left:2%;
	border:1px solid #939393;
	width:45%;
	padding: 10px;
	font-size:14px;
}




.contenuFenetre{
	float:left;
	width:45%;
}

#dateCalendarRep{
	text-transform:none;
	color:#000;
	height: 16px;
	text-align: left;
	margin:0;
	font-size:16px;
	font-weight:normal;
}


#descCalendarRep{
	line-height:21px;
	color:#58595b;
	padding:0 0 5px 5px;
	font-weight:normal;
	
}

.calendarHeureRows{
	line-height:27px;
	
}

.calendarHeureLines {
	background:#e6e6e6;
	width:60px;
	float:left;
	margin:2px;
}

.calendarHeureLines a{
	color: #999999;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-family:'latobold',Arial,Helvetica,sans-serif;
	
}
.calendarHeureLines a:hover{
	background: none repeat scroll 0 0 #333;
    color: #fff;
	
	display:block;
	text-decoration:none;
	
}


@media screen  and (max-width: 767px){
	.contenuFenetre{
		float:left;
		width:100%;
	}
	#contenuCalendarHeures{
	margin:0;
	width:99%;
	clear: both;
	float: left;
	padding: 0;

}
	#dateCalendarRep {
		padding: 10px 10px 0 10px; 
	}
	#descCalendarRep {
		padding: 5px 10px 0 10px;
	}
	#listeCalendarRep {
		padding: 10px;
		overflow: hidden;
	}

}











/* ETAPE 1 - REP - CALENDAR */
.contenuFenetre {
    float: none;
    margin: auto;
}
.contenuFenetre:before {
	content: "Choose your date :";
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 423px;
    display: block;
    margin-bottom: 10px;
}
#langageFR .contenuFenetre:before {
	content: "Choisissez votre date :";
}
#langageES .contenuFenetre:before {
	content: "Eliga su fecha :";
}
#contenuCalendarHeures:before {
	display: none;
}
#contenuCalendarHeures {
	position: relative;
	margin-top: 28px;
}
div.dp-popup .dp-calendar .jCalendar tbody .other-month, 
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
	height: 45px;
	background: #000;
}
div.dp-popup .dp-calendar .jCalendar tbody td.disabled,
div.dp-popup .dp-calendar .jCalendar tbody td.disabled.other-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.disabled.current-month.dp-hover {
	border: none;
	color: #ccc;
	height: 45px;
}
div.dp-popup .dp-calendar .jCalendar tbody td.disabled:before,
div.dp-popup .dp-calendar .jCalendar tbody td.disabled.other-month.dp-hover:before,
div.dp-popup .dp-calendar .jCalendar tbody td.disabled.current-month.dp-hover:before {
	display: none;
}
div.dp-popup .dp-calendar .jCalendar tbody td.selected,
div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover {
	color: #000;
	background: transparent;
	height: 42px;
	position: relative;
}
td.current-month.weekday.border.selected:before,
div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover:before,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover:before {
    content: " ";
    width: 56px;
    height: 43px;
    border: 1px solid #000;
    display: block;
    position: absolute;
    top: 0;
}
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.indispo.etat_10 {
    background: #E70019;
    color: #fff;
    border: 1px solid #fff;
}
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.indispo.etat_12,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.indispo.etat_60,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.indispo.etat_40 {
    background: #D8D8D8;
    color: #fff;
    border: 1px solid #fff;
}
#descCalendarRep {
	padding-left: 0;
}
.calendarHeureLines {
	width: 80px;
}
.calendarHeureLines a {
	color:#000;
	border:1px solid #e6e6e6;
	font-size: 14px;
	padding: 5px 0;
}
.calendarHeureLines a {
	background: #000;
	color: #fff;
	border:1px solid #000;
}
.calendarHeureLines a:hover {
	color:#000;
	background: #fff;
}
#legendeCalendar span {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 5px 3px 0;
}
#legendeCalendar span.red {
	background: #E70019;
}
#legendeCalendar span.black {
	background: #000;
}
#legendeCalendar span.grey {
	background: #D8D8D8;
}
div.dp-popup .dp-calendar .jCalendar tbody td.today {
	background: #000;
}
@media screen and (min-width: 767px) {
	.compCalendrier .headerComposants .footerComposants .contentComposants .dataContentComposants {
		display: flex;
	}
}
@media screen and (max-width: 767px) {
	#contenuCalendarHeures {
		margin-top: 60px;
	}
	#descCalendarRep {
	    padding-left: 10px;
	}
	td.current-month.weekday.border.selected:before, 
	div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover:before, 
	div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover:before {
		width: 95%;
	}
	.contenuFenetre:before,
	#contenuCalendarHeures:before {
		width: 100%;
	}
}
/* ETAPE 1 - CODE PROMO */
.codePromoListe #submitCodePromo {
	font-size: 0px;
}
/* ETAPE 2 - RECAP PANIER */
.compNouveauParcours .dataContentComposants .label {
	font-size: 18px;
    color: #4C4C4C;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 20px;
}
.compNouveauParcours .nouveauParcours {
	margin: 20px;
	width: auto !important;
}
.compNouveauParcours .nouveauParcours .topContentComposants {
	display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants {
    display: block !important;
    padding: 20px 0;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier {
	margin-bottom: 10px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier {
	position: relative;
	min-height: 110px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .image {
	position: absolute;
	top: 0;
	left: 0;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nomRegroupement {
	display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a {
	color: #333;
    font-size: 20px;
    font-family: 'latobold', sans-serif;
    padding-left: 130px;
    display: block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date {
	clear: left;
    display: block;
    font-size: 15px;
    text-transform: none;
    padding-left: 130px;
    display: block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu {
	clear: both;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    padding: 4px 0;
    display: inline-block;
    padding-left: 130px;

    display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .adresse,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .ville {
	font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 4px 0px 0px 5px;
    display: inline-block;

    display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .tarif {
	display: block;
	padding-left: 130px;
	font-size: 14px;
	padding-top: 5px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    display: block;
    padding-left: 130px;
    font-size: 16px;
    color: #000;
    padding-top: 5px;
    font-weight: bold;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .bottomRecapPanier .supRecapPanier {
	margin-top: -30px;
    display: block;
}
.compNouveauParcours .montantTotal .label {
	border-bottom: none;
	margin: 0;
}
.compNouveauParcours .montantTotal {
	margin: 0 20px;
}
.compNouveauParcours .montantTotal .totalPanier {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin: 0 10px;
}
.compNouveauParcours .buttonsContainer {
	margin: 20px;
}
.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurancePanier {
    padding: 15px 45px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    -webkit-transition: color 800ms ease-out;
    -moz-transition: color 800ms ease-out;
    -ms-transition: color 800ms ease-out;
    -o-transition: color 800ms ease-out;
    transition: color 800ms ease-out;
    height: auto;
    font-weight: normal;
    line-height: initial;
}
.compNouveauParcours .buttonsContainer #submitAssurance {
	background: #000;
	margin-right: 0;
	border: 1px solid #000;
}
.compNouveauParcours .buttonsContainer #submitAssurance:hover {
	color: #000;
}
.compNouveauParcours .buttonsContainer #submitAssurancePanier {
	background: #E5E6E5;
    color: #000;
    border: 1px solid #E5E6E5;
    float: right;
    margin-left: 0;
}
.compNouveauParcours .buttonsContainer #submitAssurancePanier:hover {
	background: #fff;
    color: #000;
    border: 1px solid #000;
}

@media screen and (max-width: 767px) {
	.compNouveauParcours .nouveauParcours .topContentComposants {
		display: none !important;
	}
	.compNouveauParcours .nouveauParcours {
	    width: calc(100% - 40px) !important;
	}
	.compNouveauParcours .nouveauParcours .dataContentComposants {
		padding: 0;
	}
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .image {
		display: none;
	}
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date,
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
		padding-left: 0;
	}
	.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .bottomRecapPanier .supRecapPanier {
		margin-top: -27px;
	}
	.compNouveauParcours .montantTotal {
		float: none;
		text-align: center;
	}
	.compNouveauParcours .buttonsContainer {
		float: none;
    	text-align: center;
    	margin-top: 40px;
    	width: auto;
	}
	.compNouveauParcours .buttonsContainer #submitAssurance, .compNouveauParcours .buttonsContainer #submitAssurancePanier {
	    float: none;
    	margin: 15px auto;
    	width: 275px;
	}
}