/**handles:wp-unicamp-style**/
/*!
Theme Name: WP-GROUPE
Author: Thelis
Author URI: http://www.thelis.es
Description: Template WP-GROUPE
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-unicamp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
WP-GROUPE is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS :
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/*
html, body {
overflow-x: hidden;
width: 100vw;
max-width: 100vw;
}
body {
width: 100vw;
max-width: 100vw;
}
*/
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
/*
height: 100vh !important;
top: 0 !important;
position: fixed;
width: 100%;
*/
}
@media screen and (max-width: 800px) {
html {
height: 100vh !important;
top: 0 !important;
position: fixed;
width: 100%;
}
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
.h1,
h1 {
font-size: 2em;
margin: 0.67em 0;
}
.h2,
h2 {
font-size: 38px; /*font-size: 1.7em;*/
margin: 0.8em 0;
}
.h3,
h3 {
font-size: 1.4em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-size: 15px; /*font-size: 1rem;*/
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Media video
--------------------------------------------------------------*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
margin-bottom: 10px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 0;
/*border-color: #ccc #ccc #bbb;
font-size: 12px;
font-size: 0.75rem;
*/
border-radius: 0;
line-height: 1;
padding: 0.6em 1em 0.4em;
color: white;
background-color: var(--color-1);
text-transform: uppercase;
padding: 15px 20px;
font-weight: 600;
transition: all 0.35s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: .5em;
margin: .2em 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: var(--color-1);
}
a:visited {
color: var(--color-1);
}
a:hover,
a:focus,
a:active {
color: var(--color-2);
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* responsive menu */
.menu-toggle {
border: 0;
background-color: transparent;
border-radius: 0;
width: 40px;
height: 40px;
font-size: 0;
position: absolute;
top: 0;
left: 0;
margin: 20px;
cursor: pointer;
background-repeat: no-repeat;
background-size: cover;
z-index: 3;
}
.svg-bars.black {
background-image: url('data:image/svg+xml;utf8,');
}
.svg-bars.white {
background-image: url('data:image/svg+xml;utf8,');
}
.svg-times.black {
background-image: url('data:image/svg+xml;utf8,');
}
.svg-times.white {
background-image: url('data:image/svg+xml;utf8,');
}
.site-background {
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
background-color: rgba(0, 0, 0, 0);
z-index: 2;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
background-color: #ffffff;
z-index: 10;
text-align: left;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
color: var(--nav-menu-submenu-color-link);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0;
}
.main-navigation li {
/*float: left;*/
position: relative;
display: inline-block;
}
.main-navigation a {
display: block;
text-decoration: none;
height: var(--site-menu-height);
color: var(--color-3);
display: inline-flex;
align-items: center;
padding: 0 20px;
border-bottom: 3px rgba(255, 0, 0, 0) solid;
}
.main-navigation ul {
font-size: 0;
}
.main-navigation ul li {
font-size: 16px;
}
/*#primary-menu.menu a { border-bottom: 2px solid rgba(0,0,0,0); }*/
#primary-menu.menu li a:hover,
#primary-menu.menu li.current_page_item > a,
#primary-menu.menu li.current-menu-item > a,
#primary-menu-home.fullpage-menu li a:hover,
#primary-menu-home.fullpage-menu li.active a {
color: var(--color-1) !important;
transition: all 0.4s;
border-bottom: 3px var(--color-1) solid;
}
.sub-menu .current-menu-parent {
border-bottom: 0;
}
.main-navigation .sub-menu a,
.main-navigation .sub-menu a::after {
color: #000000 !important;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
overflow-x: auto;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.site-menu-header {
border-top: 1px solid var(--color-1);
}
.main-navigation .menu-item-has-children a::after {
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 600;
font-size: 21px;
line-height: 14px;
margin-left: 5px;
vertical-align: middle;
cursor: pointer;
}
.main-navigation .menu-item-has-children a::after,
.main-navigation .menu-item-has-children a {
color: var(--color-3);
}
.main-navigation .menu-item-has-children > a::after {
content: "\f107";
}
.main-navigation .menu-item-has-children .menu-item-has-children a::after {
content: "\f105";
}
.main-navigation
.menu-item-has-children
.menu-item-has-children
.menu-item
a::after {
content: "";
}
.nav-menu a {
transition: all 0.25s !important;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
## Normalize html
--------------------------------------------------------------*/
* {
outline: none !important;
}
*:focus:not(.focus-visible) {
outline: none !important;
box-shadow: none !important;
}
body,
html {
height: 100%;
}
/*--------------------------------------------------------------
## Normalize wp
--------------------------------------------------------------*/
footer.entry-footer {
display: none;
}
.post,
.page {
margin: 0;
}
/*--------------------------------------------------------------
## Normalize bulma
--------------------------------------------------------------*/
.column.is-2-mobile {
margin: 0 auto !important;
}
.level {
display: flex;
}
.level {
align-items: center;
justify-content: space-between;
}
.level-right {
align-items: center;
justify-content: flex-end;
}
.level-left, .level-right {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.is-marginless{
margin: 0 !important;
}
.is-paddingless{
padding: 0 !important;
}
/*--------------------------------------------------------------
## Reusable classes General
--------------------------------------------------------------*/
.hidden,
.display-none {
display: none !important;
}
.display-block {
display: block;
}
.display-inline {
display: inline;
}
.display-inline-block {
display: inline-block;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.ul-display-inline {
margin: 0;
padding: 0;
list-style: none;
}
.ul-display-inline li {
display: inline;
}
.cursor-pointer {
cursor: pointer;
}
.is-fixed-top {
position: fixed;
top: 0;
width: 100%;
z-index: 5;
}
.formulaire-de-recherche-bar.is-fixed-top {
top: 100px !important;
}
.single-etablissement-submenu.is-fixed-top {
top: 100px !important;
top: 50px !important;
background-color: #fff;
height: 47px;
}
.single-etablissement-submenu.is-fixed-top {
z-index: 1011;
}
.single-etablissement-submenu .submenu-slider {
width: 100% !important;
max-width: 100% !important;
}
@media screen and (min-width: 1500px) {
.single-etablissement-submenu .submenu-slider {
width: 1344px !important;
max-width: 1344px !important;
}
}
.is-vertical-center {
display: flex;
align-items: center;
}
.is-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.is-vertical-bottom {
margin-top: auto;
}
.shadow {
-webkit-box-shadow: 0px 14px 25px -13px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 14px 25px -13px rgba(0, 0, 0, 0.45);
box-shadow: 0px 14px 25px -13px rgba(0, 0, 0, 0.45);
margin-bottom: 30px;
}
.is-float-right {
float: right;
}
.is-float-left {
float: left;
}
.only-mobile {
display: none;
}
.opacity-0 {
opacity: 0;
}
.opacity-0-pointer-events-none,
.opacity-0-pointer-events-none .leaflet-marker-icon {
opacity: 0;
pointer-events: none !important;
z-index: 0 !important;
}
.text-transform-uppercase {
text-transform: uppercase;
}
.text-decoration-line-through {
text-decoration: line-through;
}
.text-decoration-underline {
text-decoration: underline;
}
.text-decoration-none {
text-decoration: none !important;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.z-index-1 { z-index: 1; }
.bottom-20px {
bottom: 20px;
}
.height-450px {
height: 568px;
}
.height-auto {
height: auto !important;
}
.container.height-450px { height: auto; }
.min-height-450px {
min-height: 568px;
height: auto;
}
.min-height-450px { min-height: 568px; }
.max-width-40px {
max-width: 40px;
}
.max-width-60px {
max-width: 60px;
}
.max-height-60px { max-height: 60px; }
.letter-spacing-2px {
letter-spacing: 2px;
}
.letter-spacing-1px {
letter-spacing: 2px;
}
.padding-10px {
padding: 10px !important;
}
.padding-20px {
padding: 20px !important;
}
.padding-10px-0 {
padding: 10px 0;
}
.padding-5px-0 {
padding: 5px 0;
}
.padding-top-0 {
padding-top: 0;
}
.padding-top-15px {
padding-top: 15px;
}
.padding-top-20px {
padding-top: 20px;
}
.padding-top-40px {
padding-top: 40px;
}
.padding-top-60px {
padding-top: 60px;
}
.padding-top-100px {
padding-top: 100px;
}
.padding-bottom-10px {
padding-bottom: 10px;
}
.padding-bottom-15px {
padding-bottom: 15px;
}
.padding-bottom-20px {
padding-bottom: 20px;
}
.padding-bottom-40px {
padding-bottom: 40px;
}
.padding-bottom-60px {
padding-bottom: 60px;
}
.padding-bottom-90px {
padding-bottom: 90px;
}
.padding-left-5px {
padding-left: 5px;
}
.padding-left-20px {
padding-left: 20px;
}
.padding-left-40px {
padding-left: 40px;
}
.padding-right-5px {
padding-right: 5px;
}
.padding-right-10px {
padding-right: 10px;
}
.padding-right-20px {
padding-right: 20px;
}
.padding-right-60px {
padding-right: 60px;
}
.margin-right-10px {
margin-right: 10px;
}
.margin-top-0 {
margin-top: 0;
}
.margin-top-60px {
margin-top: 60px;
}
.margin-top-100px {
margin-top: 100px;
}
.margin-0-auto {
margin: 0 auto;
}
.margin-0 {
margin: 0;
}
.margin-40px-0 {
margin: 40px 0;
}
.margin-10px {
margin: 10px;
}
.margin-20px {
margin: 20px;
}
.margin-bottom-10px {
margin-bottom: 10px !important;
}
.margin-bottom-15px {
margin-bottom: 15px !important;
}
.margin-bottom-20px {
margin-bottom: 20px !important;
}
.margin-bottom-40px {
margin-bottom: 40px !important;
}
.margin-bottom-60px {
margin-bottom: 60px !important;
}
.font-size-inherit { font-size: inherit; }
.font-size-12px {
font-size: 12px;
}
.font-size-13px {
font-size: 13px;
}
.font-size-14px {
font-size: 14px;
}
.font-size-16px {
font-size: 16px;
}
.font-size-18px {
font-size: 18px;
}
.font-size-20px {
font-size: 20px;
line-height: 20px;
}
.font-size-24px {
font-size: 24px;
line-height: 26px;
}
.font-size-26px {
font-size: 26px !important;
}
.font-size-28px {
font-size: 28px !important;
}
.font-size-30px {
font-size: 30px;
}
.font-size-32px {
font-size: 32px;
}
.font-size-33px {
font-size: 33px;
}
.font-size-36px {
font-size: 36px;
}
.font-size-38px {
font-size: 38px;
line-height: 38px;
}
.font-size-42px {
font-size: 42px;
}
.font-size-48px {
font-size: 48px;
}
.font-size-64px {
font-size: 64px;
line-height: 64px;
}
.font-size-extra {
font-size: 140px;
line-height: 140px;
}
.font-weight-600 {
font-weight: 600 !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.font-family-title-2.font-size-38px.color-2.text-transform-uppercase,
.font-weight-300 {
font-weight: 300 !important;
line-height: 36px;
}
.font-style-italic {
font-style: italic;
}
.line-height-26px {
line-height: 26px;
}
.line-height-24px {
line-height: 24px;
}
.line-height-28px {
line-height: 28px;
}
.line-height-30px {
line-height: 30px;
}
.line-height-64px {
line-height: 64px;
}
.full-width {
width: 100%;
}
.full-height {
height: 100%;
}
.flex-wrap-wrap { flex-wrap: wrap; }
.object-fit-cover { object-fit: cover; }
.dark-1:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
/* background-color: rgba(0, 0, 0, 0.07); */
background-color: rgba(0, 0, 0, 0.2);
}
.slick-gallery-full-width .slide:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 49%);*/
background-color: rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 800px) {
.only-mobile {
display: block;
}
}
.has-h2-align-left h2 {
text-align: left !important;
margin-top: 0;
}
.has-h2-align-left h2:after { margin: 20px 0 !important; }
.action-button {
color: white !important;
border: 0;
background-color: var(--color-1);
text-transform: uppercase;
padding: 15px 40px;
font-weight: 600;
transition: all 0.35s;
cursor: pointer;
font-size: 14px;
}
.action-button:hover {
background-color: var(--color-2);
}
.card-back a:hover,
.card-back a:visited,
.card-back a:link,
.card-back a:active {
color: #ffffff;
}
.list-post-type-region .action-button,
.list-post-type-themes .action-button {
border: 1px var(--color-2) solid;
}
.list-post-type-region .action-button:hover,
.list-post-type-themes .action-button:hover,
.list-post-type-articles .card-back .action-button:hover {
background-color: var(--color-1) !important;
border: 1px #ffffff solid;
}
.list-post-type-themes .slick-four-slides .slide .card-back .general-extrait,
.list-post-type-themes .slick-four-slides .slide .card-back .general-extrait p {
padding: 0;
}
.list-post-type-articles .card-back .action-button {
border: 1px #ffffff solid;
}
.list-post-type-articles .action-button {
border: 0;
}
.list-post-type-articles .action-button:hover {
border: 0;
background-color: var(--color-2) !important;
}
.list-post-type-articles .card-back .h2 {
margin-top: 0;
}
.action-button.variant-1 {
background-color: rgba(0, 0, 0, 0);
border: 1px #ffffff solid;
}
.action-button.variant-1:hover {
background-color: var(--color-2);
}
.action-button.variant-2 {
background-color: #ffffff;
border: 1px var(--color-1) solid;
color: var(--color-1) !important;
}
.ud-title {
font-size: 2em;
margin: 0.67em 0;
color: var(--color-1);
}
.ud-subtitle {
color: var(--color-black);
}
/*--------------------------------------------------------------
## Go top button
--------------------------------------------------------------*/
.go-top {
border-radius: 7px;
bottom: 10px;bottom: 16px; /* para evitar solape con botón Zendesk Chat */
cursor: pointer;
display: none;
font-size: 20px;
opacity: 0.9;
padding: 5px 10px 10px;
position: fixed;
right: 10px;right: 85px; /* para evitar solape con botón Zendesk Chat */
z-index: 999999;
transition: all;
}
.go-top:hover {
background-color: var(--color-2);
}
/***** CUSTOM THEME COLORS ******/
.background-color-01,
.background-color-1,
.bg-color-01,
.bg-color-1 {
background-color: var(--color-1);
}
.background-color-02,
.background-color-2,
.bg-color-02,
.bg-color-2 {
background-color: var(--color-2);
}
.background-color-02,
.background-color-2,
.bg-color-02,
.bg-color-3 {
background-color: var(--color-3);
}
.background-color-04,
.background-color-4,
.bg-color-04,
.bg-color-4 {
background-color: var(--color-4);
}
.background-color-white,
.background-white {
background-color: #ffffff;
}
.color-1,
.color-01 {
color: var(--color-1);
}
.color-2,
.color-02 {
color: var(--color-2);
}
.color-black {
color: var(--color-black);
}
.color-black-2,
.color-black-2 p {
color: #615f5f !important;
}
.color-black-3,
.color-black-3 p {
color: #777777 !important;
}
.color-white {
color: var(--color-white) !important;
}
/***** CUSTOM CONTACT FORM 7 ******/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid var(--color-1) !important;
}
/*
.wpcf7 {
color: var(--color-1) !important;
}
*/
/***** CUSTOM SLICK ******/
.card-back,
.slick-four-slides .slide,
.slick-three-slides.aside-left .slide,
.slick-three-slides.aside-right .slide,
.slick-three-slides-offres-page.aside-left .slide,
.slick-two-slides .slide,
.action-button {
border-radius: 10px;
overflow: hidden;
}
.slick-prev,
.slick-next {
background: var(--color-4) !important;
border-radius: 100%;
transition: all 0.35s;
}
.slick-prev:hover,
.slick-next:hover {
background: var(--color-1) !important;
}
.slick-prev::before,
.slick-next::before {
color: var(--color-1) !important;
font-size: 14px !important;
transition: all 0.35s;
}
.slick-prev:hover::before,
.slick-next:hover::before {
color: var(--color-4) !important;
}
.single-etablissement-submenu .submenu-slider .slick-prev {
left: -50px !important;
}
.single-etablissement-submenu .submenu-slider .slick-next {
right: -50px !important;
}
@media screen and (max-width: 1499px) {
.single-etablissement-submenu .submenu-slider .slick-prev {
left: 0 !important;
}
.single-etablissement-submenu .submenu-slider .slick-next {
right: 0 !important;
}
}
.slick-width-arrows-top-right-1 .slick-prev,
.slick-width-arrows-top-right-1 .slick-next {
position: absolute;
top: -40px;
right: 10px;
width: 50px;
height: 50px;
padding: 20px 0 15px 0;
}
.slick-width-arrows-top-right-1 .slick-prev {
right: 70px;
left: auto;
}
.slick-four-slides .slide,
.slick-two-slides .slide {
margin: 10px; /*background-color: rgba(0,0,0,.1);*/
padding: 20px;
}
.slick-four-slides,
.slick-two-slides {
margin-left: -10px;
width: calc(100% + 20px);
}
.slick-five-slides .slide,
.slick-four-slides .slide,
.slick-two-slides .slide {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.07);
background-color: rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
color: #ffffff;
height: 350px;
text-align: center;
}
.slick-four-slides .slide .get_the_title.h2,
.slick-two-slides .slide .get_the_title.h2 {
padding: 0;
margin: 0;
}
.slick-four-slides .slide .general-extrait,
.slick-two-slides .slide .general-extrait {
color: #ffffff;
padding: 20px 40px;
}
.list-post-type-region .slide .general-extrait {
padding: 20px 0;
}
.list-post-type-offres .slick-four-slides .slide,
.list-post-type-offres .slick-two-slides .slide {
height: 450px !important;
}
.list-post-type-offres .slick-two-slides .slide {
background-size: auto 100%;
background-blend-mode: normal;
}
.list-post-type-offres .slick-three-slides .slide .image_logo,
.list-post-type-offres .slick-three-slides-offres-page .slide .image_logo {
background-color: #ccc;
}
.list-post-type-offres .slick-three-slides .slide .image_logo img {
height: 100% !important;
width: auto !important;
margin: 0 auto;
position: relative !important;
}
.list-post-type .slick-three-slides-offres-page .slick-track .slick-slide {
display: flex;
align-items: center;
justify-content: center;
}
.slick-three-slides.aside-left{
position: absolute;
left: -150px;
top: 0;
width: calc(55% + 150px);
}
.slick-three-slides-offres-page.aside-left {
position: absolute;
top: 0;
width: calc(55% + 150px);
}
.slick-three-slides.aside-right {
position: absolute;
right: -150px;
top: 0;
width: calc(55% + 150px);
}
.acf_contenu_flexible_generale
.list-post-type-gallery
.slick-three-slides.aside-right {
width: calc(50% + 300px);
}
.acf_contenu_flexible_generale .card {
background-color: white;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
padding: 2em;
height: 100%;
}
.acf_contenu_flexible_generale .slick-three-slides .slide a,
.acf_contenu_flexible_generale .slick-three-slides .slide a img,
.acf_contenu_flexible_generale .slick-three-slides-offres-page .slide a,
.acf_contenu_flexible_generale .slick-three-slides-offres-page .slide a img {
width: 100%;
max-height: 500px;
object-fit: cover;
}
.container.trois_colonnes .column.avec_image_de_fond .card {
flex-wrap: wrap;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
overflow: hidden;
}
.container.trois_colonnes .column.avec_image_de_fond .card .curtain-dark-1,
.curtain-dark-1 {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
z-index: 0;
}
.container.galerie_photo_full_width .slick-five-slides .slide {
padding: 0;
border-radius: 0;
}
.container.galerie_photo_full_width .slick-five-slides .slide a,
.container.galerie_photo_full_width .slick-five-slides .slide a img { height: 100%;width: 100%;object-fit: cover; }
.slick-three-slides.aside-left .slide {
padding: 0;
margin: 0 5px;
height: 450px;
}
.slick-three-slides-offres-page.aside-left .slide {
padding: 0;
margin: 0 5px;
height: 568px;
max-width: 305px;
min-width: 305px;
}
.slick-three-slides.aside-right .slide {
padding: 0;
margin: 0 5px;
height: 540px;
}
.slick-three-slides.aside-left .slick-prev,
.slick-three-slides-offres-page.aside-left .slick-prev {
left: 160px;
}
.slick-three-slides.aside-left .slick-next,
.slick-three-slides-offres-page.aside-left .slick-next {
right: 20px;
}
.slick-three-slides.aside-right .slick-prev {
left: 20px;
}
.slick-three-slides.aside-right .slick-next {
right: 160px;
}
.slick-three-slides.aside-left .slide .image_logo,
.slick-three-slides-offres-page.aside-left .slide .image_logo,
.slick-three-slides.aside-right .slide .image_logo {
position: relative;
width: 100%;
height: 100%;
}
.slick-three-slides.aside-left .slide .image_logo img,
.slick-three-slides-offres-page.aside-left .slide .image_logo img,
.slick-three-slides.aside-right .slide .image_logo img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.slick-three-slides.aside-left .slide,
.slick-three-slides-offres-page.aside-left .slide,
.slick-three-slides.aside-right .slide {
position: relative;
cursor: pointer;
}
.slick-three-slides.aside-left .slide .card-back,
.slick-three-slides-offres-page.aside-left .slide .card-back,
.slick-three-slides.aside-right .slide .card-back {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 20px;
padding-right: 60px;
display: flex;
align-items: center !important;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: all 0.35s;
}
.slick-three-slides.aside-right .slide .card-back {
padding-right: 20px;
align-items: end;
padding: 40px;
padding-bottom: 50px;
}
.slick-three-slides.aside-left .slide:hover .card-back,
.slick-three-slides-offres-page.aside-left .slide:hover .card-back,
.slick-three-slides.aside-right .slide:hover .card-back {
opacity: 1;
pointer-events: inherit;
background-color: rgba(30,30,30,0.6);
}
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides li.slide:hover .card-front .get_the_title { display: none; }
.slick-slide .content-block img {
display: inline-block;
}
.slide-offre {
border: 4px #ffffff solid;
display: inline-block;
padding: 10px 20px;
margin: 10px 0;
position: relative;
}
.slide-offre legend {
/*position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 0; */
font-size: 17px;
font-family: "Open Sans", sans-serif;
padding: 0 10px;
margin: 0 auto;
}
.slide-offre p {
margin: 0;
}
.full-screen.slide p:first-child { font-size: 64px;line-height: 64px; }
.articles-programme-slide-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: end;
padding: 40px;
padding-bottom: 0;
flex-wrap: wrap;
cursor: auto !important;
background: rgb(2, 0, 36);
background: linear-gradient(
0,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0.5) 17%,
rgba(0, 0, 0, 0) 100%
);
}
/*** ****/
.list-post-type .slide .get_the_title {
position: relative;
z-index: 2;
}
.list-post-type .card-front {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.list-post-type-region .list-post-type .card-front:after {
content: "";
background-color: var(--color-1);
width: 50px;
height: 80px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}
.slick-four-slides .slide .card-back,
.slick-four-slides .slide .card-front,
.slick-two-slides .slide .card-back,
.slick-two-slides .slide .card-front {
transition: all 0.35s;
}
.slick-four-slides .slide,
.slick-two-slides .slide {
position: relative;
transition: all 0.35s;
}
.slick-four-slides .slide .card-back,
.slick-two-slides .slide .card-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
*/
padding: 20px;
opacity: 0;
pointer-events: none;
}
.list-post-type-region .slick-four-slides .slide .card-back,
.list-post-type-region .slick-two-slides .slide .card-back {
background-color: var(--color-1);
}
.list-post-type-themes .slick-four-slides .slide .card-back,
.list-post-type-themes .slick-two-slides .slide .card-back {
background-color: var(--color-2);
}
.list-post-type-hebergements .slick-four-slides .slide .card-back{
background-color: rgba(30,30,30,0.6);
}
.slick-four-slides .slide:hover .card-back,
.slick-two-slides .slide:hover .card-back {
opacity: 1;
pointer-events: inherit;
background-color: rgba(30,30,30,0.6);
}
.slick-four-slides .slide:hover .card-front,
.slick-two-slides .slide:hover .card-front {
opacity: 0;
pointer-events: none;
}
.list-post-type-region .slick-four-slides .slide .card-back .get_the_title,
.list-post-type-region .slick-two-slides .slide .card-back .get_the_title {
position: absolute;
width: 100%;
top: 0;
left: 0;
padding: 30px 20px;
}
/*
.list-post-type-region .slick-four-slides .slide .card-back:before,
.list-post-type-region .slick-two-slides .slide .card-back:before {
content: '';
background-color: #ffffff;
width: 50px;
height: 80px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}
*/
.only-one-picture .list-post-type { padding-bottom: 40px !important; }
.only-one-picture .slick-three-slides.aside-left .slide { width: 250% !important;margin-left: -50% !important; }
.only-one-picture .slick-three-slides-offres-page.aside-left .slide { width: 250% !important;margin-left: -50% !important; }
.only-one-picture .slick-three-slides.aside-right .slide { width: 250% !important;margin-left: -100% !important; }
.only-one-picture .list-post-type.padding-top-100px { padding-top: 0 !important; }
.only-one-picture .slick-three-slides.aside-right,
.only-one-picture .slick-three-slides.aside-left,
.only-one-picture .slick-three-slides-offres-page.aside-left { top: 0; }
.only-one-picture img { border-radius: 10px; }
.only-one-picture .height-450px { min-height: 500px; }
@media screen and (max-width: 1024px) {
.acf_contenu_flexible_generale .card { margin: 0 20px; }
.only-one-picture .slick-three-slides { border-radius: 10px;overflow: hidden; }
.only-one-picture .slick-three-slides-offres-page { border-radius: 10px;overflow: hidden; }
}
.title-and-excerpt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
}
.title-and-excerpt-content {
padding-right: 20px;
align-items: end;
padding: 30px;
}
.title-and-excerpt-content p {
margin: 0;
}
.slick-four-slides .slide .card-back .etablissement_extrait,
.slick-two-slides .slide .card-back .etablissement_extrait {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 60px auto;
padding: 0 20px;
}
.slick-four-slides .slide .card-back .etablissement_extrait .general-extrait,
.slick-two-slides .slide .card-back .etablissement_extrait .general-extrait {
padding-bottom: 20px;
}
/*** list-post-type-gamme ***/
.list-post-type-gamme .block-gamme {
height: 14vw;
border: 1px var(--color-5) solid;
display: flex;
align-items: center;
justify-content: center;
}
.list-post-type-gamme .block-gamme .image_logo {
width: 100%;
height: 100%;
object-fit: cover;
padding: 30px;
}
/**** list-post-type-offres ****/
.list-post-type-offres .slick-four-slides .slide,
.list-post-type-offres .slick-two-slides .slide {
overflow: hidden;
}
.list-post-type-offres .slick-four-slides .slide .wrapper,
.list-post-type-offres .slick-two-slides .slide .wrapper {
height: 100%;
}
.list-post-type-offres .slick-four-slides .slide .slide-card,
.list-post-type-offres .slick-two-slides .slide .slide-card {
/*background-color:rgba(255, 0, 0, .2);*/
height: calc(100% - 90px);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.list-post-type-offres .slick-four-slides .slide .slide-card .image_icone img,
.list-post-type-offres .slick-two-slides .slide .slide-card .image_icone img {
display: inline-block;
width: 60px;
height: 50px;
object-fit: contain;
}
.list-post-type-offres .slide .fa-info-circle {
width: 15px;
top: 20px;
right: 20px;
}
.list-post-type-offres .slick-four-slides .slide .get_the_title,
.list-post-type-offres .slick-two-slides .slide .get_the_title {
background-color: #f0ae62;
height: 90px;
padding: 15px 20px !important;
text-align: left;
line-height: 1.8rem;
font-weight: 900;
font-size: 22px;
}
.list-post-type-offres .slick-four-slides .slide .get_the_title svg,
.list-post-type-offres .slick-two-slides .slide .get_the_title svg {
margin-left: 5px;
}
.list-post-type-offres .slick-four-slides .slide:hover,
.list-post-type-offres .slick-two-slides .slide:hover {
background-color: #f0ae62;
background-blend-mode: normal;
background-image: none !important;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.list-post-type-offres
.slick-four-slides
.slide:hover
.slide-card
.image_icone
img,
.list-post-type-offres
.slick-two-slides
.slide:hover
.slide-card
.image_icone
img {
width: 30px;
height: 25px;
}
.list-post-type-offres .slick-four-slides .slide:hover .fa-info-circle,
.list-post-type-offres .slick-two-slides .slide:hover .fa-info-circle {
opacity: 0;
}
.list-post-type-offres .slick-four-slides .slide:hover .wrapper,
.list-post-type-offres .slick-two-slides .slide:hover .wrapper {
height: auto;
}
.list-post-type-offres .slick-four-slides .slide:hover .get_the_title,
.list-post-type-offres .slick-two-slides .slide:hover .get_the_title {
background-color: rgba(0, 0, 0, 0);
padding: 20px 0 20px 0 !important;
height: auto;
text-align: center;
padding: 20px 0 20px 25px !important;
display: block;
}
.list-post-type-offres .slick-four-slides .slide:hover .slide-card,
.list-post-type-offres .slick-two-slides .slide:hover .slide-card {
height: auto;
}
.list-post-type-offres
.slick-four-slides
.slide:hover
.wrapper
.general-extrait,
.list-post-type-offres
.slick-two-slides
.slide:hover
.wrapper
.general-extrait {
margin-bottom: 40px;
}
/***** LOGO ******/
.site-branding {
height: 120px !important;
}
.site-branding img {
padding: 0;
position: absolute;
top: calc(var(--top-bar-height) * -1);
left: 0;
right: 0;
margin: 0 auto;
}
/***** MENU *****/
.site-menu-header {
top: 170px !important;
}
#primary-menu li a {
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 1px;
}
/***** BREADCRUMB ******/
.ud-breadcrumb {
display: none; /*clear: both;padding: 10px 0;background-color: #f0f0f0;*/
}
/***** TOP BAR ******/
.top-bar {
top: 0;
width: 100%;
z-index: 5;
opacity: 0.9;
height: var(--top-bar-height); /* TOP BAR HEIGHT */
}
.top-bar #lang,
.top-bar .menu {
list-style: none;
margin: 0;
padding-left: 0;
}
.top-bar #lang li,
.top-bar .menu li {
display: inline-block;
}
.menu-icon {
width: 36px;
height: 36px;
overflow: hidden;
text-align: center;
font-size: 24px;
}
/***** FOOTER ******/
footer a,
.bottom-bar .menu-bottom-container ul.menu li a {
transition: all 0.35s;
color: #a3a3a4;
}
footer a:hover,
.bottom-bar .menu-bottom-container ul.menu li a:hover {
color: #ffffff;
}
.site-footer a {
color: #ffffff;
}
.footer-menus {
padding: 20px 0px;
margin-bottom: 0 !important;
}
.bottom-bar .copyright,
.bottom-bar .copyright p,
.bottom-bar .menu-bottom-container,
.bottom-bar .menu-bottom-container ul.menu {
display: inline-block;
padding: 0;
margin: 0 !important;
list-style: none;
}
.bottom-bar .menu-bottom-container ul.menu li:before {
content: "|";
padding-right: 2px;
padding-left: 0px;
font-size: 13px;
color: #a3a3a4;
}
.footer-menu ul.menu {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul.menu li {
padding-bottom: 10px;
}
.footer-menu ul.menu li:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px;
font-size: 10px;
}
.footer-menus {
padding-top: 60px;
}
.footer-menus .contact_info_group {
padding-bottom: 17px;
}
.footer-menus .contact-info-logo {
padding-bottom: 40px;
}
.newsletter-description,
.contact_info_group,
.footer-menus p,
.footer-menus a {
color: #a3a3a4;
font-size: 13px;
line-height: 24px;
}
.footer-menus .footer-menu {
padding-top: 25px;
}
.footer-menus .column.footer-newsletter .h4,
.footer-menus .column.is-one-third .h4,
.contact_info_group .h4 {
font-size: 13px;
font-weight: 600;
color: #ffffff;
}
.footer-menus .column.footer-newsletter input[type="email"] {
margin: 10px 0;
background-color: #000;
color: #ffffff;
border: 0;
width: 292px;
display: inline-block;
padding: 10px 15px;
font-size: 14px;
border-radius: 0;
}
.footer-menus .column.footer-newsletter input[type="email"]::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #a3a3a4;
opacity: 1; /* Firefox */
}
.footer-menus
.column.footer-newsletter
input[type="email"]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #a3a3a4;
}
.footer-menus
.column.footer-newsletter
input[type="email"]::-ms-input-placeholder {
/* Microsoft Edge */
color: #a3a3a4;
}
.footer-menus .column.footer-newsletter input[type="submit"] {
display: inline;
margin: 0 10px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0);
border: 1px #fff solid;
padding: 10px 25px;
padding: 12px 25px;
font-size: 14px;
transition: all 0.35s;
cursor: pointer;
}
.footer-menus .column.footer-newsletter input[type="submit"]:hover {
background-color: var(--color-1);
}
ul.reseau_social {
list-style: none;
margin: 0;
padding: 0;
}
ul.reseau_social li {
display: inline-block;
width: 20px;
height: 20px;
overflow: hidden;
filter: invert(100);
margin-right: 20px;
margin-top: 20px;
}
ul.reseau_social li img {
opacity: 0.5;
transition: all 0.35s;
}
ul.reseau_social li img:hover {
opacity: 1;
}
/***** BOTTOM BAR ******/
.bottom-bar a {
color: #000000;
}
/***** PLUGIN COOKIE NOTICE ******/
.cn-button.bootstrap {
background-image: none !important;
background-color: var(--color-1) !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0) !important;
border: 0 !important;
border-radius: 0 !important;
transition: all 0.35s !important;
padding: 2px 20px !important;
text-transform: uppercase !important;
}
.cn-button.bootstrap:hover {
background-color: var(--color-2) !important;
border: 0 !important;
}
/*--------------------------------------------------------------
## Personalización estilos para nuevo tema empieza AQUÍ:;
--------------------------------------------------------------*/
:root {
--top-bar-height: 50px;
--site-branding-height: 140px;
--site-menu-height: 50px;
}
/***** TIPOGRAFIAS TITULOS ******/
.font-family-title-1 {
font-family: "BeautySalon Script";
line-height: 40px;
}
.h2 .font-family-title-1 {
font-size: 40px;
}
.font-family-title-2 {
font-family: "Argent CF";
}
.font-family-1 {
font-family: "Open Sans", sans-serif;
}
.title-underline-1:after {
content: "";
display: block;
width: 30px;
border-top: 3px var(--color-1) solid;
margin: 15px 0;
}
.title-underline-1.text-align-center:after {
margin: 15px auto;
}
/***** HEADER ******/
.site-branding {
position: absolute;
height: var(--site-branding-height); /* 1 */
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.site-branding img {
height: var(--site-branding-height); /* 1 */
width: auto;
}
.site-menu-header {
position: absolute;
width: 100%;
z-index: 1012 !important; /** to go under leaflet when present!!!! */
top: calc(
var(--site-branding-height) + var(--top-bar-height)
); /* 1 */ /* + .top-bar height */ /*TOP BAR HEIGHT */
}
.site-menu {
height: var(--site-menu-height); /* 2 */
display: flex;
align-items: center;
justify-content: center;
}
.header-full-screen {
background-color: rgba(0, 0, 0, 0.07);
/*height: calc(100vh - 100px - 50px);*/ /* 1 */ /* 2 */
height: calc(
100vh - var(--top-bar-height) - var(--site-branding-height) -
var(--site-menu-height)
); /* + .top-bar height */ /*TOP BAR HEIGHT */
height: calc(100vh - 220px); /* + .top-bar height */ /*TOP BAR HEIGHT */
margin-top: calc(var(--site-branding-height) + var(--top-bar-height));
margin-top: 170px;
width: 100%;
/*margin-top: 150px;*/ /* 1 */ /* 2 */
display: flex;
align-items: center;
justify-content: center;
}
.site-menu-header.is-fixed-top {
position: fixed !important;
top: 0 !important;
}
.site-branding .site-title,
.site-branding .site-description {
display: none;
}
.chyron-area {
width: 100%;
height: calc(80vh - 143px);
position: absolute;
top: 143px;
left: 0;
z-index: 3;
display: table;
pointer-events: none;
z-index: 1;
}
.chyron-area .text-content {
display: table-cell;
vertical-align: middle;
text-align: center;
}
body.home .chyron-area {
height: calc(100vh - 143px);
top: 143px;
}
.chyron-area h1 {
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
font-size: 60px !important;
padding: 0 60px;
line-height: 66px;
}
.site-header {
min-height: 145px;
}
/* single-hebergements.php */
.booking-dates {
background-color: var(--color-4);
padding: 40px 0;
}
.single-image-container {
max-width: 800px;
margin: 0 auto;
}
.single-image-container .slick-slide {
margin: 0;
}
table.table-type-x td {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
text-align: center;
vertical-align: middle;
}
table.table-type-x tr:first-child {
border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.text-align-center {
text-align: center !important;
}
.text-align-left {
text-align: left !important;
}
.text-align-right {
text-align: right !important;
}
.justify-content-left {
justify-content: left !important;
}
.tmp-accueil .h2.acf-title {
margin: 0;
text-transform: uppercase;
padding: 40px 20px 20px 20px;
}
.tmp-accueil .h2.acf-title span {
display: block;
}
.tmp-accueil .acf-title.general-text .general-text {
color: #615f5f;
padding: 0 120px 40px 120px;;
}
.top-bar .top-bar-calendar .fas,
.top-bar .top-bar-user .fas,
.top-bar .top-bar-logout .fa-solid {
font-weight: 400;
padding-bottom: 5px;
padding-right: 10px;
}
.top-bar-logout .fa-solid { font-weight: inherit !important; }
body.is-not-partner .top-bar-calendar { display: inline-block !important; }
body.is-not-partner .top-bar-logout { display: none !important; }
/*
body.is-partner .top-bar-calendar { display: none !important; }
body.is-partner .top-bar-logout { display: inline-block !important; }
body.is-partner .top-bar-logout { display: none !important; }
*/
body.is-partner .top-bar-user.menu-item:not(.partenaire),
body.is-not-partner .top-bar-user.partenaire.menu-item { display: none; }
.top-bar ul li a {
padding: 0 20px;
height: var(--top-bar-height);
display: inline-flex;
align-items: center;
color: #ffffff;
top: -1px;
position: relative;
}
#lang ul li a {
color: #000000;
font-weight: 200;
}
.top-bar ul li.top-bar-user { position: relative; }
#partner-menu-options { background-color:#ffffff;border:1px #ddd solid;position: absolute;top: 49px;right: 279px;opacity: 0;pointer-events: none;z-index: 10; }
@media screen and (max-width: 1024px) {
#partner-menu-options { top: 39px;right: 217px; }
}
@media screen and (max-width: 800px) {
.top-bar ul li.top-bar-user { position: relative;position: absolute;left: 0;top: 0; }
.top-bar ul li.top-bar-calendar { margin-left: 40px; }
#partner-menu-options { right: 0;z-index: 1012; }
.top-bar .level .level-right.menu-top-right .level-item.menu-top-right ul li a { font-size: inherit !important;padding-top: 8px !important; }
.top-bar { width: 100%; }
.partenaires_data_top_info { height: 39px; }
.menu-toggle.svg-bars { }
}
#partner-menu-options.active { opacity: 1;pointer-events: inherit; }
#partner-menu-options ul { list-style: none;margin: 0;padding: 0; }
#partner-menu-options ul li { padding: 1em; }
#partner-menu-options ul li:hover { background-color: #ddd; }
.top-bar ul li.top-bar-user a {
background-color: var(--color-2);
}
.top-bar ul li.top-bar-calendar a,
.top-bar ul li.top-bar-logout a {
background-color: var(--color-1);
}
.wpml-ls-legacy-list-horizontal {
padding: 0 !important;
}
.top-bar .level-left .level-item:not(:last-child),
.top-bar .level-right .level-item:not(:last-child) {
margin-right: 0;
}
.top-bar ul {
font-size: 0;
}
.top-bar ul li {
font-size: 16px;
font-weight: bold;
}
#recherche-formulaire.has-full-screen {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
margin: 0 auto;
}
#recherche-formulaire .container {
/*border: 1px #00f solid;*/
border-top: 5px solid var(--color-1);
background-color: #ffffff;
padding: 20px;
margin-top: 40px;
}
/*
documents\wp-content\themes\wp-groupe\modules\etablissement\etablissement-submenu.php
*/
.single-etablissement-submenu .submenu-slider {
list-style: none;
margin: 0 auto;
padding: 0;
}
.single-etablissement-submenu .submenu-slider li {
display: inline-block;
cursor: pointer;
border-bottom: 4px solid rgba(0, 0, 0, 0);
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 10px 10px;
transition: all 0.35s;
}
.single-etablissement-submenu .submenu-slider li.active,
.single-etablissement-submenu .submenu-slider li:hover {
border-bottom: 4px solid var(--color-1);
color: var(--color-1);
}
.single-etablissement-submenu .submenu-slider li a {
font-weight: bold;
color: #8d8884;
transition: all 0.35s;
letter-spacing: 1px;
}
.single-etablissement-submenu .submenu-slider li.active a,
.single-etablissement-submenu .submenu-slider li:hover a {
color: var(--color-1);
}
/** documents\wp-content\themes\wp-groupe\template-parts\plugin-feed-instagram.php **/
.jr-insta-thumb ul.thumbnails {
margin-left: 0 !important;
}
.instagram-pictures {
margin: 0 20px;
}
.jr-insta-thumb ul.thumbnails.jr_col_6 li.no-isw-icons {
width: 16.66% !important;
margin: 0 !important;
border: 5px #ffffff solid;
}
/*
.jr-insta-thumb ul.thumbnails li { margin: 0 !important;border: 5px #ffffff solid; }
.jr-insta-thumb ul.thumbnails.jr_col_6 li { width: 16.66% !important; }
*/
/** SMASH BALLOON INSTAGRAM FEED */
.instagram-pictures .sb_instagram_header { display: none; }
.instagram-pictures .sbi_item { width: 20% !important;aspect-ratio: 1/1; }
.instagram-pictures .sbi_photo { }
/** general **/
.container.list-post-type-offres,
.container.list-post-type-region,
.container.list-post-type-gamme,
.container.list-post-type-themes {
padding: 78px 20px;
}
/***************** SCRIPT LIBRARY LEAFLET OPENSTREETMAP ***************/
#map_moteur {
position: fixed;
left: 0;
top: 0;
z-index: 1012;
height: 100vh;
width: 100vw;
transition: all 1s;
}
#map_moteur .action-button.open_map_moteur {
position: absolute;
top: 20px;
right: 40px;
z-index: 401;
color: #ffffff !important;
}
.leaflet-popup-content {
width: 300px;
}
.leaflet-container a {
color: var(--color-2) !important;
}
.leaflet-popup-content-wrapper {
padding: 0 !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
margin: 0 !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content img {
width: 100%;
height: 150px !important;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.font-family-title-2.font-size-38px.color-2.text-transform-uppercase {
display: inline-block;
}
.post-type-category-list {
min-height: 700px;
}
.post-type-category-item {
transition: all 0.35s;
height: 400px;
}
.results-filter-container {
transition: all 0.35s;
}
.post-type-category-item .wrapper {
border-radius: 10px;
overflow: hidden;
height: 100%;
position: relative;
}
.fake-isotope-filter-button-group {
margin: 0 auto;
}
.fake-isotope-filter-button-group button {
cursor: pointer;
transition: all 0.35s;
margin: 2px 0;
}
.fake-isotope-filter-button-group button.active,
.fake-isotope-filter-button-group button:hover {
background-color: var(--color-2);
}
._hidden {
opacity: 0;
height: 0;
overflow: hidden;
transition: all 0.35s;
border: 0 !important;
pointer-events: none;
position: absolute;
top: 70px;
}
.nothing-found {
position: absolute;
top: 70px;
left: 0;
right: 0;
margin: 0 auto;
}
.post-type-category-item .wrapper .card-front .slide_acf_personnalise_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.post-type-category-item .wrapper .card-back {
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.post-type-category-item .wrapper .card-front {
height: 100%;
transition: all 0.35s;
}
.post-type-category-item .wrapper .card-front .get_the_title {
position: relative;
z-index: 2;
}
.post-type-category-item .wrapper:hover .card-front {
opacity: 0;
pointer-events: none;
}
.post-type-category-item.chambre .wrapper:hover .card-front,
.post-type-category-item.type-virtuel .wrapper:hover .card-front,
.post-type-category-item.appartement .wrapper:hover .card-front{
opacity: 1;
}
.post-type-category-item.chambre .wrapper .card-back:hover,
.post-type-category-item.type-virtuel .wrapper .card-back:hover,
.post-type-category-item.appartement .wrapper .card-back:hover {
background-color: rgba(30,30,30,0.6);
opacity: 1;
}
.post-type-category-item.chambre:hover .card-front .get_the_title,
.post-type-category-item.type-virtuel:hover .card-front .get_the_title,
.post-type-category-item.appartement:hover .card-front .get_the_title{
display: none!important;
}
.post-type-category-item .wrapper:hover .card-back {
opacity: 1;
pointer-events: inherit;
}
.post-type-category-item .action-button.variant-1:hover {
background-color: var(--color-1);
}
.post-type-category-item .general-extrait {
margin-bottom: 40px;
}
.card-back-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 60px auto;
padding: 0 20px;
}
/** PAGE CMS **/
.acf_contenu_flexible_generale h2 {
font-family: "Argent CF";
color: var(--color-2);
font-size: 38px;
line-height: 38px;
text-transform: uppercase;
text-align: center;
}
.acf_contenu_flexible_generale h2:after {
content: "";
display: block;
width: 30px;
border-top: 3px var(--color-1) solid;
margin: 20px auto;
}
.acf_contenu_flexible_generale h2.text-align-left::after { margin: 20px 0; }
/***************** TABLEPRESS ***************/
table td, table th {
text-align: center !important;
max-width: 100px !important;
}
.tablepress tfoot th, .tablepress thead th {
background-color: var(--color-1) !important;
text-align: center;
color: #fff;
}
/***************** etablissements MEGAMENU ***************/
#etablissements-mega-menu,
#megamenu-photos,
.slick-gallery-full-width .slide-etablissement img,
#megamenu-region,
#megamenu-etablissements {
height: 400px;
max-height: 400px;
}
#megamenu-region,
#megamenu-etablissements {
height: 367px;
}
#etablissements-mega-menu {
background-color: #ffffff; /** CAMBIAR color de fondo submenu AQUI!!!! */
position: absolute;
width: 100vw;
left: 0;
display: flex;
transition: all 0.35s;
opacity: 0.2;
height: 0;
overflow: hidden;
flex-wrap: wrap;
}
#etablissements-mega-menu li a {
background-color: #ffffff;
}
#etablissements-mega-menu li a.selected,
#etablissements-mega-menu li a:hover {
background-color: var(--color-1);
}
.alt-menu-button {
width: 100%;
text-align: center;
padding: 5px 0;
background-color: var(--color-1);
color: #ffffff !important;
text-transform: uppercase;
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 1px;
}
.alt-menu-button:hover {
background-color: var(--color-2);
}
#megamenu-photos {
width: 38%;
}
#etablissements-mega-menu.active {
opacity: 1;
height: auto;
}
#megamenu-region {
width: 24%;
overflow: auto;
}
#megamenu-etablissements {
overflow: auto;
width: 38%;
}
.megamenu-region-list,
.megamenu-etablissements-list {
margin: 0;
padding: 0;
list-style: none;
}
.megamenu-etablissements-list {
opacity: 0.2;
height: 0;
overflow: hidden;
transition: all 0.35s;
}
.megamenu-etablissements-list.active {
opacity: 1;
height: inherit;
}
.megamenu-etablissements-list {
overflow-y: auto !important;
}
.megamenu-region-list li,
.megamenu-etablissements-list li {
position: relative;
padding: 0;
}
.megamenu-region-list li a,
.megamenu-etablissements-list li a {
padding: 10px;
border-bottom: 1px var(--color-1) solid;
display: block;
}
.megamenu-region-list li:hover a:after,
.megamenu-etablissements-list:hover li a:after,
.megamenu-region-list li a.selected:after,
.megamenu-etablissements-list li a.selected:after {
position: absolute;
right: 20px;
bottom: 7px;
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 20px;
opacity: 1;
color: #ffffff; /*var(--color-1);*/
}
.megamenu-region-list li a.selected {
background-color: var(--color-1);
color: #ffffff;
}
.etablissement_photo_gallerie {
opacity: 0.2;
height: 0;
overflow: hidden;
transition: all 0.35s;
position: relative;
}
.etablissement_photo_gallerie.active {
opacity: 1;
height: inherit;
}
.megamenu-etablissements-list li a.selected {
background-color: var(--color-1);
color: #ffffff;
}
.slick-gallery-full-width .slide-etablissement {
margin: 0;
}
.slick-gallery-full-width .slide-etablissement img {
width: 100%;
object-fit: cover;
}
.slick-gallery-full-width .slider-content .full-width .text-align-center p {
margin: 0;
}
#megamenu-photos .slick-next {
margin-right: 20px;
}
#megamenu-photos .slick-prev {
margin-left: 10px;
}
.etablissement_photo_gallerie .action-button {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
width: 150px;
text-align: center;
bottom: 60px;
}
/*LOADING */
/* Absolute Center CSS Spinner */
.loading {
position: fixed;
z-index: 999;
z-index: 1013 !important; /** to go under .site-menu-header to go under leaflet when present!!!! */
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: "";
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tooltip {
position: relative;
display: inline;
z-index: 2;
}
.open-tooltip {
cursor: pointer;
}
.tooltip strong {
color: #ffffff;
}
.tooltip span {
color: #ffffff;
background-color: #000000;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
padding: 5px;
bottom: 25px;
display: block;
position: absolute;
z-index: 1009;
width: 200px;
/* width: 130px; */
right: -57px;
overflow-y: auto;
/*top: -120px;*/
max-height: 140px;
scrollbar-width: none; /* para esconder scroll bar en Firefox */
}
.tooltip span::-webkit-scrollbar{ /* para esconder scroll bar en Chrome, Safari, Opera, and other WebKit-based browsers */
display: none;
}
.tooltip span:after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
display: none;
}
.formula .tooltip span {
width: 200px;
right: -90px;
bottom: 35px;
/*
width: 400px;
right: -188px;
*/
}
.tarif_title_mobile{
display: none;
}
@media screen and (max-width: 760px) {
/*HOME */
.tmp-accueil .acf-title.general-text .general-text {
padding: 0 50px 40px 50px;
}
/* CSS RESULTS SEARCH ETAB MOBILE / TABLET*/
.contentChambre .formules{
display: none;
}
.tarif_title_mobile{
display: block;
padding: 10px 0;
}
.content-tarifs-etabs{
border: 1px #e2e2e2 solid;
}
.formula h3 { position: relative; }
}
@media screen and (max-width: 480px) {
.post-type-category-image{
width: 100%!important;
}
.formula h3{
width: 100%!important;
}
.image-hebergement-chambre {
width: 100%;
object-fit: cover;
}
.image-hebergement-chambre {
width: 100%!important;
}
/* .formula .tooltip {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 33px;
bottom: -20px;
padding-left: 8px;
} */
.image-hebergement-chambre-formule {
width: 100%!important;
height: auto!important;
max-height: 250px;
object-fit: cover;
}
}
@media screen and (max-width: 425px) {
.formula .tooltip span { right: -55px;left: 0;right: 0;margin: 0 auto; }
.formula .content-tarifs-etabs.tarif-standard .tooltip span { margin-right: -10px; }
}
@media screen and (max-width: 390px) { .formula .tooltip span { /*left: -20px;*/ } }
.acf_contenu_flexible_generale h3 {
margin: 0.8em 0;
font-weight: 300 !important;
font-family: "Argent CF";
color: var(--color-2);
font-size: 34px;
line-height: 38px;
}
.acf_contenu_flexible_generale h3:after {
content: "";
display: block;
width: 30px;
border-top: 3px var(--color-1) solid;
margin: 15px 0;
}
.etablissement-localisation-info {
/*height: 700px;*/
overflow-y: auto;
}
#buttonsChambres[tabs-counter="1"] {
display: none;
}
.column-item .membres_foto {
height: 400px;
object-fit: cover;
width: 100%;
border-radius: 10px;
}
.display-region {
height: 0;
opacity: 0;
height: 0;
overflow: hidden;
transition: all 0;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-color: rgba(0, 0, 0, 0.07);
background-blend-mode: multiply;
}
.display-region.active {
opacity: 1;
height: inherit;
}
#lang .wpml-ls-display {
display: none !important;
}
/**/
.header-full-screen {
border: 0;
}
.header-full-screen .slick-list,
.header-full-screen .slick-track {
height: 100%;
}
.header-full-screen .slick-slide {
margin: 0 !important;
position: relative;
}
.header-full-screen .slide_acf_personnalise_image {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-full-screen .slider-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 600px;
z-index: 1;
height: 100%;
background-color: rgba(0, 0, 0, 0.07);
text-align: center;
}
.header-full-screen .slider-content .content-block {
height: calc(100% - 175px);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
color: #ffffff;
}
.header-full-screen.without-booking-form .slider-content .content-block {
height: 100%;
justify-content: left;
}
.header-full-screen.without-booking-form .slider-content {
text-align: left;
}
.header-full-screen .slider-content .content-block a {
color: #ffffff;
text-decoration: underline;
}
.header-full-screen .slider-content .content-block .fas {
padding: 0 5px;
}
/*
.header-full-screen .slider-content .content-block p {
width: 100%;
text-align: center;
}
*/
.header-full-screen.no-rows-found {
height: 30px;
background-color: #ffffff;
height: 0;
}
/***** RESPONSIVE MEDIA QUERIES ******/
@media screen and (min-width: 800px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: inline-flex;
}
}
.mega-menu-1 ul {
display: none;
}
@media screen and (max-width: 1024px) {
.header-full-screen {
margin-top: 170px !important;
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 800px) {
body {
overflow-x: hidden;
}
.site-header {
min-height: inherit;
}
.font-size-64px {
font-size: 56px;
line-height: 56px;
}
.top-bar {
display: none;
position: fixed;
display: block;
z-index: 1013;
width: auto;
right: 0;
}
#content {
padding-top: 100px;
}
.height-top-bar-plus-site-menu {
height: 100px;
}
.nav-menu {
position: fixed;
top: 0;
width: 80%;
background: #ececec;
height: 100vh;
z-index: 2;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
top: 0px;
height: calc(100% - 0px);
left: 0;
}
.main-navigation {
/*margin-right: calc(-100vw - 15px); */ /* en lugar de esconderlo con display none lo escondemos a la izquierda... los 15 px es para esconder la sombra que no se asome por la derecha */
margin-left: calc(
-90vw - 15px
); /* en lugar de esconderlo con display none lo escondemos a la DERECHA... los 15 px es para esconder la sombra que no se asome por la IZQUIERDA */
transition: all 0.35s;
width: auto;
float: none;
height: 79px;
}
.site-menu-header {
position: fixed !important;
top: 0 !important;
}
.site-branding {
z-index: 1013 !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.site-branding img {
height: 75px !important;
position: fixed;
z-index: 4;
width: auto !important;
padding: 0 !important;
top: 0;
left: 10px;
}
#primary-menu {
/*left: calc(-100% + 15px);
transition: all .35s;*/
right: calc(-100% + 15px);
transition: all 0.35s;
left: auto;
}
#site-navigation.toggled #primary-menu {
/*left: 0;*/
right: 0;
}
#primary-menu.menu li a:hover,
#primary-menu.menu li.current_page_item > a,
#primary-menu.menu li.current-menu-item > a,
#primary-menu-home.fullpage-menu li a:hover,
#primary-menu-home.fullpage-menu li.active a {
background-color: rgba(0, 0, 0, 0) !important;
width: 100%;
}
#primary-menu.menu li a {
width: 100% !important;
}
.main-navigation.toggled {
margin-left: 0px; /* en lugar de mostrarlo con display block lo movemos desde la izquierda*/
}
.site-branding {
position: absolute;
width: 100px;
}
.main-navigation li {
float: none;
text-align: left;
display: block;
}
.main-navigation a::after {
content: "" !important;
}
.main-navigation .menu-item-has-children a::after,
.main-navigation .menu-item-has-children a {
color: #000000;
}
.main-navigation .menu-item-has-children {
background-image: none;
padding-right: 0;
}
.menu-item-has-children .arrow-down-menu-link {
height: 44px !important;
}
#primary-menu.menu a {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.main-navigation li a {
height: 30px;
height: auto;
padding: 10px;
color: #000000;
}
.main-navigation ul ul a {
width: 100%;
color: #000000;
}
#primary-menu.menu li a:hover,
#primary-menu.menu li.current_page_item > a,
#primary-menu.menu li.current-menu-item > a,
#primary-menu-home.fullpage-menu li a:hover,
#primary-menu-home.fullpage-menu li.active a {
background-color: var(--color-1);
}
.current-menu-ancestor {
background-color: inherit;
}
.main-navigation ul ul {
position: relative;
display: block;
float: none;
left: inherit;
}
.main-navigation ul ul li a {
padding-left: 30px;
}
.main-navigation ul ul ul li a {
padding-left: 60px;
}
.main-navigation ul ul.sub-menu {
display: none;
}
.main-navigation ul ul ul,
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 0;
top: 0;
}
.main-navigation.toggled
.menu-menu-1-container
ul#primary-menu
li
.arrow-down-menu-link,
.main-navigation.toggled
.menu-menu-1-ca-container
ul#primary-menu
li
.arrow-down-menu-link {
content: " ";
background: #e2e2e2;
width: 40px;
height: 30px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
display: table;
}
.main-navigation .menu-item-has-children .menu-item-has-children {
background-image: none;
}
.main-navigation.toggled
.menu-menu-1-container
ul#primary-menu
li
.arrow-down-menu-link::after,
.main-navigation.toggled
.menu-menu-1-ca-container
ul#primary-menu
li
.arrow-down-menu-link::after,
.main-navigation.toggled
.menu-menu-1-container
ul#primary-menu
li
.arrow-down-menu-link.arrow-up::after,
.main-navigation.toggled
.menu-menu-1-ca-container
ul#primary-menu
li
.arrow-down-menu-link.arrow-up::after {
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 600;
font-size: 26px;
vertical-align: middle;
cursor: pointer;
display: table-cell;
}
.main-navigation.toggled
.menu-menu-1-container
ul#primary-menu
li
.arrow-down-menu-link::after,
.main-navigation.toggled
.menu-menu-1-ca-container
ul#primary-menu
li
.arrow-down-menu-link::after {
content: "\f107";
}
.main-navigation.toggled
.menu-menu-1-container
ul#primary-menu
li
.arrow-down-menu-link.arrow-up::after,
.main-navigation.toggled
.menu-menu-1-ca-container
ul#primary-menu
li
.arrow-down-menu-link.arrow-up::after {
content: "\f106";
}
.site-menu-header {
top: 0;
}
.arrow-down-menu-link {
width: 40px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.arrow-down-menu-link:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 26px;
cursor: pointer;
}
.arrow-down-menu-link.arrow-up:after {
content: "\f106";
}
.top-bar #lang li,
.top-bar .menu li {
width: 40px;
height: 40px;
}
.menu-top-right-container ul li a {
width: 40px !important;
}
.top-bar ul li a {
padding: 0 10px !important;
height: 40px !important;
}
.top-bar .top-bar-calendar .fas,
.top-bar .top-bar-user .fas
.top-bar .top-bar-logout .fa-solid {
padding-left: 3px !important;
padding-bottom: 0 !important;
}
.level-right.menu-top-right .level-item {
float: left;
}
.level-right.menu-top-right {
margin-top: 0 !important;
margin-right: 0 !important;
width: 180px;
}
/*
.level-right.menu-top-right .level-item:nth-child(2) { width: 100px; }
.level-right.menu-top-right .level-item:nth-child(2) #lang ul li a { width: 100px; }
*/
#lang ul,
.level-right.menu-top-right .level-item:nth-child(2) { width: 55px; }
.level-right.menu-top-right .level-item:nth-child(2) #lang ul li a { width: 55px;color: rgba(0,0,0,0); }
.level-right.menu-top-right { width: 135px; }
#lang li a:after { font-size: 16px; }
#lang li.wpml-ls-item-en,
#lang li.wpml-ls-item-fr { position: relative; }
#lang li.wpml-ls-item-fr:before,
#lang li.wpml-ls-item-en:before {
font-size: 16px;
position: absolute;
z-index: 1;
top: 7px;
left: 10px;
font-weight: 500;
pointer-events: none;
}
#lang li.wpml-ls-item-fr:before {
content: 'Fr';
}
#lang li.wpml-ls-item-en:before {
content: 'En';
}
.site-menu-header {
border-top: 1px solid rgba(0, 0, 0, 0);
}
.header-full-screen {
margin-top: 80px !important;
}
.footer-menus .footer-menu {
clear: both;
}
.footer-menus .footer-menu.menu-2 {
width: 50%;
}
.footer-menus .footer-menu.menu-3 {
width: 50%;
}
.single-etablissement-submenu.is-fixed-top {
top: 80px !important;
}
.tmp-accueil .acf-title.general-text .general-text {
padding: 0 40px 40px 40px;
}
.full-screen.slide .full-width {
padding: 0 40px;
}
.full-screen.slide .full-width .font-size-extra {
font-size: 98px;
line-height: 104px;
}
#map_moteur {
z-index: 1013;
}
}
@media screen and (max-width: 800px) {
.chyron-area {
width: 100%;
height: calc(80vh - 100px);
top: 100px;
}
body.home .chyron-area {
height: calc(100vh - 100px);
}
}
@media screen and (max-width: 800px) {
.min-height-450px {
min-height: inherit;
}
.padding-top-100px {
padding-top: 40px;
}
.padding-top-40px {
padding-top: 1px;
}
.list-post-type.padding-bottom-90px {
padding-bottom: 0;
}/*
.list-post-type-articles
.list-post-type.list-post-type-articles
.container {
padding: 0 20px;
}*/
.list-post-type.list-post-type-articles .container.height-450px {
height: inherit;
}
.list-post-type.list-post-type-articles .column.is-7 {
display: none;
}
.list-post-type.list-post-type-articles .slick-three-slides,
.list-post-type.list-post-type-articles .slick-three-slides-offres-page {
position: relative;
left: inherit;
width: 100%;
margin-top: 40px;
}
.list-post-type .slick-three-slides .slick-prev,
.list-post-type .slick-three-slides-offres-page .slick-prev {
left: 10px;
}
.list-post-type.list-post-type-articles
.slick-three-slides.aside-left
.slide
.card-back {
padding-left: 60px;
padding-right: 60px;
}
.list-post-type.list-post-type-articles
.slick-three-slides-offres-page.aside-left
.slide
.card-back {
padding-left: 60px;
padding-right: 60px;
}
.container.list-post-type-offres,
.container.list-post-type-region,
.container.list-post-type-gamme,
.container.list-post-type-themes,
.container.post-type-category-list {
padding: 0 20px 20px 20px;
}
.container.list-post-type-region .column.is-6,
.container.list-post-type-region .column.is-12,
.container.list-post-type-region .column.is-one-third { padding: 0; }
.container.list-post-type-region .column.is-6 img,
.container.list-post-type-region .column.is-12 img,
.container.list-post-type-region .column.is-one-third img { display: block;margin: 0 auto;; }
.container.post-type-category-list .column { padding-left: 0;padding-right: 0; }
}
@media screen and (max-width: 800px) {
.jr-insta-thumb ul.thumbnails.jr_col_6 li.no-isw-icons {
width: 33.33% !important;
}
}
@media screen and (max-width: 400px) {
.jr-insta-thumb ul.thumbnails.jr_col_6 li.no-isw-icons {
width: 50% !important;
}
}
@media screen and (max-width: 340px) {
.jr-insta-thumb ul.thumbnails.jr_col_6 li.no-isw-icons {
width: 100% !important;
}
}
@media screen and (max-width: 709px) {
#map_moteur.opacity-0-pointer-events-none {
left: -100vw;
}
}
@media screen and (max-width: 1087px) {
.slick-three-slides.aside-left,
.slick-three-slides-offres-page.aside-left,
.slick-three-slides.aside-right {
position: relative;
left: 0 !important;
margin: 0 auto 40px auto;
top: inherit;
}
.list-post-type-gallery .only-desktop,
.list-post-type-offres .only-desktop,
.list-post-type-articles .only-desktop {
display: none;
}
.list-post-type-offres {
padding-bottom: 40px;
}
.single-etablissements-info.padding-bottom-40px {
padding-bottom: 0 !important;
}
.list-post-type.list-post-type-gallery.padding-top-100px,
.list-post-type-gallery.padding-top-60px,
.list-post-type.list-post-type-articles.padding-top-100px {
padding-top: 0 !important;
}
.list-post-type-gallery {
padding: 0 10px;
}
.list-post-type-articles .background-color-4 {
padding: 0 20px;
padding-bottom: 20px;
}
.list-post-type-gallery .height-450px,
.list-post-type-articles .height-450px {
height: auto !important;
}
.list-post-type .slick-three-slides { /* border: 10px #f00 solid;
height: 350px !important;*/
margin-bottom: 20px !important;
width: 100% !important;
}
.list-post-type .slick-three-slides-offres-page {
/* height: 350px !important; */
margin-bottom: 20px !important;
width: 100% !important;
}
.list-post-type-articles .height-450px {
padding: 0;
}
.list-post-type.list-post-type-articles .slick-three-slides,
.list-post-type.list-post-type-articles .slick-three-slides-offres-page {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.list-post-type-hebergements,
.collaborateurs-etablissement-page,
.single-etablissements-info .column,
.acf_contenu_flexible_generale .column,
.page-php .column {
padding: 0 20px;
}
.list-post-type-offres .column {
padding: 10px 40px;
margin-bottom: 20px;
}
.slick-three-slides.aside-left .slick-next,
.slick-three-slides-offres-page.aside-left .slick-next,
.slick-three-slides.aside-right .slick-next {
right: 10px;
}
.galerie_photo_full_width .slick-prev,
.slick-three-slides.aside-left .slick-prev,
.slick-three-slides-offres-page.aside-left .slick-prev {
left: 10px;
}
.localisations-container .etablissement-localisation-info {
overflow-y: inherit;
height: auto;
}
.galerie_photo_full_width .slick-next { right: 10px; }
.slick-three-slides.aside-right .slick-prev { left: 10px; }
/* .fancybox-overlay.fancybox-overlay-fixed { border: 4px #f00 solid;width: 100vw !important; } */
.fancybox-lock { overflow: initial !important; }
.acf_contenu_flexible_generale a.action-button{ display: inline-block; }
.single-etablissements-video { padding-top: 80px; }
}
@media screen and (max-width: 1024px) {
.menu-top-right-container ul li a {
text-indent: 1000px;
width: 55px;
white-space: nowrap;
}
.menu-top-right-container ul li a i {
text-indent: 0;
}
/*
.top-bar { height: 79px; }
.site-branding img { top: -75px;height: 105px; }
*/
.site-branding {
top: 40px;
height: 130px !important;
z-index: 1;
}
/*
.top-bar .top-bar-calendar .fas,
.top-bar .top-bar-user .fas,
.top-bar .top-bar-logout .fa-solid {
padding-bottom: 10px;
}
*/
}
@media screen and (max-width: 1087px) {
#recherche-formulaire.has-full-screen {
position: relative !important;
}
footer .footer-menus {
padding: 40px;
}
footer .contact-info-logo-description {
padding-top: 20px;
text-align: center;
}
.footer-menus .contact-info-logo {
padding-bottom: 10px;
}
.footer-menus .contact_info_group {
width: 33.33%;
float: left;
text-align: center;
}
.footer-menus .reseau_social {
text-align: center;
}
#formHome.is-fixed-top {
position: relative;
}
.header-full-screen .slider-content .content-block {
height: 100% !important;
}
}
.offres-archive-item.nothing-found-offre {
border: 4px var(--color-5) solid;margin: 10px;padding: 10px;
}
.list-post-type-gallery .slick-three-slides .slide .card-front .get_the_title.h2 { padding: 0 50px !important; }
.list-post-type-hebergements .slick-four-slides .slide .card-back .etablissement_extrait .general-extrait { display: none; }
.texte_pictos_contenu_a_gauche { padding: 20px 40px 20px 20px !important; }
.texte_pictos_pictos_a_droite { padding: 20px 20px 20px 40px !important; }
.pictos_pictos_a_droite .pictos_a_droite { height: 18px;width: auto; }
.galerie_photo_full_width_slider { text-align: center;margin: 0; }
.slider-with-thumbnails,
.slider-thumbnails
{ display: block;margin: 0 auto; }
.slider-with-thumbnails .slide a { height: 100%; }
.slider-with-thumbnails, .slider-with-thumbnails .slide { width: 100%;max-width: 750px;height: 500px;object-fit: cover; }
.slider-with-thumbnails .slide img { width: 100%;max-width: 750px;height: 100%;object-fit: cover; }
.slider-with-thumbnails .slide { margin: 0; max-width: 750px;height: 500px; }
.slider-thumbnails .slide img { width: 150px;height: 101px;cursor: pointer;display: inline-block;object-fit: contain; }
.slider-thumbnails { max-width: 750px;padding: 1em 0; }
@media screen and (max-width: 750px) {
.slider-thumbnails {
width: 100% !important;
}
.slider-with-thumbnails, .slider-with-thumbnails .slide { height: 350px; }
}
@media screen and (min-width: 2200px) {
.list-post-type .column.is-5-desktop {
padding-left: 50px;
}
}
/*
@media screen and (min-width: 1875px) {
.modele_pages_etablissements_a_voir_a_faire .column.is-5-desktop {
width: 56.666667%;
}
}
*/
.list-post-type.list-post-type-gallery ul:not(.slick-slider) li img { width: 60px; }
.collaborateurs-etablissement-page .column-item.column.is-3 .color-black-2.font-size-13px.line-height-24px { padding-bottom: 20px; }
.collaborateurs-etablissement-page .column-item.column.is-3 a { position: absolute;bottom: 0; }
.header-full-screen .get_field_general_subtitle { font-size: 28px; }
.collaborateurs-etablissement-page { margin-bottom: 40px; }
.partie-vide {
background-color: #ffffff;
width: calc(100% + 60px);
height: 100%;
margin-left: -40px;pointer-events: none;
}
.texte_pictos_contenu_a_gauche { padding: 20px 190px 20px 20px; }
@media screen and (max-width: 768px) {
.texte_pictos_contenu_a_gauche { padding: 20px 20px 20px 20px !important; }
.collaborateurs-etablissement-page .column-item.column.is-3 a { position: relative; }
}
/*
h1 { border: 5px #f00 solid !important; }
*/
#langue {
width: 140px;
top: 0;right: 0;
position: absolute;
height: 50px;
}
.level-right.menu-top-right { margin-right: 140px; }
#langue .wpml-ls-statics-shortcode_actions,
#langue .wpml-ls-statics-shortcode_actions ul,
#langue .wpml-ls-statics-shortcode_actions ul li,
#langue .wpml-ls-statics-shortcode_actions ul li a { height: 50px; }
#langue .wpml-ls-statics-shortcode_actions ul li a {
height: 50px;
padding-top: 15px;
border: 0;
background-color: var(--color-4);
text-align: right;
}
ul.wpml-ls-sub-menu li a {
border: 0;
background-color: var(--color-4);
}
#langue .wpml-ls-statics-shortcode_actions ul li ul.wpml-ls-sub-menu { border-top: 0 !important; }
.list-post-type.list-post-type-offres.position-relative .container .columns .column.is-5-desktop {
z-index: 1 !important;
}
.acf_contenu_flexible_generale .container .columns .column.is-one-third h2 {
min-height: 140px;
position: relative;
}
.acf_contenu_flexible_generale .container .columns .column.is-one-third h2:after {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
@media screen and (max-width: 900px) {
.acf_contenu_flexible_generale .container .columns .column.is-one-third h2 {
min-height: auto;
}
.acf_contenu_flexible_generale .container .columns .column.is-one-third h2:after {
position: relative;
margin: 20px auto !important;
}
body.etablissements-template-default.single.single-etablissements .site .list-post-type-hebergements { padding-top: 50px; }
}
@media screen and (max-width: 440px) {
.list-post-type-articles-programme .list-post-type-articles .container .columns .column.is-5-desktop .margin-40px-0 a.action-button {
display: block;
text-align: center;
padding: 10px;
}
}
.show-more.action-button { margin-top: 10px;margin-bottom: 20px;padding: 10px 20px;font-size: 14px;cursor: pointer;display: inline-block; }
.description-more { transition: all 2s;height: auto;opacity: 1; }
.description-more.collapsed { height: 1px;opacity: 0;overflow: hidden; }
.card-back p strong { color: #ffffff;font-weight: normal; }
.align-bottom {
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.warning-dispos {
background-color: var(--color-1);
padding: 5px 10px;
color: #fff;
font-size: 12px;
line-height: 15px;
margin: 0px 0 10px 0;
}
@media screen and (max-width: 600px) {
.container.video-container { height: 220px !important; }
body.etablissements-template-default.single.single-etablissements .site .list-post-type-hebergements { padding-top: 0px !important; }
}
@media screen and (max-width: 800px) {
.single-etablissements-video { padding-top: 0; }
.list-post-type-gallery.padding-top-60px.margin-bottom-60px { padding: 0;margin-bottom: 40px !important;z-index: 2;position: relative; }
}
.list-post-type-taxonomy-offres_category { padding: 0 10px; }
.post-type-category-list.index-php.archive-offres-php { padding: 0 20px; }
.post-type-category-list.index-php.archive-offres-php .slick-four-slides { padding: 0 20px; }
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slide.slick-slide,
.post-type-category-list.index-php.archive-offres-php .offres-archive-item .slide.slick-slide,
.list-post-type-taxonomy-offres_category .slide.slick-slide { aspect-ratio: 1/1;height: inherit; }
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides .slick-arrow {
top: 35%;
}
@media screen and (max-width: 1500px) {
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides .slick-arrow { top: 25%; }
}
@media screen and (max-width: 1100px) {
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides .slick-arrow { top: 15%; }
}
@media screen and (max-width: 1087px) {
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides {
padding-left: 35px;
padding-right: 35px;
}
body.etablissements-template-default.single.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides .slick-arrow { top: 30%; }
}
.list-post-type-taxonomy-offres_category .card-back { padding: 10px !important; }
.list-post-type-taxonomy-offres_category .card-back .is-flex-center { height: 100%; }
.post-type-category-list.index-php.archive-offres-php .card-back .etablissement_extrait,
.list-post-type-taxonomy-offres_category .card-back .etablissement_extrait { position: relative !important;margin: 0 !important;padding: 0 !important; }
.post-type-category-list.index-php.archive-offres-php .card-back .etablissement_extrait .get_the_title,
.list-post-type-taxonomy-offres_category .card-back .etablissement_extrait .get_the_title { margin-bottom: 5px !important; }
.list-post-type-taxonomy-offres_category .card-front .get_the_title { display: none; }
.post-type-category-list.index-php.archive-offres-php .slick-four-slides .slide.slick-slide .card-front {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.post-type-category-list.index-php.archive-offres-php .card-back .etablissement_extrait .general-extrait,
.post-type-category-list.index-php.archive-offres-php .card-back .etablissement_extrait .general-extrait p,
.list-post-type-taxonomy-offres_category .card-back .etablissement_extrait .general-extrait,
.list-post-type-taxonomy-offres_category .card-back .etablissement_extrait .general-extrait p {
margin: 0 !important;padding: 0 !important;padding-bottom: 25px !important;
}
.post-type-category-list.index-php.archive-offres-php .card-back .etablissement_extrait .general-extrait p { padding-bottom: 0 !important; }
@media screen and (max-width: 1024px) {
.post-type-category-list.index-php.archive-offres-php .slick-four-slides .slick-next { top: 190px; }
.post-type-category-list.index-php.archive-offres-php .slick-four-slides .slick-prev { top: 190px;left: 5px; }
/*.slick-width-arrows-top-right-1 .slick-prev, .slick-width-arrows-top-right-1 .slick-next {}*/
.list-post-type-hebergements .slick-four-slides .slick-next,
.list-post-type-hebergements .slick-four-slides .slick-prev { top: -25px; }
}
.slider-content ul.under-title.ul-display-inline.color-white.padding-top-15px.padding-bottom-15px {
background-color: #0000005c;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px;
display: inline-block;
font-weight: bolder;
}
@media screen and (max-width: 768px) {
#contentChambres .contentChambre .hebergement-block .formula .column.is-6 .columns { text-align: center; }
}
.list-post-type.list-post-type-region .slide.slick-slide .card-back .etablissement_extrait { padding: 10px;margin: 30px auto; }
.list-post-type.list-post-type-region .slide.slick-slide .card-back .etablissement_extrait .general-extrait {margin-bottom: 10px; }
.list-post-type.list-post-type-region .slide.slick-slide .card-back .etablissement_extrait .general-extrait p { margin-bottom: 0; }
@media screen and (max-width: 800px) {
.top-bar .level .level-right.menu-top-right .level-item.menu-top-right ul li a { font-size: 0 !important; }
.top-bar .level .level-right.menu-top-right .level-item.menu-top-right ul li a i.fas { font-size: 16px; }
}
@media screen and (max-width: 400px) {
.formula .column.is-3 .auxiliar-1,
.formula .column.is-3 .auxiliar-2 { position: relative; }
.formula .column.is-3 .auxiliar-1 .tooltip,
.formula .column.is-3 .auxiliar-2 .tooltip { position: relative;bottom: inherit; }
}
.slick-four-slides-no-slick {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.slick-four-slides-no-slick .slide { aspect-ratio: 1/1;width: calc(25% - 20px);height: inherit;margin: 10px;padding: 20px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.2);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
color: #ffffff;
text-align: center;
position: relative;
}
.slick-four-slides-no-slick .card-front {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.slick-four-slides-no-slick .card-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 20px;
opacity: 0;
pointer-events: none;
}
.slick-four-slides-no-slick .slide:hover .card-back {
opacity: 1;
pointer-events: inherit;
background-color: rgba(30,30,30,0.6);
transition: all .35s;
}
.slick-four-slides-no-slick .slide:hover .card-front .get_the_title { opacity: 0; }
@media screen and (max-width: 1024px) {
.slick-four-slides-no-slick .slide { width: calc(33.33% - 20px); }
}
@media screen and (max-width: 800px) {
.slick-four-slides-no-slick .slide { width: calc(50% - 20px); }
}
@media screen and (max-width: 600px) {
.slick-four-slides-no-slick .slide { width: calc(100%); }
}
.container.list-post-type-offres, .container.list-post-type-region, .container.list-post-type-gamme, .container.list-post-type-themes {
padding: 0px 20px;
}
.list-post-type.list-post-type-taxonomy-offres_category.padding-top-40px.padding-bottom-90px { padding-bottom: 0; }
.list-post-type.list-post-type-themes.padding-top-40px.padding-bottom-90px { padding-bottom: 0; }
.container.list-post-type-taxonomy-offres_category { padding-top: 40px; }
.list-post-type.list-post-type-region.padding-top-40px.padding-bottom-90px { padding-bottom: 40px; }
#offres-archive-filter { background-color: #ffffff; }
.slick-three-slides.aside-left .slide .card-back, .slick-three-slides-offres-page.aside-left .slide .card-back, .slick-three-slides.aside-right .slide .card-back {
justify-content: left;
}
/* home -
Destinations
Nos implantations / 63px - 75px */
.container.list-post-type-region {margin-bottom: 25px; }
/* home -
NEHÔ
Hôtels et résidences en France et en Belgique / 82px - 75px */
.acf-title.general-text.text-align-center.is-multiline.bg-color-4 { margin-bottom: 4px; }
/* home -
Profitez
Nos offres spéciales / 131px - 75px */
.container.list-post-type-taxonomy-offres_category { margin-bottom: 41px; }
/* home -
Programme de fidélité
Avec Nehô 4 You, 100% des joueurs gagnent dès la première nuit ! / 68px - 75px */
.list-post-type-articles-programme.bg-color-4 { margin-bottom: 17px; }
/* home -
Thématiques
Idées de séjour / 69px - 75px */
.container.list-post-type-themes { margin-bottom: 16px; }
/* 0001668: test - Mapa resultados de búsqueda no se puede cerrar */
#open-close-search-map-results { display: none; }
@media screen and (max-width: 1087px) {
#open-close-search-map-results { display: block;z-index: 99999999;top: 20px;right: 20px;position: fixed; }
}
.header-full-screen .slider-content { background-color: rgba(0, 0, 0, 0); }
.slick-four-slides .slide:hover .card-back, .slick-two-slides .slide:hover .card-back { background-color: rgba(30,30,30,0); }
.slick-four-slides .slide:hover .card-back .get_the_title.h2.font-family-title-2,
.slick-two-slides .slide:hover .card-back .get_the_title.h2.font-family-title-2 { background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px; }
.post-type-category-list.etablissement-chambres-et-suites-php .results-filter-container .post-type-category-item .wrapper .card-back,
.post-type-category-list.etablissement-chambres-et-suites-php .results-filter-container .post-type-category-item .wrapper .card-front .dark-1:after {
background-color: rgba(0, 0, 0, 0);
}
.post-type-category-list.etablissement-chambres-et-suites-php .results-filter-container .post-type-category-item .wrapper .card-back .get_the_title.h2.font-family-title-2,
.post-type-category-list.etablissement-chambres-et-suites-php .results-filter-container .post-type-category-item .wrapper .card-front .get_the_title.h2.font-family-title-2 {
background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px;
background: linear-gradient(to left, rgba(0,0,0,0), rgba(30,30,30,0.5) 25%, rgba(30,30,30,0.5) 75%, rgba(0,0,0,0) 100%);
}
.list-post-type-hebergements .slick-four-slides .slide { background-color: rgba(0, 0, 0, 0); }
.list-post-type-hebergements .slick-four-slides .slide .get_the_title.h2.font-family-title-2 {
background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px;
}
.tmp-accueil .list-post-type-taxonomy-offres_category .slick-four-slides .slide { background-color: rgba(0, 0, 0, 0); }
body.etablissements-template-default .results-filter-container .wrapper .get_the_title,
body.etablissements-template-default .slick-three-slides .slide .card-front .get_the_title,
body.etablissements-template-default .slick-three-slides .slide .card-back .full-width,
body.etablissements-template-default .slick-three-slides .slide .card-back .auxiliar-1,
body.etablissements-template-default .slick-three-slides .slide .card-back .auxiliar-2,
.list-post-type-hebergements .slick-four-slides .slide .get_the_title.h2 {
background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px;width: auto;
background: linear-gradient(to left, rgba(0,0,0,0), rgba(30,30,30,0.5) 25%, rgba(30,30,30,0.5) 75%, rgba(0,0,0,0) 100%);
}
.list-post-type-hebergements .slick-four-slides .slide .card-back { background-color: rgba(30,255,30,0); }
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides.aside-left .slide:hover .card-back,
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides-offres-page.aside-left .slide:hover .card-back,
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides.aside-right .slide:hover .card-back {
background-color: rgba(255,30,30,0);
}
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides.aside-left .card-front .dark-1:after { background-color: rgba(0, 0, 0, 0); }
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides.aside-left .card-front .get_the_title.color-white .h2 { margin: 0 !important; }
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides.aside-left .card-front .get_the_title.color-white {
background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px !important;
background: linear-gradient(to left, rgba(0,0,0,0), rgba(30,30,30,0.5) 25%, rgba(30,30,30,0.5) 75%, rgba(0,0,0,0) 100%);
}
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides .card-back .full-width,
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides .card-back .auxiliar-1,
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides .card-back .auxiliar-2 {
background-color: rgba(30,30,30,0.2);display: inline-block;padding: 5px 10px;
}
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides .card-back .auxiliar-1,
.modele_pages_etablissements_a_voir_a_faire .slick-three-slides .card-back .auxiliar-2 {
padding-bottom: 40px;
}
#megamenu-photos { }
#megamenu-photos .display-region.is-flex-center { width: calc(100% - 15px); }
#megamenu-photos .display-region.is-flex-center .text-align-center.padding-20px .filter-auxiliar {
background-color: rgba(30,30,30,0.7);padding: 5px 10px !important;
background: linear-gradient(to left, rgba(0,0,0,0), rgba(30,30,30,0.7) 25%, rgba(30,30,30,0.7) 75%, rgba(0,0,0,0) 100%);
}
#accordion-accordion {
margin:0 auto;
}
#accordion-accordion.onload-hide {
opacity: 0;
height: 0;
overflow: hidden;
}
.accordion-menu .accordion-header:hover {
transition: all .35s;
opacity: .5;
}
.accordion-header {
border-bottom: 1px solid rgba(0,0,0,.2);
display: flex;
cursor: pointer;
padding: 10px;
}
.accordion-header.active { border-bottom: 1px solid rgba(0,0,0,0) !important; }
.accordion-title {
flex: 1;
display: flex;
align-items: center;
padding-left: 20px;
}
.accordion-icon {
width: 25px;
height: 25px;
background-color: rgba(0,0,0,.5);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 21px;
}
.accordion-content { padding: 10px; }
.accordion-content img.image_reponse {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 300px;
}
.accordion-content-wrapper {
transition: all .35s;
opacity: 0.2;
overflow: hidden;
}
.accordion-content-wrapper.active {
opacity: 1;
border-bottom: 1px solid rgba(0,0,0,.2);
}
@media screen and (max-width: 480px) {
.accordion-content img.image_reponse {
float: none;
width: 100%;
}
}
.archive-articles-programme .container .columns .column img,
.programme_de_fidelite_page_h2 .container .columns .column img{
width: 100%;
/*max-width: 750px;*/
}
/*
.slick-four-slides .slide .card-back .etablissement_extrait, .slick-two-slides .slide .card-back .etablissement_extrait {
bottom: inherit;
}
.slick-four-slides .slide .card-back, .slick-two-slides .slide .card-back {
display: flex;
align-items: center;
justify-content: center;
}
*/
.list-post-type-hebergements .list-post-type .card-front { top: calc(50% - 20px) !important;height: 40px !important; }
body.etablissements-template-default.single-etablissements .list-post-type.list-post-type-offres .slick-three-slides .slide .card-back .action-button.variant-1:hover {
background-color: var(--color-1) !important;
}
.insta-gallery-actions,
.insta-gallery-feed .insta-gallery-list .insta-gallery-item:nth-child(n+7) { display: none !important; }
.insta-gallery-feed .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3, .qligg-mfp-wrap .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3 {
width: 16.66% !important;
}
@media screen and (max-width: 1024px) {
.insta-gallery-feed .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3, .qligg-mfp-wrap .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3 {
width: 20% !important;
}
.insta-gallery-feed .insta-gallery-list { padding-left: 20px;padding-right: 20px; }
}
@media screen and (max-width: 480px) {
.insta-gallery-feed .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3, .qligg-mfp-wrap .insta-gallery-list .insta-gallery-item.insta-gallery-cols-3 {
width: 50% !important;
}
.insta-gallery-feed .insta-gallery-list { padding-left: 0;padding-right: 0; }
}
.destination_items_unordered_list {
list-style: none;
text-align: center;
padding: 20px;
}
.destination_items_unordered_list li { display: inline-block; }
.destination_items_unordered_list li:after { content: '/';padding-left: 5px;padding-right: 5px; }
.destination_items_unordered_list li:last-child:after { content: ''; }
.destination_items_unordered_list li a {
text-transform: uppercase;
font-weight: bolder;
}
@media screen and (max-width: 400px) {
body.home .container.list-post-type-themes .slick-four-slides { margin-top: 70px; }
}
.list-post-type.list-post-type-offres.position-relative.margin-top-60px
.slick-three-slides.slider-left.height-450px.aside-left { top: 40px; }
@media screen and (max-width: 1087px) {
.list-post-type.list-post-type-offres.position-relative.margin-top-60px { padding-bottom: 0; }
.list-post-type.list-post-type-offres.position-relative.margin-top-60px
.slick-three-slides.slider-left.height-450px.aside-left { top: 0;height: auto !important;margin-bottom: 0 !important;padding-bottom: 40px; }
}
.list-post-type.list-post-type-offres .background-color-4 {
height: 660px;
}
@media screen and (max-width: 2560px) {
.list-post-type.list-post-type-offres .background-color-4 {
height: 580px;
}
}
@media screen and (max-width: 1940px) {
.list-post-type.list-post-type-offres .background-color-4 {
height: auto;
}
}
@media screen and (max-width: 700px) {
#recherche-formulaire-mobile { }
#recherche-formulaire-mobile .recherche-formulaire-mobile-wrapper { flex-wrap: wrap; }
#recherche-formulaire-mobile .recherche-formulaire-mobile-wrapper .is-destination,
#recherche-formulaire-mobile .recherche-formulaire-mobile-wrapper .is-dates-de-sejour { width: 100% !important;margin: 10px 0;display: block !important; }
#recherche-formulaire-mobile .is-button-rechercher { margin-top: 15px; }
}
.daterangepicker .drp-buttons { display: none !important; }
iframe[name=ca-review-widget] { left: 0 !important;top: 50vh; }
body.home .acf-title.general-text.text-align-center .container h2.acf-title.h2.font-family-title-2 .font-size-48px.color-1 {
font-family: 'BeautySalon Script';
}
.column.is-formulaire-column.is-code-partenaire { display: none !important; }
.instagram-pictures #sbi_images { text-align: center;padding: 10px !important;display: flex !important;flex-wrap: wrap !important;gap: 0 !important; }
.instagram-pictures #sbi_images .sbi_item {
display: inline-block !important;
float: none !important;
}
.instagram-pictures #sbi_images .sbi_photo_wrap { padding: 10px !important; }
/*
.instagram-pictures #sbi_images .sbi_item:nth-child(n+6) { display: none !important; }
*/
@media screen and (max-width: 800px) {
.instagram-pictures #sbi_images .sbi_item { width: calc(33.33% - 10px) !important; }
}
@media screen and (max-width: 800px) {
.instagram-pictures #sbi_images .sbi_item { width: calc(50% - 10px) !important; }
}
@media screen and (max-width: 1367px) {
.slick-three-slides .slick-list li.slide .card-back .action-button.variant-3 {
padding: 10px;
border: 0 !important;
}
}
@media screen and (max-width: 1087px) {
.slick-three-slides .slick-list li.slide .card-back .action-button.variant-3 {
padding: 15px 40px;
}
}
.list-post-type-gallery .columns .column .list-post-type.list-post-type-gallery .container .columns .column.is-5-desktop.is-12-tablet {min-height: 500px;}
@media screen and (max-width: 1087px) {
.list-post-type-gallery .columns .column .list-post-type.list-post-type-gallery .container .columns .column.is-5-desktop.is-12-tablet {min-height: initial;}
}
.h1-hidden {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}
/*
ul.wpml-ls-sub-menu li.wpml-ls-item-partweb,
ul.wpml-ls-sub-menu li.wpml-ls-item-parten { display: none !important; }
body.language-is-partweb #langue,
body.language-is-parten #langue { opacity: 0;pointer-events: none; }
*/
body.language-is-partweb .custom-logo,
body.language-is-parten .custom-logo { margin-top: 40px; }
.partenaires_data_top_info {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 13px 0;
background-color: #f5e7dc;
}
body.language-is-fr .only-language-is-en,
body.language-is-en .only-language-is-fr,
body.language-is-partweb .only-language-is-en,
body.language-is-parten .only-language-is-fr { display: none; }
body.language-is-fr .only-language-is-fr,
body.language-is-en .only-language-is-en,
body.language-is-partweb .only-language-is-en,
body.language-is-parten .only-language-is-en { display: inline-block; }
body.language-is-en .only-language-is-en { display: inline-block; }
body.language-is-en .only-language-is-fr { display: none; }
body.language-is-fr .only-language-is-fr,
body.language-is-partweb .only-language-is-fr { display: inline-block; }
body.language-is-fr .only-language-is-en,
body.language-is-partweb .only-language-is-en { display: none; }
#partner-register form label span { /*color:*/ }
body.page-template-tmp-partenaires-login.page-template-templatestmp-partenaires-login-php.is-not-partner .level-right.menu-top-right,
body.page-template-tmp-partenaires-login.page-template-templatestmp-partenaires-login-php.is-not-partner .level-item.menu-top-right,
body.page-template-tmp-partenaires-login.page-template-templatestmp-partenaires-login-php.is-not-partner #formHome {
display: none;
}
#recherche-formulaire .type-residence,
#recherche-formulaire_chambre .type-residence,
#recherche-formulaire[data-chambres-appartements="appartements"] .type-hotel,
#recherche-formulaire_chambre[data-chambres-appartements="appartements"] .type-hotel { display: none; }
#recherche-formulaire[data-chambres-appartements="appartements"] .type-residence,
#recherche-formulaire_chambre[data-chambres-appartements="appartements"] .type-residence { display: block; }