@media screen and (max-width:729px){	
	body{ -webkit-animation: bugfix infinite 1s; }
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	/***************** Partie header *****************/
	header{
		width: 100%;
		height: auto;
		display: inline-block;
		margin-bottom: 10px;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;	
		background-color: #FFFFFF;
	}
	
	div#divheaderint{
		width: 100%;
		height: auto;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;	
	}
	
	/***************** MENU ************************/
	input + div#divmenu{max-height:0px;overflow:hidden;transition:max-height 0.5s;background:white;padding:0;}
	input:checked + div#divmenu{max-height:600px;transition:max-height 0.5s}
	header article 
	{
		position:relative;
	}
	label[for="close"] {display:none;position:absolute;padding-top:10px;}
	input:checked ~ label[for="close"] {right:0;top:0;display:block;}
	label#labelmenu{
		height: 50px;
		margin:0;
		padding-left:00px;
		font-size:1.5em;
		display:block;
		background-color: #056e74;
		background-image:url(/images/menu-off.png);
		background-repeat:no-repeat;
		background-position:right center;
	}
	/***************** MENU ************************/
	
	#divlogo{
		position: absolute;
		display:block;
		margin-top: 5px;
		width: 164px;
		height: 34px;
		z-index: 20;
	}
	
	a#alogo:link,a#alogo:visited,a#alogo:active,a#alogo:hover{
		width: 164px;
		height: 34px;
		display: inline-block;
		text-decoration: none;
		background: url(/images/logo-xils-lab-smartp.png) no-repeat 0 0;
	}
	
	a.aproducts:link, a.aproducts:visited, a.aproducts:active{
		display:block;
		color: black;
		width: 100%;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		font-family: 'myriad';
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		background-color:#eeeeee;
		border-bottom: 1px dashed #585858;
	}

	a.aproducts:hover{
		display:block;
		color: black;
		width: 100%;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		font-family: 'myriad';
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		background-color:#D2D2D2;
		border-bottom: 1px dashed #585858;
	}
	
	a.amenuht:link, a.amenuht:visited, a.amenuht:active{
		display:block;
		color: black;
		width: 100%;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 16px;
		background-color:#eeeeee;
		border-bottom: 1px dashed #585858;
	}

	a.amenuht:hover{
		display:block;
		color: black;
		width: 100%;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 16px;
		background-color:#D2D2D2;
		border-bottom: 1px dashed #585858;
	}	
	
	.menuhtselected{
		display:block;
		color: #566400;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		font-family: 'myriad';
		text-align: center;
		font-size: 16px;
		background-color:#D2D2D2;
		border: 1px solid #566400;
		margin-top: 1px;
	}
	
	a.asousmenu:link, a.asousmenu:visited, a.asousmenu:active{
		color: white;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
		width: 100%;
		display: block;
		border-bottom: 1px dashed #E1E1E1;
	}

	a.asousmenu:hover{
		color: white;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
		width: 100%;
		display: block;
		background-color: #1E1E1E;
		border-bottom: 1px dashed #E1E1E1;
	}
	
	.sousmenuselected{
		color: white;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: bold;
		border: 1px solid #E1E1E1;
		background-color:#292929;
		margin-top: 2px;
	}
	
	.divtogglerech{
		display: none;
		opacity: 0; 
		width: 100%; 
		position: relative; 
		height: auto;
		z-index: 1;
		background-color: black;
	}
	
	#divrechderche{
		display:block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		width: 80%;
		height: 29px;
		text-align: center;
	}
	
	#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;
	}
	
	#btRecherche{
		width: 12%;
		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{
		float: left;
		margin-left: 10%;
		margin-top: 10px;
		width: 32px;
		height: 32px;
		text-decoration: none;
		background-image: url(/images/mon-compte-s.png);
		background-repeat: no-repeat;
		z-index: 20;
	}
	div#divlabcompte{display:none;}
	
	a#apanier:link, a#apanier:visited, a#apanier:active, a#apanier:hover{
		position:relative;
		display: inline-block;
		width: 60px;		
		height: 35px;
		margin-top: 10px;
		margin-left: 40px;
		border: 1px solid #;		
		color: black;
		font-size: 1.8rem;
		text-align: center;
		background-image: url(/images/panier-s.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
		z-index: 20;
	}
	
	/***************** Partie main *****************/
	div.left{display:block;background-color:transparent;width:98%;padding:1%;display:inline-block;margin-bottom:2%;margin-top:2%;}
	div.right{display:block;background-color:transparent;width:98%;padding:1%;display:inline-block;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;}
	
	#sectionmain{
		width: 100%;
		height: auto;
		background-color: #FAFAFA;
	}
	
	div#divmainint{
		width: 98%;
		height:  auto;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 1%;
		padding-right: 1%;
		#background-color: orange;
	}
	
	div#divmaininthome{
		width: 98%;
		height:  auto;
		padding-bottom: 20px;
		padding-left: 1%;
		padding-right: 1%;
		#background-color: orange;
	}
	
	div#divbgh1result{
		width:100%;
		height: auto;
		margin-bottom:15px;
		background-image: url(/images/bgh1result.png);
		background-size: 100% 100%;
		font-size: 1rem;
		color:white;
		line-height:1.7rem;
	}
	
	div#divbgh1resultint{
		width:auto;
		padding-left:1%;
		padding-right:1%;
		height: auto;
		margin: auto;
		background-repeat: no-repeat;
		background-size: 0 0;
		text-align:center;
	}
	
	div#divbandeaufichep{
		width:100%;
		height: auto; 
		/*margin-bottom:15px;*/
		background-size: 100% 100%;
		background-color: #112A2F;
		position: -webkit-sticky;
		position: sticky;
		top: 150px; 
	}

	
	div#divbgh1resultint h1{color: white;padding-top:25px;margin-bottom:20px;text-align:center;}
	
	div#divtemoignage{
		float: left;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		background-color: black; 
		color: white;
		font-size: 0.6rem;
		margin-top: 15px;
		padding-bottom: 10px;
/*
		-khtml-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-Webkit-border-radius: 5px;  
		border-radius: 5px;
*/
	}
	
	div#divtemoignagephoto{width: 45%; display:block; text-align:center; margin-bottom:5px;} 

 	div#divtemoignagephoto img{max-width:90%;max-height:150px;text-align:center;}

	div#divtemoignagetxt{
		float: right;
		width: 45%;
		padding:2%;
		display:block;
	}
	
	div#divnewshome{
		float: right;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		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;
*/
	}
	
	form p{text-align:left;margin-bottom:0;}
	form input[type=text],form input[type=email], form select{width:98%;}
	form textarea{width:99%;}
	form label{
		display:block;
		width:90%;
		text-align:left;
		font-weight:bold;
		line-height:1em;
	}
	
	.tablecontact{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	div.moitie{
		float: left;
		width: 95%;
		height: auto;
	}
	
	div#illusplayer{display:none;}
	
	div#divbgh1fichep{
		width:100%;
		height: auto;
	/*	margin-bottom:15px;*/
	/*	background-image: url(/images/bgh1result.png);*/
		background-size: 100% 100%;
		font-size: 1.1rem;
		color:white;
		line-height:1.7rem;
	}
/*
	div#divbgh1fichepint{
		width: auto;
		max-width: 1250px;
		height: auto;
		min-height: 383px;
		margin: auto;
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: left center;
	}
	
	div.divcomadresse{
		display: block;
		width:96%;
		margin: auto;
		padding: 10px;
		border:1px solid #BDBDBD;
		margin-bottom: 20px;
	}
*/
	
	div#divbgh1fichep{
		width:100%;
		height: auto; 
	/*	margin-top:0px; */
	/*	background-image: url(/images/bgh1result.png); */
	/*	background-size: 100% 100%; */
		background-color: #056e74;
		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;
	}
	
	/*************************** AUDIO ****************/
	#containeraudio { position:fixed; bottom:0px;width:100%;left: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:245px; } */
	#npTitle { width:95%; }
	
	#divcontentplayer{display:block;background-color:black;}
	#npTitle { margin:0; padding:2px; text-align:right; line-height: 1.1em;}
	#npAction { padding:2px; position:absolute; }
	#plList { margin:0; }
	
	div.divartist{float: left;widht: 100%;}
	div.divartistimg{width:98%;display:block;}
	div.divartistdesc{width:98%;display:block;}
	
	div.divfaq{float: left;widht: 100%;}
	div.divfaqdesc{float: left;width:98%;;display:block;}

	/*div#divinfoscom{
		width: auto;
		background-color:transparent;	
		display: block;	
		text-align: center;
	}*/
	
/*
	div.divinfoscomtop{
		position:fixed;
		width: auto;
		background-color:#000000;	
		right: 10px;
		top: 0px;
		z-index:10;
	}
	
	div.divinfoscombody{
		position:relative;
		width: auto;
		background-color:transparent;	
		display: block;	
		text-align: center;
	}
*/
/*
	div.divinfoscomitem{
		display: inline-block;
		background-color: #61BD6D;
		text-align:center;
		font-size:0.7rem;
		padding:5px;
		margin: 5px;
	}
	*/
	
	/* 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%;}
	
	
	div.divtemliste{
		float: left;
		border: 1px solid #A7A7A7;
		background-color:white;
		margin-bottom: 20px;
		padding:1%;
		width:98%;
	}
	
	div.divtemlistenom{width:45%;padding:1%;float: left;}
	div.divtemlisteimg{width:45%;padding:1%;float: left;}
	div.divtemlistedesc{width:98%;padding-left:1%;padding-right:1%;float: left;}
	
	div.divmoitieactug,div.divmoitieactud{width:98%;margin-left:1%;%margin-right:1%;display:block;}
	
	/***************** Partie footer *****************/
	footer div aside{
		width: 40%;
		margin-bottom: 20px;
	}
	
	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;	
	}
}

@media screen and (min-width:500px) and (max-width:520px){
	footer div aside{
		display: inline-block;
		width: 46%;
		padding: 2%;
		margin: 0;
		float: left;
	}	
	
	div#divnewshome{
		float: right;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		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;
*/
	}
}

@media screen and (max-width:499px){
	footer div aside{
		display: inline-block;
		width: 92%;
		height: auto;
		padding: 13px;
		margin: 0;
		float: left;
	}
	
	div#divnewshome{
		float: right;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		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;
*/
	}
}