/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,100);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,300,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
p {
    margin: 0 0 10px;
}
.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .hide-tablet-min {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .hide-tablet {
        display: none !important;
    }
}
@media (max-width: 1179px) {
    .hide-tablet-max {
        display: none !important;
    }
}
@media (min-width: 1180px) {
    .hide-desktop {
        display: none !important;
    }
}
/* ---------------------------------- Common elements ------------------------------- */
body {
    background: #fbfaf5;
    font-family: "Lato";
    margin: 0;
}
body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container {
    position: relative;
    width: 1180px;
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
    zoom: 1;
}
.container:before,
.container:after {
    content: "";
    display: table;
}
.container:after {
    clear: both;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.center {
    text-align: center !important;
}
.half {
    width: 50%;
    float: left;
}
.collapse,
.hidden {
    display: none;
}
a,
a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}
a.button,
span.button,
button.button {
    background: #fff;
    color: #152b3c;
    border: 1px solid #152b3c;
    padding: 5px 0;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    width: 250px;
    font-weight: 400;
    text-align: center;
    font-family: "Raleway";
}
a.button:hover,
span.button:hover,
button.button:hover {
    background: #152b3c;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
}
a.button.invert,
span.button.invert,
button.button.invert {
    background: #152b3c;
    color: #fff;
    border: 1px solid #fff;
}
a.button.invert:hover,
span.button.invert:hover,
button.button.invert:hover {
    background: #fff;
    color: #152b3c;
    border: 1px solid #152b3c;
}
ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: auto;
}
ul li {
    float: left;
}
.cinema-details-modal .mCSB_container {
    padding-top: 20px;
}
.scolaire-mode-demploi .presentation-content .description ul {
    column-count: 3;
}
.scolaire-mode-demploi .presentation-content .description ul li {
    width: 100%;
}
@media (max-width: 960px) {
    .scolaire-mode-demploi .presentation-content .description ul {
        column-count: 2;
    }
}
section {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
section.events.homepage-events {
    margin-bottom: 0;
}
section > h2 {
    font-family: "Lato";
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 35px;
    font-weight: 300;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
h1 {
    font-family: 'Lato';
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
}
h5 {
    font-family: 'Lato';
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
    color: black;
    padding: 10px 0 0 40px;
}
.text-center {
    text-align: center;
}
.underline {
    border-bottom: solid 1px #4a4a4a;
}
.up-case {
    text-transform: uppercase;
}
/* ------------------------------ Welcome block ----------------------------------------------- */
#welcome-block {
    float: left;
    margin: 15px 0;
    height: 560px;
    width: 100%;
    background: #0c2b3d url('/img/welcome-page.jpg') no-repeat 0 0;
}
#welcome-block .text {
    text-align: center;
    padding: 140px 110px 0 650px;
    color: #fff;
}
@media (min-width: 768px) and (max-width: 1179px) {
    #welcome-block .text {
        padding: 120px 174px 0 174px;
    }
}
@media (max-width: 767px) {
    #welcome-block .text {
        padding: 120px 30px 0 30px;
    }
}
#welcome-block .text h1 {
    font-size: 26px;
    margin: 0;
}
#welcome-block .text h2 {
    font-family: "Playfair";
    margin: 0;
    font-weight: 100;
    font-style: italic;
    font-size: 26px;
}
#welcome-block .text p {
    font-size: 13px;
    width: 350px;
    margin: 20px auto;
}
#welcome-block .text a {
    border: solid 1px #fff;
    width: 350px;
    height: 30px;
    line-height: 26px;
    display: block;
    text-align: center;
    margin: 30px auto 0;
    overflow: hidden;
    color: #fff;
}
/* ------------------------------ Search block Custom select -----------------------------------*/
.search-block .form-group .custom-select {
    float: none;
    width: calc(100% - 30px);
    padding: 0;
    margin: 0 auto;
    border: 1px solid #fff;
    overflow: hidden;
    background: #152b3c url('/img/custom-select.png') no-repeat 90% 50%;
}
.search-block .form-group .custom-select:hover {
    background: #fff url('/img/custom-select-w.png') no-repeat 90% 50%;
}
.search-block .form-group .custom-select select {
    font-family: "Raleway";
    padding: 5px 8px;
    width: 100%;
    color: #fff;
    border: none;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-block .form-group .custom-select select::-ms-expand {
    display: none;
}
.search-block .form-group .custom-select select:focus {
    outline: none;
}
.search-block .form-group .custom-select select option {
    color: #000;
    background: #fff;
}
@media (max-width: 1179px) {
    .search-block .form-group .custom-select select {
        font-size: 12px;
    }
}
.search-block .form-group .custom-select:hover select {
    color: #000;
}
/* ----------------------------- Top bar ------------------------------------------*/
.top-bar {
    background: #fff;
    padding: 15px 0;
    display: none;
}
.top-bar ul {
    margin: 0;
}
.top-bar p {
    font-family: "Lato";
    font-size: 12px;
    color: #000;
    margin: 0;
    line-height: 24px;
}
.top-bar a {
    display: block;
    font-family: "Raleway";
    font-size: 12px;
    color: #152b3c;
    text-align: center;
    width: 117px;
    border: solid 1px #152b3c;
    padding: 3px 0 2px 0;
    margin-left: 15px;
}
@media (max-width: 1179px) {
    .top-bar .container {
        padding: 0 10px;
    }
    .top-bar p {
        max-width: 440px;
        line-height: 1;
    }
}
@media (max-width: 767px) {
    .top-bar .container {
        padding: 0 54px;
    }
    .top-bar p {
        line-height: 1.6;
    }
    .top-bar ul {
        text-align: center;
        width: 100%;
        padding: 30px 0;
    }
    .top-bar li {
        float: none;
        display: inline-block;
    }
}
/* ----------------------------- Main navigation ------------------------------------*/
.main-navigation {
    margin: 0 0 10px 0;
}
.main-navigation .navigation-links {
    text-align: center;
}
.main-navigation .navigation-links > ul {
    display: inline-block;
}
.main-navigation .navigation-links > ul li a {
    display: block;
    font-family: "Lato";
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 10px;
    color: #000;
    border-bottom: solid 1px transparent;
    padding: 16px 0 4px 0;
}
.main-navigation .navigation-links > ul li a:hover,
.main-navigation .navigation-links > ul li a:focus {
    border-bottom: solid 1px #161414;
    text-decoration: none;
}
.main-navigation .navigation-links > ul li a.logo,
.main-navigation .navigation-links > ul li a.search-toggle {
    display: none;
}
@media (max-width: 1179px) {
    .main-navigation .navigation-links > ul li a {
        font-size: 12px;
        margin: 0 6px;
    }
}
.main-navigation .navigation-links > ul li ul {
    display: none;
    width: 1180px;
    background: #fff;
    position: absolute;
    left: 0;
}
@media (max-width: 1179px) {
    .main-navigation .navigation-links > ul li ul {
        width: 100%;
        background: transparent;
        position: relative;
    }
}
.main-navigation .active a,
.main-navigation .active a:focus {
    border-bottom: solid 1px #161414;
    text-decoration: none;
}
@media (max-width: 767px) {
    .main-navigation {
        width: 50px;
    }
}
@media (min-width: 1180px) {
    .main-navigation.scolaire {
        height: 80px;
        background: transparent !important;
    }
}
/* -------------------------- Sticky navigation ----------------------------------*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: none;
}
.navbar-toggle .menu-icon {
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-toggle .text {
    font-family: "Raleway";
    color: #fff;
    float: left;
    line-height: 34px;
    font-size: 20px;
    padding-left: 25px;
}
@media (max-width: 767px) {
    .navbar-toggle .text {
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
@media (max-width: 767px) {
    .navigation-links {
        display: none;
    }
}
.sticky-wrapper {
    clear: both;
    margin-bottom: 0;
    height: 149px !important;
    position: relative;
    z-index: 5;
    /* &:not(.is-sticky) #sticky-navigation .navigation-links {
        display: block;
        height: auto !important;
    }*/
}
.sticky-wrapper #sticky-navigation {
    transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
}
.sticky-wrapper.is-sticky .search-advanced,
.sticky-wrapper.mobile .search-advanced,
.sticky-wrapper.is-sticky .map-search-result,
.sticky-wrapper.mobile .map-search-result {
    margin-left: -215px;
}
.sticky-wrapper.is-sticky #sticky-navigation,
.sticky-wrapper.mobile #sticky-navigation {
    background: #152b3c;
    z-index: 9999;
    width: 100% !important;
    left: 0;
    height: 68px;
}
.sticky-wrapper.is-sticky #sticky-navigation .search-block,
.sticky-wrapper.mobile #sticky-navigation .search-block {
    position: relative;
    top: 0;
}
.sticky-wrapper.is-sticky #sticky-navigation .search-title,
.sticky-wrapper.mobile #sticky-navigation .search-title {
    margin: 16px 0;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-title,
    .sticky-wrapper.mobile #sticky-navigation .search-title {
        margin: 3px 0;
    }
}
.sticky-wrapper.is-sticky #sticky-navigation .search-title h2,
.sticky-wrapper.mobile #sticky-navigation .search-title h2 {
    line-height: 33px;
}
.sticky-wrapper.is-sticky #sticky-navigation .search-basic,
.sticky-wrapper.mobile #sticky-navigation .search-basic {
    height: 68px;
    display: none;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-basic,
    .sticky-wrapper.mobile #sticky-navigation .search-basic {
        height: 60px;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-basic,
    .sticky-wrapper.mobile #sticky-navigation .search-basic {
        height: 68px;
    }
}
.sticky-wrapper.is-sticky #sticky-navigation .search-basic .search-img,
.sticky-wrapper.mobile #sticky-navigation .search-basic .search-img {
    height: 68px;
    width: 90px;
}
.sticky-wrapper.is-sticky #sticky-navigation .search-basic .search-img img,
.sticky-wrapper.mobile #sticky-navigation .search-basic .search-img img {
    width: 100%;
    height: 100%;
}
.sticky-wrapper.is-sticky #sticky-navigation .search-basic .search-map a,
.sticky-wrapper.mobile #sticky-navigation .search-basic .search-map a {
    padding-top: 50px;
    background-position-y: 8px;
    background-size: 80% auto;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-basic .search-map a,
    .sticky-wrapper.mobile #sticky-navigation .search-basic .search-map a {
        padding-top: 44px;
        background-position-y: 6px;
        background-size: 70% auto;
    }
}
.sticky-wrapper.is-sticky #sticky-navigation .search-basic .ok-btn,
.sticky-wrapper.mobile #sticky-navigation .search-basic .ok-btn {
    width: 56px;
    height: 56px;
    margin: 6px 8px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-basic .ok-btn,
    .sticky-wrapper.mobile #sticky-navigation .search-basic .ok-btn {
        width: 50px;
        height: 50px;
        margin: 5px;
    }
}
.sticky-wrapper.is-sticky #sticky-navigation .search-salle,
.sticky-wrapper.mobile #sticky-navigation .search-salle {
    padding: 23px 12px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation .search-salle,
    .sticky-wrapper.mobile #sticky-navigation .search-salle {
        padding: 19px 12px;
    }
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky #sticky-navigation,
    .sticky-wrapper.mobile #sticky-navigation {
        height: 60px;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky #sticky-navigation,
    .sticky-wrapper.mobile #sticky-navigation {
        height: 92px;
    }
}
.sticky-wrapper.is-sticky .navigation-links,
.sticky-wrapper.mobile .navigation-links {
    float: left;
    display: none;
}
.sticky-wrapper.is-sticky .main-navigation,
.sticky-wrapper.mobile .main-navigation {
    float: left;
    width: 215px;
    background: #152b3c;
    z-index: 9999;
    margin: 0;
}
@media (min-width: 1180px) {
    .sticky-wrapper.is-sticky .main-navigation.scolaire,
    .sticky-wrapper.mobile .main-navigation.scolaire {
        height: auto;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky .main-navigation,
    .sticky-wrapper.mobile .main-navigation {
        width: 480px;
    }
}
.sticky-wrapper.is-sticky .main-navigation .navbar-toggle,
.sticky-wrapper.mobile .main-navigation .navbar-toggle {
    float: left;
    width: 100%;
    display: block;
    padding: 17px 15px;
    background: #152b3c;
    margin: 0;
    border: 0;
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky .main-navigation .navbar-toggle,
    .sticky-wrapper.mobile .main-navigation .navbar-toggle {
        padding: 13px 15px;
    }
}
.sticky-wrapper.is-sticky .main-navigation ul,
.sticky-wrapper.mobile .main-navigation ul {
    padding: 0 20px 20px;
}
.sticky-wrapper.is-sticky .main-navigation ul li,
.sticky-wrapper.mobile .main-navigation ul li {
    width: 100%;
}
.sticky-wrapper.is-sticky .main-navigation ul li:last-child a,
.sticky-wrapper.mobile .main-navigation ul li:last-child a {
    border: none;
}
.sticky-wrapper.is-sticky .main-navigation a,
.sticky-wrapper.mobile .main-navigation a {
    font-size: 16px;
    padding: 10px 0;
    display: block;
    margin: 0;
    color: #fff;
    width: 100%;
    text-align: left;
}
.sticky-wrapper.is-sticky .main-navigation a.search-toggle,
.sticky-wrapper.mobile .main-navigation a.search-toggle {
    display: none;
    position: absolute;
    top: 32px;
    right: 15px;
    border: none;
    width: 26px;
    height: 26px;
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky .main-navigation a.search-toggle,
    .sticky-wrapper.mobile .main-navigation a.search-toggle {
        display: block;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky .main-navigation a .logo,
    .sticky-wrapper.mobile .main-navigation a .logo {
        border-bottom: solid 1px #526470;
    }
}
.sticky-wrapper.is-sticky.expand .menu-icon,
.sticky-wrapper.mobile.expand .menu-icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sticky-wrapper.is-sticky.expand .navigation-links,
.sticky-wrapper.mobile.expand .navigation-links {
    display: block;
    width: 100%;
}
.sticky-wrapper.is-sticky.expand .navigation-links a,
.sticky-wrapper.mobile.expand .navigation-links a {
    border: none;
}
.sticky-wrapper.is-sticky.expand .navigation-links > ul > li > a,
.sticky-wrapper.mobile.expand .navigation-links > ul > li > a {
    margin: 0;
    border-bottom: solid 1px #445566;
}
.sticky-wrapper.is-sticky.expand .navigation-links > ul > li ul a:before,
.sticky-wrapper.mobile.expand .navigation-links > ul > li ul a:before {
    content: "- ";
}
.sticky-wrapper.is-sticky .search-block,
.sticky-wrapper.mobile .search-block {
    float: left;
    width: 965px;
    height: 68px;
    display: block;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky .search-block,
    .sticky-wrapper.mobile .search-block {
        margin-left: 0;
        width: 553px;
        height: 60px;
    }
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky .search-block.mobile-expanded,
    .sticky-wrapper.mobile .search-block.mobile-expanded {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper.is-sticky .search-block,
    .sticky-wrapper.mobile .search-block {
        height: 0;
        width: 480px;
    }
}
.sticky-wrapper.is-sticky .search-basic,
.sticky-wrapper.mobile .search-basic {
    height: 88px;
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky .search-basic,
    .sticky-wrapper.mobile .search-basic {
        height: auto;
    }
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky .search-basic .search-img,
    .sticky-wrapper.mobile .search-basic .search-img {
        display: none;
    }
}
@media (max-width: 1179px) {
    .sticky-wrapper.is-sticky .map-api,
    .sticky-wrapper.mobile .map-api {
        width: 100%;
        height: 270px;
        margin: 0 0 20px 0;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sticky-wrapper.is-sticky .map-search-list,
    .sticky-wrapper.mobile .map-search-list {
        padding-left: 0;
    }
}
.sticky-wrapper #sticky-navigation {
    top: -60px;
}
@media (max-width: 1179px) {
    .sticky-wrapper {
        height: 112px !important;
    }
}
@media (max-width: 767px) {
    .sticky-wrapper {
        height: 92px !important;
    }
    .sticky-wrapper .container .logo {
        width: 139px !important;
        height: 90px;
        background-image: url('/img/logo-header.png');
        background-size: cover;
        position: absolute;
        left: 50%;
        margin: 1px 0 1px -70px !important;
        padding: 0 !important;
        border: none;
    }
    .sticky-wrapper .container .main-navigation {
        background: none;
        width: 100%;
        margin: 0;
        height: 92px;
        overflow: visible;
    }
    .sticky-wrapper .container .main-navigation .navbar-toggle {
        padding: 15px;
        margin-top: 22px;
        width: auto;
    }
    .sticky-wrapper .container .main-navigation .navbar-toggle img {
        width: 17px;
    }
    .sticky-wrapper .container .navigation-links {
        background: #152b3c;
        position: absolute;
        top: 92px;
        width: 50%;
        z-index: 9999;
    }
}
/* ---------------------------------- Tabs navigation ------------------------------- */
.tabs-navigation {
    text-align: center;
}
.tabs-navigation a {
    display: block;
    font-family: "Lato";
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 16px;
    color: #000;
    padding: 16px 0 4px 0;
    border-bottom: solid 1px transparent;
}
.tabs-navigation a:hover {
    border-bottom: solid 1px #161414;
    text-decoration: none;
}
.tabs-navigation .active a,
.tabs-navigation .active a:focus {
    border-bottom: solid 1px #161414;
    text-decoration: none;
}
@media (max-width: 767px) {
    .tabs-navigation a,
    .tabs-navigation a:focus,
    .tabs-navigation a:hover,
    .tabs-navigation .active a,
    .tabs-navigation .active a:focus {
        padding: 8px 0;
    }
}
.tabs-navigation ul li {
    display: inline-block;
    float: none;
}
.tabs-navigation ul li.cloned {
    display: none;
}
@media (max-width: 767px) {
    .tabs-navigation ul li.cloned {
        display: block;
        background: #fff url('/img/mobile-nav-arrow-s.png') no-repeat calc(100% - 40px) center;
    }
}
.tab-content > div {
    display: none;
}
.tab-content .visible {
    display: block !important;
}
ul.dropdown-navigation {
    position: relative;
    margin: auto;
    width: 390px;
    height: 70px;
    overflow: visible;
    z-index: 4;
}
@media (max-width: 767px) {
    ul.dropdown-navigation {
        margin: 0 auto 25px auto;
        width: 100%;
    }
}
ul.dropdown-navigation li {
    width: 100%;
    height: 70px;
    display: none;
    background: #efefef;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    line-height: 70px;
}
ul.dropdown-navigation li a {
    display: block;
}
ul.dropdown-navigation li.cloned {
    background: #fff;
    display: block;
}
ul.dropdown-navigation li.cloned img {
    padding-left: 10px;
    margin-right: -10px;
}
ul.dropdown-navigation li.cloned a {
    display: inline-block;
}
ul.dropdown-navigation.open li {
    display: block;
}
.movie-page ul.dropdown-navigation {
    background: #e7e9eb;
    width: 100%;
    height: 30px;
    padding: 20px 0;
    position: absolute;
    top: 0;
    left: 0;
}
.movie-page ul.dropdown-navigation li {
    width: 280px;
    height: 30px;
    line-height: 30px;
}
.movie-page ul.dropdown-navigation li.cloned {
    border: 1px solid #152b3c;
}
/* --------------------------------- Breadcrumbs --------------------------------------*/
.breadcrumbs {
    list-style: none;
    padding-left: 0;
    margin: 0 0 20px;
    clear: both;
    overflow: auto;
}
@media (max-width: 1179px) {
    .breadcrumbs {
        padding: 0 20px;
        margin-bottom: 10px;
    }
}
.breadcrumbs li {
    font-size: 12px;
    font-family: "Raleway";
    padding: 10px 5px 0 0;
    color: #898989;
    float: left;
}
.breadcrumbs li:after {
    content: ' >';
    display: inline;
}
.breadcrumbs li a {
    color: #898989;
}
.breadcrumbs li:last-child:after {
    display: none;
}
@media (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}
/* ----------------------------- Social share block ------------------------------*/
.social-share a {
    background: url('/img/social-icons.png') no-repeat 5px center;
    display: block;
    width: 20px;
    height: 30px;
    float: left;
    margin: 0 8px;
}
.social-share a.twitter {
    background-position: -26px center;
}
.social-share a.google {
    background-position: -64px center;
}
.social-share a.pinterest {
    background-position: -98px center;
}
/* ----------------------------- Header ------------------------------------------*/
.top-info {
    text-align: center;
    width: 70%;
    margin: 30px auto;
    color: #000;
}
.top-info h1 {
    font-family: "Lato";
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 10px;
}
.top-info p {
    font-family: "Lato";
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .top-info p {
        display: none;
    }
}
.header {
    margin-bottom: 15px;
    height: 200px;
}
.header img {
    width: 100%;
    height: 200px;
}
.header .logo {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    background: transparent url('/img/logo-header.png') no-repeat center center;
    background-size: cover;
    left: 50%;
    margin: 18px auto 17px -127px;
    display: block;
    height: 165px;
    width: 254px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .header .logo {
        margin-left: -63px;
    }
}
/* -------------------------- Newsletter ------------------------------------------*/
section.newsletter {
    margin: 0 0 15px 0;
}
section.newsletter p {
    float: left;
    line-height: 30px;
    margin: 0;
    font-size: 11px;
    color: #707070;
    padding-left: 412px;
    text-transform: uppercase;
}
section.newsletter p.scolaire {
    font-family: "Playfair";
    font-size: 16px;
    line-height: 27px;
    font-style: italic;
    color: #a0a0a0;
    text-transform: none;
    padding-left: 190px;
}
@media (max-width: 1179px) {
    section.newsletter p.scolaire {
        padding-left: 10px;
    }
}
section.newsletter a.return {
    float: left;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    color: #152b3c;
    border: solid 1px #152b3c;
    padding: 4px 24px;
}
section.newsletter a.subscribe {
    background: transparent url('/img/ico-email.png') no-repeat 25px 9px;
    float: right;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    color: #152b3c;
    border: solid 1px #152b3c;
    padding: 4px 24px 4px 44px;
    margin-left: 15px;
}
@media (max-width: 1179px) {
    section.newsletter a {
        margin-right: 4px;
    }
}
@media (max-width: 767px) {
    section.newsletter {
        display: none;
    }
}
/* -------------------------- Forms ---------------------------------------------*/
.form-control {
    height: 31px;
}
.form-group {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}
.form-group select {
    border-radius: 0;
    border: solid 1px #fff;
    background: #152b3c;
    color: #fff;
}
.form-group .btn-default {
    border-radius: 0;
    border: solid 1px #fff;
    background: #fff;
    margin-top: 18px;
    font-weight: bold;
    font-family: "Raleway";
    font-size: 16px;
    height: 38px;
    color: #152b3c;
    width: 100%;
}
@media (max-width: 1179px) {
    .form-group .btn-default {
        font-size: 13px;
    }
}
.form-horizontal .control-label {
    float: left;
    color: #fff;
    text-align: left;
    line-height: 17px;
    font-size: 17px;
    font-weight: normal;
}
.form-horizontal .radio-inline {
    float: left;
    color: #fff;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
    font-weight: 300;
    min-width: 109px;
    margin-top: 2px;
}
@media (max-width: 1179px) {
    .form-horizontal .radio-inline {
        font-size: 12px;
        min-width: 90px;
    }
}
.form-horizontal .radio-inline + .radio-inline {
    text-align: right;
}
.form-horizontal .form-group {
    width: 100%;
}
.form-horizontal .form-group .custom-select {
    width: 100%;
}
.form-horizontal .form-group span.control-label {
    padding-right: 20px;
}
@media (max-width: 1179px) {
    .form-horizontal .form-group span.control-label {
        font-size: 12px;
    }
}
/* --------------------------------- Filters --------------------------------------- */
.filter {
    color: black;
    font-family: "Lato";
    font-size: 14px;
    text-align: left;
    width: 800px;
}
@media (max-width: 1179px) {
    .filter {
        width: 400px;
    }
}
@media (max-width: 767px) {
    .filter {
        text-align: center;
        width: 100%;
    }
}
.filter .form-control {
    height: 24px;
}
.filter .form-control-static {
    margin: 0 10px;
}
.filter .form-group .custom-select {
    padding: 0;
    margin: 0 0 0 5px;
    border: 1px solid #fff;
    overflow: hidden;
    background: transparent url('/img/custom-select-w.png') no-repeat 90% center;
}
.filter .form-group .custom-select select {
    font-family: "Lato";
    font-size: 14px;
    padding: 0 35px 0 10px;
    width: 100%;
    color: #000;
    border: solid 1px #000;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.filter .form-group .custom-select select::-ms-expand {
    display: none;
}
.filter .form-group .custom-select select:focus {
    outline: none;
}
.filter .form-group .custom-select select option {
    color: #000;
    background: #fff;
}
.filter .form-group .custom-select:hover {
    background: transparent url('/img/custom-select-w.png') no-repeat 90% center;
}
.filter .form-group .custom-select:hover select {
    color: #000;
}
@media (max-width: 767px) {
    .filter .form-group:first-child {
        display: block;
    }
}
.filter-options {
    text-align: center;
    position: relative;
}
.filter-options button,
.filter-options > a {
    display: inline-block;
    background: transparent;
    font-family: "Lato";
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 16px;
    color: #000;
    padding: 16px 0 4px 0;
    border: none;
    border-bottom: solid 1px #fbfaf5;
    margin-bottom: 40px;
    text-decoration: none;
}
.filter-options button:hover,
.filter-options > a:hover,
.filter-options button.active,
.filter-options > a.active {
    border-bottom: solid 1px #161414;
    outline: none;
}
.filter-options button:focus,
.filter-options > a:focus {
    outline: none;
}
.filter-options .pagination {
    position: absolute;
    right: 0;
    bottom: -35px;
}
/* -------------------------- Search ---------------------------------------------*/
.search-block {
    background: #152b3c;
    overflow: visible;
    margin: 0;
    position: absolute;
    top: 61px;
}
.search-img {
    float: left;
    width: 133px;
    height: 88px;
    background: #111;
}
.search-title {
    float: left;
    padding: 0 19px 0 9px;
    margin: 24px 0;
    border-right: solid 1px #fff;
}
@media (max-width: 767px) {
    .search-title {
        margin: auto;
        display: flex;
    }
}
.search-title h2 {
    font-family: "Lato";
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 33px;
    font-weight: 300;
}
@media (max-width: 767px) {
    .search-title h2 {
        font-size: 20px;
    }
}
.search-title a,
.search-title a:focus {
    background: transparent url('/img/search-arrow-down.png') no-repeat center right;
    font-family: "Lato";
    text-transform: uppercase;
    color: #959595;
    font-size: 13px;
    padding-right: 30px;
    text-decoration: none;
}
@media (max-width: 767px) {
    .search-title a,
    .search-title a:focus {
        font-size: 12px;
    }
}
.search-title a:hover {
    text-decoration: underline;
}
.search-salle,
.search-salle-scolaire {
    float: left;
    padding: 32px 12px;
    width: 400px;
}
.search-salle input,
.search-salle-scolaire input {
    border: none;
    background: #152b3c !important;
    font-size: 16px;
    font-weight: 300;
    height: 22px;
    width: 100%;
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
    outline: none;
}
.search-salle input:placeholder,
.search-salle-scolaire input:placeholder {
    font-family: "Lato";
    color: #a0a0a0;
    font-size: 16px;
    font-weight: 300;
}
@media (max-width: 1179px) {
    .search-salle input,
    .search-salle-scolaire input {
        background-color: #4a2721;
    }
}
@media (max-width: 767px) {
    .search-salle input,
    .search-salle-scolaire input {
        font-size: 14px;
        padding: 0;
    }
}
.search-salle input::-ms-clear,
.search-salle-scolaire input::-ms-clear {
    display: none;
}
.search-salle .twitter-typeahead,
.search-salle-scolaire .twitter-typeahead {
    width: 100%;
}
@media (max-width: 1179px) {
    .search-salle,
    .search-salle-scolaire {
        width: 228px;
        padding: 19px 12px;
    }
}
@media (max-width: 767px) {
    .search-salle,
    .search-salle-scolaire {
        width: 146px;
        padding: 23px 12px;
    }
}
.search-salle-scolaire input {
    background: #163a57 !important;
}
@media (max-width: 1179px) {
    .is-sticky .search-salle {
        width: 225px;
    }
}
@media (max-width: 767px) {
    .is-sticky .search-salle {
        width: 150px;
    }
}
.is-sticky .search-salle-scolaire {
    padding: 23px 12px;
}
@media (max-width: 1179px) {
    .is-sticky .search-salle-scolaire {
        width: 228px;
        padding: 19px 12px;
    }
}
@media (max-width: 767px) {
    .is-sticky .search-salle-scolaire {
        width: 146px;
        padding: 23px 12px;
    }
}
.search-map a {
    background: transparent url('/img/map-search.png') no-repeat center 13px;
    background-size: 100% auto;
    float: right;
    padding-top: 66px;
    width: 78px;
    font-family: "Lato";
    color: #959595;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}
@media (max-width: 767px) {
    .search-map a {
        width: 70px;
        padding-top: 70px;
        background-position-y: 18px;
    }
}
.ok-btn {
    margin: 10px 15px;
    border: none;
    width: 68px;
    height: 68px;
    background-size: cover;
    text-indent: -9999px;
    padding: 0;
}
.ok-btn:hover,
.ok-btn:focus {
    background-position: center bottom;
}
.ok-btn[disabled] {
    background-position: center top;
}
/* ------------------------- Advanced Search ------------------------------------ */
.search-advanced {
    display: none;
    clear: both;
    overflow: auto;
    background: #152a3b;
    padding: 15px 30px;
    border: solid 1px #5d5d5d;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .search-advanced {
        padding: 15px;
    }
}
@media (max-width: 767px) {
    .search-advanced {
        padding: 15px;
        height: 400px;
        width: 480px;
        margin-left: 0 !important;
    }
    .search-advanced .half {
        width: 100%;
    }
}
.search-advanced h2 {
    font-size: 31px;
    color: #fff;
    border: none;
    text-transform: none;
    font-weight: 300;
    margin: 0 0 25px 15px;
}
@media (max-width: 1179px) {
    .search-advanced h2 {
        font-size: 22px;
    }
}
.search-advanced h3 {
    font-size: 31px;
    color: #fff;
    font-weight: 300;
    margin-top: 0;
    text-align: center;
}
@media (max-width: 1179px) {
    .search-advanced h3 {
        font-size: 22px;
    }
}
.search-advanced div > div.half + div.half {
    border-left: solid 1px #445563;
    min-height: 300px;
}
@media (max-width: 767px) {
    .search-advanced div > div.half + div.half {
        border: none;
        min-height: auto;
    }
    .search-advanced div > div.half + div.half h3 {
        border-top: solid 1px #445563;
        margin-top: 30px;
        padding-top: 15px;
    }
}
.search-advanced div > div.half + div.half .form-horizontal {
    margin-top: 70px !important;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .search-advanced div > div.half + div.half .form-horizontal {
        margin-top: 61px !important;
    }
}
@media (max-width: 767px) {
    .search-advanced div > div.half + div.half .form-horizontal {
        margin-top: 30px !important;
    }
}
.search-advanced .form-horizontal {
    margin: 0 auto;
    max-width: 320px;
}
@media (max-width: 1179px) {
    .search-advanced .form-horizontal {
        max-width: 230px;
    }
}
.search-advanced .form-group .btn-default {
    font-weight: normal;
}
/* --------------------------------- Map search ----------------------------------*/
.map-api {
    width: calc(100% - 440px);
    height: 520px;
    float: left;
    margin: 0;
}
@media (max-width: 1179px) {
    .map-api {
        width: 100%;
        height: 270px;
        margin: 0 0 20px 0;
    }
}
.map-search-list {
    width: 440px;
    padding-left: 30px;
    float: left;
}
@media (max-width: 1179px) {
    .map-search-list {
        padding-left: 0;
        width: 100%;
    }
}
.map-search-list h2 {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    float: left;
    border: none;
    font-weight: 300;
    width: calc(100% - 60px);
    margin-top: 0;
}
.map-search-list .cinema-list {
    float: left;
}
.map-search-list .cinema-list ul {
    float: left;
    width: 50%;
    letter-spacing: -0.2px;
}
.map-search-list .cinema-list ul a {
    color: #fff;
    font-family: "Raleway";
    font-size: 12px;
}
.map-search-list .cinema-list ul a:hover {
    text-decoration: underline;
    font-weight: bold;
}
.map-search-list .cinema-list ul span {
    color: #959595;
    font-family: "Raleway";
    margin-left: 4px;
    font-size: 12px;
}
.map-search-list li {
    width: 100%;
}
.map-search-result {
    display: none;
    clear: both;
    width: 1180px;
    background: #152a3b;
    overflow: auto;
    padding: 28px 28px 56px;
}
@media (max-width: 1179px) {
    .map-search-result {
        width: 768px;
    }
}
@media (max-width: 767px) {
    .map-search-result {
        width: 480px;
        margin-left: 0 !important;
    }
}
.close,
.close:hover {
    background: transparent url('/img/close.png') no-repeat center right;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    opacity: 1;
    float: right;
}
.map-cinema-details {
    display: none;
    float: left;
    width: 440px;
    padding-left: 30px;
}
@media (max-width: 1179px) {
    .map-cinema-details {
        padding-left: 0;
        width: 100%;
        height: 200px;
        overflow: auto;
    }
}
.map-cinema-details .cinema-logo {
    clear: both;
    margin-top: 10px;
}
@media (max-width: 1179px) {
    .map-cinema-details .cinema-logo {
        display: none;
    }
}
.map-cinema-details .cinema-logo img {
    max-height: 50px;
    width: auto;
}
.map-cinema-details .return-map {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    height: 30px;
    vertical-align: top;
    display: inline-block;
}
.map-cinema-details .return-map:hover {
    text-decoration: underline;
}
.map-cinema-details > img {
    margin-bottom: 24px;
}
.map-cinema-details h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    border: none;
    margin: 0 0 15px 0;
}
.map-cinema-details .cinema-address {
    font-family: "Raleway";
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    color: #fff;
}
.map-cinema-details .cinema-phone {
    font-family: "Raleway";
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    color: #fff;
}
.map-cinema-details .cinema-web {
    font-family: "Raleway";
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    display: none;
    /* check spec if this should be invisible here before removing BE code and style */
}
.map-cinema-details .cinema-web a {
    color: #fff;
}
.map-cinema-details .cinema-desc {
    margin-bottom: 24px;
}
.map-cinema-details .cinema-desc:not(:empty) {
    font-family: "Raleway";
    font-size: 13px;
    color: #c9c9c9;
    padding: 12px 0;
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: solid 1px #646464;
    border-bottom: solid 1px #646464;
}
.map-cinema-details .btn-default {
    display: block;
    text-align: center;
    border-radius: 0;
    border: solid 1px #fff;
    background: #fff;
    margin-top: 18px;
    font-weight: normal;
    font-family: "Raleway";
    font-size: 15px;
    color: #152b3c;
    padding: 7px 0;
    width: 100%;
    max-width: 410px;
}
.map-cinema-details .btn-default:hover {
    background: #152b3c;
    border: solid 1px #fff;
    color: #fff;
}
.map-cinema-details .btn-access {
    display: block;
    float: right;
    text-align: center;
    border-radius: 0;
    border: solid 1px #fff;
    background: #fff;
    margin-top: 18px;
    font-weight: normal;
    font-family: "Raleway";
    font-size: 15px;
    color: #152b3c;
    padding: 7px 0;
    width: 155px;
}
.map-cinema-details .half {
    width: 100%;
}
.map-cinema-details .transport-wrapper {
    width: calc(100% - 60px);
}
@media (min-width: 768px) and (max-width: 1179px) {
    .map-cinema-details .transport-wrapper {
        width: calc(100% - 120px);
    }
}
.map-cinema-details .pictos {
    width: 60px;
    float: left;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .map-cinema-details .pictos {
        width: 120px;
    }
}
.map-cinema-details .pictos span {
    width: 24px;
    height: 25px;
    display: block;
    float: left;
    margin: 0 0 5px 5px;
    background-position: bottom left;
}
.map-cinema-details .pictos span:hover {
    background-position: top left;
    background-color: #fff;
}
/* ------------------------------- typeahead ------------------------------------ */
.tt-menu {
    background: #152b3c;
    color: #fff;
    width: 635px;
    margin-left: -15px;
}
@media (min-width: 1180px) {
    .tt-menu {
        -webkit-transform: translate(0, 34px);
        -moz-transform: translate(0, 34px);
        -ms-transform: translate(0, 34px);
        transform: translate(0, 34px);
    }
}
@media (max-width: 1179px) {
    .tt-menu {
        width: 503px;
        margin-left: -12px;
        top: 41px !important;
    }
}
@media (max-width: 767px) {
    .tt-menu {
        width: 480px;
        margin-left: -198px;
        top: 24px !important;
        position: relative !important;
    }
}
.tt-suggestion {
    padding: 10px 25px;
    border-bottom: solid 1px #646464;
    overflow: auto;
}
@media (max-width: 767px) {
    .tt-suggestion {
        padding: 10px;
    }
}
.tt-suggestion img {
    float: left;
}
.tt-suggestion span {
    float: left;
    margin: 8px 20px;
    width: 385px;
    color: #959595;
}
.tt-suggestion span .tt-highlight {
    color: #fff;
}
@media (max-width: 1179px) {
    .tt-suggestion span {
        width: 290px;
    }
}
@media (max-width: 767px) {
    .tt-suggestion span {
        width: 300px;
    }
}
.tt-suggestion .fake-btn {
    float: right;
    background: #fff;
    color: #152b3c;
    margin: 13px 0;
    width: 80px;
    height: 30px;
    padding: 5px 0;
    text-align: center;
    font-family: "Raleway";
    font-size: 14px;
}
.tt-suggestion .fake-btn .tt-highlight {
    color: #152b3c;
    font-weight: normal;
}
.tt-suggestion:hover {
    background: #fff;
    cursor: pointer;
}
.tt-suggestion:hover span {
    color: #152b3c;
}
.tt-suggestion:hover span .tt-highlight {
    color: #152b3c;
}
.tt-suggestion:hover .fake-btn {
    background: #152b3c;
    color: #fff;
}
.tt-suggestion:hover .fake-btn .tt-highlight {
    color: #fff;
}
.empty-message {
    color: #fff;
    padding: 10px 25px;
    display: block;
    overflow: visible;
}
.empty-message a {
    color: #fff;
}
.empty-message a:hover {
    text-decoration: underline;
}
.is-sticky .tt-menu {
    width: 595px;
    top: 11px !important;
}
@media (max-width: 1179px) {
    .is-sticky .tt-menu {
        top: 41px !important;
        width: 369px;
    }
    .is-sticky .tt-menu .tt-suggestion span {
        width: 158px;
    }
    .is-sticky .tt-menu .tt-suggestion .fake-btn {
        width: 80px;
    }
}
@media (max-width: 767px) {
    .is-sticky .tt-menu {
        width: 480px;
        top: 22px !important;
        position: relative !important;
    }
    .is-sticky .tt-menu .tt-suggestion span {
        width: 300px;
    }
}
/* ------------------------- Footer ---------------------------------------------*/
.footer-logo {
    float: left;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .footer-logo {
        display: none;
    }
}
.footer-logo a,
.footer-logo span.welcome {
    color: #000;
    font-family: "Raleway";
    font-size: 13px;
}
.footer-logo a img,
.footer-logo span.welcome img {
    height: 80px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .footer-logo {
        display: none;
    }
}
.footer-partners {
    float: left;
    margin-left: 20px;
    width: 400px;
}
.footer-partners img {
    float: left;
    margin: 0 10px;
}
@media (max-width: 1179px) {
    .footer-partners {
        float: none;
        text-align: center;
        width: 100%;
        margin-left: 0;
    }
    .footer-partners img {
        float: none;
    }
}
.footer-links {
    float: right;
    line-height: 44px;
}
@media (max-width: 1179px) {
    .footer-links {
        width: 100%;
        float: none;
        margin: 0 auto;
        display: flex;
        .footer-links-list {
            margin: auto;
            padding-right: 20px;
        }
    }
}
.footer-links a {
    color: #000;
    font-family: "Lato";
    font-size: 14px;
    border-left: solid 1px #999;
    padding-left: 10px;
    margin-left: 10px;
}
.footer-links a:hover {
    text-decoration: underline;
}
.footer-links li:first-child a {
    border-left: none;
}
.results-text {
    font-weight: normal;
    font-style: italic;
}
/* ------------------- Cinema map ---------------------------------------------*/
.cinema-map {
    margin-top: 20px;
    background: #152b3c;
    margin-bottom: 10px;
}
.cinema-map .cip-logo {
    float: left;
    width: 190px;
    /*.tablet-only({
            width: 227px;
        });*/
}
.cinema-map .cinema-list {
    float: left;
    width: 452px;
    padding: 18px 0 18px 30px;
    margin: 0;
}
.cinema-map .cinema-list li {
    float: left;
    width: 50%;
    line-height: 17px;
}
.cinema-map .cinema-list li a {
    font-family: "Raleway";
    font-size: 13px;
    color: #fff;
}
.cinema-map .cinema-list li span {
    color: #959595;
    font-family: "Raleway";
    margin-left: 8px;
    font-size: 13px;
}
.cinema-map .footer-cinema-list {
    float: left;
    width: 452px;
    max-width: 100%;
    padding: 18px;
    margin: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .cinema-map .footer-cinema-list {
        width: 548px;
    }
}
.cinema-map .footer-cinema-list li {
    width: 100%;
    line-height: 17px;
}
.cinema-map .footer-cinema-list li a {
    font-family: "Raleway";
    font-size: 13px;
    color: #fff;
}
.cinema-map .footer-cinema-list li a:hover {
    text-decoration: underline;
}
.cinema-map .footer-cinema-list li span {
    color: #959595;
    font-family: "Raleway";
    margin-left: 8px;
    font-size: 13px;
}
.cinema-map .paris-map {
    float: left;
    padding: 3px 30px 3px 10px;
}
@media (max-width: 1179px) {
    .cinema-map .paris-map {
        display: none;
    }
}
@media (max-width: 767px) {
    .cinema-map {
        margin: auto;
        float: none;
    }
    .cinema-map .cip-logo {
        width: 100%;
    }
    .cinema-map .cinema-list,
    .cinema-map .paris-map {
        display: none;
    }
}
/* ----------------------- Mentions Legales ------------------------------------- */
.mentions-legales {
    padding: 0 0 70px 0;
}
@media (max-width: 1179px) {
    .mentions-legales {
        padding: 0 60px;
    }
}
@media (max-width: 767px) {
    .mentions-legales {
        padding: 0 30px;
    }
}
.mentions-legales h1 {
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    color: #000;
}
@media (max-width: 1179px) {
    .mentions-legales h1 {
        font-size: 27px;
    }
}
@media (max-width: 767px) {
    .mentions-legales h1 {
        font-size: 24px;
    }
}
.mentions-legales h2 {
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #000;
}
@media (max-width: 767px) {
    .mentions-legales h2 {
        font-size: 19px;
    }
}
.mentions-legales p {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin: 0 0 20px 0;
}
@media (max-width: 767px) {
    .mentions-legales p {
        font-size: 14px;
        line-height: 16px;
    }
}
/* ------------------------- Search results ------------------------------------- */
.tabs-content > div {
    display: none;
}
/* ------------------------ Ellipsis -------------------------------------------- */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis.multiline {
    white-space: normal;
}
/* ----------------------- Newsletter subscription ------------------------------ */
.modal {
    display: none;
    background: transparent url('/img/modal-bg.png') repeat 0 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.newsletter-subscription {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -405px;
    width: 810px;
    height: 100%;
    max-height: 790px;
    overflow: auto;
    border: solid 1px #6c6c6c;
    background: #152b3c url('/img/subscription-bg.jpg') no-repeat 0 0;
    padding: 50px 130px;
    z-index: 9999;
}
@media (max-width: 767px) {
    .newsletter-subscription {
        width: 100%;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 50px 30px;
    }
}
.newsletter-subscription h2 {
    font-family: Playfair;
    font-size: 34px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 0;
}
.newsletter-subscription p {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}
.newsletter-subscription form {
    padding-top: 20px;
}
.newsletter-subscription label {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}
.newsletter-subscription .control-label {
    width: 110px;
    float: left;
    line-height: 36px;
    padding: 0 25px 0 0;
    font-weight: normal;
    font-size: 16px;
    text-align: right;
}
.newsletter-subscription input[type="text"] {
    border: solid 1px #fff;
    background: #152a3b;
    width: 370px;
    color: #fff;
    padding: 7px 10px;
}
@media (max-width: 767px) {
    .newsletter-subscription input[type="text"] {
        width: calc(100% - 110px);
    }
}
.newsletter-subscription .radio-inline {
    font-size: 16px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    line-height: 36px;
}
@media (max-width: 767px) {
    .newsletter-subscription .radio-inline {
        width: calc((100% - 110px)/2);
        padding: 0;
    }
}
.newsletter-subscription .form-group .submit {
    width: 230px;
    display: block;
    height: 36px;
    margin: 0 0 10px 110px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    font-family: Raleway;
}
@media (max-width: 767px) {
    .newsletter-subscription .form-group .submit {
        width: calc(100% - 110px);
    }
}
.newsletter-subscription .note {
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    border-top: solid 1px #5c5c5c;
    padding-top: 20px;
    text-align: center;
    font-style: italic;
}
.newsletter-subscription .custom-checkbox {
    width: 440px;
    margin: 15px auto 15px 40px;
    /* Base for label styling */
    /* checkbox aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */
    /* accessibility */
    /* hover style just for information */
}
@media (max-width: 767px) {
    .newsletter-subscription .custom-checkbox {
        width: auto;
    }
}
.newsletter-subscription .custom-checkbox label {
    width: 440px;
    display: inline-block;
    max-width: 100%;
}
@media (max-width: 767px) {
    .newsletter-subscription .custom-checkbox label {
        width: auto;
    }
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked),
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    margin: 4px 0 0;
    line-height: normal;
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked) + label,
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    cursor: pointer;
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked) + label:before,
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #fff;
    background: #152a3b;
    border-radius: 3px;
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked) + label:after,
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #fff;
    transition: all .2s;
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
.newsletter-subscription .custom-checkbox [type="checkbox"]:checked:focus + label:before,
.newsletter-subscription .custom-checkbox [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px solid #fff;
}
.newsletter-subscription .custom-checkbox label:hover:before {
    border: 1px solid #4778d9!important;
}
.newsletter-subscription .error-notification {
    display: none;
    margin-bottom: 20px;
    background: #ffcccc;
    width: 360px;
    color: red;
    border: solid 1px red;
    padding: 10px;
    margin: 0px 0 20px 110px;
}
@media (max-width: 767px) {
    .newsletter-subscription .error-notification {
        width: calc(100% - 110px);
        text-align: center;
    }
}
.newsletter-success,
.propose-article-success {
    display: none;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -405px;
    width: 810px;
    height: 225px;
    border: solid 1px #6c6c6c;
    background: #152b3c url('/img/subscription-bg-2.jpg') no-repeat 0 0;
    padding: 50px 130px;
    z-index: 9999;
}
@media (max-width: 1179px) {
    .newsletter-success,
    .propose-article-success {
        width: 768px;
        margin-left: -384px;
    }
}
@media (max-width: 767px) {
    .newsletter-success,
    .propose-article-success {
        width: 480px;
        margin-left: -240px;
        padding: 50px;
        font-size: 16px;
    }
}
.newsletter-success .close,
.propose-article-success .close {
    position: absolute;
    top: 25px;
    right: 25px;
}
.newsletter-success h2,
.propose-article-success h2 {
    font-family: Playfair;
    font-size: 34px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 0;
}
.newsletter-success p,
.propose-article-success p {
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    width: 350px;
    margin: 0 auto;
    text-align: center;
}
/* ---------------------- Pagination ---------------------------------------- */
.pagination {
    text-align: right;
    float: right;
    width: 200px;
    margin: 0;
}
.pagination span {
    font-size: 16px;
    color: #000;
    padding: 5px;
    display: inline-block;
}
.pagination span.current {
    font-weight: bold;
}
/* ----------------------------- 404 page--------------------------------------- */
.not-found {
    height: 560px;
    margin-top: 40px;
    padding: 150px 140px 0 680px;
    background: #152b3c url('/img/404-bg.jpg') no-repeat 0 0;
    text-align: center;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .not-found {
        height: 460px;
        padding: 120px 70px 0 400px;
        background-position: -60px 0;
        background-size: auto 100%;
        margin-top: 25px;
    }
}
@media (max-width: 767px) {
    .not-found {
        height: 340px;
        padding: 60px 30px 0 165px;
        background-position: -210px -40px;
        background-size: cover;
        margin-top: 0;
        margin-bottom: 5px;
    }
}
.not-found h2 {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}
@media (max-width: 1179px) {
    .not-found h2 {
        font-size: 19px;
    }
}
.not-found ul {
    margin-top: 50px;
    float: left;
}
.not-found ul li {
    width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .not-found ul li {
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .not-found ul li {
        margin-bottom: 10px;
    }
}
.not-found ul li a {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .not-found ul li a {
        font-size: 13px;
    }
}
.not-found ul li a:hover {
    text-decoration: underline;
}
/* ------------------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1179px) {
    .container {
        width: 768px;
    }
    .container .header {
        height: 130px;
    }
    .container .header img {
        height: 130px;
    }
    .container .header a {
        height: 95px;
        width: 146px;
    }
    .container .header span {
        height: 95px;
        width: 146px;
    }
    .container .newsletter p {
        padding-left: 35px;
    }
    .container .main-navigation a {
        font-size: 15px;
        margin: 0 9px;
    }
    .container .main-navigation a.logo,
    .container .main-navigation a.search-toggle {
        display: none;
    }
    .container .search-block .search-img {
        width: 80px;
        height: 60px;
    }
    .container .search-block .search-img img {
        width: 100%;
        height: auto;
    }
    .container .search-block .search-title {
        margin: 16px 0;
    }
    .container .search-block .search-title h2 {
        font-size: 22px;
        margin: 0;
    }
    .container .search-block .search-title a {
        font-size: 12px;
    }
    .container .search-block .search-salle {
        padding: 19px 11px;
    }
    .container .search-block .search-salle input {
        font-size: 15px;
    }
    .container .search-block .search-map a {
        padding-top: 44px;
        background-position: center 6px;
        background-size: 70% 70%;
    }
    .container .search-block .ok-btn {
        height: 50px;
        width: 50px;
        line-height: 48px;
        font-size: 24px;
        margin: 5px 5px;
    }
    .container .events .nav-tabs {
        top: 0;
        margin-bottom: 0;
        float: left;
    }
    .container .events .nav-tabs li {
        margin: 0 15px;
    }
    .container .events .tab-content {
        border: none;
        border-bottom: solid 1px #4a4a4a;
        padding-top: 33px;
    }
    .container .events .tab-content > .tab-pane {
        width: 680px;
        margin: 0 auto;
    }
    .container .events .events-show-all {
        float: right;
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
    .container .header {
        display: none;
    }
}
/* ------------------- Week releases ---------------------------------------------*/
.week-releases-show-all {
    float: right;
    position: relative;
    top: -54px;
    color: #4a4a4a;
    text-transform: uppercase;
}
.week-releases .item {
    padding: 0 10px;
}
.week-releases .item > a {
    max-width: 180px;
    height: 240px;
    display: block;
}
.week-releases .item h3 {
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 14px;
}
.week-releases .item a {
    color: #fff;
    font-family: "Lato";
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.week-releases .item p {
    color: #fff;
    font-family: "Lato";
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
}
.week-releases .item p strong {
    display: block;
    font-weight: bold;
    margin: 0 auto;
    height: 60px;
}
@media (max-width: 767px) {
    .week-releases .item:nth-child(2n + 1) {
        background: #152b3c;
    }
    .week-releases .item:nth-child(2n + 1):after {
        background-position: 0 -33px;
    }
    .week-releases .item:nth-child(2n + 1) h3,
    .week-releases .item:nth-child(2n + 1) p,
    .week-releases .item:nth-child(2n + 1) a {
        color: #fff;
    }
    .week-releases .item:nth-child(2n + 1) h3 {
        border-bottom: solid 1px #fff;
    }
}
.week-releases .owl-carousel {
    background: #152b3c;
    padding: 35px 90px;
    position: relative;
}
.week-releases .owl-carousel .owl-buttons {
    margin: 0 -90px;
}
.week-releases .owl-theme .owl-controls .owl-buttons div {
    color: #000;
    font-size: 80px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    border-radius: 50%;
    border: solid 1px #a0a0a0;
    opacity: 1;
}
.week-releases .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 10px;
    top: 214px;
    background: #fff url('/img/carousel-prev.png') no-repeat center center;
}
.week-releases .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    right: 10px;
    top: 214px;
    background: #fff url('/img/carousel-next.png') no-repeat center center;
}
.week-releases .owl-carousel .owl-buttons .owl-prev:hover {
    background: #152b3c url('/img/carousel-prev-hover.png') no-repeat center center;
}
.week-releases .owl-carousel .owl-buttons .owl-next:hover {
    background: #152b3c url('/img/carousel-next-hover.png') no-repeat center center;
}
/* -------------------Still showing ---------------------------------------------*/
.still-showing h2 {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.still-showing .item {
    padding: 0 10px;
}
.still-showing .item h3 {
    color: #000;
    font-family: "Lato";
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.still-showing .item p {
    color: #898989;
    font-family: "Lato";
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
}
.still-showing .item p strong {
    display: block;
    color: #000;
    font-weight: bold;
    margin: 0 auto;
    height: 60px;
}
@media (max-width: 767px) {
    .still-showing .item:nth-child(2n + 1) {
        background: #fff;
    }
    .still-showing .item p strong {
        color: #152b3c;
    }
}
.still-showing .still-showing-show-all {
    float: right;
    position: relative;
    top: -35px;
    color: #4a4a4a;
    text-transform: uppercase;
}
.still-showing .owl-carousel {
    color: #152b3c;
    padding: 0 90px;
    position: relative;
}
.still-showing .owl-carousel .owl-buttons {
    margin: 0 -90px;
}
.still-showing .owl-carousel .owl-buttons div {
    color: #000;
    font-size: 80px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    border-radius: 50%;
    border: solid 1px #a0a0a0;
    opacity: 1;
}
.still-showing .owl-carousel .owl-buttons .owl-prev {
    position: absolute;
    left: 10px;
    top: 195px;
    background: #fff url('/img/carousel-prev.png') no-repeat center center;
}
.still-showing .owl-carousel .owl-buttons .owl-prev:hover {
    background: #152b3c url('/img/carousel-prev-hover.png') no-repeat center center;
}
.still-showing .owl-carousel .owl-buttons .owl-next {
    position: absolute;
    right: 10px;
    top: 195px;
    background: #fff url('/img/carousel-next.png') no-repeat center center;
}
.still-showing .owl-carousel .owl-buttons .owl-next:hover {
    background: #152b3c url('/img/carousel-next-hover.png') no-repeat center center;
}
@media (min-width: 768px) {
    .week-releases > h2,
    .still-showing > h2 {
        border-bottom: 1px solid #4a4a4a;
    }
}
@media (max-width: 1179px) {
    .week-releases > h2,
    .still-showing > h2 {
        margin-left: 30px;
    }
}
@media (max-width: 767px) {
    .week-releases > h2,
    .still-showing > h2 {
        font-size: 30px;
        width: 50%;
    }
    .week-releases > a,
    .still-showing > a,
    .week-releases .still-showing-show-all,
    .still-showing .still-showing-show-all {
        font-size: 14px;
        position: absolute;
        right: 20px;
        top: 52px;
        text-transform: uppercase;
    }
    .week-releases .owl-carousel,
    .still-showing .owl-carousel {
        background: none;
        display: block;
        padding: 0;
    }
    .week-releases .item,
    .still-showing .item {
        position: relative;
        width: 100%;
        height: 142px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .week-releases .item:after,
    .still-showing .item:after {
        content: '';
        background: url("/img/mobile-listing-arrows.png") no-repeat;
        width: 16px;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .week-releases .item:nth-child(n+6),
    .still-showing .item:nth-child(n+6) {
        display: none;
    }
    .week-releases .item > a,
    .still-showing .item > a {
        float: left;
        display: block;
        height: 122px;
        width: 120px;
    }
    .week-releases .item > a img,
    .still-showing .item > a img {
        height: 122px;
        width: auto;
    }
    .week-releases .item > div,
    .still-showing .item > div {
        float: left;
        width: 300px;
    }
    .week-releases .item h3,
    .still-showing .item h3,
    .week-releases .item p,
    .still-showing .item p,
    .week-releases .item a,
    .still-showing .item a {
        color: #152b3c;
    }
    .week-releases .item h3,
    .still-showing .item h3 {
        border-bottom: solid 1px #152b3c;
        display: inline-block;
        min-width: 184px;
        max-width: 260px;
    }
}
/* -------------------L' enfance de l'art ---------------------------------------------*/
.enfance-art {
    background: #72d5bc url('/img/enfance-bg.jpg') no-repeat 0 0;
    color: #fff;
    padding: 20px 50px;
}
.enfance-art .enfance-show-all {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 20px;
    float: right;
}
@media (max-width: 1179px) {
    .enfance-art .enfance-show-all {
        display: none;
    }
}
.enfance-art .desc {
    position: relative;
    float: left;
    width: 480px;
    color: #fff;
    padding: 85px 35px 0 35px;
    font-size: 16px;
    line-height: 19px;
    display: block;
}
@media (min-width: 1180px) {
    .enfance-art .desc {
        height: 400px;
    }
}
.enfance-art .desc p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.enfance-art .desc .note {
    position: absolute;
    top: 250px;
    left: 235px;
}
.enfance-art .desc .note p {
    font-weight: 300;
    font-size: 32px;
    line-height: 34px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
.enfance-art .desc .note span {
    font-weight: 300;
    font-size: 17px;
    line-height: 19px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}
.enfance-art .desc .note small {
    font-size: 17px;
    line-height: 19px;
}
.enfance-art .desc img {
    padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .enfance-art {
        background: #72d5bc url('/img/enfance-bg-tablet.jpg') no-repeat center top;
        padding: 0;
        width: 725px;
        min-height: 312px;
        margin: 0 auto 30px;
        float: none;
    }
    .enfance-art .desc {
        padding: 74px 255px 0 24px;
        float: none;
        margin: auto;
        width: 645px;
    }
    .enfance-art .desc > p {
        font-size: 16px;
        line-height: 1.2;
        max-width: 370px;
    }
    .enfance-art .desc .text {
        margin-bottom: 10px;
    }
    .enfance-art .desc .note {
        position: relative;
        left: 0;
        top: 0;
        width: calc(100% + 255px);
        margin-bottom: 10px;
    }
    .enfance-art .desc .note p {
        font-size: 32px;
        line-height: 34px;
    }
    .enfance-art .desc .note span {
        bottom: 0;
        right: 0;
        position: absolute;
    }
}
@media (max-width: 767px) {
    .enfance-art {
        background: #72d5bc url('/img/enfance-bg-mobile.jpg') no-repeat center top;
        padding: 0;
    }
    .enfance-art .desc {
        padding: 60px 185px 0 24px;
        float: none;
        font-size: 12px;
        line-height: 15px;
        margin: auto;
    }
    .enfance-art .desc > p {
        font-size: 12px;
        line-height: 1.2;
        max-width: 260px;
    }
    .enfance-art .desc .text {
        margin-bottom: 10px;
    }
    .enfance-art .desc .note {
        position: relative;
        left: 0;
        top: 0;
        width: calc(100% + 161px);
        margin-bottom: 10px;
    }
    .enfance-art .desc .note p {
        font-size: 24px;
        line-height: 1.2;
    }
    .enfance-art .desc .note span {
        float: right;
        margin-top: -40px;
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
    }
}
.enfance-art .items-list {
    float: left;
    width: 600px;
}
@media (max-width: 1179px) {
    .enfance-art .items-list {
        display: none;
    }
}
.enfance-art .items-list .item {
    float: left;
    width: 180px;
    margin: 0 10px;
}
.enfance-art .items-list .item h3 {
    color: #000;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    margin: 10px 0 5px;
    text-transform: uppercase;
}
.enfance-art .items-list .item p {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}
.enfance-art .items-list .item .note {
    font-family: "Black Jack";
    font-size: 19px;
    font-weight: normal;
    margin: 5px 0 0;
}
@media (max-width: 767px) {
    .events.homepage-events h2 {
        background: #fff;
        text-align: center;
        padding: 10px;
        margin: 0 0 10px;
    }
    .events.homepage-events h2 a {
        display: none;
    }
}
#grid {
    margin-left: -5px;
    margin-right: -5px;
    position: relative;
    overflow: hidden;
}
#grid [class*="col-"] {
    padding: 5px;
}
@media (max-width: 320px) {
    #grid [class*="col-"] {
        width: 100%;
    }
}
.shuffle_sizer {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.cinema {
    overflow: visible;
}
@media (max-width: 767px) {
    .cinema {
        background-color: #152a3b;
    }
}
.cinema .img-primary {
    float: left;
    width: 600px;
    height: 360px;
    overflow: hidden;
}
.cinema .img-primary img {
    width: 100%;
}
.cinema .cinema-no-result h4 {
    background: #fff;
    text-align: center;
    padding: 30px 0;
    margin: 0;
    font-size: 26px;
    font-weight: 300;
}
.cinema .img-secondary {
    float: left;
    width: 180px;
    height: 360px;
    background: #000;
    overflow: hidden;
}
.cinema .desc {
    float: left;
    padding: 40px;
    width: 400px;
    height: 360px;
    background: #152a3b;
    color: #fff;
}
@media (max-width: 767px) {
    .cinema .desc a.btn-access {
        font-size: 20px;
        font-family: "Raleway";
        border: solid 1px #fff;
        background: #fff;
        color: #152a3b;
        font-weight: 500;
        display: block;
        width: 260px;
        text-align: center;
        padding: 12px 0;
        margin: 20px 0;
    }
    .cinema .desc a.btn-access:hover {
        background: #152a3b;
        color: #fff;
    }
    .cinema .desc a.btn-dans-cinema {
        font-size: 20px;
        font-family: "Raleway";
        border: solid 1px #fff;
        background: #fff;
        color: #152a3b;
        font-weight: 500;
        display: block;
        width: 260px;
        text-align: center;
        padding: 12px 0;
        margin: 20px 0;
    }
    .cinema .desc a.btn-dans-cinema:hover {
        background: #152a3b;
        color: #fff;
    }
}
.cinema h3 {
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'Lato';
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 300;
}
.cinema p {
    font-family: 'Lato';
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.cinema p a {
    color: white;
}
.cinema p a.button {
    color: #152a3b;
    background: #fff;
    padding: 6px 20px;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.cinema p a.button:hover {
    background: #152a3b;
    color: #fff;
    border: solid 1px #fff;
}
.cinema .cinema-web {
    margin-top: 10px;
}
.cinema .cinema-logo {
    margin: 15px 0 10px 0;
}
.cinema .cinema-logo img {
    max-height: 60px;
    width: auto;
}
.cinema .cinema-directors {
    float: left;
    background: #152a3b;
    width: 276px;
    height: 500px;
}
@media (max-width: 1179px) {
    .cinema .cinema-directors {
        height: 440px;
    }
}
.cinema .cinema-directors .dir-position {
    padding: 25px 45px 11px 45px;
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    text-align: center;
}
.cinema .cinema-directors .dir-image {
    margin: 0;
}
@media (max-width: 767px) {
    .cinema .cinema-directors .dir-image {
        display: none;
    }
}
.cinema .cinema-directors .dir-name {
    padding: 0 45px 16px 45px;
    font-size: 15px;
    color: #a0a0a0;
    margin: 0;
    text-align: center;
}
.cinema .cinema-directors .dir-comment {
    font-family: "Playfair";
    padding: 0 45px;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    font-style: italic;
    margin: 0;
    height: 170px;
    overflow: hidden;
    color: #a0a0a0;
    text-align: justify;
}
.cinema .cinema-directors .dir-signature {
    padding: 20px 45px 0 0;
    font-size: 15px;
    color: #fff;
    width: 140px;
    font-weight: 300;
    line-height: 18px;
    box-sizing: content-box;
    float: right;
    text-align: center;
}
@media (max-width: 1179px) {
    .cinema .cinema-directors .dir-signature {
        color: #152a3b;
    }
}
.cinema .cinema-about {
    float: left;
    background: #fff;
    width: 508px;
    max-width: 100%;
    height: 500px;
    padding: 30px;
    position: relative;
}
@media (max-width: 1179px) {
    .cinema .cinema-about {
        height: 440px;
    }
}
@media (max-width: 767px) {
    .cinema .cinema-about {
        height: auto;
        width: 100%;
    }
}
.cinema .cinema-about h3 {
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid 1px #000;
}
.cinema .cinema-about a {
    font-size: 14px;
    font-family: "Raleway";
    float: right;
    background: #152a3b;
    border: solid 1px #152a3b;
    color: #fff;
    padding: 6px 32px;
    margin: 30px 0;
}
.cinema .cinema-about a:hover {
    background: #fff;
    color: #152a3b;
    border: solid 1px #152a3b;
}
@media (max-width: 1179px) {
    .cinema .cinema-about a {
        display: none;
    }
}
.cinema .cinema-about .cinema-service {
    height: 330px;
    overflow: auto;
}
@media (max-width: 1179px) {
    .cinema .cinema-about .cinema-service {
        height: 270px;
    }
}
@media (max-width: 767px) {
    .cinema .cinema-about .cinema-service {
        height: auto;
    }
}
.cinema .cinema-about .pictos {
    margin-top: 30px;
    float: left;
}
.cinema .cinema-about .pictos span {
    width: 24px;
    height: 25px;
    display: inline-block;
    background-position: top left;
    background-repeat: no-repeat;
}
.cinema .cinema-about .pictos span:hover {
    background-color: #152a3b;
    background-position: bottom left;
}
@media (max-width: 1179px) {
    .cinema .img-primary {
        width: 440px;
        height: 340px;
    }
    .cinema .img-primary img {
        width: auto;
        height: 100%;
    }
    .cinema .img-secondary {
        display: none;
    }
    .cinema .desc {
        padding: 30px;
        width: 328px;
        height: 340px;
    }
    .cinema .desc h3 {
        font-size: 25px;
    }
    .cinema .cinema-directors {
        width: 260px;
        background: #fbfaf5;
        color: #152a3b;
    }
    .cinema .cinema-directors img {
        height: 125px;
        width: 260px;
    }
    .cinema .cinema-directors .dir-position {
        color: #152a3b;
        padding: 20px 40px 0 40px;
    }
    .cinema .cinema-directors .dir-name {
        color: #152a3b;
    }
    .cinema .cinema-directors .dir-comment {
        color: #152a3b;
        padding: 0 40px;
        height: 160px;
        overflow: hidden;
    }
    .cinema .cinema-location {
        width: 768px;
        height: auto;
        min-height: auto;
    }
    .cinema .cinema-location .half {
        width: 384px;
        float: left;
        padding-bottom: 30px;
    }
    .cinema .cinema-location .half .cinema-info {
        border: none;
    }
    .cinema .cinema-location .half .google-image {
        display: none;
    }
    .cinema .cinema-location .half .transport-txt {
        width: 260px;
    }
    .cinema .cinema-location a.plan-acces {
        right: auto;
        left: 0;
    }
}
@media (max-width: 1179px) and (max-width: 767px) {
    .cinema .cinema-location {
        width: 100%;
    }
}
@media (max-width: 1179px) and (max-width: 1179px) {
    .cinema .cinema-location .half {
        padding-bottom: 0;
    }
}
@media (max-width: 1179px) and (max-width: 767px) {
    .cinema .cinema-location .half {
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .cinema .img-primary {
        width: 100%;
        height: auto;
    }
    .cinema .img-primary img {
        width: 100%;
        display: block;
    }
    .cinema h3 {
        font-size: 42px;
        line-height: 39px;
    }
    .cinema p {
        margin: 0;
    }
    .cinema p a.button {
        display: none;
    }
    .cinema .desc {
        width: 300px;
        height: 188px;
        padding: 10px;
    }
    .cinema .cinema-directors {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }
    .cinema .cinema-directors .dir-comment {
        height: auto;
    }
    .cinema .cinema-logo img {
        width: auto;
        height: auto;
    }
    .cinema .cinema-mobile-content {
        display: none;
        float: left;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .cinema .desc {
        width: 70%;
        padding: 5px 10px;
        height: auto;
    }
}
.cinema-location {
    float: left;
    width: 396px;
    height: 500px;
    position: relative;
    background: #152a3b;
}
@media (max-width: 767px) {
    .cinema-location {
        width: 100%;
        padding-bottom: 20px;
    }
}
.cinema-location .half {
    width: 100%;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .cinema-location .half {
        width: 50%;
    }
}
.cinema-location .cinema-access {
    font-family: "Playfair";
    padding: 10px 15px 0 15px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}
@media (max-width: 767px) {
    .cinema-location .cinema-access {
        padding: 30px 30px 10px;
    }
}
@media (max-width: 1179px) {
    .cinema-location .google-image {
        display: none;
    }
}
.cinema-location h3 {
    font-family: "Raleway";
    padding: 0 15px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
@media (max-width: 767px) {
    .cinema-location h3 {
        padding: 0 30px;
    }
}
.cinema-location .cinema-info {
    font-family: "Raleway";
    padding: 0 0 15px 0;
    font-size: 14px;
    margin: 0 15px 15px;
    border-bottom: solid 1px #fff;
    color: #fff;
}
@media (max-width: 767px) {
    .cinema-location .cinema-info {
        margin: 0 30px;
    }
}
.cinema-location .transport-wrapper {
    float: left;
    width: 100%;
    height: 110px;
    padding: 0 16px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .cinema-location .transport-wrapper {
        margin-top: 25px;
        border-left: solid 1px #fff;
        height: 130px;
    }
}
@media (max-width: 767px) {
    .cinema-location .transport-wrapper {
        padding: 0 30px;
    }
}
.cinema-location .transport-wrapper .cinema-transport {
    padding-bottom: 15px;
    overflow: auto;
}
.cinema-location .transport-wrapper .transport-img {
    float: left;
    width: 60px;
    margin: 0;
}
.cinema-location .transport-wrapper .transport-txt {
    font-family: "Raleway";
    font-size: 12px;
    float: left;
    color: #c9c9c9;
    margin: 0;
    width: calc(100% - 60px);
    padding: 0 0 0 10px;
}
.cinema-location a.btn-access {
    font-size: 14px;
    font-family: "Raleway";
    border: solid 1px #fff;
    position: absolute;
    background: #fff;
    color: #152a3b;
    padding: 6px 32px;
    margin: 25px 16px;
    right: 0;
    bottom: 0;
}
.cinema-location a.btn-access:hover {
    background: #152a3b;
    color: #fff;
}
@media (max-width: 1179px) {
    .cinema-location a.btn-access {
        position: relative;
        float: left;
        clear: both;
        top: -25px;
        margin: 0 16px;
    }
}
@media (max-width: 767px) {
    .cinema-location a.btn-access {
        margin: 0 30px 30px;
        top: 0;
    }
}
.sessions-wrapper {
    width: 800px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #fff;
    padding: 20px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .sessions-wrapper {
        float: left;
        width: 100%;
        position: relative;
    }
}
@media (min-width: 768px) {
    .sessions-wrapper .filter {
        display: none;
    }
}
.sessions-wrapper .dates-wrapper {
    overflow: hidden;
}
.sessions-wrapper .dates-wrapper .owl-wrapper-outer {
    float: left;
    max-width: 1180px;
    padding: 0 20px;
}
.sessions-wrapper .dates-wrapper .owl-wrapper-outer .owl-item .item {
    float: left;
    text-align: left;
    width: auto;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    height: 25px;
    margin: 10px 0 5px;
    cursor: pointer;
}
.sessions-wrapper .dates-wrapper .owl-wrapper-outer .owl-item.active .item {
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
}
.sessions-wrapper .reservations-wrapper {
    overflow: visible;
    padding-top: 10px;
    width: 100%;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper {
        padding: 0;
    }
}
.sessions-wrapper .reservations-wrapper .cinema-sessions {
    clear: both;
    display: none !important;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions.active {
    display: block !important;
    padding-left: 45px;
    padding-right: 45px;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions.active {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date {
    float: left;
    width: 100px;
    height: 122px;
    border: solid 1px #000;
    margin: 0;
    padding-top: 8px;
    text-align: center;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date a {
    color: #000;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .time {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 0;
    border-bottom: 1px solid #152a3b;
    padding-bottom: 10px;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .version-container {
    height: 42px;
    display: flex;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .version-container.d-none {
    display: none;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .version {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin: auto;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .version {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .session-reservation {
        font-size: 12px;
        line-height: 12px;
    }
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date .pictos span {
    width: 24px;
    height: 25px;
    display: inline-block;
    background-position: top left;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover {
    color: #fff;
    background: #152a3b;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover a {
    color: #fff;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover .time,
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover .session-reservation {
    color: #fff;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover .version {
    color: #fff;
    border-color: #fff;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .session-date:hover .pictos span {
    background-position: bottom left;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 20px;
    left: 0;
    margin: 0;
    margin-top: -10px;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls {
        display: none!important;
    }
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls .owl-buttons div {
    background: transparent;
    opacity: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls .owl-buttons div.owl-prev {
    left: 3px;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls .owl-buttons div.owl-prev {
        left: 0;
    }
}
.sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls .owl-buttons div.owl-next {
    right: 14px;
}
@media (max-width: 767px) {
    .sessions-wrapper .reservations-wrapper .cinema-sessions .owl-controls .owl-buttons div.owl-next {
        right: 6px;
    }
}
.sessions-wrapper.dates {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
}
.sessions-wrapper.dates > a {
    position: absolute;
    right: 220px;
    top: 36px;
    font: 300 12px 'Lato';
    z-index: 5;
}
.sessions-wrapper.dates .owl-theme .owl-controls {
    margin: 0;
}
.sessions-wrapper.dates .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    opacity: 1;
    margin: 0;
    padding: 0;
}
.sessions-wrapper.dates .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 3px;
}
.sessions-wrapper.dates .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 14px;
}
@media (max-width: 1179px) {
    .sessions-wrapper.dates {
        padding: 30px;
        /*.dates-wrapper {
                padding-right: 100px;
            }*/
    }
    .sessions-wrapper.dates > a {
        right: 30px;
        top: 50px;
    }
}
@media (max-width: 767px) {
    .cinema-movie-sessions {
        margin-bottom: 0;
    }
    .cinema-movie-sessions ul.dropdown-navigation {
        overflow: hidden;
        height: auto;
        margin: 0 auto 30px auto;
    }
    .cinema-movie-sessions .filter {
        font-size: 16px;
    }
    .cinema-movie-sessions .filter select {
        height: 34px;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .cinema-movie-sessions .filter {
        width: 100%;
    }
    .cinema-movie-sessions .filter .form-group:first-child {
        display: block;
    }
}
.transport-wrapper {
    float: left;
    width: 100%;
    padding: 0;
}
.transport-wrapper .cinema-transport {
    padding-bottom: 10px;
    overflow: auto;
}
.transport-wrapper .transport-img {
    float: left;
    width: 60px;
    margin: 0;
}
.transport-wrapper .transport-txt {
    font-family: "Raleway";
    font-size: 12px;
    float: left;
    color: #c9c9c9;
    margin: 0;
    width: calc(100% - 60px);
    padding: 0 0 0 10px;
}
.cinema-details-modal {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 0;
    width: 810px;
    height: 100%;
    max-height: 815px;
    margin-left: -405px;
    padding: 40px;
    color: #fff;
    overflow: auto;
    background: #152a3b;
}
@media (max-width: 767px) {
    .cinema-details-modal {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
}
.cinema-details-modal .map-api {
    width: 100%;
    background: #fff;
    height: 500px;
    margin: 0 0 20px 0;
}
.cinema-details-modal .close {
    position: relative;
    top: -20px;
}
.cinema-details-modal .cinema-location {
    width: 100%;
    height: auto;
}
.cinema-details-modal .cinema-location .half {
    width: 50%;
}
.cinema-details-modal .cinema-location .half.half + .half {
    border-left: solid 1px #fff;
}
@media (max-width: 767px) {
    .cinema-details-modal .cinema-location .half.half + .half {
        border: none;
        margin-top: 20px;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .cinema-details-modal .cinema-location .half {
        width: 100%;
    }
}
.cinema-details-modal .cinema-location h2 {
    padding: 0;
    margin: 0 0 15px;
    font-weight: 300;
    text-transform: uppercase;
}
.cinema-details-modal .cinema-location .cinema-address {
    font-family: "Raleway";
    padding: 0;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    border-bottom: none;
    color: #fff;
}
.cinema-details-modal .cinema-location .cinema-phone {
    font-family: "Raleway";
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: 600;
}
.cinema-details-modal .cinema-location .cinema-web {
    font-family: "Raleway";
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
}
.cinema-details-modal .cinema-location a {
    color: #fff;
}
.cinema-details-modal .cinema-location a:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .cinema-details-modal .half {
        width: 100%;
    }
}
.cinema-details-modal .transport-wrapper {
    width: 50%;
    margin: 0;
}
@media (max-width: 767px) {
    .cinema-details-modal .transport-wrapper {
        width: 100%;
        margin-top: 20px;
    }
}
.cinema-details-modal .pictos {
    display: none;
}
a.open-cinema-details {
    font-size: 15px;
    font-family: "Raleway";
    background: #fff;
    float: right;
    border: solid 1px #fff;
    color: #152a3b;
    padding: 6px 32px;
    margin: 10px 0;
}
a.open-cinema-details:hover {
    background: #152a3b;
    color: #fff;
    border: solid 1px #fff;
}
.common-cinema-modal .open-cinema-details,
.common-cinema-modal .btn-default,
.common-cinema-modal .cinema-desc {
    display: none;
}
.common-cinema-modal .cinema-logo {
    clear: both;
}
.common-cinema-modal h2 {
    clear: both;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.common-cinema-modal .cinema-address {
    font-family: "Raleway";
    padding: 15px 0 0;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    border-bottom: none;
    color: #fff;
}
.common-cinema-modal .cinema-phone {
    font-family: "Raleway";
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: 600;
}
.common-cinema-modal .cinema-web {
    font-family: "Raleway";
    padding: 0;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    border-bottom: none;
}
.common-cinema-modal .cinema-web a {
    color: #fff;
}
.common-cinema-modal .cinema-web a:hover {
    text-decoration: underline;
}
.mobile-buttons {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.mobile-buttons .text-button {
    font-size: 16px;
    font-family: "Raleway", Sans-Serif, sans-serif;
    border: none;
    background: transparent;
    color: #152a3b;
    font-weight: 500;
    text-align: left;
    padding: 5px 0;
    text-decoration: underline;
}
.sessions-mobile {
    position: relative;
    max-height: 100%;
    opacity: 1;
    padding: 0;
    transition: max-height 0.15s ease-out;
}
@media (max-width: 767px) {
    .sessions-mobile {
        max-height: 0;
        opacity: 0;
    }
}
.sessions-mobile.toggle-sessions {
    max-height: 100%;
    opacity: 1;
}
.sessions-mobile .sessions-wrapper {
    position: relative;
    background-color: #fdfdfd;
    width: 100%;
}
.cinema-desc-mobile {
    position: relative;
    max-height: 0;
    opacity: 0;
    padding: 0 !important;
    transition: max-height 0.15s ease-out;
    width: 100%;
}
.cinema-desc-mobile.toggle-desc {
    max-height: 100%;
    opacity: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px !important;
}
.isThisWeek {
    position: absolute;
    top: 0;
    right: 0;
}
.isThisWeek:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    background: url(/img/new.png);
    background-size: contain;
    right: 5px;
    z-index: 2;
    top: 5px;
}
.text-gray {
    color: #bcc4bc !important;
}
.desc-mobile.mobile-buttons {
    padding: 0;
}
.desc-mobile.mobile-buttons .text-button {
    width: 50%;
}
@media (max-width: 1179px) {
    .cinema-details {
        display: inline-block;
    }
}
.cinema-mobile-content {
    width: 100%;
    padding: 0;
    height: auto;
    margin-top: -3px;
}
.cinemaTitle {
    background: #152b3c;
    font-weight: 400;
    padding: 3px 5px;
    margin: 10px 0 10px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 35px;
    overflow: hidden;
}
.cinemaTitle h3 {
    text-transform: uppercase;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0.5rem;
    color: #ffffff !important;
    display: block;
    font-size: 17px !important;
    height: initial !important;
    font-weight: bold;
}
.cinemaTitle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}
.singleMovie-cinema {
    width: 100% !important;
}
a {
    outline: 0!important;
}
.vjs-text-track-display,
.vjs-text-track-display div {
    background: none!important;
}
.video {
    width: 100%;
    background: #000;
}
.video .vjs-control-text {
    display: none;
}
.video.vjs-using-native-controls .vjs-poster {
    background-size: cover!important;
}
.video .vjs-poster {
    display: block;
    background: black none !important;
}
@media (max-width: 767px) {
    .video .vjs-poster {
        background-size: cover;
    }
}
.video.vjs-playing .vjs-big-play-button {
    display: none;
}
.video.vjs-has-started .vjs-poster {
    display: none;
}
.video .vjs-big-play-button:before {
    visibility: hidden;
}
.video .vjs-big-play-button {
    background-color: transparent;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    background: url('/img/playbutton.png');
    height: 68px;
    line-height: 1.5em;
    opacity: 1;
    padding: 0;
    position: absolute;
    width: 68px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.no-video {
    overflow: hidden;
}
.no-video .control-text {
    display: none;
}
.no-video .no-play-button {
    display: none;
}
/* Push boxes TODO: move this to common.less */
.push-boxes > div {
    width: calc(50% - 10px);
    margin: 0 10px 0 0;
    height: 270px;
    text-align: center;
    float: left;
    position: relative;
}
@media (min-width: 1180px) {
    .push-boxes > div:nth-child(2n) {
        margin: 0 0 0 10px;
    }
}
@media (max-width: 1179px) {
    .push-boxes > div {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
}
.push-boxes > div > div {
    background: #ffffff;
    display: inline-block;
    height: 100%;
    padding: 0 16px 0 295px;
}
@media (max-width: 767px) {
    .push-boxes > div > div {
        padding-left: 200px;
    }
}
.push-boxes img {
    left: 0;
    position: absolute;
    top: 0;
}
.push-boxes h2 {
    font-style: italic;
    font-weight: 300;
}
.push-boxes h2 span {
    font-style: normal;
    text-transform: uppercase;
    font-size: 40px;
}
.push-boxes p {
    color: #000000;
    font-size: 15px;
}
.push-boxes .cta {
    background: #152b3c;
    border: 1px solid #000000;
    color: #ffffff;
    display: inline-block;
    font-family: "Raleway";
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    padding: 0 23px;
    text-decoration: none;
    position: absolute;
    bottom: 26px;
    right: 70px;
}
.push-boxes .cta:hover {
    background: #ffffff;
    color: #000000;
}
@media (max-width: 1179px) {
    .push-boxes {
        width: 610px;
        margin: auto;
        float: none;
    }
    .push-boxes .cta {
        right: 90px;
    }
}
@media (max-width: 767px) {
    .push-boxes {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .push-boxes > div {
        height: 187px;
    }
    .push-boxes img {
        width: 190px;
        height: auto;
    }
    .push-boxes h2 {
        font-size: 26px;
        margin: 4px 0;
    }
    .push-boxes h2 span {
        font-size: 36px;
    }
    .push-boxes p {
        font-size: 12px;
    }
    .push-boxes .cta {
        font-size: 13px;
        height: 32px;
        line-height: 32px;
        bottom: 13px;
        right: 50px;
    }
}
.movie-results {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .movie-results {
        max-width: 768px;
    }
}
.movie-results > h1 {
    margin-top: 0;
}
@media (max-width: 767px) {
    .movie-results > h1 {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .movie-results > div {
        background: #fff;
    }
}
.movie-results video {
    width: 100%;
    height: 415px;
    margin-bottom: -4px;
    background-size: cover;
}
.movie-results .carousel {
    background: white!important;
    overflow: hidden;
    width: calc(100% - 380px);
    position: absolute;
    bottom: 0;
    height: 375px;
    left: 0;
}
@media (max-width: 767px) {
    .movie-results .carousel {
        height: 410px;
    }
}
.movie-results .carousel .toggle-gallery {
    background: #152b3c;
    width: 325px;
    height: 325px;
    border-radius: 50%;
    position: absolute;
    top: -280px;
    left: 241px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    z-index: 50;
}
.movie-results .carousel .toggle-gallery span {
    color: #fff;
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
}
.movie-results .carousel .toggle-gallery.bottom {
    background-image: none;
    top: auto;
    left: 241px;
    bottom: -350px;
    width: 325px;
    height: 325px;
    padding-top: 15px;
}
.movie-results .carousel .toggle-gallery.bottom span {
    top: 15px;
}
@media (max-width: 1179px) {
    .movie-results .carousel .toggle-gallery,
    .movie-results .carousel .toggle-gallery.bottom {
        left: 0;
        right: 0;
        margin: auto;
    }
}
.movie-results .carousel .carousel-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}
@media (max-width: 1179px) {
    .movie-results .carousel .carousel-wrap {
        bottom: -20px;
    }
}
.movie-results .carousel .carousel-wrap > div {
    padding: 20px 40px;
    margin-bottom: 60px;
    background: white;
}
.movie-results .carousel .carousel-wrap > div.events-carousel {
    height: 375px;
    margin-bottom: 0;
    padding: 0 20px;
}
@media (max-width: 767px) {
    .movie-results .carousel .carousel-wrap > div.events-carousel {
        height: 380px;
    }
    .movie-results .carousel .carousel-wrap > div.events-carousel h5 {
        padding: 8px 0;
    }
}
.movie-results .carousel .carousel-wrap h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    padding-top: 10px;
    margin-bottom: 0;
    color: #000;
}
.movie-results .carousel .carousel-wrap h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding-top: 1px;
    margin: 0;
}
.movie-results .carousel .carousel-wrap h5 {
    padding: 17px 0;
    margin: 0;
}
.movie-results .carousel .carousel-wrap p {
    color: black;
    font-weight: 300;
}
.movie-results .carousel .carousel-wrap strong {
    font-weight: 800;
    text-transform: uppercase;
}
.movie-results .carousel .carousel-wrap .item {
    margin: 5px;
    overflow: hidden;
}
.movie-results .carousel .carousel-wrap .item .image {
    background-size: cover;
    height: 180px;
    width: 100%;
}
@media (max-width: 767px) {
    .movie-results .carousel .carousel-wrap .item .image {
        max-height: 224px;
        overflow: hidden;
    }
    .movie-results .carousel .carousel-wrap .item .image img {
        width: 100%;
    }
}
.movie-results .carousel .carousel-wrap .owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    left: 0;
}
.movie-results .carousel .carousel-wrap .owl-prev,
.movie-results .carousel .carousel-wrap .owl-next {
    position: absolute;
    left: -38px;
    display: block;
}
.movie-results .carousel .carousel-wrap .owl-next {
    right: -38px;
    left: auto;
}
@media (max-width: 767px) {
    .movie-results .carousel .carousel-wrap .owl-next {
        right: -30px;
    }
}
.movie-results .carousel .carousel-wrap .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
}
.movie-results .carousel .carousel-wrap .no-image {
    margin: auto;
    position: relative;
    display: block;
    top: -100px;
}
@media (max-width: 767px) {
    .movie-results .carousel .carousel-wrap .no-image {
        top: 0;
    }
}
.movie-results .carousel .gallery-carousel {
    padding: 20px 0 !important;
    margin: 0 !important;
    height: 375px;
}
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper {
    overflow: auto;
    height: 335px;
    text-align: center;
}
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper .drop-down {
    padding: 10px 0;
}
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper h2 {
    font-family: 'Playfair';
    font-size: 32px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 80px;
}
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper h2:after,
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper h2:before {
    content: "\00a0\2014\00a0";
}
.movie-results .carousel .gallery-carousel .cinema-selection-wrapper h3 {
    font-family: 'Lato';
    height: auto;
    font-weight: 300;
    font-size: 41px;
    margin: 0;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper {
    overflow: auto;
    height: 335px;
    display: none;
    text-align: left;
    font-family: 'Lato';
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper.mobile-sessions {
    display: block !important;
}
@media (max-width: 767px) {
    .movie-results .carousel .gallery-carousel .sessions-selection-wrapper.mobile-sessions {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .movie-results .carousel .gallery-carousel .sessions-selection-wrapper.mobile-sessions .cinema-result {
        display: block !important;
    }
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper .dropdown h2 {
    float: left;
    margin-top: 5px;
    font-size: 17px;
    margin-left: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper .dropdown .cinema-filter {
    float: left;
    width: auto;
    margin-top: 0;
    padding: 0;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper .dropdown .cinema-filter .drop-down {
    padding: 0 0 0 20px;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper h3 {
    font-weight: bold;
    font-size: 24px;
    margin-left: 20px;
    clear: both;
    float: left;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper .plan-acces {
    clear: both;
    float: left;
    text-decoration: underline;
    font-size: 14px;
    margin-left: 20px;
}
.movie-results .carousel .gallery-carousel .sessions-selection-wrapper .sessions-wrapper.dates {
    padding: 10px 0 0;
}

@media (max-width: 1179px) {
    .movie-results .carousel {
        position: relative;
        top: 0;
        width: 100%;
    }
    .movie-results .carousel .carousel-wrap {
        padding: 20px;
    }
    .movie-results .carousel .carousel-wrap h5 {
        margin-top: 20px;
    }
}
.movie-results.single-movie .carousel {
    height: 375px;
}
.movie-results > h1 {
    color: #000;
}
.movie-results .poster {
    display: block;
    float: left;
    width: 300px;
    height: 415px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.movie-results .poster img {
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .movie-results .poster {
        width: 456px;
        position: relative;
        height: auto;
    }
    .movie-results .poster img {
        width: 92px;
        height: 123px;
    }
}
.movie-results .preview {
    width: calc(100% - 680px);
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
@media (max-width: 1179px) {
    .movie-results .preview {
        width: 468px;
    }
}
@media (max-width: 767px) {
    .movie-results .preview {
        height: 270px;
    }
    .movie-results .preview .vjs_video_3-dimensions {
        height: 100%;
    }
}
.movie-results .desc {
    position: relative;
    background: #152A3B;
    width: 380px;
    font-size: 13px;
    line-height: 19px;
    float: left;
    color: #fff;
    height: 415px;
    padding: 30px;
    box-sizing: border-box;
    /*.scrollbar + .view-details {
            .tablet({
                .transform(translate3D(0, -200px, 0));
            });
        }*/
}
.movie-results .desc .scrollbar {
    height: 254px;
    border-bottom: solid 1px #fff;
    padding-bottom: 20px;
}
@media (max-width: 1179px) {
    .movie-results .desc .scrollbar {
        border: none;
    }
}
.movie-results .desc .comments-wrapper {
    position: absolute;
    width: 320px;
    height: 180px;
    padding-top: 14px;
    bottom: 25px;
    border-top: solid 1px #fff;
}
.movie-results .desc .comments-wrapper .movie-comments {
    overflow: hidden;
}
.movie-results .desc .comments-wrapper .movie-comments .owl-item p {
    font-family: Playfair;
    height: 80px;
    overflow: hidden;
    color: #a0a0a0;
    font-style: italic;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0;
}
.movie-results .desc .comments-wrapper .movie-comments .owl-item.webkit-hide {
    opacity: 0;
    pointer-events: none;
}
.movie-results .desc .comments-wrapper h3 {
    height: auto;
}
@media (max-width: 1179px) {
    .movie-results .desc .comments-wrapper {
        right: 50px;
    }
}
@media (max-width: 767px) {
    .movie-results .desc .comments-wrapper {
        display: none;
    }
}
.movie-results .desc .view-details {
    font-size: 14px;
    font-family: "Raleway";
    width: auto;
    display: inline-block;
    background: #fff;
    color: #152a3b;
    padding: 5px 32px;
    margin: 10px 0 0 0;
    border: 1px solid #fff;
    position: absolute;
    bottom: 30px;
    right: auto;
}
@media (max-width: 1179px) {
    .movie-results .desc .view-details {
        right: 30px;
    }
}
.movie-results .desc .view-details:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
@media (max-width: 1179px) {
    .movie-results .desc {
        width: 100%;
        height: auto;
    }
    .movie-results .desc .scrollbar {
        height: auto;
        margin-bottom: 35px;
        padding-bottom: 180px;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .movie-results .desc {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .movie-results .desc .comments-wrapper .item {
        padding: 0 20px 20px 0;
    }
}
.movie-results .video + p {
    font-size: 17px;
    left: 40px;
    top: 20px;
    position: absolute;
    color: #fbfaf5;
    z-index: 1000;
}
.movie-results > div:last-child {
    margin-bottom: 0;
}
.movie-results h3 {
    margin: 0 0 15px 0;
    font-size: 17px;
    height: 38px;
    text-transform: uppercase;
    color: #fbfaf5;
}
.movie-results p {
    font-size: 14px;
    line-height: 19px;
}
.movie-results span {
    color: #a0a0a0;
    font-size: 13px;
    line-height: 19px;
}
.movie-results small {
    color: #fbfaf5;
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
.movie-results .cta {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 800px;
    padding: 23px 0 20px 94px;
}
.movie-results .cta a {
    border: 1px solid #152A3B;
    font-size: 22px;
    color: #152A3B;
    width: 256px;
    height: 42px;
    line-height: 42px;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 94px;
}
.movie-results .cta a:hover {
    text-decoration: none;
    background: #152A3B;
    color: #fff;
}
.movie-results .cta span {
    display: none;
    font-size: 22px;
    color: #152A3B;
    float: left;
    width: 280px;
}
@media (max-width: 1179px) {
    .movie-results .cta {
        position: relative;
        width: 100%;
        float: left;
        text-align: center;
        padding: 20px 0;
    }
    .movie-results .cta a {
        margin: 0 20px;
        float: none;
        display: inline-block;
    }
}
.movie-results .social-share {
    position: absolute;
    top: 16px;
    right: 0;
}
@media (max-width: 767px) {
    .movie-results .social-share {
        display: none;
    }
}
.movie-results.movie-related .desc {
    height: 415px;
}
@media (max-width: 1179px) {
    .movie-results.movie-related .desc {
        height: auto;
    }
}
.movie-results.movie-related .desc .view-details {
    margin-top: 20px;
    border-top: solid 1px #fff;
}
@media (max-width: 1179px) {
    .movie-results.movie-related .desc .view-details {
        right: 30px;
        bottom: 30px;
        position: absolute;
        transform: translate3D(0, 0, 0);
    }
}
.movie-results.movie-related .scrollbar {
    height: 254px;
    border-bottom: solid 1px #fff;
    padding-bottom: 20px;
}
.movie-results.movie-related .scrollbar.no-comment {
    height: 254px;
}
@media (max-width: 1179px) {
    .movie-results.movie-related .scrollbar {
        height: auto;
        border: none;
    }
    .movie-results.movie-related .scrollbar.no-comment {
        height: auto;
        padding-bottom: 0;
    }
}
.movie-results.movie-related .movie-comments p {
    margin-bottom: 5px;
    height: 100px;
    overflow: hidden;
    display: block;
}
@media (max-width: 767px) {
    .movie-results.movie-related {
        padding: 8px 50px 8px 24px;
        margin-bottom: 0;
        height: 140px;
    }
    .movie-results.movie-related:after {
        content: '';
        background: url("/img/mobile-listing-arrows.png") no-repeat top center;
        width: 50px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .movie-results.movie-related:nth-child(2n + 1) {
        background: #fff;
    }
    .movie-results.movie-related .preview,
    .movie-results.movie-related .cta,
    .movie-results.movie-related .view-details {
        display: none;
    }
    .movie-results.movie-related .poster {
        width: 92px;
        height: auto;
    }
    .movie-results.movie-related .desc {
        background: transparent;
        width: calc(100% - 92px);
        height: auto;
        padding: 0 0 0 20px;
    }
    .movie-results.movie-related .desc h3 {
        color: #152b3c;
        border-bottom: 1px solid;
        font-size: 14px;
        height: auto;
        margin: 6px 0;
    }
    .movie-results.movie-related .desc > div {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 70px;
    }
    .movie-results.movie-related.arrow-toggled .desc > div {
        overflow: visible;
        max-height: unset;
    }
    .movie-results.movie-related.arrow-toggled {
        height: auto;
    }
    .movie-results.movie-related .desc > div > p {
        font-size: 12px;
        color: black;
    }
    .movie-results.movie-related .desc > div > p br {
        display: none;
    }
    .movie-results.movie-related .desc > div span.fw-bold {
        font-weight: bold;
    }
    .movie-results.movie-related .desc > div > div {
        color: #152b3c;
        font-size: 12px;
        line-height: 0;
    }
    .movie-results.movie-related .desc > div.scrollbar {
        padding: 0;
        margin: 0;
    }
    .movie-results.movie-related .desc p {
        line-height: 0;
        margin-bottom: 0;
    }
    .movie-results.movie-related .desc span {
        color: #152b3c;
        font-size: 12px;
        line-height: 14px;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .movie-results.movie-related .poster {
        width: 456px;
        position: absolute;
        height: auto;
    }
    .movie-results.movie-related .poster img {
        width: 92px;
        height: 123px;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .movie-results.movie-related .desc {
        width: 100%;
        padding-left: 115px;
    }
}
.movie-results.single-movie-related .desc {
    height: 415px;
}
.movie-results.single-movie-related .scrollbar {
    height: 448px;
    border: none;
    padding-bottom: 0;
}
@media (max-width: 767px) {
    .movie-results.single-movie-related .scrollbar {
        padding-bottom: 180px;
    }
}
@media (max-width: 1179px) {
    .movie-results.single-movie-related .desc {
        width: 100%;
        height: auto;
        padding: 30px 70px;
    }
    .movie-results.single-movie-related .scrollbar {
        height: auto;
    }
    .movie-results.single-movie-related .carousel-wrap {
        padding: 0;
    }
    .movie-results.single-movie-related .comments-wrapper {
        display: none;
    }
}
@media (max-width: 767px) {
    .movie-results.single-movie-related > div {
        background: #152b3c;
    }
    .movie-results.single-movie-related .poster {
        margin: auto;
        float: none;
        position: relative;
        width: 290px;
    }
    .movie-results.single-movie-related .preview {
        width: 100%;
    }
    .movie-results.single-movie-related .comments-wrapper {
        display: block;
        right: 90px;
    }
    .movie-results.single-movie-related .carousel {
        height: 375px;
    }
}
.movie-results.cinema-related .sessions-wrapper {
    bottom: 30px;
    padding: 20px 0;
}
@media (max-width: 1179px) {
    .movie-results.cinema-related .sessions-wrapper {
        bottom: 0;
    }
}
@media (max-width: 767px) {
    .movie-results.cinema-related .sessions-wrapper {
        width: 73%;
        max-width: 350px;
        left: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        position: relative;
    }
}
@media (max-width: 767px) {
    .movie-results.cinema-related {
        height: auto;
        padding: 8px 0;
        margin-bottom: 0;
    }
    .movie-results.cinema-related:nth-child(odd) {
        background: #fff;
    }
    .movie-results.cinema-related .poster {
        width: 100%;
        height: auto;
        position: relative;
        max-width: 115px;
    }
    .movie-results.cinema-related .poster img {
        width: 105px;
        height: 145px;
    }
    .movie-results.cinema-related h3 {
        color: #152b3c;
        border-bottom: 1px solid;
        font-size: 14px;
        float: left;
        margin: 6px 0;
    }
    .movie-results.cinema-related p:nth-child(2) span {
        font-weight: bold;
    }
    .movie-results.cinema-related br,
    .movie-results.cinema-related .preview {
        display: none;
    }
    .movie-results.cinema-related span {
        display: inline-block;
        color: #152b3c;
        font-size: 12px;
        line-height: 14px;
    }
    .movie-results.cinema-related .desc .scrollbar {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .movie-results.cinema-related h3 {
        border-bottom: none;
        height: auto;
        margin: 0 0 6px;
    }
}
.movie-results.cinema-related .desc {
    height: 415px;
}
.movie-results.cinema-related .desc .view-details {
    position: relative;
    bottom: 0;
    right: 0;
}
.movie-results.cinema-related .desc .scrollbar.b-bottom {
    border-bottom: solid 1px #fff;
}
@media (max-width: 1179px) {
    .movie-results.cinema-related .desc .scrollbar.b-bottom {
        border-bottom: none;
    }
}
.movie-results.cinema-related .desc .scrollbar {
    height: 254px;
    padding-bottom: 20px;
    border-bottom: none;
}

@media (max-width: 1179px) {
    .movie-results.cinema-related .desc {
        height: auto;
        padding-bottom: 50px;
    }
    .movie-results.cinema-related .desc .comments-wrapper {
        display: none;
    }
}
@media (max-width: 767px) {
    .movie-results.cinema-related .desc {
        background: transparent;
        width: 100%;
        height: auto;
        padding: 0 0 0 115px;
        color: #152b3c;
        font-size: 12px;
        line-height: 15px;
    }
    .movie-results.cinema-related .desc div {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 86px;
    }
    .movie-results.cinema-related .desc > div > div {
        display: none;
    }
    .movie-results.cinema-related .desc .view-details {
        text-indent: -9999px;
        width: 26px;
        height: 30px;
        position: absolute;
        border: none;
        margin: 0;
        padding: 0;
        background: transparent url('/img/rightarrow.png') no-repeat center center;
        right: -30px;
        top: calc(50% - 15px);
        transform: initial;
    }
    .movie-results.cinema-related .desc .view-details:hover {
        background: transparent url('/img/rightarrow.png') no-repeat center center;
        border: none;
    }
}
.desc.desc-mobile {
    display: none;
    max-height: 0;
    background-color: #152a3b;
    padding: 0.6rem;
    color: #ffffff;
    transition: max-height 0.15s ease-out;
}
.desc.desc-mobile span {
    color: #a0a0a0;
}
.desc.desc-mobile.toggle-desc {
    display: block;
    max-height: 100%;
    opacity: 1;
    margin-bottom: 20px;
}
#movies-tab-3 .cta span {
    display: block;
    font-style: italic;
}
#movies-tab-3 .cta a:first-child {
    display: none;
}
.cinema-filter {
    background: #fff;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}
.cinema-filter#session-table .drop-down {
    width: 100%;
}
.cinema-filter#session-table .custom-select {
    background: transparent url('/img/custom-select-w.png') no-repeat calc(100% - 10px) center;
    width: 270px;
    margin: 0 auto;
    float: none;
}
.cinema-filter#session-table .custom-select select {
    padding: 0 25px 0 15px;
    max-width: 270px;
    height: 28px;
}
@media (max-width: 767px) {
    .cinema-filter {
        padding: 25px;
    }
}
.form-group.drop-down {
    padding: 25px 0;
    float: left;
    margin: 0;
    /*border-top: 1px solid #e5e5e5;*/
}
.form-group.drop-down h4 {
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 40px;
    margin: 0;
    float: left;
}
@media (max-width: 767px) {
    .form-group.drop-down h4 {
        margin-bottom: 20px;
    }
}
.form-group.drop-down .custom-select {
    float: left;
    margin-top: 3px;
    background-position: 90% center;
}
.form-group.drop-down .custom-select select {
    padding: 1px 78px 1px 57px;
    position: relative;
    font-size: 17px;
    font-weight: 300;
    max-width: inherit;
}
@media (max-width: 767px) {
    .form-group.drop-down .custom-select select {
        padding: 1px 15px;
    }
}
@media (max-width: 767px) {
    .form-group.drop-down {
        width: 100%;
        text-align: center;
    }
    .form-group.drop-down h4 {
        width: 100%;
    }
    .form-group.drop-down h4 select {
        padding: 1px 78px 1px 57px;
        position: relative;
        font-size: 17px;
        font-weight: 300;
        max-width: 310px;
    }
    .form-group.drop-down .custom-select {
        float: none;
        clear: both;
        width: 280px;
        margin: auto;
    }
}
.radio {
    border-top: 1px solid #e5e5e5;
    margin: 0;
}
.cinema-filter .radio {
    float: left;
    clear: both;
    width: 100%;
}
.radio > * {
    display: inline-block;
}
.radio p {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 40px;
    margin: 0;
}
.radio input {
    margin: 0 10px 0 30px;
    position: relative;
    top: 2px;
}
.radio label {
    font-size: 14px;
    padding-bottom: 6px;
}
@media (max-width: 767px) {
    .radio {
        text-align: center;
    }
    .radio p {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 1179px) {
    background: transparent;
    .form-group h4 {
        padding-bottom: 16px;
    }
    .form-group,
    .radio {
        border-top: none;
    }
}
.sessions {
    width: 790px;
    margin: 0 auto 30px;
    float: none;
}
.sessions .suivant {
    position: absolute;
    right: 0;
    top: 24px;
    color: #152b3c;
    z-index: 5;
}
#session-date {
    text-transform: uppercase;
    font-weight: 300;
    padding: 5px 100px 5px 0;
}
#session-date a {
    padding: 14px 0;
    margin-bottom: 34px;
    display: inline-block;
    font-size: 21px;
    border-bottom: 1px solid transparent;
}
#session-date a:hover {
    text-decoration: none;
    border-bottom: 1px solid #000;
}
#session-time {
    overflow: auto;
}
#session-time > div {
    float: left;
}
#session-time .item {
    font-size: 21px;
    text-align: center;
    border: 1px solid #152A3B;
    margin: 2px;
    padding: 14px 0;
    width: 125px;
    display: inline-block;
}
#session-time .item span {
    font-size: 16px;
    padding: 5px;
    border-top: 1px solid #152A3B;
}
#session-time .item em {
    font-size: 15px;
    font-style: normal;
    font-family: "Raleway";
}
#session-time .item:hover {
    background: #152A3B;
    color: white;
}
#session-time .item:hover a {
    color: white;
    text-decoration: none;
}
#session-time .item:hover span {
    border-top: 1px solid white;
}
.p1,
.p2,
.p3,
.p4 {
    display: inline-block;
    width: 24px;
    height: 25px;
    background: url('/img/feat-sprite.png');
    padding: 0;
    margin: 0 2px;
    border-top: none!important;
}
.p1 {
    background-position: 0 0;
}
.p2 {
    background-position: -24px 0;
}
.p3 {
    background-position: -48px 0;
}
.p4 {
    background-position: -72px 0;
}
.item:hover .p1 {
    background-position: 0 -25px;
}
.item:hover .p2 {
    background-position: -24px 25px;
}
.item:hover .p3 {
    background-position: -48px 25px;
}
.item:hover .p4 {
    background-position: -72px 25px;
}
@media (max-width: 1179px) {
    .kids-art-title {
        padding-left: 20px;
    }
}
.kids-art {
    position: relative;
    height: 860px;
}
@media (max-width: 1179px) {
    .kids-art {
        height: auto;
    }
}
.kids-art .block {
    background: #58c1a6;
    position: relative;
    float: left;
    width: 817px;
    height: 410px;
}
@media (max-width: 1179px) {
    .kids-art .block {
        width: 768px;
    }
}
@media (max-width: 767px) {
    .kids-art .block {
        width: 480px;
        height: auto;
    }
}
.kids-art .block.block-2 {
    height: 450px;
}
@media (max-width: 767px) {
    .kids-art .block.block-2 {
        height: auto;
    }
}
.kids-art .block .poster {
    height: 100%;
    float: left;
}
@media (max-width: 767px) {
    .kids-art .block .poster {
        width: 50%;
    }
}
.kids-art .block .info {
    background: url('/img/kids-art.png') no-repeat 280px 20px;
    padding: 140px 45px 0 330px;
    color: #fff;
}
@media (max-width: 1179px) {
    .kids-art .block .info {
        padding: 130px 20px 0 280px;
    }
}
@media (max-width: 767px) {
    .kids-art .block .info {
        height: 380px;
        background-size: 200px;
        background-position-x: 260px;
        padding: 130px 20px 0 260px;
    }
}
.kids-art .block .info h5 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 20px 0;
}
.kids-art .block .info p {
    line-height: 20px;
}
.kids-art .block .hide-tablet {
    padding: 20px;
}
.kids-art .block .hide-tablet h5 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0 0 20px 0;
}
.kids-art .block .hide-tablet p {
    line-height: 20px;
    color: #fff;
}
.kids-art .block .premiere {
    background: url('/img/avant-premiere.png') no-repeat 20px 20px;
    width: 259px;
    padding: 105px 26px 0;
    float: left;
    box-sizing: border-box;
    color: #fff;
}
.kids-art .block .premiere img {
    margin: 0 0 10px -26px;
}
@media (max-width: 767px) {
    .kids-art .block .premiere {
        width: 100%;
        background-size: 130px;
        padding: 0 0 0 150px;
        background-position: 10px 20px;
        position: relative;
    }
    .kids-art .block .premiere img {
        margin: 0;
        width: 170px;
        float: left;
    }
    .kids-art .block .premiere p {
        float: left;
        width: 160px;
        padding: 15px 10px;
        font-size: 15px;
    }
    .kids-art .block .premiere .button {
        text-indent: -9999px;
        position: absolute;
        background: transparent url("/img/mobile-listing-arrows.png") no-repeat 0 -30px;
        background-size: 100%;
        width: 16px;
        height: 26px;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 0;
    }
    .kids-art .block .premiere .button:hover {
        border: none;
        background: transparent url("/img/mobile-listing-arrows.png") no-repeat 0 0;
    }
}
.kids-art .block .programe {
    background: #fff;
    height: 100%;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 30px 20px;
}
.kids-art .block .programe h4 {
    font-size: 22px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.kids-art .block .programe .kids-movies-wrapper {
    height: 340px;
}
@media (max-width: 767px) {
    .kids-art .block .programe .kids-movies-wrapper {
        height: auto;
    }
}
.kids-art .block .programe .kids-movies-wrapper ul li {
    width: 50%;
    min-height: 90px;
}
@media (max-width: 1179px) {
    .kids-art .block .programe .kids-movies-wrapper ul li {
        width: 100%;
        min-height: auto;
        margin-bottom: 20px;
    }
}
.kids-art .block .programe .kids-movies-wrapper ul div {
    float: left;
    width: 120px;
    padding-right: 5px;
    font-size: 15px;
}
.kids-art .block .programe .kids-movies-wrapper ul div:first-child {
    width: calc(100% - 75px);
    color: #132778;
}
.kids-art .block .programe .kids-movies-wrapper ul div:first-child a {
    display: block;
    color: #132778;
}
.kids-art .block .programe .kids-movies-wrapper ul div:nth-child(2) {
    color: #e73e8d;
    font-weight: bold;
    width: 70px;
    padding: 0;
}
.kids-art .block .programe .kids-movies-wrapper ul div:nth-child(2) a {
    display: block;
    color: #e73e8d;
}
.kids-art .block .programe .kids-movies-wrapper ul span {
    font-weight: bold;
    text-transform: uppercase;
}
.kids-art .block .programe .kids-movies-wrapper ul p {
    margin: 0;
    color: #132778;
}
.kids-art .block .premiere + .programe {
    width: calc(100% - 259px);
}
.kids-art .block .premiere + .programe .kids-movies-wrapper ul li {
    min-height: auto;
}
.kids-art .block a.button {
    color: #58c1a6;
    border-color: #58c1a6;
    margin-right: 8px;
    width: 210px;
    padding: 9px 0;
}
.kids-art .block a.button:hover {
    background: #58c1a6;
    color: #fff;
    border-color: #fff;
}
@media (max-width: 767px) {
    .kids-art .block a.button {
        width: 100%;
    }
}
.kids-art .side-block {
    background: #9fd7f7;
    position: absolute;
    right: 0;
    top: 0;
    width: 363px;
    height: 860px;
    padding: 148px 50px 0 50px;
    box-sizing: border-box;
    color: #032074;
    font-size: 13px;
}
@media (max-width: 1179px) {
    .kids-art .side-block {
        position: relative;
        float: left;
        padding: 20px 20px 20px 288px;
        width: 768px;
        height: auto;
    }
}
@media (max-width: 767px) {
    .kids-art .side-block {
        width: 480px;
        padding: 25px 20px 20px;
    }
}
.kids-art .side-block > img {
    margin: 0 auto;
    display: block;
}
@media (max-width: 1179px) {
    .kids-art .side-block > img {
        position: absolute;
        left: 20px;
    }
}
@media (max-width: 767px) {
    .kids-art .side-block > img {
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
    }
    .kids-art .side-block > img.partners-mobile {
        border-bottom: solid 1px #fff;
        margin-bottom: 17px;
    }
}
.kids-art .side-block > img.graphic {
    position: absolute;
    top: 0;
    left: 0;
    height: 132px;
    width: 100%;
}
@media (max-width: 1179px) {
    .kids-art .side-block > img.graphic {
        display: none;
    }
}
.kids-art .side-block > img.tarrif {
    position: relative;
    left: -50px;
}
@media (max-width: 1179px) {
    .kids-art .side-block > img.tarrif {
        left: -100px;
    }
}
@media (max-width: 767px) {
    .kids-art .side-block > img.tarrif {
        left: -90px;
    }
}
.kids-art .side-block h5 {
    font-weight: bold;
    font-size: 13px;
    color: #032074;
    margin: 20px 0 10px 0;
    padding: 0;
}
.kids-art .side-block a.button {
    color: #152b3c;
    border-color: #9fd7f7;
    margin-right: 10px;
    padding: 10px 0;
    margin-bottom: 1em;
}
.kids-art .side-block a.button:hover {
    background: #152b3c;
    color: #fff;
    border-color: #152b3c;
}
@media (max-width: 767px) {
    .kids-art .side-block a.button {
        float: none;
        margin: 0 auto;
        display: block;
        border-top: solid 1px #fff;
    }
}
a.more {
    text-align: right;
    float: right;
    margin-top: -20px;
}
#l-enfance-de-l-art h2 {
    width: 244px;
    background: url('/img/les-films-title.png') no-repeat 0 0;
    height: 40px;
    text-indent: -9999px;
    margin: 20px auto;
}
@media (max-width: 1179px) {
    #l-enfance-de-l-art h2 {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    #l-enfance-de-l-art h2 {
        margin-bottom: 20px;
    }
}
#l-enfance-de-l-art .cta {
    padding-bottom: 25px;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .cta {
        display: none;
    }
}
#l-enfance-de-l-art .cta a {
    background: #9fd7f7;
    border: solid 1px #9fd7f7;
    font-size: 18px;
    height: 36px;
    line-height: 33px;
    color: #032074;
    font-weight: normal;
}
#l-enfance-de-l-art .cta a:hover {
    background: #032074;
    border: solid 1px #032074;
    color: #fff;
}
#l-enfance-de-l-art .desc {
    background: #9fd7f7 url('/img/enfance-title.png') no-repeat -5px 20px;
    background-size: 240px;
    padding-top: 55px;
    padding-bottom: 55px;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .desc {
        background: transparent;
        width: calc(100% - 92px);
        height: auto;
        padding: 0 0 0 20px;
    }
}
#l-enfance-de-l-art .desc h3 {
    color: #032074;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .desc h3 {
        float: left;
        border-bottom: 1px solid;
        font-size: 14px;
        height: auto;
        margin: 6px 0;
    }
}
#l-enfance-de-l-art .desc span {
    color: #032074;
    font-size: 13px;
    font-weight: normal;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .desc span {
        font-size: 12px;
        line-height: 14px;
    }
}
#l-enfance-de-l-art .desc div {
    color: #032074;
    font-size: 13px;
    font-weight: bold;
}
#l-enfance-de-l-art .desc div.scrollbar {
    height: 230px;
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
}
@media (max-width: 1179px) {
    #l-enfance-de-l-art .desc div.scrollbar {
        border-bottom: 0;
    }
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .desc div {
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 70px;
    }
}
#l-enfance-de-l-art .desc .age-flag {
    background: url('/img/age-rectangle.png') no-repeat 0 0;
    position: absolute;
    width: 42px;
    height: 58px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    top: 0;
    right: 30px;
    padding-top: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .desc .age-flag {
        width: 30px;
        height: 41px;
        top: -8px;
        right: 0;
        padding-top: 6px;
        font-size: 14px;
        background-size: 100%;
    }
}
#l-enfance-de-l-art .desc .comments-wrapper .movie-comments .owl-item {
    background: transparent;
}
#l-enfance-de-l-art .desc .comments-wrapper .movie-comments .owl-item small {
    color: #032074;
}
@media (max-width: 767px) {
    #l-enfance-de-l-art .view-details {
        display: none;
    }
    #l-enfance-de-l-art .movie-results {
        padding: 8px 50px 8px 24px;
        margin-bottom: 0;
        height: 140px;
    }
    #l-enfance-de-l-art .movie-results:after {
        content: '';
        background: url("/img/mobile-listing-arrows.png") no-repeat top center;
        width: 50px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #l-enfance-de-l-art .movie-results:nth-child(odd) {
        background: #9fd7f7;
    }
    #l-enfance-de-l-art .movie-results:nth-child(even) {
        background: #fff;
    }
    #l-enfance-de-l-art .movie-results .poster {
        width: 456px;
        position: absolute;
    }
    #l-enfance-de-l-art .movie-results .poster img {
        width: 92px;
        height: 123px;
    }
    #l-enfance-de-l-art .movie-results .preview {
        display: none;
    }
    #l-enfance-de-l-art .movie-results .desc {
        width: 100%;
        padding-left: 115px;
    }
    #l-enfance-de-l-art .movie-results p {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
    }
    #l-enfance-de-l-art .filter {
        width: 100%;
    }
    #l-enfance-de-l-art .filter .form-group:first-child {
        display: block;
    }
    #l-enfance-de-l-art .filter .custom-select select {
        width: 100px;
    }
}
.M-movie-subtitle {
    font-family: 'lato', sans-serif !important;
    font-style: normal !important;
    margin: 0 !important;
    text-align: left;
    width: 100%;
    float: left;
    margin-top: 5px !important;
    font-size: 17px !important;
    margin-left: 20px !important;
    font-weight: normal;
    text-transform: uppercase;
}
.M-movie-subtitle:before {
    display: none;
}
.M-movie-subtitle:after {
    display: none;
}
@media (max-width: 767px) {
    .mobile-caroussel {
        height: auto !important;
    }
}
@media (max-width: 767px) {
    .mobile-caroussel .carousel-wrap {
        position: relative !important;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .mobile-caroussel .carousel-wrap .gallery-carousel {
        height: 100% !important;
    }
}
@media (max-width: 767px) {
    .mobile-caroussel .carousel-wrap .gallery-carousel .mobile-sessions {
        height: 100% !important;
        padding-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .movie-global-link {
        width: 100%;
        height: auto;
        position: relative;
        max-width: 115px;
    }
    .movie-global-link .img {
        width: 105px;
        height: 145px;
    }
}
.moviesSessions .cinemaTitle {
    background: #152b3c;
    font-weight: 400;
    padding: 3px 5px;
    margin: 0 0 10px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 35px;
    overflow: hidden;
}
.moviesSessions .cinemaTitle h3 {
    text-transform: uppercase;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0.5rem;
}
.moviesSessions .cinemaTitle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}
.moviesSessions .sessionDate {
    border-bottom: 1px solid #000;
    width: calc(90%);
    margin: 0 auto 5px;
    padding-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
}
.arrow-toggle:after {
    transition: all 0.25s ease-out;
}
.arrow-toggle.arrow-toggled:after {
    transform: rotate(90deg);
}
.movie-sessions {
    transition: all 0.25s ease-out;
    max-height: 100%;
    overflow: auto;
}
.movie-sessions.toggle-desktopSession {
    max-height: 0;
    overflow: hidden;
}
.movie-sessions.toggle-sessions {
    max-height: 100%;
}
.movie-sessions .reservations-wrapper {
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .movie-sessions {
        max-height: 0 !important;
    }
}
@media (max-width: 767px) {
    .movie-sessions.toggle-sessions {
        max-height: 100% !important;
    }
}
.single-movieSession .reservations-wrapper {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .single-movieSession .reservations-wrapper .cinema-sessions {
        padding-left: 20px !important;
        padding-right: 0px !important;
    }
}
.single-movieSession .session-date {
    width: 100px !important;
    height: 122px !important;
}
.sessionDate {
    border-bottom: 1px solid #000;
    width: calc(90%);
    margin: 0 auto 5px;
    padding-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
}
.movie-results-container {
    margin-bottom: 20px;
}
/* -------------------------- Events ---------------------------------------------*/
.events-show-all {
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 45px;
    font-weight: normal;
}
.events h2 {
    margin-bottom: 0;
    clear: both;
    color: #000;
}
@media (max-width: 1179px) {
    .events h2 {
        font-size: 34px;
    }
}
.events .top-info p {
    font-size: 14px;
}
.events.homepage-events .tabs-navigation {
    border: 0;
    float: right;
    padding: 0;
    margin: 0 0 -54px 0;
    overflow: hidden;
    position: relative;
    top: -32px;
}
@media (max-width: 1179px) {
    .events.homepage-events .tabs-navigation {
        float: none;
        margin: 0;
        border-bottom: solid 1px #000;
        top: 0;
    }
}
.events.homepage-events .tabs-navigation li {
    padding: 0;
}
.events.homepage-events .tabs-navigation li a {
    border-radius: 0;
    border: 0;
    color: #4a4a4a;
    font-family: "Lato";
    font-size: 13px;
    padding: 8px 20px;
    margin: 0;
    text-transform: uppercase;
}
.events.homepage-events .tabs-navigation li.active a {
    background: #4a4a4a;
    border: 0;
    color: #ffffff;
}
.events .owl-item {
    padding: 0;
}
.events .events-list {
    width: calc(100% + 20px);
    margin-left: -10px;
    display: block;
}
@media (max-width: 1179px) {
    .events .events-list {
        width: 615px;
        margin: auto;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .events .events-list {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
}
.events .events-list h6 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
.events .item {
    color: #000000;
    float: left;
    line-height: 18px;
    margin: 15px 10px 0;
    width: 280px;
    height: 370px;
    padding-bottom: 20px;
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    .events .item {
        width: 279px;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .events .item {
        margin: 15px 0;
    }
    .events .item:nth-child(2n+1) {
        margin-right: 50px;
    }
}
@media (max-width: 767px) {
    .events .item {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .events .item img {
        width: 100%;
        margin-bottom: 10px;
    }
}
.events .item .image-wrapper {
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}
.events .item .image-wrapper .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.events .item .image-wrapper img {
    vertical-align: middle;
    width: 100%;
}
.events .item .image-wrapper .mobile {
    height: 270px;
    width: 100%;
}
.events .item .cinema-name {
    font-weight: bold;
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}
.events .item .event-name {
    margin: 10px 0 4px 0;
    font-weight: bold;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 16px;
}
.events .item .event-description {
    display: block;
    max-width: 280px;
    height: 80px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
}
@media (max-width: 767px) {
    .events .item .event-description {
        max-width: 100%;
    }
}
.events .item .date {
    display: block;
    margin: 10px 0 4px 0;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}
.events .tab-content {
    border-top: solid 1px #4a4a4a;
    padding-top: 10px;
    height: 375px;
    position: relative;
}
@media (max-width: 1179px) {
    .events .tab-content {
        height: 420px;
    }
}
@media (max-width: 767px) {
    .events.homepage-events .tab-content {
        border-top: none;
        height: 495px;
    }
}
.events.homepage-events .events-list {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.events.homepage-events .events-list.visible {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 1 !important;
    visibility: visible;
    pointer-events: all;
}
@media (max-width: 767px) {
    .events.homepage-events .events-list .item {
        height: 425px;
    }
    .events.homepage-events .events-list .item .image-wrapper {
        height: 270px;
    }
    .events.homepage-events .events-list .item .image-wrapper img {
        width: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@media (min-width: 1180px) {
    .events.event .pagination {
        margin-right: 10px;
    }
}
@media (min-width: 768px) {
    .events.event .events-list > div:not(.pagination) {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.events.event .item {
    height: auto;
}
.events.event .item .image-wrapper {
    height: auto;
    width: auto;
}
.events.event .item .event-description {
    height: auto;
}
.single-event {
    position: relative;
}
.single-event p {
    font-size: 13px;
}
.single-event > h2 {
    font-weight: 400;
    margin: 0;
    padding: 30px;
}
.single-event > h3 {
    font-family: "Lato";
    font-weight: 300;
    text-transform: uppercase;
    font-size: 26px;
    color: #000;
    margin: 10px 0;
}
@media (min-width: 768px) {
    .single-event > h3 {
        padding-right: 160px;
    }
}
@media (max-width: 1179px) {
    .single-event > h3 {
        padding-left: 20px;
    }
}
@media (max-width: 767px) {
    .single-event > h3 {
        text-align: center;
    }
}
.single-event h3.underline {
    text-transform: uppercase;
    color: black;
}
.single-event .underline {
    padding-bottom: 4px;
    margin-bottom: 26px;
}
.single-event h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}
.single-event h6 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}
.single-event > div {
    position: relative;
    float: left;
    height: 481px;
    background: #fff;
    color: #000;
}
.single-event .loc a {
    text-decoration: underline;
    margin-right: 10px;
}
.single-event .blue {
    background: #152b3c;
    color: #fff;
}
.single-event .blue p {
    color: #a0a0a0;
}
.single-event .blue p strong,
.single-event .blue p a,
.single-event .blue p.loc {
    color: #fff;
}
.single-event.regular .poster {
    width: 365px;
    height: calc(100% + 40px);
    margin: -20px 35px 0 -35px;
    float: left;
}
.single-event.regular .poster > img {
    max-width: 100%;
}
@media (max-width: 767px) {
    .single-event.regular .poster {
        height: auto;
        width: calc(100% + 70px);
        margin: -20px -35px 10px;
        padding: 10px 0;
        text-align: center;
    }
}
.single-event .desc-1 {
    width: 800px;
    padding: 20px 35px;
    font-weight: bold;
}
.single-event .desc-1 .scrollbar {
    height: 215px;
}
@media (max-width: 1179px) {
    .single-event .desc-1 {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .single-event .desc-1 {
        height: auto;
        padding: 30px 75px;
    }
}
.single-event .desc-1 h6 {
    margin: 15px 0 25px;
}
.single-event .desc-1 .social-share {
    position: absolute;
    top: -35px;
    right: -380px;
    padding: 0 !important;
}
@media (max-width: 1179px) {
    .single-event .desc-1 .social-share {
        top: -35px;
        right: 0;
    }
}
@media (max-width: 767px) {
    .single-event .desc-1 .social-share {
        display: none;
    }
}
.single-event .desc-2 {
    width: 380px;
    padding: 0;
}
.single-event .desc-2 > div img {
    width: 365px;
    height: auto;
}
.single-event .desc-2 > div > div {
    padding: 0 30px;
}
@media (max-width: 1179px) {
    .single-event .desc-2 > div > div.genre {
        width: calc(100% - 365px);
        position: absolute;
        top: 0;
        right: 0;
    }
    .single-event .desc-2 > div > div.synopsis {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .single-event .desc-2 > div > div.genre {
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
    }
    .single-event .desc-2 > div > div.synopsis {
        padding: 30px 75px;
        width: 100%;
    }
    .single-event .desc-2 > div > div .button {
        margin: auto;
        display: block;
    }
}
@media (max-width: 767px) {
    .single-event .desc-2 > div > img {
        max-width: 50%;
        height: auto;
    }
}
.single-event .desc-2 h6 {
    text-transform: uppercase;
    margin: 20px 0 10px;
}
@media (max-width: 1179px) {
    .single-event .desc-2 {
        width: 100%;
        height: auto;
    }
}
.single-event.festival .poster {
    height: 100%;
    float: left;
    width: 365px;
    height: 480px;
}
.single-event.festival .poster > img {
    margin: auto;
    height: auto;
}
.single-event.festival .desc-1 {
    width: 435px;
    height: 480px;
    padding: 30px 50px;
}
.single-event.festival .desc-1 h6 {
    margin-top: 0;
    font-weight: bold;
}
.single-event.festival .desc-1 .scrollbar {
    height: 312px;
    overflow: hidden;
}
.single-event.festival .desc-2 {
    width: 380px;
    height: 480px;
}
.single-event.festival .desc-2 > div {
    padding: 30px 50px;
}
.single-event.festival .desc-2 p {
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 1179px) {
    .single-event.festival .desc-1 {
        width: 403px;
    }
    .single-event.festival .desc-2 {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .single-event.festival > h3 {
        text-align: center;
    }
    .single-event.festival .poster {
        width: 100%;
        text-align: center;
        height: auto;
    }
    .single-event.festival .poster img {
        width: 270px;
    }
    .single-event.festival .desc-1 {
        width: 100%;
    }
    .single-event.festival .desc-2 a.button {
        margin: 5px 0;
        width: 100%;
    }
}
.single-event + h2 {
    margin: 0;
    padding: 40px 0 30px;
}
.overline {
    border-top: 1px solid black;
    padding-top: 30px;
}
.cip-blocks {
    margin-bottom: 15px;
}
.cip-blocks > h1 {
    text-align: center;
    font-size: 34px;
    color: #000000;
    margin-top: 10px;
}
.cip-blocks .txt h2 {
    border-bottom: 1px solid white;
    color: white;
    font-size: 22px;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.2;
    padding-bottom: 5px;
    text-align: center;
    top: 270px;
    width: 420px;
    z-index: 4;
}
@media (max-width: 1179px) {
    .cip-blocks .txt h2 {
        font-size: 18px;
        left: 25px;
        top: 210px;
        width: 320px;
    }
}
@media (max-width: 767px) {
    .cip-blocks .txt h2 {
        left: 30px;
        top: 230px;
        width: 340px;
    }
}
.cip-blocks .txt p {
    border-bottom: 1px solid white;
    color: white;
    font-size: 14px;
    left: 30px;
    font-weight: 300;
    position: absolute;
    text-align: center;
    top: 360px;
    padding-bottom: 15px;
    width: 420px;
    z-index: 4;
}
@media (max-width: 1179px) {
    .cip-blocks .txt p {
        font-size: 11px;
        left: 25px;
        top: 277px;
        width: 320px;
    }
}
@media (max-width: 767px) {
    .cip-blocks .txt p {
        left: 30px;
        top: 300px;
        width: 340px;
    }
}
.cip-blocks > div {
    height: 944px;
    position: relative;
}
@media (max-width: 1179px) {
    .cip-blocks > div {
        height: 100%;
    }
}
@media (max-width: 767px) {
    .cip-blocks > div {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        margin: auto;
    }
}
@media (min-width: 768px) {
    .cip-blocks > div > div {
        position: absolute;
    }
}
.cip-blocks > div > div:nth-child(1) {
    width: 1180px;
    height: 472px;
    left: 0;
    top: 0;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(1) {
        width: 100%;
        height: auto;
    }
}
.cip-blocks > div > div:nth-child(2) {
    width: 1180px;
    height: 236px;
    left: 0;
    top: 472px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(2) {
        width: 100%;
        height: auto;
    }
}
.cip-blocks > div > div:nth-child(3) {
    width: 708px;
    height: 236px;
    left: 0;
    top: 708px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(3) {
        width: 100%;
        height: auto;
    }
}
.cip-blocks > div > div:nth-child(4) {
    width: 236px;
    height: 236px;
    left: 708px;
    top: 708px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(4) {
        width: 50%;
        height: auto;
    }
}
.cip-blocks > div > div:nth-child(5) {
    width: 236px;
    height: 236px;
    left: 944px;
    top: 708px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(5) {
        width: 50%;
        height: auto;
    }
}
.cip-blocks > div > div:nth-child(6) {
    width: 472px;
    height: 236px;
    left: 0;
    top: 472px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(6) {
        width: 400px;
        height: 200px;
        top: 1200px;
        left: 0;
    }
}
.cip-blocks > div > div:nth-child(7) {
    width: 236px;
    height: 236px;
    left: 472px;
    top: 472px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(7) {
        width: 200px;
        height: 200px;
        top: 800px;
        left: 200px;
    }
}
.cip-blocks > div > div:nth-child(8) {
    width: 472px;
    height: 236px;
    left: 708px;
    top: 472px;
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(8) {
        width: 400px;
        height: 200px;
        top: 1400px;
        left: 0;
    }
}
.cip-blocks > div > div:nth-child(9) {
    width: 236px;
    height: 236px;
    left: 0;
    top: 708px;
}
@media (max-width: 1179px) {
    .cip-blocks > div > div:nth-child(9) {
        width: 182px;
        height: 182px;
        left: 546px;
        top: 546px;
    }
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(9) {
        width: 200px;
        height: 200px;
        top: 1000px;
        left: 200px;
    }
}
.cip-blocks > div > div:nth-child(10) {
    width: 472px;
    height: 236px;
    left: 236px;
    top: 708px;
}
@media (max-width: 1179px) {
    .cip-blocks > div > div:nth-child(10) {
        width: 364px;
        height: 182px;
        left: 0;
        top: 728px;
    }
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(10) {
        width: 400px;
        height: 200px;
        top: 1600px;
        left: 0;
    }
}
.cip-blocks > div > div:nth-child(11) {
    width: 472px;
    height: 236px;
    left: 708px;
    top: 708px;
}
@media (max-width: 1179px) {
    .cip-blocks > div > div:nth-child(11) {
        width: 364px;
        height: 182px;
        left: 364px;
        top: 728px;
    }
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(11) {
        width: 400px;
        height: 200px;
        top: 1800px;
        left: 0;
    }
}
.cip-blocks > div > div:nth-child(12) {
    width: 236px;
    height: 236px;
    left: 472px;
    top: 236px;
}
@media (max-width: 1179px) {
    .cip-blocks > div > div:nth-child(12) {
        width: 182px;
        height: 182px;
        left: 364px;
        top: 182px;
    }
}
@media (max-width: 767px) {
    .cip-blocks > div > div:nth-child(12) {
        width: 200px;
        height: 200px;
        top: 600px;
        left: 0;
    }
}
.cip-blocks > div > div img {
    width: 100%;
    height: 100%;
}
.logos {
    height: auto!important;
    background: white;
    margin-top: 15px;
}
.logos img {
    margin-left: 80px;
    display: inline-block;
}
@media (max-width: 1179px) {
    .logos img {
        margin-left: 3px;
    }
}
.logos img:first-child {
    margin-left: 15px;
}
h2.contact {
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    margin: 0 auto;
    padding: 0 0 40px 0;
    clear: both;
    color: #000000;
}
@media (max-width: 767px) {
    h2.contact {
        font-size: 38px;
    }
}
.contact-map {
    text-align: center;
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
    font-size: 16px;
    height: 360px;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .contact-map {
        padding: 0 20px;
    }
}
.contact-map a {
    color: white;
}
.contact-map a.contact-us {
    color: white;
    font-family: "Raleway";
    font-size: 14px;
    padding: 5px 25px;
    border: 1px solid white;
}
@media (max-width: 767px) {
    .contact-map a.contact-us {
        font-size: 10px;
    }
}
.contact-map > div:first-child {
    background: url('/img/contact-back.png') no-repeat;
    background-size: cover;
    color: white;
    padding: 30px 0;
    width: 460px;
    height: 359px;
    float: left;
}
.contact-map > div:first-child img,
.contact-map > div:first-child p {
    margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .contact-map > div:first-child {
        width: 320px;
    }
}
@media (max-width: 767px) {
    .contact-map > div:first-child {
        width: 50%;
    }
    .contact-map > div:first-child p {
        font-size: 12px;
    }
}
.contact-map > div:last-child {
    margin: 0;
    padding: 0;
    width: 720px;
    height: 359px;
    overflow: hidden;
    float: left;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .contact-map > div:last-child {
        width: 408px;
    }
}
@media (max-width: 767px) {
    .contact-map > div:last-child {
        width: 50%;
    }
}
#map {
    height: 100%;
}
.contact-row {
    overflow: auto;
    padding-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .contact-row {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .contact-row {
        padding: 0;
    }
}
.contact-row > div {
    float: left;
    width: 25%;
    text-align: center;
    padding-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .contact-row > div {
        width: 217px;
    }
    .contact-row > div:nth-child(3n+2) {
        margin: 0 38px;
    }
}
@media (max-width: 767px) {
    .contact-row > div {
        width: 217px;
        margin: 0 7px;
    }
    .contact-row > div:nth-child(odd) {
        margin: 0 7px 0 15px;
    }
    .contact-row > div:nth-child(even) {
        margin: 0 15px 0 8px;
    }
}
.contact-row > div img {
    max-width: 100%;
}
.contact-row > div h4 {
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 300;
    height: 56px;
    overflow: hidden;
    margin: 5px 0;
}
@media (max-width: 767px) {
    .contact-row > div h4 {
        font-size: 19px;
        height: 43px;
    }
}
.contact-row > div p {
    margin: 5px 0;
    font-size: 14px;
}
@media (max-width: 767px) {
    .contact-row > div p {
        font-size: 13px;
    }
}
.sitemap {
    background: #fff;
    padding: 30px 100px;
}
.sitemap .sitemap-col-1 {
    float: left;
    width: 420px;
}
.sitemap .sitemap-col-1 li {
    float: left;
    width: 50%;
}
.sitemap .sitemap-col-1 li a {
    font-size: 14px;
}
.sitemap .sitemap-col-1 li a:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .sitemap .sitemap-col-1 li {
        width: 100%;
    }
}
.sitemap .sitemap-col-1 h2 {
    text-align: center;
}
.sitemap .sitemap-col-1 h2 a {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 300;
}
.sitemap .sitemap-col-1 h2 a:hover {
    text-decoration: underline;
}
@media (max-width: 1179px) {
    .sitemap .sitemap-col-1 {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .sitemap .sitemap-col-1 {
        width: 280px;
    }
}
.sitemap .sitemap-col-2 {
    float: left;
    width: 280px;
    text-align: center;
}
@media (max-width: 1179px) {
    .sitemap .sitemap-col-2 {
        width: 100%;
    }
}
.sitemap .sitemap-col-2 a {
    font-size: 14px;
}
.sitemap .sitemap-col-2 a:hover {
    text-decoration: underline;
}
.sitemap .sitemap-col-2 h2 {
    text-align: center;
}
.sitemap .sitemap-col-2 h2 a {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 300;
}
.sitemap .sitemap-col-2 h2 a:hover {
    text-decoration: underline;
}
.sitemap .sitemap-col-2 li {
    width: 100%;
}
.sitemap .sitemap-col-3 {
    float: left;
    width: 490px;
    text-align: center;
}
@media (max-width: 1179px) {
    .sitemap .sitemap-col-3 {
        width: 100%;
    }
}
.sitemap .sitemap-col-3 a {
    font-size: 14px;
}
.sitemap .sitemap-col-3 a:hover {
    text-decoration: underline;
}
.sitemap .sitemap-col-3 h2 {
    text-align: center;
}
.sitemap .sitemap-col-3 h2 a {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 300;
}
.sitemap .sitemap-col-3 h2 a:hover {
    text-decoration: underline;
}
.sitemap .sitemap-col-3 li {
    width: 100%;
}
.scolaire .search-block {
    top: 90px;
}
.scolaire .movie-results {
    float: left;
}
.scolaire .sticky-wrapper {
    height: 178px !important;
}
@media (max-width: 767px) {
    .scolaire .sticky-wrapper {
        height: 92px !important;
    }
}
.scolaire .trailer-description {
    display: block;
    width: 100%;
    position: absolute;
    padding: 30px 40px;
    font-weight: normal;
    /*background: transparent url('/img/modal-bg.png') repeat 0 0;*/
}
.scolaire .trailer-description h3 {
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.scolaire .trailer-description p,
.scolaire .trailer-description span {
    font-size: 17px;
    color: #fff;
    margin: 0;
}
.scolaire .subtitle {
    font-family: 'Playfair';
    font-size: 16px;
    line-height: 19px;
    color: #a0a0a0;
    font-style: italic;
    text-align: center;
    width: 100%;
    float: left;
    font-weight: 300;
    margin: 20px 0 0;
}
@media (max-width: 767px) {
    .scolaire .subtitle {
        font-size: 13px;
        margin: 10px 0;
    }
}
.scolaire.scolaire_home_page h2.title {
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 49px;
    text-align: center;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0;
    border: none;
    width: 100%;
    float: left;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_home_page h2.title {
        font-size: 30px;
        line-height: 39px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page h2.title {
        font-size: 22px;
        line-height: 36px;
    }
}
.scolaire.scolaire_home_page h3.title {
    font-family: "Lato";
    text-transform: uppercase;
    color: #163c5a;
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 13px;
    margin: 30px 0 20px 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #4a4a4a;
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page h3.title {
        font-size: 35px;
        text-align: center;
    }
}
.scolaire.scolaire_home_page .sticky-wrapper {
    height: 178px !important;
    /*.tablet({
				height: 153px !important;
			});*/
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page .sticky-wrapper {
        height: 92px !important;
    }
}
.scolaire.scolaire_home_page .filter {
    margin-bottom: 0;
}
.scolaire.scolaire_home_page .actuality {
    width: 1200px;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_home_page .actuality {
        width: 740px;
        margin-left: 14px;
        margin-right: 14px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page .actuality {
        float: none;
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}
.scolaire.scolaire_home_page .actuality .item {
    float: left;
    margin: 10px;
    overflow: hidden;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_home_page .actuality .item {
        margin: 10px 5px;
    }
}
.scolaire.scolaire_home_page .actuality .item.size1 {
    width: 280px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_home_page .actuality .item.size1 {
        width: 175px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page .actuality .item.size1 {
        width: calc(50% - 10px);
    }
}
.scolaire.scolaire_home_page .actuality .item.size2 {
    width: 580px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_home_page .actuality .item.size2 {
        width: 360px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_home_page .actuality .item.size2 {
        width: 100%;
    }
}
.scolaire.scolaire_home_page .actuality .item .img-wrapper {
    height: 215px;
    position: relative;
    background-position: top center;
    background-size: cover;
}
.scolaire.scolaire_home_page .actuality .item .img-wrapper img {
    width: 100%;
    height: 215px;
}
.scolaire.scolaire_home_page .actuality .item .img-wrapper .act-category {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'Playfair';
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    background: transparent url('/img/scolaire/cat-bg.png') repeat 0 0;
}
.scolaire.scolaire_home_page .actuality .item .desc-wrapper {
    background: #fff;
    height: 190px;
    overflow: hidden;
    padding: 10px 20px;
    font-size: 14px;
}
.scolaire.scolaire_home_page .actuality .item .desc-wrapper .desc-date {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.scolaire.scolaire_home_page .actuality .item .desc-wrapper .desc-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.scolaire.scolaire_home_page .actuality .item .desc-wrapper .desc-txt {
    height: 103px;
}
@media (max-width: 767px) {
    .scolaire.scolaire_search_results .filter {
        width: 100%;
    }
}
.scolaire.scolaire_search_results .actuality {
    width: 1200px;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_search_results .actuality {
        width: 615px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_search_results .actuality {
        width: 100%;
    }
}
.scolaire.scolaire_search_results .actuality .item {
    float: left;
    margin: 10px;
    overflow: hidden;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_search_results .actuality .item {
        margin: 10px 5px;
    }
}
.scolaire.scolaire_search_results .actuality .item.size1 {
    width: 280px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_search_results .actuality .item.size1 {
        margin: 15px auto;
    }
    .scolaire.scolaire_search_results .actuality .item.size1:nth-child(2n+1) {
        margin-right: 50px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_search_results .actuality .item.size1 {
        float: none;
    }
    .scolaire.scolaire_search_results .actuality .item.size1:nth-child(2n+1) {
        margin-right: auto;
    }
}
.scolaire.scolaire_search_results .actuality .item.size2 {
    width: 580px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_search_results .actuality .item.size2 {
        width: 360px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_search_results .actuality .item.size2 {
        width: 100%;
    }
}
.scolaire.scolaire_search_results .actuality .item .img-wrapper {
    height: 215px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.scolaire.scolaire_search_results .actuality .item .img-wrapper img {
    width: 100%;
    height: 215px;
}
.scolaire.scolaire_search_results .actuality .item .img-wrapper .act-category {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'Playfair';
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    background: transparent url('/img/scolaire/cat-bg.png') repeat 0 0;
}
.scolaire.scolaire_search_results .actuality .item .desc-wrapper {
    background: #fff;
    height: 190px;
    overflow: hidden;
    padding: 10px 20px;
    font-size: 14px;
}
.scolaire.scolaire_search_results .actuality .item .desc-wrapper .desc-date {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.scolaire.scolaire_search_results .actuality .item .desc-wrapper .desc-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.scolaire.scolaire_search_results .actuality .item .desc-wrapper .desc-txt {
    height: 120px;
}
.scolaire.scolaire_les_films .top-info {
    position: relative;
    width: 100%;
    margin: 30px auto;
}
.scolaire.scolaire_les_films .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .top-info h1 {
        font-size: 24px;
        width: 100%;
        float: left;
    }
}
.scolaire.scolaire_les_films .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .top-info h2 {
        font-size: 19px;
    }
}
.scolaire.scolaire_les_films .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px 8px;
    font-size: 16px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
.scolaire.scolaire_les_films .top-info .reservation-btn:hover {
    background: #163c5a;
    color: #fff;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .top-info .reservation-btn {
        top: -30px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .top-info .reservation-btn {
        display: none;
    }
}
.scolaire.scolaire_les_films .top-info p {
    font-size: 16px;
    line-height: 19px;
    width: 70%;
    margin: 0 auto;
    font-weight: normal;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .top-info p {
        font-size: 14px;
        padding: 0 20px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .top-info p {
        display: block;
    }
}
.scolaire.scolaire_les_films .filter {
    margin-bottom: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .filter {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .filter {
        width: 100%;
    }
}
.scolaire.scolaire_les_films .filter .form-group .custom-select select {
    max-width: 100%;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .filter .form-group .custom-select select {
        font-size: 12px;
    }
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .filter .form-group .custom-select select {
        font-size: 11px;
        padding: 0 20px 0 10px;
    }
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .pagination {
        margin-bottom: 10px;
        padding-right: 20px;
    }
    .scolaire.scolaire_les_films .pagination a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .movie-results + .pagination {
        margin-top: 10px;
    }
}
.scolaire.scolaire_les_films .movie-results .desktop {
    height: 500px;
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .movie-results {
        padding: 8px 50px 8px 24px;
        margin-bottom: 0;
        height: 140px;
        background: #fff;
    }
    .scolaire.scolaire_les_films .movie-results:nth-child(2n + 1) {
        background: transparent;
    }
    .scolaire.scolaire_les_films .movie-results:after {
        content: '';
        background: url("/img/mobile-listing-arrows.png") no-repeat top center;
        width: 50px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}
.scolaire.scolaire_les_films .movie-results .preview {
    height: 415px;
    width: 500px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .movie-results .preview {
        width: 468px;
    }
}
.scolaire.scolaire_les_films .movie-results .preview .has-video {
    height: 100%;
    position: relative;
}
.scolaire.scolaire_les_films .movie-results .preview .has-video .trailer-photo {
    position: absolute;
    height: 100%;
    width: 100%;
}
.scolaire.scolaire_les_films .movie-results .preview .has-video .play-video {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0.7;
    background: transparent url('/img/scolaire/vimeo-play.png') no-repeat center center;
}
.scolaire.scolaire_les_films .movie-results .preview .has-video .play-video:hover {
    opacity: 1;
}
.scolaire.scolaire_les_films .movie-results .preview .no-video {
    height: 100%;
}
.scolaire.scolaire_les_films .movie-results .preview .no-video img {
    height: 100%;
    width: 100%;
}
.scolaire.scolaire_les_films .movie-results .cta {
    padding: 0;
    height: 85px;
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .movie-results .cta {
        display: none;
    }
}
.scolaire.scolaire_les_films .movie-results .cta a {
    float: left;
    width: 25%;
    height: 85px;
    line-height: 85px;
    border: none;
    font-weight: bold;
    margin: 0;
    border-right: solid 1px #e9e9e9;
    background: #fff url("/img/scolaire/cta-btn.png") repeat 0 0;
    text-transform: uppercase;
    font-size: 16px;
}
.scolaire.scolaire_les_films .movie-results .cta a:hover {
    background: #fff url("/img/scolaire/cta-btn-hover.png") repeat 0 0;
    color: #fff;
}
.scolaire.scolaire_les_films .movie-results .cta.items-1 a {
    width: 100%;
    border: none;
}
.scolaire.scolaire_les_films .movie-results .cta.items-1 a.multiline {
    padding-top: 0;
}
.scolaire.scolaire_les_films .movie-results .cta.items-2 a {
    width: 50%;
}
.scolaire.scolaire_les_films .movie-results .cta.items-2 a.multiline {
    padding-top: 0;
}
.scolaire.scolaire_les_films .movie-results .cta.items-2 a:last-child {
    border: none;
}
.scolaire.scolaire_les_films .movie-results .cta.items-3 a {
    width: 33.3333%;
}
.scolaire.scolaire_les_films .movie-results .cta.items-3 a.multiline {
    padding-top: 0;
}
.scolaire.scolaire_les_films .movie-results .cta.items-3 a:last-child {
    border: none;
}
.scolaire.scolaire_les_films .movie-results .cta.items-4 a {
    width: 25%;
}
.scolaire.scolaire_les_films .movie-results .cta.items-4 a.multiline {
    padding-top: 22px;
    line-height: 1.25;
}
.scolaire.scolaire_les_films .movie-results .cta.items-4 a:last-child {
    border: none;
}
.scolaire.scolaire_les_films .movie-results .desc {
    background: #163C5A;
    height: 500px;
}
@media (min-width: 1180px) {
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar {
        height: 213px;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .scolaire.scolaire_les_films .movie-results .desc {
        padding: 30px 60px 30px 30px;
        height: auto;
    }
}
.scolaire.scolaire_les_films .movie-results .desc .comments-wrapper .movie-comments .owl-item {
    background: #163C5A;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .movie-results .desc .comments-wrapper {
        right: 30px;
        width: 360px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .movie-results .desc {
        width: 100%;
        background: transparent;
        height: auto;
        padding: 0 0 0 115px;
    }
    .scolaire.scolaire_les_films .movie-results .desc h3 {
        color: #163c5a;
        border-bottom: 1px solid;
        font-size: 14px;
        overflow: hidden;
        height: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 6px 0;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 86px;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar span {
        display: inline-block;
        color: #163c5a;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar p {
        font-size: 0;
        line-height: 0;
        margin-bottom: 0;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar p br {
        display: none;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar p span {
        font-weight: normal;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar p:nth-child(2) {
        color: #163c5a;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar p:nth-child(2) span {
        font-weight: bold;
    }
    .scolaire.scolaire_les_films .movie-results .desc .scrollbar > div {
        display: none;
    }
}
.scolaire.scolaire_les_films .movie-results .desc .marker {
    position: absolute;
    top: 0;
    right: 30px;
    width: 54px;
    height: 64px;
}
.scolaire.scolaire_les_films .movie-results .desc .marker img {
    width: 100%;
    height: auto;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .movie-results .desc .marker {
        right: 10px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .movie-results .desc .marker {
        display: none;
    }
}
.scolaire.scolaire_les_films .cinema-map {
    margin-top: 30px;
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper {
    overflow: hidden;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper {
        width: 728px;
        margin: 0 20px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper {
        width: 480px;
        margin: 0;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-img {
    float: left;
    width: 590px;
    height: 413px;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-img {
        width: 364px;
        height: 450px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-img {
        width: 100%;
        height: 450px;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt {
    float: left;
    width: 590px;
    height: 413px;
    background: #163c5a;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding: 40px;
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt .content {
    height: 284px;
    overflow: auto;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt {
        width: 364px;
        height: 450px;
        padding: 25px 15px;
    }
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt .content {
        height: 348px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt {
        width: 100%;
        height: auto;
    }
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt .content {
        height: auto;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt a {
    border: solid 1px #fff;
    color: #fff;
    padding: 5px 10px 8px;
    text-align: center;
    float: left;
    width: 290px;
    font-size: 16px;
    margin-top: 20px;
}
.scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt a:hover {
    background: #fff;
    color: #163c5a;
    font-weight: normal;
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .intro-wrapper .intro-txt a {
        float: none;
        margin: 20px auto 0;
        display: block;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper {
    background: #fff;
    padding: 30px 50px;
    overflow: hidden;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .partner-cinemas .grid-wrapper {
        background: transparent;
        width: 738px;
        padding: 30px 0;
        margin: 0 10px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .grid-wrapper {
        width: 480px;
        margin: 0;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .heading {
    overflow: hidden;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .heading h3 {
    color: #163c5a;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 0;
    margin-left: 10px;
    float: left;
    font-weight: bold;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .heading a {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks {
    overflow: hidden;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div {
    float: left;
    width: 160px;
    height: 200px;
    margin: 10px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div {
        width: calc(25% - 20px);
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div {
        width: 100%;
        padding: 0 160px;
        margin: 20px 0;
        height: auto;
        float: none;
    }
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div h4 {
    text-transform: uppercase;
    font-size: 17px;
    color: #163c5a;
    margin: 0 0 15px 0;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div p,
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div a {
    font-size: 13px;
    line-height: 19px;
    color: #163c5a;
    margin: 0;
}
.scolaire.scolaire_les_films .partner-cinemas .grid-wrapper .blocks > div a {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie h1 {
        text-align: center;
    }
}
.scolaire.scolaire-single-movie .movie-results {
    overflow: visible;
    background: #163c5a;
}
.scolaire.scolaire-single-movie .movie-results .preview {
    height: 415px;
}
.scolaire.scolaire-single-movie .movie-results .preview .has-video {
    height: 415px;
    position: relative;
}
.scolaire.scolaire-single-movie .movie-results .preview .has-video .trailer-photo {
    position: absolute;
    height: 100%;
    width: 100%;
}
.scolaire.scolaire-single-movie .movie-results .preview .has-video .play-video {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0.7;
    background: transparent url('/img/scolaire/vimeo-play.png') no-repeat center center;
}
.scolaire.scolaire-single-movie .movie-results .preview .has-video .play-video:hover {
    opacity: 1;
}
.scolaire.scolaire-single-movie .movie-results .preview .no-video {
    height: 100%;
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .movie-results .preview .no-video {
        height: 415px;
    }
}
.scolaire.scolaire-single-movie .movie-results .preview .no-video img {
    height: 100%;
    width: 100%;
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .movie-results .poster {
        width: 285px;
        position: relative;
        background: #163c5a;
        height: auto;
        float: none;
        margin: 0 auto;
    }
    .scolaire.scolaire-single-movie .movie-results .poster img {
        width: 100%;
        height: 100%;
    }
    .scolaire.scolaire-single-movie .movie-results .preview {
        width: 480px;
        height: auto;
    }
}
.scolaire.scolaire-single-movie .movie-results .desc {
    height: 790px;
    background: #163c5a;
}
@media (min-width: 1180px) {
    .scolaire.scolaire-single-movie .movie-results .desc.no-articles {
        height: 415px;
    }
    .scolaire.scolaire-single-movie .movie-results .desc.no-articles .scrollbar {
        height: 130px;
    }
    .scolaire.scolaire-single-movie .movie-results .desc.no-comments .scrollbar {
        height: 240px;
    }
    .scolaire.scolaire-single-movie .movie-results .desc.no-comments .comments-wrapper {
        height: 70px;
    }
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .movie-results .desc {
        height: auto;
        padding: 30px 60px 30px 30px;
    }
    .scolaire.scolaire-single-movie .movie-results .desc .comments-wrapper {
        right: 30px;
        width: 360px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .movie-results .desc {
        height: auto;
        padding: 30px;
    }
    .scolaire.scolaire-single-movie .movie-results .desc .comments-wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
    }
}
.scolaire.scolaire-single-movie .movie-results .desc .scrollbar {
    height: 500px;
    border: none;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .movie-results .desc .scrollbar {
        height: auto;
        margin-bottom: 35px;
        padding-bottom: 180px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .movie-results .desc .scrollbar {
        padding-bottom: 0;
    }
    .scolaire.scolaire-single-movie .movie-results .desc .scrollbar + .view-details {
        -webkit-transform: translate3D(0, 0, 0);
        -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
        margin: 0 0 20px 0;
    }
}
.scolaire.scolaire-single-movie .movie-results .carousel {
    top: 415px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .movie-results .carousel {
        top: 0;
        height: 395px;
    }
}
.scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap h3 {
    padding-top: 5px;
}
.scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap h4 {
    padding: 5px 0 10px 0;
}
.scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap h5 {
    padding: 15px 0;
}
.scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap p {
    margin-top: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap > div.events-carousel {
        height: 375px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .movie-results .carousel .carousel-wrap > div.events-carousel {
        height: 355px;
    }
}
.scolaire.scolaire-single-movie .movie-results .social-share {
    top: -34px;
}
.scolaire.scolaire-single-movie .top-info {
    position: relative;
    width: 100%;
    float: left;
    margin: 40px 0;
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .top-info {
        margin: 10px 0 40px 0;
    }
}
.scolaire.scolaire-single-movie .top-info h2 {
    font-family: "Lato";
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .top-info h2 {
        font-size: 19px;
    }
}
.scolaire.scolaire-single-movie .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .top-info .reservation-btn {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .top-info .reservation-btn {
        display: none;
    }
}
.scolaire.scolaire-single-movie .film-sessions {
    clear: both;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper {
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .poster {
    float: left;
    height: 200px;
    width: 150px;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .poster img {
    width: 100%;
    height: 100%;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info {
    padding: 40px;
    width: 400px;
    height: 200px;
    float: left;
    background: #163c5a;
    position: relative;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info {
        width: 330px;
        padding: 40px 20px;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info p {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info p span {
    color: #a0a0a0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info .marker {
    position: absolute;
    background: transparent url("/img/scolaire/desc-marker.png") repeat top center;
    background-size: cover;
    font-size: 13px;
    color: #000;
    top: 0;
    right: 23px;
    width: 54px;
    height: 74px;
    text-align: center;
    padding-top: 30px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .film-info .marker {
        font-size: 14px;
        right: 20px;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info {
    padding: 30px 40px;
    width: 400px;
    height: 200px;
    float: left;
    background: #fff;
    position: relative;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info {
        width: 288px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info div {
        width: 50%;
        float: left;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info h3 {
    color: #000;
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info h4 {
    color: #565656;
    font-size: 21px;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 10px 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info p {
    color: #000;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .cinema-info p span {
    color: #a0a0a0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions {
    padding: 40px;
    width: 230px;
    height: 200px;
    float: left;
    background: #163c5a;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions {
        width: 100%;
        padding: 15px 202px;
        height: auto;
        border-top: solid 1px #fff;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions {
        padding: 15px 60px;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button {
    background: #163c5a;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 0;
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    height: 48px;
    font-weight: 400;
    text-align: center;
    font-family: "Lato";
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button {
        width: 170px;
        float: none;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button:first-child {
    margin-bottom: 24px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button:first-child {
        margin: 0 20px 0 0;
    }
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button:only-child {
    margin: 0;
}
.scolaire.scolaire-single-movie .film-sessions .session-wrapper .actions .button:hover {
    background: #fff;
    color: #163c5a;
}
.scolaire-mode-demploi .breadcrumbs {
    display: none;
}
.scolaire-mode-demploi .top-info {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .scolaire-mode-demploi .top-info {
        margin-bottom: 30px;
    }
}
.scolaire-mode-demploi .top-info h1 {
    font-size: 30px;
    margin: 0 0 15px 0;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .top-info h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
}
.scolaire-mode-demploi .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .top-info h2 {
        font-size: 19px;
        margin-bottom: 20px;
    }
}
.scolaire-mode-demploi .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 16px;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .top-info .reservation-btn {
        font-size: 13px;
        right: 20px;
        position: relative;
    }
}
@media (max-width: 767px) {
    .scolaire-mode-demploi .top-info .reservation-btn {
        position: relative;
        right: 0;
    }
}
.scolaire-mode-demploi h3.title {
    float: left;
    width: 100%;
    font-family: "Lato";
    text-transform: uppercase;
    color: #163c5a;
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 6px;
    margin: 15px 0;
    border-bottom: 1px solid #4a4a4a;
    cursor: pointer;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi h3.title {
        margin: 15px 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width: 767px) {
    .scolaire-mode-demploi h3.title {
        font-size: 24px;
        padding: 0 15px 6px 15px;
        background-position-x: calc(100% - 15px) !important;
    }
}
.scolaire-mode-demploi .presentation-content {
    float: left;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .presentation-content {
        overflow: hidden;
        width: 580px;
        float: none;
        margin: 0 auto;
    }
    .scolaire-mode-demploi .presentation-content div {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
}
@media (max-width: 767px) {
    .scolaire-mode-demploi .presentation-content {
        width: 100%;
        padding: 0 20px;
    }
}
.scolaire-mode-demploi .presentation-content .preview {
    float: left;
    width: 580px;
    height: 320px;
}
.scolaire-mode-demploi .presentation-content .preview img {
    width: 100%;
    height: auto;
    position: absolute;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .presentation-content .preview {
        width: 100%;
        height: 320px;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
}
@media (max-width: 767px) {
    .scolaire-mode-demploi .presentation-content .preview {
        width: 100%;
        height: 265px;
    }
}
.scolaire-mode-demploi .presentation-content .description {
    float: left;
    width: 580px;
    height: 380px;
    padding: 30px 20px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    background: #fff;
}
@media (min-width: 1180px) {
    .scolaire-mode-demploi .presentation-content .description.w-100 {
        width: 1160px;
    }
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .presentation-content .description {
        width: 100%;
        height: auto;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
}
@media (max-width: 767px) {
    .scolaire-mode-demploi .presentation-content .description {
        width: 100%;
        height: auto;
    }
}
.scolaire-mode-demploi .presentation-content div + div {
    margin-left: 20px;
}
@media (max-width: 1179px) {
    .scolaire-mode-demploi .presentation-content div + div {
        margin-left: 0;
    }
}
.scolaire-mode-demploi .cinema-map {
    margin-top: 30px;
    float: left;
    max-width: 100%;
}
.scolaire-mode-demploi .preview {
    position: relative;
}
.scolaire-mode-demploi .preview .vimeo {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.7;
    background: transparent url('/img/scolaire/vimeo-play.png') no-repeat center center;
}
.scolaire-mode-demploi .preview .vimeo:hover {
    opacity: 1;
}
.scolaire.scolaire-articles .top-info {
    position: relative;
    width: 85%;
    margin-bottom: 40px;
}
.scolaire.scolaire-articles .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .top-info h1 {
        font-size: 24px;
    }
}
.scolaire.scolaire-articles .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .top-info h2 {
        font-size: 19px;
    }
}
.scolaire.scolaire-articles .top-info p {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .top-info p {
        display: block;
        font-size: 14px;
        line-height: 16px;
    }
}
.scolaire.scolaire-articles h3.title {
    float: left;
    width: 100%;
    font-family: "Lato";
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 6px;
    margin: 15px 0 40px 0;
    border-bottom: 1px solid #4a4a4a;
    cursor: pointer;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles h3.title {
        font-size: 20px;
    }
}
.scolaire.scolaire-articles .propose-article {
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article {
        margin: 0 20px 50px;
    }
}
.scolaire.scolaire-articles .propose-article .form-group {
    width: 100%;
}
.scolaire.scolaire-articles .propose-article .form-group .control-label {
    float: left;
    width: 400px;
    text-align: right;
    padding-right: 20px;
    line-height: 45px;
    font-weight: 300;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-label {
        width: 200px;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-label {
        width: 135px;
        padding-right: 10px;
        font-size: 14px;
    }
}
.scolaire.scolaire-articles .propose-article .form-group .control-field {
    float: left;
    width: 780px;
    text-align: left;
}
.scolaire.scolaire-articles .propose-article .form-group .control-field input,
.scolaire.scolaire-articles .propose-article .form-group .control-field textarea {
    border: none;
    width: 520px;
    padding: 13px;
}
.scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle {
    width: 520px;
}
.scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle input {
    width: 340px !important;
    background: #fff;
    float: left;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle input {
        width: 235px !important;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle input {
        width: 175px !important;
    }
}
.scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle .focus-jfilestyle {
    float: left;
    background: #c0c0c0;
}
.scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle .focus-jfilestyle label {
    width: 180px;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle .focus-jfilestyle label {
        width: 130px;
    }
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle {
        width: 415px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field .jfilestyle {
        width: 305px;
    }
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field {
        width: 568px;
    }
    .scolaire.scolaire-articles .propose-article .form-group .control-field input {
        width: 415px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .control-field {
        max-width: 355px;
        width: calc(100% - 135px);
    }
    .scolaire.scolaire-articles .propose-article .form-group .control-field input {
        width: 100%;
    }
}
.scolaire.scolaire-articles .propose-article .form-group ul {
    background: #ffcccc;
    width: 520px;
    color: red;
    border: solid 1px red;
    float: left;
    padding: 10px;
    margin: 20px 0 0px 400px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group ul {
        width: 415px;
        margin-left: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group ul {
        width: 355px;
        margin-left: 125px;
        font-size: 14px;
        line-height: 16px;
    }
}
.scolaire.scolaire-articles .propose-article .form-group .note {
    margin: 5px 0 0 400px;
    float: left;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .note {
        margin-left: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .note {
        margin-left: 135px;
    }
}
.scolaire.scolaire-articles .propose-article .form-group .submit {
    float: left;
    margin-left: 400px;
    border: solid 1px #000;
    font-size: 17px;
    padding: 15px 40px;
}
.scolaire.scolaire-articles .propose-article .form-group .submit.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.25;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .form-group .submit {
        margin-left: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .form-group .submit {
        margin-left: 105px;
        font-size: 15px;
    }
}
.scolaire.scolaire-articles .propose-article .custom-checkbox {
    width: 520px;
    margin: 0 auto 20px 400px;
    /* Base for label styling */
    /* checkbox aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */
    /* accessibility */
    /* hover style just for information */
}
@media (max-width: 1179px) {
    .scolaire.scolaire-articles .propose-article .custom-checkbox {
        width: 415px;
        margin-left: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .custom-checkbox {
        width: auto;
        margin-left: 0;
        font-size: 13px;
    }
}
.scolaire.scolaire-articles .propose-article .custom-checkbox label {
    display: inline-block;
    max-width: 100%;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .custom-checkbox label {
        width: auto;
    }
}
.scolaire.scolaire-articles .propose-article .custom-checkbox a {
    text-decoration: underline;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked),
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    margin: 4px 0 0;
    line-height: normal;
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked) + label,
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 29px;
    padding-right: 5px;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    cursor: pointer;
}
@media (max-width: 767px) {
    .scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked) + label,
    .scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked + label {
        font-size: 13px;
    }
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked) + label:before,
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 2px solid #163c5a;
    background: transparent;
    border-radius: 3px;
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked) + label:after,
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #163c5a;
    transition: all .2s;
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:checked:focus + label:before,
.scolaire.scolaire-articles .propose-article .custom-checkbox [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #163c5a;
}
.scolaire.scolaire-articles .propose-article .custom-checkbox label:hover:before {
    border: 2px solid #163c5a !important;
}
.scolaire.scolaire-article-master .top-info {
    position: relative;
    width: 100%;
    float: left;
    margin: 40px 0;
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .top-info {
        margin: 10px 0 40px 0;
    }
}
.scolaire.scolaire-article-master .top-info h1 {
    font-size: 30px;
    line-height: 1;
    font-family: "Lato";
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .top-info h1 {
        font-size: 24px;
    }
}
.scolaire.scolaire-article-master .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 300;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .top-info h2 {
        font-size: 19px;
    }
}
.scolaire.scolaire-article-master .top-info p {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .top-info p {
        width: calc(100% - 20px);
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .top-info p {
        display: block;
    }
}
.scolaire.scolaire-article-master .articles-wrapper {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.scolaire.scolaire-article-master .presentation-content {
    float: left;
    width: 100%;
    padding: 0;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content {
        padding: 0;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item {
    width: 1180px;
    float: left;
    margin-bottom: 20px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .one-item {
        width: 748px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .one-item {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item div:first-child {
    margin-right: 10px;
}
.scolaire.scolaire-article-master .presentation-content .one-item div:last-child {
    margin-left: 10px;
}
.scolaire.scolaire-article-master .presentation-content .one-item .preview {
    float: left;
    width: 580px;
    height: 320px;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .one-item .preview {
        width: 364px;
        height: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .one-item .preview {
        width: 100%;
        height: 200px;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item .description {
    float: left;
    width: 580px;
    height: auto;
    padding: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    background: #fff;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .one-item .description {
        width: 364px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .one-item .description {
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item .description h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.scolaire.scolaire-article-master .presentation-content .one-item .description h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
}
.scolaire.scolaire-article-master .presentation-content .one-item .description li {
    clear: both;
}
.scolaire.scolaire-article-master .presentation-content .one-item .description li a {
    color: #163c5a;
}
.scolaire.scolaire-article-master .presentation-content .one-item .description li a:hover {
    text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .one-item.vertical {
        width: 580px;
        float: none;
        margin: 0 auto 20px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .scolaire.scolaire-article-master .presentation-content .one-item.vertical .preview {
        float: none;
        width: 100%;
        height: 320px;
        margin: 0;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .scolaire.scolaire-article-master .presentation-content .one-item.vertical .description {
        float: none;
        width: 100%;
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item-large {
    width: 100%;
    float: left;
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .preview {
    float: left;
    width: 100%;
    height: 360px;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .one-item-large .preview {
        height: 228px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .one-item-large .preview {
        height: 110px;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description {
    float: left;
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    background: #fff;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .one-item-large .description {
        margin-top: 0;
    }
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description li {
    clear: both;
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description li a {
    color: #163c5a;
}
.scolaire.scolaire-article-master .presentation-content .one-item-large .description li a:hover {
    text-decoration: underline;
}
.scolaire.scolaire-article-master .presentation-content .two-item {
    float: left;
    width: 580px;
    background: #fff;
    margin-bottom: 20px;
}
.scolaire.scolaire-article-master .presentation-content .two-item:nth-child(even) {
    margin-left: 20px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .two-item {
        width: 364px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .two-item {
        width: 360px;
        margin: 0 60px;
    }
    .scolaire.scolaire-article-master .presentation-content .two-item + .two-item {
        margin: 20px 60px;
    }
}
.scolaire.scolaire-article-master .presentation-content .two-item .preview {
    float: left;
    width: 200px;
    height: 280px;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .preview {
        width: 164px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .preview {
        width: 50%;
    }
}
.scolaire.scolaire-article-master .presentation-content .two-item .description {
    float: left;
    width: 580px;
    padding: 20px;
    font-size: 14px;
    overflow: auto;
    line-height: 16px;
    color: #000;
    background: #fff;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .description {
        width: 364px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .description {
        width: 100%;
    }
}
.scolaire.scolaire-article-master .presentation-content .two-item .description h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.scolaire.scolaire-article-master .presentation-content .two-item .description h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
}
.scolaire.scolaire-article-master .presentation-content .two-item .description li {
    clear: both;
}
.scolaire.scolaire-article-master .presentation-content .two-item .description li a {
    color: #163c5a;
}
.scolaire.scolaire-article-master .presentation-content .two-item .description li a:hover {
    text-decoration: underline;
}
.scolaire.scolaire-article-master .presentation-content .two-item .preview + .description {
    width: 380px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .preview + .description {
        width: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .two-item .preview + .description {
        width: 50%;
    }
}
.scolaire.scolaire-article-master .presentation-content .three-item {
    float: left;
    width: 380px;
    margin-left: 20px;
    margin-bottom: 20px;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .three-item {
        width: 236px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item {
        width: calc(50% - 3px);
        margin: 0 0 20px 0;
    }
}
.scolaire.scolaire-article-master .presentation-content .three-item .preview {
    float: left;
    width: 380px;
    height: 210px;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .three-item .preview {
        width: 100%;
        height: 200px;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item .preview {
        width: 100%;
        height: 200px;
    }
}
.scolaire.scolaire-article-master .presentation-content .three-item .description {
    float: left;
    width: 380px;
    padding: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    background: #fff;
}
@media (max-width: 1179px) {
    .scolaire.scolaire-article-master .presentation-content .three-item .description {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item .description {
        height: auto;
    }
}
.scolaire.scolaire-article-master .presentation-content .three-item .description h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.scolaire.scolaire-article-master .presentation-content .three-item .description h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
}
.scolaire.scolaire-article-master .presentation-content .three-item .description li {
    clear: both;
}
.scolaire.scolaire-article-master .presentation-content .three-item .description li a {
    color: #163c5a;
}
.scolaire.scolaire-article-master .presentation-content .three-item .description li a:hover {
    text-decoration: underline;
}
.scolaire.scolaire-article-master .presentation-content .three-item:nth-child(3n+1) {
    margin-left: 0;
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item:nth-child(3n+1) {
        margin: 0 0 20px 0;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item:nth-child(odd) {
        margin: 0 3px 20px 0;
    }
}
@media (max-width: 767px) {
    .scolaire.scolaire-article-master .presentation-content .three-item:nth-child(even) {
        margin: 0 0 20px 3px;
    }
}
.scolaire.scolaire-article-master .presentation-content .preview {
    position: relative;
}
.scolaire.scolaire-article-master .presentation-content .preview .vimeo {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.7;
    background: transparent url('/img/scolaire/vimeo-play.png') no-repeat center center;
}
.scolaire.scolaire-article-master .presentation-content .preview .vimeo:hover {
    opacity: 1;
}
.scolaire.scolaire-article-master .breadcrumbs {
    display: none;
}
.scolaire .navigation-links > ul li a {
    font-size: 16px;
    margin: 0 9px;
}
@media (max-width: 767px) {
    .scolaire .navigation-links > ul li a {
        margin: 0;
    }
}
@media (min-width: 1180px) {
    .scolaire .navigation-links > ul li.has-submenu > a {
        pointer-events: none;
        cursor: default;
    }
    .scolaire .navigation-links > ul li.has-submenu:hover {
        background: #fff;
        /* submenu items */
    }
    .scolaire .navigation-links > ul li.has-submenu:hover a {
        text-decoration: none;
        border: none;
    }
    .scolaire .navigation-links > ul li.has-submenu:hover > ul {
        display: block;
    }
    .scolaire .navigation-links > ul li.has-submenu:hover > ul a {
        padding: 10px 0 10px 0;
    }
    .scolaire .navigation-links > ul li.has-submenu:hover > ul a:hover {
        text-decoration: underline;
        cursor: pointer;
        border: none;
    }
}
.scolaire .search-block,
.scolaire .search-salle-scolaire input,
.scolaire .map-search-result,
.scolaire .tt-menu,
.scolaire .tt-suggestion:hover .fake-btn,
.scolaire a.open-cinema-details:hover,
.scolaire .map-cinema-details .btn-default:hover,
.scolaire .sticky-wrapper.is-sticky #sticky-navigation,
.scolaire .sticky-wrapper.mobile #sticky-navigation,
.scolaire .sticky-wrapper.is-sticky .main-navigation .navbar-toggle,
.scolaire .sticky-wrapper.mobile .main-navigation .navbar-toggle {
    background: #163a57;
}
.scolaire .sticky-wrapper.is-sticky .main-navigation .navbar-toggle {
    width: 100%;
}
@media (min-width: 1180px) {
    .scolaire .main-navigation.scolaire .background {
        display: none;
    }
    .scolaire .is-sticky .main-navigation.scolaire {
        width: 415px;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links {
        background: #163a57;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu {
        background: url('/img/scolaire/nav-plus-w.png') no-repeat right 15px;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu a {
        pointer-events: auto;
        cursor: auto;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu:hover a {
        border-bottom: solid 1px #445566;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu:hover ul {
        display: none;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu.active {
        background-image: url('/img/scolaire/nav-minus-w.png');
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu.active a {
        border: none;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu.active ul {
        display: block;
        background: transparent;
        width: 375px;
        margin: 0;
        position: relative;
        padding: 0 0 0 20px;
    }
    .scolaire .is-sticky .main-navigation.scolaire .navigation-links ul .has-submenu.active ul a:hover {
        text-decoration: none;
    }
    .scolaire .is-sticky .search-block {
        margin-left: -200px;
        z-index: 9999;
    }
    .scolaire .is-sticky .search-salle input {
        background: #163a57 !important;
    }
}
@media (max-width: 1179px) {
    .scolaire .sticky-wrapper.mobile #sticky-navigation,
    .scolaire .sticky-wrapper.mobile .main-navigation .navbar-toggle {
        background: #4a2721;
        height: 130px;
        margin: 0;
    }
    .scolaire .sticky-wrapper.mobile .main-navigation .navbar-toggle {
        background: transparent;
    }
    .scolaire .sticky-wrapper.is-sticky #sticky-navigation,
    .scolaire .sticky-wrapper.is-sticky .main-navigation .navbar-toggle {
        background: #163a57;
    }
    .scolaire .sticky-wrapper.is-sticky.expand .navigation-links > ul > li > a,
    .scolaire .sticky-wrapper.mobile.expand .navigation-links > ul > li > a {
        border-bottom: solid 1px #7a615d;
    }
    .scolaire .sticky-wrapper .container .navigation-links {
        background: #4a2721;
        width: 100%;
    }
    .scolaire .sticky-wrapper .container .navigation-links ul li.has-submenu {
        background: url('/img/scolaire/nav-plus-w.png') no-repeat right 15px;
    }
    .scolaire .sticky-wrapper .container .navigation-links ul li.has-submenu.active {
        background-image: url('/img/scolaire/nav-minus-w.png');
    }
    .scolaire .header {
        display: none;
    }
    .scolaire .newsletter {
        margin: 10px 0;
    }
    .scolaire .container .main-navigation {
        background-size: 100%;
        min-height: 130px;
        overflow: hidden;
        width: 100%;
        margin: 0;
    }
    .scolaire .container .main-navigation .background {
        display: block;
        position: absolute;
        left: 0;
        z-index: -1;
        width: 100%;
    }
    .scolaire .container .main-navigation .navbar-toggle {
        display: block;
        float: left;
        padding: 15px;
        width: auto;
    }
    .scolaire .container .main-navigation .navbar-toggle .text {
        display: none;
    }
    .scolaire .container .main-navigation .logo {
        display: block !important;
        width: 165px !important;
        height: 110px;
        background-size: cover;
        position: absolute;
        left: 50%;
        margin: 10px 0 10px -82px !important;
        padding: 0 !important;
        border: none;
    }
    .scolaire .container .search-block {
        background: #163a57;
        overflow: visible;
        height: auto;
        width: 100%;
    }
    .scolaire .container .search-block .search-salle input {
        background: #163a57 !important;
    }
    .scolaire .container .search-block .map-search-result {
        margin-left: 0;
    }
    .scolaire .container .search-block .search-advanced {
        margin-left: 0;
    }
    .scolaire .is-sticky .newsletter {
        display: none;
    }
    .scolaire .is-sticky #sticky-navigation {
        height: 60px !important;
    }
    .scolaire .is-sticky .main-navigation {
        width: 415px;
        min-height: 60px;
        position: absolute;
        background: #163a57 !important;
    }
    .scolaire .is-sticky .main-navigation .navbar-toggle {
        height: 60px !important;
        padding: 13px 15px;
    }
    .scolaire .is-sticky .main-navigation .navbar-toggle .text {
        display: block;
    }
    .scolaire .is-sticky .main-navigation .navigation-links {
        background: #163a57;
    }
    .scolaire .is-sticky .main-navigation .navigation-links > ul > li > a {
        border-bottom: solid 1px #445566 !important;
    }
    .scolaire .is-sticky .main-navigation .logo {
        display: none !important;
    }
    .scolaire .is-sticky .search-block {
        width: 553px;
        float: right;
        z-index: 9999;
    }
    .scolaire .is-sticky .search-block .map-search-result {
        margin-left: -215px;
    }
    .scolaire .is-sticky .search-block .search-advanced {
        margin-left: -215px;
    }
}
@media (max-width: 1179px) and (max-width: 767px) {
    .scolaire .container .main-navigation {
        background: #4a2721 !important;
    }
}
@media (max-width: 767px) {
    .scolaire .sticky-wrapper.mobile #sticky-navigation,
    .scolaire .sticky-wrapper.mobile .main-navigation .navbar-toggle {
        height: 92px;
    }
    .scolaire .sticky-wrapper.is-sticky #sticky-navigation,
    .scolaire .sticky-wrapper.is-sticky .main-navigation .navbar-toggle {
        background: #4a2721;
    }
    .scolaire .container .main-navigation {
        width: 100%;
        position: relative;
        min-height: 92px;
        overflow: visible;
    }
    .scolaire .container .main-navigation .background {
        display: none;
    }
    .scolaire .container .main-navigation a.search-toggle {
        display: block;
        position: absolute;
        top: 32px;
        right: 15px;
        border: none;
        width: 26px;
        height: 26px;
    }
    .scolaire .container .main-navigation .navbar-toggle {
        height: 92px !important;
    }
    .scolaire .container .main-navigation .navbar-toggle .text {
        display: none;
    }
    .scolaire .container .main-navigation .logo {
        display: block !important;
        width: 139px !important;
        height: 90px;
        background-size: cover;
        position: absolute;
        left: 50%;
        margin: 1px 0 1px -70px !important;
        padding: 0 !important;
        border: none;
    }
    .scolaire .container .search-block {
        height: 0;
        overflow: hidden;
    }
    .scolaire .container .search-block.mobile-expanded {
        height: auto;
        overflow: visible;
    }
    .scolaire .is-sticky #sticky-navigation {
        height: 92px !important;
    }
    .scolaire .is-sticky #sticky-navigation .search-block {
        width: 100%;
        z-index: 1;
    }
    .scolaire .is-sticky .main-navigation {
        background: #4a2721;
        position: relative;
    }
    .scolaire .is-sticky .main-navigation .navbar-toggle {
        height: 92px !important;
    }
    .scolaire .is-sticky .main-navigation .logo {
        display: block !important;
    }
    .scolaire .is-sticky .main-navigation .navigation-links {
        background: #4a2721;
    }
    .scolaire .is-sticky .main-navigation .navigation-links > ul > li > a {
        border-bottom: solid 1px #7a615d !important;
    }
}
.rendez-vous-movies .top-info {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
.rendez-vous-movies .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .top-info h1 {
        font-size: 24px;
    }
}
.rendez-vous-movies .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .top-info h2 {
        font-size: 19px;
    }
}
.rendez-vous-movies .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .top-info .reservation-btn {
        display: none;
    }
}
.rendez-vous-movies .top-info p {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .top-info p {
        font-size: 14px;
        padding: 0 20px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .rendez-vous-movies .top-info p {
        display: block;
        width: 100%;
    }
}
.rendez-vous-movies .filter {
    margin-bottom: 0;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .filter {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }
}
.rendez-vous-movies .filter .form-group .custom-select select {
    max-width: 100%;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .filter .form-group .custom-select select {
        font-size: 12px;
    }
}
@media (max-width: 1179px) {
    .rendez-vous-movies .filter .form-group .custom-select select {
        font-size: 11px;
        padding: 0 20px 0 10px;
    }
}
@media (max-width: 1179px) {
    .rendez-vous-movies .pagination {
        margin-bottom: 10px;
    }
    .rendez-vous-movies .pagination a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-movies .movie-results + .pagination {
        margin-top: 10px;
    }
}
@media (min-width: 1180px) {
    .rendez-vous-movies .movie-results {
        height: 500px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-movies .movie-results {
        padding: 8px 50px 8px 24px;
        margin-bottom: 0;
        height: 140px;
        background: #fff;
    }
    .rendez-vous-movies .movie-results:nth-child(2n + 1) {
        background: transparent;
    }
    .rendez-vous-movies .movie-results:after {
        content: '';
        background: url("/img/mobile-listing-arrows.png") no-repeat top center;
        width: 50px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}
.rendez-vous-movies .movie-results .preview {
    height: 415px;
    width: 500px;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .movie-results .preview {
        width: 468px;
    }
}
.rendez-vous-movies .movie-results .preview .has-video {
    height: 100%;
    position: relative;
}
.rendez-vous-movies .movie-results .preview .has-video .trailer-photo {
    position: absolute;
    height: 100%;
    width: 100%;
}
.rendez-vous-movies .movie-results .preview .has-video .play-video {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0.7;
    background: transparent url('/img/scolaire/vimeo-play.png') no-repeat center center;
}
.rendez-vous-movies .movie-results .preview .has-video .play-video:hover {
    opacity: 1;
}
.rendez-vous-movies .movie-results .preview .no-video {
    height: 100%;
}
.rendez-vous-movies .movie-results .preview .no-video img {
    height: 100%;
    width: 100%;
}
.rendez-vous-movies .movie-results .cta {
    padding: 0;
    height: 85px;
}
@media (max-width: 767px) {
    .rendez-vous-movies .movie-results .cta {
        display: none;
    }
}
.rendez-vous-movies .movie-results .cta a {
    float: left;
    width: 25%;
    height: 85px;
    line-height: 85px;
    border: none;
    font-weight: bold;
    margin: 0;
    border-right: solid 1px #e9e9e9;
    background: #fff url("/img/scolaire/cta-btn.png") repeat 0 0;
    text-transform: uppercase;
    font-size: 16px;
}
.rendez-vous-movies .movie-results .cta a:hover {
    background: #fff url("/img/scolaire/cta-btn-hover.png") repeat 0 0;
    color: #fff;
}
.rendez-vous-movies .movie-results .cta.items-1 a {
    width: 100%;
    border: none;
}
.rendez-vous-movies .movie-results .cta.items-1 a.multiline {
    padding-top: 0;
}
.rendez-vous-movies .movie-results .cta.items-2 a {
    width: 50%;
}
.rendez-vous-movies .movie-results .cta.items-2 a.multiline {
    padding-top: 0;
}
.rendez-vous-movies .movie-results .cta.items-2 a:last-child {
    border: none;
}
.rendez-vous-movies .movie-results .cta.items-3 a {
    width: 33.3333%;
}
.rendez-vous-movies .movie-results .cta.items-3 a.multiline {
    padding-top: 0;
}
.rendez-vous-movies .movie-results .cta.items-3 a:last-child {
    border: none;
}
.rendez-vous-movies .movie-results .cta.items-4 a {
    width: 25%;
}
.rendez-vous-movies .movie-results .cta.items-4 a.multiline {
    padding-top: 22px;
    line-height: 1.25;
}
.rendez-vous-movies .movie-results .cta.items-4 a:last-child {
    border: none;
}
.rendez-vous-movies .movie-results .desc {
    background: #163C5A;
    height: 500px;
}
.rendez-vous-movies .movie-results .desc .comments-wrapper .movie-comments .owl-item {
    background: #163C5A;
}
@media (min-width: 1180px) {
    .rendez-vous-movies .movie-results .desc .scrollbar {
        height: 213px;
    }
}
@media (min-width: 768px) and (max-width: 1179px) {
    .rendez-vous-movies .movie-results .desc {
        padding: 30px;
        height: auto;
    }
    .rendez-vous-movies .movie-results .desc .comments-wrapper {
        right: 30px;
        width: 345px;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar {
        height: auto;
    }
}
@media (max-width: 767px) {
    .rendez-vous-movies .movie-results .desc {
        width: 100%;
        background: transparent;
        height: auto;
        padding: 0 0 0 115px;
    }
    .rendez-vous-movies .movie-results .desc h3 {
        color: #163c5a;
        border-bottom: 1px solid;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 6px 0;
        height: auto;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 86px;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar span {
        display: inline-block;
        color: #163c5a;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar p {
        font-size: 0;
        line-height: 0;
        margin-bottom: 0;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar p br {
        display: none;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar p span {
        font-weight: normal;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar p:nth-child(2) {
        color: #163c5a;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar p:nth-child(2) span {
        font-weight: bold;
    }
    .rendez-vous-movies .movie-results .desc .scrollbar > div {
        display: none;
    }
}
.rendez-vous-movies .movie-results .desc .marker {
    position: absolute;
    top: 0;
    right: 30px;
    width: 54px;
    height: 64px;
}
.rendez-vous-movies .movie-results .desc .marker img {
    width: 100%;
    height: auto;
}
@media (max-width: 1179px) {
    .rendez-vous-movies .movie-results .desc .marker {
        right: 10px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-movies .movie-results .desc .marker {
        display: none;
    }
}
.rendez-vous-movies .cinema-map {
    margin-top: 30px;
}
.rendez-vous-sessions .top-info {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .rendez-vous-sessions .top-info {
        margin-bottom: 20px;
    }
}
.rendez-vous-sessions .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .rendez-vous-sessions .top-info h1 {
        font-size: 24px;
        margin-top: 40px;
    }
}
.rendez-vous-sessions .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .top-info h2 {
        font-size: 19px;
    }
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .top-info#session-table {
        width: 50%;
        float: right;
        margin-bottom: 20px;
    }
    .rendez-vous-sessions .top-info#session-table h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .top-info#session-table {
        display: none;
    }
}
.rendez-vous-sessions .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (min-width: 768px) and (max-width: 1179px) {
    .rendez-vous-sessions .top-info .reservation-btn {
        top: -50px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .top-info .reservation-btn {
        position: relative;
        display: inline-block;
        margin-top: 20px;
        font-size: 13px;
    }
}
.rendez-vous-sessions .top-info p {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .top-info p {
        font-size: 14px;
        padding: 0 20px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .top-info p {
        display: block;
    }
}
.rendez-vous-sessions .filter {
    margin-bottom: -65px;
    top: -65px;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .filter {
        width: 50%;
        float: left;
        top: 3px;
        margin: 0;
        text-align: right;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .filter {
        text-align: center;
        width: 100%;
    }
    .rendez-vous-sessions .filter .form-group:first-child {
        display: inline-block;
    }
}
.rendez-vous-sessions .filter .form-group .custom-select select {
    max-width: 100%;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .filter .form-group .custom-select select {
        font-size: 12px;
    }
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .filter .form-group .custom-select select {
        font-size: 11px;
        padding: 0 20px 0 10px;
    }
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .pagination {
        margin-bottom: 10px;
    }
    .rendez-vous-sessions .pagination a {
        font-size: 14px;
    }
}
.rendez-vous-sessions .film-sessions {
    clear: both;
}
.rendez-vous-sessions .film-sessions .session-wrapper {
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}
.rendez-vous-sessions .film-sessions .session-wrapper .poster {
    float: left;
    height: 200px;
    width: 150px;
}
.rendez-vous-sessions .film-sessions .session-wrapper .poster img {
    width: 100%;
    height: 100%;
}
.rendez-vous-sessions .film-sessions .session-wrapper .film-info {
    padding: 40px;
    width: 400px;
    height: 200px;
    float: left;
    background: #163c5a;
    position: relative;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .film-info {
        width: 330px;
        padding: 40px 20px;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .film-info h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .film-info p {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .film-info p span {
    color: #a0a0a0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .film-info .marker {
    position: absolute;
    background: transparent url("/img/scolaire/desc-marker.png") repeat top center;
    background-size: cover;
    font-size: 13px;
    color: #000;
    top: 0;
    right: 23px;
    width: 54px;
    height: 74px;
    text-align: center;
    padding-top: 18px;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .film-info .marker {
        font-size: 14px;
        padding-top: 30px;
        right: 20px;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .cinema-info {
    padding: 40px;
    width: 400px;
    height: 200px;
    float: left;
    background: #fff;
    position: relative;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .cinema-info {
        width: 288px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .cinema-info {
        width: 100%;
        padding: 40px 20px;
        height: auto;
    }
    .rendez-vous-sessions .film-sessions .session-wrapper .cinema-info div {
        float: left;
        width: 50%;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .cinema-info h3 {
    color: #000;
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .cinema-info h4 {
    color: #565656;
    font-size: 21px;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 10px 0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .cinema-info p {
    color: #000;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .cinema-info p span {
    color: #a0a0a0;
}
.rendez-vous-sessions .film-sessions .session-wrapper .actions {
    padding: 40px;
    width: 230px;
    height: 200px;
    float: left;
    background: #163c5a;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .actions {
        width: 100%;
        padding: 15px 202px;
        height: auto;
        border-top: solid 1px #fff;
    }
}
@media (max-width: 767px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .actions {
        padding: 15px 60px;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .actions .button {
    background: #163c5a;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 0;
    padding: 0;
    font-size: 16px;
    width: 100%;
    height: 48px;
    line-height: 44px;
    font-weight: 400;
    text-align: center;
    font-family: "Lato";
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .actions .button {
        width: 170px;
        float: left;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .actions .button.multiline {
    line-height: 1;
    padding-top: 5px;
}
.rendez-vous-sessions .film-sessions .session-wrapper .actions .button:first-child {
    margin-bottom: 24px;
}
@media (max-width: 1179px) {
    .rendez-vous-sessions .film-sessions .session-wrapper .actions .button:first-child {
        margin: 0 20px 0 0;
    }
}
.rendez-vous-sessions .film-sessions .session-wrapper .actions .button:hover {
    background: #fff;
    color: #163c5a;
}
@media (max-width: 767px) {
    .rendez-vous-sessions .movie-results + .pagination {
        margin-top: 10px;
    }
}
.rendez-vous-presentation .top-info {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .rendez-vous-presentation .top-info {
        margin-bottom: 0;
    }
}
.rendez-vous-presentation .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .top-info h1 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
}
.rendez-vous-presentation .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .top-info h2 {
        font-size: 19px;
    }
}
.rendez-vous-presentation .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .top-info .reservation-btn {
        font-size: 13px;
        top: -45px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-presentation .top-info .reservation-btn {
        display: none;
    }
}
.rendez-vous-presentation .top-info p {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .top-info p {
        font-size: 14px;
        padding: 0 20px;
    }
}
.rendez-vous-presentation .presentation-wrapper {
    overflow: hidden;
    margin-bottom: 40px;
    background: #fff;
}
@media (max-width: 767px) {
    .rendez-vous-presentation .presentation-wrapper {
        background: transparent;
        margin-left: 60px;
        margin-right: 60px;
    }
}
.rendez-vous-presentation .presentation-wrapper .img-primary {
    float: left;
    width: 299px;
}
.rendez-vous-presentation .presentation-wrapper .img-primary img {
    width: 100%;
    height: auto;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .presentation-wrapper .img-primary {
        width: 175px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-presentation .presentation-wrapper .img-primary {
        display: none;
    }
}
.rendez-vous-presentation .presentation-wrapper .img-secondary {
    float: left;
    width: 237px;
}
.rendez-vous-presentation .presentation-wrapper .img-secondary img {
    width: 100%;
    height: auto;
    float: left;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .presentation-wrapper .img-secondary {
        width: 175px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-presentation .presentation-wrapper .img-secondary {
        display: none;
    }
}
.rendez-vous-presentation .presentation-wrapper .presentation-txt {
    float: left;
    width: 644px;
    padding: 30px 60px;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .presentation-wrapper .presentation-txt {
        width: 418px;
        padding: 30px 15px 10px;
    }
}
@media (max-width: 767px) {
    .rendez-vous-presentation .presentation-wrapper .presentation-txt {
        width: 100%;
    }
}
.rendez-vous-presentation .presentation-wrapper .presentation-txt h3 {
    font-size: 16px;
    color: #163c5a;
    margin-top: 0;
}
.rendez-vous-presentation .presentation-wrapper .presentation-txt p {
    font-size: 16px;
    color: #163c5a;
    line-height: 19px;
    margin: 0 0 20px 0;
}
@media (max-width: 1179px) {
    .rendez-vous-presentation .presentation-wrapper .presentation-txt p {
        font-size: 14px;
    }
}
.rendez-vous-presentation .presentation-wrapper .presentation-txt .reservation-btn {
    float: left;
    line-height: 16px;
    padding: 5px 20px;
    color: #163c5a;
    border: solid 1px #163c5a;
}
@media (max-width: 767px) {
    .rendez-vous-presentation .presentation-wrapper .presentation-txt .reservation-btn {
        float: none;
        display: block;
        margin: 40px auto 0;
        width: 260px;
        font-size: 13px;
    }
}
.college-cinema-formation {
    /*.sticky-wrapper {
		height: 151px !important;
	}*/
}
.college-cinema-formation .top-info {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .top-info {
        margin-top: 40px;
    }
}
.college-cinema-formation .top-info h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .top-info h1 {
        font-size: 24px;
    }
}
.college-cinema-formation .top-info h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media (max-width: 1179px) {
    .college-cinema-formation .top-info h2 {
        font-size: 19px;
    }
}
.college-cinema-formation .top-info .reservation-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 16px;
    padding: 5px 20px;
    color: #152a3b;
    border: solid 1px #152a3b;
}
.college-cinema-formation .top-info .reservation-btn.dark {
    background: #152a3b;
    color: #fff;
    width: 250px;
    padding: 10px 20px 11px 20px;
    font-family: "Raleway";
    font-size: 17px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .top-info .reservation-btn {
        top: -55px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .top-info .reservation-btn {
        display: none;
    }
}
.college-cinema-formation .top-info .reservation-btn img {
    float: left;
    margin-right: 10px;
}
.college-cinema-formation .top-info p {
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}
@media (min-width: 1180px) {
    .college-cinema-formation .top-info p {
        padding: 0 110px;
    }
}
@media (max-width: 1179px) {
    .college-cinema-formation .top-info p {
        font-size: 14px;
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .top-info p {
        display: block;
    }
}
.college-cinema-formation .filter {
    margin-bottom: 0;
}
@media (max-width: 1179px) {
    .college-cinema-formation .filter {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }
}
.college-cinema-formation .filter .form-group .custom-select select {
    max-width: 100%;
}
@media (max-width: 1179px) {
    .college-cinema-formation .filter .form-group .custom-select select {
        font-size: 12px;
    }
}
@media (max-width: 1179px) {
    .college-cinema-formation .filter .form-group .custom-select select {
        font-size: 11px;
        padding: 0 30px 0 20px;
    }
}
.college-cinema-formation h2.title {
    font-family: 'Playfair';
    font-size: 38px;
    line-height: 49px;
    text-align: center;
    font-weight: normal;
    margin: 20px 0 10px 0;
    padding: 0;
    border: none;
}
.college-cinema-formation .subtitle {
    font-family: 'Playfair';
    font-size: 16px;
    line-height: 19px;
    color: #a0a0a0;
    font-style: italic;
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
}
.college-cinema-formation h3.title {
    font-family: "Lato";
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid #4a4a4a;
}
.college-cinema-formation .filter {
    margin-bottom: 0;
}
.college-cinema-formation .actuality {
    width: 1200px;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .actuality {
        width: 740px;
        margin-left: 14px;
        margin-right: 14px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .actuality {
        overflow: hidden;
        float: none;
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}
.college-cinema-formation .actuality .item {
    float: left;
    margin: 10px;
    overflow: hidden;
}
@media (max-width: 1179px) {
    .college-cinema-formation .actuality .item {
        margin: 10px 25px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .actuality .item {
        margin: 10px 0;
    }
}
.college-cinema-formation .actuality .item.size1 {
    width: 280px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .actuality .item.size1 {
        width: 320px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .actuality .item.size1 {
        width: 100%;
    }
}
.college-cinema-formation .actuality .item.size2 {
    width: 580px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .actuality .item.size2 {
        width: 360px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .actuality .item.size2 {
        width: 100%;
    }
}
.college-cinema-formation .actuality .item .img-wrapper {
    height: 215px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.college-cinema-formation .actuality .item .img-wrapper img {
    width: 100%;
    height: 215px;
}
.college-cinema-formation .actuality .item .img-wrapper .act-category {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'Playfair';
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    background: transparent url('/img/scolaire/cat-bg.png') repeat 0 0;
}
.college-cinema-formation .actuality .item .desc-wrapper {
    background: #fff;
    height: 190px;
    overflow: hidden;
    padding: 10px 20px;
    font-size: 14px;
}
@media (max-width: 1179px) {
    .college-cinema-formation .actuality .item .desc-wrapper {
        height: 200px;
    }
}
@media (max-width: 767px) {
    .college-cinema-formation .actuality .item .desc-wrapper {
        height: auto;
    }
}
.college-cinema-formation .actuality .item .desc-wrapper .desc-date {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.college-cinema-formation .actuality .item .desc-wrapper .desc-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.college-cinema-formation .actuality .item .desc-wrapper .desc-txt {
    height: 120px;
}
.college-cinema-formation.formation .actuality .item .img-wrapper {
    height: 170px;
}

/*# sourceMappingURL=style.css.map */

.session-date-anchor {
    display: flex;
}

.session-date-anchor img {
    width: 80%;
    margin: 0px auto auto;
    height: auto;
    transform: none;
}
.session-date .item {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.session-date .item .time-version-wrapper {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .tabs-navigation a {
        font-size: 18px;
        margin: 0 8px;
    }
}

.pagination {
    margin-bottom: 2px;
}

.pagination span.current {
    background-color: #152A3B;
    border: 1px solid #152A3B;
    padding: 4px 7px;
    color: white;
    border-radius: 4px;
    line-height: 1;
}

.pagination span.page {
    padding: 4px 7px;
    border: 1px solid #152A3B;
    color: #152A3B;
    border-radius: 4px;
    line-height: 1;
}

.pagination span.page:hover {
    animation: 0.3s;
    background-color: #152A3B;
    border: 1px solid #152A3B;
    color: white;
}

.pagination span.page:hover a{
    color: white;
}
@media (max-width: 767px) {
    .pagination {
        width: 100%;
        text-align: center;
    }
    .d-flex-col {
        display: flex;
        flex-direction: row;
    }
}

.d-flex {
    display: flex;
}
.d-none {
    display: none;
}
@media (min-width: 768px) {
    .padding-10 {
        height: 10px;
    }
    .d-flex-col {
        display: flex;
        flex-direction: column;
    }
}

.owl-item {
    min-width: 110px;!important;
}

@media (max-width: 767px) {
    .sticky-wrapper.mobile #sticky-navigation .search-basic .ok-btn {
        margin: 16px 5px;
        width: 34px;
        height: 34px;
        background-size: cover!important;
    }
}

#cinema-suggestions {
    position: absolute;
    background: #152b3c;
    flex-direction: column;
    min-width: 200px;
    padding: 12px;
    top: 44px;
    left: -13px;

    a {
        color: white;
        padding: 3px;
        &:hover {
            font-weight: bold;
        }
    }
}