.bloc-features-04 {
position: relative;
width: 100%;
box-sizing: border-box; padding-left: clamp(16px, 3.5vw, 24px);
padding-right: clamp(16px, 3.5vw, 24px);
}
@media (min-width: 769px) {
.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff) {
padding-left: var(--section-padding-x, 64px);
padding-right: var(--section-padding-x, 64px);
}
} @media (min-width: 769px) {
body.page-comment-ca-marche
.page-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body.page-comment-ca-marche
main#primary
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body.page-notre-offre-et-tarif
.page-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body.page-notre-offre-et-tarif
main#primary
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff) {
padding-left: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
padding-right: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
}
body.page-comment-ca-marche
.page-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff)
.bloc-features-04__container,
body.page-comment-ca-marche
main#primary
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff)
.bloc-features-04__container,
body.page-notre-offre-et-tarif
.page-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff)
.bloc-features-04__container,
body.page-notre-offre-et-tarif
main#primary
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff)
.bloc-features-04__container {
max-width: min(100%, var(--section-max-width, 1312px)) !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
box-sizing: border-box !important;
}
} .bloc-features-04:has(.bloc-features-04__slider) {
overflow-x: clip;
}  .bloc-features-04__container {
max-width: var(--section-max-width, 1312px);
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
box-sizing: border-box;
border-radius: 16px;
overflow: clip;
} .bloc-features-04__container[style*="border-radius: 20px"] {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
overflow: visible !important;
} body.home .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"],
body.front-page .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"],
body.home .flexible-content-wrapper .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"],
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"],
body.home main#primary .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"],
body.front-page main#primary .entry-content section.bloc-features-04[style*="padding-top: 8px"][style*="padding-bottom: 8px"], body:not(.home)
.page-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body:not(.home)
.flexible-content-wrapper
.entry-content
section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body:not(.home) main#primary .entry-content section.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff),
body.home .entry-content .bloc-features-04--home-primary,
body.front-page .entry-content .bloc-features-04--home-primary,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-primary,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-primary,
body.home main#primary .entry-content .bloc-features-04--home-primary,
body.front-page main#primary .entry-content .bloc-features-04--home-primary,
body.home .entry-content .bloc-features-04--home-included,
body.front-page .entry-content .bloc-features-04--home-included,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-included,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-included,
body.home main#primary .entry-content .bloc-features-04--home-included,
body.front-page main#primary .entry-content .bloc-features-04--home-included,
body.home .entry-content .bloc-features-04--home-why-webiteasy,
body.front-page .entry-content .bloc-features-04--home-why-webiteasy,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-why-webiteasy,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-why-webiteasy,
body.home main#primary .entry-content .bloc-features-04--home-why-webiteasy,
body.front-page main#primary .entry-content .bloc-features-04--home-why-webiteasy,
body.home .entry-content .bloc-features-04--home-method,
body.front-page .entry-content .bloc-features-04--home-method,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-method,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-method,
body.home main#primary .entry-content .bloc-features-04--home-method,
body.front-page main#primary .entry-content .bloc-features-04--home-method,
body.home .entry-content .bloc-features-04--home-comparison,
body.front-page .entry-content .bloc-features-04--home-comparison,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison,
body.home main#primary .entry-content .bloc-features-04--home-comparison,
body.front-page main#primary .entry-content .bloc-features-04--home-comparison,
body:not(.home) .page-content-wrapper .entry-content .bloc-features-04--home-included,
body:not(.home) .page-content-wrapper .entry-content .bloc-features-04--home-why-webiteasy,
body:not(.home) .page-content-wrapper .entry-content .bloc-features-04--home-method {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
align-self: stretch !important;
box-sizing: border-box; padding-left: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
padding-right: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
} body:not(.home)
.page-content-wrapper
.entry-content
section.bloc-features-04--offre-tarif-handoff,
body:not(.home)
.flexible-content-wrapper
.entry-content
section.bloc-features-04--offre-tarif-handoff,
body:not(.home) main#primary .entry-content section.bloc-features-04--offre-tarif-handoff {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
align-self: stretch !important;
box-sizing: border-box;
} @media (min-width: 1025px) {
body:not(.home)
.page-content-wrapper
.entry-content
section.bloc-features-04--offre-tarif-handoff,
body:not(.home)
.flexible-content-wrapper
.entry-content
section.bloc-features-04--offre-tarif-handoff,
body:not(.home) main#primary .entry-content section.bloc-features-04--offre-tarif-handoff {
padding-left: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
padding-right: max(
var(--section-padding-x, 64px),
clamp(16px, 3.5vw, 24px),
var(--we-home-page-gutter, 10px)
) !important;
}
} section.bloc-features-04[style*='padding-top: 8px'][style*='padding-bottom: 8px']:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-method)
.bloc-features-04__grid {
background-color: #ffffff;
} .bloc-features-04__container:has(.us-slider) {
overflow: visible;
}  .bloc-features-04__header {
text-align: left;
max-width: 100%;
margin: 0 0 40px; padding-top: 28px;
display: flex;
flex-direction: column;
gap: 16px; }
.bloc-features-04__tagline {
font-family: 'Inter Tight', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 0.05em;
color: inherit;
margin: 0; padding-inline-start: max(1px, 0.06em);
box-sizing: border-box;
}
.bloc-features-04__headline {
font-family: 'Inter Tight', sans-serif;
font-weight: 500;
font-size: 48px;
line-height: 1.15;
color: inherit;
margin: 0;
}
.bloc-features-04__headline-highlight {
color: #2464D1;
font-weight: inherit;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__headline-highlight--brand {
color: var(--we-brand-blue, #005cfb) !important;
} .bloc-features-04--ccc-good-features .bloc-features-04__container {
background-color: #f7f6f2 !important;
max-width: var(--section-max-width, 1312px);
width: 100%;
margin: 15px auto !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__grid {
background-color: #f7f6f2;
}
.bloc-features-04--ccc-good-features.bloc-features-04 {
margin-right: 0px !important;
margin-bottom: 0px !important;
} body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features {
background-color: #f7f6f2 !important;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__container,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__container,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__container,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__container {
background-color: #f7f6f2 !important;
max-width: var(--section-max-width, 1312px);
width: 100%;
margin-left: auto;
margin-right: auto;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card {
--card-bg: #ffffff;
background: #ffffff !important;
background-color: #ffffff !important;
--card-border-radius: 16px;
border-radius: var(--card-border-radius, 16px) !important;
box-shadow:
0 1px 2px rgba(9, 22, 66, 0.06),
0 10px 24px rgba(9, 22, 66, 0.06);
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image {
aspect-ratio: 16 / 7;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped {
margin: 16px 16px 0;
padding: 14px;
border-radius: 12px;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content {
padding: 20px 22px !important;
gap: 10px;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title {
line-height: 1.22;
}
.bloc-features-04--ccc-good-features .bloc-features-04__header {
max-width: 100% !important;
width: 100%;
}
.bloc-features-04--ccc-good-features .bloc-features-04__tagline {
margin-bottom: 12px;
}
.bloc-features-04--ccc-good-features .bloc-features-04__headline,
.bloc-features-04--ccc-good-features .bloc-features-04__description {
max-width: 100% !important;
width: 100% !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card { --card-bg: #ffffff;
--card-border-radius: 16px;
background: #ffffff !important;
background-color: #ffffff !important; border-radius: var(--card-border-radius, 16px) !important;
box-shadow:
0 1px 2px rgba(9, 22, 66, 0.06),
0 10px 24px rgba(9, 22, 66, 0.06);
}
.bloc-features-04--ccc-good-features .bloc-features-04__slider .bloc-features-04__card {
background: #ffffff !important;
background-color: #ffffff !important;
border-radius: var(--card-border-radius, 16px) !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image {
background-color: #F8DC73 !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image { aspect-ratio: 16 / 9;
} .bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped {
background-color: #F8DC73 !important; margin: 20px 20px 0;
padding: 18px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
border-radius: 8px;
width: 192px;
height: 128px;
max-width: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
} .bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: 144px;
height: 96px;
} @media (min-width: 769px) and (max-width: 1024px) {
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: 268.8px;
height: 179.2px;
max-width: 100%;
}
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: 201.6px;
height: 134.4px;
max-width: 100%;
} .bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: 268.8px;
height: 179.2px;
max-width: 100%;
}
.bloc-features-04--ccc-good-features
.bloc-features-04__slider
.us-slider__track
> .bloc-features-04__card:nth-child(2)
.bloc-features-04__card-image--wrapped
img,
.bloc-features-04--ccc-good-features
.bloc-features-04__slider
.us-slider__track
> .bloc-features-04__card:nth-child(2)
.bloc-features-04__card-image--wrapped
.bloc-features-04__card-img,
.bloc-features-04--ccc-good-features
.bloc-features-04__slider
.us-slider__track
> .bloc-features-04__card:nth-child(3)
.bloc-features-04__card-image--wrapped
img,
.bloc-features-04--ccc-good-features
.bloc-features-04__slider
.us-slider__track
> .bloc-features-04__card:nth-child(3)
.bloc-features-04__card-image--wrapped
.bloc-features-04__card-img {
width: 201.6px;
height: 134.4px;
max-width: 100%;
}
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-content {
padding: 24px;
gap: 12px;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image img {
object-fit: contain;
}
.bloc-features-04__description {
font-family: 'Figtree', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: #5A5E60;
margin: 0;
max-width: 100%;
width: 100%;
}
.bloc-features-04__header[style*="text-align: center"] {
align-items: center;
margin-left: auto;
margin-right: auto;
}
.bloc-features-04__header[style*="text-align: center"] .bloc-features-04__description {
margin-left: auto;
margin-right: auto;
}
.bloc-features-04__header--wrapped {
padding: var(--bloc-features-04-intro-wrapper-padding, 24px);
}
.bloc-features-04__header-action {
display: flex;
justify-content: center;
gap: 16px;
} .bloc-features-04__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: 16px;
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;
}
.bloc-features-04__btn--secondary {
background-color: #FFFFFF;
border: 1px solid #3C0314;
color: #3C0314;
}
.bloc-features-04__btn--secondary:hover {
background-color: #232425;
color: #FFFFFF;
} .bloc-features-04__featured {
margin-bottom: 32px;
}   .bloc-features-04__card--featured {
display: flex;
flex-direction: row;
background-color: var(--card-bg, transparent);
border: none;
border-radius: var(--card-border-radius, 12px);
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}
.bloc-features-04__card--featured .bloc-features-04__card-image {
width: 50%;
flex-shrink: 0;
}
.bloc-features-04__card--featured .bloc-features-04__card-content {
width: 50%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}  .bloc-features-04__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
padding: 10px 0;
border-radius: 20px;
background-color: #ffffff;
min-width: 0;
} .bloc-features-04__grid > .bloc-features-04__card {
margin-left: 0;
margin-right: 0;
} .bloc-features-04--home-method .bloc-features-04__headline-highlight,
.bloc-features-04--home-comparison .bloc-features-04__headline-highlight {
color: var(--we-brand-blue, #2464d1);
}  .bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header) .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr);
align-items: start; background-color: #f7f6f2;
} @media (min-width: 1201px) {
.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header) .bloc-features-04__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px;
align-items: stretch;
grid-auto-rows: 1fr;
}
.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header) .bloc-features-04__grid > .bloc-features-04__card--vertical {
display: flex;
flex-direction: column;
align-self: stretch;
height: 100%;
min-height: 100%;
}
.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header)
.bloc-features-04__grid
> .bloc-features-04__card--vertical
.bloc-features-04__card-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 100%;
}
} .bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header) .bloc-features-04__card-content {
padding: 32px !important;
background-color: #091642;
}
.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):has(.bloc-features-04__header) .bloc-features-04__card {
background-color: #f7f6f2;
border-radius: 16px !important;
border: none !important;
box-shadow: none !important;
} .bloc-features-04--home-method .bloc-features-04__grid > .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-image, .bloc-features-04__card-number, .bloc-features-04__card-title, .bloc-features-04__card-description, .bloc-features-04__card-details, .bloc-features-04__card-standalone-icon, .btn)) {
display: none !important;
} .bloc-features-04--home-method .bloc-features-04__card-title {
line-height: 1.42;
} .bloc-features-04--home-method .bloc-features-04__card-title,
.bloc-features-04--home-method .bloc-features-04__card-description {
text-align: center;
} .bloc-features-04--home-method.bloc-features-04 {
background-color: #091642 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} @media (min-width: 1025px) {
body.home .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header) {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
} body.home .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy),
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy),
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy),
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy),
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy),
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy) {
padding-top: 60px !important;
padding-bottom: 60px !important;
} body.home .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid,
body.home main#primary .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid,
body.front-page .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid,
body.front-page main#primary .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid {
column-gap: 35px !important;
row-gap: 0 !important;
}
body.home .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content,
body.home main#primary .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content,
body.front-page .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content,
body.front-page main#primary .entry-content .bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__card .bloc-features-04__card-content {
padding-top: 14px !important;
padding-bottom: 14px !important;
} .bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid {
background: transparent !important;
background-color: transparent !important;
}
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container {
background: #091642 !important;
background-color: #091642 !important;
padding: 12px clamp(16px, 3.5vw, 24px) !important;
border-radius: 14px !important;
overflow: hidden;
}
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card,
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card--vertical {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-content {
background: transparent !important;
background-color: transparent !important;
text-align: center !important;
align-items: center !important;
}
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title {
color: #ffffff !important;
}
.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-kpi-metrics):not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description {
color: rgba(255, 255, 255, 0.88) !important;
}  .bloc-features-04.bloc-features-04--home-kpi-metrics {
background: #091642 !important;
background-color: #091642 !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__container {
background: #091642 !important;
background-color: #091642 !important;
padding: 12px clamp(16px, 3.5vw, 24px) !important;
border-radius: 14px !important;
overflow: hidden;
} .bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid {
background: transparent !important;
background-color: transparent !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid--kpi-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
align-items: stretch;
}
@media (min-width: 1201px) {
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid--kpi-strip {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid:not(.bloc-features-04__grid--kpi-strip) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
align-items: stretch;
}
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card,
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card--vertical {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
min-height: 0;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics
.bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number, .bloc-features-04__card-title, .bloc-features-04__card-description)) {
display: none !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-content {
display: flex;
flex-direction: column;
padding: 18px 12px !important;
gap: 8px !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
min-height: 100%;
background: transparent !important;
background-color: transparent !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-number {
display: block;
width: auto;
height: auto;
min-width: 0;
background: transparent !important;
border-radius: 0;
font-family: 'Inter Tight', sans-serif;
font-size: clamp(40px, 4vw, 56px);
font-weight: 700;
line-height: 0.95;
letter-spacing: -0.03em;
color: #ffffff !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-title {
font-size: clamp(38px, 4vw, 54px);
font-weight: 700;
line-height: 0.98;
letter-spacing: -0.02em;
color: #ffffff !important;
margin: 0;
text-wrap: balance;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-number + .bloc-features-04__card-title {
font-size: clamp(16px, 1.5vw, 18px);
font-weight: 500;
line-height: 1.45;
letter-spacing: 0;
color: #ffffff !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-description {
max-width: 18ch;
margin: 0 auto;
font-size: 15px;
line-height: 1.5;
font-weight: 500;
color: rgba(255, 255, 255, 0.88) !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__kpi-slot {
display: none;
}    .bloc-features-04__card {
background-color: var(--card-bg, transparent);
border: none;
border-radius: var(--card-border-radius, 12px);
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
transition: box-shadow 0.2s ease;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.bloc-features-04__card-hitarea {
position: absolute;
inset: 0;
z-index: 1;
display: block;
border-radius: inherit;
}
.bloc-features-04__card .btn {
position: relative;
z-index: 2;
}
.bloc-features-04__card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
}
.page-comment-ca-marche .bloc-features-04__card,
.page-comment-ca-marche .bloc-features-04__card:hover {
box-shadow: none;
}
.bloc-features-04__card--vertical {
display: flex;
flex-direction: column;
}
.bloc-features-04__card[data-media-position="bottom"] {
flex-direction: column-reverse;
} .bloc-features-04__card-image {
width: 100%;
aspect-ratio: 16/9;
background-color: #E6E7E7;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: var(--card-border-radius, 12px) var(--card-border-radius, 12px) 0 0;
} .bloc-features-04__card-image--wrapped {
padding: 16px;
box-sizing: border-box;
background-color: transparent; width: auto !important;
max-width: 100%;
display: block;
}
.bloc-features-04__card-image--wrapped img,
.bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
border-radius: 12px;
}
.bloc-features-04__card[data-media-position="bottom"] .bloc-features-04__card-image {
border-radius: 0 0 var(--card-border-radius, 12px) var(--card-border-radius, 12px);
}
.bloc-features-04__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.bloc-features-04__card-image-placeholder {
width: 48px;
height: 48px;
color: #999;
}
.bloc-features-04__card-image-placeholder svg {
width: 100%;
height: 100%;
}
.bloc-features-04__card-content {
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
margin-right: 0;
} .bloc-features-04__card--vertical .bloc-features-04__card-content:first-child {
padding-top: 36px;
}
.bloc-features-04__card-content:empty {
display: none;
} .bloc-features-04__card-image + .bloc-features-04__card-content {
padding-top: 24px;
} .bloc-features-04__card-standalone-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-sizing: inherit;
width: var(--us-icon-size, 48px);
height: var(--us-icon-size, 48px);
object-fit: contain;
margin-bottom: 8px;
}
.bloc-features-04__card-standalone-icon svg {
width: 100%;
height: 100%;
} .bloc-features-04__card--on-dark {
background-color: transparent;
border-color: transparent;
} .bloc-features-04__card--on-dark .bloc-features-04__card-standalone-icon,
.bloc-features-04__card--on-dark .bloc-features-04__card-standalone-icon svg {
color: #ffffff;
}
.bloc-features-04__card-icon {
width: 40px;
height: 40px;
color: inherit;
}
.bloc-features-04__card-icon img,
.bloc-features-04__card-icon svg {
width: 100%;
height: 100%;
}
.bloc-features-04__card-number {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1;
color: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #f3f4f6; border-radius: 6px;
}
.bloc-features-04__card-title {
font-family: 'Inter Tight', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
color: #232425;
margin: 0;
} .bloc-features-04 .bloc-features-04__card-title {
line-height: 1.15 !important;
}
.bloc-features-04__card-description {
font-family: 'Figtree', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.6;
color: #5A5E60;
margin: 0;
} .bloc-features-04__card-details {
display: flex;
flex-direction: column;
gap: 12px;
} body.home .bloc-features-04--home-primary .bloc-features-04__card--on-dark .bloc-features-04__card-details,
body.front-page .bloc-features-04--home-primary .bloc-features-04__card--on-dark .bloc-features-04__card-details {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px clamp(14px, 3vw, 22px);
padding-inline-start: max(2px, 0.06em);
box-sizing: border-box;
}
.bloc-features-04__detail-item {
display: flex;
align-items: flex-start;
gap: 12px;
}
.bloc-features-04__detail-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
color: inherit;
}
.bloc-features-04__detail-icon img,
.bloc-features-04__detail-icon svg {
width: 100%;
height: 100%;
}
.bloc-features-04__detail-text {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: inherit;
} .bloc-features-04__card-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #3C0314;
text-decoration: none;
margin-top: auto;
}
.bloc-features-04__card-link:hover {
color: #2a020e;
}
.bloc-features-04__card-link-icon {
width: 20px;
height: 20px;
transition: transform 0.2s ease;
}
.bloc-features-04__card-link-icon svg {
width: 100%;
height: 100%;
}
.bloc-features-04__card-link:hover .bloc-features-04__card-link-icon {
transform: translateX(4px);
}   .bloc-features-04__slider {
margin-top: 32px;
padding-bottom: 64px; overflow: visible;
}  .bloc-features-04__slider .bloc-features-04__card {
margin: 0 16px;
box-sizing: border-box;
height: auto;
display: flex;
flex-direction: column;
background-color: var(--card-bg, transparent);
border: none;
border-radius: var(--card-border-radius, 12px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}
.bloc-features-04__slider .bloc-features-04__card--vertical {
flex-direction: column;
}
.bloc-features-04__slider .bloc-features-04__card-image {
width: 100%;
flex-shrink: 0;
aspect-ratio: 16/10;
}
.bloc-features-04__slider .bloc-features-04__card-content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
} .bloc-features-04__slider .us-slider__track > :first-child {
margin-left: 0;
}
.bloc-features-04__slider .us-slider__track > :last-child {
margin-right: 0;
} .bloc-features-04__slider .us-slider__prev,
.bloc-features-04__slider .us-slider__next {
top: auto;
bottom: 0;
transform: none;
background: var(--us-slider-arrow-bg, transparent);
border: var(--us-slider-arrow-border-width, 1px) solid var(--us-slider-arrow-border-color, #e6e7e7);
border-radius: var(--us-slider-arrow-radius, 999px);
box-shadow: none;
}
.bloc-features-04__slider .us-slider__prev:hover,
.bloc-features-04__slider .us-slider__next:hover {
background: var(--us-slider-arrow-bg-hover, #f5f6f6);
box-shadow: none;
}
.bloc-features-04__slider .us-slider__prev {
left: auto;
right: 88px;
}
.bloc-features-04__slider .us-slider__next {
right: 16px;
}
.bloc-features-04__slider .us-slider__prev svg,
.bloc-features-04__slider .us-slider__next svg {
color: var(--us-slider-arrow-icon-color, #9ca3af);
} .bloc-features-04__slider .us-slider__dots {
margin-top: 24px;
justify-content: flex-start;
}
.bloc-features-04__slider .us-slider__dot {
background: #e5e7eb;
}
.bloc-features-04__slider .us-slider__dot:hover {
background: #cbd5e1;
}
.bloc-features-04__slider .us-slider__dot.is-active {
background: #cbd5e1;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included {
display: flex !important;
flex-direction: column !important;
gap: 10px;
width: 100%;
min-width: 0;
grid-template-columns: none !important;
}
@media (max-width: 1024px) { .bloc-features-04--home-included {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-included .bloc-features-04__container {
padding: clamp(12px, 2.8vw, 20px) clamp(16px, 3.5vw, 24px) clamp(8px, 1.6vw, 14px) !important;
box-sizing: border-box;
}
.bloc-features-04--home-included .bloc-features-04__header--wrapped {
padding: clamp(4px, 1.1vw, 8px) clamp(16px, 3vw, 24px) clamp(10px, 2vw, 16px) !important;
}
.bloc-features-04--home-included .bloc-features-04__header {
margin-top: 0 !important;
padding-top: 0 !important;
}
.bloc-features-04--home-included .bloc-features-04__tagline {
margin-top: 0 !important;
padding-top: 0 !important;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel {
margin-top: 0;
padding-bottom: 12px;
--us-slider-visible: 2; --home-inc-slider-gap: clamp(8px, 2vw, 14px);
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track {
align-items: stretch;
gap: var(--home-inc-slider-gap);
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track > .bloc-features-04__card {
display: flex !important;
flex-direction: column !important;
flex: 0 0 calc((100% - var(--home-inc-slider-gap)) / var(--us-slider-visible, 2)) !important;
margin: 0 !important;
box-sizing: border-box;
min-height: clamp(300px, 58vw, 380px);
height: auto;
align-self: stretch;
min-width: 0;
width: auto;
max-width: none;
overflow: visible;
} .bloc-features-04--home-included .bloc-features-04__home-included-carousel .bloc-features-04__card-content {
flex: 1 1 auto !important;
min-height: 0;
width: 100%;
max-width: 100%;
margin-left: 0;
box-sizing: border-box;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel.us-slider {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-rows: auto auto;
grid-template-areas:
'inc-track inc-track inc-track'
'inc-prev inc-dots inc-next';
align-items: center;
column-gap: clamp(6px, 2vw, 12px);
row-gap: 10px;
padding-bottom: 4px;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track {
grid-area: inc-track;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__prev,
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__next {
position: relative;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 44px;
height: 44px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__prev {
grid-area: inc-prev;
justify-self: start;
align-self: center;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__next {
grid-area: inc-next;
justify-self: end;
align-self: center;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__dots {
grid-area: inc-dots;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
justify-content: center;
align-self: center;
min-width: 0;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
gap: 6px;
z-index: 2;
} .bloc-features-04--home-included .bloc-features-04__home-included-carousel::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: calc(44px + 10px + 4px);
width: 36px;
pointer-events: none;
z-index: 1;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 100%);
border-radius: 0 12px 12px 0;
}
} @media (max-width: 768px) {
.bloc-features-04--home-included .bloc-features-04__home-included-carousel[data-nbr-visible='2'] .us-slider__track > .bloc-features-04__card {
flex: 0 0 calc((100% - var(--home-inc-slider-gap, 10px)) / var(--us-slider-visible, 2)) !important;
} .bloc-features-04--home-included .bloc-features-04__home-included-carousel.us-slider {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-rows: auto auto;
grid-template-areas:
'inc-track inc-track inc-track'
'inc-prev inc-dots inc-next';
align-items: center;
column-gap: clamp(6px, 2vw, 12px);
row-gap: 10px;
padding-bottom: 4px;
overflow: hidden;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track {
grid-area: inc-track;
width: 100%;
min-width: 0;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__prev {
grid-area: inc-prev;
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
justify-self: start;
align-self: center;
width: 42px;
height: 42px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__next {
grid-area: inc-next;
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
justify-self: end;
align-self: center;
width: 42px;
height: 42px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__dots {
grid-area: inc-dots;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
margin-top: 0 !important;
justify-content: center;
align-self: center;
min-width: 0;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
gap: 6px;
z-index: 2;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel::after {
bottom: calc(42px + 14px + 6px);
}
}
@media (min-width: 1025px) {
.bloc-features-04--home-included .bloc-features-04__home-included-carousel {
overflow: visible !important;
margin-top: 0;
padding-bottom: 0 !important;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel::after {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(16px, 2vw, 24px) !important;
transform: none !important;
width: 100% !important;
transition: none !important;
align-items: stretch;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__track > .bloc-features-04__card {
flex: none !important;
width: 100% !important;
max-width: none !important;
min-height: 0;
margin: 0 !important;
height: 100%;
align-self: stretch;
}
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__prev,
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__next,
.bloc-features-04--home-included .bloc-features-04__home-included-carousel .us-slider__dots {
display: none !important;
}
} @media (max-width: 1024px) { body.home .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header) { padding-top: 32px !important;
padding-bottom: 32px !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__container { padding: clamp(12px, 2.8vw, 20px) clamp(16px, 3.5vw, 24px) !important;
box-sizing: border-box;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped {
padding: clamp(6px, 1.5vw, 12px) clamp(16px, 3vw, 24px) clamp(10px, 2vw, 16px) !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline {
margin-top: 0 !important;
padding-top: 0 !important;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__grid--home-why-carousel {
display: block !important;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel {
margin-top: 0;
padding-bottom: clamp(14px, 3vw, 20px);
--us-slider-visible: 2;
overflow: hidden;
position: relative;
border-radius: 0;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track {
align-items: stretch;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card {
display: flex !important;
flex-direction: column !important;
margin: 0 4px !important;
box-sizing: border-box;
min-height: clamp(260px, 50vw, 360px);
height: auto;
align-self: stretch;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .bloc-features-04__card-content {
flex: 1 1 auto !important;
min-height: 0;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel.us-slider {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-rows: auto auto;
grid-template-areas:
'why-track why-track why-track'
'why-prev why-dots why-next';
align-items: center;
column-gap: clamp(6px, 2vw, 12px);
row-gap: 14px;
padding-bottom: 12px;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track {
grid-area: why-track;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__prev,
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__next {
position: relative;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 44px;
height: 44px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__prev {
grid-area: why-prev;
justify-self: start;
align-self: center;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__next {
grid-area: why-next;
justify-self: end;
align-self: center;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__dots {
grid-area: why-dots;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
justify-content: center;
align-self: center;
min-width: 0;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
gap: 6px;
z-index: 2;
} .bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: calc(44px + 14px + 12px);
width: 36px;
pointer-events: none;
z-index: 1;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 100%);
border-radius: 0 12px 12px 0;
}
}
@media (max-width: 768px) {
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel[data-nbr-visible='2'] .us-slider__track > .bloc-features-04__card {
flex: 0 0 calc(100% / var(--us-slider-visible, 2)) !important;
} .bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel.us-slider {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-rows: auto auto;
grid-template-areas:
'why-track why-track why-track'
'why-prev why-dots why-next';
align-items: center;
column-gap: clamp(6px, 2vw, 12px);
row-gap: 14px;
padding-bottom: 12px;
overflow: hidden;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track {
grid-area: why-track;
width: 100%;
min-width: 0;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__prev {
grid-area: why-prev;
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
justify-self: start;
align-self: center;
width: 42px;
height: 42px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__next {
grid-area: why-next;
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
justify-self: end;
align-self: center;
width: 42px;
height: 42px;
flex-shrink: 0;
margin: 0;
z-index: 3;
border: 1px solid #d2d2d2;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__dots {
grid-area: why-dots;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
margin-top: 0 !important;
justify-content: center;
align-self: center;
min-width: 0;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
gap: 6px;
z-index: 2;
} .bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel::after {
bottom: calc(42px + 14px + 6px);
}
}
@media (min-width: 1025px) {
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel {
overflow: visible !important;
margin-top: 0;
padding-bottom: 0 !important;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel::after {
display: none !important;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(16px, 2vw, 24px) !important;
transform: none !important;
width: 100% !important;
transition: none !important;
align-items: stretch;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card {
flex: none !important;
width: 100% !important;
max-width: none !important;
min-height: 0;
margin: 0 !important;
height: 100%;
align-self: stretch;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__prev,
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__next,
.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__dots {
display: none !important;
}
.bloc-features-04--home-why-webiteasy .bloc-features-04__grid--home-why-carousel {
display: block !important;
width: 100%;
min-width: 0;
}
} .bloc-features-04--home-comparison {
background: #ffffff !important;
} body.home .entry-content .bloc-features-04--home-comparison {
background: #ffffff !important;
background-color: #ffffff !important;
}
.bloc-features-04--home-comparison .bloc-features-04__container {
background-color: #FFFFFF !important;
border-radius: 24px !important;
padding: 64px !important;
width: 100%;
max-width: var(--section-max-width, 1312px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
overflow: visible;
}
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home
.entry-content
section.bloc-features-04.bloc-features-04--home-comparison.bloc-features-04--wrapped-shell
.bloc-features-04__container {
background: #ffffff !important;
background-color: #ffffff !important;
max-width: var(--section-max-width, 1312px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.bloc-features-04--home-comparison .bloc-features-04__header {
text-align: center !important;
align-items: center;
margin-bottom: 33px;
padding-bottom: 23px;
width: 100%;
max-width: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__tagline,
.bloc-features-04--home-comparison .bloc-features-04__headline,
.bloc-features-04--home-comparison .bloc-features-04__description {
width: 100%;
max-width: none !important;
text-align: center;
}
.bloc-features-04--home-comparison .bloc-features-04__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 32px;
}
.bloc-features-04--home-comparison .bloc-features-04__card {
background: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card:hover {
box-shadow: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
padding: 32px 24px !important;
gap: 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.bloc-features-04--home-comparison .bloc-features-04__card-title {
font-family: 'Inter Tight', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: #232425;
margin-bottom: 8px; min-height: calc(24px * 1.3 * 3); display: flex;
align-items: flex-start;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details {
gap: 16px;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-item {
gap: 8px;
align-items: center;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-text,
.bloc-features-04--home-comparison .icon-text__text {
font-family: 'Figtree', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.25;
color: #5A5E60;
white-space: nowrap;
overflow-wrap: normal;
word-break: keep-all;
}
.bloc-features-04--home-comparison .bloc-features-04__card-standalone-icon {
display: none;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card1-eye-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card2-phone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(3)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(3)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(3)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card3-users-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(4)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(4)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(4)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card4-pen-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(5)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(5)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(5)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card5-search-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(6)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(6)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(6)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card6-lock-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(7)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(7)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(7)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card7-component-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(8)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback
svg {
display: none !important;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(8)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical:nth-child(8)
.bloc-features-04__card-content
span.icon.icon--wrapped.bloc-features-04__card-standalone-icon.icon--fallback::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-included-card8-chart-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon .icon--fallback,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon.icon--wrapped,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon--fallback,
.bloc-features-04--home-comparison .bloc-features-04__detail-icon {
width: 29px;
height: 29px;
min-width: 29px;
aspect-ratio: 1 / 1;
border-radius: 999px !important;
overflow: hidden;
} .bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon svg,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon img {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
object-fit: contain;
} .bloc-features-04--home-comparison .bloc-features-04__card-details .icon.icon--wrapped,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon--fallback.icon--wrapped {
padding: 16px 11px;
} .bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(1) .bloc-features-04__card-details .icon-text__icon.icon--fallback svg,
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(2) .bloc-features-04__card-details .icon-text__icon.icon--fallback svg,
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(3) .bloc-features-04__card-details .icon-text__icon.icon--fallback svg {
display: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(1) .bloc-features-04__card-details .icon-text__icon.icon--fallback {
background-color: #005cfb !important;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-comparison-on-dark-mark.png);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
background-origin: padding-box;
box-sizing: border-box;
border-radius: 999px !important;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(2) .bloc-features-04__card-details .icon-text__icon.icon--fallback,
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card--on-dark:nth-child(3) .bloc-features-04__card-details .icon-text__icon.icon--fallback {
background-color: #e6e7e7 !important;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-comparison-competitor-x.png);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
background-origin: padding-box;
box-sizing: border-box;
border-radius: 999px !important;
} @media (max-width: 1024px) {
body.home .entry-content section.bloc-features-04.bloc-features-04--home-comparison,
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-comparison,
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-comparison,
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-comparison,
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-comparison,
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-comparison { padding-top: 32px !important;
padding-bottom: 32px !important;
padding-left: max(var(--we-home-page-gutter, 10px), clamp(8px, 2vw, 14px)) !important;
padding-right: max(var(--we-home-page-gutter, 10px), clamp(8px, 2vw, 14px)) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__header {
margin-top: 0 !important;
margin-bottom: clamp(10px, 2vw, 18px) !important;
padding-top: 0 !important;
padding-bottom: clamp(6px, 1.2vw, 12px) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__tagline {
margin-top: 0 !important;
} .bloc-features-04--home-comparison .bloc-features-04__container,
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home
.entry-content
section.bloc-features-04.bloc-features-04--home-comparison.bloc-features-04--wrapped-shell
.bloc-features-04__container {
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
max-width: 100% !important;
}
.bloc-features-04--home-comparison .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(14px, 2.8vw, 22px);
width: 100%;
min-width: 0;
align-items: start;
}
.bloc-features-04--home-comparison .bloc-features-04__card {
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
min-height: 0;
}
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
height: auto !important;
min-height: 0;
}
} @media (min-width: 769px) and (max-width: 1024px) {
.bloc-features-04--home-comparison .bloc-features-04__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(8px, 1.2vw, 14px) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
padding: clamp(10px, 1.6vw, 16px) clamp(8px, 1.2vw, 12px) !important;
gap: clamp(10px, 1.5vw, 16px) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-title {
font-size: clamp(14px, 2vw, 20px) !important;
line-height: 1.2 !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details {
gap: clamp(6px, 1vw, 10px) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__text,
.bloc-features-04--home-comparison .bloc-features-04__detail-text {
white-space: nowrap !important;
font-size: clamp(10px, 1.3vw, 14px) !important;
line-height: 1.3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon.icon--wrapped,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon--fallback.icon--wrapped {
width: clamp(16px, 2.2vw, 22px) !important;
height: clamp(16px, 2.2vw, 22px) !important;
min-width: clamp(16px, 2.2vw, 22px) !important;
padding: clamp(4px, 0.6vw, 8px) !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon svg,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon img {
width: clamp(12px, 1.6vw, 16px) !important;
height: clamp(12px, 1.6vw, 16px) !important;
}
}
@media (max-width: 768px) {
.bloc-features-04--home-comparison {
padding-inline: max(var(--we-home-page-gutter, 10px), clamp(8px, 2.2vw, 12px));
background: #ffffff !important;
overflow-x: clip;
box-sizing: border-box;
}
.bloc-features-04--home-comparison .bloc-features-04__container,
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home
.entry-content
section.bloc-features-04.bloc-features-04--home-comparison.bloc-features-04--wrapped-shell
.bloc-features-04__container {
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
max-width: 100%;
box-sizing: border-box;
}
.bloc-features-04--home-comparison .bloc-features-04__header {
margin-top: 0 !important;
margin-bottom: clamp(10px, 2.8vw, 16px);
padding-top: 0 !important;
gap: 10px;
width: 100%;
max-width: 100%;
min-width: 0;
align-items: center;
text-align: center !important;
}
.bloc-features-04--home-comparison .bloc-features-04__tagline {
margin-top: 0 !important;
font-size: 13px;
letter-spacing: 0.06em;
line-height: 1.45;
}
.bloc-features-04--home-comparison .bloc-features-04__headline {
font-size: clamp(1.5rem, 6.5vw, 2.125rem) !important;
line-height: 1.14 !important;
letter-spacing: -0.03em;
max-width: 100%;
}
.bloc-features-04--home-comparison .bloc-features-04__description {
font-size: clamp(15px, 3.6vw, 17px) !important;
line-height: 1.45 !important;
max-width: min(40rem, 100%);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.bloc-features-04--home-comparison .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(14px, 3.2vw, 22px);
width: 100%;
min-width: 0;
align-items: start;
}
.bloc-features-04--home-comparison .bloc-features-04__card {
min-width: 0;
max-width: 100%;
width: 100%;
height: auto;
min-height: 0;
align-self: start;
} .bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-content {
background: #ffffff !important;
border-radius: 16px !important;
border: 1px solid rgba(9, 22, 66, 0.1);
border-left: 4px solid var(--we-brand-blue, #2464d1);
box-shadow: 0 10px 32px rgba(9, 22, 66, 0.1);
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-content {
background: rgba(247, 246, 242, 0.85) !important;
border-radius: 14px !important;
border: 1px solid rgba(9, 22, 66, 0.07);
box-shadow: none;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-title {
color: #5a5e60 !important;
font-size: clamp(1.0625rem, 4vw, 1.25rem) !important;
font-weight: 600 !important;
} body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-details > .icon-text:nth-child(n + 5),
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-details > .icon-text:nth-child(n + 4) {
display: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
padding: clamp(14px, 3.2vw, 18px) clamp(12px, 2.8vw, 15px) !important;
gap: clamp(12px, 2.8vw, 16px);
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
height: auto !important;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-content {
padding: clamp(12px, 2.8vw, 16px) clamp(11px, 2.5vw, 14px) !important;
gap: clamp(10px, 2.5vw, 14px);
}
.bloc-features-04--home-comparison .bloc-features-04__card-title {
font-size: clamp(1.1875rem, 4.5vw, 1.5rem) !important;
line-height: 1.16 !important;
margin-bottom: 4px;
max-width: 100%;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details {
gap: 12px;
width: 100%;
min-width: 0;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-details {
gap: 10px;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-item {
align-items: flex-start;
gap: 14px;
width: 100%;
min-width: 0;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-text {
font-size: clamp(13px, 2.9vw, 15px);
line-height: 1.38;
flex: 1 1 0%;
min-width: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-icon {
flex-shrink: 0;
margin-top: 2px;
} .bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 14px;
width: 100%;
max-width: 100%;
min-width: 0;
text-align: left;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon {
flex: 0 0 29px;
width: 29px;
height: 29px;
min-width: 29px;
margin-top: 3px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 999px !important;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon img,
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__icon svg {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
object-fit: contain;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__text {
flex: 1 1 0%;
min-width: 0;
font-size: clamp(13px, 2.9vw, 15px) !important;
line-height: 1.38 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
max-width: none;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-details .icon-text__text {
-webkit-line-clamp: 3;
font-size: clamp(14px, 3vw, 15px) !important;
} .bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .icon-text__icon {
opacity: 0.8;
filter: grayscale(0.35) brightness(0.96);
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-details .icon-text__icon {
filter: none;
opacity: 1;
}
} @media (max-width: 767px) {
.bloc-features-04--home-comparison .bloc-features-04__container,
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.front-page main#primary .entry-content .bloc-features-04--home-comparison .bloc-features-04__container,
body.home
.entry-content
section.bloc-features-04.bloc-features-04--home-comparison.bloc-features-04--wrapped-shell
.bloc-features-04__container {
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
.bloc-features-04--home-comparison .bloc-features-04__header {
margin-bottom: clamp(14px, 4vw, 22px) !important;
padding-bottom: clamp(8px, 2.2vw, 14px) !important;
gap: 12px;
} .bloc-features-04--home-comparison .bloc-features-04__description {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
line-height: 1.52 !important;
max-width: min(36rem, 100%);
}
.bloc-features-04--home-comparison .bloc-features-04__headline {
line-height: 1.18 !important;
letter-spacing: -0.035em;
}
.bloc-features-04--home-comparison .bloc-features-04__grid {
grid-template-columns: 1fr !important;
gap: clamp(14px, 4vw, 20px);
} .bloc-features-04--home-comparison .bloc-features-04__card-title {
min-height: auto !important;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-content {
border-radius: 18px !important;
padding: clamp(18px, 4.5vw, 24px) clamp(16px, 4vw, 22px) !important;
box-shadow:
0 4px 28px rgba(9, 22, 66, 0.1),
0 1px 2px rgba(9, 22, 66, 0.06);
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-content {
border-radius: 17px !important;
padding: clamp(16px, 4vw, 22px) clamp(15px, 3.8vw, 20px) !important;
box-shadow: 0 2px 18px rgba(9, 22, 66, 0.06);
}
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
gap: clamp(14px, 3.6vw, 18px);
}
.bloc-features-04--home-comparison .bloc-features-04__card-title {
line-height: 1.22 !important;
letter-spacing: -0.022em;
margin-bottom: 6px;
}
.bloc-features-04--home-comparison .bloc-features-04__card-description {
line-height: 1.55;
font-size: clamp(15px, 3.7vw, 16px);
max-width: min(38rem, 100%);
}
.bloc-features-04--home-comparison .bloc-features-04__card-number {
display: block;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(35, 36, 37, 0.55);
margin-bottom: 6px;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-title {
color: #4a4e52 !important;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details {
gap: 14px;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:nth-child(n + 2) .bloc-features-04__card-details {
gap: 12px;
}
.bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__text {
line-height: 1.48 !important;
-webkit-line-clamp: 3;
}
.bloc-features-04--home-comparison .bloc-features-04__grid > .bloc-features-04__card:first-child .bloc-features-04__card-details .icon-text__text {
line-height: 1.5 !important;
-webkit-line-clamp: 4;
}
.bloc-features-04--home-comparison .bloc-features-04__detail-text {
line-height: 1.45;
-webkit-line-clamp: 3;
} .bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (prefers-reduced-motion: no-preference) {
.bloc-features-04--home-comparison .bloc-features-04__card:active .bloc-features-04__card-content {
transform: scale(0.988);
}
}
@media (prefers-reduced-motion: reduce) {
.bloc-features-04--home-comparison .bloc-features-04__card .bloc-features-04__card-content {
transition: none;
}
}
}
@media (max-width: 480px) {
.bloc-features-04--home-comparison .bloc-features-04__headline {
font-size: clamp(1.375rem, 7vw, 1.875rem) !important;
line-height: 1.12 !important;
max-width: 100%;
}
.bloc-features-04--home-comparison .bloc-features-04__description {
font-size: 15px !important;
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__card-details .icon-text__text,
body.home .entry-content .bloc-features-04--home-comparison .bloc-features-04__detail-text {
font-size: 13px !important;
white-space: normal !important;
}
}  body:not(.home) .bloc-features-04:not(.bloc-features-04--ccc-good-features) {
padding-top: 24px !important;
padding-bottom: 24px !important;
} body:not(.home) .bloc-features-04--ccc-good-features.bloc-features-04 {
background-color: #f7f6f2 !important;
} @media (min-width: 1025px) {
body:not(.home) .bloc-features-04--ccc-good-features.bloc-features-04 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (max-width: 1024px) { body:not(.home) .page-content-wrapper .entry-content section.bloc-features-04--ccc-good-features.bloc-features-04,
body:not(.home) .flexible-content-wrapper .entry-content section.bloc-features-04--ccc-good-features.bloc-features-04,
body:not(.home) main#primary .page-content-wrapper .entry-content section.bloc-features-04--ccc-good-features.bloc-features-04,
body:not(.home) main#primary .flexible-content-wrapper .entry-content section.bloc-features-04--ccc-good-features.bloc-features-04,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-notre-offre-et-tarif .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-notre-offre-et-tarif .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-notre-offre-et-tarif main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features,
body.page-notre-offre-et-tarif main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features {
padding-top: 32px !important;
padding-bottom: 32px !important;
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box;
}
}
body:not(.home) .bloc-features-04__container {
border-radius: 24px !important; padding: 40px 0 !important;
} body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container {
padding: 0 !important;
} body:not(.home) .bloc-features-04__grid {
gap: 16px;
}
@media (max-width: 768px) {
body:not(.home) .bloc-features-04:not(.bloc-features-04--ccc-good-features) {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
body:not(.home) .bloc-features-04__container {
border-radius: 16px !important;
padding: 24px 0 !important;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-role-vs .bloc-features-04__container {
padding: 0 !important;
}
body:not(.home) .bloc-features-04__grid {
gap: 12px;
}
} @media (max-width: 1024px) {
body:not(.home) .bloc-features-04--ccc-good-features .bloc-features-04__container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}  body:not(.home) .bloc-features-04--offre-tarif-handoff.bloc-features-04 {
background-color: var(--we-surface-alt, #f7f6f2) !important;
}
body:not(.home) .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
background-color: #f7f6f2 !important;
border-radius: 20px !important;
padding: 40px !important;
box-shadow: none !important;
box-sizing: border-box;
} @media (max-width: 1024px) {
body:not(.home) .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
} @media (min-width: 1025px) {
body:not(.home) .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
max-width: min(100%, var(--section-max-width, 1312px)) !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
}
body:not(.home) .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid {
background-color: #f7f6f2;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-content,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__detail-item {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-content .icon-text,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text {
width: 100%;
max-width: 100%;
min-width: 0;
align-items: flex-start;
} @media (min-width: 1025px) {
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon {
flex-shrink: 0 !important;
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
max-width: 24px !important;
max-height: 24px !important;
--us-icon-size: 24px !important;
--us-icon-wrap-padding: 0 !important;
padding: 0 !important;
margin: 0 !important;
aspect-ratio: 1 / 1;
overflow: visible !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped {
box-sizing: border-box !important;
--us-icon-wrap-padding: 0 !important;
padding: 0 !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img {
display: block !important;
width: 12px !important;
height: 12px !important;
max-width: 12px !important;
max-height: 12px !important;
flex-shrink: 0 !important;
object-fit: contain;
opacity: 1 !important;
visibility: visible !important;
}
}
.bloc-features-04--offre-tarif-handoff .icon-text__text {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
width: auto;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-title,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-description,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-image,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-image--wrapped {
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__header {
max-width: 100% !important;
width: 100%;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__headline,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__description {
max-width: 100% !important;
width: 100% !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon:not(.icon--wrapped) svg,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text .icon:not(.icon--wrapped) svg {
fill: var(--we-muted-2, #696e71) !important;
color: var(--we-muted-2, #696e71);
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon:not(.icon--wrapped) svg * {
fill: var(--we-muted-2, #696e71) !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped.icon--fallback svg,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text .icon.icon--wrapped.icon--fallback svg {
fill: currentColor !important;
stroke: currentColor !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped.icon--fallback svg *,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text .icon.icon--wrapped.icon--fallback svg * {
fill: currentColor !important;
stroke: currentColor !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card--featured {
--card-bg: #ffffff;
background-color: #ffffff !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .bloc-features-04__card {
background-color: #ffffff !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon
svg {
display: none !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon {
position: relative;
--us-icon-size: 55px !important;
width: 55px !important;
height: 55px !important;
box-sizing: border-box;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/icon-offre-tarif-handoff-sparkle.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(4) .icon.icon--wrapped.icon--fallback {
background-color: #e6e7e7 !important;
color: var(--we-muted-2, #696e71) !important;
} body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
body:not(.home) main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__slider .us-slider__track > .bloc-features-04__card--vertical:nth-child(1) .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon-text__icon.icon--wrapped.icon--fallback,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card--vertical[data-card-index='1'] .bloc-features-04__card-details > .icon-text:nth-child(5) .icon.icon--wrapped.icon--fallback {
background-color: #e6e7e7 !important;
color: var(--we-muted-2, #696e71) !important;
}  .bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon
svg {
display: none !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon {
position: relative;
--us-icon-size: 55px !important;
width: 55px !important;
height: 55px !important;
box-sizing: border-box;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(2)
.bloc-features-04__card-content
> span.icon.bloc-features-04__card-standalone-icon::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/icon-offre-tarif-handoff-lightning.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px) {
body:not(.home) .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
padding: 24px !important;
border-radius: 16px !important;
}
} @media (max-width: 1024px) { body:not(.home) .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff,
body:not(.home) .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff,
body:not(.home) main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff,
body:not(.home) main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff,
body.page-notre-offre-et-tarif .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff,
body.page-notre-offre-et-tarif main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--offre-tarif-handoff {
padding: 32px 16px !important;
box-sizing: border-box;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
box-shadow: none !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__featured {
margin-bottom: clamp(22px, 4vw, 40px) !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid {
gap: clamp(14px, 3vw, 22px) !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card {
border-radius: 18px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-content {
padding: clamp(22px, 4vw, 28px) !important;
align-items: flex-start;
text-align: left;
gap: 12px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-title {
font-size: clamp(1.05rem, 3.7vw, 1.25rem) !important;
line-height: 1.22 !important;
letter-spacing: -0.01em;
max-width: min(38rem, 100%);
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-description {
max-width: min(38rem, 100%);
line-height: 1.58 !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card--featured {
--card-bg: #f7f6f2;
background-color: #f7f6f2 !important;
border: 2px solid rgba(36, 100, 209, 0.22) !important;
box-shadow:
0 1px 2px rgba(35, 36, 37, 0.05),
0 10px 30px rgba(36, 100, 209, 0.10) !important;
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details {
gap: clamp(10px, 2.4vw, 14px) !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text {
display: flex;
align-items: flex-start;
gap: 12px;
width: 100%;
max-width: 100%;
min-width: 0;
} @media (min-width: 769px) and (max-width: 1024px) {
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
--us-icon-size: 18px !important;
box-sizing: border-box !important;
padding: 0 !important;
border-radius: 50% !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped {
box-sizing: border-box !important;
--us-icon-wrap-padding: 0 !important;
padding: 0 !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
aspect-ratio: 1 / 1 !important;
border-radius: 50% !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img {
width: 10px !important;
height: 10px !important;
max-width: 10px !important;
max-height: 10px !important;
object-fit: contain;
} main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__text,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__text,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__text {
flex: 1 1 0% !important;
min-width: 0 !important;
max-width: 100% !important;
width: auto !important;
}
}
@media (max-width: 768px) {
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 22px !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
max-width: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
--us-icon-size: 16px !important;
box-sizing: border-box !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 999px !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon.icon--wrapped {
box-sizing: border-box !important;
--us-icon-wrap-padding: 0 !important;
padding: 0 !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
max-width: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
aspect-ratio: 1 / 1 !important;
border-radius: 50% !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .page-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon svg,
main#primary .flexible-content-wrapper .entry-content .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__icon img {
width: 12px !important;
height: 12px !important;
max-width: 12px !important;
max-height: 12px !important;
transform: none !important;
object-fit: contain;
}
} .bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details .icon-text__text {
flex: 1 1 auto;
min-width: 0;
max-width: min(32ch, 100%);
width: auto;
font-size: clamp(13px, 2.8vw, 15px) !important;
line-height: 1.45 !important;
letter-spacing: -0.01em;
overflow-wrap: break-word;
word-break: normal;
hyphens: manual;
}
}
@media (max-width: 768px) { .bloc-features-04--offre-tarif-handoff .bloc-features-04__container {
padding: 20px 6px !important;
}
body.page-notre-offre-et-tarif .bloc-features-04--offre-tarif-handoff,
body.page-notre-offre-et-tarif section.bloc-features-04--offre-tarif-handoff {
padding-left: 6px !important;
padding-right: 6px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__grid,
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card {
width: 100% !important;
max-width: 100% !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-content {
padding: 26px 14px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__header {
margin-bottom: clamp(26px, 5vw, 40px) !important;
gap: 14px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__headline {
font-size: clamp(1.35rem, 6vw, 1.9rem) !important;
line-height: 1.16 !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__description {
max-width: min(38rem, 100%) !important;
line-height: 1.6 !important;
font-size: 15px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-content {
padding: 26px 18px !important;
gap: 14px !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-title {
font-size: clamp(1.1rem, 4.6vw, 1.35rem) !important;
line-height: 1.2 !important;
}
.bloc-features-04--offre-tarif-handoff .bloc-features-04__card-details {
gap: 12px !important;
}
} @media (max-width: 1200px) {
.bloc-features-04__container {
padding: 0;
} .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(16px, 3vw, 24px);
align-items: start;
width: 100%;
min-width: 0;
}
.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy) .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(16px, 3vw, 24px);
align-items: start;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid--kpi-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(16px, 3vw, 24px);
align-items: start;
}
.bloc-features-04--home-included .bloc-features-04__description {
white-space: normal !important;
max-width: min(42rem, 100%);
line-height: 1.5;
}
.bloc-features-04__headline {
font-size: 40px;
}
} @media (max-width: 1200px) and (min-width: 881px) {
.bloc-features-04--home-included .bloc-features-04__grid:not(.bloc-features-04__grid--home-included) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(14px, 2vw, 18px) !important;
align-items: start;
width: 100%;
min-width: 0;
}
}
@media (max-width: 880px) {
.bloc-features-04--home-included .bloc-features-04__grid:not(.bloc-features-04__grid--home-included) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(12px, 3.2vw, 16px) !important;
align-items: start;
width: 100%;
min-width: 0;
}
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical {
display: flex !important;
flex-direction: column !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-content,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-content,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-content,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-content,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-content,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-content {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon {
background-color: #ffffff !important;
border-radius: 50% !important;
box-sizing: border-box !important;
width: calc(var(--us-icon-size, 32px) * 1.3) !important;
height: calc(var(--us-icon-size, 32px) * 1.3) !important;
min-width: calc(var(--us-icon-size, 32px) * 1.3) !important;
min-height: calc(var(--us-icon-size, 32px) * 1.3) !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon img {
width: var(--us-icon-size, 32px) !important;
height: var(--us-icon-size, 32px) !important;
max-width: var(--us-icon-size, 32px) !important;
max-height: var(--us-icon-size, 32px) !important;
flex-shrink: 0;
object-fit: contain;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical .bloc-features-04__card-standalone-icon.icon--fallback {
background-size: var(--us-icon-size, 32px) auto !important;
}
@media (min-width: 1201px) {
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
gap: clamp(20px, 2vw, 32px) !important;
align-items: stretch !important;
align-self: stretch !important;
width: 100%;
min-width: 0;
overflow-x: visible !important;
padding-bottom: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical {
min-height: 0 !important;
align-self: stretch !important;
}
}
@media (max-width: 1200px) and (min-width: 961px) {
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
gap: clamp(14px, 2vw, 18px) !important;
align-items: stretch !important;
align-self: stretch !important;
width: 100%;
min-width: 0;
overflow-x: visible !important;
padding-bottom: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical {
min-height: 0 !important;
align-self: stretch !important;
}
}
@media (max-width: 960px) {
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel),
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
gap: clamp(12px, 3.2vw, 16px) !important;
align-items: stretch !important;
width: 100%;
min-width: 0;
overflow-x: visible !important;
padding-bottom: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical {
min-height: 0 !important;
align-self: stretch !important;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:first-child,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:first-child,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:first-child {
grid-column: 1 / -1;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-content {
padding: clamp(16px, 3.2vw, 20px) !important;
gap: 10px !important;
}
}
@media (max-width: 768px) { body.home .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header),
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-why-webiteasy:has(.bloc-features-04__header) {
padding-top: clamp(2px, 0.85vw, 10px) !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header--wrapped {
padding: clamp(6px, 1.8vw, 12px) clamp(14px, 3.2vw, 22px) clamp(10px, 2.2vw, 16px) !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__header {
margin-bottom: clamp(14px, 3vw, 20px) !important;
gap: 8px !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__tagline {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__headline {
font-size: clamp(1.3rem, 5vw, 1.6rem) !important;
line-height: 1.18 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__description {
font-size: clamp(14px, 3.2vw, 16px) !important;
line-height: 1.48 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-content {
padding: 16px 14px !important;
gap: 8px !important;
}
body.home
.entry-content
> .bloc-features-04.bloc-features-04--home-why-webiteasy
.bloc-features-04__card--vertical
.bloc-features-04__card-content:first-child {
padding-top: 16px !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.home .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.home main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page .flexible-content-wrapper .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon,
body.front-page main#primary .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-standalone-icon {
width: calc(38px * 1.3) !important;
height: calc(38px * 1.3) !important;
min-width: calc(38px * 1.3) !important;
min-height: calc(38px * 1.3) !important;
margin: 0 0 6px !important;
--us-icon-size: 22px;
--us-icon-wrap-padding: 6px;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-title {
font-size: clamp(0.9375rem, 3.4vw, 1.0625rem) !important;
line-height: 1.28 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-description {
font-size: 13px !important;
line-height: 1.45 !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-image {
max-height: min(130px, 36vw) !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__card-image img {
max-height: min(120px, 34vw) !important;
}
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(2) .bloc-features-04__card-standalone-icon.icon--fallback svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="2"] .bloc-features-04__card-standalone-icon.icon--fallback svg {
display: none !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(2) .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="2"] .bloc-features-04__card-standalone-icon.icon--fallback {
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-why-webiteasy-card2-standalone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(3) .bloc-features-04__card-standalone-icon.icon--fallback svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="3"] .bloc-features-04__card-standalone-icon.icon--fallback svg {
display: none !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(3) .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="3"] .bloc-features-04__card-standalone-icon.icon--fallback {
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-why-webiteasy-card3-standalone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(4) .bloc-features-04__card-standalone-icon.icon--fallback svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="4"] .bloc-features-04__card-standalone-icon.icon--fallback svg {
display: none !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(4) .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="4"] .bloc-features-04__card-standalone-icon.icon--fallback {
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-why-webiteasy-card4-standalone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(5) .bloc-features-04__card-standalone-icon.icon--fallback svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="5"] .bloc-features-04__card-standalone-icon.icon--fallback svg {
display: none !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(5) .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="5"] .bloc-features-04__card-standalone-icon.icon--fallback {
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-why-webiteasy-card5-standalone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
} body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(6) .bloc-features-04__card-standalone-icon.icon--fallback svg,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="6"] .bloc-features-04__card-standalone-icon.icon--fallback svg {
display: none !important;
}
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__grid:not(.bloc-features-04__grid--home-why-carousel) > .bloc-features-04__card--vertical:nth-child(6) .bloc-features-04__card-standalone-icon.icon--fallback,
body.home .entry-content .bloc-features-04.bloc-features-04--home-why-webiteasy .bloc-features-04__home-why-webiteasy-carousel .us-slider__track > .bloc-features-04__card--vertical[data-card-index="6"] .bloc-features-04__card-standalone-icon.icon--fallback {
background-image: url(//creation-site-plombier.fr/wp-content/themes/usine-theme/blocks/bloc_features_04/assets/home-why-webiteasy-card6-standalone-icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
} @media (max-width: 1200px) and (min-width: 769px) {
body.home .entry-content .bloc-features-04--home-primary {
padding-top: clamp(44px, 5.5vw, 64px) !important;
padding-bottom: clamp(44px, 5.5vw, 64px) !important;
}
.bloc-features-04--home-primary .bloc-features-04__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px 24px;
align-items: start;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical {
height: auto !important;
min-height: 0;
overflow: visible;
}
.bloc-features-04--home-primary .bloc-features-04__card-image,
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
aspect-ratio: unset !important;
height: 200px;
max-height: 200px;
min-height: 0;
}
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
padding: 12px 12px 0 !important;
box-sizing: border-box;
}
.bloc-features-04--home-primary .bloc-features-04__card-image img,
.bloc-features-04--home-primary .bloc-features-04__card-image .bloc-features-04__card-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .bloc-features-04--home-primary .bloc-features-04__card-image,
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
background-color: transparent !important;
}
.bloc-features-04--home-primary .bloc-features-04__card-img,
.bloc-features-04--home-primary .bloc-features-04__card-image img {
background-color: #f8dc73 !important;
}
.bloc-features-04--home-primary .bloc-features-04__card-content {
padding: 22px 22px 24px !important;
gap: 14px !important;
}
.bloc-features-04--home-primary .bloc-features-04__card-image + .bloc-features-04__card-content {
padding-top: 20px !important;
}
.bloc-features-04--home-primary .bloc-features-04__card-title {
font-size: clamp(1rem, 2.1vw, 1.125rem);
line-height: 1.3;
letter-spacing: -0.01em;
}
.bloc-features-04--home-primary .bloc-features-04__card-description {
font-size: 15px;
line-height: 1.58;
}
.bloc-features-04--home-primary .bloc-features-04__header {
margin-bottom: clamp(20px, 3vw, 28px);
} .bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(odd):last-child {
grid-column: 1 / -1;
justify-self: stretch;
max-width: none;
width: 100%;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(odd):last-child .bloc-features-04__card-image,
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(odd):last-child .bloc-features-04__card-image--wrapped {
width: 100% !important;
max-width: 100% !important;
height: 200px;
max-height: 200px;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(odd):last-child .bloc-features-04__card-image img,
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical:nth-child(odd):last-child .bloc-features-04__card-image .bloc-features-04__card-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
}
} @media (max-width: 1200px) {
.bloc-features-04--ccc-good-features .bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px;
}
.bloc-features-04--ccc-good-features .us-slider.bloc-features-04__slider {
--us-slider-visible: 1 !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card {
flex: 0 0 calc(100% - 24px) !important;
max-width: calc(100% - 24px);
min-width: 0;
box-sizing: border-box;
margin-left: 12px !important;
margin-right: 12px !important;
height: auto;
}
.bloc-features-04--ccc-good-features .bloc-features-04__header {
margin-bottom: 32px;
gap: 14px;
}
.bloc-features-04--ccc-good-features .bloc-features-04__headline {
font-size: clamp(1.5rem, 4.2vw, 2.25rem);
line-height: 1.2;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-content {
padding: 22px 20px !important;
text-align: left;
align-items: flex-start;
gap: 12px;
}
.bloc-features-04--ccc-good-features .bloc-features-04__slider .bloc-features-04__card-content {
padding: 22px 20px !important;
text-align: left;
align-items: flex-start;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-standalone-icon {
margin-left: 0;
margin-right: auto;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-content .icon-text {
justify-content: flex-start;
text-align: left;
width: 100%;
}
} @media (max-width: 1024px) {
.bloc-features-04--home-method.bloc-features-04--home-kpi-metrics:not(.bloc-features-04--home-why-webiteasy)
.bloc-features-04__grid
> .bloc-features-04__card--vertical
.bloc-features-04__card-title,
.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy)
.bloc-features-04__grid--kpi-strip
> .bloc-features-04__card--vertical
.bloc-features-04__card-title, body.home .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title,
body.home .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title,
body.home main#primary .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title,
body.front-page .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title,
body.front-page .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title,
body.front-page main#primary .entry-content section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title {
font-size: calc(48px * 1.5 * 0.6 * 0.75 * 1.25) !important;
line-height: 1.28 !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-number {
font-size: clamp(calc(40px * 1.25), calc(4vw * 1.25), calc(56px * 1.25)) !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-number + .bloc-features-04__card-title {
font-size: clamp(calc(16px * 1.25), calc(1.5vw * 1.25), calc(18px * 1.25)) !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-description {
font-size: calc(15px * 1.25) !important;
line-height: 1.5 !important;
}
} @media (max-width: 768px) { .bloc-features-04:not(.bloc-features-04--home-included):not(.bloc-features-04--home-why-webiteasy) .bloc-features-04__container {
padding: 0;
}
.bloc-features-04__header {
margin-bottom: 48px;
}
.bloc-features-04__headline {
font-size: 32px;
}
.bloc-features-04__card--featured {
flex-direction: column;
}
.bloc-features-04__card--featured .bloc-features-04__card-image {
width: 100%;
}
.bloc-features-04__card--featured .bloc-features-04__card-content {
width: 100%;
padding: 24px;
} .bloc-features-04__grid {
grid-template-columns: 1fr !important;
}
.bloc-features-04--home-method .bloc-features-04__grid {
grid-template-columns: 1fr !important;
} .bloc-features-04.bloc-features-04--home-kpi-metrics.bloc-features-04--home-method:not(:has(.bloc-features-04__header))
.bloc-features-04__grid.bloc-features-04__grid--kpi-strip,
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid--kpi-strip {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(12px, 3.5vw, 16px) !important;
align-items: stretch !important;
width: 100%;
min-width: 0;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__grid:not(.bloc-features-04__grid--kpi-strip) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(12px, 3.5vw, 16px) !important;
align-items: stretch !important;
width: 100%;
min-width: 0;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics.bloc-features-04--home-method:not(:has(.bloc-features-04__header)) {
padding-top: clamp(20px, 5vw, 28px) !important;
padding-bottom: clamp(20px, 5vw, 28px) !important;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__container {
background: #091642 !important;
background-color: #091642 !important;
padding: 14px clamp(16px, 3.5vw, 24px) !important;
border-radius: 14px !important;
overflow: hidden;
box-sizing: border-box;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card--vertical {
min-height: 0;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
max-width: 100%;
min-width: 0;
}
.bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-content {
padding: 12px 16px !important;
gap: 6px !important;
min-height: 0 !important;
box-sizing: border-box;
} .bloc-features-04.bloc-features-04--home-kpi-metrics .bloc-features-04__card-description {
max-width: none;
} body.home
.entry-content
> .bloc-features-04--home-method:not(:has(.bloc-features-04__header)):not(.bloc-features-04--home-why-webiteasy)
.bloc-features-04__grid:not(.bloc-features-04__grid--kpi-strip) {
gap: clamp(12px, 3.5vw, 16px) !important;
}
body.home
.entry-content
> .bloc-features-04--home-method:not(:has(.bloc-features-04__header)):not(.bloc-features-04--home-why-webiteasy)
.bloc-features-04__grid:not(.bloc-features-04__grid--kpi-strip)
> .bloc-features-04__card--vertical {
margin-left: 0 !important;
margin-right: 0 !important;
} .bloc-features-04__grid > .bloc-features-04__card--vertical {
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
min-height: 0;
}  .bloc-features-04__slider:not(.bloc-features-04__home-included-carousel) .us-slider__track > .bloc-features-04__card {
flex: 0 0 calc(100% - 20px) !important;
max-width: calc(100% - 20px);
margin-left: 10px;
margin-right: 10px;
min-width: 0;
height: auto;
} .bloc-features-04 {
padding-inline: max(var(--section-padding-x, 16px), var(--we-home-page-gutter, 10px));
box-sizing: border-box;
}
.bloc-features-04__header {
margin-bottom: clamp(24px, 4vw, 40px);
gap: 12px;
min-width: 0;
max-width: 100%;
}
.bloc-features-04__headline {
font-size: clamp(1.5rem, 6vw, 2rem);
line-height: 1.18;
letter-spacing: -0.02em;
word-break: normal;
overflow-wrap: break-word;
hyphens: manual;
max-width: 100%;
}
.bloc-features-04__grid > .bloc-features-04__card--vertical {
align-self: start;
height: auto;
min-height: 0;
}
.bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-content {
padding: clamp(20px, 4vw, 24px);
gap: 12px;
min-width: 0;
box-sizing: border-box;
}
.bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title {
font-size: clamp(1.125rem, 3.8vw, 1.375rem);
line-height: 1.28;
font-weight: 600;
word-break: normal;
overflow-wrap: break-word;
hyphens: manual;
max-width: 100%;
}
.bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-description {
font-size: 16px;
line-height: 1.5;
max-width: min(40rem, 100%);
}
.bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-image {
aspect-ratio: 16 / 10;
flex-shrink: 0;
}
.bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-image img {
max-height: min(240px, 58vw);
object-fit: cover;
object-position: center;
} .bloc-features-04--home-primary .bloc-features-04__card-image,
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
background-color: transparent !important;
}
.bloc-features-04--home-primary .bloc-features-04__card-img,
.bloc-features-04--home-primary .bloc-features-04__card-image img {
background-color: #f8dc73 !important;
} .bloc-features-04--home-method .bloc-features-04__card {
height: auto;
min-height: 0;
border-radius: 16px !important;
}
.bloc-features-04--home-method .bloc-features-04__card-content {
padding: clamp(20px, 4vw, 24px) !important;
gap: 12px;
flex: 0 1 auto;
min-width: 0;
}
.bloc-features-04--home-method .bloc-features-04__headline {
font-size: clamp(1.5rem, 6vw, 2rem) !important;
line-height: 1.18 !important;
}
.bloc-features-04--home-method.bloc-features-04--home-why-webiteasy .bloc-features-04__card-title {
font-size: clamp(1.125rem, 3.8vw, 1.375rem) !important;
line-height: 1.28 !important;
}
.bloc-features-04--home-method .bloc-features-04__card-description {
font-size: 16px !important;
line-height: 1.5 !important;
max-width: min(40rem, 100%);
}
.bloc-features-04--home-method .bloc-features-04__card-image {
aspect-ratio: 16 / 10;
}
.bloc-features-04--home-method .bloc-features-04__card-image img {
max-height: min(220px, 55vw);
} .bloc-features-04--home-included {
overflow-x: clip;
box-sizing: border-box;
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.bloc-features-04--home-included .bloc-features-04__header--wrapped {
padding: clamp(4px, 1.4vw, 8px) clamp(14px, 3.2vw, 22px) clamp(10px, 2.2vw, 16px) !important;
}
.bloc-features-04--home-included .bloc-features-04__grid:not(.bloc-features-04__grid--home-included) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(12px, 3.2vw, 16px) !important;
}
.bloc-features-04--home-included .bloc-features-04__header {
margin-bottom: clamp(18px, 4vw, 24px);
gap: 10px;
min-width: 0;
max-width: 100%;
margin-top: 0 !important;
padding-top: 0 !important;
}
.bloc-features-04--home-included .bloc-features-04__tagline {
margin-top: 0 !important;
padding-top: 0 !important;
}
.bloc-features-04--home-included .bloc-features-04__headline {
font-size: clamp(1.35rem, 5.4vw, 1.75rem) !important;
line-height: 1.16 !important;
letter-spacing: -0.02em;
word-break: normal;
overflow-wrap: break-word;
hyphens: manual;
max-width: 100%;
}
.bloc-features-04--home-included .bloc-features-04__description {
font-size: clamp(15px, 3.4vw, 16px) !important;
line-height: 1.48 !important;
white-space: normal !important;
max-width: min(40rem, 100%);
} .bloc-features-04--home-included .bloc-features-04__grid--home-included .us-slider__track > .bloc-features-04__card--vertical {
align-self: stretch;
height: auto;
min-height: clamp(280px, 55vw, 360px);
width: auto;
max-width: none;
min-width: 0;
}
.bloc-features-04--home-included .bloc-features-04__card-content {
padding: 16px 14px !important;
gap: 8px;
align-items: flex-start;
text-align: left;
min-width: 0;
box-sizing: border-box;
}
.bloc-features-04--home-included .bloc-features-04__card-title {
font-size: clamp(0.9375rem, 3.2vw, 1.0625rem) !important;
line-height: 1.25 !important;
font-weight: 600;
word-break: normal;
overflow-wrap: break-word;
hyphens: manual;
max-width: 100%;
}
.bloc-features-04--home-included .bloc-features-04__card-description {
font-size: 13px !important;
line-height: 1.42 !important;
max-width: none;
} .bloc-features-04--home-included .bloc-features-04__card-standalone-icon {
flex-shrink: 0;
margin-top: 2px !important;
margin-bottom: 8px !important;
align-self: flex-start;
--us-icon-size: 24px !important;
--us-icon-wrap-padding: 10px !important;
--us-icon-wrap-radius: 10px !important;
color: var(--we-brand-blue, #005cfb) !important;
background: #ffffff !important;
background-color: #ffffff !important;
border-radius: 10px !important;
}
.bloc-features-04--home-included .bloc-features-04__card-standalone-icon img,
.bloc-features-04--home-included .bloc-features-04__card-standalone-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
} .bloc-features-04--ccc-good-features .bloc-features-04__grid {
gap: clamp(22px, 5.5vw, 30px);
width: 100%;
}
.bloc-features-04--ccc-good-features .bloc-features-04__header {
margin-bottom: clamp(24px, 5vw, 32px);
gap: 12px;
}
.bloc-features-04--ccc-good-features .bloc-features-04__headline {
font-size: clamp(1.375rem, 6vw, 2rem) !important;
line-height: 1.18 !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__tagline {
font-size: 13px;
letter-spacing: 0.06em;
}
.bloc-features-04--ccc-good-features .bloc-features-04__description {
font-size: 16px !important;
line-height: 1.55 !important;
max-width: min(38rem, 100%);
}
.bloc-features-04--ccc-good-features .bloc-features-04__card--vertical {
border-radius: 16px;
height: auto;
min-height: 0;
width: 100%;
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-content {
padding: clamp(20px, 4.5vw, 26px) clamp(18px, 4vw, 24px) !important;
text-align: left;
align-items: flex-start;
gap: clamp(10px, 2.5vw, 14px);
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-title {
font-size: clamp(1.0625rem, 3.2vw, 1.25rem) !important;
line-height: 1.28 !important;
font-weight: 600;
overflow-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-description {
font-size: 15px !important;
line-height: 1.45 !important;
overflow-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-standalone-icon {
margin-left: 0;
margin-right: auto;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-content .icon-text {
justify-content: flex-start;
text-align: left;
width: 100%;
}
.bloc-features-04--ccc-good-features .bloc-features-04__slider .bloc-features-04__card-content {
padding: clamp(20px, 4.5vw, 26px) clamp(18px, 4vw, 24px) !important;
text-align: left;
align-items: flex-start;
gap: clamp(10px, 2.5vw, 14px);
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image { aspect-ratio: 16 / 6;
max-height: calc(132px * 1.3);
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped {
margin: 10px 12px 0 !important;
padding: 8px 10px !important;
max-height: calc(118px * 1.3);
box-sizing: border-box;
}
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: calc(68px * 1.3) !important;
object-fit: contain;
opacity: 0.96;
}
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
max-height: calc(56px * 1.3) !important;
} .bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4),
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card:nth-child(4) {
position: relative;
box-shadow:
0 1px 2px rgba(9, 22, 66, 0.08),
0 12px 32px rgba(0, 92, 251, 0.12),
0 0 0 1px rgba(0, 92, 251, 0.14) !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title,
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title {
font-weight: 700 !important;
}
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
max-height: calc(76px * 1.3) !important;
opacity: 1;
}
.bloc-features-04--ccc-good-features .bloc-features-04__slider .us-slider__track > .bloc-features-04__card {
margin-left: 0 !important;
margin-right: 0 !important;
} body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image {
aspect-ratio: 16 / 6;
max-height: calc(132px * 1.3);
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped {
margin: 10px 12px 0 !important;
padding: 8px 10px !important;
max-height: calc(118px * 1.3);
box-sizing: border-box;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: calc(68px * 1.3) !important;
object-fit: contain;
opacity: 0.96;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(2) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(3) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
max-height: calc(56px * 1.3) !important;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped img,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-image--wrapped .bloc-features-04__card-img {
max-height: calc(76px * 1.3) !important;
opacity: 1;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-content {
padding: clamp(20px, 4.5vw, 26px) clamp(18px, 4vw, 24px) !important;
gap: clamp(10px, 2.5vw, 14px) !important;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-description,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-description,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-description,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.45 !important;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__card-title {
font-size: clamp(1.0625rem, 3.2vw, 1.25rem) !important;
line-height: 1.28 !important;
font-weight: 600;
}
body.page-comment-ca-marche .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title,
body.page-comment-ca-marche .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .page-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title,
body.page-comment-ca-marche main#primary .flexible-content-wrapper .entry-content section.bloc-features-04.bloc-features-04--ccc-good-features .bloc-features-04__grid > .bloc-features-04__card:nth-child(4) .bloc-features-04__card-title {
font-weight: 700 !important;
} body.home .entry-content .bloc-features-04--home-primary {
padding-top: clamp(36px, 8vw, 56px) !important;
padding-bottom: clamp(36px, 8vw, 56px) !important;
}
.bloc-features-04--home-primary .bloc-features-04__header {
margin-bottom: clamp(16px, 3.5vw, 22px) !important;
padding-top: 8px;
gap: 8px;
}
.bloc-features-04--home-primary .bloc-features-04__tagline {
font-size: 12px;
letter-spacing: 0.055em;
line-height: 1.4;
}
.bloc-features-04--home-primary .bloc-features-04__headline {
font-size: clamp(1.25rem, 5.2vw, 1.625rem) !important;
line-height: 1.14 !important;
}
.bloc-features-04--home-primary .bloc-features-04__description {
font-size: 15px !important;
line-height: 1.42 !important;
max-width: 100%;
}
.bloc-features-04--home-primary .bloc-features-04__grid {
gap: clamp(14px, 3.6vw, 18px) !important;
padding-top: 4px;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical {
height: auto !important;
min-height: 0;
overflow: visible;
}
.bloc-features-04--home-primary .bloc-features-04__card-image,
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
aspect-ratio: unset !important;
height: 180px;
max-height: 180px;
min-height: 180px;
flex-shrink: 0;
}
.bloc-features-04--home-primary .bloc-features-04__card-image--wrapped {
padding: 10px 10px 0 !important;
box-sizing: border-box;
}
.bloc-features-04--home-primary .bloc-features-04__card-image img,
.bloc-features-04--home-primary .bloc-features-04__card-image .bloc-features-04__card-img {
width: 100%;
height: 100%;
max-height: none !important;
min-height: 0;
object-fit: cover;
object-position: center;
}
.bloc-features-04--home-primary .bloc-features-04__card-image + .bloc-features-04__card-content {
padding-top: 20px !important;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-content {
padding: 20px clamp(18px, 4.5vw, 22px) 22px !important;
gap: 12px !important;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-title {
font-size: clamp(1.0625rem, 3.4vw, 1.125rem) !important;
line-height: 1.3 !important;
letter-spacing: -0.01em;
}
.bloc-features-04--home-primary .bloc-features-04__grid > .bloc-features-04__card--vertical .bloc-features-04__card-description {
font-size: 15px !important;
line-height: 1.58 !important;
max-width: 100%;
} section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
) {
gap: clamp(22px, 6vw, 32px) !important;
padding-block: clamp(8px, 2vw, 16px);
row-gap: clamp(22px, 6vw, 32px) !important;
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
max-width: 100%;
min-width: 0;
border-radius: clamp(14px, 4vw, 18px) !important;
box-shadow:
0 10px 28px rgba(0, 8, 40, 0.22),
0 2px 8px rgba(0, 8, 40, 0.12);
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:nth-child(2) {
box-shadow:
0 14px 36px rgba(0, 8, 40, 0.28),
0 4px 12px rgba(0, 8, 40, 0.14);
transform: translateY(-2px);
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical
.bloc-features-04__card-content {
padding: clamp(22px, 5vw, 28px) clamp(20px, 4.5vw, 24px) !important;
gap: clamp(14px, 3.5vw, 18px) !important;
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical
.bloc-features-04__card-content:first-child {
padding-top: clamp(22px, 5vw, 28px) !important;
} section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number))
.bloc-features-04__card-title {
display: flex !important;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: clamp(1.2rem, 4.6vw, 1.45rem) !important;
font-weight: 700 !important;
line-height: 1.22 !important;
letter-spacing: -0.012em;
text-wrap: balance;
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number)):nth-child(1)
.bloc-features-04__card-title::before {
content: '01';
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number)):nth-child(2)
.bloc-features-04__card-title::before {
content: '02';
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number)):nth-child(3)
.bloc-features-04__card-title::before {
content: '03';
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:not(:has(.bloc-features-04__card-number))
.bloc-features-04__card-title::before {
flex: 0 0 auto;
font-family: 'Inter Tight', sans-serif;
font-weight: 700;
font-size: 0.72em;
line-height: 1.2;
letter-spacing: 0.06em;
opacity: 0.88;
padding: 0.35em 10px 0 0;
margin-right: 2px;
border-right: 1px solid rgba(255, 255, 255, 0.28);
color: inherit;
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:has(.bloc-features-04__card-number)
.bloc-features-04__card-title {
font-size: clamp(1.2rem, 4.6vw, 1.45rem) !important;
font-weight: 700 !important;
line-height: 1.22 !important;
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
.bloc-features-04__card-description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: clamp(0.9375rem, 3.5vw, 1.015rem) !important;
line-height: 1.48 !important;
max-width: 100%; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
.bloc-features-04__card-description p {
margin: 0;
} body.home .bloc-features-04--home-primary .bloc-features-04__card--on-dark .bloc-features-04__card-details,
body.front-page .bloc-features-04--home-primary .bloc-features-04__card--on-dark .bloc-features-04__card-details {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
} @media (max-width: 1200px) {
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)),
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)),
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)),
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)),
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)),
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header)) {
padding-top: clamp(18px, 3.2vw, 28px) !important;
padding-bottom: clamp(18px, 3.2vw, 28px) !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)),
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)),
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)),
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)),
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)),
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header)) {
padding-top: clamp(18px, 3.2vw, 28px) !important;
padding-bottom: clamp(18px, 3.2vw, 28px) !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__container {
padding: 9px clamp(11px, 2.4vw, 17px) !important;
border-radius: 12px !important;
box-sizing: border-box;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid {
padding-block: 0 !important;
padding-inline: 0 !important;
align-items: start !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid
> .bloc-features-04__card--vertical {
min-height: 0 !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card
.bloc-features-04__card-content {
padding: 8px clamp(6px, 1.4vw, 10px) !important;
gap: 3px !important;
box-sizing: border-box;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number {
font-size: clamp(1.18rem, 4.2vw, 1.42rem) !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: -0.02em !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-title {
font-size: clamp(0.94rem, 3vw, 1.06rem) !important;
font-weight: 600 !important;
line-height: 1.24 !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-number
+ .bloc-features-04__card-title {
margin-top: 1px !important;
}
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__card-description {
font-size: clamp(0.8125rem, 2.85vw, 0.9375rem) !important;
line-height: 1.38 !important;
margin: 0 !important;
margin-top: 7px !important;
max-width: 100% !important;
} @media (min-width: 768px) {
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-gap: clamp(10px, 2vw, 18px) !important;
row-gap: 0 !important;
}
} @media (max-width: 767px) {
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-method:not(.bloc-features-04--home-why-webiteasy):not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.home main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page .flexible-content-wrapper .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid,
body.front-page main#primary .entry-content
section.bloc-features-04.bloc-features-04--home-kpi-metrics:not(:has(.bloc-features-04__header))
.bloc-features-04__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(5px, 1.8vw, 9px) !important;
row-gap: clamp(5px, 1.8vw, 9px) !important;
}
}
} @media (max-width: 1024px) {
.bloc-features-04:not(.bloc-features-04--offre-tarif-handoff) {
padding: 32px 16px !important;
box-sizing: border-box;
}
} @media (prefers-reduced-motion: reduce) {
.bloc-features-04__btn,
.bloc-features-04__card-link-icon {
transition: none;
}
@media (max-width: 768px) {
section.bloc-features-04
.bloc-features-04__grid:has(> .bloc-features-04__card--vertical:nth-child(3):last-child):has(
> .bloc-features-04__card:nth-child(1)[style*='091642']
):has(> .bloc-features-04__card:nth-child(2)[style*='091642']):has(
> .bloc-features-04__card:nth-child(3)[style*='091642']
)
> .bloc-features-04__card--vertical:nth-child(2) {
transform: none;
}
}
}