@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i&display=swap');

body{
	font-family: Roboto,sans-serif!important;
	font-weight: 400;
}
.navbar .nav-item .nav-link, .navbar{
	font-weight: 400;
}
#calendar{
	opacity: 0;
}
.article-text a{
	color: black;
	text-decoration: underline;
}
.ml-1px{
	margin-left: 1px;
}
.pagination .disabled strong{
	display: none;
}
.wow{
	visibility: visible!important;
}
.card .btn.btn-sm {
    padding: .4rem 1.2rem!important;
}
.carousel-indicators{
    top: 0px;
    right: 10px;
    left: inherit;
    bottom: inherit;
    margin-right: 1%;
}
h1, h2, h3, .font-bis{
	font-family: 'Rubik', sans-serif !important;
}
h1.font-weight-bold, h2.font-weight-bold, h3.font-weight-bold, h1 b, h2 b, h3 b h1 strong, h2 strong, h3 strong{
	font-family: 'Rubik', sans-serif !important;
	font-weight: 700;
}
h1.font-weight-light, h2.font-weight-light, h3.font-weight-light{
	font-family: 'Rubik', sans-serif !important;
	font-weight: 300;
}
strong, b{
	font-weight: 800!important;
}
.carousel-inner .carousel-item {
	  transition: -webkit-transform 2s ease;
	  transition: transform 2s ease;
	  transition: transform 2s ease, -webkit-transform 2s ease;
}
.line-height-normal{
	line-height: normal;
	display: inline-block!important;
}
i.w-25{
	width: 15%!important;
}
.menu-liste.menu-items.dropdown-menu, .navbar-nav .dropdown-menu, li .menu-liste.menu-items{
	display: none;
}
.nav .menu-liste.menu-items.dropdown-menu.dropdown-primary.show{
	display: block;
}
.playerVideo video{
	width: 100%!important;
	height: auto!important;
}
.ic-dark-block{
	display: inline-block;
    width: 30px;
    height: 20px;
    text-align: center;
}
.h-54{
	height: 54px!important;
}

.h5, h5 {
    font-size: 13pt;
}
.slide-nav-right span.pink-text{
	font-size: 11pt;
}
.view{
	cursor: pointer;
}
.slide-nav-right a{
	color: inherit!important;
}
.slide-nav-right a:hover{
	color: inherit!important;
}
.slide-nav-right p.font-small{
	font-size: 10pt;
}
.text-white i.fab{
	color: white!important;
	margin: 0 10px
}
.footer-copyright .text-dark i.fab{
	color: black!important;
}
.calendriermini table td{
	padding: 3px!important;
}

.info-resto ul.spip li{
	font-size: 16px!important;
	padding: 5px!important;
	border-radius: 0!important;
}
.row:not(.marg){
	margin-left: 0!important;
	margin-right: 0!important;
}
.dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover{
	background-color: transparent!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fa-2x{
	font-size: 1.7em;
}
.navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far, .navbar .nav-item .nav-link .fas{
	padding: 0;
}
#intro-section{
	height: 100%;
}
.btn-lg, .btn-block{
	letter-spacing: 3px;
	font-size: 1rem;
}
.btn{
	word-wrap: normal!important;
}
.form-control-sm.w-75{
	width: 50%;
}
.ui-datepicker select{
	display: inline-block!important;
}
.calendriermini h2{
	display: none;
}
.ui-datepicker{
	width: 100%;
}
.ui-widget.ui-widget-content, .ui-widget-header, .calendriermini .ui-datepicker-other-month a, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .calendriermini .ui-datepicker-other-month a{
	border: 0px;
	background: transparent!important;
	background-color: transparent;
}
.calendriermini .ui-datepicker-other-month a{
	color: transparent!important;
}
.ui-widget-content{
	border: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	text-align: center;
}
.calendriermini .ui-state-highlight a{
	border: 1px solid #b4254e!important;
	background: transparent!important;
}
.calendriermini .ui-datepicker-today a{
	border: 0px!important;
	border-bottom: 2px solid #b4254e!important;
	border-top: 2px solid #b4254e!important;
	background: #b4254e!important;
	color: white!important;
}
.calendriermini .ui-state-highlight a.ui-state-active{
	border-bottom: 2px solid #1d1d1b!important;
	border-top: 2px solid #1d1d1b!important;
	background: #1d1d1b!important;
	color:white!important;
}
.se-pre-con{
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 2500;
	top: 0;
	left: 0;
}
.btn-group .btn-white{
	color: rgba(0,0,0,.5)!important;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;

}
.btn-group .btn-white:hover{
	color: #b4254e!important
}
.btn{
	padding: .73rem 2.14rem;
}
.btn-elegant-color-dark{
	color: white;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #286ef0!important;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.nav-tabs .nav-link.active{
	border: 0;
	background-color: rgba(0, 0, 0, 0.3)
}
.nav-tabs .nav-link:hover{
	border: 0;
	background-color: rgba(0, 0, 0, 0.3)
}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.rotate-90{
	font-size: 2rem;
    color: #fff;
    transform-origin: 0 0;
	transform: rotate(-90deg) translate(-50%,-50%);
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
}
.overflow-hidden{
	overflow: hidden;
}
.sn-bg-4 {
    background-image: url(../../images/nav-bg.jpg);
}
.wow {
  visibility: hidden;
}
.z-index-30{
	z-index: 30;
}
.top{
	top: 0;
}
.top.big-folio{
	top: 670px
}
.bottom{
	bottom: 20px;
}
.bottom.b-m{
	bottom: -40px;
}
.right{
	right: 20px;
	left: inherit!important;
}
.left {
    left: 20px;
    right: inherit!important;
}
.left.big {
    left: 15%;;
}
.mt-m3{
	margin-top: -3px;
}
.sep{
	position: relative;
	display: inline-block;
	left: 0;
	cursor: pointer;
}
.sep:after{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: black;
	position: absolute;
	right: -50px;
	top: 50%;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;


}
.header-home{
	max-width: 1440px;
	margin: auto;
	overflow: hidden;
}
.sep:hover:after{
	right: 0px;
	opacity: 0;
}
.scrollbar {
	float: right;
	max-height: 476px;
	width: 100%;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow.carousel-indicators {
	position: inherit;
	display: block;
	margin: 0;
	min-height: 450px;
}
.force-overflow.carousel-indicators li{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: inherit;
	border-top: 0;
	text-indent:inherit;
	border-radius: 0!important;
}
.square::-webkit-scrollbar-track {
	border-radius: 0 !important;
}

.spectacle-meta-box .pink-text{
	font: 14pt;
	color: white!important;
}
.carousel-thumbnails .carousel-indicators img{
	max-width: 8.25rem;
}
.carousel-thumbnails .carousel-indicators li{
	width: 8.25rem;
	max-width: 8.25rem;
}
.carousel-thumbnails .carousel-indicators .active {
    height: auto;
    width: 8.25rem;
    opacity: 1;
}
.btn-pink:hover{
	background-color: #1d1d1b!important;
}
.btn-outline-white:hover{
	background-color: white!important;
	color: #302570!important;
}
.border.border-big{
	box-shadow: inset 0px 0px 0px 3px white, inset 0px 0px 0px 3px grey;
}
.header-spectacle ul{
	padding: 0;
	margin-bottom: 0!important;
}
.header-spectacle ul li{
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}

.header-spectacle ul li strong{
	font-weight: 800;
}
.header-spectacle ul li a, .distrib-box strong{
	font-weight: 800;
	color: #b4254e!important;
}
.carousel .header-spectacle ul li a{
	font-weight: 600;
	color: #FFF!important;
}
.carousel-item .header-spectacle ul li a{
	color: white!important;
	font-weight: bolder;
}
.header-spectacle ul li a:hover{
	color: #1d1d1b!important;
}
.distribution ul{
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
.distribution ul li{
	list-style: none;
	margin-bottom: 0px;
}
.distribution ul li a{
	color: #212529;
}
.elegant-color-dark .header-spectacle a:hover{
	color: #b4254e!important;
}
.card .btn.btn-sm{
	    padding: .4rem 1.3rem;
}
.nav-slider-h{
	height: 130px;
	overflow-y: hidden;
	overflow-x: scroll;
}
div.img{
	width: 160px;
}
.w-300{
	width: 300%;
}
.top-home .mini_capsule-video{
	padding-top: 0;
}
.lien_pagination strong{
	position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
	font-size: .9rem;
    color: #212529;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar, #sidebarleft {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebarleft{
	left: -250px;
}

#sidebar.active {
    right: 0;
}
#sidebarleft.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #7386D5;
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss.right{
	left: inherit;
	right: 0px;
}
#dismiss:hover {
    background: #fff;
    color: #b4254e!important;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    top: 0;
    left: 0;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header, #sidebarleft .sidebar-header {
    padding: 20px;
}

#sidebar ul.components, #sidebarleft ul.components {
    padding: 20px 0;

}
#sidebar ul.components > li, #sidebarleft ul.components > li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin-right: 0!important;
}
#sidebar ul.components li a, #sidebarleft ul.components li a{
	color: black;
	text-transform: uppercase;
	padding: .5rem 1rem;
}
#sidebar ul p, #sidebarleft ul p {
    padding: 10px;
}
#sidebar .dropdown-menu, #sidebarleft .dropdown-menu{
	border-radius: 0!important;
	width: 100%;
	margin-top: -1px;
	margin-left: 5px;
}
.formulaire_inscription.text-white{
	color: #000!important;
}
#sidebar .dropdown-menu.show, #sidebarleft .dropdown-menu.show{
	position: relative!important;
    display: block;
    width: 100%;
    margin: 0;
    transform: inherit!important;
    float: none!important;
}
.w-87{
	width: 87%;
}
.list-group-item-action:hover {
    z-index: 1;
    background-color: rgba(0,0,0,.15);
}
.commercial-ticket {
    background-image: radial-gradient(circle at center, white 3px, transparent 4px), radial-gradient(circle at center, white 3px, transparent 4px);
    background-size: 14px 12px;
    background-position: center -6px, center calc(100% + 6px);
    background-repeat: repeat-x;
}
.playerVideo video {
	    background-color: #000000;
	    max-width: 100%;
	}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.texteproduction{
	font-size: 10px !important;
	font-weight: 400;
}
@media (max-width: 1400px){
	.scrollbar {
	    float: right;
	    max-height: 376px;
	    width: 100%;
	    overflow-y: scroll;
	    margin-bottom: 25px;
	}
}
@media (max-width: 1200px){
	.scrollbar {
	    float: right;
	    max-height: 276px;
	    width: 100%;
	    overflow-y: scroll;
	    margin-bottom: 25px;
	}
	.top.big-folio {
	    top: 550px;
	}
}
@media (max-width: 992px){
	.navbar .nav-flex-icons{
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    text-align: right;
	}
	.carousel-inner .carousel-item {
		  transition: -webkit-transform 0.5s ease;
		  transition: transform 0.5s ease;
		  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	}
	.article-text img{
		width: 100%!important;
		height: auto!important;
	    float: none!important;
	    margin: 0!important;
	}
	.article-text ul{
		padding: 0;
	}
	.reservation-btns .btn{
		min-height: 37px;
		padding-top: 11px;
	}
	.border-sm-none{
		border: none!important;
	}
	nav b{
		display: block;
	}
	.navbar .nav-item .nav-link {
    	padding-right: 0px;
        padding: 2px 0;
	}
	.columns-2 {
	    column-count: 1!important;
	}
	.carousel-item{
		background-image: none!important;
		min-height:inherit!important;
	}
	.playerVideo video {
	    background-color: #000000;
	    width: 100%;
	    height: 35vh;
	}
	#cookieChoiceInfo{
	position: fixed;
    width: 100%!important;
    background-color: rgb(238, 238, 238);
    margin: 0px;
    left: 0px;
    top: inherit!important;
    bottom: 0;
    padding: 4px;
    z-index: 1000;
    text-align: left!important;
    padding: 20px!important;
    color: white;
    font-size: 19px;
    background: -webkit-linear-gradient(50deg,#56123c,#ad1743)!important;
    background: -o-linear-gradient(50deg,#56123c,#ad1743)!important;
    background: linear-gradient(40deg,#56123c,#ad1743)!important;

}
}