/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a,object,embed{outline:none;}

/* Normalize partiel, surtout pour les bouton */
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button{padding:0;border:0 none;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 21, 2013 */
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('gx/font/opensans-condbold-webfont.eot');
    src: url('gx/font/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gx/font/opensans-condbold-webfont.woff') format('woff'),
         url('gx/font/opensans-condbold-webfont.ttf') format('truetype'),
         url('gx/font/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('gx/font/opensans-regular-webfont.eot');
    src: url('gx/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gx/font/opensans-regular-webfont.woff2') format('woff2'),
         url('gx/font/opensans-regular-webfont.woff') format('woff'),
         url('gx/font/opensans-regular-webfont.ttf') format('truetype'),
         url('gx/font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icons';
  src: url('gx/font/icons.eot');
  src: url('gx/font/icons.eot?#iefix') format('embedded-opentype'),
       url('gx/font/icons.woff?v=14') format('woff'),
       url('gx/font/icons.ttf') format('truetype'),
       url('gx/font/icons.svg#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before{
	display: inline-block;
	width: 1em;
	font:normal normal 1em/1em "icons";
	speak: none;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
}

.icon-right:before { content: '\e800'; }
.icon-left:before { content: '\e801'; }
.icon-up:before { content: '\e802'; }
.icon-down:before { content: '\e803'; }
.icon-facebook:before { content: '\e804'; }
.icon-search:before { content: '\e805'; }

body{width:100%; background:#fff; color:#000; font-size:12px; line-height:150%; font-family: Arial, Verdana, Tahoma; text-align:left;}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:active, button{color:#0f459b; text-decoration:none;
	-webkit-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
}
a:hover, a:focus, button{color:#e51d1d;}

h1, .h1 {color:#000; font:400 31px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; margin-bottom:0.75em; text-transform:uppercase;line-height:100%;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2, .h2{color:#000; font:400 20px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; margin-bottom:15px; text-transform:uppercase;}
h2 a, h2 a:link, h2 a:visited{color:#000; font:400 20px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; margin-bottom:15px; text-transform:uppercase; text-decoration:none;}

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:3px solid #ccc;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
hr{margin:10px 0; height:0; border:none; border-top:1px solid #d9d9d9;}

ul{list-style:inside;}
ul li ul{margin-left:10px;}

button{ border:0; }

.incTinyMce{line-height:170%;}
.incTinyMce p{margin-bottom:1em;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style:square; margin-left:16px;}
.incTinyMce ul ul li{list-style:circle;}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;}
.incTinyMce ol ol li{list-style:lower-alpha;}
.textePetit{font-size:11px;}

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;}
label{font:600 13px/15px Arial,Helvetica,sans-serif;}
label.erreur{color:#cc0000;}
input,
button,
select,
input[type=submit],
button{cursor:pointer;}
input.erreur, textarea.erreur{border:1px solid #cc0000;}

.champTexte, textarea{
	height:26px;
	padding:0 5px;
	border:1px solid #d1d3d4;
	border-radius:4px;
	background-color: #F8F8F8;
	font:400 12px/17px Arial,Helvetica,sans-serif;
	transition:all .15s ease-in-out;
}

#formulaireForfait.tableauFormulaire h2{margin:5px 0;color:#10449b;text-transform: none;}
#formulaireForfait.tableauFormulaire table{width:100%;}
#formulaireForfait.tableauFormulaire tr.gris{background-color: #f1f2f2;}
#formulaireForfait.tableauFormulaire tr td{padding:0 0 15px 15px;}
#formulaireForfait.tableauFormulaire tr td input{width:300px;}
#formulaireForfait.tableauFormulaire textarea{width:96%;}
#formulaireForfait.tableauFormulaire tr td label{width:195px;}
#formulaireForfait.tableauFormulaire tr td label.court{width:50px;}
#formulaireForfait.tableauFormulaire tr td select{width:310px; float:left;}
#formulaireForfait.tableauFormulaire tr td .customSelect{ width:310px; }

.listeDeroulante{padding:5px;}
.champFichier{padding:5px;}
textarea{resize:none;}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{float:right;}

.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.avertissement{text-align:center; color:#790000; background-color:#feefb3; border:1px #790000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{text-align:center; color:#CC0000 !important; font-weight:bold; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10 !important; background-color:#DFF2BF; border:1px #4F8A10 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000;}


.customSelect{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;

	height:28px;
	padding:0 25px 0 10px;
	border:1px solid #d1d3d4;
	border-radius:5px;
	text-align: left;
	font: 12px/28px Arial,Helvetica,sans-serif;

	background: url(gx/m/select-arrow.png) right 11px no-repeat #ffffff;
	background: url(gx/m/select-arrow.png) right 11px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 11px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
	background: url(gx/m/select-arrow.png) right 11px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 11px no-repeat, -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 11px no-repeat, -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 11px no-repeat, linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
}

.wrapper{ position: relative; display:inline-block; z-index: 100; }


/* CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.conteneur{width:980px; margin:0 auto; padding:15px 15px; position:relative;}
.bg_gris{clear:both; background:#e6e7e8;}
.bg_blanc{clear:both; background:#fff; }
.filet{ border-top:1px solid #d1d3d4; border-bottom:1px solid #d1d3d4; }
.grosTitre{width:100%; padding:8px 0; font:400 19px Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; text-align:center; background:#000;}
.conteneur.sep{ background: url(gx/m/faux-column.gif) 680px 0 repeat-y #fff; }

.fontRouge{color:#f23b3b;}
.fontBleu{color:#1d51a1;}

a.btnRouge, button.btnRouge, input.btnRouge,
a.btnBleu, button.btnBleu, input.btnBleu{
	float:left;
	padding:0 12px;
	border:0;
	font:400 15px/30px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
	border-radius:3px;
	-webkit-transition: none;
	transition: none;
}


a.btnRouge, button.btnRouge, input.btnRouge{
	background: #fe0000;
	background: -moz-linear-gradient(top, #fe0000 0%, #d81d20 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#d81d20));
	background: -webkit-linear-gradient(top, #fe0000 0%,#d81d20 100%);
	background: -o-linear-gradient(top, #fe0000 0%,#d81d20 100%);
	background: -ms-linear-gradient(top, #fe0000 0%,#d81d20 100%);
	background: linear-gradient(to bottom, #fe0000 0%,#d81d20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#d81d20',GradientType=0 );

}
a.btnRouge:hover,
button.btnRouge:hover,
input.btnRouge:hover{background:#cb0000;}

a.btnBleu, button.btnBleu, input.btnBleu{
	background: #2553a2;
	background: -moz-linear-gradient(top, #2553a2 0%, #162d77 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2553a2), color-stop(100%,#162d77));
	background: -webkit-linear-gradient(top, #2553a2 0%,#162d77 100%);
	background: -o-linear-gradient(top, #2553a2 0%,#162d77 100%);
	background: -ms-linear-gradient(top, #2553a2 0%,#162d77 100%);
	background: linear-gradient(to bottom, #2553a2 0%,#162d77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2553a2', endColorstr='#162d77',GradientType=0 );
}

a.btnBleu:hover,
button.btnBleu:hover,
input.btnBleu:hover{background:#18458c;}

a.btnRouge.fleche:after, button.btnRouge.fleche:after,
a.btnBleu.fleche:after, button.btnBleu.fleche:after{
	content:'\e800';
	margin-left:8px;
	vertical-align: -1px;
	font:normal normal 15px/15px "icons";
	color:#fff;

}

a.btnBleu.en{margin:0 0 0 190px;}

.publicite{width:723px; display:block; margin:0 auto; clear:both;}
.textAlignCenter{text-align:center;}
.floatL{float:left !important;}
.floatR{float:right !important;}
.widthAuto{width:auto !important;}
.innerleft{width:300px; float:left;}
.hidden{display:none;}
.centrer { text-align: center; }
.note{font:400 11px Arial,Helvetica,sans-serif;}
.btn_rss{width:14px; height:13px; float:right; clear:both; background:url(gx/btn_rss.png) no-repeat;}


/* Tableau */
.tableauFormulaire{width:100%; clear:both;}
.tableauFormulaire fieldset{border:none; padding:0;}
.tableauFormulaire legend{font:600 12px Arial,Helvetica,sans-serif; color:#11469c;}
.tableauFormulaire tr td{padding:7px 0;}
.tableauFormulaire tr td label{width:90px; float:left; font-size:12px;}
.tableauFormulaire tr td label.droite{margin-left:35px;}
.tableauFormulaire tr td input{width:190px; float:left;}
.tableauFormulaire tr td select{width:202px; float:left;}
.tableauFormulaire tr td .customSelect{ width:202px; }
.tableauFormulaire tr td textarea{width:605px; height:130px;}

.tableauFormulaire #t1, .tableauFormulaire #t2{ height:auto !important; }

.tableauFormulaire .qteTotal td{ vertical-align: top;}
.tableauFormulaire .qteTotal label{ margin-top:6px; }


/* Tableau avec formulaire Club */
.tableauFormulaire.formClub {}
.tableauFormulaire.formClub table {width: 100%;}
.tableauFormulaire.formClub tr td {padding-left: 10px;}
.tableauFormulaire.formClub tr td:first-child {padding-left: 0;}
.tableauFormulaire.formClub tr td label {float: none;}
.tableauFormulaire.formClub tr td input,
.tableauFormulaire.formClub tr td select {
	width: 100%; float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tableauFormulaire.formClub tr td input[type="checkbox"] {margin-right: 5px; width: auto;}
.tableauFormulaire.formClub tr td .customSelect {width:100%;}

.choixRecevoirOffreGuzzo{
	display: flex;
    margin-top: 5px;
}
.recevoirInfoGuzzo_1,.recevoirInfoGuzzo_0{
	display: flex;
	flex-direction: row;
	padding: 5px;
}
.recevoirOffreGuzzo_1{
	margin-top: 5px;
}
#recevoirInfoGuzzo_1,#recevoirInfoGuzzo_0{
	width: 36%;
	margin-left: -14px;
}
/* CONTENEURS
--------------------------------------------------------------------------------------- */
#haut{width:100%; height:184px; background:#000; position:relative; z-index:990;}

#haut .conteneur{ padding:0; }

/* - - - Entete - - - */
.entete{ height:40px; background-color:#ed0000; }

#haut #lienFacebook{
	float:right;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #4a67b7;
}
#haut #lienFacebook:before{
	content:"\e804";
	margin-left: 4px;
	font:normal normal 20px/40px "icons";
	color:#fff;
}
#haut #rechercheCinema { float:right; position: relative; height:40px; }
#haut #rechercheCinema select, #haut #rechercheCinema .customSelect{
	width:256px;
	height:40px;
	padding-left:30px;
	border:none;
	border-radius:0;
	background:url(gx/m/entete-select.png) 0 0 no-repeat #fff;
	font:12px/40px "open_sansregular",Arial,Helvetica,sans-serif;
	color:#000;
}

#haut #recherche{
	position: relative;
	float:right;
	height:40px;
	padding:0 0 0 12px;
	background: #be0000;
}
#haut #recherche input{
	display:inline-block;
	width:208px;
	height:20px;
	padding:10px 0;
	border:none;
	background: #be0000;
	font:12px/20px "open_sansregular",Arial,Helvetica,sans-serif;
	color:#fff;
	outline:none;
}

#haut #recherche button{
	display:inline-block;
	width: 36px;
	height: 40px;
	vertical-align: top;
	background:url(gx/m/img_loupe.png) 9px 12px no-repeat;
}

/* - - - Logo - - - */
#haut #logo{width:184px; height:118px; display:block; position:absolute; top:10px; left:10px;}


/* - - - Leaderboard - - - */
#haut .leaderboard{
	float: right;
	width:728px;
	height:90px;
	margin-top:12px;
}

/* - - - Menu - - - */


#haut #menu{ clear:both; float:right; list-style: none;; }
#haut #menu li{ float:right; position:relative; z-index:9999; }
#haut #menu a, #menu a:link, #menu a:visited, a.langue{
	display:block;
	font:400 16px/21px "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 20px;
	padding:11px 0 10px;
	text-decoration:none;
	zoom:1;
}
 a.langue{float:right;background-color: #000;padding: 10px 20px;margin-left: 0;}

#haut #menu a #entrepriseGuzzoMenu,#menu #entrepriseGuzzoMenu, #menu #entrepriseGuzzoMenu:visited {color:#fa0304;}
#haut #menu #entrepriseGuzzoMenu:hover, #menu #entrepriseGuzzoMenu:focus, #menu #entrepriseGuzzoMenu:visited:hover{color:#fff;}
#haut #menu #entrepriseGuzzoMenu.actif, #menu #entrepriseGuzzoMenu.actif:visited{color:#fff;padding-bottom: 7px;border-bottom: 3px solid #f23b3b;}

/***Sous menu entreprise*****/
#haut #menu #sousMenuEntreprise li a{
	color:#f23b3b;
	text-transform: uppercase;
}
#haut #menu #sousMenuEntreprise li a:hover{
	color:#fff;
}
/* #haut #menu a #sousMenuEntreprise,#menu #sousMenuEntreprise, #menu #sousMenuEntreprise:visited {color:#fa0304;} */
/* #haut #menu #sousMenuEntreprise:hover, #menu #sousMenuEntreprise:focus, #menu #sousMenuEntreprise:visited:hover{color:#fff;} */

#haut #menu a:hover, #menu a:focus, #menu a:visited:hover{color:#f23b3b;}
#haut #menu a.actif, #menu a.actif:visited{ padding-bottom:7px; border-bottom:3px solid #f23b3b; }
/* Sous menu */
#haut #menu li ul{width:230px; display:none; position:absolute; top:42px; background:#000; padding:15px 10px;}
#haut #menu li ul li{display:block; float:none;}
#haut #menu li ul li a{
	display: block;
	padding: 5px 0;
	font: 400 14px/18px "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px 0 0 10px;
}

#contenu{width:100%; background:url(gx/m/bg_contenu.jpg) no-repeat top center; min-height:670px; height:auto !important; height:670px; padding-top:30px;}
#contenu.bg_enfant { background:url(gx/04/bg_contenu.jpg) no-repeat top center; }

#contenu .contenuGauche{
	width:650px;
	float:left;
	margin-bottom:15px;
	padding-right:30px;
}

#contenu .contenuGauche img{
	max-width: 100%;
}

#contenu .contenuDroite{width:300px; float:left; margin-bottom:35px; }

#pagestandardint2 h2{
	margin-top:15px;
	margin-bottom:0px;
}

/* FACEBOOK box 01_100 */
.fb-like-box{float:right; background:#fff;}
#facebook-box {margin-bottom:70px;}

/* PIED DE PAGE */
#piedPage{width:100%; background:#000;}
#piedPage a{ display:block; font:600 12px/12px Arial,Helvetica,sans-serif; color:#fff;}
#piedPage a:hover,#piedPage a.actif{color:#fa0304;}
#piedPage .fDroit{ display:block; float:right; margin-right:25px; }
#piedPage .menuBas{ height:16px; list-style:none;  }
#piedPage .menuBas li{ float:left; white-space: nowrap; margin-right:25px; }
#piedPage a{ font: 400 16px/16px "open_sans_condensedbold",Arial,Helvetica,sans-serif; text-transform: uppercase; }
#lienPartager span{
	vertical-align: top;
	font-size: 26px;
	color:#fa0304;
}

#piedPageListeCinema{background:#231f20;}
#piedPageListeCinema ul li{width:220px; float:left; margin:0 25px 0 0; list-style:none;}
#piedPageListeCinema ul li a:before{
	content:'\e800';
	display:inline;
	margin-right:4px;
	vertical-align: -1px;
	font:normal normal 1em/1em "icons";
	color:#fa0304;
}
#piedPageListeCinema ul li a{display:inline-block; padding:4px 0; font:600 11px/11px Arial,Helvetica,sans-serif; color:#fff;}
#piedPageListeCinema ul li a:hover,
#piedPageListeCinema ul li a.actif{color:#fa0304;}

#copyrights{width:100%; background:#d50000; color:#fff; }
#copyrights .conteneur{width: auto; padding:12px 15px 8px 15px;}
#copyrights .conteneur a{font:13px/14px Arial,Helvetica,sans-serif; color:#fff;}
#copyrights .conteneur a:hover{color:#000;}

.referencement {
	color: #aaa;
	font-size: 11px;
}
#piedPageListeCinema .referencement a, #piedPageListeCinema .referencement a:link, #piedPageListeCinema .referencement a:visited, #piedPageListeCinema .referencement a:hover, #piedPageListeCinema .referencement a:active, #piedPageListeCinema .referencement a:focus { color: #aaa; }

/* 00_110 : PAGE  NOUVELLE
--------------------------------------------------------------------------------------- */
.photoMortaise{float:left; margin:4px 10px 5px 0;}
/* Boutons de partage */
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:95px;float:right; margin:8px 10px 0 0;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartagePinterest{width:110px;float:left;}
.btnPartageStumbleUpon{width:110px;float:left;}
.btnPartageFacebook{width:100px;float:left; margin:8px 0 0 10px;}

/* 00_888 : PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
.siteMap div.floatL{width:48%;}



/* 02_600 : DETAIL FILM
--------------------------------------------------------------------------------------- */
#bg_detailFilm{
	width:1010px;
	min-height:502px;
	margin:0 auto;
	padding-bottom:20px;
	background:#fff;
}
#bg_detailFilm h1{
	/*width:730px; */
	padding:12px 20px 10px 242px;
	background:#efeff0; line-height:100%;
}
#bg_detailFilm .colGauche{width:215px; float:left; margin:-47px 15px 0 15px;}
#bg_detailFilm .colGauche .likeFilm{float:left; margin:0 0 0 10px; padding:3px 25px; font:400 13px/13px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; background:#ea3333; border-radius:3px;}
#bg_detailFilm .colGauche .likeFilm:hover{background:#ca2d2c;}
#bg_detailFilm .colGauche .likeFilm img{float:left; margin:0 5px 0 0;}
#bg_detailFilm .colCentre{width:360px; float:left;}
#bg_detailFilm .colCentre p.titre{clear:both; margin:35px 0 5px; font:400 16px/25px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; text-transform:uppercase; border-bottom:1px solid #b2b2b2;}
#bg_detailFilm .colDroite{width:340px; float:right; margin:0 15px 0 0;}
#bg_detailFilm .colDroite p.h2{ margin-bottom:0; font-size:16px;}
#bg_detailFilm .colDroite form{ margin-bottom:12px; }
#bg_detailFilm .colDroite form select{width:250px;}
#bg_detailFilm .colDroite #bandeAnnonce{width:100%; clear:both;}
#bg_detailFilm .colDroite #bandeAnnonce div{width:160px; float:left; margin:0 7px 13px; position:relative;}
#bg_detailFilm .colDroite #bandeAnnonce div a{width:160px; display:block; text-align:center; font-weight:600; cursor:pointer;}
#bg_detailFilm .colDroite #bandeAnnonce div a.photo{width:160px; height:95px; text-align:center; font-weight:600; cursor:pointer; overflow:hidden;}
#bg_detailFilm .colDroite #bandeAnnonce div a img{display:block; position:relative; top:-30px;}
#bg_detailFilm .colDroite #bandeAnnonce div a img.btn_play{position:absolute; top:15px; left:44px; opacity:0.6;}
#bg_detailFilm .colDroite #bandeAnnonce div a:hover img.btn_play{opacity:1;}
#bannercontainer img{ display:block; margin:0 auto 10px;}

.filmHoraire p{ margin-bottom:1em; }

.pagination{ color:#1d51a1; text-align:center; font:400 12px/20px Arial,Helvetica,sans-serif;}
.pagination a{ display:inline-block; color:#000; padding:0 5px;}
.pagination strong{padding:0 3px;}
.pagination a.next,
.pagination a.prev{width:10px; height:20px; vertical-align: -6px; transition:none;}
.pagination a.prev{ background:url(gx/02/btn_pagination-prev.png) no-repeat 0 0;}
.pagination a.next{ background:url(gx/02/btn_pagination-next.png) no-repeat 0 0;}
.pagination a.prev:hover{background-position:0 -20px;}
.pagination a.next:hover{background-position:0 -20px;}



/* 02_800 : DETAIL EVENEMENTS
--------------------------------------------------------------------------------------- */
.evenementlist{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.evenementlist .image{
	float:left;
	display:block;
	width:92px;
	margin:0 20px 20px 0;
}
.evenementlist .texte{
	float:left;
	width:301px;
}

.evenementlist .texte h2, .evenementlist .texte p{ margin-bottom:1em; }

.evenementlist .btnRouge{ float:none; display:inline-block; }

#imgEvenement{
	float:left;
	margin:0 15px 15px 0;
	text-align: center;
}

#imgEvenement img{ display:block; }


#imgEvenement .btnPartageFacebook, #imgEvenement .btnPartageTwitter{
	float:none;
	display: inline-block;
	vertical-align:top;
}



/* 03_100 : CINEMA
--------------------------------------------------------------------------------------- */
#ctnCinema{
	margin-bottom:0px;
	padding-bottom:0px;
}
#listeCinema{width:290px; float:left;}
#listeCinema p.titre{margin:0 0 25px; padding:5px 10px; font:400 15px/15px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; background:#262626;}
#listeCinema ul li{list-style:none;}
#listeCinema ul li a{display:block; margin:0 0 20px; font:400 17px/19px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;}

#listeCinemaDroite{width:674px; float:left; padding-left:15px; border-left:1px solid #b2b2b2;}
#listeCinemaDroite p.titre{margin:0 0 10px; padding:5px 10px; font:400 15px/15px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff;
text-transform:uppercase; background:#0f459b;}
#listeCinemaDroite #formRechercheCP{padding:0 0 8px; border-bottom:1px solid #b2b2b2;}
#listeCinemaDroite #formRechercheCP label{float:left; margin:3px 10px 0 0; font:400 16px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; text-transform:uppercase;}
#listeCinemaDroite #formRechercheCP input{float:left; padding: 0 30px 0 5px; }
#listeCinemaDroite #formRechercheCP button{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	width:24px;
	height:24px;
	float:left;
	margin:2px 0 0 -26px;
	padding:0;
	border-radius:3px;
	background: #0f459b;
}

#listeCinemaDroite #formRechercheCP button:before{
	content:'';
	display:block;
	width:24px;
	height:24px;
	background:url(gx/m/img_loupe.png) 5px 5px no-repeat;
}

#listeCinemaDroite #carteListeCinema {width:100%; height:420px;}
#listeCinemaDroite #carteListeCinema.carteListeIpad {top: 10px;}
#tarifs{
	width:300px;
}
#tarifs .descriptionTarif{
	padding:5px 0;
}
#tarifs .tarif{
	padding:5px 0;
	text-align:right;
}
/* 03_300 : CINEMA DETAIL
--------------------------------------------------------------------------------------- */
#detailcinema{line-height:120%;}
#detailcinema div.detail{ margin-bottom:20px; }
#detailcinema div.detail img{float:left; margin:4px 20px 0 0;}
#detailcinema div.listing{width:100%; clear:both; padding:10px 0; border-bottom:1px solid #c4c4c4;}
#detailcinema div.listing a{width:137px; float:left; margin-top:4px; position:relative;}
#detailcinema div.listing a div{float:left;}
#detailcinema div.listing a div img{display:block;}
#detailcinema div.listing div.info{width:480px; float:right;}
#detailcinema div.listing div.info h2{line-height:10px; }
#detailcinema div.listing div.info h2 .seulement{ font-size:14px; }
#detailcinema div.listing div.info h2 .seulement span{ color:#fa0304; }
#detailcinema div.listing div.info a{ display:inline-block; width:auto; float:none; margin:0;}
#detailcinema #goGoogleMap label{}

/*#detailcinema #goGoogleMap input,
#detailcinema #goGoogleMap button{float:left;}
#detailcinema #goGoogleMap input { margin-top: 5px; }
*/
#detailcinema #goGoogleMap input{ float:left; width:260px; padding: 0 30px 0 5px;  }
#detailcinema #goGoogleMap button{
	float:left;
	width:24px;
	height:24px;
	margin:2px 0 0 -26px;
	padding:0;
	border-radius:3px;
	background: #FA0304;
}

#detailcinema #goGoogleMap button:before{
	content:'';
	display:block;
	width:24px;
	height:24px;
	background:url(gx/m/img_loupe.png) 5px 5px no-repeat;
}

.dateTitre{ font-size:24px; }


/* 03_600 : CINEMA VISITE ET PHOTO
--------------------------------------------------------------------------------------- */
#listingPhoto img{float:left; margin:0 5px 5px 0;}
#listingPhoto img.dernier{margin:0 0 5px 0;}


/* 04_800 : FÊTE D'ENFANTS
--------------------------------------------------------------------------------------- */

.galeriePhoto { margin: 20px 0; }
.galeriePhoto li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 5px 5px 0;
}
.galeriePhoto img { display: block; }

.forfait{
	float: left;
    padding: 0 15px;
    width: 650px;
	height:391px;
	border-bottom: 1px solid #d1d3d4;
	}

.forfait h2{margin-bottom:0px;}
 #forfait1 span{color:#004895;}
 #forfait2 span{color:#c21739;}
 #forfait3 span{color:#f1c014;}

#forfait2 button{float:right;}
 #forfait1{display:table;background:url(gx/04/forfait_enfant1.jpg) no-repeat;text-align:left;}
 #forfait2{display:table;background:url(gx/04/forfait_enfant2.jpg) no-repeat;text-align:right;}
 #forfait3{display:table;background:url(gx/04/forfait_enfant3.jpg) no-repeat;text-align:left;}

 .forfait div{display:table-cell;vertical-align:middle;}
/* 12_200 : IMAX
--------------------------------------------------------------------------------------- */
.galerieImax a{width:80px; float:left; padding:10px 20px;}


/* 12_300 : CINEMA MAP
--------------------------------------------------------------------------------------- */
.filmImax{float:left;}
.texteImax{width:435px; float:right; min-height:120px;}




/* 00_333 : PAGE FACEBOOK
--------------------------------------------------------------------------------------- */
#facebook {background: url("Gx/00/bg-site-facebook.jpg") no-repeat left top; color: #FFFFFF; height: 360px; line-height: 16px;
    position: relative; width: 915px; margin:0 auto;}
#facebookTitre_fr {background: url("Gx/00/facebook_titre_fr.png") no-repeat scroll 0 0 transparent; height: 43px; left: 20px; position: absolute; top: 10px; width: 500px;}
#facebookTitre_en {background: url("Gx/00/facebook_titre_en.png") no-repeat scroll 0 0 transparent; height: 43px; left: 20px; position: absolute; top: 10px; width: 500px;}
#facebookConcours_fr {background: url("Gx/00/facebook_concours_fr.png") no-repeat scroll 0 0 transparent; height: 97px; left: 125px; position: absolute; top: 150px; width: 400px;}
#facebookConcours_en {background: url("Gx/00/facebook_concours_en.png") no-repeat scroll 0 0 transparent; height: 97px; left: 125px; position: absolute; top: 150px; width: 400px;}
#texteFacebook {font-size: 11pt; height: 300px; left: 23px; position: absolute; top: 65px; width: 550px; z-index: 2;}
#facebookImage {background: url("Gx/00/portable.png") no-repeat scroll left top transparent; float: left; height: 219px; left: -50px; position: relative; top: 180px; width: 335px; z-index: 1;}


/* 00_444 : SITE WEN MOBILE
--------------------------------------------------------------------------------------- */
#mobile {background: url("Gx/00/bg-site-mobile.jpg") no-repeat scroll left top transparent; color: #FFFFFF; height: 359px; position: relative; width: 914px; margin:0 auto;}
#texteMobile {font-size: 11pt; left: 340px; position: absolute; top: 100px; width: 375px;}
#mobileTitre_fr {background: url("Gx/00/mobile_titre_fr.png") no-repeat scroll 0 0 transparent; height: 43px; left: 338px; position: absolute; top: 50px; width: 421px;}
#mobileTitre_en {background: url("Gx/00/mobile_titre_en.png") no-repeat scroll 0 0 transparent; height: 43px; left: 338px; position: absolute; top: 50px; width: 421px;}



/* 05_100 : ENTREE DES MEMBRES
--------------------------------------------------------------------------------------- */
/* Tableau de connexion */
table.tableConnexion {width: 100%; margin-top: 20px;}
table.tableConnexion tr {}
table.tableConnexion tr td {
	width: 50%; padding: 15px;
	border: 1px solid #d1d3d4;
	background: #f8f8f8; vertical-align: top;
}
table.tableConnexion tr td h2 {margin-bottom: 0;}
table.tableConnexion tr td p  {margin-bottom: 1em;}
table.tableConnexion tr td label {}
table.tableConnexion tr td input {
	width: 100%; margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.tableConnexion tr td ul {margin-bottom: 1em;}
table.tableConnexion tr td button {float: none;}
table.tableConnexion tr td .divBouton {}
table.tableConnexion tr td .divBouton button {display: inline-block; vertical-align: middle;}
table.tableConnexion tr td  a.btnMarge{margin-right:10px;}
table.tableConnexion tr td a {display: inline-block; vertical-align: middle;}
table.tableConnexion tr td a img{margin-top:7px;}


/* 06_100 : Concours
--------------------------------------------------------------------------------------- */
.btnConcours{
	float:none !important;
	display:block;
	margin:10px auto 0;
	width:90px;
	text-align: center;
}


/* 07_100 : NOTRE HISTOIRE
--------------------------------------------------------------------------------------- */
#dhtmlgoodies_slideshow{background:transparent url(Gx/07/bg_historique.gif) no-repeat 5px 0; height:84px; width:600px;}
#galleryContainer{height:84px; overflow:hidden; position:relative;}
#arrow_left,
#arrow_right{background-color:none; display:block; height:84px; position:absolute; width:30px; z-index:10; cursor:pointer;}
#arrow_left{left:0;}
#arrow_right{right:0; z-index:4;}
#theImages{background:none; height:84px; left:30px; position:absolute; width:100000px;}
#theImages #slideEnd{float:left; width:150px;}
#theImages .periode{background:none; float:left; height:84px; text-align:center; width:auto;}
#theImages .top{background:none; display:block; height:38px;}
#theImages .top img{margin:7px auto 0;}
#theImages .middle{background:none; display:block; height:17px; line-height:13px; overflow:hidden;}
#theImages .middle a,#theImages .middle a:link,#theImages .middle a:visited{color:#101010; font-weight:700; text-decoration:none;}
#theImages .middle a:hover,#theImages .middle a.actif,#theImages .middle a:link.actif,#theImages .middle a:visited.actif{color:#4682df;}
#theImages .bottom{background:none; display:block; text-align:center;}
#theImages .bottom img{margin:0 auto; visibility:hidden;}
body{background-repeat:no-repeat;}
#previewPane{border:1px solid #CCC; height:420px; margin-bottom:10px; padding-top:10px; position:relative; text-align:center; vertical-align:middle;}
#previewPane img{line-height:400px;}
#previewPane #largeImageCaption{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:.9em; font-style:italic; text-align:center;}
#waitMessage{background-color:#FFF; border:3px double #000; color:#555; display:none; font-family:Arial,Helvetica,sans-serif; font-size:.9em; left:200px; padding:4px; position:absolute; top:150px;}
#theImages .imageCaption{display:none;}


/* 07_120 : COMMUNIQUES
--------------------------------------------------------------------------------------- */
.nouvelleliste {padding: 8px 0 0;}
.nouvelleliste .date {float: left; width: 80px;}
.nouvelleliste .txt {float: right; width: 560px;}
.histoireActif {background:none #356FC9; border: 3px solid #5592F1; color: #FFFFFF; padding: 15px;}

/* 07_300 : Emplois
--------------------------------------------------------------------------------------- */
#emploi input[type="text"]{ width:230px; margin-bottom:10px; }
#emploi .customSelect{ margin-bottom:10px; }
#emploi input[type=radio]{ margin-right:4px; vertical-align: -2px; }
#emploi label[for="dos1"], #emploi label[for="dos2"],
#emploi label[for="av1"], #emploi label[for="av2"]{ font-weight: normal; }
#emploi label[for="dos1"],#emploi label[for="av1"]{ margin-right:24px; }


/* 07_500 : Liens
--------------------------------------------------------------------------------------- */
.liens{
	float: left;
	width:33%;
	margin-bottom:36px;
	text-align: center;
	font-weight: bold;
}



/* MODULES
--------------------------------------------------------------------------------------- */
/* FIL ARIANE */
#filAriane {
	position: relative;
	width:980px;
	margin:0 auto;
	padding:12px 15px;
	border-bottom:1px solid #d1d3d4;
	background: #fff;
	font:400 12px/12px Arial,Helvetica,sans-serif;
	color:#000;
}
#filAriane li{ display:inline-block; margin-right:10px; }
#filAriane li:before{
	content:'\e800';
	margin-right:10px;
	vertical-align: -1px;
	font:normal normal 1em/1em "icons";
	color:#f90404;
}
#filAriane li:first-child:before{ content:''; margin-right:0; }
#filAriane li a{
	color:#000;
	text-decoration: underline;
}

#filAriane li a:hover, #filAriane li a:focus{ color:#f90404; }


/* MODULE BANNIERE 3 */
#banniereLarge{width:728px; margin:0 auto; padding-top:20px; clear:both;}


/* CTA */


#cta.accueil{
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: -28px;
}



#ctaBalance {background: url(gx/cta/cta_balance_carte_cadeau.jpg) no-repeat center -1px;
				 height: 135px;text-transform:uppercase;color:white;font: 400 22px/22px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;
				 text-align: left; padding: 30px 70px 7px 20px;line-height: 23px;}
#ctaBalance:hover {color:yellow;}

#cta.accueil .cta_streaming {margin-left: 20px;}
#cta.accueil .cta_app, #cta.accueil .cta_carteFidelite, #cta.accueil .cta_localisation, #cta.accueil .cta_guzzoLesFilms, #cta.accueil .cta_streaming {float:left;}
.contenuDroite #cta .cta_app, .contenuDroite #cta .cta_carteFidelite, .contenuDroite #cta .cta_localisation, .contenuDroite #cta .cta_guzzoLesFilms { float:none; margin:0; }

#cta a p, #cta div p, .cta_localisation p{font:400 22px/22px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase;}

#cta .cta_streaming{margin-right:0px;}
#cta .cta_app{
	width:218px;
	height:105px;
	background:url(gx/cta/cta_app.png) no-repeat;
	padding:15px 5px 15px 90px;
}

#cta .cta_app{ width:205px; }

#cta .cta_app p.titre{ margin-bottom: 10px; font-size:22px; }
.contenuDroite #cta .cta_app p.titre{ font-size:21px; }

#cta .cta_app p.texte{
	margin-top:10px;
	font:600 11px/11px 'Arial';
	text-transform:none;
}
#cta .cta_app a{ float:left;}
#cta .cta_app .playStore{ margin-right:5px; }

#cta .cta_carteFidelite{
	display:block;
}

#cta .cta_guzzoLesFilms{
	display:block;
	float:left;
	margin-left:20px;
}


.contenuDroite #cta .cta_carteFidelite{ width:180px; }

#cta .cta_carteFidelite p{color:#1D51A1;}
#cta .cta_carteFidelite p span{color:#000;}
#cta .cta_carteFidelite p.texte{width:165px; margin-top:10px; font:bold 14px/14px Arial,Helvetica,sans-serif;}


.cta_localisation{
	width:183px !important;
	height:100px;
	margin-right:0;
	padding:15px 10px 20px 120px;
	background: url(gx/cta/cta_localisation.png) no-repeat center -1px;
	text-align:left;
}
.contenuDroite .cta_localisation{ width:170px;  }

.cta_localisation input{
	width:150px;
	height:18px;
	float:left;
	margin-top: 10px;
	padding:5px;
	border:0;
	border-radius:4px;
}
.cta_localisation button{
	float: left;
	width:29px;
	margin: 11px 0 0 -30px;
	padding: 1px 0;
	font: 400 15px/24px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;
}

@media screen and (max-width:957px){
	#cta.accueil{
		justify-content: center;
		margin-top: 0px;
	}
	#cta.accueil .cta_streaming, #cta.accueil .cta_guzzoLesFilms{
		margin-left: 0px;
	}
}
#ctnPubAccueil{
	padding:0px;
	width:980px;
	height:117px;
}
#ctnGuzzoTV{
	min-height: 595px;
}

/* MODULE FACEBOOK */
.uiHeader h3, .uiHeader h4{font-size:13px;}


/* PUBLICITE */
.publiciteCarre{width:300px; margin:0; padding:10px 0; text-align:center; background:#fff;}
.publiciteCarre > div { margin-bottom: 12px; }
.publiciteCarre.accueil { float:left; width: 313px; padding:0px 0 2px; }
.publiciteCarre.accueil > div { margin:0 auto 7px; width:300px; }


/* INFOLETTRE */
#infolettre{
	width:300px;
	float:left;
	background:#fff url(gx/m/module_infolettre.png) no-repeat 0 0;
	font: 400 12px/17px Arial,Helvetica,sans-serif;
	color:#000;
}
#infolettre.accueil{
	width:313px;
}
#infolettre p.titre{
	height:40px;
	padding: 0 0 0 52px;
	font: 400 22px/40px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;
	color: #fff;
	text-transform: uppercase;
}
#infolettre .bordure{ border:1px solid #d1d3d4; border-width: 0 1px 1px 1px; padding:5px 10px 10px; }

#infolettre p,
#infolettre a.note{color:#000;}
#infolettre a.note:hover, #infolettre a.note:focus{color:#fa0304;}
#infolettre p.note{margin-bottom:6px;}
#infolettre form{ clear:both;}
#infolettre form label{ float:left; margin:6px 5px 10px 0; font:400 12px/17px Arial,Helvetica,sans-serif; }
#infolettre form input[type="text"]{
	float:right;
	width:153px;
	height:26px;
	margin:0 5px 10px 0;
	padding:0 5px;
	border:1px solid #d1d3d4;
	border-radius:4px;
	background-color: #F8F8F8;
	font:400 12px/17px Arial,Helvetica,sans-serif;
}
#infolettre.accueil input[type=text]{ width:173px; }
#infolettre form button{ float:none; display:block; width:125px; margin:0 auto 6px; }
.brancherLabelOptIn{
	float:none !important;
}
#optInbrancher{
	float:left !important;
	margin:1px 5px 10px 0 !important;
}

#infolettre .avertissement{ margin-bottom:0; }

/* BANNIERE ACCUEIL 01_100 */
#contenu #banniereAccueil{width:100%; height:380px; padding:10px 0 80px; position:relative; overflow:hidden;}
#contenu #banniereAccueil #ligneFilms{width:120%; height:205px; overflow:hidden; position:relative; top:125px; z-index:1;}
#contenu #banniereAccueil #ligneFilms #slideHorizontal{width:120%; height:205px; overflow:hidden; position:relative;}
#contenu #banniereAccueil #ligneFilms #slideHorizontal div{width:112px; height:195px; float:left; margin:0 1px 20px 0; cursor:pointer; /* overflow:hidden; */}
#contenu #banniereAccueil #ligneFilms #slideHorizontal div .cadreImage{width:112px; height:auto; display:block; margin:0;}
#contenu #banniereAccueil #ligneFilms #slideHorizontal div .cadreImage img{width:112px; height:159px; display:block; position:relative;}
#contenu #banniereAccueil #ligneFilms #slideHorizontal div .complementInfoFilm .titre{display:table-cell;vertical-align:middle;width:102px; height:45px; padding: 0 5px; background:#ed0000; font:400 13px/13px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; text-align:center; overflow:hidden;}
#contenu #banniereAccueil #ligneFilms #slideHorizontal div .complementInfoFilm .titre a{color:#fff; }
#contenu #banniereAccueil #ligneFilms #slideHorizontal span.magicMargin{height:205px; float:left;}

#contenu #banniereAccueil #Titrecadre{width:525px; margin:0 auto; padding:8px 0; background:#000; position:relative; top:-200px; z-index:1; font:400 19px/19px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-align:center; text-transform:uppercase;}

#contenu #banniereAccueil #cadre{
	width:525px;
	height:345px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 10px #000;
	position:relative;
	top:-200px;
	z-index:1;

	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 75%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#ffffff), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top, #ffffff 75%,#dfdfdf 100%);
	background: -o-linear-gradient(top, #ffffff 75%,#dfdfdf 100%);
	background: -ms-linear-gradient(top, #ffffff 75%,#dfdfdf 100%);
	background: linear-gradient(to bottom, #ffffff 75%,#dfdfdf 100%);
}

#contenu #banniereAccueil #cadre #btn_banniereAccueil_gauche,
#contenu #banniereAccueil #cadre #btn_banniereAccueil_droite{width:34px; height:64px; position:absolute; top:135px; cursor:pointer; z-index:1;}
#contenu #banniereAccueil #cadre #btn_banniereAccueil_gauche{background:url(gx/01/btn_banniereAccueil_gauche.png) no-repeat; left:-33px;}
#contenu #banniereAccueil #cadre #btn_banniereAccueil_droite{background:url(gx/01/btn_banniereAccueil_droite.png) no-repeat; right:-32px;}
#contenu #banniereAccueil #cadre .cadreImage{width:230px; height:330px; float:left; margin:10px 2px 0 10px; position:relative; z-index:2;}
#contenu #banniereAccueil #cadre .cadreImage img{width:230px; position:absolute; top:0; left:0;}
#contenu #banniereAccueil #cadre .complementInfoFilm{width:270px; height:330px; float:left; margin:8px 0 0;}
#contenu #banniereAccueil #cadre .complementInfoFilm p{margin-bottom:16px; font:400 13px/15px Arial,Helvetica,sans-serif;}
#contenu #banniereAccueil #cadre .complementInfoFilm .titre{font:400 30px/30px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; margin-top:0px; }
#contenu #banniereAccueil #cadre .complementInfoFilm .titre a{ color:#000; }
#contenu #banniereAccueil #cadre .complementInfoFilm .titre a:hover{ color:#EA3333; }
#contenu #banniereAccueil #cadre .complementInfoFilm .limiteAge{
	margin-bottom:0;
	font:400 15px/15px "open_sans_condensedbold",sans-serif;
	text-transform:uppercase;
	color:#ea3333;
	margin-bottom:12px;
}
#contenu #banniereAccueil #cadre .complementInfoFilm .CinemaId,
#contenu #banniereAccueil #cadre .complementInfoFilm .CinemaId .customSelectInner{ width:270px !important; }

#contenu #banniereAccueil #cadre .complementInfoFilm p.listeHoraire, p.listeHoraire{
	line-height: 150%;
}

.horaireJours{ font-weight: bold !important; text-transform: uppercase; color:#1d51a1; }

#formCinemaAccueil{
	margin-bottom: 15px;
}
/* CARROUSEL SLIDER
.conteneur.slider{padding-top:10px;}*/
.conteneur.slider{height:210px; overflow:hidden; padding:10px 0 0 0;}
.conteneur.slider h2{font-size:22px; margin-bottom:10px;}
#bxSlider{width:100%;}
#bxSlider li{ height: 170px; width:240px; list-style:none;}
#bxSlider li a{ display: block; height: 170px; width:313px; float:left; font:400 12px/17px Arial,Helvetica,sans-serif; position:relative;}
.hoverFilm li a div{width:90px; float:left; margin:0 8px 30px 0;}
#bxSlider li a div img{width:90px; float:left;}
#bxSlider li a p{font:400 12px/15px Arial,Helvetica,sans-serif; color:#000;}
#bxSlider li a br{display:block; margin:2px 0;}
#bxSlider li a p.classement{font:400 25px/25px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#939598;}
#bxSlider li a p.titre{ margin-bottom:12px; font:400 20px/20px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; text-transform:uppercase;}

#bxSlider .lnk_fiche {
	position: absolute;
	left: 100px;
	bottom:0;
	font-weight:bold;
}

.bx-wrapper .bx-viewport{box-shadow:none; border:none; left:0; background:none;}
.bx-wrapper .bx-controls-direction a{width:20px; height:20px; top:-20px; transition:none; z-index:1000;}
.bx-wrapper .bx-next{right:0; background:url("js/jQuery/bxslider/images/controlsCustom.png") no-repeat -20px 0;}
.bx-wrapper .bx-prev{left:935px; background:url("js/jQuery/bxslider/images/controlsCustom.png") no-repeat 0 0;}
.bx-wrapper .bx-next:hover{background:url("js/jQuery/bxslider/images/controlsCustom.png") no-repeat -20px -20px;}
.bx-wrapper .bx-prev:hover{background:url("js/jQuery/bxslider/images/controlsCustom.png") no-repeat 0 -20px;}


/* BLOC BIENTOT A LAFFICHE 01_100 */
#blocBientot{width:313px; float:left; margin-right:20px; background:#fff;}
#blocBientot h2{background:#000; color:#fff; padding:5px 0 5px 10px;margin-bottom:10px;}
#blocBientot p{font:400 12px/15px Arial,Helvetica,sans-serif;}
#blocBientot hr{margin:8px 0; clear:both;}
#blocBientot a{display:block; position:relative; font:400 12px/17px Arial,Helvetica,sans-serif;margin-left:10px;}
#blocBientot a div,
#blocBientot a div img{float:left;}
#blocBientot a .content{width:220px; float:right; margin:0 12px 0 0;}
#blocBientot a .content p{color:#000; margin-bottom:4px; }
#blocBientot a .content p.titre{margin:0 0 10px; font:400 20px/20px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; text-transform:uppercase;}
#blocBientot a .content .sep{float:left; margin:0 8px; }
#blocBientot a .content br{display:block; margin:2px 0;}
#blocBientot p.floatR{margin: 0 10px 0 0;}
#blocBientot p.floatR a{display:inline-block; font-weight:bold; margin-bottom:6px; }
#blocBientot .lnk_fiche{ font-weight:bold; }

.videoAccueil{float:right;padding-top:15px;}

/* MENU INTERNE */
#menuInterne{clear:both; margin:0 0 20px; padding:5px 15px 0; background:#262626;}
#menuInterne a{float:left; margin:0 8px 0 0; padding:6px 12px 10px; font:400 15px/15px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase;}
#menuInterne a:hover{color:#e92b2b;}
#menuInterne a.actif{background:#fff; color:#000;}

#headsearch .genre{ }
#headsearch .mois{ margin-left:20px; }
#headsearch .quality{ float:right; }


/* LISTING FILM */
#listingFilm{margin:20px 0 0; clear:both;overflow:hidden;}
#listingFilm a{width:137px; float:left; margin:0 34px 45px 0; position:relative;}
#listingFilm a.dernier{margin:0 0 45px 0;}
.hoverFilm a div{position:relative;}
#listingFilm a div img{display:block; margin-bottom:8px; }
#listingFilm a p{margin-bottom:1em; font:400 13px/15px Arial,Helvetica,sans-serif; color:#000;}
#listingFilm a p.nouveaute{margin-bottom:4px; font:400 13px/17px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#e51d1d;}
#listingFilm a p.titre{margin-bottom:0.25em; font:400 17px/19px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; text-transform:uppercase;}
#listingFilm a span{display:block; font:700 12px/15px Arial,Helvetica,sans-serif;}
#listingFilm a .vignette{position:absolute; top:0; left:0; opacity:.9;}
/* Hover produits */
.hoverFilm a .hoverTop,
.hoverFilm a .hoverBottom,
.hoverFilm a .hoverLeft,
.hoverFilm a .hoverRight{width:4px;	height:4px;	position:absolute; margin:0;}
.hoverFilm a .hoverTop,
.hoverFilm a .hoverBottom,
.hoverFilm a .hoverLeft,
.hoverFilm a .hoverRight{background:#ec2121;}
.hoverFilm a .hoverTop,
.hoverFilm a .hoverLeft{top:0; left:0;}
.hoverFilm a .hoverBottom,
.hoverFilm a .hoverRight{bottom:0; right:0;}

.lnk_fiche:after, #blocBientot .pied a:after, #listingFilm .voir:after{
	content:'\e800';
	display:inline;
	margin-left:4px;
	vertical-align: -1px;
	font:normal normal 1em/1em "icons";
	color:#fa0304;
}

/* CALENDRIER
--------------------------------------------------------------------------------------- */
.calendrier{width:232px; height:200px; float:right; background:#ffffff;}
.calendrierint{width:212px; float:right; }
.calendrierint .mois{ font-weight:bold; text-transform: capitalize; }
.calendrier table tr.lesjours td{color:#fff; background:url(Gx/03/lesjours_bg.gif) no-repeat -5px 0px;}
.calendrier table tr.lesjours td.samedi{color:#fff; background:url(Gx/03/lesjours_bg.gif) no-repeat right top;}
.calendrier table tr.lesjours td.dimanche{color:#fff; background:url(Gx/03/lesjours_bg.gif) no-repeat left top;}
.calendrier table td{color:#494848; font:400 12px/16px Arial,Helvetica,sans-serif; padding:4px 8px; text-align:center; width:15px;}
.calendrier table td.jourj{background:url(Gx/03/jourj_bg.gif) no-repeat center 4px;}
.calendrier table td a,
.calendrier table td a:link,
.calendrier table td a:visited{color:#fff;	text-decoration:none;}
.calendrier .chxmoisannee{font:800 12px Arial,Helvetica,sans-serif; color:#5a5a5a; background:#fff; border:1px #5a5a5a solid; margin:2px 4px 5px 0px;}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteContact{width:480px;float:left;}
#boiteFormContact{float:right;width:480px; margin-top:29px;}

#iframeCarteGoogle{border:1px solid #999;}

#recevoirinfo{ margin-right:6px}

#formContact{float:right;width:480px;}
#formContact table td{padding:5px 0;width:240px;}
#formContact label{}
#formContact .champTexte{width:218px;}
#formContact .listeDeroulante{width:218px;}
#formContact .boiteTexte{height:70px; width:470px; resize:vertical;}
#formContact .champFichier{}
#txt_cvlettre{
	height:250px;
}

#op-iframe{height: 742px; width: 675px;margin-left: -10px;border:none;}
.facture{ width:100%; }
.facture td{
	padding: 5px;
	margin-top:8px; font:400 13px/13px Arial,Helvetica,sans-serif;
}
.facture th{
	padding: 5px;
	font-weight: bold;
	margin-top:8px; font:400 19px/16px 'open_sans_condensedbold',Arial,Helvetica,sans-serif; color:#e51d1d
}

.facture .quantite{ width:60px; }
.facture .prix, .facture .prixtotal{ width:100px; }


/* 10 : CLUB GUZZO
--------------------------------------------------------------------------------------- */
/* Tableau des transactions */
table.tableauTransaction {width: 100%; margin-top: 20px;}
table.tableauTransaction tr {}
table.tableauTransaction tr td,
table.tableauTransaction tr th {padding: 10px; text-align: center; vertical-align: middle;}
table.tableauTransaction tr th {
	font: 400 15px/15px "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	background: #262626; color: #fff; text-transform: uppercase;
}
table.tableauTransaction tr td {border: 1px solid #d1d3d4;}
table.tableauTransaction tr td:first-child {color: #11469c;}
table.tableauTransaction tr.tr-commande td {background: #f8f8f8;}
table.tableauTransaction tr td .confirmation {font-size: 11px; display: block;}


/* Tableau Menu du club */
table.tableMenuClub {width: 100%; margin-bottom: 30px;}
table.tableMenuClub tr {}
table.tableMenuClub tr td {vertical-align: middle; color: #656464;}
table.tableMenuClub tr td h2 {
	font: 700 13px/110% Arial; text-transform: none; color: #000;
}
table.tableMenuClub tr td h2 span {
	display: block; font: 32px/110% "open_sans_condensedbold"; color: #fa0304; text-transform: uppercase;
}
table.tableMenuClub tr td h4 {
	background: #fa0304; padding: 10px 20px;
	font-size: 18px; color: #fff; margin-bottom: 1em;
}
table.tableMenuClub tr td h4 span {display: block; font-size: 13px; font-weight: 400;}
table.tableMenuClub tr td p  {}
table.tableMenuClub tr td ul {margin-bottom: 1em;}

table.tableMenuClub tr td.td-menu {width: 30%; background: #f2f2f2;}
table.tableMenuClub tr td.td-menu .divTexte {padding: 15px 20px;}

table.tableMenuClub tr td.td-texte {
	width: 70%; background: #e7e7e7; padding: 15px 20px;
	-webkit-box-shadow: inset 35px 0px 18px -28px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    inset 35px 0px 18px -28px rgba(0, 0, 0, 0.1);
	box-shadow:         inset 35px 0px 18px -28px rgba(0, 0, 0, 0.1);
}


/* Menu principal du Club */
#menuClub {}
#menuClub ul {}
#menuClub ul li {list-style: none;}
#menuClub ul li a {font-size: 12px; color: #000;}
#menuClub ul li a:hover {color: #fa0304;}
#menuClub ul li a.actif {color: #fa0304;}


/* Liste des produits */
ul.listeProduitBoutique {}
ul.listeProduitBoutique li {
	display: inline-block; width: 150px; list-style: none; vertical-align: top;
	margin-bottom: 30px; margin-right: 10px;
}
ul.listeProduitBoutique li a.image {display: block; border: 2px solid #e7e7e7; margin-bottom: 5px;}
ul.listeProduitBoutique li a.image img {display: block; max-width: 100%; height: auto;}
ul.listeProduitBoutique li a.image:hover {border-color: #fa0304;}
ul.listeProduitBoutique li a.titre {font: 700 12px/100% Arial; color: #000;}
ul.listeProduitBoutique li a.titre:hover {color: #fa0304;}
ul.listeProduitBoutique li p {font: 14px/110% "open_sans_condensedbold"; color: #fa0304; text-transform: uppercase;}


/* Détail d'un produit */
.divDetailProduit {color: #656464;}
.divDetailProduit .divGauche {float: left;}
.divDetailProduit .divGauche img {
	display: block; max-width: 100%; height: auto;
	border: 2px solid #e7e7e7;
}

.divDetailProduit .divDroite {margin-left: 280px; padding-top: 10px;}
.divDetailProduit .divDroite h3 {font-size: 18px; line-height: 100%; font-weight: 700; margin-bottom: 10px; color: #000;}
.divDetailProduit .divDroite h4 {font: 18px/110% "open_sans_condensedbold"; color: #fa0304; text-transform: uppercase; margin-bottom: 30px;}
.divDetailProduit .divDroite .divTexte {margin-bottom: 20px;}

.divDetailProduit .divDroite table {width: 150px;}


/* Promotions
--------------------------------------------------------------------------------------- */
.veuves{
	display:block;
	position: absolute;
	top:0px;
	left:250px;
}

/*2e semaine*/
.suiteStrike {
     display: inline-block;
     width: 100%;
     height: 1px;
     margin: 18px 0;
     background: #dbdbdb;
}
#suite {
	background: url(gx/m/select-arrow.png) right 8px no-repeat #ffffff;
	background: url(gx/m/select-arrow.png) right 8px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 8px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
	background: url(gx/m/select-arrow.png) right 8px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 8px no-repeat, -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 8px no-repeat, -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: url(gx/m/select-arrow.png) right 8px no-repeat, linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);

    position: relative;
    display: table;
    /*height: 36px;*/
    /*font: 1.154em/2em 'latolight';*/
    font: 400 15px 'open_sans_condensedbold',Arial,Helvetica,sans-serif;
    margin: -14px auto 0 auto;
    padding: 0 25px 0 15px;
    border: 3px solid #dbdbdb;
    border-radius: 18px;
    /*background: #fff;*/
}
.more {
     display: none;
}
.more .h2{
	color: #002c77
}
.more .listeHoraire{
	color: #002c77
}
.more .horaireJours{
	color: #182942
}

/*Entreprise Guzzo
-----------------------------------------------------------------------------------*/

#contenuPageEntreprise{
	width: 100%;
    background: url(gx/m/bg_contenu.jpg) no-repeat top center;
    height: auto !important;
    padding-top: 30px;
}
.toutLesPartenaires{
	display: flex;
	flex-direction: column;
	padding-bottom: 50px;
}
.toutLesPartenaires div{
	margin: 0 auto;
	padding-bottom: 15px;
	padding-top: 15px;
}
.toutLesPartenaires div a img{
	width:100%;
}

@media screen and (max-width:500px){

	#conteneurPageEntreprise{
		padding: 0px 0px;
	}
	#conteneurPageEntreprise h1{
		padding: 15px 15px;
	}
}