#header {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 5px;	/*width: 150px;*/
}
#navigation {
	position: fixed;
	z-index: 4;
	top: 0;
	/*! bottom: 0px; */
	width:100%;
	overflow: hidden;
	border-right: 1px solid #cccccc;	
	/*! height: 4rem; */
	border-bottom: 1px solid #eeeeee;
	cursor: default;
	background:#fff;
}
@-moz-document url-prefix() {
	#navigation {
		top: 0rem;
	}
}
#logo {
	width:7rem;
	height:6rem;
	border-bottom:1px solid #cccccc;
	position: relative;
}
#logo a{display:block;overflow: hidden;}
#logo a img{
	width:5rem;
	margin:2rem 1.1rem 2rem .9rem;
}
.lt-ie9 #navigation {
	border-right: 1px solid #CCCCCC;
}
#menu,
#exits {
	overflow: hidden;
}
#menu {
	overflow: hidden;
	
}
#menu ul {
	padding: 0;
	margin: 0;
	text-align: right;
	background: #ffffff;
}
#menu li,
#exits li {
	list-style: none;	
}
#exits li:nth-child(1) {
	border-top: 0;
}
#menu li#freemobile_menu {

}
#menu li#freebox_menu {
	/*! border-bottom: 1px solid #d3d3d3; */
}
#exits {
}
#menu ul ul {
	margin: 0;
	padding: 0;
}
#menu ul ul li {
	text-transform: uppercase;
}
#menu a,
#menu a:link {
	display: block;
	font-size: .75em;
	color: #666666;
	font-family: 'Open Sans';
	font-weight:700;
	text-align: center;
	padding: 3.5rem .2rem .5rem .2rem;
	border-bottom: 1px solid #ccc;
	font-size: .75rem;
	background-position:center -.6rem;
	background-size:5rem;
}
#menu a:hover{
	
	background-position:center -1rem;
	 background-size:6rem;
}

#menu a.selected,
#menu a.selected:link,
#menu a.selected{
	/*color: #D70909 !important;*/
	border-right:2px solid #fa0000 !important;
}
#sub_menu{
	position: fixed;
	top: 0;
	left: 0rem;
	padding:0;
	z-index: 3;
	bottom: 0;
	width: 0;
	/*width: 100%;*/font-weight:700;
	background: #ffffff;
	overflow: hidden;
	box-sizing: border-box;
}#sub_menu.opened{
	padding: 6rem 2rem 2rem 5rem;
}
#sub_menu{
		/*display:none;*/
}
#sub_menu #close{
	font-size:5rem;
	display:block;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	transition: all .5s;
}
#sub_menu #close:hover{
	transition: all .5s;
	transform: rotate(45deg);
	color:#dddddd;

}
#sub_menu .sub_menu_block{
	display:inline-block;
	width:23%;
	vertical-align: top;
	margin-left:10%;
	min-width:15rem;
}
#sub_menu .sub_menu_block h2{
	text-align:left;
	font-size:1.8rem;
	text-transform:uppercase;
	
}
#sub_menu .sub_menu_block ul{
	padding:0;
	list-style-type:none;
	
}
#sub_menu .sub_menu_block ul li {
	
	
}
#sub_menu .sub_menu_block ul li a{
	font-weight:400;
	/*! height:1.8rem; */
	font-size:1rem;
	display: block;
	width: inherit;
	padding: .5rem;
	/*! vertical-align: middle; */
}
#sub_menu .sub_menu_block ul li a:hover{
	background:#eeeeee;
	transition: all .5s;
}
#sub_menu .icon,#social .icon{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 1rem;
}
#navigation a:hover {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #000000;
}

#menu li.selected a:first-child {
	color: #000000;
}
#men{
  background: url("/freebox/im/pictos/black/Menu.svg") no-repeat;
	background-position:center -.2rem !important;
	background-size:4rem !important;
}
#fmb {
	 background: url("/freebox/im/pictos/black/1-Mobile.svg") no-repeat;
}

#fbx {
	 background: url("/freebox/im/pictos/selected/2-freebox.svg") no-repeat;
}

#ass{
	 background: url("/freebox/im/pictos/black/3-Assistance.svg") no-repeat;
}

#web{
	 background: url("/freebox/im/pictos/black/4-webmail.svg") no-repeat;
}

#abo {
	 background: url("/freebox/im/pictos/black/5-Moncompte.svg") no-repeat;
}

@media only screen {
	#navigation {
		overflow: hidden;
	}
	#sub_menu{
		padding: 0;
	}
	#sub_menu.opened{
		padding: 6rem 0rem 2rem 0rem;
	}

}
@media screen and (min-width:26.38rem) {
	#sub_menu.opened{
		padding: 6rem 2rem 2rem 5rem;
	}
	#sub_menu{
		overflow:auto!important;
	}
}
@media screen and (max-width:46.25rem) {
	#sub_menu{
		overflow:auto!important;
	}
}
@media screen and (min-width:930px) {
	#sub_menu{
		padding: 0;
	}
	#sub_menu.opened{
		padding: 6rem 2rem 2rem 5rem;
	}
}
@media only screen and (max-width:949px) {
	#menu_mobile i {
	    font-size: 2.5rem;
	    cursor:pointer;
	}
	#menu_mobile {
	    display: block;
	    position: absolute;
	    right: 1rem;
	    font-size: 2.5rem;
	    top: .7rem;
	}
	#header {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0;	/*width: 150px;*/
	height:4rem;
	width: 100%;
}

	#navigation{
		
	overflow: hidden;
	position: absolute;
	z-index: 4;
	height: 4rem;
	}
	#header > * {overflow:hidden;}
	#logo {
    width: 7rem;
    height:3.8rem;
    border-bottom: 0;
		background:#fff;
		overflow:hidden;
		position:relative;
  }
	#logo a img {
    width: 5rem;
    margin: 1rem 0 0 .9rem;
  }
  #menu {
			overflow: hidden;
			display: none;
		}
	#sub_menu.opened{
		position: fixed;
		z-index: 999;
	}
}
/*@media only screen and (max-width:949px) and (-webkit-min-device-pixel-ratio:0) {  

  #header {
		top: -5rem;
	}  
}*/

@media only screen and (min-width:950px) { 
	#menu_mobile{
		display:none;
	}
	#navigation {
			position: fixed;
			z-index: 4;
			top: 0px;
			bottom: 0px;
			width:7rem;
			overflow: hidden;
			border-right: 1px solid #cccccc;	
		}
	#logo h1{
		display:block;
		position:absolute;
		bottom:1rem;
		right:1.2rem;
		font-size:.8rem;
		font-weight:800;
		margin:0;
	}

		.lt-ie9 #navigation {
			border-right: 1px solid #CCCCCC;
		}
		#menu,
		#exits {
			overflow: hidden;
		}
		#menu {
			overflow: hidden;
			display: block;
		}
		#menu ul {
			padding: 0;
			margin: 0;
			text-align: right;
			background: #ffffff;
		}
		#menu li,
		#exits li {
			list-style: none;	
		}
		#exits li:nth-child(1) {
			border-top: 0;
		}
		#menu li#freemobile_menu {

		}
		#menu li#freebox_menu {
			/*! border-bottom: 1px solid #d3d3d3; */
		}
		#exits {
		}
		#menu ul ul {
			margin: 0;
			padding: 0;
		}
		#menu ul ul li {
			text-transform: uppercase;
		}
		#menu a,
		#menu a:link {
			display: block;
			font-size: .75em;
			color: #666666;
			font-family: 'Open Sans';
			font-weight:700;
			text-align: center;
			padding: 3.5rem .2rem .5rem .2rem;
			border-bottom: 1px solid #ccc;
			font-size: .75rem;
			background-position:center -.6rem;
			background-size:5rem;
		}
		#menu a:hover{
			
			background-position:center -1rem;
			 background-size:6rem;
		}

		#menu a.selected,
		#menu a.selected:link,
		#menu a.selected{
			/*color: #D70909 !important;*/
			border-right:2px solid #fa0000 !important;
		}

		#navigation a:hover {
			-moz-transition: all .3s;
			-webkit-transition: all .3s;
			transition: all .3s;
			color: #000000;
		}

		#menu li.selected a:first-child {
			color: #000000;
		}
		#men{
		  background: url("/freebox/im/pictos/black/Menu.svg") no-repeat;
			background-position:center -.2rem !important;
			background-size:4rem !important;
		}
		#fmb {
			 background: url("/freebox/im/pictos/black/1-Mobile.svg") no-repeat;
		}

		#fbx {
			 background: url("/freebox/im/pictos/selected/2-freebox.svg") no-repeat;
		}

		#ass{
			 background: url("/freebox/im/pictos/black/3-Assistance.svg") no-repeat;
		}

		#web{
			 background: url("/freebox/im/pictos/black/4-webmail.svg") no-repeat;
		}

		#abo {
			 background: url("/freebox/im/pictos/black/5-Moncompte.svg") no-repeat;
		}
}