/* @override http://www.valletoux.com/design/css/cinema.css */

body {
    background: #000;
    font-family: tahoma, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 0.55em;
    font-size: 22px;
    }

h1 {
    font-size: 74px;
    }

li {
    list-style: none;
    }

p {
    color: #999;
    }

a {
    color: #FFF;
    }

a:hover {
    color: #C00;
    }

div#precontainer {
    border: 1px solid #222;
    }

div#navigation {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 220px;
    }

div#deroule {
    position: absolute;
    top: 267px;
    overflow: hidden;
    width: 1010px;
    height: 273px;
    z-index: 100;
    }

.hidden {
    visibility: hidden;
    }

.titre_deroule {
    float: left;
    }

p.definition {
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 550px;
    left: 20px;
    color: #888;
    }

p.definition {
    font-size: 30px;
    }

p.definition span, p.definition span a {
    margin-left: 30px;
    color: #444;
    font-size: 18px;
    }

p.definition span a:hover {
    color: #9cc;
    }

div#navigation a {
    color: #000;
    text-decoration: none;
    }
        
div#navigation a:hover {
    color: #fff;
    }

div.bouton {
    float: left;
    height: 110px;
    width: 110px;
    }
        
div.bouton img {
    border: none;
    }

ul.titre {
    position: absolute;
    float: left;
    margin: 0;
    padding: 7px;
    width: auto;
    }

ul.arsene {
    margin-top: 40px;
    margin-left: 5px;
    }        
    
ul.arsene span {
    margin-left: 40px;
    }

ul.pslb {
    margin-top: 35px;
    padding-left: 22px;
    }        
    
ul.pslb span {
    margin-left: -15px;
    }

ul.dp {
    margin-top: 56px;
    margin-left: -5px;
    }

ul.dp span {
    margin-left: 21px;
    }

ul.tideland {
    margin-top: 60px;
    margin-left: 5px;
    }        
    
ul.filmo {
    margin-top: 40px;
    padding-left: 40px;
    }
   
ul.filmo span {
    margin-left: -35px;
    }

ul.eqvv {
    margin-top: 35px;
    margin-left: 0px;
    }        
    
ul.eqvv span {
    margin-left: 5px;
    }

ul.eqvv span.eqvv2 {
    margin-left: 10px;
    }

ul.mcj {
    margin-top: 10px;
    padding-left: 25px;
    }        
    
ul.mcj span {
    margin-left: -15px;
    }

ul.mcj span.mcj2 {
    margin-left: 15px;
    }

ul.mcj span.mcj3 {
    margin-left: -20px;
    }

ul.mcj span.mcj4 {
    margin-left: -5px;
    }

ul.libertine {
    margin-top: 20px;
    padding-left: 45px;
    }
   
ul.libertine span {
    margin-left: -30px;
    }
    
ul.affiches {
    margin-top: 50px;
    margin-left: 15px;
    }

ul.making-of {
    margin-top: 30px;
    margin-left: 15px;
    }

ul.livres {
    margin-top: 35px;
    margin-left: 10px;
    }


/*****************/
/** NAVIGATION  **/

ul.level1 {
    position: absolute;
    margin-top: -45px;
    left: 760px;
    }

ul.logo a {
    position: absolute;
    margin-right: 0;
    }