/*Reset CSS*/
			*{ margin: 0px; padding: 0px; font-family: Avenir, sans-serif; font-size: 6; ext-decoration: none; }
		      nav{ width: 100%; margin: 0 auto; background-color: white; position: sticky; top: 0px; }
	   .conteneur-nav{ position: absolute; width: 90%; font-size: 12px; }
 nav input[type=checkbox]{ display: none; }
		nav label{ display: inline-block; width: 100%; padding: 9px 0px; text-align: left; background-color: white; }
		   nav ul{ display: none; list-style-type: none; background-color: #555; }
nav input[type=checkbox]:checked + ul{ display: flex; flex-flow : column wrap; }
		nav ul li{ flex: 1 1 auto; text-align: center; }
  nav > div > ul > li > a { color: white; }
		    nav a{ display: block; text-decoration: none; color:black; padding: 6px 0px; }
		    .sous{ display: flex; flex-flow: column wrap; z-index: 100; }
		 .sous li{ flex: 1 1 auto; text-align: left; }
		  .sous a{ padding: 6px; background-color: bold; }

@media screen and (min-width: 1000px){
			.conteneur-nav{ position: static; }
		  nav label, nav input{ display: none; }
	nav input[type=checkbox]:checked + ul, nav ul{ display: flex; flex-flow: row wrap; background-color: #ff4da5; }
			     nav ul li{ position: relative; }
		nav > div > ul > li > a{ color:white; }
				  nav a{ border-bottom: 2px solid transparent; }
			    nav a:hover{ color: black; border-bottom: 2px solid pink; }
				  .sous{ display: none; box-shadow: 0px 1px 2px #CCC; background-color: white; position: absolute; width: 100%; font-size: 10px; }
		nav > div > ul li:hover .sous{ display: flex; flex-flow: column wrap; }
				.sous a{ border-bottom: none; background-color: write; }
			  .sous a:hover{ border-bottom: yes; background-color: RGBa(200,200,200,0.1); }
		  .deroulant > a::after{ content:"  "; }
				    }

	.conteneur-contenu{ margin: 60px 40px; height: 500px; font-size: 4px; }