@charset "UTF-8";
/*## Variables ##*/
/* Couleurs */
/*  */
html {
  height: 100%;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  width: auto;
}

menu {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  weight: normal;
  font-size: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*
    WIMM SASS
    Mixins and helpers functions
*/
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

a, .btn {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.left {
  float: left;
  margin-right: 15px;
}

.right {
  float: right;
  margin-left: 15px;
}

#msg {
  display: none;
  position: fixed;
  width: 90%;
  bottom: 0;
  margin-left: -45%;
  border-radius: 10px 10px 0px 0px;
  left: 50%;
  overflow: hidden;
  z-index: 50;
  color: white;
  padding: 0px;
}
#msg .notification {
  padding: 15px;
}
#msg .notification.success {
  background: green;
  color: white;
}
#msg .notification.error {
  background: red;
  color: white;
}

#loadingScreen .overlay {
  perspective: 1300px;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.6s;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0);
}
#loadingScreen .overlay .wait_msg {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  width: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  height: 50px;
  top: 50%;
  color: white;
  transition: all 0.3s;
  transform: rotateY(-70deg);
  border-radius: 4px;
  opacity: 0;
  overflow: auto;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
#loadingScreen.opened .overlay {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.45);
}
#loadingScreen.opened .overlay .wait_msg {
  visibility: visible;
  transform: rotateY(0deg);
  opacity: 1;
}

html {
  height: 100%;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  width: auto;
}

menu {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  weight: normal;
  font-size: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*
    WIMM SASS
    Mixins and helpers functions
*/
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

a, .btn {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.left {
  float: left;
  margin-right: 15px;
}

.right {
  float: right;
  margin-left: 15px;
}

#msg {
  display: none;
  position: fixed;
  width: 90%;
  bottom: 0;
  margin-left: -45%;
  border-radius: 10px 10px 0px 0px;
  left: 50%;
  overflow: hidden;
  z-index: 50;
  color: white;
  padding: 0px;
}
#msg .notification {
  padding: 15px;
}
#msg .notification.success {
  background: green;
  color: white;
}
#msg .notification.error {
  background: red;
  color: white;
}

#loadingScreen .overlay {
  perspective: 1300px;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.6s;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0);
}
#loadingScreen .overlay .wait_msg {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  width: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  height: 50px;
  top: 50%;
  color: white;
  transition: all 0.3s;
  transform: rotateY(-70deg);
  border-radius: 4px;
  opacity: 0;
  overflow: auto;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
#loadingScreen.opened .overlay {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.45);
}
#loadingScreen.opened .overlay .wait_msg {
  visibility: visible;
  transform: rotateY(0deg);
  opacity: 1;
}

/* Couleurs cinés */
.parc {
  background: #e02921;
}

.churchill {
  background: #009fc5;
}

.sauveniere {
  background: #98be32;
}

.cameo,
.cafeo {
  background: #f5a737;
}

/* clearfix */
.clear {
  clear: both;
}

/* Accessibilité */
.text-descriptif-link {
  position: absolute;
  display: none;
}

.diagonales {
  width: 100%;
  height: 10px;
  background-repeat: repeat-x !important;
  background-size: cover !important;
}

#closePage {
  position: absolute;
  right: 15px;
  margin-top: 15px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  z-index: 99;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  font-size: 2.3em;
}

/* movie selected arrow  */
.selecteMovieArrow {
  width: 25px;
  height: 25px;
  background: #70706f;
  transform: rotate(45deg);
  margin: auto;
  position: relative;
  margin-bottom: -25px;
  top: -5px;
  display: none;
}

/* Titres */
.titre_section {
  font-size: 2.5em;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.titre_section:after {
  display: block;
  margin: 0 auto;
  content: "";
  height: 2px;
  width: 240px;
  background: url(../images/titres_underline.png);
}

/* movie detail box */
#infoFilmWrapper {
  width: 100%;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 99;
  text-align: justify;
}
#infoFilmWrapper #infoFilm {
  background: #70706f;
  color: white;
  width: 100%;
  display: none;
  clear: both;
  margin-top: -2px;
}
#infoFilmWrapper #infoFilm #hideInfoFilm {
  background: white;
  float: right;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 25px;
  color: #808080;
  margin: 15px;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  border: none !important;
}
#infoFilmWrapper #infoFilm h3 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 10px;
  margin: 30px 30px 0px 30px;
  display: inline-block;
}
#infoFilmWrapper #infoFilm h3:after {
  display: block;
  content: "";
  height: 4px;
  width: 100%;
  background: url(../images/titres_underline.png);
  background-size: 100%;
}
#infoFilmWrapper #infoFilm .infoContent {
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 15px;
  font-size: 0.9em;
}
#infoFilmWrapper #infoFilm .infoContent .row {
  padding: 15px 0px;
}
#infoFilmWrapper #infoFilm .infoContent .row .linkMovie {
  background: white;
  color: grey;
  border-radius: 5px;
  padding: 10px;
  float: right;
  transition: all ease 0.2s;
}
#infoFilmWrapper #infoFilm .infoContent .row .linkMovie:hover {
  background: #008683;
  color: white;
  transition: all ease 0.2s;
}
#infoFilmWrapper #infoFilm .infoContent .row i {
  font-size: 25px;
}
#infoFilmWrapper #infoFilm .infoContent p {
  margin-top: 0px;
}
#infoFilmWrapper #infoFilm .infoContent .fiche {
  margin: 10px 0;
}
#infoFilmWrapper #infoFilm .infoContent .fiche ul {
  margin-bottom: 10px;
}
#infoFilmWrapper #infoFilm .picto {
  position: absolute;
  bottom: -115px;
  right: -5px !important;
}

/* Paralax */
.paralax {
  margin: 50px 0;
  height: 250px;
}

/** loader **/
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #008683;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  background-color: #e02921;
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/** fin loader **/
/** checkbox **/
.checkbox .logo {
  padding-top: 15px !important;
  width: 100%;
  text-align: center;
}
.checkbox .logo img {
  max-width: 50px;
  height: auto;
  opacity: 0.2;
  cursor: pointer;
}
.checkbox .toggle {
  background: #adadad;
  border-radius: 15px;
  height: 15px;
  position: relative;
  z-index: 99;
  width: 30px;
  margin: auto;
  top: -10px;
  border: solid 2px #eaeaea;
  cursor: pointer;
}
.checkbox .toggle .cursor {
  position: absolute;
  left: 0%;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: #d3d3d3;
  box-shadow: 2px 1px 10px -3px black;
}
.checkbox .toggle .cursor i {
  font-size: 10px;
  position: relative;
  top: -3px;
  color: #a7a7a7;
}

.checked .logo img {
  opacity: 1;
}
.checked .toggle {
  background: #adadad;
  border: solid 2px #eaeaea;
}
.checked .toggle .cursor {
  left: 50%;
  background: #fff;
  box-shadow: -2px -1px 10px -3px black;
}
.checked .toggle .cursor i {
  color: #96a750;
}

.checkbox {
  padding: 0px 50px;
  width: 256px !important;
  margin: auto !important;
}
.checkbox .checkboxToggle {
  display: none;
}
.checkbox .checkboxCursor {
  border: none;
  cursor: pointer;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 53px;
  top: 22px;
  z-index: 10;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}
.checkbox .selectedToggle {
  animation-name: selectCusror;
  animation-duration: 0.5s;
  left: 123px;
}
.checkbox .disableToggle {
  animation-name: disableCursor;
  animation-duration: 0.5s;
}
.checkbox .checkboxBackground {
  width: 130px;
  height: auto;
  opacity: 0.3;
  transition: opacity ease 0.2s;
}
.checkbox .selectedBackground {
  opacity: 1;
  transition: opacity ease 0.2s;
}
.checkbox .leftValue {
  color: #fff;
  position: absolute;
  top: 40%;
  left: 70px;
  z-index: 5;
}
.checkbox .rightValue {
  color: #fff;
  position: absolute;
  top: 40%;
  right: 98px;
  z-index: 5;
}

@keyframes selectCusror {
  from {
    left: 53px;
  }
  to {
    left: 123px;
  }
}
@keyframes disableCursor {
  from {
    left: 123px;
  }
  to {
    left: 53px;
  }
}
/** fin checkbox **/
/* slick override */
.slick-slide {
  outline: none !important;
}

/* slick arrow */
.slick-prev:before,
.slick-next:before {
  display: none;
}

/* video player */
.mejs__iframe-overlay iframe,
.mejs__container,
.mejs__container *,
.mejs-mediaelement iframe,
.me-plugin {
  width: 100% !important;
  height: 100% !important;
}

a:focus,
button:focus {
  outline: 1px lightgrey dashed;
  opacity: 1 !important;
  transition: all ease 0.2s;
}

a:hover,
button:hover {
  outline: 0px !important;
  transition: all ease 0.2s;
}

/**paginator **/
#paginator {
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
#paginator button {
  border: solid 2px black;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  background: transparent;
  margin: 0px 5px;
}
#paginator .current {
  border: solid 2px #008683;
  color: #008683;
}

.button, #dp_view .form_payement input[type=submit] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: white;
  background-color: #008683;
  border-color: #5ea5a3;
  transition: background-color 0.5s;
}
.button:hover, #dp_view .form_payement input[type=submit]:hover, .button:focus, #dp_view .form_payement input[type=submit]:focus, .button:active, #dp_view .form_payement input[type=submit]:active {
  color: #008683;
  background-color: #c3d6d5;
  border-color: #c3d6d5;
  text-decoration: none;
}

/* not found */
.notFound {
  padding: 50px;
  text-align: center;
}
.notFound span {
  color: grey;
  font-style: italic;
  font-size: 20px;
  display: block;
  margin-bottom: 25px;
}

.slick-prev,
.slick-next {
  height: 50px !important;
}

/* responsive */
@media screen and (max-width: 767px) {
  #infoFilmWrapper #infoFilm h3 {
    font-size: 25px;
    text-align: left;
  }
}
/* partenaires */
.partenaires {
  padding-top: 30px;
}

.card {
  float: left;
  width: 20%;
  margin: 10px 2.5%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.card .image {
  background-size: cover;
  background-position: 50% 50%;
  height: "auto";
}
.card .hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: rgba(38, 38, 38, 0.8);
  color: white;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  opacity: 0;
  visibility: hidden;
}
.card:hover .hover {
  opacity: 1;
  visibility: visible;
}
.card .hover:before, .card .hover:after {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  border-bottom: 1px solid white;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  opacity: 0;
}
.card .hover:before {
  transform: translateY(-20px);
  -webkit-transform: translateY(-30px);
  top: 15px;
}
.card .hover:after {
  transform: translateY(20px);
  -webkit-transform: translateY(30px);
  bottom: 15px;
}
.card:hover .hover:before, .card:hover .hover:after {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}
.card img {
  width: 150px;
  height: auto;
}
.card .hover {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .hover strong {
  font-size: 20px;
  text-align: center;
}

/* pub */
#prom_field .container {
  box-shadow: 5px 0px 20px -5px rgba(0, 0, 0, 0.3);
}
#prom_field .container img {
  max-width: 100%;
}

/* fancybox */
.fancybox-caption {
  text-align: center !important;
}

/* reservation */
#inscription_form hr {
  border: dashed 1px #d8d8d8;
  width: 75%;
}
#inscription_form input {
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px #d6d1d1;
  position: relative;
  top: -5px;
}
#inscription_form textarea {
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px #d6d1d1;
  min-height: 75px;
}
#inscription_form label {
  vertical-align: top;
}
#inscription_form .subInfo {
  color: #717171;
  font-style: italic;
  font-size: 15px;
}
#inscription_form .restauration {
  text-align: left;
  display: inline-block;
}
#inscription_form .restauration input,
#inscription_form .restauration label {
  width: auto !important;
  float: left;
  position: relative;
  top: 2px;
}
#inscription_form .restauration input {
  margin: 0px 5px;
}
#inscription_form .restauration label {
  margin-right: 15px;
}

/* search */
#searchLive {
  padding: 5px;
  border: solid 2px #008683;
  border-radius: 5px;
  width: 40%;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 991px) {
  #searchLive {
    width: 100%;
    box-sizing: border-box;
  }
}

#menuHeight {
  width: 100%;
  height: 175px;
  transition: all ease 0.3s;
}

#showFilters {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  top: 0;
  left: 0;
}
#showFilters .content {
  position: absolute;
  right: 50px;
  width: 300px;
  top: 150px;
  color: #FFF;
  text-align: center;
}
#showFilters .content img {
  height: 150px;
  width: auto;
}
#showFilters .content h3 {
  text-transform: uppercase;
  color: #f5a737;
  font-size: 40px;
}
#showFilters .content h4 {
  font-size: 20px;
}
#showFilters .content span {
  font-size: 18px;
  display: block;
}
#showFilters .content button {
  margin-top: 20px;
  padding: 5px 10px;
  clear: both;
  display: inline-block;
  border-radius: 25px;
  border: none;
  background: #009fc5;
  color: #FFF;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  border: 1px solid #1d1d1b;
  background-color: #1d1d1b;
  height: 175px;
  z-index: 999;
}
#header #logo {
  position: relative;
  width: 250px;
  height: auto;
  margin: 20px;
  transition: all ease 0.3s;
}
#header #logos_cines {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
}
#header #logos_cines ul {
  display: flex;
}
#header #logos_cines ul li {
  margin: 10px;
  cursor: pointer;
  transition: 0.3s;
}
#header #logos_cines ul li.active, #header #logos_cines ul li:hover {
  opacity: 1;
}
#header #logos_cines ul li img {
  width: 80px;
  height: auto;
  transition: all ease 0.3s;
}
#header #menu_sn {
  z-index: 999;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  padding-top: 0;
  transition: all ease 0.3s;
}
#header #menu_sn ul li {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid white;
}
#header #menu_sn ul li:last-child {
  border: none;
}
#header #menu_sn ul li a {
  color: white;
}
#header #menu_sn ul li a i {
  font-size: 1.5em;
}
#header #menu_sn ul li span {
  color: white;
  display: none;
}
#header #menu {
  position: relative;
  transition: all ease 0.3s;
}
#header #menu .main_menu {
  padding-bottom: 10px;
}
#header #menu .main_menu nav ul {
  display: flex;
  justify-content: center;
}
#header #menu .main_menu nav ul > li {
  display: inline-block;
  position: relative;
  padding: 0 1%;
  border-right: 1px solid white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#header #menu .main_menu nav ul > li#current {
  font-weight: 700;
}
#header #menu .main_menu nav ul > li:last-child {
  border: none;
}
#header #menu .main_menu nav ul > li a {
  display: block;
  width: 100%;
  color: white;
  white-space: nowrap;
}
#header #menu .main_menu nav ul > li span {
  display: block;
  width: 100%;
  color: white;
  white-space: nowrap;
}
#header #menu .main_menu nav ul > li.sous_menu > ul {
  z-index: 10000;
  padding: 12px 0;
  display: none;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease 0.3s;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li {
  display: block;
  padding: 10px 0px;
  border-right: none !important;
  border-bottom: 1px solid white !important;
  width: 100%;
  background: #525252;
  transition: all ease 0.2s;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li.sous_menu {
  position: relative;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li.sous_menu ul {
  position: absolute;
  left: 150%;
  overflow: initial;
  width: 100%;
  top: 0;
  padding: 0;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li.sous_menu ul li {
  padding: 2px 0px;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li a, #header #menu .main_menu nav ul > li.sous_menu > ul li > span {
  font-size: 0.8em !important;
  width: 100%;
  padding-right: 50px;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li:last-child {
  border: none !important;
}
#header #menu .main_menu nav ul > li.sous_menu > ul li:hover {
  background: #777777;
  transition: all ease 0.2s;
}
#header #menu .main_menu nav ul > li.sous_menu > ul #current {
  background: #2a2a2a !important;
  transition: all ease 0.2s;
}
#header #menu .main_menu nav ul > li.sous_menu > ul .sous_menu {
  padding: 10px 0px;
}
#header #menu .main_menu nav ul > li.sous_menu > ul .sous_menu ul {
  padding-bottom: 0px;
}
#header #menu .main_menu nav ul > li.sous_menu > ul .sous_menu ul li {
  padding: 8px 0px !important;
  background: #1d1c1c;
}
#header #menu .main_menu nav ul > li.sous_menu > ul .sous_menu ul li:hover {
  background: #2a2a2a;
}
#header #menu .main_menu nav ul > li:focus-within > ul {
  display: block;
  opacity: 1;
  height: auto;
  transition: all ease 0.3s;
}
#header #menu .main_menu nav ul > li:hover > ul {
  display: block;
  opacity: 1;
  height: auto;
  transition: all ease 0.3s;
}
#header #btn_burger {
  z-index: 1005;
  display: none;
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 35px;
  height: 25px;
  cursor: pointer;
}
#header #btn_burger .bar {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: white;
  transition: all 0.3s ease;
}
#header #btn_burger .bar.middle {
  top: 50%;
  transform: translateY(-50%);
}
#header #btn_burger .bar.bottom {
  bottom: 0;
}
#header #btn_burger.actif {
  position: fixed;
  top: 110px;
}
#header #btn_burger.actif .bar {
  background: white;
}
#header #btn_burger.actif .bar.middle {
  display: none;
}
#header #btn_burger.actif .bar.top {
  transform: rotate(45deg);
}
#header #btn_burger.actif .bar.bottom {
  top: 0;
  transform: rotate(-45deg);
}
#header #menu_resp {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: -250px;
  padding: 20px;
  width: 170px;
  height: 100%;
  background: #1d1d1b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
}
#header #menu_resp nav ul li {
  position: relative;
  text-align: right !important;
  border-bottom: dotted 1px white;
  padding: 8px 5px;
}
#header #menu_resp nav ul li a {
  display: block;
  color: white;
  text-transform: uppercase;
}
#header #menu_resp nav ul li.sous_menu .spanmenu {
  display: block;
  padding: 5px;
  color: white;
  text-transform: uppercase;
}
#header #menu_resp nav ul li.sous_menu ul {
  z-index: 1010;
  position: fixed;
  top: 0;
  right: -250px;
  width: 230px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center !important;
  background: #1d1d1b;
  transition: all 0.5s ease;
}
#header #menu_resp nav ul li.sous_menu ul li {
  position: relative;
  left: 12px;
  width: 185px;
}
#header #menu_resp nav ul li.sous_menu ul li.menu_back {
  color: #1d1d1b;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  cursor: pointer;
  box-shadow: -2px 0px 10px -3px rgba(0, 0, 0, 0.3607843137);
}
#header #menu_resp nav ul li.sous_menu ul.visible {
  right: 0;
}
#header #menu_resp nav ul li.sous_menu > span:before {
  content: "\f0d9";
  margin-right: 10px;
  font-family: FontAwesome;
  color: white;
}
#header #menu_resp nav ul li:last-child {
  border-bottom: none;
}
#header #menu_resp.actif {
  right: 0;
}

.fixedHeader {
  position: fixed !important;
  width: 100%;
  z-index: 999;
  top: 0;
  height: auto !important;
}
.fixedHeader #logo {
  width: 200px !important;
  margin-bottom: 22px !important;
  transition: all ease 0.3s;
}
.fixedHeader #logos_cines img {
  width: 50px !important;
  transition: all ease 0.3s;
}
.fixedHeader #menu_sn {
  top: 35px;
  right: 350px !important;
  bottom: auto !important;
  transition: all ease 0.3s;
}
.fixedHeader #menu {
  margin-top: -42px;
  bottom: auto !important;
  transition: all ease 0.3s;
}
.fixedHeader #menu .main_menu nav > ul {
  margin-top: -6px;
  margin-bottom: 10px;
}
.fixedHeader #menu .main_menu nav > ul > li.sous_menu > ul {
  width: auto;
}

@media screen and (max-width: 1024px) {
  #menu {
    display: none;
  }
  #btn_burger {
    display: block !important;
  }
  #logos_cines img {
    width: 50px !important;
  }
  #menu_sn {
    bottom: 15px !important;
    right: 70px !important;
  }
  #menu_resp {
    display: block;
  }
}
@media screen and (max-width: 590px) {
  #header {
    height: 100px;
  }
  #header #logo {
    position: relative;
    width: 170px;
  }
  #header #btn_burger {
    bottom: 20px !important;
  }
  #header #btn_burger.actif {
    top: 58px !important;
  }
  #header #menu_sn {
    top: auto;
    right: 60px !important;
    bottom: 13px !important;
  }
  #header #logos_cines {
    top: 0 !important;
  }
  #header #logos_cines li {
    margin: 10px 5px !important;
  }
  #header #logos_cines img {
    width: 30px !important;
  }
  #menuHeight {
    height: 100px;
  }
}
/* écran rétina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
  #header h1 {
    background: url("../images/logo_grignou_x2.png") !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
  }
  #header h1 a {
    position: absolute;
  }
  #header h1 img {
    visibility: hidden;
  }
}
/* responsive */
@media screen and (max-width: 767px) {
  #showFilters .content {
    top: 75px;
    right: 5px;
  }
  #showFilters .content img {
    height: 70px;
    position: relative;
    right: -22%;
  }
}
@media screen and (max-width: 767px) and (max-height: 500px) {
  #header {
    position: relative;
  }
  #menuHeight {
    display: none;
  }
}
#msg {
  position: fixed;
  display: none;
  bottom: 0;
  z-index: 100000;
  width: 100%;
  left: 0;
  margin-left: 0;
  border-radius: 0;
}

#msg .notification {
  padding: 20px 0px;
  text-align: center;
  font-size: 1.7em;
  color: #fff;
  float: none;
  margin: 0;
  border-radius: 0;
}

#msg .notification.success {
  background-color: #33ab28;
}

#registerUserChart_error, #registerProdChart_error {
  display: none;
  margin-top: -30px;
  color: red;
  font-size: 0.8em;
}

.notification.success, .noti.success {
  background-color: #6ccb63;
}

.notification.error, .noti.error {
  background-color: #d9534f;
}

.notification.warning, .noti.warning {
  background-color: #f6862e;
}

.notification.info, .notification.tip, .noti.info, .noti.tip {
  background-color: #1689e0;
}

#slider {
  background: #e0e0e0;
  margin-bottom: 50px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  position: relative;
}
#slider:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 13px;
  left: 10px;
  width: 50%;
  top: 60%;
  max-width: 500px;
  background: #333;
  box-shadow: 0 13px 13px rgba(0, 0, 0, 0.5);
  transform: rotate(-2deg);
}
#slider:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 13px;
  right: 10px;
  width: 50%;
  top: 60%;
  max-width: 500px;
  background: #333;
  box-shadow: 0 13px 13px rgba(0, 0, 0, 0.5);
  transform: rotate(2deg);
}
@media screen and (max-width: 991px) {
  #slider {
    height: auto;
    background: transparent;
  }
  #slider:before, #slider:after {
    display: none !important;
  }
}
#slider .slider_warp {
  position: relative;
  height: 100%;
  opacity: 0;
}
#slider .slider_warp a {
  color: white;
  text-decoration: none;
}
#slider .slider_warp.slick-initialized {
  opacity: 1;
}
#slider .slider_warp .slick-list {
  height: 100%;
}
#slider .slider_warp .slick-track {
  height: 100%;
}
#slider .slider_warp .slider_item {
  position: relative;
  display: block;
  height: 100%;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item {
    height: auto !important;
  }
}
#slider .slider_warp .slider_item.wrap_style_0 {
  background-color: #008683;
}
#slider .slider_warp .slider_item.wrap_style_1 {
  background-color: #e02921;
}
#slider .slider_warp .slider_item.wrap_style_2 {
  background-color: #009fc5;
}
#slider .slider_warp .slider_item.wrap_style_3 {
  background-color: #98be32;
}
#slider .slider_warp .slider_item.wrap_style_4 {
  background-color: #f5a737;
}
#slider .slider_warp .slider_item.wrap_style_5 {
  background-color: #98be32;
}
#slider .slider_warp .slider_item.wrap_style_6 {
  background-color: #e02921;
}
#slider .slider_warp .slider_item.wrap_style_7 {
  background-color: #f5a737;
}
#slider .slider_warp .slider_item.wrap_style_18 {
  background-color: #e02921;
}
#slider .slider_warp .slider_item .full_link {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
}
#slider .slider_warp .slider_item .slider_item_inner {
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  height: 350px;
}
#slider .slider_warp .slider_item .slider_item_inner .secondpict {
  width: auto;
  max-width: 200px;
  height: auto !important;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10000;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_item_inner .secondpict {
    top: 15px !important;
    max-width: 100px;
  }
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_item_inner {
    background: transparent !important;
    height: auto !important;
  }
}
#slider .slider_warp .slider_item .sliderResponsiveImage {
  display: none;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .sliderResponsiveImage {
    display: block;
    width: 100%;
  }
}
#slider .slider_warp .slider_item .slider_infos {
  position: relative;
  height: 100%;
  width: 25%;
}
#slider .slider_warp .slider_item .slider_infos:after {
  content: "";
  display: block;
  border-top: 450px solid rgba(224, 41, 33, 0.8);
  border-right: 50px solid transparent;
}
#slider .slider_warp .slider_item .slider_infos:before {
  position: absolute;
  content: "";
  display: block;
  border-top: 450px solid rgba(224, 41, 33, 0.8);
  border-right: 50px solid transparent;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos {
    width: 100% !important;
    height: auto;
    padding: 10px 0px;
  }
  #slider .slider_warp .slider_item .slider_infos:before, #slider .slider_warp .slider_item .slider_infos:after {
    display: none;
  }
}
#slider .slider_warp .slider_item .slider_infos .seemore {
  background: white;
  color: black;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 20px;
  border-radius: 5px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.226);
  font-size: 1em;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_0 {
  color: #70706f;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_1 {
  color: #e02921;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_2 {
  color: #009fc5;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_3 {
  color: #98be32;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_4 {
  color: #f5a737;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_5 {
  color: #98be32;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_6 {
  color: #e02921;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_7 {
  color: #f5a737;
}
#slider .slider_warp .slider_item .slider_infos .seemore.style_18 {
  color: #e02921;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .seemore {
    font-size: 1.1em;
  }
}
#slider .slider_warp .slider_item .slider_infos .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  left: 10%;
  /*
  top:40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  */
  width: 70%;
  color: white;
  text-transform: uppercase;
}
#slider .slider_warp .slider_item .slider_infos .content h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dashed white;
  font-size: 1.5em;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .content h2 {
    font-size: 1.2em;
  }
}
#slider .slider_warp .slider_item .slider_infos .content h3 {
  font-size: 1em;
  font-weight: 100;
}
#slider .slider_warp .slider_item .slider_infos .content time {
  font-size: 1.4em;
  font-weight: 100;
}
#slider .slider_warp .slider_item .slider_infos .content .type {
  background: white;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 0.8em;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 100px;
  white-space: nowrap;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_0 {
  color: #70706f;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_1 {
  color: #e02921;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_2 {
  color: #009fc5;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_3 {
  color: #98be32;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_4 {
  color: #f5a737;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_5 {
  color: #98be32;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_6 {
  color: #e02921;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_7 {
  color: #f5a737;
}
#slider .slider_warp .slider_item .slider_infos .content .type.style_18 {
  color: #e02921;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .content .type {
    max-width: 50%;
  }
}
#slider .slider_warp .slider_item .slider_infos .content .date {
  font-size: 0.8em;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .content .date {
    font-size: 1em;
    font-weight: 800;
  }
}
#slider .slider_warp .slider_item .slider_infos .content p {
  font-size: 1.4em;
  margin: 0;
}
#slider .slider_warp .slider_item .slider_infos .content p strong {
  display: block;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .content p {
    font-size: 1.1em;
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #slider .slider_warp .slider_item .slider_infos .content {
    position: relative;
  }
}
#slider .slider_warp .slider_item .style_0:after {
  border-top: 450px solid #008683;
}
#slider .slider_warp .slider_item .style_1:after {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item .style_2:after {
  border-top: 450px solid #009fc5;
}
#slider .slider_warp .slider_item .style_3:after {
  border-top: 450px solid #98be32;
}
#slider .slider_warp .slider_item .style_4:after {
  border-top: 450px solid #f5a737;
}
#slider .slider_warp .slider_item .style_5:after {
  border-top: 450px solid #98be32;
}
#slider .slider_warp .slider_item .style_6:after {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item .style_7:after {
  border-top: 450px solid #f5a737;
}
#slider .slider_warp .slider_item .style_18:after {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item:after {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item .style_0:before {
  border-top: 450px solid #008683;
}
#slider .slider_warp .slider_item .style_1:before {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item .style_2:before {
  border-top: 450px solid #009fc5;
}
#slider .slider_warp .slider_item .style_3:before {
  border-top: 450px solid #98be32;
}
#slider .slider_warp .slider_item .style_4:before {
  border-top: 450px solid #f5a737;
}
#slider .slider_warp .slider_item .style_5:before {
  border-top: 450px solid #98be32;
}
#slider .slider_warp .slider_item .style_6:before {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item .style_7:before {
  border-top: 450px solid #f5a737;
}
#slider .slider_warp .slider_item .style_18:before {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slider_item:before {
  border-top: 450px solid #e02921;
}
#slider .slider_warp .slick-prev, #slider .slider_warp .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  font-size: 2em;
  color: white;
  text-shadow: 0px 5px 5px #333;
  background: none;
  opacity: 0;
  transition: all 0.3s ease;
}
#slider .slider_warp .slick-next {
  right: 0;
}
#slider .slider_warp .slick-prev {
  z-index: 1;
  left: 0;
}
#slider .slider_warp:hover .slick-prev, #slider .slider_warp:hover .slick-next {
  opacity: 1;
}

@media screen and (min-width: 1600px) {
  #slider {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  #slider .slider_warp .slider_item .slider_infos {
    width: 50%;
  }
}
@media screen and (max-width: 495px) {
  #slider .slider_warp .slider_item .slider_infos {
    width: 70%;
  }
}
.list_films {
  clear: both;
  margin: 50px auto;
  text-align: center;
  z-index: 2;
}
@media all and (max-width: 768px) {
  .list_films {
    margin: 0 auto;
    padding-bottom: 0 !important;
  }
}
.list_films #slider_list {
  opacity: 0;
}
.list_films #slider_list.slick-initialized {
  opacity: 1;
}
.list_films #slider_list .slick-list {
  overflow-x: hidden !important;
  transition: all ease 0.3s;
}
.list_films #slider_list .slick-list.actif {
  height: 1300px;
  transition: all ease 0.3s;
}
.list_films #slider_list .slick-prev,
.list_films #slider_list .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  font-size: 4em;
  color: #70706f;
  opacity: 0;
  background: none;
  transition: all 0.3s ease;
  height: 50px;
}
.list_films #slider_list .slick-next {
  right: -50px;
}
.list_films #slider_list .slick-prev {
  z-index: 1;
  left: -50px;
}
.list_films #slider_list:hover .slick-slide-film {
  opacity: 1;
}
.list_films #slider_list:hover .slick-slide-film.no_view {
  opacity: 0;
}
.list_films li .film {
  box-shadow: 0px 8px 15px -5px rgba(150, 150, 150, 0.75);
  display: block !important;
  border: none !important;
  padding: 0 !important;
  margin: 5px 0px 25px 0px;
  text-align: center;
  overflow: hidden;
  height: 330px;
}
.list_films li .film .infos {
  height: 0;
}
.list_films li .film .cover {
  background: lightgrey;
  width: 100%;
  height: 252px;
  overflow: hidden;
}
.list_films li .film .cover img {
  max-width: 100%;
  height: auto;
  transition: all ease 0.5s;
  transform: scale(1);
}
@media all and (max-width: 768px) {
  .list_films li .film .cover img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.list_films li .film .cover .noImg {
  background: lightgrey;
  width: 100%;
  height: 340px;
}
.list_films li .film .title {
  height: 150px;
  margin-top: 0px;
  margin-bottom: -85px;
  position: relative;
  transition: all ease 0.6s;
}
.list_films li .film .title .baseAffiche {
  width: 100%;
  position: absolute;
  top: -95px;
  left: 0;
}
.list_films li .film .title .backgroundFilm {
  position: absolute;
  background: #fbfbfc;
  height: 100%;
  width: 100%;
}
.list_films li .film .title .infoFilm {
  color: #2b2b2b;
  position: relative;
  z-index: 2;
  padding: 1px 15px;
}
.list_films li .film .title .infoFilm .dispo {
  width: 85%;
  margin: auto;
  opacity: 0;
  transition: all ease 0.6s;
}
.list_films li .film .title .infoFilm .dispo ul {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: auto;
  padding-bottom: 20px;
}
.list_films li .film .title .infoFilm .dispo ul li {
  margin: 5px;
}
.list_films li .film .title .infoFilm .dispo ul li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.list_films li .film .title .infoFilm .dispo ul li img {
  width: 35px;
  height: 35px;
}
.list_films li .film .title .infoFilm .showDetails {
  opacity: 0;
  transition: all ease 0.6s;
  border: solid 2px #4a4a4a;
  border-radius: 5px;
  padding: 10px;
  background: transparent;
}
.list_films li .film h2 {
  margin: 10px 0px;
  padding-bottom: 10px;
  font-size: 15px !important;
}
@media all and (max-width: 768px) {
  .list_films li .film {
    height: auto;
  }
  .list_films li .film .cover {
    height: auto;
  }
  .list_films li .film .title {
    display: none;
  }
}
.list_films li .film:hover .cover img,
.list_films li .film:focus .cover img {
  transition: all ease 0.5s;
  transform: scale(1.3);
}
@media screen and (max-width: 768px) {
  .list_films li .film:hover .cover img,
  .list_films li .film:focus .cover img {
    transform: scale(1);
  }
}
.list_films li .film:hover .title,
.list_films li .film:focus .title {
  height: 250px;
  margin-top: -150px;
  margin-bottom: -35px;
  transition: all ease 0.6s;
}
.list_films li .film:hover .title .infoFilm .dispo,
.list_films li .film:focus .title .infoFilm .dispo {
  opacity: 1;
  transition: all ease 0.6s;
}
.list_films li .film:hover .title .infoFilm .showDetails,
.list_films li .film:focus .title .infoFilm .showDetails {
  opacity: 1;
  transition: all ease 0.6s;
  cursor: pointer;
}
.list_films li .film:hover .title .infoFilm .showDetails:hover,
.list_films li .film:focus .title .infoFilm .showDetails:hover {
  border-color: #009fc5;
  border-radius: 10px;
  transition: all ease 0.6s;
}
.list_films li .info {
  display: none;
  width: 1024px;
  background: grey;
  padding: 15px;
  color: white;
  position: absolute;
  left: -785px;
  margin: auto;
  z-index: 2;
}
.list_films #allListing {
  margin-top: 30px;
}

.list_infos_film {
  text-align: left;
}

.seances {
  margin-top: 30px;
}
.seances .infos_date {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 2px 0;
  border: 1px solid white;
  border-radius: 5px;
  height: 45px;
  transition: 0.3s;
  box-sizing: border-box;
}
.seances .infos_date #selectSeance {
  width: 45%;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 38px;
}
.seances .infos_date #selectSeance .seance_select {
  text-align: center;
}
.seances .infos_date #selectSeance .listing_seance {
  z-index: 100;
  display: none;
  position: relative;
  bottom: 0;
  right: 1px;
  border: 1px solid white;
  border-top: none;
  border-radius: 0 0 0 10px;
  width: 100%;
  height: 0;
  max-height: 250px;
  overflow: auto;
  opacity: 0;
  transition: all 0.3s all;
  background: #70706f;
}
.seances .infos_date #selectSeance .listing_seance ul li {
  cursor: pointer;
  border-bottom: solid 1px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seances .infos_date #selectSeance .listing_seance ul li.sc_selected {
  color: #70706f;
  background: white;
}
.seances .infos_date #selectSeance .listing_seance ul li:hover {
  background: white;
  color: #70706f;
}
.seances .infos_date #selectSeance .listing_seance ul li.disable {
  display: none;
}
.seances .infos_date #selectSeance .listing_seance.visible {
  display: block;
  opacity: 1;
  height: 250px;
}
.seances .infos_date #selectSeance .color_cine {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -3px;
}
.seances .infos_date #selectSeance .color_cine img {
  margin-bottom: 10px;
  width: 100%;
  margin-top: 5px;
}
.seances .infos_date #selectSeance .date_seance {
  display: inlineb-lock;
  width: 50%;
  text-align: left;
  padding-left: 10px;
}
.seances .infos_date #selectSeance .date_seance .dayname_seance {
  display: block;
  height: 15px;
}
.seances .infos_date #selectSeance .date_seance .day_seance {
  display: block;
  font-size: 14px;
  height: 30px;
}
.seances .infos_date #selectSeance .hour_seance {
  display: inline-flex;
  width: 20%;
  text-align: right;
  letter-spacing: 1px;
  font-size: 13px;
}
.seances .infos_date > .btn_select_seance {
  padding: 0 10px;
  border: none;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-radius: 0;
  color: white;
  background: none;
}
.seances .infos_date > .btn_select_seance i {
  font-size: 20px;
}
.seances .infos_date .achat_tickets {
  width: 49%;
  height: 45px;
  font-weight: 700;
  line-height: 38px;
}
.seances .infos_date .achat_tickets i {
  margin: 0 30px;
}
.seances .infos_date .achat_tickets button,
.seances .infos_date .achat_tickets a {
  border: none;
  background: none;
}
.seances .infos_date .achat_tickets button p,
.seances .infos_date .achat_tickets a p {
  margin: 0;
  text-transform: uppercase;
}
.seances .infos_date .achat_tickets button:hover,
.seances .infos_date .achat_tickets a:hover {
  color: #009fc5;
}
.seances .infos_date .hour_seance {
  padding: 2px 10px;
  box-sizing: border-box;
  width: 50%;
}
.seances .infos_date .toRight {
  float: right;
  width: 50%;
  text-align: right;
  padding: 10px 10px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  top: -3px;
  right: -1px;
  height: 45px;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  border-radius: 0px 4px 5px 0px;
  color: #008683;
  font-size: 18px;
  border: solid 1px #fff;
  transition: 0.3s;
}
.seances .infos_date .toRight:hover {
  background: #008683;
  color: #fff;
}
.seances a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s;
}

.tickets {
  height: 40px;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}
.tickets i {
  position: relative;
  top: 10px;
  margin: -5px 4px;
  font-size: 25px;
}
.tickets button {
  border: none;
  background: none;
}
.tickets button p {
  margin: 0;
  text-transform: uppercase;
}
.tickets button:hover {
  color: #c3d6d5;
}

.filmBlock {
  width: 20%;
}
@media screen and (max-width: 991px) {
  .filmBlock {
    width: 100%;
  }
}
.filmBlock .cover img {
  width: 100%;
}
.filmBlock > a {
  display: block;
  position: absolute;
  width: 47%;
  float: left;
  top: 4px;
  left: 3%;
  height: 30%;
  z-index: 10;
  overflow: hidden;
}
.filmBlock > a .eventFlag {
  background: #5ea5a3;
  box-shadow: 1px 2px 2px 0px black;
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 5px;
  z-index: 10;
  transform: rotate(-45deg);
  top: 22px;
  left: -26px;
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  transition: all ease 0.2s;
}
.filmBlock > a .eventFlag:hover {
  background: #008683;
  transition: all ease 0.2s;
}
.filmBlock .film .infos .picto {
  display: none;
}

#affiche #infoFilmWrapper .medium12 {
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: -1.5em;
  position: relative;
  float: left;
  top: -3px;
  padding-right: 7px;
}
#affiche .eventFlag {
  top: 17px;
  left: -26px;
  padding: 7px;
  transition: all ease 0.2s;
}

.buttonFilm {
  border: solid 2px white;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  float: right;
  margin-top: -20px;
  transition: all ease 0.3s;
}
.buttonFilm:hover {
  background: #fff;
  color: #008683;
  transition: all ease 0.3s;
}

/* responsive */
@media screen and (max-width: 1128px) {
  .slick-next {
    right: 5px !important;
    color: white !important;
    text-shadow: 0px 5px 5px #333 !important;
  }
  .slick-prev {
    left: 5px !important;
    color: white !important;
    text-shadow: 0px 5px 5px #333 !important;
  }
}
@media only screen and (max-width: 1050px) {
  #affiche {
    width: 850px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  #affiche .seances .infos_date {
    position: relative;
    height: auto;
  }
  #affiche .seances .infos_date #selectSeance {
    width: 100%;
  }
  #affiche .seances .infos_date #selectSeance .listing_seance {
    border-radius: 0 0 0 0px;
  }
  #affiche .seances .infos_date #selectSeance .listing_seance ul li {
    cursor: pointer;
  }
  #affiche .seances .infos_date #selectSeance .listing_seance ul li.sc_selected {
    background: #009fc5;
  }
  #affiche .seances .infos_date #selectSeance .listing_seance ul li:hover {
    background: #009fc5;
  }
  #affiche .seances .infos_date #selectSeance .listing_seance.visible {
    display: block;
    opacity: 1;
    height: 250px;
  }
  #affiche .seances .infos_date > .btn_select_seance {
    width: 100%;
    border-left: none;
    border-right: none;
  }
  #affiche .seances .infos_date .achat_tickets {
    width: 100%;
    height: 40px;
    font-size: 12px;
  }
  #affiche .seances .infos_date .achat_tickets i {
    display: none;
  }
  #affiche .seances .infos_date .achat_tickets button {
    width: 100%;
    border: none;
    background: none;
  }
  #affiche .seances .infos_date .achat_tickets button p {
    margin: 0;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 990px) {
  #affiche .list_films li .film button {
    left: 5%;
    width: 90%;
  }
  .tickets {
    text-align: center;
  }
  .tickets i {
    display: none;
  }
}
@media screen and (max-width: 870px) {
  #affiche {
    width: 620px;
  }
  .film .infos {
    display: none;
  }
  #film .seances {
    padding-right: 10px !important;
  }
  #film #coverFilm {
    max-width: none !important;
  }
  .filmBlock > a {
    left: 2%;
  }
  .filmBlock > a .eventFlag {
    top: 30px !important;
    left: -55px !important;
  }
}
@media screen and (max-width: 650px) {
  .slick-next {
    right: 15px !important;
    color: white !important;
    text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.4) !important;
  }
  .slick-prev {
    left: 15px !important;
    color: white !important;
    text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.4) !important;
  }
  #affiche {
    width: 420px;
  }
}
@media screen and (max-width: 445px) {
  #affiche {
    width: 225px;
  }
}
#immanquables {
  width: 100%;
}
#immanquables .diagonales {
  margin-bottom: 50px;
}
#immanquables .list_events li .event .cover .images_background {
  height: 80% !important;
}
#immanquables .list_events li .event .event_content .event_infos .goEvent {
  position: relative;
  top: -15px;
}

.list_events {
  clear: both;
  margin: 50px auto;
}
.list_events #slider_event {
  opacity: 0;
}
.list_events #slider_event.slick-initialized {
  opacity: 1;
}
.list_events #slider_event .slick-prev, .list_events #slider_event .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  font-size: 4em;
  color: #70706f;
  opacity: 0;
  background: none;
  transition: all 0.3s ease;
}
.list_events #slider_event .slick-next {
  right: -50px;
}
.list_events #slider_event .slick-prev {
  z-index: 1;
  left: -50px;
}
.list_events #slider_event:hover .slick-slide-film {
  opacity: 1;
}
.list_events #slider_event:hover .slick-slide-film.no_view {
  opacity: 0;
}
.list_events li .event {
  display: block;
  padding: 0;
  margin: 5px 0px;
  text-align: center;
  height: 330px;
  overflow: hidden;
  box-shadow: 0px 8px 15px -5px rgba(150, 150, 150, 0.75);
  margin-bottom: 25px;
}
.list_events li .event .cover {
  position: relative;
  bottom: 0px;
  background: lightgrey;
  width: 100%;
  height: 320px;
  overflow: hidden;
  transition: all 0.6s ease;
}
.list_events li .event .cover .images_background {
  height: 100%;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.list_events li .event .cover .noImg {
  background: lightgrey;
  width: 100%;
  height: 100%;
}
.list_events li .event .cover .baseAffiche {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -35%;
}
.list_events li .event .event_content {
  z-index: 2;
  position: relative;
  bottom: 85px;
  height: 100%;
  transition: all 0.6s ease;
}
.list_events li .event .event_content .backgroundEvent {
  position: absolute;
  background: rgb(251, 251, 251);
  height: 100%;
  width: 100%;
}
.list_events li .event .event_content .baseAffiche {
  width: 100%;
  margin-top: -50%;
  position: absolute;
}
.list_events li .event .event_content .event_infos {
  z-index: 2;
  position: relative;
  padding: 5px;
  color: #242424;
  height: 100%;
}
.list_events li .event .event_content .event_infos .title {
  bottom: 0;
  width: 100%;
  height: 85px;
  overflow: hidden;
}
.list_events li .event .event_content .event_infos .title h2 {
  font-size: 15px;
  width: 97%;
}
.list_events li .event .event_content .event_infos .title h3 {
  font-size: 14px;
}
.list_events li .event .event_content .event_infos .title h3.borderBlue {
  color: #009fc5;
}
.list_events li .event .event_content .event_infos .title h3.borderGreen {
  color: #98be32;
}
.list_events li .event .event_content .event_infos .title h3.borderRed {
  color: #e02921;
}
.list_events li .event .event_content .event_infos .title h3.borderYellow {
  color: #f5a737;
}
.list_events li .event .event_content .event_infos .title h3.borderPurple {
  color: #5da5a3;
}
.list_events li .event .event_content .event_infos .title .typeEvent {
  font-size: 12px;
  position: relative;
  top: -2px;
  color: #008683;
}
.list_events li .event .event_content .event_infos .description {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.list_events li .event .event_content .event_infos .description p {
  padding: 5px 3px;
  font-size: 13px;
  margin: 0;
}
.list_events li .event .event_content .event_infos .description .list_cine_lie {
  position: relative;
  bottom: 15px;
}
.list_events li .event .event_content .event_infos .description .list_cine_lie span {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 15px;
}
.list_events li .event .event_content .event_infos .description .list_cine_lie span img {
  width: 100%;
}
.list_events li .event .event_content .event_infos .description .eventLocation li {
  display: inline-block;
  background: transparent !important;
  width: auto;
}
.list_events li .event .event_content .event_infos .goEvent {
  padding: 10px;
  border: 2px solid #006c69;
  border-radius: 5px;
  opacity: 0;
  background: transparent;
  transition: all 0.6s ease;
  color: #006c69;
}
.list_events li .event .event_content .event_infos .goEvent:visited {
  color: #006c69;
}
.list_events li .event .event_content .event_infos .goEvent:hover {
  border-color: #009fc5;
  border-radius: 10px;
  transition: all ease 0.6s;
}
.list_events li .event .event_content .event_infos h4 {
  margin-bottom: 10px;
  color: #009fc5;
}
.list_events li .event .event_content .event_infos button {
  background: grey;
  color: white;
  border-radius: 5px;
  margin: 5px 0;
  padding: 5px 15px;
  border: none;
  position: absolute;
  bottom: 25px;
  left: 30%;
}
.list_events li .event:hover .cover {
  transform: scale(1.2);
}
.list_events li .event:hover .event_content {
  bottom: 200px;
}
.list_events li .event:hover .event_content .event_infos .goEvent {
  opacity: 1;
  transition: all ease 0.6s;
}
.list_events li .event:hover .eventLocation {
  opacity: 1;
  transition: all ease 0.3s;
}
.list_events li.large6 .baseAffiche, .list_events li.large4 .baseAffiche, .list_events li.large8 .baseAffiche {
  display: none !important;
}
.list_events .borderGreen .event {
  border-bottom: solid 8px #aec73d;
}
.list_events .borderBlue .event {
  border-bottom: solid 8px #62adcf;
}
.list_events .borderRed .event {
  border-bottom: solid 8px #cc3d1e;
}
.list_events .borderYellow .event {
  border-bottom: solid 8px #e9b53e;
}
.list_events .borderPurple .event {
  border-bottom: solid 8px #7a00ff;
}

.clear {
  clear: both;
}

@media only screen and (max-width: 1050px) {
  #immanquables {
    width: 850px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #immanquables {
    width: auto;
    padding: 25px;
  }
  #immanquables .diagonales {
    display: none;
  }
}
#news .fb_news_list {
  margin: 0 2%;
  padding: 50px 0;
  width: 100% !important;
  text-align: left;
}
@media screen and (max-width: 991px) {
  #news .fb_news_list {
    margin: 0em;
  }
}
#news .fb_news_list .fb_article {
  position: relative;
  margin: 0.5% 0.5%;
  width: 31%;
  height: 450px;
  overflow: hidden;
  background: #f6f6f6;
  padding-bottom: 15px;
  color: #000;
}
@media screen and (max-width: 991px) {
  #news .fb_news_list .fb_article {
    margin: 2em 0em;
  }
}
#news .fb_news_list .fb_article .imgNews {
  position: relative;
  height: 160px;
}
#news .fb_news_list .fb_article img {
  width: 100%;
}
#news .fb_news_list .fb_article .baseAffiche {
  position: absolute;
  top: 0px;
}
#news .fb_news_list .fb_article .content_fb_news {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  background-color: #f6f6f6;
}
#news .fb_news_list .fb_article .content_fb_news .datenews {
  text-transform: uppercase;
}
#news .fb_news_list .fb_article .content_fb_news h3 {
  margin: 10px 0;
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
}
#news .fb_news_list .fb_article .content_fb_news a {
  color: #009fc5;
}
#news .fb_news_list .fb_article .diagonals {
  height: 8px;
  background: url(../images/grignoux-diagonales.png);
  position: absolute;
  bottom: 0;
  width: 100%;
  background-size: 400%;
}
#news .fb_news_list .tag {
  position: absolute;
  z-index: 1;
  right: 10px;
  margin-top: 10px;
  color: #FFF;
  background: grey;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
}
#news .morenews_wrap {
  text-align: center;
}
#news .morenews {
  display: inline-block;
  margin: 0 auto 0 auto;
  margin: 0 auto 0 auto;
  border-radius: 5px;
  margin-bottom: 30px;
  color: white;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  padding: 10px 20px;
}

#news_paginator {
  margin-bottom: 40px;
}
#news_paginator a {
  display: inline-block;
  background: #009fc5;
  color: white;
  padding: 5px 8px;
  border-radius: 5px;
}

#content_news {
  line-height: 1.7em;
  margin-top: 70px;
  margin-bottom: 80px;
}
#content_news h1 {
  margin-bottom: 20px;
}
#content_news p {
  margin-top: 0px;
}
#content_news div, #content_news img, #content_news p, #content_news h1 {
  max-width: 100%;
}
#content_news .sharing {
  padding: 10px 0px 50px 0px;
}
#content_news .sharing .fb-like {
  top: -7px;
}
#content_news .tag {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
  color: #FFF;
  background: grey;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
}

#news_archive .tag {
  position: absolute;
  z-index: 1;
  left: -10px;
  margin-top: -15px;
  color: #FFF;
  background: grey;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
}
@media screen and (max-width: 991px) {
  #news_archive .tag {
    left: 15px;
  }
}
#news_archive #content {
  padding-top: 50px;
}
#news_archive .news_item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
#news_archive .news_item h3 {
  font-size: 30px;
}
#news_archive .news_item h1, #news_archive .news_item h2, #news_archive .news_item h3, #news_archive .news_item h4, #news_archive .news_item a {
  color: black;
}
#news_archive .news_item p {
  line-height: 1.7em;
}
#news_archive .news_item .readmore a {
  display: inline-block;
  background-color: #009fc5;
  color: white;
  padding: 5px 15px;
  border-radius: 5px;
}
#news_archive .news_item img {
  max-width: 100%;
  height: auto;
}
#news_archive .news_item h1, #news_archive .news_item h2, #news_archive .news_item h3 {
  margin-top: 0;
}

.news_content a {
  color: #008683 !important;
}

@media screen and (max-width: 1550px) {
  #news .fb_news_list {
    width: 1400px;
  }
}
@media screen and (max-width: 1400px) {
  #news .fb_news_list {
    width: 1250px;
  }
}
@media screen and (max-width: 1250px) {
  #news .fb_news_list {
    width: 1050px;
  }
}
@media screen and (max-width: 1050px) {
  #news .fb_news_list {
    width: 90%;
  }
  #news .fb_news_list .fb_article {
    width: 48%;
  }
}
@media screen and (max-width: 800px) {
  #news .fb_news_list {
    width: 98%;
  }
  #news .fb_news_list .fb_article {
    width: 99%;
  }
}
@media screen and (max-width: 630px) {
  #news .fb_news_list .fb_article {
    width: 100%;
  }
}
#film {
  padding-bottom: 50px;
  position: relative;
  z-index: 10;
}
#film #container_trailer {
  position: relative;
}
#film #container_trailer .headTop {
  z-index: 50;
  position: absolute;
  padding: 15px 20px;
  width: 98%;
  background: rgba(19, 14, 10, 0.4);
  transition: all 0.3s ease;
}
#film #container_trailer .headTop h2 {
  margin: 0 25px;
  font-size: 3em;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}
#film #container_trailer .headTop ul {
  position: relative;
  top: 0;
  right: 0;
  float: right;
}
#film #container_trailer .headTop ul li {
  display: inline;
}
#film #container_trailer .headTop ul li a {
  padding: 10px;
  font-size: 20px;
  color: white;
  display: inline-block;
}
#film #container_trailer #filmCover {
  height: 300px;
  overflow: hidden;
}
#film #container_trailer #filmCover .backgroundCover {
  width: 120%;
  margin-left: -10%;
  height: 200%;
  margin-top: -10%;
  filter: blur(20px);
  background-size: 100% !important;
  background-position: center !important;
  transition: all ease 0.5s;
}
#film #container_trailer #filmCover img {
  width: 110%;
  position: relative;
  top: -50px;
  left: -50px;
  height: auto;
}
#film #container_trailer #launchFilmTrailer {
  z-index: 5;
  position: absolute;
  top: 100px;
  left: 50%;
  cursor: pointer;
  text-align: center;
}
#film #container_trailer #launchFilmTrailer i {
  color: #FFF;
  font-size: 100px;
  opacity: 0.4;
  text-shadow: 1px 4px 20px black;
}
#film #container_trailer #launchFilmTrailer .explain_BA {
  color: #FFF;
  position: relative;
  display: block;
  text-shadow: 0px 0px 3px black;
}
#film #container_trailer #launchFilmTrailer .launchButton {
  width: 100%;
  background: white;
  border-radius: 5px;
  padding: 5px;
  display: none;
}
#film #container_trailer #launchFilmTrailer .launchButton i {
  font-size: 20px;
  color: black;
}
#film #boxShadowCover {
  position: relative;
  z-index: 3;
  width: 100%;
}
#film #boxShadowCover .shadow {
  position: relative;
  z-index: 1;
  background: white;
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.4);
}
#film #boxShadowCover .border {
  position: relative;
  z-index: 2;
  background: white;
  height: 25px;
}
#film .seances {
  display: block;
  margin-bottom: 50px;
  margin-top: 30px;
  padding-right: 30px;
}
#film .seances #coverFilm {
  z-index: 100;
  position: relative;
  top: -200px;
  margin-bottom: -150px;
  width: 100%;
  height: auto !important;
  box-shadow: 0 0 10px -3px black;
}
#film .seances .next_seances {
  margin-top: -30px;
}
#film .seances .next_seances h3 {
  display: block;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #272727;
  line-height: 40px;
  font-weight: normal;
  border-bottom: dashed 2px #cacaca;
  border-top: dashed 2px #cacaca;
}
#film .seances .next_seances .list_cine li {
  margin-bottom: 10px;
  font-weight: 700;
}
#film .seances .next_seances .list_cine li span {
  display: inline-block;
  margin-right: 8px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
#film .seances .next_seances .list_cine li span img {
  width: 100%;
}
#film .seances .next_seances .list_seance {
  padding-bottom: 20px;
  border-bottom: 3px solid #70706f;
  max-height: 505px;
  overflow: hidden;
}
#film .seances .next_seances .list_seance li {
  padding: 5px;
  border-bottom: dashed 1px #cacaca;
}
#film .seances .next_seances .list_seance li span {
  display: inline-block;
  margin-right: 8px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
#film .seances .next_seances .list_seance li span img {
  width: 100%;
}
#film .seances .next_seances .list_seance li .seance_hour_h {
  position: relative;
  float: right;
  right: 10px;
}
#film .seances .next_seances .list_seance li.iscomplete {
  color: #aeaeae;
  text-decoration: line-through;
}
#film .seances .next_seances #showMoreSeance {
  display: none;
  text-align: center;
  border: solid 2px #a6a6a6;
  border-radius: 15px;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  transition: all ease 0.3s;
}
#film .seances .next_seances #showMoreSeance:hover {
  background: black;
  border-color: black;
  color: white;
  transition: all ease 0.3s;
}
#film .infos .titleFilm {
  padding-bottom: 30px;
  font-size: 30px;
  text-transform: uppercase;
  text-align: left;
}
#film .infos .infos_date {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 2px 0;
  border: 1px solid #70706f;
  border-radius: 5px;
  height: 40px;
}
#film .infos .infos_date #selectSeance {
  width: 45%;
  height: 100%;
  font-weight: 700;
  line-height: 38px;
}
#film .infos .infos_date #selectSeance .seance_select {
  text-align: center;
}
#film .infos .infos_date #selectSeance .listing_seance {
  z-index: 100;
  display: none;
  position: relative;
  bottom: 10px;
  right: 1px;
  border: 1px solid #70706f;
  border-top: none;
  border-radius: 0 0 0 10px;
  width: 100%;
  height: 0;
  max-height: 250px;
  overflow: auto;
  opacity: 0;
  transition: all 0.3s all;
  background: white;
}
#film .infos .infos_date #selectSeance .listing_seance ul li {
  cursor: pointer;
}
#film .infos .infos_date #selectSeance .listing_seance ul li.disable {
  display: none !important;
}
#film .infos .infos_date #selectSeance .listing_seance ul li.sc_selected {
  background: #70706f;
}
#film .infos .infos_date #selectSeance .listing_seance ul li:hover {
  background: #70706f;
}
#film .infos .infos_date #selectSeance .listing_seance ul li.iscomplete {
  color: #aeaeae;
  cursor: default;
}
#film .infos .infos_date #selectSeance .listing_seance ul li.iscomplete div {
  text-decoration: line-through;
}
#film .infos .infos_date #selectSeance .listing_seance ul li.iscomplete:hover {
  background: transparent;
}
#film .infos .infos_date #selectSeance .listing_seance.visible {
  display: block;
  opacity: 1;
  height: 250px;
}
#film .infos .infos_date #selectSeance .color_cine {
  display: inline-block;
  margin: 0 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  vertical-align: middle;
}
#film .infos .infos_date #selectSeance .color_cine img {
  width: 100%;
}
#film .infos .infos_date #selectSeance .date_seance {
  display: inline-block;
  width: 80%;
  text-align: center;
}
#film .infos .infos_date > .btn_select_seance {
  padding: 0 10px;
  border: none;
  border-left: 1px solid #70706f;
  border-right: 1px solid #70706f;
  border-radius: 0;
  color: #70706f;
  background: none;
}
#film .infos .infos_date > .btn_select_seance i {
  font-size: 20px;
}
#film .infos .infos_date .achat_tickets {
  width: 49%;
  height: 40px;
  font-weight: 700;
  line-height: 38px;
}
#film .infos .infos_date .achat_tickets i {
  margin: 0 30px;
}
#film .infos .infos_date .achat_tickets button {
  border: none;
  background: none;
}
#film .infos .infos_date .achat_tickets button p {
  margin: 0;
  text-transform: uppercase;
}
#film .infos .infos_date .achat_tickets button:hover {
  color: #009fc5;
}
#film .infos .infos_date a {
  color: #FFF;
  text-decoration: none;
}
#film .infos .infoFilm li {
  border-bottom: solid 1px #eaeaea;
  padding: 10px 0px;
}
#film .infos .infoFilm li p {
  margin: 0;
}
#film .infos ul li {
  padding-bottom: 10px;
  clear: both;
}
#film .infos ul li .infoLabel {
  width: 25%;
  float: left;
  text-align: left;
}
#film .infos ul li .infoValue {
  width: 75%;
  float: left;
  font-family: sans-serif;
  color: grey;
}
#film .infos ul li .infoValue a {
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: #FFF;
  box-shadow: 0 0 10px -3px grey;
  color: #292929;
  transition: all ease 0.2s;
}
#film .infos ul li .infoValue a:hover {
  background: #383838;
  color: #FFF;
  transition: all ease 0.2s;
}
#film .infos ul li .infoValue .public {
  display: inline-flex;
  padding: 5px;
  background: #f3f3f3;
  border-radius: 5px;
}
#film .infos ul li .infoValue .public:before {
  content: "\f02b";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 1px 5px 0px 0px;
  text-decoration: none;
}
#film .infos #events_film {
  margin: 40px 0px;
  border: solid 2px #008683;
  padding: 10px;
  border-radius: 0px 10px 10px 10px;
  overflow: hidden;
}
#film .infos #events_film h3 {
  margin-top: 10px;
  color: #006b68;
  font-size: 14px;
  text-transform: uppercase;
  font-style: italic;
}
#film .infos #events_film .event .linkedPhoto {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: right;
  box-shadow: -3px 0px 7px 0px rgba(128, 128, 128, 0.3803921569);
}
#film .infos #events_film .event .linkedDescription {
  position: absolute;
  float: right;
  right: 75px;
  text-align: right;
  margin-top: 33px;
  font-size: 13px;
  font-style: italic;
  color: grey;
}
#film .infos #events_film .event .event_seance {
  display: block;
  margin-bottom: 5px;
  padding: 13px 0;
  width: 100%;
  border-radius: 25px;
  height: 100%;
  color: #1d1d1b;
  background: #f6f6f6;
}
#film .infos #events_film .event .event_seance img {
  margin: 0 10px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
#film .infos #events_film .event .event_seance.cine_10 {
  border-bottom: 3px solid #009fc5;
}
#film .infos #events_film .event .event_seance.cine_11 {
  border-bottom: 3px solid #e02921;
}
#film .infos #events_film .event .event_seance.cine_12 {
  border-bottom: 3px solid #98be32;
}
#film .infos #events_film .event .event_seance.cine_13 {
  border-bottom: 3px solid #f5a737;
}
#film .infos #events_film .event .event_seance.no_place {
  padding-left: 15px;
}
#film .infos #events_film .titre_events_wrapper {
  background: #008683;
  transform: skewX(-15deg);
  width: 50%;
  position: relative;
  top: -10px;
  left: -15px;
  border-radius: 0px 0px 10px 0px;
}
#film .infos #events_film .titre_events_wrapper .titre_events {
  text-align: center;
  font-size: 25px;
  color: white;
  transform: skewX(15deg);
}
#film .infos #events_film .typeEvent {
  float: right;
  font-style: italic;
  color: #5ea5a3;
  padding-right: 15px;
}
#film .infos .synopsis {
  text-align: justify;
}
@media all and (max-width: 991px) {
  #film .infos .synopsis {
    text-align: left;
  }
}
#film .infos a {
  color: #008683;
}
#film #modal_video {
  z-index: 1000000;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.8);
  transition: all 0.5s ease;
}
#film #modal_video #close-modal-trailer {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#film #modal_video #close-modal-trailer i {
  font-size: 30px;
  color: white;
}
#film #modal_video #mediaplayer {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#film #movieGallery {
  margin: 50px 0;
}
#film #movieGallery .movieItem {
  margin: 1%;
  width: 30%;
}
#film #movieGallery .movieItem .movieImage {
  width: 100%;
}
#film #movieGallery .movieItem .movieImage img {
  width: 100%;
}

.trailer_mention {
  color: #008683;
  font-size: 0.9em;
  font-style: italic;
  padding: 5px;
  margin-bottom: 15px;
  background: white;
  border-radius: 5px;
  text-align: center;
}

.fiche ul li {
  padding-bottom: 10px;
  clear: both;
}
.fiche ul li .infoLabel {
  width: 25%;
  float: left;
  text-align: left;
}
.fiche ul li .infoValue {
  padding-left: 15px;
  width: 70%;
  float: left;
  text-align: left;
}
.fiche ul li .infoValue a {
  color: #FFF;
}
.fiche ul li .infoValue .facebookLink {
  background: #FFF;
  padding: 5px;
  border-radius: 5px;
  color: #1f4372;
  transition: all ease 0.3s;
}
.fiche ul li .infoValue .facebookLink:hover {
  background: #e5e5e5;
  transition: all ease 0.3s;
}

/* MODAL GTICKET */
#modal_ticket {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  top: 0;
  left: 0;
  z-index: 9999999999;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3em);
  transition: 0.3s;
}
#modal_ticket.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#modal_ticket #close_modal_ticket {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 3em;
  color: #e02921;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  #modal_ticket #close_modal_ticket {
    top: 0.3em;
  }
}
#modal_ticket #shop_ticket {
  width: 80%;
  height: 80%;
  background: #FFF;
  box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.3);
  border-radius: 1em;
  overflow: auto;
}
@media all and (max-width: 991px) {
  #modal_ticket #shop_ticket {
    overflow: auto;
  }
}
#modal_ticket #shop_ticket iframe {
  width: 100%;
  border: none;
  min-height: 60em;
}
@media all and (max-width: 768px) {
  #modal_ticket #shop_ticket iframe {
    min-height: 300%;
  }
}

@media screen and (min-width: 1800px) {
  #filmCover {
    height: 400px !important;
  }
  #launchFilmTrailer {
    top: 150px !important;
  }
  #film .seances #coverFilm {
    top: -300px !important;
  }
  #film .seances .next_seances {
    margin-top: -120px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #film .infos .infos_date {
    position: relative;
    height: auto;
  }
  #film .infos .infos_date #selectSeance {
    width: 100%;
  }
  #film .infos .infos_date #selectSeance .listing_seance {
    border-radius: 0 0 0 0px;
  }
  #film .infos .infos_date #selectSeance .listing_seance ul li {
    cursor: pointer;
  }
  #film .infos .infos_date #selectSeance .listing_seance ul li.sc_selected {
    background: #009fc5;
  }
  #film .infos .infos_date #selectSeance .listing_seance ul li:hover {
    background: #009fc5;
  }
  #film .infos .infos_date #selectSeance .listing_seance.visible {
    display: block;
    opacity: 1;
    height: 250px;
  }
  #film .infos .infos_date > .btn_select_seance {
    width: 100%;
    border-left: none;
    border-right: none;
  }
  #film .infos .infos_date .achat_tickets {
    width: 100%;
    height: 40px;
    font-size: 12px;
  }
  #film .infos .infos_date .achat_tickets i {
    display: none;
  }
  #film .infos .infos_date .achat_tickets button {
    width: 100%;
    border: none;
    background: none;
  }
  #film .infos .infos_date .achat_tickets button p {
    margin: 0;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 960px) {
  #film #coverFilm {
    max-width: 300px !important;
  }
}
@media only screen and (max-width: 768px) {
  #film #container_trailer .headTop ul {
    right: 50px;
  }
  #film .seances {
    margin-bottom: 0px;
  }
  #film #coverFilm {
    max-width: none !important;
  }
  #film #launchFilmTrailer {
    top: 100px !important;
    left: 10% !important;
    width: 80%;
    z-index: 50;
  }
  #film #launchFilmTrailer > i {
    display: none;
  }
  #film #launchFilmTrailer .launchButton {
    display: block !important;
    text-align: center;
  }
  #film .infos {
    margin-top: 0px !important;
  }
  #film .infos ul li .infoValue {
    width: 60% !important;
  }
  #film .infos ul li .infoLabel {
    width: 40% !important;
  }
  #film #container_trailer .headTop {
    padding: 5px !important;
  }
  #film .infos #events_film h3 {
    width: 60%;
  }
  #film .infos #events_film .event .event_seance {
    margin-bottom: 25px;
  }
  #film .infos #events_film .titre_events_wrapper {
    width: 75%;
  }
  #film .infos #events_film .typeEvent {
    right: 41px;
    z-index: 0;
    margin-top: -33px;
    position: absolute;
    border-radius: 10px 10px 0px 0px;
    padding: 3px 15px;
    color: #FFF;
    font-size: 12px;
    background: #008683;
  }
  #immanquables .diagonales {
    width: 18%;
  }
}
.headTop {
  z-index: 50;
  position: absolute;
  padding: 15px 20px;
  width: 98%;
  background: rgba(19, 14, 10, 0.4);
  transition: all 0.3s ease;
}
.headTop h2 {
  margin: 0 25px;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}
.headTop ul {
  position: relative;
  top: 0;
  float: right;
  z-index: 500;
  right: 0;
}
.headTop ul li {
  display: inline;
}
.headTop ul li a {
  padding: 10px;
  font-size: 20px;
  color: white;
  display: inline-block;
}

#boxShadowCover {
  position: relative;
  z-index: 3;
  width: 100%;
}
#boxShadowCover .shadow {
  position: relative;
  z-index: 1;
  background: white;
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.4);
}
#boxShadowCover .border {
  position: relative;
  z-index: 2;
  background: white;
  height: 25px;
}

#eventCover {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
#eventCover .backgroundCover {
  width: 120%;
  margin-left: -10%;
  height: 200%;
  margin-top: -10%;
  filter: blur(20px);
  background-size: 100% !important;
  background-position: center !important;
  transition: all ease 0.5s;
}
#eventCover img {
  width: 110%;
  position: relative;
  top: -50px;
  left: -50px;
  height: auto;
}

#infoEvent {
  position: relative;
  z-index: 4;
}
#infoEvent .eventType {
  background: transparent;
  color: #000;
  text-shadow: none;
}

.afficheColonne {
  position: relative;
  top: -200px;
  padding-right: 20px;
}
.afficheColonne .main_info {
  display: block;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #272727;
  line-height: 40px;
  font-weight: normal;
  border-bottom: solid 1px #e4e4e4;
  border-top: solid 1px #e4e4e4;
}
.afficheColonne #pictureEvent {
  width: 100%;
  height: auto !important;
  box-shadow: 0 0 10px -3px black;
}
.afficheColonne .subInfo h3 {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: black;
  line-height: 40px;
}
.afficheColonne .subInfo h3 .titre_colors {
  display: flex;
  flex-wrap: wrap;
}
.afficheColonne .subInfo h3 .titre_colors span {
  width: 25%;
  height: 3px;
}
.afficheColonne .subInfo h3 .titre_colors span.red {
  background: #e02921;
}
.afficheColonne .subInfo h3 .titre_colors span.cyan {
  background: #009fc5;
}
.afficheColonne .subInfo h3 .titre_colors span.green {
  background: #98be32;
}
.afficheColonne .subInfo h3 .titre_colors span.yellow {
  background: #f5a737;
}
.afficheColonne .subInfo .informations {
  border: solid 2px #008683;
  border-radius: 0px 10px 10px 10px;
  overflow: hidden;
  margin-bottom: 15px;
}
.afficheColonne .subInfo .informations .eventLocation {
  opacity: 1 !important;
  margin: 5px;
}
.afficheColonne .subInfo .informations .eventLocation li {
  justify-content: flex-start;
}
.afficheColonne .subInfo .informations .hourInfo {
  width: 100%;
  color: white;
  background: #008683;
  padding: 10px;
}
.afficheColonne .subInfo .informations span {
  font-weight: bold;
  text-align: left;
}
.afficheColonne .subInfo .informations span i {
  color: #7e7e7e;
}
.afficheColonne .subInfo .informations span:nth-child(2) {
  text-align: right;
}
.afficheColonne .subInfo .informations .toRight {
  text-align: right;
}
.afficheColonne .subInfo .informations .eventLocation li img {
  height: 30px;
}
.afficheColonne .subInfo .alignLeftMap {
  margin-left: 8px;
}
.afficheColonne .subInfo .infos_event {
  clear: both;
  margin-top: 15px;
}
.afficheColonne .subInfo .infos_event a {
  color: #3a3a3a;
  font-size: 15px;
  transition: all ease 0.3s;
}
.afficheColonne .subInfo .infos_event a li {
  border-bottom: solid 1px #e4e4e4;
  padding: 20px 0px;
}
.afficheColonne .subInfo .infos_event a li .presIco {
  float: left;
  width: 25%;
  text-align: center;
}
.afficheColonne .subInfo .infos_event a li .presIco i {
  margin-top: -8px;
  font-size: 30px;
  color: #008683;
}
.afficheColonne .subInfo .infos_event a:hover {
  color: #008683;
  transition: all ease 0.3s;
}
.afficheColonne .subInfo .concours {
  background: #008683;
  color: white;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}
.afficheColonne .subInfo .concours:hover {
  background: #5ea5a3;
}
.afficheColonne .place_info {
  border-bottom: solid 1px #e4e4e4;
  clear: both;
  padding-bottom: 20px;
  margin-top: 30px;
}
.afficheColonne .place_info .picto {
  width: 20%;
  float: left;
}
.afficheColonne .place_info .picto li {
  list-style: none;
}
.afficheColonne .place_info .picto li img {
  width: 100%;
  margin-top: 10px;
}
.afficheColonne .place_info .text {
  width: 75%;
  padding-left: 5%;
  float: left;
  text-align: left;
}
.afficheColonne .place_info .text h3 {
  text-align: left;
  margin-bottom: 0;
}
.afficheColonne .place_info .text .presale {
  font-size: 14px;
}
.afficheColonne .event_info {
  clear: both;
}

.headerContainer {
  position: relative;
}

#launchTrailer {
  float: right;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 99;
  top: 38%;
}
#launchTrailer i {
  color: #FFF;
  font-size: 100px;
  opacity: 0.4;
  text-shadow: 1px 4px 20px rgba(0, 0, 0, 0.6);
  transition: all ease 1s;
  cursor: pointer;
}
#launchTrailer i:hover {
  opacity: 0.8;
  transition: all ease 1s;
  text-shadow: 1px 4px 20px rgba(0, 0, 0, 0.2);
}
#launchTrailer .explain_BA {
  color: #FFF;
  position: relative;
  display: block;
  text-shadow: 0px 0px 3px black;
}
#launchTrailer .launchButton {
  width: 100%;
  background: white;
  border-radius: 5px;
  padding: 5px 0px;
  display: none;
}
#launchTrailer .launchButton i {
  font-size: 20px;
  color: black;
}

.infos {
  padding-top: 15px;
  text-align: justify;
}
@media all and (max-width: 991px) {
  .infos {
    text-align: left;
  }
}
.infos .titleEvent {
  padding-bottom: 30px;
  font-size: 30px;
  text-transform: uppercase;
}
.infos img {
  max-width: 100%;
  height: auto;
}
.infos .infos_date {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 2px 0;
  border: 1px solid #70706f;
  border-radius: 5px;
  height: 40px;
}
.infos .infos_date #selectSeance {
  width: 45%;
  height: 100%;
  font-weight: 700;
  line-height: 38px;
}
.infos .infos_date #selectSeance .seance_select {
  text-align: center;
}
.infos .infos_date #selectSeance .listing_seance {
  z-index: 100;
  display: none;
  position: relative;
  bottom: 10px;
  right: 1px;
  border: 1px solid #70706f;
  border-top: none;
  border-radius: 0 0 0 10px;
  width: 100%;
  height: 0;
  max-height: 250px;
  overflow: auto;
  opacity: 0;
  transition: all 0.3s all;
  background: white;
}
.infos .infos_date #selectSeance .listing_seance ul li {
  cursor: pointer;
}
.infos .infos_date #selectSeance .listing_seance ul li.sc_selected {
  background: #70706f;
}
.infos .infos_date #selectSeance .listing_seance ul li:hover {
  background: #70706f;
}
.infos .infos_date #selectSeance .listing_seance.visible {
  display: block;
  opacity: 1;
  height: 250px;
}
.infos .infos_date #selectSeance .color_cine {
  display: inline-block;
  margin: 0 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  vertical-align: middle;
}
.infos .infos_date #selectSeance .color_cine img {
  width: 100%;
}
.infos .infos_date #selectSeance .date_seance {
  display: inline-block;
  width: 80%;
  text-align: center;
}
.infos .infos_date > .btn_select_seance {
  padding: 0 10px;
  border: none;
  border-left: 1px solid #70706f;
  border-right: 1px solid #70706f;
  border-radius: 0;
  color: #70706f;
  background: none;
}
.infos .infos_date > .btn_select_seance i {
  font-size: 20px;
}
.infos .infos_date .achat_tickets {
  width: 100%;
  height: 40px;
  font-weight: 700;
  line-height: 38px;
}
.infos .infos_date .achat_tickets i {
  margin: 0 30px;
}
.infos .infos_date .achat_tickets button {
  border: none;
  background: none;
}
.infos .infos_date .achat_tickets button p {
  margin: 0;
  text-transform: uppercase;
}
.infos .infos_date .achat_tickets button:hover {
  color: #008683;
}
.infos .infos_date .ticket_hour {
  float: left;
  width: 30%;
  height: 100%;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-right: solid 1px #c6c6c6;
  box-sizing: border-box;
}
.infos .infos_date .ticket_link {
  width: 60%;
  text-align: right;
}
.infos #eventGallery {
  margin: 50px 0;
}
.infos #eventGallery .eventItem {
  margin: 1%;
  width: 30%;
}
.infos #eventGallery .eventItem .eventImage {
  width: 100%;
}
.infos #eventGallery .eventItem .eventImage img {
  width: 100%;
}
.infos .movieLink {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
}
.infos .movieLink h3 {
  padding: 10px;
  border-radius: 0px 10px 10px 10px;
  background-color: #008683;
  color: white;
  transition: all ease 0.3s;
}
.infos .movieLink:hover h3 {
  background: #005e5b;
  transition: all ease 0.3s;
}

.noEvent {
  padding: 150px;
  text-align: center;
  color: grey;
}

#modal_video {
  z-index: 1000000;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.8);
  transition: all 0.5s ease;
}
#modal_video #close-modal-trailer {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  z-index: 9;
  cursor: pointer;
}
#modal_video #close-modal-trailer i {
  font-size: 30px;
  color: white;
}
#modal_video #mediaplayer {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.eventLocation {
  list-style: none;
  margin-top: -10px;
  opacity: 0;
  transition: all ease 0.3s;
}
.eventLocation li {
  width: 100%;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-bottom: solid 1px #d0d0d0;
}
.eventLocation li span {
  width: 75px;
}
.eventLocation li span img {
  width: auto;
  height: 30px;
  float: left;
  margin-right: 15px;
}
.eventLocation li:last-child {
  border-bottom: none;
}

@media screen and (min-width: 1800px) {
  #eventCover {
    height: 400px;
  }
}
/** responsive **/
@media screen and (max-width: 768px) {
  #launchTrailer {
    top: 100px !important;
    left: 10% !important;
    width: 80%;
    z-index: 50;
  }
  #launchTrailer > i {
    display: none;
  }
  #launchTrailer .launchButton {
    display: block !important;
    text-align: center;
  }
}
@media screen and (max-width: 639px) {
  .infos #launchTrailer {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    border: solid 1px black !important;
    float: none;
    left: 0px !important;
    width: 99%;
    margin-top: 33px !important;
  }
  .infos #launchTrailer i {
    opacity: 1;
    text-shadow: none;
    color: #292929;
  }
  .afficheColonne {
    padding-left: 20px;
    padding-right: 20px;
  }
  .infos {
    margin-top: -200px;
    padding: 15px;
  }
  .headTop h2 {
    margin: 0px;
  }
  .headTop ul {
    right: 15px;
  }
}
#evenements {
  margin-bottom: 60px;
  padding-bottom: 35px;
}
#evenements .titleEvent {
  background: #008683;
  padding: 10px;
  color: white;
  border-radius: 10px 10px 0px 10px;
  margin-bottom: -50px;
}
#evenements #filters {
  position: relative;
}
#evenements #filters .agendaFilters {
  padding-bottom: 30px;
  width: 77%;
  margin: auto;
}
#evenements #filters .agendaFilters .dateFiltre {
  border: none;
  display: inline-block;
  width: 12.9%;
  text-align: center;
  background: grey;
  color: white;
  padding: 10px 0px;
  margin: 5px;
  cursor: pointer;
  transition: all ease 0.2s;
}
#evenements #filters .agendaFilters .dateFiltre .stringDay {
  font-size: 18px;
}
#evenements #filters .agendaFilters .dateFiltre .numberDay {
  font-size: 30px;
}
#evenements #filters .agendaFilters .dateFiltre span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
#evenements #filters .agendaFilters .dateFiltre:hover {
  background: #2d2d2d;
  transition: all ease 0.2s;
}
#evenements #filters .agendaFilters .selectedDate {
  background: #2d2d2d;
}
#evenements #filters .typeSelector {
  text-align: right;
  position: relative;
  top: 5px;
}
#evenements #filters .typeSelector a {
  color: #262626;
  border: solid 2px #262626;
  padding: 5px;
  border-radius: 5px;
}
#evenements #filters .typeSelector .selected {
  background: #262626;
  color: #ffffff;
}
#evenements #filters .typeFilters {
  padding: 15px 0px;
  min-height: 25px;
}
#evenements #filters .typeFilters .typePetitGrignoux {
  text-align: right;
}
#evenements #filters .filtersSelectable {
  width: 100%;
  text-align: center;
}
#evenements #filters .filtersSelectable .filtre {
  border: solid 2px rgb(255, 255, 255);
  background: transparent;
  border-radius: 5px;
  color: rgb(255, 255, 255);
  transition: all ease 0.3s;
  margin: 0px 10px;
}
#evenements #filters .filtersSelectable .filtre.petit_grignoux {
  border: solid 2px #008683;
  color: #008683;
}
#evenements #filters .filtersSelectable .disabled {
  border: solid 2px rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
}
#evenements #filters .filtersSelectable .selectedFiltre {
  border: solid 2px white;
  background: white;
  border-radius: 5px;
  color: #1d1d1b;
  transition: all ease 0.3s;
}
#evenements #filters .typeAffichage {
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
}
#evenements #filters .typeAffichage a {
  margin: 2px;
}
#evenements .fixedFilters {
  position: fixed !important;
  top: 120px;
  z-index: 99;
  width: 100%;
}
#evenements .fixedFilters .filtres_events {
  display: none;
}
#evenements .fixedFilters h2 {
  opacity: 0;
  transition: all ease 0.3s;
}
#evenements .fixedFilters .titre_section {
  display: none;
}
#evenements .fixedFilters .agendaFilters {
  padding-bottom: 10px !important;
}
#evenements .fixedFilters .typeFilters {
  background: #808080 !important;
  padding: 5px 0px !important;
  min-height: 30px;
}
#evenements .fixedFilters .typeSelector a {
  color: #ffffff !important;
  padding: 2px 5px !important;
  border: solid 2px #ffffff !important;
}
#evenements .fixedFilters .typeSelector .selected {
  background: white !important;
  color: #2d2d2d !important;
}
#evenements .fixedFilters .typeAffichage {
  bottom: 13px !important;
  right: 5px !important;
}
#evenements .filtres_events {
  position: relative;
  padding-top: 20px;
}
#evenements .filtres_events ul {
  margin-top: 20px;
  background: #eaeaea;
}
#evenements .filtres_events ul li {
  display: inline-block;
  width: 19%;
  cursor: pointer;
}
#evenements .filtres_events ul li a {
  text-align: center;
  border: none;
  background: none;
}
#evenements .filtres_events ul li a img {
  width: 100px;
  transition: all 0.3s ease;
}
#evenements .filtres_events ul li:hover button img {
  width: 110px;
}
#evenements .filtres_events .agendaFilters {
  padding: 30px 0;
}
#evenements .filtres_events .agendaFilters #dateSelector, #evenements .filtres_events .agendaFilters #dateBotSelector {
  background: rgba(247, 247, 247, 0.07);
  height: 50px;
  clear: both;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0px 2px 10px -3px #d6d6d6;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li, #evenements .filtres_events .agendaFilters #dateBotSelector ul li {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  width: 60px;
  position: relative;
  top: 0px;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .dateSelect, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .dateSelect {
  width: 50px;
  height: 50px;
  border: none;
  background: transparent;
  color: grey;
  text-align: center;
  padding: 5px;
  transition: all ease 0.3s;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .dateSelect span, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .dateSelect span {
  display: block;
  width: 100%;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .dateSelect .stringDay, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .dateSelect .stringDay {
  font-size: 15px;
  color: #c5c1c1;
  margin-top: 0px;
  margin-bottom: -5px;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .dateSelect .numberDay, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .dateSelect .numberDay {
  font-size: 25px;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .dateSelect:hover, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .dateSelect:hover {
  background: #f3f3f3;
  border-radius: 30px;
  transition: all ease 0.3s;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .selectedDate, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .selectedDate {
  background: #242424;
  color: white;
  height: 60px !important;
  width: 60px !important;
  border-radius: 5px;
  margin-top: -5px;
  box-shadow: 0px 4px 10px -3px #b5b5b5;
}
#evenements .filtres_events .agendaFilters #dateSelector ul li .selectedDate:hover, #evenements .filtres_events .agendaFilters #dateBotSelector ul li .selectedDate:hover {
  background: #242424;
  color: white;
}
#evenements .filtres_events .typeAffichage {
  position: absolute;
  bottom: -30px;
  right: 10px;
}
#evenements .filtres_events .typeAffichage .typeSelector {
  text-align: right;
  position: relative;
  top: 5px;
}
#evenements .filtres_events .typeAffichage .typeSelector a {
  color: #70706f;
  border: solid 2px #70706f;
  margin: 2px;
  padding: 5px;
  border-radius: 5px;
}
#evenements .filtres_events .typeAffichage .typeSelector .selected {
  background: #70706f;
  color: white;
}
#evenements .filtres_events .clear {
  height: 50px;
  background: #1d1d1b;
}
#evenements .list_events {
  margin: 0 auto;
  width: 1550px;
  transition: all 0.5s ease;
}
#evenements .list_events ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
}
#evenements .list_events ul li {
  margin: 0 10px;
}
#evenements .list_events ul li .event {
  height: 400px;
}
#evenements .list_events ul li .event_content {
  bottom: 0px;
}
#evenements .list_events ul li .event_content .eventLocation {
  margin-bottom: 20px;
}
#evenements .list_events ul li .event_content .eventLocation li {
  justify-content: center;
  float: left;
  background: transparent;
}
#evenements .list_events ul li .event_content .eventLocation img {
  width: auto;
  height: 45px;
  margin-right: 0px;
}
#evenements .list_events ul li .bloc_event {
  padding: 10px;
  background: #f6f6f6;
}
#evenements .list_events ul li .bloc_event .content_event .date_event {
  padding-bottom: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
#evenements .list_events ul li .bloc_event .logo_event {
  float: right;
  width: 40px;
}
#evenements .list_events ul li:hover .event_content {
  bottom: 250px;
}
#evenements .listView .row #cineBlock .cinemaList {
  text-align: center;
}
#evenements .listView .row #cineBlock .cinemaList img {
  max-width: 80px;
  margin: 0px auto;
}
#evenements .listView .row #cineBlock .cinemaList > span {
  width: 100%;
  display: block;
}
#evenements .listView .row #cineBlock .cinemaList > ul {
  padding: 20px 0px;
  clear: both;
  min-height: 400px;
}
#evenements .listView .row #cineBlock .cinemaList > ul .spinner {
  margin: 0px auto;
}
#evenements .listView .row #cineBlock .cinemaList > ul li {
  padding: 15px 0px;
}
#evenements .listView .row #cineBlock .cinemaList > ul li .infos {
  display: none;
}
#evenements .listView .row #cineBlock .cinemaList > ul li > span {
  text-align: center;
  display: block;
  color: grey;
  font-weight: bold;
}
#evenements .listView .row #cineBlock .cinemaList > ul li .titleFilm {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: color ease 0.2s;
  color: #262626;
  cursor: pointer;
  border: none;
  background: transparent;
}
#evenements .listView .row #cineBlock .cinemaList > ul li .titleFilm:hover {
  transition: color ease 0.2s;
  color: #575757;
}
#evenements .listView .row #cineBlock .cinemaList > ul .hour10 {
  color: #009fc5;
}
#evenements .listView .row #cineBlock .cinemaList > ul .hour11 {
  color: #e02921;
}
#evenements .listView .row #cineBlock .cinemaList > ul .hour12 {
  color: #98be32;
}
#evenements .listView .row #cineBlock .cinemaList > ul .hour13 {
  color: #f5a737;
}
#evenements .listView .row #cineBlock .hideColumn {
  width: 0px;
  opacity: 0;
}
#evenements .infoExpo {
  padding: 25px 0px;
  border-bottom: solid 2px #5ea5a3;
  margin-bottom: 25px;
}
#evenements #list_event_names {
  max-width: 1024px;
  margin: auto;
  margin-top: 15px;
}
#evenements #list_event_names > li {
  position: relative;
  width: 100%;
  clear: both;
  box-shadow: 1px 1px 10px -3px #adadad;
  margin-bottom: 15px;
  padding: 0;
  height: 200px;
}
#evenements #list_event_names > li .seemore {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#evenements #list_event_names > li .seemore a {
  flex: 0.1;
  background: #008683;
  color: white;
  border-radius: 5px;
  padding: 5px 10px;
  display: block;
  text-align: center;
  transition: all ease 0.4s;
}
#evenements #list_event_names > li .seemore a:hover {
  background: #5ea5a3;
  transition: all ease 0.4s;
}
#evenements #list_event_names > li .seemore .eventdate {
  flex: 0.8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#evenements #list_event_names > li .seemore .eventdate .day {
  font-size: 40px;
  font-weight: bold;
}
@media all and (max-width: 991px) {
  #evenements #list_event_names > li .seemore > .eventdate {
    flex-direction: column !important;
  }
}
#evenements #list_event_names > li .title {
  padding-top: 15px;
  padding-left: 30px;
}
#evenements #list_event_names > li .title h3 {
  color: #008683;
  font-size: 20px;
}
#evenements #list_event_names > li .title h2 {
  font-size: 25px;
}
#evenements #list_event_names > li .title .description {
  width: 75%;
}
#evenements #list_event_names > li .title .description .eventLocation {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
#evenements #list_event_names > li .title .description .eventLocation li {
  width: 50px;
  float: left;
  padding: 0;
  display: block;
  background: transparent;
}
#evenements #list_event_names > li .cover {
  height: 100%;
  overflow: hidden;
  padding: 0px;
}
#evenements #list_event_names > li .cover img {
  width: auto;
  height: 100%;
}
#evenements #list_event_names > li .eventLocation {
  opacity: 1;
  margin-top: 0px !important;
}
#evenements #list_event_names > li:nth-child(2n) {
  background: #f7f7f7;
}
#evenements #list_event_names > li.col-2 {
  height: 250px;
}
#evenements #list_event_names > li.large4 {
  height: 250px;
}
#evenements #list_event_names > li.large6 {
  height: 250px;
}

@media screen and (max-width: 1024px) {
  #evenements .fixedFilters {
    top: 146px !important;
  }
  #evenements #list_event_names > li {
    height: auto !important;
  }
  #evenements #list_event_names > li .cover {
    width: 20% !important;
    max-height: 250px;
  }
  #evenements #list_event_names > li .title {
    width: 80% !important;
  }
  #evenements #list_event_names > li .seemore {
    width: 100%;
    height: auto;
    padding: 25px;
    border-top: solid 2px #008683;
  }
  #evenements #list_event_names > li .seemore .eventdate {
    flex-direction: row;
  }
  #evenements #list_event_names > li .seemore .eventdate span {
    display: block;
    padding: 10px;
  }
  #evenements #list_event_names > li .seemore a {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1550px) {
  #evenements .list_events {
    width: 1400px;
  }
}
@media screen and (max-width: 1400px) {
  #evenements .list_events {
    width: 1250px;
  }
}
@media screen and (max-width: 1250px) {
  #evenements .list_events {
    width: 1050px;
  }
}
@media screen and (max-width: 1050px) {
  #evenements .list_events {
    width: 800px;
  }
}
@media screen and (max-width: 800px) {
  #evenements .list_events {
    width: 600px;
  }
}
@media screen and (max-width: 767px) {
  #evenements #filters .filtersSelectable .filtre {
    float: left !important;
  }
  #evenements #list_event_names > li .title {
    width: 100% !important;
  }
  #evenements #list_event_names > li .title .description {
    width: 100% !important;
  }
  #evenements #list_event_names > li {
    height: 600px !important;
  }
  #evenements #list_event_names > li .cover {
    width: 100% !important;
  }
  #evenements #list_event_names > li .cover img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .list_events {
    padding: 0px !important;
  }
  #evenements #filters .typeAffichage {
    position: relative;
    width: 80%;
    right: auto;
    left: auto;
  }
}
@media screen and (max-width: 600px) {
  #evenements .list_events {
    width: 350px;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  #list_event_names {
    padding: 0px 70px !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 601px) {
  .list_events li .event .cover .baseAffiche {
    display: none;
  }
}
#dp {
  /* end filtre */
  /* pagination */
}
#dp #search_bar {
  width: 150px;
}
#dp #search_btn {
  background-color: #008683;
  color: #fff;
  transition: all ease 0.4s;
  border: 0;
  border-radius: 4px;
}
#dp #search_btn:hover {
  background-color: #c3d6d5;
  color: #008683;
}
#dp .titre_section {
  padding-top: 40px;
}
#dp h2 {
  font-size: 30px;
  color: #008683;
  margin: 10px 0px 30px 0px;
  padding: 5px;
  background-color: #c3d6d5;
}
#dp .filtres_dp {
  position: relative;
  background: #eaeaea;
}
#dp .filtres_dp h2 {
  padding-top: 35px;
}
#dp .filtres_dp .search {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
  height: 50px;
  background: #1d1d1b;
}
#dp .filtres_dp .search form {
  text-align: center;
}
#dp .filtres_dp .search form input {
  width: 60%;
}
#dp .filtres_dp .search form select {
  margin: 0 2%;
  width: 20%;
}
#dp .filtres_dp .search form button {
  right: 70px;
  height: 26px;
  border: none;
  color: white;
  background: #1d1d1b;
  transition: all 0.5s ease;
}
#dp .filtres_dp .search form button:hover {
  color: #008683;
}
#dp .dp_column {
  background-color: #f0f0f0;
  padding: 20px;
}
#dp .dp_column h2 {
  font-size: 20px;
  color: #008683;
  background-color: transparent;
  margin: 0px 0px 10px 0px;
}
#dp .dossier {
  margin: 5px 0px;
  padding: 5px;
}
#dp .dossier:nth-child(odd) {
  background: #f0f0f0;
}
#dp .dossier .dossier_title {
  font-size: 14px;
}
#dp .dossier .dossier_title.center {
  text-align: center;
}
#dp .dossier .dossier_title.big {
  font-size: 1.1em;
}
#dp .dossier .dossier_title strong {
  font-size: 16px;
}
#dp .dossier .dossier_cover img {
  max-width: 100%;
}
#dp .no_result {
  text-align: center;
}
#dp .dp_tag_words {
  border: 1px solid #c3d6d5;
  padding: 10px;
  margin: 10px 0px;
}
#dp .dp_tag_words h3 {
  color: #008683;
  background-color: #c3d6d5;
  padding: 5px 0px;
}
#dp .dp_tag_words a {
  font-size: 0.85em;
}
#dp #pagination {
  width: 100%;
  clear: both;
}
#dp #pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#dp #pagination ul li {
  margin: 5px 0;
}
#dp #pagination ul li a {
  display: block;
  padding: 2px;
  margin: 0 2px;
  border-radius: 0%;
  color: white;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #008683;
  transition: all 0.5s ease;
}
#dp #pagination ul li a:hover {
  border-radius: 100%;
}
#dp #pagination ul li.page_next a, #dp #pagination ul li.page_prev a, #dp #pagination ul li.current a {
  color: #008683;
  background: #c3d6d5;
  font-size: 15px;
  font-weight: bold;
}
#dp img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1550px) {
  #dp .list_container {
    width: 1400px;
  }
}
@media screen and (max-width: 1400px) {
  #dp .list_container {
    width: 1250px;
  }
}
@media screen and (max-width: 1250px) {
  #dp .list_container {
    width: 1050px;
  }
}
@media screen and (max-width: 1050px) {
  #dp .list_container {
    width: 800px;
  }
}
@media screen and (max-width: 800px) {
  #dp .list_container {
    width: 600px;
  }
}
@media screen and (max-width: 600px) {
  #dp .list_container {
    width: 350px;
  }
}
@media screen and (max-width: 930px) {
  #dp .filtres_dp .search {
    height: 120px;
  }
  #dp .filtres_dp .search form {
    width: 100%;
  }
  #dp .filtres_dp .search form input {
    margin: 10px 0;
    width: 80%;
  }
  #dp .filtres_dp .search form select {
    width: 80%;
  }
  #dp .filtres_dp .search button {
    position: unset;
    margin: 10px 0;
    width: 100%;
  }
}
p.text_presa {
  text-align: left;
}
p.text_presa i {
  font-style: italic;
}
p.text_presa br {
  line-height: 40px;
}

.buy_info {
  font-size: 0.85em;
  padding: 10px;
  margin: 10px 0px;
  background-color: #F1F1F1;
  border: 1px solid #dfdcd5;
  color: #70706f;
}

#dp_view {
  /* Style importé via MICHEL */
  /* end styles importés via MICHEL */
}
#dp_view .form_payement {
  display: inline-block;
}
#dp_view .form_payement input[type=submit] {
  font-weight: bold;
}
#dp_view .infoFilm {
  margin: 20px 0px;
  display: block;
}
#dp_view .infoFilm li {
  border-bottom: solid 1px #eaeaea;
  padding: 10px 0px;
  height: 20px;
}
#dp_view .infoFilm li p {
  margin: 0;
}
#dp_view ul li {
  list-style-type: disc;
  margin-left: 20px;
  padding: 0;
}
#dp_view ol li {
  margin-left: 20px;
  padding: 0;
}
#dp_view ul li {
  padding-bottom: 10px;
  list-style-type: disc;
  clear: both;
}
#dp_view ul li .infoLabel {
  width: 25%;
  float: left;
}
#dp_view ul li .infoValue {
  width: 75%;
  float: left;
  font-family: sans-serif;
  color: grey;
}
#dp_view ul li .infoValue a {
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: #FFF;
  box-shadow: 0 0 10px -3px grey;
  color: #292929;
}
#dp_view a {
  color: #008683;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
}
#dp_view a.button {
  color: #fff;
  letter-spacing: 0;
  text-decoration: none;
}
#dp_view a.button:hover {
  color: #008683;
  text-decoration: none;
}
#dp_view a.button:before {
  display: none;
}
#dp_view .infos {
  text-align: left;
  /*==========================
        HEADER
        ==========================*/
  /* - intro - */
  /* - bloc de mise en page - */
  /* - paragraphes - */
  /* - liste - */
  /* - titres - */
  /* - address - */
  /* - blockquote - */
  /* - images - */
  /* - style - */
  /*==========================
        QUESTIONNAIRE V1
        ==========================*/
  /*==========================
        TABLE NOIR ET GRIS CLAIR LARGEUR VARIABLE CENTREE
        ==========================*/
  /*==========================
        TABLE BORD NOIR FOND TRANSPARENT LARGEUR 100%
        ==========================*/
  /*==========================
        TABLE TRANSPARENTE LARGEUR VARIABLE CENTREE
        ==========================*/
  /*==========================
        NOTE EN BAS DE PAGE
        ==========================*/
  /*==========================
        FOOTER
        ==========================*/
  /*==========================
        HISTOIRE ECRAN LARGE EN IMAGES
        ==========================*/
  /*==========================
        DIVERS
        ==========================*/
  /*==========================
        QUESTIONNAIRE DP
        ==========================*/
}
#dp_view .infos div.dp_header {
  border: solid 1px #008683;
  background-color: #c3d6d5;
  text-align: right;
}
#dp_view .infos div.dp_header p {
  padding: 5px;
  color: #008683;
  line-height: 20px;
}
#dp_view .infos div.dp_header p span.dp_titre {
  font-size: 1.5em;
  font-weight: bold;
  color: #008683;
}
#dp_view .infos .content_dp {
  padding: 10px;
  line-height: 1.6em;
  font-size: 14px;
}
#dp_view .infos .content_dp p {
  text-align: left;
}
#dp_view .infos .content_dp p.s_center {
  text-align: center;
}
#dp_view .infos .content_dp ul {
  margin-bottom: 30px;
  clear: both;
}
#dp_view .infos .content_dp ul li {
  padding-bottom: 0px;
}
#dp_view .infos .content_dp ul li ul li {
  margin-left: 20px;
}
#dp_view .infos .content_dp ul li ul li ul li {
  margin-left: 20px;
}
#dp_view .infos div.dp_intro {
  border-color: #008683;
  border-width: 0 0 0 10px;
  border-style: solid;
  padding: 0 9px 0 9px;
  text-align: left;
  margin: 10px auto 24px auto;
  font-weight: bold;
}
#dp_view .infos .content_dp div.blLeftGris {
  background-color: #D4D4D4;
  padding: 5px;
  margin: 5px;
}
#dp_view .infos .blLeftGris ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp div.blRightGris {
  background-color: #D4D4D4;
  padding: 5px;
  margin: 5px;
  float: right;
}
#dp_view .infos .blRightGris ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp div.blCenterGris {
  background-color: #D4D4D4;
  padding: 5px;
  margin: 5px auto 5px auto;
}
#dp_view .infos .blCenterGris ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp div.blLeftOrange {
  background-color: #f0f0f0;
  padding: 5px;
  margin: 5px;
}
#dp_view .infos .blLeftOrange ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp div.blRightOrange {
  background-color: #f0f0f0;
  padding: 5px;
  margin: 5px;
  float: right;
}
#dp_view .infos .blRightOrange ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp div.blCenterOrange {
  background-color: #f0f0f0;
  padding: 5px;
  margin: 5px auto 5px auto;
}
#dp_view .infos .blCenterOrange ul li, #dp_view .infos ol ul li {
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos .content_dp td.BlocOrange, #dp_view .infos th.BlocOrange {
  background-color: #008683;
}
#dp_view .infos .content_dp div.blLeftTrans {
  padding: 5px;
  margin: 5px;
}
#dp_view .infos .content_dp div.blRightTrans {
  padding: 5px;
  margin: 5px;
  float: right;
}
#dp_view .infos .content_dp div.blCenterTrans {
  padding: 5px;
  margin: 5px auto 5px auto;
}
#dp_view .infos table.description_detail {
  background-color: #000;
  margin-bottom: 15px;
}
#dp_view .infos table.description_detail td {
  text-align: center;
  color: #fff;
  padding: 3px 15px 3px 15px;
  font-size: 0.9em;
}
#dp_view .infos .content_dp hr.vh {
  clear: both;
  margin: 0px;
  padding: 0px;
  visibility: hidden;
}
#dp_view .infos .content_dp p {
  margin: 0 0 10px 0;
  text-align: left;
}
#dp_view .infos .content_dp p.reference {
  text-align: right;
  margin-left: 40px;
}
#dp_view .infos .content_dp ul li {
  margin-bottom: 3px;
}
#dp_view .infos .content_dp h1 {
  font-size: 2em;
  margin: 5px 0 8px 0;
}
#dp_view .infos .content_dp h2 {
  font-size: 1.8em;
  margin: 5px 0 8px 0;
}
#dp_view .infos .content_dp h3 {
  font-size: 1.5em;
  margin: 5px 0 8px 0px;
  padding: 5px;
}
#dp_view .infos .content_dp h4 {
  font-size: 1.3em;
  color: #444;
  margin: 5px 0 8px 15px;
}
#dp_view .infos .content_dp h5 {
  font-size: 1.2em;
  color: #444;
  margin: 5px 0 8px 30px;
}
#dp_view .infos .content_dp h6 {
  font-size: 1.1em;
  color: #444;
  margin: 5px 0 8px 45px;
}
#dp_view .infos .content_dp h2.titrecadre, #dp_view .infos h3.titrecadre, #dp_view .infos h4.titrecadre, #dp_view .infos h5.titrecadre {
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
#dp_view .infos .content_dp address {
  text-align: right;
  margin: 0 10px 10px 0;
  font-style: normal;
  color: #fff;
}
#dp_view .infos blockquote {
  margin: 5px 20px 5px 20px;
  text-align: left;
  line-height: 20px;
}
#dp_view .infos img.img_left {
  float: left;
  margin: 3px 6px 3px 0;
}
#dp_view .infos img.img_right {
  float: right;
  margin: 3px 0 3px 6px;
}
#dp_view .infos img.img_center {
  margin: 0 auto 0 auto;
}
#dp_view .infos .s_center {
  text-align: center;
}
#dp_view .infos .s_left {
  text-align: left;
}
#dp_view .infos .s_right {
  text-align: right;
}
#dp_view .infos .s_justify {
  text-align: justify;
}
#dp_view .infos ul.interlignageplus li, #dp_view .infos ol ul li {
  line-height: 18px;
  padding: 0 0 3px 15px;
  margin-bottom: 2px;
  margin-top: 2px;
  background: none;
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos ol.interlignageplus li {
  line-height: 18px;
  background: none;
  margin-left: 20px;
  padding: 0 0 3px 0px;
  margin-bottom: 2px;
  margin-top: 2px;
}
#dp_view .infos ol.interlignageplus ul li {
  line-height: 18px;
  margin-left: 0px;
  padding: 0 0 3px 15px;
  margin-bottom: 2px;
  margin-top: 2px;
  background: none;
  background: url("images/list.gif") top left no-repeat;
}
#dp_view .infos ul.cercleacocher li {
  list-style-type: none;
  background: url("images/cercle.gif") top left no-repeat;
}
#dp_view .infos ol.interlignageplus ul.cercleacocher li {
  list-style-type: none;
  background: url("images/cercle.gif") top left no-repeat;
}
#dp_view .infos table.layout_questionnaire1 {
  border: solid 1px #999;
  width: 100%;
  margin: 10px 0 15px 0;
}
#dp_view .infos table.layout_questionnaire1 td, #dp_view .infos th {
  padding: 5px 10px 5px 10px;
  vertical-align: top;
  line-height: 18px;
}
#dp_view .infos table.layout_questionnaire1 td.quest {
  font-weight: bold;
}
#dp_view .infos table.layout_questionnaire1 td.cell_l {
  text-align: left;
}
#dp_view .infos table.layout_questionnaire1 td.cell_c {
  text-align: center;
}
#dp_view .infos table.layout_questionnaire1 td.cell_r {
  text-align: right;
}
#dp_view .infos tr.bg_col1 {
  background-color: #f6f6f6;
}
#dp_view .infos tr.bg_col2 {
  background-color: #e9e9e9;
}
#dp_view .infos table.layout_table1 {
  border: solid 1px #999;
  border-collapse: collapse;
  margin: 10px auto 15px auto;
  margin-left: auto;
  margin-right: auto;
}
#dp_view .infos table.layout_table1 th {
  border: solid 1px #999;
  padding: 5px 10px 5px 10px;
  background-color: #f6f6f6;
}
#dp_view .infos table.layout_table1 td {
  border: solid 1px #999;
  padding: 5px;
  background-color: #f6f6f6;
  vertical-align: top;
}
#dp_view .infos table.layout_table1 .bg_col2 {
  background-color: #e9e9e9;
}
#dp_view .infos table.layout_table2 {
  border: solid 1px #999;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 15px 0;
}
#dp_view .infos table.layout_table2 th {
  border: solid 1px #999;
  padding: 5px 10px 5px 10px;
}
#dp_view .infos table.layout_table2 td {
  border: solid 1px #999;
  padding: 5px;
  vertical-align: top;
}
#dp_view .infos table.tabletransparente {
  width: 100%;
  margin: 5px auto;
  border: none;
}
#dp_view .infos table.tabletransparente th {
  border: none;
  padding: 5px;
  background-color: transparent;
}
#dp_view .infos table.tabletransparente td {
  border: none;
  padding: 5px;
  background-color: transparent;
}
#dp_view .infos a.link_expo {
  color: #008683;
  text-decoration: none;
  vertical-align: super;
  font-size: 0.8em;
  line-height: 12px;
}
#dp_view .infos a.link_expo:hover {
  color: #008683;
}
#dp_view .infos .content_dp p.note {
  line-height: 14px;
  margin: 5px 20px 5px 35px;
  text-indent: -15px;
  font-size: 0.9em;
}
#dp_view .infos div.dp_footer {
  background-color: #5ea5a3;
  text-align: right;
}
#dp_view .infos div.dp_footer address {
  padding: 5px;
  color: #ffffff;
  margin: 0;
}
#dp_view .infos div.dp_footer a {
  color: #ffffff;
  text-decoration: none;
}
#dp_view .infos h2.histoire_eltn {
  font-size: 120%;
  color: #333;
  margin: 8px 0 0px 20px;
}
#dp_view .infos h3.histoire_eltn {
  font-size: 100%;
  color: #333;
  margin: 0px 0px 0px 50px;
}
#dp_view .infos p.histoire_eltn {
  font-size: 80%;
  margin: 0px 0px 0px 50px;
}
#dp_view .infos .CouleurGrise {
  color: #555;
}
#dp_view .infos .couleur3 {
  color: #993333;
  font-weight: bold;
}
#dp_view .infos .nouveau {
  background-color: #ffa600;
  padding: 0px 2px;
}
#dp_view .infos .CouleurOrange {
  color: #ffa600;
  font-weight: bold;
  background-color: #000000;
  padding: 0px 2px;
}
#dp_view .infos input {
  margin-right: 10px;
}
#dp_view .infos p.text {
  line-height: 2em;
}
#dp_view .infos .bloc_q {
  background: #f1f1f1;
  padding: 5px 10px;
  margin-bottom: 10px;
}
#dp_view .infos .titre_ask {
  border-top: 1px solid #000;
  margin-top: 10px;
  padding-top: 10px;
}
#dp_view .infos table.question {
  margin: 0 auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#dp_view .infos .answer {
  text-align: left;
}
#dp_view .infos .answertext {
  font-size: 11px;
  text-align: left;
}
#dp_view .infos table.question tr.array1:hover, #dp_view .infos table.question tr.array2:hover {
  background-color: #A7A9D1;
}
#dp_view .infos td.answer {
  padding: 0.5em 1.5em;
}
#dp_view .infos .array2 {
  font-size: 10px;
  text-align: center;
  background-color: #EFEFEF;
}
#dp_view .infos .question {
  margin-bottom: 10px;
  font-size: 10px;
  text-align: center;
  background: #f1f1f1;
}
#dp_view .infos .th.col-responses {
  text-decoration: none;
}
#dp_view #container_illustration {
  position: relative;
}
#dp_view #container_illustration .headTop {
  z-index: 50;
  position: absolute;
  padding: 15px 20px;
  width: 98%;
  background: rgba(19, 14, 10, 0.4);
  transition: all 0.3s ease;
}
#dp_view #container_illustration .headTop h2 {
  margin: 0 25px;
  max-width: 90%;
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  color: white;
}
#dp_view #container_illustration .headTop h2 span {
  font-size: 0.8em;
}
#dp_view #container_illustration .headTop ul {
  position: absolute;
  top: 0;
  right: 0;
}
#dp_view #container_illustration .headTop ul li {
  display: inline;
}
#dp_view #container_illustration .headTop ul li a {
  padding: 10px;
  font-size: 20px;
  color: white;
  display: inline-block;
}
#dp_view #dpCover {
  height: 300px;
  overflow: hidden;
}
#dp_view #dpCover .backgroundCover {
  width: 120%;
  margin-left: -10%;
  height: 200%;
  margin-top: -10%;
  filter: blur(20px);
  background-size: 100% !important;
  background-position: center !important;
  transition: all ease 0.5s;
}
#dp_view #dpCover img {
  width: 110%;
  position: relative;
  top: -50px;
  left: -50px;
  height: auto;
}
#dp_view #boxShadowCover {
  position: relative;
  z-index: 3;
  width: 100%;
}
#dp_view #boxShadowCover .shadow {
  position: relative;
  z-index: 1;
  background: white;
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.4);
}
#dp_view #boxShadowCover .border {
  position: relative;
  z-index: 2;
  background: white;
  height: 25px;
}
#dp_view .containerCoverDp #coverDp {
  z-index: 100;
  position: relative;
  top: 10px;
  margin-bottom: 20px;
  width: 100%;
  min-width: 320px;
  height: auto !important;
  min-height: 460px;
  color: #70706f;
  box-shadow: 0 0 10px -3px black;
  background: #70706f;
}
#dp_view .containerCoverDp .bloc_infos {
  margin-bottom: 30px;
}
#dp_view .containerCoverDp h3 {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #008683;
  line-height: 40px;
  background: #c3d6d5;
}
#dp_view .infos h1.dptitle {
  margin: 5px 0px;
  font-size: 30px;
}
#dp_view .infos h2.dpsubtitle {
  margin: 5px 0px 20px 0px;
  font-size: 18px;
  font-weight: normal;
}
#dp_view .infos ul li strong {
  display: inline-block;
}
#dp_view .infos ul li:last-child {
  /*padding: 10px 0;*/
}
#dp_view .infos p.text_presa i {
  font-style: italic;
}
#dp_view .infos p.text_presa br {
  line-height: 40px;
}

#dp_order {
  padding: 20px;
  margin: 10px 0px 30px 0px;
  background-color: #f1f1f1;
  border: 1px solid #d1d1d1;
}
#dp_order .row {
  display: block;
  margin: 20px;
}
#dp_order .row label {
  display: inline-block;
  width: 300px;
}
#dp_order input {
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px #d6d1d1;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 768px) {
  #dp_view .infos {
    margin-top: 0px !important;
  }
  #dp_view .infoFilm {
    list-style: none;
    padding-left: 0px;
  }
  #dp_view .infoFilm li {
    margin-left: 0px;
    list-style-type: none;
    height: 25px;
  }
}
#agenda,
#affiche {
  width: 100%;
  clear: both;
  padding-bottom: 35px;
}
#agenda #nextDate,
#agenda #nextBotDate,
#affiche #nextDate,
#affiche #nextBotDate {
  position: absolute;
  z-index: 99;
  right: -35px;
  top: 30%;
}
@media screen and (max-width: 991px) {
  #agenda #nextDate,
  #agenda #nextBotDate,
  #affiche #nextDate,
  #affiche #nextBotDate {
    top: 50%;
    right: -25px !important;
    color: #2e2e2e !important;
    text-shadow: none !important;
  }
}
#agenda #prevDate,
#agenda #prevBotDate,
#affiche #prevDate,
#affiche #prevBotDate {
  position: absolute;
  z-index: 99;
  left: -35px;
  top: 30%;
}
@media screen and (max-width: 991px) {
  #agenda #prevDate,
  #agenda #prevBotDate,
  #affiche #prevDate,
  #affiche #prevBotDate {
    top: 50%;
    left: -25px !important;
    color: #2e2e2e !important;
    text-shadow: none !important;
  }
}
#agenda #nextDate,
#agenda #prevDate,
#agenda #prevBotDate,
#agenda #nextBotDate,
#affiche #nextDate,
#affiche #prevDate,
#affiche #prevBotDate,
#affiche #nextBotDate {
  transform: translateY(-50%);
  border: none;
  font-size: 2em !important;
  color: #544e4e;
  background: none;
  transition: all 0.3s ease;
}
#agenda #filters,
#affiche #filters {
  position: relative;
  background: #fff;
}
#agenda #filters h2,
#affiche #filters h2 {
  padding-top: 35px;
  transition: all ease 0.3s;
}
#agenda #filters .agendaFilters,
#affiche #filters .agendaFilters {
  padding-bottom: 30px;
  width: 77%;
  margin: auto;
}
#agenda #filters .agendaFilters .dateFiltre,
#affiche #filters .agendaFilters .dateFiltre {
  border: none;
  display: inline-block;
  width: 12.9%;
  text-align: center;
  background: grey;
  color: white;
  padding: 10px 0px;
  margin: 5px;
  cursor: pointer;
  transition: all ease 0.2s;
}
#agenda #filters .agendaFilters .dateFiltre .stringDay,
#affiche #filters .agendaFilters .dateFiltre .stringDay {
  font-size: 18px;
}
#agenda #filters .agendaFilters .dateFiltre .numberDay,
#affiche #filters .agendaFilters .dateFiltre .numberDay {
  font-size: 30px;
}
#agenda #filters .agendaFilters .dateFiltre span,
#affiche #filters .agendaFilters .dateFiltre span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
#agenda #filters .agendaFilters .dateFiltre:hover,
#affiche #filters .agendaFilters .dateFiltre:hover {
  background: #2d2d2d;
  transition: all ease 0.2s;
}
#agenda #filters .agendaFilters .selectedDate,
#affiche #filters .agendaFilters .selectedDate {
  background: #2d2d2d;
}
#agenda #filters .typeSelector,
#affiche #filters .typeSelector {
  text-align: right;
  position: relative;
}
#agenda #filters .typeSelector a,
#affiche #filters .typeSelector a {
  color: #70706f;
  border: solid 2px #70706f;
  padding: 5px;
  border-radius: 5px;
}
#agenda #filters .typeSelector .selected,
#affiche #filters .typeSelector .selected {
  background: #70706f;
  color: white;
}
#agenda #filters .typeFilters,
#affiche #filters .typeFilters {
  padding: 15px 0px;
}
#agenda #filters .typeFilters .typePetitGrignoux,
#affiche #filters .typeFilters .typePetitGrignoux {
  text-align: right;
}
#agenda #filters .filtersSelectable,
#affiche #filters .filtersSelectable {
  width: 100%;
  text-align: left;
  padding: 10px 0px;
  border-radius: 5px;
}
#agenda #filters .filtersSelectable:after,
#affiche #filters .filtersSelectable:after {
  content: "";
  display: block;
  clear: both;
}
#agenda #filters .filtersSelectable .filtre,
#affiche #filters .filtersSelectable .filtre {
  border: solid 2px #1d1d1b;
  background: transparent;
  border-radius: 5px;
  color: #1d1d1b;
  transition: all ease 0.3s;
  margin: 0px 0px;
  padding: 5px;
}
#agenda #filters .filtersSelectable .filtre.petit_grignoux,
#affiche #filters .filtersSelectable .filtre.petit_grignoux {
  border: solid 2px #008683;
  color: #008683;
}
#agenda #filters .filtersSelectable .typeFiltre,
#affiche #filters .filtersSelectable .typeFiltre {
  border: solid 2px #1d1d1b;
  background: transparent;
  border-radius: 5px;
  color: #1d1d1b;
  transition: all ease 0.3s;
  margin: 0px 10px;
  padding: 5px;
  float: right;
}
#agenda #filters .filtersSelectable .typeFiltre.selected,
#affiche #filters .filtersSelectable .typeFiltre.selected {
  border: solid 2px #1d1d1b;
  background: #1d1d1b;
  border-radius: 5px;
  color: #fff;
  transition: all ease 0.3s;
}
#agenda #filters .filtersSelectable .disabled,
#affiche #filters .filtersSelectable .disabled {
  border: solid 2px rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
}
#agenda #filters .filtersSelectable .selectedFiltre,
#affiche #filters .filtersSelectable .selectedFiltre {
  border: solid 2px #1d1d1b;
  background: #1d1d1b;
  border-radius: 5px;
  color: #fff;
  transition: all ease 0.3s;
}
#agenda #filters .filtersSelectable #type,
#affiche #filters .filtersSelectable #type {
  display: none;
}
#agenda #filters .filtersSelectable .select2,
#affiche #filters .filtersSelectable .select2 {
  width: 25% !important;
  padding: 10px;
  position: relative;
  top: -1px;
}
#agenda #filters .filtersSelectable .select2::after,
#affiche #filters .filtersSelectable .select2::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 35%;
}
#agenda #filters .filtersSelectable .select2 .select2-selection,
#affiche #filters .filtersSelectable .select2 .select2-selection {
  border: solid 2px #1d1d1b;
}
#agenda #filters .filtersSelectable .select2 .select2-selection .select2-selection__choice,
#affiche #filters .filtersSelectable .select2 .select2-selection .select2-selection__choice {
  background-color: #1d1d1b;
  color: #fff;
  border: none;
  padding: 5px;
}
@media screen and (max-width: 991px) {
  #agenda #filters .filtersSelectable .select2,
  #affiche #filters .filtersSelectable .select2 {
    width: 100% !important;
    padding: 10px 0px;
  }
}
#agenda #filters .typeAffichage,
#affiche #filters .typeAffichage {
  position: absolute;
  bottom: -30px;
  right: 10px;
}
#agenda #filters .typeAffichage a,
#affiche #filters .typeAffichage a {
  margin: 2px;
}
#agenda .fixedFilters,
#affiche .fixedFilters {
  position: fixed !important;
  top: 115px;
  z-index: 100;
  width: 100%;
  max-width: none;
  padding-top: 12px;
  box-shadow: 0px 0px 10px -3px black;
}
#agenda .fixedFilters #dateSelector,
#agenda .fixedFilters #dateBotSelector,
#affiche .fixedFilters #dateSelector,
#affiche .fixedFilters #dateBotSelector {
  margin-top: 0px;
}
#agenda .fixedFilters #dateSelector ul,
#agenda .fixedFilters #dateBotSelector ul,
#affiche .fixedFilters #dateSelector ul,
#affiche .fixedFilters #dateBotSelector ul {
  height: 55px;
  margin-bottom: 0px;
}
#agenda .fixedFilters h2,
#affiche .fixedFilters h2 {
  opacity: 0;
  transition: all ease 0.3s;
}
#agenda .fixedFilters .titre_section,
#affiche .fixedFilters .titre_section {
  display: none;
}
#agenda .fixedFilters .agendaFilters,
#affiche .fixedFilters .agendaFilters {
  padding-bottom: 10px !important;
}
#agenda .fixedFilters .typeFilters,
#affiche .fixedFilters .typeFilters {
  padding: 5px 0px !important;
}
#agenda .fixedFilters .typeSelector a,
#affiche .fixedFilters .typeSelector a {
  color: #282828 !important;
  padding: 2px 5px !important;
  border: solid 2px #282828 !important;
}
#agenda .fixedFilters .typeSelector .selected,
#affiche .fixedFilters .typeSelector .selected {
  background: #282828 !important;
  color: #ffffff !important;
}
#agenda .fixedFilters .typeAffichage,
#affiche .fixedFilters .typeAffichage {
  bottom: 22px !important;
  right: 5px !important;
}
#agenda .listView .row #cineBlock,
#affiche .listView .row #cineBlock {
  opacity: 0;
}
#agenda .listView .row #cineBlock .cinemaList,
#affiche .listView .row #cineBlock .cinemaList {
  text-align: center;
}
#agenda .listView .row #cineBlock .cinemaList img,
#affiche .listView .row #cineBlock .cinemaList img {
  max-width: 80px;
  margin: 0px auto;
}
#agenda .listView .row #cineBlock .cinemaList > span,
#affiche .listView .row #cineBlock .cinemaList > span {
  width: 100%;
  display: block;
}
#agenda .listView .row #cineBlock .cinemaList > ul,
#affiche .listView .row #cineBlock .cinemaList > ul {
  padding: 20px 0px;
  clear: both;
  min-height: 400px;
}
@media all and (max-width: 768px) {
  #agenda .listView .row #cineBlock .cinemaList > ul,
  #affiche .listView .row #cineBlock .cinemaList > ul {
    min-height: 0;
  }
}
#agenda .listView .row #cineBlock .cinemaList > ul .spinner,
#affiche .listView .row #cineBlock .cinemaList > ul .spinner {
  margin: 0px auto;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li {
  padding: 5px 0px 30px 0px;
  height: 70px;
  background-color: #f1f1f1;
  margin-bottom: 8px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #d1d1d1;
  transition: all ease 0.3s;
  position: relative;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .flagComplete,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .flagComplete {
  position: absolute;
  height: 65px;
  overflow: hidden;
  margin-top: -6px;
  left: 7px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .flagComplete span,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .flagComplete span {
  display: block;
  background: #403e3e;
  color: white;
  transform: rotate(-45deg);
  text-align: center;
  padding: 4px 21px;
  margin-left: -21px;
  box-shadow: 0px 3px 10px -3px #232222;
  margin-top: 12px;
  font-size: 12px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .newFilm,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .newFilm {
  color: #b5b4b4;
  font-weight: bold;
  position: absolute;
  margin-top: 75px;
  left: 15px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .infos,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .infos {
  display: none;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li > span,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li > span {
  text-align: center;
  display: block;
  color: grey;
  font-weight: bold;
  margin-bottom: 8px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .titleFilm,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .titleFilm {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: color ease 0.2s;
  color: #262626;
  cursor: pointer;
  border: none;
  background: transparent;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .titleFilm:hover,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .titleFilm:hover {
  transition: color ease 0.2s;
  color: #575757;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink {
  background: #008683;
  color: #ffffff;
  padding: 2px 5px;
  display: inline-block;
  border-radius: 0px 5px 5px 0px;
  transition: all ease 0.2s;
  margin-bottom: 5px;
  position: relative;
  left: -10px;
  width: 90%;
  box-shadow: 0px 2px 4px -1px #c7c7c7;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink span,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink span {
  padding: 5px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink a,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink a {
  color: #fff;
  padding: 5px 0px;
  font-size: 14px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour1,
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour2,
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour3,
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour4,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour1,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour2,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour3,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink .hour4 {
  font-weight: bold;
  background: #f1f1f1;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .eventLink:hover,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .eventLink:hover {
  color: #fff;
  background: #36a99a;
  transition: all ease 0.2s;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .picto,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .picto {
  float: right;
  position: absolute;
  right: 15px;
  margin-top: 75px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li .picto img,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li .picto img {
  width: 20px;
  height: 20px;
  float: right;
  margin: -2px 2px;
}
#agenda .listView .row #cineBlock .cinemaList > ul > div > li:hover,
#affiche .listView .row #cineBlock .cinemaList > ul > div > li:hover {
  cursor: pointer;
  background-color: #e1e1e1;
  transition: all ease 0.3s;
}
#agenda .listView .row #cineBlock .cinemaList > ul .eventLinked,
#affiche .listView .row #cineBlock .cinemaList > ul .eventLinked {
  border: solid 1px #c49eea;
  border-radius: 5px;
}
#agenda .listView .row #cineBlock .cinemaList > ul .hour1,
#affiche .listView .row #cineBlock .cinemaList > ul .hour1 {
  color: #e02921;
}
#agenda .listView .row #cineBlock .cinemaList > ul .hour2,
#affiche .listView .row #cineBlock .cinemaList > ul .hour2 {
  color: #009fc5;
}
#agenda .listView .row #cineBlock .cinemaList > ul .hour3,
#affiche .listView .row #cineBlock .cinemaList > ul .hour3 {
  color: #98be32;
}
#agenda .listView .row #cineBlock .cinemaList > ul .hour4,
#affiche .listView .row #cineBlock .cinemaList > ul .hour4 {
  color: #f5a737;
}
#agenda .listView .row #cineBlock .cinemaList > ul .passed .hour1,
#agenda .listView .row #cineBlock .cinemaList > ul .passed .hour2,
#agenda .listView .row #cineBlock .cinemaList > ul .passed .hour3,
#agenda .listView .row #cineBlock .cinemaList > ul .passed .hour4,
#agenda .listView .row #cineBlock .cinemaList > ul .passed .titleFilm,
#affiche .listView .row #cineBlock .cinemaList > ul .passed .hour1,
#affiche .listView .row #cineBlock .cinemaList > ul .passed .hour2,
#affiche .listView .row #cineBlock .cinemaList > ul .passed .hour3,
#affiche .listView .row #cineBlock .cinemaList > ul .passed .hour4,
#affiche .listView .row #cineBlock .cinemaList > ul .passed .titleFilm {
  color: #bababa;
}
#agenda .listView .row #cineBlock .cinemaList > ul .ended,
#affiche .listView .row #cineBlock .cinemaList > ul .ended {
  display: none;
}
#agenda .listView .row #cineBlock .cinemaList > ul .period,
#affiche .listView .row #cineBlock .cinemaList > ul .period {
  border-bottom: solid 1px #e2e2e2;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
@media all and (max-width: 768px) {
  #agenda .listView .row #cineBlock .cinemaList > ul .period,
  #affiche .listView .row #cineBlock .cinemaList > ul .period {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
#agenda .listView .row #cineBlock .cinemaList > ul .period:nth-last-child(2), #agenda .listView .row #cineBlock .cinemaList > ul .period:last-child,
#affiche .listView .row #cineBlock .cinemaList > ul .period:nth-last-child(2),
#affiche .listView .row #cineBlock .cinemaList > ul .period:last-child {
  border-bottom: none !important;
}
#agenda .listView .row #cineBlock .cinemaList .cinemaName,
#affiche .listView .row #cineBlock .cinemaList .cinemaName {
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}
#agenda .listView .row #cineBlock .cinemaList .cinemaName .city,
#affiche .listView .row #cineBlock .cinemaList .cinemaName .city {
  font-size: 12px;
  float: right;
  font-weight: normal;
  position: relative;
  top: 3px;
  right: 5px;
}
#agenda .listView .row #cineBlock .cinemaList.medium12 .AMBlock,
#agenda .listView .row #cineBlock .cinemaList.medium12 .EarlyAMBlock,
#agenda .listView .row #cineBlock .cinemaList.medium12 .PMBlock,
#agenda .listView .row #cineBlock .cinemaList.medium12 .NightBlock,
#affiche .listView .row #cineBlock .cinemaList.medium12 .AMBlock,
#affiche .listView .row #cineBlock .cinemaList.medium12 .EarlyAMBlock,
#affiche .listView .row #cineBlock .cinemaList.medium12 .PMBlock,
#affiche .listView .row #cineBlock .cinemaList.medium12 .NightBlock {
  clear: both;
}
#agenda .listView .row #cineBlock .cinemaList.medium12 .AMBlock::after,
#agenda .listView .row #cineBlock .cinemaList.medium12 .EarlyAMBlock::after,
#agenda .listView .row #cineBlock .cinemaList.medium12 .PMBlock::after,
#agenda .listView .row #cineBlock .cinemaList.medium12 .NightBlock::after,
#affiche .listView .row #cineBlock .cinemaList.medium12 .AMBlock::after,
#affiche .listView .row #cineBlock .cinemaList.medium12 .EarlyAMBlock::after,
#affiche .listView .row #cineBlock .cinemaList.medium12 .PMBlock::after,
#affiche .listView .row #cineBlock .cinemaList.medium12 .NightBlock::after {
  clear: both;
}
#agenda .listView .row #cineBlock .cinemaList.medium12 .seanceObj,
#affiche .listView .row #cineBlock .cinemaList.medium12 .seanceObj {
  width: 19%;
  position: relative;
  float: left;
  margin: 10px 5px;
}
#agenda .listView .row #cineBlock .hideColumn,
#affiche .listView .row #cineBlock .hideColumn {
  width: 0px;
  opacity: 0;
}
#agenda .listView .row #cineBlock #list_1 .cinemaName,
#affiche .listView .row #cineBlock #list_1 .cinemaName {
  background: #e02921;
}
#agenda .listView .row #cineBlock #list_2 .cinemaName,
#affiche .listView .row #cineBlock #list_2 .cinemaName {
  background: #009fc5;
}
#agenda .listView .row #cineBlock #list_3 .cinemaName,
#affiche .listView .row #cineBlock #list_3 .cinemaName {
  background: #98be32;
}
#agenda .listView .row #cineBlock #list_4 .cinemaName,
#affiche .listView .row #cineBlock #list_4 .cinemaName {
  background: #f5a737;
}
#agenda .dateLine,
#affiche .dateLine {
  background: #d9d9d9;
  text-align: left;
  padding: 0.5em;
  font-weight: bold;
}
#agenda .filmListing,
#affiche .filmListing {
  width: 100%;
  padding: 15px;
  clear: both;
  text-align: left;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing,
  #affiche .filmListing {
    padding: 15px 10px;
    border-bottom: solid 2px #dfdfdf;
    background: #f7f7f7;
  }
}
#agenda .filmListing .filmCover,
#affiche .filmListing .filmCover {
  width: 10%;
  min-width: 100px;
  float: left;
  margin-right: 15px;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing .filmCover,
  #affiche .filmListing .filmCover {
    min-height: 150px;
    width: 35%;
  }
}
#agenda .filmListing .filmCover img,
#affiche .filmListing .filmCover img {
  width: 100%;
  height: auto;
}
#agenda .filmListing .title,
#affiche .filmListing .title {
  float: left;
  max-width: 70%;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing .title,
  #affiche .filmListing .title {
    max-width: 60%;
    margin-bottom: 1em;
  }
}
#agenda .filmListing .accroche.accrocheResp,
#affiche .filmListing .accroche.accrocheResp {
  display: none;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing .accroche.accrocheResp,
  #affiche .filmListing .accroche.accrocheResp {
    display: block;
    padding: 1px 0px 30px 0px;
    clear: both;
  }
  #agenda .filmListing .accroche.accrocheDesk,
  #affiche .filmListing .accroche.accrocheDesk {
    display: none;
  }
}
#agenda .filmListing .seemore,
#affiche .filmListing .seemore {
  float: right;
  text-align: right;
  border: solid 1px grey;
  padding: 5px;
  color: grey;
  border-radius: 5px;
  transition: all ease 0.2s;
}
#agenda .filmListing .seemore.responsiveBtn,
#affiche .filmListing .seemore.responsiveBtn {
  display: none;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing .seemore,
  #affiche .filmListing .seemore {
    float: left;
    width: 35%;
    text-align: left;
  }
  #agenda .filmListing .seemore.responsiveBtn,
  #affiche .filmListing .seemore.responsiveBtn {
    display: block;
    clear: both;
    width: 100%;
    margin-right: 20%;
    margin-bottom: 1em;
    margin-top: 0.5em;
  }
  #agenda .filmListing .seemore.deskBtn,
  #affiche .filmListing .seemore.deskBtn {
    display: none;
  }
}
#agenda .filmListing .seemore:hover,
#affiche .filmListing .seemore:hover {
  border: solid 1px #303030;
  padding: 5px;
  color: #303030;
  transition: all ease 0.2s;
}
#agenda .filmListing .eventFlag,
#affiche .filmListing .eventFlag {
  float: right;
  position: relative;
  right: 0;
  background: #008683;
  color: white;
  padding: 5px;
  border-radius: 5px;
  margin-right: 0px;
  left: 0px;
  transition: all ease 0.2s;
  min-width: 100px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing .eventFlag,
  #affiche .filmListing .eventFlag {
    float: left;
    top: -5px;
  }
}
#agenda .filmListing .eventFlag:hover,
#affiche .filmListing .eventFlag:hover {
  background: #008683;
  transition: all ease 0.2s;
}
@media screen and (max-width: 991px) {
  #agenda .filmListing,
  #affiche .filmListing {
    float: left;
    text-align: left;
    top: -5px;
  }
}
#agenda .filmListing:nth-child(2n),
#affiche .filmListing:nth-child(2n) {
  background: #f7f7f7;
}
#agenda #currentDate,
#affiche #currentDate {
  font-size: 25px;
  color: #6b6b6b;
  margin-bottom: 10px;
  clear: both;
}
#agenda .agendaFiltersBottom,
#affiche .agendaFiltersBottom {
  border-top: solid 5px #e8e8e8;
  clear: both;
  padding-top: 30px;
}
#agenda #dateSelector,
#agenda #dateSelectorBottom,
#affiche #dateSelector,
#affiche #dateSelectorBottom {
  margin-top: 30px;
  background: rgba(247, 247, 247, 0.07);
  height: 52px;
  clear: both;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0px 2px 10px -3px #d6d6d6;
}
@media all and (max-width: 768px) {
  #agenda #dateSelector,
  #agenda #dateSelectorBottom,
  #affiche #dateSelector,
  #affiche #dateSelectorBottom {
    margin: 0;
  }
}
#agenda #dateSelector #leftArrowDate,
#agenda #dateSelectorBottom #leftArrowDate,
#affiche #dateSelector #leftArrowDate,
#affiche #dateSelectorBottom #leftArrowDate {
  position: absolute;
  left: 0;
  z-index: 9999;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 5px;
  color: #fff;
  transition: all ease 0.2s;
  cursor: pointer;
}
#agenda #dateSelector #leftArrowDate i,
#agenda #dateSelectorBottom #leftArrowDate i,
#affiche #dateSelector #leftArrowDate i,
#affiche #dateSelectorBottom #leftArrowDate i {
  text-shadow: 0 0 10px grey;
}
#agenda #dateSelector #leftArrowDate:hover,
#agenda #dateSelectorBottom #leftArrowDate:hover,
#affiche #dateSelector #leftArrowDate:hover,
#affiche #dateSelectorBottom #leftArrowDate:hover {
  cursor: pointer;
  font-size: 25px;
  transition: all ease 0.2s;
}
#agenda #dateSelector #rightArrowDate,
#agenda #dateSelectorBottom #rightArrowDate,
#affiche #dateSelector #rightArrowDate,
#affiche #dateSelectorBottom #rightArrowDate {
  position: absolute;
  right: 0;
  z-index: 9999;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 5px;
  color: #fff;
  transition: all ease 0.2s;
  cursor: pointer;
}
#agenda #dateSelector #rightArrowDate i,
#agenda #dateSelectorBottom #rightArrowDate i,
#affiche #dateSelector #rightArrowDate i,
#affiche #dateSelectorBottom #rightArrowDate i {
  text-shadow: 0 0 10px grey;
}
#agenda #dateSelector #rightArrowDate:hover,
#agenda #dateSelectorBottom #rightArrowDate:hover,
#affiche #dateSelector #rightArrowDate:hover,
#affiche #dateSelectorBottom #rightArrowDate:hover {
  cursor: pointer;
  font-size: 25px;
  transition: all ease 0.2s;
}
#agenda #dateSelector ul,
#agenda #dateSelectorBottom ul,
#affiche #dateSelector ul,
#affiche #dateSelectorBottom ul {
  opacity: 0;
  position: relative;
}
#agenda #dateSelector ul li,
#agenda #dateSelectorBottom ul li,
#affiche #dateSelector ul li,
#affiche #dateSelectorBottom ul li {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  width: 60px;
  position: relative;
  top: 0px;
}
#agenda #dateSelector ul li .dateSelect,
#agenda #dateSelectorBottom ul li .dateSelect,
#affiche #dateSelector ul li .dateSelect,
#affiche #dateSelectorBottom ul li .dateSelect {
  width: 50px;
  height: 50px;
  border: none;
  background: transparent;
  color: grey;
  padding: 5px;
  transition: all ease 0.3s;
}
#agenda #dateSelector ul li .dateSelect span,
#agenda #dateSelectorBottom ul li .dateSelect span,
#affiche #dateSelector ul li .dateSelect span,
#affiche #dateSelectorBottom ul li .dateSelect span {
  display: block;
  width: 100%;
}
#agenda #dateSelector ul li .dateSelect .stringDay,
#agenda #dateSelectorBottom ul li .dateSelect .stringDay,
#affiche #dateSelector ul li .dateSelect .stringDay,
#affiche #dateSelectorBottom ul li .dateSelect .stringDay {
  font-size: 15px;
  color: #c5c1c1;
  margin-top: 0px;
  margin-bottom: -5px;
}
#agenda #dateSelector ul li .dateSelect .numberDay,
#agenda #dateSelectorBottom ul li .dateSelect .numberDay,
#affiche #dateSelector ul li .dateSelect .numberDay,
#affiche #dateSelectorBottom ul li .dateSelect .numberDay {
  font-size: 25px;
}
#agenda #dateSelector ul li .dateSelect:hover,
#agenda #dateSelectorBottom ul li .dateSelect:hover,
#affiche #dateSelector ul li .dateSelect:hover,
#affiche #dateSelectorBottom ul li .dateSelect:hover {
  background: #f3f3f3;
  border-radius: 30px;
  transition: all ease 0.3s;
}
#agenda #dateSelector ul li .selectedDate,
#agenda #dateSelectorBottom ul li .selectedDate,
#affiche #dateSelector ul li .selectedDate,
#affiche #dateSelectorBottom ul li .selectedDate {
  background: #242424;
  color: white;
  height: 55px !important;
  width: 55px !important;
  border-radius: 5px;
  box-shadow: 0px 4px 10px -3px #b5b5b5;
}
#agenda #dateSelector ul li .selectedDate:hover,
#agenda #dateSelectorBottom ul li .selectedDate:hover,
#affiche #dateSelector ul li .selectedDate:hover,
#affiche #dateSelectorBottom ul li .selectedDate:hover {
  background: #242424;
  color: white;
}

#agenda .baseAffiche {
  display: none;
}

@media screen and (max-width: 767px) {
  .seanceObj {
    width: 100% !important;
    clear: both;
    float: none;
  }
  #filters {
    padding: 10px 0px !important;
  }
  .EarlyAMBlock,
  .AMBlock,
  .PMBlock,
  .NightBlock {
    height: auto !important;
  }
  #filters .filtre {
    margin: 5px !important;
  }
  #filters .container {
    padding: 25px 0px !important;
  }
  #filters .typeFiltre {
    margin: 5px !important;
  }
  #filters .filtersSelectable .filtre {
    margin: 5px 2px !important;
    width: 31%;
    font-size: 0.8em;
  }
  #agenda .filmListing {
    width: 100%;
    padding: 15px 5px;
  }
  #agenda .filmListing .seemore {
    float: left;
    margin-top: 5px;
  }
  .info {
    display: none;
  }
  .checkbox {
    padding: 0px 42px;
    width: 20% !important;
    margin: auto !important;
  }
  #agenda #filters .filtersSelectable,
  #affiche #filters .filtersSelectable {
    text-align: center;
  }
  #agenda #filters .filtersSelectable .typeFiltre,
  #affiche #filters .filtersSelectable .typeFiltre {
    float: none;
  }
  #agenda,
  #affiche {
    overflow-y: hidden;
  }
  #infoFilmWrapper #infoFilm .infoContent {
    padding: 30px 15px !important;
  }
  .cinemaList {
    width: 100% !important;
    float: none;
  }
}
/* pictos */
#infoFilm .picto img,
#film_infos .picto img,
#contentListing .picto img {
  background: #fff;
  width: 30px;
  height: 30px;
  border: solid 2px #fff;
  border-radius: 30px;
  margin: -15px 0px !important;
}

#infoFilm .picto a {
  clear: both;
  display: block;
  margin-top: 25px;
  border: solid 2px #fff;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  transition: 0.3s;
  width: 200px;
  float: right;
}
#infoFilm .picto a:hover {
  color: #008683;
  background: #fff;
}

#contentListing::after {
  content: "";
  display: block;
  clear: both;
}
#contentListing .picto {
  position: absolute;
  right: 10px !important;
  bottom: 15px;
}

#film_infos .picto,
#infoFilm .picto {
  margin-bottom: 30px;
  bottom: -60px !important;
}
#film_infos .picto::after,
#infoFilm .picto::after {
  content: "";
  display: block;
  clear: both;
}
#film_infos .picto img,
#infoFilm .picto img {
  width: 25px !important;
  height: 25px !important;
  margin: 0px 4px !important;
}
#film_infos .picto img.classPicto,
#infoFilm .picto img.classPicto {
  width: 30px !important;
  height: 30px !important;
  float: left;
  margin: 0px !important;
  border: none;
}

#orders {
  text-align: right;
  padding: 10px 10px;
  margin-top: 10px;
  border-top: solid 2px #e9e9e9;
}

.gridDownload {
  display: block;
  width: 30em;
  margin: 2em auto;
  max-width: 80%;
}
.gridDownload img {
  width: 100%;
}

.nopad {
  padding: 20px 0;
}

#content {
  padding: 100px 15px;
}
#content.nopad {
  padding: 20px 0;
}
#content h1 {
  font-size: 2.5em;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
#content h1:after {
  display: block;
  margin: 0 auto;
  content: "";
  height: 2px;
  width: 240px;
  background: url(../images/titres_underline.png);
}
#content h2 {
  text-transform: uppercase;
}
#content h2, #content h3, #content h4, #content h5, #content h6, #content p {
  padding: 0 20px;
}
#content img {
  max-width: 100%;
  height: auto;
}
#content img.floatLeft {
  float: left;
  margin: 0 20px 20px 0px;
}
#content img.floatRight {
  float: right;
  margin: 0 0px 20px 20px;
}
#content ul {
  padding: 0 20px;
}
#content em {
  font-style: normal;
  color: #98be32;
}
#content p {
  line-height: 1.7em;
}

/* responsive */
@media screen and (max-width: 990px) {
  #content h2, #content h3, #content h4, #content h5, #content h6, #content p {
    padding: 0 5px;
  }
  #content img {
    margin: 0 5px 5px 5px;
  }
  #content ul {
    padding: 0 5px;
  }
}
#footer {
  clear: both;
  background-color: #1d1d1b;
}
#footer .footer_colors {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
#footer .footer_colors span {
  width: 25%;
  height: 5px;
}
#footer .footer_colors span.red {
  background: #e02921;
}
#footer .footer_colors span.cyan {
  background: #009fc5;
}
#footer .footer_colors span.green {
  background: #98be32;
}
#footer .footer_colors span.yellow {
  background: #f5a737;
}
#footer .footer_logo ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#footer .footer_sn {
  position: relative;
}
#footer .footer_sn ul {
  padding: 30px 0 10px 0;
  text-align: right;
}
#footer .footer_sn ul li {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #70706f;
}
#footer .footer_sn ul li:last-child {
  border: none;
}
#footer .footer_sn ul li a {
  color: #70706f;
}
#footer .footer_sn ul li a i {
  font-size: 1.5em;
}
#footer .footer_copy {
  padding: 10px 0;
  border-top: 1px solid #70706f;
  height: 15px;
  font-size: 0.8em;
  color: #70706f;
  background-color: #1d1d1b;
}
#footer .footer_copy .logoComon {
  text-align: right;
}
#footer .footer_copy .logoComon img {
  height: 30px;
  margin-top: -10px;
  position: relative;
  top: 3px;
}

@media screen and (max-width: 768px) {
  #footer .footer_sn ul {
    position: relative;
    top: -80px;
  }
  #footer .footer_copy {
    margin-top: -50px;
    height: 100px;
  }
  #footer .footer_copy::after {
    content: "";
    display: block;
    clear: both;
  }
  #footer .footer_copy span {
    display: block;
  }
  #footer .footer_copy .container {
    padding-top: 0px !important;
  }
  #footer .footer_copy .logoComon {
    margin-top: 7px;
  }
}
#ou_nous_trouver .map_point {
  text-align: right;
  padding: 10px;
  box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.2);
  cursor: pointer;
  clear: both;
}
#ou_nous_trouver .map_point:hover {
  box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.8);
}
#ou_nous_trouver .map_point.current {
  color: #fff;
}
#ou_nous_trouver .map_point img {
  height: 80px;
  width: auto;
  float: right;
  margin: 4px 4px 4px 30px;
}
#ou_nous_trouver #map {
  height: 100%;
}
#ou_nous_trouver #bloc_content {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99;
  color: #fff;
}

#mobile {
  display: flex;
  text-align: center;
  justify-content: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 80vh;
  margin-top: 5em;
  position: relative;
}
#mobile .image_mobile {
  position: absolute;
  width: 100%;
  margin: 0;
}
#mobile .video_wrap {
  position: relative;
  width: 88%;
  padding-top: 17%;
}
#mobile .video_wrap video {
  width: 100%;
  border-radius: 2px;
}
@media screen and (max-width: 991px) {
  #mobile {
    width: 85%;
    min-height: 110vh;
    margin: 2em auto;
  }
}
@media screen and (max-width: 768px) {
  #mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: auto 100%;
  }
  #mobile .video_wrap {
    background: #2a2a2a;
    padding-top: 0;
  }
}

.menu_brasserie {
  display: block;
  text-align: center;
  padding: 10px;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.137);
  position: relative;
}
.menu_brasserie.leparc {
  background-color: #e02921;
  color: white;
}
.menu_brasserie.sauveniere {
  background-color: #98be32;
  color: white;
}
.menu_brasserie.cameo {
  background-color: #f5a737;
  color: white;
}
.menu_brasserie li {
  display: inline-block;
  padding: 0px 20px;
}
.menu_brasserie li#currentp a {
  border-bottom: 2px solid white;
}
.menu_brasserie li a {
  display: inline-block;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

#brasserie_slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#brasserie_slider h1 {
  position: absolute;
  z-index: 99;
  color: #FFF;
  font-size: 50px;
  text-transform: uppercase;
  text-shadow: 0 0 8px black;
}
#brasserie_slider #slider_parrallax_page {
  position: relative;
  flex: 1;
  height: 100%;
  width: 100%;
}
#brasserie_slider .picturewrap.leparc,
#brasserie_slider .contentwrap.leparc {
  background-color: #e02921;
}
#brasserie_slider .picturewrap.sauveniere,
#brasserie_slider .contentwrap.sauveniere {
  background-color: #98be32;
}
#brasserie_slider .picturewrap.cameo,
#brasserie_slider .contentwrap.cameo {
  background-color: #f5a737;
}

#content_brasserie {
  background: transparent !important;
}
#content_brasserie .content_bloc {
  padding-right: 50px;
}
@media all and (max-width: 991px) {
  #content_brasserie .content_bloc {
    padding-right: 0.5em;
  }
}
#content_brasserie .content_bloc h2 {
  margin-top: 50px;
}
#content_brasserie .content_bloc img {
  max-width: 100%;
}
#content_brasserie .infos_pratiques {
  width: 100%;
  min-height: 50px;
  padding: 15px;
  color: #FFF !important;
  border-radius: 10px;
  margin-bottom: 30px;
}
#content_brasserie .infos_pratiques h2 {
  color: #FFF !important;
}
#content_brasserie .infos_pratiques h2 span {
  color: #FFF !important;
}
#content_brasserie .infos_pratiques .fa {
  font-size: 20px;
  margin-right: 15px;
}
#content_brasserie .infos_pratiques hr {
  border: none;
  border-top: 2px dashed #FFF;
  color: #fff;
  background-color: transparent;
  height: 1px;
}
#content_brasserie .infos_pratiques:after {
  z-index: -1;
  position: absolute;
  content: "";
  right: 10px;
  width: 52%;
  margin-top: 22px;
  left: 42%;
  height: 20px;
  background: #FFF;
  box-shadow: -21px -27px 34px rgba(0, 0, 0, 0.2);
  transform: rotate(6deg);
}
#content_brasserie .infos_pratiques a {
  color: #FFF;
  font-weight: bold;
}
#content_brasserie .brasserie_link {
  color: #FFF;
  display: block;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  margin: 30px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
#content_brasserie .brasserie_link:after {
  z-index: -1;
  position: absolute;
  content: "";
  right: 10px;
  width: 52%;
  margin-top: 45px;
  left: 42%;
  height: 20px;
  background: #FFF;
  box-shadow: -21px -27px 34px rgba(0, 0, 0, 0.2);
  transform: rotate(6deg);
}
#content_brasserie.sauveniere h2 {
  color: #98be32;
}
#content_brasserie.cameo h2 {
  color: #f5a737;
}
#content_brasserie.leparc h2 {
  color: #e02921;
}

#visite_brasserie {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 50px 0px;
  background: #fbf8f8;
}
@media all and (max-width: 991px) {
  #visite_brasserie {
    flex-direction: column;
  }
}
#visite_brasserie .visite {
  text-align: center;
  margin: 0px 45px;
  color: #000;
}
#visite_brasserie .visite img {
  width: 100px;
  height: auto;
  cursor: pointer;
}
#visite_brasserie .visite h3 {
  font-weight: normal;
  font-size: 24px;
  cursor: pointer;
}
#visite_brasserie .visite h3 p {
  margin-top: 0px;
}

.event_brasserie {
  margin-top: 50px;
}
.event_brasserie .titleEvent {
  margin-bottom: 0px !important;
}

#brasserie_content_visite {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#brasserie_content_visite #close_content {
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  color: white;
  top: 15px;
  font-size: 25px;
  cursor: pointer;
}
#brasserie_content_visite #content_visite {
  background: #FFF;
  padding: 15px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .infos_pratiques, .brasserie_link {
    width: auto !important;
  }
}
.mapcontact {
  height: 350px;
}

#breadcrumb {
  padding: 10px;
  background-color: #f0f0f0;
  font-size: 0.9em;
}
#breadcrumb ul {
  display: inline;
}
#breadcrumb ul li {
  display: inline;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px 0px 0px;
  border-right: 1px solid #70706f;
}

#tarif table {
  display: block;
  height: auto !important;
}
#tarif table tbody {
  display: block;
  width: 100%;
}
#tarif table tbody tr {
  background: #008683;
  border-bottom: dashed 2px white;
  height: auto !important;
  display: block;
  width: 100%;
}
#tarif table tbody tr:nth-child(2n) {
  background: #5ea5a3;
}
#tarif table tbody tr:nth-child(1) {
  background: transparent;
  border-bottom: none;
}
#tarif table tbody tr:nth-child(1) td {
  color: #008683 !important;
}
#tarif table tbody tr:last-child {
  border-bottom: none;
}
#tarif table tbody tr td {
  padding: 30px 15px;
  color: white;
  height: auto !important;
  display: inline-flex;
  flex-direction: column;
  width: 25% !important;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  vertical-align: middle !important;
}
#tarif table tbody tr td:first-child {
  width: 40% !important;
  align-items: flex-start;
  font-size: 20px;
  font-weight: normal !important;
}
#tarif table tbody tr td:first-child p {
  padding: 0;
  margin: 0;
}
#tarif table tbody tr td:first-child h4 {
  font-size: 12px;
  padding: 0;
  text-align: left;
  line-height: 15px;
  letter-spacing: 0.5px;
  font-weight: normal;
}
#tarif #gallery_tarif .item {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 0px;
  border-top: dashed 2px #008683;
}
#tarif #gallery_tarif .item img {
  width: auto;
  height: auto;
  box-shadow: 0px 3px 10px -5px black;
}
#tarif #gallery_tarif .item .desc {
  text-align: justify;
}
#tarif #gallery_tarif .item .desc strong {
  color: #212121;
}
#tarif #gallery_tarif .item .price {
  text-align: center;
}
#tarif #gallery_tarif .item .price .bubblePrice {
  width: 100px;
  height: 100px;
  display: flex;
  background: #008683;
  color: #FFF;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 25px;
  font-weight: bold;
  margin: auto;
}
#tarif #gallery_tarif .item .price span {
  position: relative;
  top: 10px;
  font-weight: bold;
  color: #212121;
}
#tarif #preventes {
  border-top: dashed 2px #008683;
  padding-top: 30px;
}
#tarif #preventes h3 {
  text-transform: uppercase;
  color: #212121;
}
#tarif #preventes strong {
  color: #212121;
}
#tarif #preventes ul {
  padding-left: 55px;
}
#tarif #preventes ul li {
  margin: 15px 0px;
}
#tarif #preventes ul li:before {
  content: "> ";
  color: #212121;
  margin-left: -18px;
}

@media screen and (max-width: 767px) {
  #tarif table {
    width: 100% !important;
  }
  #tarif table tbody tr td {
    width: 38% !important;
  }
  #tarif table tbody tr td:first-child {
    width: 90% !important;
  }
  #tarif #gallery_tarif .item {
    flex-direction: column;
  }
}
.imagegallery {
  text-align: center;
  margin: 30px auto;
}
.imagegallery .item {
  padding: 5px;
  width: 511px;
  max-width: 100%;
  box-sizing: border-box;
}
.imagegallery img {
  display: inline-block;
  height: auto;
  width: 100%;
}

.newslettercontainer {
  padding: 15px !important;
  margin-top: 40px;
  margin-bottom: 50px;
}
.newslettercontainer h2 {
  margin-bottom: 30px;
}
.newslettercontainer .button, .newslettercontainer #dp_view .form_payement input[type=submit], #dp_view .form_payement .newslettercontainer input[type=submit] {
  margin-top: 15px;
}
.newslettercontainer p {
  padding-left: 0px !important;
}

#inscription_form .row, #inscrption_gnl_form .row {
  margin: 15px 0px;
}
#inscription_form .row label, #inscrption_gnl_form .row label {
  display: inline-block;
  width: 40%;
  text-align: right;
}
#inscription_form .row .inner_form_clear, #inscrption_gnl_form .row .inner_form_clear {
  display: none;
}
#inscription_form .row input, #inscription_form .row textarea, #inscription_form .row select, #inscrption_gnl_form .row input, #inscrption_gnl_form .row textarea, #inscrption_gnl_form .row select {
  width: 50%;
  box-sizing: border-box;
}
#inscription_form .row input.birthdate, #inscription_form .row textarea.birthdate, #inscription_form .row select.birthdate, #inscrption_gnl_form .row input.birthdate, #inscrption_gnl_form .row textarea.birthdate, #inscrption_gnl_form .row select.birthdate {
  width: 100px;
  margin: 0px 1%;
}
#inscription_form .row input[type=radio], #inscription_form .row textarea[type=radio], #inscription_form .row select[type=radio], #inscrption_gnl_form .row input[type=radio], #inscrption_gnl_form .row textarea[type=radio], #inscrption_gnl_form .row select[type=radio] {
  width: 20px;
  margin: 0px 5px 0px 10px;
  position: relative;
  top: -2px;
}

.content-job {
  width: 850px;
  max-width: 100%;
}
.content-job h1 {
  color: #008683;
  font-size: 20px;
}
.content-job ul {
  list-style: disc;
  padding-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-job ul li {
  font-size: 14px;
  margin: 3px 0px;
}
.content-job p {
  font-size: 14px !important;
}

#currentjobs .currently {
  text-align: center;
  display: block;
  padding-top: 40px;
  font-size: 1.4em;
}
#currentjobs ul a {
  transition: all ease 0.2s;
}
#currentjobs ul a .jobsentry {
  background: #c3d6d5;
  padding: 10px;
  border-radius: 5px;
  border: solid 2px #008683;
  font-weight: bold;
  text-align: center;
  transition: all ease 0.2s;
  margin-bottom: 10px;
  transition: all ease 0.2s;
}
#currentjobs ul a:hover {
  color: #FFF !important;
}
#currentjobs ul a:hover .jobsentry {
  background: #008683;
}

#job_form {
  border: dashed 2px #008683;
  box-sizing: border-box;
  padding: 15px;
}
#job_form input {
  width: 50%;
}
#job_form p {
  text-align: center;
}

#content_job_single .no_job {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#content_job_single #title_job {
  margin: 25px 0px;
  color: #008683;
  font-size: 30px;
  text-align: center;
}
#content_job_single .job {
  width: 60%;
  float: left;
}
#content_job_single .job .content {
  font-size: 0.95em;
  line-height: 22px;
}
#content_job_single .form {
  width: 35%;
  float: right;
}
#content_job_single .form .infos {
  width: 100%;
  box-sizing: border-box;
  background: #f7f7f7;
  padding: 15px;
}
#content_job_single .form .infos li {
  border-bottom: dashed 1px grey;
  padding: 10px 0px;
}
#content_job_single .form .infos li:last-child {
  border-bottom: 0px;
}
#content_job_single .form .job_form {
  width: 100%;
  box-sizing: border-box;
  border: dashed 2px #008683;
  padding: 15px;
}
#content_job_single .form .job_form .inner_form_clear {
  clear: both;
  display: block;
}
#content_job_single .form .job_form label {
  text-align: left;
  margin-bottom: 5px;
}
#content_job_single .form .job_form input, #content_job_single .form .job_form textarea, #content_job_single .form .job_form select {
  width: 100%;
  box-sizing: border-box;
}
#content_job_single .form .job_form input.birthdate, #content_job_single .form .job_form textarea.birthdate, #content_job_single .form .job_form select.birthdate {
  width: 31%;
  margin: 0px 1%;
  float: left;
}

@media all and (max-width: 768px) {
  #inscription_form .row label, #inscrption_gnl_form .row label {
    width: 100%;
    clear: both;
    text-align: left;
    display: block;
    margin-bottom: 4px;
  }
  #inscription_form .row input, #inscription_form .row select, #inscription_form .row textarea, #inscrption_gnl_form .row input, #inscrption_gnl_form .row select, #inscrption_gnl_form .row textarea {
    width: 100%;
  }
  #inscription_form .row input.birthdate, #inscription_form .row select.birthdate, #inscription_form .row textarea.birthdate, #inscrption_gnl_form .row input.birthdate, #inscrption_gnl_form .row select.birthdate, #inscrption_gnl_form .row textarea.birthdate {
    width: 30%;
  }
  #content_job_single .form, #content_job_single .job {
    width: 100%;
    clear: both;
  }
  #content_job_single .form {
    float: none;
  }
}
#inscrption_gnl_form #sendButton {
  width: 25%;
  display: block;
  clear: both;
  margin: 30px auto;
}
#inscrption_gnl_form hr {
  border: dashed 1px #d8d8d8;
  width: 75%;
}

#inscription_form.reservation_form select {
  width: 16.4%;
}

.select2-search__field input {
  border: none !important;
}

.select2-selection__rendered {
  padding: 0 !important;
}

table.tshirt {
  border: none;
  background-color: #fff;
}
table.tshirt p {
  font-size: 0.95em;
  color: rgb(77, 77, 77);
}
table.tshirt:after {
  z-index: -1;
  position: absolute;
  content: "";
  right: 10px;
  width: 52%;
  margin-top: 22px;
  left: 42%;
  height: 20px;
  background: #fff;
  transform: rotate(6deg);
}
table.tshirt td {
  border: none;
}
@media all and (max-width: 991px) {
  table.tshirt {
    display: block;
  }
  table.tshirt tbody {
    display: block;
  }
  table.tshirt tbody tr {
    display: flex;
    flex-direction: column-reverse;
  }
  table.tshirt tbody tr td {
    width: 100% !important;
  }
}

#ordergift_form,
#tshirt_form {
  transition: 0.3s;
  padding: 2em 0 10em 0;
}
#ordergift_form.hidden,
#tshirt_form.hidden {
  opacity: 0;
  visibility: hidden;
  display: none !important;
  height: 0;
  overflow: hidden;
}
#ordergift_form h3,
#tshirt_form h3 {
  font-size: 1.4em;
  text-align: right;
  text-transform: uppercase;
  color: #a4a4a4;
  padding: 0;
  margin-bottom: 1em;
}
#ordergift_form h4,
#tshirt_form h4 {
  padding: 0;
  margin-top: 1em;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 0.5em;
  text-align: right;
}
#ordergift_form .left,
#tshirt_form .left {
  width: 40%;
  float: left;
}
#ordergift_form .left .row,
#tshirt_form .left .row {
  clear: both;
  border-bottom: solid 1px #d9d9d9;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
#ordergift_form .left .row:last-child, #ordergift_form .left .row.noBorder,
#tshirt_form .left .row:last-child,
#tshirt_form .left .row.noBorder {
  border-bottom: none;
}
#ordergift_form .left .row label,
#tshirt_form .left .row label {
  width: 70%;
  display: block;
  float: left;
}
#ordergift_form .left .row select,
#tshirt_form .left .row select {
  width: 29%;
}
#ordergift_form .left .row input[type=radio],
#tshirt_form .left .row input[type=radio] {
  float: right;
  width: 1em;
  margin-bottom: 1em;
}
#ordergift_form .left .row .option_liv,
#tshirt_form .left .row .option_liv {
  cursor: pointer;
}
#ordergift_form .right,
#tshirt_form .right {
  width: 50%;
  float: right;
  box-sizing: border-box;
}
#ordergift_form .right .row,
#tshirt_form .right .row {
  clear: both;
  border-bottom: solid 1px #d9d9d9;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
#ordergift_form .right .row:last-child, #ordergift_form .right .row.noBorder,
#tshirt_form .right .row:last-child,
#tshirt_form .right .row.noBorder {
  border-bottom: none;
}
#ordergift_form .right .row label,
#tshirt_form .right .row label {
  width: 35%;
  display: inline-block;
  float: left;
}
#ordergift_form .right .row input,
#tshirt_form .right .row input {
  width: 62%;
  float: right;
}
#ordergift_form .right .row input:after,
#tshirt_form .right .row input:after {
  content: "";
  display: block;
  clear: both;
}
#ordergift_form .right .row:after,
#tshirt_form .right .row:after {
  content: "";
  display: block;
  clear: both;
}
#ordergift_form .right #select_liv_address,
#tshirt_form .right #select_liv_address {
  width: 100%;
  border: dotted 1px #c8c8c8;
  padding: 1em;
  text-align: right;
  box-sizing: border-box;
}
#ordergift_form .right #liv_address,
#tshirt_form .right #liv_address {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
#ordergift_form .right #liv_address h4,
#tshirt_form .right #liv_address h4 {
  padding: 0;
  margin-top: 2em;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 0.5em;
  text-align: right;
}
#ordergift_form .right #liv_address.visible,
#tshirt_form .right #liv_address.visible {
  height: auto;
  opacity: 1;
  visibility: visible;
}
#ordergift_form #total span.empty,
#tshirt_form #total span.empty {
  color: #e4e4e4;
  font-style: italic;
}
#ordergift_form .commRow,
#tshirt_form .commRow {
  margin-top: 2em !important;
}
#ordergift_form #communication,
#tshirt_form #communication {
  width: 100%;
  max-width: 100%;
  padding: 0.5em;
  border: solid 2px grey;
  border-radius: 5px;
  box-sizing: border-box;
}
#ordergift_form #totalValidation,
#tshirt_form #totalValidation {
  width: 37%;
  background: #f3f3f3;
  padding: 1em 1em;
  margin-top: 2em;
  border-radius: 10px;
  position: absolute;
  bottom: 1em;
}
#ordergift_form #totalValidation .totalLabelContainer,
#tshirt_form #totalValidation .totalLabelContainer {
  width: 100%;
  text-align: right;
  margin-bottom: 1em;
}
#ordergift_form #totalValidation #totalLabel,
#tshirt_form #totalValidation #totalLabel {
  font-size: 1.4em;
}
#ordergift_form #totalValidation #total,
#tshirt_form #totalValidation #total {
  font-size: 1.7em;
  text-transform: uppercase;
}
#ordergift_form #totalValidation input,
#tshirt_form #totalValidation input {
  display: block;
  width: 100%;
  font-size: 1em;
  text-transform: uppercase;
}
#ordergift_form #totalValidation:after,
#tshirt_form #totalValidation:after {
  clear: both;
  display: block;
  content: "";
}
#ordergift_form #totalValidation.open,
#tshirt_form #totalValidation.open {
  bottom: 21.9em;
}
@media all and (max-width: 1200px) {
  #ordergift_form,
  #tshirt_form {
    width: 90%;
    margin: auto;
  }
}
@media all and (max-width: 991px) {
  #ordergift_form,
  #tshirt_form {
    width: 85%;
  }
  #ordergift_form .left,
  #ordergift_form .right,
  #tshirt_form .left,
  #tshirt_form .right {
    width: 100%;
    float: none;
  }
  #ordergift_form .right,
  #tshirt_form .right {
    margin-top: 3em;
    margin-left: 0;
  }
  #ordergift_form #totalValidation,
  #tshirt_form #totalValidation {
    position: relative;
    top: 0;
    width: 100%;
    box-sizing: border-box;
  }
  #ordergift_form #liv_address h4,
  #tshirt_form #liv_address h4 {
    text-align: left !important;
  }
  #ordergift_form h3,
  #ordergift_form h4,
  #tshirt_form h3,
  #tshirt_form h4 {
    text-align: left;
  }
}

#tshirt_form #totalValidation {
  position: relative;
  width: 92%;
  margin-top: 3em;
}
#tshirt_form .left .row,
#tshirt_form .right .row {
  min-height: 2.5em;
  padding-top: 0.5em;
}
#tshirt_form .left .tshirt_info,
#tshirt_form .right .tshirt_info {
  margin-top: 2em;
  background-color: #f6f6f6;
  padding: 0.3em 0;
  font-size: 0.95em;
  color: rgb(58, 58, 58);
}
@media all and (max-width: 991px) {
  #tshirt_form form > .row {
    display: flex;
    flex-direction: column-reverse;
  }
  #tshirt_form form > .row .left {
    margin-top: 2em;
  }
}

#sucess_order {
  color: #87b558;
  width: 70%;
  text-align: center;
  margin: auto;
  min-height: 45vh;
  padding-top: 4em;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: 0.3s;
}
#sucess_order.visible {
  opacity: 1;
  visibility: visible;
  display: block;
}
#sucess_order p {
  font-size: 1.2em;
}
#sucess_order p:first-child {
  font-size: 1.4em;
}

#suggestions_menu {
  background: #232323;
  color: #FFF;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  padding: 4em 0;
  box-sizing: border-box;
}
#suggestions_menu h1, #suggestions_menu h2 {
  width: 100%;
  text-align: center;
  font-size: 2.3em;
  margin-bottom: 1.2em;
}
@media all and (max-width: 991px) {
  #suggestions_menu h1, #suggestions_menu h2 {
    font-size: 1.8em;
  }
}
#suggestions_menu ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: dashed 1px #FFF;
}
#suggestions_menu ul li:last-child {
  border-bottom: none;
}
#suggestions_menu ul li .infos {
  flex: 0.8;
  margin-top: 0 !important;
}
#suggestions_menu ul li .infos h3 {
  font-size: 2em;
  margin: 0;
}
#suggestions_menu ul li .infos p {
  font-size: 1.5em;
  margin: 0.6em 0;
}
#suggestions_menu ul li .price {
  flex: 0.2;
  text-align: right;
}
#suggestions_menu ul li .price span {
  font-size: 1.8em;
}
#suggestions_menu ul li.title {
  margin-top: 2em;
}
#suggestions_menu ul li.title .infos {
  text-align: center;
  width: 100%;
  flex: 1;
}
@media all and (max-width: 991px) {
  #suggestions_menu ul li {
    font-size: 0.8em;
    align-items: flex-start;
  }
  #suggestions_menu ul li .infos {
    padding-left: 0;
  }
  #suggestions_menu ul li .infos h3 {
    font-size: 1.6em;
  }
  #suggestions_menu ul li .price {
    padding-top: 15px;
  }
  #suggestions_menu ul li .price span {
    font-size: 1.4em;
  }
}

#logged_order_admin_content {
  margin: 0 2em 0 0;
}
#logged_order_admin_content section {
  padding: 0.5em 0;
}
#logged_order_admin_content section#logged_infos {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#logged_order_admin_content section#logged_infos span, #logged_order_admin_content section#logged_infos form {
  flex: 0.5;
}
#logged_order_admin_content section#logged_infos form {
  justify-self: flex-end;
  text-align: right;
}
#logged_order_admin_content section#logged_infos form input[type=submit] {
  border: none;
  background: #e24747;
  color: #FFF;
  letter-spacing: 0.3px;
  font-size: 0.7em;
  text-transform: uppercase;
  padding: 0.5em 2em;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0.5em;
}
#logged_order_admin_content section#logged_infos form input[type=submit]:hover {
  background: red;
}
#logged_order_admin_content section#menu_entries_content {
  transition: 0.2s;
}
#logged_order_admin_content section#menu_entries_content strong#menu_title {
  font-size: 2em;
  background: #008683;
  padding: 0.5em;
  color: #FFF;
  border-radius: 0.2em;
  margin: 1em 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
#logged_order_admin_content section#menu_entries_content.loading {
  opacity: 0.4;
}
#logged_order_admin_content section#add_entry {
  margin-top: 3em;
}
#logged_order_admin_content section#add_entry span.title {
  display: block;
  text-align: center;
  color: #939393;
  margin: 1em 0;
}
#logged_order_admin_content section#add_entry .row {
  margin: 0.5em 0;
}
#logged_order_admin_content section#add_entry .row button {
  width: 10%;
  float: right;
}
#logged_order_admin_content section#add_entry .row button#create_new_entry {
  background: #008683;
  color: #FFF;
  border: none;
  border-radius: 5px;
  padding: 7px;
  text-transform: uppercase;
  font-size: 0.9em;
}
#logged_order_admin_content section#add_entry .row input, #logged_order_admin_content section#add_entry .row select {
  padding: 5px;
  box-sizing: border-box;
  border: solid 2px #bfbfbf;
  border-radius: 5px;
}
#logged_order_admin_content section#add_entry .row input#new_name, #logged_order_admin_content section#add_entry .row select#new_name {
  width: 60%;
}
#logged_order_admin_content section#add_entry .row input#new_price, #logged_order_admin_content section#add_entry .row select#new_price {
  width: 15%;
}
#logged_order_admin_content section#add_entry .row input#new_desc, #logged_order_admin_content section#add_entry .row select#new_desc {
  width: 100%;
}
#logged_order_admin_content section#add_entry .row input#type, #logged_order_admin_content section#add_entry .row select#type {
  width: 10%;
}

ul#menu {
  list-style: none;
  padding: 0;
}
ul#menu li {
  display: flex;
  flex-direction: row;
  background: #FFF;
  box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2);
  padding: 0.5em 1em;
  margin: 1em 0;
  border-radius: 1em;
  align-items: center;
  min-height: 4em;
}
ul#menu li.title {
  margin-top: 5em;
}
ul#menu li .entry_label, ul#menu li .section_label {
  flex: 0.6;
}
ul#menu li .entry_label p, ul#menu li .section_label p {
  margin: 0;
  padding: 0;
  font-style: italic;
  color: #a2a2a2;
}
ul#menu li .entry_label input, ul#menu li .section_label input {
  display: none;
}
ul#menu li .entry_positions i {
  cursor: pointer;
  font-size: 1.3em;
  transition: 0.3s;
}
ul#menu li .entry_positions i:hover {
  color: #008683;
}
ul#menu li .section_label {
  flex: 0.8;
}
ul#menu li .entry_price {
  flex: 0.2;
  font-size: 1.4em;
  font-weight: 800;
}
ul#menu li .entry_price input {
  display: none;
}
ul#menu li .entry_actions {
  flex: 0.2;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
ul#menu li .entry_actions .action_entry {
  border: none;
  background: transparent;
  margin-right: 1em;
}
ul#menu li .entry_actions .action_entry.delete_entry {
  color: red;
}
ul#menu li .entry_actions .action_entry.edit_entry {
  color: #008683;
}
ul#menu li .entry_actions .action_entry.save_entry {
  color: #008683;
  display: none;
}
ul#menu li .entry_actions .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
ul#menu li .entry_actions .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
ul#menu li .entry_actions .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
ul#menu li .entry_actions .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
ul#menu li .entry_actions input:checked + .slider {
  background-color: #008683;
}
ul#menu li .entry_actions input:focus + .slider {
  box-shadow: 0 0 1px #008683;
}
ul#menu li .entry_actions input:checked + .slider:before {
  transform: translateX(26px);
}
ul#menu li .entry_actions .slider.round {
  border-radius: 2em;
  height: 2.1em;
}
ul#menu li .entry_actions .slider.round:before {
  border-radius: 50%;
}
ul#menu li.editing {
  transition: 0.3s;
}
ul#menu li.editing .entry_label input, ul#menu li.editing .entry_price input, ul#menu li.editing .entry_actions input, ul#menu li.editing .section_label input {
  display: block;
  width: 100%;
  margin: 0.5em 0;
}
ul#menu li.editing .entry_label.entry_price, ul#menu li.editing .entry_price.entry_price, ul#menu li.editing .entry_actions.entry_price, ul#menu li.editing .section_label.entry_price {
  font-size: 1.3em;
}
ul#menu li.editing .entry_label.entry_price input, ul#menu li.editing .entry_price.entry_price input, ul#menu li.editing .entry_actions.entry_price input, ul#menu li.editing .section_label.entry_price input {
  width: 50%;
  float: right;
  text-align: right;
}
ul#menu li.editing .entry_label span, ul#menu li.editing .entry_label strong, ul#menu li.editing .entry_label p, ul#menu li.editing .entry_label .switch, ul#menu li.editing .entry_price span, ul#menu li.editing .entry_price strong, ul#menu li.editing .entry_price p, ul#menu li.editing .entry_price .switch, ul#menu li.editing .entry_actions span, ul#menu li.editing .entry_actions strong, ul#menu li.editing .entry_actions p, ul#menu li.editing .entry_actions .switch, ul#menu li.editing .section_label span, ul#menu li.editing .section_label strong, ul#menu li.editing .section_label p, ul#menu li.editing .section_label .switch {
  display: none;
}
ul#menu li.editing .entry_label .action_entry, ul#menu li.editing .entry_price .action_entry, ul#menu li.editing .entry_actions .action_entry, ul#menu li.editing .section_label .action_entry {
  display: none;
}
ul#menu li.editing .entry_label .action_entry.save_entry, ul#menu li.editing .entry_price .action_entry.save_entry, ul#menu li.editing .entry_actions .action_entry.save_entry, ul#menu li.editing .section_label .action_entry.save_entry {
  display: block;
}
ul#menu li.editing .entry_positions {
  opacity: 0;
}
ul#menu li.editing.loading {
  opacity: 0.4;
}

span.error_order_admin {
  color: red;
  position: relative;
  top: 2em;
  display: block;
  text-align: center;
}

#login_order_admin {
  padding: 4em 0;
}
#login_order_admin span.title {
  font-size: 1.8em;
  display: block;
  clear: both;
  color: #008683;
}
#login_order_admin input {
  width: 30%;
  margin: 1em 0;
  border: solid 2px #e8e8e8;
  border-radius: 5px;
  padding: 5px;
}
#login_order_admin button {
  width: 20%;
  margin: 1em 0;
  border: none;
  background: #008683;
  color: #FFF;
  border-radius: 5px;
  padding: 7px;
  text-transform: uppercase;
  font-size: 0.9em;
}

#order_form input, #order_form textarea {
  width: 100%;
  margin: 0.5em 0;
  padding: 0.5em 1em;
  box-sizing: border-box;
  border: dotted 2px #d8d8d8;
  border-radius: 5px;
}
#order_form textarea {
  min-height: 10em;
}

#late_message {
  background: #008683;
  padding: 1em;
  color: #FFF;
  box-sizing: border-box;
  text-align: center;
}

#order_form {
  width: 30%;
  float: left;
  margin: 2em 5% 2em 0;
}

#order_menu {
  width: 65%;
  float: left;
  margin: 2em 0;
}
#order_menu ul#menu {
  display: block !important;
}
#order_menu ul#menu li {
  min-height: 3em;
}
#order_menu ul#menu li .entry_actions {
  flex: 0.1;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#order_menu ul#menu li .entry_actions span {
  margin-right: 1em;
  color: grey;
}
#order_menu ul#menu li .entry_actions input {
  border: dotted 2px #d8d8d8;
  text-align: right;
  padding: 0.5em 0;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: bold;
  color: #008683;
}
#order_menu ul#menu li .entry_price {
  flex: 0.2;
}
#order_menu ul#menu li .entry_label {
  flex: 0.7;
}
#order_menu #total_order {
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  background: #008683;
  border-radius: 5px;
}
#order_menu #total_order strong, #order_menu #total_order span {
  color: #FFF;
  font-size: 1.3em;
}
#order_menu #total_order button {
  float: right;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.3);
  padding: 0.5em 2em;
  text-transform: uppercase;
  font-size: 0.9em;
  border: none;
  color: #008683;
  transition: 0.3s;
}
#order_menu #total_order button:hover {
  background: #000;
  color: #FFF;
}
#order_menu #total_order:after {
  content: "";
  display: block;
  clear: both;
}

#validate_order {
  color: #90c357;
  display: none;
  opacity: 0;
  visibility: hidden;
  padding: 6em 0;
  transition: 0.3s;
}
#validate_order p {
  font-size: 1.2em;
}
#validate_order.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

@media all and (max-width: 991px) {
  #order_form, #order_menu {
    float: none;
    width: 100%;
  }
  ul#menu li .entry_price {
    font-size: 1.1em;
  }
}
#concours {
  padding: 3em 0;
  min-height: 50vh;
}
#concours .content {
  padding: 1em 0;
}
#concours .empty {
  text-align: center;
  min-height: 50vh;
  padding-top: 2em;
}
#concours .empty span {
  font-size: 2em;
  font-weight: bold;
  color: rgb(192, 192, 192);
}
#concours .concours_entry {
  padding: 0em 1em;
  width: 100%;
  border: dotted 2px #008683;
  border-radius: 0.2em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#concours .concours_entry h2 {
  color: #008683;
  display: inline-block;
  margin-right: 2em;
  flex: 0.6;
}
#concours .concours_entry p {
  flex: 0.25;
}
#concours .concours_entry button {
  justify-self: flex-end;
  flex: 0.15;
}
@media all and (max-width: 1200px) {
  #concours .concours_entry {
    flex-direction: column;
    text-align: center;
    padding: 1em 0;
  }
}
#concours .row {
  display: flex;
  flex-direction: row;
}
#concours .row .description {
  margin-right: 3em;
  flex: 0.3;
  width: 30%;
}
#concours .row .description img {
  width: 100%;
  height: auto;
}
#concours .row .description .content {
  line-height: 1.2em;
}
#concours .row .description h1 {
  font-size: 1.2em;
  margin-top: 0;
}
#concours .row .form {
  flex: 0.7;
  width: 70%;
}
#concours .row .question {
  padding-top: 0.3em;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  height: auto;
}
#concours .row .question h3 {
  font-size: 1em;
  color: #008683;
  margin: 0.3em 0 2em 0;
}
#concours .row .question input {
  border: solid 1px #d9d9d9;
  font-size: 0.9em;
  padding: 0.2em;
}
#concours .row .question button {
  background-color: #008683;
  color: #FFF;
  border-radius: 0.2em;
  transition: 0.3s;
  border: none;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0.3em 1em;
}
#concours .row .question button:hover {
  cursor: pointer;
  background-color: #1d1d1b;
}
#concours .row .question.hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#concours .row .coord {
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#concours .row .coord.show {
  opacity: 1;
  visibility: visible;
  height: auto;
  position: relative;
  z-index: 2;
}
#concours .row .coord .row {
  margin-top: 0.5em;
}
#concours .row .coord .row .mid {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#concours .row .coord .row .mid .field input {
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
#concours .row .coord .row .field {
  margin-right: 0.2em;
  padding: 0.3em;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.2em;
  border: dashed 2px rgb(215, 215, 215);
}
#concours .row .coord .row .field label {
  display: block;
  font-size: 0.8em;
}
#concours .row .coord .row .field input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9em;
  padding: 1em 0.4em;
  border: solid 1px #d9d9d9;
}
#concours .row .coord button#c_finish {
  border: none;
  background-color: #008683;
  color: #FFF;
  transition: 0.3s;
  width: 50%;
  margin-left: 25%;
  margin-top: 2em;
  text-transform: uppercase;
  padding: 0.2em;
  border-radius: 0.2em;
}
#concours .row .coord button#c_finish:hover {
  background-color: #1d1d1b;
}
#concours .row .success {
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #4eb81d;
  font-size: 1.2em;
  padding-top: 2em;
}
#concours .row .success.show {
  opacity: 1;
  visibility: visible;
}
@media all and (max-width: 1200px) {
  #concours .row {
    flex-direction: column;
  }
  #concours .row .description, #concours .row .form {
    width: 100%;
  }
}

#imageSelector {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 1em;
  background: rgb(239, 239, 239);
}
#imageSelector .cover {
  width: 16em;
  position: relative;
  height: 22em;
  overflow: hidden;
  margin: 1em;
  transition: 0.3s;
}
#imageSelector .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#imageSelector .cover .info {
  display: block;
  font-size: 0.9em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  background: #FFF;
  transform: translateY(1em);
  opacity: 0;
  visibility: hidden;
  padding: 1em;
  box-sizing: border-box;
}
#imageSelector .cover .info strong {
  display: block;
  text-align: center;
  font-size: 1.3em;
}
#imageSelector .cover .info button {
  width: 60%;
  margin: 0 20%;
}
#imageSelector .cover:hover, #imageSelector .cover.open {
  box-shadow: 4px 6px 40px -20px #008683;
  transform: scale(1.02);
  cursor: pointer;
}
#imageSelector .cover:hover .info, #imageSelector .cover.open .info {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.answer_selected {
  background: #f0f0f0;
  padding: 0.5em;
  box-sizing: border-box;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
}
.answer_selected #selectedAnswer {
  font-weight: bold;
}
.answer_selected p {
  width: 65%;
}
.answer_selected button {
  width: 35%;
  float: right;
  background-color: #008683;
  color: #FFF;
  border-radius: 0.2em;
  transition: 0.3s;
  border: none;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0.3em 1em;
}
.answer_selected button:hover {
  cursor: pointer;
  background-color: #1d1d1b;
}

html {
  height: 100%;
}

html, body {
  font-size: 1em;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  margin: 0;
}

/* Listes */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Liens */
a {
  text-decoration: none;
  outline: none;
  color: #008683;
}

/* Boutons */
button {
  outline: none;
}

/* Formulaires */
select {
  outline: none;
}

/* footer */
.footer_logo li {
  display: flex;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
}
.footer_logo img {
  max-width: 80px;
  height: auto;
}

#searchBox {
  position: fixed;
  right: -230px;
  z-index: 99;
  bottom: 340px;
  background: #000;
  padding: 15px;
  border-radius: 10px 0px 0px 10px;
  transition: all ease 0.4s;
}
#searchBox button {
  background: transparent;
  color: #FFF;
  border: none;
  font-size: 20px;
  margin-right: 25px;
  margin-left: 5px;
  position: relative;
  left: -11px;
}
#searchBox input {
  border-radius: 5px;
  border: none;
  border: solid 1px #131212;
  padding: 5px;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  transition: all ease 0.4s;
}
#searchBox input:focus {
  background: rgba(255, 255, 255, 0.9);
  color: #1d1d1d;
  transition: all ease 0.4s;
}
#searchBox:hover {
  right: 0px;
  transition: all ease 0.4s;
}
#searchBox:focus-within {
  right: 0px;
  transition: all ease 0.4s;
}

#sideBlock {
  position: fixed;
  z-index: 99;
  height: 220px;
  bottom: 100px;
  right: -250px;
  transition: right ease 0.4s;
}
#sideBlock .label {
  width: 45px;
  height: 100%;
  background: black;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0px 0px 10px;
}
#sideBlock .label h5 {
  color: #FFF;
  transform: rotate(-90deg);
  text-align: center;
  margin-left: 5px;
}
#sideBlock .hide {
  float: right;
  width: 250px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#sideBlock .hide .mediaLink {
  flex: 0.34;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  background: transparent;
  transition: all ease 0.2s;
  color: #FFF;
  padding-left: 15px;
}
#sideBlock .hide .mediaLink:hover {
  background: #343434;
  color: #FFF;
  transition: all ease 0.2s;
}
#sideBlock .hide .mediaLink span {
  width: 75%;
}
#sideBlock .hide .mediaLink i {
  position: absolute;
  right: 15px;
  font-size: 20px;
}
#sideBlock .hide .link01 {
  background: #008683;
}
#sideBlock .hide .link02 {
  background: #5ea5a3;
}
#sideBlock .hide .link03 {
  background: #c3d6d5;
  color: #008683;
}
#sideBlock:hover {
  right: 0;
  transition: right ease 0.4s;
}
#sideBlock:focus-within {
  right: 0;
  transition: right ease 0.4s;
}

#search .searchedValue {
  padding: 20px 0px;
  text-align: center;
}
#search .searchedValue form {
  padding: 10px 0px;
}
#search .searchedValue form button {
  background: transparent;
  border: none;
}
#search .searchedValue form input {
  border-radius: 5px;
  border: solid 2px black;
  padding: 5px 10px;
}
#search .searchBlock h4 {
  margin: 20px 0px;
  padding-bottom: 5px;
  border-bottom: solid 4px gainsboro;
}
#search .searchBlock ul {
  margin: 10px 0px;
}
#search .searchBlock ul a {
  color: #000;
}
#search .searchBlock ul a li {
  padding: 15px;
  border-bottom: solid 2px #f7f7f7;
  display: flex;
  flex-direction: row;
}
#search .searchBlock ul a li strong {
  flex: 0.9;
}
#search .searchBlock ul a li span {
  flex: 0.1;
  text-align: right;
  color: #008683;
  float: right;
  border-radius: 10px;
  display: block;
  padding: 3px 8px;
}

#journal .journal_header {
  position: relative;
  background: #eaeaea;
  padding: 35px;
}
#journal .container {
  padding: 30px 0px;
}
#journal .container .to-left {
  float: left;
  text-align: center;
  margin-bottom: 30px;
}
#journal .container .to-left img {
  width: 350px;
  max-width: 100%;
}
#journal .container .to-left span {
  text-align: center;
  color: white;
  background: #5ea5a3;
  width: 60%;
  display: block;
  padding: 5px 15px;
  margin: auto;
  border-radius: 0px 5px 5px 5px;
}
#journal .container h3 {
  background: #008683;
  color: white;
  padding: 5px 15px;
  border-radius: 0px 5px 5px 5px;
}
#journal .container #journal_list {
  padding-top: 30px;
}
#journal .container #seeMoreJournal {
  margin: auto;
  display: block;
  margin-top: 30px;
}

.titre_colors {
  display: flex;
  flex-wrap: wrap;
}
.titre_colors span {
  width: 25%;
  height: 3px;
}
.titre_colors span.red {
  background: #e02921;
}
.titre_colors span.cyan {
  background: #009fc5;
}
.titre_colors span.green {
  background: #98be32;
}
.titre_colors span.yellow {
  background: #f5a737;
}

.center {
  text-align: center;
}

#responsiveOverlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99998;
}

#boxMore {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  background: #1f1f1b;
}
#boxMore #searchIco {
  height: 50px;
  width: 50px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: #313131;
}
#boxMore #showMediaBox {
  width: 85%;
  float: right;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#boxMore #showMediaBox h5 {
  color: white;
}
#boxMore .hide {
  height: 0;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
#boxMore .hide .mediaLink {
  flex: 0.34;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  background: transparent;
  transition: all ease 0.2s;
  color: #FFF;
  padding: 15px;
}
#boxMore .hide .mediaLink:hover {
  background: #343434;
  color: #FFF;
  transition: all ease 0.2s;
}
#boxMore .hide .mediaLink span {
  width: 75%;
}
#boxMore .hide .mediaLink i {
  position: absolute;
  right: 15px;
  font-size: 20px;
}
#boxMore .hide .link01 {
  background: #008683;
}
#boxMore .hide .link02 {
  background: #5ea5a3;
}
#boxMore .hide .link03 {
  background: #c3d6d5;
  color: #008683;
}

.dateToMoment {
  display: none;
}

/* comments */
#commentSection {
  padding-bottom: 75px;
}

/* 404 */
#lost {
  padding: 50px 0px;
  min-height: 30vh;
  text-align: center;
}
#lost h2 {
  font-size: 75px;
  color: #b8b8b8;
}
#lost h3 {
  font-size: 30px;
}
#lost form button {
  padding: 15px;
  background: black;
  color: #FFF;
  border: solid 2px black;
  border-radius: 10px 0px 0px 10px;
  margin-right: -5px;
}
#lost form input {
  width: 300px;
  padding: 15px;
  border: solid 2px #000;
  border-radius: 0px 10px 10px 0px;
}

/** responsive **/
@media screen and (max-width: 768px) {
  .explain_BA {
    display: none !important;
  }
  #searchBox {
    display: none;
  }
  #sideBlock {
    display: none;
  }
  #boxMore {
    display: block;
  }
  #content, #evenements {
    padding: 100px 15px;
  }
  .container {
    width: auto;
    padding: 25px !important;
  }
  .list_events {
    padding: 0px !important;
  }
  iframe {
    max-width: 100% !important;
  }
  .slick-dots {
    display: none !important;
  }
  .footer_logo li {
    height: 100px;
    width: 100px;
  }
}
.lazyImage, .lazyBackground {
  opacity: 0;
}

#cookie_msg {
  position: fixed;
  bottom: 0;
  Z-INDEX: 10000;
  width: 100vw;
  background: rgba(0, 0, 0, 0.9);
  color: #FFF;
  text-align: center;
  line-height: 30px;
}
#cookie_msg a {
  cursor: pointer;
  border: solid 2px #008683;
  border-radius: 5px;
  padding: 3px 7px;
}/*# sourceMappingURL=global.css.map */