:root {
	--mc: #009f9f; /*main-color*/
	--dark-mc: #006b6b;
	--darker-mc: #006b6b;
	--light-mc: #cee6e6;
	--lighter-mc: #caeae9;
	--light-black: #222222;
	--navyblue: #26205c;
	--electricBlue: #0a27f6;
	--allmol-blue: #1ca8ed;
	--orange: #ffb739;
	--red: #d60000;
	--light-blue: #daeaea;
	--header-size: 110px;
	--header-mobile-size: 50px;
	--footer-size: 287px;
	--footer-mobile-size: 550px;
	--green: #047b74;
	--light-orange: #fdf5e6;
	--blue: #0f8cff;
	--white: #fcfdfc;
	--gold : #d9ac68;
	--light-greyE : #eee;
	--light-greyF1 : #f1f1f1;
	--light-greyF3 : #f3f3f3;
}

*::selection{
	background-color: #008585;
	color: white;
}

*,
::after,
::before {
	box-sizing: border-box;
	transition: all 0.18s linear;
}
ul,
ol {
	list-style: none;
}
main {
	min-height: calc(100vh - var(--header-size) - var(--footer-size));
	margin-top: 110px;
}
.account {
	overflow-x: hidden;
}
.body-frame {
	height: auto;
}
.btn {
	border-radius: 0 !important;
}
.btn-primary {
	background-color: var(--white) ;
    color: var(--mc);
    border: 1px solid var(--mc);
}
.btn-primary:hover {
	background-color: var(--dark-mc);
	border-color: var(--dark-mc);
}
.btn.btn-secondary{
	background: var(--white);
	color: var(--mc);
	box-shadow: none;
}
.btn.btn-secondary:hover {
	background: none ;
	color: var(--mc);
	box-shadow: 0 2px 4px #00000015;
}

/*----- HEADER -----*/
header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	box-shadow: 0 2px 20px -5px #00000030;
}
header .header-desktop {
	width: 100%;
}

.main-actions {
	display: inline-block;
	fill: var(--light-black);
	cursor: pointer;
}

#homeCarousel {
	margin: 0 auto 12vh;
	background: var(--light-greyE);
	height: 600px;
	padding: 50px 0;
}

#homeCarousel.noslider{
	height: 500px;
	background: linear-gradient(180deg, #006b6b90, #006b6b),url(/assets/allmol/tickets/img/backgroundNoSlider.avif); 
	background-size: cover;
	background-position: top;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#homeCarousel h1{
	color: white;
	padding: 0;
	margin-top: 2rem;
}

.top-bar-container,
.menu-container {
	background-color: var(--white);
}
.top-bar-container {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-bar-left,
.top-bar-right {
	display: flex;
}

.top-bar-right > a{
	color: var(--white);
}

.regionMap {
	margin-right: 10px;
}

.region-container span,
.phone-container span,
.change-avatar p{
	font-size: 12px;
}
.item a,
.region-container-mobile span{
	font-size: 13px;
}

#count-card {
	background: -moz-linear-gradient(180deg, #8f6424,var(--gold));
	background: -o-linear-gradient(180deg, #8f6424,var(--gold));
	background: -webkit-linear-gradient(180deg, #8f6424,var(--gold));
	background: linear-gradient(180deg, #8f6424,var(--gold));
	width: 18px;
	display: inline-block;
	line-height: 18px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-size: 12px;
	font-weight: 500;
	position: absolute;
	top: -10px;
	right: -12px;
	box-sizing: content-box;
	border: 2px solid var(--white);
}

#modalCart input {
	height: 40px;
	margin: 10px 0;
}
.flag-container,
.region-container,
.menu-search {
	padding-left: 10px;
	padding-right: 10px;
}
.menu-search {
	position: absolute;
	padding-left: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
}
.menu-search input {
	background-color: var(--light-greyF1);
	font-size: 12px;
	font-weight: 400;
	height: 40px;
	border: 0;
	padding-left: 40px;
	min-width: 130px;
	width: 100%;
}

#hamburger-btn {
	background: none !important;
	border: none;
	display: none;
}

.menu-search-mobile input {
	border: 0;
	background: rgb(241, 241, 241);
	display: inline-block;
	width: 100%;
	height: 100%;
	outline: #cee6e6;
	padding-left: 45px;
	border-radius: 0;
	-webkit-appearance: none;
}

.menu-search-mobile {
	background: rgb(241, 241, 241);
	width: 100%;
	position: relative;
	height: 45px;
}

.menu-search img {
	position: absolute;
	top: 50%;
	transform: translate(50%, -50%);
}

.region-container-mobile .submenu {
	position: static;
	margin: 0;
	box-shadow: none;
	background-color: var(--light-greyF3);
}
.region-container-mobile .submenu .dropdown-item {
	padding-left: 38px;
}

.topnav-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobmenu-lines-container {
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.rotate45 {
	transform: rotate(45deg);
	position: absolute;
	margin: 0;
}
.rotateM45 {
	transform: rotate(-45deg);
	position: absolute;
	margin: 0;
}
.slideOut {
	transform: translateX(100px);
}

.mobmenu-line {
	width: 22px;
	height: 2.5px;
	background: var(--light-black);
	margin: 2px 0;
	border-radius: 30px;
}

.f-btn-bg {
	fill: #009f9f;
}

.floating-social {
	position: fixed;
	top: 180px;
	right: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 50;
}

.floating-social svg {
	filter: drop-shadow(0 4px 4px #00000030);
}

.floating-social svg:hover .f-btn-bg {
	fill: var(--dark-mc);
}

.phone-container {
	position: relative;
}
.menu-reference {
	text-align: right;
}
.phone-container,
.menu-reference {
	width: 218px;
}
.menu {
	flex-shrink: 0;
}
.menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding: 10px 20px;
	border-top: 1px solid var(--light-greyE);
	transition: background linear 0.2s;
}

.menu-container a {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	color: var(--light-black);
	font-weight: 400;
}

.menu-container .menu-link.active {
	color: var(--mc);
}

.menu-container .menu-link-reference {
	color: var(--mc);
	font-weight: 600; /*semi-bold*/
}
.menu-container .menu-link.active {
	border-bottom: var(--mc) solid 1px;
	padding: 4px;
	pointer-events: none;
}

.menu-container .menu-link:hover:not(.active) {
	color: var(--mc);
	filter: drop-shadow(0 0 3px #009f9f90);
}

.menu-link.drop:after {
	content: " ⏷ ";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
}
.menu-link.drop {
	padding-right: 2px !important;
}

/*----- CARROUSEL -----*/
.carousel-control-next-icon:before,
.carousel-control-next-icon:after {
	display: none;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 48px !important;
	height: 48px !important;
	border: 1px solid var(--light-greyF1);
	box-shadow: 0 0 3px white;
}
.carousel-inner {
	height: 500px !important;
}

.carousel-item {
	height: 500px !important;
}

.carousel-event-img {
	height: 500px;
	max-width: 960px;
	object-fit: cover;
}

.carousel-img-container {
	width: fit-content;
	height: fit-content;
	position: relative;
	z-index: 2;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	box-shadow: 0px 24px 18px -10px rgba(34, 34, 34, 0.4);
	overflow: hidden;
}

.carousel-event-description {
	position: absolute;
	z-index: 5;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: rgb(255, 255, 255);
	cursor: default;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 15px;
	transition: transform 0.3s cubic-bezier(0.26, 0.92, 0.61, 0.99);
	transform: translateY(100%);
}

.carousel-img-container:hover .carousel-event-description {
	transform: translateY(0);
}

.blur-img {
	filter: blur(30px);
	-webkit-filter: blur(30px);
	width: 90%;
	height: 350px;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left: 50%;
	background-position: center;
	margin: 0 auto;
}

#homeCarousel .homeCarouselArrow {
	z-index: 10;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
}
#homeCarousel .carousel-control-prev {
	left: 15%;
	height: 50px;
	width: 50px;
}
#homeCarousel .carousel-control-next {
	right: 15%;
	height: 50px;
	width: 50px;
}
.carousel-indicators {
	position: unset !important;
	width: fit-content;
	justify-content: flex-start !important;
	margin: 0 auto !important;
	align-items: center;
	overflow-x: auto;
}

.crsiContainer{
	width: calc(100% - 20px);
	overflow-x: auto;
	height: fit-content;
	position: absolute;
	display: flex;
	justify-items: center;
	left: 20px;
	z-index: 60;
	bottom: 0;
	transform: translateY(50%);
}

.carousel-indicators::-webkit-scrollbar {
	height: 20px;
}

.carousel-indicators::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px #EEE;
}

.carousel-indicators::-webkit-scrollbar-thumb {
	background-color: #FCFDFC;
	border-radius: 0 30px 30px 0;
}
.carousel-indicators:hover::-webkit-scrollbar-thumb {
	background-color: #F1F1F1;
}

.carousel-indicators [data-mdb-target] {
	width: fit-content !important;
	height: fit-content !important;
	display: inline-block;
	text-align: center;
	border: none !important;
	background: none !important;
	margin: 5px;
}

.carousel-indicators [data-mdb-target].active {
	box-shadow: 0px 0px 0 2px var(--mc) ,0px 0px 4px var(--mc), inset 0px 0px 4px var(--mc);
}

.img-indicator {
	height: 60px;
	width: 60px;
	object-fit: cover;
	margin: 4px;
	box-shadow: 0px 3px 4px 2px #22222230
}
/*----- SECTIONS -----*/

.text-info-icon{
	background: #E6bc41;
    color: white;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 8px;
}

.toggle-event-block {
	position: sticky;
	position: -webkit-sticky;
	top: 50px;
	display: none;
	z-index: 50;
	transform: translateY(-10px);
}
.main-content .eventGrid h2,
.main-content h1,
.recemment-vu h2,
#cardform h2 {
	font-size: 32px;
	color: var(--light-black);
	font-weight: 300;
	text-align: left;
}

#title-event{
	padding: 0;
	text-align: left;
	font-size: 25px;
	font-weight: 500;
}

.zoomIn{
	width: 100%;
	height: 100vh;
	background: #000000DD;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 200;
}


.zoomIn img{
	width: calc( 100% - 140px);
	max-width: 700px;
	max-height: 700px;
	object-fit: contain;
}

.closeZoom{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 50px;
	color: white;
	border: 2px solid;
	cursor: pointer;
	font-weight: 300;
	display: inline-block;
	width: 50px;
	line-height: 50px;
	text-align: center;
}

.main-content h1 {
	text-align: center;
	text-transform: uppercase;
	padding: 3rem 0.5rem;
}
.eventGrid h2,
.recemment-vu h2 {
	text-align: left;
}

.mobile-card-event-zone {
	display: none;
}

.slick-track:after,
.slick-track:before {
	display: none;
}

.soon_section_content.container,
.popular_section_content{
	overflow: hidden;
}
.soon_section_content.container.slick-initialized,
.popular_section_content.slick-initialized{
	overflow: visible;
}

.slick-list.draggable .slick-track {
	transform: translate3d(0, 0, 0);
}

.card-event{
	margin: 0 10px;
}

.eventGrid .slick-slide:hover {
	transform: translateY(-18px);
	box-shadow: 0 5px 16px #00000030;
}
.msg-warning {
	width: fit-content;
	margin: 0 auto;
	color: var(--orange);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}

.color-red{
	text-underline-offset: 2px;
}

.eventGrid {
	margin-bottom: 100px;
}

#recemment-vu-container {
	margin: 100px 0;
}

#cardform {
	margin: 0 auto 80px;
}

/*----- FOOTER -----*/
footer {
	background: -moz-linear-gradient(180deg, var(--light-greyF1), var(--white));
	background: -webkit-linear-gradient(180deg, var(--light-greyF1), var(--white));
	background: -o-linear-gradient(180deg, var(--light-greyF1), var(--white));	
	background: linear-gradient(180deg, var(--light-greyF1), var(--white));
}
footer h4 {
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--light-black);
}

.footer-connect {
	text-align: center;
}
.footer-body {
	display: flex;
	padding: 30px 50px 50px;
	align-items: flex-start;
}

.footer-links {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 30px;
}
.footer-links a {
	text-decoration: none;
	color: initial;
	line-height: 40px;
	font-size: 12px;
}
.footer-links a:hover {
	color: var(--mc);
}
.footer-social {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	margin: 0 8px 8px 0;
	border: none;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	background: #e6e6e6;
}

.footer-social-svg {
	fill: var(--light-black);
}

.footer-social:hover {
	background: var(--mc);
}
.footer-social:hover .footer-social-svg {
	fill: #fff;
}

.svg-inline--fa {
	width: 1em;
}

.footer-bottom {
	text-align: center;
	padding: 10px;
	font-size: 10px;
}

/*----- HOME -----*/
.logo-container img {
	height: 30px;
}

.modalNewsletter {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fffffff9;
	z-index: 100;
	transform: scale(0);
	transition: transform 0.3s ease-in-out;
	padding: 8%;
	display: flex;
	align-items: center;
}
.modalNewsletter .form-control {
	background-color: #f2f2f2;
	border: none;
}
.activeNL {
	transform: scale(1);
}

.modalNewsletter button,
#newsletter button,
.modalNewsletter .form-control,
#newsletter .form-control {
	height: 40px;
}
.closeModalBtn {
	border: none;
	background-color: transparent;
	color: #006b6b;
	width: 50px;
	line-height: 50px;
	font-size: 3rem;
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
}

.head-container {
	height: 210px;
	background-color: white;
	text-align: center;
}
.slider-container {
	margin-bottom: 140px;
}
.arrow-left,
.arrow-left {
	cursor: pointer;
	position: absolute;
	z-index: 4;
	height: 90px;
	top: 160px;
	width: 46px;
	right: 10px;
}
.arrow-left {
	background: transparent url("/assets/allmol/tickets/img/arrow.png")
		repeat scroll 393px center;
}
.arrow-right {
	background: transparent url("/assets/allmol/tickets/img/arrow.png")
		repeat scroll -66px center;
}

.event-list-item:hover {
	box-shadow: 0 0 10px 0px #00000030;
}

.postponed{
	background: var(--orange);
	color: white;
	font-weight: 400;
	font-size: 11px !important;
	text-align: center;
	margin-bottom: 6px;
}
.postponed:not(.event-list-item-content .postponed){
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 38.8px;
}


.card-event-body .location.postoned-loc-margin{
	margin-bottom: 1.6px;
}

.event-list-item-content .postponed{
	padding: 5px;
}


.event-list-item h2 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
}
.follow-title {
	font-size: 1rem !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
}

.follow-text {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	opacity: 0.5;
}
.follow-form .row {
	width: 500px;
	margin: 20px auto 40px auto;
}

.follow-form .form-control,
.follow-form #sendNewsletter {
	border-radius: 0;
}
.follow-form #sendNewsletter {
	box-shadow: none;
}
#newsletter .form-control {
	background-color: white;
}
#newsletter .form-control:focus {
	border-color: var(--mc);
	box-shadow: inset 0 0 0 1px var(--mc);
}
input::placeholder,
.form-control::placeholder {
	opacity: 0.5 !important;
	font-size: 13px;
}
input, .form-control {
	font-size: 15px !important;
	border-radius: 0 !important;	border: 1px solid #e0e0e0;
}

.form.login{
	position: relative;
}
.hidePwd, .showPwd{
	position: absolute;
    top: 21px;
    right: 0;
    cursor: pointer;
}

.card-event {
	width: 260px !important;
	position: relative;
}

#mobile-event-list .card-event-container-btn {
	bottom: unset !important;
}

.card-event-btn {
	cursor: pointer;
	width: 100%;
	height: 40px;
	padding: 12px;
	color: var(--light-black);
	background-color: var(--light-greyF3);
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border: none;
	font-size: 12px;
}
.event-list-item .card-event-btn {
	width: fit-content;
	padding: 12px 20px;
	box-shadow: inset 0 0 0 1px #22222290;
	background: transparent;
}
.event-list-item .card-event-btn:hover {
	box-shadow: none;
}
.card-event-btn:hover,
.event-list-item .card-event-btn:hover{
	background: -moz-linear-gradient(180deg, var(--dark-mc), var(--mc));
	background: -webkit-linear-gradient(180deg, var(--dark-mc), var(--mc));
	background: -o-linear-gradient(180deg, var(--dark-mc), var(--mc));	
	background: linear-gradient(180deg, var(--dark-mc), var(--mc));
	color: white;
}

.card-event-body .title,
.event-list-item-content .text h2 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	font-weight: 600; /*'Montserrat-SemiBold';*/
	font-size: 16px;
	color: var(--light-black);
	margin-bottom: 4px;
}
.card-event-body .location,
.event-list-item-content .text p {
	font-size: 12px;
	margin-bottom: 16px;
}
.date-et-heure .hour {
	margin-bottom: 16px;
}
.date-et-heure .date:not(.postponed) {
	margin-bottom: 0;
}
.card-event-body .location,
.event-list-item-content .text .lieu {
	opacity: 0.5;
	font-weight: 700; /*'Montserrat-Bold';*/
	color: #22222280;
}
/* .event-list-item {
	box-shadow: 0 2px 2px #00000030;
} */

.slick-slide .card-event-body {
	padding: 15px;
}

.card-event-body .status {
	text-align: right;
}
.date-et-heure:not(.postponed) .date,
.date-et-heure:not(.postponed) .hour{
	font-size: 12px;
}
.date-et-heure {
	font-weight: 600;
	color: var(--gold);
	text-transform: capitalize;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}

.card-event-zone .zone-text {
	line-height: 35px;
	text-transform: capitalize;
	font-size: 12px;
}
.card-event-zone {
	background-color: #000000aa;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 225px;
	z-index: 10;
	color: var(--white);
	width: 100%;
	height: 35px;
}
.event-details-container.container{
	padding-top: 80px;
}

.event-details-container .card-event-zone {
	position: relative;
	background-color: var(--light-black);
	top: unset;
	width: 250px;
	margin-right: auto;
}

.event-list-item .card-event-zone:not(.smallerScreen) {
	top: unset;
	width: calc(100% - 195px);
	left: 190px;
	background: var(--light-greyF1);
	color: var(--light-black);
}

.event-details-container .details .zone-icon {
	height: 35px;
}
.event-details-container .details .zone-text {
	font-size: 15px;
}
#img-event {
	box-shadow: 0 8px 8px -4px #00000030;
	cursor: pointer;
}

.event-details-container .card-event-zone {
	position: relative !important;
	top: unset !important;
}

.card-event-zone .zone-icon {
	position: absolute;
	margin-left: 5px;
	padding: 5px;
	left: 0;
}

.leaflet-container {
	font-family: inherit !important;
}

.leaflet-popup-content-wrapper {
	border-radius: 2px !important;
}
.leaflet-popup-content {
	margin: 0 !important;
	padding: 0 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

.leaflet-popup-content > div {
	max-height: 250px !important;
	overflow: unset !important;
	width: 100% !important;
	margin: 20px 0;
}
.leaflet-container a.leaflet-popup-close-button {
	display: none;
}

.soirees-event-pict {
	width: 160px;
}
.soirees-event-name,
.soirees-event-place {
	width: 150px;
}

.soirees-event-name,
.soirees-event-place {
	margin: auto;
}
.soirees-event-name,
.soirees-event-place,
.date-et-heure .day,
.lieu, .location {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.soirees-event-name {
	font-weight: 600;
}
.soirees-event-place {
	font-weight: 500;
	opacity: 0.5;
}

.card-event .card-event-img,
.event-list-item-content .img-container {
	height: 260px;
	position: relative;
	overflow: hidden;
}

.card-favoris {
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.cartitem .status-report.sansdate {
	bottom: unset !important;
}

.event-list-item-content .status-cancel, .event-list-item-content .status-report {
	display: none;
}

.canceled:hover{
	box-shadow: none !important;
}

.canceled:hover .cartitem .card-event-container-btn{
	display: none !important;
}

.event-list-item .status-cancel.justify-content-center{
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 200px;
	line-height: 45px;
}



.eventGrid .slick-slide.cancel:hover{
	box-shadow: unset;
	transform: unset;
}
.card-event .status-cancel,
.card-event .status-report {
	display: none;
	font-weight: 500;
}
.card-event.cancel .status-cancel {
	display: inherit;
}
.card-event.report .status-report {
	display: inherit;
}
.card-event .status-cancel,
.cartitem .status-cancel,
.card-event .status-report,
.cartitem .status-report {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
}

.card-event .status-cancel,
.cartitem .status-cancel {
	background-color: var(--red);
	color: white;
	width: 100%;
	text-align: center;
	line-height: 40px;
}
.card-event .status-report,
.cartitem .status-report {
	background-color: var(--orange);
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 20px;
	text-align: center;
}

.card-event:hover .status-report,
.cartitem:hover .status-report {
	display: none !important;
}

.cartitem:hover .card-event-container-btn {
	display: block !important;
}

.event-details-container .status-cancel {
	background-color: var(--red);
	color: white;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
}

.status-report.status-home {
	bottom: unset;
}

.date-et-heure.text-barrer{
	color: var(--light-black);
	font-weight: 400;
	margin-bottom: 6px;
}
.slick-slide .date-et-heure.text-barrer ~ .data .location {
	display: none;
}
.slick-slide .date-et-heure.text-barrer ~ .data {
	margin-bottom: 10px;
}

.event-details-container .status-cancel {
	background-color: var(--red);
}
.event-details-container .status-report {
	background-color: var(--orange);
	color: white;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
}

.event-details-container .status-report p,
.event-details-container .status-cancel p {
	line-height: 30px;
}

.status-home {
	position: absolute;
}

.text-barrer {
	text-decoration: line-through;
}

.card-event .card-event-img img,
.img-container img {
	width: 100%;
	object-fit: cover;
}

.card-event-zone img {
	height: 100%;
	object-fit: cover;
	width: initial !important;
}

.recommand {
	font-weight: bold;
}
.recommand h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.recommand h3 {
	font-size: 16px;
	font-weight: 700; /*Montserrat-Bold; */
	margin-bottom: 20px;
}
.recommand-videos {
	display: flex;
	gap: 100px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.recommand-videos h3 {
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
}
#recommand1,
#recommand2,
#recommand3 {
	cursor: pointer;
	position: relative;
}
#recommand1:hover #recommand1p,
#recommand2:hover #recommand2p,
#recommand3:hover #recommand3p {
	display: block;
}
#recommand1p,
#recommand2p,
#recommand3p {
	display: none;
}

#account-preference-content {
	display: none;
}

.banner-text p {
	font-size: 15px;
}
#billet-container h4 {
	font-size: 15px;
	font-weight: 700;
	color: #000;
	text-align: left;
}

#billet-container .billet-info {
	width: fit-content;
	margin: 0 auto;
}
.billet-info .form-group {
	display: flex;
}
.billet-info .form-control {
	margin-right: 10px;
	width: 160px;
	border-radius: 0;
}
.billet-info .form-control.nom_billet {
	margin-right: 30px;
	width: 160px;
	border-radius: 0;
}

#info-reservation-1 {
	min-width: 500px;
	width: fit-content;
	padding: 30px;
	margin: 50px auto;
}
#info-reservation-2 {
	padding: 30px;
	background-color: #c1e1e1;
	max-width: 700px;
	margin: 0 auto;
}

/* .prenom_billet::placeholder,
.nom_billet::placeholder {
	font-size: 13px;
} */
.form-control.prenom_billet:focus,
.form-control.nom_billet:focus {
	border-color: var(--mc);
	box-shadow: inset 0 0 0 1px var(--mc);
}

.event-tarifs .btn-valider {
	border-radius: 0;
}
#prix-total {
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}

.beforeNext{
	text-align: right;
}
.beforeNext .btn-primary{
	text-align: right;
	margin-left: 5px;
}

/*----- GENERAL -----*/
.mobile {
	display: none;
}
.tablette {
	display: none;
}
.cb {
	clear: both;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.tal {
	text-align: right;
}
.cc-btn.cc-dismiss {
	text-decoration: none;
}
header .header-mobile {
	display: none;
}
.main-color {
	color: var(--mc);
}
.mes-informations label {
	padding-top: 5px;
	padding-bottom: 5px;
}
.follow-container {
	width: 100%;
	background: url(/assets/allmol/tickets/img/newsletterBG.jpg);
	padding: 80px 0;
	z-index: 1;
	background-position: center;
}

.newsletter-block-content {
	padding: 20px;
	margin: 0 auto;
	max-width: 800px;
	width: 90%;
	z-index: 1;
	position: relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background: inherit;
	border-radius: 4px;
	color: var(--light-black);
}

.newsletter-block-content::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	z-index: -1;
	filter: blur(10px);
	background: inherit;
}

.social-ico {
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	display: inline-block;
}
.social-ico-footer,
.social-ico-publi {
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
.social-ico.facebook {
	background-image: url(/assets/allmol/tickets/img/svg/FacebookAM.svg);
}
.social-ico.twitter {
	background-image: url(/assets/allmol/tickets/img/svg/TwitterAM.svg);
}
.social-ico.newsletter {
	background-image: url(/assets/allmol/tickets/img/svg/NewsletterAM.svg);
}
.social-ico.facebook:hover {
	background-image: url(/assets/allmol/tickets/img/svg/FacebookHover.svg);
}
.social-ico.twitter:hover {
	background-image: url(/assets/allmol/tickets/img/svg/TwitterHover.svg);
}
.social-ico.newsletter:hover {
	background-image: url(/assets/allmol/tickets/img/svg/NewsletterHover.svg);
}
.social-ico-publi.facebook {
	background-image: url(/assets/allmol/tickets/img/svg/FacebookPublication.svg);
}
.social-ico-publi.twitter {
	background-image: url(/assets/allmol/tickets/img/svg/TwitterPublication.svg);
}
.social-ico-publi.newsletter {
	background-image: url(/assets/allmol/tickets/img/svg/NewsletterPublication.svg);
}
.social-ico-publi.facebook:hover {
	background-image: url(/assets/allmol/tickets/img/svg/FacebookPublicationHover.svg);
}
.social-ico-publi.twitter:hover {
	background-image: url(/assets/allmol/tickets/img/svg/TwitterPublicationHover.svg);
}
.social-ico-publi.newsletter:hover {
	background-image: url(/assets/allmol/tickets/img/svg/NewsletterPublicationHover.svg);
}
.social-ico-footer.facebook {
	background-image: url(/assets/allmol/tickets/img/svg/facebookFooter.svg);
}
.social-ico-footer.twitter {
	background-image: url(/assets/allmol/tickets/img/svg/twitterFooter.svg);
}

.flex-cc {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
}
.flex-rc {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.color-red {
	color: var(--red);
}

.search-result:hover {
	border: 1px solid var(--mc) !important;
	background-color: var(--mc) !important;
	background: var(--mc) !important;
}

.search-result p {
	font-size: 13px;
	font-weight: 400;
}

/*----- MODAL -----*/

.modal-corona {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 5; /* Sit on top */
	padding-top: 300px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	width: 40%;
	color: black;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}
.modal-content-corona {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border-left: 6px solid #b3120c !important; /*#b3120c*/
	width: 40%;
	color: black;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}
.modal-footer {
	padding: 15px;
	text-align: right;
}
.modal-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	border-radius: 0.25rem;
	color: #fff;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	cursor: pointer;
}

/*----- LISTING -----*/
.main-container.row {
	height: calc(100vh - 140px);
}
.main-container-left {
	width: 60% !important;
	min-width: 450px;
	height: 100%;
	overflow-y: scroll;
	border-bottom: 1px solid var(--light-greyE);
}

.event-list-container {
	display: flex;
	flex-direction: column;
	padding: 0 10px;
}

.event-list-item {
	width: 100%;
	background-color: var(--white);
	margin: 0 auto;
	position: relative;
	padding: 5px;
	background: #FCFDFC;
}

.mobileList{
	display: none;
}
.event-list-item-content {
	display: flex;
	/* flex-direction: column; */
}

.event-list-item-content .text {
	padding: 55px 0 0	;
	width: calc( 100% - 190px);
	flex-grow: 1 1 0;
}

.event-list-item-content .text button {
	margin-top: 12px;
}

.event-list-item .card-favoris {
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}

.event-list-item .card-favoris-unclicked {
	background: url("/assets/allmol/tickets/img/svg/HeartEmpty.svg") no-repeat;
	background-position: center;
}

.event-list-item .card-favoris-clicked {
	background: url("/assets/allmol/tickets/img/svg/HeartFull.svg") no-repeat;
	background-position: center;
}

.card-favoris:hover path {
	fill: var(--white);
}

.main-container {
	margin-bottom: 100px;
}

.carte-container {
	width: unset !important;
	flex-grow: 1;
	height: 100%;
	overflow: hidden;
}

.event-details-container .img-container {
	width: 330px;
	position: relative;
	margin: 0 80px 100px 0;
	height: fit-content;
}
.event-details-container .img-container::before,
.event-details-container .img-container::after {
	position: absolute;
	width: 50%;
	z-index: -1;
}

.event-details-container .img-container::before {
	content: url(/assets/allmol/tickets/img/svg/decotop.svg);
	top: 0;
	left: 0;
	transform: rotate(-20deg) translateX(-50%);
}
.event-details-container .img-container::after {
	content: url(/assets/allmol/tickets/img/svg/decobottom.svg);
	right: 0;
	bottom: 0;
	transform: rotate(-20deg) translateX(-50%);
}

.event-details-container .img-container img {
	width: 100%;
	height: auto;
}

.event-details-container .info-event {
	padding: 18px 0;
}

.event-details-container .info-event p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 8px;
}

.event-details-container .info-event i {
	line-height: 20px;
	color: var(--gold);
	font-size: 18px;
}
.event-details-container .details-top {
	display: flex;
}
.event-details-container .details-top .card-favoris {
	position: static;
}

.details-top .btn.btn-share {
	display: inline-block;
	position: static;
	transform: unset;
	margin-left: 5px;
	background-color: var(--light-black);
}
.details-top .btn.btn-share,
.event-details-container .details-top .card-favoris {
	width: 35px;
	height: 35px;
	box-shadow: 0 2px 4px #00000050;
	opacity: 0.3;
}
.details-top .btn.btn-share:hover,
.event-details-container .details-top .card-favoris:hover {
	opacity: 1;
}

.event-details-container .description .description-title {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 12px;
}
.event-details-container .description p {
	font-size: 14px;
}


.event-details-container .read-more {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;	
}

.event-details-container .read-more-label,
.event-details-container .read-less-label {
	cursor: pointer;
	width: fit-content;
	display: inline-block;
	padding: 10px;
	text-decoration: underline;
	color: var(--mc);
}
.event-details-container .read-less-label{
	transform: translateY(100%);
}

.event-tarifs {
	width: 65%;
}

.event-tarifs .btn-valider {
	height: 40px;
	color: var(--white);
	font-size: 13px;
	letter-spacing: 0.48px;
	font-weight: 500;
}

.event-tarifs-list-header {
	border-bottom: rgba(34, 34, 34, 0.3) 1px solid;
}
.event-tarifs-list-total {
	border-top: rgba(34, 34, 34, 0.3) 1px solid;
}
.ticket-tarif {
	border-bottom: transparent 1px solid;
	padding: 10px!important;
}
.event-tarifs-list {
	line-height: 40px;
}

.event-tarifs-item p,
.event-tarifs-item .card-num {
	font-size: 14px;
	letter-spacing: 0.45px;
	margin: 0;
}
.event-tarifs-item .msg-warning {
	font-size: 13px;
	letter-spacing: 0;
	line-height: normal;
	text-align: center;
	padding: 0;
	transform: translateX(50px);
	background-color: var(--orange);
	color: white;
	font-weight: 500;
	padding: 4px 12px;
}

.card-total em,
.card-total-end em,
.card-num {
	font-style: normal;
}
.card-total-end em {
	font-weight: 500;
}

.event-tarifs-item select {
	height: 40px;
}

.event-tarifs-item .description-tarif {
	color: rgba(34, 34, 34, 0.3);
}

/* LE TEMPS DES TESTS AVEC LE CSS DE PROD - START*/
.leaflet-bottom{
	display: none;
}

.cc-color-override--177379524.cc-window{
	background: #222;
}

.cc-theme-classic .cc-btn{
	border-radius: 0;
}
/* LE TEMPS DES TESTS AVEC LE CSS DE PROD -END*/

.event-tarif-cgv {
    font-size: 13px;
    padding: 20px;
    background: #E6BC4110;
    letter-spacing: 0.39px;
    color: #e6BC41;
	display: flex;
}

.code-promo-orange {
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto !important;
}

.code-promo-orange p {
	margin-bottom: 0;
	font-size: 14px;
}

.code-promo-orange input {
	height: 40px;
}

.promo-field-btn{
	display: flex;
	padding: 0 !important;
}
.promo-field-btn input{
	margin-right: 3px;
	padding-left: 5px;
	width: 130px;
}
#card-recap .apply-promo-btn.btn{
	background: #EEE;
	color: #222;
	box-shadow: none;
	line-height:40px;
	padding: 0 10px;
	font-size: 11px;
}
#card-recap .promoLabel{
	padding: 0;
	margin: 0 12px 0 0;
	font-size: 13px;
}

.code-promo-orange button {
	margin-bottom: 0;
	background-color: var(--mc);
	border-radius: 30px;
	color: #ffffff;
	width: 157px;
	height: 40px;
}
.code-promo-orange .btn:hover {
	background-color: var(--dark-mc);
	color: white;
}

input:focus-visible,
.form-control:focus-visible,
input:focus,
.form-control:focus,
input:not(#search-events):not(#search-events-mobile):focus-visible,
input:not(#search-events):not(#search-events-mobile):focus{
	border: 1px solid var(--mc) !important;
	outline: none !important;
	box-shadow: inset 0 0 0 1px var(--mc) !important;
	border-radius: 0 !important;
}
#search-events,#search-events-mobile,#filter{
	border: none;
}

#search-events,
#search-events-mobile,#search-event-account{
	border: none !important;
}

.tickets-table-header,
.tickets-table-footer,
.tickets-table-footer em{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 4px 0;
}
.tickets-table-footer em{
	font-size: 15px;
}

.color-main {
	color: var(--mc);
}

.color-blue {
	color: var(--blue);
}

.bg-main {
	background-color: var(--mc);
}

.bg-orange {
	background-color: var(--light-orange);
}

.btn.btn-share {
	background-color: none;
	border-color: none;
	color: #009f9f;
	height: 40px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 0;
	text-align: center;
	padding: 0;
	box-shadow: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 200%);
}

.btn-share-label {
	display: inline-block;
	position: relative;
	line-height: 20px;
}

.btn-share-icon {
	fill: var(--white);
}

.btn.btn-share:hover {
	box-shadow: none;
}
.btn.btn-share:hover .btn-share-label {
	text-decoration: underline;
	text-underline-offset: 2px;
	color: var(--mc);
}
.descContent{
	line-height: 1.5;
}

.event-details-container .details {
	flex: 1 1;
	max-width: 500px;
}
.event-details-container .details .description {
	padding: 24px;
	background: var(--light-greyF3);
	position: relative;
	background: -moz-linear-gradient(180deg, var(--light-greyE), #EEEEEE00);
	background: -webkit-linear-gradient(180deg, var(--light-greyE), #EEEEEE00);
	background: -o-linear-gradient(180deg, var(--light-greyE), #EEEEEE00);	
	background: linear-gradient(180deg, var(--light-greyE), #EEEEEE00);
	max-height: 250px;
	overflow: hidden;
}
.descMask {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(0deg, #FCFDFC, #FCFDFC00);
	background: -webkit-linear-gradient(0deg, #FCFDFC, #FCFDFC00);
	background: -o-linear-gradient(0deg, #FCFDFC, #FCFDFC00);	
	background: linear-gradient(0deg, #FCFDFC, #FCFDFC00);
}


.event-details-container .card-favoris {
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}

.card-plus.bg-green {
	position: relative;
	top: 1.3px;
}

#condition-sanitaire input {
	transform: scale(1.3);
}
#condition-sanitaire p {
	font-size: 13px;
}

#condition-sanitaire:hover,
#condition-sanitaire input:hover {
	cursor: pointer;
}
.event-tarifs-list-total {
	margin: 4px 0 20px;
}

.cgv-sub-title {
	font-family: "APCL";
	font-size: 28px;
	color: #4a5257;
}

.cgv-text {
	font-size: 18px;
	color: #8e9091;
}

.cgv-text input {
	background-color: #e4e4e4;
	padding: 12px 20px !important;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 13px 50%;
	border: 0;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #4b4f56;
	outline: none;
	vertical-align: middle;
}

#infor-reservation-2 .btn-valider {
	width: fit-content;
	padding: 10px;
}

@media (max-width: 1200px) {
	.event-tarifs .btn-valider {
		height: 49px;
		color: var(--white);
		font-size: 14px;
		letter-spacing: 0.48px;
		font-weight: 500;
	}
}

@media (max-width: 992px) {
	.event-tarifs {
		width: 95%;
	}

	.event-tarifs-list-header h1 {
		font-size: 13px;
		text-align: unset;
		font-weight: 600;
		margin: unset;
		letter-spacing: 0.54px;
	}

	.event-tarifs-item p,
	.event-tarifs-item .card-num {
		font-size: 13px;
	}

	.event-tarifs .btn-valider {
		height: 40px;
		color: var(--white);
		font-size: 13px;
		letter-spacing: 0.48px;
		font-weight: 500;
	}
	.telecharger-billet-mobile {
		position: absolute;
		bottom: 0;
		right: 0;
		color: var(--mc);
		box-shadow: none;
		border: 1px solid var(--mc);
		text-transform: uppercase;
		font-size: 12px;
		background: none;
		max-width: 330px !important;
	}
}

@media (max-width: 575) {
	.event-tarifs-item p {
		font-size: 12px;
	}

	.event-tarifs .btn-valider {
		height: 49px;
		color: var(--white);
		font-size: 13px;
		letter-spacing: 0.48px;
		font-weight: 500;
	}
}
/*----- COMPTE -----*/

.account .logout {
	position: absolute;
	top: 40px;
	right: 30px;
}

.account .logout:hover {
	cursor: pointer;
	text-decoration: unset !important;
}

.account .nav-link {
	background-color: unset;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid var(--light-blue);
}

.account .nav-link.active {
	text-decoration: underline !important;
	background-color: unset;
}

.locale.active {
	background-color: unset;
	border: 2px solid var(--mc);
}
.account .nav-link:hover,
.account-header .nav-link.active:hover {
	background-color: unset;
	border: unset !important;
}

#billet, #infos{
	padding: 50px 30px 0;
	box-shadow: 0 0 4px #00000015;
}
#infos{
	padding-top: 80px;
	box-shadow: 0 0 4px #00000015;
}
.account .nav-tabs {
	display: flex;
	width: fit-content;
}
.account .nav-tabs:not(#billet .nav-tabs) {
	box-shadow: 0 0 4px #00000015;
}

.account .nav-tabs .nav-link{
	border: none;
	font-weight: 400;
	color: var(--light-black);
	width: 180px;
}
.account .nav-tabs .nav-link.active{
	color: var(--white);
	background-color: #009f9f;
	text-decoration: none !important;
	font-weight: 600;
}
#billet .nav-tabs .nav-link{
	padding: 0;
	height: 50px;
	width: 180px;
	margin-right: 10px;
	border-radius: 30px;
	font-weight: 400;
}
#billet .nav-tabs .nav-link.active{
	text-decoration: none !important;
	background: var(--lighter-mc);
	color: var(--mc);
}
.tabs-and-search{
	display: flex;
	flex-direction: column;
}

.account .billet-container,
.account #infos {
	position: relative;
}
.account #infos {
	padding-bottom: 50px;
}

.account .billet-container .menu-search-account {
	border: unset;
	padding-right: unset;
	position: relative;
}

#search-event-account {
	background-color: var(--light-greyF1);
	border: none;
	font-size: 13px;
	height: 40px;
	padding-left: 40px;
	max-width: 250px;
	width: 95%;
	margin-bottom: 30px;
}

.menu-search-account img {
	position: absolute;
	top: 10px;
	left: 10px;
}

.edit-infos-account {
	height: 50px !important;
	width: 50px !important;
	position: absolute;
	top: 10px;
	right: 10px;
}

.edit-infos-icon,
.save-infos-icon{
	position: absolute;
	box-shadow: 0 2px 2px #00000020;
	border-radius: 4px;
	cursor: pointer;
}
.edit-infos-account rect{
	fill: var(--white);
}
.edit-infos-account path{
	fill: var(--mc);
}

.edit-infos-account:hover rect{
	fill: #009f9f20;
}

.avatar-container {
	height: 180px;
	width: 180px;
	position: relative;
	margin-bottom: 30px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 0 15px #F1F1F1;
}

#avatar{
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}

.avatar-container img {
	height: 100%;
	width: 100%;
	z-index: 3;
}

.avatar-container .change-avatar {
	position: absolute;
	bottom: 0;
	height: 100%;
	line-height: 180px;
	color: white;
	cursor: pointer;
	width: 100%;
	background-color: #000000AA;
	margin: 0;
	opacity: 0;
	font-size: 12px;
	z-index: 4;
}
#avatar:hover~.change-avatar {
	opacity: 1;
}

.tab-content{
	display: flex;
	flex-direction: column;
	padding-top: 50px;
	margin-bottom: 100px;
	width: 100%;
}
#evenementTabContent{
	margin-bottom: 20px;
}

.billet {
	margin-top: -60px;
}

#billet h3{
	margin: 30px auto;
}

.user-info{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	position: relative;
}

.user-info > .nav.nav-tabs {
	margin-bottom: 1px;
	background: #F5F5F5;
}
.user-info > .nav.nav-tabs .nav-link {
	height: 60px;
}

.nav.nav-tabs.nav-onglet-compte .nav-link {
	height: 60px;
}

.evenement-item {
	padding: 20px 0;
}
.evenement-item:not(.evenement-item:last-of-type) {
	border-bottom: 1px solid #eee;
}

.account .evenement-item .img-container img {
	width: 120px;
	height: 120px;
	margin-right: 16px;
}
.account .evenement-item .img-container {
	width: fit-content;
	height: fit-content;
}
.account .evenement-item .btn-container {
	width: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.evenement-item .masquer-billet {
	display: none;
}

.evenement-item .masquer-billet,
.evenement-item .details-billet {
	background-color: unset;
	border: unset;
	color: var(--mc);
	text-decoration: underline;
	font-size: 14px;
	text-align: right;
}

.evenement-item .masquer-billet:hover,
.evenement-item .details-billet:hover {
	background-color: unset;
	text-decoration: unset;
	border: unset;
	color: var(--dark-mc);
}

.eventDate, .eventLocation{
	opacity: 0.5;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
}
.eventLocation{
	text-transform: uppercase;
	margin: 2px 0;
}
.eventDate{
	margin-bottom: 24px;
}
.eventDate img,.eventLocation img{
	margin-right: 8px;
	height: 14px;
}

.evenement-item .masquer-billet-chevron,
.evenement-item .details-billet-chevron {
	background-color: unset;
	border: unset;
	font-size: 20px;
	width: 40px;
	height: 40px;
	top: -45px
}

.evenement-item .telecharger-billet,
.evenement-item .telecharger-un-billet {
	font-size: 12px;
	color: var(--white);
	height: 40px;
	width: 200px;
	border-radius: unset;
}
.evenement-item .telecharger-un-billet {
	color: var(--mc);
	background: none;
	border: 1px solid var(--mc);
	box-shadow: none;
}

.evenement-item .telecharger-un-billet-mobile {
	background-color: unset;
	color: var(--mc);
	border: unset;
}

.evenement-item .details .label,
.evenement-item .details .content {
	color: var(--light-black);
	font-size: 14px;
	display: inline-block;
}

.evenement-item .details .label {
	opacity: 0.5;
	width: 100px;
	margin-bottom: 8px;
}
.evenement-item .details-text {
	display: flex;
	flex-direction: column;
}

.evenement-item .details > .title,
.lieu {
	margin-bottom: 4px;
}

.evenement-item-billet {
	padding: 20px 0 50px;
}
.evenement-item-billet .title {
	font-size: 14px;
	font-weight: bold;
}
.evenement-item-billet .details {
	padding-left: 136px;
}

#infos label {
	opacity: 0.5;
}

.resetPwd{
	font-size: 12px;
}

#infos h2 {
	color: var(--light-black);
	font-size: 15px;
	font-weight: 700;
	opacity: 0.5;
	margin: 0 0 20px;
	text-transform: uppercase;
}

#infos input,
p {
	font-size: 15px;
}

#infos .form-control:disabled{
	border: unset !important;
	background-color: #F6F6F6;
	opacity: unset !important;
}

.icon-edit-infos {
	color: var(--mc);
	margin-left: 75px;
	font-size: 18px !important;
	cursor: pointer;
	vertical-align: middle;
}

.img-barcode,
.img-barcode > img {
	max-width: 100%;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.lazyIframe {
	width: 200px;
	text-align: center;
}

.btn-newsletter {
	height: 40px;
	width: 180px;
	border: solid 1px var(--mc);
	color: var(--mc);
	border-radius: 40px;
	background-color: #ffff;
	margin: 25px auto;
}

.main-actions:hover {
	fill: var(--mc);
	-webkit-filter: drop-shadow(0 0 3px var(--mc));
	filter: drop-shadow(0 0 3px var(--mc));
}

.account-preference-active {
	display: none;
}

#account-preference-content .card-event {
	width: 33.33333333%;
	margin-bottom: 100px;
}

#account-preference-content .card-event .card-event-img img {
	height: 100%;
}

.list-category-name {
	font-size: 30px;
	font-weight: normal;
	color: var(--light-black);
}

#cardform .infosSubventions,#cardform .infosNoSubventions{
	font-weight: 500;
	background: #F3F3F3;
	padding: 10px 8px;
}

.infosSubventions .infos-general{
	opacity: 0.6;
	font-weight: 400;
	font-size: 13px;
}

.infosSubventions .qte {
    margin-right: 24px;
}

.event-list-item-content .img-container{
	width: 180px;
	height: 180px;
	margin-right: 8px;
}

/**************** IFRAME ORANGE/SOSH *************/
.iframe #loadProducts .event-list-item{
	height: fit-content;
	padding: 5px;
}
.iframe .event-list-item-content .img-container{
	width: 180px;
	aspect-ratio: 1;
	margin-right: 8px;
}

.iframe .event-list-item .card-event-zone:not(.smallerScreen){
    top: unset;
    width: calc(100% - 195px);
    left: 190px;
    background: var(--light-greyF1);
    color: var(--light-black);
}

.iframe .event-list-item-content .text {
    padding-top: 45px;
    width: calc( 100% - 195px);
}

.iframe .smallerScreen{
	display: none;
}

.iframe .event-list-item-content .text h2{
	font-size: 20px;
}
.iframe .event-list-item-content .text .lieu,
.iframe .event-list-item-content .text .date,
.iframe .event-list-item-content .text .heure{
	font-size: 14px;
}


/****** PANIER *******/
#card-recap {
	border-radius: 0;
	box-shadow: none;
	background: inherit;
	margin-bottom: 100px;
}

.form-cart-image {
	width: 130px;
	height: 130px;
}
.form-cart-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0 1px 1px var(--light-greyE);
}
.cart_inner {
	background: none;
	padding: 30px;
}
#mycard {
	padding: 0 30px;
	margin-bottom: 50px;
	font-size: 15px;
}
#mycard * {
	font-size: 15px;
}
#mycard p {
	margin-bottom: 0;
}

#mycard .cartitem {
	display: grid;
	grid-template-areas:
		" img evtname . . ."
		" img tarif prix qté total"
		" img billets billets billets billets";
	grid-template-columns: 130px 1fr 90px 50px 90px;
	grid-template-rows: 24px 80px auto;
	padding: 10px 0px;
	column-gap: 10px;
	border-bottom: 1px solid #ddd;
}
#mycard .eventName {
	text-transform: uppercase;
	font-weight: 700;
	grid-area: evtname;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
#mycard .form-cart-image {
	grid-area: img;
}
#mycard .qtselect {
	grid-area: qté;
}

#mycard .qtselect,
#mycard .qttotal,
#mycard .price {
	text-align: right;
}

#mycard .price {
	grid-area: prix;
}
#mycard .qttotal {
	grid-area: total;
}
#mycard .edition {
	grid-area: billets;
	max-width: 500px;
}

#mycard .tarifName {
	grid-area: tarif;
	margin: 0;
}
.mycardTablehead span:not(:first-of-type) {
	text-align: right;
	padding-right: 5px;
}

#mycard .form-cart-delete {
	position: absolute;
	top: 20px;
	right: -50px;
	width: 40px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	cursor: pointer;
}

#card-recap .table-responsive {
	overflow-x: visible;
}
.mycardTablehead {
	display: grid;
	grid-template-columns: 1fr 90px 50px 90px;
	column-gap: 10px;
	margin: 0 30px;
	line-height: 30px;
	border-bottom: 1px solid #aaa;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	opacity: 0.5;
}
.recapHead {
	margin: 0 auto 100px;
	background: -moz-linear-gradient(180deg, var(--light-greyE), var(--white));
	background: -webkit-linear-gradient(180deg, var(--light-greyE), var(--white));
	background: -o-linear-gradient(180deg, var(--light-greyE), var(--white));	
	background: linear-gradient(180deg, var(--light-greyE), var(--white));
	padding-top: 50px;
}

.recapTitle,
.countdown-time,
.countdown-text {
	text-align: center;
}
.recapTitle {
	font-size: 22px;
	line-height: 50px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: var(--mc) !important;
	font-weight: 400;
}

.commandeID,
[x-apple-data-detectors].commandeID{
	color: inherit !important;
}

.confirm h3{
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #000;
	margin-bottom: 20px;
}

.countdown-text {
	font-size: 13px;
	opacity: 0.8;
	margin-bottom: 8px;
}
.countdown-time {
	font-size: 30px;
}

.card-clear h3 {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	max-width: 500px;
	margin: 30px auto;
	line-height: 50px;
}

#mycard .edition a {
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
}
#mycard .edition .row {
	width: 100%;
	margin: 0;
}

#mycard .billet-client {
	padding: 25px 25px 0;
}
#mycard .billet-client label {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	opacity: 0.5;
	display: block;
	width: fit-content;
	margin-bottom: 4px;
}

#mycard .billet-client .form-control {
	display: inline-block;
	margin: 5px;
	border-radius: 0;
	width: 200px;
}

#mycard .card-total-end,
#mycard .card-total-end em {
	font-weight: 700;
	line-height: 50px;
	text-transform: uppercase;
	margin-left: 10px;
}
#mycard .card-total-end {
	font-size: 20px;
}
#mycard .card-total-end em {
	font-size: 18px;
}
#card-recap .btn {
	display: inline-block;
	padding: 5px 15px;
	font-size: 13px;
	line-height: 40px;
	width: fit-content;
}
#mycard .edition .btn.btn-secondary {
	background: inherit;
	color: var(--dark-mc);
	border: 1px solid transparent;
	box-shadow: 0 0px 4px #00000030;
	display: block;
	margin: 30px auto;
}
#mycard .edition .btn-secondary:hover {
	background: var(--dark-mc);
	color: #fff;
	text-shadow: 0 0 2px var(--mc);
}
#card-recap .checkout_btn_inner .btn {
	margin: 0 5px;
	display: inline-block;
}
#card-recap .Procder-au-rglement {
	border: 1px solid var(--mc);
}
#card-recap .Procder-au-rglement:hover {
	color: white;
	background-color: var(--dark-mc);
}

#modalCart {
	background: #fcfdfcf7;
	position: fixed !important;
}

#modalCart svg {
	fill: #222222;
}

#modalCart > .card {
	position: absolute;
	top: 150px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 800px;
	margin: 0 auto;
	background: none;
	width: 95%;
}

#modalCart .card {
	box-shadow: none;
	border-radius: 0;
}


#modalCart .closePaymentProcess {
    position: absolute;
    right: 20px;
	top: 140px;
	width: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-size: 2.5rem;
    color: black;
    -webkit-transition: text-shadow 0.15s linear;
    transition: text-shadow 0.15s linear;
    cursor: pointer;
	background: none;
	border: none;
}
#modalCart .infos-card-title {
	text-transform: uppercase;
	text-align: center;
	color: var(--dark-mc);
	background-color: none;
	font-size: 20px;
	margin-bottom: 50px;
	font-weight: 500;
}

#modalCart .card-body.mainContainer {
	background-color: var(--white);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
		0 4px 6px -2px rgba(0, 0, 0, 0.05);
	padding: 0;
	border-radius: 6px;
	overflow: hidden;
}

.mainContainer .theevent-tickets-next button{
	height: 40px;
    width: 250px;
}

#modalCart .cartFormTitle {
	padding-left: 20px;
	line-height: 40px;
	background-color: #c1e1e190;
	color: #006b6b;
	font-size: 14px;
	font-weight: 500;
}
#modalCart .informations > .card-body {
	width: 95%;
	max-width: 360px;
	margin: 0 auto;
}
#modalCart #withoutaccountCtr {
	text-align: center;
}
#modalCart #withoutaccountCtr .btn {
	padding: 0;
	line-height: 40px;
	width: 250px;
	height: 40px;
}
.topnav-icon.active {
	background: var(--mc);
}
.topnav-icon.loggedIn {
	background: var(--dark-mc);
}
.topnav-icon.loggedIn:hover {
	background: var(--mc);
	color: white;
}
.topnav-icon.loggedIn svg,
.topnav-icon.active svg {
	fill: white;
}
.topnav-icon.active #count-card {
	border: 3px solid var(--mc);
}
.alert.alert-danger,
.alert.alert-success{
	font-size: 13px;
	padding: 15px 20px;
}
a.color-red:hover{
	color: var(--red);
	text-shadow: 0 0 1px var(--red);
}

#modalCart .cgv-validate {
	margin-right: 10px;
	cursor: pointer;
	font-size: 12px;
}

.form-control.edited{
	background: #ffb73930;
}

.loaderElement{
	width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(0) translate(-50%,-50%);
	transform-origin: top left;
    animation: 2.5s spin2 linear infinite forwards;
	border-top: 3px solid white;
	border-radius: 50%;
}

.notifyjs-bootstrap-base {
	font-weight: 400 !important;
	font-size: 13px;
}

@keyframes spin2{
	to {
		transform: rotate(1440deg) translate(-50%,-50%);
	}
}

.emailError {
	color: red;
	font-size: 13px;
}

#card-recap .btn.back-button {
	box-shadow: none;
	background: none;
	color: var(--mc);
}
#card-recap .theevent-tickets-next {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}
#card-recap .theevent-tickets-next .btn {
	margin: 0 5px 20px;
	width: 160px;
	padding: 0;
}
#card-recap .myforminfos .card-body {
	display: flex;
	padding: 10px;
}
#card-recap .myforminfos .form-group {
	width: 50%;
	margin: 0 5px;
}
#card-recap .card-name-form {
	margin: 0 auto 20px;
	max-width: 500px;
}

.back-arrow {
	margin-right: 5px;
}

.paiement .row label {
	width: 100%;
}
.paymentValue {
	font-weight: 700;
	color: #000;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.log-connect-mentions{
	font-size: 13px;
	margin-bottom: 20px;
}

#card-recap #card-button {
	height: 50px;
	padding: 0;
	width: 300px;
}
.loadingCircle {
	display: inline-block;
	width: 17px;
	height: 17px;
	border: 3px solid white;
	border-radius: 50%;
	border-bottom: none;
	border-right: none;
	margin-left: 5px;
	position: relative;
	top: 3px;
	-webkit-animation: infinitespin 1s infinite linear;
	animation: infinitespin 1s infinite linear;
}
#card-recap .confirm .theevent-tickets-next .btn{
	width: 270px;
}
#card-recap .confirm .theevent-tickets-next .btn.btn-primary{
	background: none;
	color: var(--mc);
}

#downloadThis:hover{
	background: var(--dark-mc);
}

.regionSlct {
	cursor:pointer;
	color:#000000;
}
.regionSlct:hover{
	background-color: #eee;
}

@-webkit-keyframes infinitespin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#changePWD i{
	margin-left: -30px;
    cursor: pointer;
}.error{
	border: 1px solid var(--red) !important;
}