@charset "UTF-8";
/* CSS Document */

body {margin: 0; padding: 0; background: url(../../img/testbed_subdomain/bg.png) 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #493129;}
* {margin: 0; padding: 0;}

a {text-decoration: none;}
li {list-style: none;}



/* DIVS */
div#wrapper {width: 920px; height: 560px; position: absolute; top: 50%; bottom: 50%; left: 50%; margin-top: -280px; margin-left: -460px;}

div#main {width: 920px; height: 530px; -moz-box-shadow: 0 0 20px #444; -webkit-box-shadow: 0 0 20px #444; box-shadow: 0 0 20px #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}

/* HEADER */
div#main div#header {position: relative; height: 70px; padding: 10px 0 0 15px; background: url(../../img/testbed_subdomain/bg_header.png) 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div#main div#header a#link_home {display: inline-block; color: #FFF; margin-bottom: 10px;}
div#main div#header a#link_home:hover {color: #000;}
div#main div#header p#lang {color: #9D8F81; font-size: 16px;}
div#main div#header p#lang a {color: #FFF; font-size: 15px;}
div#main div#header p#lang a:hover, div#main div#header p#lang span {color: #3D3328;}
div#main div#header p#lang span.arial {color: #FFF;}
div#main div#header h1 {position: absolute; top: 0px; left: 315px;}
div#main div#header p#place {position: absolute; top: 27px; right: 5px;}

/* CONTENT */
div#main div#content {position: relative; z-index: 200; overflow: hidden; top: -15px; height: 380px; background: #FFFDFB; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div#main div#content h2 {display: none;}
div#main div#content a {color: #493129;}

div#main div#content div#slide img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div#main div#content a.slider {position: absolute; top: 160px; z-index: 500; display: block; width: 38px; height: 67px; text-indent: -9999px;}
div#main div#content a.slider#prev {left: 15px; background: url(../../img/home/testbed_subdomain/fleche_left.png) no-repeat 0 0;}
div#main div#content a.slider#next {right: 15px; background: url(../../img/home/testbed_subdomain/fleche_right.png) no-repeat 0 0;}

/* POPIN NEWS */
div#main div#content div#popin {position: absolute; top: 0; left: 0; z-index: 1000; background: #FFF; width: 370px; height: 330px; padding: 30px 20px 20px 20px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div#main div#content div#popin a.close {position: absolute; top: 0; right: 0;}
div#main div#content div#popin h3 {color: #892001; font-size: 12px; margin-bottom: 5px;}
div#main div#content div#popin img, div#main div#content div#popin p {margin-bottom: 10px;}


/* NAV */
div#main div#nav {position: relative; z-index: 100; top: -30px; height: 100px; background: url(../../img/testbed_subdomain/bg_nav.png) 0 bottom repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div#main div#nav ul {padding: 30px 0 0 100px;}
div#main div#nav li {display:block;float:left;}
div#main div#nav a {height:60px;display:block;float:left;text-indent:-9999px;background:url(../../img/en/testbed_subdomain/nav.png) no-repeat;}
div#main div#nav li#m1 a {background-position:0 0;width:73px;}
div#main div#nav li#m1 a:hover {background-position:0 -60px;}
div#main div#nav li#m2 a {background-position:-73px 0;width:100px;}
div#main div#nav li#m2 a:hover {background-position:-73px -60px;}
div#main div#nav li#m3 a {background-position:-173px 0;width:108px;}
div#main div#nav li#m3 a:hover {background-position:-173px -60px;}
div#main div#nav li#m4 a {background-position:-281px 0;width:100px;}
div#main div#nav li#m4 a:hover {background-position:-281px -60px;}
div#main div#nav li#m5 a {background-position:-381px 0;width:90px;}
div#main div#nav li#m5 a:hover {background-position:-381px -60px;}
div#main div#nav li#m6 a {background-position:-471px 0;width:162px;}
div#main div#nav li#m6 a:hover {background-position:-471px -60px;}
div#main div#nav li#m7 a {background-position:-633px 0;width:72px;}
div#main div#nav li#m7 a:hover {background-position:-633px -60px;}

/* FOOTER */
div#footer {position: relative;}
div#footer iframe {position: absolute; top: 5px; left: 5px;}
div#footer ul {position: absolute; top: 5px; right: 5px;padding: 5px 15px; background: url(../../img/testbed_subdomain/bg_footer.png) 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;/* behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);*/}
div#footer ul li {display: inline; color: #E5E0DA; font-size: 11px;}
div#footer ul li a {color: #E5E0DA; padding: 0 20px;}
div#footer ul li a:hover {color: #48302A;}



/*########################## PAGES #########################*/

/* SLIDESHOW */
#slideshow {float:left;margin:40px 0 0 50px;height:285px;width:470px; -moz-box-shadow: 0 0 20px #999; -webkit-box-shadow: 0 0 20px #999; box-shadow: 0 0 20px #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}

/* SCROLLPANEL (styles communs) */
.jspContainer {overflow:hidden;position:relative;}
.jspPane {position:absolute;}
.jspVerticalBar {position:absolute;top:0;right:0;width:11px;height:100%;}
.jspArrowUp {background:url(../../img/testbed_subdomain/arrowup.png) no-repeat 0 0;}
.jspArrowDown {background:url(../../img/testbed_subdomain/arrowdwn.png) no-repeat 0 0;}
.jspArrow {text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled {cursor:default;}
.jspVerticalBar .jspArrow {height:11px;}
.jspCap {display:none;}
.jspTrack {background:#BCA58C;position:relative;}
.jspDrag {background:#D1BCA0;position:relative;top:0;left:0;cursor:pointer;}


/* SCROLLPANEL (spécific) */
.scroll-pane {float: right; width: 505px; height: 380px; background: #D4C8BD; overflow: auto; outline: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -3px 0 3px #CCC; -webkit-box-shadow: -3px 0 3px #CCC; box-shadow: -3px 0 3px #CCC; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}

/* OVERLAY */
div.overlay {display:none;z-index:10000;position:absolute;top:0;left:35px;background:#FFFDFB;height:380px;width:340px;}
div.overlay div.plat {width: 340px; height: 295px; margin: 25px auto 0 auto; overflow: hidden; background: #FFFDFB; text-align: center;}
div.overlay p {text-align: left; height:70px; width: 300px; margin: 10px auto; color: #FFF;padding:10px;overflow:hidden;font-size:11px;line-height: 14px; background: #8E8173; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
div.overlay img {height:195px;width:320px;}


/* LISTE PLATS */
div#main div#content dl.liste {margin:20px 0 10px 10px;}
div#main div#content dl.liste dt {display:none;}
div#main div#content dl.liste dd {margin-bottom:10px;}
div#main div#content dl.liste dd a {display:block;color:#493129;text-decoration:none;padding:1px 15px;background:url(../../img/carte/testbed_subdomain/puce-carte.png) no-repeat 0 3px;}
div#main div#content dl.liste dd a:hover {color:#FFF;background: #8A1D03;}

ul.m-menus {margin:50px 0 0 35px;width:290px;height:230px;float:left;}
ul.m-menus li {height:70px;text-align:right;}
ul.m-menus a {display:block;text-transform:uppercase;font-size:16px;color:#493129;text-decoration:none;}
div#main div#content ul.m-menus a:hover, div#main div#content ul.m-menus li.selected a {color:#8A1D03;}


/*==================== MENUS ====================*/
body#carte div#main div#nav li#m1 a {background-position:0 -60px;}
body#carte div#content {background: #FFFDFB url(../../img/carte/testbed_subdomain/bg_carte.png) no-repeat 55px 50px;}


/*==================== SET MENUS ====================*/
body#menus div#main div#nav li#m2 a {background-position:-73px -60px;}
body#menus div#content {background: #FFFDFB url(../../img/menu/testbed_subdomain/bg_menus.png) no-repeat 75px 55px;}


/*============================== RÉSERVATION ==============================*/
body#resa div#main div#nav #m3 a {background-position:-173px -60px;}
body#resa #resa-left {float:left;width:220px;padding:45px 0 0 30px;background:url(../../img/resa/testbed_subdomain/bg_reservation.png) no-repeat 15px 65px;}
body#resa #resa-left h3 {font-size:15px;font-weight:normal;margin-bottom:10px;}
body#resa #resa-left p {font-size:13px;line-height:20px;}
body#resa #resa-left p a {text-decoration:none;font-size:13px;color: #493129;}
body#resa #resa-left a:hover {color:#8A1D03;}
body#resa #resa-right {float:right;width:670px; height: 380px;position:relative;background: #D4C8BD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -2px 0 2px #DDD; -webkit-box-shadow: -2px 0 2px #DDD; box-shadow: -2px 0 2px #DDD; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
body#resa #resa-right #form-resa, 
body#resa #resa-right #plan, 
body#resa #resa-right #infos {display:none;position:absolute;top:0;left:0;}
body#resa ul.tabs {height:132px;width:200px;margin-top:35px;}
body#resa ul.tabs li {margin-bottom:20px;}
body#resa ul.tabs a {display: block; color: #493129;text-decoration:none;font-size:14px;background:url(../../img/resa/testbed_subdomain/puce_off.png) no-repeat 0 3px;padding-left:20px;}
body#resa ul.tabs a:hover, body#resa ul.tabs a.current {color:#8A1D03 !important;background:url(../../img/resa/testbed_subdomain/puce_on.png) no-repeat 0 3px;}

body#resa #coordonnees {width:670px;height:382px;}
body#resa #form-resa {width:635px;height:357px;padding:15px 20px 10px 15px;}
body#resa #form-resa label {font-size:13px;}
body#resa #form-resa span.civil {padding-right:30px;}
body#resa #form-resa small {display:block;padding-bottom:5px;font-size:11px;}
body#resa #form-resa table {width:635px;}
body#resa #form-resa table td {height:25px;}
body#resa #form-resa table input.text {height:18px;border:none;background:#FFF;}
body#resa #form-resa table textarea {height:145px;width:250px;border:none;background:#FFF;margin-top:3px;}
body#resa #form-resa table .col2 input.text {width:225px;}
body#resa #form-resa table .col4 input.text {width:115px;}
body#resa #form-resa table td.col1 {width:115px;text-align:right;padding-right:10px;}
body#resa #form-resa table td.col2 {width:250px;}
body#resa #form-resa table td.col3 {width:130px;text-align:right;padding-right:10px;}
body#resa #form-resa table td.col4 {width:120px;}

body#resa #ui-datepicker-div {display:none;}
body#resa .ui-datepicker-title span {font-size: 11px;}
body#resa .ui-datepicker th span {font-size: 11px;}

body#resa #resa-right #plan {padding-top: 15px;}

body#resa #infos {background:url(http://testbed.guysavoy.qa/library/img/bg-form-resa.png) repeat-x 0 0;width:630px;height:332px;padding:30px 20px 20px 20px;}
body#resa #infos h3 {color:#8A1D03;font-size:14px;margin-bottom:10px;}
body#resa #infos * {font-size:13px;}
body#resa #infos p {margin-bottom:10px;}
body#resa #infos ul {margin:0 0 15px 15px;}
body#resa #infos li {background:url(../../img/resa/testbed_subdomain/puce.png) no-repeat 0 4px;padding-left:13px;margin-bottom:5px;}

#message {display:block;position:absolute;background:#8A1D03;border:2px solid #FFF;padding:30px 0;width:300px;top:150px;left:180px;}
#message p {font-size:14px;text-align:center;color:#FFF;}
#message a {position:absolute;top:5px;right:5px;text-decoration:none;padding:0 2px;color:#FFF !important;}
#message a:hover {border:1px solid #FFF;}
#main #message {filter:none;}

.b-error-tooltip {position:absolute;background:#8A1D03;border:2px solid #FFF;padding:20px;width:250px;top:150px !important;left:180px !important;color:#FFF;font-size: 14px; font-weight: bold;}



/*============================== FILM ==============================*/
body#film div#main div#nav #m4 a {background-position:-281px -60px;}
body#film div#main #content {background:#000;}
body#film #video {position:absolute;top:0;left:116px;}


/*============================== PRIVATE ==============================*/
body#private div#main div#nav #m5 a {background-position:-381px -60px;}
body#private div#content div.visuels {float:left;width:355px;padding:20px 0 0 55px;}
body#private div#content div.visuels img {display: block; margin-bottom: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
body#private div#content div.txt {float:right;width:465px;height:345px;padding: 35px 20px 0 20px;background: #D4C8BD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -2px 0 2px #DDD; -webkit-box-shadow: -2px 0 2px #DDD; box-shadow: -2px 0 2px #DDD; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
body#private div#content div.txt h3 {font-size:14px;color:#8A1D03;margin-bottom:15px;}
body#private div#content div.txt p {margin-bottom:10px;line-height: 16px;}


/*============================== OTHER RESTOS ==============================*/
body#restos div#main div#nav #m6 a {background-position:-471px -60px;}
body#restos #maisons {background:url(../../img/restos/testbed_subdomain/bg-restos.jpg) no-repeat 0 0;width:825px;height:285px;margin:55px 0 0 50px;}
body#restos #maisons h3 {text-indent:-9999px;font-size:1px;height:0;}
body#restos #maisons li {float:left;width:135px;height:285px;margin-left:3px;}
body#restos #maisons li:first-child {margin:0;}
body#restos #maisons a {display:block;float:left;text-indent:-9999px;width:135px;height:285px;}
body#restos #maisons a:hover {background:url(../../img/restos/testbed_subdomain/lien-site.png) no-repeat 0 266px;}


/*============================== PRESS ==============================*/
body#press div#main div#nav #m7 a {background-position:-633px -60px;}
body#press #presse {background:url(../../img/press/testbed_subdomain/bg-press.jpg) no-repeat 0 0;width:827px;height:285px;margin:55px 0 0 50px;}
body#press #presse h3 {text-indent:-9999px;font-size:1px;height:0;}
body#press #presse li {float:left;width:163px;height:285px;margin-left:3px;}
body#press #presse li:first-child {margin:0;}
body#press #presse a {display:block;float:left;text-indent:-9999px;width:163px;height:285px;}
body#press #presse a:hover {background:url(../../img/press/testbed_subdomain/lien-pdf.png) no-repeat 0 266px;}


/*============================== APPLIS ==============================*/
body#applis .applis {background:url(../../img/applis/testbed_subdomain/bg-applis.jpg) no-repeat 495px 75px; width:920px;height:380px;}
body#applis .applis .txt {float:left; width: 350px; height: 280px; padding: 80px 40px 20px 60px;background: #D4C8BD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 0 2px #DDD; -webkit-box-shadow: 2px 0 2px #DDD; box-shadow: 2px 0 2px #DDD; behavior: url(http://testbed.guysavoy.qa/library/scripts/PIE.htc);}
body#applis .applis .txt p {margin-bottom:15px;}
body#applis .applis ul {float:left;margin:75px 0 0 315px;}
body#applis .applis ul li.last {margin-top:137px;}
body#applis .applis ul li a {display:block;width:80px;height:20px;text-indent:-9999px;}


/*============================== LEGAL NOTICES ==============================*/
#legalcontent {width:780px;height:290px;overflow:auto;outline:none;margin-left:70px;}
body#legal div#main #content h2 {display:block;margin:20px 0 30px 70px;font-size:16px;color:#671000;}
body#legal #content h3 {font-size:14px;margin-bottom:15px;border-bottom:1px solid #671000;}
body#legal #content a {text-decoration: underline;}
body#legal #content a:hover {text-decoration: none;}
body#legal #content p {margin-bottom:10px;}


/*============================== CREDITS ==============================*/
body#credits .credits {background:url(../../img/credits/testbed_subdomain/bg-credits.png) no-repeat 0 0;width:822px;height:285px;margin:55px 0 0 50px;}
body#credits .credits div {float:left;width:274px;text-align:center;}
body#credits .credits * {color:#D4CFC9;font-size:14px;}
body#credits .credits h3 {text-indent:-9999px;height:100px;}
body#credits .credits p {margin-bottom:25px;}
body#credits .credits img {display:block;margin:10px auto;}