.bloc-contact-02 {
padding: 112px 64px;
background-color: #fff;
box-sizing: border-box;
} section.bloc-contact-02.bloc-contact-02--contact-page {
padding-bottom: 32px !important;
margin-bottom: 0 !important;
min-height: 0 !important;
height: auto !important;
} main#primary > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--contact-page {
padding-bottom: 32px !important;
margin-bottom: 0 !important;
min-height: 0 !important;
height: auto !important;
} .bloc-contact-02--contact-page .bloc-contact-02__form-embed {
min-height: 0 !important;
height: auto !important;
}
.bloc-contact-02--contact-page .bloc-contact-02__form-iframe {
min-height: 480px !important;
height: 600px !important;
}
.bloc-contact-02__container {
max-width: 1312px;
margin: 0 auto;
} .bloc-contact-02__header {
margin-bottom: 40px;
}
.bloc-contact-02__header--fullwidth .bloc-contact-02__headline,
.bloc-contact-02__header--fullwidth .bloc-contact-02__description {
max-width: none;
}
.bloc-contact-02__header--boxed {
max-width: 768px;
}
.bloc-contact-02__tagline {
font-size: 16px;
font-weight: 600;
color: #232425;
margin: 0 0 12px 0;
}
.bloc-contact-02__headline {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
color: #232425;
margin: 0 0 24px 0;
max-width: 768px;
}
.bloc-contact-02--cards-only .bloc-contact-02__headline,
.bloc-contact-02--cards-only .bloc-contact-02__description {
max-width: none;
}
.bloc-contact-02__description {
font-size: 18px;
line-height: 1.5;
color: #232425;
margin: 0 0 32px 0;
max-width: 768px;
}
.bloc-contact-02__button {
display: inline-block;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s;
}
.bloc-contact-02__button--outline {
background: transparent;
color: #232425;
border: 1px solid #232425;
}
.bloc-contact-02__button--outline:hover {
background: #232425;
color: #fff;
}
.bloc-contact-02__button--primary {
background: inherit;
color: inherit;
border: 1px solid currentColor;
}
.bloc-contact-02__button--primary:hover {
opacity: 0.85;
} .bloc-contact-02__main {
display: grid;
grid-template-columns: 3fr 2fr;
grid-template-rows: auto;
grid-auto-rows: auto;
gap: 64px;
align-items: start;
align-content: start;
box-sizing: border-box;
} .bloc-contact-02--contact-page .bloc-contact-02__main {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
gap: 64px;
height: fit-content;
width: 100%;
max-width: 100%;
flex: 0 0 auto;
min-height: 0;
box-sizing: border-box;
}
.bloc-contact-02--contact-page .bloc-contact-02__content-column {
order: 1;
flex: 2 1 0%;
min-width: 0;
max-width: 100%;
align-self: flex-start;
}
.bloc-contact-02--contact-page .bloc-contact-02__form-column {
order: 2;
flex: 3 1 0%;
min-width: 0;
max-width: 100%;
align-self: flex-start;
position: static;
top: auto;
}
.bloc-contact-02--swap-columns .bloc-contact-02__main:not(.bloc-contact-02__main--cards-only) { grid-template-columns: 2fr 3fr;
}
.bloc-contact-02--swap-columns .bloc-contact-02__form-column {
grid-column: 2;
}
.bloc-contact-02--swap-columns .bloc-contact-02__content-column {
grid-column: 1;
}
.bloc-contact-02__main--cards-only {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
gap: 48px;
} .bloc-contact-02__form-column {
position: sticky;
top: 32px;
} .bloc-contact-02 .flow-card {
box-sizing: border-box;
width: 100%;
}
.bloc-contact-02__content-column > .flow-card {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 32px;
flex: 0 0 auto;
margin-top: 0;
}
@media (max-width: 768px) {
.bloc-contact-02__content-column > .flow-card {
gap: 24px;
}
}
.bloc-contact-02__form-card {
background: #fff;
border: 1px solid #E6E7E7;
border-radius: 8px;
padding: 32px;
} .bloc-contact-02__form-card--iframe {
padding: 0;
overflow: hidden;
}
.bloc-contact-02__form-embed {
position: relative;
width: 100%;
min-height: 640px;
background: #fafafa;
}
.bloc-contact-02__form-iframe {
display: block;
width: 100%;
min-height: 640px;
height: 720px;
border: 0;
vertical-align: top;
}
.bloc-contact-02__native-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.bloc-contact-02__plugin-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.bloc-contact-02__plugin-form .bloc-contact-02__wpcf7-form {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.bloc-contact-02__form-group:nth-of-type(n+3) {
grid-column: 1 / -1;
}
.bloc-contact-02__native-form .bloc-contact-02__form-check {
grid-column: 1 / -1;
}
.bloc-contact-02__plugin-form .bloc-contact-02__form-check,
.bloc-contact-02__plugin-form .wpcf7-response-output,
.bloc-contact-02__plugin-form .wpcf7-spinner {
grid-column: 1 / -1;
}
.bloc-contact-02__form-submit {
grid-column: 1 / -1;
}
.bloc-contact-02__plugin-form > p {
grid-column: 1 / -1;
margin: 0;
}
.bloc-contact-02__plugin-form .wpcf7-form-control-wrap {
display: block;
}
.bloc-contact-02__plugin-form .bloc-contact-02__wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.bloc-contact-02__form-label {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--usine-form-label-color, #374151);
margin-bottom: 6px;
}
.bloc-contact-02__form-input,
.bloc-contact-02__form-select,
.bloc-contact-02__form-textarea {
width: 100%;
min-height: 52px;
padding: 12px 16px;
font-size: 16px;
border-width: var(--usine-form-field-border-width, 1px);
border-style: solid;
border-color: var(--usine-form-field-border, #D1D5DB);
border-radius: var(--usine-form-field-radius, 4px);
background: var(--usine-form-field-bg, #fff);
color: var(--usine-form-field-color, #232425);
box-sizing: border-box;
}
.bloc-contact-02__form-input::placeholder,
.bloc-contact-02__form-textarea::placeholder {
color: #9CA3AF;
}
.bloc-contact-02__form-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
}
.bloc-contact-02__form-textarea {
min-height: 120px;
resize: vertical;
}
.bloc-contact-02__form-check {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.bloc-contact-02__checkbox,
.bloc-contact-02__radio {
width: 18px;
height: 18px;
accent-color: #3C0314;
}
.bloc-contact-02__check-label {
font-size: 14px;
color: inherit;
} .bloc-contact-02__content-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 48px;
}
.bloc-contact-02__content-column--cards-only {
gap: 32px;
}
.bloc-contact-02__main--cards-only .bloc-contact-02__cards-row--duo {
gap: 32px;
} .bloc-contact-02__intro {
display: flex;
flex-direction: column;
gap: 24px;
}
.bloc-contact-02__intro-text {
font-size: 16px;
line-height: 1.6;
color: #232425;
margin: 0;
} section.bloc-contact-02.bloc-contact-02--contact-page .bloc-contact-02__intro-text,
main#primary > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--contact-page .bloc-contact-02__intro-text {
line-height: 1.25 !important;
}
.bloc-contact-02__intro-features {
display: flex;
flex-direction: column;
gap: 16px;
}
.bloc-contact-02__intro-feature {
display: flex;
align-items: flex-start;
gap: 12px;
}
.bloc-contact-02__intro-feature-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
color: #232425;
margin-top: 2px;
}
.bloc-contact-02__intro-feature-text {
font-size: 14px;
line-height: 1.5;
color: inherit;
} .bloc-contact-02__cards {
display: flex;
flex-direction: column;
gap: 24px;
}
.bloc-contact-02__cards-row {
display: grid;
gap: 24px;
}
.bloc-contact-02__cards-row--duo {
grid-template-columns: 1fr 1fr;
} .bloc-contact-02--contact-page .bloc-contact-02__container > .bloc-contact-02__main {
margin-top: 0;
}
.bloc-contact-02--contact-page .bloc-contact-02__content-column > .flow-card {
min-height: 0;
} .bloc-contact-02--contact-page .bloc-contact-02__form-card--iframe {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.bloc-contact-02--contact-page .bloc-contact-02__form-embed {
background: transparent;
min-height: 0;
}
.bloc-contact-02--contact-page .bloc-contact-02__form-column {
position: static;
}
.bloc-contact-02__cards-below {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 48px;
width: 100%;
box-sizing: border-box;
}
.bloc-contact-02__cards-below .bloc-contact-02__cards-row--duo {
grid-template-columns: 1fr 1fr;
} .bloc-contact-02__card {
background: #fff;
border: 1px solid #E6E7E7;
border-radius: 8px;
overflow: hidden;
}
.bloc-contact-02__card--icon-only {
overflow: visible;
}
.bloc-contact-02__card-image {
background: #F3F4F6;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
.bloc-contact-02__card-image svg {
width: 48px;
height: 48px;
}
.bloc-contact-02__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloc-contact-02__card-content {
padding: 24px;
}
.bloc-contact-02--cards-only .bloc-contact-02__card--small .bloc-contact-02__card-content {
padding: 32px 28px;
min-height: 144px;
}
.bloc-contact-02--cards-only .bloc-contact-02__card--small .bloc-contact-02__card-icon-only {
margin-bottom: 20px;
}
.bloc-contact-02__card-icon-only {
display: inline-flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 16px;
color: #232425;
}
.bloc-contact-02__card-icon-only .icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.bloc-contact-02__card-icon-only svg {
width: 32px;
height: 32px;
}
.bloc-contact-02__card-number {
display: block;
font-size: 20px;
font-weight: 600;
color: #232425;
line-height: 1;
margin-bottom: 8px;
overflow-wrap: break-word;
word-break: break-word;
}
.bloc-contact-02__main--cards-only .bloc-contact-02__card--small .bloc-contact-02__card-number {
white-space: nowrap;
overflow-wrap: normal;
word-break: normal;
font-size: clamp(20px, 1.5vw, 24px);
}
.bloc-contact-02__card-title {
font-size: 20px;
font-weight: 500;
color: #232425;
margin: 0 0 12px 0;
}
.bloc-contact-02__card-description {
font-size: 14px;
line-height: 1.6;
color: inherit;
margin: 0 0 16px 0;
}
.bloc-contact-02__card-features {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.bloc-contact-02__card-feature {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
color: inherit;
}
.bloc-contact-02__card-feature-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-top: 2px;
}
.bloc-contact-02__card-button {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
color: #3C0314;
text-decoration: none;
}
.bloc-contact-02__card-button:hover {
text-decoration: underline;
}
.bloc-contact-02__card-button-arrow {
font-size: 12px;
}  .bloc-contact-02__card--small {
display: flex;
flex-direction: column;
}
.bloc-contact-02__card--small .bloc-contact-02__card-image {
height: 160px;
}
.bloc-contact-02__card--small .bloc-contact-02__card-number {
font-size: 36px;
}
.bloc-contact-02--cards-only .bloc-contact-02__card--small .bloc-contact-02__card-number {
font-size: clamp(20px, 1.6vw, 24px);
}
.bloc-contact-02__plugin-form > p .bloc-contact-02__form-submit {
display: block;
width: 100%;
min-height: 54px;
border-radius: 0;
} .bloc-contact-02__card--featured {
display: grid;
grid-template-columns: 280px 1fr;
}
.bloc-contact-02__card--featured .bloc-contact-02__card-image {
height: 100%;
min-height: 300px;
}
.bloc-contact-02__card--featured .bloc-contact-02__card-content {
display: flex;
flex-direction: column;
justify-content: center;
} .bloc-contact-02__card--standard {
display: flex;
flex-direction: column;
}
.bloc-contact-02__card--standard .bloc-contact-02__card-image {
height: 200px;
} @media (max-width: 1024px) {
.bloc-contact-02 {
padding: 80px 32px;
}
.bloc-contact-02__main {
grid-template-columns: 1fr;
gap: 48px;
} .bloc-contact-02--contact-page .bloc-contact-02__main {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 48px !important;
}
.bloc-contact-02__form-column {
position: static;
order: 2;
}
.bloc-contact-02__content-column {
order: 1;
}
.bloc-contact-02__card--featured {
grid-template-columns: 1fr;
}
.bloc-contact-02__card--featured .bloc-contact-02__card-image {
min-height: 200px;
} .bloc-contact-02--contact-page .bloc-contact-02__intro-text {
font-size: 30px !important;
}
}
@media (max-width: 768px) {
.bloc-contact-02 {
padding: 56px 20px;
} .bloc-contact-02--contact-page .bloc-contact-02__main {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 40px !important;
}
.bloc-contact-02--contact-page .bloc-contact-02__content-column,
.bloc-contact-02--contact-page .bloc-contact-02__form-column {
flex: 1 1 auto !important;
max-width: 100% !important;
width: 100% !important;
min-width: 0 !important;
}
.bloc-contact-02--contact-page .bloc-contact-02__form-column {
position: static !important;
}
.bloc-contact-02--contact-page .bloc-contact-02__intro-text {
font-size: 28px !important;
}
.bloc-contact-02__headline {
font-size: 32px;
}
.bloc-contact-02__form-card {
padding: 24px;
}
.bloc-contact-02__form-card--iframe {
padding: 0;
}
.bloc-contact-02__form-embed {
min-height: 560px;
}
.bloc-contact-02__form-iframe {
min-height: 560px;
height: 640px;
}
.bloc-contact-02__form-input,
.bloc-contact-02__form-select,
.bloc-contact-02__form-textarea {
min-height: 52px;
font-size: 16px;
}
.bloc-contact-02__form-textarea {
min-height: 132px;
}
.bloc-contact-02__form-check {
align-items: flex-start;
gap: 10px;
}
.bloc-contact-02__intro-feature {
gap: 10px;
}
.bloc-contact-02__intro-feature-icon {
width: 18px;
height: 18px;
margin-top: 3px;
}
.bloc-contact-02__card-image {
padding: 28px;
}
.bloc-contact-02__card-image svg {
width: 36px;
height: 36px;
}
.bloc-contact-02__cards-row--duo {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.bloc-contact-02__native-form {
grid-template-columns: 1fr;
}
.bloc-contact-02__plugin-form {
grid-template-columns: 1fr;
}
.bloc-contact-02__plugin-form .bloc-contact-02__wpcf7-form {
grid-template-columns: 1fr;
}
.bloc-contact-02__form-group:nth-of-type(n+3) {
grid-column: auto;
}
.bloc-contact-02__native-form .bloc-contact-02__form-check {
grid-column: auto;
}
.bloc-contact-02__form-submit {
grid-column: auto;
}
} @media (min-width: 1025px) { .bloc-contact-02--swap-columns .bloc-contact-02__main {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.bloc-contact-02--swap-columns .bloc-contact-02__form-column,
.bloc-contact-02--swap-columns .bloc-contact-02__content-column {
align-self: flex-start;
}
.bloc-contact-02--swap-columns .bloc-contact-02__content-column {
justify-content: flex-start;
align-items: stretch;
margin-top: 0;
margin-block-start: 0; align-self: start;
min-height: 0;
height: auto;
}
.bloc-contact-02--swap-columns .bloc-contact-02__content-column > .flow-card {
justify-content: flex-start;
align-items: stretch;
align-self: start;
flex: 0 0 auto;
margin-top: 0;
margin-block-start: 0;
min-height: 0;
height: auto;
max-height: none;
} .bloc-contact-02--swap-columns .bloc-contact-02__form-column {
position: static;
top: auto;
}
.bloc-contact-02--swap-columns .bloc-contact-02__intro {
flex: 0 0 auto !important;
justify-content: flex-start !important;
align-self: flex-start !important;
margin-top: 0 !important;
margin-block-start: 0 !important;
padding-top: 0 !important;
width: 100%;
box-sizing: border-box;
}
.bloc-contact-02--swap-columns .bloc-contact-02__content-column .icon-text {
margin-top: 0;
margin-block-start: 0;
} .bloc-contact-02--contact-page .icon-text__text .icon-text__link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border-radius: 10px;
text-decoration: none;
color: inherit;
background: rgba(4, 95, 255, 0.06);
border: 1px solid rgba(4, 95, 255, 0.18);
transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.bloc-contact-02--contact-page .icon-text__text .icon-text__link:hover {
background: rgba(4, 95, 255, 0.10);
border-color: rgba(4, 95, 255, 0.28);
transform: translateY(-1px);
}
.bloc-contact-02--contact-page .icon-text__text .icon-text__link:focus-visible {
outline: 3px solid rgba(4, 95, 255, 0.35);
outline-offset: 2px;
} @media (pointer: coarse) {
.bloc-contact-02--contact-page .icon-text__text .icon-text__link {
padding: 10px 12px;
}
} main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns {
justify-content: flex-start !important;
align-items: flex-start !important;
align-content: flex-start !important;
}
main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__container {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
align-content: flex-start !important;
}
main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__main {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
height: fit-content !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__content-column {
order: 1 !important;
flex: 2 1 0% !important;
min-width: 0 !important;
max-width: 100% !important;
align-self: flex-start !important;
min-height: 0 !important;
justify-content: flex-start !important;
height: auto !important;
}
main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__form-column {
order: 2 !important;
flex: 3 1 0% !important;
min-width: 0 !important;
max-width: 100% !important;
align-self: flex-start !important;
position: static !important;
top: auto !important;
min-height: 0 !important;
}
main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__content-column > .flow-card {
justify-content: flex-start !important;
align-items: stretch !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
margin-top: 0 !important;
margin-block-start: 0 !important;
min-height: 0 !important;
height: auto !important;
} main#primary.site-main > .page-content-wrapper > .entry-content > section.bloc-contact-02.bloc-contact-02--swap-columns .bloc-contact-02__content-column > .flow-card > .bloc-contact-02__intro {
align-self: flex-start !important;
margin-top: 0 !important;
margin-block-start: 0 !important;
padding-top: 0 !important;
flex: 0 0 auto !important;
justify-content: flex-start !important;
}
}