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: #005029;
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: #030C08;
color: #FFFFFF;
z-index: 1;
}
#footerInner {
position: relative;
width: 90%;
max-width: 1250px;
margin: 0px auto;
padding: 70px 0px 50px 0px;
display: flex;
align-items: flex-start;
justify-content: space-between;
font-size: 14px;
}
footer a {
color: #FFFFFF;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer .wp-block-group.is-nowrap {
gap: 15px;
}
footer .wp-block-group > div > :first-child {
font-weight: 500;
margin: 0 0 30px 0;
font-size: 16px;
}
#signature {
font-size: 12px;
text-align: center;
color: #FFFFFF;
padding: 0 5% 25px 5%;
}
::selection {
background-color: #B65600;
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: #B65600;
}
#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):not(#suivi),
#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: 8px;
}
section.newsContainer .chapoPicture:has(img[src*="logo"]) {
height: 270px;
border: 1px solid #e2e2e2;
box-sizing: border-box;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
section.newsContainer .gauche img[src*="logo"] {
width: auto;
height: auto;
max-height: 270px;
max-width: 80%;
object-fit: contain;
}
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.menuiserie-mcgm.fr/wp-content/themes/mcgm/images/logo-grand.png) no-repeat center center, #F3F3F3;
background-size: auto 65%;
border-radius: 8px;
}
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: -10px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #030C08;
box-shadow: 0 0 0 1px #030C08, 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 #chapterPicture > .title_and_bc:first-child {
position: relative;
top: 0;
border: none;
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) #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;
}
@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) {
body #baguetteBox-overlay .full-image img {
max-height: 85%;
max-width: 85%;
}
#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;
}
} :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;
}
#blocs {
background: #030C08;
color: #FFFFFF;
}
#blocs .flex {
position: relative;
display: flex;
justify-content: space-between;
width: 90%;
max-width: 1040px;
margin: 0 auto;
}
#blocs .item {
width: 20.3%;
}
#blocs .item .img {
border: 1px solid #B65600;
padding: 8px;
border-radius: 50%;
}
#blocs .item img {
width: 100%;
height: 195px;
object-fit: cover;
border-radius: 50%;
}
#blocs .item h2 {
margin: 20px 0 15px 0;
}
#blocs p {
color: #9B9390;
margin-bottom: 15px;
}
#blocs > .flex:last-child {
padding: 95px 0;
align-items: center;
z-index: 1;
}
#blocs .flex > img {
width: 32%;
height: 200px;
object-fit: cover;
border-radius: 8px;
}
#blocs .flex > .txt {
width: 51%;
position: relative;
}
#blocs .flex > .txt h2 {
margin: 0 0 15px 0;
}
#blocs .flex > .txt > svg {
position: absolute;
left: -36px;
top: -15px;
z-index: -1;
}
#atelier {
width: 90%;
max-width: 1040px;
margin: 100px auto;
display: flex;
align-items: center;
justify-content: space-between;
}
#atelier .img {
width: 57%;
display: flex;
justify-content: space-between;
}
#atelier .txt {
width: 39%;
position: relative;
}
#atelier .txt svg {
position: absolute;
left: 0;
top: 15px;
}
#atelier .txt h2 {
margin: 0;
padding: 0 0 20px 90px;
max-width: 290px;
}
#atelier .img img {
height: 275px;
object-fit: cover;
border-radius: 8px;
}
#atelier .img > img:first-child {
width: 35%;
}
#atelier .img > img:last-child {
width: 61%;
}
#projet {
background: #005029;
text-align: center;
padding: 50px 0 65px 0;
color: #FFFFFF;
}
#projet .c {
width: 87%;
max-width: 420px;
margin: 0 auto;
}
#wrapper #projet a.wp-block-button__link.btn_classique {
background: #FFFFFF;
color: #005029;
}
#projet p {
color: #abb9af;
margin: 25px 0 0 0;
}
#projet .flex > a:last-child {
text-decoration: none;
color: #FFFFFF;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
}
#projet .flex {
display: flex;
align-items: center;
gap: 20px;
margin-top: 35px;
justify-content: center;
}
#wrapper #projet a.wp-block-button__link.btn_classique:hover {
background: #EFEFEF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#suivi {
background: #FFF1EB;
padding: 100px 0;
}
#suivi > div {
width: 90%;
max-width: 1040px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#suivi > div.flex {
align-items: center;
margin-bottom: 70px;
}
#suivi .flex .txt {
width: 34%;
}
#suivi .flex img {
width: 59.5%;
height: 145px;
object-fit: cover;
border-radius: 8px;
}
#suivi .flex .txt p {
border-left: 1px solid #B65600;
padding: 4px 0 0 10px;
margin-top: 25px;
}
#suivi .etapes .item {
width: 195px;
text-align: center;
position: relative;
}
#suivi .item .value {
width: 160px;
height: 160px;
background: #B65600;
color: #FFFFFF;
font-family: 'DM Serif Display';
font-size: 62px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto 25px;
}
#suivi .etapes .item p {
max-width: 180px;
margin: 0 auto;
}
#suivi > div.etapes > div:not(:last-child):after {
content: '';
width: 60px;
height: 1px;
border-bottom: 1px dashed #909B93;
position: absolute;
left: 207px;
top: 80px;
}
#real {
text-align: center;
width: 90%;
max-width: 1400px;
margin: 90px auto;
}
#real .flex {
display: flex;
justify-content: space-between;
margin: 40px 0 50px 0;
}
#real .item {
width: 31.5%;
}
#real .item img {
width: 100%;
height: 28vw;
max-height: 440px;
object-fit: cover;
border-radius: 8px;
}
#real .item p.nom {
font-size: 24px;
margin: 20px 0 0 0;
}
#real .item p.lieu {
color: #005029;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 5px;
}
#wrapper #real a.wp-block-button__link {
color: #B65600;
}
#wrapper #real a.wp-block-button__link:before,
#wrapper a.wp-block-button__link.has-marron-color:before {
border-color: #B65600;
}
#wrapper #real a.wp-block-button__link:not(:hover) path,
#wrapper a.wp-block-button__link.has-marron-color:not(:hover) path {
stroke: #B65600;
}
#wrapper #real a.wp-block-button__link:hover:before,
#wrapper a.wp-block-button__link.has-marron-color:hover:before {
background: #B65600;
}
#vert {
background: #005029;
color: #FFFFFF;
padding: 95px 0;
margin-bottom: 90px;
}
#vert .entr,
#vert .icones {
width: 90%;
max-width: 830px;
margin: 0 auto 95px;
display: flex;
justify-content: space-between;
}
@media (min-width: 901px) {
#vert .icones + .icones {
display: none;
}
}
#vert .entr {
align-items: center;
}
#vert .entr img {
width: 47%;
height: 250px;
object-fit: cover;
border-radius: 8px;
}
#vert .entr .txt {
width: 44%;
}
#vert .entr h2 {
margin: 0 0 20px 0;
}
#vert .entr p {
color: #abb9af;
}
#wrapper .entr a.wp-block-button__link {
margin-top: 20px;
}
#vert .item {
text-align: center;
width: 122px;
color: #FFF1EB;
flex-direction: column;
display: flex;
align-items: center;
gap: 10px;
}
#vert .certifs {
width: 90%;
max-width: 610px;
margin: 0 auto;
position: relative;
padding-top: 80px;
display: flex;
align-items: center;
justify-content: space-between;
color: #abb9af;
}
#vert .certifs:before {
content: '';
width: 100%;
max-width: 400px;
height: 1px;
position: absolute;
left: 0;
right: 0;
margin: auto;
background: #909B93;
top: 0;
}
#vert .certifs p {
width: 50%;
}
#vert .certifs .logos {
display: flex;
align-items: flex-end;
gap: 45px;
mix-blend-mode: hard-light;
}
#avis {
text-align: center;
padding-bottom: 100px;
width: 87%;
max-width: 1040px;
margin: 0 auto;
}
#avis > div {
min-height: 378px;
margin-top: 40px;
}
#wrapper .wp-block-image img,
.border-radius,
.wp-block-column .wp-block-cover,
.wp-block-columns.colonnes_colles,
#baguetteBox-overlay .full-image img,
.wp-block-columns.has-background,
.wp-block-columns:not(.colonnes_colles) > .wp-block-column.has-background,
p.has-background {
border-radius: 8px;
overflow: hidden;
}
#wrapper .colonnes_colles .wp-block-image img,
#wrapper .wp-block-image.is-style-default img,
#wrapper .wp-block-image img[src*="logo"],
#wrapper .wp-block-image img[src*="Logo"] {
border-radius: 0;
}
#wrapper a.wp-block-button__link.has-background:before {
display: none;
}
#wrapper a.wp-block-button__link.has-background {
padding: 13px 28px;
}
#wrapper a.wp-block-button__link.has-background:hover {
background: #046436 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#wrapper a.wp-block-button__link.has-blanc-background-color:not(:hover) {
color: #030C08;
}
.w100, .w100 * {
width: 100%;
}
.h100 {
height: 100%;
}
.wp-block-gallery .infos {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.7);
text-align: center;
pointer-events: none;
padding: 0 25px;
}
.wp-block-gallery .infos p.lieu {
color: #005029;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.wp-block-gallery .infos p.lieu span {
display: flex;
}
#wrapper .wp-block-gallery .infos p.nom {
font-size: 22px;
margin: 12px 0 5px 0;
line-height: 1.2em;
}
@media (max-width: 1150px) {
#blocs .flex {
flex-wrap: wrap;
row-gap: 50px;
}
#blocs .item {
width: 47%;
}
#blocs .item img {
height: 40.7vw;
}
}
@media (max-width: 860px) {
#blocs > .flex:last-child {
flex-direction: column;
}
#blocs .flex > img {
width: 100%;
height: 55vw;
}
#blocs .flex > .txt {
width: auto;
margin-left: 35px;
}
}
@media (max-width: 930px) {
#atelier {
flex-direction: column-reverse;
gap: 40px;
}
#atelier .txt {
width: 100%;
position: relative;
}
#atelier .img {
width: 100%;
}
#atelier .img img {
height: 44vw;
}
}
@media (max-width: 1130px) {
#suivi > div.etapes {
width: 100%;
box-sizing: border-box;
padding-left: 6.5%;
max-width: 100%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
#suivi .etapes .item {
width: 210px;
flex-shrink: 0;
margin-right: 50px;
scroll-snap-align: center;
}
#suivi > div.etapes {
justify-content: flex-start;
}
#suivi > div.etapes::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 780px) {
#suivi > div.flex {
flex-direction: column;
gap: 20px;
}
#suivi .flex .txt {
width: 100%;
}
#suivi .flex .txt p {
margin-top: 12px;
}
#suivi .flex img {
width: 100%;
height: 19vw;
}
}
@media (max-width: 1320px) {
#real .item p.nom {
font-size: 20px;
}
}
@media (max-width: 980px) {
#real {
width: 100%;
text-align: left;
}
#real .flex {
padding-left: 6.5%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
#real .flex::-webkit-scrollbar {
display: none;
}
#real .item {
flex-shrink: 0;
margin-right: 6.5vw;
width: 70vw;
scroll-snap-align: center;
}
#real .item img {
max-height: initial;
height: 70vw;
}
#real h2 {
width: 87%;
margin: 0 auto;
}
#real .item p.nom {
text-align: center;
}
#wrapper #real a.wp-block-button__link {
margin-left: 6.5%;
}
}
@media (max-width: 900px) {
#vert .entr {
flex-direction: column;
gap: 50px;
}
#vert .entr .txt,
#vert .entr img {
width: 100%;
}
#vert .entr img {
height: 55vw;
}
#vert .marquee {
display: flex;
}
#vert .item {
flex-shrink: 0;
margin-right: 50px;
width: auto;
}
#vert .icones {
flex-shrink: 0;
max-width: initial;
width: auto;
animation: marquee 20s linear infinite;
}
#vert .item p {
max-width: 125px;
}
}
@keyframes marquee {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
@media (max-width: 640px) {
#vert .certifs {
width: 87%;
flex-direction: column;
text-align: center;
gap: 20px;
}
#vert .certifs p {
width: 100%;
}
}
@media (max-width: 1030px) {
#footerInner {
flex-direction: column;
text-align: center;
align-items: center;
gap: 40px;
}
footer .wp-block-group.is-nowrap:not(:last-child) {
flex-direction: column;
justify-content: center;
}
footer .wp-block-group.is-nowrap {
justify-content: center;
}
footer .wp-block-group > div > :first-child {
margin-bottom: 15px;
}
}
@media (max-width: 500px) {
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group):not(#suivi),
#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,
#blocs .flex, #atelier, #suivi > div, #vert .entr {
width: 87%;
}
.baguetteBox-button#previous-button,
.baguetteBox-button#next-button {
display: block !important;
transform: scale(0.7);
}
.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: 7.5vw;
--wp--preset--spacing--60: 7.5vw;
--wp--preset--spacing--70: 7.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 .wpforms-container .wpforms-submit-container {
text-align: center;
margin-bottom: 15px;
}
#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;
}
#blocs .item {
width: 100%;
text-align: center;
max-width: 275px;
margin: 0 auto;
}
#blocs .item img {
height: 82.4vw;
max-height: 260px;
}
#blocs .item .img {
max-width: 260px;
max-height: 260px;
margin: 0 auto;
}
#blocs > .flex:last-child {
padding: 65px 0;
}
#atelier {
margin: 65px auto 45px;
}
#atelier .txt h2 {
padding-bottom: 8px;
}
#projet .flex {
flex-direction: column;
}
#projet .flex > a:last-child svg {
width: auto;
height: 30px;
}
#suivi {
padding: 50px 0 55px 0;
}
#suivi .item .value {
font-size: 46px;
width: 100px;
height: 100px;
}
#suivi > div.etapes > div:not(:last-child):after {
top: 52px;
}
#real {
margin: 60px auto;
}
#real .flex {
margin: 30px 0 40px 0;
}
#wrapper #real a.wp-block-button__link {
width: 218px;
margin: 0 auto;
display: block;
}
#wrapper #real a.wp-block-button__link:hover {
width: 238px;
}
#real .item p.nom {
font-size: 18px;
}
#real .item {
width: 78vw;
}
#real .item img {
height: 78vw;
}
#vert {
padding: 55px 0 60px 0;
margin-bottom: 60px;
}
#vert .entr, #vert .icones {
margin-bottom: 65px;
}
#vert .certifs {
padding-top: 45px;
margin-top: -15px;
}
#suivi .flex img {
height: 22vw;
}
#avis > div {
min-height: 430px;
margin-top: 25px;
}
#avis {
padding-bottom: 60px;
}
footer .wp-block-spacer {
min-height: 30px;
}
section.newsContainer .gauche .chapoPicture.empty {
height: 140px;
}
}
@media (max-width: 1300px) {
#wrapper .wp-block-gallery .infos p.nom {
font-size: 18px;
}
.wp-block-gallery .infos p.lieu {
font-size: 14px;
}
}
@media (max-width: 1000px) {
#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;
}
}
@media (max-width: 650px) {
#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: 1;
}
}
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
transition: opacity .5s ease
}
#baguetteBox-overlay.visible {
opacity: 1
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000000;
font-family: sans-serif
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left .4s ease, transform .4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft .4s ease-out
}
@keyframes bounceFromRight {
0%, 100% {
margin-left: 0
}
50% {
margin-left: -30px
}
}
@keyframes bounceFromLeft {
0%, 100% {
margin-left: 0
}
50% {
margin-left: 30px
}
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
color: #ddd;
font: 1.6em sans-serif;
transition: background-color .4s ease
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, .9)
}
.baguetteBox-button#next-button {
right: 2%
}
.baguetteBox-button#previous-button {
left: 2%
}
.baguetteBox-button#close-button {
top: 20px;
right: calc(2% + 6px);
width: 30px;
height: 30px
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0
}
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
animation-delay: -1s
}
@keyframes bounce {
0%, 100% {
transform: scale(0)
}
50% {
transform: scale(1)
}
}