/* reset all browser styles */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{
margin:0;
padding:0}

table{
border-collapse:collapse;
border-spacing:0}

body,html,fieldset,img,abbr,acronym,hr{
border:0}

address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal}

ol,ul{
list-style:none}

caption,th{
text-align:left}

h1,h2,h3,h4,h5,h6{
font-style:normal;
font-weight:normal}

q:before,q:after{
content:''}

/* custom stylsheet */
html{
width:100%;
height:100%}

body{
background:#454545;
color:#000;
font-family:"Times New Roman",Times,FreeSerif,serif}

a{
color:#000;
text-decoration:none;}

a:hover{
color:#b1220f}

#bakstage{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:5}

#curtain{
min-height:100%;
position:fixed;
top:0;
left:0;
z-index:1}

#mainstage{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:10}

#note1{
position:absolute;
top:129px;
left:28px}

#note2{
position:absolute;
top:200px;
left:179px}

#note1 a,
#note2 a{
color:#b1220f;
text-decoration:underline}

#note1 a:hover,
#note2 a:hover{
color:#000}

#carte{
width:534px;
position:absolute;
top:200px;
left:450px;
color:#000}

#bar{
width:320px;
position:fixed;
top:64px;
left:28px;
z-index:80}

#lang0,
#lang1{
height:20px;
float:left;
padding:0 5px 0 5px;
background:#fff}

#lang0 a.de,
#lang1 a.fr,
#lang0 a.de:hover,
#lang1 a.de:hover,
#lang0 a.fr:hover,
#lang1 a.fr:hover{
color:#b1220f}

#lang0 a.fr,
#lang1 a.de{
color:#000}

.menu0,
.menu1,
.menu2,
.menu3,
.menu4,
.menu5,
.menu6,
.menu7,
.menu8,
.menu9{
height:20px;
float:left;
margin-left:6px;
padding:0 5px 0 5px;
background:#fff}

.menu0 a.m0,
.menu1 a.m1,
.menu2 a.m2,
.menu3 a.m3,
.menu4 a.m4,
.menu5 a.m5,
.menu6 a.m6,
.menu7 a.m7,
.menu8 a.m8,
.menu9 a.m9{
color:#b1220f}

#service{
width:157px;
height:57px;
position:fixed;
top:50px;
left:820px;
cursor:pointer;
background:url(../img/logo.png) no-repeat;
z-index:80}

#economat{
position:fixed;
left:0;
top:0;
background:#000;
cursor:pointer;
display:none;
z-index:60} 

#snack{
float:left;
position:relative;
background:#fff;
top:165px;
left:250px;
display:none;
z-index:911}

#buffet{
width:100%;
height:21px;
position:fixed;
left:0;
bottom:0;
background:url(../img/60.png);
color:#fff;
font-size:14px;
line-height:21px;
padding:10px 28px 10px 28px; 
z-index:100}

#buffet a{
color:#fff;
text-decoration:underline}

#kitchen{
position:absolute;
bottom:81px;
left:0px;
height:70px;
z-index:20}

#impress{
float:left;
background:url(../img/60.png);
width:20px;
cursor:pointer}

#express{
float:left;
background:url(../img/60.png);
width:67px;
padding:9px 9px 9px 16px;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:10px;
line-height:14px;
color:#fff;
display:none}

#express a{
color:#fff;
text-decoration:underline}

.drag{
position:relative;
display:block;
width:140px;
cursor:move}

.big{
width:210px}

.small{
width:140px}

.load{
background:#fff url(../img/loader.gif) 50% 50% no-repeat}

.pre{
visibility:hidden}

.pic img,
.pic iframe{
padding:10px 10px 0 10px}
/*margin:10px;}*/

.sub,
.zub{
height:30px;
text-align:right}

.sub img{
padding:7px 10px 0 0;
cursor:pointer}

.zub img{
padding:5px 10px 2px 0;
cursor:pointer}

.act{
cursor:pointer}

.txt{
font-size:14px;
line-height:21px;
padding:10px;
color:#b1220f}

.txt h1,
.txt h2{
font-style:italic;
font-size:18px;
letter-spacing:0.1em;
line-height:21px}

.txt h1{
font-weight:bold}

#carte .txt{
color:#000;
padding:10px 10px 23px 10px}

#carte h1{
margin:0 0 21px 0}

#carte h2{
font-weight:bold;
margin:42px 0 21px 0}

#carte a{
text-decoration:underline}

hr{
height:1px;
margin:10px 0;
color:#b1220f;
background:#b1220f}

.claudy{
position:relative;
background:#fff}

#impress:hover,
.zoom:hover{
opacity:.6;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}