/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	a#menu-toggle{
		display: block;
		width: 50%;
		margin: 1% 5%;
		text-align: left;
		text-transform: uppercase;
		padding: 5px 0 5px 40%;
		height: 30px;
		line-height: 30px;
		border-radius: 3px;
		text-decoration: none;
		background: #ecd794 url('https://d975ea.claudeassets.com/20190607152851im_/https://www.nemaupiscines30.com/modules/menu/img/menu.png') no-repeat 38% 4px;
		box-shadow: 0 3px 2px #fff;
	}
	#nav{
		padding:0;
		list-style-type: none;
		width: 90%;
		margin: 0 5% 1% 5%;
		display:none;
	}
	#nav > li > ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
	}
	#nav > li{
		position:relative;
		margin: 1% 0;
	}
	#nav li a{
		display: block;
		padding: 1% 0;
		text-align: center;
		background: #ecd794;
		text-decoration: none;
		border-radius: 3px;
		box-shadow: 0 3px 2px #fff;
		font-size: 1.2em;
		color:#2e2a22;
	}
	#nav li a:hover, #nav li a.selected{
		color:#015387;
	}
	
	#nav > li > ul li a{
		border-radius: 0 0 3px 3px;
		border-top: 1px solid #eee;
	}
}

/* TABLETTES */
@media only screen and (min-width: 768px) {

	a#menu-toggle{
		width: 38%;
		padding: 5px 0 5px 32%;
		margin: 1% 15%;	
	}
	#nav{
		width: 70%;
		margin: 0 15% 1% 15%;
	}
}

/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	a#menu-toggle{
		display: none;	
	}
	#nav, #nav ul{
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	#nav{
		margin:200px 0 0 15px;
		float:left;
		width:980px;
		height:30px;
		display:block;
	}
	
	#nav > li{
		position:relative;
		float:left;
		margin: 0;
		height:30px;
	}
	
	#nav > li.nav1{ width:148px; }
	#nav > li.nav2{ width:137px; }
	#nav > li.nav6{ width:171px; }
	#nav > li.nav7{ width:74px; }
	#nav > li.nav8{ width:99px; }
	#nav > li.nav9{ width:125px; }
	#nav > li.nav10{ width:129px; }
	#nav > li.nav3{ width:97px; }
	
	#nav ul{
		position:absolute;
		display:none
	}
	
	#nav > li > ul{
		top:100%;
		left:0;
	}
	
	#nav > li > ul > li > ul{
		top:0;
		left:100%;
		padding-left:5px;
	}
	
	#nav ul li{
		padding-top:5px
	}
	
	
	#nav li a{
		font-family: "Arial Rounded MT Bold"; 
		border:0px solid #000;
		background:transparent;
		color:#2e2a22;
		display:block;
		padding:0;
		height:30px;
		line-height:30px;
		text-align:center;
		text-decoration:none;
		border-radius: 0;
		box-shadow: none;
		font-size: 14px;
		text-transform:none;
	}
	
	#nav li a:hover, #nav li a.selected{
		color:#015387;
	}
	
	#nav li:hover > ul{
		display:block
	}
	#nav > li > ul li a{
		border-radius: 0;
		border: 0;
	}
	
	/* pour fixer le menu lorsqu'on scrolle */
	
	#nav.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index: 1000;	
		width:100%;
		background: rgba(196,196,196,0.9);
		margin:0;
		padding:10px;
		box-shadow: 0 0 5px #333;
		-moz-transition: box-shadow 0.8s, background 0.5s;
		-webkit-transition: box-shadow 0.8s, background 0.5s;
		-o-transition: box-shadow 0.8s, background 0.5s;
		-ms-transition: box-shadow 0.8s, background 0.5s;
		transition: box-shadow 0.8s, background 0.5s;
	}


}


/* thème smartphone (osbolète) */

.smartphone #nav > li{
	float:none;
}

.smartphone #nav{
	width: auto;
	float: right;
}

.smartphone .smartli {
	margin: 0;
}
/*
     FILE ARCHIVED ON 02:32:27 Oct 23, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:01:44 Jun 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.651
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.055
  esindex: 0.02
  cdx.remote: 20.12
  LoadShardBlock: 98.88 (3)
  PetaboxLoader3.datanode: 71.505 (4)
  PetaboxLoader3.resolve: 115.989 (2)
  load_resource: 112.369
*/