@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap'); @font-face { font-family: '../../Fonts/webfontregular'; src: url('avenir-black-webfont.woff2') format('woff2'), url('avenir-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: '../../Fonts/webfontregular'; src: url('avenir-heavy-webfont.woff2') format('woff2'), url('avenir-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: '../../Fonts/webfontregular'; src: url('avenir-light-webfont.woff2') format('woff2'), url('avenir-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: '../../Fonts/webfontregular'; src: url('avenir-medium-webfont.woff2') format('woff2'), url('avenir-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: '../../Fonts/webfontregular'; src: url('avenir-roman-webfont.woff2') format('woff2'), url('avenir-roman-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { background-color: #fff !important; color: #000;!important; font-family: 'Hind', sans-serif; font-weight: 500; font-size: 1em; width: 100% !important; } p { line-height: 1.3em; margin: 0 0 20px; color: #313131; font-size: inherit; } #order-confirmation > p:nth-child(1), #order-confirmation > p:nth-child(2) { color: #fff!important; text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5)!important; } a, .btn-link { color: #313131; font-weight: 600; } a:focus, a:focus:active, .btn-link:focus, .btn-link:focus:active { color: #313131; text-decoration: none; } a:hover, a:active, .btn-link:hover, .btn-link:active { color: #313131!important; text-decoration: none!important; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: 'Hind', sans-serif; font-weight: 800; } h1, h2 { letter-spacing: -1px; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 2.5rem; font-weight: 800; } div.performance-info h3.item-short-description{ font-size: 1.5em !important; font-weight: 600; } .order-customer-details h3 { border-bottom: 1px solid #a7a8b7; margin: 0 0 30px; padding: 0 0 10px; font-weight: 800; } .listeconditions{ font-size: 12px!important; } .h4, h4 { font-size: 18px!important; font-weight: 600; } #viewOrder > div > div.order-items.col-lg-8 > div.navigation-box > input{ display:none!important; } .item-box h4, .result-box h3 { line-height: 1; margin: 0 0 10px 0px; font-weight: 600; } .item-box .field-label { color: #666; display: inline-block; font-size: 18px!important; margin: 0 5px; } .bundle-element-title { display:none!important; } .bundle-element-container { border: 0px solid #dedede!important; padding:0px!important; } .item-information.item-box .item-logo { padding: 5px; width: 100%; float: left; max-width: 100%!important; } .seat-quantity-label { font-size:16px!important; margin-bottom: 10px; } body[lang="en"] #tertiary-linked-features-0 { display: none!important; } body[lang="en"] #tertiary-linked-features-1 { display: none!important; } #bestb{ display: none!important; } .login > h3:nth-child(1), .create-account-box > p:nth-child(1) { text-align: center !important; font-size: 1.5em !important; } #default > div.articles.has-secondary-features > div > div.article-container.main-article-body > div.colonnegauche > h2:nth-child(7){ padding-top: 30px; } #default > div.articles.has-secondary-features > div > div.article-container.main-article-body > h1{ padding-bottom: 30px; } #default > div.articles.has-secondary-features > div > div.article-container.main-article-body > div.colonnegauche > h2:nth-child(8) { padding-top: 30px; } div.details-block:nth-child(4) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1){ display: none!important; } #viewOrder > div > div.order-details.col-lg-4 > div:nth-child(4) > h4{ font-weight: 600!important; } div.details-block:nth-child(4) > h4:nth-child(1){ padding-left: 10px!important; } a[href=""], a[href="mailto:"] { display: block !important; } .admission-row.section-box-item .section-box-item-details .field-label, .order-items .section-box-item .section-box-item-details .field-label, .order-item-details .section-box-item .section-box-item-details .field-label, .seat-location-information .section-box-item .section-box-item-details .field-label, .bundle-result-item.section-box-item .section-box-item-details .field-label, .ticket-usage.section-box-item .section-box-item-details .field-label, .seat-request.section-box-item .section-box-item-details .field-label, .seat-on-order.section-box-item .section-box-item-details .field-label, .reprint-ticket-item.section-box-item .section-box-item-details .field-label, .order-admission.section-box-item .section-box-item-details .field-label, .customer-tickets.section-box-item .section-box-item-details .field-label { font-size: 12px!important; line-height: 1; margin: 6px 0 7px 0; text-transform: uppercase!important; color: #121212!important; } .admission-total { display: none !important; } div.account-box:nth-child(11) > h3:nth-child(1){ display: none !important; } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 12px!important; font-weight: 400; line-height: 1.5; color: #313131!important; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .order-contact .billing-info .btn-group { width: 40%; display: flex; } .order-contact .billing-info .btn-group .btn:first-child { border-radius: 0; border-left: 0; border-left-color: currentcolor; font-size: 12px!important; padding: 8.5px 0px 6.5px 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child){ border-radius: 0; border-left: 1px solid #000; font-size: 12px!important; padding: 8.5px 5px 6.5px 5px; } #frmLoginDelivery > div.order-contact.section-box.row > div.order-billing.col-lg-6 > div.billing-info.billing-email > a{ border-radius: 0; border-left: 1px solid #000; font-size: 12px!important; padding: 8.5px 10px 6.5px 10px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle){ border-radius: 0!important; border-left: 1px solid #000; font-size: 12px!important; padding: 8.5px 10px 6.5px 10px!important; } a.btn-secondary, .btn-secondary, a.btn-secondary.disabled, .btn-secondary.disabled, a.btn-secondary:disabled, .btn-secondary:disabled { color: #fff !important; background-color: #000; font-weight: 600; } a.btn-secondary:hover, .btn-secondary:hover, a.btn-secondary.disabled, .btn-secondary.disabled, a.btn-secondary:disabled, .btn-secondary:disabled { color: #fff !important; background-color: rgb(0, 0, 0, 0.7) !important; border-color: #cccccc; font-weight: 600; } .account-box .field-label, .section-box .field-label { color: #121212; display: inline-block; vertical-align: top; font-size:18px!important; } #frmLoginDelivery > div:nth-child(4){ max-width:50%!important; margin-right: 50%; } .detailed-search-results .item-image.result-box-item-details { width: 20%; min-height: 32px; padding: 0 5px 0 0; } #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 > div.order-customer-contact.item-box > h4 > button, #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 > div.order-customer-address.item-box > h4 > button, #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 > div.order-customer-delivery.item-box > h4 > button{ text-transform: uppercase !important; font-size: 12px !important; color: #fff; text-decoration: underline; padding-top: 5px; } .order-instructions > p:nth-child(1){ display: none!important; } .order-customer-details .item-box-item, .order-totals .section-box-item { border-top: 1px dotted #ddd; font-size: 18px!important; } .delivery-method-selector label { font-weight: normal; font-size: 1.5rem; margin-top: -8px; margin-left: 10px; font-size:18px!important; } .account-box .input-group .form-control { width: 100%; } .order-items .item-options .btn.btn-danger { color: #c74059!important; } .order-items .item-options .btn + .btn{ display:none!important; } .handling-text section-box-item { display:none!important; } .order-items .item-options .btn.btn-danger:hover { background-color: #c74059!important; color:#fff!important; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%!important; } .admission-row.section-box-item .section-box-item-details.item-amount { margin-top: 20px; font-size:18px!important; } .performance-header { background-color: transparent!important; margin: 0 auto 20px; width: 100%; min-height: 80px; } #item-description > div.performance-venue > a > img { display: none!important; } #item-description > button{ display: none!important; } .performance-info #item-description-text{ line-height: 1.2em!important; margin-bottom: 5px; color: #121212!important; } .seat-price-zone { display:none!important; } #login > div.login-form.account-box > div.account-box.login.sso > form > ul > li:nth-child(1) > label, #login > div.login-form.account-box > div.account-box.login.sso > form > ul > li:nth-child(2) > label{ text-align: center!important; width:100%; } #shoppingCart > form:nth-child(3) > div.order-items.order-admissions.section-box > div > div.col-lg-8.order-2.order-lg-1 > div.admission-row.section-box-item.odd > div.seat-location.section-box-item-details > div > label > span { display:none!important; } .performance-info #item-description-text.text-truncate { overflow: visible!important; display: inline-block!important; -webkit-line-clamp: 10!important; -webkit-box-orient: vertical; height: 130px!important; white-space: normal; text-overflow: visible; width: 60%; } .account-box .no-label-indent { padding-left: 0px!important; } .more-info { float: right; width: 100%; text-align: right; } .performance-info .item-short-description, .performance-info #item-description, .show-more { overflow: visible!important; } .venue-image h4 { border-bottom: 1px dotted #ccc; padding-bottom: 15px; display: none!important; } .more-info { float: right; width: 32%; text-align: center; margin-top: 550px; /*! margin-left: 77%; */ z-index: 1; /*! height: 2000px; */ /*! background-color: red; */ /*! position: absolute; */ } .venue-city, .venue-zip, .venue-country{ /*! display: none!important; */ } .promotional-code-input { max-width: 300px; } .promotional-code-input .form-control { max-width: 100%; height: 45px!important; } .order-contact .billing-info .btn-group .btn:first-child { display: none!important; } #frmLoginDelivery > div.order-contact.section-box.row > div.order-billing.col-lg-6 > div.billing-info.billing-address{ display: none!important; } .remove-admissions .btn { min-width: 150px; color: #c74059!important; } .admission-row.section-box-item .section-box-item-details.seat-location { min-width: 10%!important; max-width: 10%!important; } #frmLoginDelivery > div.order-contact.section-box.row{ display: none; } #orderInfoLogout{ display: none; } #frmLoginDelivery > div.delivery-methods.section-box > h4{ display: none; } #loginDelivery > h1{ text-align: left!important; } #orderContact > form:nth-child(3) > div > div.order-payment-details.col-lg-8 > div.gift-card-payment.section-box{ display: none!important; } #orderContact > form:nth-child(3) > div > div.order-payment-details.col-lg-8{ float: left !important; max-width: 60%; margin-right: 5%; } #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; order: 2; background-color: #bfc0b7 !important; max-height: 450px; padding-top: 30px; margin-left: 5px; } #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 > div.order-customer-delivery.item-box > div:nth-child(3){ display: none!important; } .other-event { margin-bottom: 10px; display: none!important; } #frmLoginDelivery > div.reserve-seats.section-box{ display:none!important; } .texteboitemembre > h1:nth-child(1){ text-align:center!important; } #row_Admission\ générale{ display:none!important; } .login-form.account-box { display:grid!important; } .account-box.login{ order:2!important; } .account-box.create-account-box{ order:1!important; } .calendar-search-results .calendar-month #nextMonthButton { margin-right: 10%; background-color: #000; color: #fff !important; padding-right: 20px; padding-left: 20px; margin-top: 2px; margin-bottom: 2px; } .calendar-search-results .calendar-month #prevMonthButton { background-color: #000; color: #fff !important; padding-left: 20px; margin-top: 2px; margin-bottom: 2px; padding-right: 20px; } .calendar-day-event-name{ display: none; } .calendar-search-results .calendar-day-event .calendar-day-event-time-text { color: #000; font-size: 0.8em; } .lignetarif { display: inline-flex; width: 400px; justify-content: space-between; border-bottom: 1px solid; font-size: 18px; } .libeltarif { width: auto; margin-bottom: -5px; background-color: #fff; margin-top: 4px; padding-right: 5px; } .separateurtarif{ width: auto; border-bottom: 1px solid #000; } .valtarif { width: auto; text-align: right; margin-bottom: -5px; margin-top: 4px; background-color: #fff; padding-left: 5px; } .blochoraire { margin-bottom: 50px; } .instructions { font-size: 15px; width: 750px; } .mentiontarif { font-size: 15px; padding-top: 20px; font-style: italic; width: 500px; margin-bottom: 30px; } .section-box { border-top: 0px dotted #ccc!important; } .seat-customer{ display: none!important; } .delivery-methods{ width:50%!important; } .option-label{ font-size:18px!important; } .password-rules { display: inline-block; margin: 0 0 5px; font-size: 18px!important; line-height: 20px!important; } .ticket-layout > .seat-location { flex-direction: row; display: none!important; } div.article-container:nth-child(1) > p:nth-child(2) > a:nth-child(1){ text-decoration: underline; } .calendar-search-results .calendar-container .calendar-week .calendar-day .calendar-date-button { border-radius: 4px; width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 8px!important; padding-bottom: 8px!important; } .calendar-search-results .calendar-day-event .calendar-day-event-time .calendar-day-time-button { margin: 3px 6px 3px 0px; min-width: 75px; min-width: max(calc(100% / 7), 75px); padding-top: 8px!important; padding-bottom: 8px!important; } .select-price-zones{ display: none!important; } html.fontawesome-i2svg-active.fontawesome-i2svg-complete body div.content-wrapper div#content div.container div#default.bodyDetails div.articles.has-secondary-features.has-tertiary-features div.article-body-container div.article-container.secondary-linked-features div#promoCodeBox.promotional-code-input { display: none!important; } html.fontawesome-i2svg-active.fontawesome-i2svg-complete body div.content-wrapper div#content div.container div#default.bodyDetails div.articles.has-secondary-features div.article-body-container div.article-container.secondary-linked-features div#promoCodeBox.promotional-code-input{ } .input-group-append { font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #bfc0b7; border: 1px solid #ccc; border-radius: 0px 4px 4px 0px; z-index: 0!important; } .detailed-search-results .result-box-item .availability-indicator { display: none!important; } .search-results-container .item-start-date { color: #fff!important; } .search-results-container .item-venue { } .detailed-search-results .result-box-item-details.item-description { /*! display: none; */ } th.field-label.admPriceValue, td.adm-price-value.field-value, th.field-label.admSection, td.adm-section.field-value { display: none; } .performance-date{ display: none; } .promotional-code-input ul li { margin: 0 0 10px; font-size: 15px!important; } .promotag { margin-left: 5px; color: #000 !important; } div.bundle-fixed-elements{ display: none!important; } .item-box, .result-box { display: inline-block; margin: 10px 0 20px; width: 100%; } .bundle-element-title { padding-bottom: 10px; } .bundle-event-date { display: none!important; } div.bundle-event-seat-location.section-box-detail-data { display: none!important; } .bundle-item.admission-row.section-box-item .shopping-table { border-spacing: 2px; display: none;!important; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 0.1rem!important; margin-bottom: 1rem; list-style: none; background-color: transparent!important; border-radius: .25rem; } li.breadcrumb-item.bundle-flow-item{ color: #313131 !important; text-transform: uppercase; } li.breadcrumb-item.bundle-flow-item.active{ text-transform: uppercase; color: #fff !important; font-weight: 800; } li.breadcrumb-item{ color: #313131 !important; text-transform: uppercase; } li.breadcrumb-item.breadcrumb-active{ text-transform: uppercase; color: #fff !important; font-weight: 800; } div#seat-price-zone.item-box div.item-box-item.odd { border-bottom: 0px!important; } li.breadcrumb-item a{ color: #313131 !important; text-decoration: underline; text-transform: uppercase !important; } .price-types.item-box-item-details { padding-top: 8px!important; } div#seat-price-zone.item-box div.item-box-item.odd{ border: none!important; } .grid-result { border: 0px solid #bfc0b7!important; } div.grid-result.even, div.grid-result.odd { border-bottom: 0px solid #bfc0b7!important; } #header { border-bottom: 1px solid #e4e4e4; } .grid-result .item-description { } .venue-image-column .venue-image.item-box { display: none!important; } div.select-misc-item-column.av-left form#miscItems div.item-information.item-box div.item-description-details ul.list-unstyled li h3.item-short-description{ font-size: 2em!important; } .grid-result .item-description { font-family: 'Hind', sans-serif; } div.item-end-date{ display: none!important; } div.grid-search-results div.grid-result.odd.row-first-result-sm.row-first-result-md.row-first-result-lg div.item-description div.item-teaser, div.grid-search-results div.grid-result.even.row-first-result-sm.row-first-result-md.row-first-result-lg div.item-description div.item-teaser{ display: none!important; } .grid-result:hover .item-description .item-teaser, .grid-result:hover .item-description .item-end-date, .grid-result:hover .item-description .item-venue { cursor: default; overflow: hidden; opacity: 0; height: 0; max-height: 0; -webkit-transition: all .4s ease-in; /* For Safari 3.1 to 6.0 */ transition: all .4s ease-in; } .grid-result .item-description{ background: #000; color: #fff; text-transform: uppercase; width: 100%; margin-top: -10px; } div.item-start-date span.start-date-label{ display: none!important; } .grid-result .item-image { padding: 0 0 20px!important; background-color: #000; } /* Tuiles accueil -------------------------------------------------------------- */ .pageaccueil { width: 100%; } .espace-tuile {width: 100%;display: inline-flex;flex-wrap: wrap;justify-content: flex-start;margin: 20px 0px 20px 0px;} .tuile { border-bottom: 0px solid #bfc0b7 !important; margin-bottom: 30px !important; width: 30%; margin-right: 30px; } .tuile-cadre-image { padding: 0 0 20px !important; background-color: #000; display: block; } .tuile-image { width: 100%; max-width: 100%; } .tuile-cadre-description { min-height: 50px; font-family: 'Hind', sans-serif; background: #000 !important; color: #fff; text-align: center; } .tuile-description { padding: 5px 10px 5px 10px !important; text-transform: uppercase; color: #d5d6cc; min-height: 70px; font-weight: 800; } .tuile-lien { bottom: 0px; left: 0px !important; right: 0px !important; background-color: #000; padding: 10px 0px 10px 0px; color: #a8a8a8; width: 100%; text-transform: uppercase; font-size: .8em; position: relative; text-align: center; } .tuile-lien:hover { color: #d5d6cc!important; } .tuile-lien > a:hover { color: #d5d6cc!important; } .tuile-bouton { width: 100%; } #shoppingCart .bundle-result .section-box-item { padding-right: 0px!important; } .delivery-method-description { display: none!important; } .legend-div, .bundle-event-list-div { padding: 10px 12px; background: #bfc0b7!important; } .zone-label { overflow: hidden; display:none!important; } #shoppingCart .section-box-item { padding: 20px 10px!important; border-top: 1px dotted #ddd; } div#giftCertificateDetails.bodyDetails div.row div.col-lg-12 form div.stored-value-header.has-logo1.item-information.item-box div.item-logo { display: none!important; } #sdOkay { background-color: #000!important; } #popupDiv .modal-content { background-color:#d5d6cc!important; } .popup-add-donation .modal-body iframe { background-color:#d5d6cc!important; } .header { color: #000!important; } a.btn-primary, .btn-primary, a.btn-primary.disabled, .btn-primary.disabled, a.btn-primary:disabled, .btn-primary:disabled { color: #ffffff; background-color: #ed2335 !important; border-color: #000!important; text-transform: uppercase!important; border-radius: 0px; font-family: 'Hind', sans-serif; } div.gift-header.has-logo1.item-information.item-box div.item-logo { display:none!important; } #login > div.account-box.page-heading::after { content: 'Bienvenue sur votre compte client ! Connectez-vous ou créez votre compte dès maintenant pour accéder à des offres uniques, vous inscrire à notre infolettre, gérer vos modes de paiement et simplifier vos achats en ligne !'; } /* Élément | https://billetterie.cldv.ca/Online/default.asp */ #menuTopItem0 { border-bottom: 6px solid #68696d; } /* Élément | https://billetterie.cldv.ca/Online/default.asp */ #menuTopItem1 { border-bottom: 6px solid #00b4e5; } /* Élément | https://billetterie.cldv.ca/Online/default.asp */ #menuTopItem2 { border-bottom: 6px solid #ed2335; } /* Élément | https://billetterie.cldv.ca/Online/default.asp */ #menuTopItem3 { border-bottom: 6px solid #00b974; } /* Élément | https://billetterie.cldv.ca/Online/default.asp */ #menuTopItem4 { border-bottom: 6px solid #ffcd00; } .item-venue { display: none!important; } body#popupBody div#avWidget_957A60B8-7061-4A83-A6DC-673EFF30AE29_IDNTMEKXCNAO3CJGXIEK1PG2F2LEPKNWWQI3OQGML1TXA2ISM2UAVF div div.search-results-container form div.detailed-search-results.results-box div.odd.result-box-item { display: inline-block!important; } table.admissions-table thead th.admRow { width: 15%!important; } .show, .hide { position: inherit; bottom: -1em; z-index: 0; text-align: center; border: none; margin-left: 0px!important; } .fullpicker, .fullfilledpicker { fill: rgb(127, 127, 127)!important; fill-opacity: .3 !important; stroke: black; stroke-width: 1; } .fullpicker:hover, .fullfilledpicker:hover { fill: rgb(127, 127, 127)!important; fill-opacity: .5 !important; stroke: black; stroke-width: 1; } .order-instructions > p:nth-child(2) { display: none!important; } /* Header desktop min 992 -------------------------------------------------------------- */ @media only screen and (min-width: 992px) { div#mapControlsAndLegend.inner-legend div#screen_flip_section.inner-legend-container.item-box div.item-box-item { display: flex!important; } #menu { background-color: transparent !important; top: 40px; z-index: 0; position: fixed; text-align: right; /*! height: 120px; */ } #header { background: white; position: absolute; width: 100%; z-index: 999; position: fixed; height: 210px; } #header .header-content > a > img { display: block; float: left; margin-top: 12px; } .bodyDetails { margin-top: 250px; } .grid-result { min-height: 300px !important; max-height: auto; height: auto !important; } .account-box.page-heading { margin: 0px auto!important; max-width: 1000px; text-align: center; } #tertiary-linked-features-2 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1), #tertiary-linked-features-1 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1), #tertiary-linked-features-0 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1){ max-height: 600px!important; display: block!important; } body div.content-wrapper div#content div.container div#createAccount.bodyDetails div.account-box.page-heading h1 { text-align: left !important; } div.account-box.payment-input-box ul.list-unstyled li.no-label-indent label span.field-label{ width: 100%!important; } .svg-inline--fa.fa-w-14 { width: .875em; display: none !important; } .menuTopItem has-sub-menu clearfix dropdown, .menu_item empty-link-dropdown-toggle:hover{ display: block!important; } .menuContainer.main-nav .nav .menuTopItem:hover .dropdown-menu{ display:block!important; } .system-message-block.alert { max-width: 100%; margin: 0 auto 0px !important; padding-top: 55px; z-index: 999; } body[lang="fr"] #order-addmissions::after { content: "Merci de votre achat, un courriel de confirmation sera envoyée."; font-size: 18px; width: 100%; display: block; text-align: center; } body[lang="en"] #order-addmissions::after { content: "Merci de votre achat, un courriel de confirmation sera envoyé."; font-size: 18px; width: 100%; display: block; text-align: center; } div.odd.result-box-item, div.even.result-box-item{ height: 200px !important; align-items: center !important; display: flex !important; background-color: #7f7f7f !important; margin-bottom: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.account-box:nth-child(10){ padding-bottom: 0px !important; } #menuTop .menuTopItem.has-sub-menu.open { background: white; } #menuTop .menuTopItem.has-sub-menu.open a { background: white; } #menuTop .menu_item { color: #777777; text-transform: uppercase!important; text-decoration: none; display: inline-block; padding: 5px 10px; position: relative; font-size: .8em; font-family: 'Hind', sans-serif; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; font-weight: 600; } #menuTop .menu_item:hover { color: rgba(0, 0, 0, 0.7)!important; } .nav > li > a { transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; } .nav > li > a:hover { color: rgba(0, 0, 0, 0.7); transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; } .breadcrumb { list-style: none; font-size: .8rem!important; } .performance-info { padding: 15px; vertical-align: middle; float: left; width: 100%; } .menuContainer.main-nav .nav { display: block; margin: 0; margin-top: 0px; margin-top: 38px; } .menuContainer.main-nav .nav .menuTopItem .menu_item span{ text-decoration: none; display: inline-block; position: relative; font-family: 'Hind', sans-serif; } .menuContainer.main-nav .nav .menuTopItem .menu_item span:hover{ color: color: rgba(0, 0, 0, 0.2); } .navigation-box{ margin: 0 auto 20px; max-width: 100%!important; padding: 10px 0px!important; } .menuContainer.main-nav .nav .menuTopItem .menu_item span:hover::after { width: 100%; left: 0; } #menuTop .menu_item.menu-link a { background: transparent; } #menuTopItem-help{ display: none!important; } .ticket-layout .section-box-item-details { overflow-wrap: break-word; word-wrap: break-word; width: auto!important; } #menuTop .dropdown-menu { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; box-shadow: none; background-color: black; } #menuTop .dropdown-menu li { border-top: 0px solid black; } #menuTop .dropdown-menu li + li { border: none; } #menuTop .menuSubItem a { color: black; font-weight: 600; font-size:12px; } #menuTop .menuSubItem a:focus, #menuTop .menuSubItem a:focus:active { color: black; background: transparent; } #menuTop .menuSubItem a:hover, #menuTop .menuSubItem a:active { color: #4f4f4f; background: white; text-decoration: underline; } .account-box { border-top: 0; display: block; padding: 10px 0; margin: 0 auto 20px; width: 100%; max-width: 100%; text-align: left; } .customer-communication .account-options-heading { margin-top: 15px; margin-bottom: 15px; font-weight: 800; } .form-check .form-check-label { min-height: 20px; padding-left: 0px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 18px; } #createAccount{ width:70%!important; } .form-check { position: relative; display: block; padding-left: 0rem!important; } .order-details{ order:2!important; background: #e9ecef; font-size: 18px; } div.details-block:nth-child(1){ padding-top: 15px; } div.details-block:nth-child(1) > h4:nth-child(1), div.details-block:nth-child(3) > h4:nth-child(1), div.details-block:nth-child(2) > h4:nth-child(1) { font-weight: 800; } .section-box-item-details.last-column { float: right; padding: 0; padding-right: 0px; padding-right: 8px; font-size: 18px!important; } #order-addmissions{ padding-right: 30px; } #select_seats > div.attention.alert.alert-info > p, #select_seats > div.attention.alert.alert-info > a { color:#fff!important; } #seat-quantity > h4 { line-height: 1; margin: 0px!important; border-bottom: 1px solid #d0d0d0; padding-left: 15px!important; padding-bottom: 10px!important; text-align: left; text-transform: uppercase; font-size: 14px !important; } .pricetype-desc-label-best { font-size: 17px!important; margin-top: 5px; margin-left: 5px; font-weight: 600!important; color: #a7a8b7!important; } #seatSelect .item-box-item-details.price-types { float: none; display: inline-flex!important; max-width: 85%!important; width:85%!important; font-size: 18px; } #seat-quantity .price-details, .charge-message-link { display: block; margin: 0px 0 0 0px!important; clear: left; text-align: right; } .login-box.account-box, .login-form.account-box, .forgot-password-box.account-box { background: #bfc0b7 !important; border: 0px solid #f2f5f4; border-radius: 5px !important; padding: 20px; } .login-form.account-box{ max-width:600px!important; } .order-totals > h4:nth-child(1){ display: none!important; } .admission-row.section-box-item .section-box-item-details .form-control { width: auto; max-width: 200px!important; } .grand-total{ margin-top: 0px!important; } .order-admissions .section-box-item.item-total .last-column { padding: 10px 0; font-size: 18px; display: none!important; } #item-description > div.performance-venue{ display:none!important; } #item-description-text > h2{ font-size:50px!important; } h1 { margin: 0; text-align: left !important; } .account-box.page-heading h1 { /*! margin: 0px auto !important; */ text-align: center !important; /*! padding-left: 500px; */ width: 100%; } .account-box h1, .section-box h1, .account-box h2, .section-box h2, .account-box h3, .section-box h3, .account-box h4, .section-box h4 { line-height: 1; margin: 0 0 15px; text-align: left; color: #313131!important; } #donation-details > form > div{ max-width: 1170px!important; } .section-link { font-size: 14px!important; margin: 0 0 0 10px; } #accountContent{ margin: 10px 0 0 0px!important; } .item-short-description{ text-align:left!important; } #content { padding: 0; padding-top: 50px; background:transparent!important; } .select-tickets-column, .misc-item-image-column, .select-misc-item-column { display: inline-block; max-width: 65%!important; } .venue-image-column{ display: inline-block; max-width: 35%!important; } .item-box-item, .result-box-item { display: inline-block!important; padding: 10px; padding-top: 7px; width: 100%; } .pricetype-label{ width: 85% !important; line-height: 18px; margin-top:6px; } .price-details{ width: 40% !important; } .charge-message-link{ display: none!important; } #frmLoginDelivery > div.order-contact.section-box.row > div.order-billing.col-lg-6 { display: inline-flex!important; } .order-items > h3 { padding: 15px 0; margin-bottom: 0; border-bottom: 0; font-size: 1.5em !important; } .order-admissions .section-box-item.item-total, .order-admissions .section-box-item.item-total .last-column { padding: 10px 0; font-size: 18px; } .account-box h3, #login > div.login-form.account-box > div.account-box.create-account-box > form > p { font-size: 2.5rem !important; display: none!important; } #frmLoginDelivery > div:nth-child(4) > div:nth-child(2), #frmLoginDelivery > div:nth-child(4) > div.section-box-item.even.delivery-method, #frmLoginDelivery > div:nth-child(4) > div:nth-child(4){ height:80px!important; padding-top: 30px!important; } .account-box .field-label { display: inline-block!important; width: 200px; padding-top: 5px; text-align: left!important; } #shoppingCart > form:nth-child(3) > div.navigation-box > div > div{ float: right!important; } #loginDelivery .navigation-box{ width: 50%; } .login > h3:nth-child(1){ text-align: center!important; } #shoppingCart .navigation-box .btn-primary { min-width: 20%!important; margin-left: 195px; float:right; } .navigation-box { display: inline-block; margin: 20px 0 0; } #buyBtn{ float: right!important; } .performance-date, .performance-info { padding: 15px 15px 15px 15px!important; vertical-align: middle; } #seat-quantity > h4 { display: none!important; } #shoppingCart .item-information { margin: 0 0 20px; } .performance-info .performance-logo img { height: 300px!important; } } /* Fin 992px -------------------------------------------------------------- */ .menuContainer.utility-nav ul li a { padding: 10px 15px 10px 15px; } .menuContainer.utility-nav .nav .utility-menu-item .menu_item, .menuContainer.utility-nav .nav .open .utility-menu-item .menu_item { background-color: transparent; border: 0; color: #fff !important; display: inline-block; margin: 0; float: left; } .menuContainer.utility-nav .nav .utility-menu-item .menu_item:hover, .menuContainer.utility-nav .nav .open .utility-menu-item .menu_item:hover { color: #f1f1f1 !important; } .header-content img { max-width: 200px; margin-top: -20px !important; } .fixed-menu { position: fixed !important; top: 45px !important; margin: 0 auto; width: 100% !important; z-index: 9999 !important; -webkit-box-shadow: 1px 1px 5px #2B2B2B; -moz-box-shadow: 1px 1px 5px #2B2B2B; -ms-box-shadow: 1px 1px 5px #2B2B2B; -o-box-shadow: 1px 1px 5px #2B2B2B; box-shadow: 1px 1px 5px #2B2B2B; border-collapse: separate; -webkit-transition: all, 600ms, ease-in-out; -moz-transition: all, 600ms, ease-in-out; -ms-transition: all, 600ms, ease-in-out; -o-transition: all, 600ms, ease-in-out; transition: all, 600ms, ease-in-out; } #customer-utilities { background-color: rgb(127, 127, 127); padding: 0px 50px 0px 42px; } body[lang="en"] #customer-utilities .menuContainer.utility-nav a[href*="sessionlanguage=EN"] { display: none; } body[lang="fr"] #customer-utilities .menuContainer.utility-nav a[href*="sessionlanguage=FR"] { display: none; } .search-box form ul li { width: auto; display: none!important; } #orderInfoSecondBar{ display: none!important; } #orderInfo #customer-order-info .active-promotions { padding: 0; margin: 0; } #orderInfo #customer-order-info .active-promotions #promoCodeList { color: #ffffff; width: 100%; display: block; font-size: 10px; top: 28px; position: absolute; float: right; right: 150px; font-weight:bold; } #orderInfo #customer-order-info .active-promotions #promoCodeList li { font-size: 12px; } #orderInfo #customer-order-info .customer-greeting { font-size: 12px; } #orderInfo #customer-order-info .customer-order.order-message { font-size: 12px; margin: 0 10px 0 10px; } #orderTimeout { color: white; padding-right: 20px; } .customer-greeting, .customer-order, .customer-buttons, .order-message { font-size: 12px; } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 14px!important; font-weight: 400; line-height: 1.5; color: #313131!important; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /* PAGE DE CONNEXION -------------------------------------------------------------- */ .standard-login-options .forgot-password { float: none; /*! margin-left: 15%!important; */ text-align: center; width: 100%; display: block; } #login > div.login-form.account-box > div.account-box.login.sso > form > ul > li:nth-child(2) > span > button{ padding: 0px 5px 0px 5px!important; text-transform: uppercase; } #login > div.login-form.account-box > div.account-box.login.sso > form > ul > li:nth-child(2) > span > button:hover{ padding: 0px 5px 0px 5px; text-decoration: underline; } .account-box.create-account-box { max-width: 400px; padding-top: 0; text-align: center!important; padding: 0px 10px 0px 10px!important; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; z-index: 0!important; color: #ffff !important; background-color: #000; text-transform: uppercase; border-radius: 24px; } input[type="button"].btn-block:hover, input[type="reset"].btn-block:hover, input[type="submit"].btn-block:hover { width: 100%; z-index: 0!important; color: #fff !important; background-color: #fff; text-transform: uppercase; border-radius: 24px; } /* PAGE COMPTE -------------------------------------------------------------- */ .alert { text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5); background-color: #bfc0b7 !important; border: 0px solid #fbeed5!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .alert, .alert h4 { color: #fff !important; text-align: center; } .section-link{ padding: 0px 5px 0px 5px; } .section-link:hover{ padding: 0px 5px 0px 5px; background-color: #4ca780; text-decoration: none!important; } .account-header .customer-summary { font-size: 18px!important; font-weight: 500; } .my-account-nav ul li a { border-right: 2px solid transparent; color: #313131; display: block; font-size: 14px!important; outline: 0; margin: 0; padding: 8px 8px 8px 5px; text-align: right; text-decoration: none; } .my-account-nav ul li a:hover{ border-right: 2px solid transparent; color: #fff; display: block; font-size: 14px!important; outline: 0; margin: 0; padding: 8px 8px 8px 5px; text-align: right; text-decoration: none; background-color: #4ca780; } .my-account-nav ul li.active a { color: #313131!important; border-right: 4px solid #4ca780 !important; } .my-account-nav ul li a .badge-pill { background-color: #4ca780; color: #fff !important; margin-left: 10px; padding: 3px 7px; font-size: 12px; } .odd { background: #bfc0b7 !important; height: auto; border-bottom: solid 1px #d0d0d0!important; } .even { background: #bfc0b7 !important; height: auto; border-bottom: solid 1px #d0d0d0!important; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #313131!important; cursor: default; background-color: #fff; border: 1px solid #dae0e0!important; border-bottom-color: transparent; padding: 10px 15px; } .nav-tabs>li.active>a:hover { color: #313131!important; cursor: default; background-color: #feef2f; border: 1px solid #dae0e0!important; border-bottom-color: transparent; padding: 10px 15px!important; } #new-messages:hover{ color: #313131!important; cursor: default; background-color: #feef2f; border: 1px solid #dae0e0!important; border-bottom-color: transparent; padding: 10px 15px!important; } #archived-messages:hover{ color: #313131!important; cursor: default; background-color: #feef2f; border: 1px solid #dae0e0!important; border-bottom-color: transparent; padding: 10px 15px!important; } #header .header-content > a:focus, #header .header-content > a:focus:active { text-decoration: none; } #header .header-content > a:hover, #header .header-content > a:active { text-decoration: none; } .container { width: 100%!important; padding-right: 50px; padding-left:50px; padding-bottom: 100px; } #content .bodyDetails { padding: 0; } #feature-box-wrap { margin-top: -102px; } @media (min-width: 992px) { .active-nav #orderInfo, .active-sidebar #orderInfo, #menu, #content, .active-nav #content, .active-sidebar #content { width: 100%!important; } .articles.has-tertiary-features .article-container.main-article-body { width: 75%; float: none; margin: 0 auto; display: inline-block; } .article-body-container { width: 100%; margin: 0 auto; padding-bottom:50px; } .articles .article-container.main-article-body { margin-bottom: 0; padding-left: 13px; } .articles .article-container { margin: 0 auto; } .article_main_section { padding: 20px; } .article-container .tertiary-linked-features { padding: 20px; } .articles .article-container.secondary-linked-features { padding: 0 10px 40px 0 !important; } } #footer { background-color: #d5d6cc; color:#3f3f3f!important; min-height: calc(30vh - 20px); } #footer .footer-content .pac-footer-row h5 { font-size: 12px; letter-spacing: normal; text-transform:none; } #footer .footer-content .pac-footer-row .pac-spacer { margin: 0 auto 20px auto; } #footer .footer-content .pac-footer-row .pac-social h5 { color: #fff; } #footer .footer-content .pac-footer-row .pac-social ul { list-style: none; display: inline; margin-left: 0 !important; margin-top: 20px; padding: 0; } #footer .footer-content .pac-footer-row .pac-social ul li { display: inline; margin: 0 5px; } #footer .footer-content .pac-footer-row .pac-social .social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; width: 30px; height: 30px; font-size: 16px; color: #1b1b2f; } #footer .footer-content .pac-footer-row .pac-social .social-circle li a:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } #footer .footer-content .pac-footer-row .pac-social .social-circle li i { margin: 0; line-height: 30px; text-align: center; } #footer .footer-content .pac-footer-row .pac-social .social-circle a { background-color: #e94743; } #footer .footer-content .pac-footer-row h5 { color: #fff; } #footer .footer-content .pac-footer-row ul { list-style: none; padding-left: 0; } #footer p { font-size: 10px; color: white; } /* Menu footer desktop -------------------------------------------------------------- */ .menuFooter { padding-left: 20px !important; display: block; } .menufooternav{ display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; width: 100%; display: inline-flex; } .menufooteritem { display: block; position: relative; margin: 0; float: left; margin-right: 10px !important; width: 100%; } .menufooterlien { color: #000; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 5px 10px; position: relative; font-size: 1.2rem; } .horairetarifs { display: inline-block; } .colonnegauche { float:left; width: 50%; padding-right: 70px; } .colonnedroite { float:right; max-width: 50%; } .results-box { max-width:100% !important; } .menufooterlabel{ color: #a5a5a5; text-decoration: none; display: inline-block; position: relative; margin-right: 30px; } .menufooterlabel:hover{ color: #000; } .menufooterlabel:hover::after { width: 100%; left: 0; } .menufooterlabel::after{ background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 0%; position: absolute; background: #000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .modal-content { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } #popupDiv_title .close { margin-top: -40px; position: absolute; right: 20px; font-size: 65px; font-weight: 200; } #calendarWidgetBox #calendarWidgetHeader td { padding: 10px 0; } #calendarWidget-navigation { background: transparent !important; color: #484848; font-weight: 600; font-size: 20px; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: none; border-left: 1px solid #dbdbdb; } #calendarWidget-navigation .table { background: transparent !important; border-top: 1px solid #dbdbdb !important; } #calendarWidget-navigation #widget-lastmonth a, #calendarWidget-navigation #widget-nextmonth a { display: block; } #calendarWidgetTable tbody { border: 1px solid #dbdbdb; } #calendarWidgetTable td { padding: 10px 0; } #calendarWidgetTable .WidgetEvent { background: #EC407A; } #calendarWidgetTable .WidgetEvent:hover, #calendarWidgetTable .WidgetEvent:focus { background: #673AB7; } #calendarWidgetTable .WidgetPast { padding: 10px 0; } .search-results-container .item-image .item-logo { -webkit-border-radius: 0 !important; border-radius: 0 !important; } @media screen and (max-width: 1024px) { .grid-result { min-height: 330px; } #pac-item-name-show .grid-search-results .grid-result .availability-icon, #pac-item-name-price-show .grid-search-results .grid-result .availability-icon { position: absolute; right: 120px; top: 70px; } } @media screen and (max-width: 991px) { #pac-item-name-show .grid-search-results .grid-result .availability-icon, #pac-item-name-price-show .grid-search-results .grid-result .availability-icon { right: 0; margin-right: 80px; } } @media screen and (max-width: 880px) { #pac-item-name-show .grid-search-results .grid-result, #pac-item-name-price-show .grid-search-results .grid-result { min-height: 320px; } #pac-item-name-show .grid-search-results .grid-result .availability-icon, #pac-item-name-price-show .grid-search-results .grid-result .availability-icon { margin-right: 50px; } } @media screen and (max-width: 780px) { #pac-item-name-show .grid-search-results .grid-result, #pac-item-name-price-show .grid-search-results .grid-result { min-height: 290px; } } #pac-item-name-show .grid-search-results .grid-result .item-link, #pac-item-name-price-show .grid-search-results .grid-result .item-link { bottom: 80px; position: relative; } #pac-item-name-show .grid-search-results .grid-result, #pac-item-name-price-show .grid-search-results .grid-result { min-height: 350px; height: 350px; } #pac-item-name-show .grid-search-results .grid-result .item-description .item-start-date .start-date, #pac-item-name-price-show .grid-search-results .grid-result .item-description .item-start-date .start-date { font-size: 13px; } .search-box form ul li { width: auto; display: none!important; } .colonneadresse{ flex: 0 0 100%!important; max-width: 100%!important; font-size:.8em; color:#000; padding-top:20px; padding-bottom:20px; } .colonnesmenufooter { flex: 0 0 18%; max-width: 18%; display: none!important; } .bandepartenaires { width: 100%; border-top: 1px solid #d0d0d0; margin-top: 0px!important; padding-top: 30px; display: inline-block; border-bottom: 1px solid #d0d0d0; padding-bottom: 0px; } .partenaire { display: inline-block; min-width: 250px; font-size: 15px; color: #a7a8b7; text-align: center; width: 100%!important; } } .nga-buy-links-container .results-box { margin-top: 0 !important; } .results-box { margin: 30px 0 10px !important; } .results-box .result-box-item { display: flex; background: transparent; padding: 20px 50px 35px 30px; border-bottom: 0px solid #dbdbdb; } .results-box .result-box-item .result-box-item-details .item-name { margin-top: 0px; font-size: 30px; font-weight: 700; line-height: 30px; text-transform: uppercase; } .results-box .result-box-item .result-box-item-details .item-name a { font-weight: 700; } .results-box .result-box-item .item-link .availability-icon { text-align: center; padding: 0 10px 6px 10px; } .results-box .result-box-item .item-link .availability-icon img { width: 10px; height: auto; } .availability-legend { border: 1px solid #dbdbdb; background: transparent !important; } .availability-legend .result-box-item h4 { border-bottom: none; } .availability-legend .result-box-item .result-box-item-details span img { height: 10px; } #subscriptions div div .search-results-container .item-link { flex: none; } #pick-your-own div div .search-results-container .item-link { flex: none; } .pac-search-results-container { margin-top: 140px; } .pac-search-results-container div div .search-results-container .item-link { flex: none; } .btn { font-size: 14px; font-weight: 400; overflow: hidden; padding: 10px; position: relative; text-transform: uppercase !important; z-index: 0; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); background-color: transparent; border-color: #000 !important; color: #000 !important; -moz-border-radius: 0px; border-radius: 0px; border:none!important; } .pagination-box .pagination > li > a, .pagination-box .pagination > li > span { font-size: 14px; font-weight: 400; overflow: hidden; padding: 10px; position: relative; text-transform: none; z-index: 1; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); background-color: #f2f5f4!important; border-color: transparent!important; color: white; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .btn.btn-primary.btn-lg.center-block.pac-btn-testimonial { font-size: 14px; font-weight: 400; overflow: hidden; padding: 10px; position: relative; text-transform: none; z-index: 1; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); background-color: transparent; border-color: #ffffff; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; top: -50px; } .btn.btn-primary.btn-lg.center-block.pac-btn-testimonial:hover { border-color: black; background-color: black; } .btn.btn-primary.btn-lg.center-block.pac-btn-testimonial:before { background: #E30059; } .btn-primary { font-size: 14px !important; font-weight: 400; overflow: hidden; padding: 10px; position: relative; text-transform: none; z-index: 0; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier (0.25, 0.1, 0.2, 1); background-color: #000 !important; border-color: none !important; color: #fff !important; -moz-border-radius: 0px; border-radius: 24px !important; -webkit-border-radius: 0px; text-transform: uppercase; } .standard-search-results .result-box-item-details.last-column a.btn.btn-primary { padding: 6px 12px; } .btn.shopping-cart-link { color: #fff !important; font-size: .8rem; font-weight: 700 !important; text-transform: uppercase; border: none; letter-spacing: 1px; background-color: #000 !important; } .btn.shopping-cart-link:hover { color: #fff !important; font-size: .8rem; font-weight: 700 !important; text-transform: uppercase; border: none; letter-spacing: 1px; background-color: #000 !important; } .shopping-cart-link, .shopping-cart-link { background-color: transparent !important; color: transparent !important; } .shopping-cart-link:hover, .shopping-cart-link:hover { background-color: transparent !important; color: transparent !important; } input.btn.btn-default.cancel-order, a.btn.btn-default.continue-shopping { border: 0px solid #E30059; background: #722A85!important; color: white!important; } input.btn.btn-default.cancel-order:hover, a.btn.btn-default.continue-shopping:hover { border: 0px solid #87a27b; background: #722A85!important; color: white!important; text-decoration: underline; } .btn-primary, .btn-default, input[type="button"]:not(.btn-link) { font-size: 14px!important; font-weight: 600; overflow: hidden; padding: 10px; position: relative; text-transform: none; z-index: 0; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); background-color: #000 !important; border-color: none!important; color: #fff !important; -moz-border-radius: 0px; border-radius: 0px !important; -webkit-border-radius: 0px; text-transform: uppercase; } .btn-primary:hover, input[type="button"]:not(.btn-link):hover { font-size: 14px!important; font-weight: 600; overflow: hidden; padding: 10px; position: relative; text-transform: none; z-index: 0; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1); background-color: rgb(0, 0, 0, 0.7) !important; border-color: none!important; -moz-border-radius: 0px; border-radius: 0px !important; -webkit-border-radius: 0px; text-transform: uppercase; color: #fff!important; } .buttonBreak:hover{ color: #fff!important; } .btn-link, .btn-primary input[type="button"]:not(.btn-link) { font-size: 14px!important; font-weight: 700; padding: 10px; text-transform: none; @include bg-color-border($c-first, #ffffff, $c-first); @include add-transition(all, 0.4s, ease-in-out); &:hover, &:focus, &:active, &:active:focus, &.active { @include bg-color-border($c-third, #ffffff, $c-second); } &.disabled { // @include bg-color-border(); } } .selection-cta { max-width: 200px!important; width: auto; margin: 0 0 0 10px; float: right; } // button default // .btn-default { font-size: 14px; font-weight: 700; padding: 10px; text-transform: none; @include add-transition(all, 0.4s, ease-in-out); @include bg-color-border($c-first, #ffffff, $c-first); &:hover, &:focus, &:active, &:active:focus, &.active { @include bg-color-border($c-third, #ffffff, $c-second); } } */ .pagination .av-paging-links, .pagination #av-prev-link { border-color: #dbdbdb; } .pagination .av-paging-links a, .pagination #av-prev-link a { color: #484848; border-color: #dbdbdb; background-color: #dbdbdb; font-weight: 700; } .pagination .av-paging-links a:focus, .pagination .av-paging-links a:focus:active, .pagination #av-prev-link a:focus, .pagination #av-prev-link a:focus:active { color: #484848; border-color: #dbdbdb; font-weight: 700; background-color: #c3c3c3; } .pagination .av-paging-links a:hover, .pagination .av-paging-links a:active, .pagination #av-prev-link a:hover, .pagination #av-prev-link a:active { color: #484848; border-color: #dbdbdb; font-weight: 700; background-color: #c3c3c3; } .pagination .av-paging-links.active span, .pagination #av-prev-link.active span { background-color: transparent; color: #484848; border-color: #dbdbdb; font-weight: 700; } .info-message, .alert-info, .timeout-message { position: relative; text-align: center; color: #000000; } .error-message { top: 170px; position: relative; text-align: center; color: #000000; } .info-message, .alert-info, .error-message, .timeout-message { position: relative; text-align: center; color: #313131; } .spotlight-message { background-color: #301859; } .spotlight-message h3 { color: #ffffff; margin: 85px 0 10px; } .spotlight-message .spotlight-message-body { padding-bottom: 140px; } .spotlight-message .spotlight-message-body img { max-width: 70%; } #promoCodeBox ul li .input-group-btn input.btn.btn-default { padding: 6px 10px; } #searchBox { z-index: 2; position: absolute; background: transparent; width: 100%; margin: 0 auto; float: right; right: 0; left: 42%; display: block; top: -16px; } #searchBox .item-search-keyword label span { display: none; } #searchBox .item-search-keyword label .form-control { background-color: white; color: #2a2a2a; border-top: none; border-right: none; border-bottom: 1px solid #2a2a2a; border-left: none; box-shadow: none; } #searchBox .item-search-start-date { display: none; } #searchBox .item-search-end-date { display: none; } #searchBox .item-search-submit input.btn.btn-default { background-image: url("/content/Images/searchN.png"); background-repeat: no-repeat; background-color: transparent!important; background-position: center; border-color: transparent; border: none; text-indent: -9999px; width: 100%; margin-left: -60px; background-size: contain; } } .venue-image img { width: 100%; height: auto; } #showSeats .venue-image-column { width: 100%; } #showSeats .venue-image-column .venue-image { overflow: auto; } .payment-methods-list .payment-method-option label { cursor: pointer; font-size: 18px!important; } @media screen and (min-width: 992px){ #menu, .active-nav #menu, .active-sidebar #menu { float: right; text-align: right!important; position: fixed; height:95px !important; z-index: 999; max-width: 70%; margin-top: 40px; margin-left: 30%; padding-right: 50px; letter-spacing: .2px; color: #777777; } .menuContainer.main-nav{ display: inherit !important; padding-left: 0px!important; float: right; } .menuContainer.main-nav .nav .menuTopItem { display: block; position: relative; margin: 0; float: left; margin-right: 10px !important; /*! max-width: 45%; */ } .header-content { height: 50px !important; min-height: 30px; padding-bottom: 0px; } .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body, .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body { width: 100% !important; padding: 0px; float: none; } .articles.has-secondary-features .article-container.main-article-body { width: 80% !important; float: left; padding: 0 10px 0 50px; } .articles .article-container.secondary-linked-features { width: 20%; float: right; padding: 0 10px 0 0; order: 2; } .calendar-day-event-date{ display: none!important; } .menuContainer.utility-nav { margin-left: -5px!important; } #orderInfoSecondBar { background-color: rgba(0,0,0,0); color: #FFFFFF; padding: 0px 0 0 10px; font-size: 10px; height: 35px; margin-top:0px!important; } #orderInfoSecondBar{ background-color: transparent; color: #FFFFFF; padding: 0px 0 0 10px; font-size: 10px; height: 15px; margin-top:-32px !important; font-size:12px !important; } .btn-link { color: inherit; font-weight: 400; text-transform: none!important; padding: 0px 5px 0px 5px; z-index: 0; } a { color: inherit; font-weight: 400; text-transform: none!important; z-index: 1; } .menuContainer.utility-nav .nav .utility-menu-item .menu_item, .menuContainer.utility-nav .nav .open .utility-menu-item .menu_item { font-size: 12px !important; } #orderInfo, .active-nav #orderInfo, .active-sidebar #orderInfo { background: none transparent; border: 0; color: #fff !important; margin: 0 auto; padding: 0 20px; width: 100%; text-align: right; } #notificationOffers > span:nth-child(1){ font-size: 12px!important; } .customer-options { height: 40px !important; } .dropdown-menu > li > a:hover{ background-color: white!important; } .detailed-search-results .item-description{ width: 60%; } .detailed-search-results .item-link.result-box-item-details{ width: 20%; padding-right: 20px; } .item-information.item-box.has-logo1 .item-description-details, .item-information.item-box.has-logo2 .item-description-details { width: 100%; padding: 5px; height: 50px; border: 0px solid #dae0e0; margin-top: 5px; } #donation-details > form > div > div.navigation-box > input { margin-top: -130px; margin-right: 10px; float:right!important; } } /* PROPORTIONS SUPPORTS -------------------------------------------------------------- */ /* Tablettes paysage -------------------------------------------------------------- */ @media (max-width: 991px) { #menu { background: none transparent; margin: 0 0 0 -100%; margin-top: 0px; margin-left: -100%; float: left; margin-top:200px; } .active-nav #menu { margin-left: 0; width: 100%; margin-top:200px; } .grid-result { min-height: 180px !important; max-height: auto; } #header { height: 100px !important; } .header-content { min-height: 125px; padding: 0 75px; text-align: center; padding-top: 10px; } .bodyDetails { margin-top: 0px; } .results-box .result-box-item .result-box-item-details .item-name { margin-top: 32px; font-size: 20px!important; font-weight: 700; margin-left: 0px !important; line-height: 30px; text-transform: uppercase; } .customer-options { margin-top:200px!important; } .active-sidebar .customer-options { margin-right: 0; width: 100%!important; margin-top:200px; } .menuContainer .nav > li { border-bottom: 0px solid #ddd!important; } .container { width: 100%!important; padding-right: 15px!important; padding-left: 15px!important; margin-right: auto; margin-left: auto; } .results-box .result-box-item { display: block; background: transparent; border-bottom: 0px solid #dbdbdb; padding:0px!important; } .promotional-code-input { display: inline-block; margin: 0px auto; text-align: center; } .results-box .result-box-item .result-box-item-details .item-name { margin-top: 32px; font-size: 30px; font-weight: 700; margin-left: 0px!important; line-height: 30px; text-transform: uppercase; } .item-information.item-box .item-logo { padding: 5px; max-width: 100%!important; float: left; } .item-information.item-box .item-description-details { display: inline-block; width: 100%; margin-top: 10px; text-align: center!important; } .navigation-box { display: inline-block; margin: 20px 0 0; width: 100%; text-align: center!important; } .menu-toggle span.mobile-cart-indicator { background: #feef2f!important; position: absolute; top: 1px; margin-left: -36px!important; color: #313131!important; } } /* Téléphone portrait -------------------------------------------------------------- */ @media (max-width: 600px) { .bodyDetails { margin-top: 200px; } #menu { margin-top: 100px; } .active-nav #menu { margin-left: 0; width: 100%; margin-top: 100px; } #menuTopItem-help{ display: none!important; } #customer-utilities { background-color: transparent; padding: 0; text-align: center !important; height: calc(100vh)!important; } .menuContainer.utility-nav { display: block; width: 100%; text-align: center; margin-left: 130px; margin-top: -25px; } #orderInfo #customer-order-info .customer-order.order-message { font-size: 14px; } #orderInfo #customer-order-info .customer-order.order-message { font-size: 14px; margin: -20px 10px 20px 10px; } .customer-options { margin-top: 100px !important; } .shopping-cart-link, .shopping-cart-link { font-size: 14px; border: 0px solid #ffffff; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); background-color: #feef2f !important; color: #313131 !important; padding: 12px; font-weight: 700; top: 0px; margin-left: 0; } } /* OVERRIDE GLOBAL -------------------------------------------------------------- */ @media screen and ( min-width: 768px ) { #pricing_list { padding: 0 0px 12px 0px!important; } .seat-prices li .select-seat-price:focus { background-color: #000!important; } .legend-ul { display: inline-block; list-style: none; padding: 0px 0px 0px 12px!important; margin: 0px; vertical-align: middle; background: #bfc0b7!important; width: 100%; } .inner-legend-container { height: 50px; padding: 12px; white-space: nowrap; background: rgb(213, 214, 204)!important; } .legend-li .price-zone-info { display: inline-block; vertical-align: middle; width: 200px; padding-left: 10px!important; } .btn-link { color: inherit; font-weight: 800; text-transform: uppercase !important; padding: 5px 10px 5px 10px; z-index: 0; background-color: #000; color: #fff !important; } .promo-link { margin: 10px 5px 0 0!important; padding: 0 12px; } div.seat-tabs-box.item-box.page-heading div.seat-tab{ Display:none; } .admission-row .bundle-event .bundle-event-date { line-height: 1.1!important; padding-left: 10px; } .admission-row .bundle-event .bundle-event-name { line-height: 1.1; font-weight: 800; } .grid-result .item-description { position: absolute; min-height: 50px; bottom: 60px; left: 10px; right: 10px; font-family: 'Hind', sans-serif; background: #000 !important; padding: 5px 10px 5px 10px; text-align: center; width: auto; } div.grid-result.even, div.grid-result.odd { border-bottom: 0px solid #bfc0b7!important; margin-bottom: 30px!important; } .performance-info .performance-logo { width: auto; display: block; float: left; margin-right: 30px!important; } .grid-result .item-link { position: inherit!important; left: 0px!important; right: 0px!important; background-color: #000; padding: 0px 0px 10px 0px; color: #a8a8a8; text-transform: uppercase; font-size: .8em; bottom: 0px; } } /* Tablette portrait et Téléphone paysage -------------------------------------------------------------- */ @media (max-width: 768px) { .item-information.item-box.has-logo1 .item-description-details, .item-information.item-box.has-logo2 .item-description-details { width: 100%; padding: 5px; } .bundles-header{ text-align: center; } .performance-info .performance-logo img { height: auto; } .bodyDetails { margin-top: 0px; } #menu { margin-top: 100px; } .menu-toggle.btn-secondary { background-color: #fff!important; } .active-nav #menu { margin-left: 0; width: 100%; margin-top: 100px; } #menuTopItem-help{ display: none!important; } #customer-utilities { background-color: transparent; padding: 0; text-align: center !important; height: calc(100vh)!important; } .menuContainer.utility-nav { display: block; width: 100%; text-align: center; margin-left: 330px; margin-top: -25px; } #orderInfo #customer-order-info .customer-order.order-message { font-size: 14px; } #orderInfo #customer-order-info .customer-order.order-message { font-size: 14px; margin: -20px 10px 20px 10px; } .customer-options { margin-top: 100px !important; } .shopping-cart-link, .shopping-cart-link { font-size: 14px; border: 0px solid #ffffff; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); background-color: #feef2f !important; color: #313131 !important; padding: 12px; font-weight: 700; top: 0px; margin-left: 0; } #tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { width: 100% !important; } } @media (min-width: 1500px) { .colonnegauche { float: left; max-width: 35%; padding-right: 70px; } .colonnedroite { float: left; max-width: 30%; } } @media (min-width: 1200px) { #content { width: 100%; padding: 0; } } .remove-admissions .btn { min-width: 150px; color: #c74059!important; } .admission-row.section-box-item .section-box-item-details.seat-location { min-width: 10%!important; max-width: 10%!important; } /* Page achat - Accordeon -------------------------------------------------------------- */ .articles .article-container.tertiary-linked-features{ width: 100%; padding: 0 0 0 0px; display: inline-flex !important; float: none !important; margin-top: 20px; justify-content: center; } #tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { min-width: 33.33%!important; } .panel-wrapper { position: relative; text-align: center; } .show, .hide { position: inherit; bottom: -1em; z-index: 0; text-align: center; border: none; margin-left: -80px; } .hide {display: none;} .show:target {display: none; } .show:target ~ .hide {display: block; padding-left:100px;} .show:target ~ .panel { max-height: 320px; } .show:target ~ .fade { margin-top: 0; } .panel { position: relative; margin: 2em auto; width: 100%; max-height: 0px; overflow: hidden; transition: max-height .5s ease; border: none; background-color: #E1A64A; } .avantagemember{ background-color: #E1A64A; text-align: left !important; } .fade { background: linear-gradient(to bottom, rgba($bg-color,0) 0%,rgba($bg-color,1) 75%); height: 0px; margin-top: -200px; position: relative; text-align: center; } #boitebilletterie { width: 100%; height: 277px; background-color: #c74059; } #boitepromo { width: 100%; background-image: url("/content/Images/PAC/promo.png") !important; background-repeat: no-repeat; background-color: #219653; background-position: right top; min-height: 330px; } #boitegroupe { width: 100%; background-image: url("/content/Images/PAC/groupe.png") !important; background-repeat: no-repeat; background-color: #328ac9; background-position: right top; min-height: 330px; } .titreboitepromo{ font-size: 2rem !important; text-align: center; color:#fff!important; height: 100px; line-height: 2.2rem; } .pboitepromo{ font-size: 1rem !important; text-align: center; color:#fff!important; } .espacesupp{ text-align: center; color:#fff!important; margin-bottom: -4px!important; } .avantagemember ul { list-style-position: outside; list-style: url("/content/Images/PAC/checkmark15.png"); line-break: 1rem; } .avantagemember ul li { font-size:.9rem!important; line-height: 2rem; } #zonetarifs { width: 100%; margin-top: 30px; } .bloctarifs { width: 60%; margin-top: 30px; } .lignetarifs { width: 100%; display: inline-flex; } .traittarifs { width: auto; border-bottom:1px solid #a7a8b7; } .nomtarif{ width: 30%; border-bottom:1px solid white; float:left; } .tarif{ width: 20%; border-bottom:1px solid white; float:right; } .colonneadresse{ flex: 0 0 30%; max-width: 30%; font-size:.8em; color:#000; padding-top:20px; } .lignemenufooter{ width: 100%; margin-bottom: 50px; } .colonnesmenufooter{ flex: 0 0 18%; max-width: 18%; margin-right: 150px; } .logofooter{ margin-bottom:50px; width: 250px; } .rondicones { width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #f7f7f7; margin-right: 7px; color: #000; display: inline-flex; align-items: center; justify-content: center; } .rondicones:hover { color: #000!important; } .lienssociaux { display:inline-flex; padding-top:20px; padding-bottom: 50px; } .mentionlienssociaux { width: 100%; font-size: 15px; color: #a7a8b7; } .svg-inline--fa { display: inline-block; font-size: inherit; height: .7em!important; overflow: visible; vertical-align: -.125em; } .bandepartenaires{ width: 100%; border-top: 1px solid #d0d0d0; margin-top: 100px; padding-top: 30px; display: inline-flex; align-items: inherit; justify-content: center; border-bottom: 1px solid #d0d0d0; padding-bottom: 60px; } .partenaire { display: inline-block; min-width: 250px; font-size: 15px; color: #a7a8b7; text-align: center; } .logopartenaire { } .typepartenaire{ padding-top: 20px; } /* Téléphone -------------------------------------------------------------- */ @media only screen and (max-width: 767px){ .espace-tuile { width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: space-between; } .tuile { border-bottom: 0px solid #eee !important; margin-bottom: 30px !important; width: 100%; margin-right: 0px!important; } .tuile-cadre-image { padding: 0 0 20px !important; background-color: #000; display: block; } .tuile-image { width: 100%; max-width: 100%; } .tuile-cadre-description { min-height: 50px; font-family: 'Hind', sans-serif; background: #000 !important; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; } .tuile-date { min-height: 50px; font-family: 'Hind', sans-serif; background: #000 !important; color: #fff; padding: 5px 10px 5px 10px !important; text-transform: none!important; } .tuile-description { padding: 5px 10px 5px 10px !important; } .tuile-lien { bottom: 0px; left: 0px !important; right: 0px !important; background-color: #000; padding: 10px 0px 10px 0px; color: #a8a8a8; width: 100%; text-transform: uppercase; font-size: .8em; position: relative; text-align: center; } .tuile-bouton { width: 100%; } a, .btn-link { color: inherit; font-weight: 600; } #header { height: 80px; } #content { background: transparent!important; } div.item-link{ width: 100%; margin-top: 0px; margin-bottom:20px; } .header-content img { max-width: 30%; margin-top: 0px !important; } .odd { background: transparent !important; min-height: 100px; padding-top: 30px; border-bottom: solid 1px #d0d0d0 !important; display: inline-block; height: auto; } #seat-price-zone { display: block !important; } html.fontawesome-i2svg-active.fontawesome-i2svg-complete body div.content-wrapper div#content div.container div#seatSelect.bodyDetails div.select-tickets-column.av-left form#select_seats div#seat-price-zone.item-box div.item-box-item.even{ display:none!important; } .even { background: transparent !important; min-height: 100px; padding-top: 30px; border-bottom: solid 1px #d0d0d0 !important; display: block !important; height: auto; } .detailed-search-results .item-image.result-box-item-details { width: 100%; min-height: 32px; padding: 0 0px 0 0!important; display: none; } .results-box .result-box-item .result-box-item-details .item-name { margin-top: 5px!important; font-size: 30px; font-weight: 700; margin-left: 0px !important; line-height: 30px; text-transform: uppercase; } .search-results-container .item-start-date, .search-results-container .item-end-date, .search-results-container .item-venue, .search-results-container .item-price-range, .search-results-container .item-teaser { color: #666; font-size: 18px!important; margin: 3px 0 0; } .search-results-container .item-start-date { color: #7f7f7f !important; font-size: 1em !important; } .articles .article-container.tertiary-linked-features { width: 100%; padding: 0 0 0 0px; display: inline-block !important; float: none !important; margin-top: 40px; justify-content: center; } .item-box-item-details, .result-box-item-details { display: inline-block; margin: 0 0 5px; width:100%!important; } #seatSelect .item-box-item-details.price-types { float: none; width: 75%; font-size:18px; display:inline-flex; } .pricetype-label{ width: 75%!important; } #seat-quantity .price-details, .charge-message-link { display: block; margin: 0px 0 0 5px!important; clear: left; } div.venue-image-column:nth-child(6) > div:nth-child(1) { text-align:center!important; } .av-right { padding-top: 20px; justify-content: center!important; display: flex!important; } div.venue-image-column:nth-child(5) > div:nth-child(1){ display: inline-flex; margin: 0 0 20px; width: 100%; justify-content: center; } .avantagemember{ background-color: #E1A64A; text-align: left !important; } .fade { background: linear-gradient(to bottom, rgba($bg-color,0) 0%,rgba($bg-color,1) 75%); height: 0px; margin-top: -200px; position: relative; text-align: center; } #boitebilletterie { width: 100%; height: 277px; background-color: #c74059; } #boitepromo { width: 100%; background-image: url("/content/Images/PAC/promo.png") !important; background-repeat: no-repeat; background-color: #219653; background-position: right top; min-height: 330px; } #boitegroupe { width: 100%; background-image: url("/content/Images/PAC/groupe.png") !important; background-repeat: no-repeat; background-color: #328ac9; background-position: right top; min-height: 330px; } .titreboitepromo{ font-size: 2rem !important; text-align: center; color:#fff!important; height: 100px; line-height: 2.2rem; } .pboitepromo{ font-size: 1rem !important; text-align: center; color:#fff!important; } .espacesupp{ text-align: center; color:#fff!important; margin-bottom: -4px!important; } .avantagemember ul { list-style-position: outside; list-style: url("/content/Images/PAC/checkmark15.png"); line-break: 1rem; } .avantagemember ul li { font-size:.9rem!important; line-height: 2rem; } #zonetarifs { width: 100%; margin-top: 30px; } .bloctarifs { width: 60%; margin-top: 30px; } .lignetarifs { width: 100%; display: inline-flex; } .traittarifs { width: auto; border-bottom:1px solid #a7a8b7; } .nomtarif{ width: 30%; border-bottom:1px solid white; float:left; } .tarif{ width: 20%; border-bottom:1px solid white; float:right; } .colonneadresse{ flex: 0 0 30%; max-width: 30%; font-size:.8em; color:#000; padding-top:20px; } .colonnesmenufooter{ flex: 0 0 18%; max-width: 18%; } .logofooter{ margin-bottom:50px; } .rondicones { width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #f7f7f7; margin-right: 7px; color: #000; display: inline-flex; align-items: center; justify-content: center; } .rondicones:hover { color: #000!important; } .lienssociaux { display:inline-flex; padding-top:20px; padding-bottom: 50px; } .mentionlienssociaux { width: 100%; font-size: 15px; color: #a7a8b7; } .svg-inline--fa { display: inline-block; font-size: inherit; height: .7em!important; overflow: visible; vertical-align: -.125em; } .bandepartenaires{ width: 100%; border-top: 1px solid #d0d0d0; margin-top: 100px; padding-top: 30px; display: inline-block; align-items: inherit; justify-content: center; border-bottom: 1px solid #d0d0d0; padding-bottom: 60px; } .partenaire { display: inline-block; min-width: 250px; font-size: 15px; color: #a7a8b7; text-align: center; padding-bottom:20px; } .logopartenaire { } .typepartenaire{ padding-top: 20px; } #shoppingCart > form:nth-child(3) > div.order-items.order-admissions.section-box > div > div.performance-info.cart-item-info.col-lg-3 { display: none; } #tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { min-width: 100%!important; } .articles .article-container.tertiary-linked-features #tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { display:inline-block!important; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; font-size: .5em!important; } #frmLoginDelivery > div:nth-child(4) { max-width: 100% !important; } .delivery-method-info { width: calc(100% - 20px); display: inline-block; } .delivery-method-selector label { font-weight: normal; font-size: 1.5rem; margin-top: 0px!important; margin-left: 10px; font-size: 18px !important; } .delivery-method-charge { margin: 0; padding: 5px 10px 0 15px!important; width: auto; } #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background-color: #e9ecef; height: auto; padding-top: 30px; order: inherit!important; min-height: 450px; margin-bottom: 30px; margin-left: 0px; } #orderContact > form:nth-child(3) > div > div.order-payment-details.col-lg-8 { float: left !important; max-width: 100%; margin-right: 5%; } .btn.shopping-cart-link { color: #fff !important; font-size: .8rem; width: auto; font-weight: 700 !important; text-transform: uppercase; border: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; letter-spacing: 1px; background-color: #000 !important; } } /* Override Global css -------------------------------------------------------------- */ @media only screen and (min-width: 768px) .grid-result .item-description{ display: none!important; } .grid-result { } } /* Tablette -------------------------------------------------------------- */ @media screen and (min-width: 768px) and (max-width: 991px){ .performance-info .performance-logo img { height: 300px!important; } #seat-price-zone { display: block !important; } } @media screen and (min-device-width: 768px) and (max-device-width: 991px){ #header { height: 100px!important; } .grid-result { width: 40%; margin: 0 1% 1%; margin-bottom: 1%; position: relative; min-height: 360px; } .grid-result .item-link { position: inherit !important; left: 0px !important; right: 0px !important; background-color: #000; padding: 0px 0px 10px 0px; color: #a8a8a8; text-transform: uppercase; font-size: .8em; bottom: 0px; width: 100%; } .header-content img { max-width: 120px; margin-top: 0px !important; } .performance-info .performance-logo img { height: 300px!important; } a, .btn-link { color: inherit!important; font-weight: 600; } .container { width: 100% !important; padding-right: 50px; padding-left: 50px; padding-bottom: 0px!important; } .avantagemember{ background-color: #E1A64A; text-align: left !important; } .input-group-append { color: #313131 !important; height: 45px!important; } .bundles-header{ text-align: center; } .item-information.item-box.has-logo1 .item-description-details, .item-information.item-box.has-logo2 .item-description-details { width: 100%; padding: 5px; } #menuTopItem6{ height: 110px; background-color: #BA1E60; margin-top: -38px; padding-top: 38px; width: 350px!important; margin-right: 0px!important; } .fade { background: linear-gradient(to bottom, rgba($bg-color,0) 0%,rgba($bg-color,1) 75%); height: 0px; margin-top: -200px; position: relative; text-align: center; } #boitebilletterie { width: 100%; height: 277px; background-color: #c74059; } #boitepromo { width: 100%; background-image: url("/content/Images/PAC/promo.png") !important; background-repeat: no-repeat; background-color: #219653; background-position: right top; min-height: 330px; } #boitegroupe { width: 100%; background-image: url("/content/Images/PAC/groupe.png") !important; background-repeat: no-repeat; background-color: #328ac9; background-position: right top; min-height: 330px; } .titreboitepromo{ font-size: 2rem !important; text-align: center; color:#fff!important; height: 100px; line-height: 2.2rem; } .pboitepromo{ font-size: 1rem !important; text-align: center; color:#fff!important; } .espacesupp{ text-align: center; color:#fff!important; margin-bottom: -4px!important; } .avantagemember ul { list-style-position: outside; list-style: url("/content/Images/PAC/checkmark15.png"); line-break: 1rem; } .avantagemember ul li { font-size:.9rem!important; line-height: 2rem; } #zonetarifs { width: 100%; margin-top: 30px; } .bloctarifs { width: 60%; margin-top: 30px; } .lignetarifs { width: 100%; display: inline-flex; } .traittarifs { width: auto; border-bottom:1px solid #a7a8b7; } .nomtarif{ width: 30%; border-bottom:1px solid white; float:left; } .tarif{ width: 20%; border-bottom:1px solid white; float:right; } .colonneadresse{ flex: 0 0 100%; max-width: 100%; font-size:.8em; color:#000; padding-top:20px; padding-bottom:20px; } .colonnesmenufooter{ flex: 0 0 30%; max-width: 30%; } .logofooter{ margin-bottom:50px; } .rondicones { width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #f7f7f7; margin-right: 7px; color: #000; display: inline-flex; align-items: center; justify-content: center; } .rondicones:hover { color: #000!important; } .lienssociaux { display:inline-flex; padding-top:20px; padding-bottom: 50px; } .menufooterlien { color: #000; text-transform: none!important; font-size: 1rem!important; } .mentionlienssociaux { width: 100%; font-size: 15px; color: #a7a8b7; padding-top: 20px; } .svg-inline--fa { display: inline-block; font-size: inherit; height: .7em!important; overflow: visible; vertical-align: -.125em; } .bandepartenaires{ width: 100%; border-top: 1px solid #d0d0d0; margin-top: 100px; padding-top: 30px; display: inline-flex; align-items: inherit; justify-content: center; border-bottom: 1px solid #d0d0d0; padding-bottom: 60px; } .partenaire { display: inline-block; min-width: 150px; font-size: 13px; color: #a7a8b7; text-align: center; } .logopartenaire { } .typepartenaire{ padding-top: 20px; } #shoppingCart > form:nth-child(3) > div.order-items.order-admissions.section-box > div > div.performance-info.cart-item-info.col-lg-3 { display: none; } #tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { min-width: 100%!important; } .articles .article-container.tertiary-linked-features#tertiary-linked-features-0, #tertiary-linked-features-1, #tertiary-linked-features-2 { display:inline-block!important; } .articles .article-container.tertiary-linked-features { width: 100%; padding: 0 0 0 0px; display: inline-block !important; float: none !important; margin-top: 40px; } #seatSelect .item-box-item-details.price-types { float: none; width: 75%; display:inline-flex; } .pricetype-label { width: 75% !important; } .odd { background: #fff !important; min-height: 100px; padding-top: 30px; border-bottom: solid 1px #d0d0d0 !important; display: inline-flex !important; height: auto; } .even { background: #fff !important; min-height: 100px; padding-top: 30px; border-bottom: solid 1px #d0d0d0 !important; display: inline-flex !important; height: auto; } .av-right { padding-top: 20px; display: inline-flex; justify-content: center; display: none; } #frmLoginDelivery > div:nth-child(4) { max-width: 100% !important; } #orderContact > form:nth-child(3) > div > div.order-customer-details.col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; order: 2; background-color: #e9ecef; max-height: 450px; padding-top: 30px; margin-left: 5px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; font-size: .8em !important; } .breadcrumb .breadcrumb-active { font-weight: bold; padding-top: 3px; } .btn.shopping-cart-link { color: #fff !important; font-size: .8rem; width: auto; font-weight: 700 !important; text-transform: uppercase; border: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; letter-spacing: 1px; background-color: #000 !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 2) { .colonnegauche { float: left; width: 45%; padding-right: 0px; margin-right: 40px!important; } .colonnedroite { float: left; width: 45%; padding-top: 0px; padding-left: 30px; } .lignetarif { display: inline-flex; width: 100%; justify-content: space-between; border-bottom: 1px solid; font-size: 18px; } .results-box { max-width: 100%; } .odd { flex-wrap: wrap; } .even{ flex-wrap: wrap; } .admission-row.section-box-item .section-box-item-details .form-control { width: auto; max-width: 100%; } .admission-row.section-box-item .section-box-item-details.item-amount { margin-top: 35px; font-size: 18px !important; margin-left: 100px; text-align: right; width: 100%; } .form-check .form-check-label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 18px; } .delivery-methods { width: 100%; } .delivery-method-selector label { font-weight: normal; font-size: 1.5rem; margin-top: 18px; margin-left: 10px; font-size: 18px !important; } .delivery-method-charge { margin: 0; padding: 20px 10px 0 15px; width: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) { .admission-row.section-box-item .section-box-item-details .form-control { width: 100%; max-width: 100%; } .articles .article-container.tertiary-linked-features { width: 100%; padding: 0 0 0 0px; display: inline-block !important; float: none !important; margin-top: -20px!important; } .colonnegauche { float: left; width: 100%; padding-right: 0px; } .lignetarif { display: inline-flex; width: 100%; justify-content: space-between; border-bottom: 1px solid; font-size: 18px; } .mentiontarif { font-size: 15px; padding-top: 20px; font-style: italic; width: 100%; margin-bottom: 30px; } .instructions { font-size: 15px; width: 100%; } .colonnedroite { float: left; width: 100%; padding-top: 30px; } .results-box { max-width: 100%!important; } .odd { flex-wrap: wrap; } .even { flex-wrap: wrap; } .attention{ display: none; } .form-check .form-check-label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 18px !important; } .delivery-methods { width: 100% !important; } .delivery-method-selector label { font-weight: normal; font-size: 1.5rem; margin-top: 15px !important; margin-left: 10px; font-size: 18px !important; } .delivery-method-charge { margin: 0; padding: 20px 10px 0 15px !important; width: auto; } .payment-methods-list .payment-method-option { background: #fcfcfc; border-radius: 4px; display: inline-block; float: left; margin: 0 1% 1%; text-align: center; width: 100%; } }