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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body {
	background: url(../image/gif/bg.gif) 0 0 repeat;
	font: normal normal 12px 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.wrapper {
	margin: auto;
}
.ie7 .zoom {
	zoom: 1;
}
img, object, embed, video {
	vertical-align: top
}
.ie6 img {
	width: 100%;
}
select {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: url(../image/png/select.png) right center no-repeat !important;
}
 select::-ms-expand {
 display: none;
}
@font-face {
	font-family: 'rotissemiserifregular';
	src: url('rotis-semi-serif-55-1361510436-webfont.eot');
	src: url('rotis-semi-serif-55-1361510436-webfont.eot?#iefix') format('embedded-opentype'), url('rotis-semi-serif-55-1361510436-webfont.woff') format('woff'), url('rotis-semi-serif-55-1361510436-webfont.ttf') format('truetype'), url('rotis-semi-serif-55-1361510436-webfont.svg#rotissemiserifregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* margins */

.margin_left10 {
	margin-left: 10px;
}
.margin_left20 {
	margin-left: 20px;
}
.margin_top10 {
	margin-top: 10px;
}
.margin_top23 {
	margin-top: 23px;
}
.margin_top17 {
	margin-top: 17px;
}
.margin_top12 {
	margin-top: 12px;
}
.margin_top24 {
	margin-top: 22px;
}
.margin_top15 {
	margin-top: 15px;
}
.margin_top5 {
	margin-top: 5px;
}
.margin_top20 {
	margin-top: 20px;
}
.margin_bottom12 {
	margin-bottom: 12px;
}
.margin_bottom10 {
	margin-bottom: 10px;
}
.margin_bottom17 {
	margin-bottom: 17px;
}
.margin_bottom7 {
	margin-bottom: 7px;
}
.margin_bottom20 {
	margin-bottom: 20px;
}
.margin_bottom15 {
	margin-bottom: 15px;
}
.margin_right10 {
	margin-right: 10px;
}
.margin_right20 {
	margin-right: 20px;
}
.bkgPage {
	background: url(../image/png/bg.png) center 0 repeat-y;
}
.wrapper {
	max-width: 940px;
	margin: auto;
}
/************* HEADER *****************/

.boxTop {
	max-width: 1060px;
	margin: auto;
	background: url(../image/gif/bg-top.gif) 0 0 repeat;
}
.lang {
	float: none;
	text-align: right;
	color: #afaba3;
	padding: 30px 0 30px;
}
.lang a {
	font-size: 11px;
	text-transform: uppercase;
	color: #afaba3;
	margin: 0 8px 0 5px;
	display: inline-block
}
.lang a:hover, .lang a.active {
	color: #c09d57;
}
.header {
	padding: 17px 0;
	position: relative
}
.logo {
	position: absolute;
	left: 0;
	top: -67px
}
.mainMenu {
	float: none;
	padding-top: 0;
	font-family: 'rotissemiserifregular';
	text-align: center;/*max-width: 750px;*/
}
.mainMenu li {
	display: inline-block;
	position: relative;
}
.mainMenu li a.niv1 {
	color: #4c4c4c;
	font-size: 16px;
	border-right: 1px solid #dbc69d;
	display: inline-block;
	padding-right: 7px;
	margin-right: 4px;
	height: 30px;
	line-height: 30px;
}
.mainMenu li:last-child a.niv1{
	border-right:none;
}
.mainMenu li a.last {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
.mainMenu li a:hover, .mainMenu li a.actif, .mainMenu .active a.niv1 {
	color: #c09d57;
}
.sub_menu {
	position: absolute;
	width: 244px;
	left: -6px;
	top: 30px;
	background: #fff;
	z-index: 9999999;
	padding: 8px 0;
	display: none;
	text-align: left;
}
.sub_menu li {
	float: none;
	padding: 0 33px 0 23px;
	display: block;
}
.sub_menu li a {
	color: #c09d57;
	font-size: 15px;
	display: block;
	border-bottom: #e6d8bc solid 1px;
	padding: 10px 0 5px;
	display: block;
}
.sub_menu li a.last {
	border: none;
}
.sub_menu li a:hover {
	text-decoration: underline;
}
.ban_index {
	/*height: 430px;*/
	max-width: 1060px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.ban_index .flex-direction-nav {
	display: none
}
.ban_index .flex-control-nav {
	position: absolute;
	right: 60px;
	bottom: 20px;
	z-index: 99;
}
.ban_index .flex-control-nav li {
	float: left;
}
.ban_index .flex-control-nav li a {
	background: #c09d57;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 0px;
	display: block;
	cursor: pointer;
	margin-right: 4px;
}
.ban_index .flex-control-nav li a.flex-active, .ban_index .flex-control-nav li a:hover {
	background: #000;
}
.ban_index .infoBanner {
	display: none;
	position: absolute;
	font-family: 'rotissemiserifregular';
	left: 0px;
	right: 370px;
	/*width: 557px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 0 11px 55px;
	/*top: 200px;*/
	top: 30%;
	color: #fff;
	text-shadow: 3px 2px 2px black;
	font-size: 18px;
	text-shadow: 3px 2px 2px black; /*background:url(../image/png/bg-info.png) 0 0 repeat-y;*/
}
.ban_index .infoBanner .titre {
	font-size: 36px;
	font-weight: 300;
	text-shadow: 3px 2px 2px black;
}
.heure {
	position: absolute;
	bottom: 0;
	/*left: 60px;*/
	left: 0;
	background: url(../image/png/bg-heur.png) 0 0 repeat;
	color: #fff;
	/*width: 150px;*/
	width: 17%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-family: 'rotissemiserifregular';
	z-index: 99
}
.degre {
	position: absolute;
	bottom: 0;
	/*left: 210px;*/
	left: 17%;
	background: url(../image/png/bg-degre.png) 0 0 repeat;
	color: #fff;
	/*width: 160px;*/
	width: 17.95%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-family: 'rotissemiserifregular';
	z-index: 99
}
.book {
	width: 300px;
	position: absolute;
	background: url(../image/png/bg2.png) 0 0 repeat;
	right: 60px;
	top: 102px;
	z-index: 50;/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
}
.bookin {
	padding: 15px 30px 20px;
}
.book .link_book {
	background: url(../image/png/puce-i.png) 100% center no-repeat;
	color: #fff;
	font-size: 24px;
	padding-right: 30px;
	font-family: 'rotissemiserifregular';
}
.book_hotel {
}
.book .active {
	background: url(../image/png/puce.png) 100% center no-repeat;
}
.book .boxChamps {
	margin-bottom: 5px;
}
.book .boxChamps label {
	color: #fff;
	font-size: 14px;
	margin-bottom: 6px;
	display: block;
	font-family: 'rotissemiserifregular';
}
.book .boxChamps .box_input {
	background: url(../image/png/bg5.png) 0 0 repeat;
	border: #6c6c69 solid 1px;
	height: 28px;
	font-size: 14px;
}
.book .boxChamps .box_input input {
	background: none;
	width: 98%;
	padding: 0 1%;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-family: 'Open Sans';
	color: #fff;
}
.icone_calender {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 7px;
}
.width1 {
	width: 113px;
}
.width2 {
	width: 238px;
}
.width3 {
	width: 58px;
}
.width4 {
	width: 98px;
}
.margeBox {
	margin-left: 10px;
}
.btn_book {
	background: #c09d57;
	font-family: 'rotissemiserifregular';
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	margin-top: 5px;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	cursor: pointer
}
.Options_langue {
	background: url(../image/gif/puce2.gif) 0 center no-repeat;
	color: #c09d57;
	font-size: 12px;
	padding-left: 15px;
	display: block;
	margin-top: 4px;
}
.code {
	color: #fff;
	font-size: 13px;
	font-style: italic;
	padding-top: 4px;
	font-family: 'rotissemiserifregular';
}
/************* Page index ***************/

.bgBox {
	background: url(../image/gif/bg2.gif) center top repeat-y;
	color: #fff;
	font-family: 'rotissemiserifregular';/*height: 93px;*/
}
.bgBox .wrapper {
	max-width: 1060px;
	padding: 0;
	position: relative
}
.bgBox .left {
	float: left;
	/*width: 310px;*/
	width: 34.95%;
	position: relative;
	text-align: right;
	padding-top: 20px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.bgBox .left .puce {
	width: 10px;
	height: 20px;
	position: absolute;
	right: -9px;
	top: 50%;
	margin-top: -10px;
	background: url(../image/gif/puce.gif) 0 0 no-repeat;
}
.bgBox .left .titre1 {
	font-size: 26px;
	padding-right: 29px;
	line-height: 30px;
}
.bgBox .left .titre2 {
	font-size: 26px;
	padding-right: 29px
}
.bgBox .right {
	float: right;
	/*width: 630px;*/
	width: 65.05%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.bgBox .right_in {
	font-size: 24px;
	padding: 23px 20px 20px 42px;
}
.bgBox .right_in span {
	font-size: 31px;
}
.boxIndex {
	width: 46%;
	float: left;
	padding: 30px 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; /*margin-right:20px;*/
	min-height:205px;
}
.boxIndex .boxImg {
	float: left;
	/*width: 230px;
	height: 190px;*/
	width: 50%;
	height: auto;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px
}
.boxIndex .desc {
	/*float: left;
	width: 230px;*/
	overflow: hidden
}
.boxIndex .desc h2 {
	min-height: 78px
}
.boxIndex .desc .titre1 {
	font-size: 20px;
	display: block;
	text-transform: uppercase;
	color: #000;
	font-family: 'rotissemiserifregular';
	margin-bottom: 4px;
}
.boxIndex .desc .titre2 {
	display: block;
	text-transform: uppercase;
	font-size: 26px;
	font-family: 'rotissemiserifregular';
	line-height: 26px;
	margin-bottom: 10px;
	color: #000;
}
.boxIndex .desc .link {
	color: #3f3f3f;
	font-size: 16px;
	background: url(../image/png/flech.png) 100% bottom no-repeat;
	padding-right: 26px;
	line-height: 22px;
}
.boxIndex .desc .link span {
	color: #3f3f3f;
}
.boxIndex .desc .link:hover span {
	color: #af842e;
}
.boxIndex .star {
	height: 5px;
}
.boxIndex:after { clear:both; content:''; display:block;}
/************* CONTENT ***************/

.bgInterne {
	max-width: 1060px;
	margin: auto;
	background: url(../image/gif/bg-box.gif) 0 0 repeat-x;
	padding-top: 25px;
}
.boxTitle {
	font-size: 20px;
	color: #fff;
	padding: 0 315px 19px 0;
	line-height: 22px;
	position: relative;
	font-family: 'rotissemiserifregular';
}
.boxTitle .title {
	color: #c09d57;
	line-height: 26px;
	font-size: 32px;
	margin-bottom: 3px;
}
.etoile {
	position: absolute;
	right: 0px;
	top: 0;
}
.ban_interne {
	/*height: 390px;*/ 
	width: 940px;
	overflow: hidden;
	position: relative;
}
.ban_interne .flex-direction-nav {
	display: none
}
.ban_interne .flex-control-nav {
	position: absolute;
	bottom: 20px;
	left: 30px;
	z-index: 99;
}
.ban_interne .flex-control-nav li {
	float: left;
}
.ban_interne .flex-control-nav li a {
	background: #c09d57;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 0px;
	display: block;
	cursor: pointer;
	margin-right: 4px;
}
.ban_interne .flex-control-nav li a:hover, .ban_interne .flex-control-nav li a.flex-active {
	background: #000;
}
.ban_interne .infoBanner {
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 34px
}
.ban_interne .infoBanner .titre {
	font-size: 40px;
	font-weight: 300
}
.reservation {
	width: 300px;
	position: absolute;
	background: url(../image/png/bg4.png) 0 0 repeat;
	right: 0px;
	top: 0px;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
}
.ban_interne .box_fom_in {
	min-height: 253px;
}
.reservation_in {
	/*padding: 10% 30px 10px*/
	padding: 40px 30px 10px
}
.reservation .link_book {
	background: url(../image/png/puce-i.png) 100% center no-repeat;
	color: #fff;
	font-size: 24px;
	padding-right: 30px;
	font-family: 'rotissemiserifregular';
}
.reservation .link_book.active {
	background: url(../image/png/puce.png) 100% center no-repeat;
}
.reservation .boxChamps {
	margin-bottom: 5px;
}
.reservation .boxChamps label {
	color: #fff;
	font-size: 14px;
	margin-bottom: 6px;
	display: block;
	font-family: 'rotissemiserifregular';
}
.reservation .boxChamps .box_input {
	background: url(../image/png/bg5.png) 0 0 repeat;
	border: #6c6c69 solid 1px;
	height: 28px;
	font-size: 14px;
}
.reservation .boxChamps .box_input input {
	background: none;
	width: 98%;
	padding: 0 1%;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-family: 'Open Sans';
	color: #fff;
}
.container {
	padding: 50px 0;
}
.content {
	/*width: 620px;*/
	width: 66%;
	float: left;
	font-size: 14px;
}
.content p {
	line-height: 21px;
}
.titre_page {
	color: #534220;
	font-family: 'rotissemiserifregular';
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 11px;
}
.titre_page sup {
	font-size: 18px;
}
.img_cms {
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.titre_cms {
	font-size: 18px;
	line-height: 22px;
}
.titre_page span.txt25 {
	font-size: 25px;
}
.fil_ariane {
	font-size: 12px;
}
.fil_ariane a {
	color: #000
}
.fil_ariane a:hover {
	text-decoration: underline;
}
.offre {
	font-size: 14px;
	margin-bottom: 6px;
}
.offre .boxImg {
	float: left;
	margin-right: 20px;
	width: 260px;
}
.offre .desc {
	color: #000
}
.offre .titre {
	font-family: 'rotissemiserifregular';
	font-size: 22px;
	color: #c09d57;
	display: block;
}
.offre .width100 {
	width: 100%
}
.offre .stitre {
	color: #c09d57;
	font-size: 15px;
	margin-bottom: 10px;
}
.offre .boxMap .titre {
	color: #000;
}
.offre .boxMap .titre2 {
	font-family: 'rotissemiserifregular';
	font-size: 22px;
	color: #c09d57;
	display: block;
	margin-bottom: 15px;
}
.tabs {
	position: relative;
	z-index: 0;
	padding-top: 33px;
	border-top: #dbc69d solid 1px;
	margin-top: -1px;
}
.bloc_tab {
	display: none;
}
ul.tabNavigation {
	position: relative;
	z-index: 1;
	padding-left: 10px;
}
ul.tabNavigation li {
}
ul.tabNavigation li a {
	display: block;
	font-family: 'rotissemiserifregular';
	float: left;
	color: #2b302d;
	text-align: center;
	height: 48px;
	line-height: 48px;
	padding: 0 25px;
	background: #f8f7f7;
	font-size: 16px;
	cursor: pointer;
	border: #dbc69d solid 1px;
	border-right: none
}
ul.tabNavigation li a.last {
	border-right: #dbc69d solid 1px;
}
ul.tabNavigation li a.selected {
	background: #fff;
	border-bottom: #fff solid 1px;
	cursor: default
}
.box_coordonne {
	background: #f8f7f7;
	padding: 15px 28px;
	margin-bottom: 30px;
}
.box_coordonne .titre {
	font-family: 'rotissemiserifregular';
	color: #c09d57;
	font-size: 26px;
	margin-bottom: 2px;
}
.box_coordonne .titre2 {
	font-size: 15px;
}
.tableau {
	margin-top: 20px;
}
.border_td {
	border-left: #dbc69d solid 1px;
	padding-left: 28px;
}
.box_contact .titre {
	font-size: 14px;
	margin-bottom: 20px;
	font-family: 'Open Sans';
	margin-top: 10px
}
.width_c {
	width: 288px;
}
.width_adresse {
/*width: 618px;*/
}
.msg {
	background: #f8f7f7;
	border: #dbc69d solid 1px;
	height: 96px;
	color: #000;
	font-size: 13px;
	width: 100%;/*width: 618px;*/
}
.msg textarea {
	overflow: auto;
	height: 92px;
	padding: 2px;
	color: #000;
	background: none;
	width: 612px;
	font-size: 13px;
	resize: none;
	font-family: 'Open Sans';
	max-width: 100%
}
.boxChamps {
	margin-bottom: 17px;
}
.boxChamps label {
	color: #000;
	font-size: 14px;
	margin-bottom: 12px;
	display: block
}
.boxChamps .box_input {
	background: #f8f7f7;
	border: #dbc69d solid 1px;
	height: 36px;
	font-size: 14px;
}
.boxChamps .box_input input {
	background: none;
	width: 98%;
	padding: 0 1%;
	height: 34px;
	line-height: 36px;
	font-size: 13px;
	font-family: 'Open Sans';
	z-index: 2;/*background:#F9C*/
}
.btn_contact {
	width: 120px;
	height: 39px;
	font-family: 'rotissemiserifregular';
	text-align: center;
	line-height: 39px;
	background: #c09d57;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	text-transform: uppercase;
	margin-right: 18px;
}
.boxBtn {
	text-align: center;
	padding-top: 10px;
}
.boxMap {
	padding: 11px 0px 0px;
	margin-top: 6px;
	color: #000;
	line-height: 18px;
}
.zoneMap {
	float: left;
	margin-right: 20px;
	width: 370px!important;
	height: 210px!important;
}
.boxMap .titre {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin-bottom: 14px;
}
.boxMap2 {
	background: #f8f7f7;
	border-bottom: #dedede solid 1px;
	padding: 10px
}
.boxMap .titre.margeTop {
	margin-bottom: 20px;
}
.boxPhoto {
	background: #000;
	padding: 14px 0 20px 10px;
	margin-top: 40px;
}
.boxPhoto .titre {
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'rotissemiserifregular';
	display: block;
	margin-bottom: 12px;
	padding-right: 10px
}
.boxPhoto a {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 11px;
}
.boxPhoto a {
	display: none; 
}
 .boxPhoto a:nth-child(1), .boxPhoto a:nth-child(2), .boxPhoto a:nth-child(3), .boxPhoto a:nth-child(4), .boxPhoto a:nth-child(5){
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 11px;
}
#carousel {
	margin: auto;
	width: 605px;
	height: 100px;
	position: relative;
}
#carousel .flex-viewport {
	padding-left: 35px;
}
#carousel .slides > li {
	height: 100px;
	cursor: pointer;
	margin-left: 15px;
}
#carousel .slides > li {
	float: left
}
/************ RIGHT *****************/

.right_ctn {
	/*width: 300px;*/
	width: 31%;
	float: right;
	background: #f8f7f7;
	font-size: 13px;
}
.right_in {
	padding: 20px;
}
.titre_right {
	color: #c09d57;
	font-size: 26px;
	margin-bottom: 13px;
	font-family: 'rotissemiserifregular';
}
.img_right {
	/*width: 260px;*/
	overflow: hidden;
	position: relative;
	margin-bottom: 7px;
}
.img_right .detail {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 50px;
	background: url(../image/gif/border.gif) 0 0 no-repeat;
	padding-top: 4px;
}
.img_right .detail_in {
	height: 144px;
	line-height: 20px;
	background: url(../image/png/bg3.png) 0 0 repeat;
	padding: 12px 3px 0 11px;
	color: #fff;
	font-size: 20px;
}
.img_right .detail_in a {
	color: #fff;
	font-family: 'rotissemiserifregular';
	font-size: 20px;
}
.right_ctn .img_right .detail_in {
	height: 50px;
	padding-top: 7px;
}
.sepBottom {
	background: #fff;
	height: 20px;
}
.right_offre {
	/*width: 300px;*/ width: 31%;
	float: right;
	font-size: 14px;
}
.boxGris {
	padding: 20px;
	background: #f8f7f7;
	margin-bottom: 20px;
}
.boxGris img {
	max-width: 100%;
	height: auto
}
.link_right {
	background: url(../image/png/flech.png) 0 bottom no-repeat;
	font-family: 'rotissemiserifregular';
	font-size: 26px;
	text-transform: uppercase;
	line-height: 26px;
	margin-top: 8px;
	padding: 0 10px 25px 0;
	color: #000;
	display: block
}
.link_right span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}
/***************Validation engine*************/

.inputContainer {
	position: relative;
	float: left
}
.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer
}
.ajaxSubmit {
	background: #55ea55;
	border: 1px solid #999;
	display: none;
	padding: 20px
}
.formError .formErrorContent {
	background: #C3AB48;
	position: relative;
	z-index: 5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	padding: 10px
}
.formError .formErrorArrow {
	width: 15px;
	position: relative;
	z-index: 5006;
	margin: -2px 0 0 13px
}
/*body[dir=rtl] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}*/

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	top: 2px;
	margin: 0 0 0 12px
}
.formError .formErrorArrow div {
	border-left: 2px solid #C3AB48;
	border-right: 2px solid #C3AB48;
	height: 1px;
	background: #C3AB48;
	line-height: 0;
	font-size: 0;
	display: block;
	margin: 0 auto
}
.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none
}
.formError .formErrorArrow .line10 {
	width: 15px;
	border: none
}
.formError .formErrorArrow .line9 {
	width: 13px;
	border: none
}
.formError .formErrorArrow .line8 {
	width: 11px
}
.formError .formErrorArrow .line7 {
	width: 9px
}
.formError .formErrorArrow .line6 {
	width: 7px
}
.formError .formErrorArrow .line5 {
	width: 5px
}
.formError .formErrorArrow .line4 {
	width: 3px
}
.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #C3AB48;
	border-right: 2px solid #C3AB48;
	border-bottom: 0 solid #C3AB48
}
.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #C3AB48
}
.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #C3AB48
}
.greenPopup .formErrorContent, .greenPopup .formErrorArrow div {
	background: #33be40
}
.blackPopup .formErrorContent, .blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF
}
.formError {
	margin-left: -133px;
}
/************* FOOTER **************/

.boxBottom {
	background: url(../image/gif/bg3.gif) 0 0 repeat;
	padding: 9px 0;
	max-width: 1060px;
	margin: auto;
}
.boxBottom :after{ clear:both; content:''; display:block;}
.icone {
	float: right;
	padding-top: 10px;
}
.icone a {
	display: inline-block;
	margin-left: 8px;
}
.footer {
	background: url(../image/gif/footer.gif) center 0 repeat-y;
	padding: 18px 0 28px;
}
.linkFooter {
	border-bottom: #3f4542 solid 1px;
	padding-bottom: 17px;
	margin-bottom: 25px;
	text-align: center;
	color: #636c67;
	text-transform: uppercase;
}
.linkFooter a {
	display: inline-block;
	background: url(../image/gif/sep-footer.gif)0 center no-repeat;
	padding-left: 9px;
	margin-left: 7px;
	color: #636c67;
}
.copy {
	display: inline-block;
}
.linkFooter a:hover, .linkFooter a.active {
	color: #fff
}
.boxsAdresse {
	float: left;
	width: 59%
}
.boxAdresse {
	float: left;
	/*width: 250px;*/
	width: 42.154%;
	margin-right: 2%;
	margin-bottom: 3%;
	color: #636c67;
}
.boxAdresse:nth-child(2n+1) {
	clear: both
}
.boxAdresse a {
	color: #636c67;
}
.boxAdresse a:hover {
	color: #fff;
}
.boxAdresse .titre {
	font-weight: 700;
	text-transform: uppercase;
}
.boxAdresse .img_maps {
	 display: none;
}
.boxFooter {
	float: right;
	/*width: 370px;*/
	width: 40%;
	color: #636c67;
}
.boxFooter a {
	display: block;
	color: #636c67;
	font-size: 18px;
	font-family: 'rotissemiserifregular';
	margin-bottom: 11px
}
.boxFooter a:hover {
	color: #fff;
}
.copyright {
	border-top: #3f4542 solid 1px;
	padding-top: 8px;
	color: #5e6762;
	text-align: right;
	margin-top: 10px;
}
.copyright a {
	color: #5e6762;
}
.copyright a:hover {
	color: #fff;
}
/*** Added 19/06 **/

.titre_page2 {
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 20px;
}
.boxLink {
	background: #f8f7f7;
	padding: 0 16px;
	margin-bottom: 7px;
	border: #fff solid 1px;
}
.titre_page2.last {
	padding-bottom: 14px;
}
.boxLink .linkBox {
	color: #0c0504;
	font-size: 16px;
	font-family: 'rotissemiserifregular';
	background: url(../image/gif/plus.gif) 100% center no-repeat;
	display: block;
	padding: 11px 17px 11px 0;
}
.selected .linkBox {
	color: #0c0504;
	font-size: 16px;
	font-family: 'rotissemiserifregular';
	background: url(../image/gif/moins.gif) 100% center no-repeat;
	display: block;
	padding: 11px 17px 11px 0;
}
.boxLink.selected {
	background: #fff;
	border: #f8f7f7 solid 1px;
	border-bottom: #f8f7f7 solid 5px;
}
.detailBox {
	border-top: #e7e4e4 solid 1px;
	padding: 13px 0 30px;
	display: none;
}
.detailBox.nomargin1 {
	padding-bottom: 0
}
.boxPrix {
	background: #c09d57;
	color: #fff;
	padding: 1px 8px;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 9px;
	font-family: 'rotissemiserifregular';
}
.boxPrix sup {
	font-size: 12px;
}
.detailBox .desc .title {
	font-family: 'Open Sans';
	font-size: 14px;
}
.desc {
	margin-bottom: 20px;
	color: #000;
	font-size: 14px;
}
.desc span {
	color: #af842e;
}
.desc .title {
	font-size: 16px;
	color: #000;
	font-family: 'rotissemiserifregular';
	text-transform: uppercase;
}
.padBox {
	padding-top: 9px;
}
.mail {
	color: #000;
	text-decoration: underline;
}
.mail:hover {
	color: #c09d57;
	text-decoration: underline;
}
.box_menuhaut {
	position: relative;
	float: none;
	z-index: 6000;
}
.btn_reserver {
	background: #f8f8f4;
	display: inline-block;
	border: #e3c187 solid 1px;
	height: 38px;
	line-height: 38px;
	min-width: 111px;
	padding: 0 10px;
	text-align: center;
	color: #716654;
	font-family: 'rotissemiserifregular';
	font-size: 18px;
	margin-bottom: 20px;
}
.btn_reserver:hover {
	background: #c09d57;
	border: #e3c187 solid 1px;
	color: #fff;
}
.liste, .liste2 {
	margin-left: 10px;
	margin-top: 10px;
}
.liste li {
	line-height: 21px;
	background: url(../image/gif/puce2.gif) 0 8px no-repeat;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 3px;
}
.liste2 li {
	line-height: 21px;
	background: url(../image/png/puce_n2.png) 0 5px no-repeat;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 3px;
}
.listenonordonne {
	line-height: 21px;
	background: url(../image/gif/puce2.gif) 0 8px no-repeat;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 3px;
}
.defaulparag {
	padding: 11px 0px 0px;
	margin-top: 6px;
	color: #000;
	line-height: 18px;
}
.tableau th {
	background: #c09d57;
	color: #fff;
	padding: 8px 13px;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}
.tableau td {
	font-size: 14px;
	padding: 8px 13px;
	border-bottom: #c09d57 solid 1px;
}
.titre_tab {
	color: #c09d57;
}
.tableau tr.odd td {
	background: #f8f7f7;
}
.desc_tab {
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	font-style: italic;
	padding-top: 15px;
}
.desc_tab span {
	color: #c09d57;
}
.radioBox label {
	float: left;
}
.radioBox input {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}
.captcha {
	float: left;
	display: block;
	/*width: 67px;*/
	width: 20%;
	background: #fff;
	height: 29px;
	padding-top: 5px;
	border-right: 1px solid #dbc69d
}
.boxChamps .box_input input.input_captcha {
	/*
	float: right;
	width: 214px;
	*/
	float: left;
	width: 77%
}
.boxChamps .box_input .input_file {
	clear: both;
	height: 36px;
	background: url(../image/gif/file.gif) 0 0 no-repeat;
	width: 288px;
}
.enfantresa, .adulteresa {
	width: 43px;
}
.widht6 {
	width: 288px;
}
.widht7 {
	width: 288px;
}
.box_contact .icone_calender {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}
.label_float {
	height: 36px;
	padding: 7px 0 0 0;
}
.label_nbrchambre {
	width: 288px;
}
/***/

.titre_msg {
	color: #000;
}
.wrapper2 {
	max-width: 1024px;
	margin: auto;
}
.titrefrm {
	background: url(../image/gif/puce2.gif) 0 8px no-repeat;
	font-size: 18px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	padding-left: 15px;
	margin: 20px 0 10px;
}
.tabs.nomargin {
	padding-top: 0px;
}
.box_input select {
	border: none;
	background: none;
	outline: none;
	height: 29px;
	line-height: 29px;
	cursor: pointer;
	width: 290px;
	font-size: 14px;
	min-width: 98% !important
}
.box_input select option {
	font-size: 13px;
	font-family: 'Open Sans';
}
.fChek {
	float: left;
	display: block;
	margin: 2px 5px 0 0;
}
.boxChamps .fLabel {
	float: left;
	font-size: 18px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
}
.boxMap3 {
	margin-bottom: 19px;
	color: #000;
	line-height: 18px;
	overflow: hidden
}
.boxMap3 .titre {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin-bottom: 14px;
}
.boxMap4 {
	color: #000;
	line-height: 18px;
}
.boxMap4 .titre {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin-bottom: 14px;
}
.ban_index .flex-active-slide .infoBanner {
	display: block;
}
.title2 {
	margin: 10px 0;
	font-size: 18px;
}
.titrefrm2 {
	font-size: 18px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin: 20px 0 10px;
}
.titre_page3 {
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 10px;
}
.margin_top4 {
	margin-top: 4px;
}
.marginP {
	margin-bottom: 16px;
}
.marginP2 {
	margin-bottom: 12px;
}
.margeBtn {
	margin-top: 19px;
}
#box_h .formError {
	margin-left: 62px;
}
.checkButton .formError {
	margin-left: 2px;
}
.boxIndex.first {
	margin-left: 2%;
	margin-right: 2%;
	clear: both;
}
.titreBox {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin: 22px 0 15px;
}
.titreBox1 {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin: 14px 0 15px;
}
.titreBox2 {
	font-size: 22px;
	color: #c09d57;
	font-family: 'rotissemiserifregular';
	margin: 17px 0 15px;
}
.responsivLabel {
	display: none;
}
div.uploader span.action {
	background: #c09d57;
	position: absolute;
	right: 0
}
div.uploader {
	display: block;
	width: auto !important
}
img {
	max-width: 100%
}
.jqTransformSelectWrapper {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jqTransformSelectWrapper div span {
	width: 98% !important;
	display: block
}
.flexslider {
	overflow: hidden
}
.txtFormatCv {
	clear: both;
	font-size: 11px;
	padding: 5px 0 0
}
.floatOb {
	float: left;
	font-size: 12px
}
.imgDevD {
	float: left;
	margin: 0 20px 0 0
}
#form-validation-field-1 {
	width: 98% !important;
}
.elemOfright {
	margin-bottom: 20px
}
.messageError {
	padding: 10px 20px;
	background: #FBECEC;
	margin: 10px 0;
	border: 1px solid #EFB1B1;
	color: #000;
	font-size: 12px
}
.messageError .titre_msg {
	color: #E24040;
	font-size: 14px;
	margin-bottom: 5px
}
.messageSucces {
	padding: 10px 20px;
	background: #ECFBEF;
	margin: 10px 0;
	border: 1px solid #66CE81;
	color: #000;
	font-size: 12px
}
.messageSucces .titre_msg {
	color: #66CE81;
	font-size: 14px;
	margin-bottom: 5px
}
.flexslider .slides > li:first-child {
	display: block;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.single_idformError {
	left: 0 !important
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	color: #fff
}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {
	color: #947d54
}
/* added 09/03/2017 */
.footer .wrapper .boxsAdresse .boxAdresse p.margin_top5 {
	margin-top: 0;
}
.selectHotel {
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	border: #dbc69d solid 1px;
	color: #afaba3;
	outline: none;
	padding: 6px 18px 6px 10px;
	cursor: pointer;
	
}
.selectHotel option {
	font-size: 12px;
	font-family: 'Open Sans';
	border: none;
}
.liste li ul li {
	background: url(../image/gif/puce3.gif) 0 8px no-repeat;
}
.mainMenu li:last-child a {
	background: none;
}
.boxIndex:nth-child(3) {
	clear: both;
}
.lang a.pro {
	    padding: 5px;
    color: #fff;
    background: #c09d57;
    font-size: 11px;
}
.lang a.pro:hover {
	background-color: #000;
}














/* responsiveness

--------------------------------------------- */

@media screen and (max-width: 1060px) {
.img_right {
	width: auto
}
.img_right img {
	max-width: 100%;
	height: auto
}
}
 @media screen and (max-width: 1023px) {
body {
	width: auto;
	margin: auto;
}
.wrapper2 {
	width: auto;
}
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	max-width: 100%;
}
img {
	height: auto;
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.pp_gallery img {
	width: 50px;
	max-width: 100%
}
textarea, table, td, th, code, pre, samp {
	word-wrap: break-word; /* passage à la ligne forcé */
	-webkit-hyphens: auto; /* césure propre */
	-moz-hyphens: auto;
	hyphens: auto;
}
code, pre, samp {
	word-wrap: break-word!important;
	white-space: pre-wrap!important;
}
/*.bgBox .left {
	width: 29%
}
.bgBox .right {
	width: 71%
}*/
.bgBox {
	height: auto
}
}
 @media screen and (max-width: 980px) {
.header {
	padding: 17px 10px;
}
.boxTitle {
	padding: 0 150px 19px 10px
}
.etoile {
	right: 12px
}
.ban_interne {
	width: auto
}
.right_in br {
	display: none
}
.bgBox .left .titre2 {
/*font-size: 22px;
	padding: 0 8px*/
}
.wrapper {
	padding: 0 1em
}
.book {
	top: 20px;
	right: 20px
}
}
 @media screen and (min-width: 768px) {
.content .boxChamps {
	width: 48%
}
.content .boxChamps .box_input {
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content #hiddenDiv .boxChamps {
	width: auto
}
.content #hiddenDiv .boxChamps .box_input {
	width: 280px;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_input select {
	max-width: 100%
}
.content .messageBox, .content .adresseBox {
	float: none;
	width: auto;
	clear: both
}
}
@media (min-width: 770px) {
.mainMenu {
	display: block !important
}
}
 @media (min-width: 767px) {
.ban_interne .close {
	margin-top: 25px;
	bottom: auto;
	background: none
}
.ban_interne .close .reservation_in {
	padding: 15px 30px;
	background: url(../image/png/bg4.png) 0 0 repeat;
}
}
 @media (min-width: 640px) {
label.responsivLabel {
	display: none;
}
label.responsivLabelType {
	display: none
}
}
@media (max-width: 769px) {
.pp_expand {
	display: none !important
}
.wrapper {
	width: auto;
}
.wrapper2 {
	width: auto;
}
.lang {
	padding: 11px 14px 12px 0;
}
.header {
	padding: 17px 0 17px 20px;
}
.ban_index .infoBanner {
	padding: 11px 0 11px 20px;
	font-size: 16px;/*top: 80px;
	width: 475px;*/
}
.ban_index .infoBanner .titre {
	font-size: 35px;
}
.book {
	right: 20px;
	top: 20px;
}
.ban_index {
/*height: 350px;*/
}
.degre {
	left: 17%
}
.heure {
	left: 0
}
.heure, .degre {
	z-index: 2;
	width: 17%;
}
.boxIndex {
	margin-right: 0px;
	width: auto;
	float: none;
	padding: 20px 0 20px 20px;
}
.boxBottom {
	padding: 9px 20px;
}
.boxFooter {
	display: none;
}
.boxsAdresse {
	width: auto;
	float: none
}
.boxAdresse {
	width: 46%;
	padding-left: 2%;
	margin-bottom: 10px;
}
.linkFooter {
	margin-bottom: 17px;
}
.copyright {
	padding-right: 20px;
}
.bgBox {
	padding: 0;
}
.bgBox .left .titre1 {
	padding-right: 25px;
	font-size: 20px;
	line-height: 20px;
}
.bgBox .left .titre2 {
	padding-right: 25px;
	font-size: 20px;
}
.bgBox .right_in {
	font-size: 21px;
	padding-left: 20px;
}
.bgBox {
	background: #636c67;
}
.bgBox .left {
	width: 34%;
	background: #000;
	padding-bottom: 20px;
}
.bgBox .right {
	width: 66%;
}
.content {
	overflow: hidden;
	height: 100%;
	width: auto;
	float: none;
}
.container {
	padding: 20px 0;
}
.right_ctn {
	width: auto;
	float: none;
	margin-top: 2%;
}
.boxTitle {
	padding: 0 160px 19px 20px;
}
.etoile {
	/*right: 12px;*/
	right: 0;
}
.ban_interne {
	width: auto;/*height: 388px;*/
}
.width_adresse, .msg {
	width: auto;
}
.mainMenu {
	max-width: none;
	display: none;
	position: absolute;
	right: 0;
	top: 28px;
	width: 250px;
	background: #fff;
	padding: 10px 15px;
	border: #c09d57 solid 1px;
}
.ouvre_menu {
	position: relative;
	z-index: 302;
	background: url(../image/gif/ouvremenu_haut.gif) left top no-repeat;
	width: 35px;
	height: 27px;
	display: inline-block;
	border: #fff solid 1px;
}
.box_menuhaut {
	top: 10px;
	right: 20px;
	float: right
}
.mainMenu li {
	float: none;
}
.mainMenu li a.niv1 {
	background: none;
	display: block;
	padding: 2px 0 3px 0;
}

.sub_menu {
	position: relative;
	width: auto;
	left: auto;
	top: auto;
}
.sub_menu li {
	padding: 0 0 0 20px;
	font-size: 17px;
}
.sub_menu li a {
	color: #989898;
	border-bottom: none;
}
.ouvre_menu_active {
	border: #c09d57 solid 1px;
	border-bottom: #fff solid 1px;
}
.boxIndex.first {
	margin-left: 0;
	margin-right: 20px;
}
.ban_index .infoBanner .titre {
	font-size: 32px;/*width: 410px;*/
}
.boxBtn {
	padding-bottom: 10px;
	text-align: left
}
.boxBtn input {
	display: inline-block;
	margin-top: 20px
}
.ban_index .infoBanner .titre {
/*width: 315px;*/
}
.ban_index .infoBanner {
	width: 315px;
}
.right_offre {
	width: auto;
	float: none;
	clear: both
}
.boxBtn .float_left {
	float: none;
	clear: both
}
.boxGris {
	width: 48%;
	margin: 0 1%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em
}
.boxGris a {
	display: block
}
.boxGris a img {
	width: 100%;
	max-width: 100%;
	height: auto
}
.boxIndex .boxImg {
	width: 35%
}
.floatOb {
	float: none;
	margin-bottom: 1em;
	font-size: 11px
}
.boxIndex .desc h2 {
	min-height: inherit
}
.right_in .elemOfright {
	float: left;
	width: 48%;
	margin-right: 2%
}
.right_in .elemOfright .img_right img {
	width: 100%;
	height: auto
}
.right_in .elemOfright .img_right .detail {
	width: auto;
	right: 0;
	height: auto
}
.elemOfright {
}
.right_in {
	overflow: hidden
}
.msg textarea {
	max-width: 98% !important
}
.pp_nav {
	display: none !important
}
.boxPhoto .titre {
	font-size: 18px
}
.logo {
	position: static;
	float: left
}
}
 @media (max-width: 767px) {
.book {
	background: #000;
	position: static;
	left: 0;
	top: 0;
	width: 100%;
}
.book_hotel, .infoBanner {
	display: none;
}
.book .link_book {
	display: block;
}
.jqTransformSelectWrapper ul {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jqTransformSelectWrapper div span {
	width: 98% !important;
	display: block
}
.jqTransformSelectWrapper {
	max-width: 100%;
	min-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.boxChamps {
	width: 100%;
	float: none !important;
	clear: both;
	margin: 0 0 5px 0
}
.reservation .boxChamps {
	width: 100%;
	float: none !important;
	clear: both;
	margin: 0 0 5px 0;
}
.book .boxChamps .box_input {
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.reservation .boxChamps .box_input {
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.boxChamps .box_input {
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_input select {
	width: 98% !important;
}
.ban_index .infoBanner {
	padding: 0;
	width: auto;
	font-size: 16px;
	top: 10%;
	right: 10%;
	left: 10%
}
.reservation {
	position: static;
	width: auto;
	background: #000
}
.reservation_in {
	padding: 15px 30px 20px
}
.reservation .link_book {
	display: block;
}
.tabs {
	margin-bottom: 20px
}
.boxChamps .responsivLabel2 {
	display: none
}
.boxChamps .responsivLabel {
	display: block;
	width: auto;
	float: none;
	clear: both;
	height: auto
}
.elemHiddendiv {
	margin: 0 0 25px 0
}
#hiddenDiv label {
	height: auto;
	width: auto
}
/**pretty responsive**/
div.pp_pic_holder {
	top: 10% !important;
	position: fixed !important
}
.pp_pic_holder.pp_default {
	width: 98%!important;
	left: 1%!important;
	overflow: hidden;
	background: #fff
}
div.pp_default .pp_content_container .pp_left {
	padding-left: 1%!important;
}
div.pp_default .pp_content_container .pp_right {
	padding-right: 1%!important;
}
.pp_content {
	width: 100%!important;
	height: auto!important;
}
.pp_fade {
	width: 100%!important;
	height: 100%!important;
}
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
	display: none!important;
}
#pp_full_res img {
	width: 100%!important;
	height: auto!important;
}
.pp_details {
	width: 100%!important;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	margin-top: -2px!important;
}
a.pp_close {
	right: 7%!important;
	top: 10px!important;
}
.box_contact .titre {
	margin-bottom: 5px
}
.book .link_book {
	background: url(../image/png/puce_down.png) 100% center no-repeat;
}
.book .link_book.active {
	background: url(../image/png/puce.png) 100% center no-repeat;
}
}
 @media (max-width: 640px) {
.bgBox .left .puce {
	background: url(../image/gif/puce_v.gif) 0 0 no-repeat;
	width: 20px;
	height: 10px;
	position: absolute;
	margin: 0 0 0 -10px;
	left: 50%;
	bottom: -10px;
	top: auto
}
.bgBox {
	height: auto;
}
.heure, .degre {
	z-index: 2;
	width: 17%;
}
.box_contact .float_left, .box_contact .float_right {
	float: none;
}
.width_c {
	width: auto;
}
.box_input select {
	width: 98% !important;
}
.ban_index .infoBanner .titre {
	width: 260px;
}
.ban_index .infoBanner {
/*width: 245px;*/
}
.boxChamps label.responsivLabel2 {
	display: none;
}
label.responsivLabelType {
	display: none
}
.degre {
	left: 17%
}
.heure {
	left: 0
}
.bgBox {
	height: auto;
}
.jqTransformSelectWrapper ul {
	max-width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.div_tableau {
	overflow-x: auto
}
.bgBox .left {
	float: none;
	width: auto;
	text-align: left;
	padding-left: 20px;
	position: relative;
}
.bgBox .left p.titre1, .bgBox .left p.titre2 {
	display: inline;
	padding: 0;
	margin: 0
}
.bgBox .right {
	float: none;
	width: auto;
}
.heure {
	width: 50%;
	left: 0;
}
.degre {
	width: 50%;
	right: 0;
	left: auto;
}
}
@media (min-width: 480px) {
.book .boxChamps {
/*max-width: 240px*/
}
}
@media (max-width: 480px) {
.pp_bottom, .pp_middle, .currentTextHolder {
	display: none !important
}
.pp_left, .pp_right, .pp_top, .pp_bottom, .pp_middle, .pp_pic_holder {
	background: #fff !important
}
.pp_arrow_next, .pp_arrow_previous {
	display: none !important
}
.bgBox .right_in {
	padding: 20px;
	font-size: 18px
}
.boxIndex .boxImg, .boxIndex .boxImg img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0
}
.boxIndex .desc .titre1 {
	font-size: 17px;
}
.boxIndex .desc .titre2 {
	font-size: 22px;
}
.boxIndex .desc .link {
	font-size: 16px;
	background: none
}
.desc span {
	color: #000;
}
.right_offre {
	float: none;
	width: auto;
}
.content {
	height: auto;
	padding-bottom: 1%;
}
.boxTitle {
	font-size: 18px;
	padding: 0 10px 20px
}
.boxTitle .title {
	font-size: 20px;
	width: auto
}
.titre_page {
	font-size: 22px
}
.reservation {
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
}
.reservation_in {
	padding-bottom: 20px;
}
.img_cms {
	width: auto;
	float: none;
	margin-right: 0;
}
.zoneMap {
	float: none;
	margin-right: 0;
}
/*ul.tabNavigation li a {
	float: none;
	border-right: #dbc69d solid 1px;
}*/
.box_contact .float_left, .box_contact .float_right {
	float: none;
}
.width_c {
	width: auto;
}
ul.tabNavigation {
	padding-left: 0;
}
.ban_index {
	height: auto/*282px*/;
	max-width: inherit;
	width: 100%
}
.flexslider {
	position: relative;
}
.offre {
	margin-bottom: 20px;
}
/*ul.tabNavigation {
	border: #dbc69d solid 1px;
	border-top: none;
}
ul.tabNavigation li a {
	border: none;
	border-top: #dbc69d solid 1px
}
ul.tabNavigation li a.selected {
	border-top: #dbc69d solid 1px
}*/
.btn_contact {
	display: inline-block;
	width: 47%;
	margin: 1% 1% 0 !important;
}
.book .link_book {
	background: url(../image/png/puce_down.png) 100% center no-repeat;
}
.book .link_book.active {
	background: url(../image/png/puce.png) 100% center no-repeat;
}
.widht6 {
	width: 99%;
}
.widht7 {
	width: 99%;
}
.label_nbrchambre {
	width: auto;
}
.boxIndex.first {
	margin-left: 0;
	margin-right: 0;
}
.boxIndex {
	padding: 20px;
}
.boxIndex .desc {
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
}
.jqTransformSelectWrapper .jqTransformHidden {
/*width: 350px !important;*/
}
.ban_index .infoBanner .titre {
	font-size: 20px;
	width: 100%;
	margin-bottom: 5px
}
.flexslider .slides li img {
	width: 100%;/*height: 247px;*/
}
.ban_interne .flexslider .slides li img {
	width: 100%;
	height: auto/*	height: 370px;*/
}
.heure {
	line-height: 40px;
	height: 40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.degre {
	line-height: 40px;
	height: 40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*label.responsivLabel{ display:block;}
.boxChamps label.responsivLabel2{ display:none;}*/
.boxBtn {
	padding-bottom: 5px;
}
.offre .titre {
	margin-top: 10px
}
.ban_index .slides {
	overflow: hidden
}
.offre .boxImg {
	margin-bottom: 10px;
}
.offre .desc {
	float: none;
	clear: both;
	margin: 0
}
.boxGris {
	float: none;
	width: auto;
	margin: 1% 0 6%
}
.bgBox .left .titre1, .bgBox .left .titre2 {
	font-size: 18px;
	padding: 0
}
/*.tableau th {
	display: block
}
.tableau td {
	display: block
}*/
.container {
	padding: 1em 0
}
.etoile {
	position: static;
	text-align: center;
	right: auto;
	left: auto;
	top: auto;
	margin: 0 0 1em 0;
	width: auto;
	display: block
}
.right_in {
	padding: 1em
}
.lang {
	padding: 10px;
	text-align: center
}
.lang a {
	display: block
}
.lang span {
	display: none
}
.box_menuhaut {
	top: 29px;
	right: 0
}
.box_coordonne {
	padding: 1em
}
.boxsAdresse {
	width: auto;
	float: none
}
.boxAdresse {
	width: auto;
	float: none
}
.ban_index .infoBanner {
	position: static;
	background: #353A37;
	left: auto;
	right: auto;
	padding: 5% 5% 60px;
}
.img_cms img {
	width: 100%
}
.copy {
	margin-bottom: 5px
}
.linkFooter a {
	display: block;
	background: none;
	padding: 0;
	margin: 5px 0;
	color: #636c67;
	text-align: center;
}
.boxMap {
	/*padding: 0*/
	margin-bottom: 1em
}
.btn_reserver {
	margin: .8em 0 0
}
.copyright {
	padding: 0;
	text-align: left;
	padding: 2% 0 0 2%
}
.boxLink {
	padding: .5em
}
.boxPhoto a {
	width: 46%;
	margin: 1%;
}
.boxPhoto a img {
	width: 100%
}
.boxMap4 {
	padding: 1em 0
}
.imgDevD {
	float: none;
	margin-bottom: 1em;
	text-align: center
}
.right_in .elemOfright {
	float: none;
	margin: 0 0 1em 0;
	width: auto
}
/*p.margin_top10, p.margin_bottom20{ margin:1em 0}*/
.btn_reserver + .boxMap {
	margin-top: 20px
}
.margin_bottom20 + .btn_reserver {
	margin: 0
}
.reservation .link_book {
	font-size: 20px
}
ul.tabNavigation li a {
	padding: 0 10px;
	font-size: 14px;
}
.boxMap .titre {
	font-size: 20px;
	margin-bottom: 7px;
}
}
 @media (max-width: 414px) {
/*.tableau tr th:last-child {
	display: none
}
.tableau tr td:last-child {
	display: none
}*/
.tableau tr td:nth-child(3) {
	border-right: none
}
.tableau td {
	font-size: 12px;
	padding: 8px 5px;
	border-right: #c09d57 solid 1px;
}
.tableau th {
	font-size: 12px;
	padding: 8px 5px;
	border-right: #fff solid 1px;
}
}
 @media (max-width: 320px) {
.boxIndex .boxImg, .boxIndex .boxImg img {
	margin-bottom: 10px;
}
.boxBottom {
	text-align: left;
}
.boxBottom .float_left, .boxBottom .float_right {
	float: none;
}
.icone {
	float: none;
	padding: 10px 0;
	text-align: left;
}
.boxAdresse {
	width: auto;
	float: none;
}
.boxGris img, .zoneMap img, .img_right img {
	max-width: 100%;
	width: 100%
}
.img_right {
	width: auto;
}
.img_right .detail {
	width: 100%;
}
.border_td {
	padding: 0;
	text-align: center;
}
.tableau {
	font-size: 12px;
}
div.box_input.width_date_reserv {
	width: 130px;
}
div.box_input.width4 {
	width: 113px;
}
.bookin {
	padding: 15px 21px 20px;
}
.offre .boxImg {
	float: none;
	margin: 0 0 12px 0;
	width: auto
}
.offre .boxImg img {
	width: 100%;
	max-width: 100%;
}
.box_contact .boxBtn .float_left {
	float: left;
}
.heure {
	line-height: 38px;
}
.degre {
	line-height: 41px;
}
div.pp_default .pp_nav {
	display: none
}
/*.pp_nav a , .pp_nav a { display:none; float:none; clear:both}
a.pp_close{ position:static}
.pp_social .facebook{ position:static; float:none; display:none }*/
.icone a {
	margin-left: 8px
}
.icone a:after {
	content: "FB";
	font-family: 'rotissemiserifregular';
	color: #C09D57;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	padding: 6px 0 0 15px
}
div.uploader {
	width: auto !important
}
div.uploader span.filename {
	max-width: 172px
}
.mainMenu {
	width: 220px
}
/* div.pp_pic_holder{ left:10px !important; width:auto !important; right:10px !important}
 div.pp_default .pp_content, div.light_rounded .pp_content{ width:auto !important}*/
 
 /***/

.boxPhoto .titre {
	font-size: 18px
}
}
 @media (max-width: 240px) {
.header {
	padding: .5em
}
.mainMenu {
	position: relative;
	width: auto;
	float: none;
	left: auto;
	right: auto;
	top: auto
}
.box_menuhaut {
	float: none;
	right: 0;
	top: 0;
	clear: both;
	padding-top: 10px
}
.boxChamps div.uploader span.filename {
	max-width: 100px
}
.mainMenu li a.niv1 {
	height: auto;
	line-height: normal
}
}
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
	font-family: 'weather';
	src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
	src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),  url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),  url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),  url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#weather {
	width: 190px;
	margin: 0px auto;
	text-align: center;
	text-transform: uppercase;
}
i {
	color: #fff;
	font-family: weather;
	font-size: 50px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
	text-transform: none;
}
.icon-0:before {
	content: ":";
}
.icon-1:before {
	content: "p";
}
.icon-2:before {
	content: "S";
}
.icon-3:before {
	content: "Q";
}
.icon-4:before {
	content: "S";
}
.icon-5:before {
	content: "W";
}
.icon-6:before {
	content: "W";
}
.icon-7:before {
	content: "W";
}
.icon-8:before {
	content: "W";
}
.icon-9:before {
	content: "I";
}
.icon-10:before {
	content: "W";
}
.icon-11:before {
	content: "I";
}
.icon-12:before {
	content: "I";
}
.icon-13:before {
	content: "I";
}
.icon-14:before {
	content: "I";
}
.icon-15:before {
	content: "W";
}
.icon-16:before {
	content: "I";
}
.icon-17:before {
	content: "W";
}
.icon-18:before {
	content: "U";
}
.icon-19:before {
	content: "Z";
}
.icon-20:before {
	content: "Z";
}
.icon-21:before {
	content: "Z";
}
.icon-22:before {
	content: "Z";
}
.icon-23:before {
	content: "Z";
}
.icon-24:before {
	content: "E";
}
.icon-25:before {
	content: "E";
}
.icon-26:before {
	content: "3";
}
.icon-27:before {
	content: "a";
}
.icon-28:before {
	content: "A";
}
.icon-29:before {
	content: "a";
}
.icon-30:before {
	content: "A";
}
.icon-31:before {
	content: "6";
}
.icon-32:before {
	content: "1";
}
.icon-33:before {
	content: "6";
}
.icon-34:before {
	content: "1";
}
.icon-35:before {
	content: "W";
}
.icon-36:before {
	content: "1";
}
.icon-37:before {
	content: "S";
}
.icon-38:before {
	content: "S";
}
.icon-39:before {
	content: "S";
}
.icon-40:before {
	content: "M";
}
.icon-41:before {
	content: "W";
}
.icon-42:before {
	content: "I";
}
.icon-43:before {
	content: "W";
}
.icon-44:before {
	content: "a";
}
.icon-45:before {
	content: "S";
}
.icon-46:before {
	content: "U";
}
.icon-47:before {
	content: "S";
}
#weather h2 {
	margin: 0 0 8px;
	color: #fff;
	/*font-size: 50px;*/
	font-weight: 100;
	text-align: center;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
#weather ul {
	margin: 0;
	padding: 0;
}
#weather li {
	background: #fff;
	background: rgba(255,255,255,0.90);
	padding: 20px;
	display: inline-block;
	border-radius: 5px;
}
#weather .currently {
	margin: 0 20px;
}