html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  }
body {
  display: flex;
  flex-direction: column;
}
/*POUR EDGE-iOS*/
section.section-compte {
  flex-shrink: 0;
}
main.container-main.container{
  flex-shrink: 0;
}
/*Fin*/



#footer {
  margin-top: auto;
}
/**Menu de navigation*/

.nav-up {
	top: -65px !important;
}


header.headerNav {
	position: sticky;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	top: 0px;
	transition: top 0.2s ease-in-out;
	z-index: 9999;
}

/* wysihtml5-supported -> null */
#menu li {
	list-style: none;
	margin-left: unset;
}

a.lienMenuOpen {
	text-decoration: none;
	color: #1E1E23;
	opacity:1;
	font-family: 'Acme', sans serif;
	font-size: 24px;
	font-weight: 400;
	transition: 200ms;
}
a.lienMenuOpen:hover {
	opacity:0.5;
}
ul#menu {
	list-style-type: none;
}

.containerNavbar {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contentNavbar { 
	width: 100%;
	height: 91%;
	background-color: #F5F6FA;
}
nav {
	/* background-color: #1E1E23; */
	background-color: #1676b7;
	
	/* background-color: #1367a0; */
	/* background-color: #105989; */
	
	height: 65px;
}


#menuToggle {
	display: flex;
	flex-direction: column;
	position: relative;
	top: 25px;
	padding-left: 25px;
	z-index: 1;
	-webkit-user-select: none;
    user-select: none;
    
    width: 40px;
}

#menuToggle input
{
	display: flex;
	width: 40px;
	height: 32px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	margin-top: -5px;
}

#menuToggle span.barreMenu
{
	display: flex;
	width: 29px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #ffffff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 5px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
}

#menuToggle span.barreMenu:first-child
{
	transform-origin: 0% 0%;	
}

#menuToggle span.barreMenu:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span.barreMenu
{
	opacity: 1;
	transform: rotate(45deg) translate(-3px, -1px);
	background: #36383F;
}
#menuToggle input:checked ~ span.barreMenu:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span.barreMenu:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
	position: absolute;
	width: 300px;
	height: auto;
	margin: -50px 0 0 -50px;
	padding: 50px;
	padding-top:75px;
	padding-bottom: 20px;
	background-color: rgb(255, 255, 255);
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}

#menu li
{
	padding: 10px 0;
}

@media (max-height: 600px) {
	#menu li{
		padding:7px 0;
	}
	li#titreMenu{
		padding: 10px 0;
	}
}

#menuToggle input:checked ~ ul
{
	transform: none;
}

#barreVisible {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height:100%;
	margin-top: -21px; /*Taille du voisin du dessus*/	
}
#barreVisible .lienBarreVisible {
	color: white;
	margin-right:15px;
	
	font-family: 'Open Sans';
	font-size: 16px;
}
body.admin #barreVisible .lienBarreVisible {
	margin-right: 0px;
	padding-left: 7px;
	padding-right: 7px;
}
body.admin .lien-menu {
	border-left: 1px solid #4aa0d9
}

#titreMenu {
	text-align: center;
	font-family: 'Acme';
}

#barreVisible .titreBarreVisible {
	margin:0;
	margin-right: auto;
	padding-left:100px;
	/* font-size: 1.8em;	 */
}
#barreVisible .titreBarreVisible h1, .titreBarreVisible h2{
	margin: 0px;
}
#barreVisible .titreBarreVisible h1 {
	font-size: 28.8px;
}
#barreVisible .titreBarreVisible h2 {
	font-size: 14px;
	color:white;
	font-family: "Acme", Helvetica, Arial, sans-serif;
}
@media (max-width: 750px) {
	#barreVisible .titreBarreVisible {
		display: none !important;
	}
}
/* #barreVisible {
    margin-left:100px;
    display: grid;
    grid-template-columns: 20rem 1fr 1fr 1fr;
    grid-gap: .5rem;
} */

/**Fin menu de navigation*/