@charset "UTF-8";

* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
strong,
b {
font-weight: 700;
}
:root {
--ws-scrollbar-width: 10px;
--ws-scrollbar-radius: 6px;
--ws-scrollbar-background: #FFFFFF;
--ws-scrollbar-color: #000000;
--ws-scrollbar-color-hover: #000000;
}
::-webkit-scrollbar {
width: var(--ws-scrollbar-width);
height: var(--ws-scrollbar-width);
background: var(--ws-scrollbar-background);
}
::-webkit-scrollbar-thumb {
background: var(--ws-scrollbar-color);
border: solid 1px var(--ws-scrollbar-background);
border-radius: var(--ws-scrollbar-radius);
-webkit-transition: background 0.25s;
transition: background 0.25s;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
background: var(--ws-scrollbar-color-hover);
}
::-webkit-scrollbar-button:single-button {
display: block;
background-color: var(--ws-scrollbar-background);
width: var(--ws-scrollbar-width);
height: var(--ws-scrollbar-width);
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='50,15 0,85 100,85'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,15 100,15 50,85'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='15,50 85,100 85,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='15,0 15,100 85,50'/></svg>");
}
:root {
--color-1: #938380;
--color-2: #BDBFC7;
--color-3: #B4B1BC;
--color-dark: #5A545E;
--color-light: #EBEDF5;
--color-text: var(--color-dark);
--ws-border-radius: 12px;
}
body {
--wp--style--root--padding-right: 15px;
--wp--style--root--padding-left: 15px;
}
body {
color: var(--color-text);
}
.has-tooltip {
position: relative;
}
.has-tooltip::after {
content: attr(data-title);
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
min-width: 120px;
max-width: 220px;
padding: 6px 9px;
background: #000000;
border-radius: 6px;
opacity: 0;
pointer-events: none;
font-size: 16px;
color: #FFFFFF;
text-align: center;
transform: translateX(-50%);
transition: opacity 0.25s;
line-height: 1.2;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.has-tooltip:hover::after, .has-tooltip:focus::after {
opacity: 1;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
@media (min-width: 768px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 992px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 1200px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 1470px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
}
body.panel-open {
overflow: hidden;
}
.panel-fixe {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
pointer-events: none;
margin: 0 !important;
}
.panel-fixe .panel-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
max-width: none;
transition: background 0.35s;
}
.panel-fixe .panel-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
margin: 0;
box-shadow: 0 0 25px rgba(0, 0, 0, 0);
z-index: 3;
transform: translateX(100%);
transition: transform 0.45s, box-shadow 0.25s;
display: flex;
flex-direction: column;
width: 100%;
max-width: 560px;
}
.panel-fixe .panel-header {
border-bottom: solid 1px #E5E5E5;
padding: 15px;
padding-left: 30px;
display: flex;
align-items: center;
}
.panel-fixe .panel-footer {
border-top: solid 1px #E5E5E5;
padding: 15px;
margin-top: auto;
}
.panel-fixe .panel-title {
flex-grow: 1;
font-weight: 700;
font-size: 24px;
}
.panel-fixe .panel-close {
width: 45px;
height: 45px;
font-size: 0;
border: solid 1px #F1F1F1;
border-radius: 50px;
position: relative;
margin-left: auto;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.panel-fixe .panel-close::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #313131;
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi/assets/sprite/view/sprite.svg#divers--panel-close);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi/assets/sprite/view/sprite.svg#divers--panel-close);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 12px auto;
mask-size: 12px auto;
}
.panel-fixe .panel-content {
padding: 30px;
height: 100%;
overflow: auto;
}
.panel-fixe.open {
pointer-events: all;
}
.panel-fixe.open .panel-overlay {
background: rgba(0, 0, 0, 0.4);
}
.panel-fixe.open .panel-inner {
transform: translateX(0);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.panel-fixe.panel-popup {
display: flex;
align-items: center;
justify-content: center;
}
.panel-fixe.panel-popup .panel-inner {
position: relative;
height: 100%;
max-height: 85vh;
transform: translateY(-60px);
opacity: 0;
transition: transform 0.35s, opacity 0.25s;
}
.panel-fixe.panel-popup.open .panel-inner {
transform: translateY(0);
opacity: 1;
}
}
.card {
display: flex;
padding: 0;
border: 0 none;
position: relative;
border-radius: var(--ws-border-radius);
overflow: hidden;
height: 100%;
flex-direction: column;
}
.card .group-media img {
display: block;
width: 100%;
height: auto;
}
.card .group-content {
padding: 15px;
background: var(--color-light);
flex-grow: 1;
}
.card .group-content h2,
.card .group-content h3 {
margin: 0;
}
.card .group-content .field-description {
margin-top: 15px;
}
.card .cardlink {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
img,
video,
iframe {
max-width: 100%;
}
.group-media {
position: relative;
}
.group-media img {
display: block;
}
.group-media .credits {
position: absolute;
bottom: 15px;
right: 15px;
pointer-events: none;
border-radius: 15px;
background: #FFFFFF;
padding: 6px 9px;
font-size: 14px;
text-align: right;
line-height: 1.2;
max-width: calc(100% - 30px);
}
.group-media .credits:empty {
display: none;
}
@media (min-width: 992px) {
.group-media .credits {
bottom: 30px;
right: 30px;
max-width: calc(100% - 60px);
color: transparent;
transition: color 0.25s, width 0.35s;
white-space: nowrap;
overflow: hidden;
width: 28px;
min-height: 28px;
}
}
.group-media .credits::before {
content: "©";
display: inline-block;
margin-right: 4px;
color: #000000;
}
@media (min-width: 992px) {
.group-media:hover .credits, .group-media:focus .credits {
width: var(--creditsWidth);
color: #000000;
}
}
.yoast-breadcrumbs {
padding: 15px;
}
@media (min-width: 992px) {
.yoast-breadcrumbs {
padding: 0;
}
}
.yoast-breadcrumbs > span {
display: flex;
justify-content: flex-start;
padding: 0;
gap: 5px;
}
@media (min-width: 992px) {
.yoast-breadcrumbs > span {
justify-content: center;
}
}
.yoast-breadcrumbs > span span {
display: flex;
align-items: center;
gap: 8px;
}
.yoast-breadcrumbs > span span::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
transform: rotateZ(45deg);
pointer-events: none;
position: relative;
top: -1px;
margin-left: 2px;
}
.yoast-breadcrumbs > span span:first-child::before {
display: none;
}
@media (max-width: 767px) {
.yoast-breadcrumbs > span span {
display: none;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2), .yoast-breadcrumbs > span span:nth-last-child(2):first-child::before {
display: block;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2) {
position: relative;
}
.yoast-breadcrumbs > span span:first-child:last-child a, .yoast-breadcrumbs > span span:nth-last-child(2) a {
padding-left: 17px;
}
.yoast-breadcrumbs > span span:first-child:last-child::before, .yoast-breadcrumbs > span span:nth-last-child(2)::before {
position: absolute;
top: 10px;
left: 1px;
transform: rotateY(-180deg) rotateZ(45deg);
}
}
.link-websenso-copyright a {
font-size: 0;
display: block;
width: 28px;
height: 28px;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi/assets/img/divers/logo-websenso.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-left: 5px;
}