@charset "UTF-8";
/** __ __ _
| \/ | __ _(_)___ ___ _ __
| |\/| |/ _` | / __|/ _ \| '_ \
| | | | (_| | \__ \ (_) | | | |
|_|__|_|\__,_|_|___/\___/|_| |_|
| ___| __ __ _ _ __ ___ ___
| |_ | '__/ _` | '_ \ / __/ _ \
| _|| | | (_| | | | | (_| __/
|_| |_| \__,_|_| |_|\___\___| _
/ ___|___ _ __ / _| ___ _ __| |_
| | / _ \| '_ \| |_ / _ \| '__| __|
| |__| (_) | | | | _| (_) | | | |_
\____\___/|_| |_|_| \___/|_| \__|
__ _____ _ _ ____ ___ ____ ___
\ \ |_ _|__ _ __ ___ _ __ | | __ _| |_ ___ |___ \ / _ \___ \ / _ \
\ \ | |/ _ \ '_ ` _ \| '_ \| |/ _` | __/ _ \ __) | | | |__) | | | | By Entities.fr
/ / | | __/ | | | | | |_) | | (_| | || __/ / __/| |_| / __/| |_| |
/_/ |_|\___|_| |_| |_| .__/|_|\__,_|\__\___| |_____|\___/_____|\___/ V. 1
|_|
*/
/*
--------------------------------
AU MENU :
--------------------------------
• Reboot pour l'uniformisation
• Configuration
• Modules externes
• Core Libraries
• Grille
• Layout
• Components
• Pages
• DEV
• Après le style
--------------------------------
*/
/* ------------------------------------ */
/* ==Uniformisation des éléments HTML */
/* ------------------------------------ */
/*
Ne pas modifier ce fichier
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
body abbr[title], body abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
body abbr.is-quiet[title] {
cursor: inherit;
border-bottom: none;
text-decoration: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
:root {
--font-icon-base: "icon-mfc";
}
/* ----------------------------- */
/* ==Fonts */
/* ----------------------------- */
/*
Chargement des fonts du thème
------
Garder léger pour ne pas charger le thème enfant
dans le cas où il utiliserait d'autres fonts
------
Activer seulement les variantes de polices
qui sont utilisées sur le site
------
Merci de bien configurer
font-style: normal;
font-weight: 100;
et d'éviter la multiplication des font-familly-names
qui désigneraient des variantes de polices, comme :
````
@font-face {
font-family: 'Montserrat';
font-style: normal;
...
@font-face {
font-family: 'MontserratBold'; <- Beurk !
font-style: normal; <- idem…
...
````
Beurk et pas pratique.
*/
/* Montserrat */
/* montserrat-100 - latin-ext_latin */
/* montserrat-300 - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
src: local("Montserrat Light"), local("Montserrat-Light"), url(fonts/9f3310c3dedeae46f2d45aaeda8ca735.woff2) format("woff2"), url(fonts/6210daaa947e5c9462828ac1bc154c9f.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-300italic - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 300;
src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url(fonts/f8e9bc0d46c272beb284ebc9140651db.woff2) format("woff2"), url(fonts/c1d1965298f01027c24b82953936829e.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(fonts/20f97c00e6ed7cf6dd254348adafbc03.woff2) format("woff2"), url(fonts/1d5c95e94471631656269370c5a25ec0.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 400;
src: local("Montserrat Italic"), local("Montserrat-Italic"), url(fonts/350ab68393fae38aa7557df78c6f2454.woff2) format("woff2"), url(fonts/137df1ea1fbfd40fe908f58120cdf60a.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: local("Montserrat Medium"), local("Montserrat-Medium"), url(fonts/efcc6374aebc03779d15c7a0576ead21.woff2) format("woff2"), url(fonts/e3250874a7417f6a75c7b8e4723310a9.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500italic - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 500;
src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url(fonts/a3360fddf35c1288b230ff0aa4f76421.woff2) format("woff2"), url(fonts/036091f58cd5d1ddbbd60226da15fba2.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/49afe0944b1ded43f13f9b232c0627a0.woff2) format("woff2"), url(fonts/dd33695b7e991c7e30355fe3f017fb7e.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - latin-ext_latin */
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 700;
src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url(fonts/a9cc05daa98c9c4357399aa7db1d430e.woff2) format("woff2"), url(fonts/415bdfa07ae5716891f21bf9ef558bac.woff) format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ----------------------------- */
/* ==Icônes du thèmme (parent) */
/* ----------------------------- */
/*
Font générée avec Icomoon
> https://icomoon.io/app/#/select/font
*/
@font-face {
font-family: "icon-mfc";
src: url(fonts/4ca43aa22d20addbee1c8b2654372d8d.woff2) format("woff2"), url(fonts/177048300ecf013d191f92e02e0dd597.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-g-],
[class*=" icon-g-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icon-mfc" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-g-geolocalisation:before {
content: "";
}
.icon-g-tri:before {
content: "";
}
.icon-g-moteur:before {
content: "";
}
.icon-g-agence-contour:before {
content: "";
}
.icon-g-check:before {
content: "";
}
.icon-g-tel-contour:before {
content: "";
}
.icon-g-compte:before {
content: "";
}
.icon-g-plus:before {
content: "";
display: inline-block;
transform: rotate(45deg) scale(0.9);
transform-origin: center center;
}
.icon-g-fermer:before {
content: "";
}
.icon-g-fleche-bas:before {
content: "";
}
.icon-g-fleche-droite:before {
content: "";
}
.icon-g-fleche-gauche:before {
content: "";
}
.icon-g-fleche-alt:before,
.icon-g-fleche-alt-right:before,
.icon-g-fleche-vignette:before {
content: "";
}
.icon-g-fleche-alt-left:before {
content: "";
transform: scaleX(-1);
display: inline-block;
}
.icon-g-fleche-top:before {
content: "";
transform: rotate(-90deg);
display: inline-block;
}
.icon-g-fleche-bottom:before {
content: "";
transform: rotate(90deg);
display: inline-block;
}
.icon-g-photo:before {
content: "";
}
.icon-g-partage:before {
content: "";
}
.icon-g-favoris:before {
content: "";
}
.icon-g-telecharger:before {
content: "";
}
.icon-g-plans:before {
content: "";
}
.icon-g-visite-virtuelle:before {
content: "";
}
.icon-g-agrandir:before {
content: "";
}
.icon-g-menu:before {
content: "";
font-size: 0.65em;
}
.icon-g-close-menui:before {
content: "";
}
.icon-g-linkedin:before {
content: "";
}
.icon-g-pinterest:before {
content: "";
}
.icon-g-twitter:before {
content: "";
}
.icon-g-instagram:before {
content: "";
}
.icon-g-facebook:before {
content: "";
}
.icon-g-phone:before {
content: "";
font-size: 1.15em;
}
.icon-g-question:before {
content: "";
}
.icon-g-exclamation:before {
content: "";
}
.icon-g-home-1:before {
content: "";
}
.icon-g-home-heart:before {
content: "";
}
.icon-g-bulle--start-t-r:before {
content: "";
color: #bcbcbc;
}
.icon-g-profil:before {
content: "";
}
.icon-g-poubelle:before {
content: "";
}
.icon-g-loupe:before {
content: "";
}
.icon-g-signout:before {
content: "";
}
.icon-g-youtube:before {
content: "";
}
.icon-g-vimeo:before {
content: "";
}
.icon-g-viadeo:before {
content: "";
}
.icon-g-dailymotion:before {
content: "";
}
.icon-g-tiktok:before {
content: "";
}
.icon-g-houzz:before {
content: "";
}
/* ----------------------------- */
/* ==Base (basic styles) */
/* ----------------------------- */
/*
Attention : c'est généralement pas par là qu'il faut modifier des styles…
*/
/* Désactiver les animations quand reduced rotion est activé (options du système de l'utilisateur) */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation: none !important;
transition: none !important;
}
}
/* switching to border-box model for all elements */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
/* avoid min-width: auto on flex and grid children */
min-width: 0;
min-height: 0;
}
html,
body {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html,
body {
scroll-behavior: auto;
}
}
html {
/* set base font-size to equiv "10px", which is adapted to rem unit */
font-size: 62.5%;
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
font-size: calc(1em * 0.625);
}
body {
margin: 0;
font-size: 1.5rem;
background-color: var(--color-light);
color: #212529;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.579;
font-weight: var(--weight-medium);
}
@media (min-width: 576px) {
body {
font-size: 1.5rem;
}
}
/* Liens */
a {
color: #333;
text-decoration: underline;
}
a:focus, a:hover, a:active {
color: #0d0d0d;
text-decoration: underline;
}
/* Headings */
h1, .h1-like {
font-size: 2.8rem;
font-weight: 500;
line-height: 1.25;
}
@media (min-width: 576px) {
h1, .h1-like {
font-size: 3.2rem;
}
}
h2, .h2-like {
font-size: 2.4rem;
font-weight: 500;
line-height: 1.25;
}
@media (min-width: 576px) {
h2, .h2-like {
font-size: 2.8rem;
}
}
h3, .h3-like {
font-size: 2rem;
font-weight: 500;
line-height: 1.25;
}
@media (min-width: 576px) {
h3, .h3-like {
font-size: 2.4rem;
}
}
h4, .h4-like {
font-size: 1.8rem;
font-weight: 500;
}
@media (min-width: 576px) {
h4, .h4-like {
font-size: 2rem;
}
}
h5, .h5-like {
font-size: 1.6rem;
font-weight: 500;
}
@media (min-width: 576px) {
h5, .h5-like {
font-size: 1.8rem;
}
}
h6, .h6-like {
font-size: 1.4rem;
font-weight: 500;
}
@media (min-width: 576px) {
h6, .h6-like {
font-size: 1.6rem;
}
}
.p-like {
font-size: 1em;
font-weight: inherit;
}
/* Vertical rythm */
h1,
h2,
h3,
h4,
h5,
h6,
dd {
margin-top: 0;
margin-bottom: 0.5rem;
}
p,
address,
ol,
ul,
dl,
blockquote,
pre {
margin-top: 0;
margin-bottom: 1rem;
}
/* Avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol,
ol ol,
ul ul {
margin-top: 0;
margin-bottom: 0;
}
/* Max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
max-width: 100%;
}
.cmplz-video {
width: 100%;
}
img {
height: auto;
}
/* Styling elements */
ul,
ol {
padding-left: 2em;
}
img {
vertical-align: middle;
}
em,
.italic,
address,
cite,
i,
var {
font-style: italic;
}
em.is-quiet {
font-style: inherit;
}
strong.is-quiet {
font-weight: inherit;
}
code,
kbd,
mark {
border-radius: 2px;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
pre {
tab-size: 2;
}
code {
padding: 2px 4px;
background: rgba(0, 0, 0, 0.04);
color: #b11;
}
pre code {
padding: 0;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding: 2px 4px;
}
sup,
sub {
vertical-align: 0;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
blockquote {
position: relative;
padding-left: 3em;
min-height: 2em;
}
blockquote::before {
content: "“";
position: absolute;
left: 0;
top: 0;
font-family: georgia, serif;
font-size: 5em;
height: 0.4em;
line-height: 0.9;
color: #e7e9ed;
}
blockquote > footer {
margin-top: 0.75em;
font-size: 0.9em;
color: rgba(0, 0, 0, 0.7);
}
blockquote > footer::before {
content: "— ";
}
q {
font-style: normal;
}
q,
.q {
quotes: "“" "”" "‘" "’";
}
q:lang(fr),
.q:lang(fr) {
quotes: "« " " »" "“" "”";
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}
blockquote,
figure {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
code,
pre,
samp,
kbd {
white-space: pre-wrap;
font-family: consolas, courier, monospace;
line-height: normal;
}
.highlight,
.highlighted,
.post-type-archive-entities_catalog .detail-item-agency .card-title-town,
.model-detail .detail-item-agency .card-title-town,
.agency-detail .detail-item-agency .card-title-town,
.single-entities_advice .detail-item-agency .card-title-town,
.single-entities_actuality .detail-item-agency .card-title-town,
.single-entities_land_houses .detail-item-agency .card-title-town,
.single-entities_event .detail-item-agency .card-title-town,
.single-entities_realization .detail-item-agency .card-title-town,
.single-entities_prestapack .detail-item-agency .card-title-town,
.form-page .detail-item-agency .card-title-town,
.edito-page .detail-item-agency .card-title-town,
.customer-reviews .detail-item-agency .card-title-town,
.title-section .highlight,
.title-section .highlighted {
z-index: 0;
position: relative;
display: inline-block;
}
.highlight::before,
.highlighted::before,
.post-type-archive-entities_catalog .detail-item-agency .card-title-town::before,
.model-detail .detail-item-agency .card-title-town::before,
.agency-detail .detail-item-agency .card-title-town::before,
.single-entities_advice .detail-item-agency .card-title-town::before,
.single-entities_actuality .detail-item-agency .card-title-town::before,
.single-entities_land_houses .detail-item-agency .card-title-town::before,
.single-entities_event .detail-item-agency .card-title-town::before,
.single-entities_realization .detail-item-agency .card-title-town::before,
.single-entities_prestapack .detail-item-agency .card-title-town::before,
.form-page .detail-item-agency .card-title-town::before,
.edito-page .detail-item-agency .card-title-town::before,
.customer-reviews .detail-item-agency .card-title-town::before,
.title-section .highlight::before,
.title-section .highlighted::before {
content: "";
z-index: -1;
position: absolute;
left: 0;
bottom: -0.05ex;
right: 0;
height: 1ex;
background-color: var(--color-highlighted_txt);
}
.code-snippet {
width: 100%;
overflow-x: auto;
border-radius: 10px;
padding: 10px;
background-color: #200d63;
color: #ea9cfd;
box-shadow: 0 1px 1.6px rgba(0, 0, 0, 0.024), 0 2.6px 4.5px rgba(0, 0, 0, 0.035), 0 6.3px 10.9px rgba(0, 0, 0, 0.046), 0 21px 36px rgba(0, 0, 0, 0.07);
}
/* ligne de séparation avec un texte centré */
.separator {
position: relative;
margin: 3em 0;
font-size: 0.736842105em;
text-align: center;
line-height: 1;
overflow: visible;
}
.separator::before {
content: "";
position: absolute;
top: 0.5em;
left: 0;
right: 0;
border-bottom: 1px solid var(--forms-color);
}
.separator > * {
position: relative;
display: inline-block;
padding: 0 2em;
background-color: #fff;
}
/* ----------------------------- */
/* ==Print (quick print reset) */
/* ----------------------------- */
@media print {
* {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
body {
width: auto;
margin: auto;
font-family: serif;
font-size: 12pt;
}
p,
.p-like,
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
blockquote,
label,
ul,
ol {
color: #000;
margin: auto;
}
.print {
display: block;
}
.no-print {
display: none;
}
/* no orphans, no widows */
p,
.p-like,
blockquote {
orphans: 3;
widows: 3;
}
/* no breaks inside these elements */
blockquote,
ul,
ol {
page-break-inside: avoid;
}
/* page break before main headers
h1,
.h1-like {
page-break-before: always;
}
*/
/* no breaks after these elements */
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
caption {
page-break-after: avoid;
}
a {
color: #000;
}
/* displaying URLs
a[href]::after {
content: " (" attr(href) ")";
}
*/
a[href^="javascript:"]::after,
a[href^="#"]::after {
content: "";
}
}
/* ----------------------------------- */
/* ==Global Micro Layout */
/* ----------------------------------- */
/*
1. Travail sur les conteurs et box
• Tailles des conteneurs
• Thèmes graphiques de conteneurs
2. Contenus au fil de chaque page
-------------------------------------- */
/*#region Tailles des conteneurs */
[class^=wrapper] {
margin-right: auto;
margin-left: auto;
}
.wrapper {
margin-left: var(--layout-wrapper-medium-margin-left);
margin-right: var(--layout-wrapper-medium-margin-right);
}
.wrapper-s {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-right);
}
.wrapper-l, .breadcrumb {
margin-left: var(--layout-wrapper-large-margin-left);
margin-right: var(--layout-wrapper-large-margin-right);
}
.wrapper-fullwidth, body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__track {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
@media screen and (max-width: 576px) {
.wrapper-fullwidth-small {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
}
@media (max-width: 575px) {
.wrapper-fullwidth-small-up {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
}
/*#region Thèmes graphiques de conteneurs */
.box-theme-fractal {
--this-fractal-color-bg: var(--color-smoke);
position: relative;
padding-top: 4em;
padding-bottom: 4em;
}
.box-theme-fractal-1 {
padding-top: 3em;
padding-bottom: 3em;
}
.box-theme-fractal-1::before {
content: "";
z-index: -5;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='507.59'><path fill='var(--this-fractal-color-bg, rgb(244,244,244))' d='M0 485.922V0l1920 50.73v425.062l-380.886 31.8z' data-name='Intersection 1'/></svg>");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.box-theme-fractal-1-snow::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='507.59'><path fill='var(--this-fractal-color-bg, rgb(255,255,255))' d='M0 485.922V0l1920 50.73v425.062l-380.886 31.8z' data-name='Intersection 1'/></svg>");
}
.box-theme-fractal-1.transparent {
background-color: transparent;
}
.box-theme-fractal-1.transparent:before {
display: none;
}
.box-theme-shapes {
--this-bg-hue: var(--color-primaryd, yellow);
background-image: url(images/shapes-bg.4c194a8.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
/*#endregion*/
/* Contenus de la page */
.main {
/* éviter les débordements dans le contenu */
max-width: 100%;
}
@media (min-width: 576px) {
.main {
flex: 1 0 auto;
}
}
/*#region Bradcrumb - Fil d'Ariane */
.breadcrumb {
padding: 1em 0;
color: var(--color-mediumdark-grey);
}
.breadcrumb-wrapper {
font-size: 0.78em;
z-index: 0;
margin-bottom: 1em;
}
@media (max-width: 767px) {
.breadcrumb-wrapper {
display: none;
}
}
.breadcrumb a {
text-decoration: none;
color: inherit;
}
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
color: var(--color-primary);
}
/*#endregion*/
/*#region Zone de titre */
.title-section .title-main {
font-weight: 400;
line-height: 1.25;
}
.title-section strong,
.title-section .txt-strong {
font-weight: 700;
}
.title-section mark,
.title-section .txt-highlighted {
background-color: var(--color-highlighted_txt);
}
/*#endregion*/
/* RGPD */
.cc-window {
/* styles for the popup banner */
padding: 1.5em 1.5em 2em;
box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.028), 0 0.8px 1.9px rgba(0, 0, 0, 0.031), 0 1.6px 3.9px rgba(0, 0, 0, 0.039), 0 3.3px 8px rgba(0, 0, 0, 0.048), 0 9px 22px rgba(0, 0, 0, 0.07);
border-radius: var(--notification-modal-radius, 0);
font-size: 0.9em;
}
/* styles for the message box */
/* styles for the dismiss button */
.cc-btn {
border-radius: var(--input-border-radius, 0);
}
/* styles for buttons */
/* styles for the accept button */
.cc-accept-all {
background-color: var(--color-primary);
color: #fff;
transition: all 0.3s ease;
}
/* styles for the accept all button */
/* styles for categories*/
/* styles for the checkboxes with categories */
/* styles for the revoke / settings popup */
/* styles for the checkboxes */
/* styles for the soft cookie wall */
body #cookie-law-info-bar {
padding-top: 1em;
background-color: var(--color-fake1) !important;
padding-left: var(--layout-wrapper-large-margin-left);
padding-right: var(--layout-wrapper-large-margin-right);
font-weight: 500;
--padding-b: calc( var(--safe-area-inset-bottom) + 0em );
padding-bottom: var(--padding-b);
}
body #cookie-law-info-bar .cli_settings_button {
margin-top: 0.5em;
padding: 0.8em 1em;
}
body #cookie-law-info-bar .cli-plugin-button,
body #cookie-law-info-bar .cli-plugin-button:visited,
body #cookie-law-info-bar .medium.cli-plugin-button,
body #cookie-law-info-bar .medium.cli-plugin-button:visited {
margin-top: 0.5em;
border-radius: 1em;
padding: 0.8em 1.5em;
font-size: inherit;
}
/*#region Layout Flex via les classes */
/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flex-container, .flex-container--column-reverse,
.flex-column-reverse, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column,
.flex-column, .flex-container--row,
.flex-row,
.d-flex {
display: flex;
flex-wrap: wrap;
}
.flex-container--row,
.flex-row {
flex-direction: row;
}
.flex-container--column,
.flex-column {
flex-direction: column;
}
.flex-container--row-reverse,
.flex-row-reverse {
flex-direction: row-reverse;
justify-content: flex-end;
}
.flex-container--column-reverse,
.flex-column-reverse {
flex-direction: column-reverse;
justify-content: flex-end;
}
.flex-item-fluid,
.item-fluid {
flex: 1 1 0%;
}
.flex-item-first,
.item-first {
order: -1;
}
.flex-item-medium,
.item-medium {
order: 0;
}
.flex-item-last,
.item-last {
order: 1;
}
.flex-item-center,
.item-center,
.mr-auto {
margin: auto;
}
/*#endregion*/
/* ---------------------------------- */
/* ==Helpers */
/* ---------------------------------- */
/* Typo Helpers */
/* ------------- */
.u-bold {
font-weight: 700;
}
.u-italic {
font-style: italic;
}
.u-normal {
font-weight: normal;
font-style: normal;
}
.u-uppercase {
text-transform: uppercase;
}
.u-lowercase {
text-transform: lowercase;
}
.u-smaller {
font-size: 0.6em;
}
.u-small {
font-size: 0.8em;
}
.u-big {
font-size: 1.2em;
}
.u-bigger {
font-size: 1.5em;
}
.u-biggest {
font-size: 2em;
}
.u-txt-wrap {
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.u-txt-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
}
/* text and contents alignment */
.txtleft,
.u-txt-left {
text-align: left;
}
.txtright,
.u-txt-right {
text-align: right;
}
.txtcenter,
.u-txt-center {
text-align: center;
}
/* blocks that need to be placed under floats */
.clear,
.u-clear {
clear: both;
}
/* blocks that must contain floats */
.clearfix::after,
.u-clearfix::after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
/* simple blocks alignment */
.left,
.u-left {
margin-right: auto;
}
.right,
.u-right {
margin-left: auto;
}
.center,
.u-center {
margin-left: auto;
margin-right: auto;
}
/* Global Micro Layout */
/* ------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.u-mod,
.bfc,
.u-bfc {
overflow: hidden;
}
/* floating elements */
.fl,
.u-fl {
float: left;
}
img.fl,
img.u-fl {
margin-right: 1rem;
}
.fr,
.u-fr {
float: right;
}
img.fr,
img.u-fr {
margin-left: 1rem;
}
img.fl,
img.fr,
img.u-fl,
img.u-fr {
margin-bottom: 0.5rem;
}
/* inline-block */
.inbl,
.u-inbl {
display: inline-block;
vertical-align: top;
}
/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden,
.js-hidden,
[hidden] {
display: none;
}
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.sr-only, body.rendez-vous .form-step[data-step-type=rendez-vous-agency] input[type=radio], .card .detail-list .item-price .detail-name, .card .detail-area-house .detail-name, body .form-check-mewtoo input, body .filtered-list--filters-motor fieldset legend,
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
}
.sr-only-focusable:focus, .sr-only-focusable:active,
.visually-hidden-focusable:focus,
.visually-hidden-focusable:active {
clip: auto !important;
clip-path: none !important;
height: auto !important;
margin: auto !important;
overflow: visible !important;
width: auto !important;
white-space: normal !important;
}
.is-disabled,
.js-disabled,
[disabled],
.is-disabled ~ label,
[disabled] ~ label {
opacity: 0.5;
cursor: not-allowed !important;
filter: grayscale(1);
}
ul.is-unstyled, ul.unstyled {
list-style: none;
padding-left: 0;
}
.color--inverse {
color: var(--color-light);
}
/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w100 {
width: 100%;
}
.w95 {
width: 95%;
}
.w90 {
width: 90%;
}
.w85 {
width: 85%;
}
.w80 {
width: 80%;
}
.w75 {
width: 75%;
}
.w70 {
width: 70%;
}
.w65 {
width: 65%;
}
.w60 {
width: 60%;
}
.w55 {
width: 55%;
}
.w50 {
width: 50%;
}
.w45 {
width: 45%;
}
.w40 {
width: 40%;
}
.w35 {
width: 35%;
}
.w30 {
width: 30%;
}
.w25 {
width: 25%;
}
.w20 {
width: 20%;
}
.w15 {
width: 15%;
}
.w10 {
width: 10%;
}
.w5 {
width: 5%;
}
.w66 {
width: calc(100% / 3 * 2);
}
.w33 {
width: calc(100% / 3);
}
.wauto {
width: auto;
}
.w960p {
width: 960px;
}
.mw960p {
max-width: 960px;
}
.w1140p {
width: 1140px;
}
.mw1140p {
max-width: 1140px;
}
.w1000p {
width: 1000px;
}
.w950p {
width: 950px;
}
.w900p {
width: 900px;
}
.w850p {
width: 850px;
}
.w800p {
width: 800px;
}
.w750p {
width: 750px;
}
.w700p {
width: 700px;
}
.w650p {
width: 650px;
}
.w600p {
width: 600px;
}
.w550p {
width: 550px;
}
.w500p {
width: 500px;
}
.w450p {
width: 450px;
}
.w400p {
width: 400px;
}
.w350p {
width: 350px;
}
.w300p {
width: 300px;
}
.w250p {
width: 250px;
}
.w200p {
width: 200px;
}
.w150p {
width: 150px;
}
.w100p {
width: 100px;
}
.w50p {
width: 50px;
}
/* Spacing Helpers */
/* --------------- */
.man,
.ma0 {
margin: 0;
}
.pan,
.pa0 {
padding: 0;
}
.mas {
margin: 1rem;
}
.mam {
margin: 2rem;
}
.mal {
margin: 4rem;
}
.pas {
padding: 1rem;
}
.pam {
padding: 2rem;
}
.pal {
padding: 4rem;
}
.mtn,
.mt0 {
margin-top: 0;
}
.mts {
margin-top: 1rem;
}
.mtm {
margin-top: 2rem;
}
.mtl {
margin-top: 4rem;
}
.mrn,
.mr0 {
margin-right: 0;
}
.mrs {
margin-right: 1rem;
}
.mrm {
margin-right: 2rem;
}
.mrl {
margin-right: 4rem;
}
.mbn,
.mb0 {
margin-bottom: 0;
}
.mbs {
margin-bottom: 1rem;
}
.mbm {
margin-bottom: 2rem;
}
.mbl {
margin-bottom: 4rem;
}
.mln,
.ml0 {
margin-left: 0;
}
.mls {
margin-left: 1rem;
}
.mlm {
margin-left: 2rem;
}
.mll {
margin-left: 4rem;
}
.mauto {
margin: auto;
}
.mtauto {
margin-top: auto;
}
.mrauto {
margin-right: auto;
}
.mbauto {
margin-bottom: auto;
}
.mlauto {
margin-left: auto;
}
.ptn,
.pt0 {
padding-top: 0;
}
.pts {
padding-top: 1rem;
}
.ptm {
padding-top: 2rem;
}
.ptl {
padding-top: 4rem;
}
.prn,
.pr0 {
padding-right: 0;
}
.prs {
padding-right: 1rem;
}
.prm {
padding-right: 2rem;
}
.prl {
padding-right: 4rem;
}
.pbn,
.pb0 {
padding-bottom: 0;
}
.pbs {
padding-bottom: 1rem;
}
.pbm {
padding-bottom: 2rem;
}
.pbl {
padding-bottom: 4rem;
}
.pln,
.pl0 {
padding-left: 0;
}
.pls {
padding-left: 1rem;
}
.plm {
padding-left: 2rem;
}
.pll {
padding-left: 4rem;
}
/* -------------------------- */
/* ==Responsive helpers */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 992px) {
/* layouts for large screens */
.large-hidden {
display: none !important;
}
.large-visible {
display: block !important;
}
.large-no-float {
float: none;
}
.large-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for large screens */
.large-w25 {
width: 25% !important;
}
.large-w33 {
width: 33.333333% !important;
}
.large-w50 {
width: 50% !important;
}
.large-w66 {
width: 66.666666% !important;
}
.large-w75 {
width: 75% !important;
}
.large-w100,
.large-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for large screens */
.large-man,
.large-ma0 {
margin: 0 !important;
}
}
/* medium screens */
/* -------------- */
@media (min-width: 768px) and (max-width: 991px) {
/* layouts for medium screens */
.medium-hidden {
display: none !important;
}
.medium-visible {
display: block !important;
}
.medium-no-float {
float: none;
}
.medium-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for medium screens */
.medium-w25 {
width: 25% !important;
}
.medium-w33 {
width: 33.333333% !important;
}
.medium-w50 {
width: 50% !important;
}
.medium-w66 {
width: 66.666666% !important;
}
.medium-w75 {
width: 75% !important;
}
.medium-w100,
.medium-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for medium screens */
.medium-man,
.medium-ma0 {
margin: 0 !important;
}
}
/* small screens */
/* ------------- */
@media (min-width: 576px) and (max-width: 767px) {
/* layouts for small screens */
.small-hidden {
display: none !important;
}
.small-visible {
display: block !important;
}
.small-no-float {
float: none;
}
.small-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for small screens */
.small-w25 {
width: 25% !important;
}
.small-w33 {
width: 33.333333% !important;
}
.small-w50 {
width: 50% !important;
}
.small-w66 {
width: 66.666666% !important;
}
.small-w75 {
width: 75% !important;
}
.small-w100,
.small-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for small screens */
.small-man,
.small-ma0 {
margin: 0 !important;
}
.small-pan,
.small-pa0 {
padding: 0 !important;
}
}
/* tiny screens */
/* ------------ */
@media (max-width: 575px) {
/* quick small resolution reset */
.mod,
.col,
fieldset {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
.flex-container, .flex-container--row,
.flex-row, .flex-container--column,
.flex-column, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column-reverse,
.flex-column-reverse {
flex-direction: column;
}
/* layouts for tiny screens */
.tiny-hidden {
display: none !important;
}
.tiny-visible {
display: block !important;
}
.tiny-no-float {
float: none;
}
.tiny-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for tiny screens */
.tiny-w25 {
width: 25% !important;
}
.tiny-w33 {
width: 33.333333% !important;
}
.tiny-w50 {
width: 50% !important;
}
.tiny-w66 {
width: 66.666666% !important;
}
.tiny-w75 {
width: 75% !important;
}
.tiny-w100,
.tiny-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for tiny screens */
.tiny-man,
.tiny-ma0 {
margin: 0 !important;
}
.tiny-pan,
.tiny-pa0 {
padding: 0 !important;
}
}
/* ----------------------------- */
/* ==WordPress reset */
/* ----------------------------- */
/*
Author: Geoffrey Crofte, Alsacréations
Contributors: Automattic, Geoffrey Crofte
Description: Reset styles for WordPress usage of KNACSS
*/
.comment-navigation,
.paging-navigation,
.post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.alignnone {
margin: 0.25em 1.5em 1.5em 0;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto;
}
.alignleft {
float: left;
margin: 0 1.5em 0.25em 0;
}
.alignright {
float: right;
margin: 0 0 0.25em 1.5em;
}
.entry-content,
.comment-content {
clear: both;
}
.entry-content::after, .entry-content::before,
.comment-content::after,
.comment-content::before {
content: "";
display: table;
}
/* Les widgets */
.widget_nav_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_media_image {
text-align: center;
}
.widget + .widget {
margin: 1.5em 0 0;
}
.widget select {
max-width: 100%;
}
/* === 5.1 Posts - post_class === */
/* === 5.2 Pages - body_class === */
/* === 5.3 Posts and Pages - Contents === */
.hentry {
margin: 0 0 1.5em;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.comment-content a {
word-wrap: break-word;
}
img.wp-smiley {
margin-bottom: 0;
margin-top: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 0 auto;
}
.wp-caption-text {
margin: 1em 0;
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: top;
}
.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;
}
/* ----------------------------- */
/* ==Images */
/* ----------------------------- */
/*
Gestion des sprites
1. Charger le sprite svg en HTML dans la page :
{% include "./images/pictos-sprite.twig" %}
2. insérer avec l'ID du symbole :
````html
<svg class="picto-sprite">
<use xlink:href="#agence"></use>
</svg>
````
*/
.picto-sprite {
width: 1em;
height: 1em;
}
/* Exemple d'utilisation :
````html
<svg class="picto-sprite background-shapes" style="display:none;" width="0" height="0" aria-hidden="true" viewbox="0 0 320 667.99">
<use xlink:href="#svg-shapes"></use>
</svg>
````
*/
body .background-shapes {
display: block;
width: 100%;
height: auto;
}
.mejs-iframe-overlay {
pointer-events: none;
}
/* --------------------------------------- */
/* ==Grillade : ultra light Grid System */
/* --------------------------------------- */
/*
Grille de mise en forme
créée par Raphaël Goetter. Il y a plein de doc en ligne.
------
Ne pas modifier ce fichier, vraiment !
Ne pas attacher de style local à une classe utilitaire,
comme celles présentes dans ce fichier.
------
Pour modifier :
Ajouter votre classe locale pour styler cet élément
------
Pour modifier ce fichier :
Ta ! On a dit : pas de modification. Aucune.
Merci <3
*/
@media (min-width: 480px) {
[class*=" grid-"],
[class^=grid-] {
display: grid;
grid-auto-flow: dense;
}
[class*=" grid-"].has-gutter,
[class^=grid-].has-gutter {
grid-gap: 1rem;
}
[class*=" grid-"].has-gutter-l,
[class^=grid-].has-gutter-l {
grid-gap: 2rem;
}
[class*=" grid-"].has-gutter-xl,
[class^=grid-].has-gutter-xl {
grid-gap: 4rem;
}
}
.autogrid,
.grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
@media (min-width: 480px) {
.autogrid.has-gutter,
.grid.has-gutter {
grid-column-gap: 1rem;
}
.autogrid.has-gutter-l,
.grid.has-gutter-l {
grid-column-gap: 2rem;
}
.autogrid.has-gutter-xl,
.grid.has-gutter-xl {
grid-column-gap: 4rem;
}
}
[class*=grid-2] {
grid-template-columns: repeat(2, 1fr);
}
[class*=grid-3] {
grid-template-columns: repeat(3, 1fr);
}
[class*=grid-4] {
grid-template-columns: repeat(4, 1fr);
}
[class*=grid-5] {
grid-template-columns: repeat(5, 1fr);
}
[class*=grid-6] {
grid-template-columns: repeat(6, 1fr);
}
[class*=grid-7] {
grid-template-columns: repeat(7, 1fr);
}
[class*=grid-8] {
grid-template-columns: repeat(8, 1fr);
}
[class*=grid-9] {
grid-template-columns: repeat(9, 1fr);
}
[class*=grid-10] {
grid-template-columns: repeat(10, 1fr);
}
[class*=grid-11] {
grid-template-columns: repeat(11, 1fr);
}
[class*=grid-12] {
grid-template-columns: repeat(12, 1fr);
}
[class*=col-1] {
grid-column: auto/span 1;
}
[class*=row-1] {
grid-row: auto/span 1;
}
[class*=col-2] {
grid-column: auto/span 2;
}
[class*=row-2] {
grid-row: auto/span 2;
}
[class*=col-3] {
grid-column: auto/span 3;
}
[class*=row-3] {
grid-row: auto/span 3;
}
[class*=col-4] {
grid-column: auto/span 4;
}
[class*=row-4] {
grid-row: auto/span 4;
}
[class*=col-5] {
grid-column: auto/span 5;
}
[class*=row-5] {
grid-row: auto/span 5;
}
[class*=col-6] {
grid-column: auto/span 6;
}
[class*=row-6] {
grid-row: auto/span 6;
}
[class*=col-7] {
grid-column: auto/span 7;
}
[class*=row-7] {
grid-row: auto/span 7;
}
[class*=col-8] {
grid-column: auto/span 8;
}
[class*=row-8] {
grid-row: auto/span 8;
}
[class*=col-9] {
grid-column: auto/span 9;
}
[class*=row-9] {
grid-row: auto/span 9;
}
[class*=col-10] {
grid-column: auto/span 10;
}
[class*=row-10] {
grid-row: auto/span 10;
}
[class*=col-11] {
grid-column: auto/span 11;
}
[class*=row-11] {
grid-row: auto/span 11;
}
[class*=col-12] {
grid-column: auto/span 12;
}
[class*=row-12] {
grid-row: auto/span 12;
}
/* intermediate breakpoints */
@media (min-width: 480px) and (max-width: 767px) {
[class*=grid-][class*=-small-1] {
grid-template-columns: repeat(1, 1fr);
}
[class*=col-][class*=-small-1] {
grid-column: auto/span 1;
}
[class*=grid-][class*=-small-2] {
grid-template-columns: repeat(2, 1fr);
}
[class*=col-][class*=-small-2] {
grid-column: auto/span 2;
}
[class*=grid-][class*=-small-3] {
grid-template-columns: repeat(3, 1fr);
}
[class*=col-][class*=-small-3] {
grid-column: auto/span 3;
}
[class*=grid-][class*=-small-4] {
grid-template-columns: repeat(4, 1fr);
}
[class*=col-][class*=-small-4] {
grid-column: auto/span 4;
}
[class*=-small-all] {
grid-column: 1/-1;
}
}
.item-first {
order: -1;
}
.item-last {
order: 1;
}
.grid-offset {
visibility: hidden;
}
.col-all {
grid-column: 1/-1;
}
.row-all {
grid-row: 1/-1;
}
.header {
position: sticky;
transform-origin: left top;
top: 0;
z-index: 1000;
will-change: scroll-position;
/* Lorsque la nav passe en scroll :
- le comportement de sticky est délégué à CSS,
- JS ajoute tout de même une classe pour modifier l'affichage
*/
}
@media (min-width: 768px) {
.header {
flex: 0 0 auto;
box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.028), 0 0.8px 1.9px rgba(0, 0, 0, 0.031), 0 1.6px 3.9px rgba(0, 0, 0, 0.039), 0 3.3px 8px rgba(0, 0, 0, 0.048), 0 9px 22px rgba(0, 0, 0, 0.07);
}
}
.header-wrap {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
background-color: var(--color-header-bg-1);
color: var(--color-header-font);
}
@media (min-width: 992px) {
.header-wrap {
align-items: stretch;
}
}
@media (min-width: 768px) {
.header-wrap {
text-align: left;
}
}
.header-wrap > * {
flex: 0 1 auto;
}
.header-wrap button {
background-color: transparent;
padding-left: var(--layout-wrapper-large-margin-left);
padding-right: var(--layout-wrapper-large-margin-right);
}
.header-branding {
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
padding: calc( .5rem + 1vw ) 0;
}
@media (min-width: 992px) {
.header-branding {
flex: 1 1 auto;
justify-content: stretch;
max-width: 235px;
padding-left: var(--layout-wrapper-large-margin-left);
}
}
.header-branding .logo {
position: relative;
width: 90px;
margin: 0;
line-height: 0;
transition: all 0.4s ease;
}
.header-branding .logo img {
transition: all 0.4s ease;
}
@media (min-width: 768px) {
.header-branding .logo {
width: 162px;
}
}
.header-nav {
flex: 0 0 30%;
order: -1;
text-align: left;
}
@media (min-width: 992px) {
.header-nav {
flex: 1 1 auto;
order: inherit;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: stretch;
min-width: 32em;
font-size: 1.2em;
}
}
.header-nav-main {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: stretch;
/* Nav : niveau 2 */
/* Masquée */
/* lvl2 :
Déplier le dernier sous-menu aligné vers la gauche
quand les shortcuts sont masqués
(sinon, le sous-menu est en overflow) */
}
.header-nav-main-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.header-nav-main-item {
flex: 0 1 auto;
display: flex;
margin-right: 1.1em;
flex-flow: row nowrap;
align-items: stretch;
position: relative;
/* Il st en cours */
/* Il dispose de liens enfants */
}
@media (min-width: 768px) {
.header-nav-main-item {
margin-right: calc( 1em + .5vw);
}
}
.header-nav-main-item:hover .header-navigation-sub-wrapper {
max-height: 100vh;
}
.header-nav-main-item-link {
display: flex;
align-items: center;
position: relative;
text-decoration: none;
vertical-align: middle;
color: var(--color-base);
box-shadow: 0 1px 0 transparent inset;
transition: all 0.3s ease;
font-size: 1.3rem;
}
@media screen and (min-width: 1110px) {
.header-nav-main-item-link {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1200px) {
.header-nav-main-item-link {
font-size: 1.2rem;
}
}
@media screen and (min-width: 1300px) {
.header-nav-main-item-link {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1400px) {
.header-nav-main-item-link {
font-size: 1.6rem;
}
}
@media screen and (min-width: 1500px) {
.header-nav-main-item-link {
font-size: 1.8rem;
}
}
.header-nav-main-item-link:hover, .header-nav-main-item-link:focus, .header-nav-main-item-link:active {
text-decoration: none;
color: var(--nav-main-hover-color);
box-shadow: 0 5px 0 var(--nav-main-hover-color) inset;
}
.header-nav-main-item-link:hover:before, .header-nav-main-item-link:focus:before, .header-nav-main-item-link:active:before {
right: 0;
}
.header-nav-main-item.is-current > *:first-child {
box-shadow: 0 5px 0 var(--nav-main-active-color) inset;
}
.header-nav-main-item.is-current > *:first-child:hover, .header-nav-main-item.is-current > *:first-child:focus, .header-nav-main-item.is-current > *:first-child:active {
text-decoration: none;
color: var(--nav-main-link-color);
}
.header-nav-main-item.parent {
/* Décaller la flèche vers le bas en hover */
}
.header-nav-main-item.parent > *:first-child::after {
content: "";
margin: 0 0 0 1em;
padding-top: 0.5ex;
font-size: 0.35em;
font-family: var(--font-icon-base);
transition: all 0.3s ease-out;
}
.header-nav-main-item.parent:hover > *:first-child, .header-nav-main-item.parent:focus > *:first-child {
text-decoration: none;
color: var(-color-nav-main-hover);
box-shadow: 0 5px 0 var(--nav-main-hover-color) inset;
}
.header-nav-main-item.parent:hover > *:first-child::after, .header-nav-main-item.parent:focus > *:first-child::after {
translate: 0 0.5em;
}
.header-nav-main-lvl2 {
z-index: -1;
position: absolute;
top: 100%;
left: 0;
height: 0;
max-height: 0;
padding: 0 0 5px 0;
background-color: var(--nav-main-lvl2-bg);
font-size: 0.95em;
box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.028), 0 0.8px 1.9px rgba(0, 0, 0, 0.031), 0 1.6px 3.9px rgba(0, 0, 0, 0.039), 0 3.3px 8px rgba(0, 0, 0, 0.048), 0 9px 22px rgba(0, 0, 0, 0.07);
overflow: hidden;
opacity: 0.01;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
transform: translate(0, -2em);
transition: max-height ease-in-out 0.35s, transform ease-in 0.2s, opacity ease-out 0.5s;
}
.header-nav-main-lvl2-item {
display: flex;
flex-direction: column;
width: auto;
min-width: 100%;
padding: 0;
}
.header-nav-main-lvl2-link {
display: block;
text-decoration: none;
margin: 0.1em 0.3em;
padding: 0.3em 0.6em;
transition: background-color 0.3s ease;
border-radius: 10px;
}
.header-nav-main-lvl2-link:hover, .header-nav-main-lvl2-link:focus, .header-nav-main-lvl2-link:active {
background-color: var(--nav-main-lvl2--hover_bg);
text-decoration: none;
color: var(--color-secondary);
}
@media (max-width: 1199px) {
.header-nav-main-item:last-child .lvl2 {
left: auto;
right: 0;
}
}
@media (min-width: 992px) {
.header-nav-main-item:hover .lvl2, .header-nav-main-item:focus .lvl2 {
width: auto;
min-width: 15em;
height: auto;
max-height: 100vh;
opacity: 1;
clip: auto !important;
clip-path: none !important;
transform: translate(0, 0);
}
}
.header-shortcuts {
flex: 0 0 30%;
font-size: 0.78em;
line-height: 1.5;
text-align: right;
/*#region Nav : niveau 2 */
/* Masquée */
}
@media (min-width: 992px) {
.header-shortcuts {
flex: 0 1 auto;
}
}
.header-shortcuts-list {
margin: 0;
text-align: center;
display: grid;
grid-auto-flow: column;
pointer-events: none;
/* Apparition déplié sur mobile */
}
@media (max-width: 1199px) {
.header-shortcuts-list {
max-height: 0;
opacity: 0;
position: fixed;
top: 2em;
left: var(--layout-wrapper-large-margin-left);
right: var(--layout-wrapper-large-margin-right);
padding-bottom: 1em;
background-color: var(--nav-main-bg);
border-radius: 0.4em;
transition: all 0.4s ease;
box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.028), 0 0.8px 1.9px rgba(0, 0, 0, 0.031), 0 1.6px 3.9px rgba(0, 0, 0, 0.039), 0 3.3px 8px rgba(0, 0, 0, 0.048), 0 9px 22px rgba(0, 0, 0, 0.07);
/* Bulle */
}
.header-shortcuts-list::before {
content: "";
position: absolute;
top: 0;
right: 25px;
font-family: var(--font-icon-base);
font-size: 16px;
line-height: 16px;
color: var(--nav-main-bg);
transition: all 0.4s ease;
}
}
@media (min-width: 1200px) {
.header-shortcuts-list {
pointer-events: all;
line-height: 1.3;
height: 100%;
box-shadow: none;
}
}
.header-shortcuts-list.is-expanded {
pointer-events: all;
}
@media (max-width: 1199px) {
.header-shortcuts-list.is-expanded {
top: 5em;
opacity: 1;
max-height: 100vh;
margin-top: 0.66667em;
/* bulle */
}
.header-shortcuts-list.is-expanded::before {
top: -16px;
}
}
.header-shortcuts-item {
flex: 1;
position: relative;
/* Types des shortcuts */
}
@media (min-width: 1200px) {
.header-shortcuts-item {
border-left: 1px solid #dcdcdc;
}
}
.header-shortcuts-item.item {
/* Déconnexion */
}
@media (max-width: 991px) {
.header-shortcuts-item.item-profile {
display: none;
}
}
.header-shortcuts-item.item-logout a {
color: var(--color-black);
}
.header-shortcuts-item.item-logout a:hover, .header-shortcuts-item.item-logout a:focus, .header-shortcuts-item.item-logout a:active {
color: var(-color-theme-red-darker);
}
.header-shortcuts-link {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: center;
height: 100%;
padding: 11px 1em;
text-decoration: none;
transition: all 0.75s ease-in-out;
color: var(--nav-shortcuts-links-color, #001f45);
}
.header-shortcuts-link:first-child {
border-left: 0 none;
}
.header-shortcuts-link .icon {
flex: 1 1 auto;
font-size: 2.601969058em;
line-height: 0.8;
color: var(--nav-shortcuts-icons-color, --color-primary);
}
.logged-in .menu-item-object-entities_account .header-shortcuts-link > .icon {
color: var(--color-warning);
}
.header-shortcuts-link .icon img {
height: 35px;
}
.header-shortcuts-link .label {
flex: 1 1 auto;
position: relative;
max-height: 5em;
transition: all 0.3s ease;
opacity: 1;
}
.header-shortcuts-link .label-line {
position: relative;
display: block;
transition: all 0.2s ease-out;
}
.header-shortcuts-link .label-line:before, .header-shortcuts-link .label-line:after {
content: "";
position: absolute;
bottom: -1px;
width: 1.5ch;
height: 2px;
margin: 5px 0 0;
transition: all 0.3s ease;
background-color: var(--nav-shortcuts-accent-color, --color-secondary, #000);
}
.header-shortcuts-link .label-line:before {
left: 50%;
}
.header-shortcuts-link .label-line:after {
right: 50%;
}
.header-shortcuts-link:hover, .header-shortcuts-link:focus {
text-decoration: none;
}
.header-shortcuts-link:hover .label-line:before, .header-shortcuts-link:hover .label-line:after, .header-shortcuts-link:focus .label-line:before, .header-shortcuts-link:focus .label-line:after {
opacity: 1;
width: 50%;
}
@media (min-width: 992px) {
.header-shortcuts-item:hover > .lvl2, .header-shortcuts-item:focus > .lvl2 {
width: auto;
height: auto;
max-height: 80vh;
opacity: 1;
clip: auto !important;
clip-path: none !important;
transform: translate(0, 0);
}
}
.header-shortcuts-lvl2 {
opacity: 0.01;
z-index: -1;
position: absolute;
top: 100%;
right: 5px;
min-width: 22em;
height: 0;
max-height: 0;
padding: 0;
background-color: var(--nav-main-lvl2-bg);
font-size: 1.2em;
font-weight: var(--weight-bold);
text-align: left;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.028), 0 0.8px 1.9px rgba(0, 0, 0, 0.031), 0 1.6px 3.9px rgba(0, 0, 0, 0.039), 0 3.3px 8px rgba(0, 0, 0, 0.048), 0 9px 22px rgba(0, 0, 0, 0.07);
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
transform: translate(0, -2em);
transition: max-height ease-in-out 0.35s, transform ease-in 0.2s, opacity ease-out 0.5s;
}
.header-shortcuts-lvl2-item {
display: flex;
flex-direction: column;
position: relative;
width: auto;
min-width: 100%;
padding: 0;
}
.header-shortcuts-lvl2-item.active a, .header-shortcuts-lvl2-item.current a {
color: var(--color-theme-blue-darker);
}
.header-shortcuts-lvl2-item.user-space-2 {
background-color: yellow;
}
.header-shortcuts-lvl2-item.user-space-2 a {
padding-top: 0.8em;
padding-bottom: 0.8em;
}
.header-shortcuts-lvl2-item.user-space-2::before {
content: "";
position: absolute;
top: -30px;
left: 0;
width: 15px;
height: 30px;
background-color: transparent;
border-bottom-left-radius: 15px;
box-shadow: 0 15px 0 0 yellow;
}
.header-shortcuts-lvl2-item.user-space-2::after {
content: "";
position: absolute;
top: -30px;
right: 0;
width: 15px;
height: 30px;
background-color: transparent;
border-bottom-right-radius: 15px;
box-shadow: 0 15px 0 0 yellow;
}
.header-shortcuts-lvl2-link {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
text-decoration: none;
margin: 0;
padding: 0;
transition: background-color 0.3s ease;
border-radius: 10px;
}
.header-shortcuts-lvl2-link:hover, .header-shortcuts-lvl2-link:focus, .header-shortcuts-lvl2-link:active {
text-decoration: none;
font-weight: var(--weight-bold);
}
.header-shortcuts-lvl2-link:hover .icon > *, .header-shortcuts-lvl2-link:focus .icon > *, .header-shortcuts-lvl2-link:active .icon > * {
transform: scale(1.15);
}
.header-shortcuts-lvl2-link > * {
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.header-shortcuts-lvl2-link .icon {
flex: 0 0 28.25396%;
padding-left: 7%;
font-size: 1.4em;
text-align: center;
}
.header-shortcuts-lvl2-link .icon > * {
display: block;
transition: all 0.25s linear;
}
.header-shortcuts-lvl2-link .label {
flex: 1 1 100%;
text-align: left;
font-weight: var(--weight-light);
padding-right: 1.5em;
}
.header-shortcuts-lvl2-link .label .label-prefix {
display: block;
font-weight: var(--weight-bold);
font-size: 0.8em;
}
.header-shortcuts-lvl2 .menu-item-separator {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
padding-top: 1em;
}
.header-shortcuts-lvl2 .menu-item-separator > * {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.header-shortcuts-lvl2 .menu-item-separator .icon {
flex: 0 0 28.25396%;
text-align: center;
padding-left: 7%;
}
.header-shortcuts-lvl2 .menu-item-separator .label {
flex: 1 1 100%;
text-align: left;
font-weight: var(--weight-bold);
font-size: 0.8em;
}
.header-btn-mobile-icon {
height: 100%;
}
@media (min-width: 1200px) {
.header-btn-mobile-icon {
display: none !important;
}
}
.header-btn-mobile-icon [class^=icon-],
.header-btn-mobile-icon [class*=" icon-"] {
font-size: 2rem;
line-height: 1;
}
.header-btn-mobile-icon img {
height: 20px;
}
.header-btn-mobile-icon.showShortcutsMenu {
color: var(--color-primary);
}
.header.is-fixed .header-branding .logo {
max-width: 115px;
}
@media (max-width: 1199px) {
.header.is-fixed .header-shortcuts-link .label {
opacity: 0.8;
font-size: 0.75em;
}
}
.header.is-fixed .header-shortcuts-link .icon {
font-size: 1.733333333em;
}
.header.is-fixed .header-shortcuts-link .icon img {
height: 26px;
}
/*
Navigation en mode
$$$$$$\ $$$$$$$\
$$ ___$$\ $$ __$$\
\_/ $$ |$$ | $$ |
$$$$$ / $$ | $$ |
\___$$\ $$ | $$ |
$$\ $$ |$$ | $$ |
\$$$$$$ |$$$$$$$ |
\______/ \_______/
*/
/*#region Navigation 3D - utilisée sur Small- */
.nav3d {
/*#region Navigation affichée lors de la 3D */
/*#endregion*/
/*#region Intéraction pour l'ouverture… */
/*#endregion*/
}
.nav3d-perspective {
position: relative;
width: 100%;
height: 100%;
transition: all 0.5s ease;
}
.nav3d-perspective > .nav3d-nav > .background-shapes {
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
width: 100%;
height: 110%;
}
.nav3d-perspective.nav3d-is-open {
position: fixed;
perspective: 1500px;
}
.nav3d-perspective.nav3d-is-open .nav3d-container {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 17px;
box-shadow: 0 0px 4.1px rgba(23, 57, 106, 0.029), 0 0px 9.3px rgba(0, 0, 0, 0.042), 0 0px 16.2px rgba(0, 0, 0, 0.051), 0 0px 25.7px rgba(0, 0, 0, 0.06), 0 0px 39.6px rgba(23, 57, 106, 0.069), 0 0px 61.8px rgba(0, 0, 0, 0.078), 0 0px 102.6px rgba(23, 57, 106, 0.091), 0 0px 205px rgba(23, 57, 106, 0.12);
backface-visibility: hidden;
}
.nav3d-perspective.nav3d-is-open .nav3d-wrapper {
-webkit-transform: translateZ(-1px);
}
.nav3d-perspective .animate .js-nav3d-container::after {
opacity: 1;
height: 101%;
transition: opacity 0.3s;
}
.nav3d-container {
border-radius: 0.1px;
outline: 1px solid rgba(28, 4, 117, 0);
z-index: 10;
position: relative;
min-height: 100%;
background-color: #fff;
transition: transform 0.4s;
transform-origin: 50% 50%;
/* Avec ou sans assombrissement de la page */
}
.nav3d-wrapper {
position: relative;
}
@media (min-width: 576px) {
.nav3d-wrapper {
display: flex;
flex-flow: column nowrap;
justify-content: center;
min-height: 100vh;
}
}
.nav3d .component {
margin: 0 auto;
width: 60%;
text-align: justify;
font-size: 1.5em;
}
.nav3d-nav {
display: flex;
flex-flow: column nowrap;
justify-content: stretch;
align-items: stretch;
min-height: 100%;
padding-left: var(--layout-wrapper-small-margin-left);
padding-top: calc( var(--safe-area-inset-top) + 1em );
padding-bottom: calc( var(--safe-area-inset-bottom) + 1.5em );
transform-style: preserve-3d;
font-size: 1.1em;
transition: all 0.3s ease;
/*#region Réseaux sociaux / Footer du menu */
/*#endregion*/
}
@media (min-width: 992px) {
.nav3d-nav {
font-size: 1.6em;
}
}
.nav3d-nav-menu {
flex: 1 0 auto;
display: flex;
flex-flow: column nowrap;
margin-left: var(--layout-wrapper-medium-margin-left);
justify-content: center;
line-height: 1.25;
/*#region Nav : niveau 2 */
/*#endregion */
}
.nav3d-nav-menu-item {
position: relative;
display: block;
margin: 0 calc( 35vw - ( var(--layout-wrapper-small-margin-left) - 1em ) ) 0.75em 0;
/* En cours */
/* Modifiers */
}
.nav3d-nav-menu-item-link {
z-index: 0;
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
font-weight: 700;
/* white-space: nowrap; */
text-decoration: none;
color: #ddd;
color: var(--nav-small-list-link-color, #fff);
transition: color 0.3s;
transform-style: preserve-3d;
border-radius: 0.3em;
}
.nav3d-nav-menu-item-link::after {
content: "";
z-index: -1;
width: 1px;
opacity: 0;
position: absolute;
left: 0;
bottom: -0.03ex;
height: 1ex;
background-color: var(--color-highlighted_txt);
transition: width 0.4s ease-in;
}
.nav3d-nav-menu-item-link:hover, .nav3d-nav-menu-item-link:focus, .nav3d-nav-menu-item-link:active {
background: var(--nav-small-list-link-hover-bg);
text-decoration: none;
color: #fff;
opacity: 1;
color: var(--nav-small-list-link-hover-color);
}
.nav3d-nav-menu-item-link:hover::after, .nav3d-nav-menu-item-link:focus::after, .nav3d-nav-menu-item-link:active::after {
width: 1000%;
}
.nav3d-nav-menu-item.is-active > a, .nav3d-nav-menu-item.is-current > a {
color: var(--nav-small-list-link-currt-color);
}
.nav3d-nav-menu-item.is-active > a::before, .nav3d-nav-menu-item.is-current > a::before {
content: "";
display: inline-block;
margin-left: -1em;
font-family: var(--font-icon-MFC);
font-size: 0.7em;
color: inherit;
}
.nav3d-nav-menu-item.is-active > a:hover, .nav3d-nav-menu-item.is-active > a:focus, .nav3d-nav-menu-item.is-current > a:hover, .nav3d-nav-menu-item.is-current > a:focus {
color: var(--nav-small-list-link-currt-hover-color);
}
.nav3d-nav-menu-item.user-option a {
font-weight: normal;
color: #fff;
}
.nav3d-nav-menu-item:not(.user-option) + .user-option {
position: relative;
padding: 0.8em 0 0;
}
.nav3d-nav-menu-item:not(.user-option) + .user-option::before {
border-top: 1px solid #fff;
padding: 1em 0 0 0;
content: "";
width: 70%;
position: absolute;
top: 0;
left: 0.5em;
}
.nav3d-nav-menu-lvl2 {
z-index: -1;
max-height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
pointer-events: none;
transform: translate(-2em, 0);
transition: max-height ease-in-out 0.4s, transform ease-in 0.4s, opacity ease-out 0.4s;
}
.nav3d-nav-menu-lvl2-item {
display: flex;
flex-direction: column;
width: auto;
min-width: 100%;
padding: 0;
opacity: 1;
/* Lien en cours */
}
.nav3d-nav-menu-lvl2-item.is-current {
opacity: 1;
}
.nav3d-nav-menu-lvl2-link {
text-decoration: none;
padding: 0.4em 0.6em;
color: var(--nav-small-list-link-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0.3em;
}
.nav3d-nav-menu-lvl2-link:hover, .nav3d-nav-menu-lvl2-link:focus, .nav3d-nav-menu-lvl2-link:active {
text-decoration: none;
color: var(--nav-small-list-link-hover-color);
}
.nav3d-nav-menu-item:hover .lvl2, .nav3d-nav-menu-item:focus .lvl2 {
width: auto;
min-width: 15em;
height: auto;
max-height: 100vh;
opacity: 1;
clip: auto !important;
clip-path: none !important;
pointer-events: all;
transform: translate(0, 0);
}
.nav3d-nav-socials {
flex: 0 0 auto;
max-width: calc( 100% - var(--layout-wrapper-small-margin-left) - var(--layout-wrapper-small-margin-right) );
padding-top: 1em;
padding-bottom: 1.5em;
}
.nav3d-nav-socials > * {
flex: 0 1 auto;
color: var(--nav-small-socials-link-color);
}
.nav3d-nav-socials > *:hover, .nav3d-nav-socials > *:focus, .nav3d-nav-socials > *:active {
color: var(--nav-small-socials-link-hover-color);
}
.nav3d-nav-socials .social-menu-item:first-child .label {
padding-left: 0;
}
.nav3d-nav-socials .social-menu-item-icon {
font-size: 1em;
}
.nav3d-perspective {
/* 1. navigation masquée */
/* 2. À l'ouverture du menu */
}
.nav3d-perspective .nav3d-nav {
max-height: 0;
overflow: hidden;
pointer-events: none;
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
.nav3d-perspective .nav3d-nav {
display: none;
}
}
.nav3d-perspective .nav3d-nav-menu-item {
opacity: 0;
transform: translateX(-150px);
transition: transform 0.4s, opacity 0.4s;
}
.nav3d-perspective .nav3d-nav-socials .social-menu-list .social-menu-item {
transform-origin: center;
transform: scale(0.2);
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.nav3d-perspective.animate .js-nav3d-container {
transform: translateZ(-800px) translateX(70%) rotateY(-30deg);
}
.nav3d-perspective.animate .nav3d-nav {
max-height: 9000px;
pointer-events: all;
}
.nav3d-perspective.animate .nav3d-nav-menu-item {
opacity: 1;
transform: translateX(0);
/* En cours */
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(2) {
transition-delay: 0.04s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(3) {
transition-delay: 0.08s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(4) {
transition-delay: 0.12s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(5) {
transition-delay: 0.16s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(6) {
transition-delay: 0.2s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(7) {
transition-delay: 0.24s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(8) {
transition-delay: 0.28s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(9) {
transition-delay: 0.32s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(10) {
transition-delay: 0.36s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(11) {
transition-delay: 0.4s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(12) {
transition-delay: 0.44s;
}
.nav3d-perspective.animate .nav3d-nav-menu-item:nth-child(13) {
transition-delay: 0.48s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item {
opacity: 1;
transform: scale(1);
transition-delay: 0.2s;
font-size: 0.7em;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(2) {
transition-delay: 0.3s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(3) {
transition-delay: 0.4s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(4) {
transition-delay: 0.5s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(5) {
transition-delay: 0.6s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(6) {
transition-delay: 0.7s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(7) {
transition-delay: 0.8s;
}
.nav3d-perspective.animate .nav3d-nav-socials .social-menu-item:nth-child(7) {
transition-delay: 0.9s;
}
/* Fallback : Si les transitions 3D ne sont pas supportées */
html.no-csstransforms3d .nav3d-perspective.animate .nav3d-container {
left: 75%;
}
/*#endregion*/
.footer {
position: relative;
margin: 2em 0 0;
padding: 0 0 0 0;
font-size: 0.85em;
overflow: hidden;
/* mentions légales */
}
@media (min-width: 576px) {
.footer {
flex: 0 0 auto;
}
}
.footer-wrapper {
padding-top: 1em;
position: relative;
color: var(--color-footer-font);
/* arrière-plan */
}
.footer-wrapper::before {
content: "";
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 55%;
background-color: var(--color-footer-bg-2);
transform-origin: left top;
clip-path: polygon(-10px 3vw, 100% 0px, 100% 100%, 0% 100%);
}
@media (min-width: 576px) {
.footer-wrapper::before {
width: 52.083333333%;
clip-path: polygon(-1px 3.49%, 100% 0px, 100% 100%, 17.06% 100%);
}
}
.footer-pre {
background-color: #ccc;
padding: 1em;
}
.footer-main {
transition: all 0.3s ease;
padding-top: 1em;
clip-path: polygon(0 6vw, 100% 0, 100% 100%, 0% 100%);
font-weight: 400;
}
@media (min-width: 576px) {
.footer-main {
padding-top: 0;
clip-path: polygon(0px 9.5%, 100% 0%, 100% 100%, 0% 100%);
}
}
.footer-main::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 90%;
background-color: var(--color-footer-bg-1);
}
@media (min-width: 576px) {
.footer-main::after {
width: 72.135416667%;
}
}
.footer-main-content {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
@media (min-width: 576px) {
.footer-main-content {
flex-flow: row nowrap;
}
}
.footer-main a {
display: inline-block;
padding: 0.3em 0;
line-height: 1.35;
text-decoration: none;
color: inherit;
}
.footer-main a:hover, .footer-main a:focus {
text-decoration: underline;
color: inherit;
}
.footer-sidebar {
flex: 1 1 100%;
padding: 2em 0;
padding-top: calc( 1em + 3vw );
padding-right: 2em;
padding-bottom: calc( 1em + 1vw );
padding-left: 2em;
text-align: center;
}
@media (min-width: 576px) {
.footer-sidebar {
flex: 1 1 0;
max-width: 250px;
text-align: left;
}
}
@media (min-width: 576px) {
.footer-sidebar-edito {
order: 4;
}
}
@media (min-width: 768px) {
.footer-sidebar-edito {
order: 1;
}
}
@media (min-width: 576px) {
.footer-sidebar-nav-1 {
order: 2;
}
}
@media (min-width: 768px) {
.footer-sidebar-nav-1 {
order: 2;
}
}
@media (min-width: 576px) {
.footer-sidebar-nav-2 {
order: 3;
}
}
@media (min-width: 768px) {
.footer-sidebar-nav-2 {
order: 3;
}
}
.footer-sidebar-socials {
background-color: #fff;
color: #000;
}
@media (min-width: 576px) {
.footer-sidebar-socials {
order: 1;
background-color: transparent;
color: #fff;
}
}
@media (min-width: 768px) {
.footer-sidebar-socials {
order: 4;
}
}
.footer-sidebar-socials .social-menu .social-menu-item {
flex: 1 1 0;
}
@media (min-width: 576px) {
.footer-sidebar-socials .social-menu .social-menu-item {
flex: 0 0 50%;
}
}
@media (min-width: 992px) {
.footer-sidebar-socials .social-menu .social-menu-item {
flex: 1 1 0;
}
}
.footer-sidebar-socials .social-menu .social-menu-item-link {
padding: 0.85em 0.5em;
}
.footer-sidebar.is-bloc {
background-color: #fff;
}
@media (min-width: 576px) {
.footer-sidebar.is-bloc {
box-shadow: 0px 0px 32px 8px rgba(0, 26, 58, 0.42);
}
}
.footer .widget-title {
font-size: 1.125em;
font-weight: 700;
text-transform: uppercase;
}
.footer .widget_media_image {
max-width: 75%;
margin: 0 auto;
}
.footer-sub {
position: relative;
padding: 0.5em 1em;
--padding-b: calc( var(--safe-area-inset-bottom) + 1em );
padding-bottom: var(--padding-b);
background-color: var(--color__footer_sub-bg);
font-size: 0.95em;
text-align: center;
color: var(--color__footer_sub-txt);
}
.footer-sub .credits {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0;
padding-bottom: 1em;
font-size: 0.875em;
}
.footer-sub .credits-item {
flex: 0 0 auto;
display: block;
margin: 0;
}
@media (min-width: 576px) {
.footer-sub .credits-item {
display: inline-block;
}
}
.footer-sub .credits-item:not(:first-child)::before {
content: "• ";
padding: 0 1em;
}
.footer-sub .credits-item.brand-signature {
flex: 1 0 100%;
}
@media (min-width: 768px) {
.footer-sub .credits-item.brand-signature {
flex: 0 1 auto;
}
}
.footer-sub .credits-item a {
display: inline-block;
min-height: 42px;
}
.footer-wrap > *:last-child {
--padding-b: calc( var(--safe-area-inset-bottom) + 0em );
padding: 0 0 var(--padding-b) 0;
}
.footer .nav-up {
z-index: 10;
position: absolute;
top: 33px;
right: 12%;
font-size: 1.2em;
line-height: 1;
}
@media (min-width: 576px) {
.footer .nav-up {
right: var(--layout-wrapper-large-margin-right);
}
}
.footer .nav-up .icon {
display: inline-block;
transition: all 1s ease;
}
.footer .nav-up a {
padding: 0.5em;
background-color: transparent;
color: #fff;
box-shadow: inset 0 0 3px #fff;
border-radius: 50%;
transition: all 0.3s ease;
}
.footer .nav-up a:hover, .footer .nav-up a:focus {
background-color: #fff;
color: #222;
}
.footer .nav-up a:hover .icon, .footer .nav-up a:focus .icon {
transform: translate(0, -0.278em);
}
body .filtered-list {
position: relative;
margin-bottom: var(--box-spacer-small);
gap: 1em;
}
@media (max-width: 767px) {
body .filtered-list {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 768px) {
body .filtered-list {
margin-left: var(--layout-wrapper-large-margin-left);
margin-right: var(--layout-wrapper-large-margin-right);
}
}
@media (min-width: 1600px) {
body .filtered-list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1920px) {
body .filtered-list {
grid-template-columns: repeat(6, 1fr);
}
}
body .filtered-list--filters {
z-index: 30;
position: fixed;
overflow-y: scroll;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100vw;
background-color: var(--color-sector2, --color-sector);
}
@media (max-width: 767px) {
body .filtered-list--filters {
font-size: 1.2em;
overflow-x: hidden;
color: #fff;
}
}
@media (min-width: 768px) {
body .filtered-list--filters {
grid-column: 1/span 1;
order: -1;
z-index: 30;
position: relative;
min-width: 18em;
background-color: transparent;
overflow: auto;
max-height: 800px;
position: sticky;
bottom: 0;
}
}
@media print {
body .filtered-list--filters {
display: none;
}
}
body .filtered-list--filters-wrapper {
--margin-b: 1.5em;
--margin-b: calc(var(--safe-area-inset-bottom) + 1.5em);
margin: 7vh var(--layout-wrapper-medium-margin-right) var(--margin-b) var(--layout-wrapper-medium-margin-left);
border-radius: 10px;
padding: 0;
}
@media (max-width: 767px) {
body .filtered-list--filters-wrapper {
color: #fff;
}
}
@media (min-width: 768px) {
body .filtered-list--filters-wrapper {
position: sticky;
top: 100px;
bottom: 1.5em;
margin: 0;
padding: 1.5em 1.3em;
background-color: #fff;
box-shadow: var(--card-box-shadow);
}
}
body .filtered-list--filters-intro-small {
padding: 1.5em 0;
}
@media (min-width: 768px) {
body .filtered-list--filters-intro-small {
display: none;
}
}
body .filtered-list--filters-intro-desktop {
display: none;
font-size: 1.2em;
}
@media (min-width: 768px) {
body .filtered-list--filters-intro-desktop {
display: block;
}
}
@media (min-width: 768px) {
body .filtered-list--filters-header-close {
display: none;
}
}
body .filtered-list--filters-categories-list {
margin: 1.5em 0;
}
body .filtered-list--filters-motor {
padding: 1em;
background-color: #fff;
color: var(--color-base);
border-radius: 20px;
}
@media (min-width: 768px) {
body .filtered-list--filters-motor {
border-radius: 0;
padding: 1em 0;
}
}
body .filtered-list--filters-motor-step {
margin-bottom: 0.4em;
padding-bottom: 0.4em;
border-bottom: 1px solid #eee;
}
body .filtered-list--filters-motor-step:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
body .filtered-list--filters-motor .inputs-inline {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: 1rem;
}
body .filtered-list--filters-motor .inputs-couple {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
}
body .filtered-list--filters-motor .input-group-text {
padding: 0.375em 0.6em;
}
body .filtered-list--filters-motor .filter-group [type=color], body .filtered-list--filters-motor .filter-group [type=date], body .filtered-list--filters-motor .filter-group [type=datetime-local], body .filtered-list--filters-motor .filter-group [type=email], body .filtered-list--filters-motor .filter-group [type=month], body .filtered-list--filters-motor .filter-group [type=number], body .filtered-list--filters-motor .filter-group [type=password], body .filtered-list--filters-motor .filter-group [type=search], body .filtered-list--filters-motor .filter-group [type=submit], body .filtered-list--filters-motor .filter-group [type=tel], body .filtered-list--filters-motor .filter-group [type=text], body .filtered-list--filters-motor .filter-group [type=time], body .filtered-list--filters-motor .filter-group [type=url], body .filtered-list--filters-motor .filter-group [type=week], body .filtered-list--filters-motor .filter-group select, body .filtered-list--filters-motor .filter-group textarea {
font-size: inherit;
}
body .filtered-list--filters-motor .filter-group-types .form-check {
padding-left: 0;
}
@media (min-width: 768px) {
body .filtered-list--filters-motor .filter-group-geolocation-map {
display: none;
}
}
body .filtered-list--filters-motor .filter-group-geolocation-map .map-svg-interactive {
--map-zone-bg-color: #fff;
--map-zone-border-color: var(
--color-sector2,
--color-sector,
--color-primary
);
--map-zone-opacity: 1;
--map-zone-hover-bg-color: var(--map-zone-bg-color);
--map-zone-hover-border-color: var(
--map-zone-border-color
);
--map-zone-hover-opacity: 0.8;
--map-zone-bg-color: var(--color-primary);
--map-zone-border-color: #fff;
--map-zone-opacity: 0.85;
--map-zone-hover-opacity: 1;
}
body .filtered-list--filters-motor .filter-group-geolocation-everywhere {
text-align: center;
}
@media (min-width: 768px) {
body .filtered-list--filters-motor .filter-group-geolocation-everywhere {
display: none;
}
}
body .filtered-list--filters-motor .help-text {
margin-top: -0.5em;
margin-bottom: 0.5rem;
font-size: 0.8em;
color: var(--color-primary-light);
}
body .filtered-list--filters-motor .switch {
font-size: 0.85em;
}
@media (min-width: 768px) {
body .filtered-list--filters-motor .step-offers-type {
display: none;
}
}
@media (min-width: 768px) {
body .filtered-list--filters-motor-footer {
display: none;
}
}
.js body .filtered-list--filters-motor-footer .for-no-js {
display: none;
}
@media (min-width: 768px) {
.js .for-js {
display: none;
}
}
.no-js body .filtered-list--filters-motor-footer .for-js {
display: none;
}
body .filtered-list--filters-motor-footer > * {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
body .filtered-list--filters-motor-footer > * > * {
flex: 1 1 auto;
}
body .filtered-list--items {
grid-template-rows: 1/-1;
grid-column: 1/-1;
z-index: 0;
position: relative;
max-height: 0;
overflow: hidden;
overflow: visible;
transition: all 0.4s ease;
}
body .filtered-list--items.show-results-on-load {
max-height: 99999999em;
}
@media (max-width: 767px) {
body .filtered-list--items {
min-height: 70vh;
}
}
@media (min-width: 768px) {
body .filtered-list--items {
max-height: 99999999em;
display: block;
}
}
body .filtered-list--items:not(.filters-pannel-extended) {
max-height: 9999999em;
}
@media (min-width: 768px) {
body .filtered-list--items.filters-pannel-extended {
grid-column: 2/-1;
}
}
body .filtered-list--items-header {
z-index: 1;
display: flex;
position: sticky;
top: 60px;
flex-flow: row wrap;
margin: 0 0 1em 0;
padding: 0;
}
@media (min-width: 768px) {
body .filtered-list--items-header {
top: 80px;
margin: 0;
padding: 1em 0 2em 0;
}
}
@media (min-width: 1200px) {
body .filtered-list--items-header {
flex: 1 1 100%;
flex-flow: row nowrap;
justify-content: stretch;
align-items: stretch;
min-height: 2.5em;
}
}
body .filtered-list--items-header > * {
background-color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 768px) {
body .filtered-list--items-header > * {
padding: 0.5em 1.2em;
}
}
body .filtered-list--items-header-wrapper {
flex: 1 1 100%;
}
@media (min-width: 768px) {
body .filtered-list--items-header-wrapper {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
@media (min-width: 992px) {
body .filtered-list--items-header-wrapper {
border-top-left-radius: 12px;
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 0;
}
}
body .filtered-list--items-header-title {
line-height: 1.05;
margin: 0;
padding: 0;
padding-right: 0;
padding-bottom: 0.3em;
padding-left: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
@media (max-width: 767px) {
body .filtered-list--items-header-title {
padding-right: var(--layout-wrapper-medium-margin-right);
padding-left: var(--layout-wrapper-medium-margin-left);
}
}
@media (min-width: 768px) {
body .filtered-list--items-header-title {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
}
@media (max-width: 767px) {
body .filtered-list--items-header-title-text:first-letter {
text-transform: lowercase;
}
}
@media (min-width: 768px) {
body .filtered-list--items-header-title .filtered-list--counter {
display: none;
}
}
body .filtered-list--items-header-nav {
flex: 1 0 100%;
order: -1;
display: flex;
flex-flow: row nowrap;
align-items: center;
padding-top: 0.4em;
padding-right: var(--layout-wrapper-large-margin-right);
padding-bottom: 0.4em;
padding-left: var(--layout-wrapper-large-margin-left);
font-size: 1.05em;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (min-width: 768px) {
body .filtered-list--items-header-nav {
order: 1;
flex: 1 1 auto;
flex-flow: row wrap;
font-size: 0.85em;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
}
@media (min-width: 1200px) {
body .filtered-list--items-header-nav {
flex-flow: row nowrap;
flex: 0 0 auto;
padding-left: 1.5em;
padding-right: 0.5em;
border-top-left-radius: 0;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 12px;
}
}
@media print {
body .filtered-list--items-header-nav {
display: none;
}
}
@media (max-width: 767px) {
body .filtered-list--items-header-nav *:not(.card) button {
--background-color: transparent;
--color: var(--color-primary);
padding: 5px 0.5em;
font-size: 1.45em;
}
}
body .filtered-list--items-header-nav > * {
flex: 0 1 auto;
padding-left: 0.8em;
text-align: right;
}
@media (min-width: 768px) {
body .filtered-list--items-header-nav > * {
flex: 0 1 auto;
padding-left: 0.5em;
padding-left: 0;
}
}
body .filtered-list--items-header-nav > *:first-child {
padding-left: 0;
}
body .filtered-list--items-header-nav .command-filters-display button {
padding: 0.6rem 1.2rem;
}
@media (min-width: 768px) {
body .filtered-list--items-header-nav .command-filters-display {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
body .filtered-list--items-header-nav .command-order {
position: relative;
}
@media (min-width: 768px) {
body .filtered-list--items-header-nav .command-order-btn {
display: none;
}
}
body .filtered-list--items-header-nav .command-order--toggle {
/* Apparition déplié sur mobile */
}
@media (max-width: 767px) {
body .filtered-list--items-header-nav .command-order--toggle {
pointer-events: none;
max-height: 0;
opacity: 0;
position: absolute;
width: calc( 100vw - var(--layout-wrapper-large-margin-left) - var(--layout-wrapper-large-margin-left) - var(--layout-wrapper-large-margin-left) );
right: var(--layout-wrapper-large-margin-right);
padding-bottom: 1em;
background-color: var(--color-nav-main-bg);
background-color: #fff;
border-radius: 0.4em;
transition: all 0.4s ease;
}
}
@media (max-width: 767px) {
body .filtered-list--items-header-nav .command-order--toggle.is-expanded {
z-index: 1;
pointer-events: all;
opacity: 1;
max-height: 100vh;
margin-top: 0.66667em;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
/* bulle */
}
body .filtered-list--items-header-nav .command-order--toggle.is-expanded::before {
top: -16px;
}
}
@media (max-width: 767px) {
body .filtered-list--items-header-nav .command-order--select {
width: 90%;
margin: 0 auto;
display: block;
font-size: 17px;
}
}
body .filtered-list--items-header-nav .command-mapview {
flex: 1;
font-size: 1.2em;
text-align: left;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
@media (min-width: 768px) {
body .filtered-list--items-header-nav .command-mapview {
order: 10;
text-align: right;
flex: 1 1 auto;
padding-left: 1em;
}
}
body .filtered-list--items-header-nav .command-mapview .switch {
display: inline-block;
background-color: var(--color-primary-light);
height: 1.5rem;
width: max-content;
border: 1px solid grey;
border-radius: 2rem;
min-width: 3.5rem;
position: relative;
}
body .filtered-list--items-header-nav .command-mapview .switch:before {
position: absolute;
inset: -0.35rem auto auto 0;
width: 2rem;
height: 2rem;
background-color: var(--color-primary);
border-radius: 3rem;
cursor: pointer;
transition: inset ease-in-out 2s;
}
body .filtered-list--items-header-nav .command-mapview .switch:checked {
box-shadow: inset 1.8em 0 0 var(--color-primary-light, #eee), inset 0 0 0 1px var(--color-primary-light, #eee);
}
body .filtered-list--items-header-nav .command-mapview .switch:checked:before {
inset: -0.35rem 0 auto auto;
margin: 0;
}
body .filtered-list--items-header .save-search__small {
flex: 1 1 100%;
display: block;
padding: 0 1em;
padding-bottom: 0.3em;
}
@media (min-width: 992px) {
body .filtered-list--items-header .save-search__small {
display: none;
}
}
body .filtered-list--items-header .save-search__large {
display: none;
}
@media (min-width: 992px) {
body .filtered-list--items-header .save-search__large {
display: block;
}
}
body .filtered-list--items-container {
position: relative;
z-index: -5;
}
body .filtered-list--items-chapo {
margin: 0 0 2em 0;
padding: 0 1.5em;
}
@media (min-width: 768px) {
body .filtered-list--items-chapo {
padding: 0 0 0 1.75em;
}
}
body .filtered-list--items-list {
padding: 0 1.2em;
}
@media screen and (min-width: 576px) and (max-width: 768px) {
body .filtered-list--items-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
body .filtered-list--items-list {
padding: 0 0 0 1.5em;
}
}
@media (max-width: 767px) {
body .filtered-list--items.filters-pannel-extended .filtered-list--item {
opacity: 0;
transform: translatey(40vh);
}
body .filtered-list--items.filters-pannel-extended .filtered-list--item:nth-child(1) {
transition-delay: 0.3s;
}
body .filtered-list--items.filters-pannel-extended .filtered-list--item:nth-child(2) {
transition-delay: 0.6s;
}
body .filtered-list--items.filters-pannel-extended .filtered-list--item:nth-child(3) {
transition-delay: 0.8s;
}
body .filtered-list--items:not(.filters-pannel-extended) .filtered-list--item {
opacity: 1;
transform: translateX(0);
}
body .filtered-list--items:not(.filters-pannel-extended) .filtered-list--item:nth-child(1) {
transition-delay: 0.3s;
}
body .filtered-list--items:not(.filters-pannel-extended) .filtered-list--item:nth-child(2) {
transition-delay: 0.6s;
}
body .filtered-list--items:not(.filters-pannel-extended) .filtered-list--item:nth-child(3) {
transition-delay: 0.9s;
}
}
body .filtered-list--item {
transition: all 0.5s ease;
}
body .filtered-list--item.hide {
transform: scale(0);
}
body .filtered-list--loader {
text-align: center;
padding-top: 2rem;
}
body .filtered-list--map {
z-index: -1;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background-color: lightblue;
transition: all 0.8s ease;
clip-path: circle(1px at 25% 10vh);
pointer-events: none;
}
@media (min-width: 768px) {
body .filtered-list--map {
clip-path: circle(1px at 83% 15.89552vh);
}
}
body .filtered-list--map .leaflet-right .leaflet-control {
margin-right: var(--layout-wrapper-large-margin-right);
}
body .filtered-list input#layout-choice-map[type=checkbox]:checked ~ .filtered-list--map {
clip-path: circle(150vw at 50% 60%) !important;
pointer-events: all;
}
@media (max-width: 767px) {
body .filtered-list:not(.filters_are_unfoldable--on-small) .filtered-list--filters:not(.filters-pannel-extended) {
left: 100vw;
}
}
@media (min-width: 768px) {
body .filtered-list:not(.filters_are_unfoldable--on-big) .filtered-list--filters:not(.filters-pannel-extended) {
display: none;
overflow: hidden;
max-width: 0;
min-width: 0;
width: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
}
}
@media (min-width: 768px) {
body .filtered-list:not(.filters_are_unfoldable--on-big) .filtered-list--items.filters-pannel-extended {
grid-column: 2/-1;
}
}
@media (min-width: 768px) {
body .filtered-list.filters_are_unfoldable--on-big .filtered-list--items {
grid-column: 2/-1;
}
}
.geo-content {
z-index: 3;
position: relative;
margin-bottom: 0;
}
@media (min-width: 768px) {
.geo-content {
padding-bottom: 5em;
}
}
.geo-content .box-theme-fractal::before, .geo-content .box-theme-fractal-1::before {
z-index: 0;
}
.geo-content--wrapper {
display: flex;
flex-flow: column nowrap;
margin-top: -4em;
padding: 4em 0;
}
@media (min-width: 992px) {
.geo-content--wrapper {
flex-flow: row nowrap;
margin-top: -2em;
padding: 0;
}
}
.geo-content--header {
flex: 1 1 auto;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
padding: 0em 0 2em 0;
line-height: 1;
}
@media (min-width: 992px) {
.geo-content--header {
flex: 1 0 12em;
justify-content: flex-start;
padding-right: 3em;
}
}
.geo-content--header .picto {
order: -1;
font-size: 2.3em;
color: var(--color-landhouses);
}
@media (min-width: 992px) {
.geo-content--header .picto {
font-size: 1em;
width: 6em;
height: 6em;
}
}
.geo-content--section {
flex: 1 1 auto;
}
@media (min-width: 992px) {
.geo-content--section {
flex: 1 1 60%;
padding-top: 4em;
}
}
.geo-content--section--title {
margin: 0 0 0.75em 0;
}
@media (min-width: 1600px) {
.geo-content--section--wrapper {
display: flex;
}
.geo-content--section--wrapper > * {
flex: 1;
}
}
.geo-content--section ul {
margin: 1em 0 1.3em 0;
padding: 0 0 0 1.5rem;
list-style: none;
}
.geo-content--section ul:not(.chips-list) li {
padding: 0 0 0.25em 0;
}
.geo-content--section ul:not(.chips-list) li:before {
content: "";
display: inline-block;
width: 1.8em;
font-size: 0.8em;
font-family: var(--font-icon-MFC);
}
.geo-content--section ul.chips-list {
padding: 0 0 0 1.5rem;
font-size: 0.9em;
}
.geo-content--section ul.chips-list li {
display: inline-block;
}
.geo-content--section ul a {
text-decoration: none;
}
.geo-content--section ul a:hover, .geo-content--section ul a:focus {
text-decoration: none;
}
@media (max-width: 767px) {
.geo-content--section--prefix {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
}
}
/* ----------------------------------- */
/* ==Maps : affichage des cartes */
/* ----------------------------------- */
/*
1. Utilisation de Leafet
-------------------------------------- */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
box-shadow: var(--card-box-shadow);
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 500;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10vh;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: var(--layout-wrapper-large-margin-right);
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font-size: 12px;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 40px;
height: 40px;
line-height: 40px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.4f0283c.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(images/marker-icon.2273e3d.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font-size: 16px;
line-height: 14px;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
background-color: #b5e28c;
}
.leaflet-oldie .marker-cluster-small div {
background-color: #6ecc39;
}
.leaflet-oldie .marker-cluster-medium {
background-color: #f1d357;
}
.leaflet-oldie .marker-cluster-medium div {
background-color: #f0c20c;
}
.leaflet-oldie .marker-cluster-large {
background-color: #fd9c73;
}
.leaflet-oldie .marker-cluster-large div {
background-color: #f18017;
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
width: 30px;
height: 30px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 15px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
line-height: 30px;
}
.cluster {
background: var(--color-sector);
font-family: monospace;
font-weight: 700;
text-align: center;
color: white;
border-radius: 50%;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
cursor: pointer;
}
.cluster:hover, .cluster:focus {
transform: scale(1.11);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
.cluster.digits-1 {
font-size: 14px;
height: 28px;
width: 28px;
line-height: 28px;
margin-top: -14px;
margin-left: -14px;
}
.cluster.digits-2 {
font-size: 16px;
height: 34px;
width: 34px;
line-height: 35px;
margin-top: -17px;
margin-left: -17px;
}
.cluster.digits-3 {
font-size: 18px;
height: 48px;
width: 47px;
line-height: 47px;
border-width: 3px;
margin-top: -24px;
margin-left: -24px;
}
.cluster.digits-4 {
font-size: 18px;
height: 58px;
width: 58px;
line-height: 57px;
border-width: 4px;
margin-top: -29px;
margin-left: -29px;
}
/* ----------------------------- */
/* ==Sliders : Options */
/* ----------------------------- */
/*
Le site utilise principalement
les sliders de Glide.
Cette page le peronnalise pour ajout
des effets supplémentires :
- de Fade
*/
/* Importer Glide */
.glide {
position: relative;
width: 100%;
box-sizing: border-box;
}
.glide * {
box-sizing: inherit;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides--dragging {
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
user-select: none;
}
.glide__bullets {
-webkit-touch-callout: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}
.glide__arrow {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: #fff;
text-transform: uppercase;
padding: 9px 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0);
border-radius: 4px;
text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
opacity: 1;
cursor: pointer;
transition: opacity 150ms ease, border 300ms ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.glide__arrow:focus {
outline: none;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
}
.glide__arrow:hover {
border-color: #fff;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
}
.glide__arrow--left {
left: 2em;
}
.glide__arrow--right {
right: 2em;
}
.glide__arrow--disabled {
opacity: 0.33;
}
.glide__bullets {
position: absolute;
z-index: 2;
bottom: 2em;
left: 50%;
display: inline-flex;
list-style: none;
transform: translateX(-50%);
}
.glide__bullet {
background-color: rgba(255, 255, 255, 0.5);
width: 9px;
height: 9px;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
transition: all 300ms ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
margin: 0 0.25em;
}
.glide__bullet:focus {
outline: none;
}
.glide__bullet:hover, .glide__bullet:focus {
border: 2px solid white;
background-color: rgba(255, 255, 255, 0.5);
}
.glide__bullet--active {
background-color: white;
}
.glide--swipeable {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.glide--dragging {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.glide__slides {
align-items: stretch;
}
.glide__slide {
height: auto !important;
}
/* Effet : F a d e */
.glide.slider-effect--fade .glide__slides {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
position: relative;
transform: none !important;
width: auto !important;
}
.glide.slider-effect--fade .glide__slide {
position: static;
opacity: 0;
transition: opacity 0.5s ease;
grid-area: 1/1/2/2;
margin-left: 0 !important;
margin-right: 0 !important;
}
.glide.slider-effect--fade .glide__slide--active {
z-index: 1;
opacity: 1;
}
.glide.slider-effect--fade .glide__arrow--left {
left: 0;
}
.glide.slider-effect--fade .glide__arrow--right {
right: 0;
}
/** Afficher les images en Lightbox */
body #bp_aud, body #bp_container img, body #bp_sv, body #bp_vid {
border-radius: 10px;
box-shadow: 0 2.7px 2px rgba(0, 0, 0, 0.049), 0 6.3px 4.6px rgba(0, 0, 0, 0.071), 0 11.3px 8.2px rgba(0, 0, 0, 0.087), 0 18.8px 13.6px rgba(0, 0, 0, 0.103), 0 31px 22.5px rgba(0, 0, 0, 0.119), 0 54.1px 39.3px rgba(0, 0, 0, 0.141), 0 117px 85px rgba(0, 0, 0, 0.19);
}
body #bp_container {
background-color: rgba(19, 19, 19, 0.57);
backdrop-filter: blur(1px);
/* Bouton fermer */
/* boutons prev et next */
/* Caption */
}
body #bp_container > .bp-x {
background-color: #555555;
}
body #bp_container > .bp-x:focus, body #bp_container > .bp-x:hover {
background-color: #2e2e2e;
}
body #bp_container .bp-lr {
opacity: 0.6;
}
body #bp_container .bp-lr:focus, body #bp_container .bp-lr:hover {
opacity: 1;
}
body #bp_container .bp-xc {
display: none;
}
body #bp_container #bp_caption {
color: #555;
background-color: #fff;
opacity: 1;
}
/* Boutons de slider */
.glide__slide:not(.glide__slide--active) .btn-slider {
z-index: -2;
}
.glide__slide__buttons-container {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-content: flex-start;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0.5em 0 0 0;
pointer-events: none;
z-index: 10;
}
.glide__slide__buttons-container > * {
flex: 0 0 auto;
margin-left: 0.5em;
pointer-events: all;
}
.glide__slide__buttons-container .btn.btn-slider {
--background-color: transparent;
--color: #fff;
--border: none;
--hover-color: var(--color);
--hover-background-color: transparent;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.42);
color: #fff;
font-size: 1.3em;
opacity: 0.85;
}
.glide__slide__buttons-container .btn.btn-slider:hover, .glide__slide__buttons-container .btn.btn-slider:focus, .glide__slide__buttons-container .btn.btn-slider:active {
opacity: 1;
transform: scale(1.15);
}
*[data-slider-index] {
cursor: pointer;
}
*[data-slider-index] * {
pointer-events: none;
}
.js-slider-pagination-exterieur--slider *[data-slider-index] {
cursor: pointer;
}
.js-slider-pagination-exterieur--slider *[data-slider-index] * {
pointer-events: all;
}
/* ----------------------------- */
/* ==Sliders : Slide-Inline */
/* ----------------------------- */
/*
Slider de type en ligne (comme les actualités et conseils de la home)
Sur SMALL : il passe à 1 actualité
Variuates :
=========================
• dir : ltr permet de modifier
l'ordre de présentation
des éléments dans le flux du slider
*/
.slider-inline {
/* Thèmes de couleurs */
margin-top: var(--box-spacer);
margin-bottom: var(--box-spacer);
/*#region RTL : Changer la direction de la section */
/*#endregion */
}
.slider-inline.actualities {
--bigshapes-color: var(--color-secondary);
--bigshapes-blend-mode: color;
}
.slider-inline.advices {
--bigshapes-color: var(--color-primary);
}
@media (min-width: 576px) {
.slider-inline.header-on {
margin-right: 0;
margin-left: var(--layout-wrapper-large-margin-left);
}
}
@media (min-width: 576px) {
.slider-inline.header-off {
margin-right: 0;
margin-left: 0;
}
}
.slider-inline[dir=rtl] {
margin-right: var(--layout-wrapper-large-margin-right);
margin-left: 0;
}
@media (max-width: 575px) {
.slider-inline[dir=rtl] {
direction: ltr !important;
}
}
.slider-inline[dir=rtl] .slider-inline-slider-wrapper {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 576px) {
.slider-inline[dir=rtl] .card-summary {
text-align: right;
}
}
.slider-inline[dir=rtl] .card-summary-wrapper .background-shapes {
transform: scaleX(-1);
}
.slider-inline[dir=rtl] .card-body {
direction: ltr;
}
@media (min-width: 576px) {
.slider-inline-wrapper {
margin-right: 0;
}
}
.slider-inline-list {
margin: -1em 0 -70px 0;
}
.slider-inline-slider {
height: 100%;
margin-bottom: calc( -70px + 1em);
}
@media (min-width: 576px) {
.slider-inline-slider {
margin-bottom: 0;
padding-right: 0;
padding-left: 0;
}
}
.slider-inline-slider-wrapper {
height: 100%;
}
@media (min-width: 576px) {
.slider-inline-slider-wrapper {
padding-right: 0;
padding-left: 0;
}
}
.slider-inline-slider-list {
height: 100%;
}
.slider-inline-slider-item {
height: 100%;
padding-top: 1em;
padding-right: 7px;
padding-bottom: 70px;
padding-left: 7px;
}
@media (min-width: 576px) {
.slider-inline-slider-item {
padding-right: 1em;
padding-left: 1em;
}
}
.slider-inline .glide__arrow {
display: none;
top: calc( 50% - 35px );
background-color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 576px) {
.slider-inline .glide__arrow {
display: block;
color: #888;
}
}
.slider-inline .glide__arrow--left {
right: 0;
left: auto;
}
.slider-inline .glide__arrow--right {
left: 0;
right: auto;
}
.slider-inline .card {
min-height: 22em;
}
@media (min-width: 768px) {
.slider-inline .card {
height: 100%;
}
}
@media (min-width: 768px) {
.slider-inline .card-subtitle {
font-size: 0.8em;
}
}
@media (max-width: 991px) {
.slider-inline .card-subtitle .card-date {
display: block;
}
}
.slider-inline .card-summary {
/* Désactiver les surlignages de texte sur les fond de couleurs */
}
@media (min-width: 576px) {
.slider-inline .card-summary {
min-width: 18em;
padding: 1em 0 70px 0;
color: #fff;
}
}
.slider-inline .card-summary-wrapper {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
height: 100%;
padding-top: 0;
padding-right: var(--layout-wrapper-medium-margin-right);
padding-bottom: 0;
padding-left: var(--layout-wrapper-medium-margin-left);
overflow: hidden;
}
@media (min-width: 576px) {
.slider-inline .card-summary-wrapper {
min-height: 22em;
padding-top: 2.3em;
padding-right: 11.37%;
padding-bottom: 14%;
padding-left: 11.37%;
box-shadow: var(--card-box-shadow);
border-radius: 10px;
}
}
.slider-inline .card-summary-wrapper .background-shapes {
display: none;
}
@media (min-width: 576px) {
.slider-inline .card-summary-wrapper .background-shapes {
z-index: -2;
display: block;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
}
}
.slider-inline .card-summary-content {
max-width: 20em;
}
@media (min-width: 576px) {
.slider-inline .card-summary .highlighted, .slider-inline .card-summary .post-type-archive-entities_catalog .detail-item-agency .card-title-town, .post-type-archive-entities_catalog .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .model-detail .detail-item-agency .card-title-town,
.model-detail .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .agency-detail .detail-item-agency .card-title-town,
.agency-detail .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_advice .detail-item-agency .card-title-town,
.single-entities_advice .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_actuality .detail-item-agency .card-title-town,
.single-entities_actuality .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_land_houses .detail-item-agency .card-title-town,
.single-entities_land_houses .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_event .detail-item-agency .card-title-town,
.single-entities_event .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_realization .detail-item-agency .card-title-town,
.single-entities_realization .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .single-entities_prestapack .detail-item-agency .card-title-town,
.single-entities_prestapack .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .form-page .detail-item-agency .card-title-town,
.form-page .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .edito-page .detail-item-agency .card-title-town,
.edito-page .detail-item-agency .slider-inline .card-summary .card-title-town,
.slider-inline .card-summary .customer-reviews .detail-item-agency .card-title-town,
.customer-reviews .detail-item-agency .slider-inline .card-summary .card-title-town, .slider-inline .card-summary .title-section .highlight, .title-section .slider-inline .card-summary .highlight {
--color-highlighted_txt: transparent;
}
}
/* ----------------------------- */
/* ==skip links */
/* ----------------------------- */
/*
Liens d'évitement :
pour un accès immédiat aux zones principales du site.
Nécessaire lots de la navigation au clavier
*/
.skip-links {
position: absolute;
}
.skip-links a {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em;
background: black;
color: white;
text-decoration: none;
}
.skip-links a:focus {
position: static;
overflow: visible;
clip: auto;
}
/* ----------------------------- */
/* ==Tables */
/* ----------------------------- */
table,
.table {
width: 100%;
max-width: 100%;
table-layout: fixed;
border-collapse: collapse;
vertical-align: top;
margin-bottom: 2rem;
}
.table {
display: table;
border: 1px solid #acb3c2;
background: transparent;
}
.table--zebra tbody tr:nth-child(odd) {
background: #e7e9ed;
}
.table caption {
caption-side: bottom;
padding: 1rem;
color: #333;
font-style: italic;
text-align: right;
}
.table td, .table th {
padding: 0.3rem 0.6rem;
min-width: 2rem;
vertical-align: top;
border: 1px #acb3c2 dotted;
text-align: left;
cursor: default;
}
.table thead {
color: #212529;
background: transparent;
}
.table--auto {
table-layout: auto;
}
/* ----------------------------- */
/* ==Forms */
/* ----------------------------- */
/* forms items */
form,
fieldset {
border: none;
}
fieldset {
padding: 0;
}
fieldset legend {
padding: 0;
border: 0;
white-space: normal;
}
label {
display: inline-block;
cursor: pointer;
}
[type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
margin: 0;
padding: 0.375em 0.75em;
font-family: inherit;
font-size: 16px;
vertical-align: middle;
color: var(--input-color);
border: 0;
box-shadow: 0 0 0 1px var(--forms-color) inset;
transition: 0.25s;
transition-property: box-shadow, background-color, color, border;
appearance: none;
}
[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=submit]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
color: var(--input-placeholder-color);
opacity: 1;
}
@media (min-width: 576px) {
[type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
font-size: inherit;
}
}
[type=submit] {
background-color: var(--forms-color);
color: var(--color-light);
cursor: pointer;
}
input:disabled,
input[readonly] {
background-color: #e7e9ed;
opacity: 1;
}
select {
padding-right: 2rem;
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
background-position: right 0.6rem center;
background-repeat: no-repeat;
background-size: 1.2rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: var(--input-border-radius);
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--input-color);
}
select::-ms-expand {
display: none;
/* masquer la flèche si IE11 */
}
textarea {
min-height: 5em;
vertical-align: top;
resize: vertical;
white-space: pre-wrap;
}
/* 'x' appears on right of search input when text is entered. This removes it */
[type=search]::-webkit-search-decoration, [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-results-button, [type=search]::-webkit-search-results-decoration {
display: none;
}
::-webkit-input-placeholder {
color: #777;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #777;
}
input::placeholder,
textarea::placeholder {
color: #777;
}
input[type=file],
input[type=range] {
display: block;
width: 100%;
}
progress {
width: 100%;
vertical-align: middle;
}
.form-required-informations {
font-size: 0.85em;
color: var(--color-mediumdark-grey);
}
.form-footer {
padding-top: 1em;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.form-footer * > {
flex: 0 0 auto;
}
body .form-check-mewtoo {
margin-right: 0.2rem;
margin-bottom: 0.2rem;
text-align: center;
}
body .form-check-mewtoo label {
z-index: 1;
position: relative;
display: inline-flex;
padding: 0.3em 1em;
background-color: var(--input-group-addon-bg);
font-size: 1.2em;
color: var(--input-group-addon-color, #000);
border-radius: var(--input-border-radius);
overflow: hidden;
user-select: none;
}
@media (min-width: 576px) {
body .form-check-mewtoo label {
font-size: 1em;
}
}
body .form-check-mewtoo label::after {
content: "";
visibility: hidden;
z-index: -1;
position: absolute;
opacity: 0;
top: 0;
right: 0;
bottom: -5px;
left: 0;
transform: scale(0.2) translateZ(0);
background-color: var(--color-primary);
transition: all 0.25s ease-out;
}
body .form-check-mewtoo input:checked + label {
font-weight: bold;
color: #fff;
}
body .form-check-mewtoo input:checked + label::after {
opacity: 1;
visibility: visible;
bottom: 0;
transform: scale(1.2);
}
body .form-check-mewtoo .additional-label {
display: block;
padding: 0.3em 0;
line-height: 1.12;
}
body .form-check-mewtoo--large label {
font-size: 2.8em;
padding: 0.1em 0.4em 0em;
}
/* Éléments d'interface riches
===========================
(pour submit et btn, cf. _buttons.scss)
*/
.icon-filters {
position: relative;
width: 1em;
height: 1em;
transform: rotate(90deg);
}
.icon-filters::before {
content: "";
display: block;
position: absolute;
top: 0.1875em;
left: 0;
width: 100%;
height: 0.125em;
background: #333333 none repeat scroll 0% 0%;
color: #333333;
box-shadow: currentColor 0 0.4375em 0 0;
}
.icon-filters::after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 0.125em;
height: 0.375em;
background: #333333 none repeat scroll 0% 0%;
color: #333333;
box-shadow: currentcolor 0.5em 0.4375em 0 0;
transform: translate3d(0.1875em, 0.0625em, 0);
transition: transform 200ms ease 0s, box-shadow 200ms ease 0s;
}
.icon-filters.on::after {
box-shadow: var(--color-secondary) -0.5em 0.4375em 0 0;
transform: translate3d(0.6875em, 1px, 0);
}
/*#region form-control */
.form-control, .wpcf7 [type=color],
.wpcf7 [type=date],
.wpcf7 [type=datetime-local],
.wpcf7 [type=email],
.wpcf7 [type=month],
.wpcf7 [type=number],
.wpcf7 [type=password],
.wpcf7 [type=search],
.wpcf7 [type=tel],
.wpcf7 [type=text],
.wpcf7 [type=time],
.wpcf7 [type=url],
.wpcf7 [type=week],
.wpcf7 textarea,
.wpcf7 select {
display: block;
width: 100%;
height: calc(1.5em + 0.75em + 2px);
padding: 0.375em 0.75em;
color: var(--input-color);
background-color: var(--input-bg);
background-clip: padding-box;
border-radius: var(--input-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus, .wpcf7 [type=color]:focus,
.wpcf7 [type=date]:focus,
.wpcf7 [type=datetime-local]:focus,
.wpcf7 [type=email]:focus,
.wpcf7 [type=month]:focus,
.wpcf7 [type=number]:focus,
.wpcf7 [type=password]:focus,
.wpcf7 [type=search]:focus,
.wpcf7 [type=tel]:focus,
.wpcf7 [type=text]:focus,
.wpcf7 [type=time]:focus,
.wpcf7 [type=url]:focus,
.wpcf7 [type=week]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
color: #495057;
background-color: #fff;
border-color: #8bbafe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control .form-control:disabled, .wpcf7 [type=color] .form-control:disabled,
.wpcf7 [type=date] .form-control:disabled,
.wpcf7 [type=datetime-local] .form-control:disabled,
.wpcf7 [type=email] .form-control:disabled,
.wpcf7 [type=month] .form-control:disabled,
.wpcf7 [type=number] .form-control:disabled,
.wpcf7 [type=password] .form-control:disabled,
.wpcf7 [type=search] .form-control:disabled,
.wpcf7 [type=tel] .form-control:disabled,
.wpcf7 [type=text] .form-control:disabled,
.wpcf7 [type=time] .form-control:disabled,
.wpcf7 [type=url] .form-control:disabled,
.wpcf7 [type=week] .form-control:disabled,
.wpcf7 textarea .form-control:disabled,
.wpcf7 select .form-control:disabled, .form-control .wpcf7 [type=color]:disabled, .wpcf7 .form-control [type=color]:disabled, .wpcf7 [type=color] [type=color]:disabled,
.wpcf7 [type=date] [type=color]:disabled,
.wpcf7 [type=datetime-local] [type=color]:disabled,
.wpcf7 [type=email] [type=color]:disabled,
.wpcf7 [type=month] [type=color]:disabled,
.wpcf7 [type=number] [type=color]:disabled,
.wpcf7 [type=password] [type=color]:disabled,
.wpcf7 [type=search] [type=color]:disabled,
.wpcf7 [type=tel] [type=color]:disabled,
.wpcf7 [type=text] [type=color]:disabled,
.wpcf7 [type=time] [type=color]:disabled,
.wpcf7 [type=url] [type=color]:disabled,
.wpcf7 [type=week] [type=color]:disabled,
.wpcf7 textarea [type=color]:disabled,
.wpcf7 select [type=color]:disabled,
.form-control .wpcf7 [type=date]:disabled,
.wpcf7 .form-control [type=date]:disabled,
.wpcf7 [type=color] [type=date]:disabled,
.wpcf7 [type=date] [type=date]:disabled,
.wpcf7 [type=datetime-local] [type=date]:disabled,
.wpcf7 [type=email] [type=date]:disabled,
.wpcf7 [type=month] [type=date]:disabled,
.wpcf7 [type=number] [type=date]:disabled,
.wpcf7 [type=password] [type=date]:disabled,
.wpcf7 [type=search] [type=date]:disabled,
.wpcf7 [type=tel] [type=date]:disabled,
.wpcf7 [type=text] [type=date]:disabled,
.wpcf7 [type=time] [type=date]:disabled,
.wpcf7 [type=url] [type=date]:disabled,
.wpcf7 [type=week] [type=date]:disabled,
.wpcf7 textarea [type=date]:disabled,
.wpcf7 select [type=date]:disabled,
.form-control .wpcf7 [type=datetime-local]:disabled,
.wpcf7 .form-control [type=datetime-local]:disabled,
.wpcf7 [type=color] [type=datetime-local]:disabled,
.wpcf7 [type=date] [type=datetime-local]:disabled,
.wpcf7 [type=datetime-local] [type=datetime-local]:disabled,
.wpcf7 [type=email] [type=datetime-local]:disabled,
.wpcf7 [type=month] [type=datetime-local]:disabled,
.wpcf7 [type=number] [type=datetime-local]:disabled,
.wpcf7 [type=password] [type=datetime-local]:disabled,
.wpcf7 [type=search] [type=datetime-local]:disabled,
.wpcf7 [type=tel] [type=datetime-local]:disabled,
.wpcf7 [type=text] [type=datetime-local]:disabled,
.wpcf7 [type=time] [type=datetime-local]:disabled,
.wpcf7 [type=url] [type=datetime-local]:disabled,
.wpcf7 [type=week] [type=datetime-local]:disabled,
.wpcf7 textarea [type=datetime-local]:disabled,
.wpcf7 select [type=datetime-local]:disabled,
.form-control .wpcf7 [type=email]:disabled,
.wpcf7 .form-control [type=email]:disabled,
.wpcf7 [type=color] [type=email]:disabled,
.wpcf7 [type=date] [type=email]:disabled,
.wpcf7 [type=datetime-local] [type=email]:disabled,
.wpcf7 [type=email] [type=email]:disabled,
.wpcf7 [type=month] [type=email]:disabled,
.wpcf7 [type=number] [type=email]:disabled,
.wpcf7 [type=password] [type=email]:disabled,
.wpcf7 [type=search] [type=email]:disabled,
.wpcf7 [type=tel] [type=email]:disabled,
.wpcf7 [type=text] [type=email]:disabled,
.wpcf7 [type=time] [type=email]:disabled,
.wpcf7 [type=url] [type=email]:disabled,
.wpcf7 [type=week] [type=email]:disabled,
.wpcf7 textarea [type=email]:disabled,
.wpcf7 select [type=email]:disabled,
.form-control .wpcf7 [type=month]:disabled,
.wpcf7 .form-control [type=month]:disabled,
.wpcf7 [type=color] [type=month]:disabled,
.wpcf7 [type=date] [type=month]:disabled,
.wpcf7 [type=datetime-local] [type=month]:disabled,
.wpcf7 [type=email] [type=month]:disabled,
.wpcf7 [type=month] [type=month]:disabled,
.wpcf7 [type=number] [type=month]:disabled,
.wpcf7 [type=password] [type=month]:disabled,
.wpcf7 [type=search] [type=month]:disabled,
.wpcf7 [type=tel] [type=month]:disabled,
.wpcf7 [type=text] [type=month]:disabled,
.wpcf7 [type=time] [type=month]:disabled,
.wpcf7 [type=url] [type=month]:disabled,
.wpcf7 [type=week] [type=month]:disabled,
.wpcf7 textarea [type=month]:disabled,
.wpcf7 select [type=month]:disabled,
.form-control .wpcf7 [type=number]:disabled,
.wpcf7 .form-control [type=number]:disabled,
.wpcf7 [type=color] [type=number]:disabled,
.wpcf7 [type=date] [type=number]:disabled,
.wpcf7 [type=datetime-local] [type=number]:disabled,
.wpcf7 [type=email] [type=number]:disabled,
.wpcf7 [type=month] [type=number]:disabled,
.wpcf7 [type=number] [type=number]:disabled,
.wpcf7 [type=password] [type=number]:disabled,
.wpcf7 [type=search] [type=number]:disabled,
.wpcf7 [type=tel] [type=number]:disabled,
.wpcf7 [type=text] [type=number]:disabled,
.wpcf7 [type=time] [type=number]:disabled,
.wpcf7 [type=url] [type=number]:disabled,
.wpcf7 [type=week] [type=number]:disabled,
.wpcf7 textarea [type=number]:disabled,
.wpcf7 select [type=number]:disabled,
.form-control .wpcf7 [type=password]:disabled,
.wpcf7 .form-control [type=password]:disabled,
.wpcf7 [type=color] [type=password]:disabled,
.wpcf7 [type=date] [type=password]:disabled,
.wpcf7 [type=datetime-local] [type=password]:disabled,
.wpcf7 [type=email] [type=password]:disabled,
.wpcf7 [type=month] [type=password]:disabled,
.wpcf7 [type=number] [type=password]:disabled,
.wpcf7 [type=password] [type=password]:disabled,
.wpcf7 [type=search] [type=password]:disabled,
.wpcf7 [type=tel] [type=password]:disabled,
.wpcf7 [type=text] [type=password]:disabled,
.wpcf7 [type=time] [type=password]:disabled,
.wpcf7 [type=url] [type=password]:disabled,
.wpcf7 [type=week] [type=password]:disabled,
.wpcf7 textarea [type=password]:disabled,
.wpcf7 select [type=password]:disabled,
.form-control .wpcf7 [type=search]:disabled,
.wpcf7 .form-control [type=search]:disabled,
.wpcf7 [type=color] [type=search]:disabled,
.wpcf7 [type=date] [type=search]:disabled,
.wpcf7 [type=datetime-local] [type=search]:disabled,
.wpcf7 [type=email] [type=search]:disabled,
.wpcf7 [type=month] [type=search]:disabled,
.wpcf7 [type=number] [type=search]:disabled,
.wpcf7 [type=password] [type=search]:disabled,
.wpcf7 [type=search] [type=search]:disabled,
.wpcf7 [type=tel] [type=search]:disabled,
.wpcf7 [type=text] [type=search]:disabled,
.wpcf7 [type=time] [type=search]:disabled,
.wpcf7 [type=url] [type=search]:disabled,
.wpcf7 [type=week] [type=search]:disabled,
.wpcf7 textarea [type=search]:disabled,
.wpcf7 select [type=search]:disabled,
.form-control .wpcf7 [type=tel]:disabled,
.wpcf7 .form-control [type=tel]:disabled,
.wpcf7 [type=color] [type=tel]:disabled,
.wpcf7 [type=date] [type=tel]:disabled,
.wpcf7 [type=datetime-local] [type=tel]:disabled,
.wpcf7 [type=email] [type=tel]:disabled,
.wpcf7 [type=month] [type=tel]:disabled,
.wpcf7 [type=number] [type=tel]:disabled,
.wpcf7 [type=password] [type=tel]:disabled,
.wpcf7 [type=search] [type=tel]:disabled,
.wpcf7 [type=tel] [type=tel]:disabled,
.wpcf7 [type=text] [type=tel]:disabled,
.wpcf7 [type=time] [type=tel]:disabled,
.wpcf7 [type=url] [type=tel]:disabled,
.wpcf7 [type=week] [type=tel]:disabled,
.wpcf7 textarea [type=tel]:disabled,
.wpcf7 select [type=tel]:disabled,
.form-control .wpcf7 [type=text]:disabled,
.wpcf7 .form-control [type=text]:disabled,
.wpcf7 [type=color] [type=text]:disabled,
.wpcf7 [type=date] [type=text]:disabled,
.wpcf7 [type=datetime-local] [type=text]:disabled,
.wpcf7 [type=email] [type=text]:disabled,
.wpcf7 [type=month] [type=text]:disabled,
.wpcf7 [type=number] [type=text]:disabled,
.wpcf7 [type=password] [type=text]:disabled,
.wpcf7 [type=search] [type=text]:disabled,
.wpcf7 [type=tel] [type=text]:disabled,
.wpcf7 [type=text] [type=text]:disabled,
.wpcf7 [type=time] [type=text]:disabled,
.wpcf7 [type=url] [type=text]:disabled,
.wpcf7 [type=week] [type=text]:disabled,
.wpcf7 textarea [type=text]:disabled,
.wpcf7 select [type=text]:disabled,
.form-control .wpcf7 [type=time]:disabled,
.wpcf7 .form-control [type=time]:disabled,
.wpcf7 [type=color] [type=time]:disabled,
.wpcf7 [type=date] [type=time]:disabled,
.wpcf7 [type=datetime-local] [type=time]:disabled,
.wpcf7 [type=email] [type=time]:disabled,
.wpcf7 [type=month] [type=time]:disabled,
.wpcf7 [type=number] [type=time]:disabled,
.wpcf7 [type=password] [type=time]:disabled,
.wpcf7 [type=search] [type=time]:disabled,
.wpcf7 [type=tel] [type=time]:disabled,
.wpcf7 [type=text] [type=time]:disabled,
.wpcf7 [type=time] [type=time]:disabled,
.wpcf7 [type=url] [type=time]:disabled,
.wpcf7 [type=week] [type=time]:disabled,
.wpcf7 textarea [type=time]:disabled,
.wpcf7 select [type=time]:disabled,
.form-control .wpcf7 [type=url]:disabled,
.wpcf7 .form-control [type=url]:disabled,
.wpcf7 [type=color] [type=url]:disabled,
.wpcf7 [type=date] [type=url]:disabled,
.wpcf7 [type=datetime-local] [type=url]:disabled,
.wpcf7 [type=email] [type=url]:disabled,
.wpcf7 [type=month] [type=url]:disabled,
.wpcf7 [type=number] [type=url]:disabled,
.wpcf7 [type=password] [type=url]:disabled,
.wpcf7 [type=search] [type=url]:disabled,
.wpcf7 [type=tel] [type=url]:disabled,
.wpcf7 [type=text] [type=url]:disabled,
.wpcf7 [type=time] [type=url]:disabled,
.wpcf7 [type=url] [type=url]:disabled,
.wpcf7 [type=week] [type=url]:disabled,
.wpcf7 textarea [type=url]:disabled,
.wpcf7 select [type=url]:disabled,
.form-control .wpcf7 [type=week]:disabled,
.wpcf7 .form-control [type=week]:disabled,
.wpcf7 [type=color] [type=week]:disabled,
.wpcf7 [type=date] [type=week]:disabled,
.wpcf7 [type=datetime-local] [type=week]:disabled,
.wpcf7 [type=email] [type=week]:disabled,
.wpcf7 [type=month] [type=week]:disabled,
.wpcf7 [type=number] [type=week]:disabled,
.wpcf7 [type=password] [type=week]:disabled,
.wpcf7 [type=search] [type=week]:disabled,
.wpcf7 [type=tel] [type=week]:disabled,
.wpcf7 [type=text] [type=week]:disabled,
.wpcf7 [type=time] [type=week]:disabled,
.wpcf7 [type=url] [type=week]:disabled,
.wpcf7 [type=week] [type=week]:disabled,
.wpcf7 textarea [type=week]:disabled,
.wpcf7 select [type=week]:disabled,
.form-control .wpcf7 textarea:disabled,
.wpcf7 .form-control textarea:disabled,
.wpcf7 [type=color] textarea:disabled,
.wpcf7 [type=date] textarea:disabled,
.wpcf7 [type=datetime-local] textarea:disabled,
.wpcf7 [type=email] textarea:disabled,
.wpcf7 [type=month] textarea:disabled,
.wpcf7 [type=number] textarea:disabled,
.wpcf7 [type=password] textarea:disabled,
.wpcf7 [type=search] textarea:disabled,
.wpcf7 [type=tel] textarea:disabled,
.wpcf7 [type=text] textarea:disabled,
.wpcf7 [type=time] textarea:disabled,
.wpcf7 [type=url] textarea:disabled,
.wpcf7 [type=week] textarea:disabled,
.wpcf7 textarea textarea:disabled,
.wpcf7 select textarea:disabled,
.form-control .wpcf7 select:disabled,
.wpcf7 .form-control select:disabled,
.wpcf7 [type=color] select:disabled,
.wpcf7 [type=date] select:disabled,
.wpcf7 [type=datetime-local] select:disabled,
.wpcf7 [type=email] select:disabled,
.wpcf7 [type=month] select:disabled,
.wpcf7 [type=number] select:disabled,
.wpcf7 [type=password] select:disabled,
.wpcf7 [type=search] select:disabled,
.wpcf7 [type=tel] select:disabled,
.wpcf7 [type=text] select:disabled,
.wpcf7 [type=time] select:disabled,
.wpcf7 [type=url] select:disabled,
.wpcf7 [type=week] select:disabled,
.wpcf7 textarea select:disabled,
.wpcf7 select select:disabled,
.form-control .form-control[readonly],
.wpcf7 [type=color] .form-control[readonly],
.wpcf7 [type=date] .form-control[readonly],
.wpcf7 [type=datetime-local] .form-control[readonly],
.wpcf7 [type=email] .form-control[readonly],
.wpcf7 [type=month] .form-control[readonly],
.wpcf7 [type=number] .form-control[readonly],
.wpcf7 [type=password] .form-control[readonly],
.wpcf7 [type=search] .form-control[readonly],
.wpcf7 [type=tel] .form-control[readonly],
.wpcf7 [type=text] .form-control[readonly],
.wpcf7 [type=time] .form-control[readonly],
.wpcf7 [type=url] .form-control[readonly],
.wpcf7 [type=week] .form-control[readonly],
.wpcf7 textarea .form-control[readonly],
.wpcf7 select .form-control[readonly],
.form-control .wpcf7 [readonly][type=color],
.wpcf7 .form-control [readonly][type=color],
.wpcf7 [type=color] [readonly][type=color],
.wpcf7 [type=date] [readonly][type=color],
.wpcf7 [type=datetime-local] [readonly][type=color],
.wpcf7 [type=email] [readonly][type=color],
.wpcf7 [type=month] [readonly][type=color],
.wpcf7 [type=number] [readonly][type=color],
.wpcf7 [type=password] [readonly][type=color],
.wpcf7 [type=search] [readonly][type=color],
.wpcf7 [type=tel] [readonly][type=color],
.wpcf7 [type=text] [readonly][type=color],
.wpcf7 [type=time] [readonly][type=color],
.wpcf7 [type=url] [readonly][type=color],
.wpcf7 [type=week] [readonly][type=color],
.wpcf7 textarea [readonly][type=color],
.wpcf7 select [readonly][type=color],
.form-control .wpcf7 [readonly][type=date],
.wpcf7 .form-control [readonly][type=date],
.wpcf7 [type=color] [readonly][type=date],
.wpcf7 [type=date] [readonly][type=date],
.wpcf7 [type=datetime-local] [readonly][type=date],
.wpcf7 [type=email] [readonly][type=date],
.wpcf7 [type=month] [readonly][type=date],
.wpcf7 [type=number] [readonly][type=date],
.wpcf7 [type=password] [readonly][type=date],
.wpcf7 [type=search] [readonly][type=date],
.wpcf7 [type=tel] [readonly][type=date],
.wpcf7 [type=text] [readonly][type=date],
.wpcf7 [type=time] [readonly][type=date],
.wpcf7 [type=url] [readonly][type=date],
.wpcf7 [type=week] [readonly][type=date],
.wpcf7 textarea [readonly][type=date],
.wpcf7 select [readonly][type=date],
.form-control .wpcf7 [readonly][type=datetime-local],
.wpcf7 .form-control [readonly][type=datetime-local],
.wpcf7 [type=color] [readonly][type=datetime-local],
.wpcf7 [type=date] [readonly][type=datetime-local],
.wpcf7 [type=datetime-local] [readonly][type=datetime-local],
.wpcf7 [type=email] [readonly][type=datetime-local],
.wpcf7 [type=month] [readonly][type=datetime-local],
.wpcf7 [type=number] [readonly][type=datetime-local],
.wpcf7 [type=password] [readonly][type=datetime-local],
.wpcf7 [type=search] [readonly][type=datetime-local],
.wpcf7 [type=tel] [readonly][type=datetime-local],
.wpcf7 [type=text] [readonly][type=datetime-local],
.wpcf7 [type=time] [readonly][type=datetime-local],
.wpcf7 [type=url] [readonly][type=datetime-local],
.wpcf7 [type=week] [readonly][type=datetime-local],
.wpcf7 textarea [readonly][type=datetime-local],
.wpcf7 select [readonly][type=datetime-local],
.form-control .wpcf7 [readonly][type=email],
.wpcf7 .form-control [readonly][type=email],
.wpcf7 [type=color] [readonly][type=email],
.wpcf7 [type=date] [readonly][type=email],
.wpcf7 [type=datetime-local] [readonly][type=email],
.wpcf7 [type=email] [readonly][type=email],
.wpcf7 [type=month] [readonly][type=email],
.wpcf7 [type=number] [readonly][type=email],
.wpcf7 [type=password] [readonly][type=email],
.wpcf7 [type=search] [readonly][type=email],
.wpcf7 [type=tel] [readonly][type=email],
.wpcf7 [type=text] [readonly][type=email],
.wpcf7 [type=time] [readonly][type=email],
.wpcf7 [type=url] [readonly][type=email],
.wpcf7 [type=week] [readonly][type=email],
.wpcf7 textarea [readonly][type=email],
.wpcf7 select [readonly][type=email],
.form-control .wpcf7 [readonly][type=month],
.wpcf7 .form-control [readonly][type=month],
.wpcf7 [type=color] [readonly][type=month],
.wpcf7 [type=date] [readonly][type=month],
.wpcf7 [type=datetime-local] [readonly][type=month],
.wpcf7 [type=email] [readonly][type=month],
.wpcf7 [type=month] [readonly][type=month],
.wpcf7 [type=number] [readonly][type=month],
.wpcf7 [type=password] [readonly][type=month],
.wpcf7 [type=search] [readonly][type=month],
.wpcf7 [type=tel] [readonly][type=month],
.wpcf7 [type=text] [readonly][type=month],
.wpcf7 [type=time] [readonly][type=month],
.wpcf7 [type=url] [readonly][type=month],
.wpcf7 [type=week] [readonly][type=month],
.wpcf7 textarea [readonly][type=month],
.wpcf7 select [readonly][type=month],
.form-control .wpcf7 [readonly][type=number],
.wpcf7 .form-control [readonly][type=number],
.wpcf7 [type=color] [readonly][type=number],
.wpcf7 [type=date] [readonly][type=number],
.wpcf7 [type=datetime-local] [readonly][type=number],
.wpcf7 [type=email] [readonly][type=number],
.wpcf7 [type=month] [readonly][type=number],
.wpcf7 [type=number] [readonly][type=number],
.wpcf7 [type=password] [readonly][type=number],
.wpcf7 [type=search] [readonly][type=number],
.wpcf7 [type=tel] [readonly][type=number],
.wpcf7 [type=text] [readonly][type=number],
.wpcf7 [type=time] [readonly][type=number],
.wpcf7 [type=url] [readonly][type=number],
.wpcf7 [type=week] [readonly][type=number],
.wpcf7 textarea [readonly][type=number],
.wpcf7 select [readonly][type=number],
.form-control .wpcf7 [readonly][type=password],
.wpcf7 .form-control [readonly][type=password],
.wpcf7 [type=color] [readonly][type=password],
.wpcf7 [type=date] [readonly][type=password],
.wpcf7 [type=datetime-local] [readonly][type=password],
.wpcf7 [type=email] [readonly][type=password],
.wpcf7 [type=month] [readonly][type=password],
.wpcf7 [type=number] [readonly][type=password],
.wpcf7 [type=password] [readonly][type=password],
.wpcf7 [type=search] [readonly][type=password],
.wpcf7 [type=tel] [readonly][type=password],
.wpcf7 [type=text] [readonly][type=password],
.wpcf7 [type=time] [readonly][type=password],
.wpcf7 [type=url] [readonly][type=password],
.wpcf7 [type=week] [readonly][type=password],
.wpcf7 textarea [readonly][type=password],
.wpcf7 select [readonly][type=password],
.form-control .wpcf7 [readonly][type=search],
.wpcf7 .form-control [readonly][type=search],
.wpcf7 [type=color] [readonly][type=search],
.wpcf7 [type=date] [readonly][type=search],
.wpcf7 [type=datetime-local] [readonly][type=search],
.wpcf7 [type=email] [readonly][type=search],
.wpcf7 [type=month] [readonly][type=search],
.wpcf7 [type=number] [readonly][type=search],
.wpcf7 [type=password] [readonly][type=search],
.wpcf7 [type=search] [readonly][type=search],
.wpcf7 [type=tel] [readonly][type=search],
.wpcf7 [type=text] [readonly][type=search],
.wpcf7 [type=time] [readonly][type=search],
.wpcf7 [type=url] [readonly][type=search],
.wpcf7 [type=week] [readonly][type=search],
.wpcf7 textarea [readonly][type=search],
.wpcf7 select [readonly][type=search],
.form-control .wpcf7 [readonly][type=tel],
.wpcf7 .form-control [readonly][type=tel],
.wpcf7 [type=color] [readonly][type=tel],
.wpcf7 [type=date] [readonly][type=tel],
.wpcf7 [type=datetime-local] [readonly][type=tel],
.wpcf7 [type=email] [readonly][type=tel],
.wpcf7 [type=month] [readonly][type=tel],
.wpcf7 [type=number] [readonly][type=tel],
.wpcf7 [type=password] [readonly][type=tel],
.wpcf7 [type=search] [readonly][type=tel],
.wpcf7 [type=tel] [readonly][type=tel],
.wpcf7 [type=text] [readonly][type=tel],
.wpcf7 [type=time] [readonly][type=tel],
.wpcf7 [type=url] [readonly][type=tel],
.wpcf7 [type=week] [readonly][type=tel],
.wpcf7 textarea [readonly][type=tel],
.wpcf7 select [readonly][type=tel],
.form-control .wpcf7 [readonly][type=text],
.wpcf7 .form-control [readonly][type=text],
.wpcf7 [type=color] [readonly][type=text],
.wpcf7 [type=date] [readonly][type=text],
.wpcf7 [type=datetime-local] [readonly][type=text],
.wpcf7 [type=email] [readonly][type=text],
.wpcf7 [type=month] [readonly][type=text],
.wpcf7 [type=number] [readonly][type=text],
.wpcf7 [type=password] [readonly][type=text],
.wpcf7 [type=search] [readonly][type=text],
.wpcf7 [type=tel] [readonly][type=text],
.wpcf7 [type=text] [readonly][type=text],
.wpcf7 [type=time] [readonly][type=text],
.wpcf7 [type=url] [readonly][type=text],
.wpcf7 [type=week] [readonly][type=text],
.wpcf7 textarea [readonly][type=text],
.wpcf7 select [readonly][type=text],
.form-control .wpcf7 [readonly][type=time],
.wpcf7 .form-control [readonly][type=time],
.wpcf7 [type=color] [readonly][type=time],
.wpcf7 [type=date] [readonly][type=time],
.wpcf7 [type=datetime-local] [readonly][type=time],
.wpcf7 [type=email] [readonly][type=time],
.wpcf7 [type=month] [readonly][type=time],
.wpcf7 [type=number] [readonly][type=time],
.wpcf7 [type=password] [readonly][type=time],
.wpcf7 [type=search] [readonly][type=time],
.wpcf7 [type=tel] [readonly][type=time],
.wpcf7 [type=text] [readonly][type=time],
.wpcf7 [type=time] [readonly][type=time],
.wpcf7 [type=url] [readonly][type=time],
.wpcf7 [type=week] [readonly][type=time],
.wpcf7 textarea [readonly][type=time],
.wpcf7 select [readonly][type=time],
.form-control .wpcf7 [readonly][type=url],
.wpcf7 .form-control [readonly][type=url],
.wpcf7 [type=color] [readonly][type=url],
.wpcf7 [type=date] [readonly][type=url],
.wpcf7 [type=datetime-local] [readonly][type=url],
.wpcf7 [type=email] [readonly][type=url],
.wpcf7 [type=month] [readonly][type=url],
.wpcf7 [type=number] [readonly][type=url],
.wpcf7 [type=password] [readonly][type=url],
.wpcf7 [type=search] [readonly][type=url],
.wpcf7 [type=tel] [readonly][type=url],
.wpcf7 [type=text] [readonly][type=url],
.wpcf7 [type=time] [readonly][type=url],
.wpcf7 [type=url] [readonly][type=url],
.wpcf7 [type=week] [readonly][type=url],
.wpcf7 textarea [readonly][type=url],
.wpcf7 select [readonly][type=url],
.form-control .wpcf7 [readonly][type=week],
.wpcf7 .form-control [readonly][type=week],
.wpcf7 [type=color] [readonly][type=week],
.wpcf7 [type=date] [readonly][type=week],
.wpcf7 [type=datetime-local] [readonly][type=week],
.wpcf7 [type=email] [readonly][type=week],
.wpcf7 [type=month] [readonly][type=week],
.wpcf7 [type=number] [readonly][type=week],
.wpcf7 [type=password] [readonly][type=week],
.wpcf7 [type=search] [readonly][type=week],
.wpcf7 [type=tel] [readonly][type=week],
.wpcf7 [type=text] [readonly][type=week],
.wpcf7 [type=time] [readonly][type=week],
.wpcf7 [type=url] [readonly][type=week],
.wpcf7 [type=week] [readonly][type=week],
.wpcf7 textarea [readonly][type=week],
.wpcf7 select [readonly][type=week],
.form-control .wpcf7 textarea[readonly],
.wpcf7 .form-control textarea[readonly],
.wpcf7 [type=color] textarea[readonly],
.wpcf7 [type=date] textarea[readonly],
.wpcf7 [type=datetime-local] textarea[readonly],
.wpcf7 [type=email] textarea[readonly],
.wpcf7 [type=month] textarea[readonly],
.wpcf7 [type=number] textarea[readonly],
.wpcf7 [type=password] textarea[readonly],
.wpcf7 [type=search] textarea[readonly],
.wpcf7 [type=tel] textarea[readonly],
.wpcf7 [type=text] textarea[readonly],
.wpcf7 [type=time] textarea[readonly],
.wpcf7 [type=url] textarea[readonly],
.wpcf7 [type=week] textarea[readonly],
.wpcf7 textarea textarea[readonly],
.wpcf7 select textarea[readonly],
.form-control .wpcf7 select[readonly],
.wpcf7 .form-control select[readonly],
.wpcf7 [type=color] select[readonly],
.wpcf7 [type=date] select[readonly],
.wpcf7 [type=datetime-local] select[readonly],
.wpcf7 [type=email] select[readonly],
.wpcf7 [type=month] select[readonly],
.wpcf7 [type=number] select[readonly],
.wpcf7 [type=password] select[readonly],
.wpcf7 [type=search] select[readonly],
.wpcf7 [type=tel] select[readonly],
.wpcf7 [type=text] select[readonly],
.wpcf7 [type=time] select[readonly],
.wpcf7 [type=url] select[readonly],
.wpcf7 [type=week] select[readonly],
.wpcf7 textarea select[readonly],
.wpcf7 select select[readonly] {
background-color: var(---color-muted);
opacity: 1;
}
.form-control.error, .wpcf7 .error[type=color],
.wpcf7 .error[type=date],
.wpcf7 .error[type=datetime-local],
.wpcf7 .error[type=email],
.wpcf7 .error[type=month],
.wpcf7 .error[type=number],
.wpcf7 .error[type=password],
.wpcf7 .error[type=search],
.wpcf7 .error[type=tel],
.wpcf7 .error[type=text],
.wpcf7 .error[type=time],
.wpcf7 .error[type=url],
.wpcf7 .error[type=week],
.wpcf7 textarea.error,
.wpcf7 select.error {
box-shadow: 0 0 0 1px var(--color-danger) inset;
}
input[type=date].form-control,
.wpcf7 input[type=date],
input[type=time].form-control,
.wpcf7 input[type=time],
input[type=datetime-local].form-control,
.wpcf7 input[type=datetime-local],
input[type=month].form-control,
.wpcf7 input[type=month] {
appearance: none;
}
select.form-control:focus::-ms-value,
.wpcf7 select:focus::-ms-value {
color: var(--input-color);
background-color: var(--input-bg);
}
.wpcf7 form .wpcf7-response-output {
opacity: 0;
position: absolute;
pointer-events: none;
}
.form-group {
margin-bottom: 1rem;
}
.col-form-label {
padding-top: add(0.375em, 1px);
padding-bottom: add(0.375em, 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: add(0.5em, 1px);
padding-bottom: add(0.5em, 1px);
font-size: 1.25em;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: add(0.25em, 1px);
padding-bottom: add(0.25em, 1px);
font-size: 0.875em;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375em 0;
margin-bottom: 0;
font-size: var(--input-font-size);
line-height: 1.5;
color: inherit;
background-color: transparent;
border: solid transparent;
border-width: var(--input-border-width) 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.5em + 0.5em + 2px);
padding: 0.25em 0.5em;
font-size: 0.875em;
line-height: 1.5;
border-radius: 0.2em;
}
.form-control-lg {
height: calc(1.5em + 1em + 2px);
padding: 0.5em 1em;
font-size: 1.25em;
line-height: 1.5;
border-radius: 0.3em;
}
select.form-control[size],
.wpcf7 select[size], select.form-control[multiple],
.wpcf7 select[multiple] {
height: auto;
}
textarea.form-control, .wpcf7 textarea[type=color],
.wpcf7 textarea[type=date],
.wpcf7 textarea[type=datetime-local],
.wpcf7 textarea[type=email],
.wpcf7 textarea[type=month],
.wpcf7 textarea[type=number],
.wpcf7 textarea[type=password],
.wpcf7 textarea[type=search],
.wpcf7 textarea[type=tel],
.wpcf7 textarea[type=text],
.wpcf7 textarea[type=time],
.wpcf7 textarea[type=url],
.wpcf7 textarea[type=week],
.wpcf7 textarea {
height: auto;
}
.form-text {
display: block;
margin-top: 0.25em;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25em;
}
.form-check-input {
position: absolute;
margin-top: 0.3em;
margin-left: -1.25em;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: var(--color-muted);
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75em;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125em;
margin-left: 0;
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control, .form-inline .wpcf7 [type=color], .wpcf7 .form-inline [type=color],
.form-inline .wpcf7 [type=date],
.wpcf7 .form-inline [type=date],
.form-inline .wpcf7 [type=datetime-local],
.wpcf7 .form-inline [type=datetime-local],
.form-inline .wpcf7 [type=email],
.wpcf7 .form-inline [type=email],
.form-inline .wpcf7 [type=month],
.wpcf7 .form-inline [type=month],
.form-inline .wpcf7 [type=number],
.wpcf7 .form-inline [type=number],
.form-inline .wpcf7 [type=password],
.wpcf7 .form-inline [type=password],
.form-inline .wpcf7 [type=search],
.wpcf7 .form-inline [type=search],
.form-inline .wpcf7 [type=tel],
.wpcf7 .form-inline [type=tel],
.form-inline .wpcf7 [type=text],
.wpcf7 .form-inline [type=text],
.form-inline .wpcf7 [type=time],
.wpcf7 .form-inline [type=time],
.form-inline .wpcf7 [type=url],
.wpcf7 .form-inline [type=url],
.form-inline .wpcf7 [type=week],
.wpcf7 .form-inline [type=week],
.form-inline .wpcf7 textarea,
.wpcf7 .form-inline textarea,
.form-inline .wpcf7 select,
.wpcf7 .form-inline select {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25em;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
/*#region Groupes de champs */
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
margin-bottom: 1em;
}
.input-group > .form-control, .wpcf7 .input-group > [type=color],
.wpcf7 .input-group > [type=date],
.wpcf7 .input-group > [type=datetime-local],
.wpcf7 .input-group > [type=email],
.wpcf7 .input-group > [type=month],
.wpcf7 .input-group > [type=number],
.wpcf7 .input-group > [type=password],
.wpcf7 .input-group > [type=search],
.wpcf7 .input-group > [type=tel],
.wpcf7 .input-group > [type=text],
.wpcf7 .input-group > [type=time],
.wpcf7 .input-group > [type=url],
.wpcf7 .input-group > [type=week],
.wpcf7 .input-group > textarea,
.wpcf7 .input-group > select, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
}
.input-group > .form-control + .form-control, .wpcf7 .input-group > [type=color] + .form-control,
.wpcf7 .input-group > [type=date] + .form-control,
.wpcf7 .input-group > [type=datetime-local] + .form-control,
.wpcf7 .input-group > [type=email] + .form-control,
.wpcf7 .input-group > [type=month] + .form-control,
.wpcf7 .input-group > [type=number] + .form-control,
.wpcf7 .input-group > [type=password] + .form-control,
.wpcf7 .input-group > [type=search] + .form-control,
.wpcf7 .input-group > [type=tel] + .form-control,
.wpcf7 .input-group > [type=text] + .form-control,
.wpcf7 .input-group > [type=time] + .form-control,
.wpcf7 .input-group > [type=url] + .form-control,
.wpcf7 .input-group > [type=week] + .form-control,
.wpcf7 .input-group > textarea + .form-control,
.wpcf7 .input-group > select + .form-control, .wpcf7 .input-group > .form-control + [type=color], .wpcf7 .input-group > [type=color] + [type=color],
.wpcf7 .input-group > [type=date] + [type=color],
.wpcf7 .input-group > [type=datetime-local] + [type=color],
.wpcf7 .input-group > [type=email] + [type=color],
.wpcf7 .input-group > [type=month] + [type=color],
.wpcf7 .input-group > [type=number] + [type=color],
.wpcf7 .input-group > [type=password] + [type=color],
.wpcf7 .input-group > [type=search] + [type=color],
.wpcf7 .input-group > [type=tel] + [type=color],
.wpcf7 .input-group > [type=text] + [type=color],
.wpcf7 .input-group > [type=time] + [type=color],
.wpcf7 .input-group > [type=url] + [type=color],
.wpcf7 .input-group > [type=week] + [type=color],
.wpcf7 .input-group > textarea + [type=color],
.wpcf7 .input-group > select + [type=color],
.wpcf7 .input-group > .form-control + [type=date],
.wpcf7 .input-group > [type=color] + [type=date],
.wpcf7 .input-group > [type=date] + [type=date],
.wpcf7 .input-group > [type=datetime-local] + [type=date],
.wpcf7 .input-group > [type=email] + [type=date],
.wpcf7 .input-group > [type=month] + [type=date],
.wpcf7 .input-group > [type=number] + [type=date],
.wpcf7 .input-group > [type=password] + [type=date],
.wpcf7 .input-group > [type=search] + [type=date],
.wpcf7 .input-group > [type=tel] + [type=date],
.wpcf7 .input-group > [type=text] + [type=date],
.wpcf7 .input-group > [type=time] + [type=date],
.wpcf7 .input-group > [type=url] + [type=date],
.wpcf7 .input-group > [type=week] + [type=date],
.wpcf7 .input-group > textarea + [type=date],
.wpcf7 .input-group > select + [type=date],
.wpcf7 .input-group > .form-control + [type=datetime-local],
.wpcf7 .input-group > [type=color] + [type=datetime-local],
.wpcf7 .input-group > [type=date] + [type=datetime-local],
.wpcf7 .input-group > [type=datetime-local] + [type=datetime-local],
.wpcf7 .input-group > [type=email] + [type=datetime-local],
.wpcf7 .input-group > [type=month] + [type=datetime-local],
.wpcf7 .input-group > [type=number] + [type=datetime-local],
.wpcf7 .input-group > [type=password] + [type=datetime-local],
.wpcf7 .input-group > [type=search] + [type=datetime-local],
.wpcf7 .input-group > [type=tel] + [type=datetime-local],
.wpcf7 .input-group > [type=text] + [type=datetime-local],
.wpcf7 .input-group > [type=time] + [type=datetime-local],
.wpcf7 .input-group > [type=url] + [type=datetime-local],
.wpcf7 .input-group > [type=week] + [type=datetime-local],
.wpcf7 .input-group > textarea + [type=datetime-local],
.wpcf7 .input-group > select + [type=datetime-local],
.wpcf7 .input-group > .form-control + [type=email],
.wpcf7 .input-group > [type=color] + [type=email],
.wpcf7 .input-group > [type=date] + [type=email],
.wpcf7 .input-group > [type=datetime-local] + [type=email],
.wpcf7 .input-group > [type=email] + [type=email],
.wpcf7 .input-group > [type=month] + [type=email],
.wpcf7 .input-group > [type=number] + [type=email],
.wpcf7 .input-group > [type=password] + [type=email],
.wpcf7 .input-group > [type=search] + [type=email],
.wpcf7 .input-group > [type=tel] + [type=email],
.wpcf7 .input-group > [type=text] + [type=email],
.wpcf7 .input-group > [type=time] + [type=email],
.wpcf7 .input-group > [type=url] + [type=email],
.wpcf7 .input-group > [type=week] + [type=email],
.wpcf7 .input-group > textarea + [type=email],
.wpcf7 .input-group > select + [type=email],
.wpcf7 .input-group > .form-control + [type=month],
.wpcf7 .input-group > [type=color] + [type=month],
.wpcf7 .input-group > [type=date] + [type=month],
.wpcf7 .input-group > [type=datetime-local] + [type=month],
.wpcf7 .input-group > [type=email] + [type=month],
.wpcf7 .input-group > [type=month] + [type=month],
.wpcf7 .input-group > [type=number] + [type=month],
.wpcf7 .input-group > [type=password] + [type=month],
.wpcf7 .input-group > [type=search] + [type=month],
.wpcf7 .input-group > [type=tel] + [type=month],
.wpcf7 .input-group > [type=text] + [type=month],
.wpcf7 .input-group > [type=time] + [type=month],
.wpcf7 .input-group > [type=url] + [type=month],
.wpcf7 .input-group > [type=week] + [type=month],
.wpcf7 .input-group > textarea + [type=month],
.wpcf7 .input-group > select + [type=month],
.wpcf7 .input-group > .form-control + [type=number],
.wpcf7 .input-group > [type=color] + [type=number],
.wpcf7 .input-group > [type=date] + [type=number],
.wpcf7 .input-group > [type=datetime-local] + [type=number],
.wpcf7 .input-group > [type=email] + [type=number],
.wpcf7 .input-group > [type=month] + [type=number],
.wpcf7 .input-group > [type=number] + [type=number],
.wpcf7 .input-group > [type=password] + [type=number],
.wpcf7 .input-group > [type=search] + [type=number],
.wpcf7 .input-group > [type=tel] + [type=number],
.wpcf7 .input-group > [type=text] + [type=number],
.wpcf7 .input-group > [type=time] + [type=number],
.wpcf7 .input-group > [type=url] + [type=number],
.wpcf7 .input-group > [type=week] + [type=number],
.wpcf7 .input-group > textarea + [type=number],
.wpcf7 .input-group > select + [type=number],
.wpcf7 .input-group > .form-control + [type=password],
.wpcf7 .input-group > [type=color] + [type=password],
.wpcf7 .input-group > [type=date] + [type=password],
.wpcf7 .input-group > [type=datetime-local] + [type=password],
.wpcf7 .input-group > [type=email] + [type=password],
.wpcf7 .input-group > [type=month] + [type=password],
.wpcf7 .input-group > [type=number] + [type=password],
.wpcf7 .input-group > [type=password] + [type=password],
.wpcf7 .input-group > [type=search] + [type=password],
.wpcf7 .input-group > [type=tel] + [type=password],
.wpcf7 .input-group > [type=text] + [type=password],
.wpcf7 .input-group > [type=time] + [type=password],
.wpcf7 .input-group > [type=url] + [type=password],
.wpcf7 .input-group > [type=week] + [type=password],
.wpcf7 .input-group > textarea + [type=password],
.wpcf7 .input-group > select + [type=password],
.wpcf7 .input-group > .form-control + [type=search],
.wpcf7 .input-group > [type=color] + [type=search],
.wpcf7 .input-group > [type=date] + [type=search],
.wpcf7 .input-group > [type=datetime-local] + [type=search],
.wpcf7 .input-group > [type=email] + [type=search],
.wpcf7 .input-group > [type=month] + [type=search],
.wpcf7 .input-group > [type=number] + [type=search],
.wpcf7 .input-group > [type=password] + [type=search],
.wpcf7 .input-group > [type=search] + [type=search],
.wpcf7 .input-group > [type=tel] + [type=search],
.wpcf7 .input-group > [type=text] + [type=search],
.wpcf7 .input-group > [type=time] + [type=search],
.wpcf7 .input-group > [type=url] + [type=search],
.wpcf7 .input-group > [type=week] + [type=search],
.wpcf7 .input-group > textarea + [type=search],
.wpcf7 .input-group > select + [type=search],
.wpcf7 .input-group > .form-control + [type=tel],
.wpcf7 .input-group > [type=color] + [type=tel],
.wpcf7 .input-group > [type=date] + [type=tel],
.wpcf7 .input-group > [type=datetime-local] + [type=tel],
.wpcf7 .input-group > [type=email] + [type=tel],
.wpcf7 .input-group > [type=month] + [type=tel],
.wpcf7 .input-group > [type=number] + [type=tel],
.wpcf7 .input-group > [type=password] + [type=tel],
.wpcf7 .input-group > [type=search] + [type=tel],
.wpcf7 .input-group > [type=tel] + [type=tel],
.wpcf7 .input-group > [type=text] + [type=tel],
.wpcf7 .input-group > [type=time] + [type=tel],
.wpcf7 .input-group > [type=url] + [type=tel],
.wpcf7 .input-group > [type=week] + [type=tel],
.wpcf7 .input-group > textarea + [type=tel],
.wpcf7 .input-group > select + [type=tel],
.wpcf7 .input-group > .form-control + [type=text],
.wpcf7 .input-group > [type=color] + [type=text],
.wpcf7 .input-group > [type=date] + [type=text],
.wpcf7 .input-group > [type=datetime-local] + [type=text],
.wpcf7 .input-group > [type=email] + [type=text],
.wpcf7 .input-group > [type=month] + [type=text],
.wpcf7 .input-group > [type=number] + [type=text],
.wpcf7 .input-group > [type=password] + [type=text],
.wpcf7 .input-group > [type=search] + [type=text],
.wpcf7 .input-group > [type=tel] + [type=text],
.wpcf7 .input-group > [type=text] + [type=text],
.wpcf7 .input-group > [type=time] + [type=text],
.wpcf7 .input-group > [type=url] + [type=text],
.wpcf7 .input-group > [type=week] + [type=text],
.wpcf7 .input-group > textarea + [type=text],
.wpcf7 .input-group > select + [type=text],
.wpcf7 .input-group > .form-control + [type=time],
.wpcf7 .input-group > [type=color] + [type=time],
.wpcf7 .input-group > [type=date] + [type=time],
.wpcf7 .input-group > [type=datetime-local] + [type=time],
.wpcf7 .input-group > [type=email] + [type=time],
.wpcf7 .input-group > [type=month] + [type=time],
.wpcf7 .input-group > [type=number] + [type=time],
.wpcf7 .input-group > [type=password] + [type=time],
.wpcf7 .input-group > [type=search] + [type=time],
.wpcf7 .input-group > [type=tel] + [type=time],
.wpcf7 .input-group > [type=text] + [type=time],
.wpcf7 .input-group > [type=time] + [type=time],
.wpcf7 .input-group > [type=url] + [type=time],
.wpcf7 .input-group > [type=week] + [type=time],
.wpcf7 .input-group > textarea + [type=time],
.wpcf7 .input-group > select + [type=time],
.wpcf7 .input-group > .form-control + [type=url],
.wpcf7 .input-group > [type=color] + [type=url],
.wpcf7 .input-group > [type=date] + [type=url],
.wpcf7 .input-group > [type=datetime-local] + [type=url],
.wpcf7 .input-group > [type=email] + [type=url],
.wpcf7 .input-group > [type=month] + [type=url],
.wpcf7 .input-group > [type=number] + [type=url],
.wpcf7 .input-group > [type=password] + [type=url],
.wpcf7 .input-group > [type=search] + [type=url],
.wpcf7 .input-group > [type=tel] + [type=url],
.wpcf7 .input-group > [type=text] + [type=url],
.wpcf7 .input-group > [type=time] + [type=url],
.wpcf7 .input-group > [type=url] + [type=url],
.wpcf7 .input-group > [type=week] + [type=url],
.wpcf7 .input-group > textarea + [type=url],
.wpcf7 .input-group > select + [type=url],
.wpcf7 .input-group > .form-control + [type=week],
.wpcf7 .input-group > [type=color] + [type=week],
.wpcf7 .input-group > [type=date] + [type=week],
.wpcf7 .input-group > [type=datetime-local] + [type=week],
.wpcf7 .input-group > [type=email] + [type=week],
.wpcf7 .input-group > [type=month] + [type=week],
.wpcf7 .input-group > [type=number] + [type=week],
.wpcf7 .input-group > [type=password] + [type=week],
.wpcf7 .input-group > [type=search] + [type=week],
.wpcf7 .input-group > [type=tel] + [type=week],
.wpcf7 .input-group > [type=text] + [type=week],
.wpcf7 .input-group > [type=time] + [type=week],
.wpcf7 .input-group > [type=url] + [type=week],
.wpcf7 .input-group > [type=week] + [type=week],
.wpcf7 .input-group > textarea + [type=week],
.wpcf7 .input-group > select + [type=week],
.wpcf7 .input-group > .form-control + textarea,
.wpcf7 .input-group > [type=color] + textarea,
.wpcf7 .input-group > [type=date] + textarea,
.wpcf7 .input-group > [type=datetime-local] + textarea,
.wpcf7 .input-group > [type=email] + textarea,
.wpcf7 .input-group > [type=month] + textarea,
.wpcf7 .input-group > [type=number] + textarea,
.wpcf7 .input-group > [type=password] + textarea,
.wpcf7 .input-group > [type=search] + textarea,
.wpcf7 .input-group > [type=tel] + textarea,
.wpcf7 .input-group > [type=text] + textarea,
.wpcf7 .input-group > [type=time] + textarea,
.wpcf7 .input-group > [type=url] + textarea,
.wpcf7 .input-group > [type=week] + textarea,
.wpcf7 .input-group > textarea + textarea,
.wpcf7 .input-group > select + textarea,
.wpcf7 .input-group > .form-control + select,
.wpcf7 .input-group > [type=color] + select,
.wpcf7 .input-group > [type=date] + select,
.wpcf7 .input-group > [type=datetime-local] + select,
.wpcf7 .input-group > [type=email] + select,
.wpcf7 .input-group > [type=month] + select,
.wpcf7 .input-group > [type=number] + select,
.wpcf7 .input-group > [type=password] + select,
.wpcf7 .input-group > [type=search] + select,
.wpcf7 .input-group > [type=tel] + select,
.wpcf7 .input-group > [type=text] + select,
.wpcf7 .input-group > [type=time] + select,
.wpcf7 .input-group > [type=url] + select,
.wpcf7 .input-group > [type=week] + select,
.wpcf7 .input-group > textarea + select,
.wpcf7 .input-group > select + select,
.input-group > .form-control + .custom-select,
.wpcf7 .input-group > [type=color] + .custom-select,
.wpcf7 .input-group > [type=date] + .custom-select,
.wpcf7 .input-group > [type=datetime-local] + .custom-select,
.wpcf7 .input-group > [type=email] + .custom-select,
.wpcf7 .input-group > [type=month] + .custom-select,
.wpcf7 .input-group > [type=number] + .custom-select,
.wpcf7 .input-group > [type=password] + .custom-select,
.wpcf7 .input-group > [type=search] + .custom-select,
.wpcf7 .input-group > [type=tel] + .custom-select,
.wpcf7 .input-group > [type=text] + .custom-select,
.wpcf7 .input-group > [type=time] + .custom-select,
.wpcf7 .input-group > [type=url] + .custom-select,
.wpcf7 .input-group > [type=week] + .custom-select,
.wpcf7 .input-group > textarea + .custom-select,
.wpcf7 .input-group > select + .custom-select,
.input-group > .form-control + .custom-file,
.wpcf7 .input-group > [type=color] + .custom-file,
.wpcf7 .input-group > [type=date] + .custom-file,
.wpcf7 .input-group > [type=datetime-local] + .custom-file,
.wpcf7 .input-group > [type=email] + .custom-file,
.wpcf7 .input-group > [type=month] + .custom-file,
.wpcf7 .input-group > [type=number] + .custom-file,
.wpcf7 .input-group > [type=password] + .custom-file,
.wpcf7 .input-group > [type=search] + .custom-file,
.wpcf7 .input-group > [type=tel] + .custom-file,
.wpcf7 .input-group > [type=text] + .custom-file,
.wpcf7 .input-group > [type=time] + .custom-file,
.wpcf7 .input-group > [type=url] + .custom-file,
.wpcf7 .input-group > [type=week] + .custom-file,
.wpcf7 .input-group > textarea + .custom-file,
.wpcf7 .input-group > select + .custom-file, .input-group > .form-control-plaintext + .form-control, .wpcf7 .input-group > .form-control-plaintext + [type=color],
.wpcf7 .input-group > .form-control-plaintext + [type=date],
.wpcf7 .input-group > .form-control-plaintext + [type=datetime-local],
.wpcf7 .input-group > .form-control-plaintext + [type=email],
.wpcf7 .input-group > .form-control-plaintext + [type=month],
.wpcf7 .input-group > .form-control-plaintext + [type=number],
.wpcf7 .input-group > .form-control-plaintext + [type=password],
.wpcf7 .input-group > .form-control-plaintext + [type=search],
.wpcf7 .input-group > .form-control-plaintext + [type=tel],
.wpcf7 .input-group > .form-control-plaintext + [type=text],
.wpcf7 .input-group > .form-control-plaintext + [type=time],
.wpcf7 .input-group > .form-control-plaintext + [type=url],
.wpcf7 .input-group > .form-control-plaintext + [type=week],
.wpcf7 .input-group > .form-control-plaintext + textarea,
.wpcf7 .input-group > .form-control-plaintext + select,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .wpcf7 .input-group > .custom-select + [type=color],
.wpcf7 .input-group > .custom-select + [type=date],
.wpcf7 .input-group > .custom-select + [type=datetime-local],
.wpcf7 .input-group > .custom-select + [type=email],
.wpcf7 .input-group > .custom-select + [type=month],
.wpcf7 .input-group > .custom-select + [type=number],
.wpcf7 .input-group > .custom-select + [type=password],
.wpcf7 .input-group > .custom-select + [type=search],
.wpcf7 .input-group > .custom-select + [type=tel],
.wpcf7 .input-group > .custom-select + [type=text],
.wpcf7 .input-group > .custom-select + [type=time],
.wpcf7 .input-group > .custom-select + [type=url],
.wpcf7 .input-group > .custom-select + [type=week],
.wpcf7 .input-group > .custom-select + textarea,
.wpcf7 .input-group > .custom-select + select,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .wpcf7 .input-group > .custom-file + [type=color],
.wpcf7 .input-group > .custom-file + [type=date],
.wpcf7 .input-group > .custom-file + [type=datetime-local],
.wpcf7 .input-group > .custom-file + [type=email],
.wpcf7 .input-group > .custom-file + [type=month],
.wpcf7 .input-group > .custom-file + [type=number],
.wpcf7 .input-group > .custom-file + [type=password],
.wpcf7 .input-group > .custom-file + [type=search],
.wpcf7 .input-group > .custom-file + [type=tel],
.wpcf7 .input-group > .custom-file + [type=text],
.wpcf7 .input-group > .custom-file + [type=time],
.wpcf7 .input-group > .custom-file + [type=url],
.wpcf7 .input-group > .custom-file + [type=week],
.wpcf7 .input-group > .custom-file + textarea,
.wpcf7 .input-group > .custom-file + select,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px;
}
.input-group > .form-control:focus, .wpcf7 .input-group > [type=color]:focus,
.wpcf7 .input-group > [type=date]:focus,
.wpcf7 .input-group > [type=datetime-local]:focus,
.wpcf7 .input-group > [type=email]:focus,
.wpcf7 .input-group > [type=month]:focus,
.wpcf7 .input-group > [type=number]:focus,
.wpcf7 .input-group > [type=password]:focus,
.wpcf7 .input-group > [type=search]:focus,
.wpcf7 .input-group > [type=tel]:focus,
.wpcf7 .input-group > [type=text]:focus,
.wpcf7 .input-group > [type=time]:focus,
.wpcf7 .input-group > [type=url]:focus,
.wpcf7 .input-group > [type=week]:focus,
.wpcf7 .input-group > textarea:focus,
.wpcf7 .input-group > select:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .form-control:not(:last-child), .wpcf7 .input-group > [type=color]:not(:last-child),
.wpcf7 .input-group > [type=date]:not(:last-child),
.wpcf7 .input-group > [type=datetime-local]:not(:last-child),
.wpcf7 .input-group > [type=email]:not(:last-child),
.wpcf7 .input-group > [type=month]:not(:last-child),
.wpcf7 .input-group > [type=number]:not(:last-child),
.wpcf7 .input-group > [type=password]:not(:last-child),
.wpcf7 .input-group > [type=search]:not(:last-child),
.wpcf7 .input-group > [type=tel]:not(:last-child),
.wpcf7 .input-group > [type=text]:not(:last-child),
.wpcf7 .input-group > [type=time]:not(:last-child),
.wpcf7 .input-group > [type=url]:not(:last-child),
.wpcf7 .input-group > [type=week]:not(:last-child),
.wpcf7 .input-group > textarea:not(:last-child),
.wpcf7 .input-group > select:not(:last-child), .input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child), .wpcf7 .input-group > [type=color]:not(:first-child),
.wpcf7 .input-group > [type=date]:not(:first-child),
.wpcf7 .input-group > [type=datetime-local]:not(:first-child),
.wpcf7 .input-group > [type=email]:not(:first-child),
.wpcf7 .input-group > [type=month]:not(:first-child),
.wpcf7 .input-group > [type=number]:not(:first-child),
.wpcf7 .input-group > [type=password]:not(:first-child),
.wpcf7 .input-group > [type=search]:not(:first-child),
.wpcf7 .input-group > [type=tel]:not(:first-child),
.wpcf7 .input-group > [type=text]:not(:first-child),
.wpcf7 .input-group > [type=time]:not(:first-child),
.wpcf7 .input-group > [type=url]:not(:first-child),
.wpcf7 .input-group > [type=week]:not(:first-child),
.wpcf7 .input-group > textarea:not(:first-child),
.wpcf7 .input-group > select:not(:first-child), .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: flex;
align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px;
padding: 0;
}
.input-group-prepend button,
.input-group-append button {
display: flex;
align-items: center;
padding: 0.375em 0.75em !important;
margin-bottom: 0;
font-size: 1em !important;
line-height: 1.5;
color: var(--input-group-addon-color);
text-align: center;
white-space: nowrap;
background-color: var(--input-group-addon-bg);
border: 1px solid var(--input-group-addon-border) !important;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.inpu-group-prepend {
border-left-color: transparent;
font-size: 0.9em;
}
.inpu-group-append {
border-right-color: transparent;
font-size: 0.9em;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375em 0.75em;
margin-bottom: 0;
font-size: 1em;
line-height: 1.5;
color: var(--input-group-addon-color);
text-align: center;
white-space: nowrap;
background-color: var(--input-group-addon-bg);
border: 1px solid var(--input-group-addon-border);
border-radius: var(--input-border-radius);
}
.input-group-text * > * > * {
white-space: normal;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea), .wpcf7 .input-group-lg > [type=color]:not(textarea),
.wpcf7 .input-group-lg > [type=date]:not(textarea),
.wpcf7 .input-group-lg > [type=datetime-local]:not(textarea),
.wpcf7 .input-group-lg > [type=email]:not(textarea),
.wpcf7 .input-group-lg > [type=month]:not(textarea),
.wpcf7 .input-group-lg > [type=number]:not(textarea),
.wpcf7 .input-group-lg > [type=password]:not(textarea),
.wpcf7 .input-group-lg > [type=search]:not(textarea),
.wpcf7 .input-group-lg > [type=tel]:not(textarea),
.wpcf7 .input-group-lg > [type=text]:not(textarea),
.wpcf7 .input-group-lg > [type=time]:not(textarea),
.wpcf7 .input-group-lg > [type=url]:not(textarea),
.wpcf7 .input-group-lg > [type=week]:not(textarea),
.wpcf7 .input-group-lg > textarea:not(textarea),
.wpcf7 .input-group-lg > select:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.5em + 1em + 2px);
}
.input-group-lg > .form-control, .wpcf7 .input-group-lg > [type=color],
.wpcf7 .input-group-lg > [type=date],
.wpcf7 .input-group-lg > [type=datetime-local],
.wpcf7 .input-group-lg > [type=email],
.wpcf7 .input-group-lg > [type=month],
.wpcf7 .input-group-lg > [type=number],
.wpcf7 .input-group-lg > [type=password],
.wpcf7 .input-group-lg > [type=search],
.wpcf7 .input-group-lg > [type=tel],
.wpcf7 .input-group-lg > [type=text],
.wpcf7 .input-group-lg > [type=time],
.wpcf7 .input-group-lg > [type=url],
.wpcf7 .input-group-lg > [type=week],
.wpcf7 .input-group-lg > textarea,
.wpcf7 .input-group-lg > select,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5em 1em;
font-size: 1.25em;
line-height: 1.5;
border-radius: var(--input-border-radius);
}
.input-group-sm > .form-control:not(textarea), .wpcf7 .input-group-sm > [type=color]:not(textarea),
.wpcf7 .input-group-sm > [type=date]:not(textarea),
.wpcf7 .input-group-sm > [type=datetime-local]:not(textarea),
.wpcf7 .input-group-sm > [type=email]:not(textarea),
.wpcf7 .input-group-sm > [type=month]:not(textarea),
.wpcf7 .input-group-sm > [type=number]:not(textarea),
.wpcf7 .input-group-sm > [type=password]:not(textarea),
.wpcf7 .input-group-sm > [type=search]:not(textarea),
.wpcf7 .input-group-sm > [type=tel]:not(textarea),
.wpcf7 .input-group-sm > [type=text]:not(textarea),
.wpcf7 .input-group-sm > [type=time]:not(textarea),
.wpcf7 .input-group-sm > [type=url]:not(textarea),
.wpcf7 .input-group-sm > [type=week]:not(textarea),
.wpcf7 .input-group-sm > textarea:not(textarea),
.wpcf7 .input-group-sm > select:not(textarea),
.input-group-sm > .custom-select {
height: calc(1.5em + 0.5em + 2px);
}
.input-group-sm > .form-control, .wpcf7 .input-group-sm > [type=color],
.wpcf7 .input-group-sm > [type=date],
.wpcf7 .input-group-sm > [type=datetime-local],
.wpcf7 .input-group-sm > [type=email],
.wpcf7 .input-group-sm > [type=month],
.wpcf7 .input-group-sm > [type=number],
.wpcf7 .input-group-sm > [type=password],
.wpcf7 .input-group-sm > [type=search],
.wpcf7 .input-group-sm > [type=tel],
.wpcf7 .input-group-sm > [type=text],
.wpcf7 .input-group-sm > [type=time],
.wpcf7 .input-group-sm > [type=url],
.wpcf7 .input-group-sm > [type=week],
.wpcf7 .input-group-sm > textarea,
.wpcf7 .input-group-sm > select,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25em 0.5em;
font-size: 0.875em;
line-height: 1.5;
border-radius: var(--input-border-radius);
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75em;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
border-radius: var(--input-border-radius, 10px);
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/*#endregion*/
/*#region Password Checker */
.entities-passchecker__rules-title {
font-weight: bold;
}
.entities-passchecker__close-info {
padding: 0 !important;
text-align: center;
}
.entities-passchecker__close-info svg {
width: 100%;
}
/*#endregion*/
/*#region ContactForm7 */
.wpcf7 {
/*#region Messages */
/*#endregion*/
/*#region Champs */
/*#endregion*/
/*#region éléments */
/*#endregion*/
}
.wpcf7-form {
font-size: 16px;
}
.wpcf7 form {
/* Erreur */
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 0.5em 1em;
font-weight: 400;
line-height: 1.5;
border-radius: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: var(--color-theme-red-extralight);
color: var(--color-theme-red-darker);
}
.wpcf7 textarea {
height: 8em;
}
.wpcf7 .form-mention,
.wpcf7 .wpcf7-acceptance {
font-size: 0.75em;
font-weight: normal;
line-height: 1.25;
color: var(--color-grey);
margin: 0.5em 0 1rem;
}
.wpcf7 .form-mention .wpcf7-list-item,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7 .form-mention button.btn-link,
.wpcf7 .wpcf7-acceptance button.btn-link {
color: inherit;
vertical-align: baseline;
}
.wpcf7 .form-mention .form-mention--more,
.wpcf7 .wpcf7-acceptance .form-mention--more {
display: inline-block;
background-color: var(--color-info);
max-height: 0;
overflow: hidden;
transition: all 0.8s ease;
}
.wpcf7 .form-mention .form-mention--more.on,
.wpcf7 .wpcf7-acceptance .form-mention--more.on {
max-height: 100vh;
background-color: transparent;
}
.wpcf7 .catalog-checker {
width: 100%;
margin: 2em 0;
}
.wpcf7 .catalog-checker-list {
grid-auto-flow: row;
}
@media (min-width: 768px) {
.wpcf7 .catalog-checker-list {
grid-auto-flow: column;
}
}
.wpcf7 .catalog-checker-item {
justify-content: stretch;
align-items: stretch;
padding-left: 0.5em;
}
@media (min-width: 768px) {
.wpcf7 .catalog-checker-item:first-child {
padding-left: 0;
}
}
.wpcf7 .catalog-checker-item-label {
flex: 1 1 auto;
flex-flow: row nowrap;
align-items: center;
margin-bottom: 0;
padding: 0 !important;
font-size: 0.95em;
text-align: center;
}
@media (min-width: 768px) {
.wpcf7 .catalog-checker-item-label {
flex-flow: column;
}
}
.wpcf7 .catalog-checker-item-label-img {
padding: 0.5em;
width: auto;
max-width: none;
max-height: 5em;
}
@media (min-width: 768px) {
.wpcf7 .catalog-checker-item-label-img {
max-width: 100%;
height: auto;
max-height: none;
}
}
.wpcf7 .catalog-checker-item-label-title {
padding: 0.5em 0.3em 0.8em;
font-weight: bold;
}
@media (min-width: 768px) {
.wpcf7 .catalog-checker-item-label-title {
font-size: 1em;
}
}
/*#endregion*/
/*#region Champs et Messages d'information */
form .wpcf7-not-valid {
--forms-color: var(--color-danger-light);
}
form .wpcf7-not-valid-tip {
padding: 0 0.3em;
font-size: 0.85em;
color: var(--color-danger);
}
/*#endregion*/
.mail-alert-error {
border: 1px solid red;
color: red;
display: flex;
justify-content: center;
padding: 1rem;
}
.mail-alert-error:empty {
display: none;
}
/* ----------------------------- */
/* ==Buttons */
/* ----------------------------- */
/* #a11y : éviter les spans, div… Préférer <button> pour faire des boutons */
/* Classes : .btn-- ou .button-- pour les variantes */
/*
Sommaire :
1. btn simple
2. btn--cta
*/
.btn,
.button,
[type=button],
button {
--background-color: var(--color-muted);
--color: black;
--border: none;
--hover-color: var(--background-color);
display: inline-block;
padding: 1rem 1.5rem;
cursor: pointer;
user-select: none;
background-color: var();
background: var(--background--state, var(--background, var(--background-color--type, var(--background-color))));
font-family: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: var(--color);
border: none;
border-radius: 4px;
transition: 0.25s;
transition-property: all;
box-shadow: var(--border);
}
.btn:focus,
.button:focus,
[type=button]:focus,
button:focus {
-webkit-tap-highlight-color: transparent;
}
.btn[disabled],
.button[disabled],
[type=button][disabled],
button[disabled] {
--background--state: var(--color-muted);
--color: #fff;
}
/* Variantes de couleurs */
.btn,
.button {
--background-color: #eee;
--color: #333;
--border: none;
--hover-background-color: var(--background-color);
--hover-color: var(--color-primary);
--hover-border: var(--border);
/* Variantes */
}
.btn--primary, .load-more-button,
.button--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
--hover-background-color: var(--background-color);
--hover-color: var(--color);
--hover-border: var(--border);
}
.btn--success,
.button--success {
--background-color: var(--color-success);
--color: white;
--border: none;
--hover-background-color: var(--background-color);
--hover-color: var(--color);
--hover-border: var(--border);
}
.btn--fav-add,
.button--fav-add {
--background-color: #fff;
--color: inherit;
--border: inset 0 0 0 1px rgba(255,255,255,1);
--hover-background-color: var(--background-color);
--hover-color: var(--color-theme-red);
--hover-border: var(--border);
}
.btn--fav-add .icon-g-favoris,
.button--fav-add .icon-g-favoris {
transform: scale(1);
transition: all 0.6s ease;
display: inline-block;
}
.btn--fav-remove,
.button--fav-remove {
--background-color: var(--color-theme-red);
--color: var(--color-theme-red-extralight);
--border: inset 0 0 0 1px rgba(255,255,255,1);
--hover-color: #fff;
--hover-background-color: var(--background-color);
--hover-border: var(--border);
}
.btn--fav-remove .icon-g-favoris,
.button--fav-remove .icon-g-favoris {
transform: scale(1.22);
transition: all 0.6s ease;
display: inline-block;
}
.btn--info,
.button--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.btn--warning,
.button--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.btn--danger,
.button--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.btn--inverse,
.button--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.btn--ghost,
.button--ghost {
--background-color: var(--color-ghost);
--color: white;
--border: 0 0 0 1px $white inset;
}
.btn--bordered,
.button--bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1.5px inherit;
}
.btn--snow,
.button--snow {
--background-color: #fff;
--color: inherit;
--border: inset 0 0 0 1px rgba(255,255,255,1);
--hover-color: var(--color-primary);
}
.btn--snow-bordered,
.button--snow-bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1px rgba(255,255,255, 1);
--hover-color: var(--color-primary);
}
.btn:active, .btn:focus, .btn:hover, a:hover .btn, a:focus .btn, button:hover .btn, button:focus .btn, [role=button]:hover .btn, [role=button]:focus .btn,
.button:active,
.button:focus,
.button:hover,
a:hover .button,
a:focus .button,
button:hover .button,
button:focus .button,
[role=button]:hover .button,
[role=button]:focus .button {
/* background-color: darken( $background-color, 10% ); */
filter: brightness(1.03);
}
.btn:hover, .btn:focus, .btn:active, a:hover .btn, a:focus .btn, button:hover .btn, button:focus .btn, [role=button]:hover .btn, [role=button]:focus .btn,
.button:hover,
.button:focus,
.button:active,
a:hover .button,
a:focus .button,
button:hover .button,
button:focus .button,
[role=button]:hover .button,
[role=button]:focus .button {
z-index: 2;
color: var(--hover-color);
text-decoration: none;
}
.btn:hover::before, .btn:focus::before, .btn:active::before, a:hover .btn::before, a:focus .btn::before, button:hover .btn::before, button:focus .btn::before, [role=button]:hover .btn::before, [role=button]:focus .btn::before,
.button:hover::before,
.button:focus::before,
.button:active::before,
a:hover .button::before,
a:focus .button::before,
button:hover .button::before,
button:focus .button::before,
[role=button]:hover .button::before,
[role=button]:focus .button::before {
background-color: var(--hover-background-color);
transform: scale(1);
}
.btn:hover::after, .btn:focus::after, .btn:active::after, a:hover .btn::after, a:focus .btn::after, button:hover .btn::after, button:focus .btn::after, [role=button]:hover .btn::after, [role=button]:focus .btn::after,
.button:hover::after,
.button:focus::after,
.button:active::after,
a:hover .button::after,
a:focus .button::after,
button:hover .button::after,
button:focus .button::after,
[role=button]:hover .button::after,
[role=button]:focus .button::after {
transform: scale(1);
}
.btn:hover .tile-value, .btn:focus .tile-value, .btn:active .tile-value, a:hover .btn .tile-value, a:focus .btn .tile-value, button:hover .btn .tile-value, button:focus .btn .tile-value, [role=button]:hover .btn .tile-value, [role=button]:focus .btn .tile-value,
.button:hover .tile-value,
.button:focus .tile-value,
.button:active .tile-value,
a:hover .button .tile-value,
a:focus .button .tile-value,
button:hover .button .tile-value,
button:focus .button .tile-value,
[role=button]:hover .button .tile-value,
[role=button]:focus .button .tile-value {
border-bottom-color: var(---background-color);
}
.btn:hover .tile-picto, .btn:focus .tile-picto, .btn:active .tile-picto, a:hover .btn .tile-picto, a:focus .btn .tile-picto, button:hover .btn .tile-picto, button:focus .btn .tile-picto, [role=button]:hover .btn .tile-picto, [role=button]:focus .btn .tile-picto,
.button:hover .tile-picto,
.button:focus .tile-picto,
.button:active .tile-picto,
a:hover .button .tile-picto,
a:focus .button .tile-picto,
button:hover .button .tile-picto,
button:focus .button .tile-picto,
[role=button]:hover .button .tile-picto,
[role=button]:focus .button .tile-picto {
color: var(--background-color);
}
@media (min-width: 576px) {
.btn.btn-tile-effet:hover, .btn.btn-tile-effet:focus, .btn.btn-tile-effet:active, a:hover .btn.btn-tile-effet, a:focus .btn.btn-tile-effet, button:hover .btn.btn-tile-effet, button:focus .btn.btn-tile-effet, [role=button]:hover .btn.btn-tile-effet, [role=button]:focus .btn.btn-tile-effet,
.button.btn-tile-effet:hover,
.button.btn-tile-effet:focus,
.button.btn-tile-effet:active,
a:hover .button.btn-tile-effet,
a:focus .button.btn-tile-effet,
button:hover .button.btn-tile-effet,
button:focus .button.btn-tile-effet,
[role=button]:hover .button.btn-tile-effet,
[role=button]:focus .button.btn-tile-effet {
transform: scale(1.1) translateY(-5px);
box-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.035), 0 2.4px 2.4px rgba(0, 0, 0, 0.05), 0 5.7px 5.7px rgba(0, 0, 0, 0.065), 0 19px 19px rgba(0, 0, 0, 0.1);
}
}
/* Bouton qui ressemble à un lien */
.btn-link {
--background-color: transparent;
--color: var(--color-primary);
--border: none;
--hover-color: var(--color);
text-decoration: underline;
padding: 0;
}
/*#region CTA */
/* ===================
CTAs
=================== */
.btn-cta, .wpcf7 [type=submit],
.button-cta {
/* Variantes */
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1.5px var(--color-base);
display: inline-block;
position: relative;
left: -0.9em;
cursor: pointer;
margin: 0.15em 0;
padding: 1.85em 3em;
background-color: transparent !important;
line-height: 1;
text-decoration: none;
color: var(--color);
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
transform: perspective(800px);
perspective: 800px;
transition-property: box-shadow, background-color, color, border;
transition-duration: 0.3s;
transition: all 0.3s ease;
/* Quand le bouton est dans un parent dir=rtl */
}
.btn-cta--neutral,
.button-cta--neutral {
--background-color: var(--color-muted);
--color: black;
--border: none;
}
.btn-cta--primary, .wpcf7 [type=submit],
.button-cta--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
}
.btn-cta--primary-bordered,
.button-cta--primary-bordered {
--background-color: transparent;
--color: var(--color-primary);
--border: inset 0 0 0 1.5px var(--color-primary);
}
.btn-cta--success,
.button-cta--success {
--background-color: var(--color-success);
--color: white;
--border: none;
}
.btn-cta--info,
.button-cta--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.btn-cta--warning,
.button-cta--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.btn-cta--danger,
.button-cta--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.btn-cta--white,
.button-cta--white {
--background-color: #fff;
--color: var(--color-primary);
--border: none;
}
.btn-cta--inverse,
.button-cta--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.btn-cta--ghost,
.button-cta--ghost {
--background-color: var(--color-ghost);
--color: white;
--border: 0 0 0 1px $white inset;
}
.btn-cta--bordered,
.button-cta--bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1.5px inherit;
}
.btn-cta--snow,
.button-cta--snow {
--background-color: #fff;
--color: inherit;
--border: inset 0 0 0 1.5px rgba(255,255,255, 1);
}
.btn-cta--snow-bordered,
.button-cta--snow-bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1.5px rgba(255,255,255, 1);
}
.btn-cta::before, .wpcf7 [type=submit]::before,
.button-cta::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--background-color);
border-radius: 1.6em;
box-shadow: var(--border);
transform: perspective(70px) rotateX(8deg) rotateY(3deg) translateX(0.7em) translateY(-0.2em) translateZ(-10px);
transform-origin: center;
transition: all 0.4s ease;
}
.btn-cta:focus, .wpcf7 [type=submit]:focus,
.button-cta:focus {
-webkit-tap-highlight-color: transparent;
}
.btn-cta:active, .wpcf7 [type=submit]:active, .btn-cta:focus, .wpcf7 [type=submit]:focus, .btn-cta:hover, .wpcf7 [type=submit]:hover, a:hover .btn-cta, a:hover .wpcf7 [type=submit], .wpcf7 a:hover [type=submit], a:focus .btn-cta, a:focus .wpcf7 [type=submit], .wpcf7 a:focus [type=submit], button:hover .btn-cta, button:hover .wpcf7 [type=submit], .wpcf7 button:hover [type=submit], button:focus .btn-cta, button:focus .wpcf7 [type=submit], .wpcf7 button:focus [type=submit], [role=button]:hover .btn-cta, [role=button]:hover .wpcf7 [type=submit], .wpcf7 [role=button]:hover [type=submit], [role=button]:focus .btn-cta, [role=button]:focus .wpcf7 [type=submit], .wpcf7 [role=button]:focus [type=submit],
.button-cta:active,
.button-cta:focus,
.button-cta:hover,
a:hover .button-cta,
a:focus .button-cta,
button:hover .button-cta,
button:focus .button-cta,
[role=button]:hover .button-cta,
[role=button]:focus .button-cta {
color: var(--color);
text-decoration: none;
}
.btn-cta:active::before, .wpcf7 [type=submit]:active::before, .btn-cta:focus::before, .wpcf7 [type=submit]:focus::before, .btn-cta:hover::before, .wpcf7 [type=submit]:hover::before, a:hover .btn-cta::before, a:hover .wpcf7 [type=submit]::before, .wpcf7 a:hover [type=submit]::before, a:focus .btn-cta::before, a:focus .wpcf7 [type=submit]::before, .wpcf7 a:focus [type=submit]::before, button:hover .btn-cta::before, button:hover .wpcf7 [type=submit]::before, .wpcf7 button:hover [type=submit]::before, button:focus .btn-cta::before, button:focus .wpcf7 [type=submit]::before, .wpcf7 button:focus [type=submit]::before, [role=button]:hover .btn-cta::before, [role=button]:hover .wpcf7 [type=submit]::before, .wpcf7 [role=button]:hover [type=submit]::before, [role=button]:focus .btn-cta::before, [role=button]:focus .wpcf7 [type=submit]::before, .wpcf7 [role=button]:focus [type=submit]::before,
.button-cta:active::before,
.button-cta:focus::before,
.button-cta:hover::before,
a:hover .button-cta::before,
a:focus .button-cta::before,
button:hover .button-cta::before,
button:focus .button-cta::before,
[role=button]:hover .button-cta::before,
[role=button]:focus .button-cta::before {
border-radius: 1.3em;
transform: perspective(200cm) rotateX(2deg) rotateY(0) translateX(0) translateY(0) translateZ(-10px) scale(0.9);
filter: saturate(1.2) contrast(1.5);
/* background-color: darken( $background-color, 10% ); */
}
[dir=rtl] .btn-cta, [dir=rtl] .wpcf7 [type=submit], .wpcf7 [dir=rtl] [type=submit],
[dir=rtl] .button-cta {
left: 0;
right: -0.5em;
}
/*#endregion*/
.btn--small,
.button--small,
.btn-cta--small {
padding: 0.88em 1.625em;
font-size: 0.8em;
}
.btn--big,
.button--big,
.btn-cta--big {
padding: 1.5rem 2rem;
font-size: 1.4em;
}
.btn--block,
.button--block,
.btn-cta--block {
width: 100% !important;
display: block;
}
.btn--unstyled,
.button--unstyled,
.btn-cta--unstyled {
padding: 0;
border: none;
text-align: left;
background: none;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn--unstyled:focus,
.button--unstyled:focus,
.btn-cta--unstyled:focus {
box-shadow: none;
outline: none;
}
.nav-button {
padding: 0;
background-color: transparent;
outline: 0;
border: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.nav-button > * {
display: inline-flex;
vertical-align: top;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 2.6rem;
width: 2.6rem;
padding: 0;
background-color: transparent;
background-image: linear-gradient(#333, #333);
background-position: center;
background-repeat: no-repeat;
background-origin: content-box;
background-size: 100% 5px;
transition: 0.25s;
transition-property: transform, background;
will-change: transform, background;
}
.nav-button > *::before, .nav-button > *::after {
content: "";
height: 5px;
background: #333;
transition: 0.25s;
transition-property: transform, top;
will-change: transform, top;
}
.nav-button:hover > * {
background-color: transparent;
}
.nav-button:focus {
outline: 0;
}
.nav-button.is-active > * {
background-image: none;
justify-content: center;
}
.nav-button.is-active > *::before {
transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
}
.nav-button.is-active > *::after {
transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
}
.toolbox-container > div > .btn {
position: relative;
overflow: hidden;
}
.toolbox-container > div > .btn::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--bg, #fff);
border-radius: 50%;
transform: scale(0);
transition: all 0.3s ease;
}
.toolbox-container > div > .btn:hover, .toolbox-container > div > .btn:focus, .toolbox-container > div > .btn:active {
color: #fff !important;
background-color: var(--bg, #fff);
}
.toolbox-container > div > .btn:hover::before, .toolbox-container > div > .btn:focus::before, .toolbox-container > div > .btn:active::before {
transform: scale(2);
}
.toolbox-container-donwload {
--bg: var(--color-primary);
--bg-hover: var(--color-primary);
}
.toolbox-container-fav {
--bg: var(--color-theme-red);
--bg-hover: var(--color-theme-red);
}
.toolbox-container-share {
--bg: var(--color-theme-bluegreen);
--bg-hover: var(--color-theme-bluegreen);
}
/*#region Favoris */
.fav-toggle {
/* Masquer la checkbox */
/* Les animations */
}
.fav-toggle svg {
cursor: pointer;
overflow: visible;
width: 50px;
}
.fav-toggle svg #heart {
transform-origin: center;
animation: animateHeartOut 0.3s linear forwards;
}
.fav-toggle svg #main-circ {
transform-origin: 29.5px 29.5px;
}
#main .fav-toggle-line {
display: inline-flex;
justify-content: stretch;
align-items: stretch;
font-weight: 300;
}
#main .fav-toggle-line-heart {
flex: 1 0 auto;
text-align: center;
}
#main .fav-toggle-line-heart svg {
max-width: 40px;
}
@media (min-width: 576px) {
#main .fav-toggle-line-heart svg {
max-width: 50px;
}
}
#main .fav-toggle-line-label {
flex: 1 1 auto;
display: flex;
align-items: center;
font-size: 0.85em;
text-align: left;
}
#main .fav-toggle-line-label span {
flex: 1 1 100%;
padding-bottom: 0.3em;
}
@media (min-width: 576px) {
#main .fav-toggle-line-label span {
padding-bottom: 0.2em;
}
}
.fav-toggle .fav-toggle-checkbox {
display: none;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #heart {
transform: scale(0.2);
fill: #E2264D;
animation: animateHeart 0.3s linear forwards 0.25s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #main-circ {
transition: all 2s;
animation: animateCircle 0.3s linear forwards;
opacity: 1;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp1 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp1 #oval1 {
transform: scale(0) translate(0, -30px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp1 #oval2 {
transform: scale(0) translate(10px, -50px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp2 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp2 #oval1 {
transform: scale(0) translate(30px, -15px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp2 #oval2 {
transform: scale(0) translate(60px, -15px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp3 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp3 #oval1 {
transform: scale(0) translate(30px, 0px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp3 #oval2 {
transform: scale(0) translate(60px, 10px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp4 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp4 #oval1 {
transform: scale(0) translate(30px, 15px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp4 #oval2 {
transform: scale(0) translate(40px, 50px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp5 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp5 #oval1 {
transform: scale(0) translate(-10px, 20px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp5 #oval2 {
transform: scale(0) translate(-60px, 30px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp6 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp6 #oval1 {
transform: scale(0) translate(-30px, 0px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp6 #oval2 {
transform: scale(0) translate(-60px, -5px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp7 {
opacity: 1;
transition: 0.1s all 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp7 #oval1 {
transform: scale(0) translate(-30px, -15px);
transform-origin: 0 0 0;
transition: 0.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp7 #oval2 {
transform: scale(0) translate(-55px, -30px);
transform-origin: 0 0 0;
transition: 1.5s transform 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp2 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp3 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp4 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp5 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp6 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
.fav-toggle .fav-toggle-checkbox:checked + label svg #grp7 {
opacity: 1;
transition: 0.1s opacity 0.3s;
}
@keyframes animateCircle {
40% {
transform: scale(10);
opacity: 1;
fill: #DD4688;
}
55% {
transform: scale(11);
opacity: 1;
fill: #D46ABF;
}
65% {
transform: scale(12);
opacity: 1;
fill: #CC8EF5;
}
75% {
transform: scale(13);
opacity: 1;
fill: transparent;
stroke: #CC8EF5;
stroke-width: 0.5;
}
85% {
transform: scale(17);
opacity: 1;
fill: transparent;
stroke: #CC8EF5;
stroke-width: 0.2;
}
95% {
transform: scale(18);
opacity: 1;
fill: transparent;
stroke: #CC8EF5;
stroke-width: 0.1;
}
100% {
transform: scale(19);
opacity: 1;
fill: transparent;
stroke: #CC8EF5;
stroke-width: 0;
}
}
@keyframes animateHeart {
0% {
transform: scale(0.2);
}
40% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes animateHeartOut {
0% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
/*#endregion*/
.load-more-button-wrapper {
display: flex;
justify-content: center;
margin: 4rem auto;
}
/* ----------------------------- */
/* ==Checkbox, radio, switch */
/* ----------------------------- */
/* Ajouter .checkbox class sur les input type=checkbox :
<input type="checkbox" class="checkbox" id="c1">
<label for="c1">Coches moi</label>
Ajouter .radio class sur les input type=radio :
<input type="radio" class="radio" name="radio" id="r1">
<label for="r1">Coucou</label>
Ajouter .switch sur input type=checkbox :
<input type="checkbox" class="switch" id="switch">
<label for="switch" class="label">Switches moi</label>
*/
.checkbox {
border-radius: 4px;
}
.radio {
border-radius: 50%;
}
.switch,
.checkbox,
.radio {
-webkit-appearance: none;
appearance: none;
vertical-align: text-bottom;
outline: 0;
cursor: pointer;
}
.switch ~ label,
.checkbox ~ label,
.radio ~ label {
cursor: pointer;
}
.switch::-ms-check,
.checkbox::-ms-check,
.radio::-ms-check {
display: none;
}
.switch {
--this-color: var(--color-primary);
--this-color-off: var(--color-primary-extralight);
width: 3.6em;
height: 1.8em;
background-color: var(--this-color);
line-height: 1.8em;
font-size: 70%;
border: 0 none;
border-radius: 3em;
box-shadow: inset -1.8em 0 0 var(--color-primary-extralight), inset 0 0 0 1px var(--this-color);
transition: box-shadow 0.15s;
}
.switch::before, .switch::after {
font-weight: bold;
}
.switch::before {
content: "";
float: right;
margin-right: 0.6em;
}
.switch:checked {
box-shadow: inset 1.8em 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
}
.switch:checked::before {
content: "";
float: left;
margin-left: 0.6em;
}
.switch.form-control, .wpcf7 .switch[type=color],
.wpcf7 .switch[type=date],
.wpcf7 .switch[type=datetime-local],
.wpcf7 .switch[type=email],
.wpcf7 .switch[type=month],
.wpcf7 .switch[type=number],
.wpcf7 .switch[type=password],
.wpcf7 .switch[type=search],
.wpcf7 .switch[type=tel],
.wpcf7 .switch[type=text],
.wpcf7 .switch[type=time],
.wpcf7 .switch[type=url],
.wpcf7 .switch[type=week],
.wpcf7 textarea.switch,
.wpcf7 select.switch {
margin-right: 0.5em;
}
.radio {
width: 2rem;
height: 2rem;
background-size: 0% 0%;
transition: background-size 0.15s;
box-shadow: inset 0 0 0 1px #333;
background-color: var(--color-light);
}
.radio:checked {
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23333333%22/%3E%3C/svg%3E");
background-size: 90% 90%;
background-position: center;
background-repeat: no-repeat;
background-color: var(--color-light);
}
/* ===================
Chip
=================== */
.chip {
--background-color: #e4e4e4;
--color: inherit;
--border: none;
--color-hover: #fff;
--background-color-hover: var(--color-primary);
/* Variantes */
display: inline-block;
height: 2.666666667em;
margin-bottom: 0.416666667em;
margin-right: 0.31em;
padding: 0 1em;
background: var(--background-color);
font-size: 1em;
font-weight: 500;
line-height: 2.666666667em;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
color: var(--color);
user-select: none;
border-radius: 1.333333333em;
box-shadow: var(--border);
transition: all 0.3s ease;
overflow: hidden;
/*
Ajoute une flèche
à gauche ou à droite
*/
}
.chip--neutral {
--background-color: var(--color-muted);
--color: black;
--border: none;
}
.chip--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
}
.chip--success {
--background-color: var(--color-success);
--color: white;
--border: none;
}
.chip--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.chip--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.chip--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.chip--white {
--background-color: #fff;
--color: var(--color-primary);
--border: none;
}
.chip--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.chip--ghost {
--background-color: var(--color-ghost);
--color: #777;
--border: 0 0 0 1px $white inset;
}
.chip--bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1px var(--forms-color);
}
.chip--grey-bordered {
--background-color: transparent;
--color: inherit;
--border: inset 0 0 0 1px #333;
}
.chip--snow {
--background-color: #fff;
--color: inherit;
--border: inset 0 0 0 1.5px rgba(255,255,255, 1);
}
.chip--snow-bordered {
--background-color: transparent;
--color: #fff;
--border: inset 0 0 0 1.5px rgba(255,255,255, 1);
}
.chip.brand-facebook {
--picto-color: var(--color-socials-facebook);
--background-color-hover: var(--color-socials-facebook-gradient);
--color-hover: #fff;
--picto-color-hover: #fff;
}
.chip.brand-google {
--background-color-hover: var(--color-socials-google-gradient);
--color-hover: var(--color-socials-google);
}
.chip > .picto {
margin-right: 0.5em;
color: var(--picto-color, inherit);
transition: all 0.3s ease;
}
.chip > img {
border-radius: 50%;
}
.chip > img, .chip > svg {
float: left;
margin: 0 0.666666667em 0 -1em;
height: 2.666666667em;
width: 2.666666667em;
}
.chip-close {
cursor: pointer;
float: right;
font-size: 0.75em;
line-height: 3.777777778em;
padding-left: 0.666666667em;
}
.chip:active, .chip:focus, .chip:hover, a:hover .chip, a:focus .chip, button:hover .chip, button:focus .chip, [role=button]:hover .chip, [role=button]:focus .chip {
outline: none;
background: var(--background-color-hover);
text-decoration: none;
color: var(--color-hover);
}
.chip:active .picto, .chip:focus .picto, .chip:hover .picto, a:hover .chip .picto, a:focus .chip .picto, button:hover .chip .picto, button:focus .chip .picto, [role=button]:hover .chip .picto, [role=button]:focus .chip .picto {
color: var(--picto-color-hover, inherit);
}
.chip--small {
font-size: 0.88em;
}
.chip--block {
display: block;
width: 100% !important;
}
.chip.is-whith-arrow::before, .chip.is-whith-arrow-left::before {
content: "";
display: inline-block;
width: 1.8em;
font-size: 0.6em;
font-family: var(--font-icon-MFC);
}
.chip.is-whith-arrow-right::after {
content: " ";
display: inline-block;
width: 1.8em;
font-size: 0.6em;
font-family: var(--font-icon-MFC);
}
.chips-list {
margin: 0;
padding: 0;
list-style: none;
}
.chips-list .chip {
display: inline-block;
}
/* ----------------------------- */
/* ==Tabs = panneaux à onglets */
/* ----------------------------- */
/* NOTES :
Le site utilise le super script Van11y de Tabs N. Hoffmann
La doc est ici : https://van11y.net/fr/onglets-accessibles/
Pour faire simple :
* JavaScript requis pour affichage d'un seul TAB
* les classes .js-xxxx sont utilisée par le script, le reste est automatique.
* Chaque panneau doit contenir un titre. Si ce n'est pas le cas,
le script en ajoute un mais une adaptation est nécessaire
sur .js-tablist
Exemple :
.js-tablist[data-existing-hx="h3"] <- des titres h3 existent et le script doit les utiliser
ou .js-tablist[data-hx="h3"] <- Création auto des titres avec la classe .invisible
* Le CSS est ultra personnalisable et ça c'est bien sympa
* RTFM
*/
/*#region THEME 1 : Classic */
.theme-classic {
/* Conteneur */
/* Navigation */
/* Contenu */
}
.theme-classic-tabs__list {
display: flex;
text-align: center;
flex-flow: row nowrap;
justify-content: center;
align-items: stretch;
margin: 1em 0;
padding: 0;
line-height: 1.15;
text-align: center;
border-bottom: 2px solid #eec4c4;
}
.theme-classic-tabs__item {
flex: 0 1 auto;
display: flex;
}
.theme-classic-tabs__link {
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: -2px;
padding: 0 0.5em 0.8em;
hyphens: auto;
text-decoration: none;
color: inherit;
border-bottom: 4px solid transparent;
transition-duration: 0.25s;
transition-property: color, border, background-color;
cursor: pointer;
/* En cours */
}
@media (min-width: 992px) {
.theme-classic-tabs__link {
padding: 1em 2em;
}
}
.theme-classic-tabs__link:hover, .theme-classic-tabs__link:focus, .theme-classic-tabs__link:active {
text-decoration: none;
}
.theme-classic-tabs__link[aria-selected=true] {
outline: 0;
background: transparent;
color: #000;
border-bottom-color: var(--color-secondary);
}
.theme-classic-tabs__content {
padding: 1em 0;
}
.theme-classic-tabs__content[aria-hidden=true] {
display: none;
}
/*#endregion */
/* ================ FIN DES THÈMES, ne pas modifier ci-dessous ================ */
/*
Cette classe est appliquée
lorsque le scrip ajoute un titre dans le tab
*/
.invisible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
[aria-hidden=true].classic-tabs-tabs__content {
display: none;
}
/* ----------------------------- */
/* ==Accodions */
/* ----------------------------- */
/*
Accordéon de contenu
- Accessible et agrémenté d'Aria
Script utilisé :
le super Van11y par Nicolas Hoffmann
> https://van11y.net/fr/accordeon-accessible/
*/
/*
Thème classic :
=====================================
*/
.theme-classic-accordion__header {
display: block;
position: relative;
width: 100%;
margin: 0;
padding: 0.25em 1.3em 0.25em 0.2em;
font-family: inherit;
/** fix typo inputs **/
text-align: left;
border: 0;
cursor: pointer;
}
.theme-classic-accordion__header:focus {
outline: 1px dotted;
}
.theme-classic-accordion__header::after {
content: "";
display: inline-block;
position: absolute;
top: 1.3em;
right: 1.2em;
width: 0.75em;
height: 0.75em;
margin-left: 0.25em;
font-family: var(--font-icon-MFC);
font-size: 0.5em;
transform: rotate(-90deg);
}
.theme-classic-accordion__header[aria-expanded=true]::after {
transform: rotate(0deg);
transform-origin: 50% 50%;
}
.theme-classic-accordion__panel {
display: block;
overflow: hidden;
opacity: 1;
transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
max-height: 100em;
/* magic number for max-height = enough height */
visibility: visible;
transition-delay: 0s;
margin: 0;
padding: 0;
/* état caché */
}
.theme-classic-accordion__panel[aria-hidden=true] {
display: block;
max-height: 0;
opacity: 0;
visibility: hidden;
transition-delay: 1s, 0s, 0s;
margin: 0;
padding: 0;
}
/* ----------------------------- */
/* ==Tags */
/* ----------------------------- */
/* utiliser .tag--XXXX pour les variantes */
.tag {
--background-color: var(--color-muted);
--color: black;
--border: none;
display: inline-block;
padding: 3px 0.5rem;
background-color: var(--background-color);
line-height: 1;
text-decoration: none;
vertical-align: baseline;
color: var(--color);
white-space: nowrap;
box-shadow: var(--border);
border-radius: 3px;
}
a.tag:hover, a.tag:focus, a.tag:active {
text-decoration: none;
}
/* Variantes */
.tag--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
}
.tag--success {
--background-color: var(--color-success);
--color: white;
--border: none;
}
.tag--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.tag--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.tag--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.tag--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.tag--ghost {
--background-color: var(--color-ghost);
--color: #333;
--border: 0 0 0 1px $white inset;
}
.tag--bordered {
--background-color: transparent;
--color: black;
--border: inset 0 0 0 2px black;
}
.tag--small {
font-size: 1.1rem;
}
.tag--big {
font-size: 1.9rem;
}
.tag--block {
width: 100% !important;
display: block;
}
.tag.disabled, .tag--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.tag:empty {
display: none;
}
/* ----------------------------- */
/* ==Badges */
/* ----------------------------- */
/* Utiliser .badge--XXX pour les variantes */
.badge {
--background-color: var(--color-muted);
--color: black;
--border: none;
display: inline-block;
padding: 0.5rem;
background-color: var(--background-color);
line-height: 1;
color: var(--color);
border-radius: 50%;
box-shadow: var(--border);
}
.badge::before {
content: "";
display: inline-block;
vertical-align: middle;
padding-top: 100%;
}
/* Variantes */
.badge--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
}
.badge--success {
--background-color: var(--color-success);
--color: white;
--border: none;
}
.badge--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.badge--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.badge--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.badge--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.badge--ghost {
--background-color: var(--color-ghost);
--color: #333;
--border: 0 0 0 1px $white inset;
}
.badge--bordered {
--background-color: transparent;
--color: black;
--border: inset 0 0 0 2px black;
}
.badge--small {
font-size: 1.1rem;
}
.badge--big {
font-size: 1.9rem;
}
.badge.disabled, .badge--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.badge:empty {
display: none;
}
/* ----------------------------- */
/* ==Alerts */
/* ----------------------------- */
/* .alert--XXX pour les variantes */
.alert {
--background-color: var(--color-muted);
--color: black;
--border: none;
background-color: var(--background-color);
margin: 0.75em 0;
padding: 1rem 2rem;
font-size: 1.05em;
font-weight: bold;
color: var(--color);
border-radius: 10px;
box-shadow: var(--border);
animation: alert-entrance 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.alert p {
margin: 0;
}
.alert a {
color: inherit;
text-decoration: underline;
}
/**
* ----------------------------------------
* animation d'apparition
* ----------------------------------------
*/
@keyframes alert-entrance {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
}
/* Variantes */
.alert--primary {
--background-color: var(--color-primary);
--color: white;
--border: none;
}
.alert--success {
--background-color: var(--color-success);
--color: white;
--border: none;
}
.alert--info {
--background-color: var(--color-info);
--color: black;
--border: none;
}
.alert--warning {
--background-color: var(--color-warning);
--color: black;
--border: none;
}
.alert--danger {
--background-color: var(--color-danger);
--color: white;
--border: none;
}
.alert--inverse {
--background-color: var(--color-inverse);
--color: white;
--border: none;
}
.alert--ghost {
--background-color: var(--color-ghost);
--color: white;
--border: 0 0 0 1px $white inset;
}
.alert--bordered {
--background-color: transparent;
--color: inherit;
--border: 0 0 0 1px inherit inset;
}
.alert--small {
font-size: 1.1rem;
}
.alert--big {
font-size: 1.9rem;
}
.alert--block {
width: 100% !important;
display: block;
}
.alert.disabled, .alert--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.alert:empty {
display: none;
}
/* ----------------------------- */
/* ==Tiles : */
/* ----------------------------- */
/*
Tuiles d'informations
+ Picto
? Exemple :
? _______________
? | 500 Maisons |
? | 🏠 |
? |_______________|
Sommaire :
- Tile
- Tiles (liste)
*/
.tile {
--this-color: var(--color-primary);
--this-color-over: #fff;
--this-shadow--start: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
position: relative;
padding: 0.8em 1em;
background-color: var(--this-bg-color--start, #fff);
text-decoration: none;
border-radius: 10px;
overflow: hidden;
transition: all 0.25s ease-out;
box-shadow: var(--this-shadow--start);
/*#region Variantes */
/*#region Etat de départ */
/*#endregion*/
/*#region Couleurs */
/*#region Contenus */
/*#endregion*/
/*#region Tailles */
}
@media (min-width: 768px) {
.tile {
flex-flow: row nowrap;
align-items: flex-end;
align-items: center;
}
}
.tile::before {
z-index: 0;
content: "";
position: absolute;
left: -240px;
bottom: -275px;
width: 600px;
height: 600px;
background-color: var(--this-color);
border-radius: 100%;
transition: all 0.35s ease-out;
transform: scale(0.001);
}
@media (min-width: 1200px) {
.tile::before {
width: 1000px;
height: 1000px;
left: -300px;
bottom: -500px;
}
}
.tile:hover, .tile:focus, .tile:active {
z-index: 2;
color: var(--this-color-txt);
text-decoration: none;
}
@media (min-width: 576px) {
.tile:hover, .tile:focus, .tile:active {
transform: scale(1.1) translateY(-5px);
box-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.035), 0 2.4px 2.4px rgba(0, 0, 0, 0.05), 0 5.7px 5.7px rgba(0, 0, 0, 0.065), 0 19px 19px rgba(0, 0, 0, 0.1);
}
}
.tile:hover::before, .tile:focus::before, .tile:active::before {
z-index: -1;
background-color: var(--this-color);
transform: scale(1);
}
.tile:hover::after, .tile:focus::after, .tile:active::after {
transform: scale(1);
}
.tile:hover .tile-value, .tile:focus .tile-value, .tile:active .tile-value {
border-bottom-color: var(--this-color-over);
}
.tile:hover .tile-picto, .tile:focus .tile-picto, .tile:active .tile-picto {
color: var(--this-color-over);
}
.tile-picto {
order: 2;
z-index: 2;
position: relative;
width: 4em;
height: 4em;
padding-top: 0.3em;
color: var(--this-color);
transition: all 0.3s ease;
}
@media (min-width: 576px) {
.tile-picto {
flex: 0 0 36%;
align-self: flex-end;
max-width: 6em;
height: auto;
padding-top: 0;
padding-right: 1em;
}
}
@media (min-width: 768px) {
.tile-picto {
order: 1;
align-self: center;
}
}
.tile-picto .picto {
width: 4em;
height: 4em;
}
@media (min-width: 576px) {
.tile-picto .picto {
width: 4em;
height: 3em;
}
}
.tile-content {
z-index: 2;
position: relative;
flex: 0 0 auto;
order: 1;
line-height: 1.25;
}
@media (min-width: 576px) {
.tile-content {
order: 2;
flex: 1 1 auto;
}
}
.tile-value {
display: inline-block;
font-weight: 300;
border-bottom: 2px solid var(--this-color);
margin-bottom: 0.4em;
padding-bottom: 0.4em;
font-size: 1.048666667em;
}
@media (min-width: 576px) {
.tile-value {
font-size: 1em;
}
}
.tile-name {
display: block;
min-height: 2em;
line-height: 1;
font-size: 1.198em;
}
@media (min-width: 576px) {
.tile-name {
font-size: 1em;
}
}
.tile--start-ghost {
--this-bg-color--start: transparent;
--this-shadow--start: none;
}
.tile--models {
--this-color: var(--color-models);
--this-color-txt: var(--color-models-txt);
}
.tile--landhouses {
--this-color: var(--color-landhouses);
--this-color-txt: var(--color-landhouses-txt);
}
.tile--lands {
--this-color: var(--color-lands);
--this-color-txt: var(--color-lands-txt);
}
.tile--agencies {
--this-color: var(--color-agencies);
--this-color-txt: var(--color-agencies-txt);
}
.tile--extension_renovation {
--this-color: var(--color-extension-renovation);
--this-color-txt: var(--color-extension-renovation-txt);
}
.tile--realizations, .tile.theme--red {
--this-color: var(--color-theme-red);
--this-color-txt: #fff;
}
.tile--advices, .tile.advices {
--this-color: var(--color-theme-yellow);
--this-color-txt: #fff;
}
.tile--history,
.tile .theme--lightgreen {
--this-color: var(--color-lands);
--this-color-txt: #fff;
}
.tile.tile--picto-right .tile-picto {
padding-right: 0;
order: -5;
margin-right: 0;
padding-right: 0;
padding-top: 0;
padding-left: 1em;
}
.tile.tile--picto-right .picto {
width: 100%;
height: 100%;
}
.tile.tile--size-xl {
max-width: 16em;
font-size: 2em;
border-radius: 15px;
}
.tile.tile--size-xl::before {
width: 850px;
height: 850px;
left: -180px;
bottom: -435px;
}
.tile.tile--size-xl .tile-picto {
order: 2;
width: 100%;
height: 100%;
}
/*#region Liste de tiles */
.tiles-list {
list-style: none;
margin: 0;
padding: 0;
}
/*#endregion*/
/* Loaders */
/* ----------------------------- */
/* Loaders */
/* ----------------------------- */
/* Liste des Loaders :
*
* Exemple :
* {% include "components/loaders/loader-spiner.twig" %}
*/
/* .loader--spinner : loader traits rotatifs */
.loader--spinner {
position: relative;
display: inline-block;
width: 80px;
height: 80px;
}
.loader--spinner div {
transform-origin: 40px 40px;
animation: loader--spinner 1.2s linear infinite;
}
.loader--spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: var(--loader-color, #fff);
}
.loader--spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.loader--spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.loader--spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.loader--spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.loader--spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.loader--spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.loader--spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.loader--spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.loader--spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.loader--spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.loader--spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.loader--spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes loader--spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/**
* ==============================================
* Dot Pulse
* ==============================================
*/
.loader-pulse {
width: 100%;
margin: 30px 0;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.loader-pulse .loader-dot-1,
.loader-pulse .loader-dot-2,
.loader-pulse .loader-dot-3 {
background-color: var(--color-primary);
width: 30px;
height: 30px;
border-radius: 50%;
margin: 10px;
animation: dotPulse 1.5s infinite linear;
}
.loader-pulse .loader-dot-1 {
animation-delay: 0s;
}
.loader-pulse .loader-dot-2 {
animation-delay: 0.25s;
}
.loader-pulse .loader-dot-3 {
animation-delay: 0.5s;
}
@keyframes dotPulse {
0% {
transform: scale(0.4);
}
10% {
transform: scale(0.6);
}
20% {
transform: scale(0.8);
}
30% {
transform: scale(1);
}
40% {
transform: scale(1.2);
}
50% {
transform: scale(1.4);
}
60% {
transform: scale(1.2);
}
70% {
transform: scale(1);
}
80% {
transform: scale(0.8);
}
90% {
transform: scale(0.6);
}
100% {
transform: scale(0.4);
}
}
/* Notifications */
.entities-notification {
flex: 0 1 28em;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 92%;
padding: 4.5em 2em 2.5em;
background-color: var(--notification-modal-background-color, #fff);
text-align: center;
color: var(--notification-modal-color, inherit);
border-radius: var(--notification-modal-radius, 0);
box-shadow: var(--notification-modal-shadow, none);
}
.entities-notification > * {
flex: 0 0 auto;
}
.entities-notification--wrapper {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 5000;
background-color: var(--notification-page-background-color, rgba(0, 0, 0, 0.2));
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.entities-notification--close {
position: absolute;
top: 0.5em;
right: 0.5em;
background-color: transparent;
padding: 1.5rem;
}
.entities-notification--close:hover {
transform: scale(1.15);
}
.entities-notification--title {
font-size: 2rem;
font-weight: bold;
}
@media (min-width: 576px) {
.entities-notification--title {
font-size: 2.4rem;
}
}
.entities-notification--text {
margin: 2em 0 1.3em 0;
}
.entities-notification--ctas-container {
display: grid;
grid-auto-flow: dense;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: 1em;
}
.entities-notification .alert {
font-weight: normal;
font-size: 1em;
}
/* ------------------------------- */
/* ==Offre spéciale : offer banner */
/* ------------------------------- */
/*
La banner peut afficher une image
de banière ou des informations textuelles.
----
Dans les 2 cas, le texte est présent pour le seo
*/
.event-offers {
margin-bottom: 0;
/* Slick */
}
@media (max-width: 575px) {
.event-offers {
max-width: 100vw;
}
}
.event-offers-wrapper {
margin: 1em 0;
}
.event-offers-slider {
margin: 1em 0 1.3em 0;
}
@media (min-width: 576px) {
.event-offers-slider {
margin: 0;
}
}
.event-offers-slider-list {
list-style: none;
margin: 0;
padding: 0;
}
.event-offers-slider-item {
/*#region Version textuelle */
--offer-bg-color: #f6f6f6;
--offer-border-color: var(--color-primary);
--offer-txt-color: var(--color-base);
--offer-txt-align: center;
--offer-txt-strong-color: var(--color-primary);
/* Theme 1 */
padding-left: var(--layout-wrapper-medium-margin-left);
padding-right: var(--layout-wrapper-medium-margin-right);
color: var(--offer-txt-color);
/* lien ou div */
/*#endregion*/
/*#region Version image */
/*#endregion*/
}
.event-offers-slider-item.theme-1 {
--offer-bg-color: #f6e0e0;
--offer-border-color: #f54646;
--offer-txt-color: var(--color-base);
--offer-txt-align: center;
--offer-txt-strong-color: #c12122;
--offer-txt-strong-size: 1.582335329em;
}
@media (min-width: 576px) {
.event-offers-slider-item {
padding: 0;
}
}
@media (min-width: 576px) {
.event-offers-slider-item {
min-height: 139px;
}
}
.event-offers-slider-item-wrapper {
align-items: center;
position: relative;
height: 100%;
background-color: var(--offer-bg-color);
text-align: var(--offer-txt-align);
text-decoration: none;
color: var(--offer-txt-color);
}
@media (max-width: 575px) {
.event-offers-slider-item-wrapper {
display: flex;
justify-content: space-around;
flex-flow: column nowrap;
border-radius: 1.2em;
}
}
.event-offers-slider-item-wrapper:hover, .event-offers-slider-item-wrapper:focus {
text-decoration: none;
}
.event-offers-slider-item-wrapper::before {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
background-color: var(--offer-bg-color);
border: 1px solid var(--offer-border-color);
}
.event-offers-slider-item-detail {
z-index: 0;
padding: 0.5em 1em;
line-height: 1;
text-align: center;
}
@media (min-width: 576px) {
.event-offers-slider-item-detail {
padding: 0.8em 0;
}
}
.event-offers-slider-item-title {
position: relative;
z-index: 1;
}
@media (min-width: 576px) {
.event-offers-slider-item-title {
line-height: 1.15;
font-size: 1.3em;
order: 2;
}
}
.event-offers-slider-item-title strong {
color: var(---offer-txt-strong-color);
font-size: 1.3em;
}
@media (min-width: 576px) {
.event-offers-slider-item-title strong {
font-size: 1.582335329em;
}
}
.event-offers-slider-item-date {
z-index: 1;
position: relative;
font-size: 0.95em;
}
@media (min-width: 576px) {
.event-offers-slider-item-date {
line-height: 1.15;
font-size: 1.3em;
order: 1;
}
}
@media (min-width: 576px) {
.event-offers-slider-item-date::before {
/* Cercle */
--circle-size: 5em;
content: "";
display: block;
position: absolute;
top: calc( 50% - ( var(--circle-size) / 2 ) );
left: calc( 50% - ( var(--circle-size) / 2 ) );
opacity: 0.2;
width: var(--circle-size);
height: var(--circle-size);
background-color: var(--offer-border-color);
border-radius: 100%;
}
}
@media (min-width: 576px) {
.event-offers-slider-item-link {
order: 3;
}
}
.event-offers-slider-item-illustration {
width: 100%;
}
.event-offers-slider-item p {
margin: 0;
}
.event-offers .glide__slides {
display: flex;
}
.event-offers .glide__slide {
flex: 1 1 auto;
height: auto;
}
.event-offers .glide__bullets {
bottom: 4px;
}
/* Navs */
/* ----------------------------- */
/* ==Social networks menu */
/* ----------------------------- */
.social-menu-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
@media (min-width: 576px) {
.social-menu-list {
justify-content: flex-start;
}
}
.social-menu .social-menu-item {
flex: 1 1 auto;
}
.social-menu .social-menu-item-link {
display: block;
margin: 0 0.3em 0 0;
padding: 0.3em 0.5em;
text-align: center;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
}
.social-menu .social-menu-item-link:hover, .social-menu .social-menu-item-link:focus {
text-decoration: none;
transform: scale(1.3);
}
.social-menu .social-menu-item-icon {
font-size: 1.8em;
transform: scale(1.1);
}
/*
---------------------------------------------
Utilisation :
---------------------------------------------
1. Ajouter une navigation dans la page
-----------------------------------------------------------
# Utiliser le composant,
{% include "components/tabbar" with tabs = [
{
label: 'Contacter'
type: 'button',
icon: {
type: 'svg',
symb: '#demande-rdv'
}
target: 'tabbar-expand-form-container',
},
{
label: 'Appeler'
type: 'a',
icon: {
type: 'font',
symb: 'icon-g-tel-contour'
}
target: 'tel:' ~ {{ agency.agency_phone_number }},
}
] %}
# Code généré :
{# Navigation : footer de contact sur Small #}
<div class="tabbar">
<div class="tabbar-tab">
<button class="tabbar-tab-btn btn--primary"
data-trigger="tabbar-expand-form-container" data-target-class="is-extended" >
<svg class="tabbar-tab-btn-picto picto-sprite picto" aria-hidden="true" ><use xlink:href="#demande-rdv"></use></svg>
<span class="tabbar-tab-btn-label">Rdv</span>
</button>
<a class="tabbar-tab-btn btn--primary"
href="tel:{{ page.agency_phone_number }}" >
<span class="tabbar-tab-btn-picto icon-g-tel-contour picto"></span>
<span class="tabbar-tab-btn-label">Appeler</span>
</a>
</div>
</div>
2. Mettre la classe et le triger sur l'élément à utiliser comme conteneur
-----------------------------------------------------------
<div class="formulaire-de-contact" data-target="tabbar-expand-form-container">…</div>
3. Ajouter un bouton de fermeture dans le conteneur de contact
-----------------------------------------------------------
{# Fermer le formulaire (sur SMALL) #}
<div class="tabbar-container-close"> tabbar-expand-container-close
<button class="btn" data-trigger="tabbar-expand-form-container" data-target-class="is-extended">
<span class="icon-g-fermer"></span><span class="sr-only">Fermer le formulaire de contact</span>
</button>
</div>
--------------------------------------------- */
.tabbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 3999;
--padding-b: calc( var(--safe-area-inset-bottom) + .5em );
padding: 0.5em 0.5em var(--padding-b) 0.5em;
background-color: var(--footer-contact-bg);
backdrop-filter: saturate(180%) blur(20px);
background-color: var(--tabbar-bg-color);
border-top: 1px solid #eee;
}
@media (min-width: 768px) {
.tabbar {
display: none;
}
}
.tabbar-tab {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
}
.tabbar-tab-btn {
flex: 1;
margin: 0 0.5em;
border-radius: 12px;
font-weight: 700;
}
.tabbar-tab-btn:hover, .tabbar-tab-btn:focus {
color: #fff;
}
.tabbar-tab-btn-picto {
height: 1em;
margin-right: 0.7em;
display: none;
}
.tabbar-tab-btn.on {
background-color: var(--color);
color: var(--background-color);
box-shadow: inset 0 0 0 1px var(--background-color);
}
.tabbar-container {
font-size: 17px;
}
@media (max-width: 767px) {
.tabbar-container {
position: fixed;
top: 100vh;
left: 0;
right: 0;
max-height: 0;
height: 100vh;
margin: 0;
padding: 0;
overflow-y: auto;
transition: all 0.7s ease;
pointer-events: none;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.tabbar-container {
max-height: none;
}
}
@media (max-width: 767px) {
.tabbar-container form {
padding-bottom: 3em;
--padding-b: calc( var(--safe-area-inset-bottom) + 3em );
padding-bottom: var(--padding-b);
}
}
@media (max-width: 767px) {
.tabbar-container.on {
z-index: 4000;
top: 0;
max-height: 100vh;
padding: 3.8em var(--layout-wrapper-medium-margin-right) 3em var(--layout-wrapper-medium-margin-left) !important;
pointer-events: all;
}
}
@media (max-width: 767px) {
.tabbar-container-close {
position: absolute;
top: 20px;
right: var(--layout-wrapper-medium-margin-right);
}
}
@media (min-width: 768px) {
.tabbar-container-close {
display: none;
}
}
.tools-share {
position: relative;
}
.tools-share-modale {
position: fixed;
top: 50%;
left: 50%;
z-index: 5000;
width: 95%;
max-width: 550px;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
padding: 20px;
background-color: #fff;
font-size: 0.8em;
border-radius: 10px;
transition: all 0.3s ease-in;
}
.tools-share-modale:not(.is-open) {
opacity: 0;
transform: translate(-50%, 0%);
pointer-events: none;
}
.tools-share-modale.is-open {
display: block;
z-index: 2;
opacity: 1;
transform: translate(-50%, -50%);
pointer-events: all;
}
.tools-share header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.tools-share header > * {
margin: 0;
}
.tools-share-method-targets {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.3em;
margin-bottom: 1.5em;
}
@media (min-width: 480px) {
.tools-share-method-targets {
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.4em 0.8em;
}
}
@media (min-width: 768px) {
.tools-share-method-targets {
grid-template-columns: repeat(3, 1fr);
}
}
.tools-share-method-targets .item {
margin: 0;
--brand-color: #000;
--brand-gradient: linear-gradient(#000, #333);
display: flex;
flex-flow: row nowrap;
background-color: var(--brand-color, #888);
background-image: var(--brand-gradient);
color: #fff;
}
.tools-share-method-targets .item.facebook {
--brand-color: var(--color-socials-facebook);
--brand-gradient: var(--color-socials-facebook-gradient);
}
.tools-share-method-targets .item.fb-messenger {
--brand-color: var(--color-socials-fb-messenger);
--brand-gradient: var(--color-socials-fb-messenger-gradient);
}
.tools-share-method-targets .item.instagram {
--brand-color: var(--color-socials-instagram);
--brand-gradient: var(--color-socials-instagram-gradient);
}
.tools-share-method-targets .item.twitter {
--brand-color: var(--color-socials-twitter);
--brand-gradient: var(--color-socials-twitter-gradient);
}
.tools-share-method-targets .item.linkedIn {
--brand-color: var(--color-socials-linkedin);
--brand-gradient: var(--color-socials-linkedin-gradient);
}
.tools-share-method-targets .item.whatsapp {
--brand-color: var(--color-socials-whatsapp);
--brand-gradient: var(--color-socials-whatsapp-gradient);
}
.tools-share-method-targets .item.pinterest {
--brand-color: var(--color-socials-pinterest);
--brand-gradient: var(--color-socials-pinterest-gradient);
}
@media (min-width: 576px) {
.tools-share-method-targets .item {
height: 5em;
}
}
.tools-share-method-targets .item:hover, .tools-share-method-targets .item:focus, .tools-share-method-targets .item:active {
background-color: var(--brand-color);
color: #fff;
}
.tools-share-method-targets .picto {
flex: 0 0 auto;
text-align: center;
margin-right: 0.5em;
width: 1em;
height: 1em;
}
.tools-share-method-targets .label {
flex: 1 1 auto;
text-align-last: left;
}
.tools-share-method-copyURL {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 0.85em;
border-radius: 10px;
background-color: var(--color-muted);
}
.tools-share-method-copyURL-link {
flex: 1 1 auto;
margin-right: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tools-share-method-copyURL button {
flex: 0 0 auto;
display: block !important;
margin-bottom: 0;
user-select: none;
}
.tools-share-method-copyURL button.is-copied {
background-color: var(--color-success-light);
transition: all 1s ease;
}
/* Thumbs */
/* ----------------------------- */
/* ==Card */
/* ----------------------------- */
/*
Carte d'affichage d'un élément
.card
Variantes et effets :
.card--whith-shadow bon ba ça ajoute une ombre
.card--width-effet--slide-hover affiche des éléments au hover
*/
/*#region CARD */
/*#region CARD Containers */
.card-list {
margin: 0;
padding: 0 0 75px 0;
display: grid;
grid-auto-flow: dense;
grid-gap: 2.5rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
.card-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1600px) {
.card-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1920px) {
.card-list {
grid-template-columns: repeat(4, 1fr);
}
}
.card-list .card-container {
display: flex;
flex-flow: column nowrap;
justify-content: stretch;
align-items: stretch;
}
.card-list .card {
flex: 1 0 auto;
height: 100%;
}
.card-list > * {
/* Défintion des orders de base
pour modification ultérieur de l'ordre des éléments */
}
.card-list > * {
order: 50;
}
.card-list > *:nth-child(1) {
order: 1;
}
.card-list > *:nth-child(2) {
order: 2;
}
.card-list > *:nth-child(3) {
order: 3;
}
.card-list > *:nth-child(4) {
order: 4;
}
.card-list > *:nth-child(5) {
order: 5;
}
.card-list > *:nth-child(6) {
order: 6;
}
.card-list > *:nth-child(7) {
order: 7;
}
.card-list > *:nth-child(8) {
order: 8;
}
.card-list > *:nth-child(9) {
order: 9;
}
.card-list > *:nth-child(10) {
order: 10;
}
.card-summary-title {
padding: 0 0 0.5em 0;
}
.card-summary-content {
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 0.947368421em;
}
/*#endregion*/
.hide {
width: 0;
height: 0;
opacity: 0;
transition: all ease-in-out 1s;
}
/*#region CARD Item */
.card {
--this-padding-left: 1em;
--this-padding-right: 1em;
--card-border-radius: 9px;
--this-color: var(--color-primary);
position: relative;
flex-flow: column nowrap;
display: flex;
flex-flow: column nowrap;
margin-bottom: 1.2em;
background-color: #fff;
text-align: left;
word-wrap: break-word;
border-radius: var(--card-border-radius);
box-shadow: var(--card-box-shadow);
overflow: hidden;
/* Coordonnées de la card : */
/* Note de la card : */
/* Détails d'un bien : */
/*#region V a r i a n t e s */
/*#endregion*/
/*#region A u t r e s t y p e s */
/* Type : Read-More
==================
vers la page de archive…
*/
/* Type : card-info
==================
rappel, newsletter, etc.
S'affiche au mileux des tiles d'une tile-list
*/
/*#endregion*/
/*#region E F F E T S */
/*#endregion*/
}
@media (min-width: 576px) {
.card {
transition: all 0.3s ease;
margin-bottom: 0;
}
.card:hover, .card:focus {
z-index: 5;
transform: scale(1.05);
box-shadow: var(--card-box-shadow--hover);
}
}
@media (min-width: 576px) {
.active-agency .card, .active-agency .card:hover {
z-index: 5;
transform: scale(1.05);
box-shadow: var(--card-box-shadow--hover);
}
}
.card > * {
order: 10;
flex: 0 0 auto;
}
.card-body {
flex: 1 0 auto;
justify-content: space-between;
display: flex;
flex-flow: column nowrap;
position: relative;
padding-left: var(--this-padding-left);
padding-right: var(--this-padding-right);
padding-top: 0.9em;
padding-bottom: 1em;
}
.card-body > * {
flex: 1 1 auto;
}
.card-body::after {
content: "";
font-family: var(--font-icon-MFC);
position: absolute;
right: var(--this-padding-right);
bottom: 0.5em;
color: #000;
font-size: 1.1em;
opacity: 0.6;
}
.card-subtitle {
order: -5;
margin-bottom: 0;
color: var(--color-medium-grey);
}
.card-title {
font-weight: 500;
line-height: 1.3;
}
.card-title-prefix {
display: block;
font-size: 0.666666667em;
line-height: 1.25;
}
.card-title a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
}
.card-title a:hover, .card-title a:focus {
color: var(--this-color, #333);
}
.card-title a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.card-text {
padding: 0 2.5em 0 0;
font-weight: 400;
line-height: 1.35;
color: #8d8d8d;
}
.card-details-contact-list {
display: grid;
grid-auto-flow: dense;
grid-template-columns: 2.3em 1fr;
align-items: center;
grid-gap: 1rem;
}
.card-details-contact-list dt {
color: var(--color-primary);
font-size: 1.3em;
grid-column: auto/span 1;
text-align: center;
}
.card-details-contact-list dd {
grid-column: auto/span 1;
}
.card-details-contact-list .icon-square {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0.3em;
border: 1px solid #bdbdbd;
border-radius: 0.3em;
}
.card-details-contact-list .icon-square > * {
flex: 1 1 auto;
}
.card-rating {
padding-top: 0.3em;
padding-bottom: 0.8em;
}
.card-rating .rating-stars {
display: inline-block;
padding-right: 1em;
}
.card-rating .rating-stars .star {
font-size: 1em;
color: var(--color-theme-yellow);
width: 1em;
height: 1em;
}
.card-rating .rating-text {
color: var(--color-mediumdark-grey);
text-decoration: none;
}
.card .detail-list li {
display: inline;
}
.card .detail-list li + li::before {
content: " • ";
}
.card .detail-list .item-price {
display: block;
}
.card .detail-list .item-price::before {
content: "";
}
.card .detail-list .item-price + li::before {
content: "";
}
.card-figure {
background-color: whitesmoke;
}
.card-figure-top {
order: 1;
}
.card-figure-container {
position: relative;
}
.card-figure img,
.card-figure picture {
width: 100%;
height: 100%;
object-fit: contain;
}
.card-figure img.brand,
.card-figure picture.brand {
min-height: 6em;
}
.card-figure .controls {
z-index: 3;
opacity: 0.8;
position: absolute;
bottom: 10px;
left: 3.644646925%;
color: #fff;
user-select: none;
}
.card-figure .controls > * {
backdrop-filter: blur(10px);
}
.card-actions {
--color: var(--color-primary);
order: 5;
z-index: 2;
position: relative;
margin: 0 var(--this-padding-right) -2em var(--this-padding-left);
padding: 0;
text-align: right;
transform: translate(0, -50%);
}
.card-actions button {
--border: inset 0 0 0 1px rgb(230, 230, 230);
}
.card-footer {
order: 20;
background-color: var(--color-smoke);
font-size: 0.95em;
}
.card--whith-shadow {
box-shadow: var(--card-box-shadow);
}
.card-read-more {
text-align: center;
}
@media (min-width: 576px) {
.card-read-more {
display: none;
}
}
.card-manchette {
--this-color: var(--color-primary);
--picto-rotate: -26deg;
--picto-circle-hover-color: #fff;
/*#region Thèmes */
/*#endregion*/
overflow: hidden;
text-align: center;
}
.card-manchette-parent {
order: 2;
}
@media (min-width: 768px) {
.card-manchette-parent {
order: 3;
}
}
.card-manchette--classique {
--this-color: var(--color-theme-blue-extralight);
--this-color-hover: var(--color-theme-blue-light);
--this-color-picto: var(--color-theme-blue);
--picto-rotate: 0deg;
}
.card-manchette--info {
--this-color: #e4edfe;
--this-color-hover: var(--color-info-light);
--this-color-picto: var(--color-info-light);
--picto-rotate: 0deg;
}
.card-manchette--info .picto svg {
transform: translate(0, -5px) scale(1.5);
}
.card-manchette--alert {
--this-color: var(--color-warning-extralight);
--this-color-hover: var(--color-warning-light);
--this-color-picto: var(--color-warning);
--picto-rotate: -26deg;
--picto-circle-hover-color: rgba(255, 255, 255, 0.1);
}
.card-manchette--alert-parent {
order: 2;
}
@media (min-width: 768px) {
.card-manchette--alert-parent {
order: 3;
}
}
.card-manchette--realizations {
--this-color: var(--color-warning-extralight);
--this-color-hover: var(--color-warning-light);
--this-color-picto: var(--color-warning);
--picto-rotate: 0deg;
--picto-circle-hover-color: rgba(255, 255, 255, 0.1);
}
.card-manchette--realizations-parent {
order: 2;
}
@media (min-width: 768px) {
.card-manchette--realizations-parent {
order: 3;
}
}
.card-manchette--picture {
background-color: var(--color-light);
box-shadow: none;
}
.card-manchette-picture-full {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 576px) {
.card-manchette {
align-items: center;
}
}
@media (min-width: 1600px) {
.card-manchette:hover {
transform: scale(1.02);
}
}
.card-manchette-link {
display: block;
flex: 1 0 100%;
width: 100%;
display: block;
text-decoration: none;
transition: all 0.3s ease;
background-color: #fff;
}
.card-manchette-link:hover, .card-manchette-link:focus {
text-decoration: none;
}
.card-manchette-link:hover .picto, .card-manchette-link:focus .picto {
transform: scale(1.15) rotate(var(--picto-rotate, -26deg));
}
.card-manchette-link:hover .picto::before, .card-manchette-link:focus .picto::before {
transform: scale(25);
background-color: var(--this-color-hover, --this-color);
}
.card-manchette-link:hover .picto::after, .card-manchette-link:focus .picto::after {
transform: scale(1);
}
@media (min-width: 768px) {
.card-manchette-link:hover .picto, .card-manchette-link:focus .picto {
transform: translate(20px, -8px) scale(1.1) rotate(var(--picto-rotate));
}
}
.card-manchette-link.with-picture {
background-color: var(--color-light);
box-shadow: none;
}
.card-manchette-grid {
display: flex;
flex-flow: column wrap;
}
@media (min-width: 1200px) {
.card-manchette-grid {
flex-flow: row nowrap;
align-items: center;
}
}
.card-manchette-grid > * {
margin: 0;
padding: 1em 1em 0 1em;
}
@media (min-width: 768px) {
.card-manchette-grid > * {
padding-left: 0.3em;
padding-right: 0.3em;
padding-bottom: 1em;
}
}
.card-manchette-grid > *:last-child {
padding-bottom: 1em;
}
.card-manchette-title {
flex: 0 0 content;
text-align: center;
}
@media (min-width: 1200px) {
.card-manchette-title {
flex: 1 1 auto;
text-align: right;
padding-left: 1em;
}
}
.card-manchette-content {
flex: 2 1 auto;
z-index: 2;
font-size: 1.15em;
}
@media (min-width: 992px) {
.card-manchette-content {
flex: 2 1 auto;
font-size: 1.25em;
}
}
.card-manchette-actions {
flex: 0 0 content;
z-index: 2;
}
@media (min-width: 992px) {
.card-manchette-actions {
flex: 1 0 auto;
}
}
.card-manchette .picto {
display: inline-block;
z-index: 0;
position: relative;
width: 1.2em;
height: 1.2em;
padding: 0;
font-size: 4em;
line-height: 1.2em;
text-align: center;
color: var(--this-color-picto);
transform: rotate(var(--picto-rotate));
transform-origin: center;
transition: all 0.3s ease;
}
.card-manchette .picto::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--this-color);
border-radius: 50%;
transform-origin: center;
transition: all 0.4s ease;
}
.card-manchette .picto::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--picto-circle-hover-color);
border-radius: 50%;
transform-origin: center;
transform: scale(0);
transition: all 0.4s ease 0.05s;
}
.card-manchette .picto svg {
display: inline-block;
width: var(--picto-size, 0.8em);
height: var(--picto-size, 0.8em);
transition: all 0.3s ease-out;
}
.card-recto-verso {
perspective: 950px;
height: 250px !important;
}
.card-recto-verso-wrapper {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 1s;
}
.card-recto-verso-wrapper.is-flipped {
transform: rotateX(180deg) scale(1.01);
}
.card-recto-verso--face {
height: 200px;
position: absolute;
width: 100%;
height: 100%;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
border-radius: var(--card-border-radius);
box-shadow: var(--card-box-shadow);
}
.card-recto-verso--face--front {
cursor: pointer;
}
.card-recto-verso--face--back {
transform: rotateX(180deg);
pointer-events: none;
}
.card-width-effet {
/*
* Cet effet élagie l'affichage d'une des tranches images
* de la zone au survol de la souris.
*/
}
.card-width-effet-slide-hover {
/* Conteneur des images */
}
.card-width-effet-slide-hover .card-figure {
position: relative;
width: 100%;
background-color: var(--color-grey);
/* pour une hauteur via ratio h x l */
/* les blocs d'images */
}
.card-width-effet-slide-hover .card-figure:before {
content: "";
display: block;
width: 100%;
padding-top: 47.15261959%;
}
.card-width-effet-slide-hover .card-figure-container {
z-index: 2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*#region interactions */
/*#endregion*/
}
.card-width-effet-slide-hover .card-figure-container:hover .item-2 {
clip-path: polygon(95% 0, 100% 0, 100% 100%, 93% 100%);
}
.card-width-effet-slide-hover .card-figure-container .item-1:hover {
z-index: 1;
clip-path: polygon(0 0, 95% 0, 95% 100%, 0 100%);
}
.card-width-effet-slide-hover .card-figure-container .item-1:hover::after {
clip-path: polygon(93% 0, 100% 0, 100% 100%, 90% 100%);
}
.card-width-effet-slide-hover .card-figure-container .item-2:hover {
clip-path: polygon(7% 0, 100% 0, 100% 100%, 5% 100%);
}
.card-width-effet-slide-hover .card-figure-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: 0.4s;
overflow: hidden;
}
.card-width-effet-slide-hover .card-figure-item.item-1 {
clip-path: polygon(0 0, 80.865603645% 0, 65.148063781% 100%, 0% 100%);
}
.no-cssclippathpolygon .card-width-effet-slide-hover .card-figure-item.item-1 {
z-index: 10;
}
.no-cssclippathpolygon .card-width-effet-slide-hover .card-figure-item.item-1::after {
display: none;
}
.card-width-effet-slide-hover .card-figure-item.item-1::after {
content: "";
z-index: 20;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
clip-path: polygon(78.132118451% 0, 100% 0, 100% 100%, 60.13667426% 100%);
transition: 0.5s;
pointer-events: none;
}
.card-width-effet-slide-hover .card-figure-item.item-2 {
clip-path: polygon(80.865603645% 0, 100% 0, 100% 100%, 65.148063781% 100%);
}
.card-width-effet-slide-hover .card-figure-item img {
width: 100%;
}
/*#endregion*/
/*#endregion*/
/* Content zone */
/* ----------------------------- */
/* ==About Brand */
/* ----------------------------- */
.box-content {
position: relative;
margin-top: var(--box-spacer-small);
margin-bottom: var(--box-spacer-small);
font-weight: 400;
}
@media (min-width: 576px) {
.box-content {
margin-top: var(--box-spacer);
margin-bottom: var(--box-spacer);
}
}
@media (max-width: 575px) {
.box-content-wrapper {
width: 100vw;
margin-left: 0;
}
}
@media (min-width: 576px) {
.box-content-wrapper.is-with-flyover {
margin-right: var(--layout-wrapper-small-margin-right);
}
}
.box-content-wrapper.reverse .box-content-main-slider-item {
flex-direction: row-reverse;
}
.box-content-wrapper.reverse .box-content-main-slider-item-text {
padding: 0 0 0 7.8%;
}
.box-content-wrapper.reverse.is-with-flyover {
position: relative;
}
.box-content-wrapper.reverse.is-with-flyover .box-content-main {
margin-left: 4%;
}
.box-content-wrapper.reverse.is-with-flyover .box-content-flyover {
left: 0;
}
.box-content-main-slider-list {
max-width: 100vw;
overflow: visible;
}
@media (min-width: 576px) {
.box-content-main-slider-list {
padding: 0;
}
}
.box-content-main-slider-item {
display: flex;
flex-flow: column nowrap;
border-radius: 10px;
margin-bottom: 60px;
box-shadow: 0 1.1px 1.2px -27px rgba(0, 0, 0, 0.067), 0 2.7px 2.9px -27px rgba(0, 0, 0, 0.097), 0 5.1px 5.5px -27px rgba(0, 0, 0, 0.12), 0 9.2px 9.8px -27px rgba(0, 0, 0, 0.143), 0 17.1px 18.4px -27px rgba(0, 0, 0, 0.173), 0 41px 44px -27px rgba(0, 0, 0, 0.24);
}
@media (max-width: 575px) {
.box-content-main-slider-item {
margin-right: var(--layout-wrapper-medium-margin-left);
background-color: #fff;
}
}
@media (min-width: 576px) {
.box-content-main-slider-item {
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
box-shadow: none;
border-radius: 10px;
}
}
.box-content-main-slider-item > * {
flex: 1 1 auto;
}
.box-content-main-slider-item-text {
order: 5;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
padding: 2em 0.8em 3em;
text-align: center;
}
@media (min-width: 576px) {
.box-content-main-slider-item-text {
order: 1;
padding: 0 7.8% 0 0;
text-align: left;
}
}
.box-content-main-slider-item-text .title {
margin-bottom: 0.4em;
}
.box-content-main-slider-item-text .description {
color: var(--color-mediumdark-grey);
}
.box-content-main-slider-item-illustration {
order: 1;
}
@media (min-width: 576px) {
.box-content-main-slider-item-illustration {
order: 5;
flex: 0 0 52.421875%;
}
}
.box-content-main-slider-item-illustration img {
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media (min-width: 576px) {
.box-content-main-slider-item-illustration img {
border-radius: 10px;
}
}
.box-content-main-cta {
text-align: center;
}
.box-content-flyover {
position: absolute;
top: 20rem;
right: var(--layout-wrapper-medium-margin-right);
max-width: 30%;
transform: translateY(-50%);
transition: 0.4s;
}
@media (min-width: 992px) {
.box-content-flyover {
max-width: 22%;
}
}
.box-content-flyover > * {
display: block;
background-color: var(--color-smoke);
border-radius: 10px;
overflow: hidden;
transition: 0.3s;
transform-origin: center;
box-shadow: 0 0.8px 0.7px rgba(0, 0, 0, 0.009), 0 2px 1.7px rgba(0, 0, 0, 0.013), 0 4.1px 3.4px rgba(0, 0, 0, 0.017), 0 8.4px 6.9px rgba(0, 0, 0, 0.021), 0 23px 19px rgba(0, 0, 0, 0.03);
}
.box-content-flyover > *:hover, .box-content-flyover > *:focus {
transform: scale(1.2);
box-shadow: 0 2.4px 1.9px -34px rgba(0, 0, 0, 0.053), 0 5.7px 4.5px -34px rgba(0, 0, 0, 0.077), 0 10.8px 8.4px -34px rgba(0, 0, 0, 0.095), 0 19.2px 15px -34px rgba(0, 0, 0, 0.113), 0 35.9px 28px -34px rgba(0, 0, 0, 0.137), 0 86px 67px -34px rgba(0, 0, 0, 0.19);
}
.box-content .tiles {
text-align: center;
max-width: 52em;
margin-left: var(--layout-wrapper-medium-margin-left);
margin-right: var(--layout-wrapper-medium-margin-right);
}
@media (min-width: 576px) {
.box-content .tiles {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
}
}
.box-content .tiles-list {
display: flex;
flex-flow: row wrap;
list-style: none;
padding: 0;
}
@media (min-width: 576px) {
.box-content .tiles-list {
margin: -3em 0 0;
justify-content: center;
}
}
.box-content .tiles-item {
flex: 0 1 50%;
}
@media (min-width: 576px) {
.box-content .tiles-item {
flex: 1;
margin: 0 10px;
margin-bottom: 0;
}
}
.box-content .tiles-item .tile {
display: block;
height: 100%;
padding: 1em;
border-radius: 4px;
}
.box-content .tiles-item .tile:hover, .box-content .tiles-item .tile:focus, .box-content .tiles-item .tile:active {
color: var(--this-color-txt);
}
.box-content .tiles-item .tile:hover .picto, .box-content .tiles-item .tile:focus .picto, .box-content .tiles-item .tile:active .picto {
color: var(--this-color-txt);
}
.box-content .tiles-item .tile-picto {
display: block;
width: 100%;
max-width: 100%;
padding-right: 0;
color: var(--this-color);
}
.box-content .tiles-item .tile-picto svg {
width: 50px;
height: 50px;
}
.box-content .tiles-item .tile-label {
text-decoration: underline;
}
.box-content .tiles-item .tile--advices {
--this-color: var(--color-theme-yellow);
--this-color-txt: #fff;
}
.box-content .tiles-item .tile--agencies {
--this-color: var(--color-theme-blue);
--this-color-txt: #fff;
}
.box-content .tiles-item .tile--realizations {
--this-color: var(--color-theme-red);
--this-color-txt: #fff;
}
.box-content .tiles-item .tile--history {
--this-color: var(--color-lands);
--this-color-txt: #fff;
}
/* Contenus */
.map-svg-interactive {
padding-top: 1.5em;
/* Carte de Francex */
}
.map-svg-interactive svg {
width: 100%;
height: auto;
}
.map-svg-interactive path {
fill: var(--map-zone-bg-color);
stroke: var(--map-zone-border-color);
stroke-width: 1px;
opacity: var(--map-zone-opacity);
transition: fill 0.3s;
}
.map-svg-interactive-zone {
opacity: var(--map-zone-opacity);
}
.map-svg-interactive-zone:hover path, .map-svg-interactive-zone:focus path, .map-svg-interactive-zone:active path, .map-svg-interactive-zone.is-active path {
fill: var(--map-zone-hover-bg-color);
stroke: var(--map-zone-hover-border-color);
opacity: var(--map-zone-hover-opacity);
}
.map-svg-interactive-france {
/* regions */
}
.map-loader {
background-color: rgba(255, 255, 255, 0.8);
transition: opacity ease-in-out 1s;
width: 38rem;
padding: 2rem;
font-size: 2rem;
font-weight: bold;
text-align: center;
border-radius: 1.2rem;
}
.map-loader-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
z-index: 999;
pointer-events: none;
}
.map-loader-wrapper.loading {
opacity: 1;
}
/* Brands */
/* ----------------------------- */
/* ==Brands SVG */
/* ----------------------------- */
.brand-svg-mfc .brand-mfc-a {
fill: #e11f21;
}
.brand-svg-mfc .b {
fill: #1d1d1b;
}
.brand-svg-mfc .c {
fill: #004289;
}
/* Images par défaut */
.default-image.thumb {
max-width: 60%;
display: block;
margin: 5rem auto;
}
.image-type-plan {
filter: blur(10px);
}
.image-type-plan.light {
filter: blur(3px);
}
.departments-list-button {
display: block;
margin: 1rem 0;
width: 100%;
text-align: left;
background-color: rgba(255, 255, 255, 0.5);
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
@media screen and (min-width: 769px) {
.departments-list-button {
background-color: var(--background-color);
transition: background-color ease-in-out 0.1s;
}
.departments-list-button:hover {
background-color: var(--color-primary);
color: var(--background-color);
}
}
.bottom-seo-text {
padding: 0 0 6rem 1.75em;
margin: 3rem 0 0;
}
@media screen and (max-width: 769px) {
#imdw-rating {
display: none;
}
}
.warning-popup {
position: fixed;
left: 1rem;
top: 3rem;
z-index: 999;
display: flex;
flex-direction: column;
max-width: 35rem;
gap: 2rem;
border-radius: 2rem;
background-color: #ad2626;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
padding: 3rem;
color: white;
transition: transform ease-in-out 0.8s;
}
.warning-popup.minimize {
transform: translateY(calc(-100% + 3rem));
}
.warning-popup.minimize .warning-popup-handler {
max-height: 99vh;
opacity: 1;
transition: opacity ease-in-out 2s;
pointer-events: all;
}
.warning-popup.minimize .warning-popup-close {
pointer-events: none;
}
.warning-popup-title {
text-align: center;
font-size: 2rem;
font-weight: bold;
}
.warning-popup-text {
text-align: center;
}
.warning-popup-close {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
color: white;
font-size: 1.4rem;
padding: 1.4rem;
pointer-events: all;
}
.warning-popup-handler {
justify-content: center;
align-items: center;
gap: 1rem;
font-size: 1.6rem;
display: flex;
max-height: 0;
opacity: 0;
background-color: transparent;
color: white;
transform: translateY(10px);
padding: 0;
pointer-events: none;
}
.warning-popup-handler-trigger {
font-size: 1rem;
}
.warning-popup-handler-icon {
font-size: 2.4rem;
}
.localized-links {
columns: 2;
column-gap: 1rem;
margin: 0;
padding: 3rem 0;
list-style: none;
}
.localized-links-wrapper {
padding: 1rem;
margin: 1rem 0;
}
.localized-links-title {
margin: 0 0 0.75em;
font-size: 2.4rem;
}
.localized-links-item::before {
content: "";
display: inline-block;
width: 1.8em;
font-size: 0.8em;
font-family: var(--font-icon-MFC);
}
.localized-links-item a {
text-decoration: none;
}
.block-seo-page {
grid-area: links;
overflow: visible;
gap: 1rem;
display: grid;
grid-template-columns: repeat(1, 1fr);
--opacity-department: 0;
--opacity-town: 0;
--max-height-department: 0;
--max-height-town: 0;
--visibility-department: hidden;
--visibility-town: hidden;
}
@media screen and (min-width: 969px) {
.block-seo-page {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1199px) {
.block-seo-page {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1599px) {
.block-seo-page {
grid-template-columns: repeat(4, 1fr);
}
}
.block-seo-page [href] {
text-decoration: none;
color: inherit;
}
.block-seo-page-region {
display: flex;
background-color: var(--color-grey-extralight);
padding: 0.8rem 1rem;
border-radius: 0.5rem;
gap: 0.5rem;
font-weight: bold;
font-size: 1.2rem;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
justify-content: center;
}
.block-seo-page-region [href] {
text-decoration: none;
color: inherit;
}
.block-seo-page-region:hover {
background-color: var(--color-primary-light);
color: white;
}
.block-seo-page-region-wrapper {
list-style: none;
padding: 0;
position: relative;
}
.block-seo-page-region-wrapper:hover, .block-seo-page-region-wrapper:focus-within {
--opacity-department: 1;
--visibility-department: visible;
--max-height-department: 30vh;
}
.home .block-seo-page-region-wrapper:hover, .home .block-seo-page-region-wrapper:focus-within {
--max-height-department: 100vh;
}
.block-seo-page-department {
display: flex;
padding: 0.5rem 0 0;
font-size: 1.2rem;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
justify-content: center;
flex-direction: column;
}
.block-seo-page-department:first-child {
padding-top: 1rem;
}
.block-seo-page-department:last-child {
padding-bottom: 1rem;
}
.block-seo-page-department:hover, .block-seo-page-department:focus-within {
--opacity-town: 1;
--max-height-town: 100vh;
--visibility-town: visible;
color: var(--color-primary);
font-weight: bold;
}
.block-seo-page-department > .block-seo-page-link {
display: flex;
gap: 1rem;
}
.block-seo-page-department > .block-seo-page-link:before {
content: "";
font-family: var(--font-icon-MFC);
}
.block-seo-page-department-wrapper {
display: grid;
opacity: var(--opacity-department);
max-height: var(--max-height-department);
overflow: auto;
gap: 1rem;
list-style: none;
margin: 0;
padding: 0 1rem;
position: absolute;
width: 100%;
background-color: white;
z-index: 9;
transition: all 0.3s ease-in-out;
}
.block-seo-page-town:hover {
text-decoration: underline;
}
.block-seo-page-town-wrapper {
display: flex;
opacity: var(--opacity-town);
max-height: var(--max-height-town);
overflow: hidden;
flex-direction: column;
list-style: none;
gap: 1rem;
padding: 0.5rem 1.5rem 0;
color: var(--color-primary);
font-weight: normal;
transition: all 0.5s ease-in-out;
}
.block-seo-page-town-wrapper:not(:has(.block-seo-page-town)) {
display: none;
}
.block-seo-page-wrapper {
display: grid;
grid-template-areas: " picto title title " " links links links ";
grid-template-columns: 10rem auto 1fr;
grid-gap: 3rem;
grid-template-rows: 8rem 1fr;
}
.filtered-list--items .block-seo-page-wrapper {
order: 8;
grid-column: 1/-1;
margin: var(--box-spacer) 5rem;
max-width: calc(100% - 10rem);
}
.filtered-list--items .block-seo-page-wrapper:has(.block-seo-page-region-wrapper:nth-of-type(13)) {
order: 50;
}
.block-seo-page-title {
grid-area: title;
place-self: center flex-start;
}
.block-seo-page-picto {
grid-area: picto;
}
.block-seo-page-picto .picto {
width: 100%;
height: 100%;
color: var(--color-landhouses);
}
.block-seo-page-link {
text-decoration: none;
flex: 1 0 auto;
}
body.home .offer-section-spotlight {
text-align: center;
}
body.home .offer-section-spotlight .tiles-list {
display: inline-flex;
margin-top: 2em;
justify-content: space-around;
justify-content: space-evenly;
align-items: stretch;
}
body.home .offer-section-spotlight .tiles-item {
flex: 0 1 30em;
margin: 0 2%;
}
body.home .offer-section-spotlight .tile {
max-width: none;
text-align: left;
}
@media (min-width: 576px) {
body.home .footer {
margin-top: -100px;
background-color: #f4f4f4;
}
}
/* ----------------------------- */
/* ==Hero */
/* ----------------------------- */
/* Zone principale de haut de page avec Slide */
.hero {
position: relative;
padding-top: 1em;
padding-bottom: 16vw;
padding-left: var(--layout-wrapper-medium-margin-left);
padding-right: var(--layout-wrapper-medium-margin-right);
color: #fff;
/* SLIDER */
/* SLIDER */
/*#region Éléments mis en avant */
/* ---------------------------------------- */
/*#endregion */
}
@media (max-width: 575px) {
.hero .background-shapes {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media (min-width: 576px) {
.hero .background-shapes {
display: none;
}
}
@media (min-width: 576px) {
.hero {
margin-bottom: 0;
padding: 0;
background-image: none;
background-color: #fff;
}
}
@media (min-width: 576px) {
.hero-main {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
}
.hero-hello, .hero-slider {
position: relative;
}
@media (min-width: 576px) {
.hero-hello, .hero-slider {
grid-column-start: 1;
grid-column-end: span 1;
grid-row-start: 1;
grid-row-end: span 1;
}
}
.hero-hello {
z-index: 10;
pointer-events: none;
/* contenu */
}
.hero-hello-wrapper {
height: 100%;
}
@media (min-width: 576px) {
.hero-hello-wrapper {
display: grid;
grid-template-columns: var(--layout-wrapper-small-margin-left) auto var(--layout-wrapper-small-margin-right);
grid-template-rows: 40fr 60fr;
display: grid;
height: 100%;
padding: 0;
}
}
@media (min-width: 768px) {
.hero-hello-wrapper {
grid-template-columns: var(--layout-wrapper-small-margin-left) 45em 1fr;
}
}
.hero-hello-content {
grid-row-start: 2;
grid-row-end: span 1;
grid-column-start: 2;
grid-column-end: span 1;
}
@media (min-width: 576px) {
.hero-hello-content {
grid-row-start: 1;
grid-row-end: span 1;
grid-column-start: 2;
grid-column-end: span 1;
align-self: flex-end;
}
}
.hero-hello .main-title {
font-size: 1.333333333em;
}
@media (min-width: 576px) {
.hero-hello .main-title {
font-size: 1.894736842em;
}
}
.hero .slider {
z-index: 1;
max-width: 100vw;
}
.hero .slider-slide {
display: grid;
grid-template-columns: var(--layout-wrapper-small-margin-left) auto var(--layout-wrapper-small-margin-right);
grid-template-rows: 40fr 60fr;
position: relative;
color: var(--color-base);
/*#region ⚡️ Animations de la slide en cours */
/*#endregion */
}
@media (min-width: 576px) {
.hero .slider-slide {
color: #fff;
}
.hero .slider-slide::after {
z-index: 0;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--home-slider-main-hoverlay-color, transparent);
}
}
@media (min-width: 768px) {
.hero .slider-slide {
grid-template-columns: var(--layout-wrapper-small-margin-left) 45em 1fr;
}
}
.hero .slider-slide-img {
grid-column-start: 1;
grid-column-end: -1;
grid-row-start: 1;
grid-row-end: span 2;
width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 576px) {
.hero .slider-slide-img {
grid-column-start: 1;
grid-column-end: -1;
grid-row-start: 1;
grid-row-end: -1;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
object-fit: cover;
min-width: 0;
min-height: 0;
}
}
.hero .slider-slide-caption {
z-index: 2;
position: relative;
grid-row-start: 2;
grid-row-end: span 2;
grid-column-start: 1;
grid-column-end: span 2;
padding-top: 0.5em;
padding-left: var(--layout-wrapper-medium-margin-right);
background-color: white;
padding-bottom: 1em;
}
@media (min-width: 576px) {
.hero .slider-slide-caption {
grid-row-start: 2;
grid-row-end: span 1;
grid-column-start: 2;
grid-column-end: span 1;
align-self: start;
padding-left: 0;
padding-bottom: calc(1.5em + 30px);
background-color: transparent;
font-size: 1.2em;
}
}
.hero .slider-slide-caption > * {
transition: all 0.7s ease-out;
transform: translateY(3em);
opacity: 0.2;
}
.hero .slider-slide-caption > *:nth-child(1) {
transition-delay: 0s;
}
.hero .slider-slide-caption > *:nth-child(2) {
transition-delay: 0.22s;
}
.hero .slider-slide-caption > *:nth-child(3) {
transition-delay: 0.44s;
}
.hero .slider-slide-caption > *:nth-child(4) {
transition-delay: 0.66s;
}
.hero .slider-slide.glide__slide--active .slider-slide-caption > * {
transform: translateY(0);
opacity: 1;
}
.hero .slider-btn-prev {
left: var(--layout-wrapper-large-margin-left);
}
.hero .slider-btn-next {
right: var(--layout-wrapper-large-margin-right);
}
.hero .glide__bullets {
left: auto;
right: var(--layout-wrapper-small-margin-right);
bottom: 3em;
opacity: 0.88;
}
.hero .tiles {
--this-color: var(--color-primary);
display: flex;
flex-flow: row wrap;
position: relative;
margin: 0 0 2em 0;
color: var(--color-base);
border-radius: 3px;
}
@media (min-width: 576px) {
.hero .tiles {
flex: 1;
align-items: center;
margin-top: -2em;
margin-right: var(--layout-wrapper-medium-margin-right);
margin-left: var(--layout-wrapper-medium-margin-left);
margin-bottom: 2em;
padding: 1em 1.5em;
background-color: #f6f6f6;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}
}
@media (min-width: 1200px) {
.hero .tiles {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-right);
flex-flow: row nowrap;
}
}
.hero .tiles > * {
flex: 0 1 100%;
}
@media (min-width: 992px) {
.hero .tiles > * {
flex: 1 1 auto;
}
}
.hero .tiles-title {
flex: 0 1 auto;
padding-right: 2em;
padding-bottom: 0.8em;
font-size: 1.263157895em;
font-weight: 400;
}
@media (min-width: 1200px) {
.hero .tiles-title {
padding-bottom: 0;
}
}
.hero .tiles-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
margin: 2em 0;
padding: 0;
list-style: none;
}
@media (min-width: 576px) {
.hero .tiles-list {
justify-content: space-evenly;
flex-flow: row nowrap;
margin: 0;
}
}
.hero .tiles-item {
flex: 0 1 48%;
margin-bottom: 1em;
display: flex;
}
@media (min-width: 576px) {
.hero .tiles-item {
flex: 0 1 100%;
margin-bottom: 0;
margin-right: 1em;
}
.hero .tiles-item:last-child {
margin-right: 0;
}
}
@media (min-width: 576px) {
.hero .tiles-item-link {
height: 100%;
}
}
.hero .tiles-item > * {
min-width: 100%;
}
@media screen and (max-width: 1024px) {
.hero .tiles-item:nth-child(5) {
flex: 0 1 100%;
}
.hero .tiles-item:nth-child(5) .tile {
flex-direction: row-reverse;
justify-content: center;
gap: 1.5rem;
align-items: center;
padding: 3rem 0;
}
.hero .tiles-item:nth-child(5) .tile-content {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
.hero .tiles-item:nth-child(5) .tile-value {
margin-bottom: auto;
}
.hero .tiles-item:nth-child(5) .tile-name {
display: flex;
justify-content: center;
align-items: center;
}
}
.hero .sunlights {
--this-color: var(--color-primary);
display: flex;
flex-flow: row wrap;
position: relative;
margin: 0 0 2em 0;
color: var(--color-base);
border-radius: 3px;
}
@media (min-width: 576px) {
.hero .sunlights {
flex: 1;
align-items: center;
margin-top: -2em;
margin-right: var(--layout-wrapper-medium-margin-right);
margin-left: var(--layout-wrapper-medium-margin-left);
margin-bottom: 2em;
padding: 1em 1.5em;
background-color: #f6f6f6;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}
}
@media (min-width: 1200px) {
.hero .sunlights {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-right);
flex-flow: row nowrap;
}
}
.hero .sunlights > * {
flex: 0 1 100%;
}
@media (min-width: 992px) {
.hero .sunlights > * {
flex: 1 1 auto;
}
}
.hero .sunlights-title {
flex: 0 1 auto;
padding-right: 2em;
padding-bottom: 0.8em;
font-size: 1.263157895em;
font-weight: 400;
}
@media (min-width: 1200px) {
.hero .sunlights-title {
padding-bottom: 0;
}
}
.hero .sunlights-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
margin: 2em 0;
padding: 0;
list-style: none;
}
@media (min-width: 576px) {
.hero .sunlights-list {
justify-content: space-evenly;
flex-flow: row nowrap;
margin: 0;
}
}
.hero .sunlights-item {
flex: 0 1 48%;
margin-bottom: 1em;
}
@media (min-width: 576px) {
.hero .sunlights-item {
flex: 0 1 100%;
margin-bottom: 0;
margin-right: 1em;
}
.hero .sunlights-item:last-child {
margin-right: 0;
}
}
@media (min-width: 576px) {
.hero .sunlights-item-link {
height: 100%;
}
}
.hero .sunlights-item > * {
min-width: 100%;
}
.hero .event-offers .glide__bullets {
left: 50%;
bottom: 2em;
right: auto;
}
/* ------------------------------- */
/* ==Discovery : Models */
/* ------------------------------- */
/*
*/
body .discovery {
margin-top: var(--box-spacer-small);
margin-bottom: var(--box-spacer-small);
}
@media (min-width: 576px) {
body .discovery {
margin-top: var(--box-spacer);
margin-bottom: var(--box-spacer);
}
}
body .discovery .card-list {
padding-bottom: 0;
}
@media (min-width: 768px) {
body .discovery .discovery-item:nth-child(7) ~ .discovery-item {
display: none;
}
}
@media (min-width: 1600px) {
body .discovery .discovery-item:nth-child(7) ~ .discovery-item {
display: block;
}
body .discovery .discovery-item:nth-child(9) ~ .discovery-item {
display: none;
}
}
@media (min-width: 1920px) {
body .discovery .discovery-item:nth-child(7) ~ .discovery-item {
display: block;
}
body .discovery .discovery-item:nth-child(9) ~ .discovery-item {
display: block;
}
body .discovery .discovery-item:nth-child(7) ~ .discovery-item {
display: none;
}
}
body .discovery .read-more {
grid-row-end: 5;
grid-column-end: -1;
display: flex !important;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
@media (min-width: 1600px) {
body .discovery .read-more {
grid-row-end: 4;
}
}
@media (min-width: 1920px) {
body .discovery .read-more {
grid-row-end: 3;
}
}
body .discovery-models {
text-align: center;
}
body .discovery-models .manchette {
display: flex;
flex-flow: row wrap;
margin-top: var(--box-spacer-small);
margin-bottom: var(--box-spacer-small);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 32px 33px -28px rgba(0, 0, 0, 0.5);
}
@media (min-width: 576px) {
body .discovery-models .manchette {
margin-top: var(--box-spacer);
margin-bottom: var(--box-spacer);
flex-flow: row nowrap;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
}
}
@media (min-width: 1600px) {
body .discovery-models .manchette {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-left);
}
}
body .discovery-models .manchette > * > * {
flex: 0 0 100%;
}
@media (min-width: 576px) {
body .discovery-models .manchette > * {
flex: 1 1 50%;
}
}
body .discovery-models .manchette-container {
flex: 1 1 auto;
order: 2;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding-top: 2em;
padding-bottom: 2em;
background-color: #fff;
}
@media (min-width: 576px) {
body .discovery-models .manchette-container {
flex: 1 1 40%;
--color-highlighted_txt: transparent;
position: relative;
order: 1;
padding-left: var(--layout-wrapper-large-margin-left);
background-color: var(--color-primary);
text-align: left;
color: #fff;
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
}
body .discovery-models .manchette-container .background-shapes {
display: none;
}
@media (min-width: 576px) {
body .discovery-models .manchette-container .background-shapes {
display: block;
position: absolute;
width: 220%;
height: 350%;
right: -50%;
left: 0;
top: -100%;
z-index: -1;
transform: rotate(-90deg);
}
}
body .discovery-models .manchette-title {
margin-bottom: 1em;
font-weight: 400;
}
@media (min-width: 576px) {
body .discovery-models .manchette-title {
padding-right: 3em;
}
}
body .discovery-models .manchette-excerpt {
font-size: 0.947368421em;
max-width: 33em;
padding-right: 4em;
}
body .discovery-models .manchette-btn {
--color: var(--color-primary);
}
@media (max-width: 575px) {
body .discovery-models .manchette-btn {
--background-color: var(--color-primary);
--color: #fff;
}
}
body .discovery-models .manchette-illustration {
order: 1;
width: 100%;
background-color: #ccc;
}
@media (min-width: 576px) {
body .discovery-models .manchette-illustration {
order: 2;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
body .discovery-models .manchette-illustration > * {
flex: 1 1 auto;
align-self: stretch;
display: block;
margin-left: -16%;
}
body .discovery-models .manchette-illustration-img {
width: 100%;
height: 100% !important;
max-height: none !important;
object-fit: cover;
}
}
.manchette {
display: flex;
flex-flow: row wrap;
margin-top: var(--box-spacer-small);
margin-bottom: var(--box-spacer-small);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 32px 33px -28px rgba(0, 0, 0, 0.5);
}
@media (min-width: 576px) {
.manchette {
margin-top: var(--box-spacer);
margin-bottom: var(--box-spacer);
flex-flow: row nowrap;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
}
}
@media (min-width: 1600px) {
.manchette {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-left);
}
}
.manchette > * > * {
flex: 0 0 100%;
}
@media (min-width: 576px) {
.manchette > * {
flex: 1 1 50%;
}
}
.manchette-container {
flex: 1 1 auto;
order: 2;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding-top: 2em;
padding-bottom: 2em;
background-color: #fff;
overflow: hidden;
}
@media (min-width: 576px) {
.manchette-container {
flex: 1 1 40%;
--color-highlighted_txt: transparent;
position: relative;
order: 1;
padding-left: var(--layout-wrapper-large-margin-left);
background-color: var(--color-primary);
text-align: left;
color: #fff;
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
}
.manchette-container .background-shapes {
display: none;
}
@media (min-width: 480px) {
.manchette-container .background-shapes {
display: block;
position: absolute;
width: 220%;
height: 350%;
top: -100%;
right: -50%;
left: 0;
z-index: -1;
transform: rotate(-90deg);
}
}
.manchette-title {
margin-bottom: 1em;
font-weight: 400;
}
@media (min-width: 576px) {
.manchette-title {
padding-right: 3em;
}
}
.manchette-excerpt {
font-size: 0.947368421em;
max-width: 33em;
padding-right: 4em;
}
.manchette-btn {
--color: var(--color-primary);
}
@media (max-width: 575px) {
.manchette-btn {
--background-color: var(--color-primary);
--color: #fff;
}
}
.manchette-illustration {
order: 1;
width: 100%;
background-color: #ccc;
}
@media (min-width: 576px) {
.manchette-illustration {
order: 2;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.manchette-illustration > * {
flex: 1 1 auto;
align-self: stretch;
display: block;
margin-left: -16%;
}
.manchette-illustration-img {
width: 100%;
height: 100% !important;
max-height: none !important;
object-fit: cover;
}
}
body.error-404 {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
}
body.error-404 .nav3d-container {
min-height: 100vh;
}
body.error-404 .nav3d-perspective {
min-height: 100vh;
}
body.error-404 .nav3d-wrapper {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
}
body.error-404 main {
flex: 1 1 auto;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
padding-top: 3em;
padding-bottom: 4em;
background: var(--color-primary);
background: var(--color-primary) url(images/shapes-bg.4c194a8.svg) center center no-repeat;
background-size: cover;
text-align: center;
color: #fff;
}
body.error-404 h1 {
font-size: 1.4em;
}
body.error-404 h1::before {
content: "404";
display: block;
padding: 0.15em 0;
font-size: 5em;
font-weight: bold;
}
body.error-404 .ctas {
margin: 1.7em 0;
padding: 0 0 3em 0;
color: var(--color-primary);
}
body.error-404 .footer {
display: none;
}
@media (min-width: 576px) {
body.error-404 .footer {
margin: -6em 0 0;
}
}
body.error-404 #go-main-content::after {
content: "";
z-index: 1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--color-primary);
mix-blend-mode: color;
}
body.error-404 #go-main-content > .wrapper {
position: relative;
z-index: 3;
}
/*
Ce fichier contient les élément des styles communs aux détails
de types de contenus listés ci-dessous.
*/
.post-type-archive-entities_catalog,
.model-detail,
.agency-detail,
.single-entities_advice,
.single-entities_actuality,
.single-entities_land_houses,
.single-entities_event,
.single-entities_realization,
.single-entities_prestapack,
.form-page,
.edito-page,
.customer-reviews {
--color-page-bg: #fff;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog,
.model-detail,
.agency-detail,
.single-entities_advice,
.single-entities_actuality,
.single-entities_land_houses,
.single-entities_event,
.single-entities_realization,
.single-entities_prestapack,
.form-page,
.edito-page,
.customer-reviews {
--color-page-bg: var(--color-smoke);
}
}
.post-type-archive-entities_catalog .nav3d-wrapper,
.model-detail .nav3d-wrapper,
.agency-detail .nav3d-wrapper,
.single-entities_advice .nav3d-wrapper,
.single-entities_actuality .nav3d-wrapper,
.single-entities_land_houses .nav3d-wrapper,
.single-entities_event .nav3d-wrapper,
.single-entities_realization .nav3d-wrapper,
.single-entities_prestapack .nav3d-wrapper,
.form-page .nav3d-wrapper,
.edito-page .nav3d-wrapper,
.customer-reviews .nav3d-wrapper {
background-color: #fff;
background-color: var(--color-page-bg);
}
.post-type-archive-entities_catalog .detail-item,
.model-detail .detail-item,
.agency-detail .detail-item,
.single-entities_advice .detail-item,
.single-entities_actuality .detail-item,
.single-entities_land_houses .detail-item,
.single-entities_event .detail-item,
.single-entities_realization .detail-item,
.single-entities_prestapack .detail-item,
.form-page .detail-item,
.edito-page .detail-item,
.customer-reviews .detail-item {
/* 2 Colonnes */
--pl: var(--layout-wrapper-medium-margin-left);
--pr: var(--layout-wrapper-medium-margin-right);
/* 1 colonne */
display: grid;
grid-template-columns: var(--pl) 1fr 1fr var(--pr);
grid-template-rows: auto;
grid-auto-columns: 0;
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " . similars similars . " " . legalnotice legalnotice . ";
gap: 1em 0;
position: relative;
margin-top: 1em;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item,
.model-detail .detail-item,
.agency-detail .detail-item,
.single-entities_advice .detail-item,
.single-entities_actuality .detail-item,
.single-entities_land_houses .detail-item,
.single-entities_event .detail-item,
.single-entities_realization .detail-item,
.single-entities_prestapack .detail-item,
.form-page .detail-item,
.edito-page .detail-item,
.customer-reviews .detail-item {
--pl: calc( var(--layout-wrapper-large-margin-left) );
--pr: calc( var(--layout-wrapper-large-margin-right) - 30px );
}
}
@media (min-width: 992px) {
.post-type-archive-entities_catalog .detail-item,
.model-detail .detail-item,
.agency-detail .detail-item,
.single-entities_advice .detail-item,
.single-entities_actuality .detail-item,
.single-entities_land_houses .detail-item,
.single-entities_event .detail-item,
.single-entities_realization .detail-item,
.single-entities_prestapack .detail-item,
.form-page .detail-item,
.edito-page .detail-item,
.customer-reviews .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: calc( var(--layout-wrapper-medium-margin-right) - 30px );
}
}
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.model-detail .detail-item.layout--1-col,
.agency-detail .detail-item.layout--1-col,
.single-entities_advice .detail-item.layout--1-col,
.single-entities_actuality .detail-item.layout--1-col,
.single-entities_land_houses .detail-item.layout--1-col,
.single-entities_event .detail-item.layout--1-col,
.single-entities_realization .detail-item.layout--1-col,
.single-entities_prestapack .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col,
.customer-reviews .detail-item.layout--1-col {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: var(--layout-wrapper-medium-margin-right);
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " . similars similars . " " . legalnotice legalnotice . ";
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.model-detail .detail-item.layout--1-col,
.agency-detail .detail-item.layout--1-col,
.single-entities_advice .detail-item.layout--1-col,
.single-entities_actuality .detail-item.layout--1-col,
.single-entities_land_houses .detail-item.layout--1-col,
.single-entities_event .detail-item.layout--1-col,
.single-entities_realization .detail-item.layout--1-col,
.single-entities_prestapack .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col,
.customer-reviews .detail-item.layout--1-col {
--pl: calc(var(--layout-wrapper-small-margin-left) );
--pr: calc(var(--layout-wrapper-small-margin-right) - 30px);
}
}
@media (min-width: 992px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.model-detail .detail-item.layout--1-col,
.agency-detail .detail-item.layout--1-col,
.single-entities_advice .detail-item.layout--1-col,
.single-entities_actuality .detail-item.layout--1-col,
.single-entities_land_houses .detail-item.layout--1-col,
.single-entities_event .detail-item.layout--1-col,
.single-entities_realization .detail-item.layout--1-col,
.single-entities_prestapack .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col,
.customer-reviews .detail-item.layout--1-col {
--pl: var(--layout-wrapper-small-margin-right) ;
--pr: calc(var(--layout-wrapper-small-margin-right) - 30px);
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.model-detail .detail-item.layout--1-col,
.agency-detail .detail-item.layout--1-col,
.single-entities_advice .detail-item.layout--1-col,
.single-entities_actuality .detail-item.layout--1-col,
.single-entities_land_houses .detail-item.layout--1-col,
.single-entities_event .detail-item.layout--1-col,
.single-entities_realization .detail-item.layout--1-col,
.single-entities_prestapack .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col,
.customer-reviews .detail-item.layout--1-col {
grid-template-areas: " pagination medias medias toolbox " " pagination header header toolbox " " pagination description description toolbox " " pagination catalogue catalogue toolbox " " pagination similars similars toolbox " " legalnotice legalnotice legalnotice legalnotice " !important;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col .detail-item-toolbox-container,
.model-detail .detail-item.layout--1-col .detail-item-toolbox-container,
.agency-detail .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_advice .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_actuality .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_land_houses .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_event .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_realization .detail-item.layout--1-col .detail-item-toolbox-container,
.single-entities_prestapack .detail-item.layout--1-col .detail-item-toolbox-container,
.form-page .detail-item.layout--1-col .detail-item-toolbox-container,
.edito-page .detail-item.layout--1-col .detail-item-toolbox-container,
.customer-reviews .detail-item.layout--1-col .detail-item-toolbox-container {
flex-flow: column nowrap;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col .detail-item-toolbox button,
.model-detail .detail-item.layout--1-col .detail-item-toolbox button,
.agency-detail .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_advice .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_actuality .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_land_houses .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_event .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_realization .detail-item.layout--1-col .detail-item-toolbox button,
.single-entities_prestapack .detail-item.layout--1-col .detail-item-toolbox button,
.form-page .detail-item.layout--1-col .detail-item-toolbox button,
.edito-page .detail-item.layout--1-col .detail-item-toolbox button,
.customer-reviews .detail-item.layout--1-col .detail-item-toolbox button {
margin-bottom: 0.5em;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item,
.model-detail .detail-item,
.agency-detail .detail-item,
.single-entities_advice .detail-item,
.single-entities_actuality .detail-item,
.single-entities_land_houses .detail-item,
.single-entities_event .detail-item,
.single-entities_realization .detail-item,
.single-entities_prestapack .detail-item,
.form-page .detail-item,
.edito-page .detail-item,
.customer-reviews .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 4em 2em;
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " pagination catalogue form . " " pagination similars similars . " " pagination legalnotice legalnotice . ";
margin-top: 0;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item .sticker,
.model-detail .detail-item .sticker,
.agency-detail .detail-item .sticker,
.single-entities_advice .detail-item .sticker,
.single-entities_actuality .detail-item .sticker,
.single-entities_land_houses .detail-item .sticker,
.single-entities_event .detail-item .sticker,
.single-entities_realization .detail-item .sticker,
.single-entities_prestapack .detail-item .sticker,
.form-page .detail-item .sticker,
.edito-page .detail-item .sticker,
.customer-reviews .detail-item .sticker {
position: sticky;
top: 120px;
bottom: 20px;
}
}
.post-type-archive-entities_catalog .detail-item-header,
.model-detail .detail-item-header,
.agency-detail .detail-item-header,
.single-entities_advice .detail-item-header,
.single-entities_actuality .detail-item-header,
.single-entities_land_houses .detail-item-header,
.single-entities_event .detail-item-header,
.single-entities_realization .detail-item-header,
.single-entities_prestapack .detail-item-header,
.form-page .detail-item-header,
.edito-page .detail-item-header,
.customer-reviews .detail-item-header {
grid-area: header;
}
.post-type-archive-entities_catalog .detail-item-header-container,
.model-detail .detail-item-header-container,
.agency-detail .detail-item-header-container,
.single-entities_advice .detail-item-header-container,
.single-entities_actuality .detail-item-header-container,
.single-entities_land_houses .detail-item-header-container,
.single-entities_event .detail-item-header-container,
.single-entities_realization .detail-item-header-container,
.single-entities_prestapack .detail-item-header-container,
.form-page .detail-item-header-container,
.edito-page .detail-item-header-container,
.customer-reviews .detail-item-header-container {
display: flex;
flex-flow: column nowrap;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-header-container,
.model-detail .detail-item-header-container,
.agency-detail .detail-item-header-container,
.single-entities_advice .detail-item-header-container,
.single-entities_actuality .detail-item-header-container,
.single-entities_land_houses .detail-item-header-container,
.single-entities_event .detail-item-header-container,
.single-entities_realization .detail-item-header-container,
.single-entities_prestapack .detail-item-header-container,
.form-page .detail-item-header-container,
.edito-page .detail-item-header-container,
.customer-reviews .detail-item-header-container {
flex-flow: row nowrap;
justify-content: space-between;
}
}
.post-type-archive-entities_catalog .detail-item-header-title,
.model-detail .detail-item-header-title,
.agency-detail .detail-item-header-title,
.single-entities_advice .detail-item-header-title,
.single-entities_actuality .detail-item-header-title,
.single-entities_land_houses .detail-item-header-title,
.single-entities_event .detail-item-header-title,
.single-entities_realization .detail-item-header-title,
.single-entities_prestapack .detail-item-header-title,
.form-page .detail-item-header-title,
.edito-page .detail-item-header-title,
.customer-reviews .detail-item-header-title {
order: 5;
font-weight: 700;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-header-title,
.model-detail .detail-item-header-title,
.agency-detail .detail-item-header-title,
.single-entities_advice .detail-item-header-title,
.single-entities_actuality .detail-item-header-title,
.single-entities_land_houses .detail-item-header-title,
.single-entities_event .detail-item-header-title,
.single-entities_realization .detail-item-header-title,
.single-entities_prestapack .detail-item-header-title,
.form-page .detail-item-header-title,
.edito-page .detail-item-header-title,
.customer-reviews .detail-item-header-title {
order: 1;
}
}
.post-type-archive-entities_catalog .detail-item-header-title .title-prefix,
.model-detail .detail-item-header-title .title-prefix,
.agency-detail .detail-item-header-title .title-prefix,
.single-entities_advice .detail-item-header-title .title-prefix,
.single-entities_actuality .detail-item-header-title .title-prefix,
.single-entities_land_houses .detail-item-header-title .title-prefix,
.single-entities_event .detail-item-header-title .title-prefix,
.single-entities_realization .detail-item-header-title .title-prefix,
.single-entities_prestapack .detail-item-header-title .title-prefix,
.form-page .detail-item-header-title .title-prefix,
.edito-page .detail-item-header-title .title-prefix,
.customer-reviews .detail-item-header-title .title-prefix {
font-weight: 400;
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-header-brand,
.model-detail .detail-item-header-brand,
.agency-detail .detail-item-header-brand,
.single-entities_advice .detail-item-header-brand,
.single-entities_actuality .detail-item-header-brand,
.single-entities_land_houses .detail-item-header-brand,
.single-entities_event .detail-item-header-brand,
.single-entities_realization .detail-item-header-brand,
.single-entities_prestapack .detail-item-header-brand,
.form-page .detail-item-header-brand,
.edito-page .detail-item-header-brand,
.customer-reviews .detail-item-header-brand {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
order: 1;
margin: 1em 0;
line-height: 1.3;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-header-brand,
.model-detail .detail-item-header-brand,
.agency-detail .detail-item-header-brand,
.single-entities_advice .detail-item-header-brand,
.single-entities_actuality .detail-item-header-brand,
.single-entities_land_houses .detail-item-header-brand,
.single-entities_event .detail-item-header-brand,
.single-entities_realization .detail-item-header-brand,
.single-entities_prestapack .detail-item-header-brand,
.form-page .detail-item-header-brand,
.edito-page .detail-item-header-brand,
.customer-reviews .detail-item-header-brand {
text-align: right;
order: 5;
}
}
.post-type-archive-entities_catalog .detail-item-header-brand img, .post-type-archive-entities_catalog .detail-item-header-brand svg,
.model-detail .detail-item-header-brand img,
.model-detail .detail-item-header-brand svg,
.agency-detail .detail-item-header-brand img,
.agency-detail .detail-item-header-brand svg,
.single-entities_advice .detail-item-header-brand img,
.single-entities_advice .detail-item-header-brand svg,
.single-entities_actuality .detail-item-header-brand img,
.single-entities_actuality .detail-item-header-brand svg,
.single-entities_land_houses .detail-item-header-brand img,
.single-entities_land_houses .detail-item-header-brand svg,
.single-entities_event .detail-item-header-brand img,
.single-entities_event .detail-item-header-brand svg,
.single-entities_realization .detail-item-header-brand img,
.single-entities_realization .detail-item-header-brand svg,
.single-entities_prestapack .detail-item-header-brand img,
.single-entities_prestapack .detail-item-header-brand svg,
.form-page .detail-item-header-brand img,
.form-page .detail-item-header-brand svg,
.edito-page .detail-item-header-brand img,
.edito-page .detail-item-header-brand svg,
.customer-reviews .detail-item-header-brand img,
.customer-reviews .detail-item-header-brand svg {
width: 100px;
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-header-brand img, .post-type-archive-entities_catalog .detail-item-header-brand svg,
.model-detail .detail-item-header-brand img,
.model-detail .detail-item-header-brand svg,
.agency-detail .detail-item-header-brand img,
.agency-detail .detail-item-header-brand svg,
.single-entities_advice .detail-item-header-brand img,
.single-entities_advice .detail-item-header-brand svg,
.single-entities_actuality .detail-item-header-brand img,
.single-entities_actuality .detail-item-header-brand svg,
.single-entities_land_houses .detail-item-header-brand img,
.single-entities_land_houses .detail-item-header-brand svg,
.single-entities_event .detail-item-header-brand img,
.single-entities_event .detail-item-header-brand svg,
.single-entities_realization .detail-item-header-brand img,
.single-entities_realization .detail-item-header-brand svg,
.single-entities_prestapack .detail-item-header-brand img,
.single-entities_prestapack .detail-item-header-brand svg,
.form-page .detail-item-header-brand img,
.form-page .detail-item-header-brand svg,
.edito-page .detail-item-header-brand img,
.edito-page .detail-item-header-brand svg,
.customer-reviews .detail-item-header-brand img,
.customer-reviews .detail-item-header-brand svg {
margin-right: 1em;
}
}
.post-type-archive-entities_catalog .detail-item-header-brand--group-name,
.model-detail .detail-item-header-brand--group-name,
.agency-detail .detail-item-header-brand--group-name,
.single-entities_advice .detail-item-header-brand--group-name,
.single-entities_actuality .detail-item-header-brand--group-name,
.single-entities_land_houses .detail-item-header-brand--group-name,
.single-entities_event .detail-item-header-brand--group-name,
.single-entities_realization .detail-item-header-brand--group-name,
.single-entities_prestapack .detail-item-header-brand--group-name,
.form-page .detail-item-header-brand--group-name,
.edito-page .detail-item-header-brand--group-name,
.customer-reviews .detail-item-header-brand--group-name {
line-height: 1.1;
}
@media (max-width: 575px) {
.post-type-archive-entities_catalog .detail-item-header-price,
.model-detail .detail-item-header-price,
.agency-detail .detail-item-header-price,
.single-entities_advice .detail-item-header-price,
.single-entities_actuality .detail-item-header-price,
.single-entities_land_houses .detail-item-header-price,
.single-entities_event .detail-item-header-price,
.single-entities_realization .detail-item-header-price,
.single-entities_prestapack .detail-item-header-price,
.form-page .detail-item-header-price,
.edito-page .detail-item-header-price,
.customer-reviews .detail-item-header-price {
display: grid;
grid-template-columns: auto 8em;
gap: 2em;
line-height: 1.3;
margin: 1em 0;
}
}
.post-type-archive-entities_catalog .detail-item-header-price .price-amount,
.model-detail .detail-item-header-price .price-amount,
.agency-detail .detail-item-header-price .price-amount,
.single-entities_advice .detail-item-header-price .price-amount,
.single-entities_actuality .detail-item-header-price .price-amount,
.single-entities_land_houses .detail-item-header-price .price-amount,
.single-entities_event .detail-item-header-price .price-amount,
.single-entities_realization .detail-item-header-price .price-amount,
.single-entities_prestapack .detail-item-header-price .price-amount,
.form-page .detail-item-header-price .price-amount,
.edito-page .detail-item-header-price .price-amount,
.customer-reviews .detail-item-header-price .price-amount {
display: block;
font-size: 2.4rem;
color: var(--color-theme-red);
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-header-price .price-amount,
.model-detail .detail-item-header-price .price-amount,
.agency-detail .detail-item-header-price .price-amount,
.single-entities_advice .detail-item-header-price .price-amount,
.single-entities_actuality .detail-item-header-price .price-amount,
.single-entities_land_houses .detail-item-header-price .price-amount,
.single-entities_event .detail-item-header-price .price-amount,
.single-entities_realization .detail-item-header-price .price-amount,
.single-entities_prestapack .detail-item-header-price .price-amount,
.form-page .detail-item-header-price .price-amount,
.edito-page .detail-item-header-price .price-amount,
.customer-reviews .detail-item-header-price .price-amount {
font-size: 2.8rem;
}
}
.post-type-archive-entities_catalog .detail-item-header-price .price-amount .detail-name,
.model-detail .detail-item-header-price .price-amount .detail-name,
.agency-detail .detail-item-header-price .price-amount .detail-name,
.single-entities_advice .detail-item-header-price .price-amount .detail-name,
.single-entities_actuality .detail-item-header-price .price-amount .detail-name,
.single-entities_land_houses .detail-item-header-price .price-amount .detail-name,
.single-entities_event .detail-item-header-price .price-amount .detail-name,
.single-entities_realization .detail-item-header-price .price-amount .detail-name,
.single-entities_prestapack .detail-item-header-price .price-amount .detail-name,
.form-page .detail-item-header-price .price-amount .detail-name,
.edito-page .detail-item-header-price .price-amount .detail-name,
.customer-reviews .detail-item-header-price .price-amount .detail-name {
display: none;
}
.post-type-archive-entities_catalog .detail-item-header-price .price-monthly,
.model-detail .detail-item-header-price .price-monthly,
.agency-detail .detail-item-header-price .price-monthly,
.single-entities_advice .detail-item-header-price .price-monthly,
.single-entities_actuality .detail-item-header-price .price-monthly,
.single-entities_land_houses .detail-item-header-price .price-monthly,
.single-entities_event .detail-item-header-price .price-monthly,
.single-entities_realization .detail-item-header-price .price-monthly,
.single-entities_prestapack .detail-item-header-price .price-monthly,
.form-page .detail-item-header-price .price-monthly,
.edito-page .detail-item-header-price .price-monthly,
.customer-reviews .detail-item-header-price .price-monthly {
display: block;
color: var(--color-theme-red);
}
.post-type-archive-entities_catalog .detail-item-header-price .price-estimation,
.model-detail .detail-item-header-price .price-estimation,
.agency-detail .detail-item-header-price .price-estimation,
.single-entities_advice .detail-item-header-price .price-estimation,
.single-entities_actuality .detail-item-header-price .price-estimation,
.single-entities_land_houses .detail-item-header-price .price-estimation,
.single-entities_event .detail-item-header-price .price-estimation,
.single-entities_realization .detail-item-header-price .price-estimation,
.single-entities_prestapack .detail-item-header-price .price-estimation,
.form-page .detail-item-header-price .price-estimation,
.edito-page .detail-item-header-price .price-estimation,
.customer-reviews .detail-item-header-price .price-estimation {
display: block;
color: var(--color-grey);
text-decoration: underline;
}
.post-type-archive-entities_catalog .detail-item-header-price .price-estimation:hover, .post-type-archive-entities_catalog .detail-item-header-price .price-estimation:focus,
.model-detail .detail-item-header-price .price-estimation:hover,
.model-detail .detail-item-header-price .price-estimation:focus,
.agency-detail .detail-item-header-price .price-estimation:hover,
.agency-detail .detail-item-header-price .price-estimation:focus,
.single-entities_advice .detail-item-header-price .price-estimation:hover,
.single-entities_advice .detail-item-header-price .price-estimation:focus,
.single-entities_actuality .detail-item-header-price .price-estimation:hover,
.single-entities_actuality .detail-item-header-price .price-estimation:focus,
.single-entities_land_houses .detail-item-header-price .price-estimation:hover,
.single-entities_land_houses .detail-item-header-price .price-estimation:focus,
.single-entities_event .detail-item-header-price .price-estimation:hover,
.single-entities_event .detail-item-header-price .price-estimation:focus,
.single-entities_realization .detail-item-header-price .price-estimation:hover,
.single-entities_realization .detail-item-header-price .price-estimation:focus,
.single-entities_prestapack .detail-item-header-price .price-estimation:hover,
.single-entities_prestapack .detail-item-header-price .price-estimation:focus,
.form-page .detail-item-header-price .price-estimation:hover,
.form-page .detail-item-header-price .price-estimation:focus,
.edito-page .detail-item-header-price .price-estimation:hover,
.edito-page .detail-item-header-price .price-estimation:focus,
.customer-reviews .detail-item-header-price .price-estimation:hover,
.customer-reviews .detail-item-header-price .price-estimation:focus {
color: var(--color-primary);
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-header-price,
.model-detail .detail-item-header-price,
.agency-detail .detail-item-header-price,
.single-entities_advice .detail-item-header-price,
.single-entities_actuality .detail-item-header-price,
.single-entities_land_houses .detail-item-header-price,
.single-entities_event .detail-item-header-price,
.single-entities_realization .detail-item-header-price,
.single-entities_prestapack .detail-item-header-price,
.form-page .detail-item-header-price,
.edito-page .detail-item-header-price,
.customer-reviews .detail-item-header-price {
text-align: right;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-header-categories--trigger,
.model-detail .detail-item-header-categories--trigger,
.agency-detail .detail-item-header-categories--trigger,
.single-entities_advice .detail-item-header-categories--trigger,
.single-entities_actuality .detail-item-header-categories--trigger,
.single-entities_land_houses .detail-item-header-categories--trigger,
.single-entities_event .detail-item-header-categories--trigger,
.single-entities_realization .detail-item-header-categories--trigger,
.single-entities_prestapack .detail-item-header-categories--trigger,
.form-page .detail-item-header-categories--trigger,
.edito-page .detail-item-header-categories--trigger,
.customer-reviews .detail-item-header-categories--trigger {
display: none;
}
}
.post-type-archive-entities_catalog .detail-item-header-categories--trigger.on .icon,
.model-detail .detail-item-header-categories--trigger.on .icon,
.agency-detail .detail-item-header-categories--trigger.on .icon,
.single-entities_advice .detail-item-header-categories--trigger.on .icon,
.single-entities_actuality .detail-item-header-categories--trigger.on .icon,
.single-entities_land_houses .detail-item-header-categories--trigger.on .icon,
.single-entities_event .detail-item-header-categories--trigger.on .icon,
.single-entities_realization .detail-item-header-categories--trigger.on .icon,
.single-entities_prestapack .detail-item-header-categories--trigger.on .icon,
.form-page .detail-item-header-categories--trigger.on .icon,
.edito-page .detail-item-header-categories--trigger.on .icon,
.customer-reviews .detail-item-header-categories--trigger.on .icon {
transform: translateY(0.4em);
}
.post-type-archive-entities_catalog .detail-item-header-categories--trigger .icon,
.model-detail .detail-item-header-categories--trigger .icon,
.agency-detail .detail-item-header-categories--trigger .icon,
.single-entities_advice .detail-item-header-categories--trigger .icon,
.single-entities_actuality .detail-item-header-categories--trigger .icon,
.single-entities_land_houses .detail-item-header-categories--trigger .icon,
.single-entities_event .detail-item-header-categories--trigger .icon,
.single-entities_realization .detail-item-header-categories--trigger .icon,
.single-entities_prestapack .detail-item-header-categories--trigger .icon,
.form-page .detail-item-header-categories--trigger .icon,
.edito-page .detail-item-header-categories--trigger .icon,
.customer-reviews .detail-item-header-categories--trigger .icon {
display: inline-block;
font-size: 0.6em;
transition: all 0.3s ease;
}
@media (max-width: 575px) {
.post-type-archive-entities_catalog .detail-item-header-categories-list,
.model-detail .detail-item-header-categories-list,
.agency-detail .detail-item-header-categories-list,
.single-entities_advice .detail-item-header-categories-list,
.single-entities_actuality .detail-item-header-categories-list,
.single-entities_land_houses .detail-item-header-categories-list,
.single-entities_event .detail-item-header-categories-list,
.single-entities_realization .detail-item-header-categories-list,
.single-entities_prestapack .detail-item-header-categories-list,
.form-page .detail-item-header-categories-list,
.edito-page .detail-item-header-categories-list,
.customer-reviews .detail-item-header-categories-list {
max-height: 900em;
transition: all 0.5s ease;
overflow: hidden;
}
.post-type-archive-entities_catalog .detail-item-header-categories-list:not(.on),
.model-detail .detail-item-header-categories-list:not(.on),
.agency-detail .detail-item-header-categories-list:not(.on),
.single-entities_advice .detail-item-header-categories-list:not(.on),
.single-entities_actuality .detail-item-header-categories-list:not(.on),
.single-entities_land_houses .detail-item-header-categories-list:not(.on),
.single-entities_event .detail-item-header-categories-list:not(.on),
.single-entities_realization .detail-item-header-categories-list:not(.on),
.single-entities_prestapack .detail-item-header-categories-list:not(.on),
.form-page .detail-item-header-categories-list:not(.on),
.edito-page .detail-item-header-categories-list:not(.on),
.customer-reviews .detail-item-header-categories-list:not(.on) {
margin: 0;
max-height: 0;
padding: 0;
}
}
.post-type-archive-entities_catalog .detail-item-header-specs,
.model-detail .detail-item-header-specs,
.agency-detail .detail-item-header-specs,
.single-entities_advice .detail-item-header-specs,
.single-entities_actuality .detail-item-header-specs,
.single-entities_land_houses .detail-item-header-specs,
.single-entities_event .detail-item-header-specs,
.single-entities_realization .detail-item-header-specs,
.single-entities_prestapack .detail-item-header-specs,
.form-page .detail-item-header-specs,
.edito-page .detail-item-header-specs,
.customer-reviews .detail-item-header-specs {
margin: 0.5em 0;
color: var(--color-grey);
}
.post-type-archive-entities_catalog .detail-item-header-specs .detail-list,
.model-detail .detail-item-header-specs .detail-list,
.agency-detail .detail-item-header-specs .detail-list,
.single-entities_advice .detail-item-header-specs .detail-list,
.single-entities_actuality .detail-item-header-specs .detail-list,
.single-entities_land_houses .detail-item-header-specs .detail-list,
.single-entities_event .detail-item-header-specs .detail-list,
.single-entities_realization .detail-item-header-specs .detail-list,
.single-entities_prestapack .detail-item-header-specs .detail-list,
.form-page .detail-item-header-specs .detail-list,
.edito-page .detail-item-header-specs .detail-list,
.customer-reviews .detail-item-header-specs .detail-list {
font-size: 1em;
}
.post-type-archive-entities_catalog .detail-item-header-specs .detail-list .detail, .post-type-archive-entities_catalog .detail-item-header-specs .detail-list li,
.model-detail .detail-item-header-specs .detail-list .detail,
.model-detail .detail-item-header-specs .detail-list li,
.agency-detail .detail-item-header-specs .detail-list .detail,
.agency-detail .detail-item-header-specs .detail-list li,
.single-entities_advice .detail-item-header-specs .detail-list .detail,
.single-entities_advice .detail-item-header-specs .detail-list li,
.single-entities_actuality .detail-item-header-specs .detail-list .detail,
.single-entities_actuality .detail-item-header-specs .detail-list li,
.single-entities_land_houses .detail-item-header-specs .detail-list .detail,
.single-entities_land_houses .detail-item-header-specs .detail-list li,
.single-entities_event .detail-item-header-specs .detail-list .detail,
.single-entities_event .detail-item-header-specs .detail-list li,
.single-entities_realization .detail-item-header-specs .detail-list .detail,
.single-entities_realization .detail-item-header-specs .detail-list li,
.single-entities_prestapack .detail-item-header-specs .detail-list .detail,
.single-entities_prestapack .detail-item-header-specs .detail-list li,
.form-page .detail-item-header-specs .detail-list .detail,
.form-page .detail-item-header-specs .detail-list li,
.edito-page .detail-item-header-specs .detail-list .detail,
.edito-page .detail-item-header-specs .detail-list li,
.customer-reviews .detail-item-header-specs .detail-list .detail,
.customer-reviews .detail-item-header-specs .detail-list li {
display: inline-block;
}
.post-type-archive-entities_catalog .detail-item-header-specs .detail-list .detail + .detail::before, .post-type-archive-entities_catalog .detail-item-header-specs .detail-list .detail + li::before, .post-type-archive-entities_catalog .detail-item-header-specs .detail-list li + .detail::before, .post-type-archive-entities_catalog .detail-item-header-specs .detail-list li + li::before,
.model-detail .detail-item-header-specs .detail-list .detail + .detail::before,
.model-detail .detail-item-header-specs .detail-list .detail + li::before,
.model-detail .detail-item-header-specs .detail-list li + .detail::before,
.model-detail .detail-item-header-specs .detail-list li + li::before,
.agency-detail .detail-item-header-specs .detail-list .detail + .detail::before,
.agency-detail .detail-item-header-specs .detail-list .detail + li::before,
.agency-detail .detail-item-header-specs .detail-list li + .detail::before,
.agency-detail .detail-item-header-specs .detail-list li + li::before,
.single-entities_advice .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_advice .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_advice .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_advice .detail-item-header-specs .detail-list li + li::before,
.single-entities_actuality .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_actuality .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_actuality .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_actuality .detail-item-header-specs .detail-list li + li::before,
.single-entities_land_houses .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_land_houses .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_land_houses .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_land_houses .detail-item-header-specs .detail-list li + li::before,
.single-entities_event .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_event .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_event .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_event .detail-item-header-specs .detail-list li + li::before,
.single-entities_realization .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_realization .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_realization .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_realization .detail-item-header-specs .detail-list li + li::before,
.single-entities_prestapack .detail-item-header-specs .detail-list .detail + .detail::before,
.single-entities_prestapack .detail-item-header-specs .detail-list .detail + li::before,
.single-entities_prestapack .detail-item-header-specs .detail-list li + .detail::before,
.single-entities_prestapack .detail-item-header-specs .detail-list li + li::before,
.form-page .detail-item-header-specs .detail-list .detail + .detail::before,
.form-page .detail-item-header-specs .detail-list .detail + li::before,
.form-page .detail-item-header-specs .detail-list li + .detail::before,
.form-page .detail-item-header-specs .detail-list li + li::before,
.edito-page .detail-item-header-specs .detail-list .detail + .detail::before,
.edito-page .detail-item-header-specs .detail-list .detail + li::before,
.edito-page .detail-item-header-specs .detail-list li + .detail::before,
.edito-page .detail-item-header-specs .detail-list li + li::before,
.customer-reviews .detail-item-header-specs .detail-list .detail + .detail::before,
.customer-reviews .detail-item-header-specs .detail-list .detail + li::before,
.customer-reviews .detail-item-header-specs .detail-list li + .detail::before,
.customer-reviews .detail-item-header-specs .detail-list li + li::before {
content: " - ";
}
.post-type-archive-entities_catalog .detail-item-header-links,
.model-detail .detail-item-header-links,
.agency-detail .detail-item-header-links,
.single-entities_advice .detail-item-header-links,
.single-entities_actuality .detail-item-header-links,
.single-entities_land_houses .detail-item-header-links,
.single-entities_event .detail-item-header-links,
.single-entities_realization .detail-item-header-links,
.single-entities_prestapack .detail-item-header-links,
.form-page .detail-item-header-links,
.edito-page .detail-item-header-links,
.customer-reviews .detail-item-header-links {
color: var(--color-primary);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-header-links,
.model-detail .detail-item-header-links,
.agency-detail .detail-item-header-links,
.single-entities_advice .detail-item-header-links,
.single-entities_actuality .detail-item-header-links,
.single-entities_land_houses .detail-item-header-links,
.single-entities_event .detail-item-header-links,
.single-entities_realization .detail-item-header-links,
.single-entities_prestapack .detail-item-header-links,
.form-page .detail-item-header-links,
.edito-page .detail-item-header-links,
.customer-reviews .detail-item-header-links {
font-size: 1.052631579em;
justify-content: flex-end;
}
}
.post-type-archive-entities_catalog .detail-item-header-links a,
.model-detail .detail-item-header-links a,
.agency-detail .detail-item-header-links a,
.single-entities_advice .detail-item-header-links a,
.single-entities_actuality .detail-item-header-links a,
.single-entities_land_houses .detail-item-header-links a,
.single-entities_event .detail-item-header-links a,
.single-entities_realization .detail-item-header-links a,
.single-entities_prestapack .detail-item-header-links a,
.form-page .detail-item-header-links a,
.edito-page .detail-item-header-links a,
.customer-reviews .detail-item-header-links a {
text-decoration: none;
}
.post-type-archive-entities_catalog .detail-item-header-contact,
.model-detail .detail-item-header-contact,
.agency-detail .detail-item-header-contact,
.single-entities_advice .detail-item-header-contact,
.single-entities_actuality .detail-item-header-contact,
.single-entities_land_houses .detail-item-header-contact,
.single-entities_event .detail-item-header-contact,
.single-entities_realization .detail-item-header-contact,
.single-entities_prestapack .detail-item-header-contact,
.form-page .detail-item-header-contact,
.edito-page .detail-item-header-contact,
.customer-reviews .detail-item-header-contact {
display: grid;
grid-auto-flow: dense;
grid-template-columns: 2.3em 1fr;
align-items: center;
grid-gap: 1rem;
margin: 1.5em 0;
}
.post-type-archive-entities_catalog .detail-item-header-contact dt,
.model-detail .detail-item-header-contact dt,
.agency-detail .detail-item-header-contact dt,
.single-entities_advice .detail-item-header-contact dt,
.single-entities_actuality .detail-item-header-contact dt,
.single-entities_land_houses .detail-item-header-contact dt,
.single-entities_event .detail-item-header-contact dt,
.single-entities_realization .detail-item-header-contact dt,
.single-entities_prestapack .detail-item-header-contact dt,
.form-page .detail-item-header-contact dt,
.edito-page .detail-item-header-contact dt,
.customer-reviews .detail-item-header-contact dt {
color: var(--color-primary);
font-size: 1.3em;
grid-column: auto/span 1;
text-align: center;
}
.post-type-archive-entities_catalog .detail-item-header-contact dd,
.model-detail .detail-item-header-contact dd,
.agency-detail .detail-item-header-contact dd,
.single-entities_advice .detail-item-header-contact dd,
.single-entities_actuality .detail-item-header-contact dd,
.single-entities_land_houses .detail-item-header-contact dd,
.single-entities_event .detail-item-header-contact dd,
.single-entities_realization .detail-item-header-contact dd,
.single-entities_prestapack .detail-item-header-contact dd,
.form-page .detail-item-header-contact dd,
.edito-page .detail-item-header-contact dd,
.customer-reviews .detail-item-header-contact dd {
grid-column: auto/span 1;
}
.post-type-archive-entities_catalog .detail-item-header-contact .icon-square,
.model-detail .detail-item-header-contact .icon-square,
.agency-detail .detail-item-header-contact .icon-square,
.single-entities_advice .detail-item-header-contact .icon-square,
.single-entities_actuality .detail-item-header-contact .icon-square,
.single-entities_land_houses .detail-item-header-contact .icon-square,
.single-entities_event .detail-item-header-contact .icon-square,
.single-entities_realization .detail-item-header-contact .icon-square,
.single-entities_prestapack .detail-item-header-contact .icon-square,
.form-page .detail-item-header-contact .icon-square,
.edito-page .detail-item-header-contact .icon-square,
.customer-reviews .detail-item-header-contact .icon-square {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0.3em;
border: 1px solid #bdbdbd;
border-radius: 0.3em;
}
.post-type-archive-entities_catalog .detail-item-header-contact .icon-square > *,
.model-detail .detail-item-header-contact .icon-square > *,
.agency-detail .detail-item-header-contact .icon-square > *,
.single-entities_advice .detail-item-header-contact .icon-square > *,
.single-entities_actuality .detail-item-header-contact .icon-square > *,
.single-entities_land_houses .detail-item-header-contact .icon-square > *,
.single-entities_event .detail-item-header-contact .icon-square > *,
.single-entities_realization .detail-item-header-contact .icon-square > *,
.single-entities_prestapack .detail-item-header-contact .icon-square > *,
.form-page .detail-item-header-contact .icon-square > *,
.edito-page .detail-item-header-contact .icon-square > *,
.customer-reviews .detail-item-header-contact .icon-square > * {
flex: 1 1 auto;
}
.post-type-archive-entities_catalog .detail-item-header-reference,
.model-detail .detail-item-header-reference,
.agency-detail .detail-item-header-reference,
.single-entities_advice .detail-item-header-reference,
.single-entities_actuality .detail-item-header-reference,
.single-entities_land_houses .detail-item-header-reference,
.single-entities_event .detail-item-header-reference,
.single-entities_realization .detail-item-header-reference,
.single-entities_prestapack .detail-item-header-reference,
.form-page .detail-item-header-reference,
.edito-page .detail-item-header-reference,
.customer-reviews .detail-item-header-reference {
font-size: 1.052631579em;
}
.post-type-archive-entities_catalog .detail-item-toolbox,
.model-detail .detail-item-toolbox,
.agency-detail .detail-item-toolbox,
.single-entities_advice .detail-item-toolbox,
.single-entities_actuality .detail-item-toolbox,
.single-entities_land_houses .detail-item-toolbox,
.single-entities_event .detail-item-toolbox,
.single-entities_realization .detail-item-toolbox,
.single-entities_prestapack .detail-item-toolbox,
.form-page .detail-item-toolbox,
.edito-page .detail-item-toolbox,
.customer-reviews .detail-item-toolbox {
grid-area: toolbox;
z-index: 20;
font-size: 1.3em;
text-align: right;
position: relative;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-toolbox,
.model-detail .detail-item-toolbox,
.agency-detail .detail-item-toolbox,
.single-entities_advice .detail-item-toolbox,
.single-entities_actuality .detail-item-toolbox,
.single-entities_land_houses .detail-item-toolbox,
.single-entities_event .detail-item-toolbox,
.single-entities_realization .detail-item-toolbox,
.single-entities_prestapack .detail-item-toolbox,
.form-page .detail-item-toolbox,
.edito-page .detail-item-toolbox,
.customer-reviews .detail-item-toolbox {
text-align: left;
}
}
.post-type-archive-entities_catalog .detail-item-toolbox-container,
.model-detail .detail-item-toolbox-container,
.agency-detail .detail-item-toolbox-container,
.single-entities_advice .detail-item-toolbox-container,
.single-entities_actuality .detail-item-toolbox-container,
.single-entities_land_houses .detail-item-toolbox-container,
.single-entities_event .detail-item-toolbox-container,
.single-entities_realization .detail-item-toolbox-container,
.single-entities_prestapack .detail-item-toolbox-container,
.form-page .detail-item-toolbox-container,
.edito-page .detail-item-toolbox-container,
.customer-reviews .detail-item-toolbox-container {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-toolbox-container,
.model-detail .detail-item-toolbox-container,
.agency-detail .detail-item-toolbox-container,
.single-entities_advice .detail-item-toolbox-container,
.single-entities_actuality .detail-item-toolbox-container,
.single-entities_land_houses .detail-item-toolbox-container,
.single-entities_event .detail-item-toolbox-container,
.single-entities_realization .detail-item-toolbox-container,
.single-entities_prestapack .detail-item-toolbox-container,
.form-page .detail-item-toolbox-container,
.edito-page .detail-item-toolbox-container,
.customer-reviews .detail-item-toolbox-container {
justify-content: flex-start;
}
}
.post-type-archive-entities_catalog .detail-item-toolbox-container > *,
.model-detail .detail-item-toolbox-container > *,
.agency-detail .detail-item-toolbox-container > *,
.single-entities_advice .detail-item-toolbox-container > *,
.single-entities_actuality .detail-item-toolbox-container > *,
.single-entities_land_houses .detail-item-toolbox-container > *,
.single-entities_event .detail-item-toolbox-container > *,
.single-entities_realization .detail-item-toolbox-container > *,
.single-entities_prestapack .detail-item-toolbox-container > *,
.form-page .detail-item-toolbox-container > *,
.edito-page .detail-item-toolbox-container > *,
.customer-reviews .detail-item-toolbox-container > * {
flex: 0 0 auto;
padding-left: 0.5em;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-toolbox-container > *,
.model-detail .detail-item-toolbox-container > *,
.agency-detail .detail-item-toolbox-container > *,
.single-entities_advice .detail-item-toolbox-container > *,
.single-entities_actuality .detail-item-toolbox-container > *,
.single-entities_land_houses .detail-item-toolbox-container > *,
.single-entities_event .detail-item-toolbox-container > *,
.single-entities_realization .detail-item-toolbox-container > *,
.single-entities_prestapack .detail-item-toolbox-container > *,
.form-page .detail-item-toolbox-container > *,
.edito-page .detail-item-toolbox-container > *,
.customer-reviews .detail-item-toolbox-container > * {
padding-right: 0.5em;
}
}
.post-type-archive-entities_catalog .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.model-detail .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.agency-detail .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_advice .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_actuality .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_land_houses .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_event .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_realization .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.single-entities_prestapack .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.form-page .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.edito-page .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove),
.customer-reviews .detail-item-toolbox-container > * button:not(.btn--fav.btn--fav-remove) {
--background-color: #fff;
--color: var(--color-primary);
--border: inset 0 0 0 1px var(--color-grey-extralight);
}
.post-type-archive-entities_catalog .detail-item-pagination,
.model-detail .detail-item-pagination,
.agency-detail .detail-item-pagination,
.single-entities_advice .detail-item-pagination,
.single-entities_actuality .detail-item-pagination,
.single-entities_land_houses .detail-item-pagination,
.single-entities_event .detail-item-pagination,
.single-entities_realization .detail-item-pagination,
.single-entities_prestapack .detail-item-pagination,
.form-page .detail-item-pagination,
.edito-page .detail-item-pagination,
.customer-reviews .detail-item-pagination {
grid-area: pagination;
font-size: 1.3em;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-pagination,
.model-detail .detail-item-pagination,
.agency-detail .detail-item-pagination,
.single-entities_advice .detail-item-pagination,
.single-entities_actuality .detail-item-pagination,
.single-entities_land_houses .detail-item-pagination,
.single-entities_event .detail-item-pagination,
.single-entities_realization .detail-item-pagination,
.single-entities_prestapack .detail-item-pagination,
.form-page .detail-item-pagination,
.edito-page .detail-item-pagination,
.customer-reviews .detail-item-pagination {
font-size: 1em;
text-align: right;
}
}
.post-type-archive-entities_catalog .detail-item-pagination-container,
.model-detail .detail-item-pagination-container,
.agency-detail .detail-item-pagination-container,
.single-entities_advice .detail-item-pagination-container,
.single-entities_actuality .detail-item-pagination-container,
.single-entities_land_houses .detail-item-pagination-container,
.single-entities_event .detail-item-pagination-container,
.single-entities_realization .detail-item-pagination-container,
.single-entities_prestapack .detail-item-pagination-container,
.form-page .detail-item-pagination-container,
.edito-page .detail-item-pagination-container,
.customer-reviews .detail-item-pagination-container {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-pagination-container,
.model-detail .detail-item-pagination-container,
.agency-detail .detail-item-pagination-container,
.single-entities_advice .detail-item-pagination-container,
.single-entities_actuality .detail-item-pagination-container,
.single-entities_land_houses .detail-item-pagination-container,
.single-entities_event .detail-item-pagination-container,
.single-entities_realization .detail-item-pagination-container,
.single-entities_prestapack .detail-item-pagination-container,
.form-page .detail-item-pagination-container,
.edito-page .detail-item-pagination-container,
.customer-reviews .detail-item-pagination-container {
flex-flow: column nowrap;
align-items: flex-end;
}
}
.post-type-archive-entities_catalog .detail-item-pagination-container > *,
.model-detail .detail-item-pagination-container > *,
.agency-detail .detail-item-pagination-container > *,
.single-entities_advice .detail-item-pagination-container > *,
.single-entities_actuality .detail-item-pagination-container > *,
.single-entities_land_houses .detail-item-pagination-container > *,
.single-entities_event .detail-item-pagination-container > *,
.single-entities_realization .detail-item-pagination-container > *,
.single-entities_prestapack .detail-item-pagination-container > *,
.form-page .detail-item-pagination-container > *,
.edito-page .detail-item-pagination-container > *,
.customer-reviews .detail-item-pagination-container > * {
flex: 0 0 1;
margin-right: 0.5em;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-pagination-container > *,
.model-detail .detail-item-pagination-container > *,
.agency-detail .detail-item-pagination-container > *,
.single-entities_advice .detail-item-pagination-container > *,
.single-entities_actuality .detail-item-pagination-container > *,
.single-entities_land_houses .detail-item-pagination-container > *,
.single-entities_event .detail-item-pagination-container > *,
.single-entities_realization .detail-item-pagination-container > *,
.single-entities_prestapack .detail-item-pagination-container > *,
.form-page .detail-item-pagination-container > *,
.edito-page .detail-item-pagination-container > *,
.customer-reviews .detail-item-pagination-container > * {
margin-bottom: 0.5em;
}
}
.post-type-archive-entities_catalog .detail-item-pagination-container > * .btn,
.model-detail .detail-item-pagination-container > * .btn,
.agency-detail .detail-item-pagination-container > * .btn,
.single-entities_advice .detail-item-pagination-container > * .btn,
.single-entities_actuality .detail-item-pagination-container > * .btn,
.single-entities_land_houses .detail-item-pagination-container > * .btn,
.single-entities_event .detail-item-pagination-container > * .btn,
.single-entities_realization .detail-item-pagination-container > * .btn,
.single-entities_prestapack .detail-item-pagination-container > * .btn,
.form-page .detail-item-pagination-container > * .btn,
.edito-page .detail-item-pagination-container > * .btn,
.customer-reviews .detail-item-pagination-container > * .btn {
width: 100%;
display: inline-block;
width: 2.9em;
--border: inset 0 0 0 1px var(--color-grey-extralight);
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-pagination-container > *.pagination-list--container,
.model-detail .detail-item-pagination-container > *.pagination-list--container,
.agency-detail .detail-item-pagination-container > *.pagination-list--container,
.single-entities_advice .detail-item-pagination-container > *.pagination-list--container,
.single-entities_actuality .detail-item-pagination-container > *.pagination-list--container,
.single-entities_land_houses .detail-item-pagination-container > *.pagination-list--container,
.single-entities_event .detail-item-pagination-container > *.pagination-list--container,
.single-entities_realization .detail-item-pagination-container > *.pagination-list--container,
.single-entities_prestapack .detail-item-pagination-container > *.pagination-list--container,
.form-page .detail-item-pagination-container > *.pagination-list--container,
.edito-page .detail-item-pagination-container > *.pagination-list--container,
.customer-reviews .detail-item-pagination-container > *.pagination-list--container {
order: 1;
}
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-pagination-container > *.pagination-next--container,
.model-detail .detail-item-pagination-container > *.pagination-next--container,
.agency-detail .detail-item-pagination-container > *.pagination-next--container,
.single-entities_advice .detail-item-pagination-container > *.pagination-next--container,
.single-entities_actuality .detail-item-pagination-container > *.pagination-next--container,
.single-entities_land_houses .detail-item-pagination-container > *.pagination-next--container,
.single-entities_event .detail-item-pagination-container > *.pagination-next--container,
.single-entities_realization .detail-item-pagination-container > *.pagination-next--container,
.single-entities_prestapack .detail-item-pagination-container > *.pagination-next--container,
.form-page .detail-item-pagination-container > *.pagination-next--container,
.edito-page .detail-item-pagination-container > *.pagination-next--container,
.customer-reviews .detail-item-pagination-container > *.pagination-next--container {
order: 10;
}
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-pagination-container > *.pagination-prev--container,
.model-detail .detail-item-pagination-container > *.pagination-prev--container,
.agency-detail .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_advice .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_actuality .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_land_houses .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_event .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_realization .detail-item-pagination-container > *.pagination-prev--container,
.single-entities_prestapack .detail-item-pagination-container > *.pagination-prev--container,
.form-page .detail-item-pagination-container > *.pagination-prev--container,
.edito-page .detail-item-pagination-container > *.pagination-prev--container,
.customer-reviews .detail-item-pagination-container > *.pagination-prev--container {
order: 5;
}
}
.post-type-archive-entities_catalog .detail-item-description,
.model-detail .detail-item-description,
.agency-detail .detail-item-description,
.single-entities_advice .detail-item-description,
.single-entities_actuality .detail-item-description,
.single-entities_land_houses .detail-item-description,
.single-entities_event .detail-item-description,
.single-entities_realization .detail-item-description,
.single-entities_prestapack .detail-item-description,
.form-page .detail-item-description,
.edito-page .detail-item-description,
.customer-reviews .detail-item-description {
grid-area: description;
font-weight: 300;
color: var(--color-mediumdark-grey);
padding-right: 2em;
}
.post-type-archive-entities_catalog .detail-item-description .agency-specs,
.model-detail .detail-item-description .agency-specs,
.agency-detail .detail-item-description .agency-specs,
.single-entities_advice .detail-item-description .agency-specs,
.single-entities_actuality .detail-item-description .agency-specs,
.single-entities_land_houses .detail-item-description .agency-specs,
.single-entities_event .detail-item-description .agency-specs,
.single-entities_realization .detail-item-description .agency-specs,
.single-entities_prestapack .detail-item-description .agency-specs,
.form-page .detail-item-description .agency-specs,
.edito-page .detail-item-description .agency-specs,
.customer-reviews .detail-item-description .agency-specs {
color: #000;
font-weight: 500;
}
.post-type-archive-entities_catalog .detail-item-medias,
.model-detail .detail-item-medias,
.agency-detail .detail-item-medias,
.single-entities_advice .detail-item-medias,
.single-entities_actuality .detail-item-medias,
.single-entities_land_houses .detail-item-medias,
.single-entities_event .detail-item-medias,
.single-entities_realization .detail-item-medias,
.single-entities_prestapack .detail-item-medias,
.form-page .detail-item-medias,
.edito-page .detail-item-medias,
.customer-reviews .detail-item-medias {
grid-area: medias;
}
.post-type-archive-entities_catalog .detail-item-medias-slider,
.model-detail .detail-item-medias-slider,
.agency-detail .detail-item-medias-slider,
.single-entities_advice .detail-item-medias-slider,
.single-entities_actuality .detail-item-medias-slider,
.single-entities_land_houses .detail-item-medias-slider,
.single-entities_event .detail-item-medias-slider,
.single-entities_realization .detail-item-medias-slider,
.single-entities_prestapack .detail-item-medias-slider,
.form-page .detail-item-medias-slider,
.edito-page .detail-item-medias-slider,
.customer-reviews .detail-item-medias-slider {
/* 1. Une seule image */
/* 2. Avec un carrousel */
}
.post-type-archive-entities_catalog .detail-item-medias-slider-list,
.model-detail .detail-item-medias-slider-list,
.agency-detail .detail-item-medias-slider-list,
.single-entities_advice .detail-item-medias-slider-list,
.single-entities_actuality .detail-item-medias-slider-list,
.single-entities_land_houses .detail-item-medias-slider-list,
.single-entities_event .detail-item-medias-slider-list,
.single-entities_realization .detail-item-medias-slider-list,
.single-entities_prestapack .detail-item-medias-slider-list,
.form-page .detail-item-medias-slider-list,
.edito-page .detail-item-medias-slider-list,
.customer-reviews .detail-item-medias-slider-list {
position: relative;
margin: 0;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-list,
.model-detail .detail-item-medias-slider-list,
.agency-detail .detail-item-medias-slider-list,
.single-entities_advice .detail-item-medias-slider-list,
.single-entities_actuality .detail-item-medias-slider-list,
.single-entities_land_houses .detail-item-medias-slider-list,
.single-entities_event .detail-item-medias-slider-list,
.single-entities_realization .detail-item-medias-slider-list,
.single-entities_prestapack .detail-item-medias-slider-list,
.form-page .detail-item-medias-slider-list,
.edito-page .detail-item-medias-slider-list,
.customer-reviews .detail-item-medias-slider-list {
height: 100% !important;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-item,
.model-detail .detail-item-medias-slider-item,
.agency-detail .detail-item-medias-slider-item,
.single-entities_advice .detail-item-medias-slider-item,
.single-entities_actuality .detail-item-medias-slider-item,
.single-entities_land_houses .detail-item-medias-slider-item,
.single-entities_event .detail-item-medias-slider-item,
.single-entities_realization .detail-item-medias-slider-item,
.single-entities_prestapack .detail-item-medias-slider-item,
.form-page .detail-item-medias-slider-item,
.edito-page .detail-item-medias-slider-item,
.customer-reviews .detail-item-medias-slider-item {
position: relative;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-item,
.model-detail .detail-item-medias-slider-item,
.agency-detail .detail-item-medias-slider-item,
.single-entities_advice .detail-item-medias-slider-item,
.single-entities_actuality .detail-item-medias-slider-item,
.single-entities_land_houses .detail-item-medias-slider-item,
.single-entities_event .detail-item-medias-slider-item,
.single-entities_realization .detail-item-medias-slider-item,
.single-entities_prestapack .detail-item-medias-slider-item,
.form-page .detail-item-medias-slider-item,
.edito-page .detail-item-medias-slider-item,
.customer-reviews .detail-item-medias-slider-item {
height: 100%;
grid-column: 1/-1;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-item img,
.model-detail .detail-item-medias-slider-item img,
.agency-detail .detail-item-medias-slider-item img,
.single-entities_advice .detail-item-medias-slider-item img,
.single-entities_actuality .detail-item-medias-slider-item img,
.single-entities_land_houses .detail-item-medias-slider-item img,
.single-entities_event .detail-item-medias-slider-item img,
.single-entities_realization .detail-item-medias-slider-item img,
.single-entities_prestapack .detail-item-medias-slider-item img,
.form-page .detail-item-medias-slider-item img,
.edito-page .detail-item-medias-slider-item img,
.customer-reviews .detail-item-medias-slider-item img {
width: 100%;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-item img,
.model-detail .detail-item-medias-slider-item img,
.agency-detail .detail-item-medias-slider-item img,
.single-entities_advice .detail-item-medias-slider-item img,
.single-entities_actuality .detail-item-medias-slider-item img,
.single-entities_land_houses .detail-item-medias-slider-item img,
.single-entities_event .detail-item-medias-slider-item img,
.single-entities_realization .detail-item-medias-slider-item img,
.single-entities_prestapack .detail-item-medias-slider-item img,
.form-page .detail-item-medias-slider-item img,
.edito-page .detail-item-medias-slider-item img,
.customer-reviews .detail-item-medias-slider-item img {
height: 100%;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-wrapper,
.model-detail .detail-item-medias-slider-wrapper,
.agency-detail .detail-item-medias-slider-wrapper,
.single-entities_advice .detail-item-medias-slider-wrapper,
.single-entities_actuality .detail-item-medias-slider-wrapper,
.single-entities_land_houses .detail-item-medias-slider-wrapper,
.single-entities_event .detail-item-medias-slider-wrapper,
.single-entities_realization .detail-item-medias-slider-wrapper,
.single-entities_prestapack .detail-item-medias-slider-wrapper,
.form-page .detail-item-medias-slider-wrapper,
.edito-page .detail-item-medias-slider-wrapper,
.customer-reviews .detail-item-medias-slider-wrapper {
height: 100%;
border-radius: 0;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-wrapper,
.model-detail .detail-item-medias-slider-wrapper,
.agency-detail .detail-item-medias-slider-wrapper,
.single-entities_advice .detail-item-medias-slider-wrapper,
.single-entities_actuality .detail-item-medias-slider-wrapper,
.single-entities_land_houses .detail-item-medias-slider-wrapper,
.single-entities_event .detail-item-medias-slider-wrapper,
.single-entities_realization .detail-item-medias-slider-wrapper,
.single-entities_prestapack .detail-item-medias-slider-wrapper,
.form-page .detail-item-medias-slider-wrapper,
.edito-page .detail-item-medias-slider-wrapper,
.customer-reviews .detail-item-medias-slider-wrapper {
border-radius: 10px;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-container,
.model-detail .detail-item-medias-slider-container,
.agency-detail .detail-item-medias-slider-container,
.single-entities_advice .detail-item-medias-slider-container,
.single-entities_actuality .detail-item-medias-slider-container,
.single-entities_land_houses .detail-item-medias-slider-container,
.single-entities_event .detail-item-medias-slider-container,
.single-entities_realization .detail-item-medias-slider-container,
.single-entities_prestapack .detail-item-medias-slider-container,
.form-page .detail-item-medias-slider-container,
.edito-page .detail-item-medias-slider-container,
.customer-reviews .detail-item-medias-slider-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 18px;
}
.post-type-archive-entities_catalog .detail-item-medias-slider .full-thumbnail,
.model-detail .detail-item-medias-slider .full-thumbnail,
.agency-detail .detail-item-medias-slider .full-thumbnail,
.single-entities_advice .detail-item-medias-slider .full-thumbnail,
.single-entities_actuality .detail-item-medias-slider .full-thumbnail,
.single-entities_land_houses .detail-item-medias-slider .full-thumbnail,
.single-entities_event .detail-item-medias-slider .full-thumbnail,
.single-entities_realization .detail-item-medias-slider .full-thumbnail,
.single-entities_prestapack .detail-item-medias-slider .full-thumbnail,
.form-page .detail-item-medias-slider .full-thumbnail,
.edito-page .detail-item-medias-slider .full-thumbnail,
.customer-reviews .detail-item-medias-slider .full-thumbnail {
grid-column: 1/-1;
grid-row: 1/-1;
background-color: white;
overflow: hidden;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider .full-thumbnail,
.model-detail .detail-item-medias-slider .full-thumbnail,
.agency-detail .detail-item-medias-slider .full-thumbnail,
.single-entities_advice .detail-item-medias-slider .full-thumbnail,
.single-entities_actuality .detail-item-medias-slider .full-thumbnail,
.single-entities_land_houses .detail-item-medias-slider .full-thumbnail,
.single-entities_event .detail-item-medias-slider .full-thumbnail,
.single-entities_realization .detail-item-medias-slider .full-thumbnail,
.single-entities_prestapack .detail-item-medias-slider .full-thumbnail,
.form-page .detail-item-medias-slider .full-thumbnail,
.edito-page .detail-item-medias-slider .full-thumbnail,
.customer-reviews .detail-item-medias-slider .full-thumbnail {
border-radius: 10px;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider .full-thumbnail img,
.model-detail .detail-item-medias-slider .full-thumbnail img,
.agency-detail .detail-item-medias-slider .full-thumbnail img,
.single-entities_advice .detail-item-medias-slider .full-thumbnail img,
.single-entities_actuality .detail-item-medias-slider .full-thumbnail img,
.single-entities_land_houses .detail-item-medias-slider .full-thumbnail img,
.single-entities_event .detail-item-medias-slider .full-thumbnail img,
.single-entities_realization .detail-item-medias-slider .full-thumbnail img,
.single-entities_prestapack .detail-item-medias-slider .full-thumbnail img,
.form-page .detail-item-medias-slider .full-thumbnail img,
.edito-page .detail-item-medias-slider .full-thumbnail img,
.customer-reviews .detail-item-medias-slider .full-thumbnail img {
width: 100%;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main,
.model-detail .detail-item-medias-slider-main,
.agency-detail .detail-item-medias-slider-main,
.single-entities_advice .detail-item-medias-slider-main,
.single-entities_actuality .detail-item-medias-slider-main,
.single-entities_land_houses .detail-item-medias-slider-main,
.single-entities_event .detail-item-medias-slider-main,
.single-entities_realization .detail-item-medias-slider-main,
.single-entities_prestapack .detail-item-medias-slider-main,
.form-page .detail-item-medias-slider-main,
.edito-page .detail-item-medias-slider-main,
.customer-reviews .detail-item-medias-slider-main {
grid-column: 1/-1;
grid-row: 1/-1;
position: relative;
width: 100%;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-main,
.model-detail .detail-item-medias-slider-main,
.agency-detail .detail-item-medias-slider-main,
.single-entities_advice .detail-item-medias-slider-main,
.single-entities_actuality .detail-item-medias-slider-main,
.single-entities_land_houses .detail-item-medias-slider-main,
.single-entities_event .detail-item-medias-slider-main,
.single-entities_realization .detail-item-medias-slider-main,
.single-entities_prestapack .detail-item-medias-slider-main,
.form-page .detail-item-medias-slider-main,
.edito-page .detail-item-medias-slider-main,
.customer-reviews .detail-item-medias-slider-main {
grid-column: 1/-1;
grid-row: 1/span 2;
}
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-main,
.model-detail .detail-item-medias-slider-main,
.agency-detail .detail-item-medias-slider-main,
.single-entities_advice .detail-item-medias-slider-main,
.single-entities_actuality .detail-item-medias-slider-main,
.single-entities_land_houses .detail-item-medias-slider-main,
.single-entities_event .detail-item-medias-slider-main,
.single-entities_realization .detail-item-medias-slider-main,
.single-entities_prestapack .detail-item-medias-slider-main,
.form-page .detail-item-medias-slider-main,
.edito-page .detail-item-medias-slider-main,
.customer-reviews .detail-item-medias-slider-main {
grid-column: 1/span 3;
grid-row: 1/span 2;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main .glide__arrow--right,
.model-detail .detail-item-medias-slider-main .glide__arrow--right,
.agency-detail .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_advice .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_actuality .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_land_houses .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_event .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_realization .detail-item-medias-slider-main .glide__arrow--right,
.single-entities_prestapack .detail-item-medias-slider-main .glide__arrow--right,
.form-page .detail-item-medias-slider-main .glide__arrow--right,
.edito-page .detail-item-medias-slider-main .glide__arrow--right,
.customer-reviews .detail-item-medias-slider-main .glide__arrow--right {
right: 0.5em;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main .glide__arrow--left,
.model-detail .detail-item-medias-slider-main .glide__arrow--left,
.agency-detail .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_advice .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_actuality .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_land_houses .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_event .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_realization .detail-item-medias-slider-main .glide__arrow--left,
.single-entities_prestapack .detail-item-medias-slider-main .glide__arrow--left,
.form-page .detail-item-medias-slider-main .glide__arrow--left,
.edito-page .detail-item-medias-slider-main .glide__arrow--left,
.customer-reviews .detail-item-medias-slider-main .glide__arrow--left {
left: 0.5em;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main .glide__bullets,
.model-detail .detail-item-medias-slider-main .glide__bullets,
.agency-detail .detail-item-medias-slider-main .glide__bullets,
.single-entities_advice .detail-item-medias-slider-main .glide__bullets,
.single-entities_actuality .detail-item-medias-slider-main .glide__bullets,
.single-entities_land_houses .detail-item-medias-slider-main .glide__bullets,
.single-entities_event .detail-item-medias-slider-main .glide__bullets,
.single-entities_realization .detail-item-medias-slider-main .glide__bullets,
.single-entities_prestapack .detail-item-medias-slider-main .glide__bullets,
.form-page .detail-item-medias-slider-main .glide__bullets,
.edito-page .detail-item-medias-slider-main .glide__bullets,
.customer-reviews .detail-item-medias-slider-main .glide__bullets {
right: 0;
bottom: 6px;
left: auto;
opacity: 0.85;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main img,
.model-detail .detail-item-medias-slider-main img,
.agency-detail .detail-item-medias-slider-main img,
.single-entities_advice .detail-item-medias-slider-main img,
.single-entities_actuality .detail-item-medias-slider-main img,
.single-entities_land_houses .detail-item-medias-slider-main img,
.single-entities_event .detail-item-medias-slider-main img,
.single-entities_realization .detail-item-medias-slider-main img,
.single-entities_prestapack .detail-item-medias-slider-main img,
.form-page .detail-item-medias-slider-main img,
.edito-page .detail-item-medias-slider-main img,
.customer-reviews .detail-item-medias-slider-main img {
width: 100%;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-main img,
.model-detail .detail-item-medias-slider-main img,
.agency-detail .detail-item-medias-slider-main img,
.single-entities_advice .detail-item-medias-slider-main img,
.single-entities_actuality .detail-item-medias-slider-main img,
.single-entities_land_houses .detail-item-medias-slider-main img,
.single-entities_event .detail-item-medias-slider-main img,
.single-entities_realization .detail-item-medias-slider-main img,
.single-entities_prestapack .detail-item-medias-slider-main img,
.form-page .detail-item-medias-slider-main img,
.edito-page .detail-item-medias-slider-main img,
.customer-reviews .detail-item-medias-slider-main img {
border-radius: 10px;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-main-2,
.model-detail .detail-item-medias-slider-main-2,
.agency-detail .detail-item-medias-slider-main-2,
.single-entities_advice .detail-item-medias-slider-main-2,
.single-entities_actuality .detail-item-medias-slider-main-2,
.single-entities_land_houses .detail-item-medias-slider-main-2,
.single-entities_event .detail-item-medias-slider-main-2,
.single-entities_realization .detail-item-medias-slider-main-2,
.single-entities_prestapack .detail-item-medias-slider-main-2,
.form-page .detail-item-medias-slider-main-2,
.edito-page .detail-item-medias-slider-main-2,
.customer-reviews .detail-item-medias-slider-main-2 {
height: 100%;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-wrapper, .post-type-archive-entities_catalog .detail-item-medias-slider-list, .post-type-archive-entities_catalog .detail-item-medias-slider .attachment-post-thumbnail,
.model-detail .detail-item-medias-slider-wrapper,
.model-detail .detail-item-medias-slider-list,
.model-detail .detail-item-medias-slider .attachment-post-thumbnail,
.agency-detail .detail-item-medias-slider-wrapper,
.agency-detail .detail-item-medias-slider-list,
.agency-detail .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_advice .detail-item-medias-slider-wrapper,
.single-entities_advice .detail-item-medias-slider-list,
.single-entities_advice .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_actuality .detail-item-medias-slider-wrapper,
.single-entities_actuality .detail-item-medias-slider-list,
.single-entities_actuality .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_land_houses .detail-item-medias-slider-wrapper,
.single-entities_land_houses .detail-item-medias-slider-list,
.single-entities_land_houses .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_event .detail-item-medias-slider-wrapper,
.single-entities_event .detail-item-medias-slider-list,
.single-entities_event .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_realization .detail-item-medias-slider-wrapper,
.single-entities_realization .detail-item-medias-slider-list,
.single-entities_realization .detail-item-medias-slider .attachment-post-thumbnail,
.single-entities_prestapack .detail-item-medias-slider-wrapper,
.single-entities_prestapack .detail-item-medias-slider-list,
.single-entities_prestapack .detail-item-medias-slider .attachment-post-thumbnail,
.form-page .detail-item-medias-slider-wrapper,
.form-page .detail-item-medias-slider-list,
.form-page .detail-item-medias-slider .attachment-post-thumbnail,
.edito-page .detail-item-medias-slider-wrapper,
.edito-page .detail-item-medias-slider-list,
.edito-page .detail-item-medias-slider .attachment-post-thumbnail,
.customer-reviews .detail-item-medias-slider-wrapper,
.customer-reviews .detail-item-medias-slider-list,
.customer-reviews .detail-item-medias-slider .attachment-post-thumbnail {
height: 100%;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs,
.model-detail .detail-item-medias-slider-thumbs,
.agency-detail .detail-item-medias-slider-thumbs,
.single-entities_advice .detail-item-medias-slider-thumbs,
.single-entities_actuality .detail-item-medias-slider-thumbs,
.single-entities_land_houses .detail-item-medias-slider-thumbs,
.single-entities_event .detail-item-medias-slider-thumbs,
.single-entities_realization .detail-item-medias-slider-thumbs,
.single-entities_prestapack .detail-item-medias-slider-thumbs,
.form-page .detail-item-medias-slider-thumbs,
.edito-page .detail-item-medias-slider-thumbs,
.customer-reviews .detail-item-medias-slider-thumbs {
display: none;
/* Sur 1 ligne
@include respond-to ("small-up") {
grid-column: 1 / -1;
grid-row: 3 / span 1;
grid-template-columns: repeat( 4, 1fr );
grid-template-rows: 1fr;
gap: 10px;
}
*/
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs,
.model-detail .detail-item-medias-slider-thumbs,
.agency-detail .detail-item-medias-slider-thumbs,
.single-entities_advice .detail-item-medias-slider-thumbs,
.single-entities_actuality .detail-item-medias-slider-thumbs,
.single-entities_land_houses .detail-item-medias-slider-thumbs,
.single-entities_event .detail-item-medias-slider-thumbs,
.single-entities_realization .detail-item-medias-slider-thumbs,
.single-entities_prestapack .detail-item-medias-slider-thumbs,
.form-page .detail-item-medias-slider-thumbs,
.edito-page .detail-item-medias-slider-thumbs,
.customer-reviews .detail-item-medias-slider-thumbs {
display: grid;
grid-column: 4/span 2;
grid-row: 1/span 2;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr 1fr;
gap: 18px;
}
}
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs .btn.btn-slider,
.model-detail .detail-item-medias-slider-thumbs .btn.btn-slider,
.agency-detail .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_advice .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_actuality .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_land_houses .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_event .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_realization .detail-item-medias-slider-thumbs .btn.btn-slider,
.single-entities_prestapack .detail-item-medias-slider-thumbs .btn.btn-slider,
.form-page .detail-item-medias-slider-thumbs .btn.btn-slider,
.edito-page .detail-item-medias-slider-thumbs .btn.btn-slider,
.customer-reviews .detail-item-medias-slider-thumbs .btn.btn-slider {
margin: 0.3em 0em 0 0;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs button,
.model-detail .detail-item-medias-slider-thumbs button,
.agency-detail .detail-item-medias-slider-thumbs button,
.single-entities_advice .detail-item-medias-slider-thumbs button,
.single-entities_actuality .detail-item-medias-slider-thumbs button,
.single-entities_land_houses .detail-item-medias-slider-thumbs button,
.single-entities_event .detail-item-medias-slider-thumbs button,
.single-entities_realization .detail-item-medias-slider-thumbs button,
.single-entities_prestapack .detail-item-medias-slider-thumbs button,
.form-page .detail-item-medias-slider-thumbs button,
.edito-page .detail-item-medias-slider-thumbs button,
.customer-reviews .detail-item-medias-slider-thumbs button {
margin: 0;
padding: 0;
background-color: #fff;
}
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs button img,
.model-detail .detail-item-medias-slider-thumbs button img,
.agency-detail .detail-item-medias-slider-thumbs button img,
.single-entities_advice .detail-item-medias-slider-thumbs button img,
.single-entities_actuality .detail-item-medias-slider-thumbs button img,
.single-entities_land_houses .detail-item-medias-slider-thumbs button img,
.single-entities_event .detail-item-medias-slider-thumbs button img,
.single-entities_realization .detail-item-medias-slider-thumbs button img,
.single-entities_prestapack .detail-item-medias-slider-thumbs button img,
.form-page .detail-item-medias-slider-thumbs button img,
.edito-page .detail-item-medias-slider-thumbs button img,
.customer-reviews .detail-item-medias-slider-thumbs button img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-medias-slider-thumbs button img,
.model-detail .detail-item-medias-slider-thumbs button img,
.agency-detail .detail-item-medias-slider-thumbs button img,
.single-entities_advice .detail-item-medias-slider-thumbs button img,
.single-entities_actuality .detail-item-medias-slider-thumbs button img,
.single-entities_land_houses .detail-item-medias-slider-thumbs button img,
.single-entities_event .detail-item-medias-slider-thumbs button img,
.single-entities_realization .detail-item-medias-slider-thumbs button img,
.single-entities_prestapack .detail-item-medias-slider-thumbs button img,
.form-page .detail-item-medias-slider-thumbs button img,
.edito-page .detail-item-medias-slider-thumbs button img,
.customer-reviews .detail-item-medias-slider-thumbs button img {
border-radius: 3px;
}
}
.post-type-archive-entities_catalog .detail-item-map,
.model-detail .detail-item-map,
.agency-detail .detail-item-map,
.single-entities_advice .detail-item-map,
.single-entities_actuality .detail-item-map,
.single-entities_land_houses .detail-item-map,
.single-entities_event .detail-item-map,
.single-entities_realization .detail-item-map,
.single-entities_prestapack .detail-item-map,
.form-page .detail-item-map,
.edito-page .detail-item-map,
.customer-reviews .detail-item-map {
grid-area: map;
background-color: var(--color-theme-blue-extralight);
min-height: 255px;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-map,
.model-detail .detail-item-map,
.agency-detail .detail-item-map,
.single-entities_advice .detail-item-map,
.single-entities_actuality .detail-item-map,
.single-entities_land_houses .detail-item-map,
.single-entities_event .detail-item-map,
.single-entities_realization .detail-item-map,
.single-entities_prestapack .detail-item-map,
.form-page .detail-item-map,
.edito-page .detail-item-map,
.customer-reviews .detail-item-map {
height: 295px;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-map,
.model-detail .detail-item-map,
.agency-detail .detail-item-map,
.single-entities_advice .detail-item-map,
.single-entities_actuality .detail-item-map,
.single-entities_land_houses .detail-item-map,
.single-entities_event .detail-item-map,
.single-entities_realization .detail-item-map,
.single-entities_prestapack .detail-item-map,
.form-page .detail-item-map,
.edito-page .detail-item-map,
.customer-reviews .detail-item-map {
border-radius: 10px;
}
}
.post-type-archive-entities_catalog .detail-item-map .leaflet-right .leaflet-control,
.model-detail .detail-item-map .leaflet-right .leaflet-control,
.agency-detail .detail-item-map .leaflet-right .leaflet-control,
.single-entities_advice .detail-item-map .leaflet-right .leaflet-control,
.single-entities_actuality .detail-item-map .leaflet-right .leaflet-control,
.single-entities_land_houses .detail-item-map .leaflet-right .leaflet-control,
.single-entities_event .detail-item-map .leaflet-right .leaflet-control,
.single-entities_realization .detail-item-map .leaflet-right .leaflet-control,
.single-entities_prestapack .detail-item-map .leaflet-right .leaflet-control,
.form-page .detail-item-map .leaflet-right .leaflet-control,
.edito-page .detail-item-map .leaflet-right .leaflet-control,
.customer-reviews .detail-item-map .leaflet-right .leaflet-control {
margin-right: 15px;
}
.post-type-archive-entities_catalog .detail-item-agencyform,
.model-detail .detail-item-agencyform,
.agency-detail .detail-item-agencyform,
.single-entities_advice .detail-item-agencyform,
.single-entities_actuality .detail-item-agencyform,
.single-entities_land_houses .detail-item-agencyform,
.single-entities_event .detail-item-agencyform,
.single-entities_realization .detail-item-agencyform,
.single-entities_prestapack .detail-item-agencyform,
.form-page .detail-item-agencyform,
.edito-page .detail-item-agencyform,
.customer-reviews .detail-item-agencyform {
grid-area: form;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-agencyform,
.model-detail .detail-item-agencyform,
.agency-detail .detail-item-agencyform,
.single-entities_advice .detail-item-agencyform,
.single-entities_actuality .detail-item-agencyform,
.single-entities_land_houses .detail-item-agencyform,
.single-entities_event .detail-item-agencyform,
.single-entities_realization .detail-item-agencyform,
.single-entities_prestapack .detail-item-agencyform,
.form-page .detail-item-agencyform,
.edito-page .detail-item-agencyform,
.customer-reviews .detail-item-agencyform {
display: block;
}
}
.post-type-archive-entities_catalog .detail-item-agencyform-container,
.model-detail .detail-item-agencyform-container,
.agency-detail .detail-item-agencyform-container,
.single-entities_advice .detail-item-agencyform-container,
.single-entities_actuality .detail-item-agencyform-container,
.single-entities_land_houses .detail-item-agencyform-container,
.single-entities_event .detail-item-agencyform-container,
.single-entities_realization .detail-item-agencyform-container,
.single-entities_prestapack .detail-item-agencyform-container,
.form-page .detail-item-agencyform-container,
.edito-page .detail-item-agencyform-container,
.customer-reviews .detail-item-agencyform-container {
padding: 1.3em 8%;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
}
.post-type-archive-entities_catalog .detail-item-agencyform-title,
.model-detail .detail-item-agencyform-title,
.agency-detail .detail-item-agencyform-title,
.single-entities_advice .detail-item-agencyform-title,
.single-entities_actuality .detail-item-agencyform-title,
.single-entities_land_houses .detail-item-agencyform-title,
.single-entities_event .detail-item-agencyform-title,
.single-entities_realization .detail-item-agencyform-title,
.single-entities_prestapack .detail-item-agencyform-title,
.form-page .detail-item-agencyform-title,
.edito-page .detail-item-agencyform-title,
.customer-reviews .detail-item-agencyform-title {
margin-bottom: 1em;
}
.post-type-archive-entities_catalog .detail-item-agencyform-coords,
.model-detail .detail-item-agencyform-coords,
.agency-detail .detail-item-agencyform-coords,
.single-entities_advice .detail-item-agencyform-coords,
.single-entities_actuality .detail-item-agencyform-coords,
.single-entities_land_houses .detail-item-agencyform-coords,
.single-entities_event .detail-item-agencyform-coords,
.single-entities_realization .detail-item-agencyform-coords,
.single-entities_prestapack .detail-item-agencyform-coords,
.form-page .detail-item-agencyform-coords,
.edito-page .detail-item-agencyform-coords,
.customer-reviews .detail-item-agencyform-coords {
margin: 1.5em 0;
font-size: 1.3em;
letter-spacing: 0.02em;
}
.post-type-archive-entities_catalog .detail-item-agencyform-coords .icon-square,
.model-detail .detail-item-agencyform-coords .icon-square,
.agency-detail .detail-item-agencyform-coords .icon-square,
.single-entities_advice .detail-item-agencyform-coords .icon-square,
.single-entities_actuality .detail-item-agencyform-coords .icon-square,
.single-entities_land_houses .detail-item-agencyform-coords .icon-square,
.single-entities_event .detail-item-agencyform-coords .icon-square,
.single-entities_realization .detail-item-agencyform-coords .icon-square,
.single-entities_prestapack .detail-item-agencyform-coords .icon-square,
.form-page .detail-item-agencyform-coords .icon-square,
.edito-page .detail-item-agencyform-coords .icon-square,
.customer-reviews .detail-item-agencyform-coords .icon-square {
display: inline-flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
margin: 0 0.3em 0 0;
padding: 0.25em 0.5em;
text-align: center;
color: var(--color-primary);
border: 1px solid #bdbdbd;
border-radius: 0.3em;
}
.post-type-archive-entities_catalog .detail-item-agencyform-coords .icon-square > *,
.model-detail .detail-item-agencyform-coords .icon-square > *,
.agency-detail .detail-item-agencyform-coords .icon-square > *,
.single-entities_advice .detail-item-agencyform-coords .icon-square > *,
.single-entities_actuality .detail-item-agencyform-coords .icon-square > *,
.single-entities_land_houses .detail-item-agencyform-coords .icon-square > *,
.single-entities_event .detail-item-agencyform-coords .icon-square > *,
.single-entities_realization .detail-item-agencyform-coords .icon-square > *,
.single-entities_prestapack .detail-item-agencyform-coords .icon-square > *,
.form-page .detail-item-agencyform-coords .icon-square > *,
.edito-page .detail-item-agencyform-coords .icon-square > *,
.customer-reviews .detail-item-agencyform-coords .icon-square > * {
flex: 1 1 auto;
}
.post-type-archive-entities_catalog .detail-item-agencyform-coords a,
.model-detail .detail-item-agencyform-coords a,
.agency-detail .detail-item-agencyform-coords a,
.single-entities_advice .detail-item-agencyform-coords a,
.single-entities_actuality .detail-item-agencyform-coords a,
.single-entities_land_houses .detail-item-agencyform-coords a,
.single-entities_event .detail-item-agencyform-coords a,
.single-entities_realization .detail-item-agencyform-coords a,
.single-entities_prestapack .detail-item-agencyform-coords a,
.form-page .detail-item-agencyform-coords a,
.edito-page .detail-item-agencyform-coords a,
.customer-reviews .detail-item-agencyform-coords a {
text-decoration: none;
}
.post-type-archive-entities_catalog .detail-item-agencyform-form,
.model-detail .detail-item-agencyform-form,
.agency-detail .detail-item-agencyform-form,
.single-entities_advice .detail-item-agencyform-form,
.single-entities_actuality .detail-item-agencyform-form,
.single-entities_land_houses .detail-item-agencyform-form,
.single-entities_event .detail-item-agencyform-form,
.single-entities_realization .detail-item-agencyform-form,
.single-entities_prestapack .detail-item-agencyform-form,
.form-page .detail-item-agencyform-form,
.edito-page .detail-item-agencyform-form,
.customer-reviews .detail-item-agencyform-form {
font-size: 0.947368421em;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-agencyform-form textarea,
.model-detail .detail-item-agencyform-form textarea,
.agency-detail .detail-item-agencyform-form textarea,
.single-entities_advice .detail-item-agencyform-form textarea,
.single-entities_actuality .detail-item-agencyform-form textarea,
.single-entities_land_houses .detail-item-agencyform-form textarea,
.single-entities_event .detail-item-agencyform-form textarea,
.single-entities_realization .detail-item-agencyform-form textarea,
.single-entities_prestapack .detail-item-agencyform-form textarea,
.form-page .detail-item-agencyform-form textarea,
.edito-page .detail-item-agencyform-form textarea,
.customer-reviews .detail-item-agencyform-form textarea {
height: 7em;
}
}
.post-type-archive-entities_catalog .detail-item-agencyform-form-mentions,
.model-detail .detail-item-agencyform-form-mentions,
.agency-detail .detail-item-agencyform-form-mentions,
.single-entities_advice .detail-item-agencyform-form-mentions,
.single-entities_actuality .detail-item-agencyform-form-mentions,
.single-entities_land_houses .detail-item-agencyform-form-mentions,
.single-entities_event .detail-item-agencyform-form-mentions,
.single-entities_realization .detail-item-agencyform-form-mentions,
.single-entities_prestapack .detail-item-agencyform-form-mentions,
.form-page .detail-item-agencyform-form-mentions,
.edito-page .detail-item-agencyform-form-mentions,
.customer-reviews .detail-item-agencyform-form-mentions {
margin: 1.5em 0 1em;
font-weight: 300;
line-height: 1.25;
font-size: 0.88889em;
color: --color-grey;
}
.post-type-archive-entities_catalog .detail-item-agencyform .submit-container,
.model-detail .detail-item-agencyform .submit-container,
.agency-detail .detail-item-agencyform .submit-container,
.single-entities_advice .detail-item-agencyform .submit-container,
.single-entities_actuality .detail-item-agencyform .submit-container,
.single-entities_land_houses .detail-item-agencyform .submit-container,
.single-entities_event .detail-item-agencyform .submit-container,
.single-entities_realization .detail-item-agencyform .submit-container,
.single-entities_prestapack .detail-item-agencyform .submit-container,
.form-page .detail-item-agencyform .submit-container,
.edito-page .detail-item-agencyform .submit-container,
.customer-reviews .detail-item-agencyform .submit-container {
display: flex;
justify-content: center;
}
.post-type-archive-entities_catalog .detail-item-agencyform .submit-container > *,
.model-detail .detail-item-agencyform .submit-container > *,
.agency-detail .detail-item-agencyform .submit-container > *,
.single-entities_advice .detail-item-agencyform .submit-container > *,
.single-entities_actuality .detail-item-agencyform .submit-container > *,
.single-entities_land_houses .detail-item-agencyform .submit-container > *,
.single-entities_event .detail-item-agencyform .submit-container > *,
.single-entities_realization .detail-item-agencyform .submit-container > *,
.single-entities_prestapack .detail-item-agencyform .submit-container > *,
.form-page .detail-item-agencyform .submit-container > *,
.edito-page .detail-item-agencyform .submit-container > *,
.customer-reviews .detail-item-agencyform .submit-container > * {
flex: 0 0 auto;
}
.post-type-archive-entities_catalog .detail-item-agency,
.model-detail .detail-item-agency,
.agency-detail .detail-item-agency,
.single-entities_advice .detail-item-agency,
.single-entities_actuality .detail-item-agency,
.single-entities_land_houses .detail-item-agency,
.single-entities_event .detail-item-agency,
.single-entities_realization .detail-item-agency,
.single-entities_prestapack .detail-item-agency,
.form-page .detail-item-agency,
.edito-page .detail-item-agency,
.customer-reviews .detail-item-agency {
grid-area: agency;
position: relative;
z-index: 1;
padding-top: 2em;
padding-bottom: 2em;
}
.post-type-archive-entities_catalog .detail-item-agency .card,
.model-detail .detail-item-agency .card,
.agency-detail .detail-item-agency .card,
.single-entities_advice .detail-item-agency .card,
.single-entities_actuality .detail-item-agency .card,
.single-entities_land_houses .detail-item-agency .card,
.single-entities_event .detail-item-agency .card,
.single-entities_realization .detail-item-agency .card,
.single-entities_prestapack .detail-item-agency .card,
.form-page .detail-item-agency .card,
.edito-page .detail-item-agency .card,
.customer-reviews .detail-item-agency .card {
position: relative;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-agency .card,
.model-detail .detail-item-agency .card,
.agency-detail .detail-item-agency .card,
.single-entities_advice .detail-item-agency .card,
.single-entities_actuality .detail-item-agency .card,
.single-entities_land_houses .detail-item-agency .card,
.single-entities_event .detail-item-agency .card,
.single-entities_realization .detail-item-agency .card,
.single-entities_prestapack .detail-item-agency .card,
.form-page .detail-item-agency .card,
.edito-page .detail-item-agency .card,
.customer-reviews .detail-item-agency .card {
background-color: transparent;
box-shadow: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.post-type-archive-entities_catalog .detail-item-agency .card:hover,
.model-detail .detail-item-agency .card:hover,
.agency-detail .detail-item-agency .card:hover,
.single-entities_advice .detail-item-agency .card:hover,
.single-entities_actuality .detail-item-agency .card:hover,
.single-entities_land_houses .detail-item-agency .card:hover,
.single-entities_event .detail-item-agency .card:hover,
.single-entities_realization .detail-item-agency .card:hover,
.single-entities_prestapack .detail-item-agency .card:hover,
.form-page .detail-item-agency .card:hover,
.edito-page .detail-item-agency .card:hover,
.customer-reviews .detail-item-agency .card:hover {
transform: none;
}
.post-type-archive-entities_catalog .detail-item-agency .card-title,
.model-detail .detail-item-agency .card-title,
.agency-detail .detail-item-agency .card-title,
.single-entities_advice .detail-item-agency .card-title,
.single-entities_actuality .detail-item-agency .card-title,
.single-entities_land_houses .detail-item-agency .card-title,
.single-entities_event .detail-item-agency .card-title,
.single-entities_realization .detail-item-agency .card-title,
.single-entities_prestapack .detail-item-agency .card-title,
.form-page .detail-item-agency .card-title,
.edito-page .detail-item-agency .card-title,
.customer-reviews .detail-item-agency .card-title {
font-size: 2.4rem;
padding-bottom: 0.5em;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-agency .card-title,
.model-detail .detail-item-agency .card-title,
.agency-detail .detail-item-agency .card-title,
.single-entities_advice .detail-item-agency .card-title,
.single-entities_actuality .detail-item-agency .card-title,
.single-entities_land_houses .detail-item-agency .card-title,
.single-entities_event .detail-item-agency .card-title,
.single-entities_realization .detail-item-agency .card-title,
.single-entities_prestapack .detail-item-agency .card-title,
.form-page .detail-item-agency .card-title,
.edito-page .detail-item-agency .card-title,
.customer-reviews .detail-item-agency .card-title {
font-size: 2.8rem;
}
}
.post-type-archive-entities_catalog .detail-item-agency .card-title-prefix,
.model-detail .detail-item-agency .card-title-prefix,
.agency-detail .detail-item-agency .card-title-prefix,
.single-entities_advice .detail-item-agency .card-title-prefix,
.single-entities_actuality .detail-item-agency .card-title-prefix,
.single-entities_land_houses .detail-item-agency .card-title-prefix,
.single-entities_event .detail-item-agency .card-title-prefix,
.single-entities_realization .detail-item-agency .card-title-prefix,
.single-entities_prestapack .detail-item-agency .card-title-prefix,
.form-page .detail-item-agency .card-title-prefix,
.edito-page .detail-item-agency .card-title-prefix,
.customer-reviews .detail-item-agency .card-title-prefix {
display: inline;
font-size: 1em;
}
.post-type-archive-entities_catalog .detail-item-agency .card-title-town,
.model-detail .detail-item-agency .card-title-town,
.agency-detail .detail-item-agency .card-title-town,
.single-entities_advice .detail-item-agency .card-title-town,
.single-entities_actuality .detail-item-agency .card-title-town,
.single-entities_land_houses .detail-item-agency .card-title-town,
.single-entities_event .detail-item-agency .card-title-town,
.single-entities_realization .detail-item-agency .card-title-town,
.single-entities_prestapack .detail-item-agency .card-title-town,
.form-page .detail-item-agency .card-title-town,
.edito-page .detail-item-agency .card-title-town,
.customer-reviews .detail-item-agency .card-title-town {
font-weight: 700;
}
.post-type-archive-entities_catalog .detail-item-agency .card-title-zipcode,
.model-detail .detail-item-agency .card-title-zipcode,
.agency-detail .detail-item-agency .card-title-zipcode,
.single-entities_advice .detail-item-agency .card-title-zipcode,
.single-entities_actuality .detail-item-agency .card-title-zipcode,
.single-entities_land_houses .detail-item-agency .card-title-zipcode,
.single-entities_event .detail-item-agency .card-title-zipcode,
.single-entities_realization .detail-item-agency .card-title-zipcode,
.single-entities_prestapack .detail-item-agency .card-title-zipcode,
.form-page .detail-item-agency .card-title-zipcode,
.edito-page .detail-item-agency .card-title-zipcode,
.customer-reviews .detail-item-agency .card-title-zipcode {
display: none;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-agency .card-body,
.model-detail .detail-item-agency .card-body,
.agency-detail .detail-item-agency .card-body,
.single-entities_advice .detail-item-agency .card-body,
.single-entities_actuality .detail-item-agency .card-body,
.single-entities_land_houses .detail-item-agency .card-body,
.single-entities_event .detail-item-agency .card-body,
.single-entities_realization .detail-item-agency .card-body,
.single-entities_prestapack .detail-item-agency .card-body,
.form-page .detail-item-agency .card-body,
.edito-page .detail-item-agency .card-body,
.customer-reviews .detail-item-agency .card-body {
padding: 0;
}
.post-type-archive-entities_catalog .detail-item-agency .card-body::after,
.model-detail .detail-item-agency .card-body::after,
.agency-detail .detail-item-agency .card-body::after,
.single-entities_advice .detail-item-agency .card-body::after,
.single-entities_actuality .detail-item-agency .card-body::after,
.single-entities_land_houses .detail-item-agency .card-body::after,
.single-entities_event .detail-item-agency .card-body::after,
.single-entities_realization .detail-item-agency .card-body::after,
.single-entities_prestapack .detail-item-agency .card-body::after,
.form-page .detail-item-agency .card-body::after,
.edito-page .detail-item-agency .card-body::after,
.customer-reviews .detail-item-agency .card-body::after {
display: none;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-agency .card-figure,
.model-detail .detail-item-agency .card-figure,
.agency-detail .detail-item-agency .card-figure,
.single-entities_advice .detail-item-agency .card-figure,
.single-entities_actuality .detail-item-agency .card-figure,
.single-entities_land_houses .detail-item-agency .card-figure,
.single-entities_event .detail-item-agency .card-figure,
.single-entities_realization .detail-item-agency .card-figure,
.single-entities_prestapack .detail-item-agency .card-figure,
.form-page .detail-item-agency .card-figure,
.edito-page .detail-item-agency .card-figure,
.customer-reviews .detail-item-agency .card-figure {
background-color: transparent;
align-self: center;
justify-self: center;
}
.post-type-archive-entities_catalog .detail-item-agency .card-figure-top,
.model-detail .detail-item-agency .card-figure-top,
.agency-detail .detail-item-agency .card-figure-top,
.single-entities_advice .detail-item-agency .card-figure-top,
.single-entities_actuality .detail-item-agency .card-figure-top,
.single-entities_land_houses .detail-item-agency .card-figure-top,
.single-entities_event .detail-item-agency .card-figure-top,
.single-entities_realization .detail-item-agency .card-figure-top,
.single-entities_prestapack .detail-item-agency .card-figure-top,
.form-page .detail-item-agency .card-figure-top,
.edito-page .detail-item-agency .card-figure-top,
.customer-reviews .detail-item-agency .card-figure-top {
order: 10;
}
}
.post-type-archive-entities_catalog .detail-item-agency .card .brand,
.model-detail .detail-item-agency .card .brand,
.agency-detail .detail-item-agency .card .brand,
.single-entities_advice .detail-item-agency .card .brand,
.single-entities_actuality .detail-item-agency .card .brand,
.single-entities_land_houses .detail-item-agency .card .brand,
.single-entities_event .detail-item-agency .card .brand,
.single-entities_realization .detail-item-agency .card .brand,
.single-entities_prestapack .detail-item-agency .card .brand,
.form-page .detail-item-agency .card .brand,
.edito-page .detail-item-agency .card .brand,
.customer-reviews .detail-item-agency .card .brand {
max-width: 9em;
height: auto;
margin: 1em 1em 0.5em 0.5em;
}
.post-type-archive-entities_catalog .detail-item-agency-bg,
.model-detail .detail-item-agency-bg,
.agency-detail .detail-item-agency-bg,
.single-entities_advice .detail-item-agency-bg,
.single-entities_actuality .detail-item-agency-bg,
.single-entities_land_houses .detail-item-agency-bg,
.single-entities_event .detail-item-agency-bg,
.single-entities_realization .detail-item-agency-bg,
.single-entities_prestapack .detail-item-agency-bg,
.form-page .detail-item-agency-bg,
.edito-page .detail-item-agency-bg,
.customer-reviews .detail-item-agency-bg {
z-index: 0;
grid-area: 6/1/7/5;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-agency-bg,
.model-detail .detail-item-agency-bg,
.agency-detail .detail-item-agency-bg,
.single-entities_advice .detail-item-agency-bg,
.single-entities_actuality .detail-item-agency-bg,
.single-entities_land_houses .detail-item-agency-bg,
.single-entities_event .detail-item-agency-bg,
.single-entities_realization .detail-item-agency-bg,
.single-entities_prestapack .detail-item-agency-bg,
.form-page .detail-item-agency-bg,
.edito-page .detail-item-agency-bg,
.customer-reviews .detail-item-agency-bg {
grid-area: 6/1/7/5;
}
}
.post-type-archive-entities_catalog .detail-item-testimony-realization,
.model-detail .detail-item-testimony-realization,
.agency-detail .detail-item-testimony-realization,
.single-entities_advice .detail-item-testimony-realization,
.single-entities_actuality .detail-item-testimony-realization,
.single-entities_land_houses .detail-item-testimony-realization,
.single-entities_event .detail-item-testimony-realization,
.single-entities_realization .detail-item-testimony-realization,
.single-entities_prestapack .detail-item-testimony-realization,
.form-page .detail-item-testimony-realization,
.edito-page .detail-item-testimony-realization,
.customer-reviews .detail-item-testimony-realization {
grid-area: testimony;
position: relative;
z-index: 1;
padding-top: 4em;
padding-bottom: 4em;
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-content,
.model-detail .detail-item-testimony-realization-content,
.agency-detail .detail-item-testimony-realization-content,
.single-entities_advice .detail-item-testimony-realization-content,
.single-entities_actuality .detail-item-testimony-realization-content,
.single-entities_land_houses .detail-item-testimony-realization-content,
.single-entities_event .detail-item-testimony-realization-content,
.single-entities_realization .detail-item-testimony-realization-content,
.single-entities_prestapack .detail-item-testimony-realization-content,
.form-page .detail-item-testimony-realization-content,
.edito-page .detail-item-testimony-realization-content,
.customer-reviews .detail-item-testimony-realization-content {
display: flex;
flex-flow: column nowrap;
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-testimony-realization-content,
.model-detail .detail-item-testimony-realization-content,
.agency-detail .detail-item-testimony-realization-content,
.single-entities_advice .detail-item-testimony-realization-content,
.single-entities_actuality .detail-item-testimony-realization-content,
.single-entities_land_houses .detail-item-testimony-realization-content,
.single-entities_event .detail-item-testimony-realization-content,
.single-entities_realization .detail-item-testimony-realization-content,
.single-entities_prestapack .detail-item-testimony-realization-content,
.form-page .detail-item-testimony-realization-content,
.edito-page .detail-item-testimony-realization-content,
.customer-reviews .detail-item-testimony-realization-content {
flex-flow: row nowrap;
}
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-text,
.model-detail .detail-item-testimony-realization-text,
.agency-detail .detail-item-testimony-realization-text,
.single-entities_advice .detail-item-testimony-realization-text,
.single-entities_actuality .detail-item-testimony-realization-text,
.single-entities_land_houses .detail-item-testimony-realization-text,
.single-entities_event .detail-item-testimony-realization-text,
.single-entities_realization .detail-item-testimony-realization-text,
.single-entities_prestapack .detail-item-testimony-realization-text,
.form-page .detail-item-testimony-realization-text,
.edito-page .detail-item-testimony-realization-text,
.customer-reviews .detail-item-testimony-realization-text {
flex: 1 1 auto;
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration,
.model-detail .detail-item-testimony-realization-illustration,
.agency-detail .detail-item-testimony-realization-illustration,
.single-entities_advice .detail-item-testimony-realization-illustration,
.single-entities_actuality .detail-item-testimony-realization-illustration,
.single-entities_land_houses .detail-item-testimony-realization-illustration,
.single-entities_event .detail-item-testimony-realization-illustration,
.single-entities_realization .detail-item-testimony-realization-illustration,
.single-entities_prestapack .detail-item-testimony-realization-illustration,
.form-page .detail-item-testimony-realization-illustration,
.edito-page .detail-item-testimony-realization-illustration,
.customer-reviews .detail-item-testimony-realization-illustration {
flex: 0 1 auto;
display: flex;
justify-content: center;
align-items: center;
padding-top: 2em;
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration,
.model-detail .detail-item-testimony-realization-illustration,
.agency-detail .detail-item-testimony-realization-illustration,
.single-entities_advice .detail-item-testimony-realization-illustration,
.single-entities_actuality .detail-item-testimony-realization-illustration,
.single-entities_land_houses .detail-item-testimony-realization-illustration,
.single-entities_event .detail-item-testimony-realization-illustration,
.single-entities_realization .detail-item-testimony-realization-illustration,
.single-entities_prestapack .detail-item-testimony-realization-illustration,
.form-page .detail-item-testimony-realization-illustration,
.edito-page .detail-item-testimony-realization-illustration,
.customer-reviews .detail-item-testimony-realization-illustration {
flex: 0 0 40%;
padding-top: 0;
padding-left: 5%;
}
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration picture,
.model-detail .detail-item-testimony-realization-illustration picture,
.agency-detail .detail-item-testimony-realization-illustration picture,
.single-entities_advice .detail-item-testimony-realization-illustration picture,
.single-entities_actuality .detail-item-testimony-realization-illustration picture,
.single-entities_land_houses .detail-item-testimony-realization-illustration picture,
.single-entities_event .detail-item-testimony-realization-illustration picture,
.single-entities_realization .detail-item-testimony-realization-illustration picture,
.single-entities_prestapack .detail-item-testimony-realization-illustration picture,
.form-page .detail-item-testimony-realization-illustration picture,
.edito-page .detail-item-testimony-realization-illustration picture,
.customer-reviews .detail-item-testimony-realization-illustration picture {
display: block;
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration img,
.model-detail .detail-item-testimony-realization-illustration img,
.agency-detail .detail-item-testimony-realization-illustration img,
.single-entities_advice .detail-item-testimony-realization-illustration img,
.single-entities_actuality .detail-item-testimony-realization-illustration img,
.single-entities_land_houses .detail-item-testimony-realization-illustration img,
.single-entities_event .detail-item-testimony-realization-illustration img,
.single-entities_realization .detail-item-testimony-realization-illustration img,
.single-entities_prestapack .detail-item-testimony-realization-illustration img,
.form-page .detail-item-testimony-realization-illustration img,
.edito-page .detail-item-testimony-realization-illustration img,
.customer-reviews .detail-item-testimony-realization-illustration img {
width: 100%;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration img,
.model-detail .detail-item-testimony-realization-illustration img,
.agency-detail .detail-item-testimony-realization-illustration img,
.single-entities_advice .detail-item-testimony-realization-illustration img,
.single-entities_actuality .detail-item-testimony-realization-illustration img,
.single-entities_land_houses .detail-item-testimony-realization-illustration img,
.single-entities_event .detail-item-testimony-realization-illustration img,
.single-entities_realization .detail-item-testimony-realization-illustration img,
.single-entities_prestapack .detail-item-testimony-realization-illustration img,
.form-page .detail-item-testimony-realization-illustration img,
.edito-page .detail-item-testimony-realization-illustration img,
.customer-reviews .detail-item-testimony-realization-illustration img {
border-radius: 10px;
}
}
.post-type-archive-entities_catalog .detail-item-testimony-realization-illustration .icon,
.model-detail .detail-item-testimony-realization-illustration .icon,
.agency-detail .detail-item-testimony-realization-illustration .icon,
.single-entities_advice .detail-item-testimony-realization-illustration .icon,
.single-entities_actuality .detail-item-testimony-realization-illustration .icon,
.single-entities_land_houses .detail-item-testimony-realization-illustration .icon,
.single-entities_event .detail-item-testimony-realization-illustration .icon,
.single-entities_realization .detail-item-testimony-realization-illustration .icon,
.single-entities_prestapack .detail-item-testimony-realization-illustration .icon,
.form-page .detail-item-testimony-realization-illustration .icon,
.edito-page .detail-item-testimony-realization-illustration .icon,
.customer-reviews .detail-item-testimony-realization-illustration .icon {
font-size: 8em;
}
.post-type-archive-entities_catalog .detail-item-offers,
.model-detail .detail-item-offers,
.agency-detail .detail-item-offers,
.single-entities_advice .detail-item-offers,
.single-entities_actuality .detail-item-offers,
.single-entities_land_houses .detail-item-offers,
.single-entities_event .detail-item-offers,
.single-entities_realization .detail-item-offers,
.single-entities_prestapack .detail-item-offers,
.form-page .detail-item-offers,
.edito-page .detail-item-offers,
.customer-reviews .detail-item-offers {
grid-area: offers;
margin: 1.5em;
}
.post-type-archive-entities_catalog .detail-item-offers-title,
.model-detail .detail-item-offers-title,
.agency-detail .detail-item-offers-title,
.single-entities_advice .detail-item-offers-title,
.single-entities_actuality .detail-item-offers-title,
.single-entities_land_houses .detail-item-offers-title,
.single-entities_event .detail-item-offers-title,
.single-entities_realization .detail-item-offers-title,
.single-entities_prestapack .detail-item-offers-title,
.form-page .detail-item-offers-title,
.edito-page .detail-item-offers-title,
.customer-reviews .detail-item-offers-title {
font-size: 1.3em;
text-align: center;
}
.post-type-archive-entities_catalog .detail-item-offers .for-small,
.model-detail .detail-item-offers .for-small,
.agency-detail .detail-item-offers .for-small,
.single-entities_advice .detail-item-offers .for-small,
.single-entities_actuality .detail-item-offers .for-small,
.single-entities_land_houses .detail-item-offers .for-small,
.single-entities_event .detail-item-offers .for-small,
.single-entities_realization .detail-item-offers .for-small,
.single-entities_prestapack .detail-item-offers .for-small,
.form-page .detail-item-offers .for-small,
.edito-page .detail-item-offers .for-small,
.customer-reviews .detail-item-offers .for-small {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
margin: 1em 0;
text-align: center;
}
.post-type-archive-entities_catalog .detail-item-offers .for-small > *,
.model-detail .detail-item-offers .for-small > *,
.agency-detail .detail-item-offers .for-small > *,
.single-entities_advice .detail-item-offers .for-small > *,
.single-entities_actuality .detail-item-offers .for-small > *,
.single-entities_land_houses .detail-item-offers .for-small > *,
.single-entities_event .detail-item-offers .for-small > *,
.single-entities_realization .detail-item-offers .for-small > *,
.single-entities_prestapack .detail-item-offers .for-small > *,
.form-page .detail-item-offers .for-small > *,
.edito-page .detail-item-offers .for-small > *,
.customer-reviews .detail-item-offers .for-small > * {
flex: 0 0 auto;
margin: 1em 0 0;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-offers .for-small,
.model-detail .detail-item-offers .for-small,
.agency-detail .detail-item-offers .for-small,
.single-entities_advice .detail-item-offers .for-small,
.single-entities_actuality .detail-item-offers .for-small,
.single-entities_land_houses .detail-item-offers .for-small,
.single-entities_event .detail-item-offers .for-small,
.single-entities_realization .detail-item-offers .for-small,
.single-entities_prestapack .detail-item-offers .for-small,
.form-page .detail-item-offers .for-small,
.edito-page .detail-item-offers .for-small,
.customer-reviews .detail-item-offers .for-small {
display: none;
}
}
.post-type-archive-entities_catalog .detail-item-offers .tiles,
.model-detail .detail-item-offers .tiles,
.agency-detail .detail-item-offers .tiles,
.single-entities_advice .detail-item-offers .tiles,
.single-entities_actuality .detail-item-offers .tiles,
.single-entities_land_houses .detail-item-offers .tiles,
.single-entities_event .detail-item-offers .tiles,
.single-entities_realization .detail-item-offers .tiles,
.single-entities_prestapack .detail-item-offers .tiles,
.form-page .detail-item-offers .tiles,
.edito-page .detail-item-offers .tiles,
.customer-reviews .detail-item-offers .tiles {
text-align: center;
}
@media (max-width: 575px) {
.post-type-archive-entities_catalog .detail-item-offers .tiles,
.model-detail .detail-item-offers .tiles,
.agency-detail .detail-item-offers .tiles,
.single-entities_advice .detail-item-offers .tiles,
.single-entities_actuality .detail-item-offers .tiles,
.single-entities_land_houses .detail-item-offers .tiles,
.single-entities_event .detail-item-offers .tiles,
.single-entities_realization .detail-item-offers .tiles,
.single-entities_prestapack .detail-item-offers .tiles,
.form-page .detail-item-offers .tiles,
.edito-page .detail-item-offers .tiles,
.customer-reviews .detail-item-offers .tiles {
display: none;
}
}
.post-type-archive-entities_catalog .detail-item-offers .tiles-list,
.model-detail .detail-item-offers .tiles-list,
.agency-detail .detail-item-offers .tiles-list,
.single-entities_advice .detail-item-offers .tiles-list,
.single-entities_actuality .detail-item-offers .tiles-list,
.single-entities_land_houses .detail-item-offers .tiles-list,
.single-entities_event .detail-item-offers .tiles-list,
.single-entities_realization .detail-item-offers .tiles-list,
.single-entities_prestapack .detail-item-offers .tiles-list,
.form-page .detail-item-offers .tiles-list,
.edito-page .detail-item-offers .tiles-list,
.customer-reviews .detail-item-offers .tiles-list {
display: inline-flex;
margin-top: 2em;
justify-content: space-around;
justify-content: space-evenly;
align-items: stretch;
}
.post-type-archive-entities_catalog .detail-item-offers .tiles-item,
.model-detail .detail-item-offers .tiles-item,
.agency-detail .detail-item-offers .tiles-item,
.single-entities_advice .detail-item-offers .tiles-item,
.single-entities_actuality .detail-item-offers .tiles-item,
.single-entities_land_houses .detail-item-offers .tiles-item,
.single-entities_event .detail-item-offers .tiles-item,
.single-entities_realization .detail-item-offers .tiles-item,
.single-entities_prestapack .detail-item-offers .tiles-item,
.form-page .detail-item-offers .tiles-item,
.edito-page .detail-item-offers .tiles-item,
.customer-reviews .detail-item-offers .tiles-item {
flex: 0 1 30em;
margin: 0 2%;
}
.post-type-archive-entities_catalog .detail-item-offers .tile,
.model-detail .detail-item-offers .tile,
.agency-detail .detail-item-offers .tile,
.single-entities_advice .detail-item-offers .tile,
.single-entities_actuality .detail-item-offers .tile,
.single-entities_land_houses .detail-item-offers .tile,
.single-entities_event .detail-item-offers .tile,
.single-entities_realization .detail-item-offers .tile,
.single-entities_prestapack .detail-item-offers .tile,
.form-page .detail-item-offers .tile,
.edito-page .detail-item-offers .tile,
.customer-reviews .detail-item-offers .tile {
max-width: none;
text-align: left;
}
.post-type-archive-entities_catalog .detail-item-offers .tile.tile--size-xl,
.model-detail .detail-item-offers .tile.tile--size-xl,
.agency-detail .detail-item-offers .tile.tile--size-xl,
.single-entities_advice .detail-item-offers .tile.tile--size-xl,
.single-entities_actuality .detail-item-offers .tile.tile--size-xl,
.single-entities_land_houses .detail-item-offers .tile.tile--size-xl,
.single-entities_event .detail-item-offers .tile.tile--size-xl,
.single-entities_realization .detail-item-offers .tile.tile--size-xl,
.single-entities_prestapack .detail-item-offers .tile.tile--size-xl,
.form-page .detail-item-offers .tile.tile--size-xl,
.edito-page .detail-item-offers .tile.tile--size-xl,
.customer-reviews .detail-item-offers .tile.tile--size-xl {
font-size: 1.5em;
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-offers .tile.tile--size-xl,
.model-detail .detail-item-offers .tile.tile--size-xl,
.agency-detail .detail-item-offers .tile.tile--size-xl,
.single-entities_advice .detail-item-offers .tile.tile--size-xl,
.single-entities_actuality .detail-item-offers .tile.tile--size-xl,
.single-entities_land_houses .detail-item-offers .tile.tile--size-xl,
.single-entities_event .detail-item-offers .tile.tile--size-xl,
.single-entities_realization .detail-item-offers .tile.tile--size-xl,
.single-entities_prestapack .detail-item-offers .tile.tile--size-xl,
.form-page .detail-item-offers .tile.tile--size-xl,
.edito-page .detail-item-offers .tile.tile--size-xl,
.customer-reviews .detail-item-offers .tile.tile--size-xl {
font-size: 2em;
}
}
.post-type-archive-entities_catalog .detail-item-posts,
.model-detail .detail-item-posts,
.agency-detail .detail-item-posts,
.single-entities_advice .detail-item-posts,
.single-entities_actuality .detail-item-posts,
.single-entities_land_houses .detail-item-posts,
.single-entities_event .detail-item-posts,
.single-entities_realization .detail-item-posts,
.single-entities_prestapack .detail-item-posts,
.form-page .detail-item-posts,
.edito-page .detail-item-posts,
.customer-reviews .detail-item-posts {
grid-area: posts;
padding: 2em;
}
.post-type-archive-entities_catalog .detail-item-posts-title,
.model-detail .detail-item-posts-title,
.agency-detail .detail-item-posts-title,
.single-entities_advice .detail-item-posts-title,
.single-entities_actuality .detail-item-posts-title,
.single-entities_land_houses .detail-item-posts-title,
.single-entities_event .detail-item-posts-title,
.single-entities_realization .detail-item-posts-title,
.single-entities_prestapack .detail-item-posts-title,
.form-page .detail-item-posts-title,
.edito-page .detail-item-posts-title,
.customer-reviews .detail-item-posts-title {
margin: 2em 0;
text-align: center;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-posts-title,
.model-detail .detail-item-posts-title,
.agency-detail .detail-item-posts-title,
.single-entities_advice .detail-item-posts-title,
.single-entities_actuality .detail-item-posts-title,
.single-entities_land_houses .detail-item-posts-title,
.single-entities_event .detail-item-posts-title,
.single-entities_realization .detail-item-posts-title,
.single-entities_prestapack .detail-item-posts-title,
.form-page .detail-item-posts-title,
.edito-page .detail-item-posts-title,
.customer-reviews .detail-item-posts-title {
margin: 0;
}
}
.post-type-archive-entities_catalog .detail-item-posts-list,
.model-detail .detail-item-posts-list,
.agency-detail .detail-item-posts-list,
.single-entities_advice .detail-item-posts-list,
.single-entities_actuality .detail-item-posts-list,
.single-entities_land_houses .detail-item-posts-list,
.single-entities_event .detail-item-posts-list,
.single-entities_realization .detail-item-posts-list,
.single-entities_prestapack .detail-item-posts-list,
.form-page .detail-item-posts-list,
.edito-page .detail-item-posts-list,
.customer-reviews .detail-item-posts-list {
margin: 2em 0;
grid-template-columns: repeat(1, 1fr);
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:first-child ~ .card,
.model-detail .detail-item-posts-list .card:first-child ~ .card,
.agency-detail .detail-item-posts-list .card:first-child ~ .card,
.single-entities_advice .detail-item-posts-list .card:first-child ~ .card,
.single-entities_actuality .detail-item-posts-list .card:first-child ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:first-child ~ .card,
.single-entities_event .detail-item-posts-list .card:first-child ~ .card,
.single-entities_realization .detail-item-posts-list .card:first-child ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:first-child ~ .card,
.form-page .detail-item-posts-list .card:first-child ~ .card,
.edito-page .detail-item-posts-list .card:first-child ~ .card,
.customer-reviews .detail-item-posts-list .card:first-child ~ .card {
margin: 0;
display: none;
}
@media (min-width: 480px) {
.post-type-archive-entities_catalog .detail-item-posts-list,
.model-detail .detail-item-posts-list,
.agency-detail .detail-item-posts-list,
.single-entities_advice .detail-item-posts-list,
.single-entities_actuality .detail-item-posts-list,
.single-entities_land_houses .detail-item-posts-list,
.single-entities_event .detail-item-posts-list,
.single-entities_realization .detail-item-posts-list,
.single-entities_prestapack .detail-item-posts-list,
.form-page .detail-item-posts-list,
.edito-page .detail-item-posts-list,
.customer-reviews .detail-item-posts-list {
grid-template-columns: repeat(2, 1fr);
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:first-child ~ .card,
.model-detail .detail-item-posts-list .card:first-child ~ .card,
.agency-detail .detail-item-posts-list .card:first-child ~ .card,
.single-entities_advice .detail-item-posts-list .card:first-child ~ .card,
.single-entities_actuality .detail-item-posts-list .card:first-child ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:first-child ~ .card,
.single-entities_event .detail-item-posts-list .card:first-child ~ .card,
.single-entities_realization .detail-item-posts-list .card:first-child ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:first-child ~ .card,
.form-page .detail-item-posts-list .card:first-child ~ .card,
.edito-page .detail-item-posts-list .card:first-child ~ .card,
.customer-reviews .detail-item-posts-list .card:first-child ~ .card {
display: flex;
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:nth-child(2) ~ .card,
.model-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.agency-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_advice .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_actuality .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_event .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_realization .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:nth-child(2) ~ .card,
.form-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.edito-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.customer-reviews .detail-item-posts-list .card:nth-child(2) ~ .card {
display: none;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-posts-list,
.model-detail .detail-item-posts-list,
.agency-detail .detail-item-posts-list,
.single-entities_advice .detail-item-posts-list,
.single-entities_actuality .detail-item-posts-list,
.single-entities_land_houses .detail-item-posts-list,
.single-entities_event .detail-item-posts-list,
.single-entities_realization .detail-item-posts-list,
.single-entities_prestapack .detail-item-posts-list,
.form-page .detail-item-posts-list,
.edito-page .detail-item-posts-list,
.customer-reviews .detail-item-posts-list {
grid-template-columns: repeat(3, 1fr);
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:nth-child(2) ~ .card,
.model-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.agency-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_advice .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_actuality .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_event .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_realization .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:nth-child(2) ~ .card,
.form-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.edito-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.customer-reviews .detail-item-posts-list .card:nth-child(2) ~ .card {
display: flex;
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:nth-child(3) ~ .card,
.model-detail .detail-item-posts-list .card:nth-child(3) ~ .card,
.agency-detail .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_advice .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_actuality .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_event .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_realization .detail-item-posts-list .card:nth-child(3) ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:nth-child(3) ~ .card,
.form-page .detail-item-posts-list .card:nth-child(3) ~ .card,
.edito-page .detail-item-posts-list .card:nth-child(3) ~ .card,
.customer-reviews .detail-item-posts-list .card:nth-child(3) ~ .card {
display: none;
}
}
@media (min-width: 1600px) {
.post-type-archive-entities_catalog .detail-item-posts-list,
.model-detail .detail-item-posts-list,
.agency-detail .detail-item-posts-list,
.single-entities_advice .detail-item-posts-list,
.single-entities_actuality .detail-item-posts-list,
.single-entities_land_houses .detail-item-posts-list,
.single-entities_event .detail-item-posts-list,
.single-entities_realization .detail-item-posts-list,
.single-entities_prestapack .detail-item-posts-list,
.form-page .detail-item-posts-list,
.edito-page .detail-item-posts-list,
.customer-reviews .detail-item-posts-list {
grid-template-columns: repeat(4, 1fr);
}
.post-type-archive-entities_catalog .detail-item-posts-list .card:nth-child(2) ~ .card,
.model-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.agency-detail .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_advice .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_actuality .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_land_houses .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_event .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_realization .detail-item-posts-list .card:nth-child(2) ~ .card,
.single-entities_prestapack .detail-item-posts-list .card:nth-child(2) ~ .card,
.form-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.edito-page .detail-item-posts-list .card:nth-child(2) ~ .card,
.customer-reviews .detail-item-posts-list .card:nth-child(2) ~ .card {
display: flex;
}
}
.post-type-archive-entities_catalog .detail-item-catalogue,
.model-detail .detail-item-catalogue,
.agency-detail .detail-item-catalogue,
.single-entities_advice .detail-item-catalogue,
.single-entities_actuality .detail-item-catalogue,
.single-entities_land_houses .detail-item-catalogue,
.single-entities_event .detail-item-catalogue,
.single-entities_realization .detail-item-catalogue,
.single-entities_prestapack .detail-item-catalogue,
.form-page .detail-item-catalogue,
.edito-page .detail-item-catalogue,
.customer-reviews .detail-item-catalogue {
grid-area: catalogue;
display: flex;
flex-flow: row wrap;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 32px 33px -28px rgba(0, 0, 0, 0.5);
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-catalogue,
.model-detail .detail-item-catalogue,
.agency-detail .detail-item-catalogue,
.single-entities_advice .detail-item-catalogue,
.single-entities_actuality .detail-item-catalogue,
.single-entities_land_houses .detail-item-catalogue,
.single-entities_event .detail-item-catalogue,
.single-entities_realization .detail-item-catalogue,
.single-entities_prestapack .detail-item-catalogue,
.form-page .detail-item-catalogue,
.edito-page .detail-item-catalogue,
.customer-reviews .detail-item-catalogue {
margin: 0;
flex-flow: row nowrap;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
}
}
.post-type-archive-entities_catalog .detail-item-catalogue > * > *,
.model-detail .detail-item-catalogue > * > *,
.agency-detail .detail-item-catalogue > * > *,
.single-entities_advice .detail-item-catalogue > * > *,
.single-entities_actuality .detail-item-catalogue > * > *,
.single-entities_land_houses .detail-item-catalogue > * > *,
.single-entities_event .detail-item-catalogue > * > *,
.single-entities_realization .detail-item-catalogue > * > *,
.single-entities_prestapack .detail-item-catalogue > * > *,
.form-page .detail-item-catalogue > * > *,
.edito-page .detail-item-catalogue > * > *,
.customer-reviews .detail-item-catalogue > * > * {
flex: 0 0 100%;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-catalogue > *,
.model-detail .detail-item-catalogue > *,
.agency-detail .detail-item-catalogue > *,
.single-entities_advice .detail-item-catalogue > *,
.single-entities_actuality .detail-item-catalogue > *,
.single-entities_land_houses .detail-item-catalogue > *,
.single-entities_event .detail-item-catalogue > *,
.single-entities_realization .detail-item-catalogue > *,
.single-entities_prestapack .detail-item-catalogue > *,
.form-page .detail-item-catalogue > *,
.edito-page .detail-item-catalogue > *,
.customer-reviews .detail-item-catalogue > * {
flex: 1 1 50%;
}
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-container,
.model-detail .detail-item-catalogue .manchette-container,
.agency-detail .detail-item-catalogue .manchette-container,
.single-entities_advice .detail-item-catalogue .manchette-container,
.single-entities_actuality .detail-item-catalogue .manchette-container,
.single-entities_land_houses .detail-item-catalogue .manchette-container,
.single-entities_event .detail-item-catalogue .manchette-container,
.single-entities_realization .detail-item-catalogue .manchette-container,
.single-entities_prestapack .detail-item-catalogue .manchette-container,
.form-page .detail-item-catalogue .manchette-container,
.edito-page .detail-item-catalogue .manchette-container,
.customer-reviews .detail-item-catalogue .manchette-container {
order: 2;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding-top: 2em;
padding-bottom: 2em;
background-color: #fff;
text-align: center;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-container,
.model-detail .detail-item-catalogue .manchette-container,
.agency-detail .detail-item-catalogue .manchette-container,
.single-entities_advice .detail-item-catalogue .manchette-container,
.single-entities_actuality .detail-item-catalogue .manchette-container,
.single-entities_land_houses .detail-item-catalogue .manchette-container,
.single-entities_event .detail-item-catalogue .manchette-container,
.single-entities_realization .detail-item-catalogue .manchette-container,
.single-entities_prestapack .detail-item-catalogue .manchette-container,
.form-page .detail-item-catalogue .manchette-container,
.edito-page .detail-item-catalogue .manchette-container,
.customer-reviews .detail-item-catalogue .manchette-container {
--color-highlighted_txt: transparent;
position: relative;
order: 1;
padding-left: var(--layout-wrapper-large-margin-left);
background-color: var(--color-primary);
text-align: left;
color: #fff;
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
}
@media (min-width: 992px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-container,
.model-detail .detail-item-catalogue .manchette-container,
.agency-detail .detail-item-catalogue .manchette-container,
.single-entities_advice .detail-item-catalogue .manchette-container,
.single-entities_actuality .detail-item-catalogue .manchette-container,
.single-entities_land_houses .detail-item-catalogue .manchette-container,
.single-entities_event .detail-item-catalogue .manchette-container,
.single-entities_realization .detail-item-catalogue .manchette-container,
.single-entities_prestapack .detail-item-catalogue .manchette-container,
.form-page .detail-item-catalogue .manchette-container,
.edito-page .detail-item-catalogue .manchette-container,
.customer-reviews .detail-item-catalogue .manchette-container {
clip-path: none;
}
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-container,
.model-detail .detail-item-catalogue .manchette-container,
.agency-detail .detail-item-catalogue .manchette-container,
.single-entities_advice .detail-item-catalogue .manchette-container,
.single-entities_actuality .detail-item-catalogue .manchette-container,
.single-entities_land_houses .detail-item-catalogue .manchette-container,
.single-entities_event .detail-item-catalogue .manchette-container,
.single-entities_realization .detail-item-catalogue .manchette-container,
.single-entities_prestapack .detail-item-catalogue .manchette-container,
.form-page .detail-item-catalogue .manchette-container,
.edito-page .detail-item-catalogue .manchette-container,
.customer-reviews .detail-item-catalogue .manchette-container {
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-title,
.model-detail .detail-item-catalogue .manchette-title,
.agency-detail .detail-item-catalogue .manchette-title,
.single-entities_advice .detail-item-catalogue .manchette-title,
.single-entities_actuality .detail-item-catalogue .manchette-title,
.single-entities_land_houses .detail-item-catalogue .manchette-title,
.single-entities_event .detail-item-catalogue .manchette-title,
.single-entities_realization .detail-item-catalogue .manchette-title,
.single-entities_prestapack .detail-item-catalogue .manchette-title,
.form-page .detail-item-catalogue .manchette-title,
.edito-page .detail-item-catalogue .manchette-title,
.customer-reviews .detail-item-catalogue .manchette-title {
margin-bottom: 1em;
font-weight: 400;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-title,
.model-detail .detail-item-catalogue .manchette-title,
.agency-detail .detail-item-catalogue .manchette-title,
.single-entities_advice .detail-item-catalogue .manchette-title,
.single-entities_actuality .detail-item-catalogue .manchette-title,
.single-entities_land_houses .detail-item-catalogue .manchette-title,
.single-entities_event .detail-item-catalogue .manchette-title,
.single-entities_realization .detail-item-catalogue .manchette-title,
.single-entities_prestapack .detail-item-catalogue .manchette-title,
.form-page .detail-item-catalogue .manchette-title,
.edito-page .detail-item-catalogue .manchette-title,
.customer-reviews .detail-item-catalogue .manchette-title {
padding-right: 3em;
}
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-excerpt,
.model-detail .detail-item-catalogue .manchette-excerpt,
.agency-detail .detail-item-catalogue .manchette-excerpt,
.single-entities_advice .detail-item-catalogue .manchette-excerpt,
.single-entities_actuality .detail-item-catalogue .manchette-excerpt,
.single-entities_land_houses .detail-item-catalogue .manchette-excerpt,
.single-entities_event .detail-item-catalogue .manchette-excerpt,
.single-entities_realization .detail-item-catalogue .manchette-excerpt,
.single-entities_prestapack .detail-item-catalogue .manchette-excerpt,
.form-page .detail-item-catalogue .manchette-excerpt,
.edito-page .detail-item-catalogue .manchette-excerpt,
.customer-reviews .detail-item-catalogue .manchette-excerpt {
font-size: 0.947368421em;
max-width: 33em;
padding-right: 4em;
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-btn,
.model-detail .detail-item-catalogue .manchette-btn,
.agency-detail .detail-item-catalogue .manchette-btn,
.single-entities_advice .detail-item-catalogue .manchette-btn,
.single-entities_actuality .detail-item-catalogue .manchette-btn,
.single-entities_land_houses .detail-item-catalogue .manchette-btn,
.single-entities_event .detail-item-catalogue .manchette-btn,
.single-entities_realization .detail-item-catalogue .manchette-btn,
.single-entities_prestapack .detail-item-catalogue .manchette-btn,
.form-page .detail-item-catalogue .manchette-btn,
.edito-page .detail-item-catalogue .manchette-btn,
.customer-reviews .detail-item-catalogue .manchette-btn {
--color: var(--color-primary);
}
@media (max-width: 575px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-btn,
.model-detail .detail-item-catalogue .manchette-btn,
.agency-detail .detail-item-catalogue .manchette-btn,
.single-entities_advice .detail-item-catalogue .manchette-btn,
.single-entities_actuality .detail-item-catalogue .manchette-btn,
.single-entities_land_houses .detail-item-catalogue .manchette-btn,
.single-entities_event .detail-item-catalogue .manchette-btn,
.single-entities_realization .detail-item-catalogue .manchette-btn,
.single-entities_prestapack .detail-item-catalogue .manchette-btn,
.form-page .detail-item-catalogue .manchette-btn,
.edito-page .detail-item-catalogue .manchette-btn,
.customer-reviews .detail-item-catalogue .manchette-btn {
--background-color: var(--color-primary);
--color: #fff;
}
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration,
.model-detail .detail-item-catalogue .manchette-illustration,
.agency-detail .detail-item-catalogue .manchette-illustration,
.single-entities_advice .detail-item-catalogue .manchette-illustration,
.single-entities_actuality .detail-item-catalogue .manchette-illustration,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration,
.single-entities_event .detail-item-catalogue .manchette-illustration,
.single-entities_realization .detail-item-catalogue .manchette-illustration,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration,
.form-page .detail-item-catalogue .manchette-illustration,
.edito-page .detail-item-catalogue .manchette-illustration,
.customer-reviews .detail-item-catalogue .manchette-illustration {
order: 1;
width: 100%;
background-color: #ccc;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration,
.model-detail .detail-item-catalogue .manchette-illustration,
.agency-detail .detail-item-catalogue .manchette-illustration,
.single-entities_advice .detail-item-catalogue .manchette-illustration,
.single-entities_actuality .detail-item-catalogue .manchette-illustration,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration,
.single-entities_event .detail-item-catalogue .manchette-illustration,
.single-entities_realization .detail-item-catalogue .manchette-illustration,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration,
.form-page .detail-item-catalogue .manchette-illustration,
.edito-page .detail-item-catalogue .manchette-illustration,
.customer-reviews .detail-item-catalogue .manchette-illustration {
order: 2;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration > *,
.model-detail .detail-item-catalogue .manchette-illustration > *,
.agency-detail .detail-item-catalogue .manchette-illustration > *,
.single-entities_advice .detail-item-catalogue .manchette-illustration > *,
.single-entities_actuality .detail-item-catalogue .manchette-illustration > *,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration > *,
.single-entities_event .detail-item-catalogue .manchette-illustration > *,
.single-entities_realization .detail-item-catalogue .manchette-illustration > *,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration > *,
.form-page .detail-item-catalogue .manchette-illustration > *,
.edito-page .detail-item-catalogue .manchette-illustration > *,
.customer-reviews .detail-item-catalogue .manchette-illustration > * {
flex: 1 1 auto;
}
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration-img,
.model-detail .detail-item-catalogue .manchette-illustration-img,
.agency-detail .detail-item-catalogue .manchette-illustration-img,
.single-entities_advice .detail-item-catalogue .manchette-illustration-img,
.single-entities_actuality .detail-item-catalogue .manchette-illustration-img,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration-img,
.single-entities_event .detail-item-catalogue .manchette-illustration-img,
.single-entities_realization .detail-item-catalogue .manchette-illustration-img,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration-img,
.form-page .detail-item-catalogue .manchette-illustration-img,
.edito-page .detail-item-catalogue .manchette-illustration-img,
.customer-reviews .detail-item-catalogue .manchette-illustration-img {
max-height: 18em;
}
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration,
.model-detail .detail-item-catalogue .manchette-illustration,
.agency-detail .detail-item-catalogue .manchette-illustration,
.single-entities_advice .detail-item-catalogue .manchette-illustration,
.single-entities_actuality .detail-item-catalogue .manchette-illustration,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration,
.single-entities_event .detail-item-catalogue .manchette-illustration,
.single-entities_realization .detail-item-catalogue .manchette-illustration,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration,
.form-page .detail-item-catalogue .manchette-illustration,
.edito-page .detail-item-catalogue .manchette-illustration,
.customer-reviews .detail-item-catalogue .manchette-illustration {
display: none;
}
}
@media (min-width: 1200px) {
.post-type-archive-entities_catalog .detail-item-catalogue .manchette-illustration,
.model-detail .detail-item-catalogue .manchette-illustration,
.agency-detail .detail-item-catalogue .manchette-illustration,
.single-entities_advice .detail-item-catalogue .manchette-illustration,
.single-entities_actuality .detail-item-catalogue .manchette-illustration,
.single-entities_land_houses .detail-item-catalogue .manchette-illustration,
.single-entities_event .detail-item-catalogue .manchette-illustration,
.single-entities_realization .detail-item-catalogue .manchette-illustration,
.single-entities_prestapack .detail-item-catalogue .manchette-illustration,
.form-page .detail-item-catalogue .manchette-illustration,
.edito-page .detail-item-catalogue .manchette-illustration,
.customer-reviews .detail-item-catalogue .manchette-illustration {
display: flex;
}
}
.post-type-archive-entities_catalog .detail-item-similars, .post-type-archive-entities_catalog .detail-item-benefit,
.model-detail .detail-item-similars,
.model-detail .detail-item-benefit,
.agency-detail .detail-item-similars,
.agency-detail .detail-item-benefit,
.single-entities_advice .detail-item-similars,
.single-entities_advice .detail-item-benefit,
.single-entities_actuality .detail-item-similars,
.single-entities_actuality .detail-item-benefit,
.single-entities_land_houses .detail-item-similars,
.single-entities_land_houses .detail-item-benefit,
.single-entities_event .detail-item-similars,
.single-entities_event .detail-item-benefit,
.single-entities_realization .detail-item-similars,
.single-entities_realization .detail-item-benefit,
.single-entities_prestapack .detail-item-similars,
.single-entities_prestapack .detail-item-benefit,
.form-page .detail-item-similars,
.form-page .detail-item-benefit,
.edito-page .detail-item-similars,
.edito-page .detail-item-benefit,
.customer-reviews .detail-item-similars,
.customer-reviews .detail-item-benefit {
grid-area: similars;
position: relative;
}
.post-type-archive-entities_catalog .detail-item-similars-title, .post-type-archive-entities_catalog .detail-item-benefit-title,
.model-detail .detail-item-similars-title,
.model-detail .detail-item-benefit-title,
.agency-detail .detail-item-similars-title,
.agency-detail .detail-item-benefit-title,
.single-entities_advice .detail-item-similars-title,
.single-entities_advice .detail-item-benefit-title,
.single-entities_actuality .detail-item-similars-title,
.single-entities_actuality .detail-item-benefit-title,
.single-entities_land_houses .detail-item-similars-title,
.single-entities_land_houses .detail-item-benefit-title,
.single-entities_event .detail-item-similars-title,
.single-entities_event .detail-item-benefit-title,
.single-entities_realization .detail-item-similars-title,
.single-entities_realization .detail-item-benefit-title,
.single-entities_prestapack .detail-item-similars-title,
.single-entities_prestapack .detail-item-benefit-title,
.form-page .detail-item-similars-title,
.form-page .detail-item-benefit-title,
.edito-page .detail-item-similars-title,
.edito-page .detail-item-benefit-title,
.customer-reviews .detail-item-similars-title,
.customer-reviews .detail-item-benefit-title {
margin: 2em 0;
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-similars-title, .post-type-archive-entities_catalog .detail-item-benefit-title,
.model-detail .detail-item-similars-title,
.model-detail .detail-item-benefit-title,
.agency-detail .detail-item-similars-title,
.agency-detail .detail-item-benefit-title,
.single-entities_advice .detail-item-similars-title,
.single-entities_advice .detail-item-benefit-title,
.single-entities_actuality .detail-item-similars-title,
.single-entities_actuality .detail-item-benefit-title,
.single-entities_land_houses .detail-item-similars-title,
.single-entities_land_houses .detail-item-benefit-title,
.single-entities_event .detail-item-similars-title,
.single-entities_event .detail-item-benefit-title,
.single-entities_realization .detail-item-similars-title,
.single-entities_realization .detail-item-benefit-title,
.single-entities_prestapack .detail-item-similars-title,
.single-entities_prestapack .detail-item-benefit-title,
.form-page .detail-item-similars-title,
.form-page .detail-item-benefit-title,
.edito-page .detail-item-similars-title,
.edito-page .detail-item-benefit-title,
.customer-reviews .detail-item-similars-title,
.customer-reviews .detail-item-benefit-title {
margin: 0;
}
}
.post-type-archive-entities_catalog .detail-item-similars-list, .post-type-archive-entities_catalog .detail-item-benefit-list,
.model-detail .detail-item-similars-list,
.model-detail .detail-item-benefit-list,
.agency-detail .detail-item-similars-list,
.agency-detail .detail-item-benefit-list,
.single-entities_advice .detail-item-similars-list,
.single-entities_advice .detail-item-benefit-list,
.single-entities_actuality .detail-item-similars-list,
.single-entities_actuality .detail-item-benefit-list,
.single-entities_land_houses .detail-item-similars-list,
.single-entities_land_houses .detail-item-benefit-list,
.single-entities_event .detail-item-similars-list,
.single-entities_event .detail-item-benefit-list,
.single-entities_realization .detail-item-similars-list,
.single-entities_realization .detail-item-benefit-list,
.single-entities_prestapack .detail-item-similars-list,
.single-entities_prestapack .detail-item-benefit-list,
.form-page .detail-item-similars-list,
.form-page .detail-item-benefit-list,
.edito-page .detail-item-similars-list,
.edito-page .detail-item-benefit-list,
.customer-reviews .detail-item-similars-list,
.customer-reviews .detail-item-benefit-list {
margin: 2em 0 0 0;
}
.post-type-archive-entities_catalog .detail-item-similars .slider-inline, .post-type-archive-entities_catalog .detail-item-benefit .slider-inline,
.model-detail .detail-item-similars .slider-inline,
.model-detail .detail-item-benefit .slider-inline,
.agency-detail .detail-item-similars .slider-inline,
.agency-detail .detail-item-benefit .slider-inline,
.single-entities_advice .detail-item-similars .slider-inline,
.single-entities_advice .detail-item-benefit .slider-inline,
.single-entities_actuality .detail-item-similars .slider-inline,
.single-entities_actuality .detail-item-benefit .slider-inline,
.single-entities_land_houses .detail-item-similars .slider-inline,
.single-entities_land_houses .detail-item-benefit .slider-inline,
.single-entities_event .detail-item-similars .slider-inline,
.single-entities_event .detail-item-benefit .slider-inline,
.single-entities_realization .detail-item-similars .slider-inline,
.single-entities_realization .detail-item-benefit .slider-inline,
.single-entities_prestapack .detail-item-similars .slider-inline,
.single-entities_prestapack .detail-item-benefit .slider-inline,
.form-page .detail-item-similars .slider-inline,
.form-page .detail-item-benefit .slider-inline,
.edito-page .detail-item-similars .slider-inline,
.edito-page .detail-item-benefit .slider-inline,
.customer-reviews .detail-item-similars .slider-inline,
.customer-reviews .detail-item-benefit .slider-inline {
margin-top: 0;
margin-bottom: 0;
}
.post-type-archive-entities_catalog .detail-item-similars .slider-inline-slider-list, .post-type-archive-entities_catalog .detail-item-benefit .slider-inline-slider-list,
.model-detail .detail-item-similars .slider-inline-slider-list,
.model-detail .detail-item-benefit .slider-inline-slider-list,
.agency-detail .detail-item-similars .slider-inline-slider-list,
.agency-detail .detail-item-benefit .slider-inline-slider-list,
.single-entities_advice .detail-item-similars .slider-inline-slider-list,
.single-entities_advice .detail-item-benefit .slider-inline-slider-list,
.single-entities_actuality .detail-item-similars .slider-inline-slider-list,
.single-entities_actuality .detail-item-benefit .slider-inline-slider-list,
.single-entities_land_houses .detail-item-similars .slider-inline-slider-list,
.single-entities_land_houses .detail-item-benefit .slider-inline-slider-list,
.single-entities_event .detail-item-similars .slider-inline-slider-list,
.single-entities_event .detail-item-benefit .slider-inline-slider-list,
.single-entities_realization .detail-item-similars .slider-inline-slider-list,
.single-entities_realization .detail-item-benefit .slider-inline-slider-list,
.single-entities_prestapack .detail-item-similars .slider-inline-slider-list,
.single-entities_prestapack .detail-item-benefit .slider-inline-slider-list,
.form-page .detail-item-similars .slider-inline-slider-list,
.form-page .detail-item-benefit .slider-inline-slider-list,
.edito-page .detail-item-similars .slider-inline-slider-list,
.edito-page .detail-item-benefit .slider-inline-slider-list,
.customer-reviews .detail-item-similars .slider-inline-slider-list,
.customer-reviews .detail-item-benefit .slider-inline-slider-list {
margin-bottom: 0;
}
@media (max-width: 767px) {
.post-type-archive-entities_catalog .detail-item-similars .slider-inline-slider-item, .post-type-archive-entities_catalog .detail-item-benefit .slider-inline-slider-item,
.model-detail .detail-item-similars .slider-inline-slider-item,
.model-detail .detail-item-benefit .slider-inline-slider-item,
.agency-detail .detail-item-similars .slider-inline-slider-item,
.agency-detail .detail-item-benefit .slider-inline-slider-item,
.single-entities_advice .detail-item-similars .slider-inline-slider-item,
.single-entities_advice .detail-item-benefit .slider-inline-slider-item,
.single-entities_actuality .detail-item-similars .slider-inline-slider-item,
.single-entities_actuality .detail-item-benefit .slider-inline-slider-item,
.single-entities_land_houses .detail-item-similars .slider-inline-slider-item,
.single-entities_land_houses .detail-item-benefit .slider-inline-slider-item,
.single-entities_event .detail-item-similars .slider-inline-slider-item,
.single-entities_event .detail-item-benefit .slider-inline-slider-item,
.single-entities_realization .detail-item-similars .slider-inline-slider-item,
.single-entities_realization .detail-item-benefit .slider-inline-slider-item,
.single-entities_prestapack .detail-item-similars .slider-inline-slider-item,
.single-entities_prestapack .detail-item-benefit .slider-inline-slider-item,
.form-page .detail-item-similars .slider-inline-slider-item,
.form-page .detail-item-benefit .slider-inline-slider-item,
.edito-page .detail-item-similars .slider-inline-slider-item,
.edito-page .detail-item-benefit .slider-inline-slider-item,
.customer-reviews .detail-item-similars .slider-inline-slider-item,
.customer-reviews .detail-item-benefit .slider-inline-slider-item {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 3em;
}
}
.post-type-archive-entities_catalog .detail-item-similars .slider-inline-slider-item .card, .post-type-archive-entities_catalog .detail-item-benefit .slider-inline-slider-item .card,
.model-detail .detail-item-similars .slider-inline-slider-item .card,
.model-detail .detail-item-benefit .slider-inline-slider-item .card,
.agency-detail .detail-item-similars .slider-inline-slider-item .card,
.agency-detail .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_advice .detail-item-similars .slider-inline-slider-item .card,
.single-entities_advice .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_actuality .detail-item-similars .slider-inline-slider-item .card,
.single-entities_actuality .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_land_houses .detail-item-similars .slider-inline-slider-item .card,
.single-entities_land_houses .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_event .detail-item-similars .slider-inline-slider-item .card,
.single-entities_event .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_realization .detail-item-similars .slider-inline-slider-item .card,
.single-entities_realization .detail-item-benefit .slider-inline-slider-item .card,
.single-entities_prestapack .detail-item-similars .slider-inline-slider-item .card,
.single-entities_prestapack .detail-item-benefit .slider-inline-slider-item .card,
.form-page .detail-item-similars .slider-inline-slider-item .card,
.form-page .detail-item-benefit .slider-inline-slider-item .card,
.edito-page .detail-item-similars .slider-inline-slider-item .card,
.edito-page .detail-item-benefit .slider-inline-slider-item .card,
.customer-reviews .detail-item-similars .slider-inline-slider-item .card,
.customer-reviews .detail-item-benefit .slider-inline-slider-item .card {
height: 100%;
}
.post-type-archive-entities_catalog .detail-item-similars .slider-inline-slider-item .card-categories-item, .post-type-archive-entities_catalog .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.model-detail .detail-item-similars .slider-inline-slider-item .card-categories-item,
.model-detail .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.agency-detail .detail-item-similars .slider-inline-slider-item .card-categories-item,
.agency-detail .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_advice .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_advice .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_actuality .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_actuality .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_land_houses .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_land_houses .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_event .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_event .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_realization .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_realization .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.single-entities_prestapack .detail-item-similars .slider-inline-slider-item .card-categories-item,
.single-entities_prestapack .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.form-page .detail-item-similars .slider-inline-slider-item .card-categories-item,
.form-page .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.edito-page .detail-item-similars .slider-inline-slider-item .card-categories-item,
.edito-page .detail-item-benefit .slider-inline-slider-item .card-categories-item,
.customer-reviews .detail-item-similars .slider-inline-slider-item .card-categories-item,
.customer-reviews .detail-item-benefit .slider-inline-slider-item .card-categories-item {
hyphens: initial;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.post-type-archive-entities_catalog .detail-item-similars .glide__arrows, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrows,
.model-detail .detail-item-similars .glide__arrows,
.model-detail .detail-item-benefit .glide__arrows,
.agency-detail .detail-item-similars .glide__arrows,
.agency-detail .detail-item-benefit .glide__arrows,
.single-entities_advice .detail-item-similars .glide__arrows,
.single-entities_advice .detail-item-benefit .glide__arrows,
.single-entities_actuality .detail-item-similars .glide__arrows,
.single-entities_actuality .detail-item-benefit .glide__arrows,
.single-entities_land_houses .detail-item-similars .glide__arrows,
.single-entities_land_houses .detail-item-benefit .glide__arrows,
.single-entities_event .detail-item-similars .glide__arrows,
.single-entities_event .detail-item-benefit .glide__arrows,
.single-entities_realization .detail-item-similars .glide__arrows,
.single-entities_realization .detail-item-benefit .glide__arrows,
.single-entities_prestapack .detail-item-similars .glide__arrows,
.single-entities_prestapack .detail-item-benefit .glide__arrows,
.form-page .detail-item-similars .glide__arrows,
.form-page .detail-item-benefit .glide__arrows,
.edito-page .detail-item-similars .glide__arrows,
.edito-page .detail-item-benefit .glide__arrows,
.customer-reviews .detail-item-similars .glide__arrows,
.customer-reviews .detail-item-benefit .glide__arrows {
display: none;
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item-similars .glide__arrows, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrows,
.model-detail .detail-item-similars .glide__arrows,
.model-detail .detail-item-benefit .glide__arrows,
.agency-detail .detail-item-similars .glide__arrows,
.agency-detail .detail-item-benefit .glide__arrows,
.single-entities_advice .detail-item-similars .glide__arrows,
.single-entities_advice .detail-item-benefit .glide__arrows,
.single-entities_actuality .detail-item-similars .glide__arrows,
.single-entities_actuality .detail-item-benefit .glide__arrows,
.single-entities_land_houses .detail-item-similars .glide__arrows,
.single-entities_land_houses .detail-item-benefit .glide__arrows,
.single-entities_event .detail-item-similars .glide__arrows,
.single-entities_event .detail-item-benefit .glide__arrows,
.single-entities_realization .detail-item-similars .glide__arrows,
.single-entities_realization .detail-item-benefit .glide__arrows,
.single-entities_prestapack .detail-item-similars .glide__arrows,
.single-entities_prestapack .detail-item-benefit .glide__arrows,
.form-page .detail-item-similars .glide__arrows,
.form-page .detail-item-benefit .glide__arrows,
.edito-page .detail-item-similars .glide__arrows,
.edito-page .detail-item-benefit .glide__arrows,
.customer-reviews .detail-item-similars .glide__arrows,
.customer-reviews .detail-item-benefit .glide__arrows {
display: block;
}
}
.post-type-archive-entities_catalog .detail-item-similars .glide__arrow, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrow,
.model-detail .detail-item-similars .glide__arrow,
.model-detail .detail-item-benefit .glide__arrow,
.agency-detail .detail-item-similars .glide__arrow,
.agency-detail .detail-item-benefit .glide__arrow,
.single-entities_advice .detail-item-similars .glide__arrow,
.single-entities_advice .detail-item-benefit .glide__arrow,
.single-entities_actuality .detail-item-similars .glide__arrow,
.single-entities_actuality .detail-item-benefit .glide__arrow,
.single-entities_land_houses .detail-item-similars .glide__arrow,
.single-entities_land_houses .detail-item-benefit .glide__arrow,
.single-entities_event .detail-item-similars .glide__arrow,
.single-entities_event .detail-item-benefit .glide__arrow,
.single-entities_realization .detail-item-similars .glide__arrow,
.single-entities_realization .detail-item-benefit .glide__arrow,
.single-entities_prestapack .detail-item-similars .glide__arrow,
.single-entities_prestapack .detail-item-benefit .glide__arrow,
.form-page .detail-item-similars .glide__arrow,
.form-page .detail-item-benefit .glide__arrow,
.edito-page .detail-item-similars .glide__arrow,
.edito-page .detail-item-benefit .glide__arrow,
.customer-reviews .detail-item-similars .glide__arrow,
.customer-reviews .detail-item-benefit .glide__arrow {
color: var(--color-grey);
}
.post-type-archive-entities_catalog .detail-item-similars .glide__arrow:hover, .post-type-archive-entities_catalog .detail-item-similars .glide__arrow:focus, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrow:hover, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrow:focus,
.model-detail .detail-item-similars .glide__arrow:hover,
.model-detail .detail-item-similars .glide__arrow:focus,
.model-detail .detail-item-benefit .glide__arrow:hover,
.model-detail .detail-item-benefit .glide__arrow:focus,
.agency-detail .detail-item-similars .glide__arrow:hover,
.agency-detail .detail-item-similars .glide__arrow:focus,
.agency-detail .detail-item-benefit .glide__arrow:hover,
.agency-detail .detail-item-benefit .glide__arrow:focus,
.single-entities_advice .detail-item-similars .glide__arrow:hover,
.single-entities_advice .detail-item-similars .glide__arrow:focus,
.single-entities_advice .detail-item-benefit .glide__arrow:hover,
.single-entities_advice .detail-item-benefit .glide__arrow:focus,
.single-entities_actuality .detail-item-similars .glide__arrow:hover,
.single-entities_actuality .detail-item-similars .glide__arrow:focus,
.single-entities_actuality .detail-item-benefit .glide__arrow:hover,
.single-entities_actuality .detail-item-benefit .glide__arrow:focus,
.single-entities_land_houses .detail-item-similars .glide__arrow:hover,
.single-entities_land_houses .detail-item-similars .glide__arrow:focus,
.single-entities_land_houses .detail-item-benefit .glide__arrow:hover,
.single-entities_land_houses .detail-item-benefit .glide__arrow:focus,
.single-entities_event .detail-item-similars .glide__arrow:hover,
.single-entities_event .detail-item-similars .glide__arrow:focus,
.single-entities_event .detail-item-benefit .glide__arrow:hover,
.single-entities_event .detail-item-benefit .glide__arrow:focus,
.single-entities_realization .detail-item-similars .glide__arrow:hover,
.single-entities_realization .detail-item-similars .glide__arrow:focus,
.single-entities_realization .detail-item-benefit .glide__arrow:hover,
.single-entities_realization .detail-item-benefit .glide__arrow:focus,
.single-entities_prestapack .detail-item-similars .glide__arrow:hover,
.single-entities_prestapack .detail-item-similars .glide__arrow:focus,
.single-entities_prestapack .detail-item-benefit .glide__arrow:hover,
.single-entities_prestapack .detail-item-benefit .glide__arrow:focus,
.form-page .detail-item-similars .glide__arrow:hover,
.form-page .detail-item-similars .glide__arrow:focus,
.form-page .detail-item-benefit .glide__arrow:hover,
.form-page .detail-item-benefit .glide__arrow:focus,
.edito-page .detail-item-similars .glide__arrow:hover,
.edito-page .detail-item-similars .glide__arrow:focus,
.edito-page .detail-item-benefit .glide__arrow:hover,
.edito-page .detail-item-benefit .glide__arrow:focus,
.customer-reviews .detail-item-similars .glide__arrow:hover,
.customer-reviews .detail-item-similars .glide__arrow:focus,
.customer-reviews .detail-item-benefit .glide__arrow:hover,
.customer-reviews .detail-item-benefit .glide__arrow:focus {
border-color: var(--color-grey);
}
.post-type-archive-entities_catalog .detail-item-similars .glide__arrow--left, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrow--left,
.model-detail .detail-item-similars .glide__arrow--left,
.model-detail .detail-item-benefit .glide__arrow--left,
.agency-detail .detail-item-similars .glide__arrow--left,
.agency-detail .detail-item-benefit .glide__arrow--left,
.single-entities_advice .detail-item-similars .glide__arrow--left,
.single-entities_advice .detail-item-benefit .glide__arrow--left,
.single-entities_actuality .detail-item-similars .glide__arrow--left,
.single-entities_actuality .detail-item-benefit .glide__arrow--left,
.single-entities_land_houses .detail-item-similars .glide__arrow--left,
.single-entities_land_houses .detail-item-benefit .glide__arrow--left,
.single-entities_event .detail-item-similars .glide__arrow--left,
.single-entities_event .detail-item-benefit .glide__arrow--left,
.single-entities_realization .detail-item-similars .glide__arrow--left,
.single-entities_realization .detail-item-benefit .glide__arrow--left,
.single-entities_prestapack .detail-item-similars .glide__arrow--left,
.single-entities_prestapack .detail-item-benefit .glide__arrow--left,
.form-page .detail-item-similars .glide__arrow--left,
.form-page .detail-item-benefit .glide__arrow--left,
.edito-page .detail-item-similars .glide__arrow--left,
.edito-page .detail-item-benefit .glide__arrow--left,
.customer-reviews .detail-item-similars .glide__arrow--left,
.customer-reviews .detail-item-benefit .glide__arrow--left {
left: -2em;
}
.post-type-archive-entities_catalog .detail-item-similars .glide__arrow--right, .post-type-archive-entities_catalog .detail-item-benefit .glide__arrow--right,
.model-detail .detail-item-similars .glide__arrow--right,
.model-detail .detail-item-benefit .glide__arrow--right,
.agency-detail .detail-item-similars .glide__arrow--right,
.agency-detail .detail-item-benefit .glide__arrow--right,
.single-entities_advice .detail-item-similars .glide__arrow--right,
.single-entities_advice .detail-item-benefit .glide__arrow--right,
.single-entities_actuality .detail-item-similars .glide__arrow--right,
.single-entities_actuality .detail-item-benefit .glide__arrow--right,
.single-entities_land_houses .detail-item-similars .glide__arrow--right,
.single-entities_land_houses .detail-item-benefit .glide__arrow--right,
.single-entities_event .detail-item-similars .glide__arrow--right,
.single-entities_event .detail-item-benefit .glide__arrow--right,
.single-entities_realization .detail-item-similars .glide__arrow--right,
.single-entities_realization .detail-item-benefit .glide__arrow--right,
.single-entities_prestapack .detail-item-similars .glide__arrow--right,
.single-entities_prestapack .detail-item-benefit .glide__arrow--right,
.form-page .detail-item-similars .glide__arrow--right,
.form-page .detail-item-benefit .glide__arrow--right,
.edito-page .detail-item-similars .glide__arrow--right,
.edito-page .detail-item-benefit .glide__arrow--right,
.customer-reviews .detail-item-similars .glide__arrow--right,
.customer-reviews .detail-item-benefit .glide__arrow--right {
right: -2em;
}
.post-type-archive-entities_catalog .detail-item-legalnotice,
.model-detail .detail-item-legalnotice,
.agency-detail .detail-item-legalnotice,
.single-entities_advice .detail-item-legalnotice,
.single-entities_actuality .detail-item-legalnotice,
.single-entities_land_houses .detail-item-legalnotice,
.single-entities_event .detail-item-legalnotice,
.single-entities_realization .detail-item-legalnotice,
.single-entities_prestapack .detail-item-legalnotice,
.form-page .detail-item-legalnotice,
.edito-page .detail-item-legalnotice,
.customer-reviews .detail-item-legalnotice {
grid-area: legalnotice;
font-weight: 300;
}
.post-type-archive-entities_catalog .detail-item-legalnotice::before,
.model-detail .detail-item-legalnotice::before,
.agency-detail .detail-item-legalnotice::before,
.single-entities_advice .detail-item-legalnotice::before,
.single-entities_actuality .detail-item-legalnotice::before,
.single-entities_land_houses .detail-item-legalnotice::before,
.single-entities_event .detail-item-legalnotice::before,
.single-entities_realization .detail-item-legalnotice::before,
.single-entities_prestapack .detail-item-legalnotice::before,
.form-page .detail-item-legalnotice::before,
.edito-page .detail-item-legalnotice::before,
.customer-reviews .detail-item-legalnotice::before {
--this-fractal-color-bg: #fff;
z-index: 0;
}
.post-type-archive-entities_catalog .detail-item-legalnotice-container,
.model-detail .detail-item-legalnotice-container,
.agency-detail .detail-item-legalnotice-container,
.single-entities_advice .detail-item-legalnotice-container,
.single-entities_actuality .detail-item-legalnotice-container,
.single-entities_land_houses .detail-item-legalnotice-container,
.single-entities_event .detail-item-legalnotice-container,
.single-entities_realization .detail-item-legalnotice-container,
.single-entities_prestapack .detail-item-legalnotice-container,
.form-page .detail-item-legalnotice-container,
.edito-page .detail-item-legalnotice-container,
.customer-reviews .detail-item-legalnotice-container {
position: relative;
}
.post-type-archive-entities_catalog .more-contents,
.model-detail .more-contents,
.agency-detail .more-contents,
.single-entities_advice .more-contents,
.single-entities_actuality .more-contents,
.single-entities_land_houses .more-contents,
.single-entities_event .more-contents,
.single-entities_realization .more-contents,
.single-entities_prestapack .more-contents,
.form-page .more-contents,
.edito-page .more-contents,
.customer-reviews .more-contents {
margin-top: 2em;
margin-bottom: 3em;
}
.page-template-default .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: var(--layout-wrapper-medium-margin-right);
display: grid;
grid-template-columns: var(--pl) 1fr var(--pr);
grid-template-rows: auto;
grid-template-areas: " header header header " " . toolbox . " " . description . " " . catalogues . " " . agencies . " " . realizations . " " . actualities . " " . legalnotice . ";
gap: 1em 0;
position: relative;
margin-top: 1em;
}
@media (min-width: 768px) {
.page-template-default .detail-item {
--pl: calc( var(--layout-wrapper-large-margin-left) );
--pr: calc( var(--layout-wrapper-large-margin-right) - 30px );
}
}
@media (min-width: 992px) {
.page-template-default .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: calc( var(--layout-wrapper-medium-margin-right) - 30px );
}
}
@media (min-width: 768px) {
.page-template-default .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 4em 2em;
grid-template-areas: " header header header header " " . toolbox toolbox . " " . description description . " " . catalogs catalogs . " " agencies agencies agencies agencies " " realizations realizations realizations realizations " " actualities actualities actualities actualities " " . legalnotice legalnotice . ";
margin-top: 0;
}
}
@media (min-width: 576px) {
.page-template-default .detail-item .sticker {
position: sticky;
top: 120px;
bottom: 20px;
}
}
.page-template-default .detail-item-icon {
max-width: 100px;
margin: 2rem auto;
padding: 2rem;
border-radius: 5rem;
}
.page-template-default .detail-item-header {
grid-area: header;
}
.page-template-default .detail-item-header-container {
display: flex;
flex-flow: column nowrap;
}
@media (min-width: 768px) {
.page-template-default .detail-item-header-container {
flex-flow: row nowrap;
justify-content: space-between;
}
}
.page-template-default .detail-item-header-title {
order: 10;
font-weight: 700;
order: 5;
}
@media (min-width: 768px) {
.page-template-default .detail-item-header-title {
order: 1;
}
}
.page-template-default .detail-item-header-title .title-prefix {
font-weight: 400;
}
@media (max-width: 767px) {
.page-template-default .detail-item-header-brand {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
order: 1;
margin: 1em 0;
line-height: 1.3;
}
}
@media (min-width: 768px) {
.page-template-default .detail-item-header-brand {
text-align: right;
order: 5;
}
}
.page-template-default .detail-item-header-brand img, .page-template-default .detail-item-header-brand svg {
width: 100px;
}
@media (max-width: 767px) {
.page-template-default .detail-item-header-brand img, .page-template-default .detail-item-header-brand svg {
margin-right: 1em;
}
}
.page-template-default .detail-item-header-contact {
display: grid;
grid-auto-flow: dense;
grid-template-columns: 2.3em 1fr;
align-items: center;
grid-gap: 1rem;
margin: 1.5em 0;
}
.page-template-default .detail-item-header-contact dt {
color: var(--color-primary);
font-size: 1.3em;
grid-column: auto/span 1;
text-align: center;
}
.page-template-default .detail-item-header-contact dd {
grid-column: auto/span 1;
}
.page-template-default .detail-item-header-contact .icon-square {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0.3em;
border: 1px solid #bdbdbd;
border-radius: 0.3em;
}
.page-template-default .detail-item-header-contact .icon-square > * {
flex: 1 1 auto;
}
.page-template-default .detail-item-toolbox {
grid-area: toolbox;
font-size: 1.3em;
text-align: right;
}
@media (min-width: 768px) {
.page-template-default .detail-item-toolbox {
text-align: left;
}
}
.page-template-default .detail-item-toolbox-container {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.page-template-default .detail-item-toolbox-container > * {
flex: 0 0 auto;
padding-left: 0.5em;
}
@media (min-width: 768px) {
.page-template-default .detail-item-toolbox-container > * {
padding-right: 0.5em;
}
}
.page-template-default .detail-item-pagination {
grid-area: pagination;
font-size: 1.3em;
}
@media (min-width: 768px) {
.page-template-default .detail-item-pagination {
font-size: 1em;
text-align: right;
}
}
.page-template-default .detail-item-pagination-container {
display: flex;
flex-flow: row nowrap;
}
@media (min-width: 768px) {
.page-template-default .detail-item-pagination-container {
flex-flow: column nowrap;
align-items: end;
}
}
.page-template-default .detail-item-pagination-container > * {
flex: 0 0 auto;
}
@media (min-width: 768px) {
.page-template-default .detail-item-pagination-container > * {
margin-bottom: 0.5em;
}
}
.page-template-default .detail-item-pagination-container > * .btn {
--background-color: transparent;
}
@media (max-width: 767px) {
.page-template-default .detail-item-pagination-container > * .btn {
display: none;
}
.page-template-default .detail-item-pagination-container > * .btn.pagination-list {
display: block;
}
}
.page-template-default .detail-item-catalogues {
grid-area: description;
font-weight: 300;
color: var(--color-grey);
padding-right: 2em;
}
.page-template-default .detail-item-description {
grid-area: description;
font-weight: 300;
color: var(--color-mediumdark-grey);
padding-right: 2em;
}
.page-template-default .detail-item-offers {
grid-area: offers;
margin: 1.5em;
}
.page-template-default .detail-item-offers-title {
font-size: 1.3em;
text-align: center;
}
.page-template-default .detail-item-offers .for-small {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
margin: 1em 0;
text-align: center;
}
.page-template-default .detail-item-offers .for-small > * {
flex: 0 0 auto;
margin: 1em 0 0;
}
@media (min-width: 576px) {
.page-template-default .detail-item-offers .for-small {
display: none;
}
}
.page-template-default .detail-item-offers .tiles {
text-align: center;
}
@media (max-width: 575px) {
.page-template-default .detail-item-offers .tiles {
display: none;
}
}
.page-template-default .detail-item-offers .tiles-list {
display: inline-flex;
margin-top: 2em;
justify-content: space-around;
justify-content: space-evenly;
align-items: stretch;
}
.page-template-default .detail-item-offers .tiles-item {
flex: 0 1 30em;
margin: 0 2%;
}
.page-template-default .detail-item-offers .tile {
max-width: none;
text-align: left;
}
.page-template-default .detail-item-offers .tile.tile--size-xl {
font-size: 1.5em;
}
@media (min-width: 1200px) {
.page-template-default .detail-item-offers .tile.tile--size-xl {
font-size: 2em;
}
}
.page-template-default .detail-item-agencies {
grid-area: agencies;
}
.page-template-default .detail-item-agencies-title {
margin: 2em 0;
text-align: center;
}
@media (min-width: 576px) {
.page-template-default .detail-item-agencies-title {
margin: 0;
}
}
.page-template-default .detail-item-agencies-list {
margin: 2em 0;
grid-template-columns: repeat(1, 1fr);
}
.page-template-default .detail-item-agencies-list .card:first-child ~ .card {
margin: 0;
display: none;
}
@media (min-width: 480px) {
.page-template-default .detail-item-agencies-list {
grid-template-columns: repeat(2, 1fr);
}
.page-template-default .detail-item-agencies-list .card:first-child ~ .card {
display: flex;
}
.page-template-default .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: none;
}
}
@media (min-width: 768px) {
.page-template-default .detail-item-agencies-list {
grid-template-columns: repeat(3, 1fr);
}
.page-template-default .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: flex;
}
.page-template-default .detail-item-agencies-list .card:nth-child(3) ~ .card {
display: none;
}
}
@media (min-width: 1600px) {
.page-template-default .detail-item-agencies-list {
grid-template-columns: repeat(4, 1fr);
}
.page-template-default .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: flex;
}
}
.page-template-default .detail-item-realizations {
grid-area: realizations;
}
.page-template-default .detail-item-actualities {
grid-area: actualities;
}
.page-template-default .detail-item-legalnotice {
grid-area: legalnotice;
font-weight: 300;
}
.page-template-default .detail-item-legalnotice::before {
--this-fractal-color-bg: #fff;
z-index: 0;
}
.page-template-default .detail-item-legalnotice-container {
position: relative;
}
.offers-list.house {
--color-sector: var(--color-landhouses);
--color-sector2: var(--color-landhouses);
}
.offers-list.land {
--color-sector: var(--color-lands);
--color-sector2: var(--color-lands);
}
@media (max-width: 767px) {
.offers-list .filtered-list--filters {
--color-primary: var(--color-landhouses);
--color-primary-light: var(--color-landhouses-light);
--color-primary-extralight: var(--color-landhouses-extralight);
--input-group-addon-bg: var(--color-primary-extralight);
--input-group-addon-color: var(--color-primary-light);
}
}
.offers-list .footer {
margin-top: -9em;
}
.single-entities_land_houses .detail-item {
/*
Map en plus
*/
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . map map . " " . agency agency . " " similars similars similars similars " " . advices advices . " " . legalnotice legalnotice . ";
/* 1 colonne */
}
@media (min-width: 768px) {
.single-entities_land_houses .detail-item {
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " pagination map form . " " pagination agency form . " " pagination similars similars . " " pagination advices advices . " " legalnotice legalnotice legalnotice legalnotice ";
}
}
.single-entities_land_houses .detail-item.layout--1-col {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: var(--layout-wrapper-medium-margin-right);
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . map map . " " . agency agency . " " similars similars similars similars " " . advices advices . " " . legalnotice legalnotice . ";
}
@media (min-width: 768px) {
.single-entities_land_houses .detail-item.layout--1-col {
--pl: calc(var(--layout-wrapper-small-margin-left) * 1.3);
--pr: calc(var(--layout-wrapper-small-margin-right) - 30px);
}
}
@media (min-width: 992px) {
.single-entities_land_houses .detail-item.layout--1-col {
--pl: calc(var(--layout-wrapper-small-margin-right) * 1.3);
--pr: calc(var(--layout-wrapper-small-margin-right) - 30px);
}
}
@media (min-width: 768px) {
.single-entities_land_houses .detail-item.layout--1-col {
grid-template-areas: " pagination medias toolbox . " " pagination medias toolbox . " " pagination header header . " " pagination description . . " " pagination map . . " " pagination agency . . " " pagination similars . . " " pagination advices . . " " legalnotice legalnotice . . " !important;
}
}
.single-entities_land_houses .detail-item-header-reference {
font-size: 0.5em;
display: block;
line-height: 2.8;
}
.single-entities_land_houses .detail-item-medias-slider-main {
grid-row: 1/span 2;
}
@media (min-width: 1200px) {
.single-entities_land_houses .detail-item-medias-slider-main {
grid-column: 1/span 3;
}
}
.single-entities_land_houses .detail-item-agency {
grid-area: agency;
}
.single-entities_land_houses .detail-item-agency::before {
--this-left: calc(-10px - var(--pl));
--this-right: calc(-10px - var(--pr));
left: var(--this-left);
right: var(--this-right);
z-index: 0;
}
.single-entities_land_houses .detail-item-agency .card-figure {
display: flex;
justify-content: flex-start;
align-items: stretch;
align-self: stretch;
justify-self: stretch;
background-color: white;
}
@media (min-width: 576px) {
.single-entities_land_houses .detail-item-agency .card-figure {
justify-content: flex-end;
}
.single-entities_land_houses .detail-item-agency .card-figure-top {
justify-self: end;
align-self: flex-start;
border-radius: 10px;
}
}
.single-entities_land_houses .detail-item-agency-bg {
z-index: 0;
grid-area: 6/1/7/5;
}
@media (min-width: 768px) {
.single-entities_land_houses .detail-item-agency-bg {
grid-area: 6/1/7/5;
}
}
.detail-item-advices {
display: grid;
grid-area: advices !important;
z-index: 5;
}
.detail-item-advices .detail-item-similars-list {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.detail-item-advices .detail-item-similars-list .card-type-entities_advice {
margin: 0.5em 1em;
}
@media screen and (min-width: 999px) {
.detail-item-advices .detail-item-similars-list .card-type-entities_advice {
width: 30% !important;
}
}
.post-type-archive-entities_actuality,
.post-type-archive-entities_advice {
--color-sector: var(--color-primary);
--color-sector2: var(--color-info);
}
.post-type-archive-entities_actuality .filtered-list--items-header-nav,
.post-type-archive-entities_advice .filtered-list--items-header-nav {
order: 2;
font-size: 1em;
}
.post-type-archive-entities_actuality .filtered-list--items-header-nav-item,
.post-type-archive-entities_advice .filtered-list--items-header-nav-item {
flex: 1 1 auto;
}
.post-type-archive-entities_actuality .filtered-list--items-header-nav:not(.card) button,
.post-type-archive-entities_advice .filtered-list--items-header-nav:not(.card) button {
--background-color: #fff;
--color: var(--color-primary);
border: 1px solid var(--color-primary);
padding: 1em;
font-size: 1em;
box-shadow: 1px 7px 16px 0 rgba(0, 0, 0, 0.07);
}
@media (min-width: 768px) {
.post-type-archive-entities_actuality .filtered-list--items-header-nav,
.post-type-archive-entities_advice .filtered-list--items-header-nav {
display: none;
}
}
.post-type-archive-entities_actuality .filtered-list--items-list--items,
.post-type-archive-entities_advice .filtered-list--items-list--items {
height: auto;
}
@media (max-width: 767px) {
.post-type-archive-entities_actuality .filtered-list--filters,
.post-type-archive-entities_advice .filtered-list--filters {
--color-primary: var(--color-sector);
--color-primary-light: var(--color-models-light);
--color-primary-extralight: var(--color-models-extralight);
--input-group-addon-bg: var(--color-primary-extralight);
--input-group-addon-color: var(--color-primary-light);
background: var(--color-primary);
color: #fff;
}
.post-type-archive-entities_actuality .filtered-list--filters-categories-list,
.post-type-archive-entities_advice .filtered-list--filters-categories-list {
font-size: 1.2em;
}
.post-type-archive-entities_actuality .filtered-list--filters-categories-list .item.is-current a,
.post-type-archive-entities_advice .filtered-list--filters-categories-list .item.is-current a {
background-color: var(--color-theme-bluegreen);
}
.post-type-archive-entities_actuality .filtered-list--filters a,
.post-type-archive-entities_advice .filtered-list--filters a {
text-decoration: none;
}
.post-type-archive-entities_actuality .filtered-list--filters-motor,
.post-type-archive-entities_advice .filtered-list--filters-motor {
padding: 0 1em;
background-color: transparent;
color: #fff;
pointer-events: none;
}
.post-type-archive-entities_actuality .filtered-list--filters-motor-wrapper,
.post-type-archive-entities_advice .filtered-list--filters-motor-wrapper {
pointer-events: all;
}
.post-type-archive-entities_actuality .filtered-list--filters-header,
.post-type-archive-entities_advice .filtered-list--filters-header {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
}
.post-type-archive-entities_actuality .filtered-list--filters-header > *,
.post-type-archive-entities_advice .filtered-list--filters-header > * {
flex: 1 1 auto;
}
.post-type-archive-entities_actuality .filtered-list--filters-header-close,
.post-type-archive-entities_advice .filtered-list--filters-header-close {
flex: 0 0 auto;
}
.post-type-archive-entities_actuality .filtered-list--filters-header-close button,
.post-type-archive-entities_advice .filtered-list--filters-header-close button {
--background-color: transparent;
--color: #fff;
--border: inset 0 0 0 2px rgb(255,255,255);
border-radius: 50%;
width: 42px;
height: 42px;
padding: 0;
font-size: 13px;
line-height: 42px;
text-align: center;
}
.post-type-archive-entities_actuality .filtered-list--filters-header-close button span,
.post-type-archive-entities_advice .filtered-list--filters-header-close button span {
font-weight: 700;
}
}
@media (max-width: 767px) {
.post-type-archive-entities_actuality .filtered-list--filters-wrapper,
.post-type-archive-entities_advice .filtered-list--filters-wrapper {
--card-box-shadow: none;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_actuality .filtered-list--filters-wrapper .map__image,
.post-type-archive-entities_advice .filtered-list--filters-wrapper .map__image {
margin-top: 2em;
}
}
body.single-entities_actuality .detail-item,
body.single-entities_advice .detail-item {
/* 1 colonne */
}
body.single-entities_actuality .detail-item.layout--1-col,
body.single-entities_advice .detail-item.layout--1-col {
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . similars similars . ";
}
@media (min-width: 768px) {
body.single-entities_actuality .detail-item.layout--1-col,
body.single-entities_advice .detail-item.layout--1-col {
grid-template-areas: " pagination medias medias toolbox " " pagination medias medias toolbox " " pagination header header toolbox " " pagination description description toolbox " " pagination similars similars toolbox " !important;
}
}
body.single-entities_actuality .detail-item-similars,
body.single-entities_advice .detail-item-similars {
grid-area: similars;
}
body.single-entities_actuality .detail-item-similars-bg,
body.single-entities_advice .detail-item-similars-bg {
z-index: 0;
grid-area: 5/1/6/5;
}
@media (min-width: 768px) {
body.single-entities_actuality .detail-item-similars-bg,
body.single-entities_advice .detail-item-similars-bg {
grid-area: 5/1/6/5;
}
}
.post-type-archive-entities_realization {
--color-sector: var(--color-primary);
--color-sector2: var(--color-info);
}
@media (max-width: 575px) {
.post-type-archive-entities_realization .filtered-list--items-header-title {
font-size: 1.3em;
}
}
.post-type-archive-entities_realization .filtered-list--items-header-nav {
order: 2;
font-size: 1em;
}
.post-type-archive-entities_realization .filtered-list--items-header-nav-item {
flex: 1 1 auto;
}
.post-type-archive-entities_realization .filtered-list--items-header-nav:not(.card) button {
--background-color: #fff;
--color: var(--color-grey);
padding: 0.6em;
font-size: 1em;
box-shadow: 1px 7px 16px 0 rgba(0, 0, 0, 0.07);
}
@media (min-width: 768px) {
.post-type-archive-entities_realization .filtered-list--items-header-nav {
display: none;
}
}
.post-type-archive-entities_realization .filtered-list--items-list--items {
height: auto;
}
@media (max-width: 767px) {
.post-type-archive-entities_realization .filtered-list--filters {
--color-primary: var(--color-sector);
--color-primary-light: var(--color-models-light);
--color-primary-extralight: var(--color-models-extralight);
--input-group-addon-bg: var(--color-primary-extralight);
--input-group-addon-color: var(--color-primary-light);
background: var(--color-primary);
color: #fff;
}
.post-type-archive-entities_realization .filtered-list--filters-categories-list {
font-size: 1.2em;
}
.post-type-archive-entities_realization .filtered-list--filters-categories-list .item.is-current a {
background-color: var(--color-theme-bluegreen);
}
.post-type-archive-entities_realization .filtered-list--filters a {
text-decoration: none;
}
.post-type-archive-entities_realization .filtered-list--filters-motor {
padding: 0 1em;
background-color: transparent;
color: #fff;
pointer-events: none;
}
.post-type-archive-entities_realization .filtered-list--filters-motor-wrapper {
pointer-events: all;
}
.post-type-archive-entities_realization .filtered-list--filters-header {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
}
.post-type-archive-entities_realization .filtered-list--filters-header > * {
flex: 1 1 auto;
}
.post-type-archive-entities_realization .filtered-list--filters-header-close {
flex: 0 0 auto;
}
.post-type-archive-entities_realization .filtered-list--filters-header-close button {
--background-color: transparent;
--color: #fff;
--border: inset 0 0 0 2px rgb(255,255,255);
border-radius: 50%;
width: 42px;
height: 42px;
padding: 0;
font-size: 13px;
line-height: 42px;
text-align: center;
}
.post-type-archive-entities_realization .filtered-list--filters-header-close button span {
font-weight: 700;
}
}
@media (max-width: 767px) {
.post-type-archive-entities_realization .filtered-list--filters-wrapper {
--card-box-shadow: none;
}
}
@media (min-width: 576px) {
.post-type-archive-entities_realization .filtered-list--filters-wrapper .map__image {
margin-top: 2em;
}
}
body.single-entities_realization .detail-item {
/*
Map et agence en moins
*/
/* 1 colonne */
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " similars similars similars similars " " . legalnotice legalnotice . ";
}
body.single-entities_realization .detail-item.layout--1-col {
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " . similars similars . " " . legalnotice legalnotice . " !important;
}
@media (min-width: 768px) {
body.single-entities_realization .detail-item.layout--1-col {
grid-template-areas: " pagination medias medias toolbox " " pagination medias medias toolbox " " pagination header header toolbox " " pagination description description toolbox " " pagination catalogue catalogue toolbox " " similars similars similars similars " " legalnotice legalnotice legalnotice legalnotice " !important;
}
}
@media (min-width: 768px) {
body.single-entities_realization .detail-item {
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " pagination catalogue form . " " pagination similars similars . " " legalnotice legalnotice legalnotice legalnotice ";
}
}
body.single-entities_realization .detail-item-header-specs chips-list {
display: none;
}
body.single-entities_prestapack .detail-item {
/*
Map et agence en moins
*/
/* 1 colonne */
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " similars similars similars similars " " . legalnotice legalnotice . ";
}
body.single-entities_prestapack .detail-item.layout--1-col {
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " . similars similars . " " . legalnotice legalnotice . " !important;
}
@media (min-width: 768px) {
body.single-entities_prestapack .detail-item.layout--1-col {
grid-template-areas: " pagination medias medias toolbox " " pagination medias medias toolbox " " pagination header header toolbox " " pagination description description toolbox " " pagination catalogue catalogue toolbox " " similars similars similars similars " " legalnotice legalnotice legalnotice legalnotice " !important;
}
}
@media (min-width: 768px) {
body.single-entities_prestapack .detail-item {
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " pagination catalogue form . " " pagination similars similars . " " legalnotice legalnotice legalnotice legalnotice ";
}
}
body.single-entities_prestapack .detail-item-header-specs chips-list {
display: none;
}
body.post-type-archive-entities_agencies {
--color-sector: var(--color-agencies);
--color-sector2: var(--color-agencies-darker);
}
@media (max-width: 767px) {
body.post-type-archive-entities_agencies .filtered-list--filters {
--color-primary: var(--color-sector);
--color-primary-light: var(--color-models-light);
--color-primary-extralight: var(--color-models-extralight);
--input-group-addon-bg: var(--color-primary-extralight);
--input-group-addon-color: var(--color-primary-light);
color: #fff;
}
body.post-type-archive-entities_agencies .filtered-list--filters-motor {
padding: 0 1em;
background-color: transparent;
color: #fff;
}
body.post-type-archive-entities_agencies .filtered-list--filters .search-main-btn {
background-color: #fff;
}
}
@media (max-width: 767px) and (max-width: 767px) {
body.post-type-archive-entities_agencies .filtered-list--filters .search-main-btn {
background-color: #fff !important;
color: #333 !important;
}
}
@media (max-width: 767px) {
body.post-type-archive-entities_agencies .filtered-list--filters-wrapper {
--card-box-shadow: none;
}
}
@media (min-width: 576px) {
body.post-type-archive-entities_agencies .filtered-list--filters-wrapper .map__image {
margin-top: 2em;
}
}
@media (min-width: 768px) {
body.post-type-archive-entities_agencies .filtered-list--filters .filter-group-geolocation-map {
display: block;
}
}
body.post-type-archive-entities_agencies .filtered-list--filters .filter-group-geolocation-map .map-svg-interactive {
--map-zone-bg-color: #fff;
--map-zone-border-color: var(--color-sector2, --color-sector, --color-primary);
--map-zone-opacity: 1;
--map-zone-hover-bg-color: var(--map-zone-bg-color);
--map-zone-hover-border-color: var(--map-zone-border-color);
--map-zone-hover-opacity: .8;
}
@media (min-width: 768px) {
body.post-type-archive-entities_agencies .filtered-list--filters .filter-group-geolocation-map .map-svg-interactive {
--map-zone-bg-color: var(--color-primary);
--map-zone-border-color: #fff;
--map-zone-opacity: .8;
--map-zone-hover-opacity: 1;
}
}
body.post-type-archive-entities_agencies .filtered-list--filters .filter-group-geolocation-everywhere a {
color: inherit;
}
body.post-type-archive-entities_agencies .filtered-list--filters-motor .autocomplete-wrapper {
color: var(--color-base);
}
body.post-type-archive-entities_agencies .filtered-list--filters-motor-footer .search-main-btn {
left: 0;
color: var(--color-agencies-darker);
}
body.post-type-archive-entities_agencies .filtered-list--items-header-title .filtered-list--counter {
display: inline-block;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure {
/* mise en place d'un ratio d'affichage
pour centrer le loge de la marque
*/
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-container {
position: relative;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-container:before {
content: "";
display: block;
width: 100%;
padding-top: 53.488372093%;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item picture.brand,
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item img.brand {
flex: 0 0 auto;
width: auto;
height: 60%;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item picture:not(.brand),
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item img:not(.brand) {
width: 100%;
height: 100%;
object-fit: cover;
}
body.post-type-archive-entities_agencies .filtered-list--items .card-type-agency .card-figure-item picture.brand {
display: flex;
justify-content: center;
align-items: center;
}
.agency-detail .detail-item {
/*
Pas de toolbox sur les agences
*/
grid-template-columns: var(--pl) 1fr var(--pr);
grid-template-rows: auto;
grid-auto-columns: 0;
grid-template-areas: " . pagination . " " medias medias medias " " . header . " " . description . " " map map map " " offers offers offers " " posts posts posts ";
}
@media (min-width: 768px) {
.agency-detail .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
grid-template-areas: " pagination medias form . " " pagination header form . " " pagination description form . " " pagination map form . " " pagination offers form . " " pagination posts posts . ";
}
}
.agency-detail .detail-item-header {
grid-area: header;
}
@media (min-width: 768px) {
.agency-detail .detail-item-header-contact a[href^="geo:"] {
text-decoration: none;
}
}
.agency-detail .detail-item-pagination {
grid-area: pagination;
}
.agency-detail .detail-item-description {
grid-area: description;
}
.agency-detail .detail-item-medias {
grid-area: medias;
}
.agency-detail .detail-item-medias-slider-main {
grid-column: 1/-1;
grid-row: 1/-1;
}
@media (min-width: 576px) {
.agency-detail .detail-item-medias-slider-main {
grid-column: 1/-1;
grid-row: 1/-1;
}
}
.agency-detail .detail-item-map {
grid-area: map;
}
.agency-detail .detail-item-agencyform {
grid-area: form;
}
.agency-detail .detail-item-offers {
grid-area: offers;
}
.agency-detail .detail-item-posts {
grid-area: posts;
}
.agency-detail .agency-specs {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
grid-auto-rows: auto;
}
.post-type-archive-entities_catalog .detail-item,
.form-page .detail-item,
.edito-page .detail-item {
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . ";
/* 1 colonne */
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item,
.form-page .detail-item,
.edito-page .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 4em 2em;
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . ";
margin-top: 0;
}
}
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col {
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . ";
}
@media (min-width: 768px) {
.post-type-archive-entities_catalog .detail-item.layout--1-col,
.form-page .detail-item.layout--1-col,
.edito-page .detail-item.layout--1-col {
grid-template-areas: " pagination medias medias toolbox " " pagination header header toolbox " " pagination description description toolbox " !important;
}
}
.post-type-archive-entities_catalog .detail-item.layout--1-col .detail-item-agencyform,
.form-page .detail-item.layout--1-col .detail-item-agencyform,
.edito-page .detail-item.layout--1-col .detail-item-agencyform {
display: none;
}
.post-type-archive-entities_catalog .detail-item .filtered-list--items-chapo,
.form-page .detail-item .filtered-list--items-chapo,
.edito-page .detail-item .filtered-list--items-chapo {
padding: 0;
}
.post-type-archive-entities_catalog .detail-item-header,
.form-page .detail-item-header,
.edito-page .detail-item-header {
grid-area: header;
}
.post-type-archive-entities_catalog .detail-item-toolbox,
.form-page .detail-item-toolbox,
.edito-page .detail-item-toolbox {
grid-area: toolbox;
}
.post-type-archive-entities_catalog .detail-item-pagination,
.form-page .detail-item-pagination,
.edito-page .detail-item-pagination {
grid-area: pagination;
}
.post-type-archive-entities_catalog .detail-item-description,
.form-page .detail-item-description,
.edito-page .detail-item-description {
grid-area: description;
}
.post-type-archive-entities_catalog .detail-item-medias,
.form-page .detail-item-medias,
.edito-page .detail-item-medias {
grid-area: medias;
}
.post-type-archive-entities_catalog .detail-item-map,
.form-page .detail-item-map,
.edito-page .detail-item-map {
grid-area: map;
}
.post-type-archive-entities_catalog .detail-item-legalnotice,
.form-page .detail-item-legalnotice,
.edito-page .detail-item-legalnotice {
grid-area: legalnotice;
}
.post-type-archive-entities_catalog .detail-item-agency::before,
.form-page .detail-item-agency::before,
.edito-page .detail-item-agency::before {
--this-left: calc(-10px - var(--pl));
--this-right: calc(-10px - var(--pr));
left: var(--this-left);
right: var(--this-right);
z-index: 0;
}
.post-type-archive-entities_catalog .detail-item-agency > *,
.form-page .detail-item-agency > *,
.edito-page .detail-item-agency > * {
position: relative;
}
.post-type-archive-entities_catalog .detail-item-agency .card-figure,
.form-page .detail-item-agency .card-figure,
.edito-page .detail-item-agency .card-figure {
display: flex;
justify-content: flex-start;
align-items: stretch;
align-self: stretch;
justify-self: stretch;
background-color: white;
}
@media (min-width: 576px) {
.post-type-archive-entities_catalog .detail-item-agency .card-figure,
.form-page .detail-item-agency .card-figure,
.edito-page .detail-item-agency .card-figure {
justify-content: flex-end;
}
}
.post-type-archive-entities_catalog .detail-item-agencyform,
.form-page .detail-item-agencyform,
.edito-page .detail-item-agencyform {
grid-area: form;
}
.post-type-archive-entities_catalog .detail-item-similars,
.form-page .detail-item-similars,
.edito-page .detail-item-similars {
grid-area: similars;
}
.single-entities_event .detail-item {
/* 2 Colonnes */
--pl: var(--layout-wrapper-medium-margin-right);
--pr: var(--layout-wrapper-medium-margin-right);
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " legalnotice legalnotice legalnotice legalnotice ";
}
@media (min-width: 768px) {
.single-entities_event .detail-item {
--pl: calc(var(--layout-wrapper-large-margin-left));
--pr: calc(var(--layout-wrapper-large-margin-right) - 30px);
}
}
@media (min-width: 992px) {
.single-entities_event .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: calc(var(--layout-wrapper-medium-margin-right) - 30px);
}
}
@media (min-width: 768px) {
.single-entities_event .detail-item {
grid-template-columns: var(--pl) 1fr var(--pr);
gap: 4em 2em;
margin-top: 0;
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " legalnotice legalnotice legalnotice legalnotice ";
}
.single-entities_event .detail-item.with-form {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
}
}
.single-entities_event .detail-item-header {
grid-area: header;
}
.single-entities_event .detail-item-header-title {
max-width: 24em;
}
.single-entities_event .detail-item-header-title .title-suffix {
display: block;
font-size: 0.85em;
}
.single-entities_event .detail-item-dates-offer {
grid-area: dates_offer;
font-size: 1.1em;
margin: 0;
padding: 0.5em 0.8em;
background-color: var(--color-theme-bluegreen);
color: #fff;
}
@media (min-width: 768px) {
.single-entities_event .detail-item-dates-offer {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
}
.single-entities_event .detail-item-medias {
grid-area: medias;
}
@media (min-width: 768px) {
.single-entities_event .detail-item-medias-slider-thumbs {
display: grid;
grid-column: 4/span 2;
grid-row: 1/span 2;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr 1fr;
gap: 18px;
}
}
.post-type-archive-entities_house_model {
--color-sector: var(--color-models);
--color-sector2: var(--color-models);
}
@media (max-width: 767px) {
.post-type-archive-entities_house_model .filtered-list--filters {
--color-primary: var(--color-sector);
--color-primary-light: var(--color-models-light);
--color-primary-extralight: var(--color-models-extralight);
--input-group-addon-bg: var(--color-primary-extralight);
--input-group-addon-color: var(--color-primary-light);
}
}
.model-detail .detail-item {
/*#region 2 Colonnes */
grid-auto-columns: 0;
grid-template-areas: " . pagination toolbox . " " medias medias medias medias " " . header header . " " . description description . " " . catalogue catalogue . " " . testimony testimony . " " similars similars similars similars " " benefit benefit benefit benefit " " advices advices advices advices ";
gap: 1em 0;
position: relative;
margin-top: 1em;
}
@media (min-width: 768px) {
.model-detail .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 4em 2em;
grid-template-areas: " pagination medias toolbox . " " pagination medias form . " " pagination header form . " " pagination description form . " " pagination catalogue form . " " pagination testimony form . " " pagination similars similars . " " pagination advices advices . " " pagination benefit benefit . ";
margin-top: 0;
}
}
.model-detail .detail-item-testimony-realization {
grid-area: testimony;
}
.model-detail .detail-item-testimony-realization-bg {
z-index: 0;
grid-area: 6/1/7/5;
}
@media (min-width: 768px) {
.model-detail .detail-item-testimony-realization-bg {
grid-area: 6/1/7/5;
}
}
.model-detail .detail-item-benefit {
grid-area: benefit;
padding: 5em 0 1em 0;
}
.model-detail .detail-item-benefit-bg {
z-index: 0;
grid-area: 8/1/span 1/5;
}
@media (min-width: 768px) {
.model-detail .detail-item-benefit-bg {
grid-area: 8/1/span 1/5;
}
}
.model-detail .detail-item-similars {
grid-area: similars;
}
.model-detail .detail-item-advices {
grid-area: advices;
padding: 5em 0 1em 0;
}
.seo-page-detail .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: var(--layout-wrapper-medium-margin-right);
display: grid;
grid-template-columns: var(--pl) 1fr var(--pr);
grid-template-rows: auto;
grid-template-areas: " header header header " " . description . " " models models models " " catalogs catalogs catalogs " " offers offers offers " " agencies agencies agencies " " realizations realizations realizations " " actualities actualities actualities " " seo-page-link seo-page-link seo-page-link ";
gap: 1em 0;
position: relative;
}
@media (min-width: 768px) {
.seo-page-detail .detail-item {
--pl: calc(var(--layout-wrapper-large-margin-left));
--pr: calc(var(--layout-wrapper-large-margin-right) - 30px);
}
}
@media (min-width: 992px) {
.seo-page-detail .detail-item {
--pl: var(--layout-wrapper-medium-margin-right);
--pr: calc(var(--layout-wrapper-medium-margin-right) - 30px);
}
}
@media (min-width: 768px) {
.seo-page-detail .detail-item {
grid-template-areas: " header header header " " . description . " " . form . " " models models models " " catalogs catalogs catalogs " " offers offers offers " " agencies agencies agencies " " realizations realizations realizations " " actualities actualities actualities " " seo-page-link seo-page-link seo-page-link ";
}
}
@media (min-width: 992px) {
.seo-page-detail .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 4em 2em;
grid-template-areas: " . header header . " " . description form . " " . catalogs catalogs . " " models models models models " " offers offers offers offers " " agencies agencies agencies agencies " " realizations realizations realizations realizations " " actualities actualities actualities actualities " " seo-page-link seo-page-link seo-page-link seo-page-link ";
}
}
@media (min-width: 1600px) {
.seo-page-detail .detail-item {
grid-template-columns: var(--pl) 51.14583% 1fr var(--pr);
gap: 1em 2em;
grid-template-areas: " . header form . " " . description form . " " . catalogs form . " " models models models models " " offers offers offers offers " " agencies agencies agencies agencies " " realizations realizations realizations realizations " " actualities actualities actualities actualities " " . seo-page-link seo-page-link . ";
}
}
.seo-page-detail .detail-item .box-content {
margin: 0;
}
.seo-page-detail .detail-item-medias-slider-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 18px;
}
.seo-page-detail .detail-item-medias-slider-container .full-thumbnail {
grid-column: 1/-1;
grid-row: 1/-1;
background-color: #fff;
overflow: hidden;
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-medias-slider-container .full-thumbnail {
border-radius: 1rem;
}
}
.seo-page-detail .detail-item-medias-slider-container .full-thumbnail img {
width: 100%;
}
.seo-page-detail .detail-item-header {
grid-area: header;
position: relative;
/*#region Éléments mis en avant */
/*#endregion */
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-header {
margin-bottom: 3rem;
}
}
.seo-page-detail .detail-item-header-content {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
text-align: center;
color: #fff;
}
.seo-page-detail .detail-item-header-title {
margin-bottom: 1em;
}
@media (max-width: 575px) {
.seo-page-detail .detail-item-header-title {
font-size: 1.4375em;
padding: 2em;
}
}
.seo-page-detail .detail-item-header .tiles {
--this-color: var(--color-primary);
display: flex;
flex-flow: row wrap;
position: relative;
margin: 0;
color: var(--color-base);
border-radius: 3px;
}
.seo-page-detail .detail-item-header .tiles-wrapper {
position: absolute;
inset: auto 3rem -3rem 3rem;
}
@media (max-width: 767px) {
.seo-page-detail .detail-item-header .tiles-wrapper {
display: none;
}
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles {
flex: 1;
align-items: center;
padding: 1em 1.5em;
background-color: #f6f6f6;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}
}
@media (min-width: 1200px) {
.seo-page-detail .detail-item-header .tiles {
margin-left: var(--layout-wrapper-small-margin-left);
margin-right: var(--layout-wrapper-small-margin-right);
flex-flow: row nowrap;
}
}
.seo-page-detail .detail-item-header .tiles > * {
flex: 0 1 100%;
}
@media (min-width: 992px) {
.seo-page-detail .detail-item-header .tiles > * {
flex: 1 1 auto;
}
}
.seo-page-detail .detail-item-header .tiles-title {
flex: 0 1 auto;
padding-right: 2em;
padding-bottom: 0.8em;
font-size: 1.263157895em;
font-weight: 400;
}
@media (max-width: 1199px) {
.seo-page-detail .detail-item-header .tiles-title {
display: none;
}
}
@media (min-width: 1200px) {
.seo-page-detail .detail-item-header .tiles-title {
padding-bottom: 0;
}
}
.seo-page-detail .detail-item-header .tiles-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
margin: 2em 0;
padding: 0;
list-style: none;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles-list {
justify-content: space-evenly;
flex-flow: row nowrap;
margin: 0;
}
}
.seo-page-detail .detail-item-header .tiles-item {
flex: 0 1 48%;
margin-bottom: 1em;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles-item {
flex: 0 1 100%;
margin-bottom: 0;
margin-right: 1em;
}
.seo-page-detail .detail-item-header .tiles-item:last-child {
margin-right: 0;
}
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles-item-link {
height: 100%;
}
}
.seo-page-detail .detail-item-header .tiles-item > * {
min-width: 100%;
}
.seo-page-detail .detail-item-header .tiles.sunlights {
--this-color: var(--color-primary);
display: flex;
flex-flow: row wrap;
position: relative;
margin: 0;
color: var(--color-base);
border-radius: 3px;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles.sunlights {
flex: 1;
align-items: center;
padding: 1em 1.5em;
background-color: #f6f6f6;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}
}
@media (min-width: 1200px) {
.seo-page-detail .detail-item-header .tiles.sunlights {
flex-flow: row nowrap;
}
}
.seo-page-detail .detail-item-header .tiles.sunlights > * {
flex: 0 1 100%;
}
@media (min-width: 992px) {
.seo-page-detail .detail-item-header .tiles.sunlights > * {
flex: 1 1 auto;
}
}
.seo-page-detail .detail-item-header .tiles.sunlights-title {
flex: 0 1 auto;
padding-right: 2em;
padding-bottom: 0.8em;
font-size: 1.263157895em;
font-weight: 400;
}
@media (min-width: 1200px) {
.seo-page-detail .detail-item-header .tiles.sunlights-title {
padding-bottom: 0;
}
}
.seo-page-detail .detail-item-header .tiles.sunlights-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
margin: 2em 0;
padding: 0;
list-style: none;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles.sunlights-list {
justify-content: space-evenly;
flex-flow: row nowrap;
margin: 0;
}
}
.seo-page-detail .detail-item-header .tiles.sunlights-item {
flex: 0 1 48%;
margin-bottom: 1em;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles.sunlights-item {
flex: 0 1 100%;
margin-bottom: 0;
margin-right: 1em;
}
.seo-page-detail .detail-item-header .tiles.sunlights-item:last-child {
margin-right: 0;
}
}
@media (min-width: 576px) {
.seo-page-detail .detail-item-header .tiles.sunlights-item-link {
height: 100%;
}
}
.seo-page-detail .detail-item-header .tiles.sunlights-item > * {
min-width: 100%;
}
.seo-page-detail .detail-item-description {
grid-area: description;
max-width: 60em;
margin: 0 auto;
font-weight: 300;
color: var(--color-mediumdark-grey);
}
.seo-page-detail .detail-item-form {
grid-area: form;
}
.seo-page-detail .detail-item-form-container {
padding: 1.3em 8%;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
}
.seo-page-detail .detail-item-manchette-catalog {
grid-area: catalogs;
font-weight: 300;
color: var(--color-grey);
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-manchette-catalog.discovery-models .manchette.wrapper {
--layout-wrapper-small-margin-left: auto;
--layout-wrapper-small-margin-right: auto;
margin: auto !important;
max-width: 60em;
}
}
.seo-page-detail .detail-item-models {
grid-area: models;
padding: 2.5em 0 1.5em;
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-models {
padding: 6em 0 2em;
}
}
.seo-page-detail .detail-item-models-title {
margin: 0 0 2em 0;
text-align: center;
}
.seo-page-detail .detail-item-models .slider-inline-slider,
.seo-page-detail .detail-item-models .slider-inline-slider-wrapper,
.seo-page-detail .detail-item-models .slider-inline-slider-list,
.seo-page-detail .detail-item-models .slider-inline-slider-item {
height: auto !important;
}
.seo-page-detail .detail-item-models-wrapper {
margin-left: var(--layout-wrapper-medium-margin-left);
}
.seo-page-detail .detail-item-models-list {
margin: 2em 0;
grid-template-columns: repeat(1, 1fr);
}
.seo-page-detail .detail-item-models-list .card:first-child ~ .card {
margin: 0;
display: none;
}
@media (min-width: 480px) {
.seo-page-detail .detail-item-models-list {
grid-template-columns: repeat(2, 1fr);
}
.seo-page-detail .detail-item-models-list .card:first-child ~ .card {
display: flex;
}
.seo-page-detail .detail-item-models-list .card:nth-child(2) ~ .card {
display: none;
}
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-models-list {
grid-template-columns: repeat(3, 1fr);
}
.seo-page-detail .detail-item-models-list .card:nth-child(2) ~ .card {
display: flex;
}
.seo-page-detail .detail-item-models-list .card:nth-child(3) ~ .card {
display: none;
}
}
@media (min-width: 1600px) {
.seo-page-detail .detail-item-models-list {
grid-template-columns: repeat(4, 1fr);
}
.seo-page-detail .detail-item-models-list .card:nth-child(2) ~ .card {
display: flex;
}
}
.seo-page-detail .detail-item-models .card-type-model .card-figure {
/* mise en place d'un ratio d'affichage pour centrer le loge de la marque */
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-container {
position: relative;
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-container:before {
content: "";
display: block;
width: 100%;
padding-top: 53.488372093%;
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-item picture.brand,
.seo-page-detail .detail-item-models .card-type-model .card-figure-item img.brand {
flex: 0 0 auto;
width: auto;
height: 60%;
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-item picture:not(.brand),
.seo-page-detail .detail-item-models .card-type-model .card-figure-item img:not(.brand) {
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-page-detail .detail-item-models .card-type-model .card-figure-item picture.brand {
display: flex;
justify-content: center;
align-items: center;
}
.seo-page-detail .detail-item-offers {
grid-area: offers;
padding: 2.5em 0 1.5em;
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-offers {
padding: 6em 0 2em;
}
}
.seo-page-detail .detail-item-offers-title {
margin: 0 0 2em 0;
text-align: center;
}
.seo-page-detail .detail-item-offers .slider-inline-slider,
.seo-page-detail .detail-item-offers .slider-inline-slider-wrapper,
.seo-page-detail .detail-item-offers .slider-inline-slider-list,
.seo-page-detail .detail-item-offers .slider-inline-slider-item {
height: auto !important;
}
.seo-page-detail .detail-item-offers-wrapper {
margin-left: var(--layout-wrapper-medium-margin-left);
}
.seo-page-detail .detail-item-offers-list {
margin: 2em 0;
grid-template-columns: repeat(1, 1fr);
}
.seo-page-detail .detail-item-offers-list .card:first-child ~ .card {
margin: 0;
display: none;
}
@media (min-width: 480px) {
.seo-page-detail .detail-item-offers-list {
grid-template-columns: repeat(2, 1fr);
}
.seo-page-detail .detail-item-offers-list .card:first-child ~ .card {
display: flex;
}
.seo-page-detail .detail-item-offers-list .card:nth-child(2) ~ .card {
display: none;
}
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-offers-list {
grid-template-columns: repeat(3, 1fr);
}
.seo-page-detail .detail-item-offers-list .card:nth-child(2) ~ .card {
display: flex;
}
.seo-page-detail .detail-item-offers-list .card:nth-child(3) ~ .card {
display: none;
}
}
@media (min-width: 1600px) {
.seo-page-detail .detail-item-offers-list {
grid-template-columns: repeat(4, 1fr);
}
.seo-page-detail .detail-item-offers-list .card:nth-child(2) ~ .card {
display: flex;
}
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure {
/* mise en place d'un ratio d'affichage pour centrer le loge de la marque */
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-container {
position: relative;
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-container:before {
content: "";
display: block;
width: 100%;
padding-top: 53.488372093%;
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item picture.brand,
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item img.brand {
flex: 0 0 auto;
width: auto;
height: 60%;
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item picture:not(.brand),
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item img:not(.brand) {
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-page-detail .detail-item-offers .card-type-offer .card-figure-item picture.brand {
display: flex;
justify-content: center;
align-items: center;
}
.seo-page-detail .detail-item-agencies {
grid-area: agencies;
padding: 2.5em 0 1.5em;
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-agencies {
padding: 6em 0 2em;
}
}
.seo-page-detail .detail-item-agencies-title {
margin: 0 0 2em 0;
text-align: center;
}
.seo-page-detail .detail-item-agencies .slider-inline-slider,
.seo-page-detail .detail-item-agencies .slider-inline-slider-wrapper,
.seo-page-detail .detail-item-agencies .slider-inline-slider-list,
.seo-page-detail .detail-item-agencies .slider-inline-slider-item {
height: auto !important;
}
.seo-page-detail .detail-item-agencies-wrapper {
margin-left: var(--layout-wrapper-medium-margin-left);
}
.seo-page-detail .detail-item-agencies-list {
margin: 2em 0;
grid-template-columns: repeat(1, 1fr);
}
.seo-page-detail .detail-item-agencies-list .card:first-child ~ .card {
margin: 0;
display: none;
}
@media (min-width: 480px) {
.seo-page-detail .detail-item-agencies-list {
grid-template-columns: repeat(2, 1fr);
}
.seo-page-detail .detail-item-agencies-list .card:first-child ~ .card {
display: flex;
}
.seo-page-detail .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: none;
}
}
@media (min-width: 768px) {
.seo-page-detail .detail-item-agencies-list {
grid-template-columns: repeat(3, 1fr);
}
.seo-page-detail .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: flex;
}
.seo-page-detail .detail-item-agencies-list .card:nth-child(3) ~ .card {
display: none;
}
}
@media (min-width: 1600px) {
.seo-page-detail .detail-item-agencies-list {
grid-template-columns: repeat(4, 1fr);
}
.seo-page-detail .detail-item-agencies-list .card:nth-child(2) ~ .card {
display: flex;
}
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure {
/* mise en place d'un ratio d'affichage
pour centrer le loge de la marque
*/
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-container {
position: relative;
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-container:before {
content: "";
display: block;
width: 100%;
padding-top: 53.488372093%;
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item picture.brand,
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item img.brand {
flex: 0 0 auto;
width: auto;
height: 60%;
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item picture:not(.brand),
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item img:not(.brand) {
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-page-detail .detail-item-agencies .card-type-agency .card-figure-item picture.brand {
display: flex;
justify-content: center;
align-items: center;
}
.seo-page-detail .detail-item-realizations {
grid-area: realizations;
}
.seo-page-detail .detail-item-actualities {
grid-area: actualities;
}
@media (min-width: 576px) {
.seo-page-detail .detail-item .sticker {
position: sticky;
top: 120px;
bottom: 20px;
}
}
.seo-page-detail .block-seo-page-wrapper {
grid-area: seo-page-link;
}
.seo-page-detail .cta-wrapper {
margin: 3rem auto;
display: flex;
justify-content: center;
}
.seo-page-detail .cta-wrapper .seo-page-cta {
margin: 0 1rem;
background-color: var(--color-primary);
color: white;
}
.seo-page-detail .in-text {
margin: 3rem auto;
}
/* ----------------------------- */
/* ACCOUNT : Compte Utilisateur */
/* ----------------------------- */
/*
*/
body.account .account {
/*#region Layout */
/*#endregion*/
/*#region Nav */
/*#endregion*/
/*#region Contenus */
/*#region Formulaires */
/*#endregion*/
/*#region Account */
/*#endregion*/
/*#region Login / Register */
/*#endregion*/
/*#region Favoris */
/*#endregion*/
/*#region Favoris */
/*#endregion*/
/*#region Déconnexion */
/*#endregion */
/*#endregion*/
}
body.account .account-header-main {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(2, auto);
}
@media (min-width: 576px) {
body.account .account-header-main {
grid-template-columns: repeat(2, 1fr);
}
}
body.account .account-header-tools {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
}
body.account .account-header-tools > a, body.account .account-header-tools > button {
font-size: 0.8em;
}
body.account .account-title {
margin: 2.5rem 0 2.8rem;
}
body.account .account-main {
margin: 0 0 2em 0;
padding: 2em 5%;
box-shadow: 0 -7px 16px rgba(0, 0, 0, 0.07);
background-color: #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
body.account .account-nav-list {
display: flex;
flex-flow: row nowrap;
margin: 0;
text-align: center;
font-size: 1.1em;
font-weight: var(--weight-regular);
}
body.account .account-nav-item {
position: relative;
z-index: 0;
margin: 0 0.8em 0 0;
flex: 1 1 auto;
max-width: 14em;
}
@media (min-width: 576px) {
body.account .account-nav-item {
margin: 0 1.5em 0 0;
}
}
body.account .account-nav-item::after {
content: "";
z-index: 10;
position: absolute;
right: 0;
bottom: -15px;
left: 0;
height: 15px;
background: white;
}
body.account .account-nav-item a {
display: block;
margin: 0;
padding: 1.8vw 0.8em;
background-color: white;
background-color: rgba(255, 255, 255, 0.6);
line-height: 1;
text-decoration: none;
color: var(--color-primary);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 -7px 16px rgba(0, 0, 0, 0.07);
transition: all 0.3s ease;
}
@media (min-width: 576px) {
body.account .account-nav-item a {
padding: 1em;
line-height: normal;
}
}
body.account .account-nav-item a .icon {
display: block;
font-size: 1.2em;
}
@media (min-width: 480px) {
body.account .account-nav-item a .icon {
font-size: 1em;
margin-bottom: 0.3em;
}
}
@media (min-width: 576px) {
body.account .account-nav-item a .icon {
display: inline-block;
margin-bottom: 0;
}
}
body.account .account-nav-item a .label {
font-size: 0.7em;
opacity: 0.6;
}
@media (min-width: 480px) {
body.account .account-nav-item a .label {
font-size: 1em;
}
}
body.account .account-nav-item a:hover, body.account .account-nav-item a:active, body.account .account-nav-item a:focus {
background-color: rgba(255, 255, 255, 0.85);
}
body.account .account-nav-item a:hover .label, body.account .account-nav-item a:active .label, body.account .account-nav-item a:focus .label {
opacity: 0.85;
}
body.account .account-nav-item.current {
opacity: 1;
}
body.account .account-nav-item.current a {
background-color: white;
color: #555;
box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.07);
}
body.account .account-nav-item.current a .label {
opacity: 1;
}
body.account .account-content {
display: none;
margin: 0 0 2em;
font-size: 1.1em;
font-weight: var(--weight-regular);
text-align: center;
color: var(--color-grey);
}
@media (min-width: 576px) {
body.account .account-content {
text-align: left;
display: block;
}
}
body.account .account .errors-list-wrapper {
margin: 1.2em 0;
padding: 0.8em 1em;
line-height: 1.4;
font-size: 0.8em;
}
body.account .account-main-wrapper {
width: 100%;
max-width: 45em;
margin: 0 auto;
}
body.account .account-main-wrapper fieldset {
margin: 0 0 2em 0;
}
body.account .account-main-wrapper fieldset legend {
margin-bottom: 1em;
padding-bottom: 0.8em;
border-bottom: 1px solid var(--color-grey-light);
}
body.account .account-page-login {
/* Onglets : Sur -SMALL uniquement */
}
body.account .account-page-login .account-main {
border-radius: 10px;
}
@media (max-width: 575px) {
body.account .account-page-login .account-main {
padding: 0;
}
}
@media (max-width: 767px) {
body.account .account-page-login .account-main {
box-shadow: none;
}
}
@media (max-width: 575px) {
body.account .account-page-login .account-title {
display: none;
}
}
body.account .account-page-login .account-forms-list {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(1, 1fr);
grid-gap: 4rem;
}
@media (min-width: 768px) {
body.account .account-page-login .account-forms-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 576px) {
body.account .account-page-login .account-tabs {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
body.account .account-page-login .account-tabs {
display: none;
}
}
@media (max-width: 767px) {
body.account .account-page-login .account-tabs .tablist__link {
padding-right: 0.8em;
padding-left: 0.8em;
}
}
@media (max-width: 767px) {
body.account .account-page-login .tabcontent-title {
display: none;
}
}
@media (min-width: 768px) {
body.account .account-page-login .theme-classic-tabs__content[aria-hidden=true] {
display: block;
}
}
body.account .account-main .card-type-search .card-figure-item {
padding: 1em 2em;
}
body.account .account-main .card-type-search .picto-sprite {
width: 4em;
height: 5em;
}
body.account .account-main .card-type-search .card-footer {
padding: 0.75em;
}
body.account .account-main .card-type-search .card-footer .form-check-inline {
margin-bottom: 0;
}
body.account .account-main .card-type-search .card-footer label {
margin-bottom: 0;
}
body.account .account-main .card-type-search.search-land .card-figure-item {
background-color: var(--color-lands-extralight);
color: var(--color-lands);
}
body.account .account-main .card-type-search.search-house .card-figure-item {
background-color: var(--color-landhouses-extralight);
color: var(--color-landhouses);
}
body.account .account-main .sunlights .tiles-title {
font-size: 1.8rem;
text-align: center;
margin: 0 1em 1.5em;
}
@media (min-width: 576px) {
body.account .account-main .sunlights .tiles-title {
font-size: 2rem;
}
}
@media (min-width: 576px) {
body.account .account-main .sunlights .tiles-title {
margin: 3em 1em 1em;
}
}
body.account .account-main .sunlights .tiles-list {
display: flex;
justify-content: space-evenly;
flex-flow: row wrap;
max-width: 55em;
margin: 0 auto;
}
@media (min-width: 576px) {
body.account .account-main .sunlights .tiles-list {
flex-flow: row nowrap;
}
}
body.account .account-main .sunlights .tiles-item {
flex: 0 0 100%;
padding: 0 0 0.3em;
}
@media (min-width: 576px) {
body.account .account-main .sunlights .tiles-item {
flex: 1;
padding: 1em 1em 3em;
}
}
body.account .account-main .sunlights .tiles .tile-content {
text-align: right;
}
@media (min-width: 576px) {
body.account .account-main .sunlights .tiles .tile-content {
text-align: left;
}
}
body.account .account-main #delete-account-form {
margin: 4em 0;
padding: 2em;
border-radius: 2em;
background-color: var(--color-primary-extralight);
}
body.page-delete-mail-alert {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
}
body.page-delete-mail-alert .nav3d-container {
min-height: 100vh;
}
body.page-delete-mail-alert .nav3d-perspective {
min-height: 100vh;
}
body.page-delete-mail-alert .nav3d-wrapper {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
}
body.page-delete-mail-alert main {
flex: 1 1 auto;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
padding-top: 3em;
padding-bottom: 4em;
background: var(--color-primary);
background: var(--color-primary) url(images/shapes-bg.4c194a8.svg) center center no-repeat;
background-size: cover;
text-align: center;
color: #fff;
}
body.page-delete-mail-alert h1 {
font-size: 1.4em;
}
body.page-delete-mail-alert h1::before {
content: "";
display: block;
padding: 0.15em 0;
font-size: 5em;
font-weight: bold;
font-family: var(--font-icon-base);
}
body.page-delete-mail-alert .ctas {
margin: 1.7em 0;
padding: 0 0 3em 0;
color: var(--color-primary);
}
body.page-delete-mail-alert .footer {
display: none;
}
@media (min-width: 576px) {
body.page-delete-mail-alert .footer {
margin: -6em 0 0;
}
}
body.form-page .detail-item {
/* 1 colonne */
gap: 2em 0;
overflow-x: hidden;
overflow-y: visible;
}
body.form-page .detail-item.layout--1-col {
grid-template-columns: var(--pl) 1fr 1fr var(--pr);
--pl: var(--layout-wrapper-small-margin-left);
--pr: var(--layout-wrapper-small-margin-right);
grid-template-areas: " pagination medias toolbox . " " pagination header header . " " pagination description description . ";
}
@media (min-width: 768px) {
body.form-page .detail-item {
margin-top: 1em;
}
}
body.form-page .detail-item-description {
padding-right: 0;
}
body.form-page .detail-item-description-text {
margin-bottom: 2em;
}
body.form-page .rendez-vous-railroad {
margin-bottom: 2em;
}
@media (min-width: 768px) {
body.form-page .rendez-vous-railroad {
margin-bottom: 3em;
}
}
body.form-page .rendez-vous-railroad-step {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 2.2em;
height: 2.2em;
padding: 1em;
background-color: var(--color-primary);
border-radius: 50%;
border: 8px solid var(--color-page-bg);
transform: scale(1);
transition: transform ease-in-out 0.5s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
color: white;
cursor: pointer;
}
body.form-page .rendez-vous-railroad-step:hover, body.form-page .rendez-vous-railroad-step.current {
background-color: var(--color-primary);
transform: scale(1.1);
color: #fff;
font-weight: var(--weight-bold);
}
body.form-page .rendez-vous-railroad-step.inactive {
cursor: default;
background-color: var(--color-primary-extralight);
color: var(--color-mediumdark-grey);
}
body.form-page .btn {
padding: 0.7em;
border-radius: var(--input-border-radius);
white-space: normal;
line-height: 1.25;
}
body.form-page .grid-center {
display: inline-grid;
margin-left: auto;
margin-right: auto;
}
body.form-page .form-step-wrapper {
font-size: 1.2em;
align-items: start;
margin-bottom: 2em;
}
@media (min-width: 768px) {
body.form-page .form-step-wrapper {
font-size: 1.2em;
margin-bottom: 3em;
}
}
body.form-page .form-step {
position: relative;
width: 100%;
max-width: none;
}
body.form-page .autocomplete-choices {
font-size: 0.8em;
}
@media (min-width: 768px) {
body.form-page .autocomplete-choices {
font-size: 0.9em;
}
}
@media (min-width: 768px) {
body.form-page .autocomplete-choices-item {
line-height: 2.2;
}
}
body.form-page.mediation .detail-item-description-text {
font-size: 1.2rem;
}
body.form-page.mediation .detail-item-description-text h2 {
font-size: 1.4rem;
}
body.rendez-vous {
/*#region Les étapes */
/*#region ÉTAPE 1 : Lieu de construction */
/*#endregion*/
/*#region ÉTAPE 2 : Choix de l'agence */
/*#endregion*/
/*#region ÉTAPE 3 : Calendrier */
/*#endregion*/
/*#endregion*/
}
body.rendez-vous .form-step-wrapper {
font-size: 1.2em;
align-items: start;
margin-bottom: 2em;
min-height: 34em;
}
@media (min-width: 768px) {
body.rendez-vous .form-step-wrapper {
font-size: 1.2em;
margin-bottom: 3em;
}
}
body.rendez-vous .form-step {
position: relative;
width: 100%;
max-width: none;
}
body.rendez-vous .form-subtitle {
text-align: left;
font-weight: bold;
margin-bottom: 1rem;
}
body.rendez-vous .autocomplete-choices {
font-size: 0.8em;
}
@media (min-width: 768px) {
body.rendez-vous .autocomplete-choices {
font-size: 0.9em;
}
}
@media (min-width: 768px) {
body.rendez-vous .autocomplete-choices-item {
line-height: 2.2;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] input[type=radio] {
display: inline;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] [data-agencies-choice] {
width: auto;
max-width: none;
min-height: 0;
}
@media (min-width: 768px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] [data-agencies-choice] {
text-align: center;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__track > div {
display: flex;
margin-bottom: 0 !important;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__track > div > div {
flex: 1;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__track > div > div > div {
height: 100%;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slides {
margin-right: 0;
margin-bottom: 0;
padding: 1em 0 2em;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide {
margin-right: 0;
padding: 0 1em 1em 1em;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide article {
border: 2px solid var(--color-grey-extralight);
}
@media (max-width: 767px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide article .card-figure {
display: none;
}
}
@media (max-width: 767px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide article .card-details-contact-phone {
display: none;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide.active-agency {
border: 0 none;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-agency] .glide__slide.active-agency article {
border: 3px solid var(--color-primary-light);
}
body.rendez-vous [data-agencies-choice] {
margin: 0;
max-width: auto;
}
body.rendez-vous [data-agencies-choice] .card {
height: 100%;
}
body.rendez-vous [data-agencies-choice] .card-body::after {
display: none;
}
body.rendez-vous [data-agencies-choice] .card-body .card-text {
padding-right: 0;
font-size: 0.85em;
}
body.rendez-vous [data-rdv-location-choice] {
text-align: center;
}
@media (min-width: 576px) {
body.rendez-vous [data-rdv-location-choice] button {
margin: 0 2em;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] {
flex-flow: column nowrap;
gap: 1.2em;
}
@media (min-width: 576px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] {
flex-flow: row nowrap;
}
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] {
flex-flow: column nowrap;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] {
width: auto;
}
@media (max-width: 767px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] {
box-shadow: none;
}
}
@media (min-width: 768px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] {
margin-bottom: 1em;
}
}
@media (min-width: 1200px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] {
max-width: 25%;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card {
gap: 1em;
margin-bottom: 1em;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card {
flex-flow: row nowrap;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card-title-prefix {
display: block;
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card-body::after {
display: none;
}
@media (max-width: 767px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card-body {
padding: 0;
}
}
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card-text {
padding-right: 0;
}
@media (max-width: 767px) {
body.rendez-vous .form-step[data-step-type=rendez-vous-date] [data-selected-agency] .card-figure {
display: none;
}
}
body.rendez-vous *[data-selected-agency] {
width: auto;
max-width: none;
}
body.rendez-vous *[data-selected-agency] .card {
box-shadow: none;
background-color: transparent;
}
body.rendez-vous *[data-selected-agency] .card-figure {
background-color: transparent;
}
body.rendez-vous *[data-selected-agency] .card-figure img {
border-radius: var(--input-border-radius);
}
body.rendez-vous *[data-selected-agency] .card-body {
padding-right: 0;
padding-left: 0;
}
body.rendez-vous *[data-selected-agency] .card-text {
font-size: 0.7em;
}
body.rendez-vous [data-calendar] {
width: 100%;
}
body.rendez-vous .calendar {
background-color: #fff;
box-shadow: var(--card-box-shadow);
border-radius: var(--input-border-radius);
margin: 0;
padding: 1em;
}
@media (max-width: 767px) {
body.rendez-vous .calendar {
margin: 0;
}
}
@media (min-width: 768px) {
body.rendez-vous .calendar {
font-size: 0.85em;
}
}
body.rendez-vous .calendar-days {
margin: 0.5em 1em 0;
border-bottom: 1px solid var(--color-grey-extralight);
padding: 0 0 0.5em 0;
}
body.rendez-vous .calendar-days button.calendar-days-prev {
left: -2em;
}
body.rendez-vous .calendar-days button.calendar-days-next {
right: -2em;
}
body.rendez-vous .calendar-day {
line-height: 1.25;
}
body.rendez-vous .calendar-day-name {
font-weight: bold;
text-transform: lowercase;
}
body.rendez-vous .calendar .calendar-times {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 1em;
margin: 2em 0;
line-height: 1.2;
text-align: center;
transition: all 0.3s ease;
}
body.rendez-vous .calendar .calendar-times-wrapper {
padding: 0 1em 0;
}
@media (min-width: 768px) {
body.rendez-vous .calendar .calendar-times {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
padding: 0.5%;
}
}
body.rendez-vous .calendar .calendar-times.on-rdv > * {
grid-column: 1/-1;
text-align: center;
display: flex;
align-items: center;
padding: 0.3em;
background-color: #eee;
border-radius: var(--input-border-radius);
}
body.rendez-vous .calendar .calendar-times.active {
color: #fff;
}
body.rendez-vous .calendar-time {
margin: 0;
background-color: var(--color-primary-extralight);
}
body.rendez-vous .calendar-time:hover, body.rendez-vous .calendar-time:focus, body.rendez-vous .calendar-time:active, body.rendez-vous .calendar-time.active {
background-color: var(--color-primary);
color: #fff;
}
.review-loader {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: opacity ease-in-out 0.5s;
}
.review-loader.loading {
opacity: 1;
}
.review-loader-wrapper {
position: relative;
min-height: 200px;
padding: 3rem;
margin: 2rem auto;
border-radius: 1rem;
background-color: #ffffff;
box-shadow: 0 7px 16px rgba(0, 0, 0, 0.07);
}
.review-thumb {
padding: 3rem;
margin: 2rem auto;
border-radius: var(--card-border-radius, 10px);
background-color: #ffffff;
box-shadow: var(--card-box-shadow, 0 7px 16px rgba(0, 0, 0, 0.07));
}
.review-thumb:first-child {
margin-top: 0;
}
.review-thumb-header {
display: flex;
margin-bottom: 2rem;
align-items: center;
}
.review-thumb-house-state {
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
}
.review-thumb-agency a {
text-decoration: none;
font-style: italic;
font-size: 1.5rem;
color: var(--color-primary);
font-weight: bold;
}
.review-thumb-avatar {
border-radius: 5rem;
width: 5rem;
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 3rem;
color: white;
font-weight: bold;
text-transform: uppercase;
}
.review-thumb-rating-user {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0 2rem;
}
.review-thumb-user {
font-style: italic;
color: black;
font-size: 1.5rem;
}
.review-thumb-title {
font-size: 1.7rem;
color: black;
margin: 2rem 0;
font-style: italic;
}
.review-thumb-content {
font-size: 1.6rem;
}
.review-thumb-content p:first-child:before {
content: "«";
font-size: 3rem;
margin-top: -5rem;
padding-right: 1rem;
line-height: 1;
}
.review-thumb-content p:last-child:after {
content: "»";
font-size: 3rem;
margin-top: 0.5rem;
padding-left: 1rem;
line-height: 1;
}
.review-thumb-answer {
margin: 2rem 1rem 1rem auto;
max-width: 80%;
}
.review-thumb-answer-content {
border-left: 5px solid var(--color-primary-light);
padding: 1rem;
font-size: 1.5rem;
}
.review-thumb-answer-signature {
margin-top: 2rem;
text-align: right;
}
.review-page-description {
margin-bottom: 2rem;
}
.form-page.sell-land .detail-item-icon {
background-color: #00dc9d33;
}
/*
Ce fichier contient les élément des styles communs aux détails
de types de contenus listés ci-dessous.
*/
body.cmplz-document .detail-item .cmplz-document {
max-width: none;
}
.extension-renovation {
--pl: var(--layout-wrapper-medium-margin-left);
--pr: var(--layout-wrapper-small-margin-right);
}
.extension-renovation .main {
display: grid;
grid-template: "header header header" "content content content" "bottom bottom bottom";
grid-template-columns: var(--pl) 1fr var(--pr);
gap: 1em 2em;
}
@media screen and (min-width: 991px) {
.extension-renovation .main {
grid-template: "header header header" "content content content" "bottom bottom bottom";
}
}
@media screen and (min-width: 1200px) {
.extension-renovation .main {
grid-template: "header header form" ". content form" ". bottom .";
}
}
.extension-renovation .tabbar {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
backdrop-filter: unset;
padding: 9px 0 34px;
}
.extension-renovation .tabbar-tab {
width: 55%;
margin: 0 auto;
}
.extension-renovation-hero {
grid-area: header;
overflow: hidden;
}
@media screen and (min-width: 1200px) {
.extension-renovation-hero {
grid-column-end: -1;
}
}
.extension-renovation-hero-picture {
position: relative;
}
@media screen and (max-width: 991px) {
.extension-renovation-hero-picture {
height: 40vh;
}
}
.extension-renovation-hero-caption {
position: absolute;
inset: 0;
max-width: 160rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: calc(1.5rem + 30px);
margin-left: auto;
margin-right: auto;
width: 85%;
}
.extension-renovation-hero-caption-title {
color: #fff;
font-weight: 700;
font-size: 28px;
line-height: 34px;
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 991px) {
.extension-renovation-hero-caption {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (max-width: 768px) {
.extension-renovation-hero-caption {
font-size: 20px;
line-height: 24px;
width: 80%;
}
}
@media screen and (min-width: 1200px) {
.extension-renovation-hero-caption {
margin-left: 25vw;
margin-right: 0;
width: 70%;
margin: 0 var(--layout-wrapper-small-margin-right) 0 var(--layout-wrapper-small-margin-left);
}
}
@media screen and (min-width: 1400px) {
.extension-renovation-hero-caption {
width: 60%;
}
}
@media screen and (min-width: 1600px) {
.extension-renovation-hero-caption {
width: 50%;
}
}
.extension-renovation-hero-caption .btn-cta, .extension-renovation-hero-caption .wpcf7 [type=submit], .wpcf7 .extension-renovation-hero-caption [type=submit] {
margin-top: 40px;
font-size: 15px;
font-weight: 400;
}
@media screen and (max-width: 991px) {
.extension-renovation-hero-caption .btn-cta, .extension-renovation-hero-caption .wpcf7 [type=submit], .wpcf7 .extension-renovation-hero-caption [type=submit] {
margin-top: 20px;
}
}
.extension-renovation-hero-img img {
width: 100%;
}
@media screen and (max-width: 991px) {
.extension-renovation-hero-img img {
height: 100%;
object-fit: cover;
}
}
.extension-renovation-content {
font-weight: 300;
color: var(--color-mediumdark-grey);
grid-area: content;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.extension-renovation-content {
padding: 0 50px;
}
}
@media screen and (max-width: 575px) {
.extension-renovation-content {
padding: 30px 30px 0;
}
}
@media screen and (max-width: 1199px) {
.extension-renovation-content {
padding: 50px;
}
}
@media screen and (min-width: 1200px) {
.extension-renovation-content {
margin-left: 50px;
width: auto;
margin-top: 50px;
}
}
@media screen and (min-width: 1400px) {
.extension-renovation-content {
margin-left: 15vw;
}
}
@media screen and (min-width: 1600px) {
.extension-renovation-content {
margin-left: 20vw;
}
}
.extension-renovation-aside {
grid-area: form;
}
.extension-renovation-aside .hidden-tiny {
display: none;
}
@media screen and (max-width: 768px) {
.extension-renovation-aside {
padding: 30px !important;
background: #fff;
}
}
@media screen and (min-width: 1200px) {
.extension-renovation-aside {
width: 25vw;
}
}
@media screen and (min-width: 1400px) {
.extension-renovation-aside {
width: 20vw;
}
}
@media screen and (max-width: 1199px) {
.extension-renovation-aside {
position: fixed;
z-index: 4000;
top: 110vh;
right: 0;
left: 0;
bottom: 100vh;
max-height: 100vh;
padding: 3.8em var(--layout-wrapper-medium-margin-right) 3em var(--layout-wrapper-medium-margin-left);
pointer-events: none;
transition: top ease-in-out 1s;
}
.extension-renovation-aside.is-extended {
top: 0;
bottom: 0;
pointer-events: all;
overflow: scroll;
}
.extension-renovation-aside.is-extended::-webkit-scrollbar {
display: none;
}
}
@media screen and (min-width: 768px) {
.extension-renovation-aside-form {
padding: 30px 24px 10px;
position: sticky;
z-index: 1;
top: 120px;
bottom: 20px;
margin-top: 100px;
margin-right: 20px;
background-color: #fff;
border-radius: 9px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.extension-renovation-aside-form .form-label {
width: 100%;
display: block;
padding-bottom: 0.5rem;
font-weight: bold;
}
.extension-renovation-aside-form .form-radio-group {
padding: 0.5rem 1rem;
position: relative;
}
.extension-renovation-aside-form .form-radio-group-wrapper {
display: flex;
gap: 2rem;
}
.extension-renovation-aside-form .form-radio-group label {
pointer-events: none;
}
.extension-renovation-aside-form .form-radio-group [type=radio] {
position: absolute;
appearance: none;
inset: 0;
cursor: pointer;
}
.extension-renovation-aside-form .form-radio-group:has(:checked) {
background-color: var(--color-primary);
border-radius: 0.5rem;
color: var(--color-light);
}
}
@media screen and (min-width: 993px) {
.extension-renovation-aside-form {
position: relative;
}
.extension-renovation-aside-form .wpcf7-form {
display: flex;
flex-direction: column;
}
.extension-renovation-aside-form .wpcf7-form > * {
order: 1;
}
.extension-renovation-aside-form .wpcf7-form > p.form-mention {
order: 2;
}
}
@media screen and (min-width: 1399px) {
.extension-renovation-aside-form {
position: sticky;
}
}
.extension-renovation-aside-form .detail-item-icon-wrapper {
display: block;
}
@media screen and (min-width: 769px) {
.extension-renovation-aside-form .detail-item-icon-wrapper {
display: none;
}
}
.extension-renovation-aside-form .detail-item-icon {
background-color: var(--color-extension-renovation-extralight);
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
max-width: 168px;
margin: 0 auto 2rem;
padding: 40px;
border-radius: 50%;
}
@media screen and (min-width: 769px) {
.extension-renovation-aside-form .detail-item-icon {
display: none;
}
}
@media screen and (max-width: 991px) {
.extension-renovation-aside-form .detail-item-icon {
max-width: 120px;
padding: 30px;
}
}
.extension-renovation-aside-form .detail-item-icon svg {
color: var(--color-extension-renovation);
}
.extension-renovation-aside-form .tabbar-container-close .btn {
background: transparent;
}
.extension-renovation-aside-form .detail-item-agencyform-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
}
.extension-renovation-aside-form .form-footer {
padding-top: 0;
}
.extension-renovation-aside-form .form-required-informations {
margin-top: 15px;
}
.extension-renovation-aside-form .form-mention {
margin-bottom: 0;
}
.extension-renovation-aside-form .form-mention .wpcf7-form-control-wrap {
font-size: 16px;
}
.extension-renovation-form {
grid-area: bottom;
margin-left: 20vw;
background: #ffffff;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25);
border-radius: 13px;
margin-top: 90px;
margin-bottom: 100px;
padding: 10px 50px 60px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media screen and (max-width: 575px) {
.extension-renovation-form {
padding: 10px 30px 40px;
}
}
@media screen and (max-width: 768px) {
.extension-renovation-form {
margin-top: 40px;
box-shadow: none;
border-radius: 0;
}
}
@media screen and (max-width: 1199px) {
.extension-renovation-form {
width: 90%;
}
}
@media screen and (min-width: 1200px) {
.extension-renovation-form {
margin-left: 50px;
width: auto;
}
}
@media screen and (min-width: 1400px) {
.extension-renovation-form {
margin-left: 15vw;
}
}
@media screen and (min-width: 1600px) {
.extension-renovation-form {
margin-left: 20vw;
}
}
.extension-renovation-form .form-mention .wpcf7-form-control-wrap {
font-size: 16px;
}
.extension-renovation-form .extension-renovation-form-title {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #000000;
width: 60%;
margin: 20px auto 50px;
}
@media screen and (max-width: 991px) {
.extension-renovation-form .extension-renovation-form-title {
font-size: 24px;
line-height: 30px;
width: 80%;
}
}
@media screen and (max-width: 768px) {
.extension-renovation-form .extension-renovation-form-title {
font-size: 19px;
line-height: 23px;
width: 100%;
text-align: left;
margin: 0 auto 20px;
}
}
.extension-renovation-form form {
padding: 0 50px;
}
@media screen and (max-width: 991px) {
.extension-renovation-form form {
padding: 0;
}
}
.extension-renovation-form .form-label {
font-weight: bold;
}
.extension-renovation-form .form-radio-group {
padding: 0.5rem 1rem;
position: relative;
}
.extension-renovation-form .form-radio-group-wrapper {
display: inline-flex;
gap: 2rem;
}
.extension-renovation-form .form-radio-group label {
pointer-events: none;
}
.extension-renovation-form .form-radio-group [type=radio] {
position: absolute;
appearance: none;
inset: 0;
cursor: pointer;
}
.extension-renovation-form .form-radio-group:has(:checked) {
background-color: var(--color-primary);
border-radius: 0.5rem;
color: var(--color-light);
}
@media screen and (min-width: 768px) {
.extension-renovation-form .split-2 {
grid-gap: 1rem;
grid-template-columns: repeat(2, 1fr);
display: grid;
grid-auto-flow: dense;
}
}
.extension-renovation-form .detail-item-icon {
background-color: var(--color-extension-renovation-extralight);
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
max-width: 168px;
margin: 2rem auto;
padding: 40px;
border-radius: 50%;
}
@media screen and (max-width: 768px) {
.extension-renovation-form .detail-item-icon {
max-width: 120px;
padding: 20px;
}
}
@media screen and (max-width: 991px) {
.extension-renovation-form .detail-item-icon {
max-width: 120px;
padding: 30px;
}
}
.extension-renovation-form .detail-item-icon svg {
color: var(--color-extension-renovation);
}
.extension-renovation .tabbar-tab {
width: auto;
margin: 0 auto;
max-width: 280px;
}
.extension-renovation .tabbar-tab-btn {
background-color: var(--color-extension-renovation);
display: flex;
justify-content: center;
gap: 1rem;
align-items: center;
}
.extension-renovation .tabbar-tab-btn-picto {
display: block;
font-size: 24px;
}
.box-content-wrapper.reverse .box-content-main-cta {
margin-top: 20px;
text-align: left;
}
@media screen and (max-width: 575px) {
.box-content-wrapper.reverse .box-content-main-cta {
text-align: center;
}
}
@media screen and (max-width: 575px) {
.box-content-wrapper.reverse .box-content-main-slider-item {
flex-direction: column;
}
}
@media screen and (max-width: 575px) {
.box-content-wrapper.reverse .box-content-main-slider-item-text {
padding: 30px 20px 40px;
}
}
/* ----------------------------- */
/* ==code-exemple */
/* ----------------------------- */
/*
Le module de source d'informations
sur le code back
créé par Matthieu les-doigts-de-fées
*/
/* DEVELOPPEMENT :
repère de montage
*/
/*#region Guides */
/*
body {
&::after {
content: "tiny";
z-index: 9999999;
position: fixed;
top: 0;
right: calc( 50% - 1px );
bottom: 0;
width: 1px;
border-left: 2px dotted rgba(0, 238, 255, .7);
font-size: .8em;
color: rgba(0, 238, 255, .5);
@include respond-to ("small-up") {
content: "Small"
}
@include respond-to ("medium-up") {
content: "Medium"
}
@include respond-to ("large-up") {
content: "Large"
}
@include respond-to ("extra-large-up") {
content: "ExtraLarge"
}
@include respond-to ("ultra-large-up") {
content: "UltraLarge"
}
@include respond-to ("full-hd-up") {
content: "full-hd"
}
@include respond-to ("4k-up") {
content: "UHD-4K"
}
@include respond-to ("4k-up") {
content: "UHD-8K"
}
}
}
.debug-guide {
z-index: 9999999;
position: fixed;
top: 0;
bottom: 0;
width: 1px;
opacity: .7;
&::after {
content: "";
position: absolute;
top: 0;
left: 1px;
font-size: .8em;
}
&-wrapper-small {
&-left {
left: var(--layout-wrapper-small-margin-left);
background-color: rgba(0, 238, 255, 0.774);
&::after {
content: "S";
color: rgba(0, 238, 255, 0.774);
}
}
&-right {
right: var(--layout-wrapper-small-margin-right);
background-color: rgba(0, 238, 255, 0.774);
&::after {
content: "S";
direction: rtl;
color: rgba(0, 238, 255, 0.774);
}
}
}
&-wrapper-medium {
&-left {
left: var(--layout-wrapper-medium-margin-left);
background-color: rgb(0, 255, 191);
&::after {
content: "M";
color: rgb(0, 255, 191);
}
}
&-right {
right: var(--layout-wrapper-medium-margin-right);
background-color: rgb(0, 255, 191);
&::after {
content: "M";
direction: rtl;
color: rgb(0, 255, 191);
}
}
}
&-wrapper-large {
&-left {
left: var(--layout-wrapper-large-margin-left);
background-color: rgb(0, 255, 21);
&::after {
content: "L";
color: rgb(0, 255, 21);
}
}
&-right {
right: var(--layout-wrapper-large-margin-right);
background-color: rgb(0, 255, 21);
&::after {
content: "L";
direction: rtl;
color: rgb(0, 255, 21);
}
}
}
}
*/
/*#endregion*/
/*#region code-exemple */
.code-exemple-wrapper {
padding: 5px;
flex-wrap: wrap;
display: none;
}
.code-exemple-wrapper.on {
display: flex;
flex-direction: column;
padding: 5px 1em;
background-color: rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px #ccc inset;
}
.code-exemple-code {
background-color: black;
padding: 10px;
max-width: calc(100% - 20px);
color: white;
font-family: monospace;
}
.code-exemple-result {
padding: 10px;
max-width: calc(100% - 20px);
font-family: sans-serif;
background-color: lightgrey;
}
.code-exemple-result-line {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.code-exemple-result-line p {
display: inline-block;
margin: auto;
}
.code-exemple-result [data-target] {
display: none;
}
.code-exemple-result [data-target].on {
display: block;
}
.code-exemple-result [data-trigger]:after {
content: "[show]";
color: var(--color-primary);
padding-left: 10px;
cursor: pointer;
}
.code-exemple-result [data-trigger].on:after {
content: "[hide]";
}
.code-exemple-title {
flex: 1 0 calc(100% - 2rem);
padding: 10px;
font-size: 14px;
font-family: sans-serif;
display: flex;
align-self: flex-end;
background-color: var(--color-primary);
min-width: 50%;
margin-top: 10px;
justify-content: center;
color: white;
}
.code-exemple-trigger {
font-family: sans-serif;
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.5em;
border-top: 1px solid #ccc;
}
.code-exemple-trigger:before {
content: "+";
background-color: var(--color-primary);
margin-right: 10px;
width: 15px;
color: white;
display: flex;
justify-content: center;
}
.code-exemple-trigger.on {
position: sticky;
top: 40px;
z-index: 1;
background-color: #fff;
}
.code-exemple-trigger.on:before {
content: "-";
}
.code-exemple-trigger:hover {
color: var(--color-primary);
}
.code-exemple-widget {
display: flex;
flex-direction: column;
align-items: stretch;
margin-bottom: 0;
position: fixed;
bottom: 31px;
right: 1rem;
max-width: 400px;
width: 100%;
max-height: 40px;
z-index: 9999;
transition: max-height ease-in-out 0.8s;
background-color: transition;
scrollbar-color: #000 rgba(0, 0, 0, 0.15);
scrollbar-width: thin;
}
@media (max-width: 575px) {
.code-exemple-widget {
display: none;
}
}
.code-exemple-widget.on {
max-height: 90vh;
overflow: auto;
max-height: calc( 100vh - 30px);
}
.code-exemple-widget::-webkit-scrollbar {
width: 0.2rem;
background-color: rgba(0, 0, 0, 0.15);
}
.code-exemple-widget::-webkit-scrollbar-thumb {
background: #000;
}
.code-exemple-widget > * {
flex: 0 0 auto;
}
.code-exemple-widget-title-main {
cursor: pointer;
align-self: flex-end;
width: 8em;
height: 40px;
padding: 0 5px;
background-color: var(--color-primary);
line-height: 40px;
font-family: sans-serif;
font-size: 13px;
font-weight: 700;
color: white;
}
.code-exemple-widget-title-main:before {
font-family: var(--font-icon-MFC);
content: "";
transform: rotate(90deg);
display: inline-block;
margin: 0 1rem;
}
.code-exemple-widget-title-main.on:before {
transform: rotate(-90deg);
}
.code-exemple-widget-title-sub {
z-index: 1;
font-family: sans-serif;
background-color: var(--color-secondary);
color: white;
font-size: 14px;
padding: 8px 5px;
border-bottom: 1px solid white;
font-weight: bold;
cursor: pointer;
position: sticky;
top: 0;
}
.code-exemple-widget-title-sub:before {
font-family: var(--font-icon-MFC);
content: "";
display: inline-block;
margin: 0 1rem;
}
.code-exemple-widget-title-sub.on:before {
transform: rotate(90deg);
}
.code-exemple-widget-section {
display: none;
position: sticky;
top: 40px;
background: #fff;
}
.code-exemple-widget-section.on {
display: block;
border: 1px solid var(--color-secondary);
}
/*#endregion*/
/*
Styles pour les navigateurs
*/
/*#region IE */
/* Message pour IE >= 9 */
.browserupgrade {
margin: 0;
padding: 1em 2em;
background-color: black;
font-weight: 500;
text-align: center;
color: #fff;
}
.browserupgrade a {
display: inline-block;
margin-left: 0.5em;
margin-right: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
background-color: #fff;
color: black;
font-weight: 700;
}
.browserupgrade a:hover, .browserupgrade a:focus {
background-color: #c5ffcf;
color: black;
}
/* Cibler IE 10 et 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body::before {
content: "Vous utilisez Internet Explorer, un navigateur trop ancien, devenu obsolète. Veuillez mettre à jour votre navigateur pour améliorer votre visite et votre sécurité.";
display: block;
margin: 0;
padding: 1em 2em;
background-color: black;
font-size: 2em;
font-weight: 700;
text-align: center;
color: #fff;
}
/* Les styles ciblants IE 10 et 11 ici 👇 */
}
/*#endregion*/
.grecaptcha-badge {
z-index: -1;
}
.leaflet-touch .leaflet-bar {
border-radius: 10px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.leaflet-control-zoom {
box-shadow: var(--card-box-shadow--hover);
}
.leaflet-popup-content {
min-width: 300px;
margin: 0 -2px 0;
}
@media screen and (min-width: 768px) {
.leaflet-popup-content {
min-width: 350px;
}
}
.leaflet-popup-content-wrapper {
padding: 0;
background: no-repeat;
box-shadow: none;
}
.leaflet-popup-content .card {
margin: 0;
}
.leaflet-popup-content .card:hover {
transform: scale(1.05) translate(0, -4px);
}
.leaflet-popup-tip-container {
z-index: 5;
}
.leaflet-container {
font-size: 0.9em;
}
.leaflet-container a.leaflet-popup-close-button {
background-color: white;
top: -12px;
right: -12px;
display: flex;
color: black;
opacity: 1;
justify-content: center;
align-items: center;
padding: 15px;
border-radius: 5rem;
z-index: 20;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 9px;
}
@charset "UTF-8";
.autocomplete-wrapper {
position: relative;
width: 100%;
}
.autocomplete-loader {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1em;
display: flex;
justify-content: center;
align-items: center;
font-size: 3em;
opacity: 0;
pointer-events: none;
transition: opacity ease-in-out 0.5s;
}
.autocomplete-loader.loading {
opacity: 1;
z-index: 5;
}
.autocomplete-choices {
overflow: auto;
max-height: 400px;
margin: 0 0 1rem 0;
padding: 0;
background-color: #fff;
list-style: none;
border-radius: var(--input-border-radius);
box-shadow: 0 1.3px 2.2px rgba(0, 0, 0, 0.022), 0 3.1px 5.3px rgba(0, 0, 0, 0.032), 0 5.8px 10px rgba(0, 0, 0, 0.04), 0 10.3px 17.9px rgba(0, 0, 0, 0.048), 0 19.2px 33.4px rgba(0, 0, 0, 0.058), 0 46px 80px rgba(0, 0, 0, 0.08);
}
.autocomplete-choices-wrapper {
z-index: 10;
position: absolute;
top: calc( 100% + .5em );
min-width: 100%;
}
.autocomplete-choices-title {
line-height: 3;
font-weight: bold;
padding: 0 1rem;
}
.autocomplete-choices-item {
line-height: 2.4;
white-space: nowrap;
padding: 0 1rem;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.autocomplete-choices-item:hover, .autocomplete-choices-item:focus {
background-color: lightgrey;
}
.autocomplete-multiselect-wrapper {
padding: 0 0 0.5em;
font-size: 0.8em;
}
.autocomplete-multiselect-wrapper > * {
animation: scale-in-center 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.autocomplete-autolocate-button {
position: relative;
opacity: 1;
transition: opacity ease-in-out 0.5s;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.autocomplete-autolocate-button.hide {
opacity: 0;
}
.autocomplete-autolocate-button.pulse::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
background: var(--color-button-bg);
border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 0 #01a4e9;
transform: translate(-50%, -50%) scale(1);
animation: pulsar 2s infinite;
}
/**
* ----------------------------------------
* Pulsation dans le bouton de localisation pendant la recherche
* ----------------------------------------
*/
@keyframes pulsar {
0% {
transform: translate(-50%, -50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(1, 164, 233, 0.7);
}
70% {
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 0 0 10px rgba(1, 164, 233, 0);
}
100% {
transform: translate(-50%, -50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(1, 164, 233, 0);
}
}
/**
* ----------------------------------------
* Apparition des résultats
* ----------------------------------------
*/
@keyframes scale-in-center {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
transform: scale(0.4);
}
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner-animation 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: var(--color-primary-light);
}
.lds-spinner div:nth-child(1) {
transform: rotate(30deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(60deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(90deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(120deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(150deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(180deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(210deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(240deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(270deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(300deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(330deg);
animation-delay: -0.1s;
}
@keyframes lds-spinner-animation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.entities-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: var(--zindex-popup, 9999);
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(19, 19, 19, 0.57);
font-size: 0.9em;
backdrop-filter: blur(1px);
overflow: auto;
transition: background-color 0.4s lienear;
}
.entities-popup .close-button {
position: fixed;
right: 1rem;
top: 1rem;
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: none;
}
.entities-popup .close-button.inner {
position: absolute;
top: 0;
right: 0;
display: inline-block;
min-width: 4em;
min-width: 4em;
min-height: 4em;
transform: scale3d(1, 1, 1);
transition: all 0.3s ease;
}
.entities-popup .close-button:hover, .entities-popup .close-button:focus, .entities-popup .close-button:active {
transform: scale3d(1.3, 1.3, 1.3);
}
.entities-popup .popup {
position: relative;
max-width: 94vw;
max-height: calc( 90vh - var(--safe-area-inset-top) - var(--safe-area-inset-top) );
margin: 0 auto;
padding: 2em;
background-color: white;
box-shadow: 0 2.7px 2px rgba(0, 0, 0, 0.049), 0 6.3px 4.6px rgba(0, 0, 0, 0.071), 0 11.3px 8.2px rgba(0, 0, 0, 0.087), 0 18.8px 13.6px rgba(0, 0, 0, 0.103), 0 31px 22.5px rgba(0, 0, 0, 0.119), 0 54.1px 39.3px rgba(0, 0, 0, 0.141), 0 117px 85px rgba(0, 0, 0, 0.19);
border: 0 none;
border-radius: 15px;
transition: all 0.4s ease;
overflow-x: auto;
}
@media screen and (min-width: 568px) {
.entities-popup .popup {
margin: 2em;
}
}
@media screen and (min-width: 767px) {
.entities-popup .popup {
min-width: 35em;
}
}
.entities-popup .popup--title {
margin: 0.5em 0 1.5em 0;
text-align: center;
}
.entities-popup .popup--loading {
text-align: center;
}
.entities-popup .input-group {
margin-bottom: 0.5em !important;
}
.rendez-vous-railroad {
position: relative;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom: 5rem;
z-index: 1;
}
.rendez-vous-railroad-track {
position: absolute;
left: 0;
right: 0;
top: calc(50% - 0.05rem);
height: 0.1rem;
background-color: grey;
pointer-events: none;
z-index: 0;
}
.rendez-vous-railroad-step {
position: relative;
background-color: grey;
padding: 1rem;
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid grey;
transform: scale(1);
transition: transform ease-in-out 0.5s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
color: white;
cursor: pointer;
}
.rendez-vous-railroad-step:hover, .rendez-vous-railroad-step.current {
background-color: white;
transform: scale(1.1);
color: grey;
}
.rendez-vous-railroad-step.inactive {
background-color: lightgray;
}
.rendez-vous [data-form-step] {
width: 100%;
min-height: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.rendez-vous [data-step] {
z-index: -1;
position: absolute;
opacity: 0;
transition: opacity ease-in-out 0.5;
pointer-events: none;
width: 160rem;
max-width: calc(100% - 2rem);
}
.rendez-vous [data-agencies-choice] {
min-height: 46rem;
width: 160rem;
max-width: calc(100% - 2rem);
margin: 1rem auto;
position: relative;
}
.rendez-vous [data-agencies-choice] .lds-spinner {
color: official;
display: inline-block;
position: relative;
transform: scale(1);
}
.rendez-vous [data-agencies-choice] .lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner-animation 1.2s linear infinite;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: grey;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(1) {
transform: rotate(30deg);
animation-delay: -1.1s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(2) {
transform: rotate(60deg);
animation-delay: -1s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(3) {
transform: rotate(90deg);
animation-delay: -0.9s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(4) {
transform: rotate(120deg);
animation-delay: -0.8s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(5) {
transform: rotate(150deg);
animation-delay: -0.7s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(6) {
transform: rotate(180deg);
animation-delay: -0.6s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(7) {
transform: rotate(210deg);
animation-delay: -0.5s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(8) {
transform: rotate(240deg);
animation-delay: -0.4s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(9) {
transform: rotate(270deg);
animation-delay: -0.3s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(10) {
transform: rotate(300deg);
animation-delay: -0.2s;
}
.rendez-vous [data-agencies-choice] .lds-spinner div:nth-child(11) {
transform: rotate(330deg);
animation-delay: -0.1s;
}
@keyframes lds-spinner-animation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.rendez-vous [data-step-type=rendez-vous-date] {
display: flex;
}
.rendez-vous [data-selected-agency] {
max-width: 25%;
}
.rendez-vous [data-rdv-location-choice] [type=radio] {
display: none;
}
.rendez-vous .active-agency {
border: 2px solid darkgrey;
}
.rendez-vous .calendar {
pointer-events: none;
display: flex;
flex-direction: column;
margin: auto 2rem;
}
.rendez-vous .calendar .hide {
display: none !important;
}
.rendez-vous .calendar-days {
position: relative;
display: flex;
flex-wrap: nowrap;
}
.rendez-vous .calendar-days button {
position: absolute;
pointer-events: all;
}
.rendez-vous .calendar-days button.calendar-days-prev {
left: -2rem;
}
.rendez-vous .calendar-days button.calendar-days-next {
right: -2rem;
}
.rendez-vous .calendar-day {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 0 calc(100% / 6);
}
.rendez-vous .calendar-day-name {
font-weight: bold;
}
.rendez-vous .calendar-time {
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.5rem;
background-color: lightgrey;
margin: 1rem;
cursor: pointer;
pointer-events: all;
transition: background-color ease-in-out 0.5s, color ease-in-out 0.5s;
}
.rendez-vous .calendar-time:hover, .rendez-vous .calendar-time.active {
background-color: green;
color: white;
}
.rendez-vous .calendar-time.on-rdv {
background-color: transparent;
pointer-events: none;
}
.rendez-vous .calendar-times {
flex: 1 0 calc(100% / 6);
margin: 1rem 0;
}
.rendez-vous .calendar-times-wrapper {
display: flex;
width: 100%;
flex: 1 0 auto;
}
.rendez-vous .calendar-times.on-rdv {
cursor: not-allowed;
}
.rendez-vous .calendar-times.on-rdv [href] {
pointer-events: all;
cursor: pointer;
}
.rendez-vous .calendar-times.holiday {
background-color: transparent;
pointer-events: none;
align-items: center;
}
.rendez-vous-loader {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: opacity ease-in-out 0.5s;
}
.rendez-vous-loader.loading {
opacity: 1;
}
.rendez-vous [data-step-type=rendez-vous-form] .error {
border: 1px solid red;
}
.form-step-page [data-form-step] {
width: 100%;
min-height: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.form-step-page [data-step] {
z-index: -1;
position: absolute;
opacity: 0;
transition: opacity ease-in-out 0.5;
pointer-events: none;
width: 160rem;
max-width: calc(100% - 2rem);
}