:root { --bp-mobile: 640px;
--bp-tablet: 1024px;
--bp-desktop: 1280px;
--btn-primary-bg: #3C0314;
--btn-primary-bg-hover: #2a020e;
--btn-primary-color: #ffffff;
--btn-secondary-color: currentColor;
--btn-border-radius: 8px;
--btn-font-size: 1rem;
--btn-font-weight: 500;
--btn-padding-y: 12px;
--btn-padding-x: 24px;
--btn-gap: 8px;
--btn-transition: all 0.25s ease;
--badge-bg: #fdf2f4;
--badge-color: #3C0314;
--badge-border-radius: 9999px;
--badge-font-size: 0.75rem;
--badge-font-weight: 600;
--badge-padding-y: 4px;
--badge-padding-x: 12px;
--card-bg: #ffffff;
--card-border: 1px solid #e5e7eb;
--card-border-radius: 12px;
--card-padding: 24px;
--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
--card-transition: all 0.3s ease;
--section-padding-y: 80px;
--section-padding-x: 64px;
--section-max-width: 1312px;
--container-xl: var(--section-max-width);
--spacing-container-x: var(--section-padding-x);
--focus-ring-color: #3C0314;
}
@media (max-width: 1200px) {
:root {
--section-padding-x: 48px;
}
}
@media (max-width: 1024px) {
:root {
--section-padding-x: 20px;
}
}
.skip-link {
position: absolute;
left: 16px;
top: -48px;
z-index: 2000;
padding: 10px 14px;
background: #ffffff;
color: #232425;
border: 2px solid var(--focus-ring-color);
border-radius: 8px;
text-decoration: none;
transition: top 0.2s ease;
}
.skip-link:focus,
.skip-link:focus-visible {
top: 16px;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--btn-gap);
padding: var(--btn-padding-y) var(--btn-padding-x);
border-radius: var(--btn-border-radius);
font-size: var(--btn-font-size);
font-weight: var(--btn-font-weight);
line-height: 1;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
border: none;
position: relative;
overflow: hidden;
transition: var(--btn-transition);
box-sizing: border-box;
font-family: inherit;
}  .btn-primary {
background-color: var(--btn-primary-bg);
color: var(--btn-primary-color);
border: 1px solid var(--btn-primary-bg);
}
.btn-primary:hover,
.btn-primary:focus {
background-color: var(--btn-primary-bg-hover);
border-color: var(--btn-primary-bg-hover);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary:active {
transform: translateY(0);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
} .btn-secondary {
background-color: transparent;
color: var(--btn-secondary-color);
border: 1px solid currentColor;
}
.btn-secondary:hover,
.btn-secondary:focus {
background-color: rgba(0, 0, 0, 0.04);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.btn-secondary:active {
transform: translateY(0);
box-shadow: none;
} .btn.btn-text {
background-color: transparent;
color: var(--btn-secondary-color);
border: none;
padding-left: 0;
padding-right: 0;
}
.btn.btn-text:hover,
.btn.btn-text:focus {
opacity: 0.8;
transform: translateY(-1px);
}
.btn.btn-text:active {
opacity: 1;
transform: translateY(0);
} .btn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {
outline: 2px solid var(--focus-ring-color);
outline-offset: 2px;
}
.btn-disabled {
cursor: default;
pointer-events: none;
opacity: 0.72;
} [style*="--usine-wrapper-container-padding-desktop"] {
padding: var(--usine-wrapper-container-padding-desktop, 64px) !important;
box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1024px) {
[style*="--usine-wrapper-container-padding-desktop"] {
padding: var(--usine-wrapper-container-padding-tablet, 48px) !important;
box-sizing: border-box;
}
}
@media (max-width: 1024px) {
[style*="--usine-wrapper-container-padding-desktop"] {
padding: var(--usine-wrapper-container-mobile-padding, 24px) !important;
box-sizing: border-box;
}
[style*="--usine-wrapper-container-mobile-padding"]:not([style*="--usine-wrapper-container-padding-desktop"]) {
padding-inline: var(--usine-wrapper-container-mobile-padding, 24px) !important;
box-sizing: border-box;
}
body [style*="--usine-text-ds-mobile-font-size"] {
font-size: var(--usine-text-ds-mobile-font-size) !important;
}
body [style*="--usine-block-padding-top-desktop"] {
--usine-block-padding-top-mobile: 40px;
}
body [style*="--usine-block-padding-bottom-desktop"] {
--usine-block-padding-bottom-mobile: 40px;
}
} .wpcf7-form-control-wrap,
[class*="__plugin-form"] .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wpcf7-form textarea,
.wpcf7-form select,
[class*="__plugin-form"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[class*="__plugin-form"] textarea,
[class*="__plugin-form"] select,
[class*="__native-form"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[class*="__native-form"] textarea,
[class*="__native-form"] select {
width: 100%;
max-width: 100%;
box-sizing: border-box;
} .btn .btn-icon-left,
.btn .btn-icon-right {
width: 20px;
height: 20px;
object-fit: contain;
flex-shrink: 0;
} .btn .btn-text {
display: inline;
} .icon,
.icon--fallback {
box-sizing: border-box;
vertical-align: middle;
}
.icon {
display: inline-block;
width: var(--us-icon-size, auto);
height: var(--us-icon-size, auto);
object-fit: contain;
}
.icon--fallback {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--us-icon-size, auto);
height: var(--us-icon-size, auto);
}
.icon.icon--wrapped,
.icon--fallback.icon--wrapped {
box-sizing: content-box;
padding: var(--us-icon-wrap-padding, 8px);
border-radius: var(--us-icon-wrap-radius, 8px);
} .usine-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: var(--badge-padding-y) var(--badge-padding-x);
background-color: var(--badge-bg);
color: var(--badge-color);
font-size: var(--badge-font-size);
font-weight: var(--badge-font-weight);
line-height: 1.4;
border-radius: var(--badge-border-radius);
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.025em;
} .usine-badge--solid {
background-color: var(--badge-color);
color: #ffffff;
} .usine-badge--outline {
background-color: transparent;
border: 1px solid currentColor;
} .usine-badge--success {
--badge-bg: #ecfdf5;
--badge-color: #059669;
} .usine-badge--warning {
--badge-bg: #fffbeb;
--badge-color: #d97706;
} .usine-badge--error {
--badge-bg: #fef2f2;
--badge-color: #dc2626;
} .usine-card {
background-color: var(--card-bg);
border: var(--card-border);
border-radius: var(--card-border-radius);
padding: var(--card-padding);
box-shadow: var(--card-shadow);
transition: var(--card-transition);
box-sizing: border-box;
overflow: hidden;
}
.usine-card:hover {
box-shadow: var(--card-shadow-hover);
} a.usine-card,
.usine-card--clickable {
cursor: pointer;
text-decoration: none;
color: inherit;
}
a.usine-card:hover,
.usine-card--clickable:hover {
transform: translateY(-2px);
box-shadow: var(--card-shadow-hover);
} .usine-card__image {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: calc(var(--card-border-radius) - 4px);
margin-bottom: 16px;
}
.usine-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .usine-card__body {
display: flex;
flex-direction: column;
gap: 12px;
} .usine-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
} .usine-card__footer {
display: flex;
align-items: center;
gap: 12px;
margin-top: auto;
padding-top: 16px;
} .usine-card--highlighted {
border-color: var(--btn-primary-bg);
box-shadow: 0 0 0 1px var(--btn-primary-bg), var(--card-shadow);
} .usine-card--flat {
border: none;
box-shadow: none;
}
.usine-card--flat:hover {
box-shadow: var(--card-shadow);
} .usine-section {
width: 100%;
padding: var(--section-padding-y) var(--section-padding-x);
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.usine-section__inner {
width: 100%;
max-width: var(--section-max-width);
display: flex;
flex-direction: column;
} .usine-section__header {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 48px;
}
.usine-section__header--center {
text-align: center;
align-items: center;
} .icon-text {
display: flex;
align-items: flex-start;
gap: 8px;
}
.icon-text--wrapped {
padding: var(--us-icon-text-wrap-padding, 12px);
box-sizing: border-box;
border-radius: inherit;
}
.icon-text__icon {
width: var(--us-icon-size, 24px);
height: var(--us-icon-size, 24px);
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.icon-text__icon.icon--wrapped {
box-sizing: content-box;
}
.icon-text__icon img,
.icon-text__icon svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.icon-text__text {
font-size: 16px;
line-height: 1.5;
}   .us-slider {
overflow-x: clip;
overflow-y: visible;
position: relative;
width: 100%; border: 0 solid transparent;
--us-slider-visible: 1;
--us-slider-gap: 0px;
--us-slider-arrow-bg: rgba(255, 255, 255, 0.9);
--us-slider-arrow-bg-hover: #ffffff;
--us-slider-arrow-border-color: transparent;
--us-slider-arrow-border-width: 0px;
--us-slider-arrow-radius: 50%;
--us-slider-arrow-icon-color: #000000;
--us-slider-dot-color: #d1d5db;
--us-slider-dot-hover-color: #9ca3af;
--us-slider-dot-active-color: #374151;
}
.us-slider__track {
display: flex;
gap: var(--us-slider-gap, 0px);
transition: transform 0.5s ease;
cursor: grab;
touch-action: pan-y; }
.us-slider.is-dragging .us-slider__track {
cursor: grabbing;
}
.us-slider.is-dragging .us-slider__track,
.us-slider.is-dragging .us-slider__track * {
user-select: none;
}
.us-slider__track img {
-webkit-user-drag: none;
user-select: none;
}
.us-slider__track > * {
flex: 0 0 calc((100% - ((var(--us-slider-visible, 1) - 1) * var(--us-slider-gap, 0px))) / var(--us-slider-visible, 1));
min-width: 0;
box-sizing: border-box;
} .us-slider[data-nbr-visible="2"] { --us-slider-visible: 2; }
.us-slider[data-nbr-visible="3"] { --us-slider-visible: 3; }
.us-slider[data-nbr-visible="4"] { --us-slider-visible: 4; } .us-slider[data-nbr-visible="5"] { --us-slider-visible: 5; }
.us-slider[data-nbr-visible="6"] { --us-slider-visible: 6; } .us-slider__prev,
.us-slider__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 48px;
height: 48px;
background: var(--us-slider-arrow-bg);
border: var(--us-slider-arrow-border-width) solid var(--us-slider-arrow-border-color);
border-radius: var(--us-slider-arrow-radius);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: var(--us-slider-arrow-shadow, 0 2px 8px rgba(0, 0, 0, 0.15));
transition: background 0.2s, box-shadow 0.2s;
}
.us-slider__prev { left: 16px; }
.us-slider__next { right: 16px; }
.us-slider__prev:hover,
.us-slider__next:hover {
background: var(--us-slider-arrow-bg-hover);
box-shadow: var(--us-slider-arrow-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.2));
}
.us-slider__prev svg,
.us-slider__next svg {
width: 24px;
height: 24px;
color: var(--us-slider-arrow-icon-color);
} .us-slider__dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 24px;
}
.us-slider[class*="footer-controls"] .us-slider__dots {
min-height: 48px;
}
.us-slider__dot {
width: 10px;
height: 10px;
background: var(--us-slider-dot-color);
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
transition: background 0.2s, transform 0.2s;
}
.us-slider__dot:hover {
background: var(--us-slider-dot-hover-color);
}
.us-slider__dot.is-active {
background: var(--us-slider-dot-active-color);
transform: scale(1.2);
}  @media (max-width: 1024px) {
:root {
--section-padding-y: 64px;
--section-padding-x: 32px;
}
} @media (max-width: 1024px) {
:root {
--section-padding-y: 48px;
--section-padding-x: 16px;
--card-padding: 16px;
}  .usine-card {
border-radius: 8px;
} .usine-section__header {
gap: 12px;
margin-bottom: 32px;
} .us-slider[data-nbr-visible] .us-slider__track > * {
flex: 0 0 100%;
}
.us-slider__prev,
.us-slider__next {
width: 40px;
height: 40px;
}
.us-slider__prev svg,
.us-slider__next svg {
width: 20px;
height: 20px;
}
}  @media (prefers-reduced-motion: reduce) {
.btn,
.usine-card,
a.usine-card,
.usine-card--clickable,
.us-slider__track {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
.btn:hover,
.btn:focus,
.usine-card:hover,
a.usine-card:hover {
transform: none !important;
}
} @media print {
.btn {
box-shadow: none !important;
border: 1px solid currentColor;
}
.usine-card {
box-shadow: none !important;
border: 1px solid #ccc;
break-inside: avoid;
}
.usine-section {
padding: 24px 0;
}
}  @media (max-width: 1024px) {
.bloc-gallery-01,
.bloc-product-grid-01 {
overflow-x: clip;
} html,
body {
overflow-x: clip;
max-width: 100%;
}
.flexible-content-wrapper,
.entry-content,
.site-main {
overflow-x: clip;
max-width: 100%;
}
} @media (min-width: 700px) and (max-width: 1200px) {
.usine-bloc-header-01__title,
.bloc-text-01__headline,
.bloc-gallery-01__headline,
.bloc-ctabanner-01__headline,
.bloc-features-01__headline,
.bloc-features-02__headline,
.bloc-features-03__headline,
.bloc-features-04__headline,
.bloc-product-grid-01__headline,
.bloc-testimonials-01__headline,
.bloc-menu-01__headline { font-size: clamp(35px, 4.15vw, 41px) !important;
line-height: 1.14 !important;
letter-spacing: -0.01em;
text-wrap: balance;
} .usine-bloc-header-01__description,
.bloc-text-01__paragraph,
.bloc-gallery-01__description,
.bloc-ctabanner-01__description,
.bloc-features-01__description,
.bloc-features-02__description,
.bloc-features-03__description,
.bloc-features-04__description,
.bloc-product-grid-01__description {
font-size: 17px !important;
line-height: 1.55 !important;
}
} .galway-menu-tags {
position: sticky;
top: var(--galway-tags-top, 0px);
z-index: 900; background-color: #123A5A;
padding: 18px 32px; box-shadow: 0 1px 0 rgba(170, 207, 227, 0.16), 0 12px 24px -18px rgba(2, 16, 30, 0.9);
} .galway-menu-tags__list {
display: flex;
flex-wrap: nowrap;
gap: 10px;
margin: 0 auto;
padding: 0;
list-style: none;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.galway-menu-tags__list::-webkit-scrollbar {
display: none;
}
.galway-menu-tags__list > li {
flex: 0 0 auto;
} .galway-menu-tags.is-scrollable .galway-menu-tags__list {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);
mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);
}
.galway-menu-tags__tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 14px;
border: 1.5px solid #ffffff;
border-radius: 32px;
color: #ffffff;
font-family: 'Archivo', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
text-decoration: none;
white-space: nowrap;
transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.galway-menu-tags__tag:hover,
.galway-menu-tags__tag:focus-visible {
background-color: #aacfe3;
border-color: #aacfe3;
color: #052c4b;
} .galway-menu-tags__tag.is-active {
background-color: #ffffff;
border-color: #ffffff;
color: #052c4b;
} .galway-menu-tags + .bloc-menu-01 {
padding-top: 32px;
}
@media (min-width: 700px) and (max-width: 1200px) {
.galway-menu-tags {
padding: 16px 32px;
}
.galway-menu-tags__tag {
font-size: 15px;
padding: 9px 14px;
}
} @media (max-width: 699px) {
.galway-menu-tags {
padding: 12px 0;
}
.galway-menu-tags__list {
flex-wrap: nowrap;
overflow-x: auto;
gap: 8px;
padding-inline: 24px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
.galway-menu-tags__list::-webkit-scrollbar {
display: none;
}
.galway-menu-tags__tag {
font-size: 14px;
padding: 8px 14px;
border-width: 1px;
}
} .galway-adresse-lien {
color: inherit;
text-decoration: none;
border-bottom: 1px solid currentColor;
border-bottom-color: rgba(255, 255, 255, 0.32);
transition: border-bottom-color 200ms ease, opacity 200ms ease;
}
.galway-adresse-lien:hover,
.galway-adresse-lien:focus-visible {
border-bottom-color: currentColor;
opacity: 0.92;
} @media (max-width: 699px) {
body .usine-bloc-header-01__title,
body .bloc-features-02__headline,
body .bloc-text-01__headline,
body h1.bloc-ctabanner-01__headline {
font-size: 32px !important;
line-height: 1.1 !important;
}
body h2.bloc-ctabanner-01__headline,
body h2.usine-bloc-header-01__title,
body h2.bloc-text-01__headline,
body .bloc-features-01__headline,
body .bloc-features-03__headline,
body .bloc-features-04__headline,
body .bloc-gallery-01__headline,
body .bloc-product-grid-01__headline,
body .bloc-testimonials-01__headline,
body .bloc-menu-01__section-title,
body .bloc-menu-01__card-title,
body .usine-bloc-faq-01__title {
font-size: 26px !important;
line-height: 1.12 !important;
}
body .bloc-features-01__card-title,
body .bloc-product-grid-01__card-title,
body .bloc-features-03__card-title {
font-size: 19px !important;
line-height: 1.25 !important;
} body .bloc-features-04__card-title {
font-size: 19px !important;
line-height: 1.25 !important;
}
body .bloc-features-04__card--stat .bloc-features-04__card-title,
body .bloc-features-04__stat-value {
font-size: 32px !important;
line-height: 1.1 !important;
}
}.bloc-ctabanner-01 {
box-sizing: border-box;
padding: 112px var(--section-padding-x, 64px);
}
.bloc-ctabanner-01__container {
--ctabanner-column-min: 22rem;
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ctabanner-column-min)), 1fr));
gap: clamp(24px, 6vw, 80px);
align-items: start;
padding: clamp(24px, 5vw, 64px);
border-radius: 24px;
box-sizing: border-box;
}
.bloc-ctabanner-01__container--bare {
padding: 0;
border-radius: 0;
}
.bloc-ctabanner-01__container--stacked-contact-form {
grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
gap: 80px;
} .bloc-ctabanner-01--vertical .bloc-ctabanner-01__container {
grid-template-columns: 1fr;
max-width: var(--section-max-width, 1312px);
text-align: center;
} .bloc-ctabanner-01--horizontal .bloc-ctabanner-01__container {
--ctabanner-column-min: 22rem;
} .bloc-ctabanner-01__content {
display: flex;
flex-direction: column;
gap: 40px;
min-width: 0;
}
.bloc-ctabanner-01__header {
display: flex;
flex-direction: column;
gap: 24px;
}
.bloc-ctabanner-01__tagline {
font-size: 16px;
font-weight: 600;
color: inherit;
margin: 0;
}
.bloc-ctabanner-01__headline {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
color: inherit;
margin: 0;
overflow-wrap: anywhere;
}
.bloc-ctabanner-01__description {
font-size: 18px;
line-height: 1.5;
color: inherit;
margin: 0;
} .bloc-ctabanner-01__newsletter {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
}
.bloc-ctabanner-01__newsletter-name {
font-size: 14px;
font-weight: 600;
color: inherit;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.bloc-ctabanner-01__newsletter-label {
font-size: 16px;
font-weight: 400;
color: inherit;
margin: 0;
}
.bloc-ctabanner-01__newsletter .btn {
border-radius: 9999px;
align-self: flex-start;
}
.bloc-ctabanner-01__newsletter-row {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.bloc-ctabanner-01__input {
flex: 1;
padding: 12px 16px;
font-size: 16px;
border: 1px solid #D1D5DB;
border-radius: 4px;
background: #fff;
}
.bloc-ctabanner-01__input::placeholder {
color: var(--ctabanner-newsletter-placeholder-color, #767676);
}
.bloc-ctabanner-01__legal {
font-size: 12px;
color: inherit;
margin: 0;
} .bloc-ctabanner-01__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
border: 1px solid currentColor;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
}
.bloc-ctabanner-01__button--primary {
background-color: inherit;
color: inherit;
border-color: inherit;
}
.bloc-ctabanner-01__button--secondary {
background-color: transparent;
color: inherit;
border-color: currentColor;
}
.bloc-ctabanner-01__button--secondary:hover {
background-color: #fdf2f4;
} .bloc-ctabanner-01__review {
display: inline-flex;
align-items: center;
} .bloc-ctabanner-01__review .review {
display: inline-flex;
align-items: center;
gap: 16px;
padding: 12px;
border: none;
border-radius: 24px;
}
.bloc-ctabanner-01__review .review__brand-icon {
width: 32px;
height: 32px;
object-fit: contain;
}
.bloc-ctabanner-01__review .review__rating {
font-size: 18px;
font-weight: 400;
color: inherit;
}
.bloc-ctabanner-01__review .review__stars {
display: flex;
gap: 2px;
}
.bloc-ctabanner-01__review .review__stars .star-icon {
width: 20px;
height: 20px;
}
.bloc-ctabanner-01__review .review__count {
font-size: 18px;
font-weight: 400;
color: inherit;
} .bloc-ctabanner-01__review-icon {
width: 32px;
height: 32px;
}
.bloc-ctabanner-01__review-score {
font-size: 16px;
font-weight: 600;
color: inherit;
}
.bloc-ctabanner-01__review-count {
font-size: 14px;
color: inherit;
} .bloc-ctabanner-01__features {
display: flex;
flex-wrap: wrap;
column-gap: 32px;
row-gap: 16px;
}
.bloc-ctabanner-01__feature {
display: flex;
align-items: center;
gap: 16px;
flex: 1 1 calc((100% - 32px) / 2);
max-width: calc((100% - 32px) / 2);
min-width: 260px;
}
.bloc-ctabanner-01__feature-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.bloc-ctabanner-01__feature-icon svg {
width: 100%;
height: 100%;
}
.bloc-ctabanner-01__feature-text {
font-size: 16px;
color: inherit;
}
.bloc-ctabanner-01__features .icon-text {
display: flex;
align-items: center;
gap: 16px;
flex: 1 1 calc((100% - 32px) / 2);
max-width: calc((100% - 32px) / 2);
min-width: 260px;
color: inherit;
}
.bloc-ctabanner-01__features .icon-text__icon {
width: 24px;
height: 24px;
flex-shrink: 0;
color: inherit;
}
.bloc-ctabanner-01__features .icon-text__icon svg,
.bloc-ctabanner-01__features .icon-text__icon img {
width: 100%;
height: 100%;
}
.bloc-ctabanner-01__features .icon-text__text {
font-size: 16px;
color: inherit;
} .bloc-ctabanner-01__actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.bloc-ctabanner-01--vertical .bloc-ctabanner-01__content {
align-items: center;
}
.bloc-ctabanner-01--vertical .bloc-ctabanner-01__actions {
justify-content: center;
align-items: center;
}
.bloc-ctabanner-01__actions .btn {
border-radius: 9999px;
} .bloc-ctabanner-01__form-card {
background: #F7F6F2;
padding: clamp(24px, 4vw, 32px);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
gap: 16px;
border-radius: 0; align-self: start;
width: 100%;
min-width: 0;
}
.bloc-ctabanner-01__form-card--stacked {
background: #FFFFFF;
border: 1px solid #D0CECE;
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
max-width: 500px;
justify-self: end;
}
.bloc-ctabanner-01__form-card--choice-shell {
background: #FFFFFF;
border: 1px solid #232425;
border-radius: 0;
padding: 32px;
max-width: 500px;
}
.bloc-ctabanner-01__form-card--bare {
background: transparent;
padding: 0;
border-radius: 0;
}
.bloc-ctabanner-01__form-card > input[type="hidden"] {
display: none;
}
.bloc-ctabanner-01__plugin-form {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
}
.bloc-ctabanner-01__form-card > .wpcf7 {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
}
.bloc-ctabanner-01__form-card .wpcf7-form {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
gap: 16px;
width: 100%;
min-width: 0;
}
.bloc-ctabanner-01__form-card--stacked .wpcf7-form,
.bloc-ctabanner-01__form-card--stacked .bloc-ctabanner-01__wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.bloc-ctabanner-01__plugin-form .bloc-ctabanner-01__wpcf7-form {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
gap: 16px;
min-width: 0;
}
.bloc-ctabanner-01__form-card--stacked .bloc-ctabanner-01__plugin-form .bloc-ctabanner-01__wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.bloc-ctabanner-01__form-group {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
min-width: 0;
border: 0 !important;
}
.bloc-ctabanner-01__form-group:nth-of-type(n+3) {
grid-column: 1 / -1;
}
.bloc-ctabanner-01__form-card--stacked .bloc-ctabanner-01__form-group:nth-of-type(n+3) {
grid-column: auto;
}
.bloc-ctabanner-01__form-card .bloc-ctabanner-01__form-check {
grid-column: 1 / -1;
}
.bloc-ctabanner-01__form-card .wpcf7-response-output,
.bloc-ctabanner-01__form-card .wpcf7-spinner {
grid-column: 1 / -1;
}
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap {
display: block;
} .bloc-ctabanner-01__form-card .wpcf7-form-control-wrap input[type="text"],
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap input[type="email"],
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap input[type="tel"],
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap input[type="number"],
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap select,
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap textarea {
width: 100%;
box-sizing: border-box;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
border: 1px solid #E6E7E7;
border-radius: 4px;
background: #FAFAFA;
font-family: inherit;
}
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap input[type="text"],
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap input[type="email"],
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap input[type="tel"],
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap input[type="number"],
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap select,
.bloc-ctabanner-01__form-card--stacked .wpcf7-form-control-wrap textarea,
.bloc-ctabanner-01__form-card--stacked .bloc-ctabanner-01__form-input,
.bloc-ctabanner-01__form-card--stacked .bloc-ctabanner-01__form-select {
border-radius: 8px;
}
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap input[type="text"],
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap input[type="email"],
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap input[type="tel"],
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap input[type="number"],
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap select,
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-form-control-wrap textarea,
.bloc-ctabanner-01__form-card--choice-shell .bloc-ctabanner-01__form-input,
.bloc-ctabanner-01__form-card--choice-shell .bloc-ctabanner-01__form-select {
min-height: 48px;
border-radius: 0;
}
.bloc-ctabanner-01__form-card .wpcf7-form-control-wrap textarea {
min-height: var(--ctabanner-textarea-height, 96px);
height: var(--ctabanner-textarea-height, 96px);
resize: none;
}
.bloc-ctabanner-01__form-card .btn {
grid-column: 1 / -1;
border-radius: 9999px;
width: 100%;
min-height: 48px;
}
.bloc-ctabanner-01__plugin-form > p {
grid-column: 1 / -1;
margin: 0;
}
.bloc-ctabanner-01__plugin-form > p .btn {
width: 100%;
border-radius: 9999px;
}
.bloc-ctabanner-01__form-card--choice-shell .btn,
.bloc-ctabanner-01__form-card--choice-shell input[type="submit"],
.bloc-ctabanner-01__form-card--choice-shell .wpcf7-submit {
width: auto;
min-height: 40px;
align-self: flex-start;
padding: 8px 24px;
border-radius: 48px;
}
.bloc-ctabanner-01__form-card--compact-submit .btn,
.bloc-ctabanner-01__form-card--compact-submit input[type="submit"],
.bloc-ctabanner-01__form-card--compact-submit .wpcf7-submit {
background: transparent;
border: 1px solid #232425;
color: #232425;
}
.bloc-ctabanner-01__form-card--source-submit .btn,
.bloc-ctabanner-01__form-card--source-submit input[type="submit"],
.bloc-ctabanner-01__form-card--source-submit .wpcf7-submit {
width: auto;
justify-self: start;
}
.bloc-ctabanner-01__form-card--reservation {
background: #FAFAFA;
padding: 24px 32px;
gap: 12px 16px;
align-self: center;
}
.bloc-ctabanner-01__form-card--reservation .wpcf7-form {
gap: 12px 16px;
}
.bloc-ctabanner-01__form-card--reservation .bloc-ctabanner-01__wpcf7-form--reservation {
gap: 12px 16px;
}
.bloc-ctabanner-01__form-card--reservation .bloc-ctabanner-01__form-group:nth-of-type(n+3) {
grid-column: auto;
}
.bloc-ctabanner-01__form-card--reservation .bloc-ctabanner-01__form-label {
font-size: 12px;
font-weight: 700;
color: #232425;
}
.bloc-ctabanner-01__form-card--reservation .bloc-ctabanner-01__form-input,
.bloc-ctabanner-01__form-card--reservation .bloc-ctabanner-01__form-select {
min-height: 40px;
padding: 10px 12px;
border-radius: 4px;
font-size: 14px;
}
.bloc-ctabanner-01__form-card--reservation .btn {
min-height: 48px;
margin-top: 4px;
}
.bloc-ctabanner-01__form-label {
font-size: 13px;
font-weight: 600;
line-height: 1.4;
color: #232425;
margin: 0;
}
.bloc-ctabanner-01__form-input,
.bloc-ctabanner-01__form-select {
min-height: 36px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
border: 1px solid #E6E7E7;
border-radius: 4px;
background: #FAFAFA;
width: 100%;
box-sizing: border-box;
}
.bloc-ctabanner-01__form-input::placeholder {
color: var(--ctabanner-placeholder-color, #767676);
}
.bloc-ctabanner-01__form-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
color: var(--ctabanner-placeholder-color, currentColor);
}
.bloc-ctabanner-01__form-textarea {
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
border: 1px solid #E6E7E7;
border-radius: 4px;
background: #FAFAFA;
width: 100%;
box-sizing: border-box;
min-height: var(--ctabanner-textarea-height, 96px);
height: var(--ctabanner-textarea-height, 96px);
resize: none;
font-family: inherit;
}
.bloc-ctabanner-01__form-group > p {
margin: 0;
min-width: 0;
}
.bloc-ctabanner-01__form-textarea::placeholder {
color: var(--ctabanner-placeholder-color, #767676);
} .bloc-ctabanner-01__form-check {
display: flex;
align-items: center;
gap: 12px;
}
.bloc-ctabanner-01__form-check br {
display: none;
}
.bloc-ctabanner-01__form-card .bloc-ctabanner-01__form-check .wpcf7-form-control-wrap {
display: inline-flex;
flex: 0 0 auto;
width: auto;
}
.bloc-ctabanner-01__form-check .wpcf7-form-control,
.bloc-ctabanner-01__form-check .wpcf7-list-item {
display: inline-flex;
align-items: center;
width: auto;
margin: 0;
}
.bloc-ctabanner-01__form-check .bloc-ctabanner-01__form-check-input {
flex: 0 0 auto;
width: 20px;
height: 20px;
margin: 0;
}
.bloc-ctabanner-01__checkbox,
.bloc-ctabanner-01__radio {
width: 20px;
height: 20px;
margin: 0;
cursor: pointer;
accent-color: #000;
}
.bloc-ctabanner-01__check-label {
font-size: 16px;
color: inherit;
cursor: pointer;
min-width: 0;
} @media (max-width: 1024px) {
.bloc-ctabanner-01 {
padding: 80px var(--section-padding-x, 64px);
}
.bloc-ctabanner-01__container {
gap: 48px;
padding: 32px;
}
.bloc-ctabanner-01__container--stacked-contact-form {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__form-card--stacked {
max-width: none;
justify-self: stretch;
}
.bloc-ctabanner-01__headline {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.bloc-ctabanner-01 {
--usine-ctabanner-section-padding-x-mobile: 16px;
padding: 64px var(--section-padding-x, 64px);
}
.bloc-ctabanner-01__headline {
font-size: 32px;
}
.bloc-ctabanner-01__container {
padding: 24px;
}
.bloc-ctabanner-01__container--bare {
padding: 0;
}
.bloc-ctabanner-01__form-card {
padding: 16px;
}
.bloc-ctabanner-01__newsletter-row {
flex-direction: column;
}
.bloc-ctabanner-01__actions {
flex-direction: column;
}
.bloc-ctabanner-01__feature {
flex-basis: 100%;
max-width: 100%;
min-width: 0;
}
.bloc-ctabanner-01__button {
width: 100%;
}
}
@media (max-width: 480px) {
.bloc-ctabanner-01__form-card {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__form-card .wpcf7-form {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__plugin-form .bloc-ctabanner-01__wpcf7-form {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__form-card--reservation {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__form-group:nth-of-type(n+3) {
grid-column: auto;
}
.bloc-ctabanner-01__form-card .bloc-ctabanner-01__form-check {
grid-column: auto;
}
.bloc-ctabanner-01__form-card .btn {
grid-column: auto;
}
} .usine-bloc_ctabanner_01 {
position: relative;
overflow: hidden;
width: 100%;  }
.usine-bloc_ctabanner_01 .container {
max-width: var(--container-xl, 1312px);
margin: 0 auto;
padding: 0 var(--spacing-container-x, 64px);
}
.usine-bloc_ctabanner_01 .cta-banner-content {
--cta-banner-column-min: 22rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--cta-banner-column-min)), 1fr));
gap: clamp(24px, 6vw, 80px);
align-items: start;
} .usine-bloc_ctabanner_01 .cta-banner-text {
display: flex;
flex-direction: column;
gap: 32px;
min-width: 0;
}
.usine-bloc_ctabanner_01 .cta-tagline {
font-size: 16px;
font-weight: 600;
color: currentColor;
margin: 0;
}
.usine-bloc_ctabanner_01 .cta-title {
font-family: var(--font-family-primary);
font-size: var(--font-size-h2, 48px);
font-weight: var(--font-weight-bold, 700);
color: currentColor;
margin: 0;
line-height: var(--line-height-tight, 1.2);
}
.usine-bloc_ctabanner_01 .cta-description {
font-family: var(--font-family-primary);
font-size: var(--font-size-p1, 18px);
color: currentColor;
margin: 0;
line-height: var(--line-height-normal, 1.5);
} .usine-bloc_ctabanner_01 .cta-banner-actions {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
} .usine-bloc_ctabanner_01 .cta-inline-form {
width: 100%;
}
.usine-bloc_ctabanner_01 .form-group {
display: flex;
flex-wrap: wrap;
gap: 16px;
width: 100%;
}
.usine-bloc_ctabanner_01 .cta-email-input {
font-family: var(--font-family-primary);
font-size: 16px;
padding: 12px 16px;
border: 1px solid currentColor;
background-color: transparent;
color: currentColor;
transition: var(--transition-all, 0.2s ease);
flex: 1;
}
.usine-bloc_ctabanner_01 .cta-email-input::placeholder {
color: currentColor;
opacity: 0.6;
}
.usine-bloc_ctabanner_01 .cta-email-input:focus {
outline: none;
border-color: currentColor;
}
.usine-bloc_ctabanner_01 .el-primary-button {
background-color: currentColor;
color: #fff;
padding: 12px 24px;
font-size: 16px;
font-weight: var(--font-weight-medium, 500);
border: 1px solid currentColor;
}
.usine-bloc_ctabanner_01 .el-primary-button:hover {
opacity: 0.9;
}
.usine-bloc_ctabanner_01 .cta-form-note {
font-size: 12px;
color: currentColor;
margin: 8px 0 0 0;
opacity: 0.85;
} .usine-bloc_ctabanner_01 .cta-buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.usine-bloc_ctabanner_01 .el-secondary-button {
background-color: transparent;
color: currentColor;
border: 1px solid currentColor;
padding: 12px 24px;
font-size: 16px;
}
.usine-bloc_ctabanner_01 .el-secondary-button:hover {
background-color: rgba(0, 0, 0, 0.05);
} .usine-bloc_ctabanner_01 .cta-icon-text {
display: flex;
align-items: center;
gap: 16px;
}
.usine-bloc_ctabanner_01 .cta-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.usine-bloc_ctabanner_01 .cta-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.usine-bloc_ctabanner_01 .cta-detail-text {
font-size: 16px;
color: currentColor;
} @media (max-width: 1024px) {
.usine-bloc_ctabanner_01 .cta-banner-content {
gap: 48px;
}
} @media (max-width: 1024px) {
.usine-bloc_ctabanner_01 .form-group {
flex-direction: column;
}
.usine-bloc_ctabanner_01 .cta-buttons {
flex-direction: column;
}
} .bloc-ctabanner-01__form-card {
background: #9dc2d6;
border-radius: 24px;
padding: 32px;
flex: 0 0 500px;
width: 500px;
max-width: 100%;
} .bloc-ctabanner-01__plugin-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
align-items: start;
}
.bloc-ctabanner-01__plugin-form > .hidden-fields-container {
display: none;
} .bloc-ctabanner-01__plugin-form > .bloc-ctabanner-01__form-group {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.bloc-ctabanner-01__plugin-form > .bloc-ctabanner-01__form-group:nth-of-type(1),
.bloc-ctabanner-01__plugin-form > .bloc-ctabanner-01__form-group:nth-of-type(2) {
grid-column: span 1;
} .bloc-ctabanner-01__form-group > p {
margin: 0;
}
.bloc-ctabanner-01__form-label {
margin: 0;
} .bloc-ctabanner-01__form-input,
.bloc-ctabanner-01__form-card textarea {
width: 100%;
box-sizing: border-box;
background-color: var(--usine-form-field-bg, #aacfe3);
border: var(--usine-form-field-stroke-width, 1px) solid var(--usine-form-field-border, #91b7cb);
border-radius: 8px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
color: #123A5A;
}
.bloc-ctabanner-01__form-card textarea {
min-height: 136px;
resize: vertical;
}
.bloc-ctabanner-01__form-input::placeholder,
.bloc-ctabanner-01__form-card textarea::placeholder {
color: #84898c;
}
.bloc-ctabanner-01__form-input:focus,
.bloc-ctabanner-01__form-card textarea:focus {
outline: 2px solid #002133;
outline-offset: 1px;
} .bloc-ctabanner-01__form-card .wpcf7-submit {
grid-column: 1 / -1;
justify-self: start;
height: 48px;
padding: 8px 24px;
border: 0;
border-radius: 32px;
background-color: #002133;
color: #ffffff;
font-family: 'Archivo', sans-serif;
font-size: 20px;
line-height: 1.5;
cursor: pointer;
transition: opacity 160ms ease;
}
.bloc-ctabanner-01__form-card .wpcf7-submit:hover {
opacity: 0.88;
}
@media (max-width: 1200px) {
.bloc-ctabanner-01__form-card {
flex: 1 1 auto;
width: 100%;
}
}
@media (max-width: 600px) {
.bloc-ctabanner-01__plugin-form {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01__plugin-form > .bloc-ctabanner-01__form-group:nth-of-type(1),
.bloc-ctabanner-01__plugin-form > .bloc-ctabanner-01__form-group:nth-of-type(2) {
grid-column: 1 / -1;
}
} @media (max-width: 1200px) {
.bloc-ctabanner-01 {
padding-top: 40px !important;
}
} @media (min-width: 1025px) {
.bloc-ctabanner-01 .bloc-ctabanner-01__header {
gap: 16px;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__content {
gap: 24px;
} .bloc-ctabanner-01 .bloc-ctabanner-01__header > p {
margin-top: 0;
margin-bottom: 0;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__header > p:empty {
display: none;
}
} @media (min-width: 1025px) {
.bloc-ctabanner-01 .bloc-ctabanner-01__content {
align-self: start;
}
} @media (max-width: 699px) {
.bloc-ctabanner-01 .bloc-ctabanner-01__container {
gap: 32px;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__content {
gap: 24px;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__header {
gap: 16px;
} .bloc-ctabanner-01 .bloc-ctabanner-01__header > p {
margin-top: 0;
margin-bottom: 0;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__header > p:empty {
display: none;
}
.bloc-ctabanner-01 .bloc-ctabanner-01__form-card {
padding: 24px;
}
}.bloc-features-03 {
width: 100%;
box-sizing: border-box;
padding: 80px 64px;
background-color: #ffffff;
color: inherit;
font-family: inherit;
}
.bloc-features-03__container {
max-width: 1312px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 80px;
} .bloc-features-03__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 32px;
}
.bloc-features-03__header-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
max-width: 800px;
}
.bloc-features-03__tagline {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: inherit;
margin: 0;
}
.bloc-features-03__headline {
font-size: 48px;
font-weight: 500;
line-height: 1.1;
color: inherit;
margin: 0;
}
.bloc-features-03__description {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: inherit;
margin: 0;
}
.bloc-features-03__header-action {
flex-shrink: 0;
display: flex;
align-items: flex-start;
gap: 12px;
padding-top: 8px;
} .bloc-features-03__btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
transition: all 0.2s ease;
}
.bloc-features-03__btn--secondary {
background-color: #ffffff;
color: #3C0314;
border: 1px solid #3C0314;
}
.bloc-features-03__btn--secondary:hover {
background-color: #fdf2f4;
} .bloc-features-03__body {
display: flex;
flex-direction: row;
gap: 32px;
align-items: stretch;
}
.bloc-features-03__body--right-only {
gap: 0;
} .bloc-features-03__zone-left {
flex: 1;
display: flex;
flex-direction: column;
gap: 32px;
}
.bloc-features-03__body-description {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: inherit;
margin: 0;
} .bloc-features-03__details {
display: flex;
flex-direction: column;
gap: 12px;
}
.bloc-features-03__detail-item {
display: flex;
align-items: flex-start;
gap: 8px;
width: 100%;
min-width: 0;
}
.bloc-features-03__details .icon-text {
width: 100%;
min-width: 0;
}
.bloc-features-03__detail-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.bloc-features-03__detail-icon svg {
width: 16px;
height: 16px;
color: inherit;
}
.bloc-features-03__detail-text {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: inherit;
flex: 1 1 auto;
min-width: 0;
}
.bloc-features-03__details .icon-text__text {
flex: 1 1 auto;
min-width: 0;
}  .bloc-features-03__two-cards {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.bloc-features-03__two-cards .bloc-features-03__card {
flex: 1;
min-width: 200px;
}
@media (min-width: 1201px) {
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left {
align-self: stretch;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left > .bloc-features-03__two-cards,
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left > .bloc-features-03__card {
flex: 1 1 0;
min-height: 0;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__two-cards {
align-items: stretch;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__two-cards .bloc-features-03__card {
height: 100%;
}
} .bloc-features-03__card {
background-color: var(--card-bg, transparent); border: none;
overflow: hidden;
position: relative;
} .bloc-features-03__card--vertical {
display: flex;
flex-direction: column;
}
.bloc-features-03__card--vertical .bloc-features-03__card-image {
width: 100%;
aspect-ratio: auto;
} .bloc-features-03__card--full {
width: 100%;
} .bloc-features-03__card--horizontal {
display: flex;
flex-direction: row;
}
.bloc-features-03__card--horizontal .bloc-features-03__card-image {
flex: 0 0 180px;
min-height: 180px;
}
.bloc-features-03__card--horizontal .bloc-features-03__card-content {
flex: 1;
} .bloc-features-03__card-image {
background-color: #E6E7E7;
overflow: hidden;
}
.bloc-features-03__card-image img,
.bloc-features-03__card-image > .usine-image-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloc-features-03__card-image-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
}
.bloc-features-03__card-image-placeholder svg {
width: 40px;
height: 40px;
color: #999;
opacity: 0.5;
} .bloc-features-03__card-content {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
position: relative;
z-index: 2;
} .bloc-features-03__card-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.bloc-features-03__card-icon svg {
width: 32px;
height: 32px;
color: inherit;
} .bloc-features-03__card-number-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
}
.bloc-features-03__card-number-wrapper--wrapped {
padding: var(--bloc-features-03-number-wrapper-padding, 8px 12px);
}
.bloc-features-03__card-number {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: inherit;
overflow-wrap: break-word;
word-break: break-word;
} .bloc-features-03__card-title {
font-size: 18px;
font-weight: 500;
line-height: 1.4;
color: inherit;
margin: 0;
} .bloc-features-03__card-description {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: inherit;
margin: 0;
overflow-wrap: anywhere;
} .bloc-features-03__card-details {
display: flex;
flex-direction: column;
gap: 6px;
}
.bloc-features-03__card-hitarea {
position: absolute;
inset: 0;
z-index: 1;
display: block;
border-radius: inherit;
}
.bloc-features-03__card .btn {
position: relative;
z-index: 2;
}
.bloc-features-03__card-details .bloc-features-03__detail-text {
font-size: 12px;
} .bloc-features-03__card-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #3C0314;
text-decoration: none;
transition: color 0.2s ease;
}
.bloc-features-03__card-link:hover {
color: #2a020e;
}
.bloc-features-03__card-link-icon {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.bloc-features-03__card-link-icon svg {
width: 8px;
height: 8px;
} .bloc-features-03__zone-right {
flex: 1;
display: flex;
min-width: 300px;
}
.bloc-features-03__zone-right--full {
flex: 1 1 100%;
min-width: 0;
width: 100%;
}
.bloc-features-03__map {
width: 100%;
height: 100%;
background-color: #E6E7E7;
display: flex;
align-items: center;
justify-content: center;
min-height: var(--bloc-features-03-map-min-height, 566px);
position: relative;
}
.bloc-features-03__map--auto-height {
min-height: 0;
}
.bloc-features-03__map img,
.bloc-features-03__map > .usine-image-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
} .bloc-features-03__map-container {
width: 100%;
height: 100%;
min-height: 400px;
border-radius: 8px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
}
.bloc-features-03__map-container iframe {
flex: 1;
width: 100%;
min-height: 0;
border-radius: 8px 8px 0 0;
}
.bloc-features-03__map-attribution {
background-color: #f8f9fa;
padding: 6px 12px;
font-size: 12px;
text-align: right;
border-radius: 0 0 8px 8px;
}
.bloc-features-03__map-attribution a {
color: #2464D1;
text-decoration: none;
font-weight: 500;
}
.bloc-features-03__map-attribution a:hover {
text-decoration: underline;
}
.bloc-features-03__map-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bloc-features-03__map-pin {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
color: #999;
opacity: 0.6;
}
.bloc-features-03__map-pin svg {
width: 100%;
height: 100%;
}  .bloc-features-03__header--vertical {
flex-direction: column;
align-items: flex-start;
}
.bloc-features-03__header--wrapped {
padding: 32px;
box-sizing: border-box;
}
.bloc-features-03__header--center {
justify-content: center;
}
.bloc-features-03__header-content--boxed {
max-width: 800px;
}
.bloc-features-03__header-content--center {
align-items: center;
margin-inline: auto;
}
.bloc-features-03__header-content--center .bloc-features-03__headline,
.bloc-features-03__header-content--center .bloc-features-03__description,
.bloc-features-03__header-content--center .bloc-features-03__tagline {
text-align: center;
} .bloc-features-03__header-content--fullwidth {
max-width: 100%;
}  .bloc-features-03--media-left .bloc-features-03__body {
flex-direction: row-reverse;
}  .bloc-features-03__card--media-bottom {
display: flex;
flex-direction: column-reverse;
} .bloc-features-03__card--media-background {
position: relative;
}
.bloc-features-03__card--media-background .bloc-features-03__card-image {
position: absolute;
inset: 0;
z-index: 0;
}
.bloc-features-03__card--media-background .bloc-features-03__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloc-features-03__card--media-background .bloc-features-03__card-content {
position: relative;
z-index: 1;
} .bloc-features-03__card--horizontal-reverse {
flex-direction: row-reverse;
} .bloc-features-03--wrapped-shell .bloc-features-03__container {
border-radius: 16px;
} @media (max-width: 1400px) {
.bloc-features-03__headline {
font-size: 40px;
}
.bloc-features-03__body {
gap: 32px;
}
} @media (max-width: 1200px) {
.bloc-features-03 {
padding: 64px 48px;
}
.bloc-features-03__header {
flex-direction: column;
gap: 24px;
}
.bloc-features-03__header-content {
max-width: 100%;
}
.bloc-features-03__body,
.bloc-features-03--media-left .bloc-features-03__body {
flex-direction: column;
gap: 48px;
}
.bloc-features-03__zone-right {
min-width: 100%;
}
.bloc-features-03__map {
min-height: 400px;
}
.bloc-features-03__map-container {
min-height: 350px;
}
.bloc-features-03__headline {
font-size: 36px;
}
} @media (max-width: 992px) {
.bloc-features-03 {
padding: 48px 32px;
}
.bloc-features-03__headline {
font-size: 32px;
}
.bloc-features-03__card--horizontal {
flex-direction: column;
}
.bloc-features-03__card--horizontal .bloc-features-03__card-image {
flex: none;
width: 100%;
aspect-ratio: 16 / 9;
}
.bloc-features-03__two-cards .bloc-features-03__card-image,
.bloc-features-03__card--vertical .bloc-features-03__card-image {
aspect-ratio: 16 / 9;
}
.bloc-features-03__card--horizontal,
.bloc-features-03__card--horizontal-reverse {
flex-direction: column;
}
} @media (max-width: 1024px) {
.bloc-features-03 {
padding: 40px 20px;
}
.bloc-features-03__container {
gap: 32px;
}
.bloc-features-03__headline {
font-size: 28px;
}
.bloc-features-03__description {
font-size: 16px;
}
.bloc-features-03__two-cards {
flex-direction: column;
}
.bloc-features-03__two-cards .bloc-features-03__card {
width: 100%;
min-width: 0;
}
.bloc-features-03__card-number {
font-size: 28px;
}
.bloc-features-03__map {
min-height: 300px;
}
.bloc-features-03__map-container {
min-height: 280px;
}
} @media (max-width: 480px) {
.bloc-features-03__headline {
font-size: 24px;
}
.bloc-features-03__tagline {
font-size: 14px;
}
.bloc-features-03__header-action {
width: 100%;
flex-wrap: wrap;
align-items: stretch;
}
.bloc-features-03__header-action .btn {
width: 100%;
flex: 1 0 100%;
min-width: 0;
}
.bloc-features-03__card-content {
padding: 16px;
}
}  .bloc-features-03__card {
background-color: transparent;
border: none;
overflow: visible;
}
.bloc-features-03__card-content {
gap: 8px;
padding: 0;
} .bloc-features-03__card-title {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.bloc-features-03__card-description {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
} .bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left {
flex: 0 0 640px;
width: 640px;
max-width: 100%;
gap: 32px;
}
.bloc-features-03__two-cards {
gap: 32px;
} .bloc-features-03__body--balanced-card-map .bloc-features-03__zone-right {
flex: 1 1 0;
min-width: 0;
align-self: stretch;
}
.bloc-features-03__map {
min-height: 0;
height: 100%;
background-color: transparent;
border-radius: 24px;
overflow: hidden;
}
.bloc-features-03__map-container {
min-height: 320px;
height: 100%;
border-radius: 24px;
}
.bloc-features-03__map-container iframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
@media (min-width: 1201px) { .bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left > .bloc-features-03__two-cards,
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left > .bloc-features-03__card {
flex: 0 0 auto;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__two-cards {
align-items: flex-start;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__two-cards .bloc-features-03__card {
height: auto;
}
}
@media (max-width: 1200px) {
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left {
flex: 1 1 auto;
width: 100%;
}
.bloc-features-03__map-container {
min-height: 360px;
}
} @media (max-width: 1024px) {
.bloc-features-03__body {
flex-direction: column;
gap: 24px;
}
.bloc-features-03__body > .bloc-features-03__zone-right {
order: 1;
}
.bloc-features-03__body > .bloc-features-03__zone-left {
order: 2;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left,
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-right {
width: 100%;
max-width: 100%;
flex: 1 1 auto;
}
.bloc-features-03__map-container {
min-height: 260px;
}
} @media (min-width: 700px) and (max-width: 1200px) {
.bloc-features-03__body,
.bloc-features-03__body--balanced-card-map {
flex-direction: column;
gap: 32px;
}
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-left,
.bloc-features-03__body--balanced-card-map .bloc-features-03__zone-right {
width: 100%;
max-width: 100%;
flex: 1 1 auto;
} .bloc-features-03__zone-left {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 32px;
align-content: start;
}
.bloc-features-03__two-cards {
display: contents;
}
.bloc-features-03__card {
min-width: 0;
} .bloc-features-03__body--balanced-card-map .bloc-features-03__zone-right {
order: 2;
}
.bloc-features-03__map,
.bloc-features-03__map-container {
height: 320px;
min-height: 320px;
border-radius: 24px;
}
}.usine-bloc-faq-01 {
position: relative;
width: 100%;
background-color: #FFFFFF;
box-sizing: border-box;
padding-inline: var(--section-padding-x, 64px);
} .usine-bloc-faq-01__container {
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
padding: 0;
box-sizing: border-box;
} .usine-bloc-faq-01__layout {
display: flex;
flex-direction: column; flex-wrap: nowrap;
align-items: stretch;
gap: var(--usine-bloc-faq-01-layout-gap, 48px);
} .usine-bloc-faq-01__intro {
width: 100%; flex-shrink: 0;
display: flex;
flex-direction: column;
gap: var(--usine-bloc-faq-01-intro-gap, 32px);
box-sizing: border-box;
}
.usine-bloc-faq-01__intro--wrapped {
padding: var(--usine-bloc-faq-01-intro-wrapper-padding, 48px);
}
.usine-bloc-faq-01__intro--center {
align-items: center;
text-align: center;
}
.usine-bloc-faq-01__text-group {
display: flex;
flex-direction: column;
gap: 24px;
}
.usine-bloc-faq-01__intro--center .usine-bloc-faq-01__text-group {
align-items: center;
} .usine-bloc-faq-01__tagline {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.5;
color: #232425;
margin: 0;
} .usine-bloc-faq-01__title {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 48px;
line-height: 1;
color: #232425;
margin: 0;
} .usine-bloc-faq-01__description {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #232425;
margin: 0;
} .usine-bloc-faq-01__actions {
display: flex;
gap: 16px;
align-items: center;
}
.usine-bloc-faq-01__intro--center .usine-bloc-faq-01__actions {
justify-content: center;
} .usine-bloc-faq-01__actions .btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 8px 24px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
box-sizing: border-box;
}
.usine-bloc-faq-01__actions .btn-secondary {
border-width: 1px;
border-style: solid;
border-radius: 100px;
}
.usine-bloc-faq-01__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 8px 24px;
box-sizing: border-box;
text-decoration: none;
}
.usine-bloc-faq-01__actions .btn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .usine-bloc-faq-01__accordion {
flex: 1 1 0%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 16px;
} .usine-bloc-faq-01__item { } .usine-bloc-faq-01__item:not(.usine-bloc-faq-01__item--wrapped) {
border-top: 1px solid var(--usine-border-color, #e6e7e7);
border-left: none;
border-right: none;
border-bottom: none;
}
.usine-bloc-faq-01__item--wrapped {
padding-inline: 24px;
border-radius: 0;
border: none;
} .usine-bloc-faq-01__item--wrapped.usine-bloc-faq-01__item--bordered + .usine-bloc-faq-01__item--wrapped.usine-bloc-faq-01__item--bordered {
margin-top: -1px;
} .usine-bloc-faq-01__accordion--border-collapse {
gap: 0;
} .usine-bloc-faq-01__question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
gap: 24px;
background: transparent;
border: none;
cursor: pointer;
text-align: left;
}
.usine-bloc-faq-01__item--wrapped .usine-bloc-faq-01__question {
padding-top: 24px;
padding-bottom: 24px;
} .usine-bloc-faq-01__question:focus {
outline: none;
box-shadow: none;
}
.usine-bloc-faq-01__question:focus-visible {
outline: 2px solid #3C0314;
outline-offset: 2px;
} .usine-bloc-faq-01__question-text {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5;
color: #232425;
flex: 1 1 0%;
min-width: 0;
} .usine-bloc-faq-01__toggle {
flex-shrink: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
color: #232425;
}
.usine-bloc-faq-01__toggle svg {
display: block;
width: 100%;
height: 100%;
} .usine-bloc-faq-01__question[aria-expanded="true"] .usine-bloc-faq-01__toggle {
transform: rotate(180deg);
} .usine-bloc-faq-01__answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.usine-bloc-faq-01__answer[aria-hidden="false"] {
max-height: 2000px;
transition: max-height 0.5s ease-in;
} .usine-bloc-faq-01__answer-content {
padding: 8px 0 24px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #232425;
}
.usine-bloc-faq-01__answer-content p {
margin: 0 0 16px 0;
}
.usine-bloc-faq-01__answer-content p:last-child {
margin-bottom: 0;
} .usine-bloc-faq-01__layout--horizontal {
flex-direction: row;
gap: 80px;
}
.usine-bloc-faq-01__layout--horizontal .usine-bloc-faq-01__intro {
flex: 0 0 min(500px, 100%);
width: min(100%, 500px);
position: sticky;
top: 80px;
align-self: flex-start;
}
.usine-bloc-faq-01__layout--horizontal .usine-bloc-faq-01__accordion {
flex: 1;
} .usine-bloc-faq-01--wrapped-shell {
padding-inline: var(--section-padding-x, 64px);
}
.usine-bloc-faq-01--wrapped-shell .usine-bloc-faq-01__container {
max-width: none;
width: 100%;
box-sizing: border-box;
padding: 64px;
}
.usine-bloc-faq-01--intro-panel {
--usine-bloc-faq-01-layout-gap: 80px;
--usine-bloc-faq-01-intro-gap: 40px;
--usine-bloc-faq-01-intro-wrapper-padding: 48px;
} @media (max-width: 1024px) {
.usine-bloc-faq-01__container {
padding: 0;
}
.usine-bloc-faq-01--wrapped-shell .usine-bloc-faq-01__container {
padding: 64px;
}
.usine-bloc-faq-01__layout {
gap: 40px;
}
.usine-bloc-faq-01__intro {
width: 100%;
}
.usine-bloc-faq-01__intro--wrapped {
padding: 40px;
}
.usine-bloc-faq-01__title {
font-size: 40px;
}
} @media (max-width: 1024px) {
.usine-bloc-faq-01__container {
padding: 0;
}
.usine-bloc-faq-01--wrapped-shell .usine-bloc-faq-01__container {
padding: 20px !important;
}
.usine-bloc-faq-01__layout {
flex-direction: column;
gap: 32px;
}
.usine-bloc-faq-01__intro {
width: 100%;
gap: 32px;
}
.usine-bloc-faq-01__intro--wrapped {
padding: 32px;
}
.usine-bloc-faq-01__title {
font-size: 32px;
}
.usine-bloc-faq-01__button {
font-size: 18px;
padding: 8px 20px;
height: 44px;
}
.usine-bloc-faq-01__question {
gap: 16px;
} .usine-bloc-faq-01__layout--horizontal {
flex-direction: column;
gap: 32px;
}
.usine-bloc-faq-01__layout--horizontal .usine-bloc-faq-01__intro {
flex: none;
position: static;
}
}
@media (max-width: 480px) {
.usine-bloc-faq-01__actions {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.usine-bloc-faq-01__actions .btn {
width: 100%;
max-width: 100%;
padding-inline: 20px;
font-size: 18px;
}
} @media (prefers-reduced-motion: reduce) {
.usine-bloc-faq-01__button,
.usine-bloc-faq-01__toggle,
.usine-bloc-faq-01__answer {
transition: none;
}
} .usine-bloc-faq-01 {
background-color: #052c4b;
color: #ffffff;
}
.usine-bloc-faq-01__title {
color: #ffffff;
font-family: Dilemma, var(--usine-font-family-base, sans-serif);
font-weight: 500;
line-height: 1.1;
font-size: clamp(30px, 4vw, 46px);
margin: 0;
}
.usine-bloc-faq-01__description {
color: #cfe0eb;
font-size: clamp(15px, 1.4vw, 18px);
line-height: 1.55;
max-width: 62ch;
margin: 12px 0 0;
} .usine-bloc-faq-01__accordion {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: clamp(28px, 4vw, 44px);
} .usine-bloc-faq-01__item {
border: 0 !important;
border-radius: 20px;
background-color: #123A5A;
padding: 4px clamp(18px, 2.2vw, 26px);
transition: background-color 240ms ease;
} .usine-bloc-faq-01__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: clamp(18px, 2.2vw, 26px) 0;
background: transparent;
border: 0;
color: inherit;
text-align: left;
cursor: pointer;
}
.usine-bloc-faq-01__question:hover .usine-bloc-faq-01__question-text,
.usine-bloc-faq-01__question[aria-expanded='true'] .usine-bloc-faq-01__question-text {
color: #aacfe3;
}
.usine-bloc-faq-01__question:focus-visible {
outline: 2px solid #aacfe3;
outline-offset: 4px;
border-radius: 6px;
}
.usine-bloc-faq-01__question-text {
color: #ffffff;
font-size: clamp(16px, 1.5vw, 19px);
font-weight: 700;
line-height: 1.4;
transition: color 240ms ease;
} .usine-bloc-faq-01__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 34px;
height: 34px;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 50%;
color: #aacfe3;
transition: transform 300ms ease, border-color 240ms ease,
background-color 240ms ease;
}
.usine-bloc-faq-01__toggle svg {
width: 18px;
height: 18px;
}
.usine-bloc-faq-01__question[aria-expanded='true'] .usine-bloc-faq-01__toggle {
transform: rotate(180deg);
border-color: #aacfe3;
background-color: rgba(170, 207, 227, 0.14);
}
.usine-bloc-faq-01__answer-content {
color: #cfe0eb;
font-size: clamp(15px, 1.4vw, 17px);
line-height: 1.65;
max-width: 78ch;
padding-bottom: clamp(18px, 2.2vw, 24px);
} .usine-bloc-faq-01__answer-content a {
color: #aacfe3;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 200ms ease;
}
.usine-bloc-faq-01__answer-content a:hover,
.usine-bloc-faq-01__answer-content a:focus-visible {
color: #ffffff;
}
@media (prefers-reduced-motion: reduce) {
.usine-bloc-faq-01__toggle,
.usine-bloc-faq-01__question-text,
.usine-bloc-faq-01__item {
transition: none;
}
} @media (min-width: 1025px) {
.usine-bloc-faq-01__layout {
display: grid;
grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
column-gap: 72px;
align-items: start;
}
.usine-bloc-faq-01__accordion {
margin-top: 0;
}
} @media (max-width: 699px) {
.usine-bloc-faq-01__question {
gap: 14px;
padding: 16px 0;
}
.usine-bloc-faq-01__toggle {
width: 30px;
height: 30px;
}
.usine-bloc-faq-01__toggle svg {
width: 16px;
height: 16px;
}
}.usine-banner {
background-color: var(--banner-bg-color, #f5f5f5);
width: 100%;
box-sizing: border-box;
overflow: hidden;
border-bottom: 1px solid #E6E7E7;
padding: 12px 0;
}
.banner-container {
max-width: 1440px;
margin: 0 auto;
padding-left: 64px;
padding-right: 64px;
}
.banner-items {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
}
.banner-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.banner-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: var(--us-icon-size, 24px);
height: var(--us-icon-size, 24px);
}
.banner-text {
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #232425;
white-space: nowrap;
text-decoration: none;
}
a.banner-text:hover {
text-decoration: underline;
}
@media (max-width: 1023px) {
.banner-container {
padding-left: 32px;
padding-right: 32px;
}
.banner-items {
flex-wrap: wrap;
gap: 16px;
}
.banner-item {
min-width: 0;
}
.banner-text {
white-space: normal;
}
}
@media (max-width: 1024px) {
.banner-container {
padding-left: 16px;
padding-right: 16px;
}
.banner-items {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.banner-text {
white-space: normal;
}
}.usine-navbar {
position: sticky;
top: 0;
width: 100%;
color: var(--navbar-text-color, #000000);
z-index: 1000;
box-sizing: border-box;
padding: 8px 16px;
background: transparent;
} .navbar-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex: 0 1 auto;
min-width: 0;
gap: clamp(0.5rem, 0.9vw, 0.75rem);
align-items: center;
justify-content: flex-end;
}
.navbar-cta {
flex: 0 1 auto;
min-width: 0;
}
.navbar-cta--secondary {
flex: 0 0 auto;
}
.navbar-cta .btn {
min-width: max-content;
max-width: 100%;
font-size: clamp(0.875rem, 1vw, 1rem);
white-space: nowrap;
}
.navbar-mobile-actions {
display: none;
} .navbar-actions:empty {
display: none;
}
.usine-navbar.navbar-sticky {
position: sticky;
top: 0;
}
.usine-navbar.navbar-style-transparent .navbar-container {
background-color: transparent;
box-shadow: none;
} .navbar-container {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
max-width: 1312px;
margin: 0 auto;
gap: clamp(0.5rem, 1vw, 1rem);
padding: 0.75rem clamp(1rem, 2.25vw, 2rem);
min-height: 72px;
box-sizing: border-box;
background-color: var(--navbar-bg-color, #ffffff);
border-radius: 9999px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .navbar-width-filled {
padding: 0;
}
.navbar-width-filled .navbar-container {
max-width: 100%;
border-radius: 0;
}
@media (min-width: 1025px) {
.navbar-width-filled .navbar-container {
padding-inline: var(--section-padding-x, 64px);
}
.navbar-container[style*="text-align: right"] .navbar-menu {
flex: 0 1 auto;
margin-left: auto;
justify-content: flex-end;
}
} .navbar-logo {
display: flex;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
text-decoration: none;
color: inherit;
}
.navbar-logo img {
display: block;
height: var(--navbar-logo-height, 56px);
width: auto;
max-width: clamp(160px, 18vw, 240px);
max-height: none;
}
.navbar-logo-text {
font-size: 24px;
font-weight: 700;
color: var(--navbar-text-color, #232425);
text-decoration: none;
} .navbar-menu {
display: flex;
flex: 1 1 auto;
min-width: 0;
align-items: center;
justify-content: center;
gap: clamp(0.75rem, 1.6vw, 2rem);
list-style: none;
margin: 0;
padding: 0;
}
.navbar-menu-item {
display: flex;
align-items: center;
margin: 0;
position: relative;
}
.navbar-menu .navbar-mobile-actions {
display: none;
}
.navbar-menu-link {
display: inline-flex;
align-items: center;
color: var(--navbar-text-color);
text-decoration: none;
font-size: clamp(0.875rem, 1.05vw, 1rem);
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
transition: opacity 0.2s;
}
.navbar-menu-link:hover {
opacity: 0.7;
}
.navbar-menu-icon-right,
.navbar-icon-right {
--us-icon-size: 20px;
width: var(--us-icon-size, 20px);
height: var(--us-icon-size, 20px);
flex: 0 0 var(--us-icon-size, 20px);
margin-left: 8px;
}
.navbar-menu-dropdown {
position: absolute;
top: calc(100% + 12px);
right: 0;
z-index: 1002;
display: flex;
flex-direction: column;
gap: 4px;
min-width: 280px;
margin: 0;
padding: 8px;
list-style: none;
background: var(--navbar-dropdown-bg, #ffffff);
border-radius: var(--navbar-dropdown-radius, 8px);
box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
opacity: 0;
pointer-events: none;
transform: translateY(-4px);
transition: opacity 0.16s ease, transform 0.16s ease;
}
@media (min-width: 1025px) {
.navbar-menu-item--has-dropdown::after {
content: "";
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 1001;
height: 12px;
}
}
.navbar-menu-item--has-dropdown:hover > .navbar-menu-dropdown,
.navbar-menu-item--has-dropdown:focus-within > .navbar-menu-dropdown {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.navbar-menu-dropdown-item {
display: flex;
margin: 0;
}
.navbar-menu-dropdown-link {
display: flex;
width: 100%;
align-items: center;
padding: 8px 12px;
border-radius: 4px;
color: var(--navbar-text-color, #232425);
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
}
.navbar-menu-dropdown-link:hover,
.navbar-menu-dropdown-link:focus {
background: rgba(35, 36, 37, 0.06);
opacity: 1;
} .navbar-cta-button {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--navbar-text-color);
color: var(--navbar-bg-color);
border-radius: 9999px;
text-decoration: none;
font-weight: 500;
transition: transform 0.2s;
}
.navbar-cta-button:hover {
transform: translateY(-2px);
} .usine-navbar .navbar-cta .btn {
border-radius: 9999px;
font-weight: 500;
} .navbar-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
-webkit-appearance: none;
appearance: none;
}
.navbar-toggle-icon {
display: block;
width: 24px;
height: 2px;
background-color: var(--navbar-text-color);
position: relative;
transition: background-color 160ms ease, transform 180ms ease;
}
.navbar-toggle-icon::before,
.navbar-toggle-icon::after {
content: '';
position: absolute;
width: 24px;
height: 2px;
background-color: var(--navbar-text-color);
left: 0;
transition: top 180ms ease, transform 180ms ease;
}
.navbar-toggle-icon::before {
top: -8px;
}
.navbar-toggle-icon::after {
top: 8px;
} @media (max-width: 1024px) {
.usine-navbar {
left: auto;
right: auto;
width: 100%;
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
}
.navbar-container {
flex-wrap: nowrap;
align-items: center;
padding: 0.5rem 1rem;
min-height: 56px;
width: 100%;
max-width: 100%;
border-radius: 0 !important;
box-shadow: none;
border-bottom: 1px solid var(--navbar-mobile-border, rgba(255, 255, 255, 0.18));
overflow: visible;
}
.js .navbar-menu {
display: none;
position: absolute;
top: calc(100% - 1px);
left: 0;
right: 0;
z-index: 20;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
background-color: var(--navbar-mobile-bg, var(--navbar-bg-color, #000000));
color: var(--navbar-mobile-text, var(--navbar-text-color, #ffffff)) !important;
padding: 0;
border: 0;
border-top: 1px solid var(--navbar-mobile-border, rgba(255, 255, 255, 0.18));
border-bottom: 1px solid var(--navbar-mobile-border, rgba(255, 255, 255, 0.18));
box-shadow: none;
border-radius: 0;
overflow: hidden;
text-align: left;
}
.js .navbar-menu.active {
display: flex;
}
.usine-navbar.is-open .navbar-container {
border-radius: 0 !important;
}
.navbar-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--navbar-mobile-text, var(--navbar-text-color, #ffffff)) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none;
outline: none;
min-width: 0;
-webkit-appearance: none;
appearance: none;
}
.navbar-toggle:focus-visible {
outline: 2px solid var(--navbar-mobile-text, var(--navbar-text-color, #ffffff));
outline-offset: 4px;
}
.navbar-menu-item {
width: 100%;
min-width: 0;
flex-direction: column;
align-items: stretch;
}
.navbar-menu-item + .navbar-menu-item {
border-top: 1px solid var(--navbar-mobile-border, rgba(255, 255, 255, 0.18));
}
.navbar-menu-link {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
box-sizing: border-box;
padding: 14px 16px;
color: var(--navbar-mobile-text, var(--navbar-text-color, #ffffff));
text-align: left;
}
.navbar-menu-link:hover,
.navbar-menu-link:focus {
opacity: 1;
background: transparent;
}
.navbar-menu-link:focus-visible {
outline: 2px solid var(--navbar-mobile-text, var(--navbar-text-color, #ffffff));
outline-offset: -4px;
}
.navbar-actions {
display: none;
}
.js .navbar-menu.active {
min-height: calc(100dvh - 56px);
}
.navbar-menu-dropdown {
position: static;
display: flex;
box-sizing: border-box;
align-self: stretch;
width: 100%;
min-width: 0;
max-width: 100%;
padding: 0 0 8px 24px;
background: transparent;
border-radius: 0;
box-shadow: none;
opacity: 1;
pointer-events: auto;
transform: none;
}
.navbar-menu-dropdown-link {
box-sizing: border-box;
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 40px;
padding: 8px 16px 8px 0;
color: var(--navbar-mobile-text, var(--navbar-text-color, #ffffff));
white-space: normal;
overflow-wrap: anywhere;
}
.navbar-menu-dropdown-link:hover,
.navbar-menu-dropdown-link:focus {
background: transparent;
}
.js .navbar-menu .navbar-mobile-actions {
display: block;
box-sizing: border-box;
width: 100%;
margin-top: auto;
padding: 16px;
border-top: 1px solid var(--navbar-mobile-border, rgba(255, 255, 255, 0.18));
}
.navbar-mobile-actions__inner {
display: grid;
gap: 12px;
}
.navbar-mobile-actions .btn {
width: 100%;
justify-content: center;
min-height: 48px;
color: var(--btn-primary-color, #ffffff);
}
.no-js .navbar-container {
flex-wrap: wrap;
align-items: flex-start;
gap: 1rem;
}
.no-js .navbar-toggle {
display: none;
}
.no-js .navbar-menu {
display: flex;
position: static;
width: 100%;
flex-basis: 100%;
flex-wrap: wrap;
padding: 0.5rem 0 0;
box-shadow: none;
background: transparent;
}
.no-js .navbar-actions {
width: 100%;
justify-content: flex-start;
}
}
@media (max-width: 480px) {
.navbar-container {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "logo toggle";
row-gap: 0;
column-gap: 12px;
align-items: center;
}
.navbar-logo {
grid-area: logo;
min-width: 0;
}
.navbar-logo img {
height: var(--navbar-logo-height-mobile, 48px);
max-width: min(150px, 100%);
}
.navbar-toggle {
grid-area: toggle;
display: inline-flex;
align-items: center;
justify-content: center;
justify-self: end;
width: 40px;
height: 40px;
padding: 0;
background: transparent !important;
border: 0 !important;
border-radius: 0;
box-shadow: none;
}
.navbar-toggle-icon {
width: 20px;
height: 3px;
background-color: var(--navbar-mobile-text, var(--navbar-text-color, #232425));
}
.navbar-toggle-icon::before,
.navbar-toggle-icon::after {
width: 20px;
height: 3px;
background-color: var(--navbar-mobile-text, var(--navbar-text-color, #232425));
}
.navbar-toggle-icon::before {
top: -7px;
}
.navbar-toggle-icon::after {
top: 7px;
}
.usine-navbar.is-open .navbar-toggle-icon {
background-color: transparent !important;
}
.usine-navbar.is-open .navbar-toggle-icon::before,
.usine-navbar.is-open .navbar-toggle-icon::after {
top: 0;
}
.usine-navbar.is-open .navbar-toggle-icon::before {
transform: rotate(45deg);
}
.usine-navbar.is-open .navbar-toggle-icon::after {
transform: rotate(-45deg);
}
} .usine-navbar .navbar-container {
box-shadow:
0 1px 0 rgba(170, 207, 227, 0.16),
0 6px 16px -6px rgba(2, 16, 30, 0.55),
0 20px 44px -22px rgba(2, 16, 30, 0.75);
transition: box-shadow 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.usine-navbar.navbar-scrolled .navbar-container {
box-shadow:
0 1px 0 rgba(170, 207, 227, 0.22),
0 10px 24px -8px rgba(2, 16, 30, 0.65),
0 28px 60px -24px rgba(2, 16, 30, 0.85);
} .usine-navbar.navbar-style-transparent:not(.navbar-scrolled) .navbar-container {
box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
.usine-navbar .navbar-container {
transition: none;
}
} .usine-navbar .navbar-cta .btn {
font-size: 17px !important; padding-top: 6.8px !important; padding-bottom: 6.8px !important;
padding-left: 20.4px !important; padding-right: 20.4px !important;
border-radius: 20.4px !important; line-height: 1.5;
} .usine-navbar .navbar-cta .btn .btn-icon-left,
.usine-navbar .navbar-cta .btn .btn-icon-right {
width: 0.85em;
height: 0.85em;
}
@media (max-width: 1200px) {
.usine-navbar .navbar-cta .btn {
font-size: 15px !important;
}
}  .usine-navbar .navbar-cta--primary .btn {
position: relative;
overflow: hidden;
transition:
transform 450ms cubic-bezier(0.22, 0.9, 0.24, 1),
box-shadow 450ms ease,
filter 300ms ease;
}
.usine-navbar .navbar-cta--primary .btn::after {
content: "";
position: absolute;
top: -60%;
bottom: -60%;
left: -40%;
width: 40%;
pointer-events: none;
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.62) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: translateX(0) rotate(8deg);
animation: galway-cta-reflet 7s cubic-bezier(0.33, 0, 0.2, 1) infinite;
}
@keyframes galway-cta-reflet {
0%, 62% {
transform: translateX(0) rotate(8deg);
}
88%, 100% {
transform: translateX(750%) rotate(8deg);
}
} .usine-navbar .navbar-cta--primary .btn {
animation: galway-cta-souffle 7s ease-in-out infinite;
}
@keyframes galway-cta-souffle {
0%, 100% {
box-shadow: 0 2px 10px -7px rgba(2, 16, 30, 0.55);
}
75% {
box-shadow: 0 10px 26px -10px rgba(2, 16, 30, 0.7);
}
}
.usine-navbar .navbar-cta--primary .btn:hover,
.usine-navbar .navbar-cta--primary .btn:focus-visible {
transform: translateY(-2px);
filter: brightness(1.04);
box-shadow: 0 12px 30px -10px rgba(2, 16, 30, 0.75);
}
.usine-navbar .navbar-cta--primary .btn:active {
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.usine-navbar .navbar-cta--primary .btn,
.usine-navbar .navbar-cta--primary .btn::after {
animation: none;
transition: none;
}
.usine-navbar .navbar-cta--primary .btn:hover {
transform: none;
}
} @media (min-width: 700px) and (max-width: 1024px) {
.js .navbar-menu.active {
min-height: 0;
max-height: calc(100dvh - 96px);
overflow-y: auto;
overscroll-behavior: contain;
}
.js .navbar-menu .navbar-mobile-actions {
margin-top: 0;
padding: 20px 16px 24px;
} .navbar-mobile-actions__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.js .navbar-menu .navbar-menu-item .navbar-menu-link {
padding-block: 14px;
}
} @media (min-width: 700px) and (max-width: 1024px) {
.js .navbar-menu.active {
height: calc(100dvh - 100%);
max-height: calc(100dvh - 100%);
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
} .js .navbar-menu .navbar-mobile-actions {
margin-top: auto;
padding: 20px 16px calc(24px + env(safe-area-inset-bottom, 0px));
}
.navbar-mobile-actions__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
} @media (max-width: 1024px) {
body:has(.usine-navbar.is-open) {
overflow: hidden;
overscroll-behavior: none;
}
} .usine-navbar .navbar-mobile-actions .btn-primary .galway-roll {
display: inline;
white-space: pre;
}
.usine-navbar .navbar-mobile-actions .btn-primary:hover .galway-roll__a,
.usine-navbar .navbar-mobile-actions .btn-primary:hover .galway-roll__b,
.usine-navbar .navbar-mobile-actions .btn-primary:focus-visible .galway-roll__a,
.usine-navbar .navbar-mobile-actions .btn-primary:focus-visible .galway-roll__b,
.usine-navbar .navbar-mobile-actions .btn-primary.galway-roll--joue .galway-roll__a,
.usine-navbar .navbar-mobile-actions .btn-primary.galway-roll--joue .galway-roll__b {
transform: translateY(-1.5em);
}
.usine-navbar .navbar-mobile-actions .btn-primary.galway-roll--sans-transition .galway-roll__a,
.usine-navbar .navbar-mobile-actions .btn-primary.galway-roll--sans-transition .galway-roll__b {
transition: none !important;
}
.usine-navbar .navbar-mobile-actions .btn-primary {
transition:
transform 420ms cubic-bezier(0.22, 0.9, 0.24, 1),
box-shadow 420ms ease;
}
.usine-navbar .navbar-mobile-actions .btn-primary.galway-roll--joue {
transform: translateY(-1px);
box-shadow: 0 6px 18px -8px rgba(2, 16, 30, 0.7);
} @media (max-width: 1024px) {
body:has(.usine-navbar.is-open) {
touch-action: none;
} .usine-navbar.is-open {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.js .navbar-menu.active {
touch-action: pan-y;
overscroll-behavior: contain;
}
} @media (max-width: 699px) {
.js .navbar-menu.active {
height: calc(100dvh - 100%);
max-height: calc(100dvh - 100%);
min-height: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.js .navbar-menu .navbar-mobile-actions {
margin-top: auto;
padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px));
}
} @media (min-width: 700px) and (max-width: 1200px) { .navbar-menu.active {
justify-content: flex-start;
padding-top: 12px;
padding-bottom: 28px;
overflow-y: auto;
}
.navbar-menu-link {
padding: 18px 32px;
font-size: 19px;
} .navbar-mobile-actions {
margin-top: 20px !important;
padding-inline: 32px;
}
.navbar-mobile-actions__inner {
gap: 16px;
}
} .navbar-logo img {
object-fit: contain;
object-position: left center;
} .usine-navbar .navbar-toggle { padding: 21px 10px;
margin: -21px -10px;
box-sizing: content-box;
}.usine-footer {
color: var(--footer-text-color, #ffffff);
padding: 2rem var(--section-padding-x, 64px);
width: 100%;
box-sizing: border-box;
background-color: var(--footer-outer-bg, transparent);
}
.footer-container {
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
background-color: transparent;
border-radius: 0;
padding: 0;
box-sizing: border-box;
}
.usine-footer.has-wrapper .footer-container {
background-color: var(--footer-bg-color, #0a3760);
border-radius: 0;
padding: 2rem 3rem 1.5rem;
} .footer-width-filled .footer-container {
max-width: 100%;
border-radius: 0;
}
.footer-width-contained .footer-container {
max-width: var(--section-max-width, 1312px);
} .footer-main {
display: flex;
justify-content: space-between;
gap: clamp(3rem, 7vw, 7.5rem);
align-items: flex-start;
min-width: 0;
}
.footer-logo-section {
flex: 1 1 360px;
min-width: 0;
max-width: min(100%, 620px);
}
.footer-columns-wrapper {
flex: 0 1 min(100%, 620px);
width: min(100%, 620px);
min-width: 0;
max-width: min(100%, 620px);
margin-left: auto;
} .footer-logo {
display: inline-flex;
align-items: center;
margin-bottom: 1.5rem;
text-decoration: none;
color: inherit;
}
.footer-logo-img {
display: block;
height: 52px;
width: 180px;
max-width: 100%;
max-height: none;
object-fit: contain;
object-position: left center;
}
.footer-logo-text {
display: inline-flex;
align-items: center;
min-height: 44px;
font-size: 1.5rem;
font-weight: 700;
color: var(--footer-text-color);
} .footer-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 2rem;
}
.footer-actions .btn {
border-radius: 9999px;
font-weight: 500;
} .footer-subtitle {
color: var(--footer-text-color);
opacity: 1;
margin: 0 0 1rem;
white-space: pre-line;
}
.footer-meta {
color: var(--footer-text-color);
opacity: 0.9;
white-space: pre-line;
margin-bottom: 1rem;
} .footer-newsletter {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: min(100%, 383px);
margin-bottom: 1rem;
}
.footer-newsletter-name,
.footer-newsletter-label {
margin: 0;
color: var(--footer-text-color);
}
.footer-newsletter-name {
opacity: 0.9;
}
.newsletter-form {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.newsletter-form .form-group {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
max-width: 383px;
}
.newsletter-input {
flex: 1;
padding: 0.75rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
color: var(--footer-text-color);
font-size: 0.95rem;
}
.newsletter-input::placeholder {
color: var(--footer-newsletter-placeholder-color, rgba(255, 255, 255, 0.5));
}  .footer-contact:empty {
display: none;
}
.footer-contact {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 1rem;
}
.contact-item {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
.contact-icon .icon-img {
width: 20px;
height: 20px;
}
.contact-icon .icon--fallback {
width: 20px;
height: 20px;
}
.contact-text {
color: var(--footer-text-color);
opacity: 0.8;
font-size: 0.95rem;
} .footer-columns {
display: grid;
grid-auto-flow: row;
grid-auto-columns: auto;
grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
align-items: flex-start;
justify-content: flex-start;
gap: 1.5rem 4rem;
width: 100%;
min-width: 0;
max-width: 100%;
margin-bottom: 1rem;
}
.footer-column {
flex: 0 1 145px;
width: auto;
min-width: 0;
max-width: 100%;
}
.footer-column-title {
font-size: 1.125rem;
font-weight: 600;
margin: 0 0 1rem;
color: var(--footer-text-color);
}
.footer-links {
list-style: none;
margin: 0;
padding: 0;
}
.footer-link-item {
margin-bottom: 0.75rem;
}
.footer-link {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--footer-text-color);
text-decoration: none;
opacity: 0.8;
transition: opacity 0.2s;
font-size: 0.95rem;
}
.footer-link:hover {
opacity: 1;
}
.footer-link-icon {
flex-shrink: 0;
}
.footer-link.btn-disabled {
opacity: 0.65;
}
.footer-link-chevron {
display: none;
} .footer-social {
text-align: left;
margin: 1.5rem 0 1.25rem;
padding: 0;
}
.footer-social-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--footer-text-color);
}
.footer-social-links {
display: flex;
justify-content: flex-start;
gap: 1.5rem;
flex-wrap: wrap;
}
.footer-review-stars {
gap: 2px;
flex-wrap: nowrap;
}
.footer-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--footer-text-color);
text-decoration: none;
transition: opacity 0.2s, transform 0.2s;
}
.footer-social-link:hover {
opacity: 0.85;
transform: translateY(-2px);
}
.footer-social-link.has-wrapper {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
}
.footer-social-link .dashicons {
width: 20px;
height: 20px;
font-size: 20px;
}
.footer-social-link .social-icon-img,
.footer-social-link .icon--fallback {
width: 20px;
height: 20px;
}
.footer-review-star {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
.footer-review-star:hover {
opacity: 1;
transform: none;
}
.footer-review-star .dashicons,
.footer-review-star .social-icon-img,
.footer-review-star .icon--fallback {
width: 20px !important;
height: 20px !important;
max-width: 20px;
max-height: 20px;
object-fit: contain;
}
.footer-bottom-shell {
width: 100%;
max-width: var(--section-max-width, 1312px);
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.footer-width-filled .footer-bottom-shell {
max-width: 100%;
}
.footer-width-contained .footer-bottom-shell {
max-width: var(--section-max-width, 1312px);
} .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
padding-top: 0.75rem;
margin-bottom: 0;
font-size: 0.85rem;
} .footer-divider {
width: 100%;
height: var(--footer-divider-width, 1px);
margin: 1rem 0 0;
background: var(--footer-divider-color, rgba(255, 255, 255, 0.1));
border: 0;
}
.footer-copyright {
color: var(--footer-credit-color, rgba(255, 255, 255, 0.72)) !important;
}
.footer-copyright * {
color: inherit !important;
}
.footer-credit {
display: flex;
flex: 1 1 auto;
align-items: center;
gap: 8px;
min-width: 0;
}
.footer-credit-text {
font-size: 14px;
line-height: 1;
}
.footer-legal-links {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.footer-legal-link {
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
transition: opacity 0.2s;
}
.footer-legal-link:hover {
opacity: 1;
} .footer-webiteasy-link {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.footer-webiteasy-logo {
height: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
opacity: var(--footer-credit-logo-opacity, 0.72);
transition: opacity 0.2s;
}
.footer-webiteasy-link:hover .footer-webiteasy-logo {
opacity: 1;
} @media (max-width: 1024px) {
.usine-footer {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
padding-inline: var(--section-padding-x, 64px);
}
.footer-container,
.usine-footer.has-wrapper .footer-container {
padding: 2rem 1.5rem 1.5rem;
}
.footer-main {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
.footer-logo-section {
max-width: none;
}
.footer-columns-wrapper {
max-width: 100%;
width: 100%;
margin-left: 0;
}
.footer-columns {
width: 100%;
max-width: 100%;
display: grid;
grid-auto-flow: row;
grid-auto-columns: auto;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 2rem;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.footer-bottom-shell {
padding: 0 1.5rem;
}
.footer-legal-links {
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
} @media (min-width: 1025px) {
.usine-footer .footer-container {
display: grid;
grid-template-columns: minmax(0, 1fr) 701px;
column-gap: clamp(64px, 12vw, 200px);
row-gap: 56px;
align-items: start;
}
.usine-footer .footer-main,
.usine-footer .footer-logo-section {
display: contents;
}
.usine-footer .footer-subtitle {
grid-column: 1 / -1;
grid-row: 1;
}
.usine-footer .footer-actions {
grid-column: 1;
grid-row: 2;
align-self: end;
margin-top: 0;
}
.usine-footer .footer-social {
grid-column: 1;
grid-row: 3;
margin: 0;
align-self: start;
} .usine-footer .footer-columns-wrapper {
grid-column: 2;
grid-row: 2 / span 2;
flex: none;
width: 100%;
max-width: 701px;
}
.usine-footer .footer-divider,
.usine-footer .footer-bottom {
grid-column: 1 / -1;
}
} .usine-footer .footer-subtitle {
font-size: clamp(3rem, 19vw, 252px) !important;
line-height: 1;
margin: 0;
width: 100%;
letter-spacing: -0.01em;
} .usine-footer .footer-actions .btn-primary {
background-color: transparent;
}
.usine-footer .footer-actions {
gap: 16px;
}
.usine-footer .footer-actions .btn {
height: 48px;
padding: 8px 24px;
border-radius: 40px;
font-size: 20px;
line-height: 1.5;
} .usine-footer .footer-subtitle {
white-space: nowrap;
font-size: min(252px, calc((100vw - 128px) / 5.35)) !important;
} .usine-footer .footer-webiteasy-link {
position: relative;
display: inline-flex;
overflow: hidden;
border-radius: 4px;
}
.usine-footer .footer-webiteasy-logo {
display: block;
transition:
opacity 320ms ease,
transform 420ms cubic-bezier(0.22, 0.9, 0.24, 1);
will-change: transform;
} .usine-footer .footer-webiteasy-link::after {
content: none;
}
.usine-footer .footer-webiteasy-logo {
transform-origin: center;
animation: galway-logo-flotte 6s ease-in-out infinite;
}
@keyframes galway-logo-flotte {
0%, 100% { transform: translateY(0)    rotate(0deg)    scale(1); }
25%      { transform: translateY(-3px) rotate(-1.1deg) scale(1.02); }
50%      { transform: translateY(0)    rotate(0deg)    scale(1); }
75%      { transform: translateY(3px)  rotate(1.1deg)  scale(0.99); }
}
.usine-footer .footer-webiteasy-link:hover .footer-webiteasy-logo,
.usine-footer .footer-webiteasy-link:focus-visible .footer-webiteasy-logo {
opacity: 1;
transform: translateY(-2px) scale(1.06);
}
.usine-footer .footer-webiteasy-link:hover::after,
.usine-footer .footer-webiteasy-link:focus-visible::after {
transform: translateX(130%);
}
@media (prefers-reduced-motion: reduce) {
.usine-footer .footer-webiteasy-logo,
.usine-footer .footer-webiteasy-link::after {
transition: none;
}
.usine-footer .footer-webiteasy-link:hover .footer-webiteasy-logo {
transform: none;
}
.usine-footer .footer-webiteasy-link::after {
display: none;
}
.usine-footer .footer-webiteasy-logo {
animation: none;
opacity: 0.72;
}
} @media (min-width: 700px) and (max-width: 1200px) {
.usine-footer .footer-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 24px;
}
.usine-footer .footer-legal-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.usine-footer .footer-legal-links li {
margin: 0;
}
} .usine-footer .footer-webiteasy-link:hover .footer-webiteasy-logo,
.usine-footer .footer-webiteasy-link:focus-visible .footer-webiteasy-logo {
animation: none;
opacity: 1;
transform: translateY(-2px) scale(1.05) rotate(0deg);
} @media (min-width: 700px) and (max-width: 1200px) {
.usine-footer .footer-container {
display: grid;
grid-template-columns: minmax(0, 1fr);
row-gap: 32px;
align-items: start;
}
.usine-footer .footer-main,
.usine-footer .footer-logo-section {
display: contents;
}
.usine-footer .footer-subtitle {
grid-column: 1 / -1; font-size: min(160px, calc((100vw - 96px) / 5.35)) !important;
white-space: nowrap;
margin: 0;
}
.usine-footer .footer-actions {
grid-column: 1 / -1;
margin-top: 0;
}
.usine-footer .footer-columns-wrapper {
grid-column: 1 / -1;
width: 100%;
max-width: 100%;
flex: none;
}
.usine-footer .footer-columns {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px 32px;
}
.usine-footer .footer-social {
grid-column: 1 / -1;
margin: 0;
}
.usine-footer .footer-divider,
.usine-footer .footer-bottom {
grid-column: 1 / -1;
}
} .footer-webiteasy-link {
display: inline-block;
padding-block: 12px;
margin-block: -12px;
}.rtb-clear {
clear: both;
}
.rtb-booking-form {
position: relative; width: 100%;
clear: both;
margin-bottom: 48px;
}
.rtb-booking-form fieldset {
padding-bottom: 1em;
margin-bottom: 1em;
}
.rtb-booking-form legend {
padding: 0 0.5em;
}
.rtb-booking-form fieldset>div {
margin-top: 1em;
}
.rtb-booking-form fieldset>div:first-child {
margin-top: 0;
}
.rtb-booking-form label {
display: block;
}
.rtb-booking-form input,
#stripe-payment-form #cardElement {
width: 100%;
max-width: 15em;
}
#stripe-payment-form #cardElement {
max-width: 500px;
width: 100%;
display: block;
border: 1px solid #ccc;
border-radius: 0;
background-color: white;
color: #777;
padding: 12px 21px;
margin: 18px 0;
}
.rtb-booking-form input[type="checkbox"],
.rtb-booking-form input[type="radio"] {
width: auto;
margin-right: 0.25em;
vertical-align: middle;
}
.rtb-booking-form textarea {
width: 100%;
max-width: 30em;
}
.rtb-booking-form .add-message {
margin-top: 1em;
}
.rtb-booking-form .message {
position: relative;
top: auto;
left: auto;
display: none;
}
.rtb-booking-form .message-open {
display: block;
}
.rtb-booking-form .message textarea {
min-height: 6em;
}
.rtb-booking-form .rtb-error {
font-size: 0.85em;
padding: 0.25em;
background: #f50;
color: #fff;
}
.rtb-booking-form .rtb-error:before {
content: ' ';
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
width: 0;
height: 0;
display: inline-block;
margin: 0.25em 0.5em;
} .picker {
outline: 0;
}
#rtb-date_root .picker__button--clear,
#rtb-date_root .picker__button--today,
#rtb-date_root .picker__button--close { color: #000;
}
#rtb-date_root .picker__nav--next,
#rtb-date_root .picker__nav--prev { min-height: 1em;
}
#rtb-time_root .picker__list,
#rtb-time_root .picker__list li { list-style: none;
margin: 0 0 0 1px;
} .rtb-view-bookings-form-date-selector {
border: 1px solid #ddd;
border-radius: 8px;
padding: 6px 16px;
background: transparent;
}
.rtb-view-bookings-no-bookings-today {
display: flex;
margin-top: 24px;
}
.rtb-view-bookings-table {
width: 100%;
margin-top: 24px;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
}
.rtb-view-bookings-table th,
.rtb-view-bookings-table td {
padding: 6px 16px;
}
.rtb-view-bookings-table-column-arrived,
.rtb-view-bookings-table-column-time,
.rtb-view-bookings-table-column-party,
.rtb-view-bookings-table-column-table {
width: 1%;
white-space: nowrap;
}
.rtb-view-bookings-table th {
font-weight: bold;
text-align: center;
border: 1px solid #ddd;
border-left: none;
}
.rtb-view-bookings-table th:first-child {
border-left: 1px solid #ddd;
border-top-left-radius: 8px;
}
.rtb-view-bookings-table th:last-child {
border-top-right-radius: 8px;
}
.rtb-view-bookings-table td {
text-align: center;
border: 1px solid #ddd;
border-left: none;
border-top: none;
}
.rtb-view-bookings-table td:first-child {
border-left: 1px solid #ddd;
}
.rtb-view-bookings-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 8px;
}
.rtb-view-bookings-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 8px;
}
.rtb-view-bookings-table td.rtb-view-bookings-table-column-details {
text-align: left;
}
.rtb-view-booking-details-label {
font-weight: 600;
}
.rtb-view-bookings-table .rtb-view-booking-details {
list-style-type: none;
padding-left: 0;
}
@media screen and (max-width: 900px) {
.rtb-view-bookings-table th:nth-of-type(n+6),
.rtb-view-bookings-table td:nth-of-type(n+6) {
display: none;
}
}
@media screen and (max-width: 600px) {
.rtb-view-bookings-table th:nth-of-type(n+5),
.rtb-view-bookings-table td:nth-of-type(n+5) {
display: none;
}
}
.rtb-edit-view-booking {
width: 20px;
height: 20px;
}
.rtb-edit-view-booking[disabled] {
opacity: .75;
}
.rtb-view-bookings-form-confirmation-background-div {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: rgba(0,0,0,0.5);
}
.rtb-view-bookings-form-confirmation-div {
position: fixed;
top: 200px;
width: 480px;
left: calc(50% - 240px);
z-index: 1000000;
margin: 0;
background: #fff;
font-size: 18px;
text-align: center;
border-radius: 8px;
box-shadow: 0 0 4px #555;
}
.rtb-view-bookings-form-confirmation-div-inside {
position: relative;
float: left;
width: 100%;
}
.rtb-view-bookings-form-confirmation-div-title {
position: relative;
float: left;
width: 90%;
margin: 24px 5%;
color: #333;
}
.rtb-view-bookings-form-confirmation-accept {
box-sizing: border-box;
position: relative;
float: left;
width: 32%;
margin: 24px 34% 0;
padding: 8px 0;
background: #222;
color: #fff;
border-radius: 8px;
cursor: pointer;
transition: background .35s;
}
.rtb-view-bookings-form-confirmation-accept:hover {
background: #555;
}
.rtb-view-bookings-form-confirmation-decline {
box-sizing: border-box;
position: relative;
float: left;
width: 32%;
margin: 8px 34% 24px;
padding: 6px 0;
background: transparent;
color: #222;
border: 1px solid #222;
border-radius: 8px;
cursor: pointer;
transition: background .35s, border-color .35s;
}
.rtb-view-bookings-form-confirmation-decline:hover {
background: #555;
color: #fff;
border-color: #555;
}
#rtb-view-bookings-form-close {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 16px;
right: 16px;
width: 24px;
height: 24px;
color: #222;
border: 1px solid #222;
border-radius: 1000px;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
opacity: .5;
transition: opacity .35s;
z-index: 4;
}
#rtb-view-bookings-form-close:hover {
opacity: 1;
}
@media screen and (max-width: 568px) {
.rtb-view-bookings-form-confirmation-div {
top: 100px;
width: 300px;
left: calc(50% - 150px);
}	
} .rtb-modification-toggle {
position: relative;
float: left;
padding: 10px 15px;
margin-bottom: 24px;
background: #444;
color: #fff;
border-radius: 3px;
cursor: pointer;
}
label[for="rtb_modification_email"],
input[name="rtb_modification_email"] {
float: left;
margin-top: 20px;
}
label[for="rtb_modification_email"] {
margin-right: 12px;
margin-bottom: 8px;
}
.rtb-find-reservation-button {
position: relative;
float: left;
padding: 10px 15px;
margin-top: 24px;
background: #444;
color: #fff;
border-radius: 3px;
cursor: pointer;
}
.rtb-bookings-results {
position: relative;
float: left;
width: 100%;
margin-top: 16px;
}
.rtb-cancel-booking-div {
border: 1px solid #ddd;
margin-bottom: 8px;
}
.rtb-cancel-booking-div + .alert {
margin: 0;
}
.rtb-cancel-booking-div + .alert.error {
color: #f24a4d;
background: #f24a4d47;
}
.rtb-cancel-booking-div *:not(:first-child) {
margin-left: -5px;
}
.rtb-cancel-booking {
text-align: center;
padding: 10px 0;
background: #fe4e4e;
color: #fff;
cursor: pointer;
display: inline-block;
max-width: 100px;
min-width: 100px;
width: 100%;
}
.rtb-cancel-booking:hover {
background: #ff6b6b;
color: #fff;
}
.rtb-cancel-booking.cancelled {
background: #24b124;
}
.rtb-deposit-booking {
text-align: center;
padding: 10px 0;
background: green;
color: #fff;
cursor: pointer;
display: inline-block;
max-width: 100px;
min-width: 100px;
width: 100%;
}
.rtb-deposit-booking:hover {
background: #008000cf;
color: #fff;
}
.rtb-booking-information {
padding-left: 5px;
display: inline-block;
}
#rtb_recaptcha {
position: relative;
float: left;
width: 100%;
margin: 16px 0;
}
.stripe-payment-help-text {
display: none;
}
.payment-errors {
margin: 32px 0;
border-left: 4px solid #000;
padding-left: 16px;
}
:is(.rtb-booking-form, #stripe-booking-form) button:disabled {
background-color: gray;
}
:is(.rtb-booking-form, #stripe-booking-form) button:disabled:hover {
text-decoration: none;
} .booking-payment-wrapper .summary-title {
width: 100%;
display: block;
}
.booking-payment-wrapper dl.summary-detail {
box-sizing: border-box;
width: 100%;
display: block;
padding: 12px 16px;
background: #fafafa;
border: 1px solid #ddd;
border-radius: 2px;
}
.booking-payment-wrapper dl.summary-detail dt {
width: 120px;
padding-right:  20px;
display: inline-block;
margin: 0 0 8px;
}
.booking-payment-wrapper dl.summary-detail dd {
width: calc(100% - 150px);
display: inline-block;
margin: 0 0 8px;
}
.booking-payment-wrapper dl.summary-detail dt:last-of-type,
.booking-payment-wrapper dl.summary-detail dd:last-of-type {
margin-bottom: 0;
} .rtb-booking-form-with-tables-graphic {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.rtb-booking-form-with-tables-graphic .rtb-booking-form-form {
width: 100%;
}
.rtb-booking-form-with-tables-graphic.right .rtb-booking-form-form,
.rtb-booking-form-with-tables-graphic.left .rtb-booking-form-form {
width: 65%;
}
.rtb-tables-graphic-container {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.rtb-booking-form-with-tables-graphic.right .rtb-tables-graphic-container,
.rtb-booking-form-with-tables-graphic.left .rtb-tables-graphic-container {
width: 30%;
}
.rtb-tables-graphic-container p {
margin: 0;
}
.rtb-tables-graphic-container img {
margin: 2em 0 32px;
width: 100%;
height: auto;
}
.rtb-booking-form-with-tables-graphic.above .rtb-tables-graphic-container,
.rtb-booking-form-with-tables-graphic.left .rtb-tables-graphic-container {
order: 1;
}
.rtb-booking-form-with-tables-graphic.above .rtb-booking-form-form,
.rtb-booking-form-with-tables-graphic.left .rtb-booking-form-form {
order: 2;
}
@media screen and (max-width: 900px) {
.rtb-booking-form-with-tables-graphic .rtb-booking-form-form {
width: 100% !important;
}
.rtb-tables-graphic-container {
width: 100% !important;
}
}
.rtb-hidden {
display: none;
}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden} .picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}.picker--opened .picker__frame{top:auto;bottom:0}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.picker__footer,.picker__header,.picker__table{text-align:center}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--highlighted{border-color:#0089ec}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}.picker__list{list-style:none;padding:.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}.picker__list-item--highlighted,.picker__list-item:hover{border-color:#0089ec;z-index:10}.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted:hover,.picker__list-item:hover{cursor:pointer;color:#000;background:#b1dcfb}@media (min-height:46.75em){.picker__list-item{padding:.5em 1em}}.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover{background:#0089ec;color:#fff;z-index:10}.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover{background:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:0 0;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__button--clear:focus,.picker--time .picker__button--clear:hover{background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:0}.picker--time .picker__button--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__button--clear:focus:before,.picker--time .picker__button--clear:hover:before{color:#fff;border-color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height:40.125em){.picker--time .picker__box{margin-bottom:5em}}.rtb-booking-form {
--rtb-wine: #3c0314;
--rtb-navy: #003454;
--rtb-ink: #232425;
--rtb-border: rgba(60, 3, 20, 0.18);
max-width: 980px;
margin: 0 auto 56px;
color: var(--rtb-ink);
font-family: var(--usine-font-family-base, Roboto, "Helvetica Neue", Arial, sans-serif);
}
.rtb-booking-form-form {
display: grid;
gap: 24px;
}
.rtb-booking-form fieldset {
min-width: 0;
margin: 0;
padding: 30px;
border: 1px solid var(--rtb-border);
border-radius: 12px;
background: #fff;
box-shadow: 0 8px 30px rgba(33, 16, 20, 0.06);
}
.rtb-booking-form legend {
width: auto;
margin-left: -8px;
padding: 0 8px;
color: var(--rtb-wine);
font-family: Dilemma, var(--usine-font-family-base, sans-serif);
font-size: clamp(1.45rem, 2vw, 1.85rem);
line-height: 1.1;
}
.rtb-booking-form fieldset.reservation,
.rtb-booking-form fieldset.rtb-contact {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.rtb-booking-form fieldset.rtb-contact {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rtb-booking-form fieldset > div,
.rtb-booking-form fieldset > div:first-child {
min-width: 0;
margin: 0;
}
.rtb-booking-form .rtb-textarea,
.rtb-booking-form .message,
.rtb-booking-form .add-message {
grid-column: 1 / -1;
}
.rtb-booking-form label,
.rtb-booking-form .add-message a {
margin: 0 0 8px;
color: var(--rtb-ink);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.045em;
text-transform: uppercase;
}
.rtb-booking-form label:has(+ input[required])::after,
.rtb-booking-form label:has(+ select[required])::after,
.rtb-booking-form label:has(+ textarea[required])::after {
content: " *";
color: var(--rtb-wine);
}
.rtb-booking-form input:not([type="checkbox"]):not([type="radio"]),
.rtb-booking-form select,
.rtb-booking-form textarea {
width: 100% !important;
max-width: none !important;
min-height: 50px;
margin: 0;
padding: 12px 14px;
border: 1px solid rgba(35, 36, 37, 0.23);
border-radius: 7px;
background: #fff;
color: var(--rtb-ink);
font: inherit;
line-height: 1.35;
box-shadow: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.rtb-booking-form textarea {
min-height: 132px;
resize: vertical;
}
.rtb-booking-form input:focus,
.rtb-booking-form select:focus,
.rtb-booking-form textarea:focus {
border-color: var(--rtb-wine);
outline: 2px solid rgba(60, 3, 20, 0.16);
outline-offset: 1px;
}
.rtb-booking-form .add-message a {
display: inline-block;
color: var(--rtb-wine);
text-decoration: underline;
text-underline-offset: 3px;
}
.rtb-booking-form .rtb-form-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.rtb-booking-form .rtb-form-submit button,
.rtb-booking-form .rtb-find-reservation-button {
appearance: none;
min-height: 52px;
padding: 14px 26px;
border: 1px solid var(--rtb-wine);
border-radius: 8px;
background: var(--rtb-wine);
color: #fff;
font: inherit;
font-size: .9rem;
font-weight: 700;
letter-spacing: .05em;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
transition: background .2s ease, transform .2s ease;
}
.rtb-booking-form .rtb-form-submit button:hover,
.rtb-booking-form .rtb-find-reservation-button:hover {
background: #25010c;
transform: translateY(-1px);
}
.rtb-booking-form .rtb-error,
.rtb-booking-form .rtb-message {
border-radius: 7px;
}
.rtb-booking-form .rtb-modification-toggle {
display: inline-flex;
margin: 0 0 22px;
color: var(--rtb-wine);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
cursor: pointer;
}
.rtb-booking-form .rtb-modification-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin: 0 0 24px;
padding: 24px;
border-radius: 12px;
background: #fdf8f9;
}
.rtb-booking-form .rtb-modification-form > div:first-child,
.rtb-booking-form .rtb-bookings-results {
grid-column: 1 / -1;
}
.rtb-booking-form .rtb-modification-form label::after {
content: " *";
color: var(--rtb-wine);
}
@media (max-width: 700px) {
.rtb-booking-form { margin-bottom: 40px; }
.rtb-booking-form fieldset { padding: 22px 18px; }
.rtb-booking-form fieldset.reservation,
.rtb-booking-form fieldset.rtb-contact,
.rtb-booking-form .rtb-modification-form { grid-template-columns: 1fr; }
.rtb-booking-form .rtb-form-footer,
.rtb-booking-form .rtb-form-submit,
.rtb-booking-form .rtb-form-submit button { width: 100%; }
.rtb-booking-form .rtb-form-submit button { justify-content: center; }
}  .bloc-ctabanner-01--reservation {
padding-top: clamp(40px, 8vw, 112px) !important;
padding-bottom: clamp(40px, 7vw, 96px) !important;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container {
grid-template-columns: minmax(0, 1fr) minmax(min(100%, 520px), 620px);
gap: clamp(32px, 6vw, 76px);
align-items: center;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container--stacked-contact-form {
grid-template-columns: minmax(0, 1fr) minmax(min(100%, 520px), 620px);
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card {
max-width: 620px;
width: 100%;
justify-self: stretch;
padding: clamp(24px, 3vw, 38px);
border-color: rgba(255, 255, 255, 0.42);
border-radius: 22px;
background: rgba(255, 255, 255, 0.08);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card--stacked {
max-width: 620px;
justify-self: stretch;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form {
width: 100%;
margin: 0;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form-form {
gap: 20px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form legend {
margin: 0 0 10px;
padding: 0;
font-size: clamp(1.25rem, 2vw, 1.55rem);
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation legend,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.rtb-contact legend {
grid-column: 1 / -1;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.rtb-contact {
gap: 14px 16px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(132px, 1.25fr);
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.rtb-contact {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .phone {
grid-column: 1 / 2;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form input:not([type="checkbox"]):not([type="radio"]),
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form select,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form textarea {
min-height: 48px;
padding: 11px 14px;
border-color: rgba(35, 36, 37, 0.16);
border-radius: 8px;
background: rgba(255, 255, 255, 0.96);
font-size: 1rem;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form textarea {
min-height: 92px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-footer {
justify-content: flex-end;
margin-top: 2px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form label,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .add-message a {
margin-bottom: 7px;
font-size: 0.78rem;
line-height: 1.15;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .add-message {
padding-top: 7px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit button,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-find-reservation-button {
min-height: 50px !important;
padding: 12px 28px !important;
border-color: var(--rtb-navy) !important;
border-radius: 999px !important;
background: var(--rtb-navy) !important;
color: #fff !important;
font-size: 1rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit button:hover,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-find-reservation-button:hover {
background: #002844 !important;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-modification-toggle {
margin: 0 0 18px;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--rtb-wine);
font-size: 0.9rem;
line-height: 1.2;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-hidden {
display: none !important;
} @media (max-width: 1120px) {
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card {
justify-self: stretch;
max-width: none;
}
}
@media (max-width: 700px) {
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container {
padding: 22px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card {
padding: 20px;
border-radius: 18px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.rtb-contact,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-modification-form {
grid-template-columns: 1fr;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .phone {
grid-column: auto;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-footer {
justify-content: stretch;
}
} .rtb-booking-form {
--rtb-wine: #002133;
--rtb-border: rgba(0, 33, 51, 0.14);
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rtb-booking-form legend {
margin-bottom: 4px;
color: var(--rtb-wine);
letter-spacing: -0.01em;
}
.rtb-booking-form label {
color: rgba(0, 33, 51, 0.72);
font-weight: 600;
letter-spacing: 0.05em;
} .rtb-booking-form input:not([type="checkbox"]):not([type="radio"]),
.rtb-booking-form select,
.rtb-booking-form textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--rtb-border);
border-radius: 14px;
background: #fff;
color: #002133;
box-shadow: 0 1px 2px rgba(0, 33, 51, 0.04);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rtb-booking-form input:not([type="checkbox"]):not([type="radio"]):hover,
.rtb-booking-form select:hover,
.rtb-booking-form textarea:hover {
border-color: rgba(0, 33, 51, 0.36);
}
.rtb-booking-form input:not([type="checkbox"]):not([type="radio"]):focus,
.rtb-booking-form select:focus,
.rtb-booking-form textarea:focus {
outline: none;
border-color: #002133;
box-shadow: 0 0 0 3px rgba(0, 33, 51, 0.12);
} .rtb-booking-form select {
-webkit-appearance: none;
appearance: none;
padding-right: 44px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23002133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
cursor: pointer;
}
.rtb-booking-form input[type="text"].picker__input {
cursor: pointer;
} .rtb-booking-form .add-message a,
.rtb-booking-form .rtb-modification-toggle {
color: var(--rtb-wine);
text-decoration-color: rgba(0, 33, 51, 0.35);
text-underline-offset: 4px;
transition: text-decoration-color 0.2s ease, opacity 0.2s ease;
}
.rtb-booking-form .add-message a:hover,
.rtb-booking-form .rtb-modification-toggle:hover {
text-decoration-color: currentColor;
} .rtb-booking-form-form {
display: flex;
flex-direction: column;
}
.rtb-booking-form .rtb-modification-toggle {
order: 90; align-self: center;
margin: 22px 0 0;
font-size: 0.85rem;
font-weight: 600;
opacity: 0.72;
}
.rtb-booking-form .rtb-modification-form {
order: 91;
}
.rtb-booking-form .rtb-form-footer {
order: 80;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-footer {
justify-content: stretch;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit {
width: 100%;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit button {
width: 100%;
min-height: 56px !important;
box-shadow: 0 6px 18px rgba(0, 33, 51, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit button:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 33, 51, 0.26);
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-form-submit button:active {
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.rtb-booking-form .rtb-form-submit button {
transition: none;
}
.rtb-booking-form .rtb-form-submit button:hover {
transform: none;
}
} .rtb-booking-form {
display: flex;
flex-direction: column;
}
.rtb-booking-form > form.rtb-booking-form-form {
order: 0;
}
.rtb-booking-form > .rtb-clear {
display: none;
} .rtb-booking-form fieldset > div.rtb-text,
.rtb-booking-form fieldset > div.rtb-select {
display: flex;
flex-direction: column;
justify-content: flex-end;
} .rtb-booking-form fieldset > div.rtb-text > label,
.rtb-booking-form fieldset > div.rtb-select > label {
margin-top: auto;
} .rtb-booking-form .rtb-form-footer > div:not(.rtb-form-submit) {
display: none;
}
.rtb-booking-form .rtb-form-footer .rtb-form-submit {
flex: 1 1 auto;
width: 100%;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form .rtb-modification-toggle {
align-self: center;
margin: 22px 0 0;
opacity: 0.72;
} body > .picker {
position: absolute;
z-index: 10000;
} body > .picker .picker__holder {
display: none;
}
body > .picker.picker--opened .picker__holder {
display: block;
position: absolute;
top: 6px;
left: 0;
right: auto;
bottom: auto;
width: auto;
max-width: none;
height: auto;
max-height: none;
overflow: visible;
background: transparent;
transform: none;
}
body > .picker .picker__frame {
position: static; width: 320px;
min-width: 0;
max-width: 320px;
margin: 0;
padding: 0;
transform: none;
opacity: 1;
filter: none;
overflow: visible;
}
body > .picker .picker__wrap {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
body > .picker .picker__box {
display: block;
max-height: 340px;
overflow-y: auto;
padding: 6px;
border: 1px solid rgba(0, 33, 51, 0.12);
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 40px -14px rgba(0, 33, 51, 0.45);
font-size: 1rem;
}
.picker--time .picker__list {
margin: 0;
padding: 0;
}
.picker--time .picker__list-item {
border: 0;
border-radius: 9px;
padding: 9px 12px;
}
.picker--time .picker__list-item:hover,
.picker--time .picker__list-item--highlighted {
background: rgba(0, 33, 51, 0.07);
color: #002133;
}
.picker--time .picker__list-item--selected {
background: #002133;
color: #fff;
} body > .picker.picker--galway-droite .picker__holder {
left: auto;
right: 0;
}
@media (max-width: 700px) {
body > .picker .picker__frame {
width: 260px;
max-width: 260px;
}
} body > .picker .picker__list-item.galway-hors-service {
display: none !important;
} .rtb-booking-form .rtb-modification-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 20px;
align-items: end;
padding: 26px;
border-radius: 18px;
background: #fff;
border: 1px solid rgba(0, 33, 51, 0.10);
}
.rtb-booking-form .rtb-modification-form > div:first-child {
grid-column: 1 / -1;
margin: 0 0 2px;
color: rgba(0, 33, 51, 0.72);
font-size: 0.95rem;
line-height: 1.45;
}
.rtb-booking-form .rtb-modification-form label {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
} .rtb-booking-form .rtb-modification-form label::after {
content: none;
}
.rtb-booking-form .rtb-modification-form input {
margin: 0;
}
.rtb-booking-form .rtb-find-reservation-button-div {
grid-column: 1 / -1;
margin: 6px 0 0;
}
.rtb-booking-form .rtb-find-reservation-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 54px;
white-space: nowrap;
box-shadow: 0 6px 18px rgba(0, 33, 51, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.rtb-booking-form .rtb-find-reservation-button:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 33, 51, 0.26);
}
.rtb-booking-form .rtb-find-reservation-button:active {
transform: translateY(0);
}
.rtb-booking-form .rtb-bookings-results:empty {
display: none;
}
@media (max-width: 700px) {
.rtb-booking-form .rtb-modification-form {
grid-template-columns: minmax(0, 1fr);
padding: 20px;
}
} @media (max-width: 700px) {
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container {
padding: 16px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card {
padding: 16px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset {
padding: 18px 14px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: end;
column-gap: 12px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation > legend,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation > .date {
grid-column: 1 / -1;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation label {
white-space: nowrap;
}
} @media (min-width: 700px) and (max-width: 1200px) {
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__container {
gap: 28px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__content {
gap: 24px;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__header {
gap: 14px;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__header > :empty {
display: none;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__actions {
justify-content: flex-start;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__actions > .btn {
width: fit-content;
min-width: 220px;
flex: 0 0 auto;
}
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__header a {
color: inherit;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: opacity 200ms ease;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__header a:hover,
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__header a:focus-visible {
opacity: 0.7;
}  .bloc-ctabanner-01--reservation .rtb-modification-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
color: #052c4b;
font-size: 0.86rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
transition: opacity 200ms ease;
}
.bloc-ctabanner-01--reservation .rtb-modification-toggle:hover,
.bloc-ctabanner-01--reservation .rtb-modification-toggle:focus-visible {
opacity: 0.68;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form
.rtb-modification-toggle:has(~ .rtb-modification-form:not(.rtb-hidden)) {
align-self: flex-start;
opacity: 1;
margin-bottom: 2px;
}
.bloc-ctabanner-01--reservation
.rtb-modification-toggle:has(~ .rtb-modification-form:not(.rtb-hidden))::before {
content: '←';
font-size: 1.05em;
line-height: 1;
}  .bloc-ctabanner-01--reservation .rtb-modification-form {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: end;
gap: 16px 18px;
margin: 16px 0 0;
padding: 20px 0 0;
border: 0;
border-top: 1px solid rgba(5, 44, 75, 0.16);
border-radius: 0;
background: transparent;
animation: galway-resa-recherche 260ms ease both;
}
@keyframes galway-resa-recherche {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.bloc-ctabanner-01--reservation .rtb-modification-form {
animation: none;
}
} .bloc-ctabanner-01--reservation .rtb-modification-form > div:first-child {
grid-column: 1 / -1;
margin: 0;
color: #103d5c;
font-size: 0.98rem;
line-height: 1.55;
max-width: 62ch;
}  .bloc-ctabanner-01--reservation .rtb-modification-form label {
display: block;
margin: 0;
color: #052c4b;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.045em;
text-transform: uppercase;
}
.bloc-ctabanner-01--reservation .rtb-modification-form input {
display: block;
margin-top: 8px;
width: 100%;
min-height: 50px;
margin: 0;
padding: 12px 14px;
border: 1px solid rgba(5, 44, 75, 0.2);
border-radius: 10px;
background: #ffffff;
color: #232425;
font: inherit;
font-size: 1rem;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
}
.bloc-ctabanner-01--reservation .rtb-modification-form input:focus {
border-color: #052c4b;
outline: 2px solid rgba(5, 44, 75, 0.18);
outline-offset: 1px;
} .bloc-ctabanner-01--reservation .rtb-modification-form label::after {
content: none;
} .bloc-ctabanner-01--reservation .rtb-find-reservation-button-div {
grid-column: 1 / -1;
margin-top: 2px;
}
.bloc-ctabanner-01--reservation .rtb-find-reservation-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 50px;
padding: 13px 26px;
white-space: nowrap;
border: 1px solid #052c4b;
border-radius: 999px;
background: #052c4b;
color: #ffffff;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: none;
cursor: pointer;
transition: background 200ms ease, transform 200ms ease;
}
.bloc-ctabanner-01--reservation .rtb-find-reservation-button:hover {
background: #0a3f68;
transform: translateY(-1px);
} .bloc-ctabanner-01--reservation .rtb-bookings-results {
grid-column: 1 / -1;
}
.bloc-ctabanner-01--reservation .rtb-bookings-results:not(:empty) {
margin-top: 4px;
padding-top: 18px;
border-top: 1px solid rgba(5, 44, 75, 0.16);
color: #103d5c;
}
@media (prefers-reduced-motion: reduce) {
.bloc-ctabanner-01--reservation .rtb-find-reservation-button,
.bloc-ctabanner-01--reservation .rtb-modification-toggle {
transition: none;
}
.bloc-ctabanner-01--reservation .rtb-find-reservation-button:hover {
transform: none;
}
} @media (max-width: 699px) {
.bloc-ctabanner-01--reservation .rtb-modification-form {
grid-template-columns: minmax(0, 1fr);
}
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card {
border: 0;
background: #9dc2d6;
box-shadow: none;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.reservation legend {
margin: 0 0 12px;
color: #052c4b;
font-family: Dilemma, var(--usine-font-family-base, sans-serif);
font-size: clamp(1.35rem, 2.2vw, 1.75rem);
line-height: 1.15;
}
.bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form fieldset.rtb-contact legend {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} .bloc-ctabanner-01--reservation .bloc-ctabanner-01__form-card .rtb-booking-form-form {
gap: 26px;
} .rtb-booking-form .add-message a {
display: inline-block;
padding-block: 15px;
margin-block: -15px;
} @media (max-width: 699px) {
.rtb-booking-form .rtb-form-footer {
margin-top: -22px !important;
padding-top: 0 !important;
}
}.galway-form {
--gf-ink: #002133;
--gf-ink-soft: rgba(0, 33, 51, 0.62);
--gf-field-bg: #ffffff;
--gf-field-border: rgba(0, 33, 51, 0.14);
--gf-field-border-strong: rgba(0, 33, 51, 0.38);
--gf-radius: 14px;
--gf-gap: 22px;
display: flex;
flex-direction: column;
gap: var(--gf-gap);
font-family: 'Archivo', system-ui, sans-serif;
} .galway-form br {
display: none !important;
}
.galway-form p {
margin: 0 !important;
padding: 0 !important;
} .galway-form__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--gf-gap);
}
.galway-form__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.galway-form__field .wpcf7-form-control-wrap {
display: block;
width: 100%;
} .galway-form__label {
display: block;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gf-ink);
}
.galway-form__label abbr,
.galway-form__label abbr[title] {
border: 0;
text-decoration: none !important;
color: var(--gf-ink-soft);
margin-left: 2px;
} .galway-form input[type="text"],
.galway-form input[type="tel"],
.galway-form input[type="email"],
.galway-form input[type="number"],
.galway-form input[type="date"],
.galway-form select,
.galway-form textarea {
-webkit-appearance: none;
appearance: none;
width: 100%;
box-sizing: border-box;
padding: 14px 16px;
border: 1px solid var(--gf-field-border);
border-radius: var(--gf-radius);
background-color: var(--gf-field-bg);
color: var(--gf-ink);
font-family: inherit;
font-size: 16px;
line-height: 1.4;
box-shadow: 0 1px 2px rgba(0, 33, 51, 0.04);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.galway-form textarea {
min-height: 140px;
resize: vertical;
}
.galway-form ::placeholder {
color: rgba(0, 33, 51, 0.38);
opacity: 1;
}
.galway-form input:hover,
.galway-form select:hover,
.galway-form textarea:hover {
border-color: var(--gf-field-border-strong);
}
.galway-form input:focus,
.galway-form select:focus,
.galway-form textarea:focus {
outline: none;
border-color: var(--gf-ink);
box-shadow: 0 0 0 3px rgba(0, 33, 51, 0.12);
} .galway-form select {
padding-right: 46px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23002133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
cursor: pointer;
} .galway-form input[type="date"] {
cursor: pointer;
}
.galway-form input[type="date"]::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: 0.55;
transition: opacity 0.2s ease;
}
.galway-form input[type="date"]::-webkit-calendar-picker-indicator:hover {
opacity: 1;
} .galway-form input[type="number"] {
-moz-appearance: textfield;
}
.galway-form input[type="number"]::-webkit-outer-spin-button,
.galway-form input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .galway-form__consent .wpcf7-form-control-wrap,
.galway-form__consent .wpcf7-acceptance,
.galway-form__consent .wpcf7-list-item {
display: block;
margin: 0;
}
.galway-form__consent label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.galway-form__consent input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
flex: 0 0 auto;
width: 20px;
height: 20px;
margin: 1px 0 0;
border: 1px solid var(--gf-field-border-strong);
border-radius: 6px;
background-color: var(--gf-field-bg);
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.galway-form__consent input[type="checkbox"]:hover {
border-color: var(--gf-ink);
}
.galway-form__consent input[type="checkbox"]:checked {
border-color: var(--gf-ink);
background-color: var(--gf-ink);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.5 8L11 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.galway-form__consent input[type="checkbox"]:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 33, 51, 0.18);
}
.galway-form__consent .wpcf7-list-item-label {
font-size: 14px;
line-height: 1.5;
color: var(--gf-ink-soft);
} .galway-form__submit {
margin-top: 4px !important;
}
.galway-form__submit .wpcf7-submit {
width: 100%;
cursor: pointer;
border: 0;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.galway-form__submit .wpcf7-submit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0, 33, 51, 0.24);
filter: brightness(1.08);
}
.galway-form__submit .wpcf7-submit:active {
transform: translateY(0);
}
.galway-form__submit .wpcf7-submit:disabled {
cursor: progress;
opacity: 0.7;
transform: none;
} .galway-form .wpcf7-not-valid {
border-color: #c0392b;
background-color: rgba(192, 57, 43, 0.04);
}
.galway-form .wpcf7-not-valid-tip {
display: block;
margin-top: 6px;
font-size: 13px;
line-height: 1.4;
color: #c0392b;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px 0 0;
padding: 14px 18px;
border: 0;
border-radius: 12px;
font-size: 15px;
line-height: 1.5;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: rgba(0, 33, 51, 0.06);
color: #002133;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
background-color: rgba(192, 57, 43, 0.08);
color: #96271b;
} @media (max-width: 780px) {
.galway-form {
--gf-gap: 18px;
}
.galway-form__row {
grid-template-columns: minmax(0, 1fr);
} .galway-form input,
.galway-form select,
.galway-form textarea {
font-size: 16px;
}
.galway-form textarea {
min-height: 120px;
}
}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: #052c4b; --cmplz_banner_border_color: #052c4b; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #ffffff; --cmplz_hyperlink_color: #aacfe3; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #aacfe3; --cmplz_button_accept_border_color: #aacfe3; --cmplz_button_accept_text_color: #052c4b; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #aacfe3; --cmplz_button_deny_text_color: #052c4b; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #052c4b; --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: #f6f6f7; --cmplz_slider_inactive_color: #555; --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;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.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;}