/* 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:#d5e7b9;
color:#000;
font-family:Arial,Geneva,sans-serif}

a{
color:#111;
text-decoration:underline;}

a:hover{
color:#333}

#bakstage{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
opacity:.8;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
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,
#note2,
#note3{
position:absolute}

#carte{
width:540px;
position:absolute;
color:#000}

.menu0,
.menu1,
.menu2,
.menu3,
.menu4,
.menu5,
.menu6,
.menu7,
.menu8,
.menu9{
float:left;
padding:0 10px 0 0;
color:#ccc;
font-weight:bolder}

.menu0 a,
.menu1 a,
.menu2 a,
.menu3 a,
.menu4 a,
.menu5 a,
.menu6 a,
.menu7 a,
.menu8 a,
.menu9 a{
color:#ccc}

.menu0 a:hover,
.menu1 a:hover,
.menu2 a:hover,
.menu3 a:hover,
.menu4 a:hover,
.menu5 a:hover,
.menu6 a:hover,
.menu7 a:hover,
.menu8 a:hover,
.menu9 a:hover,
.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:#fff;
margin:0 0 0 5px}

#logo{
position:fixed;
top:41px;
left:842px;
cursor:pointer;
opacity:.8;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index:80}

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

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

/*#header,*/
#footer{
position:fixed;
left:135px;
bottom:0;
width:100%;
height:21px;
background:#111;
color:#fff;
font-size:14px;
line-height:20px;
/*padding:10px 28px 10px 28px;*/
padding:10px 0;
opacity:.8;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index:100}

#counter{
position:fixed;
left:0;
bottom:0;
width:140px;
height:21px;
margin:0 0 10px 10px;
background:transparent;
z-index:101}

/*
#header{
top:0}
*/

#footer{
bottom:0}

#navi{
position:fixed;
left:0;	
top:0;
width:125px;
height:100%;
background:#111;
color:#fff;
font-size:14px;
line-height:20px;
padding:41px 0 10px 10px;
opacity:.8;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index:100}

.act{
opacity:1.0;
/* dumb browser (IE 8) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
color:#ccc;
font-weight:bolder}

.act a{
color:#ccc;
font-weight:bolder}

.act a:hover{
color:#fff} 

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

.big{
width:180px}

.small{
width:160px}

.map{
width:540px}

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

.slide{
padding:10px 10px 0 10px}

#screen .zub{
width:100%;
float:right}

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

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

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

.txt{
font-size:12px;
line-height:20px;
padding:10px;
color:#09420d}

.txt h1,
.txt h2{
font-size:14px;
/*letter-spacing:0.1em;*/
line-height:20px}

.txt h1{
font-weight:bold}

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

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

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

#carte a{
text-decoration:underline}

hr{
height:1px;
margin:10px 5px;
color:#fff;
background:#fff}

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

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