/*responsive tablette*/
@media screen and (max-width: 899px){
	html{
		font-size: 14px;
	}

	#page{
		min-height: 700px;
	}


 nav.menu-nav ul li.btn{
font-size: 1.75rem;

}

}


/*responsive smartphone*/
@media screen and (max-width: 705px) {
    html{
    font-size: 12px;
    padding: 0;

    }

    body{
    	margin: 0 !important;
    }

    #page{
    	min-height: 650px;

    }


/*header*/


header{
width: 100%;
max-width: 705px;
position: fixed;
z-index: 8;

}

#titre_principal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 0 !important;
	margin-top: 0 !important;
	text-align: center;
	background-color: white;
}

.logo{
	margin-top: 0;
}

#icon-menu{
	width: 35px;
	height: 30px;
}

button {
	position: relative;
	border: none;
	z-index: 10;
	background: transparent;


}

#icon-menu span{
	position: absolute;
	width: 35px;
	height: 2px;
	background-color: #030625;

}
#icon-menu span:nth-child(1){
	top: 0;
	left: 0;
}

#icon-menu span:nth-child(2){
	top: 12px;
	left: 0;
}

#icon-menu span:nth-child(3){
	top: 24px;
	left: 0;
}


.menu-nav{ 
width: 100%;
margin-top: 0 !important;
border-right: none !important;
overflow: hidden;
height: 0;


}


.menu-nav.expand{
	width: 100%;
	margin-top: 0!important;
	height: 100%;
	z-index: 8;
	background-color:rgba(255,255,224,0.8);

    
}

nav.menu-nav ul li.btn{
text-align: center;
font-size: 2rem;



}


}