/* Default.css */

/* Mobile first */
body {   width:100%; font-weight:bolder; margin:0 auto; }
#page { padding:4px; width:90%; height:50px; overflow-y:scroll;}


a {padding:15px; margin:1px; display:block; font-weight:bold;} 
/*
a:link{ color:#27E; border:1px solid #06E;} 
a:visited{ color:#8BF; border:1px solid #8BF;} 
a:hover{ color:#9CF; border:1px solid #9CF;} 
a:active{color:#800; border:1px solid #800;} 
*/

/*
h1 {display:block; background-color:#017; color:#ACF;}
h2 { color:#79F; }
h3 { color:#EEE; margin:9px;}
*/
h1 {display:block; }
h2 { margin:4px; }
h3 { margin:9px;}



/* TOP */
.nav { position:fixed;  width:100%; margin:0; top:1px; }
.nav dd { margin:2px; }
.nav ul { margin:2px; padding:0; }
.nav ul  li {display:inline-block; width:70px; float:left; margin:0; padding:0;}
.nav ul  li a {padding:4px; margin:1px; }
.navSpacer { display:block; height:50px; }


/* Conteneurs */
.ctn { width:90%; margin:10px auto; padding:10px; border-radius:3px;  }
.ctn dd { margin:2px; }
.ctn ul { margin:2px; padding:0; }
.ctn ul  li {display:inline;  }

.ctn ul.menu  li {display:inline-block; width:90px; }

/* Sidebars  #menuCines , #menuOrderby */
.sidebar { width:200px;  display:block; float:left; /* TODO : animate CSS3 */ }
/* .sidebarOff { width:200px; display:none;} */

/* Theaters */
.displayTheaterDetail {  width: 400px; }

.player { display:block; position:fixed; top:1px; width:100%; height:100%;  }

.hide { display:none; }



/* HD (HDTV, PC) */
@media only screen and (min-width: 1140px) {
    .ctn { width:27%; margin:1%; float:left; padding:10px; border-radius:3px;  }
	.backtotop { clear:both; float:none; }
}/*
NE PAS OUBLIER DE MODIFIER LA VERSION DU CACHE MANIFEST POUR UPDATE !!!
> ou s'appuer sur le mod pagespeed de dreamhost ???

RECOMMANDATIONS WEB MOBILE :
- Pas de typo non systemes.


/*
Times New Roman, Times, serif.
Arial, Helvetica, sans-serif.
Courier New, Courier, mono.
Alpha Geometrique, Critter, Cottonwood, fantasy.
Courier, MS Courier New, Prestige, monospace.
cursive
*/

/*
Font Face Roboto Google Android
http://www.fontsquirrel.com/fonts/roboto
url = styles/font/ (car styles css embedded dans la page HTML)
*/


/* DEFAULT FONT - mobile first */
body { font-family: sans-serif;}
/* body { font-family: serif;} */


/* HD (HDTV, PC) */
@media only screen and (min-width: 1140px) {

	/* Custom Font Roboto only for HD (HDTV, PC) */
    @font-face {
        font-family: 'RobotoRegular';
        src: url('font/Roboto-Regular-webfont.eot');
        src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/Roboto-Regular-webfont.woff') format('woff'),
             url('font/Roboto-Regular-webfont.ttf') format('truetype'),
             url('font/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'RobotoRegular';
        src: url('font/Roboto-Italic-webfont.eot');
        src: url('font/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/Roboto-Italic-webfont.woff') format('woff'),
             url('font/Roboto-Italic-webfont.ttf') format('truetype'),
             url('font/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
        font-weight: normal;
        font-style: italic;

    }

    @font-face {
        font-family: 'RobotoRegular';
        src: url('font/Roboto-Bold-webfont.eot');
        src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/Roboto-Bold-webfont.woff') format('woff'),
             url('font/Roboto-Bold-webfont.ttf') format('truetype'),
             url('font/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
        font-weight: bold;
        font-style: normal;

    }


    body { font-family: "RobotoRegular" , sans-serif;}
}