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: #6B9BD2;
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;
z-index: 1;
background: #FFFFFF;
color: #131210;
border-top: 1px solid #dddddd;
overflow: hidden;
}
footer > svg {
position: absolute;
bottom: -2px;
z-index: -1;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
}
#footerInner {
position: relative;
text-transform: uppercase;
width: 90%;
max-width: 1120px;
margin: 0px auto;
padding: 60px 0px 40px 0px;
display: flex;
justify-content: space-between;
}
footer p {
margin: 0 0 15px 0;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
#signature {
font-size: 12px;
text-align: center;
padding: 0 5% 25px 5%;
}
#footerInner > div:last-child > div {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
footer .is-layout-flex {
align-items: flex-start;
}
#footerInner a.bleu {
border: 2px solid #131210;
padding: 16px 28px 14px 28px;
color: #131210;
background: none;
}
#footerInner a.bleu:hover {
color: #FFFFFF;
}
::selection {
background-color: #6B9BD2;
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: #6B9BD2;
}
#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):not(#logos):not(#frise_chrono),
#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: 1160px;
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;
}
.wp-block-columns.gap60,
.gap60 {
gap: 60px;
}
.wp-block-columns.gap70,
.gap70 {
gap: 70px;
}
.wp-block-columns.gap80,
.gap80 {
gap: 80px;
}
.wp-block-columns.gap90,
.gap90 {
gap: 90px;
}
.wp-block-columns.gap100,
.gap100 {
gap: 100px;
} section.newsContainer {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 65px;
padding-bottom: 65px;
border-bottom: 1px solid #EFEFEF;
}
section.newsContainer .gauche {
width: 33%;
}
section.newsContainer .gauche img {
width: 100%;
height: 270px;
object-fit: cover;
border-radius: 16px;
}
section.newsContainer .gauche img[src*="logo"],
section.newsContainer .gauche img[src*="Logo"],
section.newsContainer .gauche img[src*="LOGO"] {
width: auto;
object-fit: contain;
border: 1px solid #dfdfdf;
padding: 35px;
box-sizing: border-box;
height: 270px;
}
section.newsContainer .droite {
width: 62%;
flex-direction: column;
display: flex;
align-items: flex-start;
}
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.mits-france.fr/wp-content/themes/mits/images/logo-noir-v2.svg) no-repeat center center, #E9F1FB;
background-size: 75% auto;
border-radius: 16px;
}
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: -25px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #131210;
box-shadow: 0 0 0 1px #131210, 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 .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 + *:not(.wp-block-spacer),
#wrapper .wp-block-image + p {
margin-top: 20px;
}
#wrapper .wp-block-cover:not(.cover-inner-full-width) .wp-block-cover__inner-container {
width: 90%;
max-width: 1160px;
}
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: 55px;
}
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;
}
} :root {
--wp--style--gallery-gap-default: 20px;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 25px;
--wp--preset--font-size--x-large: 32px;
}
#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: 34px;
font-weight: 400;
}
#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 30px;
}
} #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%;
}
a.btn_rond,
#exp .item a,
#real .item > :last-child a,
#page .wp-block-cover.bloc a.wp-block-button__link,
#page div.btn_rond > a.wp-block-button__link,
#wrapper .real a.wp-block-button__link,
#wrapper .wp-block-query > ul.container_real > li > a,
#exp .txt .inner > p:last-of-type a {
background: #6B9BD2 !important;
width: 40px;
height: 40px;
position: relative;
display: flex;
align-items: center;
border-radius: 9999px;
overflow: hidden;
transition: 0.4s;
text-decoration: none;
gap: 0;
padding: 0;
text-transform: initial;
font-weight: 400;
color: #131210;
word-break: initial;
font-size: 16px;
white-space: nowrap;
}
@media (min-width: 1150px) {
a.btn_rond:hover,
#exp .item a:hover,
#real .item > :last-child a:hover,
#exp h3:hover + p a,
#page .wp-block-cover.bloc a.wp-block-button__link:hover,
#page div.btn_rond > a.wp-block-button__link:hover,
#wrapper .real a.wp-block-button__link:hover,
#wrapper .wp-block-query > ul.container_real > li > a:hover,
#exp .txt .inner > p:last-of-type a:hover {
width: 135px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
}
a.btn_rond svg,
#exp .item a svg,
#real .item > :last-child a svg,
#page .wp-block-cover.bloc a.wp-block-button__link svg,
#page div.btn_rond > a.wp-block-button__link svg,
#wrapper .real a.wp-block-button__link svg,
#wrapper .wp-block-query > ul.container_real > li > a svg,
#exp .txt .inner > p:last-of-type a svg {
flex-shrink: 0;
width: 40px;
}
#page div.btn_rond > a.wp-block-button__link > svg:nth-child(2),
#wrapper .real a.wp-block-button__link > svg:nth-child(2),
#real .item > :last-child a > svg:nth-child(2) {
display: none;
}
#sol {
background: #E9F1FB;
padding: 85px 0 90px 0;
overflow: hidden;
position: relative;
}
#sol > .txt {
width: 90%;
max-width: 1100px;
margin: 0 auto 40px;
box-sizing: border-box;
padding-right: 130px;
}
#sol .item {
width: 31%;
background: #FFFFFF;
border-radius: 16px;
margin-right: 40px;
flex-shrink: 0;
height: auto;
float: none;
}
#sol .slick {
width: 90%;
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
}
#sol .item .img {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
height: 170px;
overflow: hidden;
position: relative;
}
#sol .item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s;
}
#sol .item:has(a:hover) img {
transform: scale(1.1);
filter: brightness(0.85);
}
#sol .item .txt {
padding: 15px 35px 90px 35px;
position: relative;
box-sizing: border-box;
height: calc(100% - 170px);
} #sol .item a.btn_rond {
position: absolute;
left: 35px;
bottom: 35px;
}
#sol .slick:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
#sol .slick-list {
cursor: grab;
margin-right: -40px;
}
#sol .slick-track {
display: flex;
}
ul.slick-dots {
margin: 30px 0 0 2px;
display: flex;
}
ul.slick-dots li:before {
display: none;
}
ul.slick-dots li {
width: 35px;
height: 14px;
margin-right: 10px;
line-height: 1;
cursor: pointer;
}
ul.slick-dots li:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 2px;
border-radius: 2px;
background: #C5C5C5;
}
ul.slick-dots li.slick-active:after {
background: #322E2F;
}
ul.slick-dots li button {
opacity: 0;
}
#besoin {
background: #E9F1FB;
padding: 0 0 110px 0;
position: relative;
}
#besoin > svg {
position: absolute;
left: 0;
top: -140px;
pointer-events: none;
}
#besoin .c {
background: #FFFFFF;
border-radius: 24px;
margin: 0 100px;
position: relative;
display: flex;
justify-content: space-between;
padding: 80px;
}
#besoin .c > div {
width: calc(50% - 10px);
}
#besoin .img,
#besoin .txt {
background: #EDEDED;
border-radius: 16px;
}
#besoin .imgs {
height: 630px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
#besoin .txt {
padding: 100px;
box-sizing: border-box;
flex-direction: column;
display: flex;
justify-content: center;
align-items: flex-start;
}
#besoin .txt p:last-child a {
margin-top: 80px;
}
#besoin .imgs .img:nth-child(1),
#besoin .imgs .img:nth-child(2) {
height: calc(50% - 10px);
margin-right: 20px;
}
#besoin .imgs .img:nth-child(3) {
height: calc(65% - 10px);
}
#besoin .imgs .img:nth-child(4) {
height: calc(35% - 10px);
align-items: flex-end;
}
#besoin .img {
width: calc(50% - 10px);
display: flex;
align-items: center;
justify-content: center;
}
#besoin .img img {
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
}
#besoin .imgs .img:nth-child(4) img {
max-height: 90%;
}
#projet {
background: #E9F1FB;
position: relative;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
margin-bottom: 105px;
padding-bottom: 90px;
}
#projet .c {
background: #6B9BD2;
width: 90%;
max-width: 945px;
text-align: center;
margin: 0 auto;
border-radius: 16px;
box-sizing: border-box;
padding: 35px 160px 40px 160px;
color: #322E2F;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
#projet > img {
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
}
#projet .c p:last-child a {
margin-top: 15px;
}
#projet .c h2 {
max-width: 440px;
}
#exp {
position: relative;
}
#exp > svg {
position: absolute;
right: 0;
bottom: -200px;
transform: rotate(180deg);
z-index: -1;
}
#exp .flex {
width: 90%;
max-width: 1120px;
margin: 0 auto 105px;
display: flex;
justify-content: space-between;
}
#exp .txt {
width: 35%;
}
#exp .liste {
width: 55%;
}
#exp .item {
position: relative;
padding-left: 135px;
min-height: 115px;
}
#exp .item:not(:last-child) {
margin-bottom: 30px;
}
#exp .item .ic,
body:not(.home) .ic,
#real .item .ic {
background: #E9F1FB;
width: 115px;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
body:not(.home) .ic,
#real .item .ic {
position: relative;
width: 80px;
height: 80px;
margin: 0 20px 0 0;
flex-shrink: 0;
}
body:not(.home) .has-violet-clair-2-background-color .ic {
background: #FFFFFF;
}
#exp h3 {
color: #131210;
margin-bottom: 5px;
cursor: pointer;
}
#exp h3 {
display: inline-block;
margin: 0;
}
#exp h3 {
margin: 10px 0;
} #exp .txt .inner {
position: sticky;
top: 240px;
}
#exp .txt .inner > svg {
position: absolute;
top: -230px;
left: calc(0px - 50vw + 560px);
pointer-events: none;
}
#exp .txt .inner > p:last-of-type a {
margin-top: 20px;
}
#real {
background: #E9F1FB;
margin: 0 20px;
border-radius: 16px;
padding: 0 120px;
overflow: hidden;
}
#real > .txt {
padding: 80px 6.5%;
text-align: center;
box-sizing: border-box;
max-width: 740px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
#real > .txt :last-child a {
margin-top: 15px;
}
#real .slick:not(.slick-initialized) {
display: flex;
}
#real .item {
flex-shrink: 0;
margin: 0 15px;
width: 400px;
color: #131210;
position: relative;
}
#real .item .img {
height: 400px;
overflow: hidden;
border-radius: 16px;
margin-bottom: 15px;
}
#real .item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s;
}
#real .item:has(a:hover) .img img {
transform: scale(1.15);
}
#real ul.slick-dots {
margin: 40px auto 80px;
max-width: 1400px;
}
#real .item p:first-of-type {
text-transform: uppercase;
margin-bottom: -5px;
}
#real .slick-list {
cursor: grab;
}
#real ul.slick-dots li,
#tem ul.slick-dots li {
margin: 0 5px;
}
#real .slick {
position: relative;
max-width: 1300px;
margin: 0 auto;
}
#real .item p:last-child:not(:nth-child(2)) {
margin: 0;
}
#real span.arrow,
#tem span.arrow {
top: auto;
bottom: 0;
right: 12px;
}
#real span.arrow.prev,
#tem span.arrow.prev {
right: 65px;
}
#real .item > :last-child a {
position: absolute;
top: 25px;
right: 25px;
background: #E9F1FB !important;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
#real .item .flex {
display: flex;
align-items: center;
}
#real .item .txt > p:nth-child(2) {
font-size: 14px;
}
#real .item .ic {
background: #FFFFFF;
}
#real .item .ic img {
max-width: 70%;
max-height: 70%;
object-fit: contain;
transition: none;
}
#tem {
margin: 85px 0 100px 0;
position: relative;
}
#tem > *:not(.slick) {
width: 87%;
margin-left: auto;
margin-right: auto;
max-width: 570px;
text-align: center;
}
#tem .slick {
cursor: grab;
width: 90%;
max-width: 1100px;
margin: 45px auto 0;
position: relative;
}
#tem .slick:not(.slick-initialized) {
display: flex;
}
#tem .slick-track {
display: flex;
}
#tem .tem {
width: 337px;
margin: 0 15px;
height: auto;
float: none;
box-sizing: border-box;
border: 1px solid #6B9BD2;
border-radius: 16px;
padding: 40px;
position: relative;
background: #FFFFFF;
}
#tem p.txt {
font-size: 20px;
font-weight: 600;
color: #131210;
padding-left: 30px;
position: relative;
line-height: 1.3em;
margin: 0 0 85px 0;
}
#tem p.txt:before {
content: '“';
font-size: 35px;
font-weight: 700;
line-height: 1;
position: absolute;
left: 0;
top: 5px;
}
#tem .infos {
text-transform: uppercase;
position: absolute;
left: 40px;
right: 40px;
bottom: 38px;
}
#tem ul.slick-dots {
margin-top: 45px;
}
#tem > svg {
position: absolute;
left: 0px;
z-index: -1;
top: 0;
width: auto !important;
height: 100%;
}
#tem .slick-list {
margin: 0 -15px;
}
#tem span.arrow {
margin-right: -12px;
bottom: -15px;
}
#tem p.txt .lire-suite {
text-decoration: underline;
font-style: italic;
font-size: 16px;
cursor: pointer;
display: block;
}
#tem p.txt .lire-suite:hover {
text-decoration: none;
}
#actu {
margin: 0 20px 105px 20px;
background: #E9F1FB;
border-radius: 16px;
padding: 85px 0 100px 0;
}
#actu .flex {
width: 90%;
max-width: 1120px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#actu .txt {
width: 34%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#actu .flex .actus {
width: 59%;
display: flex;
justify-content: space-between;
}
#actu .txt p:last-child a {
margin-top: 20px;
}
#actu .news {
width: 47.5%;
box-shadow: 0 0 60px rgba(137, 160, 212, 0.3);
border-radius: 16px;
}
@media (min-width: 1101px) {
#actu .news:nth-child(3) {
display: none; }
}
#actu span.titre {
line-height: 1.2em;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 91px;
cursor: pointer;
}
#actu .news .img {
overflow: hidden;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
height: 210px;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
}
#actu .news img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s;
}
#actu .news:has(a:hover) img {
transform: scale(1.1);
filter: brightness(0.8);
}
#actu .news .infos {
background: #FFFFFF;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
box-sizing: border-box;
height: calc(100% - 211px);
padding: 35px 35px 90px 35px;
position: relative;
}
#actu .news .btn_rond {
position: absolute;
left: 34px;
bottom: 34px;
}
#actu .news img[src*="logo"],
#actu .news img[src*="Logo"],
#actu .news img[src*="LOGO"] {
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
}
#logos {
margin-bottom: 110px;
overflow: hidden;
}
#logos .flex {
display: flex;
}
#logos .inner {
flex-shrink: 0;
display: flex;
min-height: 80px;
will-change: transform;
}
#logos a {
display: flex;
align-items: center;
justify-content: center;
}
#logos a:last-child {
margin-right: 0;
}
#logos a,
#logos .inner > img {
max-width: 200px;
max-height: 80px;
margin-right: 80px;
flex-shrink: 0;
}
#logos img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
width: auto;
height: auto;
}
body.logos_bottom_charges #logos .inner,
body:not(.home) #logos .inner {
animation: marquee linear 20s infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
} @-moz-document url-prefix() {
#logos a:last-child {
margin-right: 80px;
}
}
body.is-safari #logos .inner {
animation: none;
}
body.is-safari #logos {
width: 90%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
body.is-safari #logos .inner {
flex-wrap: wrap;
flex-shrink: initial;
justify-content: center;
gap: 60px;
}
body.is-safari #logos .inner + .inner {
display: none;
}
body.is-safari #logos a,
body.is-safari #logos .inner > img {
margin-right: 0;
}
body.is-safari #logos .duplicate {
display: none;
}
@media (max-width: 1600px) {
#besoin .imgs {
height: 560px;
}
#besoin .txt p:last-child a {
margin-top: 10px;
}
#besoin .txt {
padding: 70px;
}
}
@media (max-width: 1660px) {
#sol .item {
width: 25vw;
}
}
#wrapper .wp-block-image img,
.border-radius,
.wp-block-columns:not(.colonnes_colles) .wp-block-column .wp-block-cover,
.wp-block-columns.colonnes_colles:not([style*="9999"]),
.wp-block-columns:not(.colonnes_colles):not([style*="9999"]) > .wp-block-column.has-background,
#text > .wp-block-cover[style*="padding-left"],
#text > .wp-block-cover[style*="padding-left"] span.wp-block-cover__background,
.wp-block-post-featured-image :where(img) {
border-radius: 16px;
overflow: hidden;
}
#text > .wp-block-cover[style*="padding-left"] {
overflow: initial;
}
#wrapper .colonnes_colles .wp-block-image img,
#wrapper .wp-block-image.is-style-default img {
border-radius: 0;
}
#page a.wp-block-button__link.has-violet-background-color:not(:hover),
#page a.wp-block-button__link.has-violet-clair-background-color:not(:hover),
#page a.wp-block-button__link.has-blanc-background-color:not(:hover) {
color: #131210;
}
#page a.wp-block-button__link.has-violet-background-color:not(:hover) path,
#page a.wp-block-button__link.has-violet-clair-background-color:not(:hover) path,
#page a.wp-block-button__link.has-blanc-background-color:not(:hover) path {
stroke: #131210;
}
.has-blanc-color h2 {
color: #FFFFFF;
}
h2.has-medium-font-size {
font-size: 25px !important;
}
body.home span.arrow {
width: 40px;
height: 40px;
background: #6B9BD2;
position: absolute;
top: -80px;
right: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
cursor: pointer;
transform: rotate(180deg);
}
body.home span.arrow.prev {
right: 50px;
transform: none;
}
body.home span.arrow.slick-disabled {
opacity: 0.35;
cursor: no-drop;
}
@media (min-width: 1100px) {
body.home span.arrow:not(.slick-disabled):hover {
background: #778ec4;
}
}
.chiffre_anim em {
font-style: normal;
}
.chiffre_anim sup {
font-size: 30px;
position: relative;
top: -12px;
vertical-align: top;
} @media (max-width: 1830px) {
#top > svg {
left: -50px;
}
}
@media (min-width: 1381px) and (max-width: 1670px) {
#sol > .txt, #sol .slick {
max-width: 940px;
}
#sol .item {
margin-right: 25px;
}
#sol .slick-list {
margin-right: -25px;
}
#sol > .txt {
padding-right: 190px;
}
}
@media (max-width: 1510px) {
#top > svg {
width: auto;
height: 600px;
left: -40px;
bottom: -400px;
}
}
@media (max-width: 1380px) {
#top > svg {
display: none;
}
}
svg#forme_chevron_droite,
svg#forme_chevron_gauche {
width: auto !important;
max-width: initial !important;
margin: 0 !important;
position: absolute;
right: -2px;
margin-top: -330px !important;
transform: rotate(180deg);
z-index: -1;
}
svg#forme_chevron_gauche {
right: auto;
left: -2px;
transform: none;
}
@media (max-width: 1600px) {
svg#forme_chevron_droite,
svg#forme_chevron_gauche {
height: 580px;
}
svg#forme_chevron_droite {
right: -35px;
}
svg#forme_chevron_gauche {
left: -35px;
}
#exp .txt .inner > svg {
width: auto;
height: 400px;
top: -110px;
}
}
svg#forme_complexe_gauche,
svg#forme_complexe_droite {
width: auto !important;
max-width: initial !important;
margin: -300px 0 0 0 !important;
position: absolute;
left: -2px;
z-index: -1;
pointer-events: none;
}
svg#forme_complexe_droite {
left: auto;
right: -2px;
transform: rotate(180deg);
}
svg#forme_complexe_gauchev2,
svg#forme_complexe_droitev2 {
width: auto !important;
max-width: initial !important;
margin: 0 !important;
position: absolute;
left: -5px;
z-index: -1;
pointer-events: none;
opacity: 0.5;
}
svg#forme_complexe_droitev2 {
left: auto;
right: -5px;
}
svg#forme_complexe_gauchev2 {
transform: rotate(180deg);
}
.bordure {
border: 1px solid #131210;
}
.bordure.bleu {
border-color: #6B9BD2;
}
body:not(.home) #wrapper p,
body:not(.home) #wrapper li {
line-height: 1.35em;
}
#wrapper .wp-block-cover:not(.cover-inner-full-width) .wp-block-cover__inner-container > .wp-block-columns[style*="max-width"] {
margin-left: auto;
margin-right: auto;
}
body:not(.home) .chiffre {
width: 120px;
height: 120px;
background: #E9F1FB;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto 25px;
font-weight: 600;
font-size: 50px;
color: #6B9BD2;
position: relative;
}
body:not(.home) .wp-block-group:not(:last-child) .chiffre:after {
content: '';
width: 30px;
height: 0;
border: 2px dashed #6B9BD2;
position: absolute;
left: 100%;
margin-left: 23px;
border-radius: 5px;
}
body:not(.home) .chiffre ~ * {
max-width: 180px;
}
.container_chiffres {
align-items: initial;
}
.h100 {
height: 100%;
}
#wrapper .wp-block-column > .wp-block-cover > .wp-block-cover__inner-container {
width: auto;
max-width: initial;
}
.wp-block-cover.bloc {
cursor: pointer;
}
.wp-block-cover.bloc p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 44px;
font-size: 15px;
}
.wp-block-cover.bloc h2,
.wp-block-cover.bloc h3 {
font-size: 25px;
margin: 0 0 10px 0;
font-weight: 600;
}
.wp-block-cover.bloc:hover img {
transform: scale(1.15);
}
.wp-block-cover.bloc .wp-block-group {
position: relative;
}
#wrapper .wp-block-column > .wp-block-cover.bloc > .wp-block-cover__inner-container {
position: initial;
}
.wp-block-cover.bloc .wp-block-buttons {
position: absolute;
top: 16px;
right: 16px;
}
#page .wp-block-cover.bloc a.wp-block-button__link.has-violet-clair-2-background-color,
#page div.btn_rond > a.wp-block-button__link.has-violet-clair-2-background-color,
#wrapper .real a.wp-block-button__link,
#wrapper .wp-block-query > ul.container_real > li > a {
background: #E9F1FB !important;
}
.wp-block-cover.bloc .wp-block-group .ic img {
max-width: 70%;
max-height: 70%;
object-fit: contain;
transform: none !important;
}
#page a.wp-block-button__link.has-violet-clair-2-background-color:not(:hover) path {
stroke: #131210;
}
#page a.wp-block-button__link.has-violet-clair-2-background-color:hover {
color: #FFFFFF !important;
}
#page div.btn_rond > a.wp-block-button__link.has-violet-clair-2-background-color:hover,
#page .wp-block-cover.bloc a.wp-block-button__link.has-violet-clair-2-background-color:hover {
color: #131210 !important;
}
#page div.btn_rond.grand > a.wp-block-button__link:hover {
width: 180px;
}
@media (max-width: 500px) {
#page div.btn_rond.grand > a.wp-block-button__link {
width: 180px;
}
}
#page #wrapper .container_real {
gap: 0;
row-gap: 40px;
margin-right: -3.333%;
display: flex;
flex-wrap: wrap;
}
#page #wrapper ul.container_real {
margin-right: 0;
}
#wrapper .real,
#wrapper .wp-block-query > ul.container_real > li {
width: 30%;
margin: 0 3.333% 0 0;
background: none !important;
position: relative;
cursor: pointer;
padding: 0;
box-sizing: border-box;
transition: none;
}
#wrapper .real .wp-block-buttons,
#wrapper .wp-block-query > ul.container_real > li > a {
margin: 0 !important;
position: absolute;
top: 25px;
right: 25px;
left: auto;
bottom: auto;
text-indent: 0px;
}
body:not(.home) #wrapper .real p:not(.read_more) {
margin-bottom: 5px;
}
body:not(.home) #wrapper .real p:not(.read_more):last-child {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 44px;
}
#wrapper .real > div > .wp-block-group,
#wrapper .wp-block-query > ul.container_real > li > .wp-block-group {
margin-top: 25px;
}
#wrapper .real .ic img,
#wrapper .wp-block-query > ul.container_real > li .ic img {
max-width: 70%;
max-height: 70%;
}
#wrapper ul.container_real > li > figure > img {
aspect-ratio: 1;
object-fit: cover;
}
.container_real p.wp-block-post-excerpt__more-text {
display: none;
}
#wrapper .wp-block-query > ul.container_real > li h2 {
margin: 0 0 5px 0;
}
body:not(.home) #wrapper .wp-block-query .container_real p.wp-block-post-excerpt__excerpt {
font-weight: 700;
color: #6B9BD2;
}
body:not(.home).page-id-248 #wrapper .wp-block-query .container_real p.wp-block-post-excerpt__excerpt {
color: #322E2F;
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 44px;
font-weight: 400;
}
#qsn_bloc_cata figure {
width: 200px;
position: absolute;
z-index: 0;
right: -10px;
bottom: -20px;
transform: rotate(15deg);
}
#frisev2 {
text-align: center;
color: #131210;
}
body:not(.home) #wrapper #frisev2 p.annee {
width: 110px;
height: 110px;
background: #103660;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin: 0 auto 90px;
border: 10px solid #C9DDF4;
border-radius: 50%;
font-size: 30px;
font-weight: 700;
position: relative;
}
#frisev2 .wp-block-column img {
max-height: 90px;
width: auto;
border-radius: 0px;
margin-top: 12px;
}
body:not(.home) #wrapper #frisev2 p.annee:before {
content: '';
width: 10px;
height: 10px;
background: #103660;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 175px;
border-radius: 50%;
}
body:not(.home) #wrapper #frisev2 p.annee:after {
content: '';
width: 2px;
height: 65px;
background: #103660;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 100%;
}
#page #frisev2 a.wp-block-button__link {
padding: 18px 25px 16px 25px;
background: #EDF1F8;
color: #322E2F;
text-transform: initial;
font-size: 16px;
font-weight: 400;
}
#page #frisev2 a.wp-block-button__link:hover {
color: #FFFFFF;
}
#page #frisev2 a.wp-block-button__link:not(:hover) path {
stroke: #322E2F;
}
#qsn_tabs .gauche p:after {
content: '';
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833984 10.8334L5.83398 5.83337L0.833984 0.833374' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
position: absolute;
right: 24px;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
opacity: 0;
}
#qsn_tabs .gauche p {
padding: 20px 24px;
background: #E9F1FB;
border-radius: 24px;
font-size: 20px;
color: #131210;
font-weight: 600;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
#qsn_tabs .gauche p strong {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #6B9BD2;
border-radius: 50%;
font-size: 24px;
flex-shrink: 0;
margin-right: 20px;
}
#qsn_tabs .gauche p.active {
background: #6B9BD2;
color: #FFFFFF;
}
#qsn_tabs .gauche p.active strong {
background: #FFFFFF;
}
#qsn_tabs .gauche p.active:after {
opacity: 1;
}
body:not(.home) #qsn_tabs .chiffre {
margin: 0 24px 0 0 !important;
width: 80px;
height: 80px;
background: #6B9BD2;
color: #FFFFFF;
font-size: 40px;
flex-shrink: 0;
}
body:not(.home) #qsn_tabs .chiffre:after {
display: none;
}
#qsn_tabs .chiffre + h2 {
max-width: initial;
margin: 0;
font-weight: 700;
color: #FFFFFF;
}
#qsn_tabs .droite > div {
border-radius: 24px;
}
body:not(.home) #wrapper #qsn_tabs .droite > div > div p {
opacity: 0.9;
}
body:not(.home) #wrapper #qsn_tabs .droite > div > div p:last-child {
margin-bottom: 0;
}
#wrapper #qsn_tabs .droite .wp-block-separator {
max-width: 100%;
width: 100%;
height: 2px;
margin: 50px 0 45px 0;
}
#qsn_tabs .droite > div:not(.active) {
display: none;
}
#qsn_bloc_valeurs {
border-radius: 24px;
}
#qsn_bloc_valeurs h2 {
margin: 0;
position: absolute;
left: 0;
top: 0;
color: #FFFFFF;
padding: 60px 65px;
z-index: 1;
}
#wrapper #qsn_bloc_valeurs ul li:before {
background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 8.75L4.75 4.75L0.75 0.75' stroke='%23131210' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center, #FFFFFF;
width: 24px;
height: 24px;
left: -35px;
top: 1px;
}
#wrapper #qsn_bloc_valeurs ul {
font-size: 20px;
margin: 35px 0 0 35px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 25px;
}
#qsn_bloc_valeurs .gauche {
background: #6B9BD2;
}
#qsn_bloc_valeurs .gauche img {
mix-blend-mode: luminosity;
}
#qsn_bloc_recru_actu h2 {
font-weight: 700;
margin: 0;
}
#qsn_bloc_recru_actu .ic {
width: 64px;
height: 64px;
border-radius: 50%;
background: #6B9BD2;
}
#wrapper .wp-block-query > ul {
margin: 0;
}
#wrapper .wp-block-query > ul > li:before {
display: none;
}
#wrapper .wp-block-query > ul > li {
margin-bottom: 15px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 12px;
padding: 20px;
transition: 0.3s;
}
#wrapper .wp-block-query > ul > li:hover {
background: rgba(255,255,255,0.25);
}
#wrapper .wp-block-query > ul > li h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
body:not(.home) #wrapper .wp-block-query p.wp-block-post-excerpt__excerpt {
margin: 0;
font-size: 14px;
color: #A6C6EB;
}
body:not(.home) #wrapper p.wp-block-post-excerpt__more-text {
margin-bottom: 0;
}
#wrapper .wp-block-query > ul > li a {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
text-indent: -9999px;
overflow: hidden;
}
#wrapper .actu .wp-block-query > ul > li {
background: #FFFFFF;
}
.wp-block-post-date {
font-size: 12px;
color: #6B9BD2;
line-height: 1;
margin: 15px 0;
}
body:not(.home) #wrapper .actu p.wp-block-post-excerpt__excerpt {
color: #626060;
}
#wrapper .actu .wp-block-query > ul > li:hover {
background: #ced8ea;
}
#wrapper .wpforms-uploader .modern-title {
color: transparent;
position: relative;
}
#wrapper .wpforms-uploader .modern-title:before {
content: 'Cliquez ou déposez votre fichier ici.';
color: #777777;
position: absolute;
left: 0;
right: 0;
top: 0;
}
#wrapper .mgright3333 {
margin-right: -3.333%;
}
.diapo:not(.slick-initialized) > :not(:first-child) {
display: none;
}
.diapo {
position: relative;
align-content: center; border-radius: 16px;
}
#wrapper .diapo .arrow {
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 0;
bottom: 0;
margin: auto !important;
display: flex;
align-items: center;
justify-content: center;
background: #6B9BD2;
z-index: 1;
cursor: pointer;
border-radius: 50%;
}
body:not(.home) #wrapper .diapo figure + *:not(.wp-block-spacer) {
margin-top: 0;
}
#wrapper .diapo .arrow.next {
left: auto;
right: 20px;
transform: rotate(180deg);
}
#wrapper .diapo figure {
display: flex;
align-items: center;
justify-content: center;
float: none;
height: auto;
}
.diapo .slick-track {
display: flex;
}
@media (max-width: 1180px) {
#tem > *:not(.slick) {
text-align: left;
max-width: 87%;
}
#tem .slick:not(.slick-initialized) {
max-width: 100%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
width: 100%;
box-sizing: border-box;
padding-left: 6.5%;
margin-top: 30px;
}
#tem .slick:not(.slick-initialized) .tem {
margin: 0 6.5vw 0 0;
flex-shrink: 0;
width: 60vw;
scroll-snap-align: center;
}
#tem .slick:not(.slick-initialized)::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 1120px) {
#footerInner {
width: 87%;
flex-direction: column-reverse;
align-items: center;
gap: 35px;
text-align: center;
}
#footerInner > div:last-child > div {
align-items: center;
margin-bottom: 20px;
}
footer > svg {
display: none;
}
}
@media (max-width: 800px) {
#sol > .txt {
width: 87%;
padding: 0;
}
#sol .slick-list {
margin-right: 0;
overflow: visible;
}
#sol .slick {
width: 100%;
padding-left: 6.5%;
box-sizing: border-box;
}
#sol .item .img {
height: 40vw;
}
#sol .item .txt {
height: calc(100% - 40vw);
}
}
@media (max-width: 1300px) {
#besoin .c {
width: 87%;
margin: 0 auto;
max-width: 1100px;
box-sizing: border-box;
padding: 20px;
}
}
@media (max-width: 1000px) {
#besoin .c {
flex-direction: column-reverse;
gap: 20px;
}
#besoin .imgs {
height: 90vw;
}
#besoin .c > div {
width: 100%;
}
#projet .c {
padding: 35px;
}
}
@media (max-width: 1430px) {
#exp .txt .inner > svg {
width: auto;
height: 600px;
left: -246px;
top: -195px;
}
#exp .flex {
max-width: 940px;
}
}
@media (max-width: 1300px) {
#exp .txt .inner > svg {
display: none;
}
#exp .flex {
max-width: 1120px;
}
}
@media (max-width: 900px) {
#exp .flex {
width: 87%;
flex-direction: column;
gap: 40px;
margin-bottom: 60px;
}
#exp .txt {
width: 100%;
}
#exp .liste {
width: 100%;
}
}
@media (max-width: 1500px) {
#real {
padding: 0 60px;
}
}
@media (max-width: 1150px) {
#real {
border-radius: 0;
margin: 0;
}
}
@media (max-width: 850px) {
#real .slick-list {
margin: 0 -15px;
}
#real {
padding: 0 6.5%;
}
#real .item .img {
height: 87vw;
}
#real .slick-list {
margin: 0 -15px;
}
#real span.arrow,
#real span.arrow.prev {
bottom: 60px;
left: 0;
right: 0;
margin: auto;
}
#real span.arrow.next {
left: 55px;
}
#real span.arrow.prev {
right: 55px;
}
#real .slick {
padding-bottom: 120px;
}
}
@media (max-width: 1100px) {
#actu {
margin-left: 0;
margin-right: 0;
border-radius: 0;
padding: 50px 0 65px 0;
margin-bottom: 65px;
}
#actu .flex {
width: 100%;
flex-direction: column;
gap: 40px;
}
#actu .txt {
width: 87%;
margin: 0 auto;
}
#actu .flex .actus {
width: 100%;
box-sizing: border-box;
padding-left: 6.5%;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
#actu .flex .actus::-webkit-scrollbar {
display: none;
}
#actu .news {
flex-shrink: 0;
margin-right: 6.5vw;
width: 70vw;
box-shadow: none;
scroll-snap-align: center;
}
#actu .news .img {
height: 50vw;
}
#actu .news .infos {
height: calc(100% - calc(50vw + 1px));
}
}
@media (max-width: 700px) {
#besoin > svg,
svg#forme_complexe_gauchev2,
svg#forme_complexe_droitev2,
svg#forme_chevron_droite,
svg#forme_chevron_gauche,
#exp > svg,
#tem > svg {
display: none;
}
}
@media (max-width: 980px) {
#text > .wp-block-cover[style*="padding-left"],
#text > .wp-block-cover[style*="padding-left"] span.wp-block-cover__background {
border-radius: 0;
}
}
@media (max-width: 1270px) {
.container_chiffres {
max-width: 410px;
margin: 0 auto;
}
body:not(.home) .wp-block-group:nth-child(2) .chiffre:after,
body:not(.home) .wp-block-group:nth-child(4) .chiffre:after {
display: none;
}
}
@media (max-width: 1420px) {
#wrapper .wp-block-query > ul > li h2 {
font-size: 16px;
}
body:not(.home).page-id-248 #wrapper .wp-block-query .container_real p.wp-block-post-excerpt__excerpt {
font-size: 14px;
}
}
@media (max-width: 1050px) {
#wrapper .real, #wrapper .wp-block-query > ul.container_real > li {
width: 47%;
margin: 0 2.5% 0 0;
}
#wrapper .mgright3333 {
margin-right: -2.5%;
}
}
@media (max-width: 700px) {
#wrapper .real, #wrapper .wp-block-query > ul.container_real > li {
width: 100%;
margin: 0;
}
#wrapper .mgright3333 {
margin-right: 0;
}
}
@media (max-width: 1290px) {
#wrapper .bloc_catalogue_qsn {
max-width: 1000px !important;
gap: 50px;
}
#wrapper .bloc_catalogue_qsn > div:nth-child(2) {
flex-basis: 545px !important;
flex-shrink: 0;
}
#wrapper .bloc_catalogue_qsn > div:nth-child(1) {
--wp--preset--font-size--medium: 16px;
}
}
@media (max-width: 970px) {
#wrapper .bloc_catalogue_qsn {
flex-direction: column;
gap: 40px;
}
#wrapper .bloc_catalogue_qsn > div:nth-child(2) {
flex-basis: initial !important;
align-items: center !important;
text-align: center;
}
#qsn_bloc_cata figure {
width: auto;
position: relative;
transform: none;
bottom: 0;
border-radius: 8px;
overflow: hidden;
right: 0;
margin: 15px 0 !important;
}
}
@media (max-width: 500px) {
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group):not(#logos):not(#frise_chrono), 
#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:not(.cover-inner-full-width):not(.bloc) .wp-block-cover__inner-container,
#projet .c {
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;
}
.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: 50px;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 18px;
--wp--preset--font-size--large: 22px;
--wp--preset--font-size--x-large: 28px;
}
div .wp-block-cover, 
div .wp-block-cover-image {
min-height: 350px;
}
div .wp-block-cover {
padding-left: 0 !important;
padding-right: 0 !important;
}
div .wp-block-cover.bloc {
padding: 20px !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;
display: flex;
justify-content: center;
}
#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;
}
#sol {
padding: 50px 0 70px 0;
}
#sol .item .txt {
padding: 18px 25px 75px 25px;
}
#sol .item a.btn_rond {
left: 25px;
bottom: 25px;
}
#sol .item {
margin-right: 6.5vw;
}
#besoin .c {
width: 100%;
border-radius: 0;
padding: 65px 6.5vw;
}
#besoin .txt {
padding: 35px;
}
#besoin .imgs {
height: 110vw;
}
#projet > img {
display: none;
}
#besoin {
padding-bottom: 65px;
}
#projet {
border-radius: 0;
padding-bottom: 65px;
margin-bottom: 50px;
}
#exp .item .ic {
width: 70px;
height: 70px;
}
#exp .item .ic img,
#exp .item .ic svg,
.wp-block-cover.bloc .wp-block-group .ic img,
.wp-block-cover.bloc .wp-block-group .ic svg {
height: auto;
width: auto;
max-width: 60%;
max-height: 50%;
}
#exp .item {
min-height: initial;
padding-left: 95px;
}
#exp h3 {
margin: 0;
font-size: 16px;
}
#exp .item p {
font-size: 13px;
margin: 5px 0 0 0;
}
#real > .txt :last-child a,
#actu .txt p:last-child a {
margin-top: 5px;
}
#real > .txt {
padding: 45px 0 30px 0;
text-align: left;
align-items: flex-start;
}
#real .item .txt > p:not(:first-child):not(:last-child) {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 84px;
}
#tem {
margin: 60px 0 65px 0;
}
#tem .slick:not(.slick-initialized) .tem,
#tem .tem {
width: 77vw;
padding: 30px;
}
#tem .infos {
left: 30px;
right: 30px;
bottom: 30px;
font-size: 14px;
}
#tem p.txt {
font-size: 16px;
}
#tem .slick {
margin-top: 30px;
}
#logos a,
#logos .inner > img {
max-width: 150px;
max-height: 50px;
margin-right: 50px;
}
#logos .inner {
min-height: 50px;
}
body.logos_bottom_charges #logos .inner,
body:not(.home) #logos .inner {
animation-duration: 12s;
}
#logos {
margin-bottom: 65px;
}
.wp-block-cover.bloc h2, .wp-block-cover.bloc h3 {
font-size: 20px;
}
body:not(.home) .ic, #real .item .ic {
width: 70px;
height: 70px;
margin-right: 12px;
}
.wp-block-cover.bloc {
min-height: 55vw !important;
}
.wp-block-cover.bloc p {
max-height: initial;
display: block;
}
.wp-block-cover.bloc .wp-block-cover__image-background {
filter: brightness(0.85);
}
body:not(.home) .chiffre {
width: 100px;
height: 100px;
font-size: 40px;
}
body:not(.home) .wp-block-group:not(:last-child) .chiffre:after {
margin-left: 19px;
}
.container_chiffres {
max-width: 330px;
}
body:not(.home) .chiffre ~ * {
max-width: 150px;
}
#qsn_tabs .gauche p strong {
width: 32px;
height: 32px;
font-size: 18px;
}
#qsn_tabs .gauche p {
padding: 12px;
font-size: 16px;
flex-shrink: 0;
margin: 0 15px 0 0 !important;
min-width: 50vw;
box-sizing: border-box;
scroll-snap-align: center;
}
#qsn_tabs .gauche {
display: flex;
overflow-x: scroll;
margin: -30px -6.5vw 0 -6.5vw;
scroll-snap-type: x mandatory;
padding-left: 6.5vw;
}
#qsn_tabs .gauche::-webkit-scrollbar,
#qsn_tabs .gauche p:after {
display: none;
}
#qsn_bloc_valeurs h2 {
padding: 35px;
}
#wrapper #qsn_bloc_valeurs ul {
font-size: 16px;
margin: 15px 0 10px 35px;
}
#wrapper #qsn_bloc_valeurs ul li:before {
top: -2px;
}
body:not(.home) #logos a {
width: 180px;
height: 80px;
margin-right: 6.5vw;
}
body:not(.home) #logos a img {
max-height: 60%;
}
body.is-safari #logos .inner {
gap: 35px;
}
}