@charset "iso-8859-1";
/* CSS Document */
@import url(http://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-Tanger {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 60px;
    left: 800px;
    width: 84px;
    height: 30px;
}

#clic-Rabat {
	position:absolute;
	/*background-color:#00FF00;*/
	top: 115px;
    left: 710px;
    width: 100px;
    height: 40px;
}

#clic-Fes {
	position:absolute;
	top: 123px;
    left: 830px;
    width: 75px;
    height: 30px;
}

#clic-Marrakech {
	position:absolute;
	top: 235px;
    left: 710px;
    width: 112px;
    height: 30px;
}	

#clic-Casablanca {
	position:absolute;
	top: 165px;
    left: 725px;
    width: 112px;
    height: 30px;
}

#clic-Agadir {
	position:absolute;
	top: 290px;
    left: 660px;
    width: 90px;
    height: 30px;
}

#clic-gptanger{
	position:absolute;
	/*background-color:#00FF00;*/
    top: 59px;
    left: 790px;
    width: 110px;
    height: 36px;
}

#tanger-select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 5px solid #e1e329;
	background-color:#751028;
	color:#FFF;
	position:absolute;
	top: 95px;
    left: 660px;
	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;
}

#tanger-close {right:0px; bottom:0px; clear:both; position:absolute;}
#tanger-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/carte2019b.png);

	background-position: center top;
	background-repeat: no-repeat;
	height: 690px;
}
a {color:#fff; text-decoration:none;}


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

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

.megaTravaux { background-image:url(../images/megarama-travaux.png); background-position:top left; background-repeat:no-repeat; height:35px; padding-left:55px; padding-top:12px;}
.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;}

}