/*----------------------------------
---------DEBUT CSS GENERAL----------
----------------------------------*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img,
object,
embed,
video {
  max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width: 100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	24;
	dw-gutter-percentage:	25;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block;
}

.fluidList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

body {
  margin-top: 35px;
  background-color: #000000;
  background-image: url(images_background/background-avatar.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0px;
}

.barre_haut_rouge {
  height: 10px;
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
}

.separateur1 {
  height: 30px;
}

.min_481 {
  width: 481px;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.min_769 {
  width: 956px;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.min_full {
  width: 100%;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.menu {
  text-align: center;
  line-height: 45px;
  background: -webkit-linear-gradient(#ffffff, #a1a3a5);
  background: -o-linear-gradient(#ffffff, #a1a3a5);
  background: -moz-linear-gradient(#ffffff, #a1a3a5);
  background: linear-gradient(#ffffff, #a1a3a5);
  opacity: 0.9;
  filter: alpha(opacity=90); /*pour les vieux IE*/
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  border-right: 1px solid #cccccc;
}

.bande_hover {
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
  opacity: 0.85;
  filter: alpha(opacity=90); /*pour les vieux IE*/
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition-duration: 500ms;
}

.hover:hover {
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
  opacity: 0.85;
  filter: alpha(opacity=90); /*pour les vieux IE*/
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition-duration: 500ms;
}

.active {
  background-color: #e71e1e;
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
  opacity: 0.85;
  filter: alpha(opacity=90); /*pour les vieux IE*/
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition-duration: 500ms;
}

/*----------------------------------
----------FIN CSS GENERAL-----------
----------------------------------*/

/*-----------------------------------------
---------DEBUT CSS MOINS DE 480px----------
-----------------------------------------*/

/* Mobile Layout: 480px and below. */

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 86.45%;
  padding-left: 2.275%;
  padding-right: 2.275%;
  clear: none;
  float: none;
}
.haut {
  line-height: 150px;
}

.col1 {
  width: 100%;
}

.col2 {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.bouton1 {
  width: 100%;
}

.bouton2 {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.bouton3 {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.bouton4 {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.bouton5 {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.centre {
  clear: both;
  margin-left: 0;
}

.video {
}

.bouton6 {
}

.youtube {
  align-content: center;
  align-items: center;
  margin: 0px;
  border: 0px solid #666666;
}

.youtube_box {
}

.titres_bandeannonce {
  clear: both;
  margin-left: 0;
}

.bande1 {
  background-color: #ffffff;
  opacity: 0.85;
  filter: alpha(opacity=85);
  border-right: 1px solid #666666;
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 98%;
  height: 50px;
  vertical-align: middle;
  text-align: left;
}

.centre_gauche {
  width: 100%;
}

.separateur_width30 {
}

.centre_principal {
  width: 100%;
  clear: both;
  margin-left: 0;
}

.nouveautés {
}

.carres_gauche {
  width: 100%;
  border: 1px solid #666666;
  background-color: #ffffff;
  opacity: 0.85;
  filter: alpha(opacity=85); /*pour les vieux IE*/
}

.carres_gauche_titre {
  background: -webkit-linear-gradient(#ffffff, #a1a3a5);
  background: -o-linear-gradient(#ffffff, #a1a3a5);
  background: -moz-linear-gradient(#ffffff, #a1a3a5);
  background: linear-gradient(#ffffff, #a1a3a5);
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
  color: #e71e1e;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

.carres_bas_titre {
  background: -webkit-linear-gradient(#ffffff, #a1a3a5);
  background: -o-linear-gradient(#ffffff, #a1a3a5);
  background: -moz-linear-gradient(#ffffff, #a1a3a5);
  background: linear-gradient(#ffffff, #a1a3a5);
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
  color: #e71e1e;
  font-size: 12px;
  font-weight: bold;
  width: 92%;
}

.carres_gauche_separateur {
  height: 1px;
  background-color: #666666;
  width: auto;
}

.carres_gauche_contenu {
  padding: 10px;
  width: 223px;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
}

.carres_bas_contenu {
  padding: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
}

.carres_centre {
  border: 1px solid #666666;
  background: rgba(255, 255, 255, 0.85)
    /*LE 0.9 EST L'OPACITÉ, 0.0=totalement transparent et 1.0=totalement opaque*/;
  width: 100%;

  /*filter:alpha(opacity=85);*/ /*pour les vieux IE*/
}

.carres_centre_titre {
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
  opacity: 0.85;
  filter: alpha(opacity=85); /*pour les vieux IE*/
  color: #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

.carres_centre_separateur {
  height: 1px;
  background-color: #666666;
  border-width: 0px;
}

.carres_centre_contenu {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 5px;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 20px;
}

.carres_centre_contenu h1 {
  font-size: 22px;
  color: #e71e1e;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
}

.film_image {
  width: 179px;
  float: left;
  clear: none;
}

.film_infos {
  margin-top: 12px;
  margin-bottom: 12px;
}

.carre_jours {
  width: 150px;
  clear: none;
  border: 1px solid #666666;
  padding: 6px;
  background-color: #ffffff;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

.horaires {
  width: 100%;
  clear: none;
}

.heures {
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 2px;
  width: 264px;
  margin-bottom: 12px;
}

.horaires_bandeannonce {
  width: 100%;
  clear: none;
  margin-top: 30px;
}

.zone_bas1 {
  border: 0px solid #666666;
  background: -webkit-linear-gradient(#111111, #000000);
  background: -o-linear-gradient(#111111, #000000);
  background: -moz-linear-gradient(#111111, #000000);
  background: linear-gradient(#111111, #000000);
  color: #ffffff;
  opacity: 0.85;
  filter: alpha(opacity=100); /*pour les vieux IE*/
  font-size: 12px;
  width: 100%;
}

.zone_bas2 {
  border: 0px solid #666666;
  background: -webkit-linear-gradient(#000000, #000000);
  background: -o-linear-gradient(#000000, #000000);
  background: -moz-linear-gradient(#000000, #000000);
  background: linear-gradient(#000000, #000000);
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); /*pour les vieux IE*/
  height: 40px;
  width: 100%;
}

.zone_bas1 {
  border: 0px solid #666666;
  background: -webkit-linear-gradient(#111111, #000000);
  background: -o-linear-gradient(#111111, #000000);
  background: -moz-linear-gradient(#111111, #000000);
  background: linear-gradient(#111111, #000000);
  color: #ffffff;
  opacity: 0.85;
  filter: alpha(opacity=100); /*pour les vieux IE*/
  font-size: 12px;
  width: 100%;
}

.zone_bas2 {
  border: 0px solid #666666;
  background: -webkit-linear-gradient(#000000, #000000);
  background: -o-linear-gradient(#000000, #000000);
  background: -moz-linear-gradient(#000000, #000000);
  background: linear-gradient(#000000, #000000);
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); /*pour les vieux IE*/
  height: 40px;
  width: 100%;
}

.zone_bas1 {
}

.zone_bas2 {
}

.fleches {
  float: left;
  margin-top: 0px;
}

.bande_annonce_mobile:before {
  content: "BANDE ANNONCE: ";
}

.age_clients {
  text-align: left;
  line-height: 40px;
  width: 80%;
  margin-right: 15px;
  margin-top: 30px;
  margin-bottom: 5px;
  background-color: rgba(228, 228, 228, 1);
  border: 1px solid #666666;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 14px;
}

.age_clients_vide {
  line-height: 0px;
  width: 202px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.prix_films_reg {
  width: 90px;
  text-align: center;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #666666;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  font-weight: bold;
}

.prix_titre {
  color: #e71e1e;
  font-weight: bold;
}

.prix_films_3D {
  width: 90px;
  text-align: center;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #666666;
  clear: none;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

.align_horaire {
}

.horaire_3d {
  margin-left: 0px;
  margin-top: 40px;
  color: #ff0000;
  font-weight: bold;
  font-size: 20px;
}

.commentaires {
}

.lien_carres_gauches {
}

.zeroMargin_mobile {
  margin-left: 0;
}

.hide_mobile {
  display: none;
}

/*-----------------------------------------
----------FIN CSS MOINS DE 480px-----------
-----------------------------------------*/

/*-------------------------------------------
---------DEBUT CSS DE 481px A 955px----------
-------------------------------------------*/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
  .gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .haut {
    line-height: 200px;
  }

  .col1 {
    width: 100%;
  }

  .col2 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .bouton1 {
    width: 100%;
  }

  .bouton2 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .bouton3 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .bouton4 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .bouton5 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .centre {
    clear: both;
    margin-left: 0;
  }

  .video {
    width: 400px;
    height: 225px;
  }

  .bouton6 {
  }

  .youtube {
    align-content: center;
    align-items: center;
    margin: 0px;
    border: 0px solid #666666;
  }

  .youtube_box {
  }

  .titres_bandeannonce {
    clear: both;
    margin-left: 0;
  }

  .bande1 {
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85);
    border-right: 1px solid #666666;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    width: 99%;
    height: 50px;
    vertical-align: middle;
    text-align: left;
  }

  .centre_gauche {
    width: 100%;
    display: none;
  }

  .separateur_width30 {
  }

  .centre_principal {
    width: 100%;
    clear: both;
    margin-left: 0;
  }

  .nouveautés {
  }

  .carres_gauche {
    width: 100%;
    border: 1px solid #666666;
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85); /*pour les vieux IE*/
  }

  .carres_gauche_titre {
    background: -webkit-linear-gradient(#ffffff, #a1a3a5);
    background: -o-linear-gradient(#ffffff, #a1a3a5);
    background: -moz-linear-gradient(#ffffff, #a1a3a5);
    background: linear-gradient(#ffffff, #a1a3a5);
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    color: #e71e1e;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
  }

  .carres_bas_titre {
    background: -webkit-linear-gradient(#ffffff, #a1a3a5);
    background: -o-linear-gradient(#ffffff, #a1a3a5);
    background: -moz-linear-gradient(#ffffff, #a1a3a5);
    background: linear-gradient(#ffffff, #a1a3a5);
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    color: #e71e1e;
    font-size: 12px;
    font-weight: bold;
    width: 96.5%;
  }

  .carres_gauche_separateur {
    height: 1px;
    background-color: #666666;
    width: auto;
  }

  .carres_gauche_contenu {
    padding: 10px;
    width: 223px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
  }

  .carres_bas_contenu {
    padding: 10px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
  }

  .carres_centre {
    border: 1px solid #666666;
    background: rgba(255, 255, 255, 0.85)
      /*LE 0.9 EST L'OPACITÉ, 0.0=totalement transparent et 1.0=totalement opaque*/;
    width: 100%;

    /*filter:alpha(opacity=85);*/ /*pour les vieux IE*/
  }

  .carres_centre_titre {
    background: -webkit-linear-gradient(#e71e1e, #8c0000);
    background: -o-linear-gradient(#e71e1e, #8c0000);
    background: -moz-linear-gradient(#e71e1e, #8c0000);
    background: linear-gradient(#e71e1e, #8c0000);
    opacity: 0.85;
    filter: alpha(opacity=85); /*pour les vieux IE*/
    color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
  }

  .carres_centre_separateur {
    height: 1px;
    background-color: #666666;
    border-width: 0px;
  }

  .carres_centre_contenu {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
  }

  .carres_centre_contenu h1 {
    font-size: 22px;
    color: #e71e1e;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }

  .film_image {
    width: 179px;
    float: left;
    clear: none;
  }

  .film_infos {
    width: 438px;
    margin-left: 0px;
    clear: none;
    float: left;
  }

  .carre_jours {
    width: 150px;
    clear: none;
    border: 1px solid #666666;
    padding: 6px;
    background-color: #ffffff;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .horaires {
    width: 438px;
    clear: none;
    margin-left: 0px;
  }

  .heures {
    width: 264px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 16px;
    clear: none;
    margin-top: 12px;
  }

  .horaires_bandeannonce {
    width: 438px;
    clear: none;
    margin-left: 0px;
    margin-top: 30px;
  }

  /*.film_infos {
	margin-top: 12px;
	margin-bottom: 12px;

}

.carre_jours {
	width: 150px;
	clear: none;
	border: 1px solid #666666;
	padding: 6px;
	background-color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.horaires {
	width: 438px;
	clear: none;
}

.heures {
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	clear: none;
	margin-top: 12px;
	width: 244px;
}

.horaires_bandeannonce {
	width: 438px;
	clear: none;
	margin-top: 30px;
}
*/

  .zone_bas1 {
    border: 0px solid #666666;
    background: -webkit-linear-gradient(#111111, #000000);
    background: -o-linear-gradient(#111111, #000000);
    background: -moz-linear-gradient(#111111, #000000);
    background: linear-gradient(#111111, #000000);
    color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=100); /*pour les vieux IE*/
    font-size: 12px;
    width: 100%;
  }

  .zone_bas2 {
    border: 0px solid #666666;
    background: -webkit-linear-gradient(#000000, #000000);
    background: -o-linear-gradient(#000000, #000000);
    background: -moz-linear-gradient(#000000, #000000);
    background: linear-gradient(#000000, #000000);
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); /*pour les vieux IE*/
    height: 40px;
    width: 100%;
  }

  .hide_mobile {
    display: none;
  }

  .fleches {
    float: left;
    margin-top: 4px;
  }

  .bande_annonce_mobile:before {
    content: "BANDE ANNONCE: ";
  }

  .age_clients {
    text-align: right;
    line-height: 40px;
    width: 200px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgba(228, 228, 228, 1);
    border: 1px solid #666666;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .age_clients_vide {
    line-height: 40px;
    width: 202px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .prix_films_reg {
    width: 150px;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #666666;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: bold;
  }

  .prix_titre {
    color: #e71e1e;
    font-weight: bold;
  }

  .prix_films_3D {
    width: 150px;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #666666;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .align_horaire {
  }

  .horaire_3d {
    margin-left: 0px;
    margin-top: 40px;
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
  }

  .commentaires {
  }

  .lien_carres_gauches {
  }

  .hide_tablet {
    display: none;
  }

  .zeroMargin_tablet {
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .haut {
    text-align: left;
  }
}

/*-------------------------------------------
----------FIN CSS DE 481px A 955px-----------
-------------------------------------------*/

/*-------------------------------------------
---------DEBUT CSS DE 956px et + ------------
-------------------------------------------*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 980px) {
  .barre_haut_rouge {
    height: 20px;
  }
  .gridContainer {
    width: 100%;
    max-width: 979px; /*max-width original = 1232px*/
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    clear: none;
    float: none;
    margin-left: auto;
  }
  .haut {
    line-height: 200px;
  }

  .col1 {
    width: 66.3865%;
  }
  .col2 {
    width: 24.3697%;
    margin-left: 0.8403%;
    clear: none;
  }

  .bouton1 {
    width: 115px;
  }

  .bouton2 {
    width: 149px;
    clear: none;
  }

  .bouton3 {
    width: 230px;
    clear: none;
  }

  .bouton4 {
    width: 79px;
    clear: none;
  }

  .bouton5 {
    clear: none;
    width: 198px;
  }

  .bouton6 {
    clear: none;
    width: 177px;
  }

  .centre {
    margin-left: 0;

    clear: both;
  }

  .video {
    width: 640px;
    height: 360px;
  }

  .youtube {
    align-content: center;
    align-items: center;
    margin: 0px;
    border: 0px solid #666666;
  }

  .youtube_box {
    margin: 0px;
    width: 640px;
    height: 360px;
    clear: none;
    float: left;
  }

  /*.youtube{
	margin:0px;
	width:640px;
	height:360px;
	border:0px solid #666666;
}
*/ /*.youtube{
	width: 640px;
	height: 360px;
	float:left;
}
*/
  .titres_bandeannonce {
    clear: none;
    height: 360px;
    width: 315px;
  }

  .bande1 {
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85);
    border-right: 1px solid #666666;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    width: 305px;
    height: 72px;
    vertical-align: middle;
    text-align: left;
  }

  .centre_gauche {
    width: 245px;
    float: left;
    clear: none;
    display: block;
  }

  .separateur_width30 {
    width: 30px;
    float: left;
    clear: none;
    background-color: #001dff;
  }

  .centre_principal {
    width: 680px;
    /* [disabled]background-color: #FF0004; */
    clear: none;
    float: left;
    margin-left: 30px;
    min-height: 800px;
  }

  .nouveautés {
    width: auto;
  }

  .carres_gauche {
    width: auto;
    border: 1px solid #666666;
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85); /*pour les vieux IE*/
  }

  .carres_gauche_titre {
    background: -webkit-linear-gradient(#ffffff, #a1a3a5);
    background: -o-linear-gradient(#ffffff, #a1a3a5);
    background: -moz-linear-gradient(#ffffff, #a1a3a5);
    background: linear-gradient(#ffffff, #a1a3a5);
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    color: #e71e1e;
    font-size: 12px;
    font-weight: bold;
    width: 225px;
  }

  .carres_gauche_separateur {
    height: 1px;
    background-color: #666666;
    width: auto;
  }

  .carres_gauche_contenu {
    padding: 10px;
    width: 223px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
  }

  /*                                                      */
  /*DEBUT POUR HORAIRES DES PROCHAINES SEMAINES SUR MOBILE*/
  /*                                                      */

  .nouveautés_mobile {
    width: auto;
  }

  .carres_gauche_mobile {
    width: auto;
    border: 1px solid #666666;
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85); /*pour les vieux IE*/
  }

  .carres_gauche_titre_mobile {
    background: -webkit-linear-gradient(#ffffff, #a1a3a5);
    background: -o-linear-gradient(#ffffff, #a1a3a5);
    background: -moz-linear-gradient(#ffffff, #a1a3a5);
    background: linear-gradient(#ffffff, #a1a3a5);
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    color: #e71e1e;
    font-size: 12px;
    font-weight: bold;
    width: 225px;
  }

  .carres_gauche_separateur_mobile {
    height: 1px;
    background-color: #666666;
    width: auto;
  }

  .carres_gauche_contenu_mobile {
    padding: 10px;
    width: 223px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
  }

  /*                                                    */
  /*FIN POUR HORAIRES DES PROCHAINES SEMAINES SUR MOBILE*/
  /*                                                    */

  .carres_centre {
    border: 1px solid #666666;
    background: rgba(255, 255, 255, 0.85)
      /*LE 0.9 EST L'OPACITÉ, 0.0=totalement transparent et 1.0=totalement opaque*/;
    width: 680px;

    /*filter:alpha(opacity=85);*/ /*pour les vieux IE*/
  }

  .carres_centre_titre {
    background: -webkit-linear-gradient(#e71e1e, #8c0000);
    background: -o-linear-gradient(#e71e1e, #8c0000);
    background: -moz-linear-gradient(#e71e1e, #8c0000);
    background: linear-gradient(#e71e1e, #8c0000);
    opacity: 0.9;
    filter: alpha(opacity=90); /*pour les vieux IE*/
    color: #ffffff;
    padding: 12px;
    font-size: 12px;
    font-weight: bold;
    width: 656px;
  }

  .carres_centre_separateur {
    height: 1px;
    background-color: #666666;
    border-width: 0px;
  }

  .carres_centre_contenu {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 5px;
    width: 638px;
    margin-bottom: 5px;
  }

  .carres_centre_contenu h1 {
    font-size: 22px;
    color: #e71e1e;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }

  .film_image {
    width: 179px;
    float: left;
    clear: none;
  }

  .film_infos {
    width: 438px;
    margin-left: 20px;
    clear: none;
    float: left;
  }

  .carre_jours {
    width: 150px;
    clear: none;
    border: 1px solid #666666;
    padding: 6px;
    background-color: #ffffff;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .horaires {
    width: 438px;
    clear: none;
    margin-left: 20px;
  }

  .heures {
    width: 264px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 16px;
    clear: none;
    margin-top: 12px;
  }

  .horaires_bandeannonce {
    width: 438px;
    clear: none;
    margin-left: 20px;
    margin-top: 30px;
  }

  .zone_bas1 {
    border: 0px solid #666666;
    background: -webkit-linear-gradient(#111111, #000000);
    background: -o-linear-gradient(#111111, #000000);
    background: -moz-linear-gradient(#111111, #000000);
    background: linear-gradient(#111111, #000000);
    color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=100); /*pour les vieux IE*/
    font-size: 12px;
    width: 100%;
  }

  .zone_bas2 {
    border: 0px solid #666666;
    background: -webkit-linear-gradient(#000000, #000000);
    background: -o-linear-gradient(#000000, #000000);
    background: -moz-linear-gradient(#000000, #000000);
    background: linear-gradient(#000000, #000000);
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); /*pour les vieux IE*/
    height: 40px;
    width: 100%;
  }

  .fleches {
    float: left;
    margin-top: 4px;
  }

  .bande_annonce_mobile:before {
    content: "";
  }

  .age_clients {
    text-align: right;
    line-height: 40px;
    width: 200px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgba(228, 228, 228, 1);
    border: 1px solid #666666;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .age_clients_vide {
    line-height: 40px;
    width: 202px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .prix_films_reg {
    width: 150px;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #666666;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: bold;
  }

  .prix_titre {
    color: #e71e1e;
    font-weight: bold;
  }

  .prix_films_3D {
    width: 150px;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #666666;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .align_horaire {
    width: 438px;
    float: left;
    clear: none;
  }

  .horaire_3d {
    margin-left: 20px;
    margin-top: 40px;
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
  }

  .commentaires {
    margin-left: 20px;
    font-size: 12px;
    color: #333333;
    margin-bottom: 35px;
  }

  .lien_carres_gauches {
    text-decoration: none;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lien_carres_gauches:hover {
    text-decoration: none;
    color: #ff0000;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lien_carres_gauches:active {
    text-decoration: none;
    color: #ff0000;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lien_carres_gauches:visited {
    text-decoration: none;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .zeroMargin_desktop {
    margin-left: 0;
  }

  .hide_desktop {
    display: none;
  }
}

/*-------------------------------------------
----------FIN CSS DE 956px et + -------------
-------------------------------------------*/

.lien-billet {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  background: -webkit-linear-gradient(#e71e1e, #8c0000);
  background: -o-linear-gradient(#e71e1e, #8c0000);
  background: -moz-linear-gradient(#e71e1e, #8c0000);
  background: linear-gradient(#e71e1e, #8c0000);
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 12px;
  font-size: 12px;
  font-weight: bold;
  max-width: 250px;
  border-radius: 12px;
}
.lien-billet:hover {
  color: #ffffff;
  background: #111111;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 12px;
  font-size: 12px;
}