#top_white {
    background: url(/images/calendar_thumb.gif) center no-repeat;
    top: 0px;
    position: absolute;
    height: 55px;
    width: 100%;
}

#planche {
    /*background: url(/images/planche.png) center top no-repeat;*/
    height: 3900px;
    width: 900px;
    top: 142px;
    left: 41px;
    position: relative;
}

#planche img {
    position: absolute;
}

#planche ul {
    top: 0px;
    left: 0px;
}
#planche ul li {
    width: 738px;
    height: 511px;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
}
#planche ul li a {
    display: block;
    position: absolute;
    width: 600px; height: 300px;
}
#planche ul li a span, #intro_happenings span, #teaser_happenings span, #planche_title span {
    display: none;
}

#planche_title { left: 152px; top: 144px; background-image: url(/images/planche_title.gif); width: 596px !important; height: 160px !important; }
#intro_happenings { left: 662px;  top: 329px; background-image: url(/images/intro.gif); width: 157px !important; height: 60px !important; }
#teaser_happenings { left: 134px;  top: 1914px; background-image: url(/images/teaser.gif); width: 190px !important; height: 90px !important; }

#planche ul li#event_01 { left: 49px; top: 316px; }
#planche ul li#event_02 { left: 188px; top: 697px;  width: 624px; height: 417px; }
#planche ul li#event_03 { left: 131px; top: 1099px; width: 641px; height: 452px; }
#planche ul li#event_04 { left: 119px; top: 1524px; width: 692px; height: 437px; }
#planche ul li#event_05 { left: 157px;  top: 1999px;  width: 635px; height: 437px; }
#planche ul li#event_06 { left: 140px;  top: 2332px; width: 635px; height: 518px; }
#planche ul li#event_07 { left: 180px;  top: 2760px;  width: 601px; height: 530px; }
#planche ul li#event_08 { left: 151px;  top: 3299px; width: 616px; height: 412px; }

#planche ul li#event_01 { background-image: url(/images/events_info/event_01.png) ; }
#planche ul li#event_02 { background-image: url(/images/events_info/event_02.png) ; }
#planche ul li#event_03 { background-image: url(/images/events_info/event_03.png) ; }
#planche ul li#event_04 { background-image: url(/images/events_info/event_04.png) ; }
#planche ul li#event_05 { background-image: url(/images/events_info/event_05.png) ; }
#planche ul li#event_06 { background-image: url(/images/events_info/event_06.png) ; }
#planche ul li#event_07 { background-image: url(/images/events_info/event_07.png) ; }
#planche ul li#event_08 { background-image: url(/images/events_info/event_08.png) ; }

#planche ul li#event_01.soon { background-image: url(/images/events_soon/event_01.png) ; }
#planche ul li#event_02.soon { background-image: url(/images/events_soon/event_02.png) ; }
#planche ul li#event_03.soon { background-image: url(/images/events_soon/event_03.png) ; }
#planche ul li#event_04.soon { background-image: url(/images/events_soon/event_04.png) ; }
#planche ul li#event_05.soon { background-image: url(/images/events_soon/event_05.png) ; }
#planche ul li#event_06.soon { background-image: url(/images/events_soon/event_06.png) ; }
#planche ul li#event_07.soon { background-image: url(/images/events_soon/event_07.png) ; }
#planche ul li#event_08.soon { background-image: url(/images/events_soon/event_08.png) ; }

#planche ul li#event_01.photos { background-image: url(/images/events_gallery/event_01.png) ; }
#planche ul li#event_02.photos { background-image: url(/images/events_gallery/event_02.png) ; }
#planche ul li#event_03.photos { background-image: url(/images/events_gallery/event_03.png) ; }
#planche ul li#event_04.photos { background-image: url(/images/events_gallery/event_04.png) ; }
#planche ul li#event_05.photos { background-image: url(/images/events_gallery/event_05.png) ; }
#planche ul li#event_06.photos { background-image: url(/images/events_gallery/event_06.png) ; }
#planche ul li#event_07.photos { background-image: url(/images/events_gallery/event_07.png) ; }
#planche ul li#event_08.photos { background-image: url(/images/events_gallery/event_08.png) ; }

#planche ul li#event_01 a { top: 50px; left: 60px; } 
#planche ul li#event_02 a { top: 80px; left: 0px; } 
#planche ul li#event_03 a { top: 40px; left: 0px; } 
#planche ul li#event_04 a { top: 40px; left: 20px; } 
#planche ul li#event_05 a { top: 10px; left: 20px; } 
#planche ul li#event_06 a { top: 80px; left: 50px; } 
#planche ul li#event_07 a { top: 70px; left: 0px; height: 400px; } 
#planche ul li#event_08 a { top: 40px; left: 0px; } 


#footer div { position: absolute; bottom: 0px; }
#footer .left { left: 0px; }
#footer .right { right: 0px; }
#footer .right a {
    margin-top: -45px;
}