/* 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;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
object,embed{outline:none;}


/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body{width:100%; background:#081724; color:#fff; font:400 12px/150% Arial; text-align:left;}
html{}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:active, a:focus{font:400 14px/16px Arial; color:#00b4ff; text-decoration:none; transition:all .2s ease-in-out; outline:none;}
a:hover{color:#fff;}

h1, .h1, h1 a, .h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:focus{font:400 30px/30px 'Roboto Slab'; color:#fff; text-transform:uppercase; margin:17px 0 14px;}
h2, .h2, h2 a, .h2 a, h2 a:link,h2  a:visited, h2 a:active, h2 a:focus{font:400 22px/30px 'Roboto Slab'; color:#fff; text-transform:uppercase; margin-bottom:10px;}
h3, .h3, h3 a, .h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:focus{font:400 18px/21px 'Roboto'; color:#fff; /*text-transform:uppercase;*/ margin-bottom:0.5em;}
h4, .h4, h4 a, .h4 a, h4 a:link, h4 a:visited, h4 a:active, h4 a:focus{font:bold 14px/18px 'Roboto'; color:#969fa3; text-transform:uppercase; margin-bottom:0.5em;}
h5, .h5, h5 a, .h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:focus{font:bold 12px/14px 'Roboto'; color:#969fa3; text-transform:uppercase; margin-bottom:0.5em;}
h6, .h6, h6 a, .h6 a, h6 a:link, h6 a:visited, h6 a:active, h6 a:focus{font:bold 12px/14px 'Roboto'; color:#969fa3; margin-bottom:0.5em;}

a.lienSup, a.lienSup:link, a.lienSup:visited, a.lienSup:active, a.lienSup:focus{float:right; font:bold 12px/35px Arial; text-transform:none; color:#00b4ff;}
a.lienSup:hover{color:#fff;}

.lowerCase,.lowerCase a{text-transform:lowercase !important;}

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:0 0 5px; height:0; border:none; border-top:4px solid #fff;}
hr.gris{margin:0 0 10px; height:0; border:none; border-top:1px solid #242e33;}

p{font-size:14px; line-height:21px; color:#d0cece;}
.incTinyMce{}
.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;}
legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
label{width:180px; float:left; padding:15px 15px 0 0; text-transform:uppercase;}
label.erreur{color:#cc0000;}

input.erreur, textarea.erreur{border:1px solid #cc0000;}
input, select, textarea, button{width:291px; float:left; margin:0 0 12px; padding:12px; background:#242e33; font:bold 14px/21px Arial; color:#cecece; border:1px solid #000202; transition:all .2s ease-in-out;}
input:hover, select:hover, textarea:hover, submit:hover, button:hover, a.submit:hover{border-color:#eff0f0;}
input:focus, select:focus, textarea:focus, submit:focus, button:focus{border-color:#00b4ff;}
input[type=submit], button, a.submit{width:auto; margin-left:195px; padding:8px 12px; font:400 14px/14px 'Roboto Slab'; text-transform:uppercase; color:#fff; clear:both; cursor:pointer; border:1px solid #000202;
background: #072233; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MjIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODE3MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0063b2 0%, #003f85 330px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0063b2), color-stop(330px,#003f85)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0063b2 0%,#003f85 330px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0063b2 0%,#003f85 330px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0063b2 0%,#003f85 330px); /* IE10+ */
	background: linear-gradient(to bottom,  #0063b2 0%,#003f85 330px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b2', endColorstr='#003f85',GradientType=0 ); /* IE6-8 */
}
a.submit.floatL{margin:0;}
textarea{resize:none;}
select{width:317px; height:43px;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 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; 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; 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}


/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.png) no-repeat left;padding:5px 0 5px 20px;}
/*.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}*/



/* CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.conteneur{max-width:980px; margin:0 auto; position:relative;}
.floatL{float:left !important;}
img.floatL{margin:0 25px 25px 0;}
.floatR{float:right !important;}
.hidden{display:none;}
.TableResto td{padding:10px;}
.TableResto p{color:#081724;}



/* CONTENEURS
--------------------------------------------------------------------------------------- */
#logo{float:left;}


#header{background:url(gx/m/bg_header.jpg) repeat-y top center #000; position:relative; z-index:100;}
#header #menuSec{float:right; margin-bottom:32px; clear:both;}
#header #menuSec a,
#header #menuSec p{float:left; margin:0 8px; padding:12px 5px 0; font:400 12px Arial; text-transform:uppercase; color:#fff;}
#header #menuSec a.langue{margin-right:0; padding-right:0;}
#header #menuSec a:hover{opacity:.7;}
#header #menuSec a.facebook,
#header #menuSec a.twitter,
#header #menuSec a.flickr,
#header #menuSec a.vimeo,
#header #menuSec a.youtube,
#header #menuSec a.instagram,
#header #menuSec a.rss{margin:0;}
#header a.facebook,
#header a.twitter,
#header a.flickr,
#header a.vimeo,
#header a.youtube,
#header a.instagram,
#header a.rss{width:19px; height:16px; margin:0; background-position:0 9px; background-repeat:no-repeat;}
#header a.facebook{background-image:url(gx/m/img_facebook.png);}
#header a.twitter{background-image:url(gx/m/img_twitter.png);}
#header a.flickr{background-image:url(gx/m/img_flickr.png);}
#header a.vimeo{background-image:url(gx/m/img_vimeo.png);}
#header a.youtube{background-image:url(gx/m/img_youtube.png);}
#header a.instagram{background-image:url(gx/m/img_instagram.png);}
#header a.rss{background-image:url(gx/m/img_rss.png);}
#header #logo{margin:12px 0 55px; clear:both;}
#header #logo a{float:left; margin-right:25px; font:400 28px/30px 'Roboto Slab'; color:#fff; text-transform:uppercase;}
#header #logo a.en{float:left; margin-right:25px; font:400 20px/25px 'Roboto Slab'; color:#fff; text-transform:uppercase;}
#header #logo a strong{font:400 28px/30px 'Roboto'; display:block;}
#header #menu{height:55px; clear:both; background:rgba(0,0,0,.5);}
#header #menu ul li{float:left; position:relative;}
#header #menu ul li.menuSecMobile{display:none;}
#header #menu ul li a{display:block; margin:0 19px; padding:17px 0 14px; font:400 16px/18px 'Roboto'; color:#fff; text-transform:uppercase;}
#header #menu ul li.first a{margin:0 19px 0 0;}
#header #menu ul li:hover a{color:#bbb; border-bottom:5px solid #fff;}
#header #menu ul li a.actif{color:#00b4ff;}
/* 2eme niveau */
#header #menu ul li ul{padding:5px 0; position:absolute; top:52px; left:19px; background:#fff; display:none; width:250px;}
#header #menu ul li.first ul{left:0;}
#header #menu ul li ul li{float:none;}
#header #menu ul li ul li a,
#header #menu ul li.first ul li a{display:block; margin:0; padding:6px 15px; font:bold 14px/14px Arial; color:#969fa3; text-transform:none;}
#header #menu ul li ul li a:hover{background:#e6e6e6;}
#header #menu ul li:hover ul li a{border:none;}
/* 3eme niveau */
#header #menu ul li ul li ul{width:190px; position:absolute; top:0; left:250px; background:#fff; display:none;}

#header #menu p#btn_menu{float:left; display:none; position:relative;}
#header #menu .loupe{float:right; margin-right:22px; position:relative;}
#header #menu .loupe,
#header #menu p#btn_menu{width:55px; height:55px; background:url(gx/m/img_recherche.png) no-repeat center center; cursor:pointer;}
#header #menu .loupe p{width:55px; height:55px;}
#header #menu p#btn_menu{background-image:url(gx/m/btn_menu.png);}
#header #menu .loupe form{width:365px; height:55px; position:absolute; top:55px; right:0; background:#fff; display:none; overflow:hidden;}
#header #menu .loupe form input{width:295px; float:left; margin:6px 0 0 15px; border:none; font:400 16px/18px 'Roboto'; color:#081724; background:#fff;}
#header #menu .loupe form input[type=submit]{width:22px; height:55px; margin:0; padding:0 0 0 25px; filter:none; background:none; background:url(gx/m/btn_submitRecherche.png) no-repeat right center; cursor:pointer; clear:none;}
#header #menu .loupe form input:hover[type=submit]{padding-left:30px;}
#contenu{width:100%; min-height:500px; padding:20px 0 30px; position:relative; z-index:1;
background: #072233; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg

+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgc

HJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI

+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0

b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MjIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODE3MjQiIHN0b3Atb3BhY2l0eT0iMSIvP

gogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #072233 0%, #081724 330px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#072233), color-stop(330px,#081724)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #072233 0%,#081724 330px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #072233 0%,#081724 330px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #072233 0%,#081724 330px); /* IE10+ */
	background: linear-gradient(to bottom,  #072233 0%,#081724 330px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072233', endColorstr='#081724',GradientType=0 ); /* IE6-8 */
}

#footer{background:#03090e;}
#footer .conteneur{padding:35px 0 12px;}
#footer #bandeauPartenaire{width:100%; min-height:230px; background:#fff; text-align:center;}
#footer #bandeauPartenaire a{margin:0 12px 20px 0;}
#footer #bandeauPartenaire img.logoSL{margin: 0 12px 0 0;}
#footer #bandeauPartenaire a.dernier{margin-right:0;}
#footer #bandeauPartenaire a.floatR{width:100%; height:auto; margin:0 0 35px; clear:both; font:bold 12px/12px Arial; text-align:right;}

/* MENU BAS */
#footer ul{width:230px; height:270px; float:left; margin:0 20px 50px 0;}
#footer ul.last{margin:0;}
#footer ul li{display:block;}
#footer ul li a{display:block; font:400 12px/21px Arial; color:#fff;}
#footer ul li a:hover, #footer ul li a.actif{color:#00b4ff;}
#footer ul li.titre a{display:block; font:400 14px/30px 'Roboto'; color:#00b4ff; text-transform:uppercase;}
#footer ul li.titre a:hover{color:#fff;}
#footer #lienCopyrights a{font:400 11px/15px Arial; color:#969fa3;}
#footer #lienCopyrights a:hover{color:#00b4ff;}


/* TEMPLATE
--------------------------------------------------------------------------------------- */
.template_1col, .template_2col, .template_3col{max-width:980px; margin:0 auto; position:relative; overflow:hidden;}
.template_1col div.last, 
.template_2col div.last, 
.template_3col div.last{width:300px; float:right; margin:0; padding:0 0 9999px 15px; margin-bottom:-9999px; border-left:1px solid #242e33;}

.template_3col div{width:315px; float:left; margin:0 15px 0 0;}
.template_3col div.col2{margin:0;}
.template_3col div div{width:auto; float:none; margin:0 0 16px;}
.template_3col div div a:hover.publiciteAccueil,
.template_3col div div.bandeauPublicite a:hover{opacity:.7;}
.template_3col div div div{margin:0;}
.template_3col div div p,
.template_3col div div h3 a{font:bold 14px/18px Arial; color:#969fa3;}
.template_3col div div p.date{font:400 12px/20px Arial; text-transform:uppercase;}
.template_3col div.template_2col{width:645px;}


.template_3col div div.fb-like-box{background:#fff;}


.template_2col div.colPrincipale{width:100%; max-width:645px !important; min-width:315px; float:left !important; margin:0;}
.template_2col div #listingInstagram{width:100%; clear:both;}
.template_2col div #listingInstagram a{width:73px; height:73px; float:left; margin:0 8px 8px 0;}
.template_2col div #listingInstagram a.last{margin:0 0 5px 0;}
.template_2col div.last a:hover{opacity:.7;}


/* MODULE
--------------------------------------------------------------------------------------- */
body.plugin{background:#fff;}

/* CTA */
#cta{width:100%;}
#cta a{width:285px; height:99px; display:block; margin-bottom:15px; padding:15px; background:url(gx/01/sprite_cta.jpg) no-repeat 0 0; font:400 24px/26px 'Roboto Slab'; color:#fff; text-transform:uppercase;}
#cta a#ajoutffm{width:285px; height:99px; display:block; margin-bottom:15px; padding:15px; background:url(gx/01/sprite_cta2.jpg) no-repeat 0 0; font:400 24px/26px 'Roboto Slab'; color:#fff; text-transform:uppercase;}


#cta a:hover{opacity:.7;}
#cta a span{display:block; font:800 14px/30px Arial; color:#00b4ff; text-transform:none;}
#cta a.recherche{background-position:0 -129px;}
#cta a.buyOnline{background-position: 0 -517px;margin-bottom: -3px;}
#cta a.localisation{color:#081724; background-position:0 -258px;}
#cta a.localisation span{color:#004e9a;}
#cta a.ctvm{background-position:0 -388px;}
#cta a.ctvm span{background-position:0 -388px; color:#fff; display:block; font:bold 14px/18px Arial; margin-top:33px;}
#cta a.nonFestival:hover{opacity:.1;}
#cta a.nonFestival:hover + p{opacity:1;}
#cta p.nonFestival{transition:all .2s ease-in-out; opacity:0; pointer-events: none; margin-top: -25px; position: relative; top: -65px; left: 15px; text-transform: uppercase; font:400 24px/26px 'Roboto Slab'!important; color: #fff!important;}

/* CALENDRIER ACCUEIL */
#calendrier{width:100%; clear:both;}
#calendrier tr td{width:72px; height:72px; background:url(gx/01/bg_calendrierJour.png) no-repeat 0 0;}
#calendrier tr td a{width:64px; height:72px; display:block; margin:0 9px 9px 0; padding:0 0 0 8px; font:300 36px/45px 'Roboto Slab'; color:#fff;}
#calendrier tr td a:hover{background:#00b3ff;}

#calendrier span.aVenir{width:72px; height:72px; opacity: 0; display: block; margin:-81px 9px 9px 0; padding:28px 0 0 8px; position: relative; background-color:#00b3ff; pointer-events: none; text-transform: uppercase; font:300 14px/20px 'Roboto Slab'; color:#fff; transition:all .2s ease-in-out; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#calendrier tr td a.aVenir:hover + span.aVenir{opacity: 1}

#calendrier tr td.last a{margin:0 0 9px 0;}
#calendrier tr td.jourActuel a{background:url(gx/01/jourActuel.png) no-repeat right top;}
#calendrier tr td.jourActuel a:hover{background-color:#00b3ff}
#calendrier tr td.passe{opacity:.2;}
#calendrier tr td.passe a{cursor:default;}

#calendrier tr td a span{display:block; font:400 10px/9px Arial; color:#00b4ff; text-transform:uppercase;}
#calendrier tr td a:hover span{color:#0053a0;}

.template_3col p.nonFestival{text-transform: uppercase; font:400 22px/30px 'Roboto Slab'!important; color: #fff!important;}

/* LISTE DES FILM */
#listingFilm{width:100%; background:rgba(0,0,0,.3); clear:both;}
#listingFilm div{width:100%; padding:18px 0 22px; clear:both; border-bottom:1px solid #242e33;}
#listingFilm div.first{border-top:1px solid #242e33;}
#listingFilm div .img{width:140px; float:left; padding:9px 0 0 20px;}
#listingFilm div .img img{width:140px;}
#listingFilm div .img:hover{opacity:.7;}
#listingFilm div div{width:66%; float:right; padding:0 20px; border:none; clear:none;}

#listingFilm div div p.date{font:400 12px/26px Arial; text-transform:none;}
#listingFilm div div p.intro{font-size:14px;}
#listingFilm div div p{font:400 14px/18px Arial;}
#listingFilm div div p.projection{font:400 12px/14px Arial;}
#listingFilm div div a:hover{color:#0053a0;}

/* LISTE DES RESTO */
#listingResto{width:100%; background:rgba(0,0,0,.3); clear:both;}
#listingResto div{width:100%; padding:18px 0 22px; clear:both; border-bottom:1px solid #242e33;}
#listingResto .first{border-top:1px solid #242e33;}
#listingResto .img{width:100px; display:block; margin:0 auto 15px;}
#listingResto .img img{width:100px;}
#listingResto .img:hover{opacity:.7;}
#listingResto div div{width:66%; float:right; padding:0 2%; border:none; clear:none;}
#listingResto div .left{width:20%; float:left;}

#listingResto p.adresse{font:400 12px/13px Arial; text-transform:none;}
#listingResto p{font:400 14px/18px Arial;}
#listingResto a:hover{color:#0053a0;}

.buyOnline_fr{}
.buyOnline_en{}

/* LISTE VIDEO VIMEO */
#listingVideo{clear:both;}
#listingVideo a{width:147px; height:81px; float:left; margin:0 10px 10px 0; border:1px solid #8e979c; overflow:hidden; position:relative; opacity:.5;}
#listingVideo a:hover{border-color:#00b4ff; opacity:1;}
#listingVideo a.last{float:right; margin:0 0 10px;}
#listingVideo a img{width:147px; position:absolute; top:-15px; left:0; z-index:1;}
#listingVideo a img.btn_play{width:20px; height:24px; position:absolute; top:30px; left:65px; z-index:2;}

div.pp_default .pp_description{font:400 14px/14px 'Roboto'; color:#000;}

/* GALERIE PHOTO */
#galeriePhoto,
.galeriePhoto{width:100%; clear:both;}
#galeriePhoto div,
.galeriePhoto div{width:150px; height:85px; float:left; margin:0 11px 15px 0; padding:0; border:1px solid #8E979C; position:relative; overflow:hidden;}
#galeriePhoto div.last,
.galeriePhoto div.last{width:150px; margin:0 0 15px 0; padding:0;}
#galeriePhoto div:hover,
.galeriePhoto div:hover{border-color:#00b4ff;}
#galeriePhoto div a,
.galeriePhoto div a{position:relative; z-index:1;}
#galeriePhoto div a.btn_telecharger,
.galeriePhoto div a.btn_telecharger{width:20px; height:85px; position:absolute; top:0; right:-20px; z-index:2; background:url(gx/04/btn_telecharger.png) no-repeat center center #000; background-color:rgba(0,0,0,.6);}

/* ALBUM PHOTO */ 
.album{ padding: 10px 0 8px 0; border-top: 1px solid #09283c;  }
/* .album:hover{ background: #09283c; } */
.albumThumbnail { margin-right:15px; }
.album h2 { float:left; }

/* BANDEAU PUBLICITAIRE */
.bandeauPublicite a{width:300px; display:block;}
.bandeauPublicite img{width:300px; display:block; margin:0 auto 16px;}
.col2 .bandeauPublicite img{padding:7px 6px 7px 7px; border:1px solid #242E33;}
.bandeauPublicite .borderGris{border:1px solid #242E33;}
#pubBas{width:980px; margin:35px auto; clear:both;}
#pubBas a{width:728px; margin:0 auto 15px; display:block;}
#pubBas a:hover{opacity:.7;}

/* CARTE DES SALLES */
#carteSalles{width:100%; height:400px; float:left; margin:10px 0 20px; border-radius:5px; overflow:hidden;}
#carteSalles .googleMapInfoWindow{height:100px; font:400 12px/12px 'Roboto Slab'; color:#000;}
#carteSalles .googleMapInfoWindow b{font:400 14px/14px 'Roboto';}
#carteSalles .googleMapInfoWindow a{float:right; clear:both; font:400 10px/10px 'Roboto';}
#carteSalles .googleMapInfoWindow a:hover{color:#0053a0;}
#carteSalles label, #carteSalles input{width:auto; float:none; margin:0; padding:0;}

/* PAGINATION */
#pagination{width:100%; margin:25px 0; text-align:center; clear:both;}
#pagination .module_pagination_page{display:inline-block; margin-bottom:20px; font:bold 14px/18px Arial;}
#pagination .module_pagination_libelle,
#pagination .module_pagination_pagesuivante,
#pagination .module_pagination_pagederniere,
#pagination .module_pagination_pagepremiere,
#pagination .module_pagination_pageprecedente{display:none;}
#pagination a{padding:5px; font-weight:bold;}
#pagination .module_pagination_pagecourante{padding:5px;}

/* Formulaire dans le listing de film */
#formulaireRechercheDansListing #cat{margin-right:10px;}

/* COMMANDITAIRE 05_100 */
.blocBlanc{margin:0 0 15px; padding:25px; background:#fff; text-align:center; clear:both;}
.blocBlanc a{display:inline-block; margin:0 12px 12px 0;}
.blocBlanc.niveau1 a{width:250px; height:250px;}
.blocBlanc.niveau2 a{width:160px; height:160px;}
.blocBlanc.niveau3 a{width:130px; height:130px;}



/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#blocFacebook .titre{width:315px; height:48px; background:url(gx/01/header_facebook.png) no-repeat 0 0; position:relative; z-index:2;}
#blocFacebook .fb-like-box{width:315px; height:340px; overflow:hidden; margin-top:-28px !important; position:relative; z-index:1;}


/* 03_100 : PAGE RECHERCHE
--------------------------------------------------------------------------------------- */
#formulaireRecherche a.floatR.submit{margin:0;}
#formulaireRecherche input[type="submit"],
button, a.submit{clear:none;}


/* 03_110 : PAGE LISTING
--------------------------------------------------------------------------------------- */
#pageListing #formulaireRecherche{max-height:0; overflow:hidden; transition:all 0.3s ease-in-out;}
#pageListing #formulaireRecherche.active{max-height:999px;}
#pageListing #formulaireRecherche a.submit,
#pageListing #formulaireRecherche hr{display:none;}
#pageListing #formulaireRecherche .left{float:left; margin-right:5px;}
#pageListing #formulaireRecherche .right{float:left;}
#pageListing #formulaireRecherche label,
#pageListing #formulaireRecherche input,
#pageListing #formulaireRecherche select{clear:both;}


/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.photoMortaise{display:block; margin:25px auto;}

/* Boutons de partage */
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:100px;float:left;}
.btnPartageLinkedIn{width:100px;float:left;}
.btnPartagePinterest{width:100px;float:left;}
.btnPartageStumbleUpon{width:100px;float:left;}
.btnPartageFacebook{width:105px;float:left;}






/* RESPONSIVE EXECPTION
--------------------------------------------------------------------------------------- */
@media (max-width:980px) {
	#header #logo{margin:12px 0 55px 20px;}
	#header #menu ul li a{font:400 14px/18px 'Roboto';}
	#header #menu ul li.first a{padding:17px 10px;}
	.template_3col div.last, .template_2col div.last, #pubBas{display:none;}
	.template_2col div.colPrincipale{width:90%; margin:0 auto; float:none !important;}
	.template_3col div.template_2col{width:100%; clear:both;}
	.template_3col{max-width:680px;}
	#footer .conteneur{padding-left:20px;}
	#footer ul{height:240px;}
	#pagination a{margin:0 2px; padding:5px 10px; background:#fff; border-radius:2px;}
	#pagination a:hover{color:#0053a0;}
	#pagination .module_pagination_pagecourante{margin:0 2px; padding:5px 10px; background:#00b4ff; border-radius:2px;}
}
@media (max-width:850px) {
	#header #logo{margin-bottom:0;}
	#header #logo a{padding-bottom:15px; font:400 20px/24px 'Roboto Slab';}
	#header #logo a.en{font:400 17px/21px 'Roboto Slab';}
	#header #menuSec{margin-bottom:5px;} 
	#header #menuSec a.facebook, 
	#header #menuSec a.twitter, 
	#header #menuSec a.flickr, 
	#header #menuSec a.vimeo, 
	#header #menuSec a.youtube, 
	#header #menuSec a.instagram, 
	#header #menuSec a.rss{margin:0 5px;}
	#header #menu ul{display:block;}
	#header #menu ul li a,
	#header #menu ul li p{margin:0 6px; font:400 14px/18px 'Roboto'; text-transform:uppercase;}
	#header #menu ul li.first a{padding:17px 5px;}
	#header #menu ul li ul{left:6px;}
	#header #menuSec a,
	#header #menuSec p{font:400 10px Arial; padding:12px 2px 0;}
	#footer ul{height:auto; margin-right:0;}
	#footer .last{width:100%; margin-bottom:30px;}
	#footer .last li{float:left; margin-right:20px;}

	#pageListing #formulaireRecherche .left,
	#pageListing #formulaireRecherche .right{float:none; margin-right:0;}
	#pageListing #formulaireRecherche input,
	#pageListing #formulaireRecherche select,
	#pageListing #formulaireRecherche label{width:100%;}
	#pageListing #formulaireRecherche input.submit{width:auto;}

}
@media (max-width:680px) {
	.template_3col div, .template_3col div.col2{float:none; border:none; clear:both; margin:0 auto;}
	#header #logo{margin:70px 0 20px 20px;}
	#header #menuSec{display:none;}
	#header #menu p#btn_menu{display:block;}
	#header #menu{width:100%; position:absolute; top:0;}
	#header #menu ul{width:100%; display:none; position:absolute; top:55px; left:0; background:rgba(0,0,0,0.9);}
	#header #menu ul li{float:none;}
	#header #menu ul li.menuSecMobile{display:block; clear:both;}
	#header #menu ul li.menuSecMobile.rs a{float:left;}
	#header #menu ul li.menuSecMobile.rs a:hover{opacity:.7;}
	#header #menu ul li:hover a{border:none;}
	#header #menu ul li ul{display:block; margin:0 0 0 20px; background:none; position:relative; top:0;}
	#header #menu ul li ul li a:hover{color:#fff; background:none;}
	#header #menu ul li ul li ul{position:relative; top:0; right:0; display:block; margin:0 0 0 20px; background:none;}
	#header #menu ul li ul li ul li a{width:150px;}
	#footer ul{height:auto; margin-bottom:0;}
	#footer ul li{display:none;}
	#footer ul li.titre{display:block;}
	#pagination a{margin:0 4px; padding:5px 15px;}
	#pagination a:hover{color:#0053a0;}
	#pagination .module_pagination_pagecourante{margin:0 4px; padding:5px 15px;}
	#listingFilm div .img,
	#listingFilm div div{float:none; display:block; margin:0 auto; padding:0;}
	#listingFilm div div h3{text-align:center;}
	#formulaireRecherche a.submit{margin-left:0;}
	.template_3col div.template_2col{width:315px;}
	#listingResto div div{width:58%; padding:0 4%;}

}
@media (max-width:550px) {
	#footer .last li{float:none;}
}
.cfdump_query, .cfdump_struct{color:#000;}