﻿* {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
html{
    height:100%;
}
body{
    height:auto !important;
    min-height:100%;
    min-width: 998px;
    position: relative;
}
body:after, #affiche-message .block-events:after, #feedback .content-page:after, #restaurant .content-page:after  {
    content:'';clear: both;height:0;display: block;
}
a img, fieldset{
    border: none;
}
ol, ul { list-style: none;}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
#mainImg{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index:-10;
}
#mainImg img{
    top: 0;
    width: 100%;
    position: absolute;
}
#logo{
    position: absolute;
    top:28px;
    right:24px;
}
#fbg1{
    position:absolute;
    width:100%;
    bottom:60px;
    left:0;
}
#fbg1 div{
    margin-right:470px;
    background:url('../../img/site/fbg1.png') repeat-x 100% 0;
    height:9px;
}
#affiche #fbg1 div {background-position: 100% -11px;}
#beach #fbg1 div, #feedback #fbg1 div {background-position: 100% -21px;}
#club #fbg1 div {background-position: 100% -31px;}
#restaurant #fbg1 div {background-position: 100% -41px;}
#photo #fbg1 div {background-position: 100% -51px;}
.op{
    opacity: 0.45;
}
#affiche .op {opacity: 0.20;}
#beach .op, #feedback .op {opacity: 0.85;}
#club .op {opacity: 0.47;}
#restaurant .op {opacity: 0.60;}
#photo .op {opacity: 0.72;}
#afishaBl{
    position: absolute;
    left:0;
    top:47%;
    width: 50%;
    margin-left: 50%;

   /* position: relative;
    margin:50px 0 0 -155px;   */
    z-index: 10;
}

#afishaBl p{
    display: none;
}
#afishaBl p.active{
    display: block;
}
#afishaBl a{
    position: absolute;
    top:6px;
    left:45px;
    border-radius: 150px;
    display: block;
    overflow: hidden;
}
#afishaBl span{
    color: #443526;
    position: absolute;
    left: 275px;
    top:23px;
}
#afishaBl b{
    color: #b9925c;
    position: absolute;
    left: 290px;
    top:53px;
}

#leftAr{
    left: 0;
}
#rightAr{
    background-position: -27px 0 !important;
    left: 310px;
}
#about{
    /*position: absolute;
    top:31%;
    left: 90px;
    width: 560px;*/
	font: 13px verdana;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);

    padding: 8px;

    margin-bottom: 80px;

}
#about2{
    /*position: absolute;
    top:31%;
    left: 90px;
    width: 560px;*/
    font: 14px arial;
    color: #fff;
    overflow: hidde 0px;

}

#about div {height: 15px;}
#phone{
    position:absolute;
    top:70%;
    left:90px;
    color:#fff;
}

#phone p{
    font: 75px/53px georgia;
}
#fbg2{
    background:#000;
    position:absolute;
    bottom:0;
    left:0;
    height:60px;
    width:100%;
}
#affiche #fbg2 {background:#e2c0d8;}
#beach #fbg2, #feedback #fbg2 {background:#033249;}
#club #fbg2 {background:#80848a;}
#restaurant #fbg2 {background:#70260a;}
#photo #fbg2 {background:#3a1903;}

#affiche #wave {background-position: 0 -80px;}
#beach #wave, #feedback #wave {background-position: 0 -160px;}
#club #wave {background-position: 0 -240px;}
#restaurant #wave {background-position: 0 -320px;}
#photo #wave {background-position: 0 -400px;}
#copy{
    position:absolute;
    left:25px;
    bottom:17px;
}
#leftf{
    position:absolute;
    left:345px;
    bottom:17px;
    color:#fff;
    font:11px arial;
    border-left:1px solid #FFF;
    padding-left: 10px;
}
#leftf span{
    margin-right:15px;
}
#leftf a, #rightf a{
    color:#fff;
}
#rightf a.first {padding:3px 13px 3px 0; margin-right: 12px; border-right: 1px solid #FFF;}
#leftf a.first {margin-right: 18px;}
#rightf{
    position:absolute;
    right:30px;
    bottom:25px;
    color:#fff;
    font:11px arial;
}

.sidebar{margin-left: 100%;}
#menu {font:normal 55px/1em 'CredisCNormal', sans-serif; padding:44px 0 0 33px;border-left: 1px solid #6e4f32;}
#menu a{color: #6e4f32;text-decoration: none;display: inline-block;}
#menu a ins {display: block;height: 1px;background-color: #6e4f32;margin-top: -7px;}

h1 {font:normal 95px/1em 'CredisCBold', sans-serif;}
#about h1 {margin: 0 0 11px 7px}
#beach h1 {color: #56aec5;margin:0 80px -13px 65px;}
#club h1, #feedback h1, #restaurant h1 {color: #fff;margin:0 80px -13px 65px;}
#affiche h1 {color: #fff;position: absolute;top:-95px;left: 0}
#photo h1 {color: #FFF;margin:-60px 80px 0 90px;font-size: 60px;}
#restaurant h1 {margin-bottom: -23px;}

#menu a:hover ins,#menu .selected ins {background: #FFF;}
#menu a:hover, #event-info .link:hover {color: #FFF;}
#affiche #menu a:hover ins,#affiche #menu .selected ins {background: #ED6CAA;}
#affiche #menu a:hover {color: #ED6CAA;}
#beach #menu a:hover ins,#beach #menu .selected ins,#feedback #menu a:hover ins,#feedback #menu .selected ins {background: #AE7853;}
#beach #menu a:hover, #feedback #menu a:hover {color: #AE7853;}
#club #menu a:hover ins,#club #menu .selected ins {background: #DA7FE6;}
#club #menu a:hover {color: #DA7FE6;}
#restaurant #menu a:hover ins,#restaurant #menu .selected ins {background: #FFD071;}
#restaurant #menu a:hover {color: #FFD071;}
#photo #menu a:hover ins,#photo #menu .selected ins {background: #FEDE93;}
#photo #menu a:hover {color: #FEDE93;}


.content {float: left;width: 100%;max-width: 1100px;padding-bottom: 2px;min-height: 20px;}
.text-box {height: 165px;overflow: hidden;margin-bottom: 10px;}
.content, #beach .content , #club .content, #feedback .content {padding-top: 12px;}
.content-page {padding: 21px 21px 21px 70px;margin-right: 180px;}
#beach .content-page, #club .content-page, #feedback .content-page, #restaurant .content-page
{
    font: italic 13px/1.35em Georgia, serif; color: #FFF;
    height: 270px;padding-left: 65px;
}
.content-2 {padding: 21px 21px 21px 90px;margin-right:80px;}
#beach .content-2, #club .content-2, #feedback .content-2, #restaurant .content-2
{
    font-size: 18px; color: black; font-family:arial;
    height: 270px;padding-left: 65px;
}
#beach .content-page {position: relative;}
#photo .content-page {min-width: 550px;}
#feedback .content-page {margin: 0;padding: 21px 20px 21px 65px;height: auto;}
#affiche .content-page {
    color: #FFF;font-family: Arial, sans-serif;padding: 21px 20px 21px 65px;
}
#restaurant .content-page {height: auto;padding-right: 0;margin-right: 0;}

.content-page-bg {display: none;}
#beach .content-page-bg, #feedbackform .content-page-bg, #affic3he .current-event-img ins, #affiche .block-events-bg,
#affiche-live-events li s, #photo .current-event-img ins, #photo .content-page-bg, #restaurant .content-page-bg
{
    background-color: #44a3bc; opacity: 0.85;display: block;
    position:absolute;top:0;left: 0;bottom: 0;   right:0; z-index: -10;
}
#beach .content-page-bg {
    -moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;
}
#feedbackform .content-page-bg {
    opacity: 0.24;background-color: #000;
}
#photo .content-page-bg, #restaurant .content-page-bg
{
    opacity: 0.70;background-color: #705d54;
}
#affiche .current-event-img ins, #photo .current-event-img ins
{
   background-color: #FFF;display: block;opacity:0.30;
}
#affiche .block-events-bg {
    background-color: #911270;opacity:0.22;
}
#affiche-live-events li s {
    background-color: #ff6eb4;opacity:0.26; display: none;
}
#feedbackform .content-page-bg, #affiche .current-event-img ins, #affiche .block-events-bg, #photo .current-event-img ins,
#photo .content-page-bg, #restaurant .content-page-bg
{
    -moz-border-radius:8px;border-radius:8px;
}
#club .booking-form {
margin-top: 48px;
float:left;
}
#beach .jcarousel-container, #club .jcarousel-container
{
    padding: 0; width: 100%;max-width: 655px;border: 0;background: none;margin-right: 22px;
}
#beach .jcarousel-clip, #club .jcarousel-clip
{
    height: 94px; width: auto;
}
#beach .jcarousel-item, #club .jcarousel-item
{
    height: 89px; width: 111px;padding: 5px 0 0 10px;text-align: center;
}
#beach #jcarousel.default li a, #club #jcarousel.default li a
{
    display: inline-block;border: 2px solid #b7e8f7;
    -moz-border-radius:3px;border-radius:3px;
    -moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;
}
#club #jcarousel.default li a {border: 2px solid #aaa;}
#beach #jcarousel.default li a img, #club #jcarousel.default li a img
{
    border: 1px solid #e3f7f3;display: block;
}
#beach .jcarousel-prev , #beach .jcarousel-next,
#club .jcarousel-prev , #club .jcarousel-next
{
    background:url('../../img/site/arrow.png') no-repeat 0 -46px;
    width: 12px;
    height: 22px;
    top:38px;
    left: -23px;
}
#beach .jcarousel-prev.jcarousel-prev-disabled , #beach .jcarousel-next.jcarousel-next-disabled,
#club .jcarousel-prev.jcarousel-prev-disabled , #club .jcarousel-next.jcarousel-next-disabled,
#affiche .jcarousel-prev-vertical.jcarousel-prev-disabled, #affiche .jcarousel-next-vertical.jcarousel-next-disabled,
#affiche .jcarousel-prev-horizontal.jcarousel-prev-disabled ,#affiche .jcarousel-next-horizontal.jcarousel-next-disabled
{
    background: none;
}
#beach .jcarousel-next, #club .jcarousel-next {
    background-position: -12px -46px;
    left: auto;
    right: -22px;
}
#club .jcarousel-prev { background-position: -24px -46px;}
#club .jcarousel-next { background-position: -36px -46px;}

#affiche .jcarousel-container-vertical {height: auto;padding: 0;width: auto;background: none;border: none;margin-left: -14px;}
#affiche .jcarousel-clip-vertical {height:270px;width: 100%;}
#affiche .jcarousel-prev-vertical, #affiche .jcarousel-next-vertical
{
    background:url('../../img/site/arrow.png') no-repeat 0 -68px;
    width: 45px;
    height: 27px;
    right: 14px;
    left: auto;
    top: -51px
}
#affiche .jcarousel-next-vertical {
    background-position: 0 -95px;
    bottom: -51px;
    top:auto;
}
#affiche .jcarousel-container-horizontal {padding: 0;width: 590px;background: none;border: none;}
#affiche .jcarousel-clip-horizontal {padding: 0;width: 590px;height: 100px;}
#affiche .jcarousel-prev-horizontal ,#affiche .jcarousel-next-horizontal
{
    background:url('../../img/site/arrow.png') no-repeat -48px -46px;
    width: 12px;
    height: 22px;
    top:37px;
    left: -35px;
}
#affiche .jcarousel-next-horizontal {
    background-position: -60px -46px;
    left: auto;
    right: -35px;
}


#feedbackform {width: 65%;padding: 9px 12px 0;float: left;position: relative;}
#photo-leave-message {width: 100%;padding: 9px 12px 0;float: left;position: relative;}
#feedbackform fieldset, #photo-leave-message fieldset {margin-right: 14px;}
#feedbackform legend, #photo-leave-message legend  {padding-bottom: 18px;display: block;}
#photo-leave-message legend {color: #d4a971!important;}
#feedbackform legend, .contacts-address a, #photo-leave-message legend  {font: 11px/1em Arial, sans-serif;color: #FFF;}
#feedbackform label, #photo-leave-message label {font: 13px/1.35em Arial, sans-serif;}
#photo-leave-message .button {position: absolute;bottom: -54px;left:-3px;}
#photo-leave-message input, #photo-leave-message textarea {background-color: #f5c895; color:#905c3b;border-color: #503a29;}

.form dd, .form .captcha {position:relative;}
.form dd > *, .form .captcha input {
    border: 1px solid #B3B9C3;
    color: #5D5D5D;
    font: 11px/1.5 arial,sans-serif;
    margin-bottom: 20px;
    width: 100%;

}
.form dd input, .form .captcha input {padding:3px 7px;-moz-border-radius:3px;border-radius:3px;}
.form dd textarea {min-height:150px;padding:3px 7px;-moz-border-radius:3px;border-radius:3px;}
#feedbackform input, #feedbackform textarea {
    color: #73899e;
    /*-moz-box-shadow:inset 0 1px 3px #5b748b;
    box-shadow:inset 0 1px 3px #5b748b;     */
}
.requ {font-style: italic;margin: 20px 0 0 10px;}
/*
.form dd.required:before{
    content:"*";
    color:#6c185f;
    font-size:20px;
    float:right;
    margin:-10px -15px 0 0;
}  */
.h3 {
    display:block;font:normal 25px/1em 'CredisCBold', sans-serif;color: #FFF;
     margin: 21px 0 -7px 66px;
}

.button {
    background: url('../../img/site/button-p.png') repeat-x 0 -49px ;
    height: 28px;padding:10px 0;position: relative;  display: inline-block;margin: 0 14px 0;
}
.button i, .button s
{
    display: block;position: absolute;width:25px;height:48px;top:0;left:-25px;z-index: -5;
    background: url('../../img/site/button-p.png') no-repeat 0 0 ;
}
.button s {left: 100%;background-position: -25px 0;}
.button button {
    border: none;background: none;font:bold 11px/14px Arial, sans-serif;
    padding:7px 0; color: #a45500;cursor: pointer;margin: 0 -11px;
}
.button span {display: block;padding: 0 11px;}

.form label {display:block;margin-bottom:3px;font-size:12px;}
.form .captcha {margin:0 14px 0 70px}
.form .captcha input {margin-bottom: 12px;}
.form #capture-img {
    float: left;margin-top: -2px;
}
.form .sub {
    position: absolute;z-index:1;top:100%;right: 0;margin: 11px 11px 0 0 ;
    background: url('../../img/site/button-bg.gif') repeat-x 0 0 ;
    border:none;padding:5px 12px 6px;color:#8c5309;cursor:pointer;
    -moz-border-radius:15px;border-radius:15px;font:normal 11px/14px Arial, sans-serif;
}
.form .sub:hover {color: #8c4003;}
.form label.error {
    height:auto;width:150px;background-color: red;color: #FFFFFF;padding: 2px 4px;border:none;margin: 0 0 0 26px;
    top:0;position:absolute;float:none;right:-165px;font-size:13px;font-style:normal;z-index:10;
}
.form .h5 {
    color: #FFF;font:normal 13px Arial, sens-seif;padding: 2px 4px;opacity: 0.65;max-width: 424px;margin-left: 5px;
    display: inline-block;
    -moz-border-radius:5px;border-radius:5px;
}
.form .h5.green {background-color: #008000;}
.form .h5.red {background-color: #ff0000;}
.form #booking-options #booking-process , .form #process, #photo-process{
    position: absolute; right: -178px; top:26px;display: block;
    width: 26px;height: 26px;background: #f8c666 url('../../img/site/load.gif') no-repeat 50% 50%;
    -moz-border-radius:13px;border-radius:13px;
}
.form #process {top:auto;bottom:-36px;right: -30px;}
.form #result {position: absolute;bottom:-34px;max-width: 375px;}
#photo-process {top:auto;bottom:-45px;left:100px;}
.form .close-form {
    width: 9px;height: 9px;position: absolute;top:11px;right:8px;cursor: pointer;
    background: url('../../img/site/close-f.gif') no-repeat 0 0;
}

.contacts-address {margin-left: 65%;padding-left: 62px;}
.contacts-address p {margin-bottom: 23px;}
.contacts-address a:hover, #leftf a:hover
{
    color: #00ADEF;
}
#booking {margin-top: 32px;}
#booking legend {
    font:bold 25px/1em 'CredisCBold', sans-serif;color: #FFF;margin:0 0 7px 11px;
    position: absolute;top:-32px;
}
#booking fieldset {display: inline-block;width: 243px;margin-right: 23px;vertical-align: top;position: relative;}
#booking fieldset:first-child dd {background: url('../../img/site/booking.png') no-repeat;padding: 4px 12px;}
#booking dd {margin-bottom: 12px;padding:0;}
#booking input {border: none;width: 219px;padding:0;line-height: 14px;outline:none;margin: 5px 0 4px;}
#booking select {width: 72px;color: #5D5D5D;margin: 4px 0 0;border-width: 1px;height: 17px;line-height: 14px;}

#booking .field {display: inline-block;border: none;width: auto;position: relative;margin-bottom: 0; }
#booking fieldset.date-field .field {padding:4px 12px 6px;margin-right: 4px;}
#booking fieldset.date-field ins {
    display: inline-block;width: 17px;height: 17px;position: absolute;left:0;top:10px;
    background: url('../../img/site/booking.png') no-repeat -178px -31px;
    border: none;margin:-4px 3px 0 0;vertical-align: middle;
}
#booking fieldset.date-field  dd {padding-left: 20px;}
#booking fieldset.date-field  dd:first-child ins {
    width: 18px;height: 18px;background-position: -160px -31px;margin:-4px 2px 0 0;
}

#booking .select {
	position: absolute;
	width: 64px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 22px;
	padding: 9px 20px 0 12px;
	color: #5D5D5D;
	font: 11px/14px arial,sans-serif;
	background: url('../../img/site/booking.png') no-repeat -64px -31px;
	overflow: hidden;
    top:0;left:0;
}
#booking .field:first-child .select {width: 32px;background-position: 0 -31px;}
#booking .field:first-child select {width: 40px;}

#booking-options {height: 87px;position: absolute;top:0;margin-left: 100%;z-index: 15;}
#booking-options .amount {
    font:bold 94px/1em 'RodeoNormal', serif;color: #FFF;margin: -8px 0 0 -40px;position: relative;
    height: 87px;
}
#booking-options .plus, #booking-options .minus
{
    width: 16px;height: 17px;position: absolute;top:8px;right: -48px;
    background: url('../../img/site/booking.png') no-repeat -195px -31px;
    cursor: pointer;
}
#booking-options .minus {background-position: -211px -31px;right: -25px;}
#booking-options .persons-icon {
    width: 37px;height: 16px;position: absolute;bottom:17px;right: -47px;
    background: url('../../img/site/booking.png') no-repeat -74px -62px;
}
#booking-options .sub {
    position: absolute; right: -153px; top:15px;
    background: url('../../img/site/booking.png') no-repeat 0 -62px;
    padding-left: 15px;padding-right: 12px;cursor: pointer;
}
#feedback #booking-options {margin-left: 60px;top:87px;}
#feedback .booking-form {margin-top:86px;margin-left: 24px;}
#feedback .booking-form .date-field {margin-left: -24px;}
#feedback .booking-form label.error {
    left: -100%;  margin: 2px 0 0 70px; text-align: right;
}
#photo-leave-message label.error {text-align: right;left: 0;margin: 2px 0 0 -175px;}
#photo-leave-message .captcha label.error {margin-left:  -245px;}
#feedback #booking-result {margin-top: 85px;}
#feedback #booking-result .h5 {margin-left:-4px;}
#photo-result {bottom:-40px;left:100px;position: absolute;}

.comment-container {position: relative;}
.list-container {margin-left: -10px}
.form-container {position: absolute;top:0;left:0;width: 100%;}

#affiche .current-event-img, #photo .current-event-img  {
    position: relative;float: left;width: 240px; padding: 6px;
}
#affiche .current-event-img .img, #photo .current-event-img .img {display: block;overflow: hidden;max-height: 268px;border: 1px solid #250129;}
#affiche .current-event-img img, #photo .current-event-img img {max-width: 238px;display: block;}
#affiche .block-events, #photo .block-events  {
    margin-left: 292px;position: relative;vertical-align: top;
    padding:8px 0;height:270px;margin-bottom: 10px;
}
#affiche-live-events {padding-left: 12px!important;}
#affiche-live-events li {
    font-size: 13px;white-space: nowrap;padding:4px 15px 4px;position: relative;margin-bottom: 3px;
    cursor: pointer;  width: 100%; height: 16px;
}
#affiche-live-events .li {margin-right: 30px;overflow: hidden;}
#affiche-live-events li strong, #affiche-past-events .li strong {color: #efcce3;}
#affiche-live-events li i {color: #ba276f;margin: 0 9px;}
#affiche-live-events li span, #affiche-past-events .li span {color: #e2d7e1;}
#affiche-live-events li.selected strong, #affiche-live-events li.selected span, #affiche-live-events li.selected i
{
    color: #FFF;
}
#affiche-live-events li.selected s, #affiche-live-events li.selected ins,
#affiche-live-events li:hover s, #affiche-live-events li:hover ins
{
    display: block;
}
#affiche-live-events li.selected {cursor: default;}
#affiche-live-events li.selected span {font-weight: bold;}
#affiche-live-events li ins {
    display:none;position: absolute;left:-12px;top:0;width: 12px;height: 24px;
    background: url('../../img/site/arrow.png') no-repeat -60px 0 ;
}
#affiche-live-events img, #affiche-live-events .data,
#affiche-past-events img, #affiche-past-events .data,
#affiche .current-event-info .name
{
    display: none;
}
#event-info .link, #affiche-message .links{
    position: absolute;top: -34px;font-size: 11px;text-decoration: underline;color: #db5595;
    margin-left: 37px;display: block;
}
#event-info i , #affiche-message .links i{
    position: absolute;width: 55px;height: 55px;top:-22px;left: -51px;display: block;
    background: url('../../img/site/buttons.png') no-repeat 0 0 ;
}
#affiche .current-event-info {font-family: Georgia, serif;margin:0 80px 37px 7px;overflow: hidden;height: 99px;}
#affiche .current-event-info .date {font-size: 22px;text-transform: lowercase;margin-bottom: 4px;}
#affiche .current-event-info p {
    font-size: 11px; font-style: italic;line-height: 1.6em;
}
#affiche .block-events-past {padding-left: 6px;}
#affiche .block-events-past .title {font: 25px/1em 'CredisCBold',sans-serif;margin-bottom: 14px;}
#affiche-past-events {font-size: 11px;}
#affiche-past-events li {width: 285px;height: 100px;}
#affiche-past-events .li {white-space: nowrap;margin-bottom: 6px;overflow: hidden;}
#affiche-past-events .li strong {font-weight: 200;}
#affiche-past-events .li i {color: #6d4977;margin: 0 6px;}
#affiche-past-events .li span {text-decoration: underline;cursor: pointer;}
#affiche-past-events .li span:hover, #affiche-message .links:hover
{
    color: #FFF;
}

#affiche-message, #photo-message {
    position: absolute;z-index: 21;display: none;
    left: 0;top:0; right: 0;bottom: 0;
}
#affiche-message .message-container {padding: 100px 0 0 ;max-width: 850px;min-width:750px;width: 50%;margin:0 auto;}
#photo-message .message-container {margin: 0 100px;padding: 100px 0 0 ;}
#affiche-message  .current-event-img {width: 312px;}
#photo-message .current-event-img {width: 602px;}
#affiche-message  .current-event-img img {max-width: 310px}
#photo-message  .current-event-img img {max-width: 600px}
#affiche-message  .current-event-img .img, #photo-message  .current-event-img .img
{
    max-height: 100%;
}
#affiche-message  .block-events, #photo-message  .block-events {margin-left: 360px;font-family: Georgia, serif;color: #FFF;height: auto;}
#photo-message  .block-events {margin-left: 636px;padding:0;}
#affiche-message  .event-data-container {overflow: hidden;}
#affiche-message  .date {font-size: 22px;margin-bottom: 12px;text-transform: lowercase;}
#affiche-message  .name {font-size: 25px;margin-bottom: 28px;}
#affiche-message  .text {
    font-size: 13px; font-style:italic;margin-bottom: 18px;border-bottom: 1px solid #5c445f;padding-bottom: 28px;
    line-height: 1.55em;
}
#affiche-message  .text ul li:before {content: '— ';position: absolute;left: 0;top:-1px;display: block;}
#affiche-message  .text ul li {position: relative;padding-left: 20px;}
#affiche-message .links {font-family: Arial, sans-serif;top:auto;bottom: -26px;left: 0;}
#affiche-message .links#event-music {left: 205px;}
#affiche-message .links#event-photo i{background-position: 0 -55px;}
#affiche-message .links#event-music i{background-position: 0 -110px;}
#affiche-message  .text p {margin-bottom: 18px;}
#affiche-message  .close, #photo-message  .close {
    position: absolute;width: 43px;height: 43px;top:-20px;right: -20px;cursor: pointer;
    background: url('../../img/site/buttons.png') no-repeat 0 -165px ;
}
#photo-message  .close {background-position:0 -208px;}
#photo-message .date {font-size: 20px;margin:-9px 0 5px 0;}
#photo-message .name {font-size: 20px;margin:0 0 26px 0;}
#photo-message .title-comments {font: 25px/1em 'CredisCBold',sans-serif;margin-bottom: 6px;}
#photo-message .comments-wrapper {position: relative;}
#photo-message .top-s, #photo-message .bot-s
{
    width: 19px; height: 9px; position: absolute; top:-9px; right: 0;
    background: url('../../img/site/scroll.png') no-repeat -30px 0 ;
    display: none;
}
#photo-message .scrolled .top-s, #photo-message .scrolled .bot-s {display: block;}
#photo-message .bot-s {top:auto;bottom: -9px;background-position: -49px 0;}
#list-title {border-bottom: 1px solid #614f43;margin:0 22px 0 10px;padding-bottom: 6px;}
#photo-message .comments {max-height: 400px;overflow-y: auto;overflow-x: hidden;width: 100%;}
#photo-message .comments .comment-info {font:normal 11px Arial, sans-serif;color: #eab467;margin:13px 22px 1px 10px;position: relative;}
#photo-message .comments .comment-info strong {padding:1px 9px 1px 0;border-right: 1px solid #7d592f;margin-right: 9px;  }
#photo-message .comments .comment-info ins {
    position: absolute; left: -10px;top:5px;width: 4px;height: 4px;background-color:#eab467 ;
    -moz-border-radius:2px;border-radius:2px;
}
#photo-message .comments .comment-message {
    font-size: 13px;font-style: italic;border-bottom: 1px solid #614f43;padding-bottom: 5px;
    line-height: 1.40em;margin-bottom: 18px;margin-left: 10px;margin-right: 22px;
}
#photo-message .scrolled .comments .comment-info, #photo-message .scrolled .comments .comment-message {margin-right: 0;}
#affiche-message-bg, #photo-message-bg {
    background: #210625;opacity: 0.87;position: fixed;z-index: 20; display: none;
    left: 0;top:0; right: 0;bottom: 0;
}
#photo-message-bg {background: #281305;opacity: 0.92;}

.in-section .photo-gallery li {width: auto;}
.photo-gallery li {
    display: inline-block;width: 240px;padding: 5px;position: relative;margin: 0 20px 25px 0;
    font: normal 11px Arial, sans-serif;
}
.photo-gallery li * {display: block;}
.photo-gallery li a {text-decoration: none;overflow: hidden;}
.photo-gallery li .img {
    border: 2px solid #dca556;padding: 1px;float: left;
    -moz-border-radius:3px;border-radius:3px;
}
.photo-gallery li img {max-width: 94px;}
.photo-gallery li .txt {margin-left: 110px;}
.photo-gallery li .title {
    color: #bd6800;text-decoration: underline;margin: -3px 0 16px 0;
    height: 28px; overflow: hidden;
}
.photo-gallery li .date {color: #985919;padding-bottom: 4px;border-bottom: 1px solid #ecca8f;margin-bottom: 8px;min-height: 14px;}
.photo-gallery li .count {color: #da923a;position: relative;margin-left: 22px;}
.photo-gallery li .count i {
    position: absolute; width:16px;height: 15px;left:-22px;top:-1px;
    background: url('../../img/site/photo-bg.png') no-repeat 0 0 ;
}
.photo-gallery li:hover ins {opacity: 0.90;}
.photo-gallery ins {
    position:absolute;left: 0; top:0;right: 0;bottom:0;background-color:#fef7d8;opacity: 0.80;
    z-index: -10;
    -moz-border-radius:5px;border-radius:5px;
}
.message-container .keys {
    position: absolute;text-align: center;bottom: -39px;left:0;right: 0;font-family: Arial, sans-serif;color:#eab467;
}
.message-container .navigate {
    display: inline-block;position: relative;font-size: 12px;
}
.message-container .navigate .prev, .message-container .navigate .next
{
    display:block;position: absolute;width: 16px;height: 27px;left: -38px;top:-7px;
    background: url('../../img/site/arrow.png') no-repeat -45px -95px;
}
.message-container .navigate .next {

    background-position: -45px -68px ;
    left: auto;right: -38px;
}
#photo .warning-message {display: block;}


.photo-add-box {position:relative;}
.photo-add-box #add-photo {
    font: bold 16px Arial, sans-serif; color: #985919;position: absolute;top:-50px;text-decoration: underline;
    cursor: pointer;display: block;
}
.restaurant-carte-content {
    position: relative;padding:6px 14px 20px;font:normal 11px Arial, sans-serif;float: left;
    margin-bottom: 20px;
}
.restaurant-carte-content .mark {color: #c0aa8c;margin-bottom: 7px;margin-left: 9px;}
.restaurant-carte-content .title, .restaurant-about-content .title
{
    font: 23px/1em 'CredisCBold',sans-serif;
    margin:0 0 8px;
}
.restaurant-carte-content .title {padding-bottom: 6px;border-bottom: 1px solid #857771;margin:17px 0 8px;}
.restaurant-carte-content .list li {margin-bottom: 11px;font-size: 13px;white-space: nowrap;}
.restaurant-carte-content .list li > * {display: inline-block;vertical-align: top;}
.restaurant-carte-content .name {width: 337px;overflow: hidden;}
.restaurant-carte-content .price {font-weight: bold;color:#feeabf;width: 80px;text-align: right;}
.restaurant-carte-content .dose {color:#feeabf;width: 50px;text-align: right;}
.restaurant-carte-content .describe {
    display: block!important;white-space: normal;font-size: 11px;color: #ccc7c4;width: 350px;
}
#carte-select {width:466px;color: #895938;margin: 4px 0 11px;border-width: 1px;height: 17px;line-height: 14px;}
#restaurant #select  {
	position: absolute;
	width: 436px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 22px;
    padding:4px 22px 4px 8px;
	color: #895938;
	font: 11px/14px arial,sans-serif;
	background: url('../../img/site/restaurant-select.png') no-repeat 0 0;
	overflow: hidden;
}

#restaurant .booking-form{
float: left;
margin-top: 15px;
}

#restaurant-carte-countainer {height: 340px;overflow: hidden;position: relative;width: 510px;}
#restaurant-carte {margin-right: 50px;position: relative;}
.restaurant-about-content {float: left;margin-left: 24px;max-width: 300px;}

.icon-social a.competition {
    width: 84px;height:99px;display: block;position: absolute;top:0;left:-170px;
    background: url('../../img/site/competition.png') no-repeat 0 0;
}
/*
.carte-slide-prev, .carte-slide-next
{
    display: block;
    position: absolute;
    background:url('../../img/site/arrow.png') no-repeat 0 -122px;
    width: 45px;
    height: 27px;
    top:-38px;
    right: 14px;
    cursor: pointer;
}
.carte-slide-next {
    background-position: 0 -149px;
    top:auto;
    bottom: -38px;
}     */

/*
.warning-message {
    display: none;background: #FF0000;color: #FFF;position: absolute;top:50%;left: 0;right: 0;
    font-family: Arial, sans-serif; padding: 5px 10px;font-size: 11px;text-align: center;
}  */
.azimuth_best { 
    background: #000;
    padding: 8px;
    float: left;
    opacity: 0.40;
}
.azimuth_best2 { 
    background: #000;
    padding: 8px;
    float: left;
    opacity: 0.70;
}