@font-face {
	font-family:'NeueHaas';
	src: url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.eot');
	src: url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.eot?#iefix') format('embedded-opentype'),
		url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.woff2') format('woff2'),
		url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.woff') format('woff'),
		url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.ttf') format('truetype'),
		url('/bundles/app/fonts/NhaasGrotesk/NHaasGroteskTXPro-55Rg.svg#NHaasGroteskTXPro-55Rg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kai';
	src: url('/bundles/app/fonts/Kai_custom/Kai_custom-Regular.eot');
	src: url('/bundles/app/fonts/Kai_custom/Kai_custom-Regular.eot?#iefix') format('embedded-opentype'),
		url('/bundles/app/fonts/Kai_custom/Kai_custom-Regular.woff2') format('woff2'),
		url('/bundles/app/fonts/Kai_custom/Kai_custom-Regular.woff') format('woff'),
		url('/bundles/app/fonts/Kai_custom/Kai_custom-Regularn.ttf') format('truetype'),
		url('/bundles/app/fonts/Kai_custom/Kai_custom-Regular.svg#Kai_custom-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{margin:0;padding:0;font-family:'Kai';overflow-x:hidden;width:100%}
nav{position:fixed;text-align:center;width:100%;z-index:60;top: 0;left:0}

/*
nav a{position:relative;top:50px;z-index:30;font-size:45px}
nav a:hover{text-decoration:none;cursor:pointer}
nav a,nav h1{font-family:'Kai';color:#000;text-decoration:none;position:absolute;top:50px}
nav h1{text-align:center;display:block;margin:0 auto;position:relative;font-weight:normal;z-index:20;font-size:45px}
nav h1 span{font-size:25px}

nav a:nth-child(1){left:50px;}
nav a:nth-child(2){left:180px}
nav a:nth-child(4){right:215px}
nav a:nth-child(5){right:50px}
*/

nav h1{position:absolute;width:100%;text-align:center;font-family:'Kai';color:#000;text-decoration:none;display:block;font-size:3vw;font-weight:normal;z-index:25;padding:0;margin:0;top:30px;margin-left:-25px}
nav .MenuOnp{position:relative;font-family:'Kai';color:#000;text-decoration:none;display:block;font-size:3vw;z-index:30}
nav h1 a{position:relative;font-family:'Kai';color:#000;text-decoration:none;font-size:3vw;z-index:30;display: initial}
nav .MenuOnp:hover:after,nav .MenuOnp.on:after{content:"";border-bottom:2px solid #000;width:100%;display:block}
nav h1 a{content:"";}
nav a:after{display:none}
nav .MenuOnp:nth-child(1){float:left;margin:30px 0 30px 60px}
nav .MenuOnp:nth-child(2){float:left;margin:30px 0 30px 60px}
nav .MenuOnp:nth-child(4){float:right;margin:30px 60px 30px 0}
nav .MenuOnp:nth-child(5){float:right;margin:30px 60px 30px 0}

section{min-height:600px;display:inline-block;width:100%}


#znews,#zprojets .filtre{background-color:#FFF}
/*#zprojets,#zprojets .filtre{background-color:#c7c4bf} */
#zagence,#zagence .filtre{background-color:#acc4d0}
/*#zcontact,#zcontact .filtre{background-color:#a78d77}*/
#zcontact,#zcontact .filtre{background-color:#ad5e50}
.filtre{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.2}

/* NEWS */
/*
#znews{display: flex;flex-direction:row;column-count: 2;flex-wrap:wrap;margin:0 auto;justify-content: center;padding:150px 0 150px}
.newprojet{flex:0 0 auto;width: 50%;min-width:25%;text-align:center;margin:50px 0}
.newprojet span{display:none}
.openNews{cursor:pointer;display:initial}
.newprojet.decale{margin-top:250px}
.openNews img{width:80%}
.openNews div{position: relative;display:initial}
.openNews div span{opacity:0;display:initial;position:absolute;left:0;bottom:-25px;color:#000;font-size:14px;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out}
.openNews:hover span{opacity:1}
*/
#znews{padding:150px 0 70px;text-align: center;position:relative;display:block}
#znews #contentNews{width: 90%;margin:0 auto}
#znews .col{display: inline-block;width: 45%;justify-content: center;float:right}
#znews .col.off{display:none}
#znews .col.first {position: relative;margin-top:-250px;float:left}
.newprojet.decale{margin-top:250px}


#znews .col .newprojet img:first-child{margin-top:0px}
#znews .col .newprojet img{max-width:70%}

#znews .col .newprojet img.decale{max-width:70%}
#znews .col.first .openNews img{max-width:60%}
#znews .col.first .openNews img.decale{max-width:70%}

#znews .col .newprojet img.sizewidth{max-width:85%}

.newprojet{flex:0 0 auto;width:100%;min-width:25%;text-align:center;margin:100px 0}
.newprojet span{display:none}
.openNews{cursor:pointer;display:initial}
.openNews div{position: relative;display:initial}
.openNews div span{opacity:0;text-align:left;display:initial;position:absolute;left:0;color:#000;font-size: 15px;top:25px;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out}
.openNews div span sup{vertical-align: text-top;position: relative;top: -5px}

.openNews:hover span{opacity:1}

#descbase-mobile{display:none}

#home-sstitle{position:fixed;width:100%;text-align:center;font-family:'Kai';color:#000;text-decoration:none;display:block;font-size:3vw;font-weight:normal;z-index:25;padding:0;margin:0;bottom:30px;
	    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

#zcontact .zcontact-cnt a[href^="tel:"] {
  color:#000;
  text-decoration: none;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* PROJETS */
#zprojets{min-height:100vh;margin:0 auto;position:relative;-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear}
#zprojets.grey{background-color:#c7c4bf}
#zprojets .center{display:flex;flex-wrap:wrap}
.greyfilter{background-color:#c7c4bf;opacity:0.6}

.projet.off{display:none}
.openProject{cursor:pointer}
#zprojets .filterbw{filter:grayscale(100%) brightness(104%);-webkit-filter:grayscale(100%) brightness(104%);-moz-filter: grayscale(100%) brightness(104%);-ms-filter: grayscale(100%) brightness(104%);-o-filter: grayscale(100%) brightness(104%);mix-blend-mode:multiply}
#zGalleryP a:hover .filterbw{filter:grayscale(100%) brightness(84%);-webkit-filter:grayscale(100%) brightness(84%);-moz-filter: grayscale(100%) brightness(84%);-ms-filter: grayscale(100%) brightness(84%);-o-filter: grayscale(100%) brightness(84%);mix-blend-mode:multiply}

/*
.projet div span{opacity:0;display:initial;position:absolute;left:0;bottom:-15px;color:#000;font-size:10px;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out}
.projet a:hover span{opacity:1}
*/
#sliderProjet{display:none;opacity:0;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
#sliderProjet.on{opacity:1}

/* AGENCE */

/*
#menuPartner{display:inline-block;width:400px}
#descAgence{display:inline-block;width:400px}
*/
#zagence {position:relative;flex-direction: row;flex-wrap: wrap;margin:0 auto;justify-content: center;font-size:22px;line-height:25px;align-items: center;padding:22vh 0 20vh}
#cntTxtagence{position:absolute;display:block;width: 100%;display: flex;align-items:top;justify-content: center}
#zagence .grid{flex:0 0 auto;max-width:590px;min-width:25%;/*margin-top:200px*/}
#zagence #descAgence{max-width:590px}
#menuPartner .apartner{display:block;width:100%}
#menuPartner .apartner{text-decoration:none;color:#000}
#menuPartner .apartner span{position:relative;display:inline-block}
#menuPartner .apartner span:after{content:"";border-bottom:1px solid rgba(0,0,0,0);width:100%;display:block}
#menuPartner .apartner:last-child{margin-top:20px}
#menuPartner .apartner:hover span:after{content:"";border-bottom:1px solid #000;width:100%;display:block;cursor:pointer}
.mobiledesc{display:none}

.apartner .photoprofile{display:none}
.apartner.on .photoprofile{display:block;margin:10px 0 10px 0px}
.descprof{display:none;padding:0 0 0 60px}
.descprof.on {display:block;padding:0 0 60px 40px;min-width:630px}
#descbase.off {display:none}

/* AGENCE */
#zcontact {display: flex;flex-direction: row;flex-wrap: wrap;margin:0 auto;justify-content: center;font-family:'Kai'}
#zcontact .zcontact-cnt{font-size:3vw;margin:23vh auto}




/* Responsive */
@media only screen and (max-width:1480px) {
	nav .MenuOnp{font-size:3vw}
	nav h1 a{font-size:3vw}
	.openNews span.on{opacity:1}
}

@media only screen and (max-width:800px) {
	.descprof{width:100%;padding:0!important}
	.descbase{width:100%;padding:0!important;}
	.grid{max-width:95%!important;margin:50px 0}
	#descAgence{margin-top:0!important}
	.apartner.on .mobiledesc{display:block;margin: 20px 0 30px 0}
}
@media only screen and (max-width:880px) {
	nav .MenuOnp{font-size:20px}
	nav h1 a{font-size:30px}
	#home-sstitle{font-size:30px;bottom:20px}/* background-color:#FFF;padding:15px 0;bottom:5px */ 
	#sayTxtProjet{bottom:40px!important}
	#infoTech{align-items: center;justify-content: center;height:88vh}
}
@media only screen and (max-width:780px) {
	nav{background-color:#FFF;padding-top:50px;
	/*
	  -webkit-transition: background-color 0.25s ease-out;
	  -moz-transition: background-color 0.25s ease-out;
	  -o-transition: background-color 0.25s ease-out;
	  transition: background-color 0.25s ease-out;
	  */
	}

	nav[data-color="colorcontact"]{background-color:#ad5e50}
	nav[data-color="coloragence"]{background-color:#acc4d0}
	nav[data-color="colormat1"]{background-color:#c1bea6}
	nav[data-color="colormat2"]{background-color:#dabea6}
	nav[data-color="colorprojet"]{background-color:#d0cec9}
	nav[data-color="colorbase"]{background-color:#fff}
	
	#zprojets{background-color:#d0cec9!important}
	#zprojets.grey {background-color: #d0cec9}

	nav h1{top:15px;margin-left:0}
	nav .MenuOnp{font-size:20px}
	nav .MenuOnp:hover:after, nav .MenuOnp.on:after{border-bottom:1px solid #000}
	/*#zmatieres .bloclink{white-space:nowrap}*/
	#znews{padding:240px 0 70px;min-height: 52vh}
	#znews .col.first{margin-top:-150px}
	nav .MenuOnp:nth-child(1){float:left;margin:35px 0 15px 10px}
	nav .MenuOnp:nth-child(2){float:left;margin:35px 0 15px 15px}
	nav .MenuOnp:nth-child(4){float:right;margin:35px 10px 20px 0}
	nav .MenuOnp:nth-child(5){float:right;margin:35px 15px 20px 0}
	
	.firstElement{width:100%}
	.owl-carousel .owl-stage-outer{margin:0}
	
	#zagence{min-height:auto;padding:22vh 0 0}
	#descbase{display:none}
	#descbase-mobile{display:block;margin:0 auto}
	
	#cntTxtagence{position:relative;flex-direction: column;flex-direction: column-reverse;}
}