/***************** RESPONSIVE *************************/

.block_desktop {			display:block; }

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

	.block_desktop {			display:inline; }

	/*************************
		HOME - Articles
	**************************/
	.container {
		float:left;
		width:100%;
	}
	.container .row {
		margin-top:20px;
		float:left;
		width:100%;
	}
	.column.one-third {
		margin:0;
		width:100%;
	}
	.column.half {
		margin:0;
		width:100%;
	}

	.content-articles .article_img {
		background-image:url(../img/theme/article_news_bg.jpg);
		background-size: 100% auto;
		background-position: 0 0;
		background-repeat:no-repeat;
		margin-top:28px;
		width:100%;
		min-height:400px;
		position: relative;
	}
	.content-articles .article_img img {
		height:auto;
		width:71%;
		position:absolute;
		display:block;
		top:3px;
		right:3px;
	}

	.no_mobile {		display:none; }
	.no_desktop {		display:inline; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	section.slider ul li{
		height: 320px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.block_desktop {	display:block; }
	.no_mobile {		display:inline; }
	.no_desktop {		display:none; }

	header #logo a{
		margin: 0 auto 20px;
		width: 278px;
		height: 98px;
		background: url(../img/theme/logo.png) no-repeat 0 0;
	}


	/* --- Nav --- */
	header nav{
		height: 60px;	
		display: block;
	}
	header nav ul{
		margin: 0 auto;
		width: 100%;
		max-width: 940px;
		padding: 18px 10px 0;
		text-align: left;
	}
	header nav ul li{
		display: inline-block;
	}
	header nav ul li a{
		/*
		font-size: 16px;
		font-size: 1.6rem;*/
		min-height: initial;
		display: inline-block;
		padding: 3px 12px;
		border-right: 1px solid #008CC8;
	}

	header nav ul li:last-child a{
		border-right: 0;
	}
	header ul#langs li.disabled{
		z-index: 20;
	}

	/* Login */ 
	a.login{
		height: 60px;
	} 
	/* Nav logged */ 
	header nav ul.nav-logged{
	    position: absolute;
		margin: 0;
		margin-right: -480px;
		top: 48px;
	    right: 50%;
		width: auto;
		max-width: 480px;
		padding: 18px 17px 15px;
	    /*height: 60px;*/
		background: #008bca;
		z-index: 50;
		display: none;
		height: 0;
	}
		
	header nav ul.nav-logged li{
		display: block;
		padding: 0;
	}
	header nav ul.nav-logged li a{
		min-height: initial;
		display: block;
		padding: 3px 0;
		border: 0;
	}



	#page section{
		padding: 28px 10px;
	}
 
	#page section.content{
		max-width:720px;
	}
		
	/*************************
		    	HOME
	**************************/

	body.home #page{
		/*background: url(../img/theme/content-bg.jpg) no-repeat center 900px;*/
	}



	/* --- Slider --- */
	section.slider h2 a{
		font-size: 70px;
		font-size: 7.0rem;
	}
	section.slider ul li{
		padding: 28px 10px;
		height: 520px;
	}
	section.slider ul li .inner-slide{
		padding-right: 240px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	section.slider ul li p{
		font-size: 18px;
		font-size: 1.8rem;
	}
	section.slider ul li a.more{
		font-size: 24px;
		font-size: 2.4rem;
	}
	section.slider #paginate{
		bottom: 290px;
	}
	section.slider #paginate a{
		width: 70px;
	}

		

	/* --- Product --- */
	#page section.cta-product{
		font-size: 18px;
		font-size: 1.8rem;
		position: relative;
		width: 720px;
		margin: -240px auto 0;
		padding: 0;
	}
	#page section.no-prod{
		margin-top: 30px;
	}
	#page section.cta-product h1{
		width: 180px;
		height: 180px;
		float:left;
	}
	#page section.cta-product h1 a{
		display: block;
		width: 140px;
		height: 140px;
		padding: 20px;
		background-position: 90% 90%;
	}

	/* UL Slider */
	#page section.cta-product .slideshow {
	   width: 180px;
	   height: 180px;
	   overflow: hidden;
	   border: none;
	   float:left;
	   display:inline-block;
	}
	#page section.cta-product .slideshow ul {
	    /* 4 images donc 4 x 100% */
	   width: 500%;
	   height: 180px;
	   padding:0; margin:0;
	   list-style: none;

	}
	#page section.cta-product .slideshow ul li {
	   float: left;
	   height:180px;
	   width:180px;
	}
	#page section.cta-product .slideshow ul li a {
	   float: left;
	   height:180px;
	   width:180px;
	   padding:0;
	}

	section.cta-product .slideshow ul li.hvac a,
	section.cta-product .slideshow ul li.knx a,
	section.cta-product .slideshow ul li.led a{
		background: #FBCB37;
	}
	section.cta-product .slideshow ul li.domotic a,
	section.cta-product .slideshow ul li.automation a{
		background: #0092CB;
	}


	#page section.cta-product .slideshow ul li a {
		display: block;
		font-size: 17px;
		width: 180px;
		height: 180px;
		background:url(../img/theme/home-cta-bg-colors.png) no-repeat 0 -1200px; /* 0 0 */
		text-align: center;
	}
	#page section.cta-product .slideshow ul li.automation a{
		background-position: 0 0px;
	}
	#page section.cta-product .slideshow ul li.led a{
		background-position: 0 -240px;
	}
	#page section.cta-product .slideshow ul li.domotic a{
		background-position: 0 -480px;
	}
	#page section.cta-product .slideshow ul li.hvac a{
		background-position: 0 -720px;
	}
	#page section.cta-product .slideshow ul li.knx a {
		background-position: 0 -960px;
	}	

	section.cta-product .slideshow ul li a strong{
		display: block;
		width: 180px;
		height: 12px;
		line-height:19px;
		padding-top: 132px;
		background: url(../img/theme/home-cta-ico.png) no-repeat -26px -10px;
	}
	section.cta-product .slideshow ul li.led a strong{
		background-position: -26px -250px;
	}
	section.cta-product .slideshow ul li.domotic a strong{
		background-position: -26px -730px;
	}
	section.cta-product .slideshow ul li.knx a strong{
		background-position: -26px -490px;
	}
	section.cta-product .slideshow ul li.automation a strong{
		background-position: -26px -970px;
	}



	/* UL Product MOST POPULAR */
	#page section.cta-product .most_popular {
		width: 360px;
		height: 180px;
		overflow: hidden;
		border: none;
		float:left;
		display:inline-block;
	}
	#page section.cta-product .most_popular ul {
		/* 4 images donc 4 x 100% */
		width: 100%;
		height: 180px;
		padding:0; margin:0;
		list-style: none;
	}
	#page section.cta-product .most_popular ul li {
		background-color:#FFF;
		float:left;
		display:inline-block;
		height:168px;
		width:169px;
		position: relative;
		text-align: center;
		margin: 0;
		padding: 0;
		padding: 5px;
		border:1px solid #cfcfcf;
		border-left:0;
	}

	#page section.cta-product .most_popular ul li:nth-child(2) {
		width:170px;
		border-right:0;
	}
	#page section.cta-product .most_popular ul li:nth-child(3) {
		display:none;
	}

	#page section.cta-product .most_popular ul li img {
		width: 149px;
		height: 108px;
		border: none;
		background: #fff;
		position : absolute;
		top: 15px;
		left: 15px;
		z-index: 10;
	}

	#page section.cta-product .most_popular ul li span.new {
		width: 59px;
		height: 59px;
		background: url("/img/theme/ico-new.png") no-repeat 0 0;
		position : absolute;
		top: 0;
		left: 0;
		z-index: 20;
	}

	#page section.cta-product .most_popular {
		font-family: "roboto_condensedlight", arial, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
	}


	#page section.cta-product .most_popular ul li a {	
		color: #102e49;
		display:block;
		margin-top:120px;
		background:none;
	}
	#page section.cta-product .most_popular ul li a,
	#page section.cta-product .most_popular ul li a:hover img {
		text-decoration: none;
		
	}
	#page section.cta-product .most_popular ul li a:hover {
		text-decoration: underline;
	}

	#page section.cta-product .most_popular ul li a::after {
		content: '';
		background : url("/img/theme/prod-cat-hover-home.png") no-repeat center;
		position : absolute;
		top: 0;
		left: 0;
		width: 180px;
		height: 180px;	
			z-index: 20;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		  -moz-opacity: 0;
		  -khtml-opacity: 0;
		  opacity: 0;
	}
	#page section.cta-product .most_popular ul li a:hover::after {
	      opacity: 1;
	   transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	   -webkit-transition: opacity .25s ease-in-out;
	}

	#page section.cta-product .most_popular ul li a {	
		font-family: "roboto_condensedbold", arial, sans-serif;
	}



	/*************************
		HOME - Articles
	**************************/
	.container {
		float:left;
		margin-left:-3%;
		padding: 0;
		width: 103%;
		position: relative;
	}
	.container .row {
		margin-top:20px;
	}
	.column.one-third {
		display:inline-block;
		float:left; 
		margin:0 0 0 3%;
		width:30.3333333333333%;
		position: relative;
	}
	.column.half {
		display:inline-block;
		float:left; 
		margin:0 0 0 3%;
		width:47%;
		position: relative;
	}
	.content-articles article {
		width:100%;
	}
	.content-articles article img {
		box-sizing:border-box;
		border:1px solid #eee;
		padding:3px;
		width:85%;
	}


	/* --- About --- */

	section.about h1{
		margin-bottom: 20px;
	}
	section.about h1 a{
		font-size: 50px;
		font-size: 5.0rem;
	}
	section.about p{
		font-size: 16px;
		font-size: 1.6rem;
	}


	/* --- CTA Tool --- */
	section.tool h1 a{
		font-size: 34px;
		font-size: 3.4rem;
	}
	section.tool h1 p{
		font-size: 16px;
		font-size: 1.6rem;
	}
	section.tool h1 a.start{
		font-size: 21px;
		font-size: 2.1rem;
	}

	/* --- Search Box --- */
	section.search h1{
		font-size: 40px;
		font-size: 4.0rem;
	}
	section.search p{
		font-size: 16px;
		font-size: 1.6rem;
	}
	section.search label{
		font-size: 16px;
		font-size: 1.6rem;
		color: #fff;
	}
	section.search input[type="submit"]{
		font-size: 21px;
		font-size: 2.1rem;
	}
	section.search input[type=text],
	section.search select,
	.customSelect,
	.ui-autocomplete li{
		font-size: 16px;	
		font-size: 1.6rem;	
	}



	/* --- Quality --- */
	section.quality ul li h2 a{
		display: block;
		padding-top: 100px;
		font-size: 20px;
		font-size: 2.0rem;
		background: url(../img/theme/quality-ico.png) no-repeat center 0;
	}
	section.quality ul li.warranty h2 a{
		background-position: center -600px;
	}
	section.quality ul li.service h2 a{
		background-position: center -300px;
	}

	section.quality ul li h2 a strong{
		font-size: 30px;
		font-size: 3.0rem;
	}




	/*************************
			GENERAL
	**************************/
	section.no-padding{
		/*font-size: 40px;
		font-size: 4.0rem;*/
		padding:0 !important;
	}

	section.content h1{
		font-size: 40px;
		font-size: 4.0rem;
		margin: 14px 0 18px;
	}
	section.content h2 {
		font-size: 30px;
		font-size: 3.0rem;
	}
	section.content h2 a {
		text-decoration: none;
	}
	section.content p{
		margin: 14px 0;
		line-height: 140%;
	}




	/*************************
			PAGE PRODUCT
	**************************/


	/* --- cat-list --- */
	section.content ul.cat-list{
		text-align: center;
		width: 100%;
		max-width: 960px;
		margin: 30px auto;
		
	}
	section.content ul.cat-list li{
		display: inline-block;
		vertical-align: top;
	}
	section.content ul.cat-list li a{
		display: block;
		padding: 0;
		height: 144px;
		width: 144px;
		line-height: 14px;
	}
	section.content ul.cat-list li a strong {
		display: block;
		font-weight:normal;
		width: 154px;
		height: 34px;
		padding-top: 116px;
		font-size:14px;
		line-height:12px;
		background: url(../img/theme/home-cta-ico.png) no-repeat -45px -30px;
	}
	section.content ul.cat-list li.led a strong{
		background-position: -45px -270px;
	}
	section.content ul.cat-list li.domotic a strong{
		background-position: -45px -750px;
		line-height: 16px;
		height: 38px;
		padding-top: 112px;
	}
	section.content ul.cat-list li.knx a strong{
		background-position: -45px -510px;
	}
	section.content ul.cat-list li.automation a strong{
		background-position: -45px -990px;
	}



	/* --- product --- */
	#page section.content-product,
	#page section.content-archive {
		padding-left: 50%;
		position: relative;
		min-height: 400px;
		/*-webkit-box-sizing: initial; 
		-moz-box-sizing: initial; 
		box-sizing: initial;*/
	}
	#page section.content-product figure.prodimg,
	#page section.content-archive figure.prodimg {
		position: absolute;
		left: 10px;
		top: 20px;
		width: 45%;
		margin-top: 0;
	}
	section.content-product p.price,
	section.content-archive p.price {
		font-size: 100px;
		font-size: 6rem;
		line-height: 70px;
	}
	section.content-product .price sub,
	section.content-archive .price sub {
		font-size: 60px;
		font-size: 4rem;
		/*line-height: 60px;*/
	}
	section.content-product strong,
	section.content-archive strong {
		color: #008cc8;
		font-size: 14px;
		font-size: 1.4rem;
	}
	/************************/
	/*******  ASIDE ********/
	/************************/
	aside.product{
		background: #102e49 url(../img/theme/product-sim-bg.png) no-repeat 50% 0; /* Old browsers */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, -moz-linear-gradient(-25deg, #102e49 0%, #173855 100%); /* FF3.6+ */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#102e49), color-stop(100%,#173855)); /* Chrome,Safari4+ */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, -webkit-linear-gradient(-25deg, #102e49 0%,#173855 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, -o-linear-gradient(-25deg, #102e49 0%,#173855 100%); /* Opera 11.10+ */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, -ms-linear-gradient(-25deg, #102e49 0%,#173855 100%); /* IE10+ */
		background: url(../img/theme/product-sim-bg.png) no-repeat 50% 0, linear-gradient(155deg, #102e49 0%,#173855 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102e49', endColorstr='#173855',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		height: 440px;
		margin-bottom: -125px;
	}
	aside.product h2{
		font-size: 40px;
		font-size: 4.0rem;
		margin: 20px 0 30px;
	}
	aside.product ul li{
		width: 164px;
	}
	aside.product ul li a{
		padding: 132px 10px 10px;
	}
	aside.product ul li img{
		width: 164px;
		height: 122px;
	}








	/*************************
			CONTACT
	**************************/

	#page section.content-contact{
		background-image: url("/img/theme/bg/contact-bg.png");
		background-position: 50%;
		background-repeat: no-repeat;
	}
	#page section.content-contact .box-contact h2{
		font-size: 40px;
		font-size: 4rem;
	}
	#page section.content-contact .box-contact h3{
		font-size: 18px;
		font-size: 1.8rem;
	}


		




















	/*************************
			FOOTER
	**************************/

	/* --- Subfooter --- */
	.subfooter {
		background: url(../img/theme/subfooter-bg.png) no-repeat center 0;
	}
	.subfooter h3{
		font-size: 21px;
		font-size: 2.1rem;
	}
	.subfooter .sitemap ul li a{
		font-size: 18px;
		font-size: 1.8rem;
	}

	.subfooter .f-social a{
		font-size: 18px;
		font-size: 1.8rem;
	}



	.subfooter .f-contact h4{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.subfooter .f-contact address strong{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.subfooter .f-contact a.more{
		font-size: 18px;
		font-size: 1.8rem;
	}


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 950px) {
	
	#page section.content{
		max-width:960px;
	}
		
	body.home #page{
		background-position: center 835px;
	}
		
	header nav ul li a{
		padding: 3px 12px;
	}
	/* Lngs */
	header ul#langs{
		right: 50%;
		margin-right: -480px;
	}
	
	/* Login */ 
	a.login{
		right: 50%;
		margin-right: -480px;
		padding-right: 12px;	
		font-size: 14px;
		font-size: 1.4rem;
	} 
	a.login span{
		padding-right: 12px;	
		position: static;
		line-height: 60px;
	} 
	
	section.slider ul li{
		height: 735px;
	}

	#page section.cta-product{
		width: 960px;
		margin-top: -240px;
	}
	#page section.no-prod{
		margin-top: 30px;
	}
	
	
	

	/* --- DIV Tool / Search --- */
	.tool-search {
		background: url(../img/theme/tool-search-bg.png) no-repeat center 120px;
		background-size: 100% 480px; 
		position: relative;
		height: 600px;
		width: 100%;
	}
	#page section.tool {
		background: url(../img/theme/slider_home.gif) no-repeat center 0;
		position: absolute;
		left: 50%;
		margin-left: -720px;
		top: 5px;
		width: 960px;
		height: 595px;
		padding: 25px 250px 0 260px;
	}
	#page section.search {
		background: url(../img/theme/search-bg.jpg) no-repeat 0 0;
		position: absolute;
		left: 50%;
		top: 120px;
		width: 720px;
		height: 590px;
		padding: 25px 0 0 20px;
	}
	#page section.search form{
		width: 450px;
	}
	#page section.search form input[type="submit"]{
		float: right;
	}
	
	
	








	/*************************
		HOMEPAGE
	**************************/
	#page section.cta-product h1{
		width: 192px;
		height: 192px;
		float:left;
	}
	#page section.cta-product h1 a{
		display: block;
		width: 152px;
		height: 152px;
		padding: 20px;
		background-position: 90% 90%;
	}

	/* UL Slider */
	#page section.cta-product .slideshow {
	   width: 192px;
	   height: 192px;
	   overflow: hidden;
	   border: none;
	   float:left;
	   display:inline-block;
	}
	#page section.cta-product .slideshow ul {
	    /* 4 images donc 4 x 100% */
	   width: 500%;
	   height: 192px;
	   padding:0; margin:0;
	   list-style: none;

	}
	#page section.cta-product .slideshow ul li {
	   float: left;
	   height:192px;
	   width:192px;
	}
	#page section.cta-product .slideshow ul li a {
	   float: left;
	   height:192px;
	   width:192px;
	   padding:0;
	}

	section.cta-product .slideshow ul li.automation a {
		background:url(../img/theme/home-cta-bg-colors.png) no-repeat 0 -1200px;
	}
	section.cta-product .slideshow ul li.automation a{
		background-position: 0 0px;
	}
	section.cta-product .slideshow ul li.led a{
		background-position: 0 -240px;
	}
	section.cta-product .slideshow ul li.domotic a{
		background-position: 0 -480px;
	}
	section.cta-product .slideshow ul li.hvac a{
		background-position: 0 -720px;
	}
	section.cta-product .slideshow ul li.knx a {
		background-position: 0 -960px;
	}

	/*section.cta-product .slideshow ul li.hvac a,
	section.cta-product .slideshow ul li.knx a,
	section.cta-product .slideshow ul li.led a{
		background: #FBCB37;
	}
	section.cta-product .slideshow ul li.domotic a,
	section.cta-product .slideshow ul li.automation a{
		background: #0092CB;
	}*/


	#page section.cta-product .slideshow ul li a {
		display: block;
		font-size: 17px;
		width: 192px;
		height: 192px;
		background: #FBCB37 url(../img/theme/home-cta-bg-colors.png) no-repeat 0 -1200px; /* 0 0 */
		text-align: center;
	}
	#page section.cta-product .slideshow ul li.domotic a,
	#page section.cta-product .slideshow ul li.knx a{
		background-color: #0092CB;
		/*background-position: 0 -480px;*/
	}
	#page section.cta-product .slideshow ul li.automation a{
		background-color: #0092CB;
		/*background-position: 0 -1200px;*/
	}


	section.cta-product .slideshow ul li a strong{
		display: block;
		width: 192px;
		height: 12px;
		padding-top: 150px;
		background: url(../img/theme/home-cta-ico.png) no-repeat -21px -10px;
	}
	section.cta-product .slideshow ul li.led a strong{
		background-position: -21px -250px;
	}
	section.cta-product .slideshow ul li.domotic a strong{
		background-position: -21px -730px;
	}
	section.cta-product .slideshow ul li.knx a strong{
		background-position: -21px -490px;
	}
	section.cta-product .slideshow ul li.automation a strong{
		background-position: -21px -970px;
	}



	/* UL Product MOST POPULAR */
	#page section.cta-product .most_popular {
		width: 576px;
		height: 192px;
		overflow: hidden;
		border: none;
		float:left;
		display:inline-block;
	}
	#page section.cta-product .most_popular ul {
		/* 4 images donc 4 x 100% */
		width: 100%;
		height: 192px;
		padding:0; margin:0;
		list-style: none;
	}
	#page section.cta-product .most_popular ul li {
		background-color:#FFF;
		float:left;
		display:inline-block;
		height:180px;
		width:181px;
		position: relative;
		text-align: center;
		margin: 0;
		padding: 0;
		padding: 5px;
		border:1px solid #cfcfcf;
		border-left:0;
	}

	#page section.cta-product .most_popular ul li:nth-child(2) {
		width:181px;
		border-right:1px solid #cfcfcf;
	}
	#page section.cta-product .most_popular ul li:nth-child(3) {
		width:182px;
		border-right:0;
		display:inline-block;
	}

	#page section.cta-product .most_popular ul li img {
		width: 161px;
		height: 117px;
		border: none;
		background: #fff;
		position : absolute;
		top: 15px;
		left: 15px;
		z-index: 10;
	}

	#page section.cta-product .most_popular ul li span.new {
		width: 59px;
		height: 59px;
		background: url("/img/theme/ico-new.png") no-repeat 0 0;
		position : absolute;
		top: 0;
		left: 0;
		z-index: 20;
	}

	#page section.cta-product .most_popular {
		font-family: "roboto_condensedlight", arial, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
	}


	#page section.cta-product .most_popular ul li a {	
		color: #102e49;
		display:block;
		margin-top:132px;
		background:none;
	}
	#page section.cta-product .most_popular ul li a,
	#page section.cta-product .most_popular ul li a:hover img {
		text-decoration: none;
		
	}
	#page section.cta-product .most_popular ul li a:hover {
		text-decoration: underline;
	}

	#page section.cta-product .most_popular ul li a::after {
		content: '';
		background : url("/img/theme/prod-cat-hover-home.png") no-repeat 0 0;
		position : absolute;
		top: 0;
		left: 0;
		width: 192px;
		height: 192px;	
			z-index: 20;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		  -moz-opacity: 0;
		  -khtml-opacity: 0;
		  opacity: 0;
	}
	#page section.cta-product .most_popular ul li a:hover::after {
	      opacity: 1;
	   transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	   -webkit-transition: opacity .25s ease-in-out;
	}

	#page section.cta-product .most_popular ul li a {	
		font-family: "roboto_condensedbold", arial, sans-serif;
	}








	/*************************
		PAGE PRODUCT
	**************************/
	
	/* --- cat-list --- */
	
	section.content ul.cat-list li a{
		background:url(../img/theme/home-cta-bg-colors.png) no-repeat 0 -1200px; /* 0 0 */
	}
	section.content ul.cat-list li.automation a{
		background-position: 0 0px;
	}
	section.content ul.cat-list li.led a{
		background-position: 0 -240px;
	}
	section.content ul.cat-list li.domotic a{
		background-position: 0 -480px;
	}
	section.content ul.cat-list li.hvac a{
		background-position: 0 -720px;
	}
	section.content ul.cat-list li.knx a {
		background-position: 0 -960px;
	}
	
	section.content ul.cat-list li a{
		height: 188px;
		width: 188px;
	}
	section.content ul.cat-list li a strong{
		width: 188px;
		height: 46px;
		font-size:17px;
		padding-top: 142px;
		background: url(../img/theme/home-cta-ico.png) no-repeat -26px -15px;
		line-height: 20px;
	}
	section.content ul.cat-list li.led a strong{
		background-position: -26px -255px;
	}
	section.content ul.cat-list li.domotic a strong{
		background-position: -26px -735px;
		line-height: 20px;
		height: 46px;
		padding-top: 142px;
	}
	section.content ul.cat-list li.knx a strong{
		background-position: -26px -495px;
	}
	section.content ul.cat-list li.automation a strong{
		background-position: -26px -975px;
	}
	
	
	/*Clear both sur le 5eme*/
	section.content ul.prodcat-list li:nth-child(4n+5),
	section.content-video ul li:nth-child(4n+5){
		clear: both;
	}
	
	
	
	
	/* Product  */
	
	body.show-product #page{
		background: url("/img/theme/bg/product-bg.png") no-repeat 50% 88px;
	}
	body.show-product.connected #page{
		background-position: 50% 188px;
	}
	body.show-product #page .content-product,
	body.show-product #page .content-archive {
		padding-top: 0;
	}
	
	#page section.content-cat {
		padding-left: 0;
		padding-right: 0;
	}
	#page section.content-product,
	#page section.content-archive {
		padding-left: 500px;
		min-height: 400px;
	}
	#page section.content-product > h1,
	#page section.content-archive > h1 {
		margin-top: 2px;
		margin-bottom: 14px;
		line-height: 42px;
	}
	#page section.content-product figure.prodimg,
	#page section.content-archive figure.prodimg {
		left: 0;
		top: 10px;
		width: 478px;
	}
	#page section.content-product p.price,
	#page section.content-archive p.price {
		margin: 1px 0 22px;
	}
	
	
	/*************************
			VIDEOS
	**************************/
	/*section.content-video ul li:nth-child(2n+5){
		clear: both;
	}*/
	
	body.video-bg #page{
		background: url("/img/theme/bg/video-bg.png") no-repeat 50% -79px;
	}
	body.video-bg.connected #page{
		background-position: 50% 21px;
	}
	
}





/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	header nav ul li:first-child a{
		padding-left: 0;
	}
}