/*** Styles Généraux ***/

body{background:#FFF; margin:0; padding:0; font-family:'Roboto Slab', Verdana, sans-serif; font-size:14px; line-height:140%; color:#323131; overflow-x:hidden; font-weight:400;}
section{clear:both;}
.sectionInner{width:100%; max-width:1100px; margin:0 auto; position:relative;}
h1, h2, h3, h4, h5, h6{line-height:120%; margin:0 0 15px; font-weight:normal;}
img{max-width:100%; vertical-align:top;}
p{margin:15px 0;}
p.head{font-weight:bold; font-size:16px;}
a{cursor:pointer; color:#b37430; transition: background-color 0.6s;-webkit-transition: background-color 0.6s; /* Safari */}
h1, h2{color:#FFF; font-family:'Roboto Slab', Arial, sans-serif; font-weight:400; font-size:25px; line-height:120%;}
h3{color:#646262; font-size:18px; font-family:'Roboto Slab', Arial, sans-serif; font-weight:400;}
ul{margin:18px 0; padding:0 0 0 12px;}
li{background:url(images/puce-li.png) no-repeat left 8px; padding:0 0 0 12px; margin:0; list-style:none; color:#505050;}
.clear{height:0; margin:0; padding:0; clear:both; visibility:hidden;}
#btn_up{opacity:0.7; position:fixed; width:67px; height:67px; bottom:20px; right:20px; cursor:pointer; z-index:5000; display:none;}
#btn_up:hover{opacity:1;}

/*** Header ***/

#page{width:100%;}
header{width:100%; background:#FFF; position:relative;}
#header-inner{max-width:1100px; width:100%; margin:0 auto; position:relative; z-index:5; height:740px;}
#minimenu{display:none;}
nav.vignette{position:absolute; left:0; bottom:0; background:url(images/bg-menu.png) repeat left top;}
nav.vignette ul{margin:0; padding:40px 0 0 35px;}
nav.vignette ul li{padding:0; margin:10px 0; background:none; font-size:20px; color:#6c6c6c;}
nav.vignette ul li a{display:block; color:#6c6c6c; text-decoration:none; padding:0; line-height:normal; height:auto;}
nav.vignette ul li a:hover{color:#393939;}
#logo{width:270px; height:auto; float:left; margin-top:35px;}
#menu_ardoise{float:right; text-align:center; color:#FFF; padding-bottom:13px; background:url(images/fleche-menu-header.gif) no-repeat center bottom; width:290px;}
.menu_ardoise_header{background:#6b6969; padding:15px 45px; cursor:pointer;}
.menu_ardoise_inner{background:#6b6969; padding:10px 15px; display:none;}
#menu_ardoise h3{font-size:16px; color:##3E3D3D; margin:0 0 4px;}
.menu_ardoise_header p{font-size:12px; color:#b1b1b1; margin:0;}
#menu_ardoise h4{font-size:14px; margin:0 0 10px; text-decoration:underline; font-weight:700;}
#menu_ardoise ul{margin:10px 0 14px; padding:0;}
#menu_ardoise ul li{font-size:12px; padding:0; line-height: 120%; margin: 6px 0; color:#FFF; background:none;}
#menu_ardoise a.more{display:block; border-top:1px solid #cacaca; font-size:14px; color:#cacaca; font-weight:700; text-align:center; text-decoration:none; padding:12px 0 6px;}
#menu_ardoise a.more:hover{text-decoration:underline;}

#menu_ardoise_mobile{text-align:center; color:#FFF;}
.menu_ardoise_header_mobile{background:#6b6969; padding:15px 45px;}
.menu_ardoise_inner_mobile{background:#6b6969; padding:10px 15px; display:block;}
#menu_ardoise_mobile h3{font-size:16px; color:#FFF; margin:0 0 4px;}
.menu_ardoise_header_mobile p{font-size:12px; color:#b1b1b1; margin:0;}
#menu_ardoise_mobile h4{font-size:14px; margin:0 0 10px; text-decoration:underline; font-weight:700;}
#menu_ardoise_mobile ul{margin:10px 0 14px; padding:0;}
#menu_ardoise_mobile ul li{font-size:12px; padding:0; line-height: 120%; margin: 6px 0; color:#FFF; background:none;}

/*** Content ***/

.vignette{float:left; width:25%; height:275px; overflow:hidden;}
.vignette a{display:block; height:275px; line-height:275px; position:relative; overflow:hidden;}
.vignette a.more{position:static; display:inline; height:auto; line-height:normal; font-size:15px; color:#FFF; font-weight:700; background:url(images/picto-plus.png) no-repeat left center; text-decoration:none; padding-left:28px;}
.vignette a.more:hover{text-decoration:underline;}
article{padding:30px 35px;}
.vignetteInner{padding:38px 20px 0;}
.icone{text-align:center;}
#restaurant{width:50%; background:#767676; color:#FFF;}
#salons{width:50%; background:#767676; color:#FFF;}
#restaurant article p{margin-bottom:30px;}
#salons article p{margin-bottom:30px;}
#menus{width:50%; background:#767676; color:#FFF;}
#boutic{width:50%; background:#767676; color:#FFF;}
.gris{color:#b7b7b7;}
.note{font-size:12px; font-style:italic; line-height:120%;}
#menus_image3{float:right;}
#news{background:#f1f1f1;}
#plan{background:#FFF;}
#mail{background:#c0c0c0;}
#inscription{background:#f1f1f1; text-align:center;}
#inscription h3{font-size:18px; color:#000; margin:0 0 10px;}
#inscription p{color:#505050; margin:10px 0 14px;}
#inscription input{background:#cdcdcd; width:85%; color:#FFF;}
#inscription .submit{text-align:center; margin-top:20px;}
#inscription .submit input{font-size:15px; text-transform:uppercase; height:auto; width:auto; background:#7d7b78; padding:8px 25px;}
#inscription .submit input:hover{background:#393939;}
#menu12{background:#b29f8f;}
#menu14{background:#c0c0c0;}
#menu24{background:#f1f1f1;}
#menu28{background:#c0c0c0;}
.menus{text-align:center; transition: background-position 0.3s;-webkit-transition: background-position 0.3s; /* Safari */}
.menus a{text-decoration:none;}
.menus .vignetteInner{line-height:140%;}
.menus h3{font-size:18px; color:#FFF; margin:0 0 10px;}
.menus .vignetteInner p{color:#505050; font-size:14px; margin:12px 0 0;}
.menus .vignetteInner p span{font-size:12px;}
.menus ul{margin:0; padding:0;}
.menus ul li{background:none; margin:0; padding:0; font-size:14px; color:#505050; line-height:125%;}
.menus ul li span{font-weight:300; font-size:13px;}
#menu24 h3{color:#aaaaaa;}
#menu12, #menu14, #menu28{background-image:url(images/icone-menus-white.png); background-repeat:no-repeat; background-position:center 75%;}
#menu24{background-image:url(images/icone-menus-gris.png); background-repeat:no-repeat; background-position:center 75%;}
.menus:hover{background-position:center 82% !important;}
#reservation{background:#FFF;}
#cadeau{background:#f1f1f1;}
.caption{width:100%; background:url(images/bg-caption.png) repeat left top; text-align:center; height:100%; top:100%; position:absolute; -webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */ transition: all 0.3s; color:#FFF; font-size:16px;}
.vignette a:hover .caption{top:0;}
.captionInner{padding:0 20px;}
.caption p{margin:0; display:inline-block; line-height:130%; vertical-align:middle;}
.vignette img{max-width:none; max-height:100%; width:auto;}
.icone img {	vertical-align: middle;	-webkit-transition: all 0.3s;	transition: all 0.3s;	margin-top: calc(50% - 59px);}
.icone a:hover img{padding-top:25px;}
.cafe{width:536px; height:288px; position:absolute; left:30px; bottom:-54px; z-index:1000;}
.cafe img{display:block;}


/*** Contact ***/

#contact{background:#333333; color:#FFF; border-bottom:1px solid #5c5c5c;}
#contact .sectionInner{padding:40px 0 38px;}
#contact_image{position:absolute; top:0; right:0; opacity:0.2;}
#contact h2{color:#FFF; font-size:32px; font-weight:400; margin:0 0 20px;}
#contact h3{color:#888888; margin:0 0 12px;}
#ouverture{float:left; border-right:1px solid #888888; padding:0 50px 0 0; margin:0 25px 25px 0;}
#adresse{float:left; margin:0 0 25px;}
#formulaire{clear:both;}
#ouverture p, #adresse p{margin:0;}
#formulaire p{margin:0 0 10px;}
.chps_obligatoire{font-size:12px; color:#cd7331; font-style:italic; text-align:right; margin:0 0 5px;}
.obligatoire{color:#cd7331;}
fieldset{border:none; margin:0; padding:0; float:left; width:48%;}
fieldset + fieldset{float:right;}
.row{clear:both; margin:11px 0;}
label{margin-right:2%; color:#FFF; font-size:16px; padding-top:8px; float:left; width:39%;}
input, textarea, select{font-family:'Roboto Slab', Verdana, sans-serif; font-weight:400; font-size:14px; color:#a0a0a0; border:none;}
.row input, .row textarea, .row select{float:right;}
input:focus, textarea:focus, select:focus{-moz-box-shadow: inset 3px 3px 4px 0px #999999; -webkit-box-shadow: inset 3px 3px 4px 0px #999999; -o-box-shadow: inset 3px 3px 4px 0px #999999; box-shadow: inset 3px 3px 4px 0px #999999; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=134, Strength=4);}
input{width:55%; height:35px; padding:0 2%;}
select{width:59%; padding:7px 7px 7px 0.5%;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: url(images/fleche-select.gif) no-repeat right center #FFF;  /*Adds background-image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/
}
textarea{width:55%; height:180px; padding:1% 2%;}
#contact .left{width:48%; float:left; clear:both; margin-top:-40px;}
#captcha p{font-size:15px; font-weight:700; margin:0 0 18px;}
.captchaImg{text-align:right;}
.captchaImg img{max-height:35px; background:#FFF;}
.captchaImg input{font-weight:700; width:29%; text-align:center; height:35px; font-size:20px; margin:0 0 0 2%;}
.form-footer{clear:both; color:#707070; font-size:11px; line-height:120%; padding-top:18px;}
.form-footer p{margin:0;}
#contact .submit{text-align:right; width:48%; float:right; margin-top:25px;}
.submit input{cursor:pointer; background:#7d7b78; font-size:20px; text-align:center; padding:9px 20px; color:#FFF; transition: all 0.7s; -webkit-transition: all 0.7s; height:auto; width:auto;}
.submit input:hover{background-color:#454545;}
.submit input:focus{-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=0, Strength=0);}
#map{height:450px; width:100%;}
#map img{max-width:none !important;}
footer{font-size:12px; color:#505050; background:#d3d3d3; text-align:center; padding:12px 0;}
footer p{margin:0;}
footer a{color:#505050; text-decoration:none;}
footer a:hover{text-decoration:underline;}
#galerie{display:none;}
#reserver_table{display:none;}
#oblig1{display:none;}

/*** Slideshow ***/

#slideshow{width:100%; position:absolute; top:0; height:740px;}
#slideshow img{display:block; max-width:none; width:auto !important; min-width:100%;}
#slides{display:none; height:740px;}
.slidesjs-container{height:740px !important; overflow:hidden; z-index:1;}
#slides a.slidesjs-navigation{position:absolute;}
#slider{margin: 0 auto;}
.slidesjs-pagination-parent{width:100%; max-width:1100px; margin:0 auto; position:relative; margin-top:-35px; height:14px; z-index:3000;}
.slidesjs-pagination{float:right; padding:0; margin:0;}
.slidesjs-pagination li{float:left; padding:0; margin:0; background:none;}
.slidesjs-pagination li a{width:14px; height:0; display:block; margin:0 0 0 6px; padding:14px 0 0 0; background:url(images/li-pagination.png) no-repeat left top; overflow:hidden; text-decoration:none;}
.slidesjs-pagination li a:hover{background:url(images/li-pagination.png) no-repeat left -14px;}
.slidesjs-pagination li a.active{background:url(images/li-pagination.png) no-repeat left -28px;}

/*** Lightbox ***/

.lightbox article{padding:15px;}
.lightbox .right{float:right; margin:0 0 10px 15px;}
.lightbox .left{float:left; margin:0 15px 10px 0;}
.lightbox  #logo{float:none; height:auto; width:80px; margin:0 0 15px;}
.lightbox h1{background:#767676; color:#FFF; font-weight:700; font-size:24px; margin:0 0 25px; padding:6px 10px;}
.lightbox h2{color:#111111; font-size:20px; margin:0 0 15px;}
.lightbox h3{color:#7d7b78; font-weight:700; font-size:16px; margin:20px 0 15px 0;}
h2.cadeau{background:url(images/picto-cadeau-small.jpg) no-repeat left center; padding:5px 0 0 28px;}
.news{border-bottom:1px solid #c0c0c0; margin:0 0 14px; clear:both;}
.date{font-family:'Roboto Slab', Arial, sans-serif; font-size:12px; font-style:italic; color:#767676;}
.lightbox .menu_inner ul{margin:16px 0 25px; padding:0;}
.lightbox .menu_inner ul li{background:none; padding:8px; margin:0; clear:both; line-height:120%;}
.lightbox .menu_inner ul li:nth-child(odd){background:#eaeaea;}
.lightbox .menu_inner .prix{float:right; margin:0 0 0 30px; text-align:right; font-weight:700; color:#000;}
.lightbox .intro{border-bottom:1px solid #c0c0c0; margin: 0 0 18px; padding: 0 0 10px;}
.lightbox .intro p span{font-size:12px;}
.lightbox #newsletter .row label{color:#767676; width:16%;}
.lightbox #newsletter .row input{border:1px solid #767676; width:35%; float:left; margin:0 14px 0 0;}
.lightbox #newsletter .submit{float:left;}
.lightbox #newsletter .submit input{height:37px; padding:0 12px;}

/*** Responsive ***/

@media only screen and (max-width: 1099px) {
#logo{margin-left:15px;}
#contact .sectionInner{padding:40px 15px 38px; width:auto;}
.slidesjs-pagination-parent{margin-right:15px; width:auto;}
}

@media only screen and (max-width: 899px) {
.vignette{width:33.333%;}
#restaurant, #menus, #boutic{width:66.666%;}
#salons, #menus, #boutic{width:66.666%;}	
#wrapper .sectionInner{width:auto;}
.vignette img{max-height:none; min-width:100%;}
.icone img{min-width:0;}
.cafe{display:none;}
#contact .sectionInner{padding:25px 15px;}
#menus_image4{display:none;}
label{font-size:14px;}
#contact_image{display:none;}
}

@media only screen and (max-width: 799px) {
#ouverture{padding:0; margin-right:0; border:none; float:none;}
#adresse{float:none;}
fieldset{float:none; width:auto;}
fieldset + fieldset{float:none;}
#contact .left{float:none; margin:10px 0 0; width:auto;}
.vignette{width:50%;}
#restaurant, #menus, #boutic{width:100%;}
#salons, #menus, #boutic{width:100%;}
nav.vignette{width:auto; height:auto;}
nav.vignette ul {padding: 30px 40px;}
#header-inner{height:550px;}
#slideshow{height:550px;}
#slides{height:550px;}
.slidesjs-container{height:550px !important;}
#slideshow img{max-height:120%; height:auto !important; min-width:0;}
.slidesjs-pagination-parent{margin-top:-28px;}
}

@media only screen and (max-width: 559px) {
#slideshow{display:none;}
#header-inner{height:auto;}
#logo{float:none; margin:15px auto;}
#menu_ardoise{width:auto; float:none; padding:0; background:none;}
nav.vignette{position:static; width:100%; display:none; height:auto;}
nav.vignette ul {padding: 0 20px 10px 20px; text-align:center;}
#minimenu{cursor:pointer; display:block; font-size:24px; padding:18px 0; text-align:center; text-transform:uppercase; font-weight:700;}
#captcha p{font-size:13px;}
}

@media only screen and (max-width: 499px) {
body{font-size:12px;}
label{float:none; display:block; padding:0; margin:0 0 5px; width:100%;}
input, textarea{width:96%;}
select{width:100%;}
.captchaImg{text-align:center;}
#contact .submit{text-align:center; float:none; width:auto;}
.vignette{width:100%; float:none;}
#restaurant, #menus, #boutic{height:auto;}
#salons, #menus, #boutic{height:auto;}
#horaires, #restaurant_image2, #plan, #situation, #mail, #menus_image1, #menus_image3{display:none;}
footer{font-size:11px;}
h1, h2{font-size:22px;}
h3{font-size:16px;}
.vignette a.more{font-size:14px; padding:5px 0 5px 28px;}
#contact h2{font-size:26px;}
.chps_obligatoire{font-size:11px;}
#map{height:300px;}
#map iframe{height:300px !important;}
}