body {
    margin: 50px 0px 0px 0px ;
    background-color: rgb(153,153,153) ;
    background-color: rgb(255,255,255) ;
    font-family: serif ;
    font-size: small ;
}

div {
    position: relative ;
    overflow: hidden ;
}

h1 {
    float: left ;
    margin: 0px ;
    padding: 0px ;
    font-size: 100% ;
    font-weight: bold ;
    color: white ;
}

p {
    margin: 0px ;
    padding: 0px ;
}

ul {
    margin: 0px ;
    padding: 0px ;
}

ul li {
    position: relative ;
    overflow: auto ;
    list-style-type: none ;
    margin: 0px ;
    padding: 0px ;
}

h2.mois {
    margin: 40px 0px 0px 0px ;
    background-color: rgb(204,204,204) ;
    padding: 5px 20px 5px 40px ;
    font-family: 'Averia Libre', cursive;
    font-size: 160% ;
    font-weight: normal ;
    color: rgb(240,240,240) ;
}

ul {
    margin: 0px 20px 0px 20px ;
}

ul li {
    display: block ;
    margin: 20px 0px 0px 0px ;
    padding: 0px 0px 10px 0px ;
}

ul li.avis-0 {
    background-color: rgb(245,210,210) ;
}
ul li.avis-1 {
    background-color: rgb(245,220,220) ;
}
ul li.avis-2 {
    background-color: rgb(240,245,240) ;
}
ul li.avis-3 {
    background-color: rgb(230,245,230) ;
}
ul li.avis-4 {
    background-color: rgb(220,245,220) ;
}
ul li.avis-5 {
    background-color: rgb(210,245,210) ;
}

div.avis {
    position: absolute ;
    right: 0px ;
    bottom: 0px ;
    width: 100% ;
}

div.avis > div.interne {
    margin: 10px 10px 0px 140px ;
    border-style: solid ;
    border-width: 0px 0px 2px 0px ;
    border-color: rgb(255,255,255) ;
}

ul li.avis-0 div.avis {
    color: rgb(173,101,101) ;
}
ul li.avis-1 div.avis {
    color: rgb(163,111,111) ;
}
ul li.avis-2 div.avis {
    color: rgb(131,153,131) ;
}
ul li.avis-3 div.avis {
    color: rgb(121,163,121) ;
}
ul li.avis-4 div.avis {
    color: rgb(111,173,111) ;
}
ul li.avis-5 div.avis {
    color: rgb(101,183,101) ;
}

div.avis p.note {
    display: block ;
    float: right ;
    background-color: rgb(255,255,255) ;
    padding: 5px 5px 3px 5px ;
    font-family: "Maven Pro", sans-serif ;
    font-weight: bold ;
}

div.avis span.smiley {
    letter-spacing: 0.2em ;
}

div.avis p.avis {
    clear: both ;
    border-style: solid ;
    border-width: 2px 0px 0px 0px ;
    border-color: rgb(255,255,255) ;
    padding: 10px 0px 10px 0px ;
    text-align: right ;
    font-family: "Averia Libre", cursive ;
}

li.film.zoom div.avis {
    position: relative ;
}

li.film.zoom div.avis {
    margin: 10px 0px 0px 0px ;
}

li.film.zoom div.avis > div.interne {
    margin: 0px 10px 0px 20px ;
}

ul li span.date {
    display: block ;
    background-color: rgb(220,220,220) ;
    padding: 5px 20px 5px 20px ;
    font-family: 'Averia Libre', cursive;
    font-size: 160% ;
    color: rgb(240,240,240) ;
}

ul li span.heure {
    display: block ;
    position: absolute ;
    right: 0px ;
    top: 10px ;
    background-color: rgb(220,220,220) ;
    padding: 5px 7px 5px 20px ;
    font-family: 'Averia Libre', cursive;
    font-size: 100% ;
    color: rgb(240,240,240) ;
}

ul li span.titre {
    display: block ;
    padding: 20px 10px 0px 20px ;
    font-family: 'Maven Pro', sans-serif;
    font-weight: bold ;
    font-size: 140% ;
    color: rgb(102,102,102) ;
}

div.affiche {
    float: left ;
    margin: 10px 20px 0px 20px ;
    background-color: rgb(255,255,255) ;
    /*
    border-style: solid ;
    border-width: 1px 1px 1px 1px ;
    border-color: rgb(153,153,153) ;
    */
}

div.affiche img {
    margin: 5px 5px 5px 5px ;
    width: 100px ;
}

li.film.zoom div.affiche {
    float: none ;
    width: 100% ;
    margin: 10px 0px 0px 0px ;
}

li.film.zoom div.affiche img {
    margin: 5px 0px 5px 0px ;
    width: 100% ;
}

p.synopsis {
    position: absolute ;
    float: right ;
    right: 15px ;
    top: 0px ;
    margin: 0px 0px 0px 0px ;
    font-family: 'Averia Libre', cursive;
    font-size: 110% ;
    color: rgb(170,170,170) ;
    width: 50% ;
    text-align: right ;
    padding: 5px 0px 5px 0px ;
    border-style: dashed ;
    border-width: 1px 0px 1px 0px ;
    border-color: rgb(224,224,224) ;
}

p.synopsis2 {
    margin: 0px 0px 0px 0px ;
    font-family: 'Averia Libre', cursive;
    font-size: 120% ;
    color: rgb(170,170,170) ;
    text-align: left ;
    padding: 5px 20px 5px 20px ;
    xborder-style: dashed ;
    xborder-width: 1px 0px 1px 0px ;
    xborder-color: rgb(224,224,224) ;
}

span.deco {
    color: rgb(240,240,240) ;
    font-size: 400% ;
}

header {
    position: fixed ;
    left: 0px ;
    top: 0px ;
    z-index: 1000 ;
    padding: 10px ;
    width: 100% ;
    height: 30px ;
    background-color: rgb(102,102,102) ;
}

.masque {
    display: none ;
}