figure.wp-block-table {
overflow: initial;
}
.wp-block-table td:empty:after {
content: 'Empty cell';
visibility: hidden;
}
.wp-block-table figcaption {
font-style: italic;
text-align: center;
font-size: 13px;
line-height: 1;
margin-top: 20px;
}
table {
border: 1px solid #dedede;
margin: 10px 0px;
border-spacing: 0;
}
figure.wp-block-table th {
border: 1px solid #dedede;
background: #C00D21;
color: #FFFFFF;
font-weight: bold;
padding: 12px;
}
figure.wp-block-table td {
border: 1px solid #dedede;
padding: 12px;
}
figure.wp-block-table thead {
border: none;
}
footer {
position: relative;
background: #F5F5F5;
z-index: 1;
}
#footerInner {
position: relative;
width: 90%;
max-width: 1140px;
margin: 0px auto;
padding: 55px 0px 90px 0px;
display: flex;
justify-content: space-between;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
#signature {
font-size: 12px;
text-align: center;
padding: 0 5% 35px 5%;
}
::selection {
background-color: #C00D21;
color: #FFFFFF;
}
#wrapper .wp-block-image {
margin: 0;
}
body:not(.home) #wrapper p a,
body:not(.home) #wrapper li a {
transition: 0.2s ease-in-out;
}
body:not(.home) #wrapper p a:hover,
body:not(.home) #wrapper li a:hover {
color: #C00D21;
}
#wrapper .wp-block-column > :first-child,
.wp-block-cover__inner-container > :first-child {
margin-top: 0;
}
#wrapper .wp-block-column > :last-child,
#wrapper .wp-block-cover__inner-container > :last-child,
#wrapper div#text .wp-block-group__inner-container > div:last-child {
margin-bottom: 0;
}
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group),
#wrapper div#text > figure,
#wrapper div#text > ul,
#wrapper div#text > .wp-block-group > .wp-block-group__inner-container,
#wrapper div#text > p {
width: 90%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#wrapper div#text > ul {
padding-left: 15px;
}
.wp-block-cover {
overflow: hidden;
}
.wp-block-cover img {
transition: transform 0.4s ease-out;
}
.wp-block-cover.is_hovered img {
transform: scale(1.1);
}
.wp-block-group__inner-container > .wp-block-cover h2 {
max-width: 740px;
margin: 0 auto;
}
div .wp-block-image figcaption {
margin-top: 15px;
text-align: center;
font-style: italic;
font-size: 15px;
}
.wp-block-columns.gap10,
.gap10 {
gap: 10px;
}
.wp-block-columns.gap20,
.gap20 {
gap: 20px;
}
.wp-block-columns.gap30,
.gap30 {
gap: 30px;
}
.wp-block-columns.gap40,
.gap40 {
gap: 40px;
}
.wp-block-columns.gap50,
.gap50 {
gap: 50px;
} body.contact #container {
margin: 0px;
}
.wpforms-container ul li:before {
display: none;
}
div form.wpforms-form {
position: relative;
}
div div.wpforms-container-full button[type=submit]:focus:after {
display: none;
}
@media (min-width: 1200px) {
div .wpforms-container .wpforms-submit-container {
position: absolute;
right: 0;
bottom: -20px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #000000;
box-shadow: 0 0 0 1px #000000, 0px 1px 2px rgba(0,0,0,0.15);
}
#wrapper div div.wpforms-container-full ::placeholder {
color: #969696;
opacity: 1;
}
#wrapper .wpforms-confirmation-container-full p {
margin: 0;
}
#wrapper div .wpforms-field-container div.wpforms-field {
padding: 12px 0;
} body.error404 #chapterPicture > .title_and_bc:first-child {
position: relative;
top: 0;
padding: 60px;
}
body.error404 .widget_breadcrumb {
display: none;
}
body.error404 #chapterPicture {
height: auto !important;
}
body.error404 article {
text-align: center;
}
body:not(.home).error404 .title_and_bc h1 {
margin: 0;
}
body:not(.home) #wrapper p {
margin: 0 0 15px 0;
}
body:not(.home):not(.page-id-170) #wrapper figure + *,
#wrapper .wp-block-image + p {
margin-top: 20px;
}
#wrapper .wp-block-cover .wp-block-cover__inner-container {
width: 90%;
max-width: 1140px;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 3em;
}
.no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-column {
box-sizing: border-box;
}
@media (min-width: 980px) {
.is_hidden_on_desktop {
display: none !important;
}
}
#wrapper .wp-block-separator {
margin: 20px 0px;
max-width: 100px;
}
#wrapper .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background hr {
width: 100px;
margin-top: 5px;
}
#wrapper .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background {
align-self: initial;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.wp-block-columns {
margin-bottom: 2.25em;
}
@media (max-width: 930px) {
.wp-block-spacer {
max-height: 70px;
}
#container {
margin: 0px 0px 70px 0px;
}
.is_hidden_on_mobile {
display: none !important;
}
.invert-columns-order {
flex-direction: column-reverse;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
}
@media (max-width: 980px) {
html body {
--wp--preset--spacing--20: 2.5vw;
--wp--preset--spacing--30: 2.5vw;
--wp--preset--spacing--40: 2.5vw;
--wp--preset--spacing--50: 5vw;
--wp--preset--spacing--60: 5vw;
--wp--preset--spacing--70: 5vw;
}
} :root {
--wp--style--gallery-gap-default: 20px;
}
#wrapper .wp-block-gallery img {
transition: 0.2s ease-in-out;
}
#wrapper .wp-block-gallery img:hover {
opacity: 0.8;
}
#wrapper .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
#wrapper .wp-block-gallery figure:not(:has(> a)) {
display: block;
}
#wrapper .wp-block-gallery.columns-3 figure.wp-block-image:not(#individual-image) img,
#wrapper .wp-block-gallery.columns-default figure.wp-block-image:not(#individual-image) img {
height: 240px;
}
#wrapper .wp-block-gallery.columns-4 figure.wp-block-image:not(#individual-image) img {
height: 190px;
}
#wrapper .wp-block-gallery.columns-5 figure.wp-block-image:not(#individual-image) img {
height: 150px;
}
#footerInner .mgnright120 {
margin-right: 120px;
}
footer .btn_contact > div {
display: flex;
align-items: center;
gap: 45px;
}
footer a.tel {
color: #C00D21;
font-size: 24px;
font-weight: 700;
display: flex;
align-items: center;
gap: 18px;
}
#presta {
background: #F5F5F5;
padding: 85px 0 0 0;
text-align: center;
}
#presta > p {
font-size: 28px;
font-weight: 600;
max-width: 735px;
margin: 0 auto 90px;
position: relative;
z-index: 1;
}
body.home .letter {
opacity: 0;
position: relative;
display: inline-block;
}
#presta .flex {
display: flex;
justify-content: space-between;
width: 90%;
max-width: 1140px;
margin: 0 auto;
}
#presta .bloc {
width: 31.5%;
position: relative;
}
#presta .bloc .inner {
position: relative;
padding: 0 77px 160px;
box-sizing: border-box;
z-index: 1;
overflow: hidden;
height: 100%;
}
#presta .bloc .inner > p:last-child {
margin: 0;
position: absolute;
bottom: 70px;
left: 50%;
transform: translateX(-50%);
}
#presta .ic {
height: 55px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
#presta h2 + p {
position: relative;
margin-top: 50px;
}
#presta h2 + p:before {
content: '';
width: 9999px;
height: 9999px;
background: #FFFFFF;
position: absolute;
left: -5000px;
top: -30px;
z-index: -1;
pointer-events: none;
}
#presta .bloc:before {
content: '';
width: 100%;
height: 395px;
background: linear-gradient(180deg, #F5F5F5, #FFFFFF);
position: absolute;
pointer-events: none;
left: 0;
bottom: 100%;
margin-bottom: -155px;
}
#presta .imgs {
display: flex;
padding-left: calc(50% - 570px);
}
#presta .imgs img {
height: 490px;
flex-shrink: 0;
object-fit: cover;
}
#presta .imgs > img:nth-child(1) {
width: 749px;
}
#presta .imgs > img:nth-child(2) {
width: calc(50vw - 180px);
}
#carte {
position: relative;
width: 90%;
max-width: 1140px;
margin: 0 auto;
padding: 50px 0 90px 0;
}
#carte {
position: relative;
width: 90%;
max-width: 1140px;
margin: 0 auto;
padding: 50px 0 90px 0;
display: flex;
justify-content: space-between;
}
#carte .droite {
width: 40%;
}
#carte .droite > p:last-child {
margin: 80px 0 0 0;
}
#carte h2 {
margin: 75px 0 40px 0;
max-width: 400px;
}
#carte .gauche:before {
content: '';
width: 9999px;
background: #F5F5F5;
position: absolute;
top: -50px;
bottom: -90px;
left: 100%;
z-index: -1;
pointer-events: none;
margin-left: -70px;
}
#carte .gauche {
position: relative;
}
#carte .gauche:after {
content: '';
width: 554px;
height: 554px;
position: absolute;
left: 2px;
top: 0;
border-radius: 50%;
box-shadow: 0 20px 25px rgba(0,0,0,0.1);
pointer-events: none;
}
#agences {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#agences .txt {
padding-left: calc(50% - 570px);
}
#agences .img {
width: calc(50% + 83px);
}
#agences .img img {
width: 100%;
height: 360px;
object-fit: cover;
}
#agences .flex {
display: flex;
gap: 50px;
margin-top: 55px;
}
#agences .flex > div > :last-child {
font-size: 20px;
font-weight: 600;
color: #C00D21;
margin-top: 20px;
}
#maisons {
background: #F5F5F5;
padding: 115px 0;
}
#maisons .container {
width: 90%;
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#maisons .container > div {
width: 48%;
}
#maisons .gauche p {
margin: 18px 0 0 0;
}
#maisons .gauche h2 {
margin: 0 0 45px 0;
}
#maisons .elem {
display: flex;
}
#maisons .elem:not(:last-child) {
margin-bottom: 40px;
}
#maisons .elem img {
width: 155px;
height: 155px;
object-fit: cover;
flex-shrink: 0;
}
#maisons .elem .txt {
width: 100%;
background: #FFFFFF;
border: 1px solid #D7D8D9;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 40px;
position: relative;
transition: 0.2s;
}
#maisons .elem a {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
}
#maisons .elem .txt p {
margin: 0;
}
#maisons .elem .txt > p:first-child {
margin-bottom: 8px;
}
#maisons .elem a svg {
transition: 0.3s;
position: relative;
right: 0;
}
#maisons .elem a:hover svg {
right: -10px;
}
#maisons .elem:has(a:hover) .txt {
border-color: #b8b8b8;
}
#parallax {
position: relative;
margin-bottom: 105px;
}
#parallax > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
filter: brightness(0.5);
}
#parallax > div img {
width: 100%;
object-fit: cover;
}
#parallax p {
position: relative;
color: #FFFFFF;
text-align: center;
max-width: 935px;
margin: 0px auto;
padding: 12vw 0;
width: 87%;
}
#avis {
width: 90%;
max-width: 1140px;
margin: 0 auto 105px;
}
#avis > :not(div) {
text-align: center;
margin-bottom: 20px;
}
#avis > div {
min-height: 390px;
margin-top: 40px;
}
#logos {
width: 90%;
max-width: 1140px;
margin: 0 auto 120px;
text-align: center;
}
#logos .flex {
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
flex-wrap: wrap;
gap: 65px;
row-gap: 40px;
}
#logos img {
width: auto;
height: auto;
max-width: 140px;
max-height: 90px;
}
#logos h2 {
margin-bottom: 20px;
}
.colonnes_colles {
gap: 0
}
.wp-block-columns figure.img_full_height,
.wp-block-columns figure.img_full_height img {
height: 100% !important;
object-fit: cover;
}
#wrapper a.wp-block-button__link.has-blanc-background-color:not(:hover) {
color: #C00D21;
}
#wrapper .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background p + ul {
margin-top: -5px;
}
#wrapper .has-blanc-color ul li:before {
background: #FFFFFF;
}
@media (max-width: 1270px) {
#presta .imgs,
#agences .txt {
padding-left: 5%;
}
#agences .img {
width: calc(100vw - calc(487px + 5vw));
}
#presta .bloc .inner {
padding: 0 30px 130px;
}
#presta h2 + p {
margin-top: 25px;
}
#presta .bloc .inner > p:last-child {
bottom: 60px;
white-space: nowrap;
}
}
@media (max-width: 1150px) {
#presta .imgs {
padding: 0 0 6.5% 0;
width: 87%;
margin: 0 auto;
flex-direction: column;
gap: 6.5vw;
margin-top: 6.5%;
}
#presta .imgs > img:nth-child(1),
#presta .imgs > img:nth-child(2) {
width: 100%;
height: 56vw;
}
}
@media (max-width: 930px) {
#presta > p {
max-width: 87%;
text-align: left;
margin-bottom: 6.5%;
}
#presta .bloc:before {
display: none;
}
#presta h2 + p:before {
display: none;
}
#presta .flex {
width: 100%;
box-sizing: border-box;
padding-left: 6.5%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
#presta .flex::-webkit-scrollbar {
display: none;
}
#presta .bloc {
background: #FFFFFF;
padding: 30px;
box-sizing: border-box;
width: 440px;
flex-shrink: 0;
scroll-snap-align: center;
margin-right: 6.5%;
}
#presta .bloc .inner {
padding: 0;
}
#presta .bloc .inner > p:last-child {
position: relative;
bottom: 0;
transform: none;
left: 0;
margin-top: 25px;
}
}
@media (max-width: 1130px) {
#carte {
flex-direction: column-reverse;
}
#carte .gauche:before {
display: none;
}
#carte h2 {
margin: 0 0 20px 0;
max-width: 100%;
}
#carte .droite {
width: 100%;
}
#carte .droite > p:last-child {
margin: 28px 0 0 0;
}
}
@media (max-width: 630px) {
#carte {
width: 87%;
gap: 50px;
}
#carte .gauche img {
height: 87vw;
}
#carte .gauche:after {
width: 100%;
height: 87vw;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 850px) {
#agences {
flex-direction: column;
gap: 40px;
}
#agences .txt {
width: 100%;
padding: 0 6.5%;
box-sizing: border-box;
max-width: 560px;
margin: 0 auto;
}
#agences .flex {
margin-top: 30px;
}
#agences .img {
width: 100%;
}
}
@media (max-width: 1260px) {
#maisons .container > div.gauche {
width: 545px;
flex-shrink: 0;
margin-right: 45px;
}
}
@media (max-width: 1210px) {
#maisons .elem img {
width: 135px;
height: 135px;
}
#maisons .elem .txt {
padding-left: 30px;
}
}
@media (max-width: 1170px) {
#maisons .container {
flex-direction: column;
gap: 40px;
align-items: center;
text-align: center;
}
#maisons .container > div.droite {
width: 100%;
max-width: 570px;
}
#maisons .container > div.gauche {
width: 100%;
max-width: 545px;
margin-right: 0;
}
}
@media (max-width: 1130px) {
#footerInner {
flex-direction: column;
gap: 40px;
align-items: center;
text-align: center;
}
#footerInner .mgnright120 {
margin-right: 45px;
}
}
@media (max-width: 560px) {
footer .wp-block-group.is-nowrap {
flex-direction: column;
margin-top: 15px;
}
#footerInner .mgnright120 {
margin-right: 0;
}
footer .btn_contact > div {
flex-direction: column;
}
}
@media (max-width: 500px) {
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group), 
#wrapper div#text > figure, 
#wrapper div#text > ul, 
#wrapper div#text > .wp-block-group > .wp-block-group__inner-container, 
#wrapper div#text > p, 
#wrapper .wp-block-cover .wp-block-cover__inner-container,
#avis, #logos {
width: 87%;
}
.wp-block-spacer {
max-height: 50px;
}
.wp-block-columns + .wp-block-spacer {
max-height: 35px;
}
#container {
margin: 0px 0px 60px 0px;
}
body:not(.home) h3 {
margin-bottom: 10px;
}
td {
font-size: 14px;
}
html body {
--wp--preset--spacing--20: 5vw;
--wp--preset--spacing--30: 5vw;
--wp--preset--spacing--40: 5vw;
--wp--preset--spacing--50: 6.5vw;
--wp--preset--spacing--60: 6.5vw;
--wp--preset--spacing--70: 6.5vw;
--wp--preset--spacing--80: 45px;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 18px;
--wp--preset--font-size--large: 24px;
--wp--preset--font-size--x-large: 30px;
}
div .wp-block-cover, 
div .wp-block-cover-image {
min-height: 350px;
}
#wrapper .wp-block-gallery.columns-4 figure.wp-block-image:not(#individual-image) img,
#wrapper .wp-block-gallery.columns-3 figure.wp-block-image:not(#individual-image) img,
#wrapper .wp-block-gallery.columns-default figure.wp-block-image:not(#individual-image) img,
#wrapper .wp-block-gallery.columns-5 figure.wp-block-image:not(#individual-image) img {
height: 28vw;
}
.wp-block-columns {
margin-bottom: 1.75em;
}
#wrapper div .wpforms-field-container div.wpforms-field {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 8px;
}
#presta {
padding-top: 50px;
}
#presta .bloc {
width: 79vw;
}
h2 {
font-size: 28px;
}
#parallax p {
font-size: 24px;
}
#presta > p {
font-size: 20px;
}
#presta .ic {
margin-bottom: 25px;
}
#presta .imgs {
padding: 40px 0 62px 0;
}
h3, #agences .txt > p, #maisons .elem .txt > p:first-child {
font-size: 22px;
}
#agences .flex {
flex-direction: column;
gap: 20px;
}
#agences .img img {
height: 52vw;
}
#maisons .container {
width: 87%;
text-align: left;
}
#maisons .gauche h2 {
margin: 0 0 25px 0;
}
#maisons {
padding: 60px 0 65px 0;
}
#maisons .elem a {
position: relative;
width: 100%;
justify-content: flex-start;
margin-top: 10px;
}
#maisons .elem img {
width: 100px;
height: 100px;
}
#maisons .elem .txt > p:first-child {
font-size: 18px;
margin: 0 0 2px 0;
}
#maisons .elem a svg {
width: auto;
height: 18px;
}
#maisons .elem .txt {
padding-left: 20px;
}
#parallax {
margin-bottom: 55px;
}
#avis > div {
min-height: 440px;
margin-top: 30px;
}
#avis {
margin-bottom: 60px;
}
#logos img {
max-width: 90px;
max-height: 50px;
}
#logos .flex {
gap: 30px;
margin-top: 50px;
}
body:not(.home) #logos {
gap: 30px;
}
#logos {
margin-bottom: 65px;
}
footer a.tel {
font-size: 18px;
}
footer a.tel svg {
width: auto;
height: 22px;
}
#footerInner {
padding-bottom: 55px;
}
#wrapper .wpforms-submit-container {
text-align: center;
margin-top: 25px;
}
}
@media (max-width: 400px) {
#maisons .elem .txt {
padding: 25px;
}
#maisons .elem {
flex-direction: column;
}
#maisons .elem img {
width: 100%;
height: 56vw;
}
}