@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0; border:0; font-family:'HelveticaNeueLTPro45Light'}
body {overflow:hidden}
@font-face {
    font-family: 'HelveticaNeueLTPro45Light';
    src: url('../fonts/helveticaneueltpro-lt-webfont.eot');
    src: url('../fonts/helveticaneueltpro-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltpro-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltpro-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltpro-lt-webfont.svg#HelveticaNeueLTPro45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro65Medium';
    src: url('../fonts/helveticaneueltpro-md-webfont.eot');
    src: url('../fonts/helveticaneueltpro-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltpro-md-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltpro-md-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltpro-md-webfont.svg#HelveticaNeueLTPro65Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro55Roman';
    src: url('../fonts/helveticaneueltpro-roman-webfont.eot');
    src: url('../fonts/helveticaneueltpro-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltpro-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltpro-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltpro-roman-webfont.svg#HelveticaNeueLTPro55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
p {margin:10px 0 10px 0}
a {text-decoration:none; color:#000000}
a.white {color:#FFFFFF}
.light {font-family:'HelveticaNeueLTPro45Light'}
.roman {font-family:'HelveticaNeueLTPro55Roman'}
.medium {font-family:'HelveticaNeueLTPro65Medium'}
#top {display:block; position:fixed; left:0; top:0; width:100%; z-index:98; background:url(../images/ligneor.png) repeat-x scroll bottom left #FFFFFF; text-align:center}
#visuel {display:block; position:fixed; width:100%}
#bottom {display:block; position:fixed; left:0; bottom:0; width:100%; padding:1px 0 0 0; z-index:99; color:#FFFFFF; background:url(../images/ligneor.png) repeat-x scroll top left #FFFFFF; text-align:center}

ul#menu {position:absolute; top:20px; text-align:left; color:#000000; font-size:12px; line-height:18px; list-style:none}
ul#menu li {padding:0 0 0 15px; background:url(../images/star.png) no-repeat scroll left center}
ul#menu li a {padding:0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out}
ul#menu li a:hover, ul#menu li a.active {padding:0 0 0 5px}

.content-box {display:none; z-index:20; background:url(../images/opacity40.png) repeat scroll left top; color:#FFFFFF; text-align:center}
#concept-box {width:600px; height:100%; margin:0; position:absolute; top:0; right:40px; overflow:auto; text-align:justify; text-shadow:0 0 5px #000000}
#media-box {width:100%; margin:0; padding:0; height:100%; position:relative}
#thumbnails {width:200px; margin:0 0 0 20px; padding:0; height:100%; position:relative; background:#000000; box-shadow:0 0 10px #000000; -moz-box-shadow:0 0 10px #000000; -o-box-shadow:0 0 10px #000000; -webkit-box-shadow:0 0 10px #000000; z-index:80}
#partners-box {width:600px; height:100%; margin:0 0 0 100px}
#contact-box {width:250px; height:100%; margin:0 0 0 50px}

#thumb-prev {width:100%; height:60px; position:absolute; top:0; left:0; z-index:999}
#thumb-next {width:100%; height:60px; position:absolute; bottom:0; left:0; z-index:999}
ul#thumb-list, ul#thumb-video-list {position:absolute; left:0; top:0; padding:0; list-style:none}
ul#thumb-list li, ul#thumb-video-list li {display:inline; width:100px; height:100px; float:left; overflow:hidden; margin:0; list-style:none}
ul#thumb-list li:hover, ul#thumb-video-list li:hover {cursor:pointer}
#thumb-prev:hover, #thumb-next:hover {cursor:pointer}
img.thumb {opacity:0.4; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out }
img.thumb:hover {opacity:1}

#videos {width:200px; height:300px; margin:0; padding:0; position:absolute; right:20px; top:0; background:#000000; box-shadow:0 0 10px #000000; -moz-box-shadow:0 0 10px #000000; -o-box-shadow:0 0 10px #000000; -webkit-box-shadow:0 0 10px #000000; z-index:70}

#partners-table {margin:0 auto 0 auto}
#partners-table td {padding:5px}

#facebook {position:absolute; left:20px; bottom:-15px; z-index:100}

#copyright {position:absolute; right:20px; bottom:-30px; font-size:10px; text-align:right; color:#CCCCCC; z-index:100}

#countdown-blog {padding:0;color:#000; margin:0 auto 10px auto; display:table; position:relative; background-color:#FFFFFF}
#countdown-blog div.set{float:left}
#countdown-blog h2{text-align:center; font-size:18px}
#countdown-blog ul{list-style-type:none;height:103px;padding:20px 0px 5px}
#countdown-blog li{float:left;background:url(../js/filmstrip_countdown_9-0.png) 0 0 no-repeat;width:53px;height:103px}
#countdown-blog li#s0, li#m0{background:url(../js/filmstrip_countdown_5-0.png) 0 0 no-repeat}
#countdown-blog li#h0{background:url(../js/filmstrip_countdown_2-0.png) 0 0 no-repeat}
#countdown-blog li.comma{background:url(../js/comma.png) 2px 75px no-repeat;width:12px}
#countdown-blog div.separator{float:left; font:80px Arial,sans-serif; height:103px; padding:25px 0 0;}