@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
  :root {
--urbanist: "Urbanist", sans-serif;
--urbanistSemi: "Urbanist-semi", sans-serif;
--color-blue: #21b4d2;
--color-gray-lines: #f0f0f0;
--color-gray-btn: #e6e6e6;
--color-gray-txt: #c8c8c8;
--color-orange-mix-diff: #de4b2d;
}
body.no-scroll{
overflow: hidden;
}
.urbanist-medium {
font-family: var(--urbanist);
font-weight: 500;
}
.urbanist-semiBold {
font-family: var(--urbanistSemi);
font-weight: 600;
}
.reseaux__coordonnees .urbanist-semiBold{
display: none;
}
* {
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
color: black;
margin: 0;
padding: 0;
overflow-x: hidden;
background-color: white;
} body::-webkit-scrollbar {
width: 8px;
border-radius: 50px;
} body::-webkit-scrollbar-track {
} body::-webkit-scrollbar-thumb {
background-color: var(--color-blue);
border-radius: 50px;
} body::-webkit-scrollbar-thumb:hover {
}
body.noscroll{
overflow: hidden;
}
.container-wrapper {
margin: 0 auto;
width: 100%;
}
.container-global > .container-wrapper {
width: 92%;
margin: 0 4%;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
display: none;
} header {
pointer-events: none;
flex-direction: column;
padding: 1rem 0;
top: 0;
height: 9rem;
height: 100vh;
width: 92%;
margin: 0 4%;
z-index: 900; color: white;
position: relative;
z-index: 2;
}
body:after{
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
height: 82px;
z-index: 1;
transition: .5s ease;
z-index: 999999999;
}
header.header{
position: fixed;
z-index: 9999999999;
}
body.no-bg:after{
content: none;
}
header.telephone-active {
mix-blend-mode: normal;
}
header a,
header p {
pointer-events: initial;
color: var(--color-blue);
}
header .header__top {
overflow: hidden;
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
}
header .header__top .header-logo svg path {
fill: var(--color-blue);
}
header .header__top .header-logo {
grid-column: span 1 / span 1;
grid-column-start: 1;
}
header .header__top .header-logo img{
width: 44px;
opacity: 0;
}
header .header__top .container-nav-ind {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
grid-column: span 1 / span 1;
border-bottom: 1px solid transparent;
width: fit-content;
margin: 0 20px;
transition: all 250ms linear;
opacity: 0;
}
header .header__top .container-nav-ind:hover {
color: var(--color-blue);
border-color: var(--color-blue);
}
header .header__top .container-nav-ind a {
position: relative;
}
header .header__top .container-nav-ind .last {
position: absolute;
top: 105%;
}
header .header__top .header-navigation {
grid-column: span 7 / span 7;
grid-column-start: 4;
position: relative;
display: flex;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
header .header__top .header-langue {
grid-column: span 1 / span 1;
overflow: hidden;
}
header .header__top .header-langue .header-navigation-ham {
display: none;
}
header .header__bottom {
overflow: hidden;
width: 100%;
}
header .header__bottom .reseaux {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
}
header .header__bottom .reseaux__reseaux {
gap: 3rem;
grid-column: span 2 / span 2;
grid-column-start: 10;
display: none;
}
header .header__bottom .reseaux__reseaux svg * {
fill: var(--color-blue);
}
header .header__bottom .reseaux__reseaux svg #facebook-transp {
fill: transparent;
}
header .header__bottom .reseaux__coordonnees {
grid-column: span 2 / span 2;
grid-column-start: 1;
}
header .header-telephone {
display: none;
}
@media screen and (max-width: 1023px) {
header .header__top .header-navigation {
grid-column: span 7 / span 7;
grid-column-start: 5;
}
}
@media screen and (max-width: 700px) {
header .header__top {
grid-template-columns: repeat(5, minmax(0, 1fr)); }
header .header__top .header-logo {
grid-column-start: 1;
}
header .header__top .header-navigation {
display: none;
}
header .header__top .header-langue {
grid-column-start: 5;
justify-content: space-between !important;
}
header .header__top .header-langue p,
header .header__top .header-langue a {
order: 1;
}
header .header__top .header-langue .header-navigation-ham {
order: 2;
display: block;
}
header .header__top .header-langue .header-navigation-ham svg path {
fill: #000;
}
header .header-telephone {
display: none;
grid-template-columns: repeat(5, minmax(0, 1fr));
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
overflow: hidden;
background: #000;
padding: 0 2rem;
height: 100vh;
width: 100dvw;
align-content: space-between;
opacity: 0;
z-index: 2000;
}
header .header-telephone__grid {
position: fixed;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
padding: 0 2rem;
height: 100%;
width: 100%;
}
header .header-telephone__grid .bordure-tel {
border-left: 1px solid #282828;
}
header .header-telephone__grid .bordure-tel:last-child {
border-right: 1px solid #282828;
}
header .header-telephone__top {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-column: span 5 / span 5;
padding: 2rem 0 0 0;
height: -moz-fit-content;
height: fit-content;
}
header .header-telephone__top .logo-container {
grid-column: span 3 / span 3;
}
header .header-telephone__top .close-container {
grid-column: span 1 / span 1;
grid-column-start: 6;
display: flex;
justify-content: end;
align-items: center;
}
header .header-telephone__center {
display: flex;
align-items: center;
justify-content: center;
grid-column: span 5 / span 5;
height: 100vh;
width: 100%;
position: absolute;
}
header .header-telephone__center .header-navigation {
flex-direction: column;
text-align: center;
align-items: center;
}
header .header-telephone__center .header-navigation a {
color: white;
font-size: 4em;
line-height: 3rem;
margin-bottom: 3rem;
}
header .header-telephone__center .header-navigation .bouton {
width: -moz-fit-content;
width: fit-content;
}
header .header-telephone__center .header-navigation .bouton a {
color: #000;
font-size: 1.5em;
background-color: var(--color-blue);
border-radius: 24px;
padding: 1rem 1.625rem;
text-transform: uppercase;
min-width: 130px;
}
header .header-telephone__bottom {
grid-column: span 5 / span 5;
height: -moz-fit-content;
height: fit-content;
padding: 2rem 0 80px;
}
header .header-telephone__bottom .reseaux {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
header .header-telephone__bottom .reseaux__reseaux {
display: flex;
gap: 2.43rem;
margin-top: 3rem;
}
header .header-telephone__bottom .reseaux p {
color: white;
}
header .header__bottom .reseaux {
grid-template-columns: repeat(6, minmax(0, 1fr));
padding: 0 2rem;
}
header .header__bottom .reseaux__coordonnees {
display: none;
}
header .header__bottom .reseaux__reseaux {
grid-column: span 6 / span 6;
justify-content: start;
}
}
@media screen and (max-width: 450px) {
header .header-telephone__center .header-navigation a {
font-size: 2.5em;
}
header .header-telephone__center .header-navigation .bouton a {
height: -moz-fit-content;
height: fit-content;
padding: 1rem 0;
font-size: 0.875em;
line-height: 1;
}
} .position {
position: absolute;
}
.apparition-bas {
position: relative;
top: -0%;
}
.apparition-droit {
position: relative;
left: -100%;
}
.position-index {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 92%;
margin: 0 4%;
z-index: -1;
}
.position-index div {
grid-column: span 1 / span 1;
}
.bordure {
position: relative;
height: 100vh;
border-right: 1px solid var(--color-gray-lines);
pointer-events: none;
z-index: -1;
overflow: hidden;
}
.bordure:first-child {
border-left: 1px solid var(--color-gray-lines);
}
.background-animate {
position: fixed;
top: -115%;
height: 100lvh;
width: 100%;
z-index: 1000;
}
.background-animate--1 {
background-color: var(--color-gray-lines);
}
.background-animate--2 {
background-color: #14191d;
}
.no-scroll {
overflow: hidden;
}
h2 {
font-size: 5.5em !important;
line-height: 1.1em;
}
@media screen and (max-width: 1023px) {
h2 {
font-size: 3.5em !important;
}
}
@media screen and (max-width: 700px) {
.position-index {
grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media screen and (max-width: 450px) {
h2 {
font-size: 2.5em !important;
}
} #home-video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
object-fit: cover;
object-position: center;
z-index: 2;
background-color: #000;
display: none;
}
#home-video-short{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
object-fit: cover;
object-position: center;
z-index: 1;
background-color: #fff;
display: block;
}
span#x{
color: var(--color-blue);
position: absolute;
top: 120px;
right: 40px;
font-size: 30px;
font-weight: 100;
font-family: sans-serif;
z-index: 999999999;
display: none;
cursor: pointer;
}
.header-texte {
position: absolute;
margin: 45vh 0 5rem 0;
width: 100%;
z-index: 2;
}
.header-texte__container {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 92%;
margin: 0 4%;
}
.header-texte__container .bouton,
.header-texte__container .titre,
.header-texte__container .texte {
position: relative;
overflow: hidden;
}
.header-texte__container .bouton {
grid-column: span 1 / span 1;
grid-column-start: 1;
margin-top: 1.75rem;
}
.header-texte__container .bouton a {
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0.02em;
text-transform: uppercase;
background-color: var(--color-gray-btn);
border-radius: 50px;
padding: 0.75rem 3rem;
width: auto;
transition: all 250ms linear;
}
.header-texte__container .bouton a:hover {
background-color: var(--color-blue);
color: #fff;
}
.header-texte__container .bouton a svg {
margin-left: 0.625rem;
}
.header-texte__container .bouton a:hover svg * {
fill: #fff;
}
.header-texte__container .titre {
flex-direction: column;
grid-column: span 5 / span 5;
grid-column-start: 1;
}
.header-texte__container .titre img {
margin-bottom: 2rem;
width: 360px;
}
.header-texte__container .apparition-bas {
top: 109%;
}
.header-texte__container .titre h1 {
font-size: 5.5em;
line-height: 1.1em;
color: #fff;
display: none;
}
.header-texte__container .texte {
grid-column: span 2 / span 2;
grid-column-start: 10;
}
.header-texte__container .titre p {
font-size: 1.125em;
line-height: 1.5em;
color: #fff;
max-width: 400px;
width: 100%;
margin-top: 1.75rem;
}
@media screen and (max-width: 1680px) {
.header-texte {
margin: 40vh 0 2rem 0;
}
.header-texte__container .bouton {
grid-column: span 2 / span 2;
grid-column-start: 1;
order: 3;
}
.header-texte__container .titre {   }
.header-texte__container .titre h1 {
width: 100%;
}
.header-texte__container .texte { grid-column: span 3 / span 3;
grid-column-start: 9;
order: 2;
}
}
@media screen and (max-width: 1280px) {
.header-texte {
margin: 40vh 0 2.5rem 0;
}
.studio__container .container-titre p {
font-size: 18px !important;
}
}
@media screen and (max-width: 1200px) {
.header-texte__container .titre h1 {
font-size: 3.5em;
}
.header-texte__container .titre img {
margin-bottom: 0.5rem;
width: 240px;
}
.header-texte__container .texte {
grid-column: span 4 / span 4;
grid-column-start: 9;
}
.header-texte__container .titre p {
font-size: 0.875em;
}
.header-texte__container .bouton a {
padding: 1rem 2rem;
font-size: 0.8125em;
}
}
@media screen and (max-width: 768px) {
.header-texte__container .titre h1 {
font-size: 3em;
}
.header-texte__container .titre img {
width: 200px;
}
.header-texte__container .bouton {
grid-column: span 3 / span 3;
grid-column-start: 2;
}
.header-texte__container .bouton a {
padding: 0.8rem 2rem;
}
}
@media screen and (max-width: 700px) {
.header-texte {
margin: 40vh 0 2rem 0;
}
.header-texte__container {
grid-template-columns: repeat(5, minmax(0, 1fr)); }
.header-texte__container .titre {
grid-column: span 5 / span 5;
margin-bottom: 2rem;
}
.header-texte__container .texte {
grid-column: span 4 / span 4;
}
.header-texte__container .bouton {
grid-column: span 2 / span 2;
margin-top: 2rem;
}
}
@media screen and (max-width: 450px) {
.header-texte__container .titre h1 {
font-size: 2.5em;
}
.header-texte__container .titre img {
width: 175px;
}
.header-texte__container .titre p {
font-size: 0.93em;
}
.header-texte__container .bouton a {
font-size: 0.8125em;
}
}  .full-video {
height: 0;
width: 100vw;
padding-bottom: 52%;
overflow: hidden;
}
.full-video__container { opacity: 0;
position: absolute;
top: 50%;
left: -100%;
transform: translateY(-50%);
height: 45vw;
width: 45vw;
}
.full-video__container.active{
transform: translate(-50%,-50%)!important;
left: 50% !important;
}
.full-video__container video{
width: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0%;
height:  100%;	
}
.full-video svg {
display: block;
position: absolute;
opacity: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
.full-video svg {
display: block;
}
}  .home-page .container-global{
top: calc(100vh + 0px)!important;
}
.home-page .container-global > .container-wrapper {
padding: 0 0 0;
}
.home-page .container-global > .container-wrapper > section {
padding: 8.75rem 0 100px;
}
.projets {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 100%;
}
.projets h2 {
margin-bottom: 10rem;
padding-right: 10px;
}
.projets__container-gauche {
grid-column: span 3 / span 3;
grid-column-start: 1;
margin-bottom: 10.375rem;
}
.projets__container-droit {
grid-column: span 8 / span 8;
grid-column-start: 4;
}
.projets__container-droit .flex-gauche,
.projets__container-droit .flex-droit {
margin-bottom: 10.375rem;
}
.projets__container-droit a{
position: relative;
transition: all .5s ease;
opacity: 0;
overflow: hidden;
}
.projets__container-droit a .bloc-global__image{
overflow: hidden;
}
.projets__container-droit .bloc-global__texte p{
display: none;
}
.projets__container-droit a .bloc-global__image.mp4{
aspect-ratio: initial;
}
.projets__container-droit a .bloc-global__image .frame{
position: relative;
}
.projets__container-droit a .bloc-global__image .poster{
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
z-index: 2;
transition: opacity .5s ease;
opacity: 1;
}
.projets__container-droit a .bloc-global__image .frame:hover .poster{
opacity: 0;
transform: scale(0);
}
.projets__container-droit a .bloc-global__image .frame video{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.projets__container-droit a img{
transform: scale(1);
transition: all .5s ease;
}
.projets__container-droit a:hover img{
transform: scale(1.2);
}
.studio__container .container-membre .bloc-global:hover *,
.projets__container-droit a:hover * {
transition: all 250ms linear;
} .projets__container-droit a:hover * {
color: var(--color-blue);
}
.projets__container-droit .bloc-global__image {
aspect-ratio: 1;
margin-bottom: 2.5rem;
}
.projets__container-droit .bloc-global__image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.projets__container-droit .bloc-global__texte h4 {
font-size: 2em;
line-height: 1.25em;
}
a.none.more{
display: none!important;
}
a.more {
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.02em;
text-transform: uppercase;
background-color: var(--color-gray-btn);
border-radius: 50px;
padding: 0.75rem 1rem;
width: 100%;
transition: all 250ms linear;
cursor: pointer;
font-weight: 600;
}
a.more:hover {
background-color: var(--color-blue);
color: #fff;
}
a.more svg {
margin-left: 0.625rem;
display: inline;
}
a.more:hover svg * {
fill: #fff;
}
section#page{
width: 92%;
margin-left: 4%;
min-height: 100vh;
overflow: hidden;
display: grid;
padding-top: 200px;
grid-template-columns: repeat(11, minmax(0, 1fr));
}
section#page div.container{
grid-column: span 7 / span 7;
grid-column-start: 4;
position: relative;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
section.#page div.container .center{
display: flex;
flex-direction: column;
justify-content: center;
}
section#page div.container .center h1{
font-size: 32px;
font-weight: 500;
}
@media screen and (max-width: 1023px) {
.projets {
padding: 7.5rem 0;
}
.projets__container-droit {
grid-column: span 8 / span 8;
grid-column-start: 6;
}
.projets__container-droit .flex-gauche,
.projets__container-droit .flex-droit {
margin-bottom: 3.75rem;
}
.projets__container-droit .bloc-global__image {
aspect-ratio: 1;
margin-bottom: 1rem;
}
.projets__container-droit .bloc-global__image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.projets__container-droit .bloc-global__texte {
flex-direction: column;
}
.projets__container-droit .bloc-global__texte h4 {
font-size: 1.2em;
margin-bottom: 0.25rem;
}
.projets__container-droit .bloc-global__texte p {
font-size: 0.75em;
}
}
@media screen and (max-width: 700px) {
.projets {
grid-template-columns: repeat(6, minmax(0, 1fr));
padding: 4rem 0 4rem 0;
}
.projets h2 {
margin-bottom: 0;
padding-right: 5px;
}
.projets__container-gauche {
grid-column: span 6 / span 6;
grid-column-start: 1;
margin-bottom: 4rem;
}
.projets__container-droit {
grid-column: span 6 / span 6;
grid-column-start: 1;
}
.projets__container-droit .col-span-3,
.projets__container-droit .col-span-4 {
grid-column: span 6 / span 6 !important;
margin-bottom: 4rem;
width: initial!important;
right: 0!important;
}
.projets__container-droit .grid-cols-8 {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.projets__container-droit .flex-gauche,
.projets__container-droit .flex-droit {
margin-bottom: 0;
}
.projets__container-droit .bloc-global__texte {
flex-direction: row;
}
.projets__container-droit .bloc-global__texte h4 {
font-size: 1.25em;
}
}
@media screen and (max-width: 450px) {
.projets__container-droit .bloc-global__texte p {
font-size: 0.81em;
}
}  .studio {
flex-direction: column;
width: 100%;
}
.studio__container {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.studio__container .container-titre {
grid-column: span 3 / span 3;
grid-column-start: 1;
}
.studio__container .container-titre h2 {
font-size: 5.5em !important;
line-height: 1.1em;
margin-bottom: 5rem;
}
.studio__container .container-titre p {
font-size: 1.5em;
line-height: 1.5em;
}
.studio__container .container-titre p strong {
color: var(--color-blue);
}
.studio__container .container-titre br {
content: "";
display: block;
margin-bottom: 40px;
}
.studio__container .container-membre {
display: grid;
grid-column: span 7 / span 7;
grid-column-start: 5;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.studio__container .bloc-global {
margin-bottom: 6.5rem;
transition: opacity .5s ease;
}
.studio__container .bloc-global__image {
position: relative;
margin-bottom: 2.5em;
height: 37.5rem;
}
.studio__container .bloc-global__image img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.studio__container .bloc-global__image img.hover{
opacity: 0;
transition: opacity .5s ease;
}
.studio__container .bloc-global__image img.hover:hover{
opacity: 1;
}
.studio__container .bloc-global__texte h3 {
font-size: 2em;
line-height: 1.25em;
margin-bottom: 0.5rem;
}
.studio__container .bloc-global__texte h4 {
font-size: 1.125em;
line-height: 1.5em;
font-family: var(--urbanist);
font-weight: 500;
}
@media screen and (max-width: 1680px) {
.studio__container .bloc-global__image {
height: 30rem;
}
}
@media screen and (max-width: 1280px) {
.studio__container .bloc-global__image {
height: 25rem;
}
}
@media screen and (max-width: 1023px) {
.studio {
padding-bottom: 0rem;
}
.studio__container .container-titre h2 {
font-size: 3.5em !important;
margin-bottom: 3rem;
}
.studio__container .container-titre p {
font-size: 0.875em;
}
.studio__container .container-titre br {
content: "";
display: block;
margin-bottom: 24px;
}
.studio__container .container-membre .bloc-global__image {
height: 20rem;
margin-bottom: 1rem;
}
.studio__container .container-membre .bloc-global__texte h3 {
font-size: 1.2em;
margin-bottom: 0.25rem;
}
.studio__container .container-membre .bloc-global__texte h4 {
font-size: 0.75em;
}
}
@media screen and (max-width: 768px) { }
@media screen and (max-width: 700px) {
.studio__container { grid-template-columns: repeat(6, minmax(0, 1fr));
}
.studio__container .container-titre {
grid-column: span 6 / span 6;
grid-column-start: 1;
margin-bottom: 3rem;
}
.studio__container .container-titre h2 {
margin-bottom: 3rem;
}
.studio__container .container-titre p {
width: 100%;
}
.studio__container .container-titre br {
content: "";
display: block;
margin-bottom: 24px;
}
.studio__container .container-membre {
grid-column: span 5 / span 5;
grid-column-start: 1;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.studio__container .container-membre .bloc-global {
grid-column: span 6 / span 6 !important;
margin-bottom: 4rem;
}
.studio__container .container-membre .bloc-global__image {
height: 25rem;
margin-bottom: 1.5rem;
}
.studio__container .container-membre .bloc-global__texte h3 {
font-size: 1.5rem;
}
.studio__container .container-membre .bloc-global__texte h4 {
font-size: 1rem;
}
}
@media screen and (max-width: 450px) {
.studio__container .container-titre p {
font-size: 1em;
}
}   .joindre {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 100%;
}
.joindre__container-gauche {
grid-column: span 1 / span 1;
grid-column-start: 1;
}
.joindre__container-gauche h2 {
line-height: 1.5em;
}
.joindre__container-droite {
grid-column: span 8 / span 8;
grid-column-start: 4;
}
.container-info {
margin-bottom: 10rem;
}
.container-info p {
color: var(--color-gray-txt);
}
.container-info p{
font-size: 4.5em;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
}
.container-info a {
font-size: 2em;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
}
.container-info p.urbanist-medium{
color: var(--color-blue);
}
.container-info a {
transition: all 250ms linear;
}
.container-info a:hover {
color: var(--color-blue);
}
.reseaux__reseaux{
gap: 40px;
margin-top: 40px;
}
.reseaux__reseaux svg path{
transition: all .5s ease;
}
.reseaux__reseaux svg:hover path{
fill: var(--color-blue);
}
.reseaux__reseaux svg #facebook-transp {
fill: transparent;
}
.reseaux__reseaux svg #facebook-path{
fill: transparent;
}
.container-form {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.container-form__adresse {
grid-column: span 2 / span 2;
}
.container-form__adresse p {
font-size: 1.5em;
line-height: 1.5em;
}
.container-form__formulaire {
grid-column: span 5 / span 5;
grid-column-start: 5;
background-color: #fff;
margin: 1px;
}
.container-form__formulaire form label {
color: #969696;
font: 500 1em var(--urbanist);
line-height: 1.5em;
}
.container-form__formulaire form label span.animation{
position: relative;
font: 500 1.5em var(--urbanist);
line-height: 1.33em;
top: 2.5em;
z-index: 2;
transition: all .5s ease;
padding-top: 20px;
margin-top: -20px;
padding-bottom: 20px;
margin-bottom: -20px;
}
.container-form__formulaire form label span.animation.txt{
color: #969696;
font: 500 1em var(--urbanist);
line-height: 1.5em;
top: 0;
}
.container-form__formulaire form input,
.container-form__formulaire form textarea {
border-bottom: 1px solid var(--color-gray-txt);
color: #000;
font: 500 1.5em var(--urbanist);
line-height: 1.33em;
margin-bottom: 2rem;
padding: 24px 0;
transition: all 250ms linear;
border-radius: 0;
}
.container-form__formulaire form input:focus-visible,
.container-form__formulaire
form
textarea:focus-visible {
outline: none;
border-bottom: 1px solid var(--color-blue);
color: var(--color-blue);
}
.container-form__formulaire
form
input[type="submit"] {
cursor: pointer;
background-color: var(--color-gray-btn);
border-radius: 24px;
border: none;
padding: 1em 2em;
font: 700 1em var(--urbanistSemi);
text-transform: uppercase;
margin-top: 2rem;
margin-bottom: 0;
width: -moz-fit-content;
width: fit-content;
transition: all 250ms linear;
}
.container-form__formulaire
form
input[type="submit"]:hover {
background-color: var(--color-blue);
color: #fff;
}
.container-form__formulaire form textarea {
overflow: hidden;
resize: none;
width: 100%;
}
.container-form__formulaire form input {
width: 100%;
}
.container-form__adresse {
grid-column: span 3 / span 3;
grid-column-start: 1;
margin-top: 60px;
}
.container-form__formulaire{
grid-column: span 7 / span 7;
grid-column-start: 4;
margin-top: 50px;
}
.container-form__formulaire.form{
grid-column: span 5 / span 5;
grid-column-start: 4;
margin-top: 0;
}
@media screen and (max-width: 1680px) {
.container-info p{
font-size: 3.5em;
}
.container-form__adresse {
grid-column: span 3 / span 3;
grid-column-start: 1;
}
}
@media screen and (max-width: 1280px) {
.container-info p{
font-size: 2.75em;
}
}
@media screen and (max-width: 1023px) {
.joindre__container-gauche {
grid-column: span 13 / span 13;
grid-column-start: 2;
margin-bottom: 3rem;
}
.joindre__container-gauche h2 {
}
.container-form__adresse{
grid-column-start: 2;
}
.joindre__container-droite {
grid-column: span 14 / span 14;
grid-column-start: 2;
}
.container-info {
margin-bottom: 7.5rem;
}
.container-info p
{
font-size: 2em;
word-wrap: break-word;
}
.container-info a {
font-size: 1.75em;
}
.container-form {
grid-template-columns: repeat(13, minmax(0, 1fr));
}
.container-form__adresse p {
font-size: 0.875em;
}
.container-form__formulaire {
grid-column: span 7 / span 7;
grid-column-start: 6;
}
.container-form__formulaire form label {
font: 500 0.875em var(--urbanist);
}
.container-form__formulaire form input,
.container-form__formulaire form textarea {
font: 500 1.125em var(--urbanist);
padding: 16px 0;
}
.container-form__formulaire
form
input[type="submit"] {
font: 700 0.875em var(--urbanistSemi);
margin-top: 2rem;
}
.container-form__formulaire.form{
grid-column: span 8 / span 8;
grid-column-start: 4;
}
}
@media screen and (max-width: 768px) {
.container-info p,
.container-info a {
font-size: 1.3em;
word-wrap: break-word;
}
.container-form__formulaire {
grid-column: span 6 / span 6;
grid-column-start: 7;
}
.container-form__formulaire form input,
.container-form__formulaire form textarea {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 700px) {
.joindre {
margin-top: 4rem;  }
.joindre__container-gauche {
grid-column: span 6 / span 6;
grid-column-start: 1;
margin-bottom: 2rem;
}
.joindre__container-droite {
grid-column: span 6 / span 6;
grid-column-start: 1;
}
.container-info {
margin-bottom: 4rem;
}
.container-info p,
.container-info a {
font-size: 2em;
word-wrap: break-word;
}
.container-form {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.container-form__adresse {
grid-column: span 6 / span 6;
margin-top: 50px;
}
.container-form__adresse p,
.container-form__adresse a {
font-size: 1em;
}
.container-form__formulaire {
grid-column: span 6 / span 6;
grid-column-start: 1;
margin-top: 4rem;
}
.container-form__formulaire.form {
grid-column: span 6 / span 6;
grid-column-start: 1;
margin-top: 0rem;
}
}
@media screen and (max-width: 450px) {
.joindre__container-gauche h2 {
}
.container-form__formulaire form input,
.container-form__formulaire form textarea {
margin-bottom: 2rem;
}
}  .single-projets__container {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
width: 92%;
margin: 0 4%;
}
.single-projets__container {
padding-top: 10rem;
}
.single-projets__container .container-gauche {
position: fixed;
}
.single-projets__container .container-gauche .container-fixed {
overflow: hidden;
}
.single-projets__container .container-gauche .fixed-element {
position: absolute !important;
max-width: 33vw;
width: calc( 33vw - 35px);
}
.single-projets__container .container-gauche a {
margin-bottom: 3.375rem;
font-size: 0.875em;
line-height: 1.42em;
}
.single-projets__container .container-gauche a svg {
margin-right: 0.5rem;
}
.single-projets__container .container-gauche__titre {
margin-bottom: 40px;
}
.single-projets__container .container-gauche__titre h2,
.single-projets__container .container-gauche__titre h1 {
font-size: 4.5em!important;
line-height: 1.11em;
}
.single-projets__container .container-gauche__titre h2 {
color: var(--color-gray-txt);
display: none;
}
.single-projets__container .container-gauche__infos .info-campagne,
.single-projets__container .container-gauche__infos .info-livrable {
margin-bottom: 2rem;
}
.single-projets__container .container-gauche__infos .info-campagne p,
.single-projets__container .container-gauche__infos .info-livrable p,
.single-projets__container .container-gauche__infos .info-client p {
font-size: 1.125em;
line-height: 1.5em;
letter-spacing: 0.02em;
font-family: var(--urbanist);
font-weight: 500;
}
.single-projets__container
.container-gauche__infos
.info-campagne
p:first-child,
.single-projets__container
.container-gauche__infos
.info-livrable
p:first-child,
.single-projets__container .container-gauche__infos .info-client p:first-child {
color: var(--color-gray-txt);
}
.single-projets__container .container-droit {
grid-column: span 7 / span 7;
grid-column-start: 5;
}
.single-projets__container .container-droit__thumb {
position: relative;
aspect-ratio: 2/1.115;
margin-bottom: 10rem;
overflow: hidden;
}
.single-projets__container .container-droit__thumb .frame{
position: relative;
}
.single-projets__container .container-droit__thumb .frame video{
top: 0;
left: 0;
position: absolute;
}
.single-projets__container .container-droit__thumb.video_mp4{
aspect-ratio: initial;
}
.single-projets__container .container-droit__thumb.video{
aspect-ratio: unset;
}
.single-projets__container .container-droit__thumb .texte{
margin-top: 40px;
}
.single-projets__container .container-droit__thumb .texte p {
font-size: 1.25em;
line-height: 1.5em;
font-family: var(--urbanist);
}
.single-projets__container .container-droit__thumb img {
position: absolute;
top: -100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.single-projets__container .container-droit__global {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
justify-content: space-between;
flex-wrap: wrap;
}
.single-projets__container .container-droit__global .card {
overflow: hidden;
}
.single-projets__container
.container-droit__global
.card
.container-image-video {
margin-bottom: 2.5rem;
position: relative;
height: 33.75rem;
}
.single-projets__container
.container-droit__global
.card
.container-embed-video {
margin-bottom: 2.5rem;
position: relative;
height: auto;
}
.single-projets__container
.container-droit__global
.card
.container-image-video
img,
.single-projets__container
.container-droit__global
.card
.container-image-video
video {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.single-projets__container .container-droit__global .card p {
font-size: 1.25em;
line-height: 1.5em;
font-family: var(--urbanist);
}
.single-projets__container .container-droit__global .card p strong {
font-family: var(--urbanistSemi);
}
.single-projets__container .container-droit__global .card p br {
content: "";
display: block;
margin-bottom: 0.5rem;
}
.single-projets__container .container-droit__global .col-span-7 {
margin: 3rem 0;
}
.single-projets__container .container-droit__global .col-span-7:last-child {
margin-bottom: 0;
}
.single-projets__container .navigation {
display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr));
grid-column: span 14 / span 14;
grid-column-start: 1;
}
.single-projets__container .navigation__container {
grid-column: span 7 / span 7;
grid-column-start: 5;
}
.single-projets__container .navigation .navigation-projets {
display: flex;
margin: 12rem 0 10rem 0;
}
.single-projets__container .navigation .navigation-projets .bouton-suivant,
.single-projets__container .navigation .navigation-projets .bouton-precedent {
height: -moz-fit-content;
height: fit-content;
flex-direction: column;
}
.single-projets__container .navigation .navigation-projets > div {
display: flex;
flex-direction: column;
transition: max-width 250ms linear;
}
.single-projets__container .navigation .navigation-projets.disabled > div {
width: 50%;
margin: auto;
}
.single-projets__container .navigation .navigation-projets > div > a {
width: 100%;
display: block;
transition: color 250ms linear;
}
.single-projets__container .navigation .navigation-projets > div > a:hover {
color: var(--color-blue);
}
.single-projets__container .navigation .navigation-projets > div:last-of-type {
margin-left: auto;
} .single-projets__container
.navigation
.navigation-projets
.bouton-suivant__image,
.single-projets__container
.navigation
.navigation-projets
.bouton-precedent__image {
aspect-ratio: 1/1;
}
.single-projets__container
.navigation
.navigation-projets
.bouton-suivant__image
img,
.single-projets__container
.navigation
.navigation-projets
.bouton-precedent__image
img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.single-projets__container .navigation .navigation-projets .bouton-suivant p,
.single-projets__container .navigation .navigation-projets .bouton-precedent p {
font-size: 1.125em;
line-height: 1.5em;
margin: 2rem 0 0.25rem 0;
}
.single-projets__container .navigation .navigation-projets .bouton-suivant h4,
.single-projets__container
.navigation
.navigation-projets
.bouton-precedent
h4 {
font-size: 2em;
line-height: 1.25em;
}
@media screen and (max-width: 1023px) {
.single-projets__container .container-gauche {
grid-column: span 12 / span 12;
grid-column-start: 1;
}
.single-projets__container .container-gauche .container-fixed {
overflow: hidden;
position: relative !important;
max-width: unset;
width: unset;
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-column-start: 2;
margin-bottom: 3.75rem;
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single
.container-gauche__titre {
grid-column: span 6 / span 6;
margin-bottom: 0;
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single
.container-gauche__infos {
grid-column: span 3 / span 3;
grid-column-start: 8;
}
.single-projets__container .container-droit {
grid-column: span 12 / span 12;
grid-column-start: 1;
}
.single-projets__container .container-droit__thumb {
margin-bottom: 7rem;
}
.single-projets__container .container-droit__global {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single-projets__container .container-droit__global .col-span-3 {
grid-column: span 5 / span 5;
}
.single-projets__container .container-droit__global .col-span-3.col-start-5 {
grid-column: span 5 / span 5;
grid-column-start: 8;
}
.single-projets__container .container-droit__global .col-span-7 {
grid-column: span 12 / span 12;
margin: 2rem 0;
}
.single-projets__container .container-droit__global .col-span-9 img {
aspect-ratio: 1/0.5;
}
.single-projets__container .container-droit__global .col-start-6 {
grid-column-start: 8 !important;
}
.single-projets__container
.container-droit__global
.card
.container-image-video {
margin-bottom: 2rem;
height: 28.75rem;
}
.single-projets__container .navigation {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-column: span 12 / span 12;
grid-column-start: 2;
}
.single-projets__container .navigation__container {
grid-column: span 12 / span 12;
grid-column-start: 1;
}
.single-projets__container .navigation__container .navigation-projets {
margin-top: 11.25rem;
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant {
grid-column: span 7 / span 7;
grid-column-start: 6;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent {
grid-column: span 4 / span 4;
grid-column-start: 1;
}
}
@media screen and (max-width: 840px) {
.single-projets__container {
padding-top: 12.5rem;
}
.single-projets__container .container-gauche a {
margin-bottom: 1.875rem;
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single
.container-gauche__titre
h1,
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single
.container-gauche__titre
h2 {
font-size: 2.5em !important;
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single
.container-gauche__infos
p {
font-size: 0.75em;
}
.single-projets__container
.container-droit__global
.card
.container-image-video {
height: 21rem;
}
.single-projets__container .container-droit__global .card p {
font-size: 1em;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant
p,
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent
p {
font-size: 0.875em;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant
h4,
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent
h4 {
font-size: 1.5em;
}
}
@media screen and (max-width: 700px) {
.single-projets__container .container-droit__global .col-span-3.col-start-5 {
grid-column: span 5 / span 5;
grid-column-start: 1;
padding-top: 40px;
}
.single-projets__container {
grid-template-columns: repeat(5, minmax(0, 1fr));
padding: 12.5rem 0 0 0;
}
.single-projets__container .container-gauche {
grid-column: span 5 / span 5;
grid-column-start: 1;
}
.single-projets__container .container-gauche a {
margin-bottom: 3rem;
}
.single-projets__container
.container-gauche
.container-gauche__global-single {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-column-start: 1 !important;
flex-direction: column;
}
.single-projets__container .container-gauche__titre {
grid-column: span 5 / span 5 !important;
margin-bottom: 3rem !important;
}
.single-projets__container .container-gauche__titre h1,
.single-projets__container .container-gauche__titre h2 {
font-size: 2.5em !important;
}
.single-projets__container .container-gauche__infos {
grid-column: span 5 / span 5 !important;
grid-column-start: 1 !important;
}
.single-projets__container .container-gauche__infos p {
font-size: 1em !important;
}
.single-projets__container .container-gauche__infos .info-campagne,
.single-projets__container .container-gauche__infos .info-livrable,
.single-projets__container .container-gauche__infos .info-client {
margin-bottom: 2rem;
}
.single-projets__container .container-droit {
grid-column: span 5 / span 5;
grid-column-start: 1;
}
.single-projets__container .container-droit__global {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.single-projets__container .container-droit__global .card p br {
content: "";
display: block;
margin-bottom: 0.5rem;
}
.single-projets__container .container-droit__thumb {
margin-bottom: 4rem;
}
.single-projets__container .container-droit .col-span-4 {
grid-column: span 5 / span 5 !important;
margin: 0 0 4rem 0;
}
.single-projets__container .container-droit .col-start-6 {
grid-column-start: 1 !important;
}
.single-projets__container .container-droit .col-span-9 {
grid-column: span 5 / span 5 !important;
margin: 0 0 4rem 0;
}
.single-projets__container .navigation {
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-column: span 5 / span 5;
grid-column-start: 1;
}
.single-projets__container .navigation__container .navigation-projets {
margin-top: 8rem;
margin-bottom: 0;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent
p,
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant
p {
margin: 1.5rem 0 0.25rem 0;
font-size: 0.825em;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent
h4,
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant
h4 {
font-size: 1.25em;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-suivant {
order: 1;
grid-column: span 3 / span 3;
grid-column-start: 3;
margin-bottom: 4rem;
}
.single-projets__container
.navigation__container
.navigation-projets
.bouton-precedent {
order: 2;
grid-column: span 3 / span 3;
grid-column-start: 1;
}
}  footer {
padding: 3rem;
}
footer p:first-child {
margin-right: 12.625rem;
}
footer p {
color: #969696;
}
footer .texte-tel {
display: none;
}
.full-mobile{
display: none!important;
width: 100%;
margin-bottom: 20px;
justify-content: center!important;
}
.full-mobile a{
padding: 0 30px;
}
@media screen and (max-width: 1280px) {
footer p:first-child {
margin-right: 8rem;
}
}
@media screen and (max-width: 1023px) {
.texte-laptop {
display: none;
}
.texte-tel {
display: block !important;
}
.texte-tel:last-child {
margin-left: 70px;
}
a {
text-decoration: underline;
}
}
@media screen and (max-width: 700px) {
footer {
align-items: center;
flex-direction: column;
padding: 0.35rem 2rem 2rem 2rem;
}
.texte-tel:last-child {
margin: 0;
}
.full-mobile{
display: flex!important;
}
} @media screen and (max-width: 1440px) {
.single-projets__container .container-gauche__titre h1 {
font-size: 64px;
}
}
@media screen and (max-width: 1280px) {
.studio__container .container-titre h2,
h2 {
font-size: 44px !important;
}
.single-projets__container .container-gauche__titre h1 {
font-size: 56px !important;
}
}
@media screen and (max-width: 1023px) {
header,
.position-index,
.container-global > .container-wrapper,
.header-texte__container,
.single-projets__container {
width: 100%;
margin: 0;
}
.header-texte__container,
.position-index,
header .header__top,
.projets,
.studio__container,
.joindre,
.single-projets__container,
header .header__bottom .reseaux {
grid-template-columns: repeat(14, minmax(0, 1fr));
}
.single-projets__container
.container-gauche
.container-fixed
.container-gauche__global-single {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single-projets__container .navigation .navigation-projets {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
min-height: unset !important;
}
.single-projets__container .navigation .navigation-projets > div {
display: block;
grid-column: span 4 / span 4;
max-width: unset !important;
}
.single-projets__container .navigation .navigation-projets.disabled > div {
margin: 0;
width: 100%;
}
.single-projets__container
.navigation
.navigation-projets
> div:last-of-type {
grid-column: span 7 / span 7;
grid-column-start: 6;
}
.single-projets__container .container-gauche {
grid-column: span 12 / span 12;
grid-column-start: 2;
position: relative;
}
.single-projets__container .container-droit {
grid-column: span 12 / span 12;
grid-column-start: 2;
}
.header-texte__container .texte {
grid-column: span 4 / span 4;
grid-column-start: 10;
}
header .header__top .header-logo {
grid-column-start: 2;
}
header .header__top .container-nav-ind {
grid-column: span 2 / span 2;
}
.header-texte__container .titre {
grid-column: span 7 / span 7;
grid-column-start: 2;
}
.header-texte__container .bouton {
grid-column: span 3 / span 3;
grid-column-start: 2;
}
.studio__container .container-titre {
grid-column: span 4 / span 4;
grid-column-start: 2;
}
.projets__container-gauche {
grid-column-start: 2;
}
.studio__container .container-membre {
grid-column-start: 7;
}
header .header__bottom .reseaux__coordonnees {
grid-column: span 3 / span 3;
grid-column-start: 2;
}
header .header__bottom .reseaux__reseaux {
gap: 3rem;
grid-column: span 3 / span 3;
grid-column-start: 11;
}
}
@media screen and (max-width: 700px) {
header .header-telephone__top .logo-container svg path{
fill: var(--color-blue);
}
header .header-telephone__top .logo-container svg g path{
fill: #fff;
}
header.telephone-active{
left: 100%;
transition: all .5s ease;
}
header.telephone-active.open{
left: 0%;
}
header,
.position-index,
.container-global > .container-wrapper,
.header-texte__container,
.single-projets__container {
width: 84%;
margin: 0 8%;
}
.header-texte__container,
.position-index,
header .header__top,
.projets,
.studio__container,
.joindre,
.single-projets__container,
header .header__bottom .reseaux {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
header .header__top .header-logo {
grid-column-start: 1;
}
header .header__top .container-nav-ind {
grid-column: span 2 / span 2;
margin: 0;
}
header .header__bottom{
display: none;
}
.header-texte__container .titre {
grid-column: span 7 / span 7;
grid-column-start: 1;
}
.header-texte__container .bouton {
grid-column: span 3 / span 3;
grid-column-start: 1;
}
.studio__container .container-titre {
grid-column: span 5 / span 5;
grid-column-start: 1;
}
.projets__container-gauche {
grid-column-start: 1;
}
.studio__container .container-membre {
grid-column-start: unset;
}
.header-texte__container .texte {
grid-column-start: 1;
}
.single-projets__container .container-gauche {
grid-column-start: 1;
}
.single-projets__container .container-droit {
grid-column-start: 1;
}
.single-projets__container .navigation .navigation-projets {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.single-projets__container .navigation .navigation-projets > div {
grid-column: span 3 / span 3;
grid-column-start: 1;
order: 2;
}
.single-projets__container
.navigation
.navigation-projets
> div:last-of-type {
grid-column: span 3 / span 3;
grid-column-start: 3;
order: 1;
}
.joindre__container-droite .container-form__formulaire form label span.animation{
top: 1.5em;
}
}