.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: "Newsreader";
src: url(//www.cabinetdentairechavilleviroflay.com/wp-content/themes/cdcv-theme/assets/fonts/newsreader-latin-opsz-normal.woff2) format("woff2-variations");
font-weight: 200 800; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Newsreader";
src: url(//www.cabinetdentairechavilleviroflay.com/wp-content/themes/cdcv-theme/assets/fonts/newsreader-latin-opsz-italic.woff2) format("woff2-variations");
font-weight: 200 800; font-style: italic; font-display: swap;
}
@font-face {
font-family: "Plus Jakarta Sans";
src: url(//www.cabinetdentairechavilleviroflay.com/wp-content/themes/cdcv-theme/assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations");
font-weight: 200 800; font-style: normal; font-display: swap;
} :root {
--petrole: #0f4c5c;
--petrole-900: #0a2f39;
--petrole-700: #13606f;
--petrole-100: #dce9eb;
--sable: #efe6d8;
--sable-50: #f8f4ee;
--sable-200: #e2d4bf;
--abricot: #e0a25c;
--abricot-fonce: #94571a;
--encre: #16262b;
--gris: #536569;
--ligne: rgba(15, 76, 92, .14);
--blanc: #fff;
--serif: "Newsreader", "Iowan Old Style", Georgia, serif;
--sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
--r-s: 10px;
--r-m: 18px;
--r-l: 28px;
--ombre: 0 18px 40px -22px rgba(10, 47, 57, .35);
--ombre-forte: 0 30px 60px -30px rgba(10, 47, 57, .55);
--largeur: 1220px;
--gouttiere: clamp(16px, 4vw, 40px);
--section: clamp(64px, 9vw, 120px);
} *, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 110px; }
body {
margin: 0;
background: var(--sable-50);
color: var(--encre);
font-family: var(--sans);
font-size: 17px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img, svg, video, iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: var(--petrole); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--petrole-700); }
:focus-visible { outline: 3px solid var(--abricot); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3, h4 {
font-family: var(--serif);
font-weight: 450;
line-height: 1.12;
letter-spacing: -.012em;
color: var(--petrole-900);
margin: 0 0 .5em;
font-optical-sizing: auto;
}
h1 { font-size: clamp(2.35rem, 5.2vw, 4.3rem); }
h2 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
h3 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-weight: 500; }
h1 em, h2 em { font-style: italic; color: var(--petrole-700); font-weight: 400; }
p { margin: 0 0 1.1em; }
.ico { width: 1.25em; height: 1.25em; flex: none; vertical-align: -.22em; }
.screen-reader-text, .sr-only {
position: absolute !important; width: 1px; height: 1px; overflow: hidden;
clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.skip-link:focus { position: fixed; top: 10px; left: 10px; z-index: 999; background: var(--blanc); padding: 10px 16px; clip: auto; width: auto; height: auto; }
.container { width: 100%; max-width: var(--largeur); margin: 0 auto; padding: 0 var(--gouttiere); }
.section { padding: var(--section) 0; }
.section--sable { background: var(--sable); }
.section--blanc { background: var(--blanc); }
.section--petrole { background: var(--petrole-900); color: #d9e6e8; }
.section--petrole h2, .section--petrole h3 { color: var(--blanc); }
.section--petrole h2 em { color: var(--abricot); }
.surtitre {
display: inline-flex; align-items: center; gap: .6em;
font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--abricot-fonce); margin: 0 0 1.1em;
}
.surtitre::before { content: ""; width: 28px; height: 1.5px; background: currentColor; }
.section--petrole .surtitre { color: var(--abricot); }
.chapo { font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: var(--gris); max-width: 62ch; }
.section--petrole .chapo { color: #b7cdd1; }
.entete-section { display: flex; flex-wrap: wrap; gap: 24px 60px; align-items: end; justify-content: space-between; margin-bottom: clamp(36px, 5vw, 60px); }
.entete-section > div { max-width: 680px; }
.entete-section h2 { margin-bottom: .3em; }
.entete-section .chapo { margin: 0; } .btn {
display: inline-flex; align-items: center; justify-content: center; gap: .6em;
padding: .95em 1.5em; border-radius: 999px; border: 1.5px solid transparent;
font: 600 .97rem/1.1 var(--sans); text-decoration: none; cursor: pointer;
transition: background .25s, color .25s, border-color .25s, transform .25s, box-shadow .25s;
white-space: nowrap;
}
.btn:hover { transform: translateY(-1px); }
.btn--rdv { background: var(--petrole); color: var(--blanc); box-shadow: 0 12px 24px -14px rgba(15, 76, 92, .8); }
.btn--rdv:hover { background: var(--petrole-900); color: var(--blanc); }
.btn--tel { border-color: var(--petrole); color: var(--petrole); background: transparent; }
.btn--tel:hover { background: var(--petrole); color: var(--blanc); }
.btn--abricot { background: var(--abricot); color: var(--petrole-900); box-shadow: none; }
.btn--abricot:hover { background: #ecb574; color: var(--petrole-900); }
.btn--clair { border-color: rgba(255, 255, 255, .55); color: var(--blanc); }
.btn--clair:hover { background: var(--blanc); color: var(--petrole-900); border-color: var(--blanc); }
.btn--petit { padding: .7em 1.15em; font-size: .9rem; }
.boutons { display: flex; flex-wrap: wrap; gap: 12px; }
.lien-fleche {
display: inline-flex; align-items: center; gap: .45em; font-weight: 600; font-size: .95rem;
color: var(--petrole); text-decoration: none;
}
.lien-fleche .ico { transition: transform .25s; }
.lien-fleche:hover .ico { transform: translateX(3px); } .bandeau-info { background: var(--petrole-900); color: #c4d6d9; font-size: .84rem; }
.bandeau-info .container { display: flex; gap: 10px 28px; align-items: center; justify-content: space-between; min-height: 42px; flex-wrap: wrap; }
.bandeau-info ul { display: flex; flex-wrap: wrap; gap: 6px 26px; list-style: none; margin: 0; padding: 0; }
.bandeau-info li { display: inline-flex; align-items: center; gap: .5em; }
.bandeau-info a { color: var(--blanc); text-decoration: none; font-weight: 600; }
.bandeau-info .ico { color: var(--abricot); }
.entete {
position: sticky; top: 0; z-index: 50;
background: rgba(248, 244, 238, .92);
backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px);
border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s;
}
.admin-bar .entete { top: 32px; }
.entete.est-defile { border-color: var(--ligne); box-shadow: 0 8px 30px -24px rgba(10, 47, 57, .6); }
.entete .container { display: flex; align-items: center; gap: 28px; min-height: 84px; }
.logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--petrole-900); flex: none; }
.logo__marque {
width: 46px; height: 46px; border-radius: 50%; background: var(--petrole); color: var(--sable);
display: grid; place-items: center; font: italic 500 1.25rem/1 var(--serif); letter-spacing: -.02em;
}
.logo__texte { display: flex; flex-direction: column; line-height: 1.05; }
.logo__texte strong { font: 500 1.28rem/1.05 var(--serif); letter-spacing: -.01em; }
.logo__texte span { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gris); font-weight: 600; margin-top: 3px; }
.nav { margin-left: auto; }
.nav__liste { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.nav__item { position: relative; display: flex; align-items: center; }
.nav__item > a { white-space: nowrap; padding: 10px 12px; font-weight: 600; font-size: .94rem; color: var(--encre); text-decoration: none; border-radius: 8px; }
.nav__item > a:hover, .nav__item.est-actif > a, .nav .current-menu-item > a, .nav .current-menu-ancestor > a { color: var(--petrole); }
.nav__deplier { display: none; background: none; border: 0; padding: 6px; color: var(--petrole); cursor: pointer; }
.nav__sous, .nav .sub-menu {
position: absolute; top: 100%; left: 0; min-width: 260px; list-style: none; margin: 0; padding: 10px;
background: var(--blanc); border-radius: var(--r-m); box-shadow: var(--ombre-forte);
opacity: 0; visibility: hidden; transform: translateY(8px); transition: .22s;
}
.nav__item--parent:hover .nav__sous, .nav__item--parent:focus-within .nav__sous,
.nav .menu-item-has-children:hover > .sub-menu, .nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.nav__sous a, .nav .sub-menu a { display: block; padding: 10px 14px; border-radius: 10px; text-decoration: none; color: var(--encre); font-size: .93rem; font-weight: 500; }
.nav__sous a:hover, .nav .sub-menu a:hover { background: var(--sable-50); color: var(--petrole); }
.nav .menu { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.nav .menu > li { position: relative; }
.nav .menu > li > a { display: block; white-space: nowrap; padding: 10px 12px; font-weight: 600; font-size: .94rem; color: var(--encre); text-decoration: none; }
.entete__actions { display: flex; align-items: center; gap: 10px; }
.entete__tel { display: none; }
.burger { display: none; background: none; border: 0; padding: 8px; color: var(--petrole-900); cursor: pointer; }
.burger .ico { width: 28px; height: 28px; }
@media (min-width: 1240px) { .entete__tel { display: inline-flex; } }
@media (max-width: 1060px) {
.burger { display: inline-flex; margin-left: auto; } .entete { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--sable-50); }
.nav {
visibility: hidden;
position: fixed; inset: 0 0 0 auto; width: min(420px, 100%); background: var(--sable-50);
padding: 96px 24px 32px; transform: translateX(100%); transition: transform .35s ease;
overflow-y: auto; z-index: 60; box-shadow: var(--ombre-forte);
}
.nav.est-ouvert { transform: none; visibility: visible; }
.nav__fermer { position: absolute; top: 22px; right: 18px; }
.nav__liste, .nav .menu { flex-direction: column; align-items: stretch; gap: 0; }
.nav__item { flex-wrap: wrap; border-bottom: 1px solid var(--ligne); }
.nav__item > a { flex: 1; padding: 16px 4px; font-size: 1.08rem; }
.nav__deplier { display: inline-flex; }
.nav__sous { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; display: none; width: 100%; padding: 0 0 12px; background: transparent; }
.nav__item.est-deplie .nav__sous { display: block; }
.nav__item.est-deplie .nav__deplier .ico { transform: rotate(180deg); }
.entete__actions .btn--rdv span { display: none; }
.entete__actions .btn--rdv { padding: .8em; }
.voile { position: fixed; inset: 0; background: rgba(10, 47, 57, .45); z-index: 55; opacity: 0; visibility: hidden; transition: .3s; }
.voile.est-visible { opacity: 1; visibility: visible; }
}
@media (min-width: 1061px) { .nav__fermer, .voile { display: none; } }
@media (max-width: 782px) { .admin-bar .entete { top: 0; } }
@media (max-width: 640px) {
.bandeau-info .bandeau-info__horaires, .bandeau-info .bandeau-info__adresse { display: none; }
.entete .container { min-height: 70px; gap: 12px; }
.logo__marque { width: 40px; height: 40px; font-size: 1.1rem; }
.logo__texte strong { font-size: 1.05rem; }
.logo__texte span { font-size: .62rem; letter-spacing: .14em; }
} .hero { position: relative; padding: clamp(36px, 6vw, 80px) 0 clamp(56px, 8vw, 110px); overflow: hidden; }
.hero::before {
content: ""; position: absolute; right: -12vw; top: -20%; width: 60vw; height: 140%;
background: radial-gradient(closest-side, rgba(224, 162, 92, .18), transparent 70%);
pointer-events: none;
}
.hero .container { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(32px, 5vw, 80px); align-items: center; position: relative; }
.hero__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.badge {
display: inline-flex; align-items: center; gap: .45em; padding: .45em .9em;
background: var(--blanc); border: 1px solid var(--ligne); border-radius: 999px;
font-size: .8rem; font-weight: 600; color: var(--petrole);
}
.badge .ico { color: var(--abricot-fonce); width: 1.1em; height: 1.1em; }
.hero h1 { margin-bottom: .35em; }
.hero .chapo { margin-bottom: 32px; }
.hero__preuves { display: grid; grid-template-columns: repeat(3, auto); gap: 16px 34px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--ligne); justify-content: start; }
.preuve strong { display: block; font: 500 1.9rem/1 var(--serif); color: var(--petrole); }
.preuve span { font-size: .84rem; color: var(--gris); line-height: 1.35; display: block; margin-top: 6px; max-width: 16ch; }
.hero__visuel { position: relative; }
.hero__photo { border-radius: var(--r-l) var(--r-l) var(--r-l) 120px; overflow: hidden; aspect-ratio: 4 / 4.4; box-shadow: var(--ombre-forte); }
.hero__photo img { width: 100%; height: 100%; object-fit: cover; }
.hero__carte {
position: absolute; left: -36px; bottom: 34px; background: var(--blanc); border-radius: var(--r-m);
padding: 18px 20px; box-shadow: var(--ombre-forte); display: flex; gap: 14px; align-items: center; max-width: 300px;
}
.hero__carte .pastille { width: 46px; height: 46px; border-radius: 50%; background: var(--sable); color: var(--petrole); display: grid; place-items: center; flex: none; }
.hero__carte strong { display: block; font-size: .95rem; color: var(--petrole-900); }
.hero__carte span { font-size: .84rem; color: var(--gris); }
.hero__ruban {
position: absolute; right: -14px; top: 30px; background: var(--petrole); color: var(--sable);
padding: 14px 18px; border-radius: var(--r-m); font: italic 500 1.05rem/1.25 var(--serif); max-width: 220px; box-shadow: var(--ombre);
}
.hero__ruban small { display: block; font: 600 .7rem/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--abricot); margin-bottom: 4px; font-style: normal; }
@media (max-width: 980px) {
.hero .container { grid-template-columns: 1fr; }
.hero__visuel { max-width: 560px; }
.hero__carte { left: 14px; bottom: 14px; }
.hero__ruban { right: 10px; top: 14px; }
}
@media (max-width: 520px) {
.hero__preuves { grid-template-columns: 1fr 1fr; }
.hero__carte { position: static; margin-top: -40px; margin-left: 14px; margin-right: 14px; position: relative; }
.hero__ruban { display: none; }
.btn { white-space: normal; }
} .infos { margin-top: clamp(-48px, -4vw, -24px); position: relative; z-index: 2; }
.infos__grille { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--blanc); border-radius: var(--r-l); box-shadow: var(--ombre); overflow: hidden; }
.info { padding: 26px 26px 24px; border-right: 1px solid var(--ligne); }
.info:last-child { border-right: 0; }
.info__ico { color: var(--abricot-fonce); margin-bottom: 10px; }
.info__ico .ico { width: 26px; height: 26px; }
.info h3 { font: 700 .78rem/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--gris); margin-bottom: 8px; }
.info p { margin: 0; font-size: .97rem; color: var(--encre); }
.info a { font-weight: 600; text-decoration: none; }
@media (max-width: 900px) { .infos__grille { grid-template-columns: 1fr 1fr; } .info:nth-child(2) { border-right: 0; } .info:nth-child(-n+2) { border-bottom: 1px solid var(--ligne); } }
@media (max-width: 520px) { .infos__grille { grid-template-columns: 1fr; } .info { border-right: 0; border-bottom: 1px solid var(--ligne); } } .univers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.carte-univers {
position: relative; display: flex; flex-direction: column; background: var(--blanc); border-radius: var(--r-l);
overflow: hidden; box-shadow: 0 1px 0 var(--ligne); transition: transform .35s, box-shadow .35s;
}
.carte-univers:hover { transform: translateY(-4px); box-shadow: var(--ombre); }
.carte-univers__img { aspect-ratio: 4 / 3.2; overflow: hidden; background: var(--sable); }
.carte-univers__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.carte-univers:hover .carte-univers__img img { transform: scale(1.04); }
.carte-univers__corps { padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.carte-univers__ico { width: 48px; height: 48px; margin-top: -48px; position: relative; border-radius: 50%; background: var(--petrole); color: var(--sable); display: grid; place-items: center; margin-bottom: 14px; border: 4px solid var(--blanc); box-sizing: content-box; }
.carte-univers h3 a { color: inherit; text-decoration: none; }
.carte-univers h3 a::after { content: ""; position: absolute; inset: 0; }
.carte-univers p { font-size: .95rem; color: var(--gris); }
.carte-univers ul { list-style: none; padding: 0; margin: auto 0 0; display: grid; gap: 6px; position: relative; z-index: 1; }
.carte-univers li a { display: flex; align-items: center; gap: .4em; font-size: .9rem; font-weight: 600; text-decoration: none; }
.carte-univers li .ico { color: var(--abricot-fonce); width: 1em; }
@media (max-width: 1100px) { .univers { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .univers { grid-template-columns: 1fr; } } .grille-soins { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.carte-soin {
position: relative; padding: 28px 26px; background: var(--blanc); border-radius: var(--r-m);
border: 1px solid var(--ligne); display: flex; flex-direction: column; gap: 10px; transition: .3s;
}
.carte-soin:hover { border-color: var(--petrole); box-shadow: var(--ombre); transform: translateY(-3px); }
.carte-soin__num { font: italic 500 1rem/1 var(--serif); color: var(--abricot-fonce); }
.carte-soin h3 { margin: 0; }
.carte-soin h3 a { color: inherit; text-decoration: none; }
.carte-soin h3 a::after { content: ""; position: absolute; inset: 0; }
.carte-soin p { font-size: .94rem; color: var(--gris); margin: 0; }
.carte-soin .lien-fleche { margin-top: auto; padding-top: 8px; } .chir { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.chir__photos { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.chir__photos figure { margin: 0; border-radius: var(--r-l); overflow: hidden; aspect-ratio: 3 / 4; }
.chir__photos figure:nth-child(2) { margin-top: 60px; }
.chir__photos img { width: 100%; height: 100%; object-fit: cover; }
.etapes { list-style: none; padding: 0; margin: 30px 0 34px; display: grid; gap: 4px; counter-reset: etape; }
.etapes li { counter-increment: etape; display: grid; grid-template-columns: 54px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
.etapes li::before { content: "0" counter(etape); font: italic 400 1.6rem/1 var(--serif); color: var(--abricot); }
.etapes strong { display: block; color: var(--blanc); font-weight: 600; margin-bottom: 2px; }
.etapes span { font-size: .94rem; color: #b7cdd1; }
.section:not(.section--petrole) .etapes li { border-color: var(--ligne); }
.section:not(.section--petrole) .etapes strong { color: var(--petrole-900); }
.section:not(.section--petrole) .etapes span { color: var(--gris); }
.section:not(.section--petrole) .etapes li::before { color: var(--abricot-fonce); }
@media (max-width: 900px) { .chir { grid-template-columns: 1fr; } .chir__photos { order: 2; } } .arguments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--ligne); border-left: 1px solid var(--ligne); }
.argument { padding: 34px 32px 30px; border-right: 1px solid var(--ligne); border-bottom: 1px solid var(--ligne); background: var(--sable-50); transition: background .3s; }
.argument:hover { background: var(--blanc); }
.argument__ico { width: 52px; height: 52px; border-radius: 14px; background: var(--sable); color: var(--petrole); display: grid; place-items: center; margin-bottom: 18px; }
.argument__ico .ico { width: 26px; height: 26px; }
.argument p { font-size: .95rem; color: var(--gris); margin: 0; }
@media (max-width: 960px) { .arguments { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .arguments { grid-template-columns: 1fr; } } .cabinet { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.coches { list-style: none; padding: 0; margin: 24px 0 30px; display: grid; gap: 12px; }
.coches li { display: flex; gap: 12px; align-items: flex-start; }
.coches .ico { color: var(--petrole); margin-top: 3px; }
.mosaique { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 120px; gap: 12px; }
.mosaique figure { margin: 0; border-radius: var(--r-m); overflow: hidden; position: relative; }
.mosaique img { width: 100%; height: 100%; object-fit: cover; }
.mosaique figcaption { position: absolute; left: 10px; bottom: 10px; background: rgba(10, 47, 57, .78); color: var(--blanc); font-size: .74rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; }
.mosaique figure:nth-child(1) { grid-column: 1 / 4; grid-row: span 3; }
.mosaique figure:nth-child(2) { grid-column: 4 / 7; grid-row: span 2; }
.mosaique figure:nth-child(3) { grid-column: 4 / 6; grid-row: span 2; }
.mosaique figure:nth-child(4) { grid-column: 6 / 7; grid-row: span 2; }
.mosaique figure:nth-child(5) { grid-column: 1 / 4; grid-row: span 1; }
@media (max-width: 900px) { .cabinet { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .mosaique { grid-auto-rows: 90px; } } .equipe { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.carte-praticien { background: var(--blanc); border-radius: var(--r-l); overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--ligne); }
.carte-praticien__photo { display: block; aspect-ratio: 1 / 1; background: var(--sable); overflow: hidden; }
.carte-praticien__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.carte-praticien:hover .carte-praticien__photo img { transform: scale(1.03); }
.portrait__mono { width: 100%; height: 100%; display: grid; place-items: center; background: linear-gradient(140deg, var(--petrole) 0%, var(--petrole-900) 100%); }
.portrait__mono span { font: italic 400 clamp(4rem, 9vw, 6.5rem)/1 var(--serif); color: var(--sable); letter-spacing: -.03em; }
.carte-praticien__corps { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
.carte-praticien h3 { margin-bottom: 4px; }
.carte-praticien h3 a { color: inherit; text-decoration: none; }
.carte-praticien__role { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--abricot-fonce); margin-bottom: 12px; }
.carte-praticien__texte { font-size: .95rem; color: var(--gris); }
.carte-praticien__actions { margin-top: auto; display: flex; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid var(--ligne); }
.lien-fleche--rdv { color: var(--abricot-fonce); }
@media (max-width: 960px) { .equipe { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .equipe { grid-template-columns: 1fr; } } .securite { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--r-l); overflow: hidden; background: var(--blanc); box-shadow: var(--ombre); }
.securite__img img { width: 100%; height: 100%; object-fit: cover; min-height: 340px; }
.securite__corps { padding: clamp(28px, 5vw, 60px); }
@media (max-width: 860px) { .securite { grid-template-columns: 1fr; } .securite__img img { min-height: 240px; max-height: 340px; } } .faq { max-width: 860px; }
.faq h2 { margin-bottom: 24px; }
.faq__item { border-bottom: 1px solid var(--ligne); }
.faq__item summary {
list-style: none; cursor: pointer; padding: 22px 48px 22px 0; position: relative;
font: 500 1.2rem/1.35 var(--serif); color: var(--petrole-900);
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__plus { position: absolute; right: 4px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; border: 1px solid var(--ligne); }
.faq__plus::before, .faq__plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: var(--petrole); transform: translate(-50%, -50%); transition: transform .3s; }
.faq__plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq__item[open] .faq__plus { background: var(--petrole); border-color: var(--petrole); }
.faq__item[open] .faq__plus::before, .faq__item[open] .faq__plus::after { background: var(--blanc); }
.faq__item[open] .faq__plus::after { transform: translate(-50%, -50%) rotate(0); }
.faq__rep { padding: 0 0 22px; color: var(--gris); max-width: 72ch; }
.faq__rep p:last-child { margin: 0; }
.faq-grille { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(30px, 6vw, 90px); align-items: start; }
@media (max-width: 860px) { .faq-grille { grid-template-columns: 1fr; } } .articles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.carte-article a { display: flex; flex-direction: column; height: 100%; background: var(--blanc); border-radius: var(--r-m); overflow: hidden; text-decoration: none; color: inherit; border: 1px solid var(--ligne); transition: .3s; }
.carte-article a:hover { box-shadow: var(--ombre); transform: translateY(-3px); }
.carte-article__img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--sable); }
.carte-article__img--vide { display: grid; place-items: center; color: var(--petrole); }
.carte-article__img--vide .ico { width: 40px; height: 40px; opacity: .5; }
.carte-article__corps { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.carte-article__date { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--abricot-fonce); margin-bottom: 8px; }
.carte-article h3 { font-size: 1.2rem; margin-bottom: 10px; }
.carte-article p { font-size: .92rem; color: var(--gris); }
.carte-article .lien-fleche { margin-top: auto; }
@media (max-width: 960px) { .articles { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .articles { grid-template-columns: 1fr; } }
.pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 50px; }
.pagination .page-numbers { min-width: 44px; height: 44px; padding: 0 14px; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid var(--ligne); text-decoration: none; font-weight: 600; background: var(--blanc); }
.pagination .current { background: var(--petrole); color: var(--blanc); border-color: var(--petrole); }
.filtres { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.filtres a { padding: .5em 1em; border-radius: 999px; border: 1px solid var(--ligne); text-decoration: none; font-size: .9rem; font-weight: 600; background: var(--blanc); color: var(--encre); }
.filtres a.est-actif, .filtres a:hover { background: var(--petrole); border-color: var(--petrole); color: var(--blanc); } .cta-final { position: relative; overflow: hidden; background: var(--petrole); color: #cfe0e3; border-radius: var(--r-l); padding: clamp(36px, 6vw, 72px); display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; align-items: center; }
.cta-final::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 380px; height: 380px; border-radius: 50%; border: 60px solid rgba(224, 162, 92, .14); }
.cta-final h2 { color: var(--blanc); margin-bottom: .3em; }
.cta-final h2 em { color: var(--abricot); }
.cta-final p { margin: 0; max-width: 54ch; }
.cta-final .boutons { justify-content: flex-end; position: relative; z-index: 1; }
@media (max-width: 860px) { .cta-final { grid-template-columns: 1fr; } .cta-final .boutons { justify-content: flex-start; } } .page-hero { padding: clamp(30px, 5vw, 60px) 0 clamp(40px, 6vw, 72px); position: relative; }
.page-hero--image { display: grid; }
.page-hero .container { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.page-hero--simple .container { grid-template-columns: 1fr; max-width: 900px; }
.page-hero h1 { font-size: clamp(2.1rem, 4.4vw, 3.6rem); }
.page-hero__img { border-radius: var(--r-l) var(--r-l) var(--r-l) 90px; overflow: hidden; aspect-ratio: 4 / 3.3; box-shadow: var(--ombre); }
.page-hero__img img { width: 100%; height: 100%; object-fit: cover; }
.ariane { font-size: .84rem; color: var(--gris); margin-bottom: 22px; }
.ariane a { color: var(--gris); text-decoration: none; }
.ariane a:hover { color: var(--petrole); }
.ariane span[aria-hidden] { margin: 0 .4em; opacity: .5; } .ariane > span > span + span::before { content: "/"; margin: 0 .5em; opacity: .45; }
.ariane .breadcrumb_last { color: var(--encre); }
@media (max-width: 900px) { .page-hero .container { grid-template-columns: 1fr; } .page-hero__img { max-width: 560px; } }
.mise-en-page { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(32px, 5vw, 70px); align-items: start; }
@media (max-width: 1000px) { .mise-en-page { grid-template-columns: 1fr; } }
.prose { font-size: 1.04rem; max-width: 74ch; }
.prose h2 { font-size: clamp(1.6rem, 2.6vw, 2.15rem); margin-top: 1.8em; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { margin-top: 1.6em; }
.prose ul, .prose ol { padding-left: 1.2em; margin: 0 0 1.2em; }
.prose li { margin-bottom: .45em; }
.prose ul li::marker { color: var(--abricot-fonce); }
.prose blockquote { margin: 1.6em 0; padding: 22px 26px; background: var(--sable); border-radius: var(--r-m); font: italic 1.2rem/1.5 var(--serif); color: var(--petrole-900); border: 0; }
.prose .encadre { background: var(--blanc); border: 1px solid var(--ligne); border-left: 4px solid var(--abricot); border-radius: var(--r-s); padding: 20px 24px; margin: 1.6em 0; }
.prose .encadre p:last-child { margin: 0; }
.prose img { border-radius: var(--r-m); }
.prose table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95rem; }
.prose th, .prose td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--ligne); vertical-align: top; }
.prose th { color: var(--petrole-900); font-weight: 700; background: var(--sable); }
.prose .wp-block-image, .prose figure { margin: 1.6em 0; }
.aside { position: sticky; top: 120px; display: grid; gap: 18px; }
.aside__carte { background: var(--blanc); border: 1px solid var(--ligne); border-radius: var(--r-m); padding: 26px; }
.aside__carte--petrole { background: var(--petrole); color: #cfe0e3; border: 0; }
.aside__carte--petrole h3 { color: var(--blanc); }
.aside__carte h3 { font-size: 1.3rem; }
.aside__carte p { font-size: .94rem; }
.aside__carte .btn { width: 100%; margin-top: 8px; }
.aside__carte--petrole .btn--tel { border-color: rgba(255, 255, 255, .5); color: var(--blanc); }
.aside__liste { list-style: none; margin: 0; padding: 0; }
.aside__liste li { border-top: 1px solid var(--ligne); }
.aside__liste li:first-child { border-top: 0; }
.aside__liste a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 0; text-decoration: none; font-weight: 600; font-size: .94rem; color: var(--encre); }
.aside__liste a:hover, .aside__liste a[aria-current] { color: var(--petrole); }
.aside__liste .ico { color: var(--abricot-fonce); width: 1em; }
.aside__horaires { font-size: .88rem; margin: 0; }
.aside__horaires div { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; }
.aside__horaires dt { color: #9fbcc1; }
.aside__horaires dd { margin: 0; color: var(--blanc); text-align: right; }
@media (max-width: 1000px) { .aside { position: static; } }
.bloc-liens { margin-top: 56px; }
.bloc-liens h2 { font-size: 1.7rem; } .fiche { display: grid; grid-template-columns: 380px 1fr; gap: clamp(32px, 5vw, 70px); align-items: start; }
.fiche__portrait { border-radius: var(--r-l); overflow: hidden; aspect-ratio: 4 / 5; position: sticky; top: 120px; background: var(--sable); }
.fiche__portrait img { width: 100%; height: 100%; object-fit: cover; }
.fiche__role { font-size: .84rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--abricot-fonce); margin-bottom: 10px; }
.fiche__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 28px; }
@media (max-width: 860px) { .fiche { grid-template-columns: 1fr; } .fiche__portrait { position: static; max-width: 380px; } } .contact { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact__carte { background: var(--blanc); border-radius: var(--r-l); padding: clamp(26px, 4vw, 42px); border: 1px solid var(--ligne); }
.horaires { width: 100%; border-collapse: collapse; }
.horaires th, .horaires td { padding: 10px 0; border-bottom: 1px solid var(--ligne); text-align: left; font-size: .96rem; }
.horaires td { text-align: right; color: var(--gris); }
.horaires tr.aujourdhui th, .horaires tr.aujourdhui td { color: var(--petrole); font-weight: 700; }
.carte-maps { border-radius: var(--r-l); overflow: hidden; background: var(--sable); min-height: 380px; }
.carte-maps iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }
.liste-acces { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.liste-acces li { display: grid; grid-template-columns: 44px 1fr; gap: 14px; }
.liste-acces .rond { width: 44px; height: 44px; border-radius: 50%; background: var(--sable); color: var(--petrole); display: grid; place-items: center; }
.liste-acces strong { display: block; color: var(--petrole-900); }
.liste-acces span { font-size: .93rem; color: var(--gris); }
@media (max-width: 860px) { .contact { grid-template-columns: 1fr; } } .article-entete h1 { max-width: 920px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .88rem; color: var(--gris); }
.article-image { border-radius: var(--r-l); overflow: hidden; margin: 0 0 40px; }
.article-image img { width: 100%; max-height: 520px; object-fit: cover; } .pied { background: var(--petrole-900); color: #a9c2c6; padding: clamp(56px, 8vw, 90px) 0 30px; font-size: .94rem; }
.pied a { color: #dce9eb; text-decoration: none; }
.pied a:hover { color: var(--abricot); }
.pied__grille { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 40px; }
.pied h2 { font: 700 .76rem/1.3 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--abricot); margin-bottom: 18px; }
.pied ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.pied .logo { color: var(--blanc); margin-bottom: 18px; }
.pied .logo__marque { background: var(--sable); color: var(--petrole-900); }
.pied .logo__texte span { color: #9fbcc1; }
.pied__bas { margin-top: 56px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .1); display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; font-size: .84rem; }
.pied__bas ul { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.pied__urgence { margin-top: 16px; font-size: .86rem; color: #9fbcc1; }
@media (max-width: 960px) { .pied__grille { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .pied__grille { grid-template-columns: 1fr; } } .barre-mobile { display: none; }
@media (max-width: 760px) {
.barre-mobile {
display: grid; grid-template-columns: 1fr 1.3fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(248, 244, 238, .96);
backdrop-filter: blur(10px); border-top: 1px solid var(--ligne);
}
.barre-mobile .btn { padding: .85em .6em; font-size: .92rem; }
body { padding-bottom: 76px; }
} .apparait { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform .8s ease; }
.apparait.est-visible { opacity: 1; transform: none; }
.no-js .apparait { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { transition: none !important; animation: none !important; }
.apparait { opacity: 1; transform: none; }
} .cmplz-cookiebanner .cmplz-btn.cmplz-accept { background-color: var(--petrole) !important; border-color: var(--petrole) !important; } .alignwide { max-width: 1000px; }
.wp-caption-text, figcaption { font-size: .86rem; color: var(--gris); }input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 110px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}.cmplz-cookiebanner .cmplz-marketing:not(.cmplz-tcf),.cmplz-manage-consent-container .cmplz-marketing:not(.cmplz-tcf) { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;}