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: #F29100;
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: #3C3C3C;
color: #EFEFEF;
z-index: 1;
font-size: 14px;
}
#footerInner {
position: relative;
width: 90%;
max-width: 1320px;
margin: 0px auto;
padding: 50px 0px 60px 0px;
display: flex;
justify-content: space-between;
}
footer a {
color: #EFEFEF;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer .is-layout-flex a {
display: flex;
margin-right: 10px;
}
footer .wp-block-group__inner-container > p:first-child {
font-size: 16px;
font-weight: 500;
color: #F29100;
margin-top: 0;
}
#signature {
font-size: 12px;
color: #EFEFEF;
text-align: center;
padding: 25px 5%;
border-top: 1px solid #5b5b5b;
}
::selection {
background-color: #F29100;
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: #F29100;
}
#wrapper .wp-block-column > :first-child,
.wp-block-cover__inner-container > :first-child {
margin-top: 0;
}
#wrapper .wp-block-column > :last-child:not(.read_more),
#wrapper .wp-block-cover__inner-container > :last-child:not(.read_more),
#wrapper div#text .wp-block-group__inner-container > div:last-child:not(.read_more) {
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,
body.single-post #wrapperInner .pager {
width: 90%;
max-width: 1120px;
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;
} section.newsContainer {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 55px;
padding-bottom: 55px;
border-bottom: 1px solid #EFEFEF;
}
section.newsContainer .gauche {
width: 33%;
}
section.newsContainer .gauche img {
width: 100%;
height: 270px;
object-fit: cover;
border-radius: 24px;
}
section.newsContainer .gauche img[src*="logo"] {
width: auto;
height: auto;
max-height: 270px;
object-fit: contain;
border-radius: 0px;
}
section.newsContainer .droite {
width: 62%;
}
section.newsContainer .droite time {
display: block;
line-height: 1;
margin-bottom: 20px;
font-size: 13px;
font-style: italic;
}
section.newsContainer .droite .description {
line-height: 1.5em;
margin-bottom: 25px;
}
section.newsContainer .droite h2 {
margin: 0 0 15px 0;
}
section.newsContainer .droite h2 a:not(:hover) {
text-decoration: none;
}
section.newsContainer .gauche .chapoPicture.empty {
height: 270px;
background: url(//www.gpwatt.eu/wp-content/themes/gpwatt/images/logo.svg) no-repeat center center, #3C3C3C;
background-size: 80% 80%;
}
div#newsList > section:last-child {
border: none;
padding: 0 0 15px 0;
}
.pager {
text-align: center;
}
.pager > a, 
.pager > span {
margin: 0 2px;
background: #EDEDED;
padding: 3px 10px;
width: 30px;
height: 30px;
display: inline-block;
box-sizing: border-box;
text-decoration: none;
line-height: 25px;
}
.pager > a.next,
.pager > a.prev {
width: auto;
} 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: -40px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #3C3C3C;
box-shadow: 0 0 0 1px #3C3C3C, 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;
}
#wrapper div .wpforms-field-container > div.wpforms-field .wpforms-field {
padding: 24px 0 0 0;
}
#wrapper div .wpforms-field-container > div.wpforms-field:first-child {
padding-top: 0;
margin-top: -10px;
} body.error404 .title_and_bc {
min-height: initial;
}
body.error404 .widget_breadcrumb {
display: none;
}
body.error404 article {
text-align: center;
}
body:not(.home).error404 .title_and_bc h1 {
margin: 0;
} .slick-slider {
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-arrow.slick-hidden {
display: none;
}
body:not(.home) #wrapper p:not(.read_more) {
margin: 0 0 15px 0;
}
body:not(.home) #wrapper figure + *,
#wrapper .wp-block-image + p {
margin-top: 20px;
}
#wrapper .wp-block-cover .wp-block-cover__inner-container {
width: 90%;
max-width: 1120px;
}
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;
position: relative;
}
@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;
} #wrapper figure.wp-block-gallery.masonry-display {
display: block;
columns: 2;
gap: 2em;
margin: 0px;
}
#wrapper figure.wp-block-gallery.masonry-display > figure {
width: initial !important;
break-inside: avoid;
margin: 0 0 2em 0 !important;
}
#wrapper figure.wp-block-gallery.masonry-display > figure img {
width: auto !important;
max-height: none !important;
height: auto !important;
}
#wrapper figure.wp-block-gallery.masonry-display.columns-3 {
columns: 3;
}
#wrapper figure.wp-block-gallery.masonry-display.columns-4 {
columns: 4;
}
#wrapper figure.wp-block-gallery.masonry-display.columns-5 {
columns: 5;
}
#wrapper figure.wp-block-gallery.masonry-display.columns-6 {
columns: 6;
}
.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: 880px) {
section.newsContainer {
flex-direction: column-reverse;
margin-bottom: 45px;
}
section.newsContainer .gauche {
width: 100%;
margin-top: 40px;
}
section.newsContainer .droite {
width: 100%;
}
section.newsContainer .gauche img {
width: auto;
height: auto;
}
}
@media (max-width: 980px) {
#wrapper figure.wp-block-gallery.masonry-display > figure {
margin: 0 0 1.2em 0 !important;
}
#wrapper figure.wp-block-gallery.masonry-display {
gap: 1.2em;
}
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;
}
#text > .wp-block-cover[style*="padding-left"] span.wp-block-cover__background {
border-radius: 0;
}
} :root {
--wp--style--gallery-gap-default: 20px;
}
#wrapper .wp-block-gallery img {
transition: opacity 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;
} #wrapper .wp-block-column[style*="padding"]:not([style*="flex-basis"]):not(:only-child) {
flex-basis: 50%;
flex-grow: 0;
}
#wrapper .wp-block-accordion-heading__toggle-icon {
width: 40px;
height: 40px;
background: #ececec;
border-radius: 50%;
font-size: 20px;
}
#wrapper .wp-block-accordion-item:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 15px;
}
#wrapper .wp-block-accordion-heading__toggle-title {
padding-right: 30px;
}
p.read_more {
display: inline-block;
cursor: pointer;
margin-bottom: 0;
font-weight: 700;
}
p.read_more:hover {
text-decoration: underline;
}
p.read_more ~ * {
display: none;
}
@media (min-width: 981px) { figure.posabs {
position: absolute;
left: 0;
top: -135px;
bottom: -135px;
width: 100%;
}
figure.posabs img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-cover.overflow-visible {
overflow: visible;
margin: 55px 0;
} #text > .wp-block-cover[style*="padding-left"] {
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 60px;
}
} #wrapper .wp-block-columns[style*="9999px"] > .wp-block-column[style*="padding"] {
align-items: center;
}
#wrapper .wp-block-columns[style*="9999px"] > .wp-block-column[style*="padding"] > * {
width: 70%;
}
#video {
width: 90%;
max-width: 1320px;
margin: 0 auto 105px;
display: flex;
justify-content: space-between;
}
#video .txt {
background: #FFFFFF;
border-radius: 48px;
box-sizing: border-box;
padding: 50px;
width: 32.5%;
align-content: center;
}
#video .video {
width: 66%;
border-radius: 48px;
overflow: hidden;
position: relative;
}
#video .txt > :last-child {
margin: 80px 0 0 0;
}
#video .video img {
width: 100%;
height: 100%;
object-fit: cover;
}
#video .video svg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
cursor: pointer;
}
#video iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#steps {
width: 90%;
max-width: 1320px;
margin: 0 auto 395px;
background: #FFFFFF;
box-sizing: border-box;
padding: 60px;
position: relative;
border-radius: 48px;
}
#steps > .flex {
display: flex;
justify-content: space-between;
margin: 60px 20px 0;
text-align: center;
}
#steps .ic {
width: 140px;
height: 140px;
background: #f6b451;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0px 20px 25px rgba(0,0,0,0.1), 0px 8px 10px rgba(0,0,0,0.1);
margin: 0 auto 35px;
transition: 0.25s;
}
#steps .num {
cursor: pointer;
position: relative;
}
#steps .num p {
max-width: 184px;
line-height: 1.45em;
color: #949494;
transition: 0.25s;
}
#steps .chiffre {
display: block;
line-height: 1;
font-size: 38px;
font-weight: 500;
margin-bottom: 25px;
color: #f6b451;
transition: 0.25s;
}
#steps > .flex .num:not(:last-child):after {
content: '';
width: 52px;
height: 6px;
border-radius: 99px;
background: #F29100;
position: absolute;
top: 130px;
right: -55px;
}
#steps .num.active .ic {
background: #F29100;
}
#steps .num.active p {
color: #3C3C3C;
}
#steps .num.active .chiffre {
color: #F29100;
}
#steps .hidden {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: -30px;
z-index: 1;
}
#steps .hidden .bloc:not(.active) {
opacity: 0;
visibility: hidden;
top: 20px;
}
#steps .bloc {
width: 800px;
background: #FFFFFF;
border-radius: 24px;
box-shadow: 0 25px 50px rgba(0,0,0,0.25);
position: absolute;
left: -40px;
top: 0;
transition: 0.3s;
opacity: 1;
}
#steps .bloc .inner {
display: flex;
overflow: hidden;
padding: 35px 30px 30px 30px;
position: relative;
border-radius: 24px;
}
#steps .bloc .inner:after {
content: '';
width: 100%;
height: 5px;
background: #F29100;
position: absolute;
left: 0;
top: 0;
}
#steps .bloc .inner img {
width: 46%;
flex-shrink: 0;
margin-left: 45px;
border-radius: 14px;
object-fit: cover;
height: auto;
max-height: 280px;
}
#steps .bloc .flex {
display: flex;
margin-bottom: 22px;
align-items: center;
}
#steps .bloc .txt {
padding: 10px;
}
#steps .bloc .flex .num {
cursor: initial;
width: 64px;
height: 64px;
background: #F29100;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
flex-shrink: 0;
margin-right: 20px;
font-size: 24px;
}
#steps .bloc .titre {
font-size: 20px;
font-weight: 500;
display: block;
line-height: 1.25em;
color: #F29100;
}
#steps .bloc p {
line-height: 1.45em;
margin: 0;
}
#steps .bloc:before {
content: '';
display: block;
height: 25px;
width: 25px;
background-color: #F29100;
position: absolute;
top: -11px;
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
transform: rotate(135deg);
border-radius: 0 0 0 0.25em;
left: 200px;
}
#steps .hidden > :nth-child(2) {
left: 120px;
}
#steps .hidden > .bloc:nth-child(2):before {
left: 280px;
}
#steps .hidden > :nth-child(3) {
left: 275px;
}
#steps .hidden > .bloc:nth-child(3):before {
left: 370px;
}
#steps .hidden > :nth-child(4) {
left: 400px;
}
#steps .hidden > .bloc:nth-child(4):before {
left: 490px;
}
#steps .hidden > :nth-child(5) {
left: 565px;
}
#steps .hidden > .bloc:nth-child(5):before {
left: 570px;
}
#map {
background: #3C3C3C;
color: #FFFFFF;
padding: 100px 0;
}
#map .flex {
width: 90%;
max-width: 1320px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#map .txt {
width: 49%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
#map .img {
width: 45%;
position: relative;
}
#map .img img:first-child {
width: 100%;
height: auto;
border-radius: 24px;
} #map .txt p {
color: #D1D5DC;
}
#map h2 {
margin: 0 0 25px 0;
}
#real {
background: #3C3C3C;
padding-bottom: 110px;
}
#real h2 {
color: #FFFFFF;
margin: 0;
padding: 0 0 50px 100px;
}
#real .slick:not(.slick-initialized) {
display: flex;
}
#real .slick {
position: relative;
padding-left: 100px;
}
#real .item {
width: 350px;
flex-shrink: 0;
margin-right: 25px;
border-radius: 24px;
overflow: hidden;
position: relative;
}
#real .item .img {
height: 330px;
position: relative;
}
#real .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#real .item .img .lieu {
position: absolute;
left: 16px;
bottom: 16px;
background: #FFFFFF;
font-size: 13px;
font-weight: 500;
border-radius: 99px;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 15px 10px 13px;
line-height: 1.2em;
}
#real .item .infos {
background: #FFFFFF;
padding: 25px;
box-sizing: border-box;
height: calc(100% - 330px);
}
#real .item .ic {
width: 64px;
height: 64px;
background: #F29100;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-right: 15px;
}
#real .item div.titre {
display: flex;
align-items: center;
}
#real .item span.titre {
font-size: 20px;
line-height: 1.25em;
font-weight: 500;
display: block;
}
#real .item .puissance p {
font-size: 14px;
color: #6A7282;
margin: 0;
line-height: 1.2em;
}
#real .item .puissance {
display: flex;
justify-content: space-between;
margin-top: 22px;
}
#real .item .puissance p:last-child {
color: #F29100;
font-size: 18px;
font-weight: 700;
}
#real span.arrow {
width: 48px;
height: 48px;
border: 2px solid #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s;
border-radius: 50%;
box-sizing: border-box;
position: absolute;
top: -93px;
right: calc(50vw - 667px);
cursor: pointer;
z-index: 1;
}
#real span.arrow.prev {
margin-right: 60px;
transform: rotate(180deg);
}
#real span.arrow.slick-disabled {
border-color: #6b6b6b;
pointer-events: none;
}
#real span.arrow.slick-disabled path {
stroke: #6b6b6b;
}
#real .slick-list {
overflow: visible;
}
#cert {
text-align: center;
padding: 85px 0 110px 0;
width: 90%;
max-width: 1000px;
margin: 0 auto;
}
#cert .flex {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
@media (min-width: 501px) {
#cert .flex + .flex {
display: none;
}
}
#cert .item {
width: 31.5%;
background: #FFFFFF;
border-radius: 16px;
position: relative;
padding: 60px 30px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
#cert .item span {
color: #6A7282;
font-size: 14px;
position: absolute;
left: 25px;
right: 25px;
bottom: 25px;
}
#cert .item img {
width: 100%;
height: 120px;
object-fit: contain;
max-width: 180px;
}
#cert p {
color: #4A5565;
}
#invest {
width: 90%;
max-width: 1180px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
#invest .droite {
width: 50%;
}
#invest .gauche {
width: 43%;
}
#invest .droite img {
width: 100%;
height: 490px;
object-fit: cover;
border-radius: 24px;
}
#invest h2 {
margin: 0 0 35px 0;
}
#invest .ic {
width: 48px;
height: 48px;
background: #F0E6D8;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: -5px;
bottom: -5px;
margin: auto;
}
#invest .icones p {
font-size: 16px;
color: #3C3C3C;
line-height: 1.5em;
margin: 0;
}
#invest .icones p:first-of-type {
font-size: 14px;
color: #4A5565;
}
#invest .icones {
position: relative;
padding-left: 60px;
margin-top: 25px;
}
#page #invest a.wp-block-button__link {
margin-top: 40px;
} #page #invest a.wp-block-button__link {
background: #F29100;
}
#page #invest a.wp-block-button__link path,
#page a.wp-block-button__link.has-orange-background-color path {
stroke: #F29100;
}
#page #invest a.wp-block-button__link .btn_ic,
#page a.wp-block-button__link.has-orange-background-color .btn_ic {
background: #3C3C3C;
}
#page #invest a.wp-block-button__link:hover,
#page a.wp-block-button__link.has-orange-background-color:hover {
background: #3C3C3C !important;
color: #F29100;
}
#page #invest a.wp-block-button__link:hover .btn_ic,
#page a.wp-block-button__link.has-orange-background-color:hover .btn_ic {
background: #F29100;
}
#page #invest a.wp-block-button__link:hover path,
#page a.wp-block-button__link.has-orange-background-color:hover path {
stroke: #3C3C3C;
}
#wrapper .wp-block-image img,
.border-radius,
.wp-block-column .wp-block-cover,
.wp-block-columns.colonnes_colles:not([style*="9999"]),
.wp-block-columns:not(.colonnes_colles) .wp-block-column.has-background,
.wp-block-columns.has-background,
.wp-block-cover.overflow-visible span.wp-block-cover__background {
border-radius: 24px;
overflow: hidden;
}
#wrapper .colonnes_colles .wp-block-image img,
#wrapper .wp-block-image.is-style-default img {
border-radius: 0;
}
div#text > .wp-block-columns[style*="max-width:9999px"] > :first-child:nth-last-child(2) > figure > img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
div#text > .wp-block-columns[style*="max-width:9999px"] > :first-child:nth-child(2) > figure > img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@media (max-width: 781px) {
div#text > .wp-block-columns[style*="max-width:9999px"] > :first-child:nth-last-child(2) > figure > img {
border-radius: 0;
}
#wrapper .wp-block-columns[style*="9999px"] > .wp-block-column[style*="padding"] > * {
width: 100%;
}
}
div :where(.wp-block-cover-image.is-light:not(.has-text-color)),
div :where(.wp-block-cover.is-light:not(.has-text-color)) {
color: #3C3C3C;
}
@media (max-width: 1200px) {
#video .txt {
padding: 40px;
width: 325px;
flex-shrink: 0;
border-radius: 24px;
}
#video .video {
width: calc(100% - 350px);
border-radius: 24px;
}
}
@media (max-width: 850px) {
#video {
flex-direction: column;
gap: 6.5vw;
}
#video .txt {
padding: 30px;
width: 100%;
}
#video .txt > :last-child {
margin: 25px 0 0 0;
}
#video .video {
width: 100%;
}
}
@media (max-width: 1480px) {
#steps .hidden > :nth-child(5) {
left: auto;
right: 0;
}
#steps .hidden > .bloc:nth-child(5):before {
left: auto;
right: 155px;
}
#steps .bloc {
left: 0;
}
#steps .bloc:before {
left: 160px;
}
#steps > .flex {
container-type: inline-size;
}
#steps > .flex .num:not(:last-child):after {
left: 100%;
width: calc((100cqw - (184px * 5)) / 4);
}
#steps {
padding: 60px 25px;
}
}
@media (max-width: 1200px) {
#steps {
padding: 60px 30px 65px 30px;
border-radius: 24px;
margin-bottom: 70px;
}
#steps > .flex,
#steps .bloc:before {
display: none;
}
#steps > :not(div) {
text-align: center;
}
#steps .hidden {
top: 0;
position: relative;
margin-top: -10px;
}
#steps .bloc {
position: relative;
margin: 45px auto 0;
width: 100%;
max-width: 800px;
}
#steps .hidden > :nth-child(2), #steps .hidden > :nth-child(3), #steps .hidden > :nth-child(4) {
left: 0;
}
#steps .hidden .bloc:not(.active) {
opacity: 1;
visibility: visible;
top: 0;
}
}
@media (max-width: 850px) {
#steps {
width: 100%;
border-radius: 0;
padding: 60px 6.5vw 65px;
margin-bottom: 0;
}
#steps .bloc .inner {
flex-direction: column;
}
#steps .bloc .txt {
padding: 0;
}
#steps .bloc .inner img {
width: 100%;
margin: 25px 0 0 0;
max-height: initial;
}
}
@media (max-width: 1000px) {
#map .flex {
width: 87%;
flex-direction: column;
gap: 6.5vw;
}
#map .txt {
width: 100%;
}
#map .txt > div {
margin-bottom: 15px;
}
#map .img {
width: 100%;
}
}
@media (max-width: 1520px) {
#real h2, #real .slick {
padding-left: 6.5%;
}
}
@media (max-width: 820px) {
#cert .flex {
flex-direction: column;
align-items: center;
gap: 6.5vw;
}
#cert .item {
width: 100%;
max-width: 240px;
}
}
@media (max-width: 1090px) {
#invest {
flex-direction: column;
gap: 6.5vw;
}
#invest .gauche {
width: 100%;
}
#invest .droite {
width: 100%;
}
#invest .droite img {
height: 56vw;
}
#footerInner {
width: 87%;
flex-direction: column;
align-items: center;
text-align: center;
gap: 35px;
padding-bottom: 40px;
}
footer .is-layout-flex {
justify-content: center;
}
}
@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, 
body.single-post #wrapperInner .pager,
#wrapper .wp-block-cover .wp-block-cover__inner-container,
#video, #invest {
width: 87%;
}
.wp-block-spacer {
max-height: 50px;
}
#wrapper p + .wp-block-spacer {
margin-top: -5px;
}
#container {
margin: 0px 0px 60px 0px;
}
body:not(.home) h3 {
margin-bottom: 10px;
}
.pager > a, .pager > span {
font-size: 13px;
}
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: 6.5vw;
--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;
}
div .wp-block-cover {
padding-left: 0 !important;
padding-right: 0 !important;
}
#wrapper figure.wp-block-gallery.masonry-display.columns-5,
#wrapper figure.wp-block-gallery.masonry-display.columns-4,
#wrapper figure.wp-block-gallery.masonry-display.columns-3 {
columns: 2;
}
#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 .wpforms-container .wpforms-submit-container {
text-align: center;
margin: 25px 0 15px 0;
}
#wrapper div .wpforms-field-container div.wpforms-field {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 8px;
}
#wrapper div .wpforms-field-container > div.wpforms-field .wpforms-field {
padding: 16px 0 0 0;
}
#video .video svg {
width: auto;
height: 50px;
}
#video {
margin-bottom: 65px;
}
#map {
padding: 55px 0 60px 0;
}
#real h2 {
padding-bottom: 25px;
}
#real .item {
width: 75vw;
}
#real .item span.titre {
font-size: 16px;
}
#real .item .ic {
width: 55px;
height: 55px;
}
#real .item .ic img {
width: auto;
height: 40px;
}
#real .item .img .lieu {
max-width: calc(100% - 32px);
box-sizing: border-box;
}
#real .item .infos {
min-height: 154px;
}
#real .item .img {
height: 75vw;
}
#real {
padding-bottom: 65px;
}
#cert {
padding: 50px 0 60px 0;
}
#cert .item img {
height: 100px;
max-width: 160px;
}
#cert .flex {
flex-direction: row;
will-change: transform;
gap: 0;
margin-top: 20px;
animation: marquee 8s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
#cert .marquee {
display: flex;
}
#cert > :not(div) {
padding: 0 6.5%;
}
#cert .item {
flex-shrink: 0;
width: 200px;
padding: 20px;
height: 200px;
margin-right: 6.5vw;
}
#invest h2 {
margin: 0 0 15px 0;
}
footer .is-layout-flex {
margin: -15px 0 10px 0;
}
}