/*
#@plugins/auto/wsps_html5_dist_v2/css/navbar.scss
#@plugins/auto/wsps_html5_dist_v2/css/_variables.scss
#@plugins/auto/tutotheque/css/_variables_perso.scss
*/
@charset "UTF-8";
/* Fonts */
/* Colors */
/* Grid */
.nav-collapse {
  margin-bottom: 24px;
}
.nav-collapse ul li.nav-item {
  width: auto;
  display: inline-block;
}
/* menu responsive, merci à https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css */
#nav {
  /* Hamburger menu, merci à https://uicookies.com/hamburger-menu-css/ */
  /*Hide checkbox*/
  /*Show menu when invisible checkbox is checked*/
}
#nav .navbar {
  position: relative;
  margin-bottom: 2em;
  /*Style for menu links*/
  /*Hover state for top level links*/
  /*Style for dropdown links*/
  /*Hover state for dropdown links*/
  /*Hide dropdown links until they are needed*/
  /*Make dropdown links vertical*/
  /*Prevent text wrapping*/
  /*Display the dropdown on hover*/
  /*Style 'show menu' label button and hide it by default*/
}
#nav .navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
#nav .navbar li {
  float: left;
  display: inline-block;
  margin-right: 1px;
}
#nav .navbar li a {
  border: 1px solid black;
  border-radius: 4px;
  display: block;
  text-align: center;
  line-height: 24px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  color: #000;
  background: transparent;
  padding: 10px 15px;
  text-decoration: none;
}
#nav .navbar li a:active {
  color: #555;
}
#nav .navbar li a:visited {
  color: #000;
}
#nav .navbar li a:hover {
  color: #000;
}
#nav .navbar li:hover a {
  background: transparent;
}
#nav .navbar li:hover ul a {
  background: transparent;
  color: #999;
  line-height: 49.9px;
}
#nav .navbar li:hover ul a:hover {
  background: transparent;
  color: #999;
}
#nav .navbar li ul {
  display: none;
}
#nav .navbar li ul li {
  display: block;
  float: none;
}
#nav .navbar li ul li a {
  width: auto;
  padding: 0 20px;
}
#nav .navbar ul li a:hover + .hidden, #nav .navbar .hidden:hover {
  display: block;
}
#nav .show-menu {
  float: right;
  right: 0;
  margin: 1em 0 0 1em;
  top: 5px;
  width: 36px;
  transform: translate(0, -50%);
  color: #000;
  background: #fff;
  display: none;
}
#nav .show-menu:before, #nav .show-menu:after {
  background-color: #000;
  content: '';
  display: block;
  height: 4px;
  transition: all 200ms ease-in-out;
}
#nav .show-menu:before {
  box-shadow: 0 10px 0 #000;
  margin-bottom: 16px;
}
#nav .show-menu:hover:before {
  box-shadow: 0 0 0 #000;
  transform: translateY(10px) rotate(45deg);
}
#nav .show-menu:hover:after {
  transform: translateY(-10px) rotate(-45deg);
}
#nav input#show-menu[type=checkbox] {
  visibility: hidden;
}
#nav input#show-menu[type=checkbox]:checked ~ #nav-menu {
  display: block;
}
/*Responsive Styles*/
@media screen and (max-width: 800px) {
  /*Make dropdown links appear inline*/
  #nav {
    /*Display 'show menu' link*/
  }
  #nav .navbar {
    margin: 0;
    /*Create vertical spacing*/
    /*Make all menu links full width*/
  }
  #nav .navbar ul {
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    background-color: #fff;
  }
  #nav .navbar li {
    margin-bottom: 1px;
  }
  #nav .navbar li a {
    padding: 0.2em 0;
    border: none;
    border-radius: 0;
  }
  #nav .navbar ul li, #nav .navbar li a {
    width: 100%;
  }
  #nav .show-menu {
    display: block;
  }
}
/*Create a horizontal list with spacing*/
/*


.navbar {



}



@media (max-width: 40em) {
	#nav {
		position: relative;
	}
	.nav-toggle {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 50px;
	}

	.nav-collapse {
		margin-bottom: 0;
		ul li.nav-item {
			display: block;
		}
	}


	#nav .navbar{
		position: fixed;
		right: 5px;
		top: 40px;
		background-color: $navbar-default-bg;
		padding: 5px;
		max-width: 500px;
		height: auto;
		text-align: right;
		z-index: $zindex-navbar;
		a {
			padding: 0 10px;
			line-height: normal;
		}
	}

	#nav ul li {
		text-align: right;
		width: auto
	}
}
*/