@media screen and (min-width:980px){
	body {
		background-image: url(/images/bg-body.png);
		background-repeat: repeat-x;
	}
	
	/***************** Partie header *****************/
	header{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;	
		}
	
/*	div#divheaderint{
		width: auto;
		max-width: 1250px;
		height: 89px;
		#background-color: orange;
	}
*/
	div#divheaderint{
		width: 100%;
		height: 125px;
		position: -webkit-sticky;
		position: sticky;
		background-color: #056e74; 

	}
	
	header article {display:block;position:relative;}

	
/*	
	#divlogo{
		position: absolute;
		display:block;
		top: 0px;
		width: 172px;
		height: 33px;
		z-index: 20;
	}
*/	
/* position du logo dans le header */
	#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: 172px;
		height: 33px;
		display: inline-block;
		text-decoration: none;
		background: url(/images/logo-xils-lab.png) no-repeat 0 0;
		color: transparent;		
	}
	*/
		
	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;
		color: transparent;		
	}
	
/*
	#divmenu{
		width: 1250px;		
		z-index: 1;
		height: 33px;
		width: auto;
		max-width: 1250px;
		padding-right:120px;
		margin-top: 27px;
		#background-color: gray;
	}
*/	
/* position de la navigation dans le header */
	#divmenu{
		width: 1250px;		
		z-index: 1;
		height: 33px;
		top: 50px;
		width: auto;
		max-width: 100%;
		padding-right:80px;
		padding-top:55px;
	}

/*
	div#divmenu div.nav:first-child{
		height: 33px;
		width: auto;
		max-width: 1250px;
		text-align: center;
		#background-color: blue;
	}
*/	
/*
	div#divmenu div.nav:first-child{
		height: 33px;
		width: auto;
		text-align: left;
	}
*/
	div#divmenu div.nav:last-child{
		height: 33px;
		width: auto;
		text-align: right;
	}

	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: 4px solid #61BD6D;*/
		border-bottom: 2px solid #61BD6D;
		
	}
	
	/* selection du menu general (home; audio; artist download support about */
	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: 15px;
		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: 15px;
/*		font-weight: bold; */
		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: 15px;
		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: 15px;
		margin-left: 12px;
		border-bottom: 2px solid #61BD6D;
	}
	
	.menuhtselected{
		float: left;
		color: #D5D5D5;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 15px;
		margin-left: 12px;
		border-bottom: 2px solid #61BD6D;
	}
	
/* mon compte : picto et nom. depend de la position de la navigation, doit etre au dessus d'ou negatif */
	a#amoncompte:link, a#amoncompte:visited, a#amoncompte:active, a#amoncompte:hover{
		float: right;
		margin-right: 80px;
		margin-top: -70px; 
		width: auto;
		height: 22px;
		text-decoration: none;
		background-image: url(/images/mon-compte.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right:30px;
		z-index: 20;
		display:block;
		text-align:right;
		color: #D5D5D5;
	}
	
	#divrechderche{
		display:block;
	}
	
	#inputrecherche{
		width: 192px;
		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: 27px;
		height: 27px;
		float: right;
		background-color: white;
		background-image: url(/images/loupe.png);
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid white;
		color: transparent;
	}
	
	div.divtogglerech{
		float: right;		
		margin-top: -17px;
		margin-right: 15px;
		width: auto;
		z-index: 20;
	}
	
/* panier : picto et num. depend de la position de la navigation, doit etre au dessus d'ou negatif */
	a#apanier:link, a#apanier:visited, a#apanier:active, a#apanier:hover{
		float:right;
		width: 45px;		
		height: 20px;
		padding-top: 35px;
		margin-right: 15px;
		margin-top:-87px;		
		background-color: #28D7AB;
		border: 1px solid #;		
		color: white;
		font-size: 0.8rem;
		text-align: center;
		background-image: url(/images/panier-pc-tab.png);
		background-repeat: no-repeat;
		background-position: center 5px;
		text-decoration: none;
		z-index: 20;
	}
	
/* Pour la position des sous menus produits */
	#navsmenu{
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		text-align: center;
		z-index: 2;
	}
	
	nav#navsmenu li{
		display: inline-block;
		z-index: 1;
		margin: 0;
		padding: 0;
	}
	
	a.asousmenu:link, a.asousmenu:visited, a.asousmenu:active{
		display: block;
		
		color: #D5D5D5;
		font-family: 'myriad';

	/*	background-color: #797979;*/
	/*	background-color: #056e74;*/

		text-decoration: none;		
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 15px;

	}

	a.asousmenu:hover{
		display: inline-block;
		font-family: 'myriad';
		color: #D5D5D5;
	/*	background-color: #28D7AB;*/
		text-decoration: none;
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 15px;
		border-bottom: 2px solid #61BD6D;
	}
	
	.sousmenuselected{
		display: block;
		font-family: 'myriad';
		color:  #D5D5D5;
		background-color: #61BD6D;
		text-decoration: none;
		height: 20px;
		margin-top: 10px;
		font-size: 15px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 15px;
	}
	/***************** Partie main *****************/	
	form input[type=text],form input[type=email], form select, form textarea{width:330px;}
	section#sectionarianeint
	{
		width:auto; 
		max-width:1250px;
		height:30px;
		margin:auto;
		color:#646464;
		padding-left:20px;
		line-height: 30px;
		}
	
	div.leftright{display:table-row;}
	div.center{float:center;background-color:transparent;width:100%;padding:1%;display:inline-block;margin-bottom:1%;margin-top:1%;}
	div.left{float:left;background-color:transparent;width:48%;padding:1%;display:inline-block;margin-bottom:2%;margin-top:2%;}
	div.right{float:right;background-color:transparent;width:48%;padding:1%;display:inline-block;margin-bottom:2%;margin-top:2%;}
	div.clearboth{clear: both;}
	div.left ul{list-style-type: square;padding-left:30px;}
	div.right ul{list-style-type: square;padding-left:30px;}

/*
	#divmaininthome{
		width: auto;
		max-width: 1250px;
		height:  auto;
		min-height: 700px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;	
		padding-left: 20px;	
		padding-right: 20px;	
	}
*/
	#divmaininthome{
		width: auto;
		height:  auto;
		min-height: 700px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;	
	}

	
	div#divmainint{
		width: auto;
		max-width: 1220px;
		height:  auto;
		min-height: 700px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	

	div#divbgh1result{
		width:100%;
		height: auto; 
	/*	margin-top:-12px; */
	/*	margin-top: 27px; */
		background-image: url(/images/bgh1result.png);
		background-size: 100% 100%;
		font-size: 1.1rem;
		color:white;
		line-height:1.7rem;
	}
	
/* pour afficher la description des produits sur l'image */


	/********************** FICHE DÉTAILLÉE **********************/
/*
	div#divdeart{width: 100%; height: auto;	padding-top: 20px; float: left;background-color:transparent;}	
	div#divdetartht{width: 96%; height: auto; float: left;text-align:right;padding-right:2%;padding-left:2%;background-color:transparent;}	
	div#divdetartht h1{display:inline;color:white;margin:0;padding:0;}
	div#divartimg{width: 60%; float: left; height: 330px; background-color: transparent;padding-bottom:15px;}
	div#divartimg img{max-width:70%;max-height:100%;float: right;}	
	div#divartoptions{width: 40%; float: right; height: auto;background-color:transparent;}
	div#divartimgvign{float:left;width:auto;background-color:transparent;}
	div#divartimgvign img{margin: 10px;}
	
*/
	
	div#divdeart
	{
	width: 100%; 
	height: auto;	
/*	padding-top: 40px; */
	float: left;
	background-color:transparent;
	}	
	div#divdetartht
	{
	width: 96%; 
	height: auto;
	float: left;
	text-align:right;
	padding-right:2%;
	padding-left:2%;
	background-color:transparent;
	}	
	div#divdetartht h1{display:inline-block;color:white;margin:0;padding:0;}
	div#divartimg
	{
		background-color: transparent;
		margin: 10px;
		text-align:center;	
	}
	div#divartimg img
	{
		max-height:100%;
		
	}	
	div#divartoptions{width: 50%; float: right; height: auto;background-color:transparent;}
	div#divartimgvign{float:left;width:auto;background-color:transparent;}
	div#divartimgvign img{margin: 7px;}
	

	/****************** 	ESPACE CLIENT		 ****************/
	.ipdef{width:400px;}
}


	div#divbgh1resultint{
		width: auto;
		max-width: 50%;
		padding-left:50%;
		height: auto; 
		min-height: 172px;
		margin: auto;
		background-repeat: no-repeat;
		background-size: 47% auto;
		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;margin-top:0px;}
	
	div#divbandeaufichep{
		width:100%;
		height: auto; 
		/*margin-bottom:15px;*/
		background-size: 100% 100%;
		background-color: #112A2F;
		position: -webkit-sticky;
		position: sticky;
		top: 125px;
	}

	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#divbgh1fichepint h1{color: white;padding-top:25px;margin-bottom:20px;} 
	
/*	
	div#divtemoignage{
		float: left;
		width: 49%;
		background-color: black; 
		color: white;
		font-size: 1rem;
		margin-top: 15px;
		padding-bottom: 20px;
		-khtml-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-Webkit-border-radius: 5px;  
		border-radius: 5px;
	}
*/	
	div#divtemoignage{
		float: left;
		width: 42%;
		max-width : 588px;
		background-color: black; 
		color: white;
		font-size: 0.7rem;
		margin-top: 15px;
		margin-left: 6%;
		padding-bottom: 20px;
/*
		-khtml-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-Webkit-border-radius: 5px;  
		border-radius: 5px;
*/
	}

	
	div#divtemoignagephoto{width: 40%;}

	div#divtemoignagetxt{
		width: 51%;
		padding-left:2%;
		overflow-y:auto; 
		height:200px;
	}
/*
	div#divnewshome{
		float: right;
		width: 49%;
		margin-right: 0;
		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;
	}	
*/	
	div#divnewshome{
		float: right;
		width: 42%;
		max-width : 588px;
		margin-right: 6%;
		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;
	}
	
	div.moitie{
		float: left;
		width: 45%;
		height: auto;
		margin-right: 5%;
	}
	
	/*************************** AUDIO ****************/
/*	#containeraudio { position:fixed; top:270px;width:300px;%;right:0;}	
	#containeraudiofp { position:fixed; bottom:0;width:300px;%;right:0;visibility:hidden;}	
	audio { width:300px; }
	html[data-useragent*="MSIE 9.0"] audio { width:300px; }
	html[data-useragent*="MSIE 10.0"] audio { width:300px; }
	html[data-useragent*="rv:11.0"] audio { width:300px; }
	html[data-useragent*="OS 7"] audio { width:300px; }
	html[data-useragent*="OS 8"] audio { width:300px; }
	html[data-useragent*="OS 9"] audio { width:300px; }
	html[data-useragent*="Chrome"] audio { width:300px; }
	html[data-useragent*="Chrome"][data-useragent*="Android"] audio {width:300px; } 
	
	#divcontentplayer{float: right;background-color:black;}
	#npTitle { margin:0; padding:21px; text-align:right; line-height: 1.1em;}
	#npAction { padding:21px; position:absolute; }
	#plList { margin:0; }

	*/
	
	#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%; }
	#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; }

	
	/*#containeraudio { position:fixed; bottom:0px;width:320px;right:0;}	
	#containeraudiofp { position:fixed; bottom:0px;width:320px;visibility:hidden;}	
	audio { width:auto; }
	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%; }
	#npTitle { width:245px; }
	
	#divcontentplayer{display:block;background-color:black;}
	#npTitle { margin:0; padding:5px; text-align:right; }
	#npAction { padding:5px; position:absolute; }
	#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: 60%;
		background-color:transparent;	
		float: right;
		margin-top: -140px;
		z-index:10;
	}
	
	div#divinfoscom{
		width: 60%;
		background-color:transparent;	
		float: right;
		margin-top: -140px;
		z-index:10;
	}
	*/
	
	div#divinfoscom{
		position:relative;
		text-align:center;
		width: 100%;	
		float: left; 
		z-index:10;
		background-color:#16464a;	
	}


/*
	div.divinfoscomtop{
		width: auto;
		background-color:#000000;	
		top: 0px;
		z-index:10;
	}
*/
/*
	div.divinfoscombody{
		position:relative;
		text-align:center;
		width: 60%;	
		float: left;
		z-index:10;
	}
*/

	/*
	div.divinfoscomitem{
		display: inline-block;
		background-color:white;
		text-align:center;
		font-size:0.7em;
		padding:5px;
		margin: 5px;
		width:70px;
	}
	*/
	
	/* 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; */
		height:15px;
	}
	
	.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;}
	
	.divcomadresse:last-child{float:right;}
	
	.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 *****************/
	div#divintfooter{
		width: auto;
		max-width: 1250px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
   	}
	
	footer div aside{
		display: inline-block;
		width: 23%;
		height: auto;
		padding-top: 10px;
		margin-right: 2%;
		float: left;
  		 color: #fff;
 	}
	
	footer div aside:last-child{
		margin-right: 0px;
	}
}