/*

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

#header {
	 height: 9.2vw;
	 -o-transition: height .5s;
	 -webkit-transition: height .5s;
	 -moz-transition: height .5s;
	 transition: height .5s;
}

body.scrolled #header {
	 height: 6.7vw;
	 -o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}

#cont-header {
	background: rgba(255,255,255,0.95);
	 height: 9.2vw;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 50;
	 display: block;
	 //overflow: hidden;
	 -o-transition: height .5s;
	 -webkit-transition: height .5s;
	 -moz-transition: height .5s;
	 transition: height .5s;
}

body.scrolled #cont-header {
	height: 6.7vw;
	-o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
	 box-shadow: 0 5px 7px rgb(0 0 0 / 15%);
}

body.scroll-down #cont-header {
	height: 0;
	overflow: hidden;
	-o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}

#sscont-header {
	 width: 83.4%;
	 margin: 0 auto;
	 position: relative;
}




#logo-header {
	float: left;
	 width: 17.5vw;
	 height: 7vw;
	 padding-top: 2.8vw;
	 display: block;
	 -o-transition: all .5s;
	  -webkit-transition: all .5s;
	  -moz-transition: all .5s;
	  transition: all .5s;
}

#logo-header:hover {
	transform: scale(1.1);
	 transform-origin: bottom left;
}

#logo-header img {
	width: 100%;
}

body.scrolled #logo-header {
	width: 13.5vw;
	 height: 6vw;
	 padding-top: 2.2vw;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}



#block-selecteurdelangue {
	position: absolute;
	right: 0;
	top: 1.8vw;
	-o-transition: all .5s;
	  -webkit-transition: all .5s;
	  -moz-transition: all .5s;
	  transition: all .5s;
}

body.scrolled #block-selecteurdelangue {
	top: 1vw;
	-o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#block-selecteurdelangue li {
	float: right;
}

#block-selecteurdelangue a {
	display: block;
	 width: 1.6vw;
	 height: 1.3vw;
	 font-size: 0;
	 text-indent: -10000px;
	 background: transparent url(/themes/netgem/images/btn-lang-en.jpg) no-repeat center center;
	 margin-left: 0.9vw;
	 background-size: contain;
}

#block-selecteurdelangue a[hreflang="fr"] {
	background: transparent url(/themes/netgem/images/btn-lang-fr.jpg) no-repeat center center;
	background-size: contain;
}

#block-selecteurdelangue .is-active a {
	opacity: 0.5;
	cursor: default;
}

#block-selecteurdelangue a:hover {
	transform: scale(1.1);
}

#block-selecteurdelangue .is-active a:hover {
	transform: scale(1);
}





#menu-header {
	float: right;
}

#menu-header > ul {
	padding-top: 4.3vw;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

body.scrolled #menu-header > ul {
	padding-top: 2.9vw;
	-o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#menu-header > ul > li {
	float: left;
	 padding: 0 0.8vw 0;
	 
}

body.scrolled #menu-header > ul > li {
	
}

#menu-header > ul > li:last-child {
	padding-right: 0;
}

#menu-header a {
	color: #052E53;
	 font-weight: 500;
	 font-size: 1.0em;
	 position: relative;
	 display: block;
	 padding: 0.25vw 0 0.15vw;
	 border-radius: 2vw;
}

body.page-node-type-ce-qui-nous-rend-unique-page #menu-header .unique a,
body.page-node-type-notre-expertise-page #menu-header .expert a,
body.path-news #menu-header .news a,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-header .contact a,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-header .contact a {
	cursor: default;
	font-weight: 600;
}

#menu-header > ul > li > a:hover,
#menu-header > ul > li.sfHover > a {
	transform: scale(1.14);
	transform-origin: bottom center;
}

body.page-node-type-ce-qui-nous-rend-unique-page #menu-header > ul > li.unique > a:hover,
body.page-node-type-ce-qui-nous-rend-unique-page #menu-header > ul > li.unique.sfHover > a,
body.page-node-type-notre-expertise-page #menu-header > ul > li.expert > a:hover,
body.page-node-type-notre-expertise-page #menu-header > ul > li.expert.sfHover > a,
body.path-news #menu-header > ul > li.news > a:hover,
body.path-news #menu-header > ul > li.news.sfHover > a,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-header > ul > li.contact > a:hover,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-header > ul > li.contact.sfHover > a,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-header > ul > li.contact > a:hover,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-header > ul > li.contact.sfHover > a {
	transform: scale(1);
}

#menu-header li.investisseur,
#menu-header li.expert {
	position: relative;
}

#menu-header li.investisseur:before,
#menu-header li.expert:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 1vw;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #FC7C1C;
	-o-transition: height 0.1s;
	 -webkit-transition: height 0.1s;
	 -moz-transition: height 0.1s;
	 transition: height 0.1s;
	 border-top-left-radius: 1.4vw;
		border-top-right-radius: 1.4vw;
}

#menu-header li.expert:before {
	background-color: #052E53;
}

#menu-header li.investisseur.sfHover:before,
#menu-header li.expert.sfHover:before {
	height: 8vw;
	-o-transition: height 0.1s;
	 -webkit-transition: height 0.1s;
	 -moz-transition: height 0.1s;
	 transition: height 0.1s;
}

#menu-header .investisseur > a {
	background-color: #FC7C1C;
	padding: 0.25vw 1.8vw 0.15vw 0.95vw;
	z-index: 2;
}

#menu-header .expert > a {
	/*background-color: #FC7C1C;*/
	padding: 0.25vw 1.8vw 0.15vw 0.95vw;
	z-index: 2;
}

body.page-node-type-investisseurs #menu-header .investisseur > a {
	color: #fff;
}

body.tv-immersive #menu-header .nive-deux .immersive-tv > a,
body.tv-immersive #menu-header .nive-deux .immersive-tv > a:visited,
body.cloud-gaming #menu-header .nive-deux .immersive-tv > a,
body.cloud-gaming #menu-header .nive-deux .immersive-tv > a:visited,
body.superapp #menu-header .nive-deux .superapp > a,
body.superapp #menu-header .nive-deux .superapp > a:visited,
body.fast-lane #menu-header .nive-deux .fast-lane > a,
body.fast-lane #menu-header .nive-deux .fast-lane > a:visited,
body.tv-as-a-service #menu-header .nive-deux .tv-as-a-service > a,
body.tv-as-a-service #menu-header .nive-deux .tv-as-a-service > a:visited,
body.media-services #menu-header .nive-deux .media-services > a,
body.media-services #menu-header .nive-deux .media-services > a:visited,
body.page-node-type-notre-expertise-page #menu-header .nive-deux .expert-synthese > a,
body.page-node-type-notre-expertise-page #menu-header .nive-deux .expert-synthese > a:visited {
	color: #FC7C1C;
	cursor: default;
}

#menu-header .expert .nive-deux .immersive-tv > a:hover,
#menu-header .expert .nive-deux .expert-synthese > a:hover {
	color: #FC7C1C;
}

#menu-header > ul > li.expert > a:hover, 
#menu-header > ul > li.expert.sfHover > a {
	color: #fff;
}

#menu-header .investisseur > a:hover {
	/*border-radius: 0;*/
}

#menu-header > ul > li > a:after {
	content: '';
	 position: absolute;
	 left: 50%;
	 bottom: -0.4vw;
	 transform: translateX(-50%) scaleX(0);
	 transform-origin: 50% 50%;
	 width: 71%;
	 height: 0.46vw;
	 background-color: #FC7C1C;
	 transition: transform 250ms;
	 border-radius: 0.3vw;
}

body.fr #menu-header > ul > li.unique > a:after {
	width: 55%;
}

body.page-node-type-ce-qui-nous-rend-unique-page #menu-header > ul > li.unique > a:after,
/*body.page-node-type-notre-expertise-page #menu-header > ul > li.expert > a:after,*/
body.path-news #menu-header > ul > li.news > a:after,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-header > ul > li.contact > a:after,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-header > ul > li.contact > a:after {
	transform: translateX(-50%) scaleX(1);
	background-color: #042E54;
}

#menu-header > ul > li > a:hover:after {
	transform: translateX(-50%) scaleX(1);
}

#menu-header .investisseur > a:after {
	left: auto;
	 right: 0.7vw;
	 bottom: auto;
	 top: 0.7vw;
	 transform: none;
	 width: 0.9vw;
	 height: 0.7vw;
	 background-color: transparent;
	 border-radius: 0;
	 background: transparent url(/themes/netgem/images/fleche-menu.svg) no-repeat center center;
	 background-size: contain;
	 transform-origin: unset;
	 border: 0;
	 margin: 0;
}

#menu-header .expert > a:after {
	left: auto;
	 right: 0.7vw;
	 bottom: auto;
	 top: 0.7vw;
	 transform: none;
	 width: 0.9vw;
	 height: 0.7vw;
	 background-color: transparent;
	 border-radius: 0;
	 background: transparent url(/themes/netgem/images/fleche-menu.svg) no-repeat center center;
	 background-size: contain;
	 transform-origin: unset;
	 border: 0;
	 margin: 0;
}

#menu-header .expert.sfHover > a:after {
	background: transparent url(/themes/netgem/images/fleche-menu-blanche.svg) no-repeat center center;
	 background-size: contain;
	 transform: none;
}

body.page-node-type-investisseurs #menu-header .investisseur > a:after {
	background: transparent url(/themes/netgem/images/fleche-menu-blanche.svg) no-repeat center center;
	 background-size: contain;
}

#menu-header > ul > li.investisseur > a:hover:after {
	transform: none;
}

#menu-header .nive-deux {
	 width: 100%;
	  position: absolute;
	  top: 0;
	  background-color: #FC7C1C;
	  padding: 2.5vw 0 0.85vw;
	  left: 0;
	  border-bottom-left-radius: 1.4vw;
	  border-bottom-right-radius: 1.4vw;
}

#menu-header .expert .nive-deux {
	background-color: #052E53;
}

#menu-header .nive-deux li {
	text-align: center;
	 padding: 0 1.7vw;
	 line-height: 1em;
}

#menu-header .nive-deux a,
#menu-header .nive-deux a:visited {
	font-size: 0.9em;
	 border-bottom: solid 1px #FDB077;
	 border-radius: 0;
	 padding: 0.8vw 0 0.7vw;
}

#menu-header .expert .nive-deux a,
#menu-header .expert .nive-deux a:visited {
	color: #fff;
	border-bottom: solid 1px #6f6157;
}

body.page-node-type-investisseurs #menu-header .nive-deux .investisseur-synthese a,
body.page-node-type-investisseurs #menu-header .nive-deux .investisseur-synthese a:visited,
body.path-investors.regulatory-press-releases #menu-header .nive-deux .comm-reg a,
body.path-investors.regulatory-press-releases #menu-header .nive-deux .comm-reg a:visited,
body.path-investors.communiques-de-presse-reglementes #menu-header .nive-deux .comm-reg a,
body.path-investors.communiques-de-presse-reglementes #menu-header .nive-deux .comm-reg a:visited,
body.path-investors.regulatory-information #menu-header .nive-deux .infos-reg a,
body.path-investors.regulatory-information #menu-header .nive-deux .infos-reg a:visited,
body.path-investors.informations-reglementees #menu-header .nive-deux .infos-reg a,
body.path-investors.informations-reglementees #menu-header .nive-deux .infos-reg a:visited,
body.page-node-type-gouvernance-d-entreprise #menu-header .nive-deux .gouvernance a,
body.page-node-type-gouvernance-d-entreprise #menu-header .nive-deux .gouvernance a:visited,
body.investors.share-price #menu-header .nive-deux .cours-de-bourse a,
body.investors.share-price #menu-header .nive-deux .cours-de-bourse a:visited,
body.investisseurs.cours-de-bourse #menu-header .nive-deux .cours-de-bourse a,
body.investisseurs.cours-de-bourse #menu-header .nive-deux .cours-de-bourse a:visited {
	color: #fff;
	cursor: default;
}

body.page-node-type-notre-expertise-page #menu-header .nive-deux .expert-synthese a,
body.page-node-type-notre-expertise-page #menu-header .nive-deux .expert-synthese a:visited,
body.page-node-type-investisseurs #menu-header .nive-deux .immersive-tv a,
body.page-node-type-investisseurs #menu-header .nive-deux .immersive-tv a:visited {
	color: #FC7C1C;
}

#menu-header .nive-deux a:hover {
	color: #fff;
}

body.page-node-type-notre-expertise-page #menu-header .nive-deux .expert-synthese a:hover,
body.page-node-type-investisseurs #menu-header .nive-deux .immersive-tv a:hover {
	color: #FC7C1C;
}

#menu-header .nive-deux li:last-child a {
	border: none;
}






@media screen and (max-width: 1260px) {
	
	#sscont-header {
		 width: 89.5%;
	}
	
	#logo-header {
		 width: 19vw;
	}
	
	body.scrolled #logo-header {
		 width: 15.7vw;
		 padding-top: 2vw;
	}
	
	#menu-header > ul > li {
		 padding: 0 0.9vw 0;
	}
	
	#menu-header a {
		 font-size: 1.075em;
	}
	
	#menu-header .investisseur > a:after,
	#menu-header .expert > a:after {
		 top: 0.85vw;
	}
	
	#menu-header .investisseur.sfHover > a:after,
	#menu-header .expert.sfHover > a:after {
		 top: 0.9vw;
	}
	
	#menu-header .nive-deux li {
		 padding: 0 1.4vw;
	}
	
	#menu-header .nive-deux a, 
	#menu-header .nive-deux a:visited {
		 font-size: 0.95em;
	}
	
	#block-selecteurdelangue a {
		 width: 1.9vw;
		 height: 1.45vw;
	}
}




@media screen and (max-width: 1220px) {
	
	#logo-header {
		 width: 21.3vw;
	}
	
	body.scrolled #logo-header {
		 width: 17.7vw;
		 padding-top: 1.9vw;
	}
	
	#menu-header a {
		 font-size: 1.27em;
		 padding: 0.3vw 0 0.15vw;
	}
	
	#menu-header .investisseur > a,
	#menu-header .expert > a {
		 padding: 0.25vw 2.2vw 0.15vw 1.2vw;
	}
	
	#menu-header .investisseur > a:after,
	#menu-header .expert > a:after {
		 width: 1.02vw;
		 height: 0.9vw;
	}
	
	#menu-header .nive-deux li {
		 padding: 0 1.5vw;
	}
	
	#menu-header .nive-deux a, 
	#menu-header .nive-deux a:visited {
		 font-size: 1.09em;
		 padding: 1vw 0 0.9vw;
		 line-height: 1.1em;
	}
	
}






#bt-burger {
	border: none;
	 position: absolute;
	 top: 5.5vw;
	 right: 0.9vw;
	 display: none;
	 font-size: 0;
	 line-height: 0;
	 cursor: pointer;
	 color: transparent;
	 background: transparent;
	 outline: none;
	 overflow: visible;
	 margin: 0;
	 /* transform: translateY(-50%); */
	 padding: 0;
	 cursor: pointer;
	 transition-timing-function: linear;
	 transition-duration: .15s;
	 transition-property: opacity,filter;
	 width: 5.7vw;
	 height: 4.1vw;
	 transition-timing-function: ease;
	 transition-duration: .15s;
	 transition-property: transform;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
 }
	 
#bt-burger:hover {transform: translateY(-50%) rotate(-90deg);}
	 
#bt-burger:focus {border: none;outline:0;}
	 
#bt-burger .box {
	 position: relative;
	  display: block;
	  width: 5.7vw;
	  height: 4.1vw;
}

#bt-burger .inner, 
#bt-burger .inner:after, 
#bt-burger .inner:before {
	 position: absolute;
	  width: 5.7vw;
	  height: 0.5vw;
	  transition-timing-function: ease;
	  transition-duration: .15s;
	  transition-property: transform;
	  background-color: #FC7C1C;
	  border-radius: 0.3vw;
}

#bt-burger .inner {
	 top: 50%;
	  display: block;
	  /* margin-top: -0.25vw; */

}

#bt-burger .inner:after, 
#bt-burger .inner:before {
	 display: block;
	 content: "";
}

#bt-burger .inner:before {
	 top: -1.6vw;
}

#bt-burger .inner:after {
	 bottom: -1.6vw;
}

#bt-burger:hover .inner:before {
	 transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7);
	 top: -1.5vw;
	  left: 0.3vw;
}

#bt-burger:hover .inner:after {
	 transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
	 bottom: -1.4vw;
	  left: 0.3vw;
}

#logo-header-resp {
	display: none;
}

#menu-burger .bt-fermer {
	display: none;
}

#menu-footer-burger {
	display: none;
}

#menu-burger {
	display: none;
}

#menu-burger > .container {
	position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: -18px;
	 overflow: auto;
	 overflow-x: hidden;
	 width: calc(100% + 18px);
}



@media screen and (max-width: 852px) {
	
	#header {
		 height: 15.3vw;
	}
	
	#header #menu-header,
	#header .region-header {
		display: none;
	}
	
	body.scrolled #header {
		 height: 8.4vw;
	}
	
	#cont-header {
		 height: 15.3vw;
	}
	
	body.scrolled #cont-header {
		 height: 8.4vw;
	}
	
	body.scroll-down #cont-header {
		height: 0;
	}
	
	#sscont-header {
		 width: 91.4%;
	}
	
	#sscont-header:after {
		content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;
	}
	
	#logo-header {
		 width: 31.5vw;
		 height: 9.6vw;
		 padding-top: 4.9vw;
	}
	
	body.scrolled #logo-header {
		 width: 24vw;
		 padding-top: 2.2vw;
		 height: 7.4vw;
	}
	
	#bt-burger {
		display: block;
	}
	
	#bt-burger:hover {
		 top: 7vw;
	}
	
	body.scrolled #bt-burger {
		top: 50%;
		 transform: translateY(-50%);
	}
	
	body.scrolled #bt-burger:hover {
		 transform: translateY(-50%) rotate(-90deg);
		 top: 4.3vw;
	}
	
	#menu-burger {
		position: fixed;
		 top: -110%;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 overflow-y: auto;
		 overflow-x: hidden;
		 background-color: #f5f5f5;
		 display: none;
		 z-index: 200;
	}
	
	#menu-burger > .container {
		padding: 6vw 0 1vw;
	}
	
	#logo-header-resp {
		display: block;
		 width: 29.1vw;
		 float: left;
		 margin-left: 4.3vw;
	}
	
	#logo-header-resp img {
		width: 100%;
	}
	
	#menu-burger .bt-fermer {
		display: block;
		 background: transparent url(/themes/netgem/images/bt-fermer.svg) no-repeat center center;
		 background-size: contain;
		 -o-transition: all .2s;
		 -webkit-transition: all .2s;
		 -moz-transition: all .2s;
		 transition: all .2s;
		 float: right;
		  height: 3.4vw;
		  width: 3.4vw;
		  margin-top: 1.2vw;
		  margin-right: 4.3vw;
	}
	
	#menu-burger .bt-fermer:hover {
		 transform: scale(1.2);
	}
	
	#header .region-header {
		clear: both;
	}
	
	#block-selecteurdelangue {
		position: static;
		 right: auto;
		 top: auto !important;
		 text-align: center;
		 padding: 18vw 0 0;
	}
	
	#block-selecteurdelangue a {
		 background: transparent url(/themes/netgem/images/btn-lang-en-resp.jpg) no-repeat center center;
		 margin-left: 0.9vw;
		 background-size: contain;
	}
	
	#block-selecteurdelangue a[hreflang="fr"] {
		 background: transparent url(/themes/netgem/images/btn-lang-fr-resp.jpg) no-repeat center center;
		 background-size: contain;
	}
	
	#block-selecteurdelangue .links {
		 display: inline-block;
		 width: 21.2vw;
	}
	
	#block-selecteurdelangue li {
		
	}
	
	#block-selecteurdelangue a {
		height: 5vw;
		 width: 5.6vw;
		 margin: 0 2.5vw;
	}
	
	#menu-header {
		float: none;
	}
	
	#menu-header > ul {
		 text-align: center;
		 padding-top: 12vw;
	}
	
	#menu-header > ul > li {
		float: none;
		 padding: 0;
		 margin-bottom: 6vw;
	}
	
	#menu-header a {
		font-size: 3.9em;
		 font-weight: 400;
		 padding: 0;
		 display: inline-block;
	}
	
	#menu-burger #menu-header .investisseur,
	#menu-burger #menu-header .expert {
		-o-transition: height .2s;
		-webkit-transition: height .2s;
		-moz-transition: height .2s;
		transition: height .2s;
	}
	
	#menu-burger #menu-header .investisseur > a,
	#menu-burger #menu-header .expert > a {
		display: inline-block;
		 border-radius: 5vw;
		 height: 8.3vw;
		  padding: 1.2vw 7.5vw 0 4vw;
		  width: 37.4vw;
		  -o-transition: all .2s;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			transition: all .2s;
	}
	
	#menu-burger #menu-header .expert > a {
		width: 42vw;
	}
	
	body.page-node-type-notre-expertise-page #menu-header .expert a {
		font-weight: 400;
	}
	
	#menu-burger #menu-header > ul > li.expert > a:hover {
		color: #052E53;
	}
	
	#menu-burger #menu-header > ul > li.expert.open > a,
	#menu-burger #menu-header > ul > li.expert.open > a:visited,
	#menu-burger #menu-header > ul > li.expert.open > a:hover {
		color: #fff;
		background-color: #052E53;
	}
	
	#menu-burger #menu-header .investisseur.open,
	#menu-burger #menu-header .expert.open {
		width: 100%;
	}
	
	#menu-burger #menu-header .investisseur.open > a,
	#menu-burger #menu-header .expert.open > a {
		width: 100%;
		padding: 2.2vw 4vw 0 4vw;
		transform: scale(1.14);
		 transform-origin: bottom center;
	}
	
	/*#menu-header .investisseur > a.open {
		width: 43vw;
		 height: 9.7vw;
		 font-size: 4.45em;
		 padding: 1.4vw 0 0 4vw;
		 text-align: left;
		 transform: scale(1) !important;
	}*/
	
	#menu-header .investisseur > a:after,
	#menu-header .expert > a:after {
		 width: 3vw;
		 height: 2vw;
		 right: 3.8vw;
		 top: 3.6vw;
		 -o-transition: all .2s;
		 -webkit-transition: all .2s;
		 -moz-transition: all .2s;
		 transition: all .2s;
	}
	
	#menu-header .investisseur.open > a:after,
	#menu-header .expert.open > a:after {
		 right: 33vw;
		 top: 3.5vw;
		 transform: rotate(180deg);
		 display: none;
	}
	
	#menu-header > ul > li.investisseur.open > a:hover:after,
	#menu-header > ul > li.expert.open > a:hover:after {
		transform: rotate(180deg);
	}
	
	#menu-header > ul > li > a:after {
		 bottom: -0.9vw;
		 height: 0.8vw;
		 border-radius: 0.4vw;
	}
	
	#menu-header li.investisseur,
	#menu-header li.expert {
		display: inline-block;
	}
	
	#menu-header li.investisseur:before,
	#menu-header li.expert:before {
		display: none !important;
	}
	
	#menu-header .nive-deux {
		display: none;
		 position: static;
		 top: auto;
		 left: auto;
		 margin-top: -4.15vw;
		 padding: 6vw 0 0.2vw;
		 width: 100%;
		 border-radius: 0;
		 /*border-bottom-right-radius: 5vw;
		 border-bottom-left-radius: 5vw;*/
		 /* transform: scale(1.14); */
		 /*transform-origin: top center;
		 -o-transition: height .2s;
		 -webkit-transition: height .2s;
		 -moz-transition: height .2s;
		 transition: height .1s;*/
	}
	
	#menu-header .nive-deux li {
		padding: 0 4vw;
	}
	
	#menu-header .nive-deux li:first-child a {
		border-top: solid 1px #FDB077;
	}
	
	#menu-header .expert .nive-deux li:first-child a {
		border-top: solid 1px #6f6157;
	}
	
	#menu-header .nive-deux a, 
	#menu-header .nive-deux a:visited {
		font-size: 2.8em;
		 display: block;
		 padding: 2vw 0.5vw 1.9vw;
	}
	
	
	#menu-footer-burger {
		display: block;
		text-align: center;
		padding-top: 8vw;
	}
	
}






@media screen and (max-width: 690px) {
	
	#header {
		 height: 106px;
	}
	
	#cont-header {
		 height: 106px;
	}
	
	#logo-header {
		 width: 218px;
		 height: 83px;
		 padding-top: 34px;
	}
	
	#bt-burger {
		top: 38px;
		right: 6px;
		width: 39px;
		height: 28px;
	}
	
	#bt-burger .box {
		width: 39px;
		height: 28px;
	}
	
	#bt-burger .inner, 
	#bt-burger .inner:after, 
	#bt-burger .inner:before {
		width: 39px;
		height: 3px;
		border-radius: 2px;
	}
	
	#bt-burger .inner:before {
		top: -11px;
	}
	
	#bt-burger .inner:after {
		 bottom: -11px;
	}
	
	#bt-burger:hover .inner:before {
		 top: -9px;
		 left: 2px;
	}
	
	#bt-burger:hover .inner:after {
		 transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
		 bottom: -9px;
		 left: 2px;
	}
	
	#bt-burger:hover {
		 top: 49px;
	}
	
	body.scrolled #header {
		 height: 64px;
	}
	
	body.scrolled #cont-header {
		 height: 64px;
	}
	
	body.scroll-down #cont-header {
		height: 0;
	}
	
	body.scrolled #logo-header {
		 width: 179px;
		 padding-top: 18px;
		 height: 58px;
	}
	
	body.scrolled #bt-burger {
		 top: 18px;
		 transform: none;
	}
	
	body.scrolled #bt-burger:hover {
		 top: 32px;
	}
	
}







@media screen and (max-width: 640px) {
	
	#menu-header .nive-deux a, #menu-header .nive-deux a:visited {
		 font-size: 3.2em;
	}
	
}







@media screen and (max-width: 540px) {
	
	#sscont-header {
		 width: auto;
		 margin: 0 30px;
	}
	
	#menu-footer-burger {
		display: none;
	}
	
	#menu-burger > .container {
		 padding: 34px 0 20px;
	}
	
	#logo-header-resp {
		 width: 220px;
		 margin-left: 30px;
	}
	
	#menu-burger .bt-fermer {
		 height: 26px;
		 width: 26px;
		 margin-top: 8px;
		 margin-right: 30px;
	}
	
	#menu-burger #block-selecteurdelangue {
		 padding: 100px 0 0;
	}
	
	#menu-burger #block-selecteurdelangue .links {
		 width: auto;
	}
	
	#menu-burger #block-selecteurdelangue a {
		 height: 23px;
		 width: 28px;
		 margin: 0 14px;
	}
	
	#menu-header .nive-deux a, 
	#menu-header .nive-deux a:visited {
		 font-size: 3.4em;
	}
	
}




@media screen and (max-width: 454px) {
	
	#logo-header-resp {
		 float: none;
		 margin: 0 auto;
	}
	
	#menu-burger .bt-fermer {
		 margin: 22px auto 0;
		 float: none;
	}
	
	#menu-burger #block-selecteurdelangue {
		 padding: 34px 0 0;
	}
	
	#menu-burger #menu-header > ul {
		 padding-top: 21px;
	}
	
	#menu-burger #menu-header > ul > li {
		 margin-bottom: 21px;
	}
	
	#menu-burger #menu-header a {
		 font-size: 19px;
	}
	
	#menu-burger #menu-header .investisseur > a,
	#menu-burger #menu-header .expert > a {
		 width: 170px;
		 padding: 5px 34px 0 18px;
		 height: 37px;
		 border-radius: 30px;
	}
	
	#menu-burger #menu-header .expert > a {
		width: 200px;
	}
	
	#menu-burger #menu-header .investisseur > a:after,
	#menu-burger #menu-header .expert > a:after {
		 width: 14px;
		 height: 9px;
		 right: 15px;
		 top: 16px;
	}
	
	#menu-burger #menu-header .nive-deux a {
		font-size: 17px;
		 padding: 13px 0 12px;
	}
	
	#menu-burger #menu-header .investisseur.open > a,
	#menu-burger #menu-header .expert.open > a {
		 padding: 16px 4vw 0 4vw;
		 height: 50px;
	}
	
}






@media screen and (max-width: 410px) {
	
	#header {
		 height: 152px;
	}
	
	#cont-header {
		 height: 152px;
	}
	
	#logo-header {
		 float: none;
		 margin: 0 auto;
	}
	
	#bt-burger {
		position: static;
		 margin: 16px auto 0;
		 top: auto;
		 right: auto;
	}
	
	#bt-burger:hover {
		top: auto;
		margin: 32px auto 0;
	}
	
	body.scrolled #logo-header {
		float: left;
		 width: 154px;
		 padding-top: 18px;
	}
	
	body.scrolled #bt-burger {
		float: right;
		 margin: 16px 0 0;
		 top: auto;
	}
	
	body.scrolled #bt-burger:hover {
		margin: 31px 0 0;
	}
	
}