@charset "iso-8859-1";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Oswald);
body,html {
	font-family: 'Oswald', arial, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #751028;
	background-image:url(../images/fond-megarama.png);
	background-position:top center;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e329;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e1e329;
}
::-webkit-scrollbar-thumb:active {
  background: #e1e329;
}
::-webkit-scrollbar-track {
  background: #751028;
  border: 0px none #ffffff;
  border-radius: 61px;
}
::-webkit-scrollbar-track:hover {
  background: #751028;
}
::-webkit-scrollbar-track:active {
  background: #751028;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


#zone_menu {height:520px; overflow:scroll; width:350px; }
@media only screen and (max-width: 700px)  {
   body,html {
	background-position:center top;
	/*background-image: url(../images/fond-mobile.jpg);*/
	background-color:#751028;
} 
#logo-mobile { width:100%;}
.cache-trait { clear:both; height:15px; display:block; color:#751028;}
#demo { display:none;}
.cache { display: block;}
a {color:#fff; text-decoration:none;}
.liste { font-size:16px; text-align:center; color:#FFFFFF; margin-top:10px;}

#cinema i {font-size:16px;}

#Erakys_conteneur {
	background-image:none !important;
	background-color: transparent !important;
	width:100% !important;
}

h1 { display:none !important;}

#carte-cine { display:none !important;}

#cinema { padding-top:0px !important; padding-left:0px !important; text-align:center; font-size:24px; }

.picto { background-image:none !important; padding-left: 0px !important; margin-top: 15px !important;}

.mega2 { background-image:none!important;}
.castillet2 { background-image:none!important;}
.cinemovida2 { background-image:none!important;}
.viking2 { background-image:none!important;}
.epee2 { background-image:none!important;}
.mistral2 { background-image:none!important;}
.star2 { background-image:none!important;}
.comoedia2 { background-image:none!important;}
}

@media (min-width: 701px) {


#clic-chambly {
	position:absolute;
	/*background-color:#00FF00;*/
	top:117px;
	left:643px;
	width:84px;
	height:16px;
}

#clic-annecy {
	position: absolute;
    /* background-color: #00FF00; */
    top: 354px;
    left: 847px;
    width: 62px;
    height: 46px;
}

#clic-arras {
	position: absolute;
    /* background-color: #00FF00; */
    top: 45px;
    left: 651px;
    width: 51px;
    height: 40px;
}

#clic-denain {
	position: absolute;
    /* background-color: #00FF00; */
    top: 42px;
	left: 707px;
	width: 79px;
	height: 22px;
}

#clic-dieppe {
	position: absolute;
    /* background-color: #00FF00; */
    top: 62px;
    left: 586px;
    width: 53px;
    height: 48px;
}

#clic-gely {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 508px;
    left: 623px;
    width: 155px;
    height: 37px;
}

#clic-givors {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 364px;
    left: 736px;
    width: 86px;
    height: 34px;
}

#clic-villeneuve {
	position:absolute;
	/*background-color:#00FF00;*/
	top:145px;
	left:651px;
	width:174px;
	height:16px;
}

#clic-arcueil {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 166px;
    left: 620px;
    width: 49px;
    height: 20px;
}

#clic-rambouillet {
	position:absolute;
	/*background-color:#00FF00;*/
	top:200px;
	left:556px;
	width:90px;
	height:40px;
}

#clic-roubaix {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 24px;
	left: 686px;
	width: 80px;
	height: 20px;
}

#clic-gaillon {
	position: absolute;
	top: 158px;
	left: 516px;
	width: 65px;
	height: 17px;
}

#clic-louviers {
	position: absolute;
	top: 174px;
	left: 504px;
	width: 80px;
	height: 17px;
}

#clic-les-ulis {
	position: absolute;
	top: 184px;
	left: 592px;
	width: 54px;
	height: 17px;
}

#clic-audincourt {
	position:absolute;
	/*background-color:#00FF00;*/
	top:254px;
	left:776px;
	width:112px;
	height:16px;
}	

#clic-besancon{
	position:absolute;
	/*background-color:#00FF00;*/
	top:280px;
	left:765px;
	width:130px;
	height:20px;
}


#clic-montigny {
	position:absolute;
	/*background-color:#00FF00;*/
	top:138px;
	left:447px;
	width:198px;
	height:16px;
}

#clic-chalon {
	position:absolute;
	/*background-color:#00FF00;*/
	top:308px;
	left:633px;
	width:198px;
	height:16px;
}

#clic-lons {
	position:absolute;
	/*background-color:#00FF00;*/
	top:332px;
	left:717px;
	width:156px;
	height:15px;
}
#clic-stetienne {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 380px;
    left: 675px;
    width: 76px;
    height: 46px;
}

#clic-courchevel {
	position:absolute;
	/*background-color:#00FF00;*/
	top:360px;
	left:750px;
	width:97px;
	height:15px;
}

#clic-megeve {
	position:absolute;
	/*background-color:#00FF00;*/
	top:359px;
	left:862px;
	width:97px;
	height:15px;
}

#clic-garat {
	position:absolute;
	/*background-color:#00FF00;*/
	top:386px;
	left:543px;
	width:142px;
	height:15px;
}

#clic-nice {
	position:absolute;
	/*background-color:#00FF00;*/
	top:470px;
	left:915px;
	width:50px;
	height:50px;
}

#clic-orange {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 460px;
    left: 784px;
    width: 85px;
    height: 35px;
}

#clic-nogent {
	position:absolute;
	/*background-color:#00FF00;*/
	top:170px;
	left:680px;
	width:140px;
	height:15px;
}

#clic-menuires {
	position:absolute;
	/*background-color:#00FF00;*/
	top:385px;
	left:776px;
	width:131px;
	height:15px;
}

#clic-val {
	position:absolute;
	/*background-color:#00FF00;*/
	top:411px;
	left:868px;
	width:104px;
	height:15px;
}

#clic-alpe {
	position:absolute;
	/*background-color:#00FF00;*/
	top:422px;
	left:762px;
	width:100px;
	height:15px;
}

#clic-serre {
	position:absolute;
	/*background-color:#00FF00;*/
	top:447px;
	left:725px;
	width:135px;
	height:15px;
}

#clic-pian {
	position:absolute;
	/*background-color:#00FF00;*/
	top:444px;
	left:512px;
	width:108px;
	height:15px;
}

#clic-pince-vent {
	position:absolute;
	/*background-color:#00FF00;*/
	top:195px;
	left:678px;
	width:172px;
	height:15px;
}

#clic-champigny {
	position:absolute;
/*background-color:#00FF00;*/
	top: 217px;
    left: 672px;
    width: 177px;
    height: 19px;
}
#clic-bordeaux {
	position:absolute;
	/*background-color:#00FF00;*/
	top:470px;
	left:517px;
	width:86px;
	height:15px;
}
#clic-boulogne {
	position: absolute;
    /* background-color: #00FF00; */
    top: 0px;
    left: 629px;
    width: 56px;
    height: 45px;
}
#clic-quimper {
	position:absolute;
	/*background-color:#00FF00;*/
	top:192px;
	left:365px;
	width:95px;
	height:25px;
}


.gris { color:#999999;}

#besancon-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:140px;
	left:575px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;

	display:none;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#besancon-close {right:0px; bottom:0px; clear:both; position:absolute;}
#besancon-close:hover { cursor:pointer;}

#boulogne-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:10px;
	left:575px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;

	display:none;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#boulogne-close {right:0px; bottom:0px; clear:both; position:absolute;}
#boulogne-close:hover { cursor:pointer;}


#chalon-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:200px;
	left:530px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	display:none;


filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#chalon-close {right:0px; bottom:0px; clear:both; position:absolute;}
#chalon-close:hover { cursor:pointer;}


#lons-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:200px;
	left:530px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	display:none;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#lons-close {right:0px; bottom:0px; clear:both; position:absolute;}
#lons-close:hover { cursor:pointer;}


#stetienne-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top: 245px;
    left: 650px;
    width: 230px;
    height: 84px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	display:none;


filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#stetienne-close {right:0px; bottom:0px; clear:both; position:absolute;}
#stetienne-close:hover { cursor:pointer;}


#megeve-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:200px;
	left:530px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	display:none;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#megeve-close {right:0px; bottom:0px; clear:both; position:absolute;}
#megeve-close:hover { cursor:pointer;}


#menuires-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top:200px;
	left:530px;
	width:290px;
	height:100px;
	text-align:center;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	display:none;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	padding:10px;
}

#menuires-close {right:0px; bottom:0px; clear:both; position:absolute;}
#menuires-close:hover { cursor:pointer;}


	
.cache { display: none;}
#logo-mobile { display: none;}
#Erakys_conteneur {
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 997px;
	float: inherit;
	background-image:url(../images/carte2025-01.png);

	background-position: center top;
	background-repeat: no-repeat;
	height: 661px;
}
a {color:#fff; text-decoration:none;}
.liste { font-size:16px; text-align:center; color:#FFFFFF; margin-top:10px;}

.picto { display: inline-block; clear: both;}
.liste { font-size:16px; text-align:center; color:#FFFFFF; margin-top:10px;}
#cinema { padding-top:40px; padding-left:7px; font-size:22px; color:#FFF;}

#cinema i {font-size:16px;}

.mega { background-image:url(../images/megarama-icone1.png); background-position:top left; background-repeat:no-repeat; height:35px; padding-left:55px; padding-top:12px;}
.mega:hover { background-image:url(../images/megarama-icone2.png)!important; background-position:top left; background-repeat:no-repeat; height:35px; padding-left:55px; padding-top:12px;}

.nogent { background-image:url(../images/nogent-icone1.png); background-position:top left; background-repeat:no-repeat; height:35px; padding-left:55px; padding-top:12px;}

}