html{height:100%;width:100%}
body{font:12px helvetica,arial,sans-serif;color:#333;padding:0;margin:0;width:100%;}
ul{list-style:square;}
img{border:none;}
a{text-decoration:none;color:#336;}
a:hover{text-decoration:underline;}
#main{width:830px;margin:0 auto 10px auto;padding:0 60px;position:relative;background:url(../media/main-bg.png) no-repeat center top;min-height:700px;}
#footer{width:900px;margin:0 auto;text-align:center;font-size:11px;padding:10px 0;clear:both;border-top:1px #ccc solid;color:#666}
#dwl{width:0px;height:0px;display:none;}
hr{clear:both;visibility:hidden;font-size:1px;line-height:1px;padding:0;margin:0;height:1px;}
a.file{padding:2px 0 2px 20px !important;background-repeat:no-repeat !important;}
a.extern{padding-left:14px !important;background:url(../media/icons/extern.png) no-repeat 1px 2px !important;}
#header{position:relative;height:95px;border-bottom:1px #ddd solid;}
#header h1{padding:0;margin:0;font-size:12px;}
#header h1 span{position:absolute;left:-1000px;top:-1000px;}
#l1-navi{font:15px 'century gothic',futura,'trebuchet ms',sans-serif;text-align:center;list-style:none;padding:5px 0 0 0;margin:0;text-transform:uppercase;}
#l1-navi li{display:inline;padding:2px 10px 0 10px;}
#l1-navi li.active span{background:url(../media/l1-navi.png) no-repeat center -28px;}
#l1-navi a,#l1-navi span{color:#575757;padding:2px 0 0 3px;border-top:none;}
#l1-navi span{color:#df0025;cursor:default;border-top:none;}
#l1-navi a:hover{color:#df0025;text-decoration:none}
#l2-navi{font:12px 'century gothic',futura,'trebuchet ms',sans-serif;text-align:center;list-style:none;padding:6px 0 0 0;margin:0;text-transform:uppercase;}
#l2-navi li{display:inline}
#l2-navi a,#l2-navi span{color:#999;padding:0 10px;}
#l2-navi span{color:#df0025;cursor:default;}
#l2-navi a:hover{color:#df0025;text-decoration:none}
#lang-switch{font:13px 'century gothic',futura,'trebuchet ms',sans-serif;list-style:none;padding:0;margin:0;position:absolute;right:3px;bottom:14px;}
#lang-switch li{display:inline;border-left:1px #ccc solid;padding:0 0 15px 0;}
#lang-switch li.first{border-left:none;}
#lang-switch a,#lang-switch span{color:#575757;padding:0 5px;}
#lang-switch span{color:#df0025;cursor:default;}
#lang-switch a:hover{color:#9a2d3e;text-decoration:none}
#contents{min-height:250px;}
#splash{margin:25px 0 0 0;display:block;border:1px #ccc solid;}
#contents h2{font:24px 'century gothic',futura,'trebuchet ms',sans-serif;text-transform:uppercase;color:#666;padding:0;margin:30px 12px 5px 12px;}
#contents h2 span{padding:15px 45px 10px 0;margin:10px 0}
#contents h3{font:bold 16px 'century gothic',futura,'trebuchet ms',sans-serif;padding:0;margin:0;text-transform:uppercase;color:#df0025;}
h4{font-weight:bold;padding:0 0 10px 0;margin:0;text-transform:uppercase;color:#333;}
#contents #inner{border:1px #ccc solid;padding:30px;margin:0 13px;}
#map{display:block;float:left;margin-right:40px;}
#bd-index h2{font:16px 'century gothic',futura,'trebuchet ms',sans-serif;padding:10px 45px 10px 0;background:url(../media/h2-line.png) no-repeat right 30px;margin:10px 0}
#bd-index h2 span{padding:10px 45px 10px 0;background:url(../media/yellow-slash.png) no-repeat right 10px;}
#bd-index .box{width:400px;float:left;position:relative;}
#bd-index #news-box{margin-right:30px}
#bd-index .box img{border:1px #ccc solid;display:block;float:left;margin-right:20px}
#bd-index .box span.more{display:block;text-align:right;position:absolute;left:360px;top:180px}
#bd-index .box a{color:#666;}
#bd-index h3{font:16px 'century gothic',futura,'trebuchet ms',sans-serif;text-transform:none;padding:0 0 10px 0;color:#333}
#societe{display:block;margin:0 0 40px;}
#contents p{font:12px 'century gothic',futura,'trebuchet ms',sans-serif;margin:0 0 15px 0;text-align:justify;}
.type-2 #contents p{margin:0 20px 15px 20px;}
#contents li{margin-left:25px;}
p.hint{padding-top:5px}
#contact{float:left;width:260px;}
.vcard{margin-top:80px;line-height:18px;}
#contents .vcard h3.org{font-weight:bold;padding:0;margin:0;text-transform:uppercase;color:#df0025;}
.vcard .type{display:none;}
.vcard #email{padding-top:10px;}
.vcard a.email{color:#df0025;}
#google-map{width:360px;height:250px;border:1px #ccc solid;margin-left:240px}
#opening-hours{margin-top:40px;}
#opening-hours h3{font:16px 'century gothic',futura,'trebuchet ms',sans-serif;text-transform:none;margin:0 0 10px 0;color:#333;}
div.first{border:none;}
div.first h3{padding-top:0;margin:0;}
.pagination{text-align:right;color:white;}
.pagination span{color:#666;font-weight:bold;}
#left-bar{float:left;background:#d0d0d0;padding:0;margin-left:6px;height:374px;}
#left-bar ul{list-style:none;padding:0;margin:0;float:left;}
#left-bar li{margin:0;}
#left-bar #pictures{background:#fff;padding:0 10px 0 4px;height:374px;}
#left-bar #suppliers{width:100px;padding-top:20px;font:15px/22px 'century gothic',futura,'trebuchet ms',sans-serif;}
#left-bar #suppliers{padding-left:10px;}
#left-bar #suppliers a,#left-bar #suppliers span{padding-left:13px;text-transform:uppercase;color:#666;background:url(../media/arrows.png) no-repeat 0 -95px;}
#left-bar #suppliers a:hover,#left-bar #suppliers span{color:#df0025;background:url(../media/arrows.png) no-repeat 0 5px;}
#left-bar img{border:1px #ccc solid;margin-bottom:4px;display:block}
#left-bar .last img{margin-bottom:0;}
#right-bar{list-style:none;padding:0;margin:0;float:left;height:374px;border:1px #ccc solid;}
#right-bar p{text-align:right;margin:20px;}
#right-bar p span{padding:5px 0 5px 50px;background:url(../media/yellow-slash-trans.png) no-repeat left 0px;}
.type-2 #contents #inner{border-right:none;border-bottom:none;padding:0;margin:0 13px;}
.supplier{width:400px;height:150px;float:left;border-right:1px #ccc solid;border-bottom:1px #ccc solid;}
#contents .supplier p{margin:15px;}
.company{float:left;width:150px;margin:10px;}
#contents .company h3{font:10px 'century gothic',futura,'trebuchet ms',sans-serif;color:#333;}
#contents .url{text-align:right;padding:0 15px;}
#contents .url a{color:#df0025;}
ul#news{padding:0;margin:0;list-style:none;}
#bd-news h3{font:bold 15px 'century gothic',futura,'trebuchet ms',sans-serif;padding:0;margin:3px 0 10px 0;color:#333;}
#bd-news #inner{border:none;}
#bd-news ul#news li{padding:25px 10px;margin:0px 0 15px 0;clear:left;border:1px #ccc solid}
ul#news img{display:block;float:left;margin:0 15px;border:1px #ccc solid}
ul#news .date{font:bold 14px 'century gothic',futura,'trebuchet ms',sans-serif;padding:0;margin:0;color:#df0025;}
ul#services{padding:0;margin:0;list-style:none;}
#bd-services h3{font:bold 15px 'century gothic',futura,'trebuchet ms',sans-serif;padding:0;margin:3px 0 10px 0;color:#333;}
#bd-services #inner{border:none;}
#bd-services ul#services li{padding:25px 10px;margin:0px 0 15px 0;clear:left;border:1px #ccc solid}
ul#services img{display:block;float:left;margin:0 15px;border:1px #ccc solid}
ul#services .date{font:bold 14px 'century gothic',futura,'trebuchet ms',sans-serif;padding:0;margin:0;color:#df0025;}
form{width:340px;margin-top:20px;}
label{display:block;text-align:right;padding:3px;position:relative;border:1px #fff solid;}
fieldset{border:1px #ccc solid}
form input,form select,form textarea{width:200px;border-width:1px;font-size:11px;margin-left:5px;}
form div{text-align:right;padding:5px;}
form textarea{height:100px;}
label span{position:relative;top:-85px;}
form div.error{color:#c00;}
form input.error{border-color:#c00;border-style:solid}