/*
rose:#ff2c68
rose pale:#fff4f4
*/
*{
border:0;
padding:0;
margin:0;
box-sizing:border-box;
}
*:focus{
outline:none;
}
.clean{
clear:both;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
border:0px;
height:0px;
}
body.loading > *:not(#intro),body.loading > *:not(#intro) *,
.no-transition{
-webkit-transition:none!important;
-moz-transition:none!important;
-ms-transition:none!important;
-o-transition:none!important;
transition:none!important;
}
body.loading{
overflow:hidden;
}
body.loading > *:not(#intro){
visibility:hidden;
}
body,
html{
min-height:100vh;
width:100%;
margin:0px;
padding:0px;
}
body{
position:relative;
color:#000000;
background-color:#ffffff;
font-family:"Poppins",Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1;
}
img,
video,
iframe{
display:inline-block;
max-width:100%;
width:auto;
max-height:100%;
height:auto;
margin:0;
vertical-align:top;
}
body header,
body footer,
body #wrapper{
opacity:0;
-webkit-transition:visibility 0s;
transition:visibility 0s ease;
}
body footer.blanc,
body #wrapper.blanc{
visibility:hidden;
-webkit-transition:visibility 0s ease 300ms;
transition:visibility 0s ease 300ms;
}
.video{
position:relative;
display:block;
margin:0!important;
padding:0!important;
width:100%;
}
.video:not(.image) .ratio{
display:block;
width:100%;
height:0;
}
.video:not(.image) iframe:not(.auto){
border:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
a{
color:#000000;
text-decoration:none;
}
h1,
h2,
h3,
h4,
h5{
font-weight:normal;
font-size:inherit;
}
h1{
font-size:30px;
}
h2{
font-size:56px;
line-height:60px;
font-weight:300;
}
main.projet h2,
h3{
font-size:56px;
font-weight:600;
line-height:60px;
}
h3.related{
font-weight:300;
margin-bottom:50px;
}
main.projet h3:not(.related),
h4{
font-size:20px;
line-height:20px;
font-weight:600;
}
h5{
font-size:16px;
}
h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline{
display:inline-block;
}
h1.inline:after,
h2.inline:after,
h3.inline:after,
h4.inline:after,
h5.inline:after{
content:":";
display:inline-block;
margin:0 5px 0 2px;
}
h1.inline+*:after,
h2.inline+*:after,
h3.inline+*:after,
h4.inline+*:after,
h5.inline+*:after{
content:"";
display:block;
}
p{
line-height:1.3;
font-weight:500;
}
p.titre{
font-weight:600;
}
p.soustitre{
font-size:11px;
font-weight:600;
}
p.titre+p.soustitre{
margin-top:0;
}
*+p{
margin-top:10px;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p{
margin-top:75px;
}
h2+h3,
h3+h4{
margin-top:12px;
}
hr{
background-color:#808080;
width:10px;
height:5px;
margin:20px 0;
}
hr.vertical{
display:inline-block;
height:20px;
width:2px;
margin:0 10px;
vertical-align:middle;
}
small,
.small{
display:inline-block;
font-size:10px;
}
.gauche{
text-align:left;
}
.centre{
text-align:center;
}
.droite{
text-align:right;
}
.floatDroite > *{
float:right;
}
.floatDroite:after{
content:"";
display:block;
clear:both;
}
.floatGauche > *{
float:left;
}
.floatGauche:after{
content:"";
display:block;
clear:both;
}
.w-auto{
width:auto!important;
margin-right:auto;
margin-left:auto;
padding:10px;
}
.max500{
max-width:500px;
margin-left:auto;
margin-right:auto;
}
.hide{
display:none!important;
}
.v-hidden{
visibility:hidden;
}
.upper{
text-transform:uppercase;
}
.lower{
text-transform:lowercase;
}
.bold{
font-weight:bold;
}
.top{
vertical-align:top;
}
.bottom{
vertical-align:bottom;
}
.middle{
vertical-align:middle;
}
.w-auto:not(.table):not(table){
display:inline-block;
}
.stripe{
table-layout:auto;
border:0;
border-collapse:collapse;
text-align:left;
}
table{
margin-right:auto;
margin-left:auto;
width:100%;
}
table th,
table td{
padding:5px;
vertical-align:middle;
}
.table .row.titre,
.table .cell.titre,
table tr.titre,
table td.titre{
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
background-color:#ff2c68;
}
.table.stripe a,
table.stripe a{
text-decoration:none;
}
.table.stripe .row.odd,
table.stripe tr.odd{
background-color:#808080;
color:#ffffff;
}
.table{
display:table;
table-layout:fixed;
border-collapse:collapse;
width:100%;
}
*+.table,
*+table{
margin-top:20px;
}
.table.nomargin{
margin:0;
}
.table+.table,
table+table{
margin-top:10px;
}
.table .row{
display:table-row;
vertical-align:top;
}
.table .cell{
display:table-cell;
vertical-align:top;
padding:50px 11.56%;
position:relative;
}
.table.smallpadding .cell,
.table .cell.smallpadding{
padding:50px 5.78%;
}
.table.nopadding .cell,
.table .cell.nopadding{
padding:0!important;
}
.table.nopaddingLeft .cell,
.table .cell.nopaddingLeft{
padding-left:0!important;
}
.table.nopaddingRight .cell,
.table .cell.nopaddingRight{
padding-right:0!important;
}
.table.nopaddingTop .cell,
.table .cell.nopaddingTop{
padding-top:0!important;
}
.table.nopaddingBottom .cell,
.table .cell.nopaddingBottom{
padding-bottom:0!important;
}
.table .col{
display:table-column;
vertical-align:top;
}
.table.top .cell,
.table.top .row,
.table.top .col,
.table .cell.top,
.table .row.top,
.table .col.top,
table.top td,
table td.top{
vertical-align:top;
}
.table.middle .cell,
.table.middle .row,
.table.middle .col,
.table .cell.middle,
.table .row.middle,
.table .col.middle,
table.middle td,
table td.middle{
vertical-align:middle;
}
.table.bottom .cell,
.table.bottom .row,
.table.bottom .col,
.table .cell.bottom,
.table .row.bottom,
.table .col.bottom,
table.bottom td,
table td.bottom{
vertical-align:bottom;
}
.table .cell.cadre,
.table .row.cadre,
.table .col.cadre,
table.cadre,
table tr.cadre,
table td.cadre{
border-style:solid;
border-width:5px;
}
.table .cell.cell10{
width:10%;
}
.table .cell.cell15{
width:15%;
}
.table .cell.cell20{
width:20%;
}
.table .cell.cell25{
width:25%;
}
.table .cell.cell30{
width:30%;
}
.table .cell.cell35{
width:30%;
}
.table .cell.cell33{
width:33.33%;
}
.table .cell.cell35{
width:35%;
}
.table .cell.cell40{
width:40%;
}
.table .cell.cell45{
width:45%;
}
.table .cell.cell50{
width:50%;
}
.table .cell.cell55{
width:55%;
}
.table .cell.cell60{
width:60%;
}
.table .cell.cell65{
width:60%;
}
.table .cell.cell66{
width:66.66%;
}
.table .cell.cell70{
width:70%;
}
.table .cell.cell75{
width:75%;
}
.table .cell.cell80{
width:80%;
}
.table .cell.cell85{
width:85%;
}
.table .cell.cell90{
width:90%;
}
.table .cell.cell95{
width:95%;
}
.table:not(.noborder) > .cell+.cell:not(.noborder),
.table:not(.noborder) > .row:not(.noborder) > .cell+.cell:not(.noborder){
border-left:2px solid #000000;
}
.borderTop{
border-top:2px solid #000000;
}
.borderRight{
border-right:2px solid #000000;
}
.borderBottom{
border-bottom:2px solid #000000;
}
.borderLeft{
border-left:2px solid #000000;
}
.noborder{
border:0;
}
.border{
border:2px solid #000000;
}
.form > .titre{
width:100%;
margin:0 auto 50px auto;
font-size:30px;
color:#ffffff;
text-align:center;
text-shadow:0 0 20px #000000;
}
form{
position:relative;
}
form label{
display:block;
font-size:15px;
font-weight:bold;
}
form label.required:after{
content:"*";
display:inline-block;
margin-left:5px;
}
form .champ{
position:relative;
display:inline-block;
width:100%;
text-align:left;
}
form .champ label{
display:inline-block;
width:auto;
padding:5px;
}
textarea,
select[multiple]{
resize:none;
height:150px;
}
input,
select,
textarea{
display:block;
width:100%;
background:transparent;
color:#000000;
padding:5px 0;
margin-bottom:10px;
border-bottom:2px solid #707070;
max-width:500px;
}
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover{
border-color:#ff2c68;
}
input:placeholder{
color:#9d9d9d;
}
input[type="radio"],input[type="checkbox"]{
-webkit-box-shadow:none;
box-shadow:none;
}
select option[value=""]{
font-style:italic;
color:#808080;
}
form table input,
form table select,
form table textarea{
margin-bottom:0;
}
form input[type="checkbox"],
form input[type="radio"]{
display:inline-block;
width:auto;
margin-bottom:0;
}
.checklist span{
display:inline-block;
width:50%;
vertical-align:top;
}
.checklist span label{
display:inline-block;
width:calc(90% - 20px);
vertical-align:top;
margin-left:10px;
padding-top:3px;
}
input.bouton,
a.bouton{
display:inline-block;
font-size:14px;
color:#ffffff;
background-color:#000000;
width:auto;
padding:5px 20px;
margin:0 auto;
text-transform:uppercase;
cursor:pointer;
border:0;
}
input.bouton.rose,
a.bouton.rose{
background-color:#ff2c68;
color:#ffffff;
}
form input[disabled=disabled],
form input[disabled],
a.bouton.disabled{
cursor:default;
opacity:0.2;
}
.bouton+.bouton{
margin-left:20px;
}
form .champ.erreur input,
form .champ.erreur select,
form .champ.erreur textarea{
background-color:#f19393;
}
form .champ.erreur label input[type="checkbox"]+span{
color:#c72222;
}
form.contact{
width:100%;
max-width:500px;
}
div.valid:not(.step),
p.valid,
div.erreur,
p.erreur,
div.info,
p.info{
text-align:center;
padding:5px 10px;
margin:10px 0;
border-radius:5px;
border:1px solid;
}
div.valid:not(.step),
div.erreur,
div.info{
text-align:left;
}
div.valid:not(.step) > *:first-child,
div.erreur > *:first-child,
div.info > *:first-child{
display:inline-block;
}
p.valid,
p.erreur,
p.info{
font-size:14px;
}
div.info,
p.info{
background-color:#edb77f;
color:#dc6f00;
border-color:#dc6f00;
}
div.info:before,
p.info:before{
content:"\f05a";
margin-right:10px;
font-family:"Font Awesome 5 Pro";
font-weight:900;
}
div.valid:not(.step),
p.valid{
background-color:#7fb27f;
color:#006600;
border-color:#006600;
}
div.valid:not(.step):before,
p.valid:before{
content:"\f058";
margin-right:10px;
font-family:"Font Awesome 5 Pro";
font-weight:900;
}
div.erreur,
p.erreur{
background-color:#f19393;
color:#c72222;
border-color:#c72222;
}
div.erreur:before,
p.erreur:before{
content:"\f071";
margin-right:10px;
font-family:"Font Awesome 5 Pro";
font-weight:900;
}
#intro{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
opacity:1;
background-color:#ffffff;
z-index:9999;
}
#intro > .logo{
position:absolute;
top:50%;
left:50%;
width:700px;
max-width:80%;
max-height:60%;
aspect-ratio:700 / 180;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
opacity:0;
}
#intro > .logo > span{
position:absolute;
opacity:1;
}
#intro > .logo > span > span{
position:absolute;
display:block;
width:100%;
height:100%;
background-size:contain;
background-repeat:no-repeat;
}
#intro > .logo > span.letter_R{
width:20.34%;
height:94.38%;
top:1.12%;
left:0;
}
#intro > .logo > span.letter_Z{
width:17.62%;
height:100%;
top:1.12%;
left:23.21%;
}
#intro > .logo > span.letter_A{
width:20.92%;
height:92.7%;
top:2.25%;
left:42.98%;
}
#intro > .logo > span.letter_P{
width:18.34%;
height:92.7%;
top:1.12%;
left:65.18%;
}
#intro > .logo > span.letter_S{
width:15.04%;
height:94.38%;
top:0;
left:85.1%;
}
#intro > .logo > span.letter_R .blanc{
background-image:url('images/intro/R_blanc.svg');
}
#intro > .logo > span.letter_R .rose{
background-image:url('images/intro/R.svg');
}
#intro > .logo > span.letter_Z .blanc{
background-image:url('images/intro/Z_blanc.svg');
}
#intro > .logo > span.letter_Z .rose{
background-image:url('images/intro/Z.svg');
}
#intro > .logo > span.letter_A .blanc{
background-image:url('images/intro/A_blanc.svg');
}
#intro > .logo > span.letter_A .rose{
background-image:url('images/intro/A.svg');
}
#intro > .logo > span.letter_P .blanc{
background-image:url('images/intro/P_blanc.svg');
}
#intro > .logo > span.letter_P .rose{
background-image:url('images/intro/P.svg');
}
#intro > .logo > span.letter_S .blanc{
background-image:url('images/intro/S_blanc.svg');
}
#intro > .logo > span.letter_S .rose{
background-image:url('images/intro/S.svg');
}
#intro > .logo > span > .blanc{
opacity:0;
z-index:2;
}
#intro > .logo > span > .rose{
opacity:1;
z-index:1;
}
#intro.play{
background-color:#ff2c68;
-webkit-transition:background 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2400ms,opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:background 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2400ms,opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#intro.play > .logo{
-webkit-transition:opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 500ms;
transition:opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 500ms;
opacity:1;
}
#intro.play > .logo > span{
-webkit-transition:top 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2000ms,left 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2000ms;
transition:top 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2000ms,left 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2000ms;
}
#intro.play > .logo > span > .blanc{
-webkit-transition:opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2400ms;
transition:opacity 1300ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 2400ms;
opacity:1;
}
#intro.play > .logo > span > .rose{
-webkit-transition:opacity 700ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 3000ms;
transition:opacity 700ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 3000ms;
opacity:0;
}
#intro.close{
opacity:0;
-webkit-transition:opacity 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:opacity 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
header{
position:fixed;
top:0;
right:0;
left:0;
height:41px;
z-index:10;
pointer-events:none;
text-align:center;
}
header a.menu,header a.logo{
pointer-events:auto;	
}
header.open{
pointer-events:auto;
}
header > .content{
position:relative;
display:inline-block;
width:100%;
height:100%;
max-width:2500px;
text-align:left;
}
header > .content > .logo{
position:absolute;
top:10px;
left:10px;
width:82px;
height:21px;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
background-image:url('../images/logo_blanc.svg');
z-index:4;
}
header > .content > .logo img{
opacity:0;
transition:opacity 300ms ease;
width:100%;
}
header > .content > a.menu{
position:absolute;
top:10px;
right:40px;
width:30px;
height:21px;
z-index:10;
}
header > .content > a.menu > .bar{
display:block;
position:absolute;
width:100%;
height:3px;
-webkit-transition:background 300ms ease,top 300ms ease,-webkit-transform 300ms ease;
transition:background 300ms ease,top 300ms ease,transform 300ms ease;
background-color:#ffffff;
}
header > .content > a.menu > .bar:first-child{
top:0;
}
header > .content > a.menu > .bar:nth-child(2){
top:9px;
}
header > .content > a.menu > .bar:last-child{
top:18px;
}
header > .content > .logo.noir img{
opacity:1;
}
header.open > .content > .logo img{
opacity:1;
}
header.open > .content > a.menu{
right:10px;
}
header.open > .content > a.menu > .bar{
background-color:#000000;
}
header.open > .content > a.menu > .bar:first-child{
top:9px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
header.open > .content > a.menu > .bar:nth-child(2){
-webkit-transform:scaleX(0);
transform:scaleX(0);
}
header.open > .content > a.menu > .bar:last-child{
top:9px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
header > .content > nav.menuTop{
position:fixed;
top:0;
right:0;
height:0;
left:0;
overflow:hidden;
z-index:3;
background-color:#fff4f4;
opacity:0;
overflow:auto;
-webkit-transition:opacity 300ms ease;
transition:opacity 300ms ease;
font-weight:300;
}
header.open >.content > nav.menuTop{
padding-top:41px;
height:100vh;
opacity:1;
}
header > .content > nav.menuTop ul{
list-style-type:none;
text-transform:uppercase;
width:100%;
}
header > .content > nav.menuTop > ul{
height:100%;
width:100%;
max-width:2500px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
header > .content > nav.menuTop ul.mask{
background-color:#000000;
z-index:1;
-webkit-clip-path:circle(0px);
clip-path:circle(0px);
pointer-events:none;
}
header > .content > nav.menuTop ul a{
cursor:none;
display:inline-block;
}
header > .content > nav.menuTop ul.mask a{
color:#fff4f4;
}
header > .content > nav.menuTop > ul,
header > .content > nav.menuTop > ul > li{
position:absolute;
top:0;
}
header > .content > nav.menuTop > ul > li{
font-size:120px;
line-height:180px;
}
header > .content > nav.menuTop > ul > li > *{
vertical-align:top;
}
header > .content > nav.menuTop > ul > li > ul > li{
font-size:36px;
line-height:60px;
}
header > .content > nav.menuTop > ul > li.vision{
top:19.80%;
left:4.48%;
width:21.77%;
}
header > .content > nav.menuTop > ul > li.media{
top:20%;
left:42.86%;
}
header > .content > nav.menuTop > ul > li.media ul{
position:absolute;
left:calc(100% + 0.5em);
bottom:35px;
}
header > .content > nav.menuTop > ul > li.projects{
top:44.39%;
left:20.15%;
width:31.88%;
}
header > .content > nav.menuTop > ul > li.contact{
top:44.39%;
left:59.68%;
width:31.15%;
}
header.noir > .content > .logo{
background:none;
}
header.noir > .content > .logo img{
opacity:1;
}
header.noir > .content > a.menu > .bar{
background-color:#000000;
}
#wrapper{
position:relative;
margin:0 auto;
width:100%;
}
main{
position:relative;
}
#wrapper main > .content > .contenu{
position:relative;
display:inline-block;
vertical-align:middle;
width:100%;
min-height:100vh;
overflow:hidden;
z-index:0;
}
#wrapper main.projet > .content > .contenu > .inner > .closeProjet{
position:fixed;
top:50px;
right:40px;
width:30px;
background-size:auto 100%;
background-repeat:no-repeat;
background-position:left center;
background-image:url('images/close.svg');
z-index:1;
visibility:hidden;
opacity:0;
-webkit-transition:visibility 0s,opacity 300ms ease;
transition:visibility 0s,opacity 300ms ease;
}
#wrapper main.projet > .content > .contenu > .inner > .closeProjet:before{
content:"";
display:block;
width:100%;
padding-top:100%;
}
#wrapper main.projet > .content > .contenu > .inner > .closeProjet.show{
visibility:visible;
opacity:1;
}
#wrapper main > .content > .contenu .image:not(.swiper-slide){
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center center;
-webkit-transition:background-size 300ms ease;
transition:background-size 300ms ease;
overflow:hidden;
}
#wrapper main > .content > .contenu .image:not(.swiper-slide) img{
-webkit-transition:transform 300ms ease;
transition:transform 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc .cell > .image{
opacity:0;
-webkit-transition:opacity 500ms ease;
transition:opacity 500ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc.active .cell > .image{
opacity:1;
}
#wrapper main > .content > .contenu .image:not(.swiper-slide).paysage{
background-size:auto 100%;
}
#wrapper main > .content > .contenu .image:not(.swiper-slide).portrait{
background-size:100% auto;
}
#wrapper main > .content > .contenu .image.marginTop{
margin-top:75px;
}
#wrapper main > .content > .contenu .image.map{
position:relative;
padding-bottom:45%;
height:0;
overflow:hidden;
-webkit-filter:grayscale(1);
filter:grayscale(1);
}
#wrapper main > .content > .contenu .image.map iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#wrapper main > .content > .contenu .image.video iframe{
position:absolute;
max-width:none;
max-height:none;
min-width:100%;
min-height:100%;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:0;
padding:0;
}
#wrapper main > .content > .contenu > .inner{
font-size:20px;
}
#wrapper main > .content > .contenu > .inner > h1{
display:none;
}
#wrapper main > .content > .contenu > .inner ul{
list-style:inside;
}
#wrapper main > .content > .contenu > .inner ul ul{
margin-left:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
}
#wrapper main > .content > .contenu > .inner > .bloc > *{
text-align:left;
}
#wrapper main > .content > .contenu > .inner > .bloc:before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
width:100%;
height:100vh;
max-height:100%;
z-index:-1;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundFromContent:before{
height:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundThird:before{
height:33vh;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundHalf:before{
height:50vh;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundTwoThirds:before{
height:66vh;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundThird.backgroundFromContent:before{
height:33%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundHalf.backgroundFromContent:before{
height:50%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundTwoThirds.backgroundFromContent:before{
height:66%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundBottom:before{
top:auto;
bottom:0;
}
#wrapper main > .content > .contenu > .inner > .bloc.vert:before{
background-color:#f0fff5;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content .image.border{
border:1px solid #000000;
}
#wrapper main > .content > .contenu > .inner > .bloc.vert > .content .image.colorFilter{
-webkit-filter:grayscale(1) sepia(0.11) saturate(2.83) hue-rotate(79deg) brightness(1.3) contrast(1.8);
filter:grayscale(1) sepia(0.11) saturate(2.83) hue-rotate(79deg) brightness(1.3) contrast(1.8);
}
#wrapper main > .content > .contenu > .inner > .bloc.jaune:before{
background-color:#fffff0;
}
#wrapper main > .content > .contenu > .inner > .bloc.jaune > .content .image.colorFilter{
-webkit-filter:grayscale(1) sepia(0.27) saturate(3.83) hue-rotate(320deg) brightness(1.09) contrast(1.01);
filter:grayscale(1) sepia(0.27) saturate(3.83) hue-rotate(320deg) brightness(1.09) contrast(1.01);
}
#wrapper main > .content > .contenu > .inner > .bloc.rose:before{
background-color:#fff4f4;
}
#wrapper main > .content > .contenu > .inner > .bloc.rose > .content .image.colorFilter{
-webkit-filter:grayscale(1) sepia(0.02) saturate(15.01) hue-rotate(314deg) brightness(1.17) contrast(1.01);
filter:grayscale(1) sepia(0.02) saturate(15.01) hue-rotate(314deg) brightness(1.17) contrast(1.01);
}
#wrapper main > .content > .contenu > .inner > .bloc.image{
color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
#wrapper main > .content > .contenu > .inner > .bloc.image[data-image_fixe="1"]{
background-attachment:fixed;
}
#wrapper main > .content > .contenu > .inner > .bloc > *:not(.swiper){
padding:70px 11.56%;
}
#wrapper main > .content > .contenu > .inner > .bloc.smallpadding > *:not(.swiper){
padding:70px 5.78%;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
max-width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
height:100vh;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content{
width:100%;
margin:0 auto;
max-width:2500px;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content .rose:not(.bouton){
color:#ff2c68;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
display:inline-block;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
padding-left:0;
padding-right:0;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
max-height:100%;
overflow:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc form{
text-align:center;
}
#wrapper main > .content > .contenu > .inner > .bloc .table .cell img,
#wrapper main > .content > .contenu > .inner > .bloc .table .cell video,
#wrapper main > .content > .contenu > .inner > .bloc .table .cell iframe{
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper,
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide{
width:100%;
height:100%;
overflow:hidden;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .prev,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .next{
position:absolute;
top:0;
bottom:0;
width:11%;
min-width:70px;
cursor:pointer;
z-index:1;
opacity:0;
color:#ffffff;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .prev{
left:0;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .next{
right:0;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .prev i,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .next i{
position:absolute;
display:block;
font-size:30px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .prev i{
left:20px;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .next i{
right:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image{
background-size:cover;
background-position:center center;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image .image{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-size:cover;
background-position:center center;
z-index:0;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image:not(.video):not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .image.background{
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:-webkit-transform 0ms linear 2000ms;
transition:transform 0ms linear 2000ms;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider.active > .swiper .swiper-slide.image:not(.video).swiper-slide-active .image.background,
#wrapper main > .content > .contenu > .inner > .bloc.slider.active > .swiper .swiper-slide.image:not(.video).swiper-slide-duplicate-active .image.background{
-webkit-transform:scale(1.08);
transform:scale(1.08);
-webkit-transition:-webkit-transform 8000ms linear;
transition:transform 8000ms linear;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.video,
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.background{
top:0;
right:0;
bottom:0;
left:0;
width:auto;
height:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.video:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.background:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:10;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image .image.background img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image .image.background.portrait img{
width:100%;
max-height:none;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image .image.background.paysage img{
height:100%;
max-width:none;
width:auto;
max-height:none;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.video video,
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.image.video .image.background iframe{
position:absolute;
max-width:none;
max-height:none;
min-width:100%;
min-height:100%;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:0;
padding:0;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content{
display:block;
padding:50px 0;
width:100%;
height:100%;
overflow:auto;
color:#ffffff;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide[data-anim="1"] > .content{
opacity:0;
-webkit-transition:opacity 500ms ease 500ms;
transition:opacity 500ms ease 500ms;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.swiper-slide-active[data-anim="1"] > .content{
opacity:1;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.titre{
display:block;
position:absolute;
bottom:15.55%;
left:11.67%;
width:202px;
font-size:20px;
font-weight:600;
color:#ffffff;
text-transform:uppercase;
line-height:1;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.titre a{
color:#ffffff;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.titre a:before{
content:"";
display:block;
position:absolute;
bottom:-32px;
height:5px;
width:100%;
background-color:#ffffff;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.texte{
display:block;
position:absolute;
bottom:30%;
left:55.8%;
width:39%;
font-size:100px;
font-weight:600;
line-height:105px;
}
#wrapper main > .content > .contenu > .inner > .bloc.image > .content h1,
#wrapper main > .content > .contenu > .inner > .bloc.image > .content p.titre{
display:block;
position:absolute;
bottom:15.55%;
left:11.67%;
width:45%;
font-size:100px;
font-weight:600;
line-height:105px;
}
#wrapper main > .content > .contenu > .inner > .bloc .nextBloc{
position:absolute;
z-index:10;
bottom:0;
left:50%;
height:60px;
padding-top:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
font-size:50px;
-webkit-transition:padding-top 300ms ease;
transition:padding-top 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc a.hover .image{
background-size:104% 104%;
}
#wrapper main > .content > .contenu > .inner > .bloc a.hover .image.paysage{
background-size:auto 104%;
}
#wrapper main > .content > .contenu > .inner > .bloc a.hover .image.portrait{
background-size:104% auto;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage{
position:relative;
width:100%;
font-size:120px;
font-weight:300;
opacity:0;
-webkit-transition:opacity 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear;
transition:opacity 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li{
position:absolute;
list-style:none;
white-space:nowrap;
width:40%;
}
#wrapper main > .content > .contenu > .inner > .bloc.active ul.nuage{
opacity:1;
-webkit-transition:opacity 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear 1000ms;
transition:opacity 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear 1000ms;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.active) ul.nuage > li{
-webkit-transform:translateX(-10%);
transform:translateX(-10%);
opacity:0;
visibility:hidden;
-webkit-transition:-webkit-transform 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear 1000ms;
transition:transform 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000),visibility 0s linear 1000ms;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.active) ul.nuage > li.fromRight{
-webkit-transform:translateX(10%);
transform:translateX(10%);
}
#wrapper main > .content > .contenu > .inner > .bloc.active ul.nuage > li{
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1;
-webkit-transition:-webkit-transform 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:transform 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li a{
-webkit-transform:perspective(50vw);
transform:perspective(50vw);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li a > span{
-webkit-transition:transform 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:transform 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
-webkit-transform-origin:center right;
transform-origin:center right;
text-align:left;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li.fromRight a > span{
-webkit-transform-origin:center left;
transform-origin:center left;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li a,
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li span,
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li small{
display:inline-block;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li small{
position:absolute;
font-size:0.3em;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage){
position:relative;
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) li{
position:relative;
list-style:none;
display:inline-block;
vertical-align:top;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu{
width:100%;
font-size:56px;
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > a{
float:right;
width:20.27%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > ul{
float:left;
width:53.61%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > ul > li{
font-size:36px;
font-weight:300;
width:30%;
padding-right:10px;
padding-bottom:30px;
white-space:nowrap;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) li a.current{
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage){
position:relative;
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) li{
position:relative;
list-style:none;
display:inline-block;
vertical-align:top;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) > li.hasSousMenu{
width:100%;
font-size:56px;
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) > li.hasSousMenu > ul{
width:100%;
margin:4.7% 0;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) > li.hasSousMenu > ul > li{
font-size:36px;
font-weight:300;
width:45%;
padding-right:10px;
padding-bottom:30px;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) li a.current{
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage){
position:relative;
width:100%;
padding:0 11.56%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) li{
position:relative;
list-style:none;
display:inline-block;
vertical-align:top;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu{
width:100%;
font-size:56px;
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > a{
float:right;
width:20.27%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.vision > a.current{
cursor:default;
pointer-events:none;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > ul{
float:left;
width:53.61%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > ul > li{
display:inline-block;
font-size:36px;
font-weight:300;
width:45%;
padding-right:10px;
padding-bottom:30px;
white-space:nowrap;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) li a.current{
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage){
position:relative;
width:100%;
padding:0 11.56%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) li{
position:relative;
list-style:none;
display:inline-block;
vertical-align:top;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu{
width:100%;
font-size:56px;
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > a{
float:right;
width:20.27%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.vision > a.current{
cursor:default;
pointer-events:none;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > ul{
float:left;
width:53.61%;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > ul > li{
display:block;
font-size:36px;
font-weight:300;
width:30%;
padding-right:10px;
padding-bottom:30px;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) li a.current{
font-weight:600;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes{
position:relative;
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small{
position:absolute;
right:0;
max-height:calc(100vh - 82px);
left:5.85%;
padding-right:10.95%;
width:auto;
z-index:1;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small.fixed{
position:fixed;
left:66.47%;
right:5.78%;
padding-right:3.23%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol{
display:block;
margin:2.25% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small > .floatCol{
margin:0 0 5.50% 6.53%;
border-top:1px solid #707070;
padding-top:10px;
-webkit-transition:-webkit-transform 300ms ease;
transition:transform 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.colFake{
cursor:auto;
margin:0 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colThird{
width:20.27%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds{
width:53.61%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small .colTwoThirds,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small .colThird{
width:43.47%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes:not(.small) .colTwoThirds .categorie,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes:not(.small) .colTwoThirds .titre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes:not(.small) .colTwoThirds .soustitre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes:not(.small) .colTwoThirds .date{
width:55%
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes a.projet span.categorie{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .projet.colTwoThirds .titre{
display:block;
font-size:56px;
font-weight:600;
line-height:60px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .projet.colTwoThirds .soustitre{
display:block;
font-size:20px;
font-weight:600;
line-height:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .projet.colTwoThirds .titre+.soustitre{
margin-top:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team{
display:block;
margin:2.25% 3.65%;
width:26.03%;
-webkit-transition:margin-left 300ms ease,-webkit-transform 0ms ease,width 300ms ease;
transition:margin-left 300ms ease,transform 0ms ease,width 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team.hover{
color:#ff2c68;
cursor:initial;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team .image{
position:relative;
overflow:hidden;
-webkit-filter:grayscale(1);
filter:grayscale(1);
-webkit-transition:background-size 300ms ease,opacity 300ms ease,-webkit-filter 300ms ease;
transition:background-size 300ms ease,opacity 300ms ease,filter 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team.hover .image{
background-size:104% auto;
-webkit-filter:none;
filter:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team .image:after{
content:"";
display:block;
padding-bottom:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team .image img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team .image.portrait img{
width:100%;
max-height:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team .image.paysage img{
height:100%;
max-width:none;
width:auto;
max-height:none;
}
body.projet #wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.projet .image{
-webkit-filter:grayscale(1);
filter:grayscale(1);
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .prev,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next{
position:absolute;
display:none;
font-size:30px;
width:calc(3.65% - 10px);
top:0;
right:0;
min-width:15px;
max-width:35px;
margin-top:2.25%;
background-size:auto 100%;
background-repeat:no-repeat;
background-position:left center;
background-image:url('images/up.svg');
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .prev:before,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next:before{
content:"";
display:block;
width:100%;
padding-top:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next{
top:auto;
bottom:0;
background-image:url('images/down.svg');
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small > .prev,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small > .next{
margin-top:0;	
width:6.63%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .prev.disabled,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next.disabled{
opacity:0.5!important;
cursor:initial;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .prev i,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next i{
position:absolute;
top:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next i{
top:auto;
bottom:0;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails{
position:absolute;
top:0;
left:-100%;
width:88.44%;
margin:70px 5.78%;
-webkit-transition:left 300ms ease;
transition:left 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails.show{
left:0;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes{
overflow:hidden;
margin-bottom:2.25%;
pointer-events:none;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes:before{
content:"";
display:block;
position:absolute;
background-color:#ffffff;
top:0;
right:3.65%;
left:70.31%;
padding-top:2.25%;
z-index:1;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes:before,#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > *{
pointer-events:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes.fixed{
position:fixed;
left:5.78%;
right:5.78%;
width:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes.bottom{
position:absolute;
bottom:140px;
left:5.78%;
right:5.78%;
width:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > .floatCol.team{
margin-left:70.31%;
-webkit-transition:margin-left 300ms ease,-webkit-transform 300ms ease,width 300ms ease;
transition:margin-left 300ms ease,transform 300ms ease,width 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > .colFake{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .close{
position:absolute;
font-size:20px;
width:calc(3.65% - 10px);
min-width:15px;
max-width:35px;
top:0;
left:calc(63.01% + 10px);
margin-top:2.25%;
background-size:auto 100%;
background-repeat:no-repeat;
background-position:left center;
background-image:url('images/close.svg');
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .close:before{
content:"";
display:block;
width:100%;
padding-top:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details{
position:absolute;
top:auto;
left:auto;
width:59.36%;
margin:2.25% 3.65%;
opacity:0;
-webkit-transform:translateX(-100vw);
transform:translateX(-100vw);
-webkit-transition:-webkit-transform 300ms ease,opacity 300ms ease;
transition:transform 300ms ease,opacity 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details.show{
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details .image{
position:relative;
display:block;
margin-bottom:20px;
max-height:80vh;
overflow:hidden;
background-size:cover;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details .image img{
width:100%;
max-height:none;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details .titre{
display:block;
font-size:56px;
font-weight:600;
line-height:60px;
margin-bottom:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details .soustitre{
display:block;
font-size:24px;
font-weight:500;
line-height:60px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .image{
display:block;
margin-bottom:15px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .image img{
width:100%;
max-height:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .categorie{
display:block;
font-size:11px;
font-weight:300;
line-height:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media+.media{
margin:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell{
position:relative;
padding:10px 30px 10px 0;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell:before{
content:"";
position:absolute;
top:0;
width:calc(100% - 30px);
border-top:1px solid #000000;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media:last-child > .cell:after{
content:"";
position:absolute;
bottom:0;
width:calc(100% - 30px);
border-top:1px solid #000000;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .date,
#wrapper main > .content > .contenu > .inner > .bloc .liste .soustitre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .date{
display:block;
font-size:11px;
font-weight:600;
line-height:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .soustitre{
margin-bottom:20px;
font-weight:normal;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell:last-child > .soustitre{
visibility:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .titre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .titre{
display:block;
font-size:20px;
font-weight:600;
line-height:26px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .soustitre{
display:block;
font-size:11px;
font-weight:600;
line-height:14px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .titre+.soustitre{
margin-top:12px;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.infos{
margin-bottom:calc(5.8% + 30px);
}
#wrapper main > .content > .contenu > .inner > .bloc .media.infos > *,
#wrapper main > .content > .contenu > .inner > .bloc .media.infospage > *{
display:block;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.infos > .categorie,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infospage > .categorie,
#wrapper main > .content > .contenu > .inner > .bloc .media.infos > .date{
font-size:18px;
line-height:22px;
font-weight:300;
}
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infospage > .categorie{
margin-bottom:22px;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.infos > .date{
font-weight:600;
}
#wrapper main.medias > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infospage > h2,
#wrapper main.media > .content > .contenu > .inner > .bloc .media.infos > h1{
font-size:56px;
line-height:60px;
font-weight:600;
width:50%;
}
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infospage > h2{
width:100%;
}
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infospage > h2+p{
margin-top:20px;
}
#wrapper main.medias > .content > .contenu > .inner > .bloc .media.infos > h3,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infos > h3,
#wrapper main.media > .content > .contenu > .inner > .bloc .media.infos > h3{
margin-top:20px;
font-size:28px;
line-height:30px;
font-weight:400;
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.contenu{
width:50%;
margin:0 0 10% 10%;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.contenu+.media.image{
margin:10% 0 0 10%;
}
#wrapper main > .content > .contenu > .inner > .bloc:first-child .media.contenu{
margin-left:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.contenu+.media.image{
max-width:75%;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.prev,
#wrapper main > .content > .contenu > .inner > .bloc .media.next{
position:absolute;
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.prev span,
#wrapper main > .content > .contenu > .inner > .bloc .media.next span{
display:none;
}
footer{
position:relative;
background-color:#fff4f4;
text-align:center;
}
footer > .content{
display:inline-block;
width:100%;
max-width:2500px;
padding:50px 11.56%;
height:100%;
font-size:18px;
font-weight:500;
text-transform:uppercase;
overflow:hidden;
text-align:left;
}
footer > .content .gotop{
position:absolute;
display:block;
width:44px;
height:44px;
top:-64px;
right:11px;
z-index:2;
background-repeat:no-repeat;
background-position:left center;
background-size:auto 100%;
background-image:url('images/gotop.svg');
}
footer > .content .logo{
position:relative;
display:inline-block;
width:140px;
height:35px;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
background-image:url('../images/logo_noir.svg');
}
footer > .content .logo img{
display:none;
}
footer .table .cell{
padding:0;
}
footer .reseaux,footer .reseaux li{
display:inline-block;
list-style-type:none;
}
footer .social{
display:inline-block;
height:40px;
width:40px;
background-repeat:no-repeat;
background-position:left center;
background-size:auto 100%;
margin-top:19px;
}
footer .reseaux li+li{
margin-left:25px;
}
footer .reseaux li.social .titre{
display:none;
}
footer .reseaux li.social a{
display:block;
height:100%;
}
footer a.mail{
display:inline-block;
margin-top:17px;
}
footer .social.mail{
background-image:url('images/mail.svg');
vertical-align:middle;
margin-right:17px;
margin-top:0;
}
footer .social.mail+span{
display:inline-block;
vertical-align:middle;
}
footer .social.instagram{
background-image:url('images/instagram.svg');
}
footer .social.facebook{
background-image:url('images/facebook.svg');
}
footer .social.linkedin{
background-image:url('images/linkedin.svg');
}
footer > .content .titre{
display:block;
font-weight:400;
}
footer > .content .adresse{
width:35%;
}
footer > .content .links{
width:40%;
}
footer > .content .cell.newsletter{
width:25%;
}
footer form.loading.newsletter:before{
content:"";
position:absolute;
display:block;
bottom:-6px;
right:0;
width:75px;
height:26px;
background:url('images/loading.svg') no-repeat center center;
background-size:contain;
}
footer form.newsletter p.erreur,footer form.newsletter p.valid{
display:none;
}
footer form.newsletter p.erreur ~ input[name="email"]{
background:url('images/erreur.svg') no-repeat center right;
background-size:auto 50%;
}
footer form.newsletter input[name="email"]{
margin-bottom:6px;
font-size:14px;
border-radius:0;
}
footer form.newsletter input.submit{
color:transparent;
background-color:transparent;
background-size:200% auto;
background-repeat:no-repeat;
background-position:left center;
background-image:url('images/submit.svg');
float:right;
height:26px;
width:75px;
font-size:10px;
}
footer form.newsletter.loading input.submit{
visibility:hidden;
}
footer form.newsletter p.valid ~ div input.submit{
background-image:url('images/done.svg');
background-position:right center;
opacity:1;
}
footer.noir{
background-color:#000000;
color:#fff4f4;
}
footer.noir > .content .logo img{
display:block;
}
footer.noir .social.mail{
background-image:url('images/mail_blanc.svg');
}
footer.noir .social.instagram{
background-image:url('images/instagram_blanc.svg');
}
footer.noir .social.facebook{
background-image:url('images/facebook_blanc.svg');
}
footer.noir .social.linkedin{
background-image:url('images/linkedin_blanc.svg');
}
footer.noir form.loading.newsletter:before{
background-image:url('images/loading_blanc.svg');
}
footer.noir form.newsletter input.submit{
background-image:url('images/submit_blanc.svg');
}
footer.noir form.newsletter p.erreur ~ input[name="email"]{
background-image:url('images/erreur_blanc.svg');
}
footer.noir a:not(.gotop){
color:#fff4f4;
}
footer.noir .bouton{
background-color:#fff4f4;
color:#000000;
}
footer.noir input,
footer.noir select,
footer.noir textarea{
color:#fff4f4;
}
#bgPopup{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.7);
z-index:50;
display:none;
}
#popup{
position:fixed;
top:50%;
left:50%;
width:90%;
height:90%;
z-index:51;
background-color:#ffffff;
border-radius:20px;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:none;
}
#popup .contenu{
position:relative;
font-size:14px;
display:block;
padding:50px;
}
#popup .contenu .fa-window-close{
position:absolute;
top:10px;
right:10px;
font-size:20px;
cursor:pointer;
}
#popup h4{
font-size:24px;
font-weight:bold;
text-align:center;
}
#popup form{
max-width:90%;
}
/* HOVER - CURRENT */
body:not(.mobile) #wrapper a:not(.bouton):not(.disabled):hover,body:not(.mobile) footer a:not(.bouton):not(.disabled):hover{
color:#ff2c68;
}
body:not(.mobile) .bouton:not(.disabled):hover{
text-decoration:none;
background-color:#ff2c68;
}
body:not(.mobile) .bouton.rose:not(.disabled):hover{
color:#ff2c68;
background-color:#ffffff;
}
body:not(.mobile) header > .content > .logo:hover{
background:none;
}
body:not(.mobile) header > .content > .logo:hover img{
opacity:1;
}
body:not(.mobile) header > .content > a.menu:hover > .bar{
background-color:#000000;
}
body:not(.mobile) header:not(.open) > .content > a.menu:hover > .bar:first-child{
top:2px;
-webkit-transform:rotate(5deg);
transform:rotate(5deg);
}
body:not(.mobile) header:not(.open) > .content > a.menu:hover > .bar:last-child{
top:16px;
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
}
body:not(.mobile) header.open > .content > a.menu:hover > .bar:first-child{
top:7px;
-webkit-transform:rotate(40deg);
transform:rotate(40deg);
}
body:not(.mobile) header.open > .content > a.menu:hover > .bar:last-child{
top:11px;
-webkit-transform:rotate(-40deg);
transform:rotate(-40deg);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc a:hover .image{
background-size:104% 104%;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc a:hover .image img{
-webkit-transform:scale(1.04);
transform:scale(1.04);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc a:hover .image.paysage{
background-size:auto 104%;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc a:hover .image.portrait{
background-size:104% auto;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc a.team:hover .image{
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc ul.nuage > li a:hover > span{
-webkit-transform:rotateY(45deg);
transform:rotateY(45deg);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc ul.nuage > li.fromRight a:hover > span{
-webkit-transform:rotateY(-45deg);
transform:rotateY(-45deg);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc .nextBloc:hover{
padding-top:10px;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.titre a:hover{
color:#ff2c68;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.titre a:hover:before{
background-color:#ff2c68;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.vision > a.current:hover,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.contact > a.current:hover{
color:#000000;
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .prev:hover,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .next:hover{
opacity:1;
}
body:not(.mobile) #wrapper main.projet > .content > .contenu > .inner > .closeProjet:hover,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .close:hover,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc .colonnes > .prev:not(.disabled):hover,
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc .colonnes > .next:not(.disabled):hover,
body:not(.mobile) footer .social:not(.mail):hover,
body:not(.mobile) footer .mail:hover .social.mail,
body:not(.mobile) footer .gotop:hover{
background-position:right center;
}
body:not(.mobile) footer form.newsletter input.submit:hover{
background-color:transparent;
background-position:right center;
}
/* RESPONSIVE FONTS ET POSITIONS TEXTE*/
@media screen and (min-width:601px) and (max-width:1920px){
header > .content > nav.menuTop > ul > li{
font-size:calc(4.5vw + 33.6px);
line-height:calc(6.2vw + 61px);
}
header > .content > nav.menuTop > ul > li.media ul{
bottom:calc(1.5vw + 6.2px);
}
header > .content > nav.menuTop > ul > li > ul > li{
font-size:calc(1.4vw + 9.1px);
line-height:calc(2.3vw + 15.8px);
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.texte{
font-size:calc(4.5vw + 13.6px);
line-height:calc(4.5vw + 17.7px);
}
h2,
main.projet h2,
h3{
font-size:calc(1.21vw + 32px);
line-height:calc(1.21vw + 37px);
}
main.projet h3:not(.related),
h4{
font-size:calc(0.3vw + 14px);
line-height:calc(0.3vw + 14px);
}
h5{
font-size:calc(0.3vw + 10px);
}
}
@media screen and (max-width:900px){
header > .content > nav.menuTop > ul > li{
font-size:60px;
line-height:90px;
}
header > .content > nav.menuTop > ul > li > ul > li{
font-size:30px;
line-height:40px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .projet.colTwoThirds .titre{
font-size:34px;
line-height:36px;
}
}
@media screen and (max-width:600px){
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content p.texte{
font-size:40px;
line-height:45px;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage{
font-size:40px;
}
h2,
main.projet h2,
h3{
font-size:40px;
line-height:44px;
}
main.projet h3:not(.related),
h4{
font-size:16px;
line-height:16px;
}
h5{
font-size:12px;
}
footer > .content,footer form.newsletter input[name="email"]{
font-size:16px;
}
}
/* RESPONSIVE */
body.mobile header > .content > a.menu,
body.mobile #wrapper main.projet > .content > .contenu > .inner > .closeProjet{
right:10px;
}
@media(max-width:1300px){
footer > .content{
padding:35px 5.78%;
}
footer > .content{
padding:35px 5.78%;
}
footer > .content > .table > .cell{
display:table-row;
width:100%;
}
footer > .content > .table > .cell.space{
height:20px;
}
footer > .content > .table > .cell > .table .cell{
width:50%;
}
footer > .content form.newsletter{
width:calc(50% - 20px);
max-width:350px;
}
}
@media(max-width:1200px){
.table .cell{
padding:25px 5.78%;
}
#wrapper main > .content > .contenu > .inner > .bloc > *:not(.swiper){
padding:35px 5.78%;
}
#wrapper main > .content > .contenu > .inner > .bloc.smallpadding > *:not(.swiper){
padding:35px 2.89%;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails{
margin:35px 2.89%;
width:94.22%;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes.fixed{
left:2.89%;
right:2.89%;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes.bottom{
left:2.89%;
right:2.89%;
bottom:70px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small.fixed{
left:67.54%;
right:2.89%;
padding-right:3.44%;
}
}
@media(max-width:900px){
.hide900{
display:none;
}
.table .cell{
padding:2.89%;
}
h3.related{
margin-bottom:40px;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p{
margin-top:50px;
}
header > .content > nav.menuTop{
overflow:auto;
padding:41px 2.89% 0 2.89%;
}
body.mobile header.open >.content > nav.menuTop{
padding-bottom:40px;
}
header > .content > nav.menuTop ul,header > .content > nav.menuTop ul li{
position:relative!important;
display:block;
height:auto;
width:auto!important;
top:auto!important;
left:auto!important;
bottom:auto!important;
-webkit-transform:none;
transform:none;
}
header > .content > nav.menuTop > ul > li:nth-child(odd){
text-align:left;
}
header > .content > nav.menuTop > ul > li:nth-child(even){
text-align:right;
}
header > .content > nav.menuTop ul.mask{
display:none;
}
header > .content > nav.menuTop ul a{
cursor:pointer;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage),
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage),
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage){
margin-top:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage),
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage){
padding:0 2.89%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > a,
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > a,
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > a,
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > ul,
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > ul,
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > ul{
float:none;
width:auto;
margin:0;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > ul,
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > ul,
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > ul{
width:100%;
margin:4.7% 0;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.projets:not(.nuage) > li.hasSousMenu > ul > li,
#wrapper main > .content > .contenu > .inner > .bloc ul.about:not(.nuage) > li.hasSousMenu > ul > li,
#wrapper main > .content > .contenu > .inner > .bloc ul.contact:not(.nuage) > li.hasSousMenu > ul > li,
#wrapper main > .content > .contenu > .inner > .bloc ul.media:not(.nuage) > li.hasSousMenu > ul > li{
display:inline-block;
width:45%;
padding-right:10px;
padding-bottom:15px;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table,
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell{
display:block;
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell:empty{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell:not(.nopadding){
padding:2.89%;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table:not(.noborder) .cell + .cell,
#wrapper main > .content > .contenu > .inner > .bloc .content .table .row:not(.noborder) .cell + .cell{
border-left:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell:not(:empty) + .cell,
#wrapper main > .content > .contenu > .inner > .bloc .content .table .row .cell:not(:empty) + .cell{
margin-top:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc:before{
height:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundThird:before{
height:33%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundHalf:before{
height:50%;
}
#wrapper main > .content > .contenu > .inner > .bloc.backgroundTwoThirds:before{
height:66%;
}
#wrapper main:not(.accueil) #medias.colonnes{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small{
position:relative;
right:auto;
max-height:none;
left:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small .colTwoThirds,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes.small .colThird{
width:43.47%;
}
#wrapper main.medias > .content > .contenu > .inner > .bloc:first-child .table,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc:first-child .table,
#wrapper main.media > .content > .contenu > .inner > .bloc:first-child .table{
display:flex;
flex-direction:column-reverse;
}
.checklist span{
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds .categorie,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds .titre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds .soustitre,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds .date{
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell{
padding:10px 0;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell+.cell{
margin:0!important;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell:not(:first-child):before{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell:not(:last-child):after{
display:none;
}
#wrapper main > .content > .contenu > .inner > .bloc .liste .media > .cell:last-child > .soustitre{
display:none;
}
.table.nopaddingRight .cell,
.table .cell.nopaddingRight{
padding-right:2.89%!important;
}
.table.nopaddingLeft .cell,
.table .cell.nopaddingLeft{
padding-left:2.89%!important;
}
#wrapper main.medias > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.media > .content > .contenu > .inner > .bloc .media.infos > h1{
width:75%;
}
}
@media(max-width:800px){
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team{
width:42.7%;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > .floatCol.team{
width:26.03%;
}
footer > .content{
padding:20px 2.89%;
}
footer > .content .table,footer > .content .table .cell{
display:block;
width:100%;
}
footer > .content .table:not(.noborder) .cell+.cell,footer > .content .table .row:not(.noborder) .cell+.cell{
border-left:0;
border-top:2px solid;
}
footer > .content > .table > .cell > .table .cell{
width:100%;
}
footer > .content > .table > .cell.links > .table > .cell:nth-child(2){
margin-top:20px;
}
footer > .content form.newsletter{
width:100%;
}
footer > .content .gotop{
top:auto;
bottom:120px;
}
}
@media(max-width:600px){
.titre.hide600{
border-top:2px solid #f15a22;
}
.titre.hide600 td{
height:1px;
padding:0;
font-size:0;
}
h3.related{
margin-bottom:25px;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p{
margin-top:35px;
}
#wrapper main > .content > .contenu > .inner > .bloc.image > .content h1,
#wrapper main > .content > .contenu > .inner > .bloc.image > .content p.titre{
width:76.66%;
}
#wrapper main.medias > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.medias-categorie > .content > .contenu > .inner > .bloc .media.infos > h2,
#wrapper main.media > .content > .contenu > .inner > .bloc .media.infos > h1{
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage > li{
display:block;
position:relative;
width:100%;
margin-bottom:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li:nth-child(odd){
text-align:left;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li:nth-child(even){
text-align:right;
}
#wrapper main > .content > .contenu > .inner > .bloc ul.nuage li a{
-webkit-transform:perspective(100vw);
transform:perspective(100vw);
}
.colonnes.floatGauche > *:nth-child(odd){
float:left;
}
.colonnes.floatGauche > *:not(.team):nth-child(even){
float:right;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colThird{
width:53.61%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol{
margin:5.5% 6.53%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .image{
margin-bottom:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .titre+.soustitre{
margin-top:8px;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .projet.colTwoThirds .titre+.soustitre{
margin-top:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails{
position:fixed;
margin:0;
width:100%;
padding:35px 2.89%;
z-index:9999;
background-color:#ffffff;
overflow:auto;
bottom:0;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details{
position:relative;
width:0;
height:0;
padding:0;
margin:0;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .details.show{
width:100%;
height:auto;
padding:2.25% 3.65%;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails .close{
position:fixed;
display:none;
top:35px;
left:calc(93.46% - 5px);
z-index:1;
}
#wrapper main > .content > .contenu > .inner > .bloc > .content > #teamDetails.show .close{
display:block;
}
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > .floatCol.team{
width:42.7%;
margin-left:3.65%;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.contenu {
width:100%;
padding:2.89%;
margin:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .media.contenu+.media.image{
max-width:none;
margin:2.89%;
}
}
@media(max-width:500px){
#wrapper main > .content > .contenu > .inner > .bloc .colonnes > .floatCol.team,
#wrapper main > .content > .contenu > .inner > .bloc #teamDetails.show+.colonnes > .floatCol.team{
width:92.7%;
margin-left:3.65%;
}
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colTwoThirds,
#wrapper main > .content > .contenu > .inner > .bloc .colonnes .colThird{
width:86.94%;
}
}