/*!
Theme Name: ATM v2.3
Theme URI: http://underscores.me/
Author: Underscores.me & Michel Ravey
Author URI: https://www.michelravey.com/
Description: ATM Agence Thierry Maytraud v2.3, avril 26
Version: 2.3.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: atm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

D'après v2.0 avec hommage revu et équipe en accueil.
*/



html, body { height: 500px; }
body { margin:0; }
div { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	border: solid 0px #efefef;
}
::-webkit-scrollbar { display:none; }
.clear { clear:both; }

/* Afficher la hauteur défilée */
#hauteurScroll {
	position: fixed;
	left: 30px;
	top: 30px;
	z-index: 300000;
	display:none;
}
/* Debug */
#temoin {
	position: fixed;
	left: 30px;
	bottom: 30px;
	width: 100px;height: 50px;
	z-index: 3000000;
	display: none;
}



/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


SPLASH


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/


#splash {
	position: fixed;left: 0;width: 100%;
	top: 0%;height: 100%;
	background: #fff;z-index: 5000;border: solid 0px red;
	cursor: pointer;
}

#fond {
	position:absolute;width:100%;height:100%;
	top:0;left:0;
	background-position:center center;
	background-size:cover;
	background-repeat: no-repeat;
	background-image:url(imgs/france-eau.jpg);
	display: none;
}
#fond2 {
	position:absolute;width:100%;height:33.8%;
	top:28.3%;left:0%;
	background-position:center center;
	background-size:cover;
	background-repeat: no-repeat;
	background-image:url(imgs/france-eau.jpg);

	z-index:300;
	display:none;
	
}
.logo-anim {
	position:absolute;width:100%;height:68%;
	top:13%;left:0;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}
#logo-anim1 { background-image:url(imgs/logo-anim-1-fondBleu.png);z-index:1000;display:none;  }
#logo-anim2 { background-image:url(imgs/logo-anim-2-photos.png);z-index:500;display:none;  }
#logo-anim3 { background-image:url(imgs/logo-anim-3-ATM.svg);z-index:2000;display:none; }
#logo-anim4 { 
	
	margin-left:-100px;
	background-image:url(imgs/logo-anim-4-tagline.svg);display:none; 
}
#logo-anim5 { background-image:url(imgs/logo-anim-5-metier-2.svg);display:none; }
#logo-anim6 { background-image:url(imgs/logo-anim-6-agence.svg);display:none; }

#fond-bleu { 
	position:absolute;width:0%;height:33.8%;
	top:28.3%;left:0%;
	background: #385277;
	background: linear-gradient(90deg, rgba(56,82,119,1) 45%, rgba(255,255,255,0) 100%);
	opacity:0.8;
	z-index:400;
	mix-blend-mode: multiply;			
}

#scrollDown {
	position: fixed;bottom: 5%;width: 500px;height: 60px;
	left: 50%;margin-left: -250px;
	background-image: url(imgs/scroll-bleu-atm.svg);
	background-position:center bottom;
	background-size:40px 40px;
	background-repeat: no-repeat;
	text-align: center;
	color: #aaa;z-index: 10000;
	display: none;
	cursor: pointer;
}





/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


HOMMAGE à Thierry Mautraud - avril 26


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#accueil26-fond-blanc {
	position: fixed;
	top: 0;left: 0;
	width: 100vw;height: 100vh;
	background-color: #fff;
	z-index: 7500;
	display: none;
}
#accueil26-fond {
	position: fixed;
	top: 25vh;left: 0;
	width: 100vw;height: 53vh;
	background-color: #72829c;
	z-index:  8000;
	display: none;
}

#accueil26-conteneur {
	position: fixed;
	top: 25vh;left: 6vw;
	width: 88vw;height: 53vh;

	/*
	left: 50vw;
	margin-left: -529px;
	*/
	z-index:  9000;
	display: flex;
	justify-content: space-between;
	opacity: 0;
}
#accueil26-conteneur a { text-decoration:none;color:#000; }

#accueil26-ThierryMaytraud, 
#accueil26-ThierryMaytraud .accueil26-survol, 
#accueil26-ThierryMaytraud .accueil26-img {
	width: 27.4%;
}
#accueil26-team, 
#accueil26-accueil26-team .accueil26-survol, 
#accueil26-team .accueil26-img {
	width: 61.05%;
}

/*
#accueil26-conteneur div {
	height: 100%;
	background-color: #72829c;
	
}
*/
#accueil26-conteneur img {
	max-height: 100%;
	mix-blend-mode: multiply;
	transition: all 0.5s ease-in;
}
#accueil26-conteneur img:hover {
	mix-blend-mode: normal;
}

.accueil26-survol {
	position: absolute;
	height: 100%;width: 100%;
	background-color: #72829c;
	z-index: 200;
	mix-blend-mode: multiply;
	/* transition: all 0.5s ease-in; */
}
.accueil26-survol:hover {
	transition: all 0.2s ease-in;
	opacity: 0;cursor: pointer;
}
.accueil26-img {
	position: absolute;
	height: 100%;width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 100;
}

#accueil26-ThierryMaytraud .accueil26-img {
	background-image: url(imgs/ThierryMaytraud-portrait.jpg);
}
#accueil26-team .accueil26-img {
	background-image: url(imgs/ATM-Groupe.jpg);
}

.accueil26-text {
	position: absolute;
	top: 102%;
	font-family: 'Gilroy-Light';
	z-index: 500;
}
.accueil26-bold {
	font-family: 'Gilroy-Bold';
}




/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


HOMMAGE à Thierry Mautraud - nov 22


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#hommage-fond-blanc {
	position: fixed;left: 0;width: 100%;
	top: 0;height: 100%;
	background-color: #fff;
	z-index: 8999;
	display: none;
}
#hommage-fond {
	position: fixed;left: 0;width: 100%;
	top: 20%;height: 80%;
	background-image: url(imgs/hommage-fond.jpg);
	background-repeat: repeat-x;
	background-size: contain;
	background-position: left center;
	z-index: 9000;
	border: solid 0px darkblue;
	display: none;
}
#hommage-contenu {
	position: fixed;left: 0;width: 100%;
	top: 20%;height: 80%;
	background-image: url(imgs/hommage-contenu.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	z-index: 9001;
	cursor: pointer;
	display: none;
	/* transition:  all 0.2s ease-in; */
}

#hommage-texte-conteneur { 
	position:fixed;
	margin: 0 auto;left: 5%;top: 105%;width:90%;height: 85%;
	padding-top:35px;z-index:9002;border:solid 0px black; 
	overflow-y: auto;
	max-width: 1280px;
}
#hommage-texte { position:relative;width:100%; }


.hommage-retour {
	position: relative;z-index: 500;width: 100%;
	margin-top: 12px;text-align:right;
	font-family: 'FuturaPT-Book';
	font-size: 12px;
	color: #bdc6d2;
	text-transform: uppercase;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}

.hommage-fermer {
	position: relative;
	font-family: 'Gilroy-Light';
	font-size: 20px;
	text-transform: uppercase;	
	top: 2px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.hommage-retour:hover { cursor: pointer;color:#385277; }



/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


INDEX


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

/*
#index-conteneur { position: relative;width:1288px;margin:0 auto;border:solid 4px #efefef; }


#glossaire {
	position: relative;
	width: 1280px;
	margin:  0 auto;
	margin-top: calc(600px + 50%);
	text-align: center;
}
#glossaire img { width:1000px; }
#grille {
	position: relative;
	width: 1280px;
	margin:  0 auto;
	margin-top: 100px;
	text-align: center;
}
#grille img { width:1000px; }


#index-glossaire {
	position: relative;
	width: 1280px;
	margin:  0 auto;
	margin-top: calc(400px + 50%);
	text-align: center;
}
#index-glossaire img { width:1000px; }

#index-realisations {
	position: relative;
	width: 1288px;
	margin:  0 auto;
	margin-top: -50px;
	text-align: center;
}
#index-realisations img { width:97%; }

#index-contact {
	position: relative;
	width: 1280px;
	margin:  0 auto;
	margin-top: 100px;
	text-align: center;
}
#index-contact img { width: 1280px; }


*/




/* ----------------------------------------- 


nuage de mots - janvier 2021


----------------------------------------- */

/* PLUS GRAND ECRAN */
.case { 
	position:relative;
	height:auto;
	cursor:pointer;
	float:left;
	font-family: 'Gilroy-Semibold';
	font-size: 24px; 
	opacity: 0.5;
	color: #385277;transition: color 0.4s ease-in;
	-moz-transition: color 0.4s ease-in;
	-webkit-transition: color 0.4s ease-in;
}
.case a {
	text-decoration: none;
	
}
.case a:link, .case a:visited { color: #385277; }
.case a:hover, .case a:active { color: #bdc6d2; }
#index-mots { 
	position:fixed;
	margin: 0 auto;left: 5%;top: 60%;width:90%;height: 600px;
	padding-top:35px;z-index:50000;border:solid 0px black; 
	overflow-y: auto;
	display: none;

}
#index-mots-conteneur { position:relative;width:100%; }

#info { 
	position: fixed;
	bottom:1.5rem;left:1.5rem;
	width:fit-content;height:auto;
	background-color:#f5f5f5;color:#666;
	border-radius:10px;
	padding:10px;
	font-family:Helvetica, sans-serif;
	font-size:2vw;
	z-index:1000;
}
.case img { max-width:300px;max-height:300px; }

.mot-description {
		position: absolute;
		font-family: 'ProximaNova-Regular';
		font-size: 22px;
		line-height: 1.3em;
		color: #000;
		
		margin: 15px 0;padding: 20px 0;
		width: 400px;
		text-align: justify;
	text-justify: inter-word;
}
.filet {
		position: absolute;
		top: 0px;left: 0;width: 50%;height: 2px;
		background: rgb(156,169,187);
		background: linear-gradient(90deg, rgba(156,169,187,1) 0%, rgba(255,255,255,0) 100%);
	}

/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


ENTETE


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#entete {
	position: fixed;
	top: 0;left: 0;width: 100%;height: 100px;
	z-index: 10000;
	background-color: #fff;
}
#logo {
	position: absolute;
	top: 30px;left: 50px;height: 40px;width: 135px;
	background-image: url(imgs/logo-atm-bleu.svg);
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}
#logo:hover { 
	cursor: pointer; 

}
#nav {
	position: absolute;
	top: 30px;height: 40px;left: 185px;
	display: flex;align-items: flex-end;
	padding-left: 25px;
}
#nav div {
	font-family: 'FuturaPT-Book';
	font-size: 24px;
	text-transform: uppercase;
	color: #9ca9bb;
	padding: 6px 25px 4px 25px;
	background: transparent;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	cursor: pointer;
}
#nav div:hover {
	background: #fff;
	color: #385277;
}
#nav div.selected {
	font-family: 'FuturaPT-Demi';
	font-weight: 600;color: #385277;
}
#nav a { 
	text-decoration: none;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#nav a:link, #nav a:visited { 
	color: #9ca9bb;
}
#nav a:hover, #nav a:active { 
	color: #385277;
}
#nav div.selected a { 
	color: #385277;
}

#nav-fond {
	position: fixed;
	top: 0;left: 0;width: 100%;height: 200px;
	z-index: 5000;
	background-image: url(imgs/fond-nav-3.jpg);
	background-position:center bottom;
	background-size:cover;
	background-repeat: no-repeat;
}
#nav-agence-titre, #nav-projets-titre, #nav-contact-titre {
	position: fixed;
	top: 105px;left: 243px;
	z-index: 7500;
}
#nav-agence-titre:hover, #nav-projets-titre:hover, #nav-contact-titre:hover {
	cursor: pointer;
}
.nav-fleche1 {
	font-family: 'FuturaPT-Book';
	font-size: 28px;
	color: #7a8ba4;
	vertical-align: super;
}
.nav-fleche2 {
	font-family: 'FuturaPT-Medium';
	font-size: 36px;
	color: #7a8ba4;
}
.nav-titre {
	font-family: 'FuturaPT-Medium';
	font-size: 48px;
	color: #fff;
}
.nav-sous-titre {
	font-family: 'Gilroy-Light';
	font-size: 24px;
	color: #9ca9bb;
}

#titre-mobile {
	position: fixed;
	width: 215px;height: 50px;
  top: 16px;left: 50%;margin-left: -108px;
  padding-top: 13px; 
  text-align: center;
	font-family: 'FuturaPT-Book';
	font-size: 36px;
	
	color: #385277;
	text-transform: uppercase;
	z-index: 15000;
	cursor: pointer;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	display: none;
}

/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


SMARTPHONE


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#hamburger {
	position: absolute;
	top: 30px;right: 50px;height: 40px;width: 100px;
	background-image: url(imgs/hamburger-3.svg);
	background-position:right center;
	background-size:contain;
	background-repeat: no-repeat;
	display: none;
}
#hamburger:hover { 
	cursor: pointer; 

}
#close {
	position: absolute;
	top: 30px;right: 50px;height: 40px;width: 100px;
	background-image: url(imgs/close-2.svg);
	background-position:right center;
	background-size:contain;
	background-repeat: no-repeat;
	display: none;
}
#close:hover { 
	cursor: pointer; 

}

#menu-smartphone {
	position: fixed;
	top: 80px;left: 0;width: 100%;height: calc(100% - 80px);
	padding-top: 100px;
	z-index: 10000;
	background-color: #fff;
	display: none;
}

#menu-smartphone-fond {
	position: absolute;
	top: 0px;left: 0;width: 100%;height: 100%;
	z-index: 300;
	background-image: url(imgs/menu-hydro.jpg);
	background-size: cover;
	background-position:  center center;
	background-repeat: no-repeat;
}
#menu-smartphone-gradient {
	position: absolute;
	top: 0px;left: 0;width: 100%;height: 100%;
	z-index: 600;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
#menu-smartphone-contenu {
	position: absolute;
	top: 0px;left: 0;width: 100%;height: 100%;
	z-index: 900;padding-top: 100px;
}


.element-smartphone {
	z-index: 1000;
	font-family: 'FuturaPT-Book';
	font-size: 60px;
	text-transform: uppercase;
	color: #9ca9bb;
	padding: 6px 25px 25px 50px;
}
.element-smartphone a { 
	text-decoration: none;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
.element-smartphone a:link, .element-smartphone a:visited { 
	color: #9ca9bb;
}
.element-smartphone a:hover, .element-smartphone a:active { 
	color: #385277;
}
.element-smartphone.selected a { color:#385277; }



/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


CONTENU


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#bandeau {
	position: relative;margin-top: 115px;
	padding-left: 235px;
	width: 100%;
	/*height: 72px;*/
	height: auto;padding-bottom: 20px;
	background-image: url(imgs/bandeau.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
}
#bandeau-filtres {
	position: relative;margin-top: 115px;
	padding-left: 235px;
	width: 100%;min-height: 72px;height: auto;
	background-image: url(imgs/bandeau-clair.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
}


#bandeau div { 
	position: relative;
	display: inline-block;
	padding-top: 14px;padding-right:50px;
}
#bandeau-filtres div { 
	position: relative;
	display: inline-block;
	padding-top: 14px;padding-right:25px;
}
.bandeau-element {	
	font-family: 'FuturaPT-Medium';
	font-size: 24px;
	letter-spacing: 0.05em;
}
#bandeau-filtres .bandeau-element {
	font-family: 'FuturaPT-Book';
	font-size: 20px;
	letter-spacing: 0em;
}

.bandeau-element a { text-decoration: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in; }
.bandeau-element a:link, .bandeau-element a:visited { color: #7a8ba4; }
.bandeau-element a:hover, .bandeau-element a:active, #bandeau div.selected a { color: #fff; }
#bandeau-filtres .bandeau-element a:link, #bandeau-filtres .bandeau-element a:visited { color: #7a8ba4; }
#bandeau-filtres .bandeau-element a:hover, #bandeau-filtres .bandeau-element a:active, .selected a { color: #385277; }


.bandeau-separateur { 
	font-family: 'FuturaPT-ExtraBold';

	font-style: normal;
	color: #385277;
	font-size: 32px;
}
#bandeau-filtres .bandeau-separateur { 
	font-family: 'FuturaPT-ExtraBold';

	font-style: normal;
	color: #fff;
	font-size: 32px;
}





.contenu {
	position: relative;
	margin: 100px 0px 0px 235px;
	width: calc(100% - 385px);
	max-width: 1280px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	
}
.titre {
	position: relative;
	font-family: 'Gilroy-Extrabold';
	font-size: 80px;
	line-height: 1.1em;
}
.soustitre {
	position: relative;
	font-family: 'FuturaPT-Demi';

	font-size: 64px;
	font-style: normal;
	color: #385277;
}
.labeur {
	position: relative;
	margin-top: 90px;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 1.3em;
	text-align: justify;
	text-justify: inter-word;
	-webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -moz-column-fill: balance;
       column-fill: balance;
      column-gap: 100px;
}
.labeur a {
	text-decoration: none;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
.labeur a:link, .labeur a:visited { color:#7a8ba4; }
.labeur a:hover, .labeur a:active { color:#385277; }

.labeur ul {
	list-style-image: url('imgs/square.jpg');
	padding-left: 45px;line-height: 1.5em;
}
.labeur img.alignleft { position: relative;float:left;margin:0 20px 20px 0; }
.labeur p:first-child {
	margin-top: 0;
}
.une_colonne { max-width: 640px;margin-top: 75px;-webkit-columns: 1;-moz-columns: 1;columns: 1; }


.exergue {
	font-family: 'ProximaNova-Bold';
	color: #000;
}
.square {
	position: relative;display: inline-block;
	top: -3px;
	width: 8px;height: 8px;
	background: #9ca9ba;
}






/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


EQUIPE


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#equipe, .membre-fiche {
	position: relative;
	margin: 65px 0px 0px 215px;
	width: calc(100% - 335px);min-height:500px ;
	border: solid 0px #bdc6d2;
}
#contenu-membre {
	position: fixed;
	top: 100px;left: 0;width: 100%;height:calc(100% - 80px);
	border: solid 0px #bdc6d2;
	display: none;
	z-index: 10000;
	background-color: #fff;
	overflow-y: auto;
}
.membre, #emploi {
	position: relative;float: left;
	width: 270px;height: 270px;
	margin: 25px 25px;
	border: solid 0px #385277;
	cursor: pointer;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.membre-photo {
	position: absolute;
	z-index: 500;
	top: 0;left: 0;width: 100%;height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.membre-fond {
	position: absolute;
	z-index: 750;
	top: 0;left: 0;width: 100%;height: 100%;
	background: #385277;
	opacity: 0;
}
.membre-infos {
	position: absolute;
	z-index: 1000;
	top: 0;left: 0;width: 100%;height: 100%;
	opacity: 0;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.6em;
}
.membre-nom {
	position: relative;
	padding: 50px 25px 0 50px;
	font-family: 'FuturaPT-Medium';
	font-size: 22px;
	color: #fff;
}
.membre-qualite {
	position: relative;
	padding: 25px 25px 0 50px;
	font-family: 'FuturaPT-Book';
	font-size: 18px;
	color: #bdc6d2;
}

/* EQUIPE Offres d'emploi */
#emploi { 
	border:solid 4px #dee2e8; 
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
#emploi:hover { border:solid 4px #385277;  }
#emploi .membre-infos { opacity:1; }
#emploi .membre-nom { 
	font-family: 'Gilroy-Extrabold';
	/* font-family: 'Futura PT Demi'; */
	font-size: 32px;
	line-height: 1.2em;
	color: #385277; 
}
#emploi .membre-qualite { 
	font-family: 'FuturaPT-Book';
	font-size: 24px;
	color: #bdc6d2;
}




.membre-fiche { display:none;border:solid 0px red; }
.membre-fiche-gauche {
	position: relative;float: left;
	width: 270px;height: 100%;
	margin: 25px 50px 0 25px;
	border: solid 0px #385277;
	cursor: pointer;
}
.membre-fiche-droite {
	position: relative;float: left;
	margin-top: 25px;
	/*width: calc(100% - 370px);*/
	width: 640px;
	border: solid 0px #385277;
}
.membre-fiche-droite a { 
	text-decoration:none;color: #bdc6d2; 
	transition: all 0.2s ease-in;
}
.membre-fiche-droite a:link, .membre-fiche-droite a:visited { color: #bdc6d2;  } 
.membre-fiche-droite a:hover, .membre-fiche-droite a:active { color: #666;  } 
.membre-fiche-filet {
	position: relative;
	left: -50px;
	width: 100%;
	height: 4px;
	background: rgb(189,198,210);
	background: linear-gradient(90deg, rgba(189,198,210,1) 0%, rgba(255,255,255,1) 100%);
	opacity: 0.3;
}
.membre-fiche-retour {
	position: absolute;z-index: 500;
	margin-top: 12px;right: 50px;
	font-family: 'FuturaPT-Book';
	font-size: 12px;
	color: #bdc6d2;
	text-transform: uppercase;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}

.membre-fiche-fermer {
	position: relative;
	font-family: 'Gilroy-Light';
	font-size: 20px;
	text-transform: uppercase;	
	top: 2px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.membre-fiche-retour:hover { cursor: pointer;color:#385277; }

.membre-fiche-photo {
	width: 270px;height: 270px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.membre-fiche-nom {
	position: relative;
	margin-top: 20px;padding-top: 30px;
	margin-bottom: 10px;
	font-family: 'FuturaPT-Demi';
	font-size: 40px;
	color: #385277;
	text-transform: uppercase;
	
}
.membre-fiche-qualite {
	position: relative;
	font-family: 'FuturaPT-Medium';
	font-size: 24px;
	color: #7a8ba4;
	text-transform: uppercase;
	
}
.membre-fiche-labeur {
	position: relative;
	margin-top: 50px;
	padding-right: 50px;
	padding-bottom: 150px;
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	line-height: 1.3em;
	text-align: justify;
	text-justify: inter-word;
}
.membre-fiche-labeur a {
	text-decoration: none;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
.membre-fiche-labeur a:link, .membre-fiche-labeur a:visited { color:#7a8ba4; }
.membre-fiche-labeur a:hover, .membre-fiche-labeur a:active { color:#385277; }

.membre-fiche-download {
	position: relative;
	display: inline-block;
	width: 100%;height: 25px;
	margin-top: 10px;margin-right: 25px;
	padding-left: 37px;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(imgs/download-bleuATM.svg);
	opacity: 0.3;
	color:#385277;
	font-family: 'FuturaPT-Medium';
	font-size: 20px;
	text-transform: uppercase;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.membre-fiche-download a { 
	text-decoration: none; 
	color: #385277;
}
.membre-fiche-download:hover { color:#385277;opacity:1; }


.membre-fiche-labeur .membre-fiche-download { display:none; }






/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


BOOK


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/
.book-contenu {
	position: relative;
	margin: 100px 0px 0px 235px;
	width: calc(100% - 385px);
	max-width: 1280px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	
}



/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


REALISATIONS


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/


#filtres {
	position: relative;margin-top: 185px;
	position: relative;
	width: calc(100% - 100px);
	/*max-width: 1280px;*/
	margin-left: 57px;
}
#filtres div {
  position: relative;display: inline;margin-right: 35px;
  cursor: pointer;
  font-family: 'FuturaPT-Medium';
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #7a8ba4;
	text-transform: uppercase;
	line-height: 2em;
}
#filtres div:hover { color:#385277; }
#filtres #tout_afficher { font-size:14px;font-family: 'FuturaPT-Demi';color:#385277; }

#realisations {
	position: relative;
	width: calc(100% - 100px);
	/*max-width: 1280px;*/
	height: auto;
	margin:  0 auto;
	margin-top: 25px;
	border: solid 0px red;
}



/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  float: left;
  width: 19%;height: 250px;margin: 12.5px 0.5%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: solid 0px black;
  cursor: pointer;
 /* filter: sepia(100%) hue-rotate(180deg) brightness(95%) saturate(80%); */
 /*background-color: #385277;
 background-blend-mode: lighten;*/
 
 /* désaturer */
 filter: saturate(20%);
 
}

.grid-item:hover { 
	/*filter:  grayscale(0%);*/
	filter: saturate(100%);
 }


/*
.grid-item {
  height: 250px;
  float: left;
}*/

.grid-item--width2 { width:  39%; }
.grid-item--width3 { width:  59%; }
.grid-item--height2 { height: 500px; }
.grid-item--height3 { height: 750px; }
.grid-item--height4 { height: 1000px; }

.grid-sizer { 
  display: flex;align-items: center;justify-content: center;
}

.reaSizer {
	opacity:0;border:solid 1px #fff;
	position: absolute;
}

.survol {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	padding: 37.5px 25px 25px 25px;background: #385277;opacity: 0;
	/*transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;*/
}
.survol:hover { opacity:0.9; }
.grid-item-title {
	position: relative;margin-bottom: 10px;
	font-family: 'Gilroy-Semibold';font-size: 32px;color: #fff;
}
.grid-item-place {
	position: relative;margin-bottom: 30px;
	font-family: 'Gilroy-Light';font-size: 18px;
	/*color: #9ca9bb;*/
	color: #bec6d2;
}
.grid-item-category {
	font-family: 'FuturaPT-Book';font-size: 18px;color: #7a8ba4;
}


/* Cartouche INDEX bleu */
#realisations-index { 
	filter: saturate(100%); 
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#realisations-index:hover { cursor: pointer;filter: saturate(50%); }

#realisations-index .survol {
	background: #385277;
	background-image: url(imgs/bandeau.jpg);
	background-size: cover;
	opacity: 0.5;
}
#realisations-index .grid-item-title {
	text-transform: none;
	margin-bottom: 20px;
}
#realisations-index .grid-item-category {
	font-family: 'Proxima Nova Lt';
	font-size: 24px;
	font-weight: 300;
}

/*
Cartouche INDEX blanc 
#realisations-index { 
	filter: saturate(100%); 
	 border: solid 1px #dde3e9;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#realisations-index:hover { 
    border: solid 1px #9ca9bb;
    cursor: pointer;
    filter: saturate(100%); 
  }

#realisations-index .survol {
    background: #385277;
    background-image: url(imgs/bandeau-blanc.jpg);
    background-size: cover;
    opacity: 0.5;
    
  }
  #realisations-index .grid-item-title {
    text-transform: none;
    margin-bottom: 20px;
    color: #385277;
  }
  #realisations-index .grid-item-category {
    font-family: 'ProximaNova-Light';
    font-size: 24px;
    color: #7a8ba4;
  }
 */


#balagny { background-image: url(realisations/Balagny/BAL-PMasse.jpg); }
#bassin-des-gandines { background-image: url(realisations/Bassin-des-gandines/GAN-planAvecRigole-legende.jpg); }
#bassin-maurice-audin { background-image: url(realisations/Bassin-Maurice-Audin/MA-scena3A.jpg); }

#campus-services-automobile { background-image: url(realisations/Campus-Services-Automobile/Campus-Auto-3D.jpg); }

#est-ensemble { background-image: url(realisations/Est-Ensemble/EESDA-Noisy-Risques.jpg); }
#fontaine { background-image: url(realisations/Fontaine/Fontaineplan-masse.png); }
#gestion-alternative-des-eaux-pluviales { background-image: url(realisations/Gestion-alternative-des-eaux-pluviales/APUR-Bd-La-Chapelle-ream2.jpg); }

#jardin-de-l-ars { background-image: url(realisations/Jardin-de-l-ars/BX-ABG-pers.jpg); }
#jardin-des-eaux { background-image: url(realisations/Jardin-des-eaux/Bassin-de-Fourqueux.jpg); }

#la-bretechelle { background-image: url(realisations/La-Bretechelle/LCSB-photo.jpg); }
#le-ru-d-arra { background-image: url(realisations/Le-Ru-d-Arra/RDAvignette.jpg); }
#longpont { background-image: url(realisations/Longpont/LONG.PlanMasseV4-legende-v.jpg); }
#mercedes { background-image: url(realisations/Mercedes/MERC-3.jpg); }
#mongazons { background-image: url(realisations/Mongazons/MONG-5.jpg); }
#parc-andre-derain { background-image: url(realisations/Parc-Andre-Derain/CHAMB1.jpg); }
#parc-montconseil { background-image: url(realisations/Parc-Montconseil/CorbeilParc.jpg); }
#parc-pincon { background-image: url(realisations/Parc-Pincon/Pincon.jpg); }

#plaine-commune { background-image: url(realisations/Plaine-commune/PLCO-CTechnAlterChardPlan.jpg); }

#promenade-sainte-marie { background-image: url(realisations/Promenade-Sainte-Marie/CHAL.SGEP-01-blanc.jpg); }
#quartier-du-val-fourre { background-image: url(realisations/Quartier-du-Val-Fourre/FAlFourre-Esp-ext-v.jpg); }
#rd127a { background-image: url(realisations/RD127A/RD127AVP-Plan2-v.jpg); }

#residentialisation-lisiere-pereire { background-image: url(realisations/Residentialisation-lisiere-pereire/LP-photo-4.jpg); } 
/* #residentialisation-lisiere-pereire { background-image: url(realisations/Residentialisation-lisiere-pereire/LP-Details-1-ilot-1.jpg); } */

#rue-soeur-valerie { background-image: url(realisations/Rue-Soeur-Valerie/S.Valerie1-credit-photo-92-v.jpg); }
#showroom-des-techniques-alternatives { background-image: url(realisations/Showroom-des-techniques-alternatives/OIE-Photo5.jpg); }

/* #vallee-du-petit-rosne { background-image: url(realisations/Vallee-du-Petit-Rosne/P.ROSNE2-v.jpg); } */
#vallee-du-petit-rosne { background-image: url(realisations/Vallee-du-Petit-Rosne/P.ROSNE-hydro-v.jpg); }


#zac-clichy-batignolles { background-image: url(realisations/ZAC-Clichy-Batignolles/CliBati.jpg); }
#zac-des-facultes { background-image: url(realisations/ZAC-des-Facultes/SMFCoupeparc2.jpg); }

#zac-des-portes-de-senart { background-image: url(realisations/ZAC-des-Portes-de-Senart/BV3-Plan-masse.jpg); }

#zac-toulouse-montaudran-aerospace { background-image: url(realisations/ZAC-Toulouse-Montaudran-Aerospace/TMA-Pers-Parc-SeuraOlm.png); }









/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


FICHE PROJET


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

#voir-infos {
	position: fixed;
	width: 275px;height: 60px;
	top: 30px;right: 50px;
	padding-top: 6px;
	/* background: #e9ecf0; */
	text-align: center;
	font-family: 'FuturaPT-Medium';
	font-size: 24px;
	font-style: normal;
	color: #9ca9bb;
	text-transform: uppercase;
	z-index: 15000;
	background-image: url(imgs/flecheBas-bleuClair.svg);
	background-position: 41px 13px;
	background-repeat: no-repeat;
	background-size: 13px;
	cursor: pointer;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	display: none;

	font-size:18px;
        width: 215px;height: 50px;
        top: 25px;right: 50px;
        padding-top: 18px; 
        background-position: 25px 19px;
        background-size: 11px;
}
#voir-infos:hover {
	/* background: #385277; */
	background-image: url(imgs/flecheBas-bleuATM.svg);
	background-position: 41px 13px;
	background-repeat: no-repeat;
	background-size: 13px;
	color: #385277;

	background-position: 25px 19px;
        background-size: 11px;
}
#voir-galerie {
	position: fixed;
	width: 275px;height: 60px;
	top: 30px;right: 50px;
	padding-top: 6px;
	/* background: #e9ecf0; */
	text-align: center;
	font-family: 'FuturaPT-Medium';
	font-size: 24px;
	font-style: normal;
	color: #9ca9bb;
	text-transform: uppercase;
	z-index: 15000;
	background-image: url(imgs/flecheHaut-bleuClair.svg);
	background-position: 41px 13px;
	background-repeat: no-repeat;
	background-size: 13px;
	cursor: pointer;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	display: none;

	font-size:18px;
        width: 215px;height: 50px;
        top: 25px;right: 50px;
        padding-top: 18px; 
        background-position: 25px 19px;
        background-size: 11px;
}
#voir-galerie:hover {
	/* background: #385277; */
	background-image: url(imgs/flecheHaut-bleuATM.svg);
	background-position: 41px 13px;
	background-repeat: no-repeat;
	background-size: 13px;
	color: #385277;

	background-position: 25px 19px;
        background-size: 11px;
}

.projet-contenu {
	position: relative;
	/* margin: 185px 0px 0px 235px; */
	margin: 185px 0px 0px 50px;
	width: calc(100% - 335px);
	max-width: 1280px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	border: solid 0px #efefef;
}
.projet-soustitre {
	position: relative;
	margin-top: 5px;
	line-height: 2em;
}
.projet-soustitre div {
	position: relative;
	font-family: 'Gilroy-Semibold';
	font-size: 40px;
	line-height: 1.1em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.projet-lieu {
	font-family: 'FuturaPT-Medium';
	font-size: 36px;
	font-style: normal;
	color: #385277;
}
.projet-date {
	font-family: 'FuturaPT-Book';

	font-size: 28px;color: #7a8ba4;
}
.projet-categorie {
	position: relative;
	margin-top: 12.5px;
	font-family: 'FuturaPT-Book';

	font-size: 20px;color: #9ca9bb;
}
.projet-categorie a {
	text-decoration: none;
	transition: color 0.4s ease-in;
	-moz-transition: color 0.4s ease-in;
	-webkit-transition: color 0.4s ease-in;
}
.projet-categorie a:link, .projet-categorie a:visited { color: #9ca9bb; }
.projet-categorie a:hover, .projet-categorie a:active { color: #385277; }
.projet-chapeau {
		position: relative;
		font-family: 'Gilroy-Semibold';
		font-size: 24px;
		/* color: #385277; 
		color:  #7a8ba4; */
		color:  black;
		line-height: 1.7em;
}
.projet-distinction {
	width: 150px;height: auto;
	margin: 0 23px 23px 0;
	padding-top: 23px;
}
.projet-technique {
	/*
	position: relative;
	padding: 25px;
	background: #f2f4f6;
	*/
	margin-top: 50px;
	font-family: 'ProximaNova-Regular';
	font-size: 16px;
	line-height: 1.6em;
	color: #7a8ba4;
}
.projet-tech-titre { 
	font-weight: bold;color: #385277;
	margin-right: 12.5px;
}
.projet-galerie {
	position: relative;
	margin-top: 75px;
	width: calc(100% - 100px);
	margin-left: 50px;
	background-color:#fff;
	padding: 0px;
	height: 620px;
	overflow: hidden;
}

#projet-galerie-conteneur {
	position: absolute;border: solid 0px red;
	top: 0px;height: 550px;width: 10000px;
	margin: 25px 50px;
	
}
.projet-galerie-img {
	position: relative;display: inline-block;
	height: 100%;width: auto;margin-right: 25px;
	cursor: pointer;
}
.projet-galerie-img img { height:100%; }

#projet-galerie-vignettes {
	position: relative;border: solid 0px red;
	margin-left: 0px;
	padding: 0 50px 25px 50px;width: 100%;height: 150px;
	background:  #eceef2;
	/*  background: #fff; */
}
#projet-galerie-vignettes div {
	margin-right: 12.5px;cursor: pointer;
	/* 	opacity: 0.3; */
}
#galerie-temoin {
	position: relative;border: solid 1px red;
	margin-left: 50px;width: 250px;
	height: 80px;display: none;
}

.projet-galerie-masonry {
	position: relative;width: calc(100% - 100px);height:auto;
	margin: 75px 50px;
	/*background: #eceef2; */
}
.masonry-vignette, .masonry-vignette-unit {
	position: relative;float: left;
	/* width: 23%;margin: 12.5px 1%; */
	width: 31.33%;margin: 12.5px 1%;
	cursor: pointer;
}
.masonry-vignette img, .masonry-vignette-unit img {
	width: 100%;
}


.owl-carousel .item {
    height: 570px;
    padding-right: 30px;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
	.owl-carousel .item { height: 500px; }
	
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
	.owl-carousel .item { height: 430px; }
	
}
@media screen and (max-width: 760px) {
	.owl-carousel .item { height: 360px; }
	
}
.item img { height:100%; }
.owl-stage { margin-bottom:25px; }
.owl-dots { margin-top:0px; }
#owl-legend {
	position: relative;width: 100%;height: auto;top:-65px;
	padding: 20px 0;
	border: solid 0px orange;
	/*font-family: 'Proxima Nova Rg';*/
	font-family: 'Gilroy-Light';
	font-size: 14px;
	line-height: 1.3em;
	color: #7a8ba4;
	/*color: #bec6d2;*/
	font-style: italic;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#owl-legend:hover { color: #385277; }

.masonry-legend {
	position: relative;width: 100%;height: auto;
	padding: 7px 0;
	border: solid 0px orange;
	/*font-family: 'Proxima Nova Rg';*/
	font-family: 'Gilroy-Light';
	font-size: 14px;
	line-height: 1.3em;
	color: #7a8ba4;
	/*color: #bec6d2;*/
	font-style: italic;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
.masonry-legend:hover { color: #385277; }

.saut_de_colonne {
  -webkit-column-break-after: column; /* Chrome, Safari, Opera */
          page-break-after: column; /* Firefox */
               break-after: column; /* IE 10+ */
               break-after: column; /* W3C */ 
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	.saut_de_colonne {
        -webkit-column-break-after: column; /* Chrome, Safari, Opera */
                page-break-after: column; /* Firefox */
                     break-after: column; /* IE 10+ */
                     break-after: column; /* W3C */ 
     }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.saut_de_colonne {
        -webkit-column-break-after: avoid; /* Chrome, Safari, Opera */
                page-break-after: avoid; /* Firefox */
                     break-after: avoid; /* IE 10+ */
                     break-after: avoid-column; /* W3C */ 
     }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
	.saut_de_colonne {
		-webkit-column-break-after: avoid; /* Chrome, Safari, Opera */
        page-break-after: avoid; /* Firefox */
             break-after: avoid; /* IE 10+ */
             break-after: avoid-column; /* W3C */ 
	}
}




/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


PROJETS CONNEXES


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/
#projets-connexes-titre {
	position: relative;
	margin-top: 75px;padding-left: 50px;
	font-family: 'FuturaPT-Light';
	font-size: 36px;
	
	color: #385277;
}
.projets-connexes-plus {
	font-family: 'FuturaPT-Medium';
}
#projets-connexes {
	position: relative;width: calc(100% - 100px);height: 300px;
	margin: 15px 50px 0px 50px;
	padding: 0px;
	background-color: #fff;
	border: solid 0px red;
}
#projets-connexes ul { list-style-type: none;padding:0;margin:15px 0 0 0; }
#projets-connexes ul li { 
	width: 300px;height: 300px;margin: 0 5px;padding:0;overflow:hidden; 
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	filter: saturate(25%);
  	cursor: pointer;
  	border: solid 0px green;
}
#projets-connexes li a{
	display: block;
	border: 7px solid #efefef;
}





/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


REALISATIONS - INDEX


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/

/*
table { width:100%; }

table td:nth-child(1) { width:15%;min-width: 139px; }
table td:nth-child(2) { width:36%; }
table td:nth-child(3) { width:24%; }
table td:nth-child(4) { width:25%; }

table tr:first-child td { 
	font-family: 'Gilroy-Regular';font-size: 18px;
	color: #cdd5de;
	border-top:solid 1px #eaeef1;	

}
table tr td { 
	border-bottom:solid 1px #eaeef1; 
	padding:20px;
	vertical-align:top;
}

td.cell-annee { font-family: 'Gilroy-Regular';font-size: 14px;color: #385277; }
td.cell-rea { font-family: 'FuturaPT-Demi';font-size:20px;color: #000; }
td.cell-cat { font-family: 'FuturaPT-Book';font-size: 16px;color: #9ca9bb; }
td.cell-lieu { font-family: 'FuturaPT-Book';font-size: 14px;color: #7a8ba4; }

table td img { 
	display: inline-block;
	width: 40px;height: 14px;
	margin-right: 5px;
}
*/

.contenu-index {
	width: calc(100% - 100px);
}

table { width:100%; }

table tr { cursor: pointer; }
table tr td { 
	border-bottom:solid 1px #eaeef1; 
	padding:20px 20px 20px 0;
	vertical-align:center;
	text-align: left;
}
/*table tr:first-child td { 
	font-family: 'Gilroy';font-size: 18px;
	color: #cdd5de;
	padding-bottom: 10px;
	border-top:solid 0px #eaeef1;	

}*/
table thead td { 
	font-family: 'Gilroy-Regular';font-size: 18px;
	color: #cdd5de;
	padding-bottom: 10px;
	border-top:solid 0px #eaeef1;	

}

table td:nth-child(1) { width:44%; }
table td:nth-child(2) { width:11%;min-width: 90px; }
table td:nth-child(3) { width:25%; }
table td:nth-child(4) { width:19%; }

td a {
	text-decoration: none;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
td a:link, td a:visited { color:#9ca9bb; }
td a:hover, td a:active { color:#000; }

td.cell-annee { font-family: 'Gilroy-Regular';font-size: 14px;color: #385277; }
td.cell-rea { font-family: 'Gilroy-Semibold';font-size:22px;color: #000; }
td.cell-cat { font-family: 'FuturaPT-Book';font-size: 13px;color: #9ca9bb; }
td.cell-lieu { font-family: 'FuturaPT-Book';font-size: 14px;color: #7a8ba4; }
.rea_sousTitre { font-family: 'Gilroy-Semibold';font-weight: 600;font-size:18px;color: #385277; }
.cell-rea-content { position:absolute;opacity:0;height:0;overflow:hidden; }

table td img { 
	display: inline-block;
	width: 32px;height: 15px;
	margin-right: 5px;
}

#recherche {
	position: absolute;right: 0;bottom: 16px;
	width: 40%;
	font-family: 'Gilroy-Regular';font-size: 20px;
	color: #cdd5de;
	border-bottom:solid 1px #9ca9bb;	
}
#recherche input {
	border:0;outline:0;
	padding: 10px 0;
	font-family: 'Gilroy-Regular';font-size: 20px;
	color: #cdd5de;
	width:100%;
}




/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


ACTUALITES


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/
#actualites {
	position: relative;
	width: calc(100% - 100px);
	/*max-width: 1280px;*/
	height: auto;
	margin:  0 auto;
	margin-top: 140px;
	border: solid 0px red;
}

/* clearfix */
.actu:after {
  content: '';
  display: block;
  clear: both;
}

.actu-sizer,
.actu {
  float: left;
  width: 30.33%;margin: 25px 1.5%;
  border: solid 0px black;
  cursor: pointer;
 /* filter: sepia(100%) hue-rotate(180deg) brightness(95%) saturate(80%); */
 /*background-color: #385277;
 background-blend-mode: lighten;*/
}

.actu-titre {
	position: relative;margin-top: 12.5px;
	font-family: 'Gilroy-Extrabold';
	font-size: 40px;
	color: #385277;
}
.actu-description {
	position: relative;margin-top: 12.5px;
	font-family: 'ProximaNova-Light';

	font-size: 20px;color: #000;
	line-height: 1.3em;
}
.actu-infos {
	position: relative;margin-top: 12.5px;
	font-family: 'FuturaPT-Book';
	font-size: 18px;color: #9ca9bb;
}

.actu-paysage { width:100%; }
.actu-carre { width:80%;margin-left:10% }
.actu-portrait { width:60%;margin-left:20%; }

.actu img { width:100%; }


.actu-filet {
		position: relative;margin-top: 50px;
		width: 100%;height: 4px;
		background: rgb(156,169,187);
		background: linear-gradient(90deg, rgba(156,169,187,1) 0%, rgba(255,255,255,0) 100%);
	}
/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


PIED


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/
#pied { 
	position:relative;width:100%; 
	margin-top: 150px;padding: 0 50px 50px 50px;
}

#pied-logo {
	position: absolute;
	top: 0;left: 50px;height: 40px;width: 135px;
	background-image: url(imgs/logo-atm-dark.svg);
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}
#pied-logo-agence {
	height: 16px;
}
#pied-contenu {
	position: relative;top: 0;left: 0;line-height: 1.4em;
}
.pied-adresse, .pied-contact {
	font-family: 'Gilroy-Regular';font-size: 14px;
}
.pied-adresse { color: #000;	}
.pied-contact { color: #7a8ba4;	}
.pied-bottom {
	font-family: 'FuturaPT-Book';font-size: 10px;color: #bdc6d2;
	text-transform: uppercase;letter-spacing: 0.07em;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.pied-bottom:hover { color: #9ca9bb; }
.pied-bottom a { 
	text-decoration: none; 
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
.pied-bottom a:link, .pied-bottom a:visited { color: #bdc6d2; }
.pied-bottom a:hover, .pied-bottom a:active { color: #385277; }

#haut {
	position: fixed;bottom: 30px;right: 50px;
	width: 50px;height: 115px;border: solid 0px #000;
	background-image: url(imgs/fleche-bleueATM.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	display: none;
}
#haut-rea {
	position: absolute;top: 0;right: 50px;
	width: 50px;height: 115px;border: solid 0px #000;
	background-image: url(imgs/fleche-bleueATM.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
}
#haut:hover, #haut-rea:hover { opacity:1;cursor: pointer; }






/* 
__ __ __ __ __ __ __ __ __ __
- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -


CONTACT


- - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
__ __ __ __ __ __ __ __ __ __
*/


#contact-contenu {
	position: relative;
	/* margin: 185px 0px 0px 235px; */
	margin: 185px 0px 0px 50px;
	width:calc(100% - 100px);
	max-width: 1680px;
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	border: solid 0px #efefef;
	
}


#contact-logo {
	position: absolute;
	top: 0;left: 50px;height: 60px;width: 270px;
	background-image: url(imgs/logo-atm-dark.svg);
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}
#contact-logo-agence {
	height: 32px;
}

.contact-adresse, .contact-tel {
	font-family: 'Gilroy-Regular';font-size: 20px;line-height: 1.5em;
	text-decoration: none;color: #000;
}
.contact-adresse { color: #000;	}
.contact-tel { color: #7a8ba4;	}

.contact-emploi { 
	border:solid 4px #dee2e8; 
	transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;
	font-family: 'FuturaPT-Book';
	font-size: 24px;
	color: #bdc6d2;
	position: relative;
	display: inline;
	width: fit-content;
	cursor: pointer;
	padding: 13px 25px;
	margin: 25px 0 0 50px;
	text-transform: uppercase;
	top: -2px;
}
.contact-emploi:hover { 
	border:solid 4px #385277;  
	color: #385277;
}




.contact-titre {
	position: relative;
	margin: 100px 0 0 0;
	font-family: 'Gilroy-Extrabold';
    	font-size: 32px;
    	line-height: 1.2em;
    	color: #385277;
    	text-transform: uppercase;
}

#mapid { width:100%;height: 550px;background:#fff;margin:50px 0px 50px 0; }


/*
.leaflet-popup, .cartelArbre { 
  transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
}
.leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
.leaflet-popup-content { margin:0;width:100%; }
.leaflet-popup-close-button { display:none; }

*/

/* - - - - - - - - -
// cacher la flèche / la pointe blanche du tooltip
- - - - - - - - - 
.leaflet-tooltip {
  padding:0;display:none;
}
.leaflet-popup-tip-container { display:none; }
.leaflet-tooltip-left:before { display:none; }*/

.infobulle {
	 position:absolute;top:-50px;left: 4px;
	text-align:center;
	font-family: 'FuturaPT-Book';font-size: 16px;color: #bdc6d2;
}

.happyforms-flex {
	font-family: 'FuturaPT-Book';font-size: 18px;color: #bdc6d2;
	max-width: 1680px;
}
.happyforms-styles .happyforms-part textarea {
	height: 250px;
}