* {margin:0;padding:0;}
html {height: 100%;overflow: auto;}
.cl {clear:both;}
.line {border-bottom:1px solid #fff;opacity:.2;width:60%;margin-bottom:1.2em;height:4px;}
.txtright {text-align:right;}

body {
font-family: 'Lucida Grande','Helvetica Neue', Verdana, Arial, sans-serif;
height: 100%;
background-color: #000;
color: #fff;
font-size: 10px;
}

embed, object {background:#000;margin-bottom:10px;}

#flashcontent {position: fixed;width:100%;height:100%;}
#content {position:absolute;top: 0;left:0;width:880px;padding:0 20px 20px 20px;}
#nav {opacity:.8;margin-bottom:1em;}
#main {float:left;width:880px;}
#list {opacity:.8;padding:0 0 4em 0;}

.col1 {float:left;width:340px;margin:0 3em 0 0;}
.col2 {float:left;width:200px;margin:0 2em 0 0;} .col2 p {margin:0 0 1em 0;font-size:1.1em;line-height:1.3em;}
.col3 {float:left;width:260px;margin:0 3em 0 0;}

#rightpanel {position: relative;top: 0;}

.liste {margin:0 1em 2em 0;}
.seul {float:left;width:430px;margin:0 4em 2em 0;}

.mediacont {padding-top:7em;}
.imgsw_toplevel {float:left;width:400px;}
.imgsw_image {width:360px;float:left;} .imgsw_image img {width:360px;}
.imgsw_list_thumbnails {width:40px;padding-bottom:20px;float:left;}
.imgsw_list_thumbnails a {padding: 0 0 0 5px;margin:0 0 5px 0;}


h1, h2, h3, h4 {font-family:'Helvetica Neue', Verdana, Arial, sans-serif;}
h1 {display:inline-block;margin:0 0 .6em 0;font-weight:normal;font-size:3.4em;border-bottom:3px solid #fff;}
h2 {font-size:2em;margin:0 0 .4em 0;text-shadow:0 0 #fff;color:#fff;}
h3 {font-weight:normal;font-size:1.6em;margin:0 0 .4em 0;text-shadow:0 0 #fff;}
h4 {font-size:1.8em;margin:0 0 .4em 0;text-shadow:0 0 #fff;opacity:.4;color:#fff;}


h2 a {opacity:.8;}
h2 a:hover {opacity:1;border-bottom:3px solid #fff;}

.liste p {font-size:1.2em;color:gold;line-height:1.45em;margin:0 0 1em 0;}
.seul p {opacity:.8;font-size:1.4em;color:gold;line-height:1.3em;margin:0 0 1em 0;}
.seul p+p {text-align:justify;font-size:1.2em;color:#fff;line-height:1.45em;margin:0 0 1em 0;}
.seul h4 {float:right;margin:.6em 2em 0 0;}
p span  {background-image:url(../img/opaque40.png);}
p a {background-image:url(../img/opaque40.png);border-bottom:1px solid;text-decoration:none;color:gold;padding:0 .2em;}
p a:hover {border-bottom:1px solid transparent;background:gold;color:#000;}
p+p a:hover {border-bottom:1px solid transparent;background:#fff;color:#000;}
p+p a {color:#fff;padding:0 .2em;}

a {color:#fff;text-decoration:none;}
a img {border:0 none;}

ul {font-family:'Trebuchet MS','Helvetica Neue',Arial;text-transform:uppercase;float:left;}
li a {background-image:url(../img/opaque40.png);text-decoration:none;margin:0 .1em .1em 0;}

ul.top  {list-style:none;font-size:1.3em;}
ul.sub, ul.subsub  {font-size:1.1em;list-style:none;}

ul.top li {display:inline;}
ul.sub li, ul.subsub li {display:inline;}
.top li a {display:inline-block;width:7em;padding:.3em .4em 1em .5em;color:#fff;}
.sub li a {float:left;width:auto;padding:.9em .8em .95em .8em;color:#fff;font-weight:bold;}
.subsub li a {float:left;width:auto;padding:.9em .8em .95em .8em;color:#fff;}


li a:hover {background:gold;color:#000;}
li a.selected:hover {cursor:default;}

.top li a.selected {background:gold;color:#000;}
.sub li a.selected {background:#fff;color:#000;}
.subsub li a.selected {padding:.9em .8em .65em .8em;border-bottom:3px solid #fff;}