/* Le Grand Rex - Webam Studio 2018 */

/*@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:600,200,700|Barlow+Semi+Condensed:600,200,700');*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|Barlow+Semi+Condensed');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:600|Barlow+Semi+Condensed:600');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:200,700');

* {}
html{scroll-behavior: smooth;}
body {min-width: 1024px;width: auto;}
.logo-top {margin:auto;display: block;width:auto;height:110px;position:relative;}
.container-home{padding: 0;}
.toggle-right {float: right;background-color: #ffffff;height: 47vw;position: absolute;width: 23%;right: 0;top: 0;bottom: 0;z-index:1000;box-shadow: -1px 0 #c0965e;}
.nav-toggle li {font-family: 'Barlow Condensed', sans-serif;margin: 0 17%;padding-top:.5%;padding-bottom:.5%;width: 65%;border-bottom: 1px solid #c0965e;line-height: 3vw;font-weight: 400;color: #a5a5a4;text-align: center;text-transform: uppercase;font-weight: 200;}
.nav-toggle li:hover {color:black;}
.nav-toggle a{color: inherit !important;text-decoration: none !important;}
.nav-toogle a.calendrier{border-top: 1px solid #c0965e;}
.logo-toggle {margin: auto;display: block;width:auto;height:82px;margin-top: 16%;}
.languages-toggle {width: 100%;font-size: 0.8vw;position: absolute;top: 1.8vw;right: 0;padding-left: 3vw;}
.logo-sociaux-toggle{display: inline-block;width: 10%;margin-top: 10%;}
.link-sociaux:hover{text-decoration: none;}
.language-toggle {float: left;font-size: 1.05vw;color:#c0965e;text-decoration:none;}
.language-toggle.active,.language-toggle:hover {color:#000000;text-decoration:none;}
.glyphicon-menu-hamburger {-webkit-text-stroke:3px #000000;font-size: 1.8vw;padding-left: 0.8vw;display:inline-block;vertical-align:middle;top:-3px;}
.glyphicon-menu-hamburger:hover{color:black;}
.plus-right{}
.info-success{color:white;padding:10px 0;}
.nvis{visibility:hidden;}
.btn-hide-right {right: 1.15vw;float: right;position: absolute;font-size: 2.25vw;-webkit-text-stroke:7px #ffffff;margin-right: 1.3vw;top: -.65vw;color:#c0965e;}
.btn-hide-right:hover{color:black;}
.btn-hide-right span{color:inherit !important;}
.scroll-bottom {margin: auto;display: block;width: 90%;}
#myCarousel .nav a small {padding: 5% 0 0 2%;display:block;font-weight:300;font-size: 1.05vw;}
#myCarousel .nav a {padding: 0 0 0 0;}
#myCarousel .nav {background:#efefe7;}
#myCarousel .nav a {border-radius:0px;height:9vw;background-color: black;color: #ffffff;border-bottom: 3px solid #efefe7;font-family: 'Barlow Condensed', sans-serif;font-weight:300;font-size: 1.7vw;line-height: 1.4vw;text-align: left;padding-left: 10%;padding-right: 10%;padding-top:1.5vw;border-right: 1px solid #efefe7;border-left: 1px solid #efefe7;}
#myCarousel .nav a *{text-transform:none !important;}
i.date{position:absolute;bottom:5px;color:#c82030;font-size:1.05vw;left:2.75vw;font-style:normal;}
.tab{}
.tab li{width: 25%;display:block;box-sizing:border-box;margin:0 !important;float: left;text-transform: lowercase;}
/*.tab a::first-letter{text-transform: uppercase;}*/
#myCarousel .btn-go-bot {margin:auto;}
.glyphicon-ring.glyphicon-white.scroll-bottom{animation: bounce 2s ease infinite;}
.glyphicon-ring.glyphicon-white.scroll-bottom2{animation: bounce2 2s ease infinite;}
.glyphicon-ring.glyphicon-white.scroll-bottom:hover{animation:none;}
@media (min-width: 1100px) {
	.glyphicon.fleche-gauche{animation: bouncel 2s ease infinite;}
	.glyphicon.fleche-droite{animation: bouncer 2s ease infinite;}
	.carousel:hover .glyphicon,#carousel-today:hover .glyphicon,.hna:hover .glyphicon{animation:none;}
}
@keyframes bounce{
     from {bottom: 80px;}
     50%  {bottom: 30px;}
     to   {bottom: 80px;}
}
@keyframes bounce2{
     from {bottom: -20px;}
     50%  {bottom: -50px;}
     to   {bottom: -20px;}
}
@keyframes bouncel{
     from {left: -110%;}
     50%  {left: -100%;}
     to   {left: -110%;}
}
@keyframes bouncer{
     from {right: -110%;}
     50%  {right: -100%;}
     to   {right: -110%;}
}
#myCarousel .tab .active a, #myCarousel .tab a:hover{font-family: 'Barlow Condensed', sans-serif;font-weight: 700;font-size: 1.9vw;line-height: 1.6vw;font-weight: 600;position: relative;background-color: #ffffff;color: #c0965e;text-decoration: none;display:block;padding-top:0;}
#myCarousel .tab .active a small,#myCarousel .tab a:hover small{padding-top:2%;}
#myCarousel .tab .active a:after, #myCarousel .tab a:hover:after{content:" ";position: absolute;left:-2px;top:-2vw;right:-2px;height:2vw;background:white;border-top: 3px solid #c0965e;}
.tab small{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 0.933vw;}
/*.fix{width: 100%;height:38vw;}*/
#myCarousel .item{height:26vw;background-position: center center;background-size: cover;background-repeat: no-repeat;}
/*.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;height: 37vw;}*/
.glyphicon-ring {position: absolute;margin-top: -8%;left:50%;transform:translate(-50%, -50%);width: 4vw;height: 4vw;border-radius: 50%;border: 2px solid #c0965e;color: #c0965e;display: inline-table;text-align: center;}
.rexstudios .glyphicon-ring{margin-top:50px;}
.glyphicon-ring .glyphicon-bordered {font-size: 20px;vertical-align: middle;display: table-cell;}
.glyphicon-white {background: #ffffff;}

/* NAVBAR */
.nav li{}
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {margin-bottom: 0;border-radius: 0;background-color: #000000;border-bottom: none;border-top: 2px solid #efefe7;font-family: 'Barlow Condensed', sans-serif;font-size: 1.5vw;color: #c0965e;}
.navbar li{}
.navbar-form input, .form-inline input {width:auto;}
.navbar .link-sociaux{margin:0 5px;}
#navbar.affix {position: fixed;top: 0;width: 100%;z-index:50;}
/*overwriting bootstrap*/
.navbar-inverse .navbar-nav > li > a{color:#c0965e;}
.menu-header a{color: #c0965e;text-transform: uppercase;}
.navbar .navbar-nav {padding-top: 0.7vw;padding-bottom: 0.5vw;display: inline-block;float: none;max-height: 100%;}
.navbar .navbar-collapse {text-align: center;}
.content-top-right {font-size : 0.875em;text-transform: uppercase;right: 0;left: 75%;float: right;position: absolute;line-height: 1.5vw;white-space:nowrap;}
.content-top-left {font-size : 0.867vw;text-transform: uppercase;left: 0;float: left;position: absolute;white-space:nowrap;height: 1.5vw;margin-left: 5%;}
.content-top-right a, .content-top-left a{color: #c0965e;font-family: 'Barlow Semi Condensed', sans-serif;font-size : 0.88vw;}
.navbar-newsletter, .language, .content-top-left a{vertical-align: middle;}
.content-top-right img{line-height: 1.5vw;height: 1.5vw;vertical-align: middle;margin-right: -1%;}
.content-top-left a, .navbar-newsletter, .logo-sociaux{margin-right: 5%;line-height: 1.5vw;}
.box-top {margin-top:10px;}
.logo-sociaux{margin-right: 2%;padding-bottom: 1%;}
svg:hover {fill:#000000;}
.content-top a{vertical-align: middle;}
.content-top-left a:hover, .content-top-right a:hover{color:#000000;text-decoration: none;}
.language a{white-space:nowrap;color: #000000;}
.language-left{margin-left:5%;}
.language.active{color: #000000;}
.menu-header {max-width: 100%;max-height: 90%;}
.menu-header a:hover, .menu-header .active{padding-bottom: 1.7vw;color: #ffffff!important;margin-bottom: -1.5vw;content : "";position: relative;}
.menu-header a:hover:after, .menu-header .active:after{background: white;height:4px;content:'';position: absolute;bottom:-4px;display: block;left:6%;right: 6%;z-index: 1;}
.nav-toggle {margin: 10px 0 5px 0;}
.btn-toggle {background-color: #000000;color: #c0965e;}
.btn-toggle-right {color: #c0965e;right: 2vw;font-size: 1.3vw;position: absolute;bottom:0;border: none;background-color: #000000;top:0;margin:0;}
.btn-toggle-right:hover{color: #ffffff;background-color: #000000;border: none;}

/* CAROUSEL */
#carousel-navbar .carousel-inner img {width: 100%;margin: auto;min-height:200px;}
.carousel {position: relative;}

/* A L'AFFICHE*/
.affiche {margin-bottom:2.5%;}
.tags-affiche-film{width: 100%;margin: auto;margin-top: auto;display: block;margin-top:4.5%;text-align:right;}
.tags-affiche-film a{margin-right: 3.2vw;}
.title-affiche h3{display: inline-block;position: relative;font-family: 'Barlow Condensed', sans-serif;font-weight: 200!important;font-size: 3.6vw;text-transform: uppercase;margin: 5% 2% 5% 2%;color:#000000;}
.title-affiche {display: block;}
.title-affiche:before {content: url(/images/elements_svg/HP_alaffiche_ornement_gauche.svg);vertical-align: -75%;}
.title-affiche:after {content: url(/images/elements_svg/HP_alaffiche_ornement_droite.svg);vertical-align: -75%;}
.title-prog {font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;font-size: 1.2vw;color: #c0965e;margin:2.5% auto 5% auto;padding-top:0;display: inline-block;cursor: pointer;}
#today.title-prog,#week.title-prog,#coming.title-prog{margin:0 1% 1% 1%;}
.title-prog.active {color: #000000;border-bottom: 2px solid #000000;}
.title-prog:hover {color: #000000;text-decoration: none;}
img.affiche-img {vertical-align: middle;display: inline-block;padding-bottom: 10%;}
.fleche-gauche {float: left;position: absolute;top:-40px;bottom: 0;left: -100%;right: 0;width: 2%;margin: auto;}
.fleche-droite {float: right;position: absolute;top:-40px;bottom: 0;left: 0;right: -100%;width: 2%;margin: auto;}
.wrap {display: flex;margin-bottom: 1%;padding: 0;}
.center-aligned {display: flex;justify-content: center;align-items: center;padding: 0;}
.wrapper {position: relative;}
.wrapper h4 {justify-content: center;align-items: center;display: flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-transform: uppercase;/*text-shadow: 1px 1px #c0965e;*/padding: 0 30% 0 30%;font-weight: 600;font-family: 'Barlow Condensed', sans-serif;font-size: 1.9vw;line-height: 1.8vw;}
.container-fluid.box-flex.text-center.center-aligned > .wrapper:not(:last-child){border-right:3px solid white;}
.container-fluid.box-flex.text-center.center-aligned > .wrapper{border-bottom:3px solid white;}
.white {color: #ffffff;}
.wrapper h4.white {color: #000000;}
.title-black {color: #000000;}
.newsletter-calendar {background-color:  #f8f9f9 ;padding-top: 5%;padding-bottom: 5%;}
.footer-newsletter::placeholder{color: #c0965e;}
.box-calendar, .box-newsletter {font-family: 'Barlow Condensed', sans-serif;font-weight: 200;height: 100%;background-color: #ffffff;margin-bottom: 5%;width: 97%;margin: auto;display: block;}
.container-lines-top{display:block;top: 0.7vw;right: 0;left: 0;position: relative;}
.bigger-line-bottom,.bigger-line-top,.smaller-line-bottom,.smaller-line-top{position:absolute;left:10px;right:10px;border:none;border-top: 1px solid #c0965e;display:block;margin:0;}
.bigger-line-bottom{bottom:6px;}
.bigger-line-top{top:6px}
.smaller-line-bottom{bottom:13px;left:20px;right:20px;}
.smaller-line-top{top:13px;left:20px;right:20px;}
.big-line-top {/*  left: 0;right: 0;position: absolute;float: left;width: 70%;left:-22.5%;*/position: relative;width: 149%;left: -24.5%;right: 0;top: -0.3vw;border:none;border-top: 1px solid #c0965e;}
.small-line-bottom, .small-line-top {/*  position: absolute;width: 63%;left: 7%;*/position: relative;width: 142%;left: -21%;right: 0;border:none;border-top: 1px solid #c0965e;}
.big-line-bottom {position: relative;width: 149%;left: -24.5%;right: 0;bottom: 0;border:none;border-top: 1px solid #c0965e;}
.small-line-top{top:-1.2vw;}
.big-line-bottom {bottom:-0.3vw;}
.small-line-bottom{bottom:-1.2vw;}
.dotted-line {border-top: 2px dotted #c0965e;width: 50%;padding-top: 10%;/*  background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);background-position: top;background-size: 10px 3px;*//*  background-repeat: repeat-x;*/}
.container-fluid.newsletter-calendar > .wrap{padding:0;max-width: 900px;}
.box-calendar {float: right;margin-right: -2%;min-height: 43vw;}
.btn-outlined {border-radius: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 40%;margin: auto;display: block;margin-top: 2%;padding: 3% 3% 3% 3%;margin-bottom: 20%;}
.btn-full-calendar{bottom: 0;margin:auto;display: block;position: relative;}
.btn-outlined.btn-full-calendar {background: none;border: 1px solid #c0965e;color: #c0965e;margin-top: 1.5vw;text-transform: uppercase;margin-bottom: 5%;}
a.btn-full-calendar:hover {color: #ffffff;background: #c0965e;}
.time{font-family: 'Barlow Condensed', sans-serif;font-weight: 600;color: #000000;}
.title {font-family: 'Barlow Condensed', sans-serif;font-weight: 400;display: block;cursor: pointer;}
/*.title:first-letter{text-transform:uppercase;}*/
.title a{color: #000000;font-size:1.4vw;}
.newsletter-calendar .title a{line-height:normal;}
.title a:hover{color: #a5a5a4;text-decoration:none;}
.info {font-family: 'Barlow Condensed', sans-serif;font-weight: 600;display: inline-block;font-size: 1.1vw;text-align: center;float: right;}
.home .calendar-line .info{font-size:.9vw;}
.box-calendar h4, .box-newsletter h4 {font-family: 'Barlow Condensed', sans-serif;font-weight: 100;font-size: 2.7vw;line-height: 2.26vw;/*  padding-top: 5%;padding-bottom: 5%;*/
  color: #000000;text-transform: uppercase;}
.box-calendar h4{padding:10% 15% 5% 15%;}
.box-newsletter {float: left;margin-left: -2%;position: relative;}
.box-newsletter > div{position:absolute;top:10px;left:10px;right:10px;bottom:10px;box-sizing: border-box;border: 1px solid #c0965e;padding: 5% 15% 0 15%;}
.box-newsletter h4{padding: 4% 0 15% 0;}
.dotted-line-news{border-top:2px dotted #c0965e;background-position: top;background-size: 30px 20px;background-repeat: repeat-x;width: 30%;margin-bottom: 15%;}
.newsletter-text {font-family: 'Barlow Condensed';font-weight: 600;text-align: center;font-size: 1.7vw;line-height: 2vw}
.sociaux-newsletter{display: block;/*padding:2.5vw 2vw;*/margin-top: 2vw;}
.btn-newsletter.home, .footer-newsletter.home {background-color: #ffffff;border-top: none;border-right: none;border-left: none;border-bottom: 1px solid #c0965e;text-transform: uppercase;color: #c0965e;font-size: 2vw;vertical-align: bottom;margin-top: 20%;margin-bottom: 5%;}
.calendar-line {font-family: 'Barlow Condensed', sans-serif;font-weight: 200;font-size: 1.15vw;line-height: 1.25vw;background: url(/images/elements_svg/HP_point.svg) repeat-x top center;padding-top: 4.2%;padding-bottom: 4.3%;text-align: left;}
.calendar-line::before{background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 3px 1px;background-repeat: repeat-x;}
.time {display: flex;float: left;}
.time span{position: relative;display: inline-block;}
.star, .star2, .star3, .star4 {display: block;position:relative;}
.star:before {background: white url(/images/elements_svg/picto_etoile_grandesalle.svg) no-repeat center center / contain;position: absolute;display: block;left: -20px;content: " ";width: 15px;height: 15px;}
.star2:before {background: #f5f5f5 url(/images/elements_svg/picto_etoile_grandesalle.svg) no-repeat center center / contain;position: absolute;display: block;left: -20px;content: " ";width: 18px;height: 18px;top: 8px;}
.star3:before {background: white url(/images/elements_svg/picto_etoile_grandesalle.svg) no-repeat center center / contain;position: absolute;display: block;left: -20px;content: " ";width: 13px;height: 13px;top: 4px;}
.star4:before {background: white url(/images/elements_svg/logo_grandesalle.svg) no-repeat center center / contain;position: absolute;display: block;left:-30px;content: " ";width:40px;height:20px;top:5px;z-index:0;}
.grandesalle-seance {color: #c0965e;}
.mosaique {padding: 0;margin-bottom: -0.8%;}
/*.background-images {border-right: 5px solid #ffffff;}*/
.list-follow {list-style-type: none;}
.list-follow li{font-family: 'Barlow Condensed', sans-serif;}
.follow-rex {font-family: 'Barlow Condensed', sans-serif;font-size: 3vw;background-color: #000000;text-align: center;text-transform: uppercase;color: #ffffff;padding: 4vw 0 4vw 0;}
.follow-rex li{display:table;margin: 0 auto 0 auto;}
.follow-rex ul {width: 90%;margin-left: 0;}
.list-insta1{font-weight: 200;font-size:1.8vw;}
.list-insta2{margin-top:-5%;font-weight: 600;font-size:2.4vw;}
.list-insta3{font-weight: 600;font-size:2.4vw;padding:5% 0 5% 0;}
.list-insta4{font-weight: 600;font-size:2.4vw;}
#follow-insta {width: 200%;margin-left: -50%;margin-top: -50%;fill: #000000;}
#follow-insta object{fill: #000000;}
.rex-club {/*  background-color: #c0965e;opacity: 0.8;*/width: 100%;}
.logo-rexclub{width: 30%;margin-left:35%;margin-right:35%;margin-bottom:5%;}
.img-rexclub{opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.img-top {top: 0;position: absolute;width: 100%;height: 50%;border-left: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
.img-bottom {bottom: 0;position: absolute;width: 100%;height: 50%;line-height: 98%;border-left: 1px solid #ffffff;border-top: 1px solid #ffffff;}
.mosaique-img {padding: 0;}
.club {padding: 0;left: 0;}
.title-tt{font-weight: 900;font-family: 'Barlow Condensed', sans-serif;font-size: 1.7vw;margin:10% 0 3% 0;text-align: left;}
#btn-salle{font-weight: 600;font-family: 'Barlow Condensed', sans-serif;right:10%;}
#btn-ap {font-weight: 600;font-family: 'Barlow Condensed', sans-serif;right:-35%;position:absolute;margin-top:35%;}

body.grandesalle .link > a:nth-child(9),body.grandesalle .link > a:nth-child(10),body.grandesalle .link > a:nth-child(12),
body.cinema .link > a:nth-child(9),body.cinema .link > a:nth-child(10),
body.evenement .link > a:nth-child(2),body.evenement .link > a:nth-child(5),body.evenement .link > a:nth-child(6),body.evenement .link > a:nth-child(7),body.evenement .link > a:nth-child(12),
body.calendrier .link > a:nth-child(2),body.calendrier .link > a:nth-child(5),body.calendrier .link > a:nth-child(6),body.calendrier .link > a:nth-child(7){display:none;}


/*  FOOTER */
footer {background-color: #000000;padding: 25px;}
.logo-footer {float: left;width: 50%;margin-left: 15%;}
.footer-newsletter, .btn-newsletter {background-color: #000000;border-top: none;border-right: none;border-left: none;border-bottom: 1px solid #c0965e;text-transform: uppercase;color: #c0965e;font-size: 1.7vw;margin-bottom: 10%;vertical-align: bottom;}
.btn-newsletter {margin-left: 3%;}
.footer-newsletter {width: 70%;}
#searchForm{margin-top:5px;}
#searchForm .footer-newsletter, #searchForm .btn-newsletter{background:white;font-family: 'Barlow Semi Condensed', sans-serif;padding-bottom:3px;font-size:1.5em;}
#searchForm .footer-newsletter:focus, #searchForm .btn-newsletter:focus{outline: none;padding-left:5px;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
#searchForm .footer-newsletter {width: 66%;}
#searchForm .btn-newsletter {margin-left:0;}
.footer-abo {width: 100%;}
.footer-list {list-style-type: none;font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;text-align: left;font-size: 1.3vw;float: right;}
.push-hover{padding-top: 12%;}
.footer-list li {margin-bottom: 5%;}
.push-hover a:hover {color: #ffffff;text-decoration: none;white-space: nowrap;}
.footer-list a {color: #c0965e;}
.footer-bottom {background-color: #ffffff;text-transform: uppercase;padding-bottom: 1%;padding-top: 1%;}
.footer-bottom a{color: #c0965e;font-size: 1.1vw;margin-right: 3%;font-family: 'Barlow Condensed', sans-serif;}
.logo-sociaux-footer img{width: 12%;margin-right: 0.3vw;}
.sociaux-newsletter img{width:50px;margin:0.25vw 0.5vw;}

/* CAROUSEL "À L'AFFICHE" */
.show {display: block;}
.hide {display: none;}
.carrousel-affiche {margin-bottom: 10%;}
.col-centered {float: none;margin: 0 auto;}
.carousel-control {width: 8%;width: 0px;}
.carousel-control.left,
.carousel-control.right {margin-right: 40px;margin-left: 32px;background-image: none;opacity: 1;}
.carousel-control > a > span {color: white;font-size: 29px !important;}
.carousel-col {position: relative;min-height: 1px;padding: 5px 30px;float: left;}
/* .active > div {display:none;}*/
 .active > div:first-child {display:block;}
/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
	.carousel-inner .active.left {left: -33%;}
	.carousel-inner .active.right {left: 33%;}
	.carousel-inner .next        {left:  33%;}
	.carousel-inner .prev        {left: -33%;}
	.carousel-col                {width: 25%;}
	.active > div:first-child + div {display:block;}
	.active > div:first-child + div + div {display:block;}
}
/*lg*/
@media (min-width: 1200px) {
	.carousel-inner .active.left {left: -25%;}
	.carousel-inner .active.right{left:  25%;}
	.carousel-inner .next        {left:  25%;}
	.carousel-inner .prev        {left: -25%;}
	.carousel-col                {width: 25%;}
	.active > div:first-child + div {display:block;}
	.active > div:first-child + div + div {display:block;}
	.active > div:first-child + div + div + div {display:block;}
}
.block {/*width: 100%;*//*height: 100%;*/}
.carousel-img {margin: auto;display: block;width: 100%;}
.title-movie-slider {font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size:1.467vw;line-height:1.7vw;margin-top: 1vw;color:#000000;display: block;margin-bottom: -0.5vw;}
.author {font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size:0.933vw;}
.carousel-col:hover .title-movie-slider,.carousel-col:hover .author{color:#a5a5a4 !important;}
.club {position: relative;}
.overlay{position: absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0.6;background-color: #c0965e;z-index: 2;}
.btn-home-club{background-image: url(/images/elements_svg/bouton_reserver_white.svg);width: 230px;height: 58.2px;line-height: 58.2px;;border: none;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #ffffff;text-transform: uppercase;text-align: center;min-width: 58.2px;float:none;display:block;z-index: 30;margin:auto;text-decoration:none;}
.btn-home-club:hover{background-image: url(/images/elements_svg/bouton_reserver_over.svg);color:black;text-decoration:none;}
.thumbnail {position: relative;}
.caption {position: absolute;top: 45%;left: 0;width: 100%;z-index: 30;}
.caption p {font-family: 'Barlow Condensed', sans-serif;font-weight: 600;text-transform: uppercase;font-size: 5.2vw;color: #000000;margin: -15% 32% 0 32%;line-height: 6vw;margin-bottom: 3%;z-index: 100;}
.caption small a{font-size: 1vw;color: #ffffff;}

/*GRANDE SALLE*/
.container-grandesalle{padding: 0;}

/*COVER*/
.cover {background: url(/images/photo_grand_rex2.jpg) no-repeat center 100%;height: 40vw;background-size: cover;}
.home .cover,.cinema .cover,.evenement .cover{height:30vw;}
.cover.vertical-slider{background:none;}
.cover.vertical-slider .list-slider{display:none !important;}
.logo-top-left{float: left;position: absolute;height:82px;max-height: 120%;width: auto;}
.logo-grandesalle {position: relative;top: 50%;transform: translateY(-50%);width:15%;}
h2.logo-grandesalle{text-align:center;color:white;margin: auto;}
.btn-plansalle{background-image: url(/images/elements_svg/bouton_reserver.svg);width: 230px;height: 58.2px;line-height: 44.2px;;border: none;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;text-transform: uppercase;float: right;position: relative;text-align: center;min-width: 58.2px;margin-top: 2vw;margin-bottom: 2vw;margin-right: 10vw;padding-bottom: 1.5vw;}
.btn-plansalle:hover {background-image: url(/images/elements_svg/bouton_reserver_over_white.svg);color: #ffffff;text-decoration: none;}
.bottom-content {position: relative;bottom: -22.5vw;width: 100%;}
.list-left {margin-left: 9%;float: left;list-style-type: none;}
.list-left li{color: #ffffff;font-family: 'Barlow Semi Condensed';font-size: 1.2vw;}
.push-over{padding-top: 2vw;}

/* EVENT */
.box-event {background-color: #ffffff;margin-top: -60vw;padding-top: 3vw;padding-bottom: 3vw;}
.cover-bottom-event{background-color: #f4f4f4;min-height: 50vw;}
.cover-event{min-height: 30vw;background:#FFFFFF url("/images/grandesalle/Grande_Salle.jpg") no-repeat scroll center center / cover;}
.cover-event-slider{min-height:26vw;}
#titre_cover{width: 30%;left: 5vw;position: absolute;top:35vw;font-family: 'Barlow Condensed', sans-serif;font-size: 2.8vw;font-weight: 600;display:none;}
.title-movie-event{font-family: 'Barlow Condensed', sans-serif;font-size: 1.8vw;font-weight: 600;}
.date-event{font-family: 'Barlow Condensed', sans-serif;font-size: 1.2vw;font-weight: 600;margin: 2vw 0 2vw 0;display: block;}
.btn-book-event{width: 70%;height: 44.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.1vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;bottom: 0;position: relative;padding-left: 15%;margin-bottom: 1vw;}
.btn-logo-book::before{
	content: "";
background: url(/images/elements_svg/bouton_picto_ticket.svg) no-repeat 15px;
display: block;
position: absolute;
left: 10%;
top: 0;
bottom: 0;
width: 30%;
}
.btn-logo-gs::before{
background: url(/images/elements_svg/logo_grandesalle.png) no-repeat center center / contain;
position: absolute;
display: block;
left: 15px;
bottom: 9px;
content: " ";
width: 27px;
height: 24px;
}
.price-event{list-style-type: none;padding:0;margin: 1vw 0 2vw 0;clear:both;}
.price-event li{font-family: 'Barlow Condensed', sans-serif;font-size: 1.4vw;font-weight: 500;}
.affiche-page-event{width: 100%;height: 70%;margin: 0 0 3vw 0;}
.dotted-line-event{border-bottom: 1px dotted #c0965e;}

/*CONTENT*/
.grande-salle{/*margin: 0 10% 0 10%;*/}
.grid {margin: -5% 8% 0 8%;background-color: #ffffff;}
.link{margin-bottom: 5%;cursor: pointer;}
.img-grid {width: 90%;height: 30vw;margin-left: 5%;}
.row-grid {background-color: #ffffff;}
.bright:hover, .img-grid:hover {opacity: .5;}
.bright{background-color: white;display: inline-block;}
.pushbot{margin-bottom:15%;}
.affichage-liste, .affichage-mosaique {float: right;}
.btn-display-list {display: inline-block;background-image: url(/images/elements_svg/affichage_liste.svg);width: 28px;height: 22px;border: none;background-color: #ffffff;}
.btn-display-list.active {background-image: url(/images/elements_svg/affichage_liste_over.svg);outline: 1px solid #000000;outline-offset: 3px;}
.btn-display-grid.active {background-image: url(/images/elements_svg/affichage_mosaique_over.svg);outline: 1px solid #000000;outline-offset: 3px;}
.btn-display-list.active:hover {background-image: url(/images/elements_svg/affichage_liste_over.svg);outline: 1px solid #000000;outline-offset: 3px;padding-bottom: -2px;text-decoration: none;border: none;}
.btn-display-grid {display: inline-block;background-image: url(/images/elements_svg/affichage_mosaique.svg);width: 28px;height: 22px;border: none;background-color: #ffffff;}
.btn-display-grid:hover {background-image: url(/images/elements_svg/affichage_mosaique_over.svg);text-decoration: none;border: none;}
.btn-display-list:hover{background-image: url(/images/elements_svg/affichage_liste.svg);text-decoration: none;border: none;}
.right{text-align: left;}
.title-salle{font-family: 'Barlow Condensed', sans-serif;font-weight: 200;font-size: 1.6vw;color: #c0965e;margin: auto;margin-right: 2%;margin-bottom: 5%;padding-top: 3%;display: inline-block;}
.title-salle-calendar{font-family: 'Barlow Condensed', sans-serif;font-weight: 200;font-size: 1.26vw;color: #178aad;margin: auto;margin-right: 2%;margin-bottom: 5%;padding-top: 3%;display: inline-block;}
.title-salle.active, .title-salle-calendar.active {color: #000000;border-bottom: 2px solid #000000;text-decoration: none;}
.title-salle:hover, .title-salle-calendar:hover {color: #000000;text-decoration: none;}
.container-cat{margin:0 10% 0 10%;}
body.recherche .container-cat{height:100px;overflow:hidden;visibility:hidden}
.categorie, .categorie-tout {font-family: 'Barlow Condensed', sans-serif;font-size: 1.1vw;font-weight: 600;color: #c82131;text-transform: uppercase;}
.title-movie{font-family: 'Barlow Semi Condensed', sans-serif;font-size: 2.3vw;font-weight: 700;}
.cm3 > a img{margin:15px auto;}
 .grid .row{min-height:35vw}
.grid .title-movie-tout {font-family: 'Barlow Semi Condensed', sans-serif;font-size: 1.4vw;font-weight: 700;padding: 0 15% 0 15%;}
.title-movie-tout {font-family: 'Barlow Semi Condensed', sans-serif;font-size: 2.4vw;font-weight: 600;}
/*.title-movie-tout::first-letter{text-transform: uppercase;}*/
.date-tout{padding: 0 0 5% 0;}
.date, .date-tout{font-family: 'Barlow Condensed', sans-serif;font-size: 1.2vw;font-weight: 600;}
.infos {list-style-type: none;padding:0;position:relative;width: 100%;display: block;font-family: 'Barlow Semi Condensed', sans-serif;line-height: 1.6vw;}
li.infos{font-size: 1.2vw;line-height: 1.4vw;margin-bottom: 7%;}
.row-event h4:hover {color:#a5a5a4;}
body:not(.recherche) .row-fe:not(.tout){display:none;}
.read-more-hide, .read-more-show{display: block;font-size: 1.1vw;color: #c0965e;}
.read-more-hide:hover, .read-more-show:hover{color:#000000;text-decoration:none;}
.read-more-hide:hover, .read-more-show:hover{color:#a5a5a4;text-decoration:none;}
.liste {margin-top:-55px;color:#000000;}
.liste .row-fe:not(.col-md-3):after{content:"";position:relative;left:11%;height:1px;width:71.25%;border-bottom:1px solid #c0965e;}
.btn-book {background-image: url(/images/elements_svg/bouton_reserver.svg);width: 230px;height: 58.2px;line-height: 58.2px;;background-color: #ffffff;border: none;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;text-transform: uppercase;float: right;position: relative;text-align: center;min-width: 58.2px;margin-top: 2vw;margin-bottom: 2vw;}
.btn-book:hover {background-image: url(/images/elements_svg/bouton_reserver_over.svg);color: #000000;text-decoration: none;}
.price {bottom: 0;position: absolute;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;padding-bottom: 3%;font-size:1.2vw;display: block;}
.text-left-affiche{display: block;}
.nothing{padding:25px 0;text-align:center;display:none;}
/*.text-left-affiche > .infos > li{*//*min-height: 9vw;max-height: 11.5vw;*//*}*/

.list-slider{list-style-type: none;float: right;}
.list-slider li{background-color: #ffffff;moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);padding:1.1vw 3.5vw;width: 22vw;cursor: pointer;font-family: 'Barlow Condensed', sans-serif;font-weight: 400;font-size:1.20vw;color: #000000;border-bottom-style:solid !important;}
.list-slider li p.description{height:3.5vw;display:block;overflow:hidden;text-overflow:ellipsis;}
.box-slider.active,.box-slider:hover{background-color: #c0965e;moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);border-bottom-color:#000000;}
/*.box-slider.active::before{background-color: #c0965e;moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);font-family: FontAwesome;font-weight: normal;font-style: normal;content:'\e251';}*/
.black-box{background-color: #000000!important;color: #ffffff;text-align: center;}
.black-box a{text-transform: uppercase;color: #ffffff;}
.black-box a:hover{background:#a5a5a4;text-decoration:none;}
.date-bold-slider{font-weight:600;color:#000000;}
.liste .row-film{clear:both;position: relative;z-index : 1;margin: 2% 0 2% 0;font-family: 'Barlow Condensed', sans-serif;font-size: 1.2vw;}
.separator{border-bottom: 1px solid #c0965e;width: 80%;}
.affiche-film{width: 85%;margin: auto;display: block;margin-top: 8%;margin-bottom: 8%;}
.grid h3 {font-family: 'Barlow Condensed', sans-serif;font-size: 2vw;}
.grid .date-tout{font-size: 1vw;}
/* PAGE FILM */

.affiche-page-film{width: 90%;/*height: 70%;*/margin: 0 0 3vw 0;float: right;}
.btn-book-film {width: 260px;height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;bottom: 0;margin: 2vw 0 2vw 2.5vw;position: relative;padding-left: 5%;}
.btn-book-film:before {content: "";background: url(/images/elements_svg/bouton_picto_ticket.svg) no-repeat 15px;display: block;position: absolute;left: 20%;top: 0;bottom: 0;width: 20%;}
.btn-watch:before{content: "";background: url(/images/elements_svg/bouton_picto_play.svg) no-repeat 15px;display: block;position: absolute;left: 11%;top: 0;bottom: 0;width: 20%;}
.btn-book-film:hover, .btn-watch:hover{color: #000000;border: 1px solid #000000;}
.btn-book-film:hover:before {background: url(/images/elements_svg/bouton_picto_ticket_over.svg) no-repeat 15px;border: none;}
.btn-watch:hover:before {background: url(/images/elements_svg/bouton_picto_play_over.svg) no-repeat 15px;border: none;}
.btn-watch {width: 260px;height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;margin: 2vw 0 2vw 4vw;bottom: 0;position: absolute;padding-left: 5%;}
/*.btn-book:hover {background-image: url(/images/elements_svg/bouton_reserver_over.svg);color: #000000;text-decoration: none;}*/
.vertical-align{position: relative;top: 50%;transform: translateY(-50%);}
.seances-date{position: absolute;top: 50%;font-family: 'Barlow Condensed', sans-serif;font-size: 1.5vw;text-transform: uppercase;}
.seances-hours{position: absolute;top: 55%;transform: translateY(-50%);font-size: 1.467vw;font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;font-weight:600;}
#picto-plus{vertical-align: inherit;padding-top: 0.5vw;}
.video-film{width: 100%;}
.box-time a, .timeseance{color: #000000;}
.timeseance:hover{color:#000000;text-decoration: none;}
.seances-hours span{color: #a5a5a4;font-size: 1.267vw;font-weight: 600;display: block;}
.row-page h3{font-family: 'Barlow Condensed', sans-serif;font-size: 1.467vw;font-weight: 600;}
.row-page p{font-family: 'Barlow Semi Condensed', sans-serif;font-size: 1.067vw;font-weight: 400;line-height: 1.933vw;}
.col-affiche{margin-left:-1%;}
.infos-page{padding: 0 0 0 10%;list-style-type: none;margin-left:-6%;margin-bottom: 5%;}
.infos-page li{font-family: 'Barlow Semi Condensed', sans-serif;font-size: 1.067vw;font-weight: 400;line-height: 1.4vw;}
.acteurs-film{}
.seances h3{font-weight: 700;font-family: 'Barlow Condensed', sans-serif;font-size: 1.467vw;margin-top:22.5%;}
.seances-hours p{font-size: 1.067vw;font-weight: 400;text-transform: uppercase;margin-top: 22%;padding-top: 8px;}
.seances{background-color: #f5f5f5;margin-bottom: 3%;}
.row-dates{border-bottom: 2vw solid #ffffff;}
.box-time{padding:3vw 0;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size: 1.5vw;text-align: left;/*  border-left:2px solid #ffffff;border-right:2px solid #ffffff;*/}
.box-date{font-family: 'Barlow Condensed', sans-serif;font-weight: 700;font-size: 1.1vw;border-right: 1px solid #ffffff;border-left: 1px solid #ffffff;text-align: center;width: 11.5%;display: inline-block;line-height: 1.1vw;padding: 1vw 1.1vw 1vw 1.1vw;}
.row-timetable{background-color: #ffffff;}
.box-timetable{font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size: 1.3vw;text-align: center;width: 11.5%;display: inline-block;background-color: #ffffff;border: none;padding: 0.5vw 1.1vw 0.5vw 1.1vw;}
.box-timetable li{height: 3.8vw;line-height: 1.2vw;padding: 0 20% 0 20%;}
.day-time{list-style-type:none;padding:0;}
.tt {font-size:1.467vw;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;cursor: pointer;}
.grandesalle-title, .ap{font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;}
.grandesalle-title{position:absolute;margin-top:35%;color:#c0965e}
.grandesalle-title:hover{text-decoration: none;cursor: pointer;color: #c0965e;}
.grande-salle{olor:#c0965e !important;}
#fleche-droite-date,#fleche-gauche-date{width:20%;}
#fleche-droite-date, #fleche-droite-calendar,#fleche-gauche-date, #fleche-gauche-calendar {position: absolute;top:0;bottom: 0;right: 0;left: 10%;margin-top: 25%;}
#fleche-gauche-date, #fleche-gauche-calendar {left: auto;right: 10%;}
.link_calendar {margin: 0 7.5% 0 7.5%;height: 10vw;}
.ap{color: #c82131;font-family: 'Barlow Condensed', sans-serif;text-transform: uppercase;}
.ap:hover{color: #c82131;cursor: pointer;text-decoration: none;}
a.timeseance{text-align:center;display:block;}
a.timeseance span{color: #a5a5a4;font-size: 1.067vw;display: block;}
.day, .day-number, .month{width: 100%;display: block;text-transform: uppercase;color: #c0965e;font-weight: 600;}
.day-calendar, .day-number-calendar, .month-calendar{width: 100%;display: block;text-transform: uppercase;color: rgb(200, 32, 48);font-weight: 600;}
.day, .month {font-size: 1.067vw;}
.day-number {font-size: 1.533vw;padding: 2% 0 2% 0;}
.title-film-affiche{margin: 0 0 3% -0.5%;}
.title-movie-affiche{font-size: 3.867vw;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;margin: 10% 0 0.5% 0;color:#000000;}
.title-film-affiche span{font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size: 1.067vw;color:#000000;}
.row-calendrier{height: 6vw;}
.row-calendrier:after{content : "";position: relative;left:10%;height:1px;width:79%;border-bottom:1px solid #a7a7a6;}
.cat {background-color: #f3f3f3;}
.cat-calendar {font-family: 'Barlow Condensed', sans-serif;font-weight: 300;font-size: 2.5vw;color: #000000;margin: auto;margin-right: 2%;margin-bottom: 3%;padding-top: 3%;display: inline-block;cursor: pointer;text-transform: uppercase;}
/*.title-calendar::first-letter{text-transform: uppercase;}*/
.cat-calendar:hover {color: #c82030;;text-decoration: none;}
.title-calendar{font-family: 'Barlow Condensed', sans-serif;display: inline-block;float: left;text-align: left;font-size: 1.5vw;color: #000000;padding-bottom: 1.7vw;padding-top: 1.7vw;text-transform: uppercase;font-weight: 600;line-height: 2vw;}
.day-time2{text-align: left;float: left;}
.box-date.active{background-color:#c82030;}
.box-date.active span{color: #ffffff!important;}
.title-calendrier{font-family: 'Barlow Condensed', sans-serif;font-weight: 200;font-size: 1.26vw;color: #178aad;margin: auto;margin-right: 2%;margin-bottom: 5%;padding-top: 3%;display: inline-block;}
.title-calendrier.active {color: #000000;border-bottom: 2px solid #000000;text-decoration: none;}
.title-calendrier:hover {color: #000000;text-decoration: none;}
.title-event {font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.2vw;margin: auto;margin-right: 4%;margin-bottom: 1%;padding-top: 3%;display: inline-block;text-transform: uppercase;}
#btn-marathon-calendar,#btn-ap-calendar,#btn-grandesalle-calendar{display: inline-block;position:relative;font-family: 'Barlow Condensed', sans-serif;text-decoration:none !important;cursor:default !important;margin-right:10%;}
.affiche #btn-marathon-calendar,.affiche #btn-ap-calendar,.affiche #btn-grandesalle-calendar{margin-right:5%;}
#btn-marathon-calendar {color:#97c696;}
#btn-ap-calendar {color:#c82030;}
#btn-grandesalle-calendar {color:#c0965e;}
.marathon-calendar:before,.avantpremiere-calendar:before,.avantpremiere-timetable:before,.marathon-timetable:before{position: absolute;display: block;left: -2vw;bottom: 0.15vw;content: " ";width: 1.6vw;height: 1.6vw;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.marathon-calendar:before {background-image: url(/images/elements_svg/picto_chrono_marathon.svg);}
.avantpremiere-calendar:before {background-image: url(/images/elements_svg/picto_etoile_grandesalle_red.svg);}
.avantpremiere-timetable:before {background-image: url(/images/elements_svg/picto_etoile_grandesalle_red.svg);left: 1.92vw;top:0.2vw;width: 20px;height: 20px;}
.marathon-timetable:before {background-image: url(/images/elements_svg/picto_chrono_marathon.svg);left: 1.95vw;top: 0.2vw;width: 22px;height: 22px;}
.ap-color{color:#c82030;}
.ap-time{padding-top: 1.25vw;}
.marathon-color{color: #97c696;}
.grandesalle-calendar:before{background: url(/images/elements_svg/logo_grandesalle.png) no-repeat center center / contain;position: absolute;display: block;left: -40px;bottom: 0;content: " ";width: 32px;height: 28px;}
.title-event:hover{text-decoration:none;}
.grande-salle-logo:before{background:url(/images/elements_svg/logo_grandesalle.png) no-repeat center center / contain;position:relative;display:block;top:1px;content:" ";width:26px;height:25px;}
.grande-salle-logo-timetable:not(.marathon-timetable):not(.avantpremiere-timetable):before,.grande-salle-logo-timetable.marathon-timetable:after,.grande-salle-logo-timetable.avantpremiere-timetable:after{background: url(/images/elements_svg/logo_grandesalle.png) no-repeat center center / contain;position: relative;display: block;content: " ";width: 100%;height: 15px;margin: -13px 0 0 0;}
.grande-salle-logo-timetable.marathon-timetable:after,.grande-salle-logo-timetable.avantpremiere-timetable:after{position:absolute;bottom:3.25vw;right:-1vw;}
.grande-salle-logo-timetable.marathon-timetable:before,.grande-salle-logo-timetable.avantpremiere-timetable:before{left:.5vw;top:-.5vw;}
.fleche-droite-seance{margin-top: 10%;width: 25%;}
.box-time-calendar{list-style-type: none;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.2vw;margin: 1.7vw 0.4vw 1.7vw 0.4vw;text-align: center;}
.row-calendrier-events{min-height: 11vw;margin-top: 2vw;}
.row-calendrier-events:after{content: "";position: relative;left: 9.5%;height: 1px;width: 81.1%;border-bottom: 1px solid #a7a7a6;padding-bottom: 2vw;}
.row-title-calendrier{font-family: 'Barlow Condensed', sans-serif;font-weight: 600;font-size: 2.8vw;}
.spectacles-box .row-title-calendrier{margin-top: 5px;}
/*.row-title-calendrier::first-letter{text-transform: uppercase;}*/
.row-prices-calendrier{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.25vw;margin-bottom: 3vw;}
.row-dates-calendrier{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.25vw;margin-top: 3vw;}
.timeseance:hover, .box-date:hover{background-color: #ffffff;opacity: 0.5;}
.box-time-calendar span{font-size: 0.95vw;display:block;}
.box-time-calendar a{}
.year-event{height: 5vw;background-color: #f5f5f5;border-top: 2px solid #ffffff;width: 100%;display: inline-block;position: relative;}
.row-fe:not(.col-lg-3){width: 100%; margin: 3vw 0 3vw 0;}
.month-event{color:#178aad;font-size: 3vw;margin-left: 7.5%;margin-top: 3%;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;text-transform:uppercase;}
/*.month-event:first-letter{text-transform: uppercase;}*/
.title-spectacle {font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.8vw;margin: auto;display: inline-block;text-transform: lowercase;}
/*.title-spectacle:first-letter{text-transform: uppercase;}*/
.date-spectacle{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.1vw;width: 30%;margin-top: 2vw;}
.price-spectacle{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;font-size: 1.1vw;width: 30%;margin-bottom: 2vw;}
#fleche-gauche-event{width: 1.3%;position: absolute;top: 50%;left: 45%;cursor: pointer;height: 5em;margin-top: -2.5em;}
#fleche-droite-event{width: 1.3%;position: absolute;top: 50%;right: 45%;cursor: pointer;height: 5em;margin-top: -2.5em;}
.year-title h4{font-family: 'Barlow Condensed', sans-serif;font-weight:600;margin: auto;font-size: 1.2vw;position: relative;margin-top: 1.9em;transform: translateY(-50%);width: 5%;}
.wrap-picker{display: inline-block;position: relative;float: right;height: 20px;margin-top: 24px;
}
#datepicker{display: inline-block;border: none;background-color: #ffffff;border-bottom: 2px solid #178aad;padding-top: 3%;font-family: 'Barlow Semi Condensed', sans-serif;color :#178aad;cursor: pointer;width: 15vw;font-size: 1.2vw;}
#showDate:after{background: url(/images/elements_svg/HP_fleche_bas_blue.svg) no-repeat scroll 7px 7px;border: none;width: 38px;height: 40px;}
.buttonInside{margin-bottom:10px;}
#showDate{background:url(/images/elements_svg/HP_fleche_bas_blue.svg) no-repeat scroll 7px 7px / 15px;position:absolute;border:none;border-radius:100%;outline:none;text-align:center;font-weight:bold;height: 35px;width: 30px;float: right;right: 1%;top: 100%;transform: translateY(-50%);}
#showDate:active {background: url(/images/elements_svg/HP_fleche_bas_blue.svg) no-repeat scroll 7px 7px;}
.linkday > .empty{background:#eee;}
.linkday > .current{background:rgb(200, 32, 48);}
.linkday > .current span{color:#f3f3f3!important;}
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#000000;}
.st1{fill:#FFFFFF;}
.infos-box{background-color: #f5f5f5;width: 100%;display: inline-block;position: relative;border-bottom: 2px solid white;}
.wrap-infos-box{padding: 0;margin-top: -0.25vw;}
.infos-box2{background-color: #f5f5f5;width: 100%;display: inline-block;position: relative;max-height: 4vw;}
a.infos-pratiques{background-color:#ffffff;}
.infos-pratiques{background-color: #f3f3f3;position: relative;border-bottom: 2px solid #ffffff;}
.infos-pratiques h2{padding: 2vw 0 2vw 0;font-family: 'Barlow Condensed', sans-serif;font-weight: 300;text-transform: uppercase;font-size: 2.5vw;}
.menu-infos{padding: 0.8vw 0 0.8vw 0;font-size: 2vw;font-family: 'Barlow Condensed', sans-serif;font-weight: 200;text-transform: uppercase;color: #c0965e;cursor: pointer;}
.menu-infos.active, .menu-infos:hover{background-color: #000000;color : #ffffff;}
.box-infos-location{padding: 2vw 0 3vw 0;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 300;text-transform: lowercase;font-size: 1vw;text-align:left;margin-left:3vw;}
.box-infos-location h3{font-family: 'Barlow Condensed', sans-serif;font-weight:600;text-transform: uppercase;font-size: 1.25vw;margin-bottom:-2vw;}
.box-infos-location-map{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;text-transform: lowercase;font-size: 1vw;text-align: center;}
.box-infos-location-map h3{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 500;text-transform: uppercase;font-size: 1.25vw;padding-top: 1vw;}
.tarifs-infos, .reglement-infos, .faq-infos, .partenaires-infos{background-color: #ffffff;}
.faq-infos{/*	padding: 2vw 0 2vw 0;*/}
.rex-infos:before,.parking-infos:before,.metro-infos:before,.rex-infos-contact:before,.parking-infos-contact:before,.metro-infos-contact:before{position:relative;display:inline-block;content:" ";width:35px;height:45px;vertical-align:middle;top:-2px;margin-left:-40px;margin-right:5px;}
.rex-infos:before,.rex-infos-contact:before{background: url(/images/elements_svg/picto_infos_grandrex.svg) no-repeat center center / contain;}
.parking-infos:before,.parking-infos-contact:before{background: url(/images/elements_svg/picto_infos_parking.svg) no-repeat center center / contain;}
.metro-infos:before,.metro-infos-contact:before{background: url(/images/elements_svg/picto_infos_metro.svg) no-repeat center center / contain;}
#map{width:100%;min-height:42vw}
.grandesalle-infos{background-color: #ffffff;}
.grandesalle-infos span{margin:auto;text-align: center;}
.title-wraper{text-align: center;}
.title-wraper span{color: #000000;font-family: 'Barlow Condensed', sans-serif;font-weight: 200;font-size: 1.5vw;display:block;margin-top:-25px;text-transform:uppercase;}
.tarifs-infos h2{font-size: 3.7vw;color: #c0965e;font-family: 'Barlow Condensed', sans-serif;font-weight: 200;text-transform: uppercase;padding-top: 4%;margin: 0;}
.tarifs-infos h3{font-size: 2vw;color: #000000;font-family: 'Barlow Condensed', sans-serif;font-weight: 400;text-transform: uppercase;margin-bottom: 3vw;margin-top: 3vw;}
.tarifs-infos ul{list-style-type: none;padding: 0;}
.tarifs-infos li{text-align: left;font-size: 1.6vw;color: #000000;font-family: 'Barlow Condensed', sans-serif;font-weight: 400;padding-left: 1vw;}
.tarifs-infos li span{text-align: right;font-size: 1.6vw;color: #c0965e;font-family: 'Barlow Condensed', sans-serif;font-weight: 400;float: right;padding-right: 1vw;}
.text-tarifs-infos{padding-bottom: 3vw;}
.text-tarifs-infos span{color: #a5a5a4;font-size: 0.9vw;font-family: 'Barlow Semi Condensed', sans-serif;}
.line-prices{margin-bottom: 2%;}
.title-wraper h2:before{content: url(/images/infos-title-before.png);vertical-align: 25%;margin-right: 2vw;}
.title-wraper h2:after{content: url(/images/infos-title-after.png);vertical-align: 25%;margin-left: 2vw;}
.caption div {box-shadow: 0 0 5px #C8C8C8;transition: all 0.3s ease 0s;}
.img-circle {border-radius: 50%;}
.img-circle {border-radius: 0;}
.ratio {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 0;padding-bottom: 100%;position: relative;width: 100%;}
.img-circle {border-radius: 50%;}
.reglement-infos h3{font-family: 'Barlow Condensed', sans-serif;font-weight: 600;color: #000000;font-size: 1.7vw;text-transform: uppercase;}
.reglement-infos ul{list-style-type: none;padding: 0;}
.reglement-infos li{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;color: #000000;font-size: 1vw;margin-top: 2vw;}
.reglement-infos h3 {background-position:left;padding-left: 4vw;line-height: 2.7vw;padding-right: 3vw;margin-left: -4vw;}
.title-reg:before{content: "";background: url(/images/elements_svg/HP_alaffiche_ornement_gauche_black.svg) no-repeat 30px;display: block;position: absolute;width: 100%;height: 50px;left: -7vw;margin-top: -0.3vw;}
.padding-height{margin: 3vw 0 3vw 0;}
#metro8, #metro9{width: 8%;margin: 0 0.3vw 0.2vw 0.3vw;}
.line-separator-infos{border-bottom: 1px solid #a5a5a4;}
/*.partenaires-infos{*//*padding: 5vw 8vw 5vw 8vw;*//*}*/
/*.partenaires-infos img{*//*width: 13%;*//*margin: 2%;*//*display: inline-block;*//*}*/

.circle {display: block;width: 150px;height: 150px;margin: 1em auto;background-size: cover;background-repeat: no-repeat;background-position: center center;-webkit-border-radius: 99em;-moz-border-radius: 99em;border-radius: 99em;border: 5px solid #eee;box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.one {background-image: url(/images/Partenaires/entraide.png);}
.two {background-image: url(/images/Partenaires/Tir%20Groupé.jpg);}
.three {background-image: url(/images/Partenaires/Kadeos.png);}
.four {background-image: url(/images/Partenaires/AMEX.png);}
.row-partenaires{display:block;text-align:center;}
.img-circle-around{margin:auto;width:auto;height:auto;max-width:150px;max-height:150px;}
.circle-border {width: 200px;height: 200px;display: inline-block;position: relative;margin: 2.5vw;width: 160px;height: 160px;}
.inside-circle{position:absolute;top:0;left:0;right:0;bottom:0;display: flex;max-height:200px;border: 1px solid grey;border-radius: 50%;padding: 0.5vw;overflow: hidden;}
.contact-form{background:rgba(0,0,0,.4);}
.contact-form .form-control{width: 100%;margin: auto;border-radius: 0px;}
.contact-form form{width:42%;margin:auto;}
.contact-form h3{width: 40%;text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif;font-weight: 300;font-size: 1.39vw;padding: 5vw 0 5vw 0;margin: auto;color: #ffffff;}
.contact-form label{text-transform: uppercase;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 300;color: #c0965e;font-size:24px;width: 100%;text-align: left;}
.contact-form form > p{color:white;text-align:left;}
.btn-contact{width: 260px;height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 2px solid #c0965e;text-transform: uppercase;bottom: 0;margin: 2vw 0 2vw 2.5vw;position: relative;}
.btn-contact:hover{color: #000000;border: 2px solid #c0965e;}
#wraper_map {position: relative;width: 100%;}
#over_map {position: absolute;padding: 50px;top: 0;right: 0;background: rgb(241,221,211);opacity: 0.8;filter: alpha(opacity=80);height: 100%;width: 30vw;}
.mentions{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;}
.mentions h2{width: 50%;margin:auto;text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif;font-weight: 300;color: #000000;font-size: 2.5vw;padding-top: 4vw;padding-bottom: 1vw;}
.mentions ul{list-style-type: none;}
.mentions li{width: 30%;margin: auto;}
.mentions span{font-weight: 600;}
.mentions p,.mentions h3{width: 50%;margin:auto;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;color: #000000;font-size: 1vw;}
.mentions h3{font-size:1.5vw;margin:10px auto 5px;}
.showAnswer{background: url(/images/elements_svg/HP_fleche_bas_blue.svg) no-repeat scroll 7px 7px;position:relative;border:none;border-radius:100%;outline:none;text-align:center;font-weight:bold;height: 35px;width: 30px;float: right;right: 10%;top: -25%;}
#mention{width: 12%;padding-top: 2vw;}

/* Styles for Accordion */
.accordion a {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;width: 100%;padding: 1rem 3rem 1rem 1rem;color: #000000;font-family: 'Barlow Semi Condensed', sans-serif;font-size: 1.53vw;font-weight: 600;border-bottom: 1px solid #e5e5e5;}
.accordion a:hover,
.accordion a:hover::after {cursor: pointer;color: #000000;}
.accordion a:hover::after {border: 1px solid #0000000;}
.accordion a.active {color: #000000;border-bottom: 1px solid #000000;}
.accordion a::after {content: url(/images/elements_svg/HP_fleche_bas_or2.svg);position: absolute;float: right;right: 1rem;font-size: 1rem;text-align: center;top: 1.3vw;padding: 0;}
.accordion .content {display: none;padding: 1rem;border-bottom: 1px solid #e5e5e5;overflow: hidden;background-color: #f5d7ca;width: 100vw;margin-left: calc(-50vw + 50%);}
.accordion .content p {font-size: 1vw;font-weight: 300;padding: 0 19vw 0 18vw;}
.container-rex-studios{padding: 0;}
.picto-contact{margin: auto;width:8%;margin-top: 4vw;margin-bottom: -2vw;}
/*COVER*/
.cover-rexstudios {background-image: url(/images/rexstudios/big/cover-rexstudios.jpg);/* fallback */background-image: url(/images/rexstudios/big/cover-rexstudios.jpg) no-repeat center 100%, linear-gradient(#f4f4f4, #f4f4f4);height: 60vw;background-size: cover;position: relative;}
.text-over-img h1{color:#ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 3.3vw;text-align: center;width: 60%;margin: 2vw auto;padding-bottom: 5vw;padding-top: 12vw;font-weight:600;}
.text-over-img {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);width:50%;}
.box-visite{width:50%;display:inline-block;margin:auto;}
.text-rexstudios{font-family: 'Barlow Condensed', sans-serif;font-size: 1.2vw;font-weight: 500;color:#ffffff;display:block;}
.btn-book-studios {background-image: url(/images/elements_svg/bouton_reserver.svg);width: 230px;height: 58.2px;line-height: 58.2px;;background-color: transparent;border: none;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;text-transform: uppercase;float: right;position: relative;text-align: center;min-width: 58.2px;transform: translateX(50%);margin-right: 50%;margin-top:5%;}
.btn-book-studios:hover {background-image: url(/images/elements_svg/bouton_reserver_over_white.svg);color: #ffffff;text-decoration: none;}
body.rexstudios{background:#fff url(/images/elements_svg/rexstudios_motif.svg) repeat center center;}
body.rexstudios.ce{background-color:#e9e9e9;}
body.contact{background:#2d2d2d url(/images/elements_svg/contact_motif.svg) repeat center center;}
.wrapper-titles-studios{/*display: inline-block;width: 20vw;margin: auto;*/}
.wrapper-titles-studios .active{padding-bottom: 3px;color: #c0965e;}
.rexstudios .btn-book-offer:before{left:5%;}
.escape-game .btn-book-offer:before{left:5%;}
.rexstudios .text-rexstudios{text-align:center;}
.container-offer h2{text-align: center;text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif;font-size: 1.8vw;margin: 2vw auto 5vw auto;cursor: pointer;}
.title-studios-left{float:right;}
.title-studios-right{float:left;}
.row-offer{padding-left: 15vw;padding-right: 10vw;text-align: center;margin-bottom: 1.5vw;}
.row-offer img{width: 50%;border-radius:50%;overflow:hidden;}
.box-offer{background-color: #ffffff;width: 29.5%;margin-right: 1vw;margin-bottom: 1vw;margin-left: 1vw;padding-top:3vw;min-height: 23vw;position: relative;}
.escape-game .box-offer{padding-bottom:80px;}
.box-offer:hover{background-color: #f4f4f4;}
.box-offer h3{text-align: center;text-transform: lowercase;font-family: 'Barlow Condensed', sans-serif;font-size: 1.2vw;width: 68%;font-weight: 600;margin: auto;padding-top: 1vw;}
.box-offer h3:first-letter{text-transform: uppercase;}
.btn-book-offer {width: 200px;height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;left: 10%;bottom: 1.5vw;position: absolute;width: 80%;padding-left: 10%;}
.btn-book-offer2,.btn-book-doc {width: 200px;height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;bottom: 1.5vw;position: relative;width: 40%;margin-top: 3.5vw;}
.box-offer .btn-book-doc{display:none;}
.btn-book-offer:before {content: "";background: url(/images/elements_svg/bouton_picto_ticket.svg) no-repeat 15px;display: block;position: absolute;left: 10%;top: 0;bottom: 0;width: 30%;}
.btn-book-offer:hover{color: #000000;border: 1px solid #000000;}
.btn-book-offer:hover:before {background: url(/images/elements_svg/bouton_picto_ticket_over.svg) no-repeat 15px;border: none;}
.cover-visite{background-image: url(/images/rexstudios/big/cover-visite.jpg);background-position: top center;background-size:cover;background-repeat: no-repeat;position: relative;text-align: center;background-color:#6b1d13;background-attachment: fixed;}
.box-over-img{background-color:#ffffff;margin: 6vw auto;position:relative;}
.box-over-img .logo-offer{top:50px;}
.box-over-img h2{font-family: 'Barlow Condensed', sans-serif;font-size: 3.3vw;font-weight: 400;width: 50%;margin: auto;padding-top: 4.5vw;padding-bottom: 2vw;text-align: left;margin-left: 40%;min-height: 15vw;}
.no-padding {padding-left: 0;padding-right: 0;}
.back-offer{float: left;color: grey;cursor: pointer;font-family: 'Barlow Condensed', sans-serif;margin: 1vw;}
.list-offer{list-style-type: none;margin-left: 1.5vw;font-family: 'Barlow Condensed', sans-serif;}
.list-offer li{color: #c0965e;width: 35%;margin: auto;text-align: left;margin-left: 36%;}
hr.separator-offer{padding: 0;border: none;text-align: center;border-top: 1px solid #c0965e;margin-top: 3vw;}
hr.separator-offer:after {content: url(/images/line-losange.png);display: inline-block;position: relative;top: -0.9em;padding: 0 0.25em;}
hr.separator-offer-2{padding: 0;border: none;text-align: center;border-top: 1px solid grey;}
.box-over-img p{padding: 2vw 10vw 2vw 10vw;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 400;line-height: 2.3vw;text-align: left;}
.logo-offer{position: absolute;left:10%;top: 13%;width: 11vw;border-radius:50%;overflow:hidden;}
.tarifs-offer{color: grey;text-align: center!important;line-height: 2.5vw;}
.colored-bottom{background-color: rgb(107, 29, 19);height: 30vw;}
.layer-black {background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* HISTOIRE */
.cover-histoire{background-image: url(/images/cover-histoire.jpg);/* fallback */
  background-image: url(/images/cover-histoire.jpg) no-repeat center 100%, linear-gradient(rgba(20,20,20, .5), rgba(20,20,20, .5));min-height: 70vw;background-size: cover;position: relative;z-index: -2;}
.vline{position: absolute;height: 100%;width: 0px;border: 1px solid #c0965e;top: 0;left: 8vw;z-index: 100;}
.row-img-histoire{display: flex;flex-direction: row;width: 100%;margin-left: 0.7vw;}
.row-img-histoire2{display: flex;flex-direction: row;width: 100%;margin-left: 0.7vw;}
.box-date-histoire{min-height:80vw;}
.box-date-histoire .top-date{position: absolute;top: 17vw;}
.box-date-histoire .bottom-date{position: absolute;bottom: 3vw;}
.box-date-histoire2{min-height: 70vw;}
.box-date-histoire2 .top-date{position: absolute;top: 3vw;}
.box-date-histoire2 .bottom-date{position: absolute;bottom: -21vw;}
.text-over-img-histoire{position: absolute;top: 20%;left: 61%;transform: translate(-50%, -50%);width: 50%;}
.text-over-img-histoire h1{font-family: 'Barlow Condensed', sans-serif;text-transform:uppercase;font-size: 2.1vw;color: #ffffff;margin-top: 5vw;margin-bottom: 8vw;}
.text-over-img-histoire span{font-size: 1.6vw;}
.col-3-img{padding-right: 0.5vw;width: 33%;}
.col-2-img{display: block;height: 30vw;}
.col-2-img2{display: block;height: 35vw;width: 100%;}
.col-2-img-left{width: 110%;padding-right: 1vw;}
.col-2-img-right{width: 95%;}
.col-2-img-full{width: 100%;height: 25vw;}
.cover-histoire-2{max-width: 100%;}
.date-histoire{color: #c0965e;font-family: 'Barlow Condensed', sans-serif;font-size: 3.4vw;font-weight: 600;margin-bottom: -2vw;}
.date-histoire-cover{color: #c0965e;font-family: 'Barlow Condensed', sans-serif;font-size: 5.8vw;font-weight: 600;margin-left: 10.5%;margin-top: 14.5%;}
.wrapper-histoire li{color: #000000;font-family: 'Barlow Condensed', sans-serif;font-size: 1.1vw;margin: 3vw 0 3vw 0;letter-spacing: 0.03vw;line-height: 1.8vw;}
.wrapper-histoire p{color: #c0965e;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 600;margin: 3vw 0 3vw 0;}
.wrapper-histoire ul{list-style-type: none;margin: 2vw 0 2vw 0;}
.box-images-histoire{display: flex;}
.box-images-histoire img{display: flex;height: 21vw;padding-bottom: 0.5vw;}
.padding-date-histoire{padding-top: 2.5vw;}
.padding-date-histoire2{padding-top: 30vw;}
.white-background{background-color: #f4f4f4;}
.padding-left-date{margin-left: 0.8vw;}
.box-histoire-event{display: block;min-height: 13vw;}
.box-histoire-event img {max-width:100%;height:auto;}
.btn-voir-plus{height: 58.2px;background-color: #ffffff;font-family: 'Barlow Condensed', sans-serif;font-size: 1.3vw;font-weight: 200;color: #c0965e;border: 1px solid #c0965e;text-transform: uppercase;bottom: 1.5vw;position: relative;width: 20%;margin: auto;margin-left: 41%;margin-top: 5vw;}
.title-events-histoire{width: 70%;margin: auto;text-align: center;margin-top: 3vw;margin-bottom: 3vw;font-family: 'Barlow Condensed', sans-serif;}
.date-event-histoire{font-family: 'Barlow Semi Condensed', sans-serif;font-size: 1.3vw;font-weight: 600;}
.text-events-histoire{color: #000000!important;font-family: 'Barlow Semi Condensed', sans-serif;margin: 1vw 0 2vw!important;font-size: 1vw!important;}
.wrapper-histoire-line {position:relative;margin:0;}
.wrapper-histoire-line::after {content:'';position:absolute;top:0;bottom:0;left:12%;z-index:-1;width:1px;background:#c0965e;margin-top:22vw;}
.grandesalle .list-left{display:none;}
.nostylea{color:inherit;}
.nostylea:hover{color:#a5a5a4;text-decoration:none;}
.handimg{height: 10px;width: auto;margin-left: 3px;position: relative;top: -2px;}
.handimgmax{height:30px;float:left;margin-left:0;margin-right:5px;top:0;}

.img-slider-histoire{width: 430px;height: 270px;}

/* carousel */
/* override position and transform in 3.3.x */
#myCarousel-histoire .carousel-inner .item.left.active {transform: translateX(-33%);}
#myCarousel-histoire .carousel-inner .item.right.active {transform: translateX(33%);}
#myCarousel-histoire .carousel-inner .item.next {transform: translateX(33%)}
#myCarousel-histoire .carousel-inner .item.prev {transform: translateX(-33%)}
#myCarousel-histoire .carousel-inner .item.right,
#myCarousel-histoire .carousel-inner .item.left {transform: translateX(0);}
#myCarousel-histoire .carousel-control.left,.carousel-control.right {background-image:none;}

ul.recrutement{display:block;list-style:none;padding:0;margin:50px 0 0;text-align:center;}
ul.recrutement > li{display:block;box-sizing:border-box;margin:10px auto;padding:25px;background:#f3f3f3;text-align:left;width:50%;min-width:300px;max-width:100%;}

/* End carousel */
@media (min-width: 1780px) and (max-width: 2000px) {
}
@media (min-width: 1600px) and (max-width: 1800px) {
}
@media (min-width: 1370px) and (max-width: 1780px) {
}
@media (max-width: 1355px) {
}
@media (max-width: 1755px) {
}
@media (min-width: 1920px) {
	.logo-top-left{height:104px;}
	.menu-header a:hover:after,.menu-header .active:after {bottom:4px;}
	.container-fluid.newsletter-calendar > .wrap{max-width:1170px;}
	.navbar{font-size:1.25vw}
	.btn-toggle-right{font-size:1vw;}
	.box-calendar h4, .box-newsletter h4{font-size:2vw;}
	.title a,.footer-newsletter, .btn-newsletter{font-size:1vw;}
	.calendar-line{font-size:.8vw;padding:2%;}
	.newsletter-text{font-size:1.2vw;line-height:1.4vw;}
	.btn-newsletter.home, .footer-newsletter.home{font-size:1.5vw;}
	.box-calendar{min-height:34vw;}
	.caption p{font-size:2.5vw;}
	.btn-home-club,.footer-list,.btn-plansalle,.btn-book,.btn-book-film,.btn-watch,.btn-book-event{font-size:.75vw;}
	.footer-bottom a{font-size:.7vw}
	.container-cat,#list-all{margin:0 20%;}
	.title-salle,.categorie-tout{font-size:.8vw;margin-bottom:.5vw;}
	.title-movie-tout{font-size:1.4vw;}
	.grid .title-movie-tout,.price-event li{font-size:1vw;}
	.date, .date-tout,.price,.read-more-hide, .read-more-show{font-size:.7vw;}
	.grid .row{min-height:25vw;}
	.row-event:not(.col-lg-3){margin:0;}
	.infos{line-height:1vw;}
	.liste .row-film{font-size:unset;}
	.list-slider li{font-size:.7vw;}
	.list-slider li p.description{height:1vw;margin-bottom:0;white-space:nowrap;}
	.glyphicon-ring{width:2vw;height:2vw;}
	.row-offer{padding:0 20%;}
	.box-offer{margin:1.85%;min-height: 20vw;}
	.box-over-img p{font-size:.9vw;line-height:1.1vw;}
	.cat-calendar,.title-movie-affiche{font-size:2vw;}
	.box-date,#btn-marathon-calendar, #btn-ap-calendar, #btn-grandesalle-calendar{font-size:.8vw;}
	.marathon-calendar:before,.avantpremiere-calendar:before,.avantpremiere-timetable:before,.marathon-timetable:before{left:-1.5vw;width:1vw;height:1vw;}
	.affiche #btn-marathon-calendar, .affiche #btn-ap-calendar, .affiche #btn-grandesalle-calendar{margin-right:3%;}
	.title-calendar{font-size:1vw;padding-top:.7vw;padding-bottom:.7vw;}
	.box-time-calendar{font-size:.8vw;margin:.7vw .1vw;}
	.cover-histoire-2{width:100%;}
	.box-infos-location h3{margin-left:-1.6vw;}
	.infos-page li,.row-page p,.seances-hours p,.day, .month{font-size:.8vw;line-height:1vw;}
	.seances-hours,.box-timetable li,.day-number{font-size:.95vw;}
	.row-page h3,.seances h3,.title-tt{font-size:1vw;}
	a.timeseance,a.timeseance span{font-size:.8vw;}
}
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {margin: 0;padding: 0;border: none;border-spacing: 0;/*width: 100%;*/}
.ui-datepicker thead {display: table-header-group !important;}
.ui-datepicker td,
.ui-datepicker th {display: table-cell;}
.ui-datepicker {display: none;width: 260px;padding: 20px 35px;cursor: default;text-transform: uppercase;/*font-size: 0.8vw;*/background: #1a1a1a;}
.ui-datepicker-header {position: relative;padding-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-month {position: relative;padding-right: 15px;color: white;cursor: pointer !important;}
.ui-datepicker-year {padding-left: 8px;color: white;cursor: pointer !important;}
.ui-datepicker-month:before {display: block;position: absolute;top: 5px;right: 0;width: 5px;height: 5px;content: '';background: #b39467;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.ui-datepicker-prev,
.ui-datepicker-next {position: absolute;top: -2px;padding: 5px;cursor: pointer;}
.ui-datepicker-prev {left: 0;padding-left: 0;}
.ui-datepicker-next {right: 0;padding-right: 0;}
.ui-datepicker-prev span,
.ui-datepicker-next span {display: block;width: 18px;height: 14px;text-indent: -9999px;overflow: hidden;}
.ui-datepicker-prev span {/*transform: rotate(38deg);*/background: url("./images/ap.png") no-repeat center center;background-size: contain;}
.ui-datepicker-next span {/*transform: rotate(-38deg);*/background: url("./images/an.png") no-repeat center center;background-size: contain;}
.ui-datepicker-calendar th {padding-top: 15px;padding-bottom: 10px;text-align: center;font-weight: normal;color: #ffffff;}
.ui-datepicker-calendar td {text-align: center;line-height: 26px;}
.ui-datepicker-calendar .ui-state-default {display: inline-block;width: 26px;outline: none;text-decoration: none;color: #ffffff;border: 1px solid transparent;}
.ui-datepicker-calendar .ui-state-active {color: #b39467 !important;border: 1px solid #b39467;/*background: $champagne;*/ }
/*.ui-datepicker-calendar .available:not(.ui-state-disabled) .ui-state-default {*//*color: grey;*//*}*/

.ui-state-disabled .ui-state-default{color:grey!important;}
.ui-datepicker-other-month .ui-state-default {color: #1a1a1a;}

.black-popup{background:black;color:white;text-transform:uppercase;width:400px;height:auto;box-sizing:border-box;padding:25px;margin:auto;font-family: 'Barlow Condensed', sans-serif;font-size: 3.4vw;font-weight: 600;}
@media (max-width: 1200px) {
	.box-newsletter, .box-calendar{width: 75%;}
}
@media (max-width: 600px) {
	.carousel {display: none;}
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#cccccc;}
.mfp-preloader a:hover{color:white;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:65px;border:medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;display:none;}
.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:15px;border-bottom-width:15px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:-2px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:0;border-right:20px solid black;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:70px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:20px solid black;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:90%;left:5%;right:5%;top:5%;bottom:5%;position:absolute;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:black;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444444;}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){
	/** Remove all paddings around the image on small screen*/
	.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
	.mfp-img-mobile img.mfp-img{padding:0;}
	.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
	.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
	.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
	.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
	.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){
	.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
	.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
	.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
	.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1;}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg{opacity:0;}
.mfp-no-margins img.mfp-img{padding:0;}
.mfp-no-margins .mfp-figure:after{top:0;bottom:0;}
.mfp-no-margins .mfp-container{padding:0;}
#introContainer{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow:hidden;left:0;right:0;z-index:9999999;background:rgba(0,0,0,1) no-repeat center center / cover;}
#introContainer video{max-width:100%;max-height:100%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#introContainer img{display:none;}
.close.introContainer{position:absolute;top:10px;right:10px;z-index:99999999;color:white;opacity:1;font-size:2.5em;}
.close.introContainer.closeShadow{text-shadow: rgb(0, 0, 0) 1px 0px 10px;}
.close.introContainer span{color:white;}

body.boutique #rexcontent{background:white url('/images/affiliates/pattern.png');}
body.boutique #rexcontent #laboutique{list-style:none;margin:0;padding:0;text-align:center;padding:50px 0;box-sizing:border-box;}
body.boutique #rexcontent #laboutique > li{display:block;}
body.boutique #rexcontent #laboutique > li > span.logo{display:block;}
body.boutique #rexcontent #laboutique > li > span.logo > img{height:50px;width:auto;margin:10px 0;}
body.boutique #rexcontent #laboutique > li.boutique_12 > span.logo > img,body.boutique #rexcontent #laboutique > li.boutique_10 > span.logo > img{height:85px;}
body.boutique #rexcontent #laboutique > li > .banniere{position:relative;margin:75px 0;display:block;}
body.boutique #rexcontent #laboutique > li > .banniere:before{position:absolute;top:-75px;left:0;right:0;height:70px;background:url('/images/affiliates/element01.png') no-repeat center center / contain;content:" ";}
body.boutique #rexcontent #laboutique > li > .banniere:after{position:absolute;bottom:-75px;left:0;right:0;height:70px;background:url('/images/affiliates/element02.png') no-repeat center center / contain;content:" ";}
body.boutique #rexcontent #laboutique > li > .banniere > a{position:relative;display:inline-block;}
body.boutique #rexcontent #laboutique > li > .banniere > a > img{width:720px;height:300px;}
body.boutique #rexcontent #laboutique > li > .banniere > a:before{position:absolute;top:0;left:-5px;right:-5px;bottom:0;transition: all 0.5s ease;content:" ";border:2px solid #c19565;}
body.boutique #rexcontent #laboutique > li > .banniere > a:after{position:absolute;top:-5px;left:0;right:0;bottom:-5px;transition: all 0.5s ease;content:" ";border:2px solid #c19565;}
body.boutique #rexcontent #laboutique > li > .banniere > a .hover{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));}
body.boutique #rexcontent #laboutique > li > .banniere > a .hover > span{position:absolute;right:10px;height:80px;margin-top:-40px;top:50%;text-align:center;width:200px;color:#c19565;width:220px;display:block;}
body.boutique #rexcontent #laboutique > li > .banniere > a .hover > span > i{background:url('/images/affiliates/btn.png') no-repeat center center / contain;width:200px;height:53px;line-height:43px;font-style:normal;text-transform:uppercase;color:white;text-align:center;display:inline-block;margin-top:5px;}
body.boutique #rexcontent #laboutique > li > .banniere > a:hover .hover{display:block;}