body.home {
  margin-top: 0px; }

#fake_nav {
  display: none !important; }

.newsletter-home {
  background-color: #e8431b;
  padding: 32px; }
  .newsletter-home .button-newsletter {
    background-color: white;
    padding: 10px 20px;
    font-size: 14px; }
    .newsletter-home .button-newsletter:hover {
      background-color: black;
      color: white; }
  .newsletter-home .socials i {
    font-size: 1.4rem; }

.home .menu-home-classic {
  width: 100%;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 16px 32px;
  padding-bottom: 0px; }
  .home .menu-home-classic li {
    list-style: none;
    margin-right: 32px;
    font-size: 1.1rem; }
    .home .menu-home-classic li a:hover {
      color: #e8431b; }
  .home .menu-home-classic .divider {
    border-left: 1px solid #000;
    width: 1px;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px; }

.home .navbar.menu-home {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 0px !important; }
  .home .navbar.menu-home .navbar-menu {
    width: 100%;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .home .navbar.menu-home .custom-logo-link {
    display: none; }
    .home .navbar.menu-home .custom-logo-link.mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .home .navbar.menu-home .box-right-menu {
    position: initial;
    margin-left: auto;
    margin-right: 16px; }
  .home .navbar.menu-home .navbar-toggler-icon {
    color: black; }

.home .btn-filter.inverse {
  padding: 10px 120px;
  background-color: #e8431b;
  color: white;
  margin-top: 32px; }

.home .card-module img {
  background-color: transparent; }

.navbar.menu-home #menu_principal {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  width: 100%;
  z-index: 1; }
  .navbar.menu-home #menu_principal ul {
    padding-left: 0px;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit; }
    .navbar.menu-home #menu_principal ul .divider-home {
      width: 1px;
      height: 62px;
      background-color: #707070; }

.menu_home li {
  padding-left: 5px; }
  .menu_home li .fas, .menu_home li .fal.far, .menu_home li .fab {
    float: right;
    margin-left: 9px; }
  .menu_home li a {
    background-color: #FFFF00;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 20px !important; }

.block.modules {
  padding-top: 32px;
  margin-top: 32px; }
  .block.modules a:hover {
    text-decoration: none; }

.home .close-module {
  margin-left: auto;
  margin-right: 32px;
  cursor: pointer;
  padding-bottom: 32px; }
  .home .close-module i {
    font-size: 2rem; }
  .home .close-module.collapsed i:before {
    content: '\f067'; }

.home .title-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-left: 32px;
  padding-bottom: 32px; }
  .home .title-module i {
    margin-right: 32px;
    color: white;
    background-color: black;
    border-radius: 50%;
    font-size: 2rem;
    width: 1.9rem;
    height: 1.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .home .title-module h2 {
    font-size: 3.3rem;
    line-height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 500; }

.home h2 {
  font-size: 3.3rem;
  line-height: 2.5rem;
  padding-left: 32px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500; }
  .home h2 i {
    margin-right: 32px;
    color: white;
    background-color: black;
    border-radius: 50%;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.home .block_content {
  max-width: 800px;
  padding-right: 100px;
  margin-top: -180px; }

.home .partners h2 {
  font-size: 1.3rem; }

.home .partners .partner {
  margin-right: 32px; }

.horizontal_related .voir_tout, .horizontal_cinema .voir_tout {
  position: relative; }
  .horizontal_related .voir_tout img, .horizontal_cinema .voir_tout img {
    background-color: #e8431b; }
  .horizontal_related .voir_tout .block, .horizontal_cinema .voir_tout .block {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    font-size: 1.6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500; }
    .horizontal_related .voir_tout .block i, .horizontal_cinema .voir_tout .block i {
      margin-top: 16px;
      width: 100%;
      font-size: 2rem; }

.horizontal_related img {
  width: 25vw; }

.horizontal_related .wrapper {
  max-width: 25vw; }

.horizontal_cinema {
  padding-left: 22px; }
  .horizontal_cinema img {
    max-width: 15.3vw; }
  .horizontal_cinema .slick-slide > div {
    padding: 0 10px; }

.vignette_cinema:hover .wrapper {
  display: block; }
  .vignette_cinema:hover .wrapper .title-vignette {
    color: white; }

.vignette_cinema:hover .ticket_and_dates {
  display: block; }

.vignette_cinema:hover .notification {
  display: none; }

.vignette_cinema .parent {
  position: relative; }

.vignette_cinema .card-top {
  padding: 16px; }
  .vignette_cinema .card-top .cinema_cycle {
    color: white;
    border-bottom: 1px solid white;
    text-transform: lowercase; }

.vignette_cinema .wrapper {
  position: absolute;
  top: 16%;
  display: none;
  color: white; }
  .vignette_cinema .wrapper h1, .vignette_cinema .wrapper h2, .vignette_cinema .wrapper h3, .vignette_cinema .wrapper h4, .vignette_cinema .wrapper p {
    color: white; }
  .vignette_cinema .wrapper .title-vignette {
    font-size: 1.8rem;
    line-height: 120%; }

.vignette_cinema .ticket_and_dates {
  display: none;
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 100%; }
  .vignette_cinema .ticket_and_dates .ticket {
    position: initial;
    background-color: #e8431b;
    border-radius: 50%;
    padding: 10px;
    padding-top: 12px;
    font-size: 1.3rem; }

.typewriter {
  display: inline-block; }

.typewriter-text {
  display: inline-block;
  overflow: hidden;
  letter-spacing: 2px;
  -webkit-animation: typing 1.4s steps(30, end) forwards, blink 0.75s step-end infinite;
  animation: typing 1.4s steps(30, end) forwards, blink 0.75s step-end infinite;
  white-space: nowrap;
  font-size: 48px;
  font-weight: 700;
  border-color: transparent;
  border-right: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.typewriter-text_baseline {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  letter-spacing: 2px;
  -webkit-animation: typing 0.6s 0.6s steps(12, end) forwards, blink 0.75s step-end infinite;
  animation: typing 0.6s 0.6s steps(12, end) forwards, blink 0.75s step-end infinite;
  white-space: nowrap;
  border-right: 1px solid black;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0%;
  opacity: 0;
  border-color: transparent;
  border-right: 0px; }

@-webkit-keyframes typing {
  from {
    width: 0%;
    opacity: 1; }
  to {
    opacity: 1;
    width: 100%;
    border-color: transparent;
    border-right: 0px !important; } }

@keyframes typing {
  from {
    width: 0%;
    opacity: 1; }
  to {
    opacity: 1;
    width: 100%;
    border-color: transparent;
    border-right: 0px !important; } }

@-webkit-keyframes blink {
  from, to {
    border-right: 1px solid transparent; }
  50% {
    border-right: 1px solid black; } }

@keyframes blink {
  from, to {
    border-right: 1px solid transparent; }
  50% {
    border-right: 1px solid black; } }

#anim_far #logo_texte {
  -webkit-animation: anim_far;
  animation: anim_far;
  -webkit-animation-duration: 1.80s;
  animation-duration: 1.80s; }

#anim_far #baseline {
  -webkit-animation: baseline;
  animation: baseline;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1.60s;
  animation-delay: 1.60s;
  -webkit-transform: translate(0, 60vh);
  -ms-transform: translate(0, 60vh);
  transform: translate(0, 60vh);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes anim_far {
  from {
    -webkit-transform: translate(0, -60vh);
    transform: translate(0, -60vh); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes anim_far {
  from {
    -webkit-transform: translate(0, -60vh);
    transform: translate(0, -60vh); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes baseline {
  from {
    -webkit-transform: translate(0, 60vh);
    transform: translate(0, 60vh); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes baseline {
  from {
    -webkit-transform: translate(0, 60vh);
    transform: translate(0, 60vh); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

#slide_one {
  position: relative;
  height: 92vh;
  background-position: cover;
  overflow: hidden;
  top: 0;
  left: 0;
  background: #FFFFF;
  overflow: hidden; }

@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
    transform: translate3d(0, 0, 1px) rotate(360deg); } }

@keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
    transform: translate3d(0, 0, 1px) rotate(360deg); } }
  #slide_one img {
    height: 92vh; }
  #slide_one .dates {
    position: absolute;
    top: 32px;
    left: 16px;
    font-size: 1.6rem;
    font-weight: bold; }
    #slide_one .dates .sup {
      position: absolute;
      top: -16px;
      font-size: 0.6rem;
      font-weight: bold; }
    #slide_one .dates .annee {
      font-weight: normal; }
  #slide_one #logo {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #slide_one #logo #logo_texte {
      width: 100%;
      font-size: 5rem;
      font-weight: bold; }
      #slide_one #logo #logo_texte span {
        font-weight: 300;
        font-size: 7rem; }
    #slide_one #logo #baseline {
      width: 100%;
      font-size: 1.54rem;
      font-weight: 500;
      margin-top: 28px; }
      #slide_one #logo #baseline span {
        font-weight: 400; }

.arrow_down {
  position: absolute;
  bottom: 0px;
  width: 30px;
  left: calc(50% - 30px);
  text-align: center;
  font-size: 3em;
  text-shadow: 1px 1px 2px #777777; }
  .arrow_down a {
    color: white; }

.footer .button-newsletter {
  background-color: #e8431b;
  padding: 10px 20px;
  font-size: 14px;
  color: white; }
  .footer .button-newsletter:hover {
    background-color: black;
    color: white; }

#overlayer_anim {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  #overlayer_anim .circle-background {
    right: 14vw;
    width: 60vh;
    height: 60vh;
    border-radius: 50%;
    text-align: center;
    position: relative; }
    #overlayer_anim .circle-background:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #e8431b;
      mix-blend-mode: multiply; }
  #overlayer_anim .block_background {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: #0e0e0d;
    z-index: 2;
    opacity: 0.5; }
  #overlayer_anim img {
    margin: 0 auto; }
  #overlayer_anim #logo_home {
    max-width: 20vw; }
  #overlayer_anim h1 {
    color: white;
    font-size: 4rem;
    font-weight: 500;
    line-height: 4rem;
    text-align: right;
    top: 13%;
    right: -7%;
    position: relative; }
  #overlayer_anim p {
    color: white;
    margin-top: 16px;
    margin-bottom: 64px;
    font-size: 1.2rem;
    text-shadow: 1px 1px 2px #777777; }
  #overlayer_anim #anim-text {
    overflow: hidden;
    color: white;
    position: absolute;
    font-size: 1.7rem;
    height: 50px;
    z-index: 3;
    bottom: 20vh; }
  #overlayer_anim #anim-text span {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 0s linear infinite;
    -webkit-animation: scroll-left 0s linear infinite;
    animation: scroll-left 10s linear infinite; }

@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(0%); }
  100% {
    -moz-transform: translateX(-150%); } }

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-150%); } }

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%); } }

.menu_slider {
  background-color: black; }
  .menu_slider a {
    color: white; }
  .menu_slider ul {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px; }
    .menu_slider ul li {
      margin-left: 8px;
      margin-right: 8px; }
      .menu_slider ul li a {
        color: white;
        font-size: 1.2rem; }
    .menu_slider ul .pro {
      font-size: 0.6rem;
      margin-left: 8px; }

.home_title {
  color: #000;
  font-size: 18px;
  font-family: "FaktPro", sans-serif !important;
  text-transform: uppercase;
  font-weight: 500; }

body.page-template-home {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.carousel-home {
  cursor: pointer;
  position: absolute;
  right: -50px;
  top: 50%; }

.with_slider .navbar-light .navbar-brand {
  color: white;
  text-shadow: 1px 1px 2px #777777; }

.with_slider .slider-home {
  margin-top: -64px; }

.slider-home {
  height: 80vh; }
  .slider-home .circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    mix-blend-mode: multiply;
    display: block; }
    .slider-home .circle circle {
      fill: #e8431b !important; }
  .slider-home .dates_block {
    -webkit-writing-mode: tb;
    -ms-writing-mode: tb;
    writing-mode: tb;
    text-orientation: mixed;
    /* Abs positioning makes it not take up vert space */
    position: absolute;
    bottom: 64px;
    right: 32px;
    /* Rotate from top left corner (not default) */
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    text-shadow: 1px 1px 2px #777777;
    color: white;
    font-size: 1.8rem;
    font-weight: 600; }
  .slider-home .carousel-item {
    height: 80vh; }
    .slider-home .carousel-item .intern {
      position: absolute;
      bottom: 64px;
      left: 32px;
      z-index: 3; }
  .slider-home .background-slider {
    height: 100%;
    width: 100%;
    background-position: top;
    background-size: cover; }
  .slider-home .carousel-item h1 {
    color: white;
    font-size: 4rem;
    line-height: 100%;
    font-weight: 500;
    text-shadow: 1px 1px 1px #777777;
    font-weight: 400; }
  .slider-home .carousel-item h3.compagnie {
    font-size: 1.5rem; }
  .slider-home .carousel-item h3, .slider-home .carousel-item div {
    text-shadow: 1px 1px 2px #777777; }
  .slider-home .carousel-item h4 {
    font-size: 1.2rem; }
  .slider-home .carousel-item h6 {
    font-size: 1.10rem; }
  .slider-home .carousel-item .description {
    color: white;
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 32px; }
    .slider-home .carousel-item .description h3, .slider-home .carousel-item .description h4 {
      color: white; }
    .slider-home .carousel-item .description h3 {
      font-size: 2rem;
      font-weight: 400;
      line-height: 27px;
      margin-bottom: 8px; }
    .slider-home .carousel-item .description h4 {
      text-transform: initial; }
  .slider-home .carousel-item .date_slider {
    color: white;
    font-size: 1.8rem; }
    .slider-home .carousel-item .date_slider b {
      font-weight: semi-bold; }

.card-module img {
  background-color: #e8431b; }

.card-home .mask {
  -webkit-filter: none;
  filter: none;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 100%;
  position: absolute;
  width: 100%; }

.card-home:hover .mask {
  -webkit-filter: opacity(82%);
  filter: opacity(82%);
  background-color: #e8431b; }

.module-home {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%; }
  .module-home .contenu {
    z-index: 2;
    position: absolute;
    left: 16px;
    top: 16px;
    width: calc(100% - 16px); }
    .module-home .contenu i {
      font-size: 2.5rem;
      margin-left: 1rem;
      margin-right: 1rem;
      color: white; }
    .module-home .contenu img.module-image-icon {
      max-width: 60px; }
  .module-home .card-title {
    color: white;
    font-weight: bold;
    font-size: 1.3rem;
    width: 100%;
    text-align: left; }
    .module-home .card-title p {
      font-size: 1.3rem;
      color: white; }
  .module-home .icones {
    position: absolute;
    left: 16px;
    bottom: 16px;
    margin-right: 16px; }
    .module-home .icones i {
      font-size: 1.4em;
      color: white; }

#collapseNews .card-module:hover .card-block .card-title {
  color: #e8431b; }

.actualites {
  width: 100%; }
  .actualites .titre_actualite:hover {
    text-decoration: none; }
  .actualites .actualite {
    border-top: 1px solid black;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative; }
    .actualites .actualite > a {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      cursor: pointer; }
    .actualites .actualite:hover .block_image {
      position: relative; }
      .actualites .actualite:hover .block_image .background-hover {
        background-color: #00818c;
        position: absolute;
        height: 100%;
        width: 100%;
        mix-blend-mode: multiply;
        display: block; }
      .actualites .actualite:hover .block_image .overlayer_block {
        display: block; }
    .actualites .actualite:hover .card-block .ticket_and_dates {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .actualites .actualite:hover a {
      text-decoration: none; }
    .actualites .actualite:hover .card-title {
      color: #e8431b; }
    .actualites .actualite .auteur p {
      font-size: 1rem;
      line-height: 125%;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 16px;
      margin-top: 4px; }
    .actualites .actualite .sous-titre p {
      font-size: 1.1rem;
      line-height: 125%; }
    .actualites .actualite .block_image {
      position: relative; }
      .actualites .actualite .block_image > a {
        z-index: 2;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        cursor: pointer; }
      .actualites .actualite .block_image .background-hover {
        display: none;
        padding: 32px; }
      .actualites .actualite .block_image .overlayer_block {
        color: white;
        display: none;
        z-index: 1;
        position: absolute;
        padding: 32px;
        line-height: 140%;
        font-weight: 500; }
    .actualites .actualite .card-block {
      padding: 32px;
      position: relative;
      pointer-events: none;
      z-index: 1; }
      .actualites .actualite .card-block a {
        pointer-events: all;
        position: relative;
        cursor: pointer; }
      .actualites .actualite .card-block .festival {
        font-size: 1.3rem;
        border-bottom: 1px solid #000;
        font-weight: 500;
        text-transform: lowercase; }
      .actualites .actualite .card-block .discipline {
        font-size: 1.3rem;
        font-weight: 500;
        text-transform: lowercase; }
      .actualites .actualite .card-block .texte_court {
        margin-top: 16px; }
      .actualites .actualite .card-block .ticket_and_dates {
        display: none;
        position: absolute;
        bottom: 16px;
        font-size: 1.1rem; }
        .actualites .actualite .card-block .ticket_and_dates i {
          margin-right: 16px;
          font-size: 1.3rem; }
        .actualites .actualite .card-block .ticket_and_dates .bolder {
          font-weight: 600; }

/* ---------------------------------------------------
    MEDIAQUERIES / RESPONSIVE
----------------------------------------------------- */
@media (max-width: 576px) {
  .newsletter-home h4 {
    width: 100vw;
    text-align: center; }
  .newsletter-home .button-newsletter {
    text-align: center; }
  .newsletter-home .socials {
    width: 100vw;
    text-align: center; }
  .home .title-module {
    padding-left: 16px;
    padding-bottom: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .home .title-module h2 {
      font-size: 2rem;
      line-height: 110%; }
    .home .title-module h3 {
      font-size: 1.2rem;
      line-height: 110%; }
    .home .title-module i {
      margin-right: 16px; }
  .home .close-module {
    padding-bottom: 16px;
    margin-right: 16px; }
  .home .horizontal_cinema {
    padding-left: 0px; }
    .home .horizontal_cinema img {
      max-width: calc(50vw - 10px); }
  .home .horizontal_related img {
    max-width: 100vw; }
  .home .horizontal_related .wrapper {
    max-width: 100vw; }
  .home .actualites .actualite {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .home .actualites .actualite .card-block {
      padding: 16px; }
      .home .actualites .actualite .card-block .festival, .home .actualites .actualite .card-block .discipline {
        font-size: 1.1rem; }
      .home .actualites .actualite .card-block .ticket_and_dates {
        margin-top: 16px;
        position: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .vignette_cinema:hover .sous-titre {
    display: none; }
  .vignette_cinema:hover .title-vignette {
    font-size: 1.3rem; }
  .vignette_cinema:hover .author {
    font-size: 0.9rem; }
  #collapseNews .col-12 {
    padding: 0px; }
    #collapseNews .col-12 .card-module {
      padding: 0px; }
      #collapseNews .col-12 .card-module .card-block {
        padding-left: 16px !important;
        padding-right: 16px !important; }
        #collapseNews .col-12 .card-module .card-block .card-title {
          font-size: 1.3rem; }
  #slide_one {
    height: 40vh;
    background-size: cover;
    background-position: center; }
  .arrow_down {
    display: none !important; }
  .slider-home {
    height: initial;
    padding: 0px; }
    .slider-home iframe {
      -webkit-transform: scale(4.6);
      -ms-transform: scale(4.6);
      transform: scale(4.6);
      height: initial !important;
      width: initial !important; }
    .slider-home .carousel-item .date_slider {
      position: initial !important;
      margin-top: 0px; }
    .slider-home .carousel-item .intern {
      position: absolute;
      left: 0px;
      bottom: 16px;
      text-align: left !important;
      padding-left: 16px !important; }
  .horizontal_related img {
    width: initial; } }

@media (max-width: 575px) {
  #slide_one #logo #anim_far #logo_texte {
    font-size: 3rem; }
    #slide_one #logo #anim_far #logo_texte span {
      font-size: 4.1rem; }
  #slide_one #logo #anim_far #baseline {
    font-size: 0.9rem;
    margin-top: 8px; }
  .home .btn-filter.inverse {
    width: 100%; }
  .card-home {
    height: inherit; }
  .home .carousel-item {
    height: 50vh !important; }
  .slider-home .carousel-item {
    height: 50vh; }
    .slider-home .carousel-item .background-slider {
      width: 100%;
      background-position: top;
      background-size: cover;
      -webkit-transition: height 250ms 600s !important;
      -o-transition: height 250ms 600s !important;
      transition: height 250ms 600s !important; }
    .slider-home .carousel-item h2 {
      font-size: 1.9rem !important;
      line-height: 2.1rem !important; }
    .slider-home .carousel-item .block_content {
      width: 90%;
      text-align: center; } }

@media (max-width: 768px) {
  .home h2 {
    font-size: 2rem; }
  .home .modules {
    margin-top: 32px !important; }
  .slider-home #overlayer_anim .block_background {
    height: 100% !important; }
  .slider-home #overlayer_anim h1 {
    font-size: 2.5rem;
    line-height: 110%;
    margin-top: 0px;
    margin-left: 0px; }
  .slider-home #overlayer_anim .circle-background {
    margin-left: 0px;
    height: 40vh;
    width: 40vh; }
  .slider-home .carousel-item h1 {
    font-size: 1.5rem; }
  .slider-home .carousel-item .d-inline-block {
    padding-left: 0px; }
  .slider-home .carousel-item .date_slider {
    position: initial; }
  .slider-home .carousel-item .intern {
    text-align: center; }
    .slider-home .carousel-item .intern h2 {
      font-size: 1.9rem !important;
      line-height: 2.1rem !important; }
  .slider-home .carousel-item .block_content {
    width: 100%;
    text-align: center;
    padding-right: 0px;
    margin-top: 0px; }
  .slider-home .background-slider {
    height: 100%;
    width: 100%;
    background-position: top;
    background-size: cover; }
  .slider-home #etoile {
    display: none; }
  .slider-home .carousel-item h2 {
    color: white;
    margin-bottom: 0px; }
  .slider-home .carousel-item h3.compagnie {
    font-size: 1.1rem;
    line-height: 1.3rem; }
  .slider-home .carousel-item .description {
    color: white; }
    .slider-home .carousel-item .description h3 {
      font-size: 1.4rem;
      line-height: 1.5rem; }
  .slider-home .carousel-item .date_slider {
    color: white;
    font-size: 1.4rem;
    line-height: 1.5rem; }
    .slider-home .carousel-item .date_slider b {
      font-weight: semi-bold; } }

@media (max-width: 920px) {
  .actualites .actualite a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .actualites .actualite a img {
      width: 100%;
      height: intrinsic; } }