/*************
  DESKTOP
*************/

@media (min-width: 35em) {
	
	.o-masthead-logo {
        margin-right: 2.1875em;
    }
	.o-masthead.o-masthead--alt-logo.l-section{
		padding-bottom: 0em;
		padding-top: 0em;
	}
	.o-masthead.o-masthead--alt-logo.js-navsticky{
        background: transparent;
    }
	.o-masthead.o-masthead--alt-logo .o-masthead-logo__link:focus{
		border-bottom-color:transparent;
	}
    .o-masthead--alt-logo.js-navsticky{
        position: absolute;
    }
    .o-masthead--alt-logo{
        box-shadow: none;
        width: 100%;
		z-index: 11;
    }
    .o-masthead--alt-logo.l-section{
		position: absolute;
    }
	.o-masthead--alt-logo .o-masthead__navigation-container {
		/*border-bottom:1px solid #ccc;*/
		min-height: 7.50em;
        padding-top: 1em;
	}
	.o-masthead--alt-logo .o-masthead__navigation-container:after{
		border-bottom: 0px solid #ccc;
	}
	
	/*Navigation*/
    .o-masthead--alt-logo .o-masthead__primary-nav a,.o-masthead--alt-logo .o-masthead__skip-links a	{
        min-height: 2em;
        padding-bottom: 0.25em;
        padding-top: 1.75em;
    }
    .o-masthead__primary-nav li {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
	.o-masthead__primary-nav a, .o-masthead__skip-links a{
		border: 2px solid rgba(0, 0, 0, 0);
		border-width: 0px 0 2px;
	}	
    .o-masthead__primary-nav .mobile, .o-masthead__primary-nav li a img{
        display:none;
    }	
	
	/*Proposer un projet*/
	.o-masthead__skip-links:after{
        border-right: 0px solid #fff;
	}
	.o-masthead__skip-links .o-masthead__projet {
        border-left: 0px solid #fff;
        float: right;
        margin-right: 0em;
    }
	.o-masthead__projet a {
        left: auto;
		padding: .8125em 1.875em;
        padding-bottom: .8125em;
        padding-top: .8125em;
        position: relative;
        right: auto;
        top: auto;
        z-index: 2;
    }
	.o-masthead--alt-logo .o-masthead__skip-links .o-masthead__projet a {
        border-width: 0px;
		color: #000;
        margin: 1.30em 0;
		min-height:initial;
        padding-bottom: .375em;
        padding-top: .375em;
    }
	.o-masthead-main-content .o-masthead__projet a.a-button--primary:focus, .o-masthead-main-content .o-masthead__projet a.a-button--primary:hover, 
	.o-masthead__skip-links .o-masthead__projet a.a-button--primary:focus, .o-masthead__skip-links .o-masthead__projet a.a-button--primary:hover{
		background-color: #000;
		border-bottom-color: #000;
        border-width: 0px;
		color: #fff;
	}
    .o-masthead__primary-nav .desktop{
        display:block;
    }	
	
	/*Sticky*/
	.js-navsticky.sticky-nav{
		min-height:5.625em;
        padding-top: 1em;
		position: fixed;
		z-index: 5;
	}
	.o-masthead.o-masthead--alt-logo.js-navsticky.sticky-nav{
		background: #fff;
		box-shadow: 0 7px 9px 0 rgba(0, 0, 0, .08);
    }
	.o-masthead--alt-logo.sticky-nav .o-masthead__navigation-container {
        border-bottom: 1px solid transparent;
        min-height: 4.375em;
        padding-top: 0em;
    }
	
	/*non-sticky*/
	.o-masthead.o-masthead--alt-logo:not(.js-navsticky) .o-masthead__navigation-container {
        border-bottom: 1px solid #ccc;
	}
	.o-masthead--alt-logo.l-section:not(.js-navsticky) {
        position: static;
    }
	
	/*Hero banner superposition*/
	.m-hero, .m-hero-wrapper {
		position: relative;
		z-index: 10;
	}
}
.o-masthead-navigation {
    border-top: 0px solid #dbe1ed;
    position: relative;
}
.o-masthead-navigation.u-clear--inner{
	display:none;
}
.o-masthead-main-content a, .o-masthead-main-content a:visited, .o-masthead__primary-nav a, .o-masthead__primary-nav a:visited, .o-masthead__skip-links a, .o-masthead__skip-links a:visited,
.o-masthead--alt-logo .o-masthead__primary-nav a, .o-masthead--alt-logo .o-masthead__skip-links a {
    color: #3A414F;
}
.o-masthead__primary-nav a:hover {
    border-bottom-color: #3A414F;
}
.o-masthead__navigation-container:after {
    border-bottom: 0px solid #ccc;
}
.o-masthead-logo__link:active{
	border-bottom-size:0px;
}

/*************
  TABLETTE
*************/

@media (max-width: 60em) {
	.o-masthead__skip-links .o-masthead__projet {
        margin-right: 0em;
    }
}
	
@media (min-width: 35em) and (max-width: 60em) {
	.o-masthead--alt-logo .o-masthead__skip-links{
        height: 70px;
        overflow: hidden;
	}
}

/*************
  MOBILE
*************/

@media (max-width: 35em) {
	.o-masthead {
        background: transparent;
        box-shadow: none;
        overflow: initial;
        position: absolute!important;
        width: 100%;
		z-index:10;
	}
	.o-masthead.o-masthead--alt-logo:not(.js-navsticky) {
        position: static;
    }
	.o-masthead-logo{
        display: flex;
        justify-content: center;
		margin: 0;
        vertical-align: middle;
    }
	.o-masthead-logo__image--mobile{
        max-height: 8.1875em;
    }
	.o-masthead--alt-logo .o-masthead-logo.logo-accueil .o-masthead-logo__link {
		height: 6.375em;
		max-width:initial;
		height: initial;
		width: initial;
	}
	.o-masthead-logo.logo-accueil .o-masthead-logo__image--mobile{
        width: 130px;
        max-width: 130px;
	}
    .o-masthead__primary-nav, .o-masthead__primary-nav li.mobile, .o-masthead__primary-nav li a img{
        display:block;
		margin-bottom:3px;
    }	
	.o-masthead__primary-nav li {
		float: initial;
		margin: 0;
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 0em;
		position:relative;
		width: calc(100% / 5);
	}
	.o-masthead--alt-logo .o-masthead__skip-links a {
		border:0px;
        display: block;
        font-size: 0.65em;
        font-weight: 400;
        line-height: 1em;
		margin: 0em;
        padding: 0em;
        overflow: hidden;
		text-align: center;
	}
	.o-masthead--alt-logo .o-masthead-logo__link:focus {
		border:0px;
	}
	.o-masthead__primary-nav li img {
        margin: 0px auto 2px;
        max-height: 45px;
        max-width: 70%;
        padding: 0.5em;
        width: 100%;
	}
	.o-masthead--alt-logo .o-masthead__skip-links .mobile-bt img {
		background-color:#ffd400;
		border-radius:5px;
	}
	.o-masthead__primary-nav li img.picto-on{
        display:none;
	}
	.o-masthead.o-masthead--alt-logo ul.a-list-plain{
		background: #fff;
		bottom: 0px;
		box-shadow: 7px 0 9px 0 rgba(0, 0, 0, .08);
        display: flex;
		height: auto;
		left: 0px;
		margin: 0px;
        padding: 0.5em 0em;
		position: fixed;
		width: 100%;
        white-space: wrap;
        z-index: 10;
	}
	.o-masthead__skip-links .o-masthead__menu-link {
        display: initial;
        float: none; 
    }
	.o-masthead.o-masthead--alt-logo ul.a-list-plain .o-masthead__projet{
		display:none;
	}
		
	.o-masthead__primary-nav .is-selected img:first-child, .o-masthead__primary-nav .desktop{
		display:none;
	}
	.o-masthead__primary-nav li .is-selected img.picto-on{
		display:block;
	}
	.o-masthead--alt-logo .o-masthead__skip-links a.is-selected{
		font-weight: 800;
	}  
}