.w-checkbox {
display: block;
margin-bottom: 5px;
padding-left: 20px;
}
.w-checkbox::before {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
.w-checkbox::after {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
clear: both;
}
.w-checkbox-input {
float: left;
margin-bottom: 0px;
margin-left: -20px;
margin-right: 0px;
margin-top: 4px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
border-top-color: #3898ec;
border-bottom-color: #3898ec;
border-left-color: #3898ec;
border-right-color: #3898ec;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0px 0px 3px 1px #3898ec;
}
body {
background-color: #fdfcfb;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #333;
font-size: 1vw;
line-height: 1.6;
letter-spacing: 0em;
}
h1 {
margin-top: 0px;
margin-bottom: 0px;
font-family: Coconat, sans-serif;
color: #000;
font-size: 4.95em;
line-height: 1.2;
font-weight: 700;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-family: Coconat, sans-serif;
color: #000;
font-size: 2.08em;
line-height: 1.28;
font-weight: 400;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family: Coconat, sans-serif;
color: #000;
font-size: 2.29em;
line-height: 1.27;
font-weight: 400;
}
h4 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.88em;
line-height: 1.4;
font-weight: 700;
}
h5 {
margin-top: 0px;
margin-bottom: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Coconat, sans-serif;
color: #000;
font-size: 1.56em;
line-height: 1.33;
font-weight: 400;
text-align: center;
}
h6 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.46em;
line-height: 1.4;
font-weight: 700;
}
p {
margin-top: 0px;
margin-bottom: 0px;
font-family: Apfelgrotezk, sans-serif;
color: #000;
font-size: 1.04em;
line-height: 1.2;
cursor: default;
}
a {
font-size: 1em;
text-decoration: none;
}
label {
display: block;
margin-bottom: 0.3em;
font-size: 1.25em;
font-weight: 700;
}
blockquote {
margin-bottom: 1em;
padding: 1em 2em 1em 1.7em;
border-left: 0.3em solid #e2e2e2;
font-family: Apfelgrotezk, sans-serif;
font-size: 1.06em;
line-height: 1.2;
}
.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.container.footer-temp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container.onglets_langue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.container.onglets_menu {
display: block;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.container.services {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.container.participations {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.container.credits-clients {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 0.78em;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container.specialites.mobile {
display: none;
}
.container.index-projets {
height: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.container.projects__container {
display: block;
height: 100vh;
}
.container.styleguide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.style_item {
padding: 2em 0em;
border-bottom: 0.1em solid #bdbdbd;
}
.html {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
overflow: hidden;
width: 0px;
height: 0px;
}
.global-styles {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
}
.rich-text p {
margin-top: 0em;
margin-bottom: 1.6em;
font-size: 1.04em;
}
.rich-text h1 {
margin-top: 0em;
margin-bottom: 0.2em;
font-size: 3.28em;
}
.rich-text h2 {
margin-top: 0em;
margin-bottom: 0.2em;
font-size: 2.5em;
}
.rich-text h3 {
margin-top: 0em;
margin-bottom: 0.3em;
font-size: 2.19em;
}
.rich-text h4 {
margin-top: 0em;
margin-bottom: 0.4em;
font-size: 1.88em;
}
.rich-text h5 {
margin-top: 0em;
margin-bottom: 0.6em;
font-size: 1.67em;
}
.rich-text h6 {
margin-top: 0em;
margin-bottom: 0.7em;
font-size: 1.46em;
}
.section {
padding: 2.08em;
}
.section.page-heading {
margin-top: -1px;
padding: 0.76em 2.34em 1.54em;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.section.hero-text {
padding: 2.08em 2.6em 2.6em;
border-top: 1px none #000;
border-bottom: 1px solid #000;
}
.section.hero-text.has-border-top {
border-top-style: solid;
}
.section.border-bottom {
border-bottom: 1px solid #000;
}
.section.border-bottom.marquee {
overflow: hidden;
padding-top: 0.6em;
padding-bottom: 1.38em;
}
.section.border-bottom.marquee.mobile {
display: none;
}
.section.footer {
padding: 1.55em 2.08em 2.08em;
}
.section.footer.mobile {
display: none;
}
.section.with-padding {
padding: 5.21em;
}
.section.slider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.section.swiper2 {
display: none;
}
.section.services {
padding: 0em;
}
.section.specialites {
padding-top: 0em;
padding-bottom: 0em;
border-bottom: 1px solid #000;
}
.section.participations {
padding-top: 1.55em;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
cursor: auto;
}
.section.clients-credits {
padding: 0em;
cursor: auto;
}
.section.index-projets {
height: 100%;
padding: 0em;
}
.section.project-nav {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 5.21em;
padding: 0em;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #000;
opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.section.project-nav.visible {
opacity: 1;
}
.section.project__slider {
position: relative;
padding: 0em;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.section.project__slider.visible {
opacity: 1;
}
.section.styleguide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 1em;
}
.page-wrapper.projets {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
height: 100vh;
}
.page-wrapper.styleguide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.main-wrapper {
width: 95.78em;
}
.main-wrapper.projets-index {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.main-wrapper.en-construction {
width: 100em;
}
.main-wrapper.styleguide {
width: 100em;
}
.display-temp-page {
font-family: Coconat, sans-serif;
color: #000;
font-size: 4.95em;
line-height: 1.2;
white-space: nowrap;
}
.display-temp-page.marquee3k-display {
margin-right: 25px;
margin-left: 25px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-weight: 700;
}
.marquee3k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.footer-bloc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 30.56em;
margin-right: 2.08em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.small {
font-size: 1.04em;
}
.small.is--underlined {
text-decoration: underline;
}
.small.has-m-b {
margin-bottom: 0.1em;
}
.footer-title {
margin-bottom: 0.26em;
font-weight: 400;
}
.big {
font-family: Apfelgrotezk, sans-serif;
font-size: 1.67em;
}
.loader {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 200;
display: none;
width: 100vw;
height: 100vh;
background-color: #fff;
}
.hidden {
display: none;
}
.filter_button {
position: relative;
display: inline-block;
margin-bottom: 0px;
padding: 0.78em 1.3em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px none #000;
border-radius: 2.71em;
background-color: #fdfcfb;
-webkit-transition: all 150ms ease;
transition: all 150ms ease;
font-size: 1em;
}
.filter_button.active {
border-color: transparent;
background-color: #f2f2f2;
}
.filter_label {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
margin-bottom: 0em;
padding: 0.68em 1.3em 0.78em;
font-family: Apfelgrotezk, sans-serif;
color: #000;
font-size: 1.04em;
line-height: 1.2;
font-weight: 400;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.filter_label.transparent {
position: static;
padding: 0px 0em 0em;
opacity: 0;
}
.filter_label.transparent.is-english {
opacity: 1;
}
.filter_label.transparent.is-absolute {
position: absolute;
}
.filter_label.is-english {
opacity: 0;
}
.onglet_langue {
padding: 2.06em 1.41em 2.06em 1.56em;
border-bottom: 0.5px none #000;
background-color: #e1e1e1;
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
cursor: pointer;
}
.onglet_langue:hover {
background-color: #fff;
}
.filter_form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.filter_form-block {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 5.21em;
margin-bottom: 0px;
padding: 1.2em 2.08em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid #000;
background-color: #fdfcfb;
}
.nav_text {
display: inline-block;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 1.04em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
}
.nav_text.langue {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.nav_text.langue.fr {
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.nav_text.langue.fr.hidden {
display: none;
opacity: 0;
}
.nav_text.langue.en {
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.nav_text.langue.en.hidden {
display: none;
opacity: 0;
}
.nav_text.is-english {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.onglet_menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 15.9em;
padding: 5.16em 1.56em 5.16em 1.35em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-bottom: 1px solid #000;
background-color: #f2f2f2;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
cursor: pointer;
}
.onglet_menu:hover {
background-color: #fdfcfb;
}
.onglet_menu.w--current {
background-color: #fdfcfb;
}
.onglet_menu.disable {
background-color: #f2f2f2;
}
.sidebar {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 4.22em;
height: 100vh;
max-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-right: 1px solid #000;
}
.swiper-slide {
width: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.slide-img {
width: 100%;
}
.swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.services__list {
width: 31.25em;
padding: 1.82em 2.6em 2.6em;
border-right: 1px solid #000;
}
.services__item-home {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.services__block-vid {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.services__vid {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialites__half-block {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 1.55em;
padding-bottom: 2.55em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 1px solid #000;
}
.specialites__half-block.right {
padding-top: 1.55em;
padding-left: 2.6em;
border-right-style: none;
}
.specialites__wrapper {
padding-right: 4.06em;
}
.specialites__wrapper.right {
margin-top: 0em;
padding-right: 0em;
}
.specialites__list.is-english.is-left {
padding-top: 1.55em;
}
.specialites__item {
margin-bottom: 0.99em;
cursor: default;
}
.specialites__img-holder {
position: relative;
height: 27.4em;
margin-top: -1.55em;
margin-left: -2.08em;
padding-bottom: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid #000;
}
.specialites__heading {
margin-bottom: 0.26em;
}
.participations__p-container {
display: -ms-grid;
display: grid;
width: 100%;
margin-top: 0.7em;
grid-auto-columns: 1fr;
grid-column-gap: 0.78em;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
p#w-node-d3e24a3e-c66f-a1d0-ceea-3ae4252bee37-66133a23 {
padding-right: 2em;
}
.credits-clients__text {
display: -ms-grid;
display: grid;
padding: 1.55em 5.58em 2.08em 2.08em;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0.78em;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.has-m-t {
margin-top: 0.78em;
}
.credits-clients__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-left: 1px solid #000;
}
.credits__wrapper.has-m-t {
margin-top: 0.7em;
}
.clients__wrapper.has-m-t {
margin-top: 0.7em;
}
.clients__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.clients__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 0.26em;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
cursor: default;
}
.filters__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.filters__item {
margin-right: 0.82em;
}
.projets-index__img-block {
position: relative;
left: -0.1%;
width: 34.5em;
height: 100vh;
border-right: 1px none #000;
}
.projets-index__index {
overflow: scroll;
height: 100%;
padding: 2.08em;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.projets-index__wrapper {
position: relative;
overflow: hidden;
margin-bottom: 5em;
}
.projets-index__list {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.projets-index__item {
position: relative;
display: inline-block;
}
.projets-index__title {
position: relative;
z-index: 2;
display: inline;
font-size: 2.08em;
line-height: 1.2;
text-align: center;
}
.projets-index__img {
position: absolute;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
-o-object-fit: cover;
object-fit: cover;
height: 94.79vh;
}
.projets-index__img.mobile {
display: none;
}
.projets-index__meta {
display: none;
}
.project-nav__infos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 74.64em;
padding: 1.56em;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.project-nav__navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #e1e1e1;
}
.projects-index__link {
cursor: pointer;
}
.projects-index__link.mobile-link {
display: none;
}
.navigation-arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 3.96em;
padding-right: 1.56em;
padding-left: 1.56em;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f2f2f2;
cursor: pointer;
}
.navigation-arrow.prev {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-left: 1px solid #000;
}
.navigation-number {
width: 8.33em;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.navigation-number.swiper-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-family: Apfelgrotezk, sans-serif;
font-size: 1.04em;
line-height: 1.2;
}
.title--infos-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.infos-btn {
margin-left: 2.08em;
cursor: pointer;
}
.info-btn-txt {
text-decoration: underline;
cursor: pointer;
}
.info-btn-txt.inactive {
display: none;
}
.project-title {
line-height: 1;
}
.services-projet__wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.services-projet__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.services-projet__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 0.26em;
}
.services-projet__text {
text-transform: uppercase;
}
.services-projet__text.inactive {
display: none;
}
.services-projet__coma {
text-transform: uppercase;
}
.project-img__wrapper {
height: 100%;
}
.project-img__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.project-img__item {
width: auto;
height: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.project-img__item.swiper-slide {
height: auto;
max-width: none;
}
.project-img__img {
width: auto;
height: 94.79vh;
max-height: 100vh;
border-right: 1px solid #000;
-o-object-fit: cover;
object-fit: cover;
}
.project-vid {
height: 93.79vh;
}
.information__container {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 10;
overflow: hidden;
padding: 1.72em 5.21em 1.72em 1.56em;
border-bottom: 1px solid #000;
background-color: #fdfcfb;
-webkit-transition: all 0ms ease, height 300ms ease;
transition: all 0ms ease, height 300ms ease;
}
.information__container.padding-0 {
padding: 0em;
border-bottom-style: none;
}
.information__container.padding-0.height-0 {
height: 0px;
border-bottom-style: none;
}
.information__container.mobile {
display: none;
padding-right: 1.56em;
}
.project__information {
-webkit-transition: opacity 0ms ease;
transition: opacity 0ms ease;
}
.project__information.opacity-0 {
opacity: 0;
}
.project__information.inactive {
display: none;
}
.project__target {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.overlay-nest {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 20;
overflow: hidden;
width: 91.61em;
height: 91.61em;
border-left: 1px solid #000;
background-color: #fdfcfb;
-webkit-transform: translate(100%, 0px);
-ms-transform: translate(100%, 0px);
transform: translate(100%, 0px);
}
.overlay-close-trigger {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
z-index: 101;
display: none;
overflow: hidden;
width: 8.39em;
height: 100vh;
border-left: 1px solid #000;
background-color: rgba(253, 252, 251, 0.01);
cursor: pointer;
}
.overlay-close-trigger.mobile-close {
display: none;
}
.services__img {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
-o-object-fit: cover;
object-fit: cover;
}
.services__img.current {
opacity: 1;
}
.specialites__item-img {
margin-bottom: 0.78em;
cursor: pointer;
}
.specialites__img {
display: none;
height: 0px;
opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.specialites__img.visible {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
display: block;
height: auto;
max-height: 100%;
min-width: 100%;
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
}
.specialites__img-holder-shadow {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 2;
margin-top: 0em;
padding-bottom: 0px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: hsla(0, 0%, 100%, 0.01);
}
.specialites__img-mobile {
display: none;
height: 0px;
opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.specialites__img-mobile.visible {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
display: block;
height: auto;
max-height: 100%;
min-width: 100%;
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
}
.fraction__label {
margin-right: 10px;
}
.overlay-loader {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 50;
background-color: #fdfcfb;
}
.overlay-close-trigger-mobile {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
z-index: 101;
display: none;
overflow: hidden;
width: 8.39em;
height: 100vh;
border-left: 1px solid #000;
background-color: rgba(253, 252, 251, 0.01);
cursor: pointer;
}
.overlay-close-trigger-mobile.mobile-close {
display: none;
}
.video {
display: block;
}
.html-embed {
max-height: 100vh;
}
.html-embed.merge-vid {
max-height: 100vh;
}
.html-embed.merge-vid-2 {
max-height: 100vh;
}
.html-embed.merge-vid-3 {
max-height: 100vh;
}
.html-embed.merge-vid-4 {
max-height: 100vh;
}
.img_credits {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.paragraph {
cursor: default;
}
.link {
cursor: default;
}
.rich-text-block {
cursor: default;
}
.pointer {
cursor: pointer;
}
.project__information-en {
display: none;
-webkit-transition: opacity 0ms ease;
transition: opacity 0ms ease;
}
.project__information-en.opacity-0 {
opacity: 0;
}
.project__information-en.active {
display: block;
}
.services-projet__text-en {
display: none;
text-transform: uppercase;
}
.services-projet__text-en.active {
display: block;
}
.project__information-en-desk {
-webkit-transition: opacity 0ms ease;
transition: opacity 0ms ease;
}
.project__information-en-desk.opacity-0 {
display: none;
opacity: 0;
}
.project__information-en-desk.opacity-0.active {
display: block;
opacity: 1;
}
.project__information-en-desk.inactive {
display: none;
}
.info-btn-txt-en {
display: none;
text-decoration: underline;
cursor: pointer;
}
.info-btn-txt-en.active {
display: block;
}
.ordre-service {
display: none;
}
@media screen and (max-width: 1025px) {
body {
font-size: 0.619375em;
}
h2 {
font-size: 4.8em;
}
.container.footer-temp {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 10.67em;
grid-row-gap: 5.33em;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.container.services {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.section.page-heading {
padding: 3.07em 5.33em;
}
.section.hero-text {
padding: 5.33em;
}
.section.border-bottom.marquee {
display: none;
padding-top: 5.33em;
padding-bottom: 5.33em;
}
.section.border-bottom.marquee.mobile {
display: block;
padding-top: 3.07em;
padding-bottom: 3.07em;
}
.section.footer {
display: none;
padding: 5.33em;
}
.section.footer.mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 4em;
padding-bottom: 6.93em;
}
.display-temp-page {
font-size: 4.85em;
white-space: nowrap;
}
.display-temp-page.marquee3k-display {
margin-right: 10px;
margin-left: 10px;
}
.small {
font-size: 4.27em;
white-space: nowrap;
}
.small.is--underlined {
font-size: 4.27em;
}
.small.has-m-b {
font-size: 4.27em;
}
.footer-title {
font-size: 4.8em;
line-height: 1.39;
}
.big {
font-size: 4.27em;
}
.loader {
position: fixed;
}
.onglet_langue {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.onglet_menu {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.services__list {
width: 100%;
}
.services__block-vid {
width: 100%;
height: 46.4em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.clients__wrapper {
width: auto;
}
.clients__list {
width: auto;
}
.clients__item {
display: inline-block;
width: auto;
}
.projets-index__title {
text-align: center;
}
}
@media screen and (max-width: 1025px) {
h1 {
font-size: 4.8em;
line-height: 1.22;
}
h2 {
font-size: 4.8em;
line-height: 1.2;
}
h3 {
font-size: 4.8em;
}
p {
font-size: 4.27em;
}
.container.footer-temp {
grid-row-gap: 8em;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.container.services {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.container.credits-clients {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
grid-row-gap: 5.33em;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
img.img_credits {
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.container.specialites.desktop {
display: none;
}
.container.specialites.mobile {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.container.index-projets {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container.projects__container {
position: relative;
overflow: hidden;
height: auto;
}
.rich-text h1 {
font-size: 4.8em;
}
.rich-text h2 {
font-size: 4.85em;
}
.rich-text h3 {
font-size: 4.8em;
line-height: 1.39;
}
.section {
padding: 5.33em;
}
.section.page-heading {
padding: 5.33em;
border-bottom-style: none;
}
.section.footer.mobile {
padding-top: 5.33em;
padding-bottom: 5.33em;
}
.section.swiper1 {
display: none;
}
.section.swiper2 {
display: block;
height: 110.67em;
}
.section.services {
padding-top: 0em;
padding-right: 0em;
padding-left: 0em;
}
.section.specialites {
padding: 0em;
}
.section.participations {
padding-top: 5.33em;
border-bottom-style: none;
}
.section.clients-credits {
padding: 0em 0em 5.33em;
}
.section.project-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section.project-nav.visible {
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom-style: none;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.section.project-nav.visible.fixed-mobile {
position: fixed;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 100000;
overflow: scroll;
height: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #fdfcfb;
}
.page-wrapper {
padding-top: 0em;
}
.page-wrapper.projets {
position: relative;
}
.main-wrapper {
width: 100em;
}
.main-wrapper.projets-index {
height: auto;
}
.display-temp-page {
font-size: 4.85em;
white-space: normal;
}
.filter_button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
padding: 2.13em 3.47em 2.4em;
border-radius: 52px;
}
.filter_label {
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
opacity: 0;
}
.filter_label.transparent {
opacity: 1;
font-size: 3.2em;
}
.filter_label.transparent.is-absolute {
opacity: 0;
}
.onglet_langue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 11.73em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.filter_form {
height: 100%;
}
.filter_form-block {
position: relative;
overflow-x: scroll;
height: auto;
max-height: 17.33em;
padding: 4.53em 2.67em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-left: 0px;
border-right: 0px;
}
.nav_text {
-webkit-transform: none;
-ms-transform: none;
transform: none;
font-size: 3.2em;
}
.nav_text.is-english {
font-size: 100%;
}
.onglet_menu {
height: auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 1px solid #000;
}
.sidebar {
position: -webkit-sticky;
position: sticky;
left: auto;
width: 100em;
height: 11.73em;
max-height: 11.73em;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
border-top: 1px solid #000;
border-right-style: none;
border-left: 0px;
border-right: 0px;
}
.swiper-slide {
width: 100%;
}
.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.div-block {
overflow: hidden;
height: 110.67em;
}
.services__list {
width: 100%;
padding: 5.33em;
border-right-style: none;
border-right-width: 0px;
}
.services__item-home {
margin-bottom: 1.335em;
}
.services__block-vid {
height: 46.4em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative
}
.services__vid {
overflow: visible;
width: 102vw;
max-width: 102vw;
min-width: 102vw;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 auto;
position: absolute;
top: 0;
left: -0.5vw;
}
.heading {
line-height: 1.39;
}
.participations__p-container {
margin-top: 4.5em;
grid-row-gap: 5.33em;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.credits-clients__text {
padding-top: 0em;
padding-right: 5.33em;
padding-left: 5.33em;
grid-row-gap: 5.33em;
}
.credits-clients__img {
margin-bottom: 0em;
border-left-style: none;
border-left-width: 0px;
}
.credits__wrapper.has-m-t {
margin-top: 4.5em;
}
.clients__wrapper.has-m-t {
margin-top: 4.5em;
}
.clients__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.clients__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 0.67em;
}
.is--coma {
font-size: 3.2em;
}
.specialites__slider-txt {
width: 100%;
background-color: transparent;
}
.opacity-0 {
opacity: 0;
}
.specialites__list-txt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.specialites__list-txt.swiper-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.specialites__item-txt {
width: 80em;
padding: 5.33em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-left: 1px solid #000;
}
.specialites__item-txt.swiper-slide {
max-width: none;
}
.specialites__h3-txt {
margin-bottom: 0.26em;
}
.filters__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.filters__list {
height: auto;
}
.filters__item {
height: auto;
margin-right: 10px;
}
.projets-index__img-block {
overflow: hidden;
width: 100em;
height: 72em;
border-bottom: 1px solid #000;
border-right-style: none;
border-right-width: 0px;
}
.projets-index__index {
overflow: scroll;
padding-top: 5.33em;
padding-bottom: 12vh;
}
.projets-index__item {
margin-bottom: 1.335em;
}
.projets-index__title {
font-size: 4.8em;
}
.projets-index__img {
display: none;
}
.projets-index__img.mobile {
display: inline-block;
height: 100%;
}
.project-nav__infos {
position: relative;
overflow: scroll;
width: 100%;
padding: 5.33em 5.33em 17.060000000000002em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.project-nav__navigation {
position: fixed;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 20;
display: none;
width: 100%;
height: 11.73em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.projects-index__link {
display: none;
}
.projects-index__link.mobile-link {
display: inline-block;
}
.navigation-arrow.next.swiper-button-next {
width: 11.73em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation-arrow.prev.swiper-button-prev {
width: 11.73em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-left-style: none;
}
.navigation-number.swiper-pagination {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 3.2em;
}
.title--infos-btn {
width: 100%;
margin-bottom: 0.67em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-start;
}
.infos-btn {
display: block;
margin-left: 7em;
}
.infos-btn.w--current {
margin-left: 7em;
}
.info-btn-txt, .info-btn-txt-en {
font-size: 3.3em;
}
.project-title {
font-size: 4.8em;
max-width: 78%;
text-align: left;
}
.services-projet__wrapper {
margin-top: 0.67em;
}
.services-projet__list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.services-projet__text {
font-size: 3.2em;
white-space: nowrap;
}
.project-img__wrapper.swiper {
border-bottom: 1px solid #000;
}
.project-img__list.swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.project-img__item.swiper-slide {
width: auto;
}
.project-img__img {
width: auto;
border-bottom: 1px none #000;
-o-object-fit: contain;
object-fit: contain;
}
.information__container.padding-0.height-0 {
display: none;
}
.information__container.mobile {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 5.33em;
padding: 0em;
border-bottom-style: none;
opacity: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.information__container.mobile.visible {
opacity: 1;
}
.project__target {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.overlay-nest {
position: fixed;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 110;
display: block;
width: 100em;
height: 97vh;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
border-top: 1px solid #000;
border-left-style: none;
border-left-width: 0px;
-webkit-transform: translate(0px, 200%);
-ms-transform: translate(0px, 200%);
transform: translate(0px, 200%);
}
.overlay-close-trigger {
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: none;
width: 100em;
height: 23em;
background-color: hsla(30, 0%, 100%, 0.01);
}
.overlay-close-trigger.mobile-close {
display: block;
width: 100%;
}
.overlay-close-trigger.mobile-close.visible {
display: block;
}
.specialites__img.mobile {
position: static;
z-index: 50;
display: block;
width: 100%;
height: 100%;
max-width: none;
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
}
.specialites__item-img-mobile {
position: relative;
overflow: hidden;
width: 100em;
height: 64.27em;
padding: 0em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid #000;
border-left: 0px none #000;
}
.specialites__item-img-mobile.swiper-slide {
max-width: none;
}
.specialites__slider {
background-color: #fdfcfb;
}
.specialites__mask {
width: 100%;
}
.specialites__slide {
width: 80%;
}
.specialites__img-holder-mobile {
position: relative;
width: 100em;
height: 64.27em;
padding-right: 0px;
padding-bottom: 0px;
}
.specialites__img-mobile {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
}
.specialites__img-mobile.visible {
height: 100%;
min-height: 100%;
}
.specialites__img-mobile.mobile {
position: static;
z-index: 50;
display: block;
width: 100%;
height: 100%;
max-width: none;
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
}
.fraction__label {
display: none;
}
.overlay-close-trigger-mobile {
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: none;
width: 100em;
height: 27.2em;
background-color: hsla(30, 0%, 100%, 0.01);
}
.overlay-close-trigger-mobile.mobile-close {
display: block;
width: 100%;
}
.overlay-close-trigger-mobile.mobile-close.visible {
display: block;
}
.services-projet__text-en {
font-size: 3.2em;
white-space: nowrap;
}
.is--project-coma {
font-size: 3.2em;
}
.ordre-service {
display: none;
}
}
@media screen and (max-width: 479px) {
.container.footer-temp {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.section.index-projets {
height: 100%;
padding: 0em 2.67em 2.67em;
}
.filter_label {
font-size: 3.2em;
}
.filter_label.transparent {
font-size: 3.2em;
}
.credits-clients__img {
border-left-style: none;
border-left-width: 0px;
}
.projets-index__img-block {
height: 52em;
border-right-style: none;
border-right-width: 0px;
}
.projets-index__index {
padding-top: 5.33em;
padding-bottom: 30vh;
}
.project-nav__navigation {
display: none;
border-top-style: solid;
border-bottom-style: solid;
}
.projects-index__link {
display: none;
text-align: center;
}
.projects-index__link.mobile-link {
display: inline-block;
}
.overlay-nest {
border-left-style: none;
}
.projects {
overflow: hidden;
}
}
#w-node-d3e24a3e-c66f-a1d0-ceea-3ae4252bee37-66133a23 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
p#w-node-d3e24a3e-c66f-a1d0-ceea-3ae4252bee37-66133a23 {
padding-right: 0em !important;
}
#w-node-ddb881b2-3113-48fb-92a1-c4e076d7bc55-66133a23 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_71134a5b-1970-dcba-f78c-2f9431fc519f-66133a23 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-b2e0ba32-130f-2f03-19c1-4871c0093152-66133a23 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: stretch;
align-self: stretch;
}
#w-node-d3e24a3e-c66f-a1d0-ceea-3ae4252bee37-4d133a24 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ddb881b2-3113-48fb-92a1-c4e076d7bc55-4d133a24 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_71134a5b-1970-dcba-f78c-2f9431fc519f-4d133a24 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-b2e0ba32-130f-2f03-19c1-4871c0093152-4d133a24 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
@media screen and (max-width: 1025px) {
#w-node-_12cbf259-1b2f-0b48-4ea8-08ea1b847d2f-18133a03 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_12cbf259-1b2f-0b48-4ea8-08ea1b847d27-18133a03 {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_328b787e-7f46-e132-ca55-b74cdc09deb2-dc09dea7 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_328b787e-7f46-e132-ca55-b74cdc09deb9-dc09dea7 {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_5de9dda8-36be-0c57-5d6a-d74c245fd120-67133a4c {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_5de9dda8-36be-0c57-5d6a-d74c245fd127-67133a4c {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
}
@media screen and (max-width: 1025px) {
#w-node-_328b787e-7f46-e132-ca55-b74cdc09deb2-dc09dea7 {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
}
@media screen and (max-width: 479px) {
#w-node-_328b787e-7f46-e132-ca55-b74cdc09deb2-dc09dea7 {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
} @media screen and (min-width: 767px) and (max-width: 1025px) and (orientation:portrait) {
body.projects {
overflow: hidden !important;
}
.projets-index__img-block {
height: 50em !important;
}
.projets-index__wrapper {
margin-bottom: 20em !important;
}
.project-img__img {
height: 71vh;
height: calc(var(--vh, 1vh) * 68);
}
.infos-btn {
display: block;
margin-left: 3em;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { }
@font-face {
font-family: 'Apfelgrotezk brukt';
src: url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/apfelgrotezk-brukt.woff2) format('woff2'), url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/apfelgrotezk-brukt.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Apfelgrotezk';
src: url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/apfelgrotezk-regular.woff2) format('woff2'), url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/apfelgrotezk-regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Coconat';
src: url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/coconat-boldext.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Coconat';
src: url(//lesformesassociees.com/wp-content/themes/les-formes-associes-6/assets/fonts/coconat-regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}