/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2010/01/06
 * @link	http://www.agenceici.com/
 * @link	http://www.saisonsducinema.com/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
html, body { width: 100%; height: 100%; color: #000; font-size: 12px; font-family: Arial, sans-serif; background: #000; }

ul, li { list-style: none; }
img { border: 0 none; }


.clear { clear: both; }
.no-spam { display: none; }


a { color: #000; text-decoration: none; }

.container { position: absolute; left: 50%; top:50%; margin-left: -500px; margin-top: -300px; width: 1000px; height: 600px; background: #fff; }

a.logo { display: block; width: 179px; height: 190px; background: url(../images/logo.jpg); }
a.logo span { display: none; }

ul.menu { position: relative; margin-left: 40px; width: 180px; padding-bottom: 2px; background: url(../images/menu-sep.gif) 10px 100% no-repeat; z-index: 1; }
ul.menu a { display: block; width: 180px; padding: 3px 0 2px 0; background: url(../images/menu-sep.gif) 10px 0 no-repeat; }
ul.menu a span { display: block; width: 170px; padding: 0 0 0 10px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
ul.menu a:hover span,
ul.menu a.active span { background: #808080; /*background: #a12427;*/ color: #000; font-weight: bold; }
ul.smenu a { position: relative; padding: 0; background: none; }
ul.smenu a strong { display: none; }
ul.smenu a span { width: 160px; padding: 0 0 0 20px; font-size: 11px; color: #808080; /*color: #a12427;*/ font-weight: normal; }
ul.smenu a:hover strong,
ul.smenu a.active strong { display: block; position: absolute; left: 7px; top: 0px; }
ul.smenu a:hover span,
ul.smenu a.active span { background: #808080; /*background: #a12427;*/ }

.other { position: absolute; left: 0; top: 495px; z-index: 1; }
.other a.pdf { position: absolute; left: 0; top: 10px; display: block; width: 95px; padding-top: 60px; background: url(../images/download-pdf.jpg) 100% 0 no-repeat; text-align: right; }
.other a.pdf span { text-transform: uppercase; font-weight: bold; font-size: 10px; }
.other a.trailer { position: absolute; left: 115px; top: 18px; display: block; width: 100px; padding-top: 52px; background: url(../images/play-movie.jpg) 0 0 no-repeat; text-align: left; }
.other a.trailer span { text-transform: uppercase; font-weight: bold; font-size: 10px; }

.mg-background { position: absolute; right: 0; top: 0; width: 800px; height: 575px; background: url(../images/background.gif) 100% 0 no-repeat; }
.mg { position: absolute; right: 0; top: 0; width: 780px; height: 548px; margin: 0 auto; cursor: pointer; z-index: 32; }
.mg img { display: block; }
.mg .mg-min { position: relative; }
.mg .mg-min img { }
.mg .mg-max { display: none; position: absolute; left: 0; top: 0; width: 200px; height: 200px; overflow: hidden; border: 1px solid #000; }
.mg .mg-max img { position: absolute; left: 0; top: 0; }
.mg #zoom-picto { position: absolute; left: 0; top: 0; width: 19px; height: 19px; display: none; z-index: 320; }
.mg #zoom-picto.moins { background: url(../images/zoom-moins.gif); }
.mg #zoom-picto.plus { background: url(../images/zoom-plus.gif); }


.navigation { position: absolute; right: 0; bottom: 0; width: 780px; height: 50px; }
.navigation a { position: absolute; width: 35px; height: 30px; top: 10px; }
.navigation a span { display: none; }
.navigation a.previous { left: 200px; background: url(../images/arrow-left-1.gif) no-repeat; }
.navigation a.previous-active { left: 200px; background: url(../images/arrow-left-2.gif) no-repeat; }
.navigation a.next { left: 570px; background: url(../images/arrow-right-1.gif) no-repeat; }
.navigation a.next-active { left: 570px; background: url(../images/arrow-right-2.gif) no-repeat; }


#page-admin ul.menu a:hover span { background: none; }
.admin { position: absolute; left: 220px; top: 0; padding: 10px; width: 760px; height: 580px; overflow: auto; }
.admin input { margin: 2px 0; }
.admin input.text-page-name { background-color: #d59289; }
.admin fieldset { width: 680px; margin: 0 auto; padding: 10px; }
.admin legend { margin: 0 5px; padding: 0 5px; }
.admin td { padding: 2px; }
.admin td.label { text-align: right; }
.admin td.input { }
.admin td.sep { background-color: #a12427; }
.admin tr.add td { background-color: #d59289; }
.admin input.text-1 { width: 200px; }
.admin img.preview { width: 195px; height: 137px; }