@charset "utf-8";
/* 	author : Nicolas Dupart
	author url : http://www.ndup.fr
*/
body {
  margin: 0;
  padding: 0;
  background: #dad9d9;
  color: #000;
}

a {
  text-decoration: none;
  color: #987b50;
}
a:hover {
  text-decoration: underline;
  color: #aa2121;
}

h1,
h2,
h3 {
  color: #6f6d6c;
}

/*------------------------------------
 utile
------------------------------------*/
.btn,
.btn:visited,
.button,
.button:visited {
  background-color: #987b50;
  color: #fff;
  border-radius: 0;
}
.btn:hover,
.btn:visited:hover,
.btn:focus,
.button:hover,
.button:visited:hover,
.button:focus {
  background-color: #aa2121;
  color: #fff;
}

input[type="submit"] {
  vertical-align: top;
  color: #fff;
  border: none;
  padding: 0.475em 0.5em;
  cursor: pointer;
  border-radius: 0;
  background: #987b50;
}
input[type="submit"]:hover {
  background: #aa2121;
  color: #fff;
}

/* la suppression du border radius rend les boutons retours moches, on corrige */
.bt-sem-pro .btn,
.bt-sem-der .btn,
#bouton_retour_emission .btn {
  border-radius: 5px;
}

/*------------------------------------
 conteneurs 
------------------------------------*/
#masthead {
  position: relative;
  max-width: 980px;
  margin: 15px auto 0 auto;
  padding: 0 0 2em 0;
  color: #000;
}
#maincontent,
#maincontent-large,
#maincontent-x-large {
  float: none;
  width: 100%;
  display: block;
  margin: 0;
}

.cadre-out {
  padding: 0 1em;
}

.ct_left {
  max-width: 100%;
  box-sizing: border-box;
}

/*------------------------------------
 header / logo / menu
------------------------------------*/
#menu {
  height: auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #987b50;
}
#menu li {
  list-style: none;
  padding: 0;
  margin: 0 0.25em;
  display: inline-block;
  vertical-align: top;
}
#menu a,
#menu strong {
  color: #fff;
  padding: 1em;
  display: block;
}

#menu a:hover,
#menu a:visited:hover,
#menu a:focus,
#menu strong {
  background: #fff;
  color: #987b50;
}

#header {
  height: auto;
  background: #fff;
  color: #987b50;
  margin: 0 0 15px;
}
#logo {
  padding: 15px;
}
#logo img {
  border: 0;
  max-width: 120px;
  height: auto;
}

#masthead.vad2012 #titre_cinema h1 {
  display: none;
}

/*------------------------------------
 le slider
------------------------------------*/
#leslider {
  clear: both;
  margin: 0;
}

.slideContent {
  background: #ffffff;
  color: #000;
  padding: 10px;
}
.slideContent h3 {
  color: #987b50;
  margin: 0;
  padding: 0;
}

.btn_slider {
  display: block;
  margin: 0.25em auto 0.5em auto;
  padding: 0.5em;
  font-weight: 400;
  text-align: center;
  width: 90%;
  text-decoration: none;
  border-radius: 5px;
  border-bottom: solid 3px #7c6138;
}
.btn_slider,
.btn_slider:visited,
.btn_slider:link {
  color: #fff;
  background: #987b50;
}

.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active {
  background: #7c6138;
  border-color: #624b2a;
  text-decoration: none;
}

.bottom .prev-slide,
.bottom .next-slide {
  background: url(./image/2018/slider_sprite.png) no-repeat -8px -8px;
  background-size: auto;
}
.bottom .next-slide {
  background-position: -58px -8px;
}

.bottom .prev-slide:hover {
  background-position: -8px -58px;
}
.bottom .next-slide:hover {
  background-position: -58px -58px;
}

.slider_nav {
  margin: 0;
  line-height: 36px;
}
.slider_nav .bul {
  color: #987b50;
}
.slider_nav .bul:hover,
.slider_nav .bul:focus {
  cursor: pointer;
  color: #aa2121;
}
.slider_nav .bul.on {
  color: #cfcecc;
}

/*------------------------------------
 films à l'affiche
------------------------------------*/
.films-a-l-affiche .cadre-out,
.films-a-l-affiche .cadre-in {
  padding: 0;
}

.films-a-l-affiche .cadre-in > div {
  display: flex;
  flex-wrap: wrap;
}
.fichefilm-mini-block {
  background: #fff;
  padding: 10px;
  flex: 1 1 45%;
  margin: 10px;
}

@media screen and (max-width: 640px) {
  .films-a-l-affiche .cadre-in > div {
    padding: 10px;
  }
  .films-a-l-affiche .cadre-in > div,
  .fichefilm-mini-block {
    display: block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
  }
}

/*------------------------------------
 horaires / séances
------------------------------------*/
#horaires_impression_menu,
.seances_print {
  display: none;
}

.horaires .cadre-out,
.horaires .cadre-in,
.seances .cadre-out,
.seances .cadre-in {
  padding: 0;
}

.horaires .cadre-in > div,
.seances .cadre-in > div {
  padding: 10px;
}
.wrap-fiche-film,
.hr_film {
  background: #fff;
  padding: 10px;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}

.today,
.today .fchead {
  background: #987b50;
  color: #fff;
}

.fc a {
  color: #987b50;
}
.fc a:hover,
.fc a:visited:hover,
.fc a:focus {
  background: #987b50;
  color: #fff;
}

.today a {
  color: #fff;
}
.today a:hover,
.today a:visited:hover,
.today a:focus {
  background: #000;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .horaires .cadre-in > div,
  .seances .cadre-in > div {
    padding: 10px;
  }
  .horaires .cadre-in > div,
  .wrap-fiche-film,
  .seances .cadre-in > div,
  .hr_film {
    display: block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
  }
}

/*------------------------------------
 fiche film
------------------------------------*/
.film .ct_left {
  background: #fff;
  padding: 10px;
}
.ff_titre {
  color: #987b50;
}

/*------------------------------------
 newsletter
------------------------------------*/
.newsletter h3 {
  font-size: 20px;
  padding: 0.5em 0 0.25em;
  margin: 0 0 5px 0;
}
.newsletter .cadre-in,
.newsletter .cadre-out,
#newsletter-abo {
  padding: 0;
}
#newsletter-abo {
  margin-top: 10px;
}
.newsletter .ct_left {
  background: #fff;
  padding: 10px;
}

/*------------------------------------
 évènements
------------------------------------*/
.evenement {
  padding: 0 10px 10px 10px;
  margin-bottom: 1em;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: auto;
  background: #fff;
}
.evenement h2 {
  margin: 10px 0 0 0;
  padding: 0;
  color: #987b50;
  background: none;
  clear: both;
}
.evenement h2 a {
  color: #987b50;
  display: block;
  padding: 6px 0;
}
.evenement h2 a:hover {
  text-decoration: none;
  color: #aa2121;
}

.evenement h3 {
  padding: 0 0 5px 0;
  margin: 0;
  color: #333;
}

.evenement .director_cast strong,
.evenement .interdiction strong {
  color: #333;
}

.evt_liens_film a {
  border-radius: 0;
}

.evenement a.film {
  background: #987b50;
  color: #fff;
}
.evenement a.film:hover,
.evenement a.film:visited:hover,
.evenement a.film:focus {
  background: #aa2121;
}

/*------------------------------------
 divers
------------------------------------*/

.message-exploitant:before {
  color: #000;
}

/* corrections global resa */
body.resa #header {
  height: auto;
  margin: 0;
}
body.resa #header,
#masthead.vad2012 #etapes_resa,
#masthead.vad2012 #page-resa,
#masthead.vad2012 .page,
.message-exploitant {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body.resa p.comment {
  font-weight: bold;
}

/* on change le look du bouton de retour en home*/
.back-to-home {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; /* avec un right et left 0, le lien prend toute la largeur*/
  height: 148px;
  padding: 0;
  color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.back-to-home span {
  display: none;
}

/* ajouts pour appli*/
body.resa-app-mobile #masthead.vad2012 {
  background: none !important;
}
body.resa-app-mobile {
  background: #fff url(https://legrandrex.cotecine.fr/image/bg_body.jpg);
}
body.resa-app-mobile #header {
  text-align: center;
  background: #fff;
}
body.resa-app-mobile #logo {
  display: block !important;
  margin: 0 auto;
  width: 100% !important;
  height: 60px !important;
  background: url(https://legrandrex.cotecine.fr/image/logo_appli.png) center
    center no-repeat !important;
  background-size: contain !important;
}
body.resa-app-mobile #logo img {
  display: none;
}

/* VAD - visuel carte abo */
body.resa .visuel-rubrique .cartes-abo {
  background: url(./image/visuel_cartes.png) top center no-repeat;
  background-size: contain;
}
body.resa #bloc-carteabo:not(.p_reload) h3:after {
  content: " / Carte permanente";
}

/* visuel confiserie */
.visuel-rubrique .confiserie {
  background: url(image/visuel_confiserie.png) top center no-repeat;
  background-size: contain;
}
/* visuel offres couplées */
/*.visuel-rubrique .visuel-offres-couples {
  background: url(image/visuel_oc_edr.png) top center no-repeat;
  height: 138px;
}*/

/* intitulé conf en gras */
.un-tarif.article-conf p:first-line {
  font-weight: 700;
}
.un-tarif.article-conf p {
  width: 80%;
  line-height: 16px;
}

#bandeau_cookies {
  display: none !important;
}

/* amélioration rapide du tunnel mobile */
@media screen and (max-width: 980px) {
  body.resa {
    background: #ccc;
  }
  .vad2012 #header {
    background: #fff;
    text-align: center;
  }
  .vad2012 #logo {
    margin: 0 auto;
    position: relative;
    float: none;
    text-align: center;
    background: url(/image/grandrex_logo_vad.jpg) center center no-repeat !important;
    background-size: 60px !important;
    width: 100% !important;
    display: block;
  }
  .vad2012 #logo img {
    visibility: hidden;
    width: 130px;
  }
  .vad2012 #titre_cinema {
    display: none !important;
  }
  .vad2012 #header br.clr {
    display: none;
  }
}

/*------------------------------------
 résa v3
------------------------------------*/
body.resa #header {
  height: 80px;
}
.vad2012 {
  color: #000;
}
.vad2012 #titre_cinema {
  display: none;
}
.vad2012 a {
  color: #000;
}
body.resa #logo {
  top: 0px;
  max-width: 60px;
  padding: 0;
}
body.resa #titre_cinema {
  width: unset;
  position: absolute;
  right: 0;
  top: 110px;
}
body.resa #titre_cinema h1 {
  font-size: 20px;
  background: #fff;
  color: #282828;
}
.back-to-home {
  background: unset;
  color: #fff !important;
  padding: 10px;
}
.back-to-home:hover,
.back-to-home:focus {
  color: #fff !important;
  text-decoration: none;
}
#bloc-film {
  min-height: 155px;
  width: 100%;
  border-bottom: 6px solid #987b50;
}
#bloc-film .contenu-rubrique {
  padding: 15px;
}
#bloc-film .film_aff {
  width: 90px;
}
#bloc-film .comment {
  margin: 0 auto;
}
#bloc-film .date-resa {
  margin-top: 0;
  margin-bottom: 10px;
}
.date-resa:before {
  margin: 10px 0;
}

#recap-commande #bloc-film .titre_du_film,
#recap-commande #bloc-film .comment,
#recap-commande #bloc-film .date-resa {
  padding-left: 0;
}

/*Changement ordre bloc page tarifs*/
#ffselplace {
  display: flex;
  flex-direction: column;
}
#ffselplace #bloc-film {
  order: 1;
}
#ffselplace #bloc-tarifs {
  width: 100%;
  order: 2;
}
#bloc-offrescouplees {
  width: 100%;
  order: 3;
}
#bloc-offresliees {
  width: 100%;
  order: 3;
}
#bloc-ugc {
  order: 4;
}
#bloc-autresmoyens {
  order: 5;
}
#resa-bloc-confiserie {
  order: 6;
}
#bloc-lunettes {
  width: 100%;
  order: 6;
}

.un-tarif.article-conf .place-moins,
.un-tarif.article-conf .place-plus {
  height: 27px;
}

#bloc-promo,
#bloc-osc,
#bloc-carteabo,
#bloc-cheque-cinema,
#bloc-cinecheque,
#bloc-groupon,
#bloc-showroom {
  width: 100%;
  order: 5;
}

/*Tarifs + Offres couplées*/
#bloc-tarifs,
#bloc-offrescouplees {
  background: none;
}
#bloc-tarifs .brown-bg,
#bloc-offrescouplees .brown-bg {
  display: block;
}
#bloc-tarifs .visuel-rubrique,
#bloc-offrescouplees .visuel-rubrique {
  display: block;
  background: #eee;
  padding: 10px;
}
.visuel-rubrique .cb,
.visuel-rubrique .visuel-offres-couples {
  background-image: url(/shared/img/vad2021/vad_ticketb.png);
  height: 25px;
  background-position: top left;
  margin: 0;
}
.visuel-rubrique .cb:after,
.visuel-rubrique .visuel-offres-couples:after {
  top: 3px;
  left: 55px;
  display: inline;
  color: #000;
}
#bloc-tarifs .contenu-rubrique,
#bloc-offrescouplees .contenu-rubrique {
  background: #fff;
}

@media screen and (max-width: 640px) {
  .visuel-rubrique .cb,
  .visuel-rubrique .visuel-offres-couples {
    min-height: 25px;
  }
}

/*Offres couplées*/
#bloc-offrescouplees .visuel-rubrique .visuel-offres-couples:after {
  content: "Offres couplées";
}
#bloc-offrescouplees h3 {
  display: none;
}

/*Confiserie*/
#resa-bloc-confiserie .brown-bg {
  display: block;
}
#resa-bloc-confiserie .visuel-rubrique {
  display: none;
}
#resa-bloc-confiserie .visuel-rubrique {
  display: block;
  background: #eee;
  padding: 10px;
}
.visuel-rubrique .confiserie {
  background-image: url(./shared/img/vad2021/icone-confiserie-2b.png);
  height: 35px;
  background-position: top left;
  margin: 0;
}
.visuel-rubrique .confiserie:after {
  top: 8px;
  left: 45px;
  display: inline;
  color: #000;
}
#resa-bloc-confiserie h3 {
  display: none;
}
@media screen and (max-width: 640px) {
  .visuel-rubrique .confiserie {
    width: 40px;
  }
  #resa-bloc-confiserie .visuel-rubrique {
    padding: 5px 0 0 10px;
  }
  .visuel-rubrique .confiserie:after {
    top: 11px;
  }
}

.stik .bloc.recap,
.stik .nbloc.recap,
.stik #resa-bt-line {
  background: #282828;
}
#resa-bt-line input[type="submit"],
#le_billet_print a {
  background: #987b50;
}
#resa-bt-line input[type="submit"]:hover,
#resa-bt-line input[type="submit"]:focus,
#resa-bt-line input[type="submit"]:visited:hover,
#le_billet_print a:hover,
#le_billet_print a:focus,
#le_billet_print a:visited:hover {
  background: #aa2121;
  color: #fff;
}

#bloc-autresmoyens h3 {
  color: #000;
}
#btog_bloc-cheque-cinema .moyp_titre {
  content: "et invitations";
}

.stik input.bouton {
  background: #987b50;
  border-radius: 0;
  font-size: 18px !important;
}
.stik input.bouton:hover,
.stik input.bouton:visited:hover,
.stik input.bouton:focus {
  background: #aa2121;
}

#a_cgv {
  font-weight: bold;
}

@media screen and (max-width: 980px) {
  body.resa #titre_cinema h1 {
    font-size: 18px;
  }
  .back-to-home {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  body.resa #titre_cinema {
    display: inline-block !important;
  }
  body.resa #titre_cinema h1 {
    font-size: 14px;
  }
}
@media screen and (max-width: 450px) {
  body.resa #titre_cinema {
    display: block !important;
  }
  body.resa #titre_cinema h1 {
    font-size: 12px;
  }
}
/*Webview tunnel Iphone*/
.resa-app-mobile.iphone body.resa #header .vadwrap {
  padding: 0 10px;
}
.resa-app-mobile.iphone #ffpaiement {
  padding-bottom: 500px;
}
.resa-app-mobile.iphone body.resa #titre_cinema h1 {
  display: none !important;
}

/*display the 3D glasses block higher*/
#resa-etape-2 {display: flex;}
#resa-etape-2 #bloc-film {order:1;}
#resa-etape-2 #bloc-tarifs {order:2;}
#resa-etape-2 #bloc-lunettes {order:3;}
#resa-etape-2 #bloc-offrescouplees {order:4;}