/*

	Site internet netgem
	Version : 1.1
	Site	: netgem.com
	
	Theme 	: netgem 1.1
	Author	: Integration : Yann Lobry
	
*/


body.path-notre-expertise {
	overflow-x: hidden;
}

#header-expertise .grand-header-page {
	margin-bottom: 9vw;
}

#header-expertise .grand-header-page h1 {
	 background-color: #FC7C1C;
	 font-weight: 600;
	 color: #fff;
	 font-size: 3.7em;
	 position: absolute;
	 bottom: -1.3vw;
	 right: -100%;
	 width: auto;
	 padding: 1.2vw 5vw 0 2vw;
	 border-top-left-radius: 1vw;
	 border-bottom-left-radius: 1vw;
	 height: 6.3vw;
}

#header-expertise .grand-header-page h1.slide {
	right: 0;
}

#header-expertise .grand-header-page .conteneur-barres-liste {
	 position: absolute;
	 right: 0;
	 bottom: -3.9vw;
	 width: 36.2vw;
	 height: 21vw;
}

body.page-node-type-notre-expertise-page.en #header-expertise .grand-header-page .conteneur-barres-liste {
	width: 29.2vw;
}

#header-expertise h2 {
	font-size: 4.46em;
	 line-height: 1.23em;
	 margin-bottom: 6.2vw;
}

.cont-plateformes .fond-gris {
	position: absolute;
	 width: 100%;
	 height: calc(100% - 12.5vw);
	 z-index: -1;
	 bottom: 0;
	 left: 0;
}

.sscont-plateformes {
	margin: 0 auto;
	 width: 86.5%;
	 padding-bottom: 9vw;
}

.barre-droite,
.barre-gauche {
	 width: 100%;
	 height: 3.5vw;
	 margin: 0vw 0;
	 float: left;
}

.barre-droite .barre,
.barre-gauche .barre {
	position: absolute;
	 right: -1%;
	 width: 92.7%;
	 height: 0.35vw;
	 background-color: #FC7C1C;
	 border-radius: 0.3vw;
}

.barre-gauche .barre {
	left: -1%;
	right: auto;
}

.une-plateforme {
	float: left;
	 width: 29.83%;
	 margin: 0 1.75% 3vw;
	 perspective: 800px;
	 height: 17.2vw;
	 position: relative;
}

.une-plateforme:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: -4vw;
	 width: 0.8vw;
	 height: 0.8vw;
	 border-radius: 50%;
	 border: solid 0.26vw #052E53;
	 background-color: #fff;
	 left: 3vw;
}

.une-plateforme:after {
	display: block;
	 content: '';
	 position: absolute;
	 left: 3.57vw;
	 top: -2.4vw;
	 width: 2px;
	 height: 1.8vw;
	 background-color: #000;
}

.une-plateforme .panel {
	height: 17.2vw;
	-webkit-perspective: 600px;
		-moz-perspective: 600px;
			  perspective: 600px;
}

.une-plateforme .hflip > div
{display: block;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 backface-visibility: hidden;
	 border-radius: 1.3vw;
	 border: solid 1px #D8D8D8;
	 box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
}

.une-plateforme .devant
{
	background-color: #FC7C1C;
	padding: 1.7vw 1vw 0 1.8vw;
	z-index:900;
	position:absolute;
	margin:0px;
	float: none;
	top: 0;
	left: 0;
	-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
			  transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
			  backface-visibility: hidden;

	-webkit-transition: all .8s ease-in-out;
			  transition: all .8s ease-in-out;
}

.une-plateforme .devant:after {
	display: block;
	 content: '';
	 position: absolute;
	 right: 1.6vw;
	 bottom: 1.4vw;
	 width: 2.4vw;
	 height: 2.4vw;
	 background: #fff url(/themes/netgem/images/bt-plus.svg) no-repeat center center;
	 background-size: contain;
	 border-radius: 50%;
}

.une-plateforme .devant .chiffre {
	font-size: 2.9em;
	 color: #052E53;
	 line-height: 1.05em;
	 font-weight: 600;
	 position: relative;
}

.une-plateforme .devant h3 {
	color: #fff;
	 text-transform: uppercase;
	 font-weight: 600;
	 font-size: 1.93em;
	 line-height: 1.1em;
}

.une-plateforme .hflip .devant{
	
	cursor: pointer;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
			  transform: rotateX(0deg) rotateY(0deg);
				-webkit-transform-origin: 50% 50%;
}
.une-plateforme .hflip.flip .devant{
	
	z-index:900;
	-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
			  transform: rotateY(-180deg);
				-webkit-transform-origin: 50% 50%;
}

.une-plateforme .derriere
{
	 z-index: 110;
	z-index:800;
	position:absolute;
	margin:0px;
	float: none;
	top: 0;
	left: 0;
	padding: 2.9vw 1vw 0 2vw;
	background-color: #fff;
	-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
			  transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
			  backface-visibility: hidden;

	-webkit-transition: all .8s ease-in-out;
			  transition: all .8s ease-in-out;
}

.une-plateforme .cont-derriere {
	height: 11.3vw;
	 overflow: hidden;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 position: relative;
}

.une-plateforme .sscont-derriere {
	position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: -18px;
	 overflow: auto;
	 overflow-x: hidden;
	 width: calc(100% + 18px);
	 background-color: #fff;
}

.une-plateforme .sscont-derriere .texte-riche {
	padding-right: 18px;
}

.une-plateforme .derriere .cache {
	position: absolute;
	 bottom: 1px;
	 left: 0;
	 width: 100%;
	 height: 5vw;
	 background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	 background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	 border-radius: 1.4vw;
}

.une-plateforme .derriere .texte-riche p {
	 font-size: 1.2em;
	 line-height: 1.2em;
}

.une-plateforme .hflip .derriere{
	overflow: hidden;
	cursor: text;
	-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(179deg); /* setting to 180 causes an unnatural-looking half-flip */
			  transform: rotateY(179deg);
				-webkit-transform-origin: 50% 50%;
}
.une-plateforme .hflip.flip .derriere{

	z-index:1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
			  transform: rotateX(0deg) rotateY(0deg);
				-webkit-transform-origin: 50% 50%;
}




.cont-parallax-ref-exp {
	height: 57vw;
}

#parallax-ref-exp blockquote {
	position: absolute;
	 top: 6vw;
	 right: 6vw;
	 width: 36vw;
	 text-align: right;
	 color: #fff;
	 font-size: 2.86em;
	 line-height: 1.2em;
	 font-weight: 300;
}







#references-expertise .cont-base.un {
	padding-top: 5.7vw;
}

#references-expertise h2 {
	font-size: 4.65em;
	margin-bottom: 3vw;
}

#references-expertise h3 {
	color: #052E53;
	 font-size: 4.62em;
	 line-height: 1.2em;
	 text-align: center;
	 margin-bottom: 0.4vw;
}

#references-expertise .chapeau p {
	color: #052E53;
	 font-size: 1.32em;
	 line-height: 1.5em;
	 font-weight: 400;
	 text-align: center;
	 width: 84%;
	 margin: 0 auto 2.8vw;
}

#references-expertise .block-logos-ref {
	background-color: #fff;
	 border-radius: 1.2vw;
	 border: solid 1px #D8D8D8;
	 padding: 1.8vw 3vw 2.6vw;
	 box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 5%);
}

#references-expertise h4 {
	color: #052E53;
	 font-size: 1.94em;
	 line-height: 1.5em;
	 font-weight: 600;
	 text-align: center;
	 width: 90%;
	 margin: 0 auto 0.7vw;
}

.liste-cat-logos-ref {
	text-align: center;
}

.liste-cat-logos-ref .intitule-cat {
	padding: 0.5vw 0 2vw;
}

.liste-cat-logos-ref .intitule-cat p {
	color: #FC7C1C;
	 font-size: 1.17em;
	 font-weight: 600;
	 line-height: 0.7em;
	 display: inline-block;
	 margin: 0 1.1vw;
	 text-transform: uppercase;
	 cursor: pointer;
	 position: relative;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

.liste-cat-logos-ref .intitule-cat p:hover {
	transform: scale(1.2);
	transform-origin: bottom center;
}

.liste-cat-logos-ref .slick-current .intitule-cat p:hover {
	transform: none;
}

.liste-cat-logos-ref .intitule-cat p:after {
	content: '';
	 position: absolute;
	 left: 50%;
	 bottom: -1.1vw;
	 transform: translateX(-50%) scaleX(0);
	 transform-origin: 50% 50%;
	 width: 71%;
	 height: 0.46vw;
	 background-color: #FC7C1C;
	 transition: transform 250ms;
	 border-radius: 0.3vw;
}

.liste-cat-logos-ref .slick-current .intitule-cat p:after {
	display: none;
}

.liste-cat-logos-ref .intitule-cat p:hover:after {
	transform: translateX(-50%) scaleX(0.85);
}

.liste-cat-logos-ref .slick-current .intitule-cat p {
	cursor: text;
	color: #042E54;
}

.une-liste-logo-ref .field--name-field-categorie-references,
.une-liste-logo-ref .field--name-field-categorie-references-deux,
.une-liste-logo-ref .field--name-field-categorie-references-trois {
	display: none;
}

.une-liste-logo-ref .field--name-field-logos-references-un,
.une-liste-logo-ref .field--name-field-logos-references-deux,
.une-liste-logo-ref .field--name-field-logos-references-trois {
	/*text-align: center;*/
	margin-left: 0.8vw;
}

.une-liste-logo-ref .field--name-field-logos-references-un .field__item,
.une-liste-logo-ref .field--name-field-logos-references-deux .field__item,
.une-liste-logo-ref .field--name-field-logos-references-trois .field__item {
	display: inline-block;
	 width: 9.5vw;
	 margin: 0 0.5vw 0.3vw;
}

.une-liste-logo-ref .field--name-field-logos-references-un img,
.une-liste-logo-ref .field--name-field-logos-references-deux img,
.une-liste-logo-ref .field--name-field-logos-references-trois img {
	width: 100%;
}

#references-expertise .liste-cat-logos-ref {
	 text-align: center;
	 margin-bottom: 1.5vw;
}

#references-expertise .liste-cat-logos-ref .slick-track {
	width: auto !important;
}

#references-expertise .liste-cat-logos-ref .slick-slide {
	 display: inline-block !important;
	 float: none !important;
	 height: auto !important;
	 min-height: auto !important;
	 width: auto !important;
}

#references-expertise .intitule-cat {
	width: auto !important;
}

#references-expertise #ref-trois,
#references-expertise #ref-un {
	margin-bottom: 13vw;
}

#references-expertise #ref-deux {
	margin-bottom: 7.6vw;
}



.conteneur-barres-block-logos-ref {
	position: absolute;
	 bottom: -3.9vw;
	 right: 0;
	 width: 36.6%;
}

.conteneur-barres-block-logos-ref .barre-un {
	height: 11.2vw;
}

.cont-block-logos-ref .fond-gris {
	width: 100%;
	 height: 68vw;
	 position: absolute;
	 bottom: 9.9vw;
	 z-index: -10;
	 left: 0;
}

#ref-deux .cont-block-logos-ref .fond-gris {
	bottom: -20.1vw;
	 height: 30vw;
}

#ref-un .conteneur-barres-block-logos-ref.deux {
	right: auto;
	 left: 0;
}

#ref-un .conteneur-barres-block-logos-ref.deux .barre-un, 
#ref-un .conteneur-barres-block-logos-ref.deux .barre-deux, 
#ref-un .conteneur-barres-block-logos-ref.deux .barre-trois {
	 border-bottom-left-radius: 0;
	 border-bottom-right-radius: 0.7vw;
}

#ref-un .conteneur-barres-block-logos-ref.deux .barre-deux {
	 margin-left: 0;
	 margin-right: 2.55vw;
}

#ref-un .conteneur-barres-block-logos-ref.deux .barre-trois {
	 margin-left: 0;
	 margin-right: 3.9vw;
}

body.path-notre-expertise #footer {
	background-color: #f5f5f5;
}








@media screen and (max-width: 1260px) {
	
	#header-expertise .grand-header-page h1 {
		 bottom: -1.5vw;
	}
	
	#header-expertise .grand-header-page .conteneur-barres-liste {
		 bottom: -4.5vw;
	}
	
}







@media screen and (max-width: 1050px) {
	
	.une-plateforme .derriere .texte-riche p {
		 font-size: 13px;
	}
	
}









.barre-droite-resp,
.barre-gauche-resp {
	display: none;
}

@media screen and (max-width: 852px) {
	
	#header-expertise .grand-header-page h1 {
		 bottom: -1.9vw;
		 font-size: 4.2em;
		 height: 7vw;
		 border-top-left-radius: 1.1vw;
		 border-bottom-left-radius: 1.1vw;
	}
	
	#header-expertise .grand-header-page .conteneur-barres-liste {
		 bottom: -5.7vw;
	}
	
	.barre-droite,
	.barre-gauche {
		display: none;
	}
	
	.barre-droite-resp,
	.barre-gauche-resp {
		display: block;
		height: 4vw;
	}
	
	.une-plateforme {
		 width: 44%;
		 margin: 0 3% 4.5vw;
		 height: 28vw;
	}
	
	.une-plateforme .panel {
		 height: 28vw;
	}
	
	.une-plateforme .hflip > div {
		 border-radius: 1.8vw;
		 box-shadow: 0px 5px 14px 0px rgb(0 0 0 / 15%);
	}
	
	.une-plateforme .devant {
		 padding: 1.7vw 2vw 0 3vw;
	}
	
	.une-plateforme .devant .chiffre {
		 font-size: 4.9em;
		 line-height: 1.2em;
	}
	
	.une-plateforme .devant h3 {
		 font-size: 3em;
	}
	
	.une-plateforme .derriere {
		 padding: 5.2vw 2vw 0 3vw;
	}
	
	.une-plateforme .cont-derriere {
		 height: 21vw;
	}
	
	.une-plateforme .sscont-derriere .texte-riche {
		padding-bottom: 4vw;
	}
	
	.une-plateforme .derriere .texte-riche p {
		 font-size: 1.8em;
	}
	
	.barre-droite .barre, 
	.barre-gauche .barre {
		 width: 91.7%;
		 height: 4px;
		 border-radius: 2px;
	}
	
	.une-plateforme:before {
		 top: calc(-4vw - 5px);
		 width: 10px;
		 height: 10px;
		 border: solid 2px #052E53;
		 left: 5.4vw;
	}
	
	.une-plateforme:after {
		 left: calc(5.4vw + 6px);
		 top: -2.6vw;
		 width: 2px;
		 height: 2vw;
	}
	
	.une-plateforme .devant:after {
		 right: 2.2vw;
		 bottom: 1.9vw;
		 width: 3.5vw;
		 height: 3.5vw;
	}
	
	.cont-plateformes .fond-gris {
		 height: calc(100% - 18vw);
	}
	
	#header-expertise .grand-header-page {
		 margin-bottom: 11vw;
	}
	
	.sscont-plateformes {
		 padding-bottom: 12vw;
	}
	
	.une-plateforme .derriere .cache {
		 height: 6vw;
	}
	
	#references-expertise .liste-cat-logos-ref {
		display: none;
	}
	
	.une-liste-logo-ref .field--type-string {
		display: block;
		 color: #FC7C1C;
		 font-size: 2.2em;
		 font-weight: 600;
		 line-height: 1em;
		 display: block;
		 margin: 0;
		 text-transform: uppercase;
		 cursor: pointer;
		 position: relative;
		 -o-transition: all .2s;
		 -webkit-transition: all .2s;
		 -moz-transition: all .2s;
		 transition: all .2s;
		 text-align: center;
		 border-top: solid 1px #E5E5E5;
		 padding: 3vw 0.5vw 2.8vw;
	}
	
	.un-seul .une-liste-logo-ref .field--type-string {
		cursor: text;
		 color: #042E54;
	}
	
	.un-seul .une-liste-logo-ref .field--type-string.open span:after {
		display: none;
	}
	
	.une-liste-logo-ref .field--type-string span {
		display: inline;
		position: relative;
	}
	
	.une-liste-logo-ref .field--type-string span:after {
		display: block;
		 content: '';
		 position: absolute;
		 right: -3vw;
		 /*top: 50%;
		 transform: translateY(-50%) rotate(180deg);*/
		 width: 2.4vw;
		 height: 2.4vw;
		 background: transparent url(/themes/netgem/images/fleche-rond-deux.svg) no-repeat center center;
		 background-size: contain;
		 -o-transition: all .2s;
		  -webkit-transition: all .2s;
		  -moz-transition: all .2s;
		  transition: all .2s;
		  bottom: 0.1vw;
	}
	
	.une-liste-logo-ref .field--type-string.open span:after {
		/*transform: translateY(-50%);*/
	}
	
	.une-liste-logo-ref .field--name-field-logos-references-un, 
	.une-liste-logo-ref .field--name-field-logos-references-deux, 
	.une-liste-logo-ref .field--name-field-logos-references-trois {
		display: none;
	}
	
	.une-liste-logo-ref .field__item:first-child .field--type-image {
		display: block;
	}
	
	.une-liste-logo-ref .field--type-image {
		padding: 0 2vw 2vw;
		margin-left: 0;
		 overflow-y: hidden;
		 overflow-x: scroll;
		 width: 100%;
		 scrollbar-width: none;
		  -ms-overflow-style: none;
		  overflow: -moz-scrollbars-none;
	}
	
	.une-liste-logo-ref .field--type-image::-webkit-scrollbar {
		width: 0;
		 height: 0;
		 background: transparent;
	}
	
	.une-liste-logo-ref .ssfield--type-image {
		width: 100%;
	}
	
	#references-expertise .cont-base.un {
		 padding-top: 9vw;
	}
	
	#references-expertise h2 {
		 margin-bottom: 4vw;
	}
	
	#references-expertise .chapeau p {
		 font-size: 2.35em;
		 margin: 0 auto 4vw;
	}
	
	#references-expertise .block-logos-ref {
		 border-radius: 2vw;
		 padding: 3vw 0 2vw;
		 overflow: hidden;
	}
	
	#references-expertise h4 {
		 font-size: 2.5em;
		 margin: 0 auto 2.3vw;
	}
	
	.une-liste-logo-ref .field--name-field-logos-references-un .field__item, 
	.une-liste-logo-ref .field--name-field-logos-references-deux .field__item, 
	.une-liste-logo-ref .field--name-field-logos-references-trois .field__item {
		 display: inline-block;
		 width: 24vw;
		 margin: 0 0 1vw;
		 padding: 0 5px;
	}
	
	.conteneur-barres-block-logos-ref {
		 bottom: -5.7vw;
	}
	
	.conteneur-barres-block-logos-ref .barre-un {
		 height: 17vw;
	}
	
	.cont-block-logos-ref .fond-gris {
		 height: 210vw;
		 bottom: 15.1vw;
	}
	
	#references-expertise #ref-deux {
		 margin-bottom: 11vw;
	}
	
	#ref-deux .cont-block-logos-ref .fond-gris {
		 bottom: -14.9vw;
		 height: 30vw;
	}
	
	#ref-un .conteneur-barres-block-logos-ref.deux .barre-un, #ref-un .conteneur-barres-block-logos-ref.deux .barre-deux, #ref-un .conteneur-barres-block-logos-ref.deux .barre-trois {
		 border-bottom-left-radius: 0;
		 border-bottom-right-radius: 1.1vw;
	}
	
}







@media screen and (max-width: 690px) {
	
	.une-plateforme .derriere .texte-riche p {
		 font-size: 13px;
	}
	
}






@media screen and (max-width: 630px) {
	
	
	
}








@media screen and (max-width: 540px) {
	
	#header-expertise .grand-header-page h1 {
		 bottom: -15vw;
		 height: 15vw;
		 border-top-left-radius: 0;
		 border-bottom-left-radius: 6vw;
		 font-size: 5.6em;
		 padding: 4.9vw 12.2vw 0 5.5vw;
	}
	
	#header-expertise .grand-header-page .conteneur-barres-liste {
		 bottom: calc(-15vw - 26px);
		 height: 26px;
		 width: 43.7vw;
	}
	
	#header-expertise .grand-header-page {
		 margin-bottom: 40vw;
	}
	
	#header-expertise h2 {
		 font-size: 6.3em;
		 margin-bottom: 10vw;
	}
	
	.barre-droite-resp, 
	.barre-gauche-resp {
		display: none;
	}
	
	.sscont-plateformes {
		 padding: 13.4vw 30px 34vw;
		 width: auto;
		 margin: 0;
		 position: relative;
	}
	
	.sscont-plateformes.clear-after:after {
		content: '';
		 display: block;
		 height: calc(100% - 60vw);
		 clear: none;
		 font-size: 0px;
		 line-height: 0px;
		 width: 5px;
		 background-color: #FC7C1C;
		 position: absolute;
		 left: 50%;
		 top: 0;
		 z-index: -2;
		 transform: translateX(-50%);
		 border-radius: 3px;
	}
	
	.une-plateforme {
		 width: auto;
		 margin: 0 0 14vw;
		 height: 72vw;
		 float: none;
	}
	
	.une-plateforme .panel {
		 height: 72vw;
	}
	
	.une-plateforme:before,
	.une-plateforme:after {
		display: none;
	}
	
	.une-plateforme .hflip > div {
		 border-radius: 5.5vw;
	}
	
	.une-plateforme .hflip .devant {
		 border: none;
	}
	
	.une-plateforme .devant .chiffre {
		 font-size: 11.6em;
	}
	
	.une-plateforme .devant h3 {
		 font-size: 7.5em;
	}
	
	.cont-plateformes .fond-gris {
		 height: calc(100% - 47.8vw);
		 z-index: -3;
	}
	
	.une-plateforme .devant:after {
		 right: 7.1vw;
		 bottom: 6.1vw;
		 width: 9.5vw;
		 height: 9.5vw;
	}
	
	.une-plateforme .devant {
		 padding: 6vw 5vw 0 7vw;
	}
	
	.une-plateforme .derriere .texte-riche p {
		 font-size: 4em;
	}
	
	.une-plateforme .derriere {
		 padding: 7vw 4vw 0 6vw;
		 
	}
	
	.une-plateforme .derriere:after {
		display: block;
		 content: '';
		 position: absolute;
		 right: 7.1vw;
		  bottom: 6.1vw;
		  width: 9.5vw;
		  height: 9.5vw;
		 background: #fff url(/themes/netgem/images/bt-moins.svg) no-repeat center center;
		 background-size: contain;
		 border-radius: 50%;
	}
	
	.une-plateforme .cont-derriere {
		 height: 50vw;
	}
	
	.une-plateforme .derriere .cache {
		 height: 29vw;
	}
	
	.une-plateforme .sscont-derriere .texte-riche {
		 padding-bottom: 12vw;
	}
	
	.cont-parallax-ref-exp {
		 height: 76vw;
	}
	
	#parallax-ref-exp blockquote {
		 width: 40vw;
		 font-size: 4.4em;
	}
	
	#references-expertise .cont-base.un {
		 padding-top: 34vw;
	}
	
	#references-expertise h2 {
		 font-size: 8em;
		 margin-bottom: 8vw;
	}
	
	#references-expertise h3 {
		 font-size: 7.4em;
		 text-align: left;
		 margin-bottom: 2.5vw;
	}
	
	#references-expertise .chapeau p {
		 font-size: 4em;
		 margin: 0 0 8vw;
		 text-align: left;
		 width: auto;
		 font-weight: 500;
		 line-height: 1.3em;
	}
	
	#references-expertise h4 {
		 font-size: 4.65em;
		 margin: 0 auto 4vw;
		 width: 76%;
		 line-height: 1.35em;
	}
	
	#references-expertise .block-logos-ref {
		 border-radius: 3.2vw;
		 padding: 7vw 0 3vw;
	}
	
	.une-liste-logo-ref .field--type-string {
		 font-size: 4.5em;
		 padding: 4.6vw 5vw 4.3vw;
	}
	
	.une-liste-logo-ref .field--type-string span:after {
		 right: -7.4vw;
		 width: 5.6vw;
		 height: 5.6vw;
	}
	
	.une-liste-logo-ref .field--name-field-logos-references-un .field__item, 
	.une-liste-logo-ref .field--name-field-logos-references-deux .field__item, 
	.une-liste-logo-ref .field--name-field-logos-references-trois .field__item {
		 width: 48vw;
		 margin: 0 0 2vw;
	}
	
	.une-liste-logo-ref .field--type-image {
		 padding: 0 5vw 5vw;
	}
	
	#references-expertise #ref-un,
	#references-expertise #ref-trois {
		 margin-bottom: 34vw;
	}
	
	.conteneur-barres-block-logos-ref {
		 bottom: -39px;
	}
	
	.conteneur-barres-block-logos-ref .barre-un {
		 height: 33vw;
	}
	
	.cont-block-logos-ref .fond-gris {
		 height: 600vw;
		 bottom: calc(39px + 17.5vw);
	}
	
	#references-expertise .conteneur-barres-parallax-haut {
		 width: 57vw;
	}
	
	#references-expertise .conteneur-barres-parallax-bas {
		 width: 35vw;
	}
	
	#ref-deux .cont-block-logos-ref .fond-gris {
		display: none;
	}
	
	#ref-un .conteneur-barres-block-logos-ref.deux .barre-un, #ref-un .conteneur-barres-block-logos-ref.deux .barre-deux, #ref-un .conteneur-barres-block-logos-ref.deux .barre-trois {
		 border-bottom-left-radius: 0;
		 border-bottom-right-radius: 6px;
	}
	
	#ref-un .conteneur-barres-block-logos-ref.deux .barre-un {
		height: 50vw;
	}
	
	#references-expertise #ref-deux {
		 margin-bottom: 15vw;
	}
	
}












