/* CSS Document */
body {margin:0; padding:0; height:100%; background:#c0b0a1 url(../img/fond-body.jpg) top repeat-x; text-align:center}
body, td {padding:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#333}

#page {margin:50px auto 0 auto; padding:0; width:948px; height:584px; background:url(../img/fond-page.png) center no-repeat}
#header {position:absolute; left:50%; top:79px; height:94px; width:972px; margin:0 0 0 -486px; background-attachment:fixed; background: url(../img/fond-header.png) center repeat-x; z-index:100}
#content {margin:0 22px; height:540px; overflow: auto}
#content.accueil {background:url(../img/illu01.jpg) top no-repeat} /*pour hiver : illu01-w.jpg*/
#content.restaurant {background:url(../img/illu02.jpg) top no-repeat}
#content.events {background:url(../img/illu03.jpg) top no-repeat}
#content.acces {background:url(../img/illu04.jpg) top no-repeat}
#content.presse {background:url(../img/illu05.jpg) top no-repeat}
#content.contact {background:url(../img/illu06.jpg) top no-repeat}
#content.job {background:url(../img/illu07.jpg) top no-repeat}

#txt, #txt2, #txt3 {background:url(../img/fond-txt.png) bottom repeat; font-family:Georgia, "Times New Roman", Times, serif}
#txt {height:422px; margin:106px 12px 12px 12px; padding:0 460px 0 30px; overflow: auto}
#txt2 {height:422px; margin:106px 580px 12px 12px; padding:0 30px}
#txt3 {height:272px; margin:256px 580px 12px 12px; padding:0 30px}
#txt.clean {background:none; overflow:hidden}
#footer {margin:0 auto; padding:0; width:930px; height:20px}
#page, #header {text-align:left}

#job {width:122px; height:114px; position:absolute; right:50%; top:265px;}
#job.en {background: url(../img/work.png) center no-repeat}
#job.fr {background: url(../img/travailler.png) center no-repeat}
#job a {display:block; width:122px; height:114px}

#langues {position:absolute; top:40px; left:50%; margin:0 0 0 430px; font-size:80%; z-index:1000}
#logo {position:absolute; top:89px; left:50%; margin:0 0 0 -460px; z-index:1000}
a:link, a:visited {color:#7b0002; text-decoration:none}
a:hover {color:#b5553a}

ul#nav {margin:20px 35px 0 390px; height:auto; padding:0; font-weight:bold}
ul#nav.english {margin-left:395px}
ul#nav ul {margin:0; padding:0}
ul#nav li {float:left; list-style:none; margin:0; padding:0 12px; line-height:20px}
ul#nav li li {float:none; margin:0; padding:0; line-height:16px}

ul#nav li a, ul#nav li a:link, ul#nav li a:visited {color:#000}
ul#nav li ul li a, ul#nav li ul li a:link, ul#nav li ul li a:visited {color:#666}
ul#nav li a:hover, ul#nav li ul li a:hover {text-shadow:#999 1px 1px 1px; color:#363}
ul#nav li a.this, ul#nav li ul li a.this {color:#363}

#px {display:block; height:22px; width:1px}
.cache {display:none}
img {border: none}

h1 {margin:0; padding:1.8em 0 0.6em 0; font-size:1.8em; font-weight:normal; color:#000; text-shadow:#666 1px 1px 2px}
h1.home {padding:40px 0 0 580px; width:260px; font-size:2em; line-height:140%; color:#FFF; text-shadow:#000 3px 3px 4px}
#txt3 h1 {padding-top:1em}
h2 {margin:0; padding:0.5em 0 0 0; font-size:1.4em; font-weight:normal; text-shadow:#666 1px 1px 2px}
h3 {margin:0; padding:1em 0 0.5em 0;font-size:1em; font-weight:bold}
h4 {margin:0; padding:0; font-size:0.9em; font-weight:bold}
p {margin:0; padding:0.8em 0; line-height:150%}
.gecko p {line-height:143%}
.opera p {line-height:143%}
.ie p {line-height:141%}
.safari p {line-height:150%}

#footer p, #footer h3 {padding:0; margin:0; font-size:80%; line-height:100%; font-weight:normal}
#footer h3 {width: 490px}
h3#marlenaz {float:left; text-align:left}
p#artamedia {float:right; text-align:right; width:260px}

.illuright {float:right; margin: 0 0 6px 15px}
.illuleft {float:left; margin:0 15px 6px 0}

#gallery {position:absolute; top:200px; left:51%; width:402px; height:350px; margin:0; padding:0; z-index:10000}
ul#thumbnails {padding:0; margin:0; list-style:none; border-left:#FFF 1px solid; border-right:#FFF 1px solid}
ul#thumbnails  li {float:right; margin-right:-1px}
ul#thumbnails li a {width:75px; height:56px; padding:4px 3px; display:block; text-decoration:none; background:#fff}
ul#thumbnails li a img {width:75px; height:56px; border:0}
ul#thumbnails li a:hover {background:#FFF}

#gallery #fullsize {width:400px; height:300px; overflow:hidden; border:#FFF 1px solid}
#gallery #fullsize div {width:400px; height:400px}
#gallery #fullsize div img {display:block; margin:0 auto; border:0}