article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
} 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;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
} :root {
--primary-color: #fff;
--secondary-color: #000;
--toggler-menu: #fff;
--barre-scroll: #a3a882;
--fond-scroll: #fff;
--hovercolor: #8888;
--bg-menu: rgba(163, 168, 130, 95);
--bg-menu-transparent: rgba(163, 168, 130, 0);
--bleu-titre: #75775d;
--vert-texte: #292b1a;
--bg-vert: #eec12d;
--bg-footer: #a3a882;
} body {
color: var(--secondary-color);
font-family: 'Montserrat', sans-serif;
}
body::-webkit-scrollbar-track {
border: 0px solid var(--barre-scroll);
background-color: var(--fond-scroll);
}
body::-webkit-scrollbar {
width: 10px;
background-color: var(--fond-scroll);
}
body::-webkit-scrollbar-thumb {
background-color: var(--barre-scroll);
} textarea::-webkit-scrollbar-track {
border: 0px solid var(--barre-scroll);
background-color: var(--fond-scroll);
}
textarea::-webkit-scrollbar {
width: 10px;
background-color: var(--fond-scroll);
}
textarea::-webkit-scrollbar-thumb {
background-color: var(--barre-scroll);
}
a,
a:hover,
a:active {
color: var(--bleu-titre);
text-decoration: none;
transition: all ease-in-out .3s;
}
a:hover {
color: var(--bg-vert);
}
.content {
min-height: 700px;
} header:not(.woocommerce-products-header) {
width: 100%;
z-index: 10000;
position: fixed;
top: 0;
}
.navbar-toggler {
position: relative;
padding: 0;
border: 0;
width: 36px;
height: 36px;
}
.navbar-toggler {
outline: none !important;
box-shadow: none !important;
}
.navbar-toggler .toggler-line {
position: absolute;
width: 100%;
height: 4px;
border-radius: 99px;
background: var(--toggler-menu);
transform: translatey(-50%);
}
.navbar-toggler .toggler-line:nth-of-type(1),
.navbar-toggler .toggler-line:nth-of-type(4) {
transition: width 0.25s 0s, top 0.25s 0.25s, opacity 0s 0.25s;
}
.navbar-toggler .toggler-line:nth-of-type(1) {
top: 9px;
}
.navbar-toggler .toggler-line:nth-of-type(4) {
right: 0;
top: 27px;
}
.navbar-toggler .toggler-line:nth-of-type(2),
.navbar-toggler .toggler-line:nth-of-type(3) {
transition: transform 0.25s 0s;
}
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(1),
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(4) {
top: 50%;
opacity: 0;
transition: top 0.25s 0s, opacity 0s 0.25s, width 0.25s 0s;
}
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(2),
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(3) {
top: 50%;
transition: transform 0.25s 0.25s;
}
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(2) {
transform: translatey(-50%) rotate(45deg);
}
.navbar-toggler:not(.collapsed) .toggler-line:nth-of-type(3) {
transform: translatey(-50%) rotate(-45deg);
}
.navbar-toggler:hover .toggler-line:nth-of-type(1),
.navbar-toggler:hover .toggler-line:nth-of-type(4) {
width: 50%;
}
.dropdown-toggle[aria-expanded="true"]:after {
transform: rotate(180deg);
}
.dropdown-toggle:after {
transition: 0.3s;
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.dropdown-menu[data-bs-popper] {
margin-top: 0px;
position: static;
}
.dropdown-menu {
border: 0;
background: inherit;
border-radius: 0;
}
.nav-link {
position: relative;
width: fit-content;
} .navbar-nav .nav-item .active {
font-weight: bold;
}
.navbar-nav .nav-link:hover span::after,
.navbar-nav .current-menu-item .nav-link span::after {
display: none;
}
.navbar-nav .nav-link:not(.dropdown-toggle)::after {
position: absolute;
bottom: 2px;
height: 1px;
width: 0px;
content: "";
background-color: #fff;
transition: all ease-in .3s;
left: 0; margin-left: auto;
margin-right: auto;
right: 0;
width: 0;
}
.navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover::after,
.navbar-nav .nav-item .nav-link.active::after,
.navbar-nav .nav-item.active .nav-link::after {
width: 70%;
margin-left: auto;
margin-right: auto;
}
@media(min-width:992px) {
.navbar-nav .nav-link:not(.dropdown-toggle)::after {
bottom: -3px;
}
}
body header nav li,
body header nav li a {
text-transform: uppercase;
color: #fff !important;
}
body header nav {
transition: all ease-in-out .3s;
}
body header.clearHeader nav {
background-color: var(--bg-menu-transparent) !important;
}
body header.darkHeader nav {
background-color: var(--bg-menu) !important;
}
li.nav-item {
margin-left: 10px;
margin-right: 10px;
}
a.navbar-brand {
margin-right: 18px;
}
@media(min-width:992px) {
li.nav-item {
margin-left: 0px;
margin-right: 0px;
font-size: 0.8rem;
}
.navbar-collapse {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
a.navbar-brand {
margin-right: 5px;
}
}
@media(min-width:1200px) {
a.navbar-brand {
margin-right: 40px;
}
li.nav-item {
margin-left: 5px;
margin-right: 5px;
font-size: 0.9rem;
}
}
@media(min-width:1900px) {
a.navbar-brand {
margin-right: 100px;
}
}
body header nav li {
text-align: center;
}
.cta-menu {
border: 1px solid #fff;
padding: 8px;
}
.navbar-nav {
align-items: center;
}
.wpml-ls-menu-item .wpml-ls-flag {
border-radius: 99px;
width: 16px;
height: 16px;
}
.cta-menu {
transition: all ease-in-out .3s;
}
.cta-menu:hover {
background-color: var(--primary-color) !important;
}
.cta-menu:hover a {
color: var(--bleu-titre) !important;
}
.cta-menu a::after {
display: none;
} p {
word-break: break-word; }
.pre-header {
position: relative;
}
.pre-header img:not(.notouch) {
width: 100%;
object-fit: cover;
max-height: 1000px;
min-height: 850px;
filter: brightness(0.7);
}
.pre-header .content-preheader {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
}
.pre-header .content-preheader h1 {
color: #fff;
font-size: 2.5rem;
}
.presentation h2,
.chambres h2 {
color: var(--bleu-titre);
font-size: 2.5rem;
}
.presentation h2::after,
.chambres h2::after {
content: url(//leclosdesfantaisies.com/wp-content/themes/leclosdesfantaisies/images/afterhnBleu.svg);
display: block;
width: 90px;
position: absolute;
height: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0px;
}
.contact h2::after {
content: url(//leclosdesfantaisies.com/wp-content/themes/leclosdesfantaisies/images/afterhnVert.svg);
display: block;
width: 90px;
position: absolute;
height: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0px;
}
.woocommerce-loop-product__title::after {
display: none !important;
}
.presentation p {
text-align: justify; font-family: 'Montserrat';
font-weight: 600;
color: var(--vert-texte); }
.services {
background-color: var(--bg-vert);
color: var(--primary-color);
}
.services .img-bg-services {
position: absolute;
right: 0;
margin-top: 29px; width: 265px;
z-index: 0;
overflow: hidden;
}
.services h2::after {
content: url(//leclosdesfantaisies.com/wp-content/themes/leclosdesfantaisies/images/afterhn.svg);
display: block;
width: 90px;
position: absolute;
height: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0px;
}
.contact,
.contact a {
color: var(--bleu-titre);
}
.contact p,
.contact a {
font-family: 'Raleway', sans-serif;
font-size: 1.1rem;
}
.contact a:hover {
color: var(--bg-vert);
}
.contact {
min-height: 400px;
background-image: url(//leclosdesfantaisies.com/wp-content/themes/leclosdesfantaisies/images/bg-plan.png);
background-position: left;
background-repeat: no-repeat;
}
@media(min-width:992px) {
.pre-header .content-preheader h1 {
font-size: 4rem;
}
.pre-header .content-preheader {
top: 45%;
}
}
h1,
h2 {
text-transform: uppercase;
padding-bottom: 30px;
}
h2 {
font-size: 2.5rem;
}
h1::after {
content: url(//leclosdesfantaisies.com/wp-content/themes/leclosdesfantaisies/images/afterhn.svg);
display: block;
width: 90px;
position: absolute;
height: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 15px;
}
.other-page {
margin-top: 135px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
}
.img-en-avant {
width: 100%;
height: auto;
}
.text-info {
color: var(--secondary-color) !important;
}
.gwolle-gb .gwolle-gb-read {
margin-top: 30px;
}
.gwolle-gb .gb-entry .gb-entry-content {
margin-top: 5px;
}
.gwolle-gb-write-button input.button,
.btn-primary,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button {
border: 1px solid var(--bleu-titre);
color: var(--bleu-titre);
background-color: #fff;
padding: 8px;
transition: all ease-in-out .3s;
}
.gwolle-gb-write-button input.button:hover,
.btn-primary:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover {
background-color: var(--bleu-titre);
border: 1px solid var(--bleu-titre);
color: #fff;
}
.gwolle-gb div.input textarea {
padding: 5px;
}
span.posted_in {
display: none;
}
.woocommerce span.onsale {
border-radius: 5px !important;
background-color: var(--bleu-titre);
}
.woocommerce-info {
border-top-color: var(--bleu-titre);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 1.5em;
}
.ui-dialog .ui-dialog-content {
width: 100% !important;
}
.ui-dialog-titlebar {
height: auto !important;
}
.woocommerce .woocommerce-ordering {
display: none;
}
.woocommerce-page #content .single_wrap {
float: none;
width: 100%;
}
#sidebar {
display: none;
}
.pswp--open {
z-index: 1000000000000000;
}
@media(min-width:576px) {
.logo-over-slider {
width: 570px;
}
}
.bandeau-img img {
width: 100%;
height: 760px !important;
object-fit: cover;
}
.gwolle-gb .gb-entry {
border-top: none !important;
}
.gb-author-avatar img {
border-radius: 50%;
}
div.gb-metabox-handle {
display: none;
}
p.woocommerce-result-count {
display: none;
}
.woocommerce div.product div.images img {
object-fit: contain;
height: 140px;
}
img.attachment-shop_single {
height: 500px !important;
}
.slick-slide span {
width: 100%;
}
.woocommerce img.zoomImg {
display: none !important;
}
body .fancybox-image {
height: auto !important;
transition: none !important;
}
.slick-slide span {
pointer-events: none;
}
@media(min-width:768px) {
.slick-slide span {
pointer-events: all;
}
}
.woocommerce div.product .product_title {
padding-bottom: 30px !important;
} .archive .hb-accom-listing-column {
padding: 2%;
margin-bottom: 50px;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 20px;
min-height: 90px;
padding: 15px;
padding-bottom: 0px;
transition: background 0.5s;
}
.archive .hb-accom-listing-thumb {
display: block;
float: left;
max-width: 100%;
display: block;
float: right;
margin: 0 0 15px 15px;
max-width: 100%;
}
.archive .hb-accom-listing-item h2 {
font-size: 1.5rem;
padding-bottom: 2px;
margin-bottom: 0px;
font-weight: 600;
}
.archive .hb-accom-listing-item h2::after {
display: none;
}
.archive .small,
.archive small {
font-weight: 900;
}
.chambres .hbook-wrapper label {
font-weight: bold;
}
.hb-accom-title {
font-weight: bold;
margin-bottom: 15px;
font-size: 1.5rem;
text-transform: uppercase;
} .hb-datepick-popup-wrapper,
.hb-datepick-wrapper {
background: #ffffff;
}
.hb-day-available,
.hb-day-taken-start,
.hb-day-taken-end,
.hb-avail-caption-available {
background: #ffffff;
}
.hb-dp-day-past,
.hb-dp-day-closed,
.hb-dp-day-not-selectable,
.hb-dp-day-past.hb-day-taken-start:before,
.hb-dp-day-past.hb-day-taken-end:before,
.hb-dp-day-past.hb-day-fully-taken,
.hb-dp-day-closed.hb-day-taken-start:before,
.hb-dp-day-closed.hb-day-taken-end:before,
.hb-dp-day-closed.hb-day-fully-taken {
background: #dddddd;
}
.hb-dp-day-past,
.hb-dp-day-closed,
.hb-dp-day-not-selectable,
.hb-dp-day-no-check-in {
color: #888888;
}
.hb-dp-day-check-in,
.hb-dp-day-check-out {
background: #ccf7cc;
}
.hb-day-taken-start:before,
.hb-day-taken-end:before,
.hb-day-fully-taken,
.hb-avail-caption-occupied {
background: #f7d7dc;
}
.hb-dp-cmd-wrapper a,
.hb-dp-cmd-close,
.hb-people-popup-wrapper-close {
background: #333333;
}
.hb-dp-cmd-wrapper a:hover,
.hb-dp-cmd-close:hover,
.hb-people-popup-wrapper-close:hover {
background: #6f6f6f;
}
.hb-dp-cmd-wrapper a.hb-dp-disabled {
background: #aaaaaa;
}
.hb-dp-cmd-wrapper a,
.hb-dp-cmd-wrapper a:hover,
a.hb-dp-cmd-close,
a.hb-dp-cmd-close:hover,
a.hb-people-popup-wrapper-close,
a.hb-people-popup-wrapper-close:hover {
color: #ffffff;
}
.hb-dp-multi .hb-dp-month:not(.first),
.hb-dp-month-row+.hb-dp-month-row,
.hb-datepick-legend {
border-color: #cccccc;
}
.hb-datepick-popup-wrapper {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.33), 0 0 3px rgba(0, 0, 0, 0.2);
}
.hb-availability-calendar .hb-datepick-wrapper {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.hb-people-popup-wrapper {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.33), 0 0 3px rgba(0, 0, 0, 0.2);
}
.hb-people-popup-wrapper {
background: #ffffff;
}
.hb-accom-listing-shortcode-wrapper input[type="submit"],
.hbook-wrapper input[type="submit"] {
border: none !important;
cursor: pointer;
transition: background 0.4s;
}
.hb-accom-listing-shortcode-wrapper input[type="submit"],
.hbook-wrapper input[type="submit"] {
background: var(--bg-footer) !important;
color: #fff !important;
border-radius: 4px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
.hb-accom-listing-shortcode-wrapper input[type="submit"]:hover,
.hbook-wrapper input[type="submit"]:hover {
background: var(--bg-footer) !important;
}
.hbook-wrapper input[type="text"],
.hbook-wrapper input[type="number"],
.hbook-wrapper select,
.hbook-wrapper textarea {
background: rgba(0, 0, 0, 0);
border-style: solid;
outline: none;
transition: border 0.4s;
}
.hbook-wrapper input[type="text"],
.hbook-wrapper input[type="number"],
.hbook-wrapper select,
.hbook-wrapper textarea {
border-color: #999999 !important;
border-width: 1px !important;
border-radius: 4px !important;
height: 50px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.hbook-wrapper input[type="text"]:focus,
.hbook-wrapper input[type="number"]:focus,
.hbook-wrapper select:focus,
.hbook-wrapper textarea:focus {
border-color: var(--bg-footer) !important;
}
.hb-confirm-area input {
margin-right: 5px;
}
.hb-accom-list-shortcode-wrapper hr {
margin-bottom: 30px;
}
.hb-options-total-price {
display: inline-block;
margin-bottom: 25px;
}
.lang-item.menu-item a {
padding-left: 10px;
padding-right: 10px;
}
.wrap {
max-width: 1080px !important;
}
.hb-stripe-card-element-wrapper {
background-color: #fff !important;
}
.hb-one-accom-left,
.hb-no-accom-left {
color: #f00020;
font-weight: 700;
}
input[type="reset"],
input[type="submit"],
input[type="submit"] {
cursor: pointer !important;
background: var(--bg-footer) !important;
border: none !important;
display: inline-block !important;
color: #FFFFFF !important;
letter-spacing: 1px !important;
text-transform: uppercase !important; text-align: center !important;
padding: 18px 23px 18px 23px !important;
border-radius: 2px !important;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
margin: 3px 0 !important;
text-decoration: none !important;
font-weight: 600 !important;
font-size: 13px !important;
}
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="submit"]:hover {
opacity: 0.8 !important;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
cursor: pointer !important;
}
.hb-one-accom-left,
.hb-no-accom-left {
color: #000 !important;
font-weight: bold !important;
} footer {
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--bg-footer);
color: var(--primary-color);
}
footer p,
footer a {
color: var(--primary-color) !important;
}
footer a:hover {
color: var(--bleu-titre) !important;
}
footer ul li {
margin-bottom: 25px;
margin-left: 0px !important;
}
footer h4 {
text-transform: uppercase;
margin-bottom: 25px;
font-weight: bold;
font-size: 1.2rem;
}
footer a {
padding: 0px !important;
}
footer ul li a,
footer ul li,
footer p,
footer h4 {
font-family: 'Raleway', sans-serif !important;
}
footer .footer-final p {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 0.75rem;
}  @media (min-width: 576px) {} @media (min-width: 768px) {} @media (min-width: 992px) {} @media (min-width: 1200px) {}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}