/*

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

.cont-logo-footer {
	width: 17.8vw;
	margin: 0 auto;
}

.cont-logo-footer a {
	/*display: inline-block;*/
}

.cont-logo-footer a:hover {
	transform: scale(1.12);
}

.cont-logo-footer img {
	width: 100%;
	height: auto;
}

#footer {
	background-color: #F5F5F5;
	padding-top: 4vw;
}

#footer ul {
	text-align: center;
}

#menu-footer {
	padding-top: 1.2vw;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

#menu-footer.hovered {
	padding-top: 0.55vw;
}

body.page-node-type-mentions-legales #menu-footer.hovered,
body.path-news #menu-footer.hovered,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-footer.hovered,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-footer.hovered {
	padding-top: 1.2vw;
}

#menu-footer li {
	 font-size: 1.02em;
	 font-weight: 500;
	 display: inline;
}

#menu-footer a,
#menu-footer a:visited {
	color: #052E53;
	display: inline-block;
}

body.page-node-type-mentions-legales #menu-footer .mentions a,
body.path-news #menu-footer .recrutement a,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-footer .contact a,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-footer .contact a {
	opacity: 0.3;
	cursor: default;
}

#menu-footer a:hover {
	color: #FC7C1C;
	font-size: 1.4em;
}

body.page-node-type-mentions-legales #menu-footer .mentions a:hover,
body.path-news #menu-footer .recrutement a:hover,
body.page-node-type-pages-bases-juste-meta.contactez-nous #menu-footer .contact a:hover,
body.page-node-type-pages-bases-juste-meta.contact-us #menu-footer .contact a:hover {
	color: #052E53;
	font-size: 1em;
}

#menu-footer .filet {
	display: inline-block;
	 padding: 0 0.9vw 0 1.1vw;
}

#sociaux-footer {
	padding-top: 1.2vw;
	margin-bottom: 1.3vw;
}

#sociaux-footer li {
	display: inline;
}

#sociaux-footer a {
	display: inline-block;
	 width: 2.3vw;
	 height: 2.3vw;
	 background: url(/themes/netgem/images/bt-linkedin-blanc.svg) no-repeat center center;
	 background-size: contain;
	 background-color: #aaabac;
	 margin: 0 0.6vw;
}

#sociaux-footer .twitter a {
	background: url(/themes/netgem/images/bt-x-blanc.svg) no-repeat center center;
	background-size: contain;
	background-color: #aaabac;
}

#sociaux-footer .facebook a {
	background: url(/themes/netgem/images/bt-facebook-blanc.svg) no-repeat center center;
	background-size: contain;
	background-color: #aaabac;
}

#sociaux-footer a:hover {
	background-color: #FC7C1C;
	transform: scale(1.1);
}

.sign-footer {
	font-size: 0.81em;
	color: #79797B;
	text-align: center;
	padding-bottom: 17px;
}







@media screen and (max-width: 1260px) {
	
	.cont-logo-footer {
		 width: 18.2vw;
	}
	
}





@media screen and (max-width: 1120px) {
	
	.cont-logo-footer {
		 width: 20vw;
	}
	
	#menu-footer {
		 padding-top: 1.5vw;
	}
	
	#menu-footer li {
		 font-size: 1.2em;
	}
	
	#sociaux-footer {
		 padding-top: 26px;
		 margin-bottom: 18px;
	}
	
	#sociaux-footer a {
		 width: 30px;
		 height: 30px;
		 margin: 0 8px;
	}
	
	.sign-footer {
		 font-size: 10px;
	}
	
}




@media screen and (max-width: 852px) {
	
	#footer {
		 padding-top: 5vw;
	}
	
	.cont-logo-footer {
		 width: 27.4vw;
	}
	
	#menu-footer {
		 padding-top: 16px;
	}
	
	#menu-footer li {
		 font-size: 1.7em;
	}
	
}




@media screen and (max-width: 736px) {
	
	.cont-logo-footer {
		 width: 31.2vw;
	}
	
	#menu-footer li {
		 font-size: 2em;
	}
	
}




@media screen and (max-width: 705px) {
	
	#footer {
		 padding-top: 50px;
	}
	
	.cont-logo-footer {
		 width: 221px;
	}
	
}




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

@media screen and (max-width: 540px) {
	
	#footer {
		padding: 0;
		background-color: #fff;
	}
	
	.cont-logo-footer {
		background-color: #fff;
		 width: auto;
		 padding: 58px 0 28px;
	}
	
	.cont-logo-footer a {
		display: block;
		 width: 221px;
		 margin: 0 auto;
	}
	
	#menu-principal-footer {
		display: block;
		 background-color: #F5F5F5;
	}
	
	#menu-principal-footer #menu-header > ul,
	body.scrolled #menu-principal-footer #menu-header > ul {
		padding-top: 20px;
	}
	
	#menu-principal-footer #menu-header > ul > li {
		 margin-bottom: 16px;
	}
	
	#menu-principal-footer #menu-header a {
		 font-size: 19px;
	}
	
	#menu-principal-footer #menu-header > ul > li > a:after {
		 bottom: -5px;
		 height: 5px;
		 border-radius: 3px;
	}
	
	#menu-principal-footer #menu-header .investisseur,
	#menu-principal-footer #menu-header .expert {
		-o-transition: all .2s;
		  -webkit-transition: all .2s;
		  -moz-transition: all .2s;
		  transition: all .2s;
	}
	
	#menu-principal-footer #menu-header .investisseur > a,
	#menu-principal-footer #menu-header .expert > a {
		padding: 5px 29px 4px 18px;
		 border-radius: 20px;
		 -o-transition: all .2s;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			transition: all .2s;
	}
	
	#menu-principal-footer #menu-header .expert > a:hover {
		color: #052E53;
	}
	
	#menu-principal-footer #menu-header .investisseur > a:after,
	#menu-principal-footer #menu-header .expert > a:after {
		 width: 14px;
		 height: 11px;
		 right: 13px;
		 top: 15px;
		 -o-transition: all .2s;
		  -webkit-transition: all .2s;
		  -moz-transition: all .2s;
		  transition: all .2s;
	}
	
	#menu-principal-footer #menu-header .expert > a:hover:after {
		transform: none;
	}
	
	#menu-principal-footer #menu-header .investisseur.open,
	#menu-principal-footer #menu-header .expert.open {
		width: 100%;
	}
	
	#menu-principal-footer #menu-header .investisseur.open > a,
	#menu-principal-footer #menu-header .expert.open > a {
		width: 100%;
		padding: 20px 18px 4px 18px;
		transform: scale(1.14);
		 transform-origin: bottom center;
	}
	
	#menu-principal-footer #menu-header .expert.open > a {
		color: #fff;
		background-color: #052E53;
	}
	
	#menu-principal-footer #menu-header .investisseur.open > a:after,
	#menu-principal-footer #menu-header .expert.open > a:after {
		 right: 26vw;
		  top: 13px;
		  transform: rotate(180deg);
		  display: none;
	}
	
	#menu-principal-footer #menu-header > ul > li.investisseur.open > a:hover:after,
	#menu-principal-footer #menu-header > ul > li.expert.open > a:hover:after {
		transform: rotate(180deg);
	}
	
	#menu-principal-footer #menu-header .nive-deux li {
		 padding: 0 7vw;
	}
	
	#menu-principal-footer #menu-header .nive-deux a, 
	#menu-principal-footer #menu-header .nive-deux a:visited {
		 padding: 16px 0 15px;
		 font-size: 16px;
	}
	
	#menu-principal-footer #block-selecteurdelangue {
		padding: 18px 0 32px;
	}
	
	#menu-principal-footer #block-selecteurdelangue .links {
		 width: auto;
	}
	
	#menu-principal-footer #block-selecteurdelangue a {
		 height: 24px;
		 width: 30px;
		 margin: 0 13px;
	}
	
	#menu-footer {
		 padding-top: 26px;
	}
	
	#menu-footer li {
		 font-size: 14px;
		 display: block;
		 margin-bottom: 11px;
	}
	
	#menu-footer .filet {
		display: none;
	}
	
	#menu-footer.hovered {
		 padding-top: 26px;
	}
	
	#menu-footer a:hover {
		 font-size: 1em;
	}
	
}