/* ........... Header ............*/

/* ...js... */
/* Classes below are refered to in nav.js. Do not rename */

.main_h {
	position: fixed;
	top: 0px;
	max-height: 4.25em;
	z-index: 10;
	width: 100%;
	padding-top: .75em;
	background: none;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	padding-bottom: .5em;
	font-family: "Montserrat", sans-serif;
	}

.open-nav {
	max-height: 30em;
	}
	.open-nav .mobile-toggle {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		}

.sticky {
	background-color: rgba(255, 255, 255, 0.97);
	opacity: 1;
	top: 0px;
	border-bottom: 1px solid gainsboro;
	background-image: url(skin/head.png);
	background-repeat: repeat-x;
	background-position: center -48px;
	}





/* ........... NAVIGUATION ............*/

 /* ..Main ..*/


ul.Nav {	
	list-style-type: none;
	overflow: hidden;
	padding-left: 0px;
	}

ul.Nav.Main {
	float: left;
	clear: none;
	margin-top: .35em;
	text-align: center;
	width: 100%;
	}
	@media only screen and (max-width: 40em) {
	ul.Nav.Main {
		padding-bottom: 2em;
		margin-bottom: 2em;
          width: 100%;
  		}
     .sticky {
          border-bottom: 3px solid #ccc;
          }
		}

ul.Nav.Main li {
	float: left;
	clear: none;
	margin-bottom: 0;
	}
	ul.Nav.Main li.Logo {
		float: left;
		clear: none;
		width: 8em;
		height: 3em;
		background-image: url(skin/logo_afy.png);
		background-size: 100%;
		background-repeat: no-repeat;
		margin-right: .5em;
		}
	ul.Nav.Main li.Titre {
		display: none;
		}
	
	ul.Nav.Main .Normal {
		Float: right;
		margin-right: 8em;
		margin-top: .35em;
		}

	ul.Nav.Main .Social {
		position: absolute;
		right: 2em;
		margin-top: .5em;
		}	
	
	.Nav.Main .Social li a{
		float: left;
		width: 1.5em;
		height: 1.5em;
		padding: 0;
		background-size: 100%;
		background-repeat: no-repeat;
		transition: .3s;
		}	
	
		.Nav.Main .Social li a.Facebook {
			background-image: url(skin/icon_social_facebook.png);
			}
			.Nav.Main .Social li a.Facebook:hover {
				background-image: url(skin/icon_social_facebook_hover.png);
				}	
			
			
		.Nav.Main .Social li a.Twitter {
			background-image: url(skin/icon_social_twitter.png);
			}
			.Nav.Main .Social li a.Twitter:hover {
				background-image: url(skin/icon_social_twitter_hover.png);
				}
		.Nav.Main .Social li a.LinkedIn {
			background-image: url(skin/icon_social_linkedin.png);
			}
			.Nav.Main .Social li a.LinkedIn:hover {
				background-image: url(skin/icon_social_linkedin_hover.png);
				}
		.Nav.Main .Social li a.Contact {
			background-image: url(skin/icon_contact.png);
			width: 2.15em;
			}
			.Nav.Main .Social li a.Contact:hover {
				background-image: url(skin/icon_contact_hover.png);
				}
			
	
	ul.Nav.Main a {
	float: left;
	height: 2.5em;
	width: 100%;
	color: #888888;
	line-height: 1.25em;
	font-size: 0.9em;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .4em;
	text-decoration: none;
	}
	ul.Nav.Main a:hover {
		color: #000;
		}
	
	
		
	@media only screen and (max-width: 50em) {
	ul.Nav.Main .Normal li {
		width: 6.5em;
		}
		ul.Nav.Main li.Logo {
			background-image: url(skin/icon_afy.png);
			width: 2.5em;
			height: 2.5em;
			}
		ul.Nav.Main a {
			padding-left: 0;
			padding-right: 0;
			}
			}
	@media only screen and (max-width: 40em) {
	ul.Nav.Main li {
		float: left;
		width: 100%;
		}
	ul.Nav.Main .Normal li {
		border-right: none;
		}	
	ul.Nav.Main .Social {
		float: left;
		clear: left;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		right: 0em;
		width: 100%;
		}
		ul.Nav.Main .Social a{
		float: right;
		}

	ul.Nav.Main .Normal {
 		float: Left;
		margin-right: 0;
		margin-top: 0;
		width: 100%;

		}
		
	ul.Nav.Main .Normal li {
		border-top: solid 1px #ccc;
		padding-top: .5em;
		font-size: 1.25em;
		width: 100%;
		}
		ul.Nav.Main li.Titre {
			display: block;
			height: 3em;
			font-family: Bold;
			font-size: 1.75em;
			}
		ul.Nav.Main li.Logo {
			position: absolute;
			}
			}



	


/* Social */

	

	.Nav.Main .Social li {
		margin-left: .25em;
		width: auto;
		}
		

			
			
			
/* ..Hamberger .. */


.mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 1.25em;
  position: absolute;
  right: 1em;
  top: .5em;
  width: 2em;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 40em) {
  .mobile-toggle {
    display: block;
  }
}
.mobile-toggle span {
	width: 1.5em;
	height: .25em;
	margin-bottom: .25em;
	border-radius: 1000px;
	background: #8f8f8f;
	display: block;
	}
			








.Facebook {
	background-image: url(../_css/skin/head_facebook.png);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-position: left top;
	padding-top: 2em;
	background-repeat: no-repeat;
	padding-right: 0;
	}



a.English {
	position: absolute;
	top: 0px;
	right: 4em;
	background-color: #9F1965;
	border-radius: 0 0 8px 8px;
	padding: .5em 1em .5em 1em;
	margin-right: 1em;
	color: white;
	text-decoration: none;
	font-size: 1em;
	vertical-align: middle;
	font-family: bold;
	z-index: 20;
	transition: .3s;
	}
	a.English:hover {
	background-color: black;
	}