/* 
Theme Name: lapommedapi.com Responsive 1
Theme URI: http://www.tycoz.com
Description: responsive theme 2021

Version: 1
Author: By tycoz.com
Author URI: http://www.tycoz.com



/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}
em {
    font-size: 100%;
    font-style: italic;
}

a.allover {
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999px;
    top: 0;
    z-index: 2;
}
.section.news.video {
    z-index: 1100;
}

.content ul,
.news ul,
.content .tab-pane > ul {
    list-style: outside none disc;
    margin: 1% 0 1% 40px !important;
}
.rejoindre ul.tarifs {
    margin: 0 !important;
}
ul.tarifs {
    margin: 40px 40px 20px !important;
}

.tab-pane li {
    color: #000;
    font-weight: 200;
}
.news blockquote.enavant {
    font-size: 1.3em;
}
.enavant {
	border-left: none !important;
    padding: 0;
}
.enavant p {
    font-weight: 600 !important;
    text-transform: uppercase;
	color: #666 !important;
}
/* GOOGLE RESPONSIVE PROBLEMS */
.attachment img {
    width: 100%;
    height: auto;
}





a.contact {
    text-decoration: none !important;
}

[id^="mypost-"] {
    padding: 20px 0 0;
}
.vcenter {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.vcenter > [class^="col-"],
.vcenter > [class*=" col-"],
.vcenter > #titretop {
display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	justify-content: flex-start; /* Optional, to align horizontally inside the column, flex-start | flex-end | center | space-between | space-around */
	-webkit-justify-content: flex-start;
}
.vcenter > [class^="col-"].end,
.vcenter > [class*=" col-"].end,
.vcenter > #titretop.end {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	-webkit-box-align: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	justify-content: flex-start; /* Optional, to align horizontally inside the column, flex-start | flex-end | center | space-between | space-around */
	-webkit-justify-content: flex-start;
}
#titretop.end {
    height: 40%;
}
img.logosmall {
	color: transparent;
}
.border {
	height:auto;
	width:100%;
	position:relative;
	border: 0 #fff solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	/* border-top: 150px solid;
	border-bottom: 30px solid;
	border-left: 30px solid;
	border-right: 30px solid; */
}
.bordernav {
	height:auto;
	width:100%;
	position:relative;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;

}
.prestations .bordernav {
	border-top: 0px solid;
	border-bottom: 0px solid;
}
.borderleft {
    border-left: 10px solid #fff;
    border-bottom: 20px solid #fff;
}
.borderright {
    border-right: 10px solid #fff;
    border-bottom: 20px solid #fff;
}
.border28 {
	height:auto;
	width:100%;
	position:relative;
	border: 0px #fff solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.abso {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index: -1;
	border: 0 #fff solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	/* border-top: 150px solid;
	border-bottom: 30px solid;
	border-left: 30px solid;
	border-right: 30px solid; */
}
.content-calendar {
    margin: 0 10px 20px;
}
.date {
    font-size: 170%;
    min-height: 60px;
}
svg * {
	stroke: #fff;
	stroke-width: 1;
	fill: none;
}
.fill_path {
	fill: #fff;
}
.over-black {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.black-bottom {
	background: url(images/vague.png) no-repeat bottom center;
	background-size: contain;
	bottom: 0;
	height: 170px;
	position: absolute;
	width: 100%;
	z-index: 2;
	/* background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); */
}

.gall {
    display: inline-block;
    height: auto;
    position: relative;
    width: 20% !important;
}
.bg-opacity-black {
	background:rgba(0,0,0,0.5) no-repeat 35% center;
	background-size: 250px;
	position:fixed;
	width:100%;
	height:100%;
	z-index:-100;
	-webkit-transition: opacity 0.8s ease-out;
	-moz-transition: opacity 0.8s ease-out;
	-ms-transition: opacity 0.8s ease-out;
	-o-transition: opacity 0.8s ease-out;
	transition: opacity 0.8s ease-out;
}
.opacity {
	opacity: 1 !important;
	z-index:10;
	-webkit-transition: opacity 0.8s ease-out;
	-moz-transition: opacity 0.8s ease-out;
	-ms-transition: opacity 0.8s ease-out;
	-o-transition: opacity 0.8s ease-out;
	transition: opacity 0.8s ease-out;
}
/* Opacity */
.bg-opacity-white,
.bg-opacity-black,
/* .section#spa,
.section .fp-tableCell .fix-mywrapper,
.section .fp-tableCell, */
.section .fp-tableCell .bg-wrapper section.content article,
.section .fp-tableCell .bg-wrapper footer.valignmiddle article.container{
	opacity: 0;
	-webkit-transition: opacity 0.8s ease-in;
	-moz-transition: opacity 0.8s ease-in;
	-ms-transition: opacity 0.8s ease-in;
	-o-transition: opacity 0.8s ease-in;
	transition: opacity 0.8s ease-in;
}
.section#spa.active,
.section.active .fp-tableCell .fix-mywrapper,
.section.active .fp-tableCell,
.section.active .fp-tableCell .bg-wrapper section.content article,
.section.active .fp-tableCell .bg-wrapper footer.valignmiddle article.container {
	opacity: 1;
}
.section .fp-tableCell .fix-mywrapper .opacity-mode {
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in;
	-moz-transition: opacity 1.5s ease-in;
	-ms-transition: opacity 1.5s ease-in;
	-o-transition: opacity 1.5s ease-in;
	transition: opacity 1.5s ease-in;
}
.section.active .fp-tableCell .fix-mywrapper .opacity-mode {
	opacity: 1;
}
/* Opacity */
/* Hide adminbar for dev *//*#wpadminbar { display:none;}*//* GENERAL */
#wpadminbar {display:none;}

html, body {height: 100%;margin: 0; padding: 0; font-size: 100%;}
BODY { margin: 0; padding: 0; min-height: 100%; background: #fff !important; -moz-font-smoothing: antialiased;-webkit-font-smoothing:antialiased;color: #fff !important;font-smoothing: antialiased;line-height: 1.5em;text-rendering: optimizeLegibility;}
body > p { }

/* SUBMENU AFFIX-TOP */


.mycontent-panel:hover .clickable .redbg {
    width:100%;
}
.chambres .image-logo,
.secondgallery .image-logo {
	height: auto;
    margin: 40px 0;
    width: 25%;
}

.rightnone {
    background: transparent;
    float: right;
    position: relative;
    top: 0;
}
.myapiclose {
    left: 50%;
    position: absolute;
    top: 30%;
    z-index: 2000;
}
/* #reservation-close.x,
#offre-close.x {
    background: #91484C;
}
#phone-close.x {
    background: #49AAAF;
} */
.x {
    background: #000;
    border-radius: 100%;
	border:1px solid #000;
    display: block;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 80px;
    z-index: 100;
	-webkit-transition: transform 0.25s ease-in-out 0s;
    -moz-transition: transform 0.25s ease-in-out 0s;
    -o-transition: transform 0.25s ease-in-out 0s;
	transition: transform 0.25s ease-in-out 0s;
}
.x:hover {
    transform: rotate(180deg);
	cursor:pointer;
	background: transparent;
	border:1px solid #fff;
}
.x:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 0;
    border-top: 3px solid rgba(255,255,255,1);
    transform: rotate(45deg);
    transform-origin: center;
}
.x:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 0;
    border-top: 3px solid rgba(255,255,255,1);
    transform: rotate(-45deg);
    transform-origin: center;
}
.Gterms {
	font-size: 65% !important;
	color: #fff !important;
	font-weight: 200 !important;
	opacity: 0.6;
}
.content .Gterms a {
	color: #fff !important;
}
.grecaptcha-badge { 
    visibility: hidden; 
}
#menu-main,
#menu-main-en,
#menu-main-de {
    background: none !important;
	width: auto;
	margin: 30px auto 0 !important;
	padding: 0 20px !important;
}
#menu-main > li.lang-item a,
#menu-main-en > li.lang-item a {
    font-size: 90% !important;
    margin-left: 8px;
    color: #CC1631 !important;
}
#menu-main > li,
#menu-main-en > li {
	border-bottom: 0px dashed #fff;
	padding: 5px 0 5px 20px;
}
#menu-main > li:nth-last-child(1),
#menu-main-en > li:nth-last-child(1) {
	border-bottom: none;
}
.image-direction {
    bottom: 30%;
    left: 0;
    position: absolute;
    width: 30%;
}
/* .navbar-hidden {
    top: -187px !important;
} */
.content .btn-success.plusdinfos,
.content .btn-success.plusdinfos:focus {
    padding: 0;
    margin: -90px 0 0 150px;
    background: 0 0 !important;
    color: #CC1631 !important;
    display: inline-block;
    vertical-align: top;
    height: 90px;
    font-size: 4em;
    border: 0 !important;
    outline: none !important;
}
.btn-success.plusdinfos:hover {
    background: transparent !important;
    color: #000 !important;
	border: 0 !important;
}
.coockiebutton {
    background: transparent !important;
	border: 1px solid #fff !important;
    color: #fff !important;
}
.coockiebutton:hover {
    background: #000 !important;
	border: 1px solid #000 !important;
    color: #fff !important;
}
a#logo-affix {
    height: auto;
    padding: 12px 20px;
    position: absolute;
    width: 230px;
    background: 0 0;
	-webkit-transition: all 0s ease 0.1s;
    -moz-transition: all 0s ease 0.1s;
    -o-transition: all 0s ease 0.1s;
    transition: all 0s ease 0.1s;
}

a#logo-affix:hover {
    background: none;
}
.image-logo {
    height: auto;
    margin: 0;
    width: 100%;
    padding: 0;
}
#footer .image-logo {
    height: auto;
    margin: 0 auto 20px;
    width: 25%;
    padding: 0;
    display: block;
    opacity: 0.9 !important;
}
.affix-top a#logo-affix:hover .image-logo,
#footer .image-logo,
.affix a#logo-affix:hover .image-logo {
    -webkit-filter: contrast(0);
    filter: contrast(0);
	-webkit-transition: all 0s ease 0.1s;
    -moz-transition: all 0s ease 0.1s;
    -o-transition: all 0s ease 0.1s;
    transition: all 0s ease 0.1s;
}
.affix a#logo-affix .image-logo,
.affix-top a#logo-affix .image-logo, {
    -webkit-filter: none;
    filter: none;
	-webkit-transition: all 0s ease 0.1s;
    -moz-transition: all 0s ease 0.1s;
    -o-transition: all 0s ease 0.1s;
    transition: all 0s ease 0.1s;
}
/* .image-logo:hover {
	-webkit-filter: brightness(0%) grayscale(100%) invert(.8) contrast(3);
    filter: brightness(0%) grayscale(100%) invert(.8) contrast(3);
	-webkit-transition: all 0s ease 0.1s;
    -moz-transition: all 0s ease 0.1s;
    -o-transition: all 0s ease 0.1s;
    transition: all 0s ease 0.1s;
} */
.carousel-inner .image-logo {
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
	-webkit-filter: brightness(0%) grayscale(100%) invert(.8) contrast(3) drop-shadow(1px 1px 1px #000);
    filter: brightness(0%) grayscale(100%) invert(.8) contrast(3) drop-shadow(1px 1px 1px #000);
}
#logo-affix span {
	display:none
}
/* #logo-affix img {
    height: 2;
    position: absolute;
    width: 200px;
} */
/* .affix #logo-affix img {
	position: relative;
    width: 150px;
} */
/* .affix-top #logo-affix {
    display: none;
} */

#id-wrapper-full.affix-top #nav {
	top:200px;
}
#id-wrapper-full.affix-top {
	background: #fff !important;
    left: 0;
    position: absolute;
    right: 0;
	z-index: 3;
}
#submenu {
    bottom: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    width: 400px;
    z-index: 5;
}
#submenu-icons {
	height: auto;
	letter-spacing: -1px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	top: 150px;
	width: 240px;
}
.submenu-icons {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 50%;
}
.submenu-icons {
    display: block;
    height: auto;
    margin: 10px auto 0;
    width: 50%;
}
a#reserver {
    background: /* #847067 *//* #7f6d57 *//* #BAA489 *//* #AB9870 */none;
	/* box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.5); */
    color: #fff !important;
    display: block;
    height: 80px;
    padding: 5px 20px;
    text-decoration: none;
}
#reserver .submenu-icons-content {
    background: #847453;
    border-radius: 100%;
    height: 55px;
    left: 10px;
    top: 10px;
    width: 55px;
}
a#reserver:hover,
a#reserver:hover .text-reserver,
a#reserver:hover .tarif-reserver,
a#reserver:hover .meilleur-tarif {
    background: #fff;
	color: #AB9870 !important;
}
#submenu:hover
/* #id-wrapper-full.affix a#offers:hover,
#id-wrapper-full.affix a#restaurant:hover,
#id-wrapper-full.affix a#phone:hover */ {
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5) !important;
}
a#offers,
a#restaurant,
a#phone {
    background: /* #504e43*/ /* #756857 */rgba(255, 255, 255, 0);
	border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-radius: 0;
    border-top: 1px solid #d9d9d9;
	box-shadow: 2px 1px 3px rgba(0, 0, 0, 0);
    color: #fff !important;
    display: block;
    height: 60px;
	margin: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/* a#offers {
    background: #AD2B3C;
}
a#restaurant {
    background: #C2B99E;
}
a#phone {
    background: #564D40;
} */

a#offers:hover,
a#restaurant:hover,
a#phone:hover {
    background: /* #504e43*/ /* #756857 */rgba(0, 0, 0, 0.8);
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    border-left: 1px solid rgba(0, 0, 0, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.8);
}
/* a#offers::after {
    content: "";
    display: block;
    padding-bottom: 100%;
} */
.submenu-content {
    height: 100%;
    left: 15px;
    position: absolute;
}
.text-offers {
    font-size: 130%;
    position: relative;
    top: 17px;
}
.submenu-icons-content {
    display: inline-block;
    font-size: 140%;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
}
.icons-content {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* New button */
.content ul.myplus {
    padding: 20px 0 40px !important;
	margin: 0 !important;
}
.myplus > li {
    border-radius: 0;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 3em !important;
    padding: 17px 20px 23px 24px !important;
}
.myplus > li.li-prestations,
.myplus > li.li-photos {
    padding: 0 !important;
}
.myplus > li.li-prestations a,
.myplus > li.li-photos a {
    padding: 17px 20px 8px 24px !important;
}
.myplus > li.li-tarifs {
    padding: 18px 25px 22px 15px !important;
}

#id-wrap-boutique .myplus > li.li-prestations:hover,
#id-wrap-boutique .myplus > li.li-disponibilites:hover,
#id-wrap-boutique .myplus > li.li-photos:hover,
#id-wrap-boutique .myplus > li.li-prestations a:hover,
#id-wrap-boutique .myplus > li.li-photos a:hover {
    background: transparent !important;
	color:#000 !important;
}
.mybuttons {
	position: fixed;
	left: 10%;
	bottom: 25px;
}

.mybuttons li {
    display: inline-block;
}
/* .mybuttons > li > a {
    background: #7faf0e;
	border-radius: 0 !important;
    color: #fff !important;
    font-size: 1.5em !important;
    margin: 10px 3px 0;
    padding: 10px !important;
	border: 5px solid #fff;
} */
.mybuttons li.lang-item {
    position: relative;
    top: -11px;
    margin: 0 5px;
}
.lang-item a {
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
}
.mybuttons > li.contact > a {
	color: #fff !important;
	font-size: 3em !important;
	background: #000;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	display: inline-block;
	text-align: center;
	padding: 15px;
}
.mybuttons > li.contact > a:hover {
    background: #999 !important;
	text-decoration: none;
}
 ul.home-menu {
  list-style: none;
  margin: 0 !important;
}
 ul.home-menu li {
  list-style-type: none;
}
ul.home-menu a .titreregular {
  font-size: 1.2em !important;
  margin: 0 0 10px;
}
.content .home-menu a {
	color: #000 !important;
	font-weight: 200 !important;
	outline: medium none;
	text-decoration: none;
	font-size: 0.9em;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}
.content .home-menu a:hover .image-homemenu {
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(120%);
	filter: grayscale(100%) contrast(1.2) brightness(120%);
	
}
.content .home-menu a:hover {
	text-decoration: none;
}
ul.home-menu a span {
  display: block;
  text-align: center;
}
.image-homemenu {
	width: 55%;
	padding: 20px;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}
.mybuttons li.contact {
    top: 2px !important;
    position: relative;
	margin-right: 7px;
}

.affix-top li.tarif-reserver {
    color: #fff;
}
.affix li.tarif-reserver {
    color: #000;
}

.calendar {
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 190%;
	margin: -50px 0 0;
	padding: 11px;
	top: -17px !important;
}

#phone-bloc,
#reservation-bloc,
#bookingsearch-bloc,
#reserver-bloc,
#offre-bloc {
    background: transparent;
}
#phone-bloc,
#reservation-bloc,
#bookingsearch-bloc,
#reserver-bloc,
#offre-bloc {
    height:100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
	margin:0;
	overflow: auto;
}
.black-bloc .content p {
    color: #fff;
}
.black-bloc {
    background:#af9a67;
	background-size: 80px auto;
}
/* .black-bloc:before {
    content: ' ';
    display: block;
    position: absolute;
	right: 0;
    left: auto;
    bottom: 0 !important;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(images/bgimage.png) no-repeat top left;
    background-size: contain;
    z-index: 1;
    opacity: 0.2;
} */
.bleu1-bloc {
    background: #278C9E;
}
.bleu2-bloc {
    background: #00354F;
}
.absolute.bleu1-bloc, .absolute.bleu2-bloc, .absolute.black-bloc {
    opacity: 1;
	z-index: -1;

}
.content a.plus2:hover + .big-featured-image {
    opacity: 0.9 !important;

}

.gris-bloc {
    background:#f7f7f7;
}
.white-bloc {
    background:#fff;
}
#phone-bloc label,
#offre-bloc label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
#offre-bloc label[for=offreid], #offre-bloc label[for=fromdate], #offre-bloc label[for=todate] {
	position: relative;
	width: auto;
	height: auto;
	padding: auto;
	margin: auto;
	overflow: auto;
	clip: none;
	border: 0;
	font-size: 90%;
}
.findoffre {
    font-size: 110%;
}
#phone-close,
#reserver-close,
#bookingsearch-close,
#offre-close {
    display: block;
    font-size: 160%;
    font-weight: 300;
    padding-right: 10px;
    text-decoration: none;
	color: #fff;
}
#reservation-bloc p {
    color: #000;
}
#reserver-bloc h3,
#bookingsearch-bloc h3,
#phone-bloc h3 {
    font-size: 0.9em;
    margin: 0 0 40px;
}
a#phone-close:hover,
a#bookingsearch-close:hover,
a#reserver-close:hover {
    color: #c52057 !important;
}
.myclose {
    padding: 0;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}
.content-block {
    padding: 20px 100px 40px;
}
.abs-top {
    position: absolute;
    top: 0;
}
.zindex-1 {
    z-index: -1 !important;
}
.blocktel,
a.blocktel {
    display: block;
    font-size: 200%;
    margin: 30px 0 !important;
    text-decoration: none !important;
}

li.facebook, li.google, li.instagram, li.youtube, li.twitter, li.pinterest {
    display: inline-block !important;
}
.facebook.menu-item {
    padding: 40px 0 0 30px !important;
}
.social li {
    display: inline-block;
    margin: 0 15px 0 0 !important;
}
#menu-user li a {
    color: #fff !important;
}
.social li a {
    color: #fff !important;
    font-size: 150% !important;
    font-weight: 700;
    text-transform: uppercase;
	/* text-shadow: 1px 1px 5px #000; */
}
.social li a[hreflang] {
    font-size: 70% !important;
    font-weight: 700;
    text-transform: uppercase;
}

.social li a:hover {
    color: #5ec4db !important;
}
.social li a:active, .social li a:focus, .social li a:hover {
    text-decoration: none;
}
.social {
    bottom: 40px;
    padding: 0 !important;
    position: absolute;
    left: 20%;
    z-index: 3;
}
.smallh1 {
    font-size: 60%;
}
.bigh1 {
    font-size: 140%;
    letter-spacing: -1px;
    line-height: 100%;
}

/* .bg {background:#fff url(images/maison01.jpg) no-repeat center;-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;margin: 0; padding: 0;min-height:100%;min-width:100%;} */
/* .bg {margin: 0; padding: 0;min-height:100%;min-width:100%;}*/
.bg {margin: 0 0 0; padding: 0;height:50%;width:100%;position:relative;text-align:center;}

.slide_haspostthumbnail {margin: 0 0 0; padding: 0;width:100%;position:relative;text-align:center;}
.slide_nopostthumbnail {margin: 0 0 0; padding: 0;width:100%;position:relative;text-align:center;}
.home .slide {
	background-size: contain;
	background-repeat: no-repeat;
}

.responsive-img {
	width:100%;
	height:auto;
}
.produit-marg {
	margin:20px 0 0;
}
.tarif-big {
    display: block;
    font-size: 1.6em;
    padding: 5px 0 0 !important;
}
.small-header {
    font-size: 1.2em !important;
    font-weight: 600 !important;
    line-height: 2em !important;
    text-transform: uppercase;
}
.small, .small-right {
    font-size: 0.9em !important;
    line-height: 1em !important;
}

.tarifspadd {
    margin: 0 0 30px;
}
.padd-hor {
    padding: 0 3px;
}
.headr {line-height:auto;text-transform:uppercase;letter-spacing:5px;}
.headr2 {line-height:100%;color:#fff !important;}
.headr3 {line-height:100%;color:#fff !important;text-shadow: 0 5px 5px rgba(0,0,0,0.8);}
.top {width:85%;z-index:1;}
.bgtop {z-index:0;position:absolute;height:100%;width:100%;bottom:0;background: rgba(255,255,255,0.4);

}
.bg-small > img  {height: auto;width: 100%;margin: -65px 0 0;}
.big {font-size:150% !important;}
.small {font-size:50% !important;}
.lineheight {line-height:250%;}



.video {position: relative;padding-bottom: 56.25%;padding-top: 20px;height: 0;overflow: hidden;}
.video iframe, .video object, .video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.content {
	text-align: left;
	margin: 0 auto;
	padding: 0px 0;
	z-index: 1;
	position: relative;
}

.content .content .tagcloud a {
    background: #969277 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff !important;
    line-height: 2em;
    margin: 0 5px 10px 0;
    padding: 5px;
    text-decoration: none;
}
.center-container {
  height:100%;
  display: table;
  width:100%;
  margin:0;
}

.center-row {
  height:50%;
  width:100%;
  display: table-row;
}
  
.center-row > div {
  height:100%;
  width:50%;
  display: table-cell;
  border:0 solid #eee;
  color:#fff;
  vertical-align:middle;
}
.middle, .tycoz_title.middle {
    position: absolute !important;
    top: 51%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width:100%;
}
.middle2 {
    position: relative !important;
    top: 250px;
    transform: none;
    -webkit-transform: none;
    width: 60% !important;
    left: auto;
    right: auto;
    margin: 0 auto;
	text-shadow: 1px 1px 5px #000;
}
.prestations .content h2 {
    font-size: 1.5em;
	text-align:center;
	letter-spacing: 3px;
}
.adressepage {
    padding: 50px 0;
}
.adressepage2 {
    padding: 100px 0 0px;
}
.adressepage p span {
    font-weight: 800;
}
.arrow-right,
.arrow-left {
	display: block;
	margin: 30px auto;
	width: 50px;
	height: 50px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	position: relative;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -15px;
}
.arrow-right {
	transform: rotate(135deg);
	margin: -15px 20px 0 0 ;
}

.arrow-left {
	transform: rotate(-45deg);
	margin: -15px 0 0 20px;
}
.h100, .modal .h100 {
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
	overflow:hidden;
}
a.plus {
    background: #fff;
}
a.plus2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
	text-indent:-9999px;
}
.carousel-caption div {
    background: #000;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 0.8em;
    letter-spacing: 2px;
    width: auto;
    display: inline-block;
}
.big-featured-image:hover,
a.plus:hover .big-featured-image,
.myprestation:hover ~ .big-featured-image  {
    -moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}
.id-main .big-featured-image:hover  {
	cursor:pointer;
}

.lazyloaded {
	opacity: 1;
	background-size: cover;
	background-position: center center;
	transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}
.lazyload {
	opacity: 0;
}
/* .lazyloading {
	opacity: 1;
	transition: opacity 300ms !important;
	background: transparent url(images/ajax-loader.gif) center no-repeat !important;
	background-size:32px 32px !important;
} */
.big-featured-image {
    padding-bottom:/* 62.5% *//* 68% *//* 90% */ 80%;
	transition: all 0.2s ease-in-out 0s;
	min-height:100%;
	position: relative;
	z-index: -1;
	-webkit-filter: none;
	-webkit-filter: none;
	filter: none;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}
.home .big-featured-image {
	padding-bottom: 65%;
	transition: all .2s ease-in-out 0s;
	min-height: 65%;
	position: relative;
	z-index: -1;
	-webkit-filter: none;
	-webkit-filter: none;
	filter: none;
	transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
a.plus:hover .big-featured-image,
a.plus2:hover .big-featured-image {
	opacity: 1;
	transition: all 1s ease 0s;
	-webkit-filter: grayscale(0.5) !important;
	-webkit-filter: grayscale(50%) !important;
	filter: gray !important;
	filter: grayscale(50%) !important;
}
.big-featured-image.rooms {
    padding-bottom:68% !important;
}
.room-padd {
    padding: 100px 0;
}

.nofilter {
	opacity: 1;
	transition: all 1s ease 0s;
	-webkit-filter: none !important;
	-webkit-filter: none !important;
	filter: none !important;
}
.grayscale50 {
	opacity: 1;
	transition: all 1s ease 0s;
	-webkit-filter: grayscale(0.5) !important;
	-webkit-filter: grayscale(50%) !important;
	filter: gray !important;
	filter: grayscale(50%) !important;
}
.plus:hover .bg-noir {
	opacity: 1;
	transition: all 0.5s ease-in-out 0s;
}
.bg-noir {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	z-index:2;
	bottom: 30%;
	left: 0px;
	opacity: 1;
	position: absolute;
	right: 0px;
	top: 0px;
	transition: all 0.2s ease-in-out 0s;
}
.imagetitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 1;
}
.imagetitle div {
    vertical-align: middle;
    height: 100%;
    display: inline-table;
    padding: 37% 20px 0;
    font-size: 1.9em;
    color: #fff;
	text-shadow: 1px 1px 5px #000;
}
.myprestation:hover .big-featured-image {
    opacity: 0.8;
}
.myprestation .big-featured-image {
    opacity: 0.5;
}
.prestations.produits .myprestation:hover {
    cursor: pointer;
}
/* SQUARE GALLERY */
.modal .squaregallery_bootstrap {
	border: 0;
}
.squaregallery_bootstrap {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #fff;
}

a.squaregallery_bootstrap {
	-webkit-filter: none;
	-webkit-filter: none;
	filter: none;
	filter: none;
}
/* .gallerycontainer:hover a.squaregallery_bootstrap:not(:hover) {
	opacity:0.7;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
} */
.therooms {
	opacity:0.7;
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(1.1);
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(1.1);
	filter: gray;
	filter: grayscale(100%) contrast(1.2) brightness(1.1);
}
.modal .content h2 {
    font-size: 300%;
    letter-spacing: -1px;
    text-align: left;
}
.modal strong {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto;
    padding: 10px 0 10px;
    color: #7faf0e;
}
a.squaregallery_bootstrap:hover,
.mycontent-panel:hover .clickable .therooms {
	-webkit-filter: grayscale(0.5);
	-webkit-filter: grayscale(50%);
	filter: gray;
	filter: grayscale(50%);
	/* -webkit-filter: sepia(100%);
    filter: sepia(100%); */
}
.padding-0 {
	padding: 0 !important;
}
.transform50 {
	position: absolute !important;
	top: 51%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
}
/* END SQUARE GALLERY */


/* .plus:hover .big-featured-image {
	-webkit-filter: grayscale(0.5);
	-webkit-filter: grayscale(50%);
	filter: gray;
	filter: grayscale(50%); */
	/* -webkit-filter: sepia(100%);
    filter: sepia(100%); */

/* } */

.address {
    bottom: 20px;
    font-size: 85%;
    left: 20px;
    letter-spacing: 0;
    position: absolute;
    text-transform: uppercase;
    width: auto;
    z-index: 3;
}
.nouppercase {
	text-transform: none !important;
}
.address .tele,
a.tele {
    font-size: 140%;
    font-weight: 400;
    padding: 0;
	color:#fff !important;
}
.email > span > a.mailto-link {
    color: #fff !important;
}
.contacter .tele {
    color: #000 !important;
    font-size: 120%;
	text-transform: none !important;
}
.contacter .email > span > a.mailto-link,
.content a.mailto-link {
    color: #fff !important;
    font-size: 100%;
	font-weight:300;
	text-transform: none !important;
}
/* .adressepage.contacter .tele,
#id-wrap-boutique .adressepage.contacter a.contact {
    color: #fff !important;
}
.adressepage.contacter .tele:hover,
#id-wrap-boutique .adressepage.contacter a.contact:hover {
    color: #fff !important;
} */
#footer .tele {
    font-size: 140%;
}
.spanprix {
	color:#c52057;
    display: block;
    font-size: 110%;
    margin: 5px 0 15px 0;
}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
p.itemprop {
    color: #fff !important;
    font-weight: 400;
    margin: 0 !important;
}
.partenaires > img {
	display: inline;
	width: 20%;
}
#fullpage.fullpage-wrapper .section .content,
#fullpage.fullpage-wrapper .section .content .content {
	margin:0;
}
.zero,
#fullpage.fullpage-wrapper .section .content .content p.zero {
	padding:0 !important;
	margin:0 !important;
}


.padd {padding:5% 0;}

#id-top {position:relative;width:100%;padding:0 0;background: ;height:100%;display: table;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
.contacter h2 {
    padding: 0 0 30px;
}
.mycontainer {
    padding: 30px 0;
}
.home .content .smallh2,
.smallh2 {
    font-size: 140% !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}
#id-wrap-boutique {
	position:relative;
	width:100%;
	padding: 60px 0 60px;
	height:auto;
}

.chambres {
    background: #F7F7F2;
}

.tabledhotes,
.rejoindre,
.news{
	min-height: 100%;
	width: 100%;
	padding:0;
}
.rejoindre{
	background: #382E24;
	/* background: #E2DFD0; */
}
.tabledhotes{
	background: #E2DFD0;
}
.zindex1 {
    position: relative;
    z-index: 1 !important;
}
.secondgallery{
	background: #fff;
	padding:0;
}
.rubriques {
    background: #000;
}
.secondgallery .content, .secondgallery .content p {
	padding:0 !important;
	margin:0 !important;
}
.secondgallery .frise-blanc {
    background-size: 20% auto;
}
.squaredphotos {
    height: auto;
    overflow: auto;
    padding: 50px 50px 100px;
}
.contacter{
	background: transparent;
}
#id-main, .rejoindre {
	background: #e1c47e/* #452F21 *//*#63705f *//* #7F735F */;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%;
}
.bgimage {
	background: #fff url(images/bgimage.png) no-repeat center center;
    background-size: 300px;
    position: absolute !important;
    left: 50%;
    width: 50%;
    z-index: -2;
}
.news .bgimage {
	background: #CC1631 url(images/bgimage.png) no-repeat center center;
	background: url(images/bgimage.png) no-repeat center center, -moz-linear-gradient(top,  #1d5b77 28%, #CC1631 86%);
	background: url(images/bgimage.png) no-repeat center center, -webkit-linear-gradient(top,  #1d5b77 28%,#CC1631 86%);
	background: url(images/bgimage.png) no-repeat center center, linear-gradient(to bottom,  #1d5b77 28%,#CC1631 86%);
	
}
/* #id-main .down, .rejoindre .down  {
	background: #49aaaf;
}
.news .down {
	background: #91484c;
} */

#fleur {
    background: url(images/bgimage.png) no-repeat center left;
	background-size: auto auto;
    background-size: cover;
    bottom: 0px;
    height: 257px;
    opacity: 1;
    position: absolute;
    right: 0px;
    width: 300px;
    z-index: 1;
}
.frise-paint {
    background: url(images/pomme-pommedapi-BG.png) no-repeat bottom left;
	background-size: auto auto;
    background-size: contain;
	bottom: 0;
	height: 100%;
	opacity: .5;
	position: absolute;
	left: -20px;
	width: 30%;
	z-index: 0;
	/* filter: drop-shadow(5px 5px 5px #000); */
}
.page-id-941 .frise-paint {
    background: url(images/pomme-pommedereinette-BG.png) no-repeat bottom left;
}
.page-id-43 .frise-paint {
    background: url(images/pomme-leclosstyves-BG.png) no-repeat bottom left;
}
.frise-paint.bottom-right {
    bottom: 0px;
	right: 10px;
}
.abso .frise-paint {
    z-index: 1;
}
.frise-paint.inverse {
    right: 0;
    left: auto;
    bottom: 0 !important;
    width: 300px;
    height: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(images/bgimage.png) no-repeat top left;
        background-size: auto;
    background-size: contain;
}

.modal .frise-paint {
	background: url(images/frise-paint.png) repeat-y bottom left;
}
.mycontent-panel .frise-paint {
	background: url(images/frise-paint.png) repeat-y bottom right;
	background-size: auto 25%;
}

.minmax,
.contacter .contact {
    width: 300px;
	margin: 0 auto;
}
.news p,
.news .content p {
    color: #fff;
}
.id-main {position:relative;width:100%;padding:0 0;min-height:100%;}
#bg {
	height:auto;
    min-height: 100%;
    position: relative;
    width: 100%;
}
#footer ul {
    display: block;
    margin: 10px 0 0 !important;
}
.content .social-footer li {
    display: inline-block;
    margin: 0px 10px 10px 0 !important;
}
.content .social-footer li a {
    color: #fff !important;
    font-size: 180%;
    margin-right: 10px;
    text-decoration: none;
	opacity:0.6;
}
#footer .social-footer {
    margin: 30px 0 0 !important;
}
.social-footer li a:hover,
#menu-user li a:hover {
    color: #000 !important;
	text-decoration: none;
	outline:none;
}
#menu-user li a {
    font-size: 0.8em;
    margin: 0 5px 0 0;
	color: #fff !important;
	font-weight: 200;
	opacity:0.6;
}
.content #menu-user li.menu-item {
    color: #fff;
    display: inline-block;
    margin: 0px 15px 0px 0 !important;
}

.tran {
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.pdf-thumbnail-link:hover img {
    opacity:0.5;
}
.empty-opacity {
    opacity: 0.2;
}
#hotel {
    height: auto;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.shadow {
    text-shadow: 0 1px 1px #000 !important;
}


/* .section, */
/* .fp-slide {
    background-attachment: fixed !important;
} */
.active {
   /*  background-attachment: scroll !important; */
}
.fixed {
    position:fixed;
}
.fix-mywrapper {
    position: relative !important;
}
.fixed-mywrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}




/*------Meilleur tarif---------*/
.meilleur-tarif {
    font-size: 100%;
    top: 55px;
    position: absolute;
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 0px;
	display:block;
	color:#000;
}
.affix-top .meilleur-tarif {
	color:#fff;
}
.meilleur-tarif.dejeuner {
    top: 55px;
    left: 9px;
}
.menu-toggle {
    position: absolute;
    right: 28px;
    top: 80px;
    font-size: 1.2em;
    color: #000;
}
.affix-top .menu-toggle {
    color: #000;
}
/* .home .affix .menu-toggle {
    color: #000;
} */




/*------Tycoz rubriques---------*/

.tycoz_full, .tycoz_items{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
height:100%;
width:100%;
overflow:hidden;
}

.tycoz_item{
    position:relative;
    float:left;
    width:50%;
    height:100%;
    border-left:1px solid rgba(255,255,255, 1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );

}
.tycoz_item:first-of-type {
    border-left:none;
}

.tycoz_item:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0);
    z-index:0;
    
    transition: all  0.6s ease-in-out;
  -moz-transition: all  0.6s ease-in-out;
  -ms-transition: all  0.6s ease-in-out;
  -o-transition: all  0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;  
}

.tycoz_item:hover::after{
    background:rgba(0,0,0,.15);
}

.tycoz_bg{
    position:absolute;
top:0;
bottom:0;
left:0;
right:-1px;
background-position:center;
    background-size:cover;
    
    transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  
}
.tycoz_bg_gradiant{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:-1px;
	background-position:center;
	background-size:cover;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	background:rgba(0,0,0,0.3);
  	/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	z-index:1; */
  
}

.tycoz_bg:after{
    position:absolute;
    display:block;
    content:"";
top:0;
bottom:0;
left:0;
right:0;    
/*background:rgba(0, 54, 105, .7);
background:rgba(0, 65, 145, .7);*/
}

.tycoz_items:hover .tycoz_bg{
    opacity:0;
}
.tycoz_title{
    position:relative;
    top:70%;
    margin-top:-100px;
    padding:0 60px;
    color:#fff;
    z-index:1;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
  -ms-transform: translateY(0);
transform:translate3d(0,0,0);   

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

 transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}
.tycoz_title .btn-primary, .chambresdhotes  a.btn-success {
    background: transparent !important;
    border: 1px solid #fff !important;
    padding: 20px 30px;
    font-size: 110%;
    width: 250px;
    max-width: 250px;
}
.reserverbtn{
transition: all 0.1s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
}
.affix-top .mybuttons li a.reserverbtn-blanc {
	background: transparent !important;
	border: 1px solid #fff !important;
	padding: 10px 20px;
	margin: 12px 0 0 5px;
}
.mybuttons li a.reserverbtn-noir, .affix .mybuttons li a.reserverbtn-blanc {
	background: transparent !important;
	border: 1px solid #000 !important;
	color:#000 !important;
	padding: 10px 20px;
	margin: 12px 0 0 5px;
}

.tycoz_active .tycoz_title{
transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.tycoz_item:hover .tycoz_title{
-moz-transform: translate3d(0,-7px,0);
-webkit-transform: translate3d(0,-7px,0);
-o-transform: translate3d(0,-7px,0);
  -ms-transform: translateY(-7px);
transform:translate3d(0,-7px,0);        
}
.tycoz_title .h2{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-bottom:48px;
}

.tycoz_item .moar, .news_item .moar{
    opacity:0;
  transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -moz-transition: -moz-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -o-transition: -o-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -webkit-transition: -webkit-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
}

.tycoz_item:hover .moar, .news_item:hover .moar{
-moz-transform: translate3d(0,-10px,0);
-webkit-transform: translate3d(0,-10px,0);
-o-transform: translate3d(0,-10px,0);
  -ms-transform: translateY(-10px);
transform:translate3d(0,-10px,0);     
    opacity:1;
} 

.moar .arrow{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:1px;
    width:50px;
    background:#fff;
    margin:-2px 0 0 18px;
    -webkit-backface-visibility:hidden;
    
    -moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
  -ms-transition: all .3s ease;
transition:all .3s ease;
}

.moar .arrow:after{
 position:absolute;
    display:block;
    right:0;
    top:-2px;
    content:"";
    height:5px;
    width:5px;   
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-backface-visibility:hidden;
    -moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
  -ms-transition: all .3s ease;
transition:all .3s ease;
}

.moar.gray .arrow{
    background:#333;
}

.moar.gray .arrow:after{
    border-color:#333;
}

.moar:hover .arrow{
    background:#000;
}

.moar:hover .arrow:after{
    border-color:#000;
}

.full_item{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-position:center;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	opacity:0;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

.full_item.active{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);    
   opacity:1; 
}

.rubriques h1 {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 250px;
	text-shadow: 0 0 10px #000;
	font-size: 2.5em;
}
.reserverbtn{
transition: all 0.1s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
}
.affix-top .mybuttons li a.reserverbtn-blanc {
	background: transparent !important;
	border: 1px solid #fff !important;
	padding: 10px 20px;
	margin: 12px 0 0 5px;
}
.mybuttons li a.reserverbtn-noir, .affix .mybuttons li a.reserverbtn-blanc {
	background: transparent !important;
	border: 1px solid #000 !important;
	color:#000 !important;
	padding: 10px 20px;
	margin: 12px 0 0 5px;
}


.tycoz_title .h2{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-bottom:48px;
}

ul.myicons {
    margin: 50px auto 0 !important;
}
.myicons li {
	display: inline-block;
	width: 85px;
	padding: 12px 2px 0;
	background: #333;
	margin: 0 2px 3px !important;
	height: 85px;
}
.myicons li img {
    width: 35px;
}
.myicons li h4 {
    font-size: 70%;
    margin: 5px 0 0 !important;
}




/* square gallery */

.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}
.square:hover {
    -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
             -o-transform: scale(1.1);
            transform: scale(1.1);
}
.content-gall {
    height: 100%;
    padding: 0;
    position: absolute;
    width: 100%;
}
.table-gall {
    bottom: 0;
    display: table;
    height: 20%;
    position: absolute;
    width: 100%;
}
.table-gall-pdf {
    bottom: 0;
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}
.table-cell-gall{
    display:table-cell;
    vertical-align:middle;
}

.pdfname {
    font-size: 150%;
    margin: 0 0 5px;
}
/* IMAGES EFFECTS FILTER */
.contrast0 {
    -webkit-filter: contrast(0);
    filter: contrast(0);
}
.invertandcontrast {
	-webkit-filter: invert(.8) contrast(3);
	filter: invert(.8) contrast(3);
}
.invertandcontrast.image-ldtv {
    margin: 50px;
}
.brightness2000 {
    -webkit-filter: brightness(2000%)!important;
    filter: brightness(2000%)!important;
	-webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.desaturate/* ,
.square:hover  */{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}
.slidefilters {
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(120%);
	filter: grayscale(100%) contrast(1.2) brightness(120%);
}
.blackfilter {
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(50%);
	filter: grayscale(100%) contrast(1.2) brightness(50%);
}

/* square gallery */

.square-content {
	position: absolute;
	width: 100%;
	height: 100%;
}
.news {
	background: #fff/* #9b855a */;
    height: auto !important;
    min-height: 100%;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#footer {
	position:relative;
	min-height: 60px;
	width:100%;
	margin:0;
	background-size: contain;
	background: #ceb16d;
	padding: 3% 0 150px;
}
.page-id-941 #footer {
	background: #9e7c6d;
}
.page-id-43 #footer {
	background: #B8C684;
}

.bottom-next .glyphicon-chevron-up {
    font-size: 4em;
}

.zindexone {
    z-index: 1 !important;
}
.down:hover {
	animation: 0s ease 0s normal none 1 running none;
	background: #999;
	background-size: 100% 100%;
}
.down {
	background: #fff;
	border-radius: 0;
	bottom: 20px;
	cursor: pointer;
	height: 60px;
	left: 50%;
	transform: translate(-50%,0);
	position: absolute;
	transition: all .2s ease 0s;
	width: 60px;
	z-index: 2;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,.7);
}
.down::after {
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 1px 0;
	content: "";
	height: 20px;
	left: 54%;
	position: absolute;
	top: 19%;
	transform: rotate(46deg) translate(-50%) skew(10deg,10deg);
	transform-origin: left center 0;
	width: 20px;
}
.down.up {
    transform: translate(-50%,0) rotate(180deg);
}
.nextslide {
    animation: 7s ease-in-out 5s normal none infinite running scrollmove;
}
.home li {
    color: #fff;
}
li {
    color: #000;
}

/*
Double background and double size
 #myfeatured {
	background: url(images/bebebg.png) no-repeat center left, url(images/fleur2.png) no-repeat center right;
	background-color:#E1ADCD;
	background-size: 300px 300px, contain;
	min-height: 100%;
	width: 100%;
} */
#myfeatured {
/* 	background: url(images/fleur-inside.png) no-repeat center bottom;
 */	background-color:/* #DFC3D5 */#a5a087;
	background-size: contain;
	min-height: 100%;
	width: 100%;
}
.section-log {
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(20deg);
    width: auto;
    z-index: 0;
}
#google_map {
    height: 100%;
    width: 100%;
}
/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
  
#footer a {
    color: #fff;
}


/*Private*/
/* #menu-item-201 > a, #menu-item-205 > a, #menu-item-206 > a, #menu-item-207 > a, #menu-item-204 > a, #menu-item-208 > a {color: #0099FF;}
#menu-item-201 > a:hover, #menu-item-205 > a:hover, #menu-item-206 > a:hover, #menu-item-207> a:hover, #menu-item-204 > a:hover, #menu-item-208 > a:hover {font-weight:bold;} */


span.tarif {
    font-size: 1.1em;
    font-weight: 600 !important;
    letter-spacing: -1px;
}
.verysmall {
    font-size: 0.6em;
    left: 12px;
    letter-spacing: -0.5px;
    line-height: 0.6em;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 14px;
}
.radius-bottom {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.radius-top {border-top-left-radius:10px;border-top-right-radius:10px;}
.valign {vertical-align: -25%;}
.line {width:100%;}
#reservation-bloc h3,
#bookingsearch-bloc h3 {
    font-size: 1.6em;
    font-weight: 500 !important;
}
.reserver-size {
    min-width: 300px;
    margin: 10px 0 10px;
}
.grisblanc {color:#F4F4F4 !important;}
.gris p {color:#595959 !important;font-size: 0.7em;line-height: 1em;}
.rouge {color:#CC1631 !important;}
.noir {color:#000 !important;}
.vert {color:#BAD900 !important;}
.bleu,
h1.entry-title a,
a.contact:hover,
.contacter .email > span > a.mailto-link:hover {color:#CC1631 !important;}
.bleu2 {color:#00354F !important;}
.rose {color:#d5175f !important;}
.beige {color:#D1CAA9 !important;}
.bgrose {background:#CE676E !important;}
.bgbeige {background:#ab9870 !important;}
.bgbeigefonce {background:#504E43 !important;}
.bgbleu {background:#78b2f9 !important;}
/* .bgmarron {background:#664F30 !important;} */
.bgmarron {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(142,115,25,0.7) 0%, rgba(142,115,25,0.2) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(142,115,25,0.7) 0%,rgba(142,115,25,0.2) 100%);
	background: radial-gradient(ellipse at center,  rgba(142,115,25,0.7) 0%,rgba(142,115,25,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38e7319', endColorstr='#338e7319',GradientType=1 );

}
.bgvert {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(131,173,83,0.7) 0%, rgba(131,173,83,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(131,173,83,0.7) 0%,rgba(131,173,83,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(131,173,83,0.7) 0%,rgba(131,173,83,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b383ad53', endColorstr='#0083ad53',GradientType=1 );
}
.bgnoir {
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
}
.absolute {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.prestations .big-featured-image {
    transition: all .2s ease-in-out 0s;
    min-height: 100%;
    position: absolute;
    z-index: -2;
    -webkit-filter: none;
    -webkit-filter: none;
    filter: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bgnoirclair {background:#1a1a1a !important;}
.bgbleuclair {background:#EAF2F7 !important;}
.bgblanc {background:#fff !important;}
.bggrisfonce {background:#333 !important;}
.bggrisclair {background:rgba(229,229,229,0.7) !important;}

.bg-orange {background:#ff6600 !important;}
.orange {color:#ff6600 !important;}



.marron {color:#452F21 !important;}
.marronclair {color:#d6b77e !important;}
.roseclair {color:#edb6ba !important;}
.bg-marron {background:#452F21;}

a.more {
	color:#AB9870 !important;
	text-decoration:none;
}

.barre {
    text-decoration: line-through;
}
a.plan {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.min-promo {
    min-height: 80px;
}
.min {
    min-height: 30px;
}
.menu-item-logout a {
    color: #ff6600 !important;
}

.box {padding:100px 0 0 0;min-height:100%;min-width:100%;background:#F7F5F2;}

.gclear { clear:both; font-size:0; line-height:0; }

.roboto {
	font-family: 'Roboto Condensed', sans-serif !important;
}
.robotomono, .content h2, .content p, .content .blocP p, .content .blocP li, input, label, form {
	font-family: "Roboto Mono", monospace !important;
}
.oswald, #footer .btn-success, .adressepage .btn-success, .btn-primary, .btn-success, .wpcf7-submit, .social li a, h1, h2, h3, h4, h5, h6, .enavant, .info {
	font-family: "Oswald", sans-serif !important; font-optical-sizing: auto;
}

.amatic {
	font-family: 'Amatic SC', cursive !important;
}
.mali {
	font-family: 'Mali', cursive !important;
}
/* .oswald, .social li a, h1, h2, h3, h4, h5, h6, .enavant, .info, .btn-primary, .btn-success, .wpcf7-submit {
	font-family: 'Oswald', sans-serif !important;
} */
.josefin {
	font-family: 'Josefin Sans', sans-serif !important;
}

.source { font-family: 'Source Sans Pro', sans-serif !important; font-weight: 400;color:#fff;text-align:left;}
.gras {
	font-weight:700 !important;
}
.fin {
	font-weight:300 !important;
}
.regular {
	font-weight:400 !important;
}
.top-shadow {
	box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.5);
}

.info {
    color: #000;
}
.aligncenter {
    text-align: center !important;
    margin: 0 auto !important;
    display: flex;
}

.right-shadow {
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.5);
}

.bottom-shadow {
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.left-shadow {
	box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.5);
}

.all-shadow {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.img-logo {
    height: auto;
    width: 250px;
}
#titretop {
    background: 0 0;
    display: block;
    line-height: 1em;
    margin: auto;
    padding: 0;
    width: auto;
    z-index: 2;
    top: 33.33% !important;
    position: relative;
}
#titretop .slogan {
    display: block;
    font-size: 1.9em;
    letter-spacing: 0px;
    line-height: .95em !important;
    margin: 0 !important;
    padding: 0 0 10px;
}
#titretop span {
  font-size: 0.9em;
}
#titretop h1 {
    display: block;
    font-size: 1.3em;
    letter-spacing: 0px;
    line-height: .85em !important;
    margin: 0 !important;
    padding: 0 0 10px;
    text-shadow: 0 0 0;
    background: rgba(0,0,0,0);
}
#titretop > ul li {
    display: block;
    margin-bottom: 0;
}
#titretop > ul li div.titresecondaire {
    background: #000/* #c52057 */;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    overflow: hidden;
    padding: 14px 20px;
    position: relative;
	text-align: left;
	text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
/* #titretop > ul li .titresecondaire:hover {
	background: rgba(255, 255, 255, 0.8);
    color: #000;
    transition: all 0.2s ease 0s;
} */
.reserverbutton {
    margin: 20px 0;
    font-weight: 200 !important;
    font-size: 60% !important;
    letter-spacing: 5px !important;
}
.logov {
	bottom: 25px;
	height: auto;
	position: absolute;
	left: 22%;
	width: 50%;
	z-index: 1;
	padding: 0;
}
h2.slogan {
	font-size: 2em;
	position: absolute;
	bottom: 25px;
}
.blanc-radial {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#titretop img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
}
.bg-header {
    /* background: #504e43; */
	/* background:rgba(0,0,0,0) url(images/logobg.jpg) no-repeat center center; */
	background:rgba(0, 0, 0, 0) url("images/menubg.jpg") no-repeat center center;
	background-size: cover;
    box-shadow: 0 0 20px #000;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    left: 0;
    letter-spacing: 0;
    margin: 0 auto;
    padding: 40px 30px 30px;
    position: relative;
    text-transform: uppercase;
    top: 0 !important;
    width: 300px;
    word-spacing: -5px;
}
/* #titretop:hover{
	color:#fff; */
	/* background:#3F3E35; */
/* 	background:rgba(63,62,53,0.9) url(images/logobg.jpg) no-repeat center center;
	background-size: cover;
	box-shadow: 0 0 40px #000;
} */
img.logo {
    display: block;
    margin: 0 auto;
    padding: 4% 0 0 1%;
    width: 90%;
}
.logorc {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 19%;
}
.blanc, .mycontent-panel.bgmarron p {
	color:#fff !important;
}

.logolabels {
    width: 14%;
    margin: 0 10px 0 !important;
	opacity:1;
	/* -webkit-filter: drop-shadow(1px 1px 10px #000);
    filter: drop-shadow(1px 1px 3px #000); */
}
.home .thelabels {
    position: fixed;
}
.thelabels {
    position: absolute;
    bottom: 30px;
    right: 10%;
    width: 360px;
    z-index: 2;
}
.page-id-636 .thelabels {
    bottom: 0px;
}
.thelabels .logolabels {
    opacity: 1;
    width: 100%;
}
a.leslabels {
    display: inline-block;
    width: 30%;
    margin: 0;
    padding: 0 0 0 20px;
}
#footer a.leslabels {
    width: 12%;
}


.labels {display:block;height: auto;min-width: 150px;}
.labels > img {height: auto;width: auto;display:inline;}

.columns2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 100px;
	-moz-column-gap: 100px;
	column-gap: 100px;
    text-align: justify;
    margin-top: 40px;
}
.content .columns2 p {
    margin: 0 !important;
}
.content p, .content li {
    color: #00354F;
    font-size: 95%;
    letter-spacing: -.5px;
    margin: 3% 0 !important;
    text-shadow: none;
    line-height: 1.3em;
	font-weight: 200 !important;
}
.prestations .content p, .prestations .content li {color:#fff !important; text-shadow: 1px 1px 5px #000;}
.home .content p,
.content .blocP p,
.content .blocP li {
    color: #000;
    font-size: 0.8em;
    letter-spacing: -.5px;
    margin: 3% 0 !important;
    text-shadow: none;
    line-height: 1.3em;
    font-weight: 200 !important;

}
.home .news .content p {
    font-size: 80%;
    letter-spacing: -.5px;
    margin: 3% 0 !important;
    text-shadow: none;
    line-height: 1.3em;
    font-weight: 500 !important;

}
.modal .content p, .modal .content li {
    color: #fff;
}
.content li {
    line-height: 0.8em;
	list-style-type: square;
}
.contentnav p { text-shadow:none;font-weight: 400;color:#fff;margin:2% 0 3% !important;}
.contentnav ul, .contentnav ol { list-style: none;list-style-position:inside;}
.contentnav li { text-shadow:none;font-weight: 400;color:#000;}
.menu-item {
    display: block;
    margin: 0 10px;
}
.col-md-8 > iframe {
    width: 100%;
}

#id-wrap-boutique p {
    color: #000;
}
.thegallery {
    margin: 20px 0;
}

/* .clickable {
    cursor: pointer;
    min-height: 280px !important;
} */
[id^="chambre-"] {
    padding: 0px 0 0;
}
a.allover {
    bottom: 0;
    left: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999px;
    top: 0;
    z-index: 5;
}
.relative {
    position: relative;
}
.room-reservation-form.align-center {
    margin: 50px auto !important;
}
.roomreservation {
    background: #00354f;
    padding: 100px 0 !important;
}
.roombooking {
    font-size: 1em !important;
    padding: 30px 40px;
}

.black-rooms {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
    bottom: 0;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
}
.overflow-hidden {
    margin: 0 !important;
    max-height: 280px;
    min-height: 280px;
    padding: 0 15px !important;
    transition: all 1s ease 0s;
}
.large-abso {
    bottom: 40px;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.vertical-align {
    align-items: flex-end;
    display: flex;
    margin-top: 0;
}
.marginbottom {
    margin: 0 0 30px !important;
}
article[id^="chambre-"]{
    padding: 50px 0 20px;
}

.image-bg {
    height: auto;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.logoslabels {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 5%;
    padding: 0;
    position: absolute;
    width: 300px;
    z-index: 3;
}
.image-inline {
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 0 5px 0 0;
	padding: 10px 0;
	vertical-align: bottom;
	width: 30%;
}
#id-wrap-boutique .logoslabels {
	position: relative;
	width: auto;
	left: auto;
	right: auto;
	margin:0 auto 40px auto !important;
}
#id-wrap-boutique .image-inline {
	width: 100px;
}
#footer .image-inline {
    width: 100%;
	filter: none;
}
.image-handicap {
    height: auto;
    width: 100%;
}
#footer .logoslabels .image-inline {
    width: 30%;
}
#footer .logoslabels {
    display: block;
    left: -5px;
    margin: 20px auto 0;
    padding: 20px 0 0 !important;
    position: relative;
    width: 300px;
}
.disponibilites {
    background: #000;
    padding: 20px 0 0;
}

/* BEST PRICE FORM */
.gallerycontainer {
    margin: 0px 0 0;
}
.image-ldtv {
    width: 20%;
    margin: 40px auto 0;
}
.prestations .image-ldtv {
    width: 25%;
    margin: 0px auto 0;
    z-index: 0;
    position: absolute;
    bottom: 5%;
    left: 33.333%;
    right: 33.333%;
}
.myprestation .image-ldtv {
    width: 15%;
    margin: 0 auto;
    z-index: 0;
    position: absolute;
    bottom: 10%;
    left: 33.33%;
    right: 33.33%;
}
.clickable .tarif-reservation {
    position: absolute;
    top: 20px;
    right: 20px;
}
.tarif-reservation {
    width: 120px;
    font-size: 220%;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 90px;
    padding: 5px 0 0 0;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    margin: 0;
	color: #000;
}
.myprestation .tarif-reservation {
    top: 20px;
	left: 30px;
}
.myprestation .tarif-reservation {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin: 0;
	color: #fff;
}
.parent-pageid-43 .tarif-reservation {
    top: 50%;
}

.validity {
    font-size: 80%;
    display: inline-block;
}
.roomname {
    text-transform: uppercase;
    position: absolute;
    text-indent: -9999px;
}
.tarif-reservation span.apartirde {
    font-size: 36%;
    display: block;
    line-height: 2.2;
	color:#000;
}
.myprestation .tarif-reservation span.apartirde {
	color:#fff;
}
.tarif-reservation span.apartirde.apartirde2 {
    font-size: 26%;
    line-height: 2.8em;
}
.bestprice-value,
.tarif-reserver {
    font-size: 270%;
	line-height: 0.7em;
}
.bestprice-value span.apartirde,
.bestprice-value span.otherprice,
.tarif-reserver  span.apartirde {
    font-size: 35%;
    display: block;
    line-height: 1.2;
}
.bestprice-value span.otherprice {
    margin: 20px auto 0;
    background: transparent;
    padding: 10px;
    border-radius: 0px;
    display: block;
    width: 157px;
}
#reservation-bloc .fromdate.form-control, #reservation-bloc .todate.form-control {
    text-align: center;
}
/* BEST PRICE FORM */


.prix {
    background: 0 0;
    color: #fff !important;
    display: inline-block;
    font-size: 300% !important;
    font-weight: 300;
    height: 80px;
    margin: 10px auto 40px !important;
    position: relative;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    z-index: 1;
	width:auto;
}
.modal .prix {
    position: relative;
}

.align-center {
    margin: 0 auto !important;
    text-align: center !important;
}
.account-align-center {
    text-align: center;
}
.align-right {
    text-align: right !important;
}
.align-left {
    text-align: left !important;
}
.uppercase {
	text-transform: uppercase;
}
.content a {
    color: #999 !important;
    font-weight: bold;
    outline: medium none;
    text-decoration: none;
}
}
.content a:hover {
    color: #000 !important;
}
.content a:hover {

	text-decoration:underline;
}
.format-standard {
    margin: 0 0 70px;
}
li.widget {
    list-style-type: none;
    margin: 0 0 30px;
}
.widget li a {
    font-family: source sans pro;
    font-weight: normal;
    text-transform: none;
}
.widget.widget_recent_entries {
    background: #000;
    padding: 20px;
}
.widget.widget_categories {
    background: #27a1c6;
    padding: 20px;
}
.postdate {
    margin-top: -20px;
}
.affixwrap.affix {
    top: 80px;	
}

#photosparal, #photosparallast {
    height: 500px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-attachment: fixed;
	/* -moz-box-shadow:inset 0 10px 20px -10px #000,inset 0 0px 0px 0px #000;
    -webkit-box-shadow:inset 0 10px 20px -10px #000,inset 0 0px 0px 0px #000;
     box-shadow:inset 0 10px 20px -10px #000,inset 0 0px 0px 0px #0000; */
	 border: 0 #fff solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.paralh2 {
    top: 50%;
    position: relative;
    z-index: 0;
    width: 100%;
}
.paralh2 h2 {
    background: rgba(0,53,79,.8);
    padding: 50px;
    display: inline-block;
    font-size: 1em;
}

.box-shadow {
  box-shadow: 0 15px 15px -5px rgba(0,0,0,.2);
}
.bgrose a:hover {color: #78b2f9 !important;text-decoration: none;outline:none;}
.content h1, h1.leschambres, .content h2.tariftitle {
	color: #000;
	font-size: 1.5em;
	letter-spacing: 0px;
	line-height: 1em !important;
	padding: 150px 0 10px;
	text-decoration: none;
	width: 100%;
	font-weight: 200 !important;
}
.content h2 {
	color: #E1C47E;
	font-size: 0.9em;
	padding: 0 0 20px;
	text-align: center;
	font-weight: 400 !important;
	margin: 0;
}
/* pomme de reinette */
.page-id-941 .content h2 {
	color: #b79280;
}
/* clos st yves */
.page-id-43 .content h2 {
	color: #B8C684;
}
.content .blocP h2 {
    color: #000;
	text-align: left;
}

/* .content h2:first-of-type::before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    margin: 10px 10px 10px 0;
    background: url(images/bgimage2.png) no-repeat center center;
    background-size: contain;
    position: relative;
} */
.content .blocP h2::before {
    content: none;
}
.myprestation .content h2::before {
    content: none;
}

.news h2 {
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
}
.chambres h2.titresecondaire, .content h2.titresecondaire, #titretop ul li h2.titresecondaire {
    display: inline-block;
    padding: 0px 0 0;
    font-size: 0.7em;
    letter-spacing: 2px;
    font-weight: 200;
	margin: 10px 0 0 0;
}
.chambres h2.titresecondaire {
    padding: 100px 0 30px;
    margin:0 0 20px 0 !important;
}
.modal .content h2 {
	color: #fff;
}
#fullpage.fullpage-wrapper .section .content .content h2 {
    margin: 20px 0 40px;
}

/* calendar */
.wpsbc-container {
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.wpsbc-calendars {
    margin: 0 auto;
    position: relative;
    display: inline-block;
	float: none !important;
}
.wpsbc-calendar-options {
    position: absolute;
    top: 0;
    left: -100%;
}

#google_map {
    height: 500px;
    position: relative;
    width: 100%;
}
.tarifs {
    background: #4C3724;
	padding: 0 0 50px;
}
.dispos {
    background: #CC1631;
	padding: 0 0 50px;
}
.content h3, .contentnav h3 {
    color: #CC1631;
    display: block;
    font-size: 100%;
    font-weight: 800 !important;
    letter-spacing: -2px;
    line-height: 1em;
    margin: 30px 0 30px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.contacter h3 {
    font-size: 100%;
}
.content h4, .contentnav h4 {color:#fff;font-weight: 500;line-height:1em;letter-spacing:-0.5px;width:100%;display:block;margin:3% 0;}
.phone h3 {color:#EF8694;font-family: 'Pacifico', cursive; font-weight: 900;line-height:1em;letter-spacing:-1px;width:100%;display:block;margin:3% 0;}
.phone {width:100%;text-align:left;margin:40px auto 0;padding:5% 0;}
.tel {color: #BAD900 !important;font-weight:200 !important;line-height:1em;letter-spacing:-1px;width:100%;display:block;}
.block {display:block;}
.text-indent {
    text-indent: -9999px;
}
#prestations h1, #prestations h2, #prestations h3, #prestations li {
    text-align: left;
	color: #fff;
}

a, a:visited {outline:none !important;}
a:hover, a:focus {color:#000;}
a.blanc {color: #fff !important;}

.alignleft {float: left;margin: 0 2% 2% 0;}
.thumb-article {float: left;margin: 2.5% 2% 1% 0;width:15%;}
.navbas > li {width:auto;display:inline-block;margin:0 2% 0 0;}



ul#menu-main,
ul#menu-main-en,
ul#menu-main-de {
    margin: 0 0 0;
}

dl.gallery-item {margin: 0;}
dl.gallery-item img {border: 0 !important;}
.gallery-item {margin-top:0 !important;}
.gallery-item a, .gallery-caption {
    font-size: 1em !important;
    line-height: 1em;
    min-height: 110px;
    padding: 20px 10px;
    width: 100%;
}
.gallery-item a {display: block;opacity:0.7;outline:none;}
.gallery-item a:hover {opacity:1;}
.gallery-caption a {display: inline;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto;max-width: 99%;padding: 0;margin:0 0 1px;}
.gallery-columns-1 .gallery-icon img {padding: 3%;}


iframe#dispos{width:100%;min-height:300px;height:100%;overflow:hidden;margin:-5% 0 0;}
.red {color:#FF0000 !important;}


.prestations .row {
    margin-right: 0;
    margin-left: 0;
}

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

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}


/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.2s;
  animation-duration: .3s, 1.2s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
 */



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

@media (min-width: 768px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
}

/* --------------------------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	#id-main, .rejoindre {
		/* padding: 120px 0 0; */
	}
	.logov {
		width: 80%;
		padding: 0;
		left: 50%;
		margin-left: -40%;
		top: auto;
	}
	#titretop .slogan {
		font-size: 1.5em;
	}
	#titretop h1 {
		font-size: 1em;
		letter-spacing: -0.5px;
	}
	.chambres h2.titresecondaire, .content h2.titresecondaire, #titretop ul li h2.titresecondaire {
		font-size: 0.8em;
	}
	.tycoz_title {
		top: 70%;
	}
	.tycoz_item {
		position: relative;
		float: none;
		width: 100%;
		height: 500px;
		border-left: 0;
		display: block;
		margin: 0px 0 0px 0 !important;
	}
	.tycoz_full, .tycoz_items {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		height: auto;
		width: 100%;
		overflow: visible;
	}
	.tycoz_title {
		position: absolute;
		top: 40%;
		margin-top: 0;
		padding: 0;
		width: 100%;
	}
	.tycoz_items:hover .tycoz_bg{
		opacity:1;
	}
	.tycoz_bg_gradiant, .tycoz_bg{
		right:0;
	}
	ul.myicons {
		margin: 50px 30px 40px !important;
	}
	.chambres ul.myicons {
		margin: 50px 30px 0 !important;
	}
	h1.middle {
		position: relative !important;
		background:#c52057;
	}
	.middle, .middle2 {
		position: relative !important;
		top: 0;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		margin: 50px auto 150px;
	}
	.image-ldtv.middle {
		position: absolute !important;
		top: 33%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 20%;
	}
	/* .fp-tableCell {
		vertical-align: top!important;
		height: auto;
	} */

/* 	.fp-tableCell{
		height: auto !important;
	} */
	
}
@media (max-width: 991px) {
	#phone-bloc {
		background:#af9a67;
	}
	#reservation-bloc {
		background: #000;
	}
	#bookingsearch-bloc {
		background: #000;
	}
	.h100 {
		height:auto;
		position: relative;
	}

	
	#phone-bloc .middle {
		margin: 50px 0 0px;
	}
	#phone-bloc .black-bloc {
		background: #af9a67;
	}
	.frise {
		background-size: 30%;
		bottom: -40px;
		left: 0;
		right: 20px;
		top: 0;
	}
	/* #logo-affix img {
		height: auto;
		margin: 0px auto 0;
		position: absolute;
		width:100%;
	} */
	.navbar-hidden #logo-affix > img {
		top: -20px;
		width: 50%;
	}
	.myclose {
		right: 0;
		top: 0;
	}
	#id-wrap-boutique .frise-paint {
		bottom: 0px;
		right: 0;
	}
	.mybuttons > li.contact > a {
	}
	.content-block {
		padding: 20px 20px 10px;
	}
	.columns2 {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
		-webkit-column-gap: auto;
		-moz-column-gap: auto;
		column-gap: auto;
	}
	.prestations .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
	.prestations .row {
		margin-right: -15px;
		margin-left: -15px;
	}
}
@media (max-width: 800px) {

	.borderright, .borderleft  {
		border-right: 0px solid #fff;
		border-left: 0px solid #fff;
	}
	.tarif-reservation {
		left: 15px;
	}
	.prestations .content h2{
		padding: 40px 0 20px;
	}
	.contentheight > p {
		min-height: 130px;
	}
	.min-promo {
		min-height: 60px;
	}
	span.troiscolcontent .content {
		padding: 5% 15px;
	}
}
@media (max-width: 767px) {
	
	.frise-paint {
		width: 100%;
	}
	.tarif-reservation {
		position: absolute;
	}
	.middle2 {
		position: relative !important;
		top: 100px;
		margin: 0 auto;
		height: 300px;
	}
	.home ul.home-menu {
		margin: 40% 0 !important;
	}
	
	#footer {
		padding: 3% 0;
	}
	.facebook.menu-item {
		padding: 40px 0 0 10px !important;
	}
	.mybuttons {
		
	}

	.clickable button.bestprice-book {
		margin: 0 0 50px;
	}
	a#logo-affix {
		height: auto;
		padding: 0;
		width: 150px;
	}
	#id-wrapper-full {
		height:auto !important;
	}
	#id-wrapper-full.affix-top #nav {
		top: 0;
	}
	.frise {
		background-size: 90%;
		bottom: -70px;
		left: 0;
		right: 20px;
		top: 0;
	}

	.logoslabels {
		left: 0;
		text-align: center;
		width: 100%;
		z-index: 3;
	}
	#footer a.leslabels {
		width: 22%;
	}
	#footer .image-inline {
		width: 100%;
	}
	.image-inline {
		width: 20%;
	}
	.frise-balise {
		right: 0;
	}
	.navbar-fixed-top.affix #menu-main,
	.navbar-fixed-top.affix-top #menu-main,
	.navbar-fixed-top.affix #menu-main-en,
	.navbar-fixed-top.affix-top #menu-main-en,
	.navbar-fixed-top.affix #menu-main-de,
	.navbar-fixed-top.affix-top #menu-main-de {
		background: none !important;
		margin: 0px 0 0 !important;
		padding: 0 !important;
		width: auto;
	}
	#menu-main > li {
		border-bottom: 0px dashed #666;
		padding: 5px 0 5px 0px;
	}
	#menu-main > li:nth-last-child(2) {
		border-bottom: none;
	}
	#menu-main > li.lang-item.menu-item, #menu-main-en > li.lang-item.menu-item {
		display: inline-block;
	}
	#menu-main > li.lang-item.menu-item a, #menu-main-en > li.lang-item.menu-item a {
		font-size: 1.5em !important;
	}

	.minmax, .contacter .contact {
		width: 300px;
		font-size: 100% !important;
	}
	.adressepage2 {
		padding: 50px 0 0px;
	}
	.border {
		height: auto;
	}
	ul.tarifs {
		margin: 40px 0px 20px !important;
	}
	.myplus > li {
		font-size: 2em !important;
		padding: 18px 20px 17px 24px !important;
		margin: 0 2px;
	}
	/* .abso {
		bottom: 100px;
	} */
	.mybuttons > li > a {
		
	}
	.mybuttons > li.contact > a {
		
	}
	.mybuttons li.contact {
		
	}
	.meilleur-tarif {
		left: 1px;
	}
	.meilleur-tarif.dejeuner {
		left: 4px;
	}
	.social {
		top: 10px;
	}
	.bgimage {
		left: 0% !important;
		width: 100% !important;
	}
	
}
@media (max-width: 600px) {
	.contentheight > p {
		min-height: 1px;
	}
	img.logo {
		height: auto;
		width: 130px;
	}
	#phone-bloc {
		width: 100%;
	}
	.abso, .border {
		border: 0px #fff solid;
	}
}
@media (max-width: 320px) {
	span.troiscolcontent .content {
		padding: 5% 15px;
	}
	.contentheight > p {
		min-height: 1px;
	}
	.top-h1 {
		line-height: 1.3em !important;
	}
	.margin-respons {
		margin: 20px 0;
	}
	img.logo {
		height: auto;
		width: 130px;
	}
	a.nav-expander {
		padding: 1em 0 2em 0;
		width: 80px;
	}
	#titretop {
		height: 60px;
		width: auto;
	}
}