@media screen and (min-width:730px) and (max-width:979px){
	body {
		background-image: none;
	}
	
	/***************** Partie header *****************/
	header{
		width: 100%;
		height: auto;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;	
	}
	
	div#divheaderint{
		width: 100%;
		height: auto;
		min-height: 125px;
		background-color: #056e74;
	}

/*	
	#divlogo{
		position: absolute;
		display:block;
		margin-top: 22px;
		width: 172px;
		height: 33px;
		z-index: 20;
	}
*/
	#divlogo{
		position: absolute;
		display:block;
		top: 50px;
		width: 194px;
		height: 33px;
		z-index: 20;
	}
	
	a#alogo:link,a#alogo:visited,a#alogo:active,a#alogo:hover{
		width: 194px;
		height: 33px;
		top: 50px;
		display: inline-block;
		text-decoration: none;
		background: url(/images/logo-xils-lab.png) no-repeat 0 0;
	}
	
/* position de la navigation dans le header */
	#divmenu{
		position:absolute;
		width: 100%;		
		z-index: 1;
		height: 33px;
		float: left;
		padding-right:10px;
		padding-top:55px;
		#background-color: gray;
	}
	
/*
	div#divmenu div.nav:first-child{
		float: left;
		margin-left: 65px;
		height: 33px;
		width: auto;
		margin-left: 197px;
		#background-color: blue;
	}
*/	
	div#divmenu div.nav:last-child{
		height: 33px;
		width: auto;
		text-align: right;
		margin-right: 60px;
	}

	
	label[for="close"] {display:none;}
	
	div.nav li{
		display: inline-block;
		z-index: 1;
		margin: 0;
		padding: 0;
	}
	
	a#ahome:link,a#ahome:visited,a#ahome:active{
		float: left;
		color: black;
		text-decoration: none;
		width: 18px;
		height: 27px;
		line-height: 27px;
		background: url(/images/home.png) no-repeat;
		background-position: 0 5px;
	/*	border-bottom: 4px solid #797979; */
		border-bottom: 2px solid #056e74;
	}

	a#ahome:hover{
		float: left;
		color: black;
		text-decoration: none;
		width: 18px;
		height: 27px;
		line-height: 27px;
		background: url(/images/home.png) no-repeat;
		background-position: 0 5px;
		border-bottom: 2px solid #61BD6D;
	}
	
	a.aproducts:link, a.aproducts:visited, a.aproducts:active{
		float: left;
		color: #D5D5D5;
		text-decoration: none;
		font-family: 'myriad';
		height: 28px;
		line-height: 28px;
		font-size: 16px;
		margin-left: 12px;
	/*	background-color: #797979;*/
		background-color: #056e74;
		border-bottom: 2px solid #056e74;
	}

	a.aproducts:hover{
		float: left;
		color: #D5D5D5;
		text-decoration: none;
		font-family: 'myriad';
		height: 28px;
		line-height: 28px;
		font-size: 16px;
		margin-left: 12px;
		background-color: #056e74;
		border-bottom: 2px solid #61BD6D;
	}
	
	a.amenuht:link, a.amenuht:visited, a.amenuht:active{
		float: left;
		color: #D5D5D5;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 14px;
		margin-left: 12px;
		border-bottom: 2px solid #056e74;
	}

	a.amenuht:hover{
		float: left;
		color: #D5D5D5;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 14px;
		margin-left: 12px;
		border-bottom: 2px solid #61BD6D;
	}	
	
	.menuhtselected{
		float: left;
		color: black;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 14px;
		margin-left: 12px;
		border-bottom: 4px solid #61BD6D;
	}
	
	.divtogglerech{
		opacity: 0; 
		width: 100%; 
		position: relative; 
		height: 39px;
		z-index: 1;
		background-color: black;
	}
	
	#divrechderche{
		display:block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 70%;
		text-align: right;
	}
	
	#inputrecherche{
		width: 87%;
		height: 27px;
		float: left;
		background-color: #f8f8f8;
		border: 1px solid #dcdcdc;
		padding: 0;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-Webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
	}
	
	#recherche{
		width: 92%;
		height: 27px;
		float: left;
		background-color: #f8f8f8;
		border: 1px solid #dcdcdc;
		padding: 0;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-Webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
	}
	
	#btRecherche{
		width: 7%;
		height: 30px;
		float: right;
		background-color: black;
		background-image: url(/images/loupe-noir.png);
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #bbd278;
		color: transparent;
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-Webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	a#amoncompte:link, a#amoncompte:visited, a#amoncompte:active, a#amoncompte:hover{
		position:absolute;
		right: 55px;
		top: 12px;
		width: 30px;
		height: 22px;
		text-decoration: none;
		background-image: url(/images/mon-compte.png);
		background-repeat: no-repeat;
		z-index: 20;
		color: #D5D5D5;
	}	
	div#divlabcompte{display:none;}
	
	a#apanier:link, a#apanier:visited, a#apanier:active, a#apanier:hover{
		position:absolute;
		top: 0;
		right: 2px;
		width: 45px;		
		height: 20px;
		margin-right: 10px;
		padding-top: 35px;		
		background-color: #28D7AB;
		border: 1px solid #;		
		color: white;
		font-size: 0.8em;
		text-align: center;
		background-image: url(/images/panier-pc-tab.png);
		background-repeat: no-repeat;
		background-position: center 5px;
		text-decoration: none;
/*
		-khtml-border-radius: 0 0 4px 4px; 
		-moz-border-radius: 0 0 4px 4px; 
		-Webkit-border-radius: 0 0 4px 4px; 
		border-radius: 0 0 4px 4px; 
*/
		z-index: 20;
	}
	
	#navsmenu{
		display: inline-block;
		width: 100%;
		min-height: 30px;
		height: auto;
		text-align: center;
		left: 0;
		z-index: 2;
		margin-top: 95px;
	}
	
	nav#navsmenu li{
		display: inline-block;
		z-index: 1;
		margin: 0;
		padding: 0;
	}
	
	a.asousmenu:link, a.asousmenu:visited, a.asousmenu:active{
/*		float: left; */
		color: #D5D5D5;
		font-family: 'myriad';
	/*	background-color: #797979;*/
		text-decoration: none;
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 12px;
/*		font-weight: bold; */
	}

	a.asousmenu:hover{
/*		float: left; */
		color: #D5D5D5;
		font-family: 'myriad';
	/*	background-color: #61BD6D;*/
		text-decoration: none;
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 12px;
		border-bottom: 2px solid #61BD6D;
	}
	
	.sousmenuselected{
/*		display: block;  */
		color: #D5D5D5;
		font-family: 'myriad';
		background-color: #61BD6D;
		text-decoration: none;
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 12px;
		border-bottom: 2px solid #61BD6D;
	}
	
	/***************** Partie main *****************/
	div.leftright{display:table-row;}
	div.left{float:left;background-color:transparent;width:48%;padding:1%;margin-bottom:2%;margin-top:2%;}
	div.right{float:right;background-color:transparent;width:48%;padding:1%;margin-bottom:2%;margin-top:2%;}
	
	div.left ul{list-style-type: square;padding-left:30px;}
	div.right ul{list-style-type: square;padding-left:30px;}
	
	div#divmaininthome{
		width:100%;
		height:  auto;
		min-height: 700px;
		padding-bottom: 20px;
		#background-color: orange;
	}
	
	div#divmainint{
		width: 96%;
		height:  auto;
		min-height: 700px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	div#divbgh1result{
		width:100%;
		height: auto;
	/*	margin-bottom:15px; */
     	margin-top: -20px;
		background-image: url(/images/bgh1result.png);
		background-size: 100% 100%;
		font-size: 1.1rem;
		color:white;
		line-height:1.7rem;
	}
	
	div#divartoptions{width: 67%; float: right; height: auto;background-color:transparent;}

	
/* pour afficher la description des produits sur l'image */
	div#divbgh1resultint{
		width: auto;
		max-width: 50%;
		padding-left:50%;
		height: auto;
		min-height: 172px;
		margin: auto;
		background-repeat: no-repeat;
		background-size: 47% 100%;
		background-position: left center;
	}
	
	div#divbgh1resultint h1{color: white;padding-top:25px;margin-bottom:20px;}
	div#divbgh1resultint h2{color: #D0D0D0;font-size: 0.8rem; line-height:1.1rem; padding-top:75px;margin-bottom:10px;}
	
	
	div#divbgh1fichep{
		width:100%;
		height: auto; 
		margin-top:0px;
		background-size: 100% 100%;
		background-color: #112A2F;
		font-size: 1.1rem;
		color:white;
		line-height:1.7rem;
		top: 150px;
	}
	
	div#divbgh1fichepint{
		width: auto;
		max-width: 1250px;
		height: auto; 
		margin: auto;
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: left center;
		position: -webkit-sticky;
		position: sticky;
	}
	
	div#divtemoignage{
		float: left;
		width: 46%;
		background-color: black; 
		color: white;
		font-size: 0.6rem;
		margin-top: 15px;
		margin-left: 3%;
		padding-bottom: 20px;
	}
	
	div#divtemoignagephoto{width: 40%;}

	div#divtemoignagetxt{
		width: 51%;
		padding:2%;
		overflow-y:auto; 
		height:200px;

	}
	
	div#divnewshome{
		float: right;
		width: 46%;
		margin-right: 3%;
		margin-top: 15px;
		line-height: 1.2rem;	
		color: black;
/*
		background-image: url(/images/bg-news.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;	
*/
		
/*
		border: 1px solid #898b87;
		-khtml-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-Webkit-border-radius: 5px;  
		border-radius: 5px;
*/
	}
	
	.tablecontact{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	form input[type=text],form input[type=email], form select{width:400px;}
	form textarea{width:100%;}
	.ipdef{width:400px;}
	
	div.moitie{
		float: left;
		width: 45%;
		height: auto;
		margin-right: 5%;
	}
	
	div.moitie select{width:100%;}
	
	/*************************** AUDIO ****************/
    #containeraudio { position:fixed; bottom:0px;150px;right:0;} 
	#containeraudiofp { position:fixed; bottom:0px;width:100%;left:0;visibility:hidden;}	
	audio { width:100%; }
	html[data-useragent*="MSIE 9.0"] audio { width:100%; }
	html[data-useragent*="MSIE 10.0"] audio { width:100%; }
	html[data-useragent*="rv:11.0"] audio { width:100%; }
	html[data-useragent*="OS 7"] audio { width:100%; }
	html[data-useragent*="OS 8"] audio { width:100%; }
	html[data-useragent*="OS 9"] audio { width:100%; }
	html[data-useragent*="Chrome"] audio { width:100%; }
	html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:4px; width:100%; }
/* old	#npTitle { width:245px; } */
	#npTitle { width:90%; }
	
	#divcontentplayer{display:block;background-color:black;}
	#npTitle { margin:0; padding:5px; text-align:right; line-height: 1.1em;}
	#npAction { padding:2px; position:absolute; }
	#plList { margin:0; }
	#plList { margin:0; }
	
	div.divartist{float: left;widht: 100%;}
	div.divartistimg{float: left;width:18%;display:inline-block;}
	div.divartistimg img{float: left;display:inline-block;max-width:90%;}
	div.divartistdesc{float: left;width:82%;;display:inline-block;}
	
    div.divfaq{float: left;widht: 100%;}
	div.divfaqdesc{float: left;width:82%;;display:inline-block;}

	/*
	div#divinfoscom{
		width: auto;
		background-color: tranparent;	
		position:absolute;	
		top: 40%;
		right: 10px;
		text-align: right;
	}
		
	div#divinfoscom{
		width: auto;
		background-color: tranparent;	
		position:absolute;	
		top: 70%;
		right: 10px;
		text-align: right;
	}
	*/
/*
	div.divinfoscomtop{
		position:fixed;
		width: auto;
		background-color:#000000;	
		right: 10px;
		top: 0px;
		z-index:10;
	}
	
	div.divinfoscombody{
		position:relative;
		width: auto;
		background-color: tranparent;	
		right: 10px;
		text-align: right;
	}
*/
/*
	div.divinfoscomitem{
		background-color: #61BD6D;
		text-align:center;
		font-size:0.7rem;
		padding:5px;
		margin: 5px;
		float: right;
	}
	*/
	
		/* divinfoscomitem  div contenant les logo des informations complementaires*/
	div.divinfoscomitem{
		display: inline-block;
		text-align:center;
		font-size:0.9em;
		padding:1px;
		margin: 1px;
		margin-left: 20px;
		margin-right: 20px;

	}
	div.divinfoscomitemName{
		display: inline-block;
		text-align:center;
		font-size:1.3em;
		padding:1px;
		margin: 1px;
		margin-left: 20px;
		margin-right: 20px;

	}


	div.divinfoscomitem img{max-width: 100%;height:30px;}
	
	.tooltip{
    	display: inline;
   	 	position: relative;
	}
	

	.tooltip:hover:after{
   		 background: #333;
   		 background: rgba(0,0,0,.8);
   		 border-radius: 5px;
   		 bottom: 26px;
   		 color: #fff;
   		 content: attr(title);
   		 left: 20%;
   		 padding: 5px 15px;
   		 position: absolute;
   		 z-index: 98;
   		 width: 220px;
	}

	div.divtemliste{
		float: left;
		border: 1px solid #A7A7A7;
		background-color:white;
		margin-bottom: 20px;
		padding:1%;
		width:98%;
	}
	
	div.divtemlistenom{width:13%;padding:1%;float: left;}
	div.divtemlisteimg{width:13%;padding:1%;float: left;}
	div.divtemlistedesc{width:68%;padding-left:1%;padding-right:1%;float: left;}
	
	.divmoitieactug{width:25%;margin-right:2%;margin-left:2%;display:inline-block;float:left;}
	.divmoitieactud{width:65%;margin-right:2%;margin-left:2%;display:inline-block;float:right;}
	
	/***************** Partie footer *****************/
	footer div aside{
		display: inline-block;
		width: 46%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 2%;
		margin-right: 2%;
		float: left;
		height: 140px;
		margin-bottom: 10px;
		border-bottom: 1px dashed #C8C8C8;		
	}
}