/*** CONFIGURATION **/
/* Url de la font globale sur le site */
@globalFontUrl: "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900";
/* Nom de la font globale sur le site */
@globalFontName: "Roboto";
/* couleur global de texte  */
@globalFontColor:transparent;
/* couleur global des liens  */
@globalLinkColor:transparent;
/* couleur du background du site */
@globalBackgroundColor:transparent;
/* couleur background */
@globalBackgroundImage: "";
/* couleur de fond du bouton ACHAT */
@btnBuyBackgroundColor1: transparent;
/* couleur de fond du bouton ACHAT Dégradé (optionnel)  */
@btnBuyBackgroundColor2: transparent;
/* couleur de texte du bouton ACHAT */
@btnBuyTextColor:transparent;
/* couleur principale */
@primaryColor:transparent; 
/* couleur de texte des boutons primaire */
@btnPrimaryTextColor:transparent;
/* couleur secondaire */
@secondaryColor:transparent;
/* couleur de texte des boutons secondaire */
@btnSecondaryTextColor:transparent;
/* couleur de fond des header du menu */
@menuHeaderColor:transparent;
/* couleur de texte des header du menu */
@menuHeaderTextColor:transparent;
/* couleur de fond de la top barre des langues */
@topNavBarBackgroundColor:#fff;
/* couleur de texte de la top barre des languges */
@topNavBarTextColor:transparent;
/*Couleurs des catégorie*/
@seatSelected:#088eb2;
@categ1: #308abe;
@categ2: #b55fc5;
@categ3: #ffa733;
@categ4: #d2b25e;
@categ5: #56d3d8;
@categ6: #308abe;
@categ7: #f7d664;
@categ8: #f2bc00;
@categ9: #d4a61a;
@categ10: #cc99ff;
@categ11: #cc33ff;
@categ12: #9900cc;
@categ13: #ddc097;
@categ14: #ddc097;
@categ15: #ddc097;
@categ16: #ddc097;
@categ17: #ddc097;
@categ18: #ddc097;
@categ19: #ddc097;
@categ20: #ddc097;
@categ21: #ddc097;
@categ22: #ddc097;
@categ23: #ddc097;
@categ24: #ddc097;
@categ25: #ddc097;
@categ26: #ddc097;
@categ27: #ddc097;
@categ28: #ddc097;
@categ29: #ddc097;
@categ30: #ddc097;
@categ31: #ddc097;
@categ32: #ddc097;
@categ33: #ddc097;
@categ34: #ddc097;
@categ35: #ddc097;
@categ36: #ddc097;
@categ37: #ddc097;
@categ38: #ddc097;
@categ39: #ddc097;
@categ40: #ddc097;
@categ41: #ddc097;
@categ42: #ddc097;
@categ43: #ddc097;
@categ44: #ddc097;
@categ45: #ddc097;
@categ46: #ddc097;
@categ47: #ddc097;
@categ48: #ddc097;
@categ49: #ddc097;
@categ50: #ddc097;
/* import font custom */
& when not(@globalFontUrl ="") { 
    @import (less) "@{globalFontUrl}";
}
/* image boutique ratio */
@imageBoutiqueRatio: 1/1 ;
/*** cookie consent  ***/
#cookieConsentWrapper { background-color: @topNavBarBackgroundColor; color: contrast(@topNavBarBackgroundColor); padding-top: 15px; padding-bottom: 15px; position: fixed; bottom: 0; width: 100%; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .30); box-shadow: 0px 0px 15px rgba(0, 0, 0, .30); z-index: 100; }
#cookieConsentContent { display: block;}
#cookieConsentWrapper #cookieConsentTxt { text-align: center; margin-bottom:1rem; }
@media (min-width:991.02px) {
    #cookieConsentWrapper #cookieConsentTxt { text-align: left;margin-bottom:0; }
    #cookieConsentContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; gap:1rem}
}


/*** distanciation social  ***/
#socialDistancingWrapper { background-color: @topNavBarBackgroundColor; color: contrast(@topNavBarBackgroundColor); padding-top: 15px; padding-bottom: 15px; position: fixed; bottom: 0; width: 100%; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .30); box-shadow: 0px 0px 15px rgba(0, 0, 0, .30); z-index: 100; }
#socialDistancingContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#socialDistancingTitle { margin-top: 0; }
#socialDistancingBtn { margin-bottom: 0; }
/*** GENERIQUE **/
::-webkit-input-placeholder { color: fade(@globalFontColor, 70%) !important; }
:-moz-placeholder { color: fade(@globalFontColor, 70%) !important; }
::-moz-placeholder { color: fade(@globalFontColor, 70%) !important; }
:-ms-input-placeholder { color: fade(@globalFontColor, 70%) !important; }
::-ms-input-placeholder { color: fade(@globalFontColor, 70%) !important; }
html { /*font-size: 14px*/ font-size: 1rem; }
body:not(#planSalle):not(#bodyPopPlanSalle):not(.bodyPopIdentif) when not (@globalBackgroundImage ="") { background-image: url("@{globalBackgroundImage}"); background-attachment: fixed; background-repeat: no-repeat;}
body { background-color: @globalBackgroundColor; color: @globalFontColor; background-size: cover; font-family: "Helvetica Neue", Helvetica, Verdana, Trebuchet MS; font-size: 1rem; line-height: 1.5 }
body when not (@globalFontName ="") { font-family:"@{globalFontName}", "Helvetica Neue", Helvetica, Verdana, Trebuchet MS; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder { color: #777; }
.main-content { background: #ffffff; /*max-width: 1170px;*/ padding-top: 20px; border-radius:.375rem; }
.main-content.hasNavbarAbove {border-top-left-radius:0;border-top-right-radius:0; }
a { color: @globalLinkColor; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
a:hover, a:focus { color: darken(@globalLinkColor, 20%) }
:focus { outline: none !important; }
li { list-style-type: none; }
h2 { margin-top: 0; line-height: 4rem; }
.checkbox input[type=checkbox] { opacity: 0; margin-left: 0; }
.checkbox input[type=checkbox]+label { position: relative; }
input[type=checkbox]+label:before { padding: 7px; }
input[type=checkbox]+label:before { content: ""; top: .1rem; left: -.05rem; display: inline-block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: .25rem; vertical-align: sub; position: absolute; }
input[type=checkbox]+label:after { content: "\f00c"; position: absolute; top: 0.2rem; left: 0.05rem; display: block; width: 1rem; height: 1rem; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font: normal normal normal 14px/1 FontAwesome; /*font-size: inherit;*/ text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 0; color: @btnPrimaryTextColor; }
input[type=checkbox]:checked + label:before { background-color: @primaryColor; }
input[type=checkbox]:checked + label:after { opacity: 1; }
input[readonly] { background-color: transparent !important; border: transparent !important; padding: 0 !important; margin: 0 !important; -moz-appearance: textfield; }
input[disabled], select[disabled] { cursor: not-allowed; background-color: #eee !important; }
.strikethrough { text-decoration: line-through; }
.fancybox-wrap { top: 15px !important; }
.txt-danger { color: #D71921; }
.js-offcanvas { direction: rtl; padding: 15px; position: fixed; top: 0; right: -130%; max-width: 322px; width: 100%; height: 100vh; background: rgba(255, 255, 255, .95); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow-y: auto; overflow-x: hidden; z-index: 1029; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15); -o-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15); filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, .15), Direction=NaN, Strength=15) }
.js-offcanvas > * { direction: ltr; }
.js-offcanvas.toggled { right: 0; }
.js-offcanvas.left { direction: ltr; right: inherit; left: -130%; }
.js-offcanvas.left.toggled { left: 0; }
.js-offcanvas .closeOffCancas { margin-bottom: 7px; }
.js-offcanvas .closeOffCancas .fa-times { /*font-size: 20px;*/ -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.js-offcanvas .closeOffCancas .fa-times:hover { cursor: pointer; opacity: 0.7; }
.js-offcanvas.left .closeOffCancas { text-align: right; }
.js-offcanvas::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15); border-radius: 0px; background-color: #F5F5F5; }
.js-offcanvas::-webkit-scrollbar { width: 7px; background-color: #F5F5F5; }
.js-offcanvas::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .15); background-color: #555; }
.js-offcanvas::-webkit-scrollbar-thumb:hover { background-color: #333; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; overflow: auto; }
.fancybox-inner { max-height: calc(100vh - 65px) !important }
.fancybox-inner.fancyboxForcedHeight {
    height: calc(100vh - 65px) !important;
}
#modalPlanSalle #loadingcircle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#calendarjs #loadingcircle, #divForImgPlan #loadingcircle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#loadingcircle { width: 60px; margin: 15px auto ; display: block; z-index: 1049; }
#loadingcircle #greycircle1 { fill: #C3C3C3; }
#loadingcircle #greycircle2 { fill: #EDEDED; }
#loadingcircle #greycircle3 { fill: #E4E4E4; }
#loadingcircle #colorcircleWrapper { -webkit-animation: loading .65s ease-in-out  infinite; animation: loading .65s  ease-in-out infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
#loadingcircle #colorcircle { fill: @primaryColor; }
#loadingcircle #colorcircleNotVisible { fill: @primaryColor; opacity: 0; }

@-webkit-keyframes loading {
  0% { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading {
  0% { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.input-group .btn { margin-bottom: 0; }
.input-group { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; width: 100%;    /*margin-bottom:5px;*/ }
.input-group-prepend { margin-right: -1px; }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: -webkit-box; display: flex; }
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }
.input-group-append { margin-left: -1px; }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: -webkit-box; display: flex; }
.input-group-text { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; }
/*** HEADER **/
#header #nav.emptyNav { display: none; }
#header #nav .social { /*font-size: 20px;*/font-size: 1.7rem; }
#header #nav .social li a { padding: 10px 7px; font-weight: normal; }
#header #nav .lang { text-transform: uppercase; font-size:.9rem }
#header #nav { background-color: fade(@topNavBarBackgroundColor, 96%); border-color: fade(@topNavBarBackgroundColor, 96%); background-image: none; -webkit-filter: none; filter: none; background-repeat: repeat-x; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); display:flex; align-items:center; }
#header #nav.aboveMainContent { border-top-left-radius: .375rem; border-top-right-radius: .375rem; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; }
#header #nav:not(.emptyNav) + #logo { padding-top: 40px }
#header #nav .navbar-left { float: left !important }
#header #nav .navbar-nav { margin: 0 }
#header #nav .navbar-right { float: right !important }
#header #nav .navbar-nav>li { float: left }
#header  .navbar { min-height: 40px }
#header #nav .navbar-nav>li>a { text-shadow: 0 0 0; color: @topNavBarTextColor; font-weight: 300 }
#header #nav .navbar-nav>li>a.active { color: @primaryColor }
#header #nav .navbar-nav>li>a:hover { background-color: @primaryColor; color: contrast(@primaryColor); }
#header #logo .nav-logo { text-align: center }
.selecteur-langues {margin-left: auto;}
#header #logo .nav-logo img { margin: auto; }
.crumbs, .flat span:after { background: @menuHeaderColor }
.crumbs > span { color: @menuHeaderTextColor; letter-spacing: 1px; text-decoration: none; display: block; float: left; line-height: 36px; padding: 0 10px 0 25px; position: relative }
.crumbs > span:before { background: #ffffff; color: #000; content: counter(flag); counter-increment: flag; border-radius: 100%; width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center; margin-right: 10px; padding-left: 1px }
.crumbs > span:after { content: ''; position: absolute; right: -18px; width: 36px; height: 36px; -webkit-transform: scale(0.707) rotate(45deg); -ms-transform: scale(0.707) rotate(45deg); transform: scale(0.707) rotate(45deg); z-index: 1; border-radius: 0 5px 0 50px }
.crumbs { display: inline-block; overflow: hidden; counter-reset: flag; width: 100%; border-radius: .375rem; font-size: .875em; }
.crumbs > span:last-child { padding-right: 20px }
.crumbs > span:last-child:after { content: none }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: white }
.flat span.active, .flat span.active:after { background: @primaryColor }
@media (max-width:1000px) {
    .crumbs span { float: none }
}

/*** MENU GAUCHE **/
#menu { background: none; max-width: 100%; width: 100%; font-size: .875em; padding: 0px 0px 10px 0px }
#menu a:not(.btn) { display: inline-block; color: @globalFontColor }
#menu hr, .slicknav_nav hr { margin: 5px 20px }
#menu li { list-style: none; padding: 7px 0px; margin: 0; }
#menuName, #menuMail { color: #000 !important; font-weight: bold }
#titleMenuPanier, #titleMenuLogin, #titleMenuCodePromo, #titleMenuCode, #menu .menu_header { color: @menuHeaderTextColor; background-color: @menuHeaderColor; letter-spacing: 1px; /*padding: 10px;*/ padding: .5rem 1rem; border-radius: .375rem; }
#titleMenuLogin:before { font-family: FontAwesome; content: "\f007"; display: inline-block; padding-right: 5px }
#titleMenuPanier:before { font-family: FontAwesome; content: "\f290"; display: inline-block; padding-right: 5px }
#titleMenuCode:before { font-family: FontAwesome; content: "\f02b"; display: inline-block; padding-right: 5px }
#titleMenuTicketing:before { font-family: FontAwesome; content: "\f145"; display: inline-block; padding-right: 5px }
#MenuLogin, #MenuPanier,  #menu ul.menu_list { padding: 10px }

/* slick */
.slicknav_menu, .slicknav_nav { font-size: inherit; }
.slicknav_nav { background-color: transparent; color: @globalFontColor }
.slicknav_menu { background-color: transparent; padding: 0 }
.slicknav_btn { display: none; }
.slicknav_nav a { margin: 0; padding: 0; border: 0px solid transparent; }
.slicknav_nav a:hover { background: transparent; }
.slicknav_nav ul { margin: 0; }
.slicknav_basket_btn { display: none; margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-radius: 4px; background-color: #222222; position: relative; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_basket_btn:before { font-family: FontAwesome; content: "\f290"; display: inline-block; padding-right: 5px; }
.slicknav_basket_btn .label { position: absolute; top: 5%; right: 5%;    /*font-size: 60%;*/ }
@media screen and (max-width:991px) {
    #MenuLogin, #MenuPanier { padding: 3px 10px; }
    #titleMenuPanier, #titleMenuLogin, #titleMenuCodePromo, #titleMenuCode, #menu .menu_header { background-color: transparent; color: #fff; padding: 0; font-weight: bold; }
    li#menuPanierBillets, #MenuPanier a, #MenuLogin a, #menuPanierBillets a { color: #fff }

    /*slick */
    .slicknav_btn, .slicknav_basket_btn { display: block; /*font-size:1.4rem;*/ }
    .slicknav_menu { background-color: @menuHeaderColor; color: contrast(@menuHeaderTextColor); /*display: none;*/ z-index: 1050; padding: 5px 15px }
    #header #nav .navbar-nav>li>a { padding-left: 7px; padding-right: 7px; }
    .slicknav_nav li { padding: 5px 10px; margin: 2px 5px }
    .slicknav_nav a:hover { padding-left: 7px; border-left: 3px solid rgba(255, 255, 255, 0.5); border-radius: 0; background: transparent; color: inherit }
    .slicknav_nav a:hover span { text-decoration: underline }
    #menu a:not(.btn) { color: contrast(@menuHeaderColor) }
    .forslick { width: 100% }
}
@media screen and (min-width:991.02px) {
    .slicknav_nav { display: block !important; }
}
.input-group, .input-group-btn { width: inherit; }
.btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; background-image: none; padding: .375rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 10rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: none; box-shadow: none; white-space: normal;}
.btn-group-sm>.btn, .btn-sm { padding: .25rem 1rem; font-size: .875rem; }
.btn-group-xs>.btn, .btn-xs { padding: .12rem .5rem; font-size: .6rem; }
.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; }
.input-group-btn .btn { border-radius: .375rem; border: 1px solid #dee2e6; }
.input-group-prepend > .btn, .input-group-append > .btn { padding-left: 0; padding-right: 0; }
.input-group-prepend > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group-append > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btn:not([disabled]):hover, .btn:not([disabled]):active, .btn:not([disabled]):focus { text-decoration: none; cursor: pointer }
.btn:hover, .btn:focus { color: #fff }
.btn-primary { color: @btnPrimaryTextColor; background-color: @primaryColor; border-color: @primaryColor }
.btn-primary:not([disabled]):hover, .btn-primary:not([disabled]):active, .btn-primary:not([disabled]):focus { color: contrast(darken(@primaryColor, 20%));background-color: darken(@primaryColor, 20%); border-color: darken(@primaryColor, 20%)  }
.btn-primary .badge { color: @primaryColor; background-color:@btnPrimaryTextColor; }
.btn-secondary { color: @btnSecondaryTextColor; background-color:@secondaryColor; border-color: @secondaryColor; }
.btn-secondary:not([disabled]):hover, .btn-secondary:not([disabled]):active, .btn-secondary:not([disabled]):focus { color: contrast(darken(@secondaryColor,20%));background-color: darken(@secondaryColor,20%); border-color:darken(@secondaryColor,20%); }
.btn-link { color: @primaryColor; background-color: #f0f0f0; border-color: #d9d9d9 }
.btn-link:not([disabled]):hover, .btn-link:not([disabled]):active, .btn-link:not([disabled]):focus { background-color: #aaaaaa; border-color: #d9d9d9 }
.btn[disabled], .btn.disabled, .btn.disabled:hover, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { color: #fff; background-color: #aaaaaa; border-color: #878787 }
.badge { border-radius: .375rem; }
#BoutonsActions { margin-top: 15px }
#ctl00_chronoBasket:not(:empty) { color: #000000; margin-bottom: 10px; background: #ffebe9; padding: 10px; border-radius: 5px }
.btSupp { display: inline-block; padding: 5px; color: #D71921; /*font-size: 1.2rem;*/ text-align: center; cursor: hand; opacity: 0.7 }
.btSupp:hover { color: #D71921; opacity: 1; text-decoration: none }
.btSupp.label.label-danger { cursor: pointer }
.basket li { margin-bottom: 5px }
.basket li .placeinfo { display: block; }
.basket select { display: inline-block }
.btBuy { background-color: @btnBuyBackgroundColor1; color: @btnBuyTextColor; border-color: @btnBuyBackgroundColor1; }
.btBuy:not([disabled]):hover, .btBuy:not([disabled]):active, .btBuy:not([disabled]):focus { background-color: darken(@btnBuyBackgroundColor1, 15%); background-position: 100% 0; border-color: darken(@btnBuyBackgroundColor1, 15%); }
& when not(@btnBuyBackgroundColor2 ="") { 
.btBuy, .btBuy:active, .btBuy:focus { background-image: -webkit-gradient(linear, left top, right top, from(@btnBuyBackgroundColor1), to(@btnBuyBackgroundColor2)); background-image: linear-gradient(90deg, @btnBuyBackgroundColor1, @btnBuyBackgroundColor2); background-color: transparent !important; color: @btnBuyTextColor; background-size: 200%; }
.btBuy:not([disabled]):hover, .btBuy:not([disabled]):active, .btBuy:not([disabled]):focus { border-color: @btnBuyBackgroundColor2; }
}
.btBuy .fa, .btn.eventFull .fa { margin-right: .25rem; }
.btBuy.hasEvent { background-color: @secondaryColor !important; color: @btnSecondaryTextColor; background-image: none; }
.btBuy.hasEvent:not([disabled]):hover, .btBuy.hasEvent:not([disabled]):active, .btBuy.hasEvent:not([disabled]):focus { background-color: darken(@secondaryColor, 15%); color: contrast(darken(@secondaryColor, 15%)); background-position: 100% 0; }
.btn.eventFull, .btn.eventLocked { text-wrap: wrap; }
.basket { list-style: none; padding: 0 }
.basket li { position: relative }
#fListeManifsHaut:not(:empty) { color: @globalFontColor; margin-bottom: 30px }
#fListeManifsHaut:not(:empty) li { list-style-type: disc; }
#fListeManifsHaut:not(:empty) p { text-align: justify }
#ctl00_ContentPlaceHolder1_divForAssuranceAnnulation:not(:empty) { margin-bottom: 20px }
#ctl00_ContentPlaceHolder1_divForAssuranceAnnulation h3 { margin-top: 0 }
#ctl00_ContentPlaceHolder1_divForAssuranceAnnulation a { text-decoration: underline; }
#Retrait { margin-bottom: 20px }

/*** CROSS SELLING **/
#divForCrossSelling .carousel-indicators { margin-top: 10px; position: relative; left: auto; width: auto; margin-left: auto }
#divForCrossSelling .carousel-indicators .active { background-color: #333 }
#divForCrossSelling  .carousel-indicators li { border: 1px solid #333 }
#divForCrossSelling  h2 { text-align: center }
#divForCrossSelling .Eventlogo { margin: auto }
#divForCrossSelling .tdEventDate { margin-bottom: 8px }

/*** PROFIL ACHETEUR **/
body.bodyPopIdentif { background: #fff; color: #333; text-align: center }
body.bodyPopIdentif .tableLoginPATrConnexionLogin { margin-top: 0 }
#WctrlLoginConnectPA1_BtnLogin:hover { cursor: pointer !important }
a.conditionventes { text-decoration: none }
.tableLoginPACol1 { font-weight: 500 }
.tableLoginPACol2 { margin-bottom: 2px }
#menuLinkCodePromo[data-codepromoactivated='1'] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px !important; background-color: #5cb85c; border-radius: 3px; margin-top: 15px !important; color: #fff; font-weight: bold }
#menuLinkCodePromo[data-codepromoactivated='1'] a { color: #fff; border: 1px solid #fff; border-radius: 1000px; width: 20px; height: 20px; text-align: center; line-height: 20px; text-decoration: none; }
#menuLinkCodePromo[data-codepromoactivated='1'] a:hover { background-color: #fff; color: #5cb85c; }
@media screen (min-width:985px) {
    #WctrlLoginConnectPA1_lblogin { color: red }
}
@media screen (max-width:980px) {
    body.bodyPopIdentif { background: transparent; color: #fff; text-align: center }
    #WctrlLoginConnectPA1_lblogin { color: #fff }
}
#colIndex { padding-bottom: 10px }

/*** LISTE MANIF **/
#ctl00_ContentPlaceHolder1_tblEventsList { width: 100% }
.calendar-table .table-condensed td { padding: 0 !important; }
.daterangepicker td.in-range { background-color: fade(@primaryColor, 10%); }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: @primaryColor; }
.daterangepicker .ranges li.active { background-color: @primaryColor; }
.daterangepicker td.start-date { border-radius: 15px 0 0 15px; }
.daterangepicker td.end-date { border-radius: 0 15px 15px 0; }
.daterangepicker td.start-date.end-date { border-radius: 15px; }
#ctl00_ContentPlaceHolder1_tbFiltreCalendrier { /*width:100%;*/ padding: 6px 12px !important; color: #555 !important; background-color: #fff !important; border: 1px solid #dee2e6 !important; cursor: pointer;    border-radius: .375rem; }
/*.eventImage, .eventInfos, .eventBtns { margin-bottom: 10px }*/
tr[type="newmonth"]:first-child .tdMois h2 { margin-top: 0 }
.tdMois { text-align: center; padding-bottom: 30px; }
.tdMois h2 { display: inline-block; color: @primaryColor; border-bottom: 1px solid rgba(0, 0, 0, .35); margin-top: 30px; margin-bottom: 15px; /*font-size: 2rem;*/ font-weight: 400; text-transform: uppercase; text-align: center; }
.tdEventName h3, .tdEventName a, .tdEventName { color: @globalFontColor; font-weight: 500; font-size: 1.6rem;/*font-weight: bold; ;*/ margin: 0; vertical-align: middle; margin-bottom:.2rem; }
.tdEventDate { color: @primaryColor; margin-top: 5px; line-height: 1.4em; /*font-size: 1.3rem;*/ font-weight: bold }
.tdLieu { color: @globalFontColor; /*font-size: 1.2rem;*/ font-weight: normal; margin-top: 5px }
.tdDescription { }
/*.tdCibles { margin-top: 10px }*/
.ciblesName:not(:empty) { /*font-size: .9rem;*/ margin-top: 10px; display:inline-block; }
.tdDescription:not(:empty) { /*font-size: 1.3rem;*/ font-style: italic; color: @globalFontColor; opacity: 0.75; font-size: .9rem;
     }
.tdLogo { position: relative; margin: auto }
.tdLogo img { display: block; margin: auto; max-width: 100% ; border-radius: .375rem}
.typeTheme:not([style*="display: none"]) + .eventLogoImg img, .typeTheme:not([style*="display: none"]) + a .eventLogoImg img {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.typeTheme { width: 100%; background: @primaryColor; border-top-right-radius: .375rem;    border-top-left-radius: .375rem;  }
.genreName { color: #fff; text-transform: uppercase; font-size: 0.9rem; padding: 3px 7px 3px 7px; display: block }
.genreName:empty { padding: 0 }
.trForNomEtLogo { display: inline-block; vertical-align: top }
.trEvent td, .trAbos td { padding: 20px 0px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05) }
.trEvent:last-child td, .trAbos:last-child td { border-bottom: 0 }
.trEvent .tdEvent .SeatsinBasket { background-color: @secondaryColor; color: @btnSecondaryTextColor; padding: 2px 7px; border-radius: 100px; /*font-size: .7em;*/ margin-right: 5px; }
.InfosPlus { color: fade(@globalFontColor, 70%); margin-top: 10px; display: inline-block }
@media screen and (max-width:991px) {
    .InfosPlus {
        display:none;
    }
}
.InfosPlus .fa-info-circle { margin-right: 4px }
@media (max-width:767px) {
    #ctl00_ContentPlaceHolder1_tblEventsList .tdEventName, #divForCrossSelling .tdEventName, #ctl00_ContentPlaceHolder1_tblEventsList .tdDescription, #ctl00_ContentPlaceHolder1_tblEventsList .tdLieu, #ctl00_ContentPlaceHolder1_tblEventsList .tdEventDate, #divForCrossSelling .tdEventDate, #ctl00_ContentPlaceHolder1_tblEventsList .tdCibles, #ctl00_ContentPlaceHolder1_tblAbosList .tdEventName, #ctl00_ContentPlaceHolder1_tblAbosList .tdDescription, #ctl00_ContentPlaceHolder1_tblAbosList .tdLieu, #ctl00_ContentPlaceHolder1_tblAbosList .tdEventDate, #ctl00_ContentPlaceHolder1_tblAbosList .tdCibles { text-align: center }
    #ctl00_ContentPlaceHolder1_tblEventsList .eventInfos, #ctl00_ContentPlaceHolder1_tblAbosList .eventInfos { margin-bottom: 1rem; }
}

/*** ONE MANIF  **/
.trForNomEtLogoImg #ctl00_ContentPlaceHolder1_imgLogoManif, .trForNomEtLogoImg .Eventlogo { border-radius: .375rem; }
@media (min-width:768px) {
    .trForNomEtLogoImg { text-align: center; }
}
.trForNomEtLogoImg img { display: inline; }
#divForEventPlusDinfos:not(:empty) { margin-bottom: 20px; text-align: justify; }
#selectedSeance:not(:empty) { text-align: center; background-color: desaturate(darken(@primaryColor, 25%), 30%); margin-bottom: 20px; overflow: hidden }
#selectedSeance.showing span { -webkit-animation: showingSelectedSeanceSpan .3s 1 forwards; animation: showingSelectedSeanceSpan .3s 1 forwards }
#selectedSeance.notshowing span { -webkit-animation: showingSelectedSeance .3s 1 forwards; animation: showingSelectedSeance .3s 1 forwards }
#selectedSeance span:not(:empty) { padding: 5px 15px; color: contrast(desaturate(darken(@primaryColor, 25%), 30%)); display: inline-block; font-weight: bold; /*font-size: 1.2rem*/ }
#placementSurPlan { margin-bottom: 20px }
@-webkit-keyframes showingSelectedSeance {
    from { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }
    to { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0 }
}
@keyframes showingSelectedSeance {
    from { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }
    to { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0 }
}
@-webkit-keyframes showingSelectedSeanceSpan {
    from { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0 }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }
}
@keyframes showingSelectedSeanceSpan {
    from { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0 }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }
}
#calendarjs.disabled:before, #divForImgPlan.disabled:before { content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .8); display: block; position: absolute; top: 0; left: 0; z-index: 6; }
.eventsCalendar-slider i.fa.fa-angle-left, .eventsCalendar-slider i.fa.fa-angle-right { color: @btnPrimaryTextColor; }
.eventsCalendar-monthWrap, .eventsCalendar-list-wrap { width: 100% !important; }
.eventsCalendar-monthWrap.oldMonth { display: none }
.eventsCalendar-monthWrap { position: relative }
.eventsCalendar-slider { min-height: 200px; height: auto !important }
.eventsCalendar-daysList.showAsWeek li { display: inline-block; float: none }
.eventsCalendar-day-header::first-letter { text-transform: inherit !important; }
.eventsCalendar-currentTitle .monthTitle { background: @primaryColor; color: @btnPrimaryTextColor; }
.eventsCalendar-day.dayWithOutDispo a.active::before, .eventsCalendar-day.dayIsLock:not(.dayWithEvents) a.active:before { content: ''; display: block; position: absolute; top: -4px; left: -4px; right: 0; bottom: 0; width: 36px; height: 36px; -webkit-animation: pulse 1s ease infinite; animation: pulse 1s ease infinite; border-radius: 50%; border: 5px double #87BF2B }
.eventsCalendar-noEvents p { margin-bottom: 0 }
.eventsCalendar-day.dayWithEvents a { background: @primaryColor; color: contrast(@primaryColor); border-color: @primaryColor; text-decoration: none }
.eventsCalendar-day.dayWithEvents a.active:before { border: 5px double desaturate(darken(@primaryColor, 25%), 30%); }
.eventsCalendar-day.dayWithEvents a.active { background: desaturate(darken(@primaryColor, 25%), 30%); color: contrast(desaturate(darken(@primaryColor, 25%), 30%)); }
.eventsCalendar-day.dayWithEvents.current a.active::before { border-color: darken(@primaryColor, 25%) }
.eventsCalendar-day.dayWithOutDispo:not(.dayWithEvents) a, .eventsCalendar-day.dayIsLock:not(.dayWithEvents) a { background: #ccc; color: black; border-color: #ccc; text-decoration: none; opacity: .7 }
.eventsCalendar-day.dayWithOutDispo:not(.dayWithEvents) a:hover { background: #ccc; }
.eventsCalendar-day.dayWithOutDispo:not(.dayWithEvents) a.active:before, .eventsCalendar-day.dayIsLock:not(.dayWithEvents) a.active:before { border: 5px double #ccc }
.eventsCalendar-day.dayWithOutDispo:not(.dayWithEvents) a.active, .eventsCalendar-day.dayIsLock:not(.dayWithEvents) a.active { background: #ccc }
.eventsCalendar-day.dayWithOutDispo.current:not(.dayWithEvents) a.active::before, .eventsCalendar-day.dayIsLock.current:not(.dayWithEvents) a.active::before { border-color: #D71921 }
.eventsCalendar-day.dayWithOutDispo.dayWithEvents a:hover { background-color: @primaryColor !important; }
.eventsCalendar-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.eventsCalendar-list .nodispo, .eventsCalendar-list .lock { color: #D71921; /*font-size: 1.1rem*/ }
.eventsCalendar-list li .eventTitle { background: @primaryColor; color: contrast(@primaryColor); }
.eventsCalendar-list li .eventTitle.active { background: desaturate(darken(@primaryColor, 25%), 30%); color: contrast(desaturate(darken(@primaryColor, 25%), 30%)); }
.eventsCalendar-list li .eventTitle:hover { opacity: 1; }
.eventsCalendar-list li .eventTitle[data-dispo="0"], .eventsCalendar-list li .eventTitle[data-islock="true"] { background: #ccc; color: #fff; }

/****** PANO ET PLAN SALLE  ********/
#planSalle .js-offcanvas { top: 52px; height: calc(100vh - 52px); }
#divForAdress { text-align: center; display: table; margin: auto; background-color: fade(@secondaryColor, 50%); color: @btnSecondaryTextColor; padding: 4px 15px; border-radius: 3px; margin-top: 7px; }
#PanierPlanSalle { -webkit-backface-visibility: hidden; margin-bottom:0;}
#PanierPlanSalle li { float: left }
#PanierPlanSalle li a { padding-left: 7px; padding-right: 7px; padding-top: 15px; padding-bottom: 15px }
#PanierPlanSalle .navbar-nav { margin: 0 }
#planSalle, #bodyPopPlanSalle { background: #E8E8E8; overflow: hidden; padding: 0; margin: 0; }
#planSalle .btSupp { padding-left: 13px }
.noplacesflagged { text-align: center }
#planSalle #aide ul li { list-style: decimal }
#divForLegend:not(:empty) { color: white; margin-bottom: 10px; line-height: 2.2em; }
#off-canvas-legend { background-color: rgba(0, 0, 0, 0.9); color: #fff }
#off-canvas-legend .fa-times { color: #fff }
#pastilleLegend { position: relative; margin-left: 7px; display: inline-block; vertical-align: top; }
#emplacementPanier li a.btn { margin-top: 5px; margin-left: 10px; margin-bottom: 5px }
#emplacementPanier li { font-weight: 400; color: #2d2d2d }
#emplacementPanier .alert { margin-bottom: 10px }
#divForLegend svg, #pastilleLegend svg { margin-right: 5px; width: 15px; height: 15px; display: inline-block; }
#pastilleLegend svg { position: absolute; margin-top: 2px; }
#divForLegend .tdOfTableOfLegendsForImage { vertical-align: middle; }
#divForImgPlan > .map { margin: auto }
#pano { margin-bottom: 20px; width: 100%; height: 50vh !important; }
.seeMyPlace { padding-top: 5px; padding-left: 5px; padding-bottom: 10px; font-weight: normal }
#seeMyPlace { display: inline-block; padding: 6px 25px 6px 25px; text-align: center; color: #2d2d2d; background: #EBEBEB; margin: 0; white-space: nowrap; font-weight: 700; border: none; border-bottom: 2px solid rgba(0, 0, 0, .2) }
#seeMyPlace:hover { background: #ababab; color: #fff }
#cartSelect {margin-top:5px;}
#cartSelect .placenumber { position: relative; z-index: 1; }
#cartSelect .placenumber:before { content: ""; display: inline-block; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; -webkit-animation: PlaceNumberPop 0.3s ease-in forwards; animation: PlaceNumberPop 0.3s ease-in forwards; }
@-webkit-keyframes PlaceNumberPop {
    0% { width: 10px; height: 10px; opacity: 1; }
    100% { width: 70px; height: 70px; opacity: 0; }
}
@keyframes PlaceNumberPop {
    0% { width: 10px; height: 10px; opacity: 1; }
    100% { width: 70px; height: 70px; opacity: 0; }
}
#divForBackgroundSalle { position: absolute; top: 0; z-index: 1; }
#divPlanSalleWrapper { position: relative; margin: auto; }
#PlanSalleScrollable {overflow: scroll; -webkit-overflow-scrolling: touch; width: 100%; }
#svgPlanSalle { overflow: overlay; position: relative; z-index: 2; }
#svgPlanSalle .trait { stroke: rgba(0, 0, 0, 0.3); stroke-width: 1; }
#svgPlanSalle .poteau { fill: transparent; stroke: rgba(0, 0, 0, 0.3); stroke-width: 2; }
#svgPlanSalle .textrang { font-weight: bold; fill: rgba(0, 0, 0, 0.3); }
#svgPlanSalle .textlong { fill: #000000; /*font-size: 16px;*/ opacity: 0.5; }
.seatimage.pris { background: #ffffff }
.seatimage.free:not(.popUp):not(.nofree):not(.legend):hover { background-image: none; background: rgba(0, 153, 0, .3) !important; -webkit-box-shadow: inset 0px 0px 0px 2px #009900; box-shadow: inset 0px 0px 0px 2px #009900; border-radius: 50%; background: #89849b; }
.seatimage:not(.cloned) { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.seatimage.perspect { border-radius: 100px; border: 1px solid #ffffff; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; }
.seatimage.perspect.ui-selected, .seatimage.perspect.pris { background-image: none; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; }

/* base siege */
.seatimage.aplat  {width:18.59px;height:18.59px; pointer-events: bounding-box;}
.siegeall { position: relative; }
.siegeall:not(.nofree):not(.legend):not(.notHightLight):not(.popUp):hover { cursor: pointer; }

/* couleurs des catégories */
.loopCategColors(@count) when (@count > 0) {
  .loopCategColors((@count - 1));
  @categcount: "categ@{count}";
  .siegeall.categNo@{count} .siegebg,.siegeall.categNo@{count} circle, circle.siegeall.categNo@{count}, #ctl00_ContentPlaceHolder1_divForGrilleTarifHtml .categNo@{count}:not(.GrilleTarifNameVide):before { background-color: @@categcount; fill: @@categcount; }
}
.loopCategColors(50);

.siegeall .siegebg { -webkit-transition: all 0.3s ease-in-out 0.35s; transition: all 0.3s ease-in-out 0.35s; }
.siegeall.nofree .siegebg, .previewPlaces .seatimage.aplat:not(.pris) .siegebg { fill: #fff; }
.siegeall .siegedark { opacity: 0.15; }
.siegeall .siege50 { opacity: 0.4; }
.siegeall .siegelight { fill: #FFFFFF; }
.siegeall .siegeInner { -webkit-transform-origin: 25px 25px 0; -ms-transform-origin: 25px 25px 0; transform-origin: 25px 25px 0; }
.siegeall .siegeBordure .bordure {stroke: rgba(0, 0, 0, 0.5); stroke-width: 4;}
.siegeall .siegeBordure .bordureTop, .siegeall .siegeBordure .bordureBottom, .siegeall .siegeBordure .bordureLeft, .siegeall .siegeBordure .bordureRight { opacity: 0; }
.siegeall.bord15 .bordureTop, .siegeall.bord14 .bordureTop, .siegeall.bord13 .bordureTop, .siegeall.bord12 .bordureTop, .siegeall.bord7 .bordureTop, .siegeall.bord6 .bordureTop, .siegeall.bord5 .bordureTop, .siegeall.bord4 .bordureTop { opacity: 1; }
.siegeall.bord15 .bordureLeft, .siegeall.bord13 .bordureLeft, .siegeall.bord11 .bordureLeft, .siegeall.bord9 .bordureLeft, .siegeall.bord7 .bordureLeft, .siegeall.bord5 .bordureLeft, .siegeall.bord3 .bordureLeft, .siegeall.bord1 .bordureLeft { opacity: 1; }
.siegeall.bord15 .bordureRight, .siegeall.bord14 .bordureRight, .siegeall.bord11 .bordureRight, .siegeall.bord10 .bordureRight, .siegeall.bord7 .bordureRight, .siegeall.bord6 .bordureRight, .siegeall.bord3 .bordureRight, .siegeall.bord2 .bordureRight { opacity: 1; }
.siegeall.bord15 .bordureBottom, .siegeall.bord14 .bordureBottom, .siegeall.bord13 .bordureBottom, .siegeall.bord12 .bordureBottom, .siegeall.bord11 .bordureBottom, .siegeall.bord10 .bordureBottom, .siegeall.bord9 .bordureBottom, .siegeall.bord8 .bordureBottom { opacity: 1; }
.siegeall:not([dstion="y"]) .distanceArrow { display: none; }
.siegeall[dstion="y"] .siegeFlip { display: none; }
.siegeall[dstion="y"] .distanceArrow { display: block !important; }
.siegeall[dstion="y"] .distanceArrow circle { fill: #ea4d4d; stroke-width: 4px; stroke: white; }
.siegeall.perspect[dstion="y"] { stroke-width: 2px; stroke: white; fill: #ea4d4d; }
/* flip on click */
.siegeall .siegeFlip { -webkit-transform-origin: 25px 25px 0; -ms-transform-origin: 25px 25px 0; transform-origin: 25px 25px 0; }
.siegeall[orientation="SO"] .siegeFlip, .siegeall[orientation="NE"] .siegeFlip {
-webkit-transform-origin: 30px 30px 0; -ms-transform-origin: 30px 30px 0; transform-origin: 30px 30px 0;
}
.siegeall.ui-selected .siegebg, .siegeall.ui-selected.pris .siegebg, circle.siegeall.ui-selected, circle.siegeall.ui-selected.pris, .planPreview .siegeall.notHightLight .siegebg, .planPreview circle.siegeall.notHightLight { fill: @seatSelected; }
.siegeall.ui-selected .siegeInner,.siegeall.ui-selected circle, .planPreview .siegeall.pris .siegeInner { animation: bounceSelected .5s ease-in-out infinite reverse; }
@-webkit-keyframes bounceSelected {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
@keyframes bounceSelected {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
body.desktopDevice .siegeall.ui-selected[orientation="S"] .siegeFlip, body.desktopDevice .siegeall.ui-selected[orientation="N"] .siegeFlip { -webkit-animation: flaggedTempoAnimSN 0.7s ease-in; animation: flaggedTempoAnimSN 0.7s ease-in; }
body.desktopDevice .siegeall.ui-selected[orientation="E"] .siegeFlip, body.desktopDevice .siegeall.ui-selected[orientation="O"] .siegeFlip { -webkit-animation: flaggedTempoAnimEO 0.7s ease-in; animation: flaggedTempoAnimEO 0.7s ease-in; }
body.desktopDevice .siegeall.ui-selected[orientation="SE"] .siegeFlip, body.desktopDevice .siegeall.ui-selected[orientation="NO"] .siegeFlip { -webkit-animation: flaggedTempoAnimSENO 0.7s ease-in; animation: flaggedTempoAnimSENO 0.7s ease-in; }
body.desktopDevice .siegeall.ui-selected[orientation="SO"] .siegeFlip, body.desktopDevice .siegeall.ui-selected[orientation="NE"] .siegeFlip { -webkit-animation: flaggedTempoAnimSONE 0.7s ease-in; animation: flaggedTempoAnimSONE 0.7s ease-in; }

/** flip S, N anim **/
@-webkit-keyframes flaggedTempoAnimSN {
    0% { -webkit-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
    50% { -webkit-transform: rotateY(90deg) scale(1.5, 1.5); transform: rotateY(90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotateY(180deg) scale(1, 1); transform: rotateY(180deg) scale(1, 1); }
}
@keyframes flaggedTempoAnimSN {
    0% { -webkit-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
    50% { -webkit-transform: rotateY(90deg) scale(1.5, 1.5); transform: rotateY(90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotateY(180deg) scale(1, 1); transform: rotateY(180deg) scale(1, 1); }
}

/** flip E, O anim **/
@-webkit-keyframes flaggedTempoAnimEO {
    0% { -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); }
    50% { -webkit-transform: rotateX(90deg) scale(1.5, 1.5); transform: rotateX(90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotateX(180deg) scale(1, 1); transform: rotateX(180deg) scale(1, 1); }
}
@keyframes flaggedTempoAnimEO {
    0% { -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); }
    50% { -webkit-transform: rotateX(90deg) scale(1.5, 1.5); transform: rotateX(90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotateX(180deg) scale(1, 1); transform: rotateX(180deg) scale(1, 1); }
}

/** flip SE, NO anim **/
@-webkit-keyframes flaggedTempoAnimSENO {
    0% { -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); }
    50% { -webkit-transform: rotate3d(45, 45, 0, -90deg) scale(1.5, 1.5); transform: rotate3d(45, 45, 0, -90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotate3d(90, 90, 0, -180deg) scale(1, 1); transform: rotate3d(90, 90, 0, -180deg) scale(1, 1); }
}
@keyframes flaggedTempoAnimSENO {
    0% { -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); }
    50% { -webkit-transform: rotate3d(45, 45, 0, -90deg) scale(1.5, 1.5); transform: rotate3d(45, 45, 0, -90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotate3d(90, 90, 0, -180deg) scale(1, 1); transform: rotate3d(90, 90, 0, -180deg) scale(1, 1); }
}

/** flip SO, NE anim **/
@-webkit-keyframes flaggedTempoAnimSONE {
    0% { -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); }
    50% { -webkit-transform: rotate3d(-45, 45, 0, -90deg) scale(1.5, 1.5); transform: rotate3d(-45, 45, 0, -90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotate3d(-90, 90, 0, -180deg) scale(1, 1); transform: rotate3d(-90, 90, 0, -180deg) scale(1, 1); }
}
@keyframes flaggedTempoAnimSONE {
    0% { -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); transform: rotate3d(0, 0, 0, 0deg) scale(1, 1); }
    50% { -webkit-transform: rotate3d(-45, 45, 0, -90deg) scale(1.5, 1.5); transform: rotate3d(-45, 45, 0, -90deg) scale(1.5, 1.5); }
    100% { -webkit-transform: rotate3d(-90, 90, 0, -180deg) scale(1, 1); transform: rotate3d(-90, 90, 0, -180deg) scale(1, 1); }
}

/****** PANIER  ********/
#InsertBasket {
    margin-bottom: 20px;
}
.table:empty { margin-bottom: 0 }
tr:empty, td:empty { padding: 0 }
table:not(#ctl00_ContentPlaceHolder1_tblEventsList):not(.TableOfLegends):not(#tblemplacementPanier):not(.calendarPicker):not(#ctl00_ContentPlaceHolder1_tblAbosList) { background: #F5F5F5 }
table:not(#ctl00_ContentPlaceHolder1_tblEventsList):not(.TableOfLegends):not(#tblemplacementPanier):not(.calendarPicker):not(#ctl00_ContentPlaceHolder1_tblAbosList) td { vertical-align: middle; padding: 10px 20px }
table:not(#ctl00_ContentPlaceHolder1_tblEventsList):not(.TableOfLegends):not(#tblemplacementPanier)  tr:last-child td { padding-bottom: 10px !important }
table:not(:empty):not(.TableOfLegends) { /*font-size: 1rem;*/ width: 100% }
table .trProduit img { max-width: 100%; height: auto; width: 40px }
table .trProduit img+.productname { margin-left: 7px }
table .trentete:not(:first-child) { font-size: 0; opacity: 0 }
table .trentete:not(:first-child) th { padding: 0px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.07) }
table .trentete th { padding: 8px 20px !important; font-weight: normal; background-color: transparent !important }
table .trentete { background-color: @secondaryColor !important; color: @btnSecondaryTextColor; font-weight: 700 }
table .trentete .GrilleTarifNameVide { background-color: #fff; border: 0 !important }
#ctl00_ContentPlaceHolder1_tblEntrees:not(:empty), #ctl00_ContentPlaceHolder1_divtblEntreesAbo:not(:empty), #divForProductGlobal:not(:empty), #ctl00_ContentPlaceHolder1_divForProductsAutonomes:not(:empty) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
#ctl00_ContentPlaceHolder1_tblEntrees .trSessions.samemanif { margin-top: 15px; }
#ctl00_ContentPlaceHolder1_tblEntrees .trSessions:not(.firstchild):not(.samemanif) { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, .1); }
#ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance='M'], #ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance='S'] { margin-bottom: 5px; }
#ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance='M'] { background-color: rgba(0, 0, 0, .025) }
#ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance='S'] .tdProductName { padding-left: 30px; }
#ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance="S"] .tdProductName:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; margin-right: 10px; opacity: .5; padding-left: 6px }
#ctl00_ContentPlaceHolder1_tblEntrees .trProduit[data-productmanifseance="M"] .tdProductName:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; margin-right: 10px; opacity: .5; padding-left: 6px }
#ctl00_ContentPlaceHolder1_tblEntrees .trSeats { padding-top: 7px; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
#ctl00_ContentPlaceHolder1_tblEntrees .trDetailSeats, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .trDetailSeats { line-height: 1.4em; }
#ctl00_ContentPlaceHolder1_tblEntrees .trSeats.linked, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .trSeats.linked { background-color: rgba(0, 0, 0, .05); }
#ctl00_ContentPlaceHolder1_tblEntrees .tdEventName .EventDate:before { content: ''; display: inline-block; height: 11px; width: 3px; vertical-align: baseline; margin-right: 5px; background-color: @primaryColor; }
#ctl00_ContentPlaceHolder1_tblEntrees .tdEventName .EventName { font-weight: bold; display: block; line-height: 1.5rem; /*font-size: 1.2rem*/ }
#ctl00_ContentPlaceHolder1_tblEntrees .tdEventName .EventDate { opacity: 0.75; font-size: 1rem; font-style: italic; display: block; }
#ctl00_ContentPlaceHolder1_tblEntrees .tdseatdetail .DetailSeats:not(:empty), #ctl00_ContentPlaceHolder1_divtblEntreesAbo .tdseatdetail .DetailSeats:not(:empty) { padding-left: 15px; border-left: 2px solid rgba(0, 0, 0, .1); margin-left: 10px }
#ctl00_ContentPlaceHolder1_tblEntrees .tdTotalAmount, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .tdTotalAmount, table .tdTotalAmount, #ctl00_ContentPlaceHolder1_tblEntrees .thTotalAmount, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .thTotalAmount, table .thTotalAmount, table .cellmontantmommande, table  .cellfraismontant, #divForProductGlobal .tdTotalAmount, #ctl00_ContentPlaceHolder1_divForProductsAutonomes .tdTotalAmount { text-align: right; font-weight: 900 }
#ctl00_ContentPlaceHolder1_tblEntrees .thUnitPrice, #ctl00_ContentPlaceHolder1_tblEntrees  .tdUnitPrice, #divForProductGlobal .thUnitPrice, #divForProductGlobal  .tdUnitPrice, #ctl00_ContentPlaceHolder1_divForProductsAutonomes .tdUnitPrice { text-align: right }
#ctl00_ContentPlaceHolder1_tblEntrees  .tdUnitPrice, #divForProductGlobal  .tdUnitPrice, #ctl00_ContentPlaceHolder1_divForProductsAutonomes .tdUnitPrice { opacity: 0.7; }
#ctl00_ContentPlaceHolder1_tblEntrees .tdsupp { text-align: center }
#ctl00_ContentPlaceHolder1_tblEntrees .GtCategName { border-right: 1px solid #ddd }
#ctl00_ContentPlaceHolder1_tblEntrees .trSeats, #ctl00_ContentPlaceHolder1_tblEntrees .trDetailSeats, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .trSeats, #ctl00_ContentPlaceHolder1_divtblEntreesAbo .trDetailSeats { padding-left: 15px; }
#ctl00_ContentPlaceHolder1_divForProductsAutonomes .trProduit, #divForProductGlobal .trProduit { padding-bottom: 7px; }
#ctl00_ContentPlaceHolder1_divForProductsAutonomes .productimg, #divForProductGlobal .productimg, #ctl00_ContentPlaceHolder1_tblEntrees .productimg { display: inline-block; vertical-align: middle; width: 70px; padding-left: 5px; padding-right: 5px; text-align: center; }
@media (max-width:991.9px) {
    #ctl00_ContentPlaceHolder1_tblEntrees .tdPriceName, #ctl00_ContentPlaceHolder1_tblEntrees .tdProductNombre, #divForProductGlobal .tdProductNombre { text-align: right; }
}
.ticketamount.strikethrough, #ctl00_ContentPlaceHolder1_lblTotal s { font-size: .9em; opacity: .9; }
.ticketamount.strikethrough + .amount { margin-left: 4px }
table .cellmontantmommande .ticketamount.strikethrough {    /*font-size: .8em;*/ }
#ctl00_ContentPlaceHolder1_tableTotauxfChoixSeance { margin-bottom: 15px; }
#TableGrilleTarifs { border: 0 }
#ctl00_ContentPlaceHolder1_divForTxtRecherche { margin-bottom: 15px; }
#ctl00_ContentPlaceHolder1_divForGrilleTarifHtml .fa-spinner, #ctl00_ContentPlaceHolder1_divForTxtRecherche .fa-spinner { /*font-size: 30px;*/ margin-bottom: 20px; }
#modalPlanSalle .fa-spinner { /*font-size: 30px;*/ position: absolute; margin: auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#ctl00_ContentPlaceHolder1_divForGrilleTarifHtml .GtCategName:not(.GrilleTarifNameVide):before { content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 4px; vertical-align: sub; border-radius: 100px; }
input.inputNbSeats, input.inputMt { display: inline-block !important; padding: 6px 12px; line-height: 1.42857143; background-image: none; border: 1px solid #dee2e6; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; max-width: 90%; border-radius: .375rem }
#ctl00_ContentPlaceHolder1_tblTotal { font-size: 1.3em; }
#ctl00_ContentPlaceHolder1_tblTotal td { background-color: fade(@primaryColor, 80%); color: contrast(fade(@primaryColor, 80%)) }
#tblFrais .rowfrais, #tblFraisBasket .rowfrais { border-bottom: 2px solid white; }
#tblFrais .rowfrais:not(.active) { display: none; opacity: 0 }
#ctl00_ContentPlaceHolder1_tblEntrees th, #ctl00_ContentPlaceHolder1_tblEntrees td { white-space: nowrap }
#ctl00_ContentPlaceHolder1_lblChronoDebut, #ctl00_ContentPlaceHolder1_lblChrono, #ctl00_ContentPlaceHolder1_lblChronoDFin { background: transparent; padding: 0; color: inherit }
#ctl00_ContentPlaceHolder1_lblChrono { color: red }
#tdChrono { margin-top: 25px }
#ddlObtentionMultipleWrapper, #ddlObtentionAllWrapper { margin-bottom: 15px; margin-top: 15px; }
.ddlOneBlockObtention { padding: 15px; background-color: #F5F5F5; border-radius: 7px; margin-bottom: 7px; }
.basketSubTitle { /*color: @primaryColor;*/ text-transform: uppercase; margin-bottom: 20px; margin-top: 20px; text-align: center;/*font-size: 1.75em; font-weight: bold;*/ }
.basketSubTitle:after { padding-top: 15px; border-bottom: 1px solid @primaryColor; content: ''; height: auto; width: 25%; display: block; margin: auto; }

/****** PRODUITS *******/
#ctl00_ContentPlaceHolder1_divForProduct .trProduit { display: inline-block; max-width: 25%; width: 100%; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct { margin: 0px 5px 15px 5px; padding: 10px; display: block; background-color: rgba(0, 0, 0, .025); border: 1px solid rgba(0, 0, 0, .025); filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, .08), Direction=NaN, Strength=5); opacity: 0; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .tdProductImg { position: relative; background-color: #fff; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .tdProductImg img { display: inline; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .inputNbSeats { text-align: right; max-width: 63px; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .inputMt { max-width: 70px; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct { text-align: center }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .tdProductNombre { height: 60px; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .tdTotalAmount { /*font-size: 18px;*/ font-weight: bold; }
#ctl00_ContentPlaceHolder1_divForProduct .oneproduct .tdProductName { height: 50px; font-weight: bold; margin-top: 10px; }
@media (min-width:767px) and (max-width:991.9px) {
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit { max-width: 33.333%; }
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(3n+1) .oneproduct { margin-right: 0; }
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(3n+2) .oneproduct { margin-left: 0; }
}
@media (max-width:767.9px) {
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit { max-width: 50%; }
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(2n+1) .oneproduct { margin-right: 0; }
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(2n+2) .oneproduct { margin-left: 0; }
}
@media (min-width:992px) {
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(4n+1) .oneproduct { margin-right: 0; }
    #ctl00_ContentPlaceHolder1_divForProduct .trProduit:nth-child(4n+2) .oneproduct { margin-left: 0; }
}

/****** DIALOGS & MODALS ********/
#modalPlanSalle { overflow: hidden; }
#modalPlanSalle .modal-dialog { margin: 30px auto !important; }
#modalPlanSalle .modal-body { overflow: hidden; -webkit-overflow-scrolling: touch; height: 85vh; width: 100%; }
#planIframe { overflow: hidden; width: 100%; border: 0; min-height: 350px; height: 100%; }
.ui-dialog { z-index: 9999 }
.ui-widget.ui-widget-content { border: 0; position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 95%; width: 500px !important; border-radius: .5rem; overflow: hidden; }
.ui-widget-overlay { background-color: black; opacity: 0.5; position: fixed; height: 100vh; width: 100%; top: 0 }
.ui-widget-header { background-color: @secondaryColor; color: @btnSecondaryTextColor; border-radius: 0 }
.ui-dialog-titlebar-close { display: none }
.ui-resizable-handle { display: none !important }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-widget-content { border: none }
.ui-dialog-content, .ui-dialog-titlebar, .ui-dialog-buttonset { padding: 10px 15px }
.ui-dialog-buttonset { text-align: right }
.ui-dialog-buttonset button:not(:first-child) { margin-left: 2px }
.ui-dialog-buttonset button:not(:last-child) { margin-right: 2px }

/****** ONEPAGE ********/
.onePageCategTitle { /*font-size: 1.3em;*/ text-transform: uppercase; font-weight: 700; }
.onePageCategTitle:not(:first-child) { margin-top: 15px; }
.selectTarifs .form-horizontal .form-group { margin-bottom: 7px; }
#onepageBasketWrapper { position: fixed; top: 0px; width: 100%; z-index: 1043; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
#onepageBasketWrapper #openBasketDetails { position: relative; z-index: 2; -webkit-animation-duration: .65s; animation-duration: .65s }
#onepageBasketHeadWrapper { background: fade(@topNavBarBackgroundColor, 100%); padding-top: 10px; padding-bottom: 10px; }
.openBasketDetailsBtnWrapper { text-align: right; }
#onepageBasketDetailsWrapper { background: darken(@topNavBarBackgroundColor, 4%); color: @topNavBarTextColor; padding-top: 10px; padding-bottom: 10px; overflow: auto; }
#onepageBasketChrono { color: #fff; background-color: red; font-weight: bold; padding: 3px 7px; border-radius: 100px; margin: 10px 0; display: inline-block; }
#onepageBasketChronoWrapper.highlight { font-weight: bolder; }
#onepageBasketOverlay.active { position: fixed; -webkit-transition: background .3s; transition: background .3s; background: rgba(0, 0, 0, 0.65); top: 0; left: 0; right: 0; bottom: 0; z-index: 1042; }
html.basketopen, html.basketopen body { overflow: hidden; }
#onepageBasketTicketsWrapper, #onepageBasketProductsWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketWrapper, #onepageBasketProductsWrapper .onepageBasketOneProductWrapper { min-width: calc(50% - 14px); -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; background: lighten(@topNavBarBackgroundColor, 15%); padding: 7px; margin: 7px; -ms-flex-item-align: start; align-self: flex-start; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketHead:hover { cursor: pointer; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketHead:before { content: "\f056"; font: normal normal normal 14px/1 FontAwesome; /*font-size: inherit;*/ text-rendering: auto; -webkit-font-smoothing: antialiased; /*font-size: 1.4em;*/ margin-right: 7px; padding-top: 3px; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketHead.collapsed:before { content: "\f055"; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketHead, #onepageBasketProductsWrapper .onepageBasketOneProductHead { display: -webkit-box; display: -ms-flexbox; display: flex; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketDetails { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 7px; padding-top: 7px; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketDelete, #onepageBasketProductsWrapper .onepageBasketOneProductDelete, #onepageBasketProductsWrapper .onepageBasketOneProductGlobalDelete { color: #d9534f; /*font-size: 1.5em;*/ margin-left: auto; }
#onepageBasketTicketsWrapper .onepageBasketOneTicketDelete:hover, #onepageBasketProductsWrapper .onepageBasketOneProductDelete:hover, #onepageBasketProductsWrapper .onepageBasketOneProductGlobalDelete:hover { cursor: pointer; }
#onepageBasketTicketsWrapper .onepageBasketTotal, #onepageBasketProductsWrapper .onepageBasketTotal { font-style: italic; color: fade(@topNavBarTextColor, 75%); }
#onepageBasketTicketsWrapper .ticket_row { padding-right: 7px; }
#onepageBasketTicketsWrapper .ticket_row.totalTarifCateg { margin: 4px 0 7px 0; padding: 7px; background-color: darken(@topNavBarBackgroundColor,2%); }
#onepageBasketTicketsWrapperTitle, #onepageBasketProductsWrapperTitle { margin: 7px; text-transform: uppercase; font-weight: 600; position: relative; overflow: hidden; }
#onepageBasketTicketsWrapperTitle:after, #onepageBasketProductsWrapperTitle:after { content: ''; height: 1px; background-color: @topNavBarTextColor; width: 100%; position: absolute; bottom: 5px; margin-left: 10px; }
@media (max-width:991.9px) {
  #onepageBasketTicketsWrapper .onepageBasketOneTicketWrapper, #onepageBasketProductsWrapper .onepageBasketOneProductWrapper { min-width: 100%; }
  .openBasketDetailsBtnWrapper, .onepageBasketChronoWrapper { text-align: center; }
}
@-webkit-keyframes flipper {
  0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  70% { -webkit-transform: perspective(400px) rotateX(360deg); transform: perspective(400px) rotateX(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) rotateX(385deg); transform: perspective(400px) rotateX(385deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px)  rotateX(360deg); transform: perspective(400px)  rotateX(360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
}
@keyframes flipper {
  0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  70% { -webkit-transform: perspective(400px) rotateX(360deg); transform: perspective(400px) rotateX(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) rotateX(385deg); transform: perspective(400px) rotateX(385deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px)  rotateX(360deg); transform: perspective(400px)  rotateX(360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
}
.flipper { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipper; animation-name: flipper }

/****** FILTERS ********/
#ctl00_ContentPlaceHolder1_tbFiltreNomSeance { background: #fff url('/assets/images/indiv/search-icon.svg') calc(100% - 10px) center no-repeat; background-size: 17px; padding-right: 30px }
#divfiltres { border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); background-color: #fafafa; padding: 15px }
#resultFilters { padding-left: 0; margin: 0; }
#resultFilters:not(:empty) { padding-top: 15px; }
.fstNoResults { /*font-size: 1em;*/ }
.fstElement { width: 100%; font-size: inherit; border: 0; }
.fstMultipleMode .fstControls { width: auto; }
.fstMultipleMode .fstControls { padding: 0;/*padding: 5px 12px; font-size: 1rem;*/ }
.fstMultipleMode .fstQueryInput { /*font-size: inherit; float: left; padding: 0; margin: 0; color: inherit; width: 100% !important; padding: 6px 12px;line-height: 1rem; border: 1px solid #dee2e6; border-radius: .375rem;*/
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); height: auto; display: block; width: 100% !important; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .375rem; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; margin: 0; }
.fstResultItem, .fstChoiceItem { font-size: inherit; float: none; }
.fstChoiceRemove { color: @btnSecondaryTextColor; font-weight: 700; }
.fstChoiceItem { border: 1px solid @secondaryColor; color: @btnSecondaryTextColor; background-color: @secondaryColor; }
.fstResultItem.fstFocused { color: @btnPrimaryTextColor; background-color: @primaryColor; border-color: @primaryColor; }
.fstResultItem.fstSelected { color: @btnPrimaryTextColor; background-color: desaturate(@primaryColor, 60%); border-color: desaturate(@primaryColor, 60%); }
.fstResultItem.fstSelected:hover { cursor: not-allowed; }
select.input-sm { height: 24px !important; line-height: 10px }
.input-sm, select.input-sm { height: 25px; padding: 5px; /*font-size: 0.9rem;*/ font-weight: bold }
.ps.seatimage.free:not(.nofree) { cursor: pointer }
#ctl00_ContentPlaceHolder1_lblChrono { color: red }
#ctl00_ContentPlaceHolder1_linkdisplayLogin { margin: 0; float: right }
#ctl00_ContentPlaceHolder1_lkEtapeSuivante { float: right }
#allFilters .form-group:empty { display: none }
@media (max-width:767.9px) {
    #divfiltres .form-inline .form-group { width: 100% !important }
}
@media (min-width:768px) {
    #allFilters { display: -webkit-box; display: -ms-flexbox; display: flex }
    #allFilters .form-group:not(:first-child) { margin-left: 2px }
    #allFilters .form-group:not(:last-child) { margin-right: 2px }
    #allFilters .form-group { width: 100% }
}

/****** FOOTER ********/
#footer > .container { background: #ffffff; border-top: 1px solid #d2d1d1; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center }
#ctl00_templateFooter { color: @globalFontColor; text-align: center; margin: 0px auto; padding: 0px }
#ctl00_templateFooter ul { padding: 0; margin: 0 0 10px 0; }
#ctl00_templateFooter li { list-style: none; display: inline-block }
#ctl00_templateFooter li a { list-style: none; display: inline-block; padding: 0px 10px; }
#PlatformFooter { font-size: 0.85rem; text-align: center; padding-top: 5px }
#btnToTop { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: @primaryColor; color: contrast(@primaryColor); cursor: pointer; padding: .85rem 1.2rem; border-radius: 0.375rem; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; }
#btnToTop:hover { background-color: darken(@primaryColor, 30%); color: contrast(darken(@primaryColor, 30%)); }
#ctl00_ContentPlaceHolder1_PanelConditions { text-align: left }
#ctl00_ContentPlaceHolder1_lblManif { font-size: 1.8rem; font-weight: 500;/*font-weight:bold;*/ }
#ctl00_ContentPlaceHolder1_lblChoixSeance { text-align: center }

/****** BOOTSTRAP CUSTOM ********/
.modal-xl { width: 95%; }
.alert:empty { display: none }
.alert-danger { background-image: none; border-color: #ffebe9; background-color: #ffebe9; -webkit-box-shadow: none; box-shadow: none }
.form-control { height: auto; display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .375rem; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; }
select.form-control { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; padding: .375rem 2.25rem .375rem .75rem;}
.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)* 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 0.25rem;
}
.form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .1) }
.bs-callout:not(:empty) { padding: 10px; margin: 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; background-color: #fff }
.bs-callout:not(:empty) p:last-child { margin-bottom: 0 }
.bs-callout:not(:empty) code { border-radius: 3px }
.bs-callout:not(:empty)+.bs-callout:not(:empty) { margin-top: 10px }
.bs-callout-default:not(:empty) { border-left-color: #777 }
.bs-callout-primary:not(:empty) { border-left-color: @primaryColor }
.bs-callout-secondary:not(:empty) { border-left-color: @secondaryColor }
.bs-callout-success:not(:empty) { border-left-color: #5cb85c }
.bs-callout-danger:not(:empty) { border-left-color: #d9534f }
.bs-callout-warning:not(:empty) { border-left-color: #f0ad4e }
.bs-callout-info:not(:empty) { border-left-color: #5bc0de }
.table-responsive:not(:empty) { width: 100%; margin-bottom: 20px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: inherit }
.table-responsive>.table { margin-bottom: 0; white-space: nowrap }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
@media (max-width:980px) {
    .crumbs a:before { left: 14px }
}
@media (max-width:767px) {
    table .form-control { padding-left: 5px; padding-right: 5px }
}
@media (min-width:576px) {
    .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
}
@media (min-width:768px) {
    .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
    .collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible }
}
@media (min-width:992px) {
    .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
}
@media (min-width:1200px) {
    .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
}
.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.BtBuyCenter { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
.popover { min-width: 270px; }
.modal-footer .btn+.btn { margin-bottom: 5px; margin-left: 5px; }

/********** BOUTIQUE EN LIGNE *******/
/**** fil d'ariane ****/
#bel_breadcrumb { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size:.8rem }
#bel_breadcrumb { color: @globalFontColor; }
#bel_breadcrumb a { text-decoration: underline; }

/**** filtres ****/
#bel_filters { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size:.8rem; }
#bel_filters .btn { border: 1px solid #eee; margin-bottom: 0 }

/**** navbar Menu Produits****/
.navbar#navbarMenuProduits { border-radius: 0; background-image: none; background-color: #1a1a1a; -webkit-filter: none; filter: none; border-radius: .375rem; }
.navbar#navbarMenuProduits .navbar-nav>li>a { color: #fff; }
.navbar#navbarMenuProduits .dropdown-menu>li>a:hover, .navbar#navbarMenuProduits .dropdown-menu>li>a:focus { background-color: #eeeeee; background-image: none; -webkit-filter: none; filter: none; }
.navbar#navbarMenuProduits .dropdown-submenu:hover > a { position: relative; }
.navbar#navbarMenuProduits .dropdown-submenu > a { position: relative; }
.navbar#navbarMenuProduits .dropdown-submenu > a:after { display: block; content: ""; width: 3px; height: 100%; background-color: #ccc; border-width: 0; position: absolute; top: -4px; right: 11px; }
.navbar#navbarMenuProduits .dropdown-submenu:hover > a:after { background-color: @primaryColor; }
.navbar#navbarMenuProduits .navbar-toggle { margin-left: 15px; }

/**** bootstrap dropdown-submenu  ****/
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; border-radius: 0; min-height: calc(100% + 2px); }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #ffffff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; }

/**** search results wrapper ****/
#results_search_wrapper { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;    /*font-size:14px;*/ }

/**** produit détail ****/
#bel_productdetail .bel_product_title { font-size: 1.8rem; }
#bel_productdetail .bel_product_ref { margin-bottom: 10px; font-size: .84rem; }
#bel_productdetail .bel_product_img { width: 100%; background-color: #F6F6F6; display: block; margin-bottom: 10px; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; image-rendering: -webkit-optimize-contrast; aspect-ratio: @imageBoutiqueRatio; border-radius: .375rem; }
#bel_productdetail .bel_product_price { font-weight: 600; margin-bottom: 7px; line-height: .8em; font-size: 1.5rem; }
#bel_productdetail .bel_product_price small { font-size: 0.5em; vertical-align: top; }
#bel_productdetail .bel_product_oldprice { text-decoration: line-through; margin-left: 5px; }
#bel_productdetail .bel_badge_wrapper { position: absolute; top: 10px; left: 10px; }
#bel_productdetail .bel_badgepromo { border: 1px solid solid #b1f2a6; border-radius: 2px; background-color: #61c850; color: #fff; padding: 0 5px; }
#bel_productdetail .bel_badgeoutofstock { border: 1px solid solid #B53430; border-radius: 2px; background-color: #d9534f; color: #fff; padding: 0 5px; }
#bel_productdetail #inputs_bel_product_amount_wrapper { display: none; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#bel_productdetail .addnewlineproductvariableamount { margin-left: 10px; border-radius: 100px; }
#inputs_bel_product_amount_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; }
#btn_bel_addproduct { padding-left: 40px; padding-right: 40px; }
#input_bel_product_number, #input_bel_product_amount_original, .input_bel_product_amount_wrapper { display: none; }
[id^=input_bel_product_amount] { /*font-size: 24px;*/ }
[id^=input_bel_product_amount] + .input-group .input-group-append .input-group-text, [id^=input_bel_product_amount] + .input-group .input-group-prepend .input-group-text {    /*font-size: 24px;*/
padding: 0 .75rem; }
[id^=input_bel_product_number], [id^=input_bel_product_amount] {    /*padding-top:19px;
        padding-bottom:19px;*/ }
#bel_description_wrapper { text-align: justify; }
#bel_extrabuttons_wrapper { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width:768px) {
    #btn_bel_go_to_basket { margin-left: auto; }
}
@media (max-width:767.98px) {
    #bel_extrabuttons_wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

/**** produits ****/
.bel_viewmod .bel_product_price small { vertical-align: top; font-size: 0.5em; }
.bel_viewmod .bel_product_img { border-radius: .375rem; }
.bel_viewmod .bel_product_title a { color: @globalFontColor; }
.bel_viewmod .bel_product_wrapper { display: block; width: 100%; max-width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.bel_famille_link_see_more { font-size: .9rem; }
.bel_famille_title { color: @globalFontColor; }

/**** produit viewmod : list ****/
.bel_viewmod.list .bel_product_description { display: block; text-align: justify; }
.bel_viewmod.list .bel_product_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.bel_viewmod.list .bel_product_imgwrapper { width: 20%; }
.bel_viewmod.list .bel_product_infoswrapper { width: 55%; padding: 0 25px; }
.bel_viewmod.list .bel_product_buywrapper { width: 25%; text-align: right; }
.bel_viewmod.list .bel_product_img { width: 100%; background-color: #F6F6F6; display: block; margin-bottom: 10px; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; image-rendering: -webkit-optimize-contrast; aspect-ratio: @imageBoutiqueRatio; }
.bel_viewmod.list .bel_product_title {    /*font-size: 18px;*/
font-size: 1.25rem; line-height: 1.2em; margin-bottom: 10px; }
.bel_viewmod.list .bel_product_price {    /*font-size:24px;*/
font-size: 1.3rem; font-weight: 600; margin-bottom: 10px; line-height: 0.7em; }

/**** produit viewmod : grid ****/
.bel_viewmod.grid .bel_product_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.bel_viewmod.grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.bel_viewmod.grid .bel_product_infoswrapper { margin-bottom: .5rem; }
.bel_viewmod.grid:after { content: ""; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
.bel_viewmod.grid .bel_product_wrapper { text-align: center; }
.bel_viewmod.grid .bel_product_description { display: none; }
.bel_viewmod.grid .bel_product_img { width: 100%; background-color: #F6F6F6; display: block; margin-bottom: 10px; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; image-rendering: -webkit-optimize-contrast; aspect-ratio: @imageBoutiqueRatio; }
.bel_viewmod .bel_badge_wrapper { position: absolute; right: 10px; bottom: 10px; }
.bel_viewmod .bel_badgepromo { border: 1px solid solid #b1f2a6; border-radius: 2px; background-color: #61c850; color: #fff; padding: 0 5px; }
.bel_viewmod .bel_badgeoutofstock { border: 1px solid solid #B53430; border-radius: 2px; background-color: #d9534f; color: #fff; padding: 0 5px; }
.bel_viewmod.grid .bel_btn_seeproduct { margin-bottom: 0; }
.bel_viewmod.grid .bel_product_title { line-height: 1.2em;  }
.bel_viewmod.grid .bel_product_buywrapper { margin-top: auto; }
.bel_viewmod.grid .bel_product_price { font-size: 1.3rem; font-weight: 600; margin-bottom: 10px; line-height: 0.7em; }
.bel_viewmod.grid .bel_product_oldprice { text-decoration: line-through; margin-left: 5px; }
@media  (max-width:767.98px) {
    .bel_viewmod.list .bel_product_wrapper { text-align: center; }
    .bel_viewmod.list .bel_product_imgwrapper { width: inherit; }
    .bel_viewmod.list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
    .bel_viewmod.list  .bel_product_infoswrapper { margin-bottom: 0.5rem; width: inherit; padding: 0; }
    .bel_viewmod.list .bel_product_buywrapper { width: inherit; text-align: center; }
    .bel_viewmod.list  .bel_product_description { display: none; }
    .bel_viewmod.list .bel_product_title { font-size: inherit; margin-bottom: 0; }
    .bel_viewmod .bel_product_wrapper { max-width: calc(50% - 15px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    /* fix flex space between pour la derniere ligne orpheline */
    .bel_viewmod .bel_product_wrapper:nth-child(2n) { margin-left: 30px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
    .bel_viewmod.grid .bel_product_wrapper { max-width: calc(33.33% - 15px); }

    /* fix flex space between pour la derniere ligne orpheline */
    .bel_viewmod.grid .bel_product_wrapper:nth-child(3n-1), .bel_viewmod.grid .bel_product_wrapper:nth-child(3n) { margin-left: 20px; }
}
@media (min-width:1200px) {
    .bel_viewmod.grid .bel_product_wrapper { max-width: calc(25% - 15px); }

    /* fix flex space between pour la derniere ligne orpheline */
    .bel_viewmod.grid .bel_product_wrapper:nth-child(2n), .bel_viewmod.grid .bel_product_wrapper:nth-child(4n-1) { margin-left: 20px; }
}
.LitForCommentBoutiqueHomeHaut:not(:empty), .LitForCommentBoutiqueFamilleHaut:not(:empty), .LitForCommentBoutiqueSousFamilleHaut:not(:empty) { margin-bottom: 15px; }