:where(:root) {--primary: #ef426f}
:where(:root) {--primary-dark: #ef426f}
/*
body{font-family: 'Montserrat', arial}
@font-face {
  font-family: 'Montserrat';
  src: url("/statics/image/fonts/Montserrat-Regular.woff") format("woff"), url("/static/images/fonts/Montserrat-Regular.woff2") format("woff2");font-style: normal;font-weight: normal}

@font-face {
  font-family: 'Montserrat';
  src: url("/statics/image/fonts/Montserrat-Bold.woff") format("woff"), url("/static/images/fonts/Montserrat-Bold.woff2") format("woff2");font-style: normal;font-weight: bold}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url("/statics/image/fonts/Montserrat-Bold.woff") format("woff"), url("/static/images/fonts/Montserrat-Bold.woff2") format("woff2")}
*/
.preheadercs{padding-top:20px;height:90px}
.service-carrefour a {color:#cbcbcb}
.retour-carrefour {width:12rem;font-size:13px;font-weight:normal;padding:13px 0px 0px 0}
.retour-carrefour a {color:#c8c8c8}
.includebilletterie{text-align:center;padding:10px 0}
.includebilletterie span{font-size:0.8em;font-weight:normal;color: var(--primary)}
.page-header-top .header-my-account{margin-left:0;margin-top:49px}
.page-header-top .icon {display:none}
.page-header-top span {color:transparent;line-height:0.9;margin-left:auto}
.page-header-top .header-my-account-link{padding:2rem .625rem;width:90px;display:flex}
.language{display:flex;flex-direction:row-reverse;padding:0 14%}
.header-logo{margin-left:auto}
.logo-spec{width:100%;height:60px;display:flex}
.page-header-top .group a, .page-header-top a.group{color:#6e6c6c}
.adhesion {margin-top:9px;display:flex}
.bp-crf{float:left;width:207px;font-size:1.2rem;font-weight:normal;margin:3% 0 0 25%;height:37px;line-height:28px;background-image: url(/statics/headers/image/bp-crf.png);background-repeat: no-repeat;background-position: 0px -4px}
.bp-crf:hover{float:left;width:207px;font-size:1.2rem;font-weight:normal;margin:3% 0 0 25%;height:37px;line-height:28px;background-image: url(/statics/headers/image/bp-crf-hover.png);background-repeat: no-repeat;background-position: 0px -4px}
.bp-crf a{height:50px!important;display:flex}
.crf-adh{width:153px;margin-right:0%;background-image: url(/statics/headers/image/carrefour-bordeaux-hover.png);background-repeat: no-repeat;background-position:-21px -9px}
/*.crf-adh:hover{width:153px;margin-right:0%;background-image: url(/statics/headers/image/carrefour-bordeaux-hover.png);background-repeat: no-repeat;background-position: -21px -9px}*/
a .crf-adh{width:153px;margin-right:0%;background-image: url(/statics/headers/image/carrefour-bordeaux-hover.png);background-repeat: no-repeat;background-position:-21px -9px}
/*a .crf-adh:hover{width:153px;margin-right:0%;background-image: url(/statics/headers/image/carrefour-bordeaux-hover.png);background-repeat: no-repeat;background-position: -21px -9px}*/

.preheader-right{display:flex;justify-content:end}
.page-header-top.prehead .inside {padding: 0 1% 0 1.5%}
.page-header-top.prehead span{}
.page-header-top.prehead span.header-lang{margin-left:0}
.logo-ph{width:13%}
.logo-ph img{width:42%;margin-top:-12px}
#sliders{width:400px;height:35px;margin-top:1%}
.sliders {position:inherit;transform:translate(-17%, -26%);width:760px;height:20px}
.wrapper {overflow: hidden;position: relative;background:transparent;z-index: 1}
#items {width: 10000px;position: relative;top: -3px;left:-84px}
#items.shifting {transition: left .2s ease-out}
#sliders.slide {width:auto;height:20px;cursor:pointer;float:left;transition:all 1s;position:relative;font-size:12px;margin:0 18px;padding:0 10px}
.control {position: absolute;top:87%;width:20px;height:19px;background:transparent;margin-top:-20px;z-index:2}
.prev, .next {background-size:22px;background-position:center;background-repeat:no-repeat;cursor:pointer}
/*.prev {background-image: url(/statics/headers/image/ChevronLeft-512.png);left:-20px}*/
.next {background-image: url(/statics/headers/image/ChevronRight-512.png);right:-20px}
.prev:active, .next:active {transform: scale(0.8)}
.wrapper a, .wrapper a{font-size:0.35em;font-weight:normal;padding-left:17px;color:#c8c8c8}
#content-carrefour {
    display: block!important;
}




.header-html{color:#050033;font-weight:bold;font-size:2.4em}
.header-my-account-link{background: url(/statics/headers/compte-carrefour.png);background-repeat:no-repeat;background-position:28px 2px}
.header-my-account-link span{color:var(--brand-text);font-size:.7em;margin-top:6px;width:70px}
.header-my-account-link span:hover{color:var(--primary);font-size:.7em;margin-top:6px;width:70px}
.header-basket span{color:var(--brand-text);font-size:.7em;padding:16px 0 0 0}
.header-basket span:hover{color:var(--primary);font-size: .7em;padding: 16px 0 0 0;}
.header-basket{background: url(/statics/headers/Shopping-Bag-carrefour.png);background-repeat:no-repeat;background-position:8px 9px;width:3%}
.page-header-top {background:var(--gray-06);background-image:none;height:80px}
.page-header-top.prehead{background:#f3f3f3;height:35px;padding:0;margin-bottom:27px}
.page-header-top .header-basket{margin-left:0;padding:39px 0 0 0;width:60px}
.page-header-top span.visually-hidden {overflow:visible!important;position:initial!important;padding:40px 14px 16px 0px !important}
.header-logo img{width:270px}
#lien-langue-site{display:flex}
.newsletter{width:40%}
.header-carrefour{display:flex}
.header-carrefour .box {padding:28px 0px;width:12%}
.billetteries{margin-top:13px;width:15%;padding-top:14px}
.billetteries a{color:var(--brand-text);font-size:.3em;font-weight:normal;background: url(/statics/headers/mesbilletteries.png) 19px 4px no-repeat;padding: 34px 0}
.billetteries a:hover{color:var(--primary);font-size:.3em;font-weight:normal;background: url(/statics/headers/mesbilletteries.png) 19px 4px no-repeat;padding: 34px 0}
.billetteries span{font-weight:normal;font-size:0.6rem;padding:10px 0}
.page-header-main .page-header-themes {padding:0 0 0 15rem}
.alertes-h{background: url(/statics/headers/image/sprite-carrefour.png) 17px -253px;background-repeat:no-repeat;margin:8px 15px 0 15px;width:11%;padding-top:20px;text-align:center}
.alertes-h a{font-size:0.6rem;font-weight:normal}
.newsletter-carrefour-h{background: url(/statics/headers/image/sprite-carrefour.png) 27px -837px;background-repeat:no-repeat;margin-top:3px;height:40px}
.page-header-cities {max-width:1160px}
#lfr, #len{border-radius:12px;width:20px;height:20px}
#lien-langue-site span{margin:2px 19px 0 0px;font-size:0.6rem;color:var(--brand-text);font-weight:normal}
.lcfr, .lcen{display:flex;height:45px;margin-right:14px}
.drap{width:23px;height:39px}
.draptx{color:var(--brand-text);font-size:0.8rem;font-weight:normal;line-height:48px;padding:5px 0}
.billetteries-m{display:none;margin-top: 13px;width:15%;padding-top:14px}
.billetteries-m a {color:var(--brand-text);font-size:.3em;font-weight:normal;background: url(/statics/headers/mesbilletteries.png) 19px 4px no-repeat;padding:34px 0}

#logo-mn {margin:1px 0}
.langue-arena{border:1px solid #000;border-radius:5px;padding:0px 10px}
#product-summary .modal-header .btn-reset{color:var(--brand-text)}

.bas-slide {margin:0 auto;font-size:12px;text-align:center;width:100%;z-index:1;position:relative;display:flex;justify-content:center;background: var(--gray-06);padding:10px}
.serv-rm {background: url(/statics/headers/sprite-carrefour.png) -383px -179px no-repeat #fff;padding-top: 53px}
.carr-serv {width:180px;height:95px;margin:0px 9px}
.serv-eticket{background: url(/statics/headers/sprite-carrefour.png) -388px -394px no-repeat #fff;padding-top:53px}
.serv-mticket{background: url(/statics/headers/sprite-carrefour.png) -399px -80px no-repeat #fff;padding-top:53px}
.serv-plan{background: url(/statics/headers/sprite-carrefour.png) -378px -280px no-repeat #fff;padding-top:53px}
.serv-assur{background: url(/statics/headers/sprite-carrefour.png) -399px 17px no-repeat #fff;padding-top:53px}
.serv-bp{background: url(/statics/headers/sprite-carrefour.png) -396px -505px no-repeat #fff;padding-top:53px}

.page-header-main .inside {background-image:none}
.page-header-main .header-logo {top:0;margin: 0;padding:0}
.header-html #lienentete{display:flex;justify-content:flex-end;width:1500px;height:35px;line-height:20px}
.header-html #lienentete a {font-size:12px;font-weight:normal}
.page-header-top .inside {padding:0 2%;height:35px}

.billets-spectacles {height:280px;background:#f6f7f9;font-size:11px;padding:15px 100px;margin:0;color:#3e404d}
.calypso {color: var(--primary)}
.footer-carrefour {width:100%;margin:0 auto;background: var(--primary);padding:15px 15px 0 15px;color:#fff;height:92px;display:flex;justify-content:center}
.newsletter-carrefour {float:left;width:23%;background: url(/statics/headers/sprite-carrefour.png) 0px -575px no-repeat;padding-left:42px;}
.alerte-carrefour {float:left;width:24%;background: url(/statics/headers/sprite-carrefour.png) 0 -394px no-repeat;padding-left:42px;margin-left:90px}
.carr-titre {font-weight:bold}
.carr-titre a{font-weight:bold;font-size:1.1em;color:#fff;text-align:left}
.carr-txt {width:218px;font-size: 0.9em}
.carr-txt a{font-size: 0.9em;color:#fff}
.reseaux-carrefour {float:left;width:13%;height:69px;margin-left:140px}
.reseaux-carrefour li {float:left;margin:8px 11px 0 0}
.newsfoot{margin-top:-14px}
.footer-angle {background: url(/statics/footers/angle-bas-home.jpg) 149px 0px no-repeat;height:20px;width:1014px;margin:0 auto}
.footer-bas-carrefour{display:flex;justify-content:center}
.footer-services {width:370px;margin:0 2%}
.titre-service {float:left;color: var(--primary);font-weight: bold;font-size:13px;margin:0 0 15px 0}
.serv-carre {float:left;color:#666666;font-size:0.8em;width:100%;font-weight:600;padding:2px 0 13px 0;background: url(/statics/headers/sprite-carrefour.png) 227px -677px no-repeat}
.serv-carre a {color:#666666!important}
.col-art-salle {width:215px;margin:0 14px}
.footer-art-salle {width:;padding:0 9%;display:flex;display:flex;flex-direction:column}
.art-salle{display:flex;width:420px;justify-content:center}
.artsal{background:url(/statics/headers/sprite-carrefour.png) 170px -677px no-repeat}
.salle-foot{display:flex;width:437px}
.footer-serviceslast {float:left;width:210px}
.mgticket {background: url(/statics/headers/mesbilletteries.png) 174px 0 no-repeat;padding:8px 0;width:100%;height:27px;margin:-8px 0}
.mgticket a{color: var(--primary)}
.retrait-carr {margin:6px 0 0 0}
.txt-billet {font-size:12px!important;width:87%!important;color:#666666;font-weight:normal;margin:0 0 8px 0;line-height:18px}
.best{text-align:center}
.best img{width:62%}
.faq-carr {background: url(/statics/headers/sprite-carrefour.png) 168px -490px no-repeat;padding:11px 0;margin:6px 0 0 0;font-weight:bold;font-size:0.9em}
.faq-carr a {color: var(--primary)}
.langue{display:flex;flex-direction:row-reverse;padding:11px 15%;width:250px}
#section-bas-home{display:flex;justify-content:center}
#bloc-bas-home-centre, #bloc-bas-home-right{margin:25px 50px}
.col-art-salleall{display:flex}
.page-header-top .group a, .page-header-top a.group {color:#c8c8c8}
.page-header-top .group.header-lang a:not(.nuxt-link-active) {color:#c8c8c8}
.page-header-top .separator {border-right: 1px solid #c8c8c8}
.page-header-top .separator {color:#c8c8c8}
.header-my-account .btn-reset{color:var(--primary)!important;margin-top:3px;font-size:0.8rem}
.modal-header .btn-reset{color:var(--gray-06)}
.modal-title{display: none}
.digital {border-color:var(--brand-text)!important}

.editorial .pdr h2{display:none}
.pdr .list-regions {display:none}

.results-filter-info {color: var(--gray-06);background-color: var(--primary);}

.lgfr img{width:20px;height:20px;border-radius:20px;margin:0px 4px 0 0}
.lgen img{width:20px;height:20px;border-radius:20px;margin:0px 4px 0 0}
.lgen, .lgfr{margin:0 10px;font-size:0.4em;font-weight:normal}
.lgen span, .lgfr span, .billetteries span{color:#000}

.bonsplans{display:flex;justify-content:center;padding:2% 0;background:#f6f7f9}
.side-events-offers{display:none}
.gift-card img{border-radius:15px}
.logodevice{display:none}
.full-height {min-height:auto;width:120px}

#pdp{text-align:center}
#pdp a{font-size:0.8em}
.otbutt {background-color:var(--gray-06)!important;color: var(--brand-text)!important;font-size:0.7em!important}
.footer-carrefour .full-height{min-height:auto;width:125px;background: url(/statics/headers/image/Logo-newsletter.png) 20px 16px no-repeat #fff;padding-top:26px;margin-right:15px}

.bp-home{margin:54px 0 10px 0;text-align:center;display:none}

/*.logo {position:absolute;top:25px;left:25px;display:block;z-index:1000;transition:all 250ms linear}
.logo img {height:26px;width:auto;display:block}*/
.modal-btn:checked ~ .logo img {filter: brightness(100%);transition:all 250ms linear}
#sib-container{width:620px!important}

.event-result-adherent img{width:63px!important}

@media screen and (max-width: 500px) {
  .modal-wrap {width: calc(100% - 40px);padding-bottom:15px}
  .modal-wrap p {padding:15px 20px 0 20px}
}

@media only screen and (max-width: 800px) {
.page-header-main .icon {color: var(--primary)}
.page-header-main .inside {background-color:var(--gray-06);background-image:none}
.page-header-main .header-logo-mobile img {height:2.2rem;margin-top:12px}
.header-search-combo {border:1px solid #dee2e6}
.page-header-top {height:60px;padding:0;margin:11px 0 0 0;flex-direction: row;display: none}
.langu .header-my-account-mobile, .langu .header-cart-mobile{display:none}
.includebilletterie svg{display:none}
.langue {display:none}
.home .home-aside {display:block!important}
.bas-slide {display:none}
.wrapper, .retour-carrefour{display:none}
.page-header-top span {color: var(--primary)}
.header-top{display:block}
.header-top a{color: var(--primary)}
.header-logo{margin-right:0}
.prehead{display:none}
.billetteries{display:none}
.logodevice{display:block;margin-top: 10px}
.logodevice img{width:65%}
.footer-angle {width:auto}
#section-bas-home{display:none}
.billets-spectacles {height:auto;padding:15px}
.footer-bas-carrefour {flex-direction:column}
.titre-service{margin:0 0 6px 0}
.serv-carre {background:none;padding:2px 0 2px 0}
.carr-txt, .footer-carrefour .button .n2{display:none}
.reseaux-carrefour {width:47%;margin-left:30px}
.footer-carrefour .button {width:86px;padding:0px 0;;background: url(/statics/headers/sprite-carrefour.png) 24px -584px no-repeat;height:40px}
.footer-carrefour .button .n1{padding:33px 0 0 12px;font-size:1em}
.header-nav-mobile svg {filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(1%) contrast(119%)}
.page-header-top.prehead{display:none}
.footer-carrefour .box {width:32%}
.alerte-carrefour{width:14%;margin-left:28px;display: lex;height:52px;padding:38px 0 0 0;background: url(/statics/headers/sprite-carrefour.png) 4px -402px no-repeat}
.alerte-carrefour .carr-titre a {font-size:0.8em;padding-top: 38px}
.carr-titre a {font-size:0.8em}
.bp-home{margin:54px 0 10px 0;text-align:center;display:block}
.art-salle {width:auto}
.footer-services{width:90%;margin:0 5%}
.footer-art-salle {padding:0 5%;width:90%;margin-top:10px}
.art-salle {justify-content:left}
.col-art-salle {margin:0 0px}
.footer-serviceslast {width:90%;padding:0 5%;margin-top:25px}
.modal-burger .modal-close .icon {color: var(--brand-text)}
.modal-burger .modal-title {display:block}
.header-carrefour{display:none}
.header-lang {margin-right:auto!important}
.page-header-top.prehead {display:none!important}
.page-header-top .header-lang {padding: 0.7rem 0 0.7rem 0.2rem!important}
.page-header-top .inside {display:inherit}
.burger-themes-link-left a{width:20%}
.burger-themes-link-left a{display:flex;padding:17px 0 0 0}
.fid{line-height:33px;color:#1e5bc6}
.fid img{width:12%;margin:0 10px 0 0!important}
.modal-burger .burger-themes .txt.gooddeals {color:#1e5bc6!important}
.burger-themes-link-left{background: url(/statics/headers/image/bp-crf-m.png) 0px 0px no-repeat}
.burger-themes-link-left svg{display:none}
.billetteries-m{display:block;width:82%;margin-left:30px}
.best img {width:40%}
.offre-carrefour {margin: 0!important}

}
@media only screen and (max-width: 800px){
.page-header-top {height:30px!important;padding:0!important;margin:0!important;display:block!important
}}

@media only screen and (max-width: 575px){
.page-header-main .header-logo-mobile img {height: 2.2rem;margin-top: 12px}
}

.footer-carrefour .full-height{min-height:auto;width:125px;background:none;padding-top:26px;margin-right:15px}
.modal-btn:checked + label, .modal-btn:not(:checked) + label{display:flex;flex-direction:column;text-align:left;color:#fff}

#overlay {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2;cursor:pointer}
#text{position:absolute;top:50%;left:50%;font-size:50px;color: white;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.header-carrefour p{font-weight:400;line-height:1.7;color:#1f2029;}
.section{position:relative;width:100%;display:block;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}

.logo {
    position: inherit;
    top: 25px;
    left: 25px;
    display: initial;
    z-index: 1000;
    transition: all 250ms linear;
}
.logo img {height:26px;width:auto;display:block}
.modal-btn:checked ~ .logo img {filter: brightness(100%);transition:all 250ms linear}
#sib-container{width:620px!important}

@media screen and (max-width: 500px) {
  .modal-wrap {width: calc(100% - 40px);padding-bottom:15px}
  .modal-wrap p {padding:15px 20px 0 20px}
}

:root {
    --ism-tiersvnd-color: #ef426f;
    --ism-tiersvnd-color-dark:#ef426f;
    --ism-tiersvnd-color-light: #ef426f;
    --ism-tiersvnd-color-lightest:#fdecf0;
}

#content-noel{display:block!important}
.contenu-include-carrefour{display:flex}
.offre-carrefour{float:left;margin:40px 0 0 80px}
.page-edito a{color: #3e404d;text-decoration:none}
.carr-titre a{color:#fff!important}
.carr-txt a {color:#fff!important}

.page-home .billets-spectacles {padding:5px 15px 15px 0px}

.manif-include{background-color:var(--gray-06!important)}

#ad-slot-502{text-align:center!important;margin:0 auto!important;margin-top: 30px!important}
/*#ad-slot-501{margin: 0 auto!important;padding:0!important; width:100%!important; height:100%!important}}

@media only screen and (max-width: 575px){
#ad-slot-501 img{margin: 0 auto!important;padding:0!important; width:50%!important; height:50%!important}}
#ad-slot-501 .img_ad{width:50%!important; height:50%!important}}
}
*/
.eurodc{padding-left:0!important}

.pub {padding: 0!important}


