@font-face {
    font-family: 'bauhaus_lightregular';
    src: url(../fonts/existence-light.eot);
    src: url(../fonts/existence-light.eot?#iefix) format('embedded-opentype'),
         url(../fonts/existence-light.woff) format('woff'),
         url(../fonts/existence-light.ttf) format('truetype'),
         url(../fonts/existence-light.svg#bauhaus_lightregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
body  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../menus/fond.jpg); background-repeat: no-repeat; background-position: 0 400px; font-size: 1em; line-height: 1.2em }
strong { font-weight: bold; }
header { }
#zoom  { position: absolute; right: 50% }
#logo  { position: absolute; top: 220px; left: 50% }
nav { position: relative; top: 350px; margin-right: auto; margin-left: auto; width: 832px; }
#vignettes   {  height: 102px }
#vignettes a { display: block; width: 48px; height: 48px; margin-right: 1px; margin-left: 1px; margin-bottom: 2px; float: left; border: solid 1px #999; background-color: #fff }
#vignettes a.active { border: solid 1px #666; }
#vignettes a:hover { border: solid 1px #666; }
#vignettes a img { display: block; -moz-opacity:0.3; filter:alpha(opacity=30); opacity: 0.3; }
#vignettes a.active img { -moz-opacity:1; filter:alpha(opacity=100); opacity: 1; }
#vignettes a:hover img { -moz-opacity:1; filter:alpha(opacity=100); opacity: 1; }
#menu { display: block; background-color: #f99; font-family: 'bauhaus_lightregular'; font-size: 1.2em; }
#menu li  { display: block; padding-top: 5px; padding-right: 10px; float: left }
#menu li a { color: #666; text-decoration: none }
#menu li a.active { color: #333; font-weight: bold }
#menu li a:hover { color: #333 }
article  { clear: both; position: relative; margin-right: auto; margin-left: auto; top: 400px; width: 832px; }
article h1   { font-size: 2em; font-family: bauhaus_lightregular; font-variant: small-caps; line-height: 1em; padding-left: 416px }
article h2  { font-size: 1.5em; font-family: bauhaus_lightregular; line-height: 1em; margin-top: 20px; padding-left: 416px }
article h3 { padding-left: 416px; margin-top: 10px; font-weight: bold; color: #666 }
article p {  padding-left: 416px; margin-top: 10px; color: #666 }
article ul  { color: #666; list-style-type: disc; margin-top: 10px; padding-left: 436px }
article a:link { color: #99f !important; text-decoration: underline }
article a:hover { color: #00c !important; text-decoration: underline }
article b { font-weight: bold }
article img.portrait   { display: block; margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #999 }
hr.force  { visibility: hidden; margin-bottom: 20px; clear: both }
footer  { color: #666; font-size: 0.9em; margin-top: 40px; clear: both }