@charset "utf-8";
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-ExtraBoldItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-BlackItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Bold.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Black.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-ExtrathinItalic";
  src: url("/webfonts/Averta/Averta-ExtrathinItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-ExtrathinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-ExtraBold.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-BoldItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-LightItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Thin.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Semibold.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-Extrathin";
  src: url("/webfonts/Averta/Averta-Extrathin.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Extrathin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-RegularItalic";
  src: url("/webfonts/Averta/Averta-RegularItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Regular.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-ThinItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-SemiboldItalic.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("/webfonts/Averta/Averta-Light.woff2") format("woff2"),
    url("/webfonts/Averta/Averta-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("/webfonts/icomoon.eot");
  src: url("/webfonts/icomoon.eot#iefix") format("embedded-opentype"),
    url("/webfonts/icomoon.ttf") format("truetype"),
    url("/webfonts/icomoon.woff") format("woff"),
    url("/webfonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-trashcan:before {
  content: "\e907";
}
.icon-bin:before {
  content: "\e900";
}
.icon-bin1:before {
  content: "\e901";
}
.icon-trash1:before {
  content: "\e908";
}
.icon-trash-can:before {
  content: "\e903";
}
.icon-trash-can1:before {
  content: "\e904";
}
.icon-trash-can2:before {
  content: "\e905";
}
.icon-trash-can3:before {
  content: "\e906";
}
.icon-trash:before {
  content: "\e902";
}
.icon-arrow-left:before {
  content: "\e909";
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-enveloppe:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
}
.icon-fleche-droite:before {
  content: "\e90d";
}
.icon-fleche-gauche:before {
  content: "\e90e";
}
.icon-google:before {
  content: "\e90f";
}
.icon-here:before {
  content: "\e910";
}
.icon-instagram:before {
  content: "\e911";
}
.icon-kart-2:before {
  content: "\e912";
}
.icon-kart:before {
  content: "\e913";
}
.icon-linkedin:before {
  content: "\e914";
}
.icon-loupe-droite:before {
  content: "\e915";
}
.icon-loupe-gauche:before {
  content: "\e916";
}
.icon-loupe-min-droite:before {
  content: "\e917";
}
.icon-loupe-min-gauche:before {
  content: "\e918";
}
.icon-menu-big:before {
  content: "\e919";
}
.icon-menus:before {
  content: "\e91a";
}
.icon-newsletter:before {
  content: "\e91b";
}
.icon-pageremplie:before {
  content: "\e91c";
}
.icon-pagevide:before {
  content: "\e91d";
}
.icon-perso-norm:before {
  content: "\e91e";
}
.icon-perso-thin:before {
  content: "\e91f";
}
.icon-phone:before {
  content: "\e920";
}
.icon-pinterest:before {
  content: "\e921";
}
.icon-researchgate:before {
  content: "\e922";
}
.icon-round:before {
  content: "\e923";
}
.icon-roundsquare:before {
  content: "\e924";
}
.icon-smartphone:before {
  content: "\e925";
}
.icon-square:before {
  content: "\e926";
}
.icon-tripadvisor:before {
  content: "\e927";
}
.icon-twitter:before {
  content: "\e928";
}
.icon-vimeo:before {
  content: "\e929";
}
.icon-youtube:before {
  content: "\e92a";
}
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-moz-selection {
  background: #dc143c;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #dc143c;
  color: #ffffff;
  text-shadow: none;
}
figure {
  margin: 0;
}
img {
  border: none;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
  text-decoration: none;
}
* {
  outline: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: 1px solid #dc143c;
}
footer ul,
.titres {
  font-family: "Averta", sans-serif;
}
.bold,
.titres span,
.un-spectacle .contenu h3,
.un-spectacle .les-images .other-picts.with-label::after,
.les-spectacles article h2,
.les-spectacles article h3,
.les-actualites article h2,
.les-actualites article h3,
.black,
#subscribe h3,
#affiches figcaption,
.un-spectacle .contenu h2,
.un-spectacle .contenu h4,
.un-spectacle .partage-spectacle strong,
.les-spectacles figure figcaption span,
.blocs-alternatifs .un-bloc .bloc-contenu article .bolder,
.contact h1,
.contact #localisation em,
.les-actualites figure figcaption span,
.page-legal .other-news h2,
.page-actualite .other-news h2,
.theatre article a,
header ul,
#subscribe form label,
footer #copyright .copyright,
footer .legal a,
.contact #formulaire label,
body,
#nouveaux-spectacles .un-spectacle div h2,
.contact #formulaire input[type="text"],
.contact #formulaire input[type="email"],
.contact #formulaire input[type="tel"],
.contact #formulaire textarea,
.contact #formulaire select {
  font-family: "Averta", sans-serif;
}
.bold,
.titres span,
.un-spectacle .contenu h3,
.un-spectacle .les-images .other-picts.with-label::after,
.les-spectacles article h2,
.les-spectacles article h3,
.les-actualites article h2,
.les-actualites article h3,
.black,
#subscribe h3,
#affiches figcaption,
.un-spectacle .contenu h2,
.un-spectacle .contenu h4,
.un-spectacle .partage-spectacle strong,
.les-spectacles figure figcaption span,
.blocs-alternatifs .un-bloc .bloc-contenu article .bolder,
.contact h1,
.contact #localisation em,
.les-actualites figure figcaption span,
.page-legal .other-news h2,
.page-actualite .other-news h2,
.theatre article a,
header ul,
#subscribe form label,
footer #copyright .copyright,
footer .legal a,
.contact #formulaire label,
body,
#nouveaux-spectacles .un-spectacle div h2,
.contact #formulaire input[type="text"],
.contact #formulaire input[type="email"],
.contact #formulaire input[type="tel"],
.contact #formulaire textarea,
.contact #formulaire select {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
}
.bold,
.titres span,
.un-spectacle .contenu h3,
.un-spectacle .les-images .other-picts.with-label::after,
.les-spectacles article h2,
.les-spectacles article h3,
.les-actualites article h2,
.les-actualites article h3 {
  font-weight: 700;
}
.black,
#subscribe h3,
#affiches figcaption,
.un-spectacle .contenu h2,
.un-spectacle .contenu h4,
.un-spectacle .partage-spectacle strong,
.les-spectacles article h2,
.les-spectacles figure figcaption span,
.blocs-alternatifs .un-bloc .bloc-contenu article .bolder,
.contact h1,
.contact #localisation em,
.les-actualites article h2,
.les-actualites figure figcaption span,
.page-legal .other-news h2,
.page-actualite .other-news h2,
.theatre article a {
  font-weight: 900;
}
header ul {
  font-size: 16px;
}
footer ul {
  font-weight: 600;
  font-size: 16px;
}
.titres {
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  padding: 40px 0;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .titres {
    font-size: 30px;
    line-height: 30px;
  }
}
.titres {
  color: #ffffff;
  background: #2b2b2b;
}
.titres img {
  position: relative;
  top: -5px;
}
.titres span {
  display: block;
  margin: -10px 0 -20px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-top: 10px;
}
.dates,
.titre-spectacle,
.blocs-actualites .nouvelle-entree figcaption,
.un-spectacle .liste-artistes em,
.un-spectacle .prices strong,
#affiches figcaption {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc143c;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  overflow: hidden;
  margin: 0;
  padding: 0 5px 0 25px;
}
#subscribe form label,
footer #copyright .copyright,
footer .legal a,
.contact #formulaire label {
  font-size: 12px;
}
html {
  background-color: #101010;
}
html,
body {
  margin: 0;
  padding: 0;
}
.btn {
  border: 1px solid;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0s;
  -moz-transition: all 300ms linear 0s;
  -ms-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  font-weight: 600;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
}
.btn.red {
  background: #dc143c;
  border-color: #dc143c;
  color: #ffffff;
  border-radius: 30px;
}
.btn.red:hover {
  background: #ffffff;
  color: #dc143c;
}
header {
  background: #2B2B2B;
  color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1001;
  /*box-shadow: 0px 0px 15px 0px #000000;*/
}
@media (max-width: 768px) {
  header {
    max-height: 100vh;
    overflow: scroll;
  }
}
header #contenu-menu {
  min-height: 85px;
  height: 150px;
}
@media (max-width: 768px) {
  header #contenu-menu {
    height: auto !important;
  }
  header #contenu-menu .to-hide {
    display: none;
    padding-bottom: 200px;
  }
}
@media (min-width: 768px) {
  header #contenu-menu .to-hide {
    display: block !important;
  }
}
header .link-logo {
  position: relative;
  display: block;
  text-align: center;
}
header .link-logo img {
  position: absolute;
  right: 0;
  width: 350px;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
@media (max-width: 1400px) {
  header .link-logo img {
    width: 250px;
  }
}
@media (max-width: 500px) { /* 768 */
  header .link-logo img {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 250px;
  }
}
header ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
  font-weight: 600;
  color: #b3b3b3;
}
@media (max-width: 1024px) {
  header ul {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  header ul {
    font-size: 30px !important;
  }
}
header ul a {
  transition: color 0.4s;
}
header ul a::after {
  content: "";
  height: 2px;
  display: block;
  background: #dc143c;
  margin: 0 auto;
  width: 0;
  transition: width 0.4s;
}
header ul a:hover,
header ul a.active {
  color: #fff;
}
header ul a:hover::after,
header ul a.active::after {
  width: 30px;
}
header .social-bloc img {
  width: 40px;
}
main {
  display: block;
  overflow: hidden;
  padding-top: 150px;
  padding-bottom: 0;
  position: relative;
  background: #101010;
}
@media (max-width: 768px) {
  main {
    padding-top: 100px;
  }
}
main.page-un-acteur {
  background: #2b2b2b;
}
#subscribe {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 330px;
  box-shadow: 0 0 29px -10px #000;
  opacity: 0;
}
#subscribe.visible {
  opacity: 1;
  transition: opacity 400ms linear;
}
@media (max-width: 768px) {
  #subscribe {
    width: 100%;
  }
}
#subscribe h3 {
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  background: #dc143c;
  padding: 30px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
#subscribe h3:hover {
  color: #dc143c;
  background: #f8f1e7;
}
#subscribe form {
  display: none;
  background: #101010;
  padding: 15px 45px 50px;
}
#subscribe form label {
  color: #f8f1e7;
  line-height: 14px;
}
#subscribe form label a {
  text-decoration: underline;
}
#subscribe form input[type="tel"],
#subscribe form input[type="text"],
#subscribe form input[type="email"] {
  background: transparent;
  color: #f8f1e7;
  border: 1px solid #f8f1e7;
  border-radius: 3px;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 5px;
  height: 45px;
}
#subscribe form input[type="checkbox"] {
  vertical-align: top;
  margin-right: 5px;
}
footer {
  background-color: #2b2b2b;
  color: #ffffff;
}
@media (max-width: 768px) {
  footer .link-logo {
    text-align: center;
    width: 100%;
    display: block;
  }
}
footer .link-logo img {
  position: absolute;
  width: 100%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 15%, 0);
  -moz-transform: translate3d(-50%, 15%, 0);
  -ms-transform: translate3d(-50%, 15%, 0);
  -o-transform: translate3d(-50%, 15%, 0);
  transform: translate3d(-50%, 15%, 0);
  max-width: 300px;
}
@media (max-width: 768px) {
  footer .link-logo img {
    position: relative;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 70%;
  }
}
footer ul {
  margin: 0;
  list-style-type: none;
  padding: 75px 0;
}
@media (max-width: 768px) {
  footer ul {
    padding-top: 20px;
  }
}
footer ul li {
  margin: 5px 0;
}
footer ul a {
  color: #fff;
}
footer ul a b {
  font-weight: 700;
}
footer ul a[href*="mailto:"] {
  text-transform: none;
}
footer ul a:hover {
  color: #fff;
}
footer ul a img {
  width: 35px;
  margin-right: 5px;
}
footer #last-line {
  background: #101010;
  position: relative;
  padding-left: 20px;
}
footer #last-line ul {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 6px;
  display: flex;
  justify-content: center;
}
footer #last-line ul li {
  display: block;
  margin: 0 10px;
  padding: 10px 0;
}
footer #last-line ul li:hover {
  color: #101010;
}
footer #copyright {
  padding: 7px 25px;
  background: #101010;
}
footer #copyright .copyright:hover {
  color: #101010;
}
@media (max-width: 768px) {
  footer .legal {
    display: block;
    text-align: center;
  }
}
footer .legal a {
  color: #ffffff;
}
footer .legal a::after {
  content: " - ";
  display: inline-block;
  margin: 0 10px;
}
footer .legal a:last-of-type::after {
  content: "";
  display: none;
}
@media (max-width: 768px) {
  footer .legal a {
    display: block;
  }
  footer .legal a::after {
    content: "";
    display: block;
    height: 1px;
    width: 15px;
    background: #ffffff;
    margin: 10px auto;
  }
}
.slick-loading .slick-list {
  background: #fff url("./slick/ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: "slick";
  src: url("./slick/fonts/slick.eot");
  src: url("./slick/fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("./slick/fonts/slick.woff") format("woff"),
    url("./slick/fonts/slick.ttf") format("truetype"),
    url("./slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\2190";
}
[dir="rtl"] .slick-prev:before {
  content: "\2192";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\2192";
}
[dir="rtl"] .slick-next:before {
  content: "\2190";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
#nouveaux-spectacles {
  position: relative;
}
#nouveaux-spectacles .slick-arrow {
  z-index: 3;
  width: 35px;
  height: 35px;
}
#nouveaux-spectacles .slick-arrow.slick-prev {
  left: 20px;
}
#nouveaux-spectacles .slick-arrow.slick-next {
  right: 20px;
}
#nouveaux-spectacles .un-spectacle {
  position: relative;
  height: 550px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}
@media (max-width: 768px) {
  #nouveaux-spectacles .un-spectacle {
    height: 275px;
  }
}
#nouveaux-spectacles .un-spectacle div {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  bottom: 0;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  padding: 15px 25px;
  transition: background 500ms;
}
#nouveaux-spectacles .un-spectacle div:hover {
  background-color: rgba(16, 16, 16, 0.6);
}
#nouveaux-spectacles .un-spectacle div span {
  padding: 0 10px;
}
#nouveaux-spectacles .un-spectacle div h2 {
  display: inline-block;
  font-weight: 600;
}
#affiches figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  opacity: 0;
  transition: all 0.4s;
  background-color: rgba(16, 16, 16, 0.9);
  border: 10px solid #fff;
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  color: #fff;
}
#affiches figcaption span {
  display: block;
  margin-top: 30px;
  font-size: 16px;
  line-height: 18px;
}
#affiches .right-panel .prct-50 {
  overflow: hidden;
}
#affiches figure {
  overflow: hidden;
  position: relative;
}
#affiches figure:hover figcaption {
  opacity: 1;
}
#affiches figure:hover img {
  transform: scale(1.05);
}
#affiches figure img {
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .blocs-actualites.news .nouvelle-entree:nth-child(n + 2) {
    display: none;
  }
}
.blocs-actualites .nouvelle-entree {
  padding: 0;
}
.blocs-actualites .nouvelle-entree img {
  background: #dc143c;
  display: block;
  width: 100%;
  transition: all 0.4s;
}
.blocs-actualites .nouvelle-entree img:hover {
  transform: scale(1.02);
}
.blocs-actualites .nouvelle-entree figcaption {
  height: 120px;
  background: linear-gradient(90deg, #101010 0%, #101010 100%);
}
.blocs-actualites .nouvelle-entree figcaption h3,
.blocs-actualites .nouvelle-entree figcaption span {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.blocs-actualites .nouvelle-entree figcaption h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  overflow: hidden;
  width: 95%;
}
.blocs-actualites .nouvelle-entree figcaption span {
  text-transform: lowercase;
}
.blocs-actualites .nouvelle-entree figcaption span::before {
  content: "";
  display: block;
  height: 1px;
  width: 20px;
  margin: 5px auto;
  background: #ffffff;
}
.blocs-actualites .nouvelle-entree figcaption img {
  width: 30px;
  background: transparent;
}
#derniere-actualite {
  background: #101010;
  color: #ffffff;
}
#derniere-actualite h3,
#derniere-actualite h4 {
  text-align: center;
  margin: 0;
}
#derniere-actualite h3 {
  font-size: 30px;
  font-weight: 600;
}
#derniere-actualite h4 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: 20px;
  color: #b3b3b3;
}
#derniere-actualite h4::after {
  content: "";
  width: 80px;
  height: 1px;
  margin: 25px auto 0;
  background: #b3b3b3;
  display: block;
}
#derniere-actualite p {
  font-size: 15px;
}
#derniere-actualite p.text-center {
  margin-bottom: 35px;
}
#derniere-actualite #image-derniere-actu {
  background-position: center center;
  background-size: cover;
}
#derniere-actualite #image-derniere-actu img {
  opacity: 0;
}
#insta-fb-block {
  background: #dc143c;
  color: #ffffff;
  text-transform: uppercase;
}
#insta-fb-block figure {
  display: flex;
  align-items: center;
}
#insta-fb-block img {
  width: 40px;
  margin-right: 10px;
}
#insta-fb-block figcaption {
  position: relative;
  top: 2px;
}
#covid-9 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
#covid-9 #bg-covid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #dc143c;
  opacity: 0.7;
}
#covid-9 #content-covid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#covid-9 #content-covid article {
  max-width: 90%;
  width: 750px;
  background: #fff;
  border: 15px solid #dc143c;
  padding: 40px 20px;
  box-shadow: 0 0 24px -5px #000;
}
#covid-9 #content-covid article p {
  margin: 0 0 15px;
  font-size: 18px;
}
#covid-9 #content-covid article p:last-child {
  margin-bottom: 0;
}
#covid-9 #content-covid article p strong {
  color: #dc143c;
  text-transform: uppercase;
}
.page-un_acteur,
.page-un_spectacle {
  background-color: #2b2b2b;
  background: linear-gradient(180deg, #2b2b2b 20%, #2b2b2b 50%, #101010 100%);
}
.un-spectacle h1 b {
  font-weight: 600;
}
.un-spectacle .titres.title-degrade {
  background: transparent;
  color: #dc143c;
}
.un-spectacle .contenu {
  text-align: center;
  background: #2b2b2b;
  color: #ffffff;
}
.un-spectacle .contenu h2,
.un-spectacle .contenu h3 {
  margin: 0;
}
.un-spectacle .contenu h2 {
  background: #101010;
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
}
.un-spectacle .contenu h3 {
  background: #dc143c;
  color: #ffffff;
  font-weight: 600;
}
.un-spectacle .contenu h4 {
  font-size: 18px;
  color: #ffffff;
}
.un-spectacle .contenu div {
  text-align: left;
}
.un-spectacle .contenu div.contenu {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.un-spectacle .les-images figcaption {
  cursor: pointer;
}
.un-spectacle .les-images .other-picts {
  background-size: cover;
}
.un-spectacle .les-images .other-picts.with-label {
  position: relative;
}
.un-spectacle .les-images .other-picts.with-label::after {
  content: attr(data-size);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(220, 20, 60, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  transition: background 400ms;
}
.un-spectacle .les-images .other-picts.with-label:hover::after {
  background: rgba(220, 20, 60, 0.6);
}
.un-spectacle .casting {
  background: #2b2b2b;
  color: #ffffff;
  font-size: 15px;
}
.un-spectacle iframe {
  width: 100%;
}
.un-spectacle .blocs-extra {
  background: #2b2b2b;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .un-spectacle .blocs-extra {
    padding-bottom: 50px;
  }
}
.un-spectacle .blocs-extra:nth-child(2) {
  background: #ccc;
}
.un-spectacle .blocs-extra a {
  display: block;
  margin: 15px auto;
  color: #dc143c;
  position: relative;
  text-align: center;
  padding: 5px;
}
.un-spectacle .blocs-extra a::before,
.un-spectacle .blocs-extra a::after {
  content: "";
  height: 1px;
  width: 50%;
  background: #dc143c;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.un-spectacle .blocs-extra a::before {
  top: 0;
}
.un-spectacle .blocs-extra a::after {
  bottom: 0;
}
.un-spectacle .liste-artistes figure {
  width: 100%;
  max-width: 100px;
}
.un-spectacle .liste-artistes figure img {
  display: block;
  width: 100%;
}
.un-spectacle .liste-artistes em {
  background: #dc143c;
  width: 100%;
  color: #ffffff;
  font-style: normal;
  font-weight: 600;
  justify-content: flex-start;
  text-align: left;
}
.un-spectacle .titre-reserver {
  background: #dc143c;
  border-radius: 90px;
  max-width: 90%;
  margin: 50px auto 0;
}
.un-spectacle .prices {
  display: flex;
  flex-direction: column;
  height: 150px;
}
.un-spectacle .prices span,
.un-spectacle .prices strong {
  position: relative;
  display: flex;
  width: 100%;
  height: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: default;
}
.un-spectacle .prices span {
  background: #dc143c;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 0 20px;
}
.un-spectacle .prices strong {
  background: #f8f1e7;
  color: #dc143c;
  font-size: 25px;
}
.un-spectacle .partage-spectacle strong {
  font-size: 14px;
  text-align: center;
  display: block;
  color: #dc143c;
  font-weight: 400;
}
.un-spectacle .partage-spectacle nav i {
  color: #f8f1e7;
  background: #dc143c;
}
.un-spectacle .partage-spectacle nav i:hover {
  color: #dc143c;
  background: #ffffff;
}
.les-dates {
  display: block;
  width: 100%;
}
.les-dates form.uneDate {
  display: flex;
  width: 100%;
  background: #ffffff;
  color: #101010;
  align-items: center;
  padding-left: 20px;
  border-bottom: 4px solid #101010;
}
.les-dates form.uneDate label {
  margin: 0;
  line-height: 22px;
  text-transform: uppercase;
}
.les-dates form.uneDate button {
  background: #dc143c;
  color: #f8f1e7;
  margin-left: auto;
  border-radius: 0;
  border-color: #dc143c;
  padding: 30px 10px;
  width: 150px;
}
.les-dates form.uneDate button[type="button"] {
  background: #101010;
  border-color: #101010;
  cursor: not-allowed;
}
.les-dates form.uneDate button[type="button"]:hover {
  color: #f8f1e7;
}
.les-dates form.uneDate button:hover {
  color: #101010;
}
.others-acteurs {
  background: #dc143c;
  margin: 100px 0 75px;
}
.others-acteurs figure {
  position: relative;
}
.others-acteurs figure:hover figcaption {
  background: rgba(220, 20, 60, 0.8);
  border-color: #ffffff;
  color: #ffffff;
  transition-property: background, border, color;
  transition-duration: 500ms, 500ms, 500ms;
  transition-delay: 0ms, 300ms, 500ms;
}
.others-acteurs figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: transparent;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  transition: all 750ms;
}
#modalContact .modal-header {
  background-color: #dc143c;
}
#modalContact .modal-header h5 {
  color: #fff;
  text-transform: uppercase;
}
#modalContact #form-spectacle .form-row {
  margin-bottom: 10px;
}
#modalContact #form-spectacle input,
#modalContact #form-spectacle textarea {
  width: 100%;
  padding: 0 5px;
  height: 40px;
  background: #f1f1f1;
  border: 1px solid #2b2b2b;
}
#modalContact #form-spectacle textarea {
  height: 130px;
}
.les-spectacles .un-spectacle {
  width: 100%;
}
@media (min-width: 800px) {
  .les-spectacles .un-spectacle {
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .les-spectacles .un-spectacle {
    width: 25%;
  }
}
@media (min-width: 1800px) {
  .les-spectacles .un-spectacle {
    width: 20%;
  }
}
.les-spectacles article {
  height: 150px;
  background: linear-gradient(90deg, #101010 0%, #101010 100%);
  color: #fff;
  text-align: center;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.les-spectacles article h2,
.les-spectacles article h3 {
  margin: 0;
}
.les-spectacles article h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  max-height: 111px;
  overflow: hidden;
}
.les-spectacles article h3 {
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
}
.les-spectacles article h3::before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  margin: 10px auto;
  background: #fff;
}
.les-spectacles figure {
  position: relative;
}
.les-spectacles figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(16, 16, 16, 0.9);
  transition: opacity 400ms;
}
.les-spectacles figure figcaption span {
  padding: 40px;
  display: inline-block;
  width: 80%;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  max-width: 60%;
  border: 1px solid #fff;
}
.les-spectacles figure:hover figcaption {
  opacity: 1;
}
.blocs-alternatifs img {
  display: block;
  width: 100%;
}
.blocs-alternatifs .un-bloc .bloc-contenu {
  background: #101010;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 50px;
}
@media (max-width: 768px) {
  .blocs-alternatifs .un-bloc .bloc-contenu {
    padding: 20px;
  }
}
.blocs-alternatifs .un-bloc .bloc-contenu article {
  max-width: 500px;
  text-align: justify;
  color: #ffffff;
  font-size: 16px;
}
.blocs-alternatifs .un-bloc .bloc-contenu article .bolder {
  letter-spacing: 1px;
}
.blocs-alternatifs .un-bloc .bloc-contenu article a:not(.btn) {
  color: #dc143c;
}
.blocs-alternatifs .un-bloc .bloc-contenu article a.btn {
  width: 360px;
  display: block;
  margin: 0 auto;
}
.blocs-alternatifs .un-bloc .bloc-contenu article h2 {
  font-size: 40px;
  color: #dc143c;
  font-weight: 600;
  text-transform: uppercase;
}
.blocs-alternatifs .un-bloc .bloc-contenu article strong {
  font-weight: 600;
}
.blocs-alternatifs .un-bloc .bloc-contenu.rouge {
  background: #101010;
  color: #ffffff;
}
.blocs-alternatifs .un-bloc .bloc-contenu.rouge article {
  color: #ffffff;
}
.blocs-alternatifs .un-bloc .bloc-contenu.rouge article a {
  color: #f8f1e7;
}
.blocs-alternatifs .un-bloc .bloc-contenu.rouge article a:hover {
  color: #fff;
}
.blocs-alternatifs .un-bloc .bloc-images {
  position: relative;
  min-height: 500px;
}
.blocs-alternatifs .un-bloc .bloc-images div {
  min-height: 500px;
  position: relative;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.blocs-alternatifs .un-bloc .bloc-images div img {
  display: none;
}
.blocs-alternatifs .un-bloc:nth-child(even) .bloc-images {
  order: 1;
}
.blocs-alternatifs .un-bloc:nth-child(even) .bloc-contenu {
  order: 2;
}
.blocs-alternatifs .un-bloc:nth-child(odd) .bloc-images {
  order: 2;
}
.blocs-alternatifs .un-bloc:nth-child(odd) .bloc-contenu {
  order: 1;
}
@media (max-width: 768px) {
  .blocs-alternatifs .un-bloc .bloc-contenu {
    order: 2 !important;
  }
  .blocs-alternatifs .un-bloc .bloc-images {
    order: 1 !important;
  }
}
.contact {
  color: #ffffff;
  background-color: #2b2b2b;
  background: linear-gradient(180deg, #2b2b2b 20%, #2b2b2b 50%, #101010 100%);
}
.contact h1 {
  text-transform: uppercase;
  font-weight: 600;
}
.contact .contenu {
  max-width: 500px;
}
@media (max-width: 768px) {
  .contact .contenu {
    padding: 0 10px;
  }
}
.contact #maps {
  min-height: 450px;
}
.contact #localisation a.d-flex {
  align-items: center;
  margin-bottom: 10px;
}
.contact #localisation a,
.contact #localisation span {
  display: block;
}
.contact #localisation em {
  font-style: normal;
  letter-spacing: 1px;
}
.contact #localisation img {
  width: 35px;
}
.contact #formulaire {
  margin-top: 65px;
}
.contact #formulaire label {
  display: inline-block;
  margin: 5px 2px 0;
}
.contact #formulaire label a {
  text-decoration: underline;
}
.contact #formulaire input[type="text"],
.contact #formulaire input[type="email"],
.contact #formulaire input[type="tel"],
.contact #formulaire textarea,
.contact #formulaire select {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0 5px;
  background: transparent;
  display: block;
  width: 100%;
  height: 50px;
  resize: none;
  border-radius: 3px;
}
.contact #formulaire input[type="text"] + label,
.contact #formulaire input[type="email"] + label,
.contact #formulaire input[type="tel"] + label,
.contact #formulaire textarea + label,
.contact #formulaire select + label {
  display: block;
}
.contact #formulaire textarea {
  height: 150px;
}
.contact #formulaire button {
  padding-left: 20px;
  padding-right: 20px;
}
.les-actualites .une-actualite {
  width: 100%;
}
@media (min-width: 800px) {
  .les-actualites .une-actualite {
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .les-actualites .une-actualite {
    width: 25%;
  }
}
@media (min-width: 1800px) {
  .les-actualites .une-actualite {
    width: 20%;
  }
}
.les-actualites article {
  height: 165px;
  background: #101010;
  color: #f8f1e7;
  text-align: center;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.les-actualites article h2,
.les-actualites article h3 {
  margin: 0;
}
.les-actualites article h2 {
  font-size: 24px;
  line-height: 30px;
  max-height: 111px;
  overflow: hidden;
  font-weight: 600;
  font-size: 28px;
}
.les-actualites article h3 {
  font-weight: normal;
}
.les-actualites article h3::before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  margin: 10px auto;
  background: #fff;
}
.les-actualites figure {
  position: relative;
}
.les-actualites figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(220, 20, 60, 0.9);
  transition: opacity 400ms;
}
.les-actualites figure figcaption span {
  padding: 40px;
  display: inline-block;
  width: 80%;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 16px;
  text-transform: uppercase;
  max-width: 60%;
  border: 1px solid #fff;
}
.les-actualites figure:hover figcaption {
  opacity: 1;
}
.page-legal,
.page-actualite {
  background-color: #2b2b2b;
  background: linear-gradient(180deg, #2b2b2b 20%, #2b2b2b 50%, #101010 100%);
}
.page-legal h1,
.page-actualite h1 {
  padding-left: 5%;
  padding-right: 5%;
}
.page-legal article h2,
.page-actualite article h2 {
  font-size: 26px;
  color: #dc143c;
  font-weight: 600;
}
.page-legal article div,
.page-actualite article div {
  padding: 0 100px;
}
@media (max-width: 768px) {
  .page-legal article div,
  .page-actualite article div {
    padding: 0 20px;
  }
}
.page-legal figure,
.page-actualite figure {
  position: relative;
}
.page-legal figure .more,
.page-actualite figure .more {
  position: absolute;
  right: 8px;
  bottom: 0;
  color: #ffffff;
  background: #dc143c;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page-legal figure .more,
  .page-actualite figure .more {
    right: 0;
  }
}
.page-legal figure .more:hover,
.page-actualite figure .more:hover {
  background: #ffffff;
  color: #dc143c;
}
.page-legal .partage,
.page-actualite .partage {
  background: #101010;
  color: #ffffff;
}
.page-legal .partage img,
.page-actualite .partage img {
  width: 35px;
}
.page-legal .other-news img,
.page-actualite .other-news img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.page-legal .other-news img:hover,
.page-actualite .other-news img:hover {
  transform: scale(1.05);
}
.page-legal .other-news h2,
.page-actualite .other-news h2 {
  background: #dc143c;
  color: #f8f1e7;
  font-weight: 600;
  padding: 10px 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100px;
  overflow: hidden;
  line-height: 20px;
}
.page-legal .other-news h2:hover,
.page-actualite .other-news h2:hover {
  color: #fff;
}
.welcome-banner {
  height: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #101010;
  color: #fff;
}
.welcome-banner img {
  width: 200px;
  position: relative;
  z-index: 3;
  transform: translate3d(0, 55%, 0);
}
@media (max-width: 768px) {
  .welcome-banner {
    height: 120px;
  }
  .welcome-banner img {
    width: 120px;
    transform: translate3d(0, 0%, 0);
  }
}
footer.welcome {
  height: auto;
  padding: 120px 40px 250px;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 26px;
  background: #101010;
  color: #e46060;
}
.theatre {
  height: 100vh;
  top: 0;
  background: #dc143c;
}
@media (max-width: 768px) {
  .theatre {
    height: 35vh;
  }
}
.theatre .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.4s;
}
.theatre.charleroi {
  right: 0;
}
.theatre.charleroi .background {
  background-position: right center;
  background-image: url("/images-comedie/homepage/Home-Charleroi.jpg");
}
@media (max-width: 768px) {
  .theatre.charleroi .background {
    background-image: url("/images-comedie/homepage/Home-Charleroi-Mobile.jpg");
  }
}
.theatre.liege {
  left: 0;
}
.theatre.liege .background {
  background-position: left center;
  background-image: url("/images-comedie/homepage/Home-Liege.jpg");
}
@media (max-width: 768px) {
  .theatre.liege .background {
    background-image: url("/images-comedie/homepage/Home-Liege-Mobile.jpg");
  }
}
.theatre:hover article a {
  transform: scale(1.1);
}
.theatre article {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.theatre article a {
  transform: scale(0.8);
  display: block;
  width: 95%;
  padding: 25px;
  max-width: 350px;
  text-align: center;
  background: #dc143c;
  border: 2px solid #dc143c;
  color: #f8f1e7;
  transition: all 0.4s;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 24px;
  box-shadow: 0px 0px 25px 9px #fff;
  position: relative;
  z-index: 3;
}
.theatre article a:hover {
  color: #dc143c;
  background: #fff;
}
.sketch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#modal-popup h2 {
  font-size: 26px;
  text-transform: uppercase;
  color: #dc143c;
  font-family: "Alegreya Sans";
  font-weight: 900;
}
#modal-popup .modal-content {
  background: #dc143c;
}
#modal-popup .modal-content .modal-body {
  padding-bottom: 0;
}
#modal-popup .modal-content article {
  background: #fff;
  padding: 30px;
  text-align: center;
}
#modal-popup .modal-footer {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border-top: none !important;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
}
.book-container {
  background: #101010;
}
.book-container .container-table {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
}
.book-container .navigation-book {
  margin-bottom: 40px;
}
.book-container .navigation-book ul {
  display: flex;
  padding: 0;
  margin: 0;
}
.book-container .navigation-book ul li {
  list-style: none;
  width: 33.3333333333%;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  border: 1px solid #2b2b2b;
}
@media (max-width: 768px) {
  .book-container .navigation-book ul li {
    font-size: 14px;
  }
}
.book-container .navigation-book ul li.active {
  background: #ffffff;
}
.header-booking {
  border: 1px solid #ccc;
  padding: 30px;
}
.header-booking figure {
  display: flex;
  align-items: start;
}
.header-booking figure img {
  max-width: 150px;
}
.header-booking figure figcaption {
  padding-left: 30px;
  text-transform: uppercase;
}
.header-booking figure figcaption h1 {
  color: #dc143c;
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 900;
}
.header-booking figure figcaption h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.header-booking figure figcaption h3 {
  font-weight: 900;
}
.zone-prix-booking {
  background: #ffffff;
  padding: 30px 30px 30px 210px;
}
@media (max-width: 768px) {
  .zone-prix-booking {
    padding-left: 30px;
  }
}
.zone-prix-booking table {
  width: 100%;
  font-weight: bold;
}
.zone-prix-booking input {
  width: 50px;
  height: 50px;
  background: #2b2b2b;
  border: none;
  border-radius: 0;
  text-align: center;
}
.zone-prix-booking tr td {
  border-bottom: 1px solid #101010;
  padding: 2px 0;
}
.zone-prix-booking tr td:last-child {
  text-align: right;
}
.zone-prix-booking tfoot {
  color: #dc143c;
}
.zone-prix-booking tfoot td {
  padding: 20px 0;
}
.zone-prix-booking tfoot input {
  width: 50px;
  height: 50px;
  background: #dc143c;
  color: #ffffff;
  border: none;
  border-radius: 0;
  text-align: center;
}
.footer-booking {
  background: #dc143c;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
}
.footer-booking a.back {
  font-size: 14px;
  text-decoration: underline;
  color: #f8f1e7;
}
.footer-booking .blocs-btn-prix .total,
.footer-booking .blocs-btn-prix .poursuivre {
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border: none;
}
.footer-booking .blocs-btn-prix .total {
  background: #2b2b2b;
  color: #101010;
}
.footer-booking .blocs-btn-prix .total b {
  padding-left: 5px;
}
.footer-booking .blocs-btn-prix .poursuivre {
  color: #dc143c;
  background: #fff;
}
.zone-donnes-booking {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 20px 10px;
}
.zone-donnes-booking .g-2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 14px;
}
.zone-donnes-booking .g-2 a {
  text-decoration: underline;
}
.zone-donnes-booking .programme-poste {
  padding: 20px 10px;
  width: 100%;
}
.zone-donnes-booking .element-input {
  padding: 10px;
}
.zone-donnes-booking .element-input input[type="text"],
.zone-donnes-booking .element-input input[type="email"],
.zone-donnes-booking .element-input input[type="tel"] {
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  padding: 0 5px;
  font-size: 15px;
}
.zone-recap {
  text-align: center;
}
.zone-recap article {
  background: #dc143c;
  color: #f8f1e7;
  padding: 30px 10px;
}
.zone-recap article b {
  display: block;
  color: #ffffff;
}
.zone-recap div {
  color: #dc143c;
  padding: 40px 0;
}
.zone-recap div a {
  text-transform: uppercase;
  font-weight: bold;
} /*# sourceMappingURL=/css/style.map */