/* Blah */
* {margin:0;padding:0;}	
html,body {height:100%; /* 100 % height */}
html>body #wrap {height:100%;} /* 100 % height */
#header {width:100%;height:5em;}
html>body #header {position:fixed;z-index:10; /* Prevent certain problems with form controls */}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:7em 0 3.6em 0;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {width:100%;height:3.6em;}
html>body #footer {position:fixed;bottom:0;z-index:10; /* Prevent certain problems with form controls */}

.cl {clear: both;}

/* For vertically aligned elements */
div#centered {height:290px;width:50%;position:absolute;left:25%; top: 20%;}

/* Make this prettier */
#content-wrap {background-attachment:fixed;background-repeat:no-repeat; background-position:center center;}
body {-moz-opacity:0.99;color:#0a0a01;background-color:#0a0a01;background-attachment:fixed;background-repeat:no-repeat; background-position:center center;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
p sup {line-height:.4em;}
a:focus {outline: none;}
a img {border:0 none;}
p a {color:#0a0a01;}
p span {background:#fff;padding:1px 0;}
p small {line-height:1.5em;}
blockquote p span {background:#0a0a01;color:#fff;padding:1px 0;}
blockquote p small {font-style:normal;}
blockquote p span small {font-family:Arial;}

#content p, #content table {opacity: .8;filter: Alpha(Opacity=80);}
#content h2 {height:17px;}

#trailer {width:480px;height:330px;margin:70px auto 0 auto;}

.text {width:42em;padding:8px 12px 1px 15px;margin:0 0 2em 0;color:#000;}
.text p {line-height:1.5em;font-size:1.4em;margin:0 0 1em 0;}
.bigtext {width:980px;overflow:auto;padding:8px 0 1px 15px;margin:0 0 2em 0;color:#000;}
.bigtext p {line-height:1.5em;font-size:1.2em;margin:0 0 1em 0;}
.bigtext blockquote p {font-family:Georgia;font-size:1.6em;font-style:italic;}
.col1, .col2, .col3 {float:left;display:inline;}
.col1 {width:360px;margin:0 21px 0 0;}
.col2, .col3 {background:#fff;width:244px;padding:10px 10px 0 10px;margin:0 20px 0 0;}
#content table.horaires {opacity:1;filter: Alpha(Opacity=99);} .horaires {float:left;margin-left:95px;} .horaires table {width:450px;} .horaires td {width:48%;}

table {color:#fff;width:58em;margin:0 0 1em 0;line-height:1.6em;vertical-align:top;border-collapse:collapse;}
table td {font-size:12px;vertical-align:top;padding:0 10px 0 0;}

.thumbs {width:100px;}
.thumbs a img {height:20px;width:30px;float:left;margin:0 5px 5px 0;opacity:.5;filter: Alpha(Opacity=50);}
.thumbs a:hover img {opacity:1;filter: Alpha(Opacity=100);}

#header, #fr #header {background:url(../img/header.png) no-repeat top left;}
#headernav, #fr #headernav {float:right;width:175px;height:5em;background:url(../img/sortie.png) no-repeat;}

#nl #header {background:url(../img/header-nl.png) no-repeat top left;}
#nl #headernav {float:right;width:175px;background:url(../img/sortie-nl.png) no-repeat;}

#footer {opacity: .8;filter: Alpha(Opacity=80);background-color:#0a0a01;}
#footernav {float:left;}
#footerlogo {width:320px;height:3.6em;float:right;background:url(../img/logos.png) no-repeat;}