/* Nav */
nav#nav-top
{
	width: 100%;
	z-index: 1000;
	overflow: hidden;
	position:fixed;
	height:110px;
	line-height:110px;
	transition: all .25s ease-out;
	/*pointer-events: none;*/
}

/* Overlayed & Background*/
.overlayed nav#nav-top
{
	z-index: 10001;
	background:transparent;
	pointer-events: auto;
}

nav#nav-top .background
{
	background: #051D2B;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
.overlayed nav#nav-top .background
{
	background:transparent;
}
@media (min-width: 768px){
	.home nav#nav-top .background,
	.home nav#nav-top .logo
	{
		opacity:0;
	}
}
.overlayed nav#nav-top .logo
{
	opacity:1 !important;
}

nav#nav-top .icon-logo_square {
	font-size: 68px;
	color: #fff;
  	-webkit-transition: font-size .25s ease;
  	transition: font-size .25s ease;
}


/* Left */


nav#nav-top .left>div
{
	display: inline-block;
	vertical-align: middle;

}
nav#nav-top .left a,
nav#nav-top .left img
{
	display:block;
	max-height: 70px;
	-webkit-transition: max-height .25s ease;
  	transition: max-height .25s ease;
}


/* Right */
nav#nav-top .right>ul
{
	display:inline-block;
	vertical-align:middle;
}
nav#nav-top .right>ul li
{
	display:inline-block;
	vertical-align:middle;
}
nav#nav-top .right>ul.list-social
{
	margin-right:10px;
	margin-bottom:10px;
}
/* List Version */
nav#nav-top ul.list-version
{
	margin-right: 30px;
  display: inline-block;
  vertical-align: top;

}

nav#nav-top ul.list-version li
{
	padding: 2px;
}

nav#nav-top ul.list-version li a
{
	font-family: absara;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	font-weight: 200;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
}
nav#nav-top ul.list-version li.active a
{
	font-weight: 700;
}
nav#nav-top ul.list-version li:first-child a:after
{
	content: '/';
    padding-left: 5px;
	font-weight: 200;
}



/* Nav icon */
nav#nav-top .nav-icon
{
	width: 46px;
	height:41px;
	padding:10px;
	cursor:pointer;
	left: 0;
	top: 37px;
	position: absolute;

}

nav#nav-top .nav-icon div
{
  display: block;
  vertical-align: middle;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  -webkit-transition:all .25s ease;
  transition:all .25s ease;
  border-radius:1px;
  margin-bottom:6px;
  height:2px;
  width:28px;
  background:#FFF;
}
.overlayed nav#nav-top .nav-icon div:nth-child(1)
{
  -webkit-transform:rotate(45deg) translate3d(3px, 8px, 0);
  transform:rotate(45deg) translate3d(3px, 8px, 0)
}
.overlayed nav#nav-top .nav-icon div:nth-child(2)
{
  opacity:0
}
.overlayed nav#nav-top .nav-icon div:nth-child(3)
{
  -webkit-transform:rotate(-45deg) translate3d(3px, -8px, 0);
  transform:rotate(-45deg) translate3d(3px, -8px, 0)
}

nav#nav-top p.menutxt
{
	cursor:pointer;
	position: absolute;
	top: 47px;
	left: 0;
	font-family: absara;
	font-weight: 200;
	font-size: 12px;
	color: #fff;
	letter-spacing: 2px;
}

/* Nav après la cover */
.scrollnav nav#nav-top
{
	height: 50px;
	line-height: 50px;
}

/*.scrollnav nav#nav-top .left
{
	display: table;
	height: 100%;
}

.scrollnav nav#nav-top .left .logo
{
	display: table-cell;
}*/

.scrollnav nav#nav-top .nav-icon
{
	top: 7px;
}
.scrollnav nav#nav-top .icon-logo_square {
	font-size: 36px;
}
.scrollnav nav#nav-top p.menutxt
{
	top: 17px;
}

.scrollnav nav#nav-top .list-button li
{
	margin-left: 0;

}
.scrollnav nav#nav-top .list-button .btn
{
	border: none;
	/*border-right: 1px solid #fff;*/
	height: 50px;
	line-height: 50px;
	margin: 0;
}

.scrollnav nav#nav-top .list-button li:first-child .btn:first-child
{
	border-left: 1px solid #fff;
	/*margin-right: -3px;*/
}



@media (min-width: 1901px){
	nav#nav-top .nav-icon
	{
		margin-left: -190px;
		left: 56px;
	}
	nav#nav-top p.menutxt
	{
		margin-left: -180px;
		left: 6px;
	}
}

@media (max-width: 1900px){
	nav#nav-top .nav-icon
	{
		margin-left: -160px;
		left: 56px;
	}
	nav#nav-top p.menutxt
	{
		margin-left: -150px;
		left: 6px;
	}
}


@media (max-width: 1600px){
	nav#nav-top .nav-icon
	{
		margin-left: -135px;
		left: 56px;
	}
	nav#nav-top p.menutxt
	{
		margin-left: -125px;
		left: 6px;
	}
}


@media (max-width: 1400px){
	nav#nav-top .nav-icon
	{
		margin-left: -128px;
		left: 56px;
	}
	nav#nav-top p.menutxt
	{
		display: none;
	}
}


@media (max-width: 992px){
	nav#nav-top .logo
	{
		margin-left: 130px;
	}

	nav#nav-top .nav-icon
	{
		margin-left: 0;
		left: 56px;
	}

	nav#nav-top p.menutxt
	{
		margin-left: 0;
		display: block;
	}
}


@media (max-width: 767px){
	/*nav#nav-top .left
	{
		margin-left: 30px;
	}*/
	{
		margin-left: 0;
	}

	nav#nav-top .logo
	{
		margin-left: 0;
	}

	nav#nav-top .nav-icon
	{
		left: initial;
		right: -5px;
		transition: all .25s ease-out;
	}
	nav#nav-top ul.list-button
	{
		display: none;
	}
	nav#nav-top ul.login-reg{
		display: none;
	}
	#content.scrollnav nav#nav-top
	{
		height: 57px;
		line-height: 57px;
	}
	#content.scrollnav nav#nav-top .left a,
	#content.scrollnav nav#nav-top .left img
	{
		max-height: 41px;

	}
	#content.scrollnav nav#nav-top .nav-icon
	{
		top: 10px;
	}

	.icon-logo_square {
		font-size: 40px;
	}
	.icon-logo_square:before {
		content:'\e90c';background:url(../image/mlogo.png) center center no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%;-ms-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; color:transparent;
	}


}

.listbutton-mobile
{
	position: fixed;
    width: 100%;
    top: 110px;
	background-color: #ef7864;
    z-index: 99;
	display: none;
	transition: all .25s ease-out;
}
.home .listbutton-mobile
{
	opacity:0;
}
.listbutton-mobile ul
{
	display: table;
    width: 100%;
}
.listbutton-mobile ul li
{
	margin: 0;
    width: 50%;
    text-align: center;
    /*padding: 20px;*/
    position: relative;
}
.listbutton-mobile ul li:first-child:after
{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	border-right: 1px solid #ce6756;
}
.listbutton-mobile ul li a
{
	display: block;
	color: #fff !important;
  font-size: 19px !important;
  font-weight: 200 !important;
  font-family: absara !important;
  padding: 14px 10px !important;
  background-color: #ef7864 !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  transition: all .25s ease-out;
}

.listbutton-mobile ul li a:hover
{
    background-color: #ef7864;
    transition: all .25s ease-out;
}
@media (max-width: 767px){
	.listbutton-mobile
	{
		display: block;
	}
	.scrollnav .listbutton-mobile
	{
		top: 57px;
	}
}
@media (max-width: 600px){
	.listbutton-mobile ul li button
	{
		font-size: 15px;
	}

	nav#nav-top .nav-icon
	{
		right: 15px;
	}
}


@media (max-width: 400px){
	.listbutton-mobile ul li button
	{
		font-size: 12px;
	}
}
@media (max-width: 600px) {
	nav#nav-top .container-fluid {
		margin: 0 10px;
    }
    nav#nav-top .icon-logo_square
	{
		margin-left: 20px;
	}
	nav#nav-top .right {
		font-size: 10px;
    }
	nav#nav-top .btn,
	nav#nav-top .btn span {
		width: 90px;
		font-size: 13px;
    }
}


@media (min-width: 1280px){
	nav#nav-top .left
	{
		width: 50%;
	}
	nav#nav-top .left img
	{
		width: 100%;
	}
}
@media (min-width: 1200px){
	nav#nav-top .left
	{
		width: 45%;
	}
	nav#nav-top .left img
	{
		width: 100%;
	}
}

.overlayed nav#nav-top .background
{
	display: none;
}
/*login & reg*/
nav#nav-top ul.login-reg{
	margin-left:35px;
	vertical-align:top!important;
}
nav#nav-top ul.login-reg a{
	font-size:12px;
	color:#fff;
	line-height:14px;
}
nav#nav-top ul.login-reg li:first-child a:after{
	content: '/';
    padding-left: 5px;
	padding-right: 5px;
	font-weight: 200;
}