/**** FFF ****/
/**** Author : Ludovic Quintard ****/
/**** http://www.mokland.de ****/

#container{width:782px;}

/*lang*/
#lang {float:right;width:28px;padding-top:53px;padding-left:0;}
#lang ul li{list-style: none;}
#lang a{text-decoration:none;}
#fr{width:28px;height:101px;text-indent: 10000px;background:url(../images/fr.gif) bottom left no-repeat;display:block;}
#de{width:28px;height:101px;text-indent: 10000px;background:url(../images/de.gif) bottom left no-repeat;display:block;}
#fr:hover{background-position: top left;}
#de:hover{background-position: top left;}

/* Layout */
* {margin:0;padding: 0;}
#menu{margin:0px -20px -10px -10px;padding:5px 10px;text-align:right;}
#layout	{float:left;width:720px;padding:20px 20px 10px 10px;background:#fff;/*background:#FFF url(../images/blink.gif) no-repeat 100% 275px;*/border:solid 2px #CCC;}
#top, #top-fiche,#top-presse{margin:10px -20px 0px -10px;border-right:solid 3px #FFF;padding:0;background:#2864B5;height:230px;text-align:right;}
#top-fiche{height:206px;border-top: solid 2px #FFF;}
#top-presse{height:3px;}
#content	{margin:0px 0px 0px 130px;padding:20px 0px 30px 35px;border-left:solid 1px #EFEFEF;}
#content-listes{margin-left:0px;padding:20px 0px 30px 0px;}
#content-films{float:right;width:537px;margin-left:0px;padding:20px 0px 30px 0px;}
#footer{clear:both;margin:20px -20px -10px -10px;padding:5px 10px;background:#EFEFEF;text-align:right;color:#333;}

/* Formats globaux */
body{background-color:#DDD;font-family: Verdana, sans-serif;font-size: small;color: #39452F;}
a{color:#FC8505;}
font,th,td {}
h1 {font-size:13px;}
h2 {font-size:12px;}
h3 {font-size:11px;margin:1px 1px;}
p{margin:6px 2px;}
input{border-style:solid;border-width:1px;border-color:#CCC;margin:2px 0px;}
ul {margin:0px 0px;}
li {list-style-position: outside;}
p{margin:20px 0px;}
.bolder{font-weight:bolder;}
.souligne{text-decoration:underline;}
.titre{font-style: italic;}
.noflash{padding:10px;color:#FFF;text-align:left;}
.bleu{color:#2864B5;}
/* MenuS */
ul.nenu{margin-left:30px;}
ul.menu li{display:inline;list-style: none;margin:-2px;}
.menu a {padding:5px;text-decoration: none;background-color:#2864B5;color:#FCFBEF;}
.menu a:hover {background-color: #FC8505;color: #FCFBEF;text-decoration: none;}
a.selection{background-color:#FC8505;padding:9px 5px 5px 5px;}

ul.films-menu{float:left;margin-left:3px;margin-top:30px;margin-bottom:10px;}
ul.films-menu {list-style-type: none;}
ul.films-menu li {text-align:right;color:#AAA;font-size:7pt;}
ul.films-menu img{padding:3px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#BBBBBB #3B3B3B #3B3B3B #BBBBBB;}
ul.films-menu li.selection img {border: solid 2px #2864B5;padding:2px;}

#menu-droite{clear:right;float:right;}
#menu-droite ul{margin-left:1.5em;}
#menu-droite dl{margin-left:10px;}
#menu-droite dl dt{margin: 0;padding-left: 15px;font-weight: normal;background: url(../images/puce.gif) no-repeat 0 3px;}
#menu-droite dl dd{margin: 5px 0 8px 15px;}
#menu-droite a{color:#2864B5;}

#menu-droite ul.outils{  margin: 20px 0px 0px 0px; padding: 0; list-style: none;}
#menu-droite ul.outils li{margin: 2px 0 6px 7px; padding: 0;font-weight: bold;line-height: 16px;background-repeat: no-repeat;background-position: 0 50%; }
#menu-droite ul.outils li a{padding-left: 21px;color:#333;text-decoration:none;font-size:8pt;}
#imprimer{background-image: url(../images/printer.png);}

/***** Pages *****/
#ariane{margin-bottom:7px;font-size:5pt;color:#333;text-align:left;}
#ariane a{color:#333;font-size:8pt;}
h1.titre{font-size: 13pt;color: #FC8505;}
span.sous-titre{font-weight: lighter;font-style:italic;margin-left:5px;}
#realisateur{margin:30px 0px; padding:10px;background:#ECF3F9;}
#realisateur span.ico{font-size:5pt;color:#000;}
#realisateur h2{float:left;}
#filmographie dl, #invites dl{margin-left:10px;}
#filmographie dl dt, #invites dl dt{margin: 0;padding-left: 15px;font-weight: normal;background: url(../images/puce_noir.gif) no-repeat 0 3px;}
#filmographie dl dd, #invites dl dd{margin: 0 0 8px 15px;}
#invites dl dt{margin:10px 0px;}
#invites dl dd{line-height:15px;font-size:12px;}
#invites dl dd img{float:left;margin-right:8px;}
#medias{float:left;margin-left:-125px;padding:10px;text-align:right;}
#medias a{color:#000;}
#medias a:hover{color:#FC8505;}
p.date{float:right;background:#F9F2EC;padding:10px;font-size:10px;}
/* films.html, programme.html	 */
#content img, #content-listes img, p.contact{padding:3px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#BBBBBB #3B3B3B #3B3B3B #BBBBBB;}
#content img.noborder{border:none;padding:0;margin:0;}
h2.date{clear:left;margin:15px 0px 5px 0px;}
ul.films-liste{margin-left:10px;margin-bottom:10px;list-style:none;float:left;}
ul.films-liste li{clear:left;}
ul.films-liste li img {float:left;border:0;width:72px;height:94px;margin:0px 4px 4px 0px;}
span.date{color:#AAA;}
#programme table{width:100%;padding:3px;border:solid 1px #EFEFEF;font: 10px verdana;text-align: left;}
#programme td.center{border-style:solid;border-width:0px 1px;border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF;}
#programme th{border-style:solid;border-width:0px 0px 1px 0px;	border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF;background:#FFF;}
#programme td, th{padding:3px;}
#programme table tr td{vertical-align:top;border:solid 1px #CCC;}
span.heure{color:#2864B5;font-size:12px;}
#programme table tr td a.titre{font-size:12px;}
#programme table caption{font-size:12px;padding:10px 0px;}
#programme th.cinema{padding-left:10px;}
#programme th.cinema a{color:#2864B5;}
#programme th.cinema a:hover{color:#FC8505;}
#programme tr.deux{background-color:#FAFAFA;}
#programme tr.deux th{background-color:#FAFAFA;}
#programme .limite{border-left:solid 1px #2864B5;}
#programme .limite-grise{border-left:solid 1px #EFEFEF;}
#programme span.star, #programme span.star a{font-size:14px;color:#2864B5;text-decoration:none;}
p.programme-legende{text-align:right;padding:0;margin:0;}

#cineclic,#russische-filmwoche{margin-left:80px;margin-top:20px;width:484px;height:58px;border:1px dashed #BBB;color:#000;padding:5px 5px 5px 12px;}
#russische-filmwoche { height:70px; }
#cineclic img,#russische-filmwoche img{float:left;margin-right:15px;border:none;}
/*Partner*/
h3.sections-logos{clear:both;padding:20px 0px 20px 0px;color:#2864B5;}
p.logos{float: left;margin: 5px;text-align: center;width: 160px;height: 100px;font-size: 9px;}
/*Espace presse*/
#vignettes{margin-left:20px;}
div.vignette{float:left;width:96px;height:180px;margin-right:16px;text-align:center;}
.copyright{font-size:10px;}

div.gallery{background-color:#F8F8F8;padding:20px;}