@media only screen and (min-width : 320px) and (max-width: 800px) {

	*, *::after, *::before {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}

	body {font-size: 16px;}

	.container {
		display: block;
		width: auto;
	}

	#header {
		display: block;

		position: relative;
		z-index: 70;

		float: none;

		padding: 0 0 20px 0;

		width: auto;
		height: auto;

		background: none;
		background: #f8f8f8;
	}

	#header #logo {position: fixed;z-index: 30;width: 180px;height: auto;padding: 0;margin: 10px 0 0 10px;font-size: 0;float: left;background: #f8f8f8;}
		#header .container {background: #f8f8f8;}

		#header #logo img {width: 100%;}

		#header .mobilenav {
			display: block;
			height: 125px;
			width: 100%;
			font-size: 30px;

			position: fixed;
			z-index: 20;

			background: #f8f8f8;
		}

			#header .mobilenav a {color: #00579b;}

			#header .icon-search {
				position: fixed;
				z-index: 3;
				top: 40px;
				right: 70px;
			}

			#header .icon-bars {
			  /* hamburger icon */
			  position: fixed;
			  z-index: 3;
			  top: 34px;
			  right: 20px;
			  height: 44px;
			  width: 44px;
			  /* image replacement */
			  overflow: hidden;
			  text-indent: 100%;
			  white-space: nowrap;
			  -webkit-transition: -webkit-transform 0.2s;
			  -moz-transition: -moz-transform 0.2s;
			  transition: transform 0.2s;

			   -webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			   backface-visibility: hidden;
			}

			#header .icon-bars span {
			  /* icon created in CSS */
			  position: absolute;
			  left: 50%;
			  top: 50%;
			  bottom: auto;
			  right: auto;
			  -webkit-transform: translateX(-50%) translateY(-50%);
			  -moz-transform: translateX(-50%) translateY(-50%);
			  -ms-transform: translateX(-50%) translateY(-50%);
			  -o-transform: translateX(-50%) translateY(-50%);
			  transform: translateX(-50%) translateY(-50%);
			  width: 32px;
			  height: 3px;
			  background-color: #00579b;

			  -webkit-backface-visibility: hidden;
			  -moz-backface-visibility: hidden;
			  backface-visibility: hidden;
			}

				.nav-visible #header .icon-bars span {background-color: transparent;}

			#header .icon-bars span::before, #header .icon-bars span:after {
			  /* upper and lower lines of the menu icon */
			  content: '';
			  position: absolute;
			  top: 0;
			  right: 0;
			  width: 100%;
			  height: 100%;
			  background-color: inherit;
			  /* Force Hardware Acceleration in WebKit */
			  -webkit-transform: translateZ(0);
			  -moz-transform: translateZ(0);
			  -ms-transform: translateZ(0);
			  -o-transform: translateZ(0);
			  transform: translateZ(0);
			  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
			  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
			  -moz-transition: -moz-transform 0.2s, width 0.2s;
			  transition: transform 0.2s, width 0.2s;
			}

			#header .icon-bars span::before {
			  -webkit-transform-origin: right top;
			  -moz-transform-origin: right top;
			  -ms-transform-origin: right top;
			  -o-transform-origin: right top;
			  transform-origin: right top;
			  -webkit-transform: translateY(-10px);
			  -moz-transform: translateY(-10px);
			  -ms-transform: translateY(-10px);
			  -o-transform: translateY(-10px);
			  transform: translateY(-10px);
			}

			#header .icon-bars span::after {
			  -webkit-transform-origin: right bottom;
			  -moz-transform-origin: right bottom;
			  -ms-transform-origin: right bottom;
			  -o-transform-origin: right bottom;
			  transform-origin: right bottom;
			  -webkit-transform: translateY(10px);
			  -moz-transform: translateY(10px);
			  -ms-transform: translateY(10px);
			  -o-transform: translateY(10px);
			  transform: translateY(10px);
			}

			.nav-visible #header .icon-bars  {
			  /* rotate trigger on hover */
			  -webkit-transform: rotate(180deg);
			  -moz-transform: rotate(180deg);
			  -ms-transform: rotate(180deg);
			  -o-transform: rotate(180deg);
			  transform: rotate(180deg);
			}

			#header .icon-bars:hover span::after,
			#header .icon-bars:hover span::before {
			  /* animate arrow --> from hamburger to arrow */
			/*  width: 50%;*/
			}

			.nav-visible #header .icon-bars span::after,
			.nav-visible #header .icon-bars span::before {width: 100%;}

/*			#header .icon-bars:hover span::before {
			  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
			  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
			  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
			  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
			  transform: translateX(1px) translateY(1px) rotate(45deg);

			  top: 20px !important;

			  background-color: #00579b;
			}

			#header .icon-bars:hover span::after {
			  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
			  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
			  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
			  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
			  transform: translateX(1px) translateY(-1px) rotate(-45deg);

			  background-color: #00579b;
			}

*/
			.nav-visible #header .icon-bars span::before,
			.nav-visible #header .icon-bars:hover span::before {
			  -webkit-transform: translateX(1px) translateY(11px) rotate(-45deg);
			  -moz-transform: translateX(1px) translateY(11px) rotate(-45deg);
			  -ms-transform: translateX(1px) translateY(11px) rotate(-45deg);
			  -o-transform: translateX(1px) translateY(11px) rotate(-45deg);
			  transform: translateX(1px) translateY(-11px) rotate(-45deg);

			  background-color: #00579b;
			}

			.nav-visible #header .icon-bars span::after,
			.nav-visible #header .icon-bars:hover span::after {
			  -webkit-transform: translateX(1px) translateY(-11px) rotate(45deg);
			  -moz-transform: translateX(1px) translateY(-11px) rotate(45deg);
			  -ms-transform: translateX(1px) translateY(-11px) rotate(45deg);
			  -o-transform: translateX(1px) translateY(-11px) rotate(45deg);
			  transform: translateX(1px) translateY(11px) rotate(45deg);

			  background-color: #00579b;
			}


.intro .btn,
.outro .btn {
	display: inline-block;
	margin: 0;
}

.intro .btn-outline,
.outro .btn-outline {
	display: inline-block;
	margin: 20px 0 0 0;
}

/* MainMenu
----------------------------- */

#top-menu {
	display: block;

	position: fixed;
	z-index: 40;
	top: 77px;
	right: 0;
	width: 80%;
	height: 100%;
	overflow-y: auto;
	background-color: #ffffff;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);

	-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
	-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
	transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}

#catalog_ControlProductsSearch {
	display: none;
}

#top-menu #catalog_ControlProductsSearch {
	display: block;
}

	.nav-visible #top-menu {
		display: block;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-overflow-scrolling: touch;
		box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
		-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
		-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
		transition: transform 0.4s 0s, box-shadow 0s 0s;
	}

#top-menu .nav
{
	padding: 0;
	text-align: center;
}

#top-menu .nav > li 
{
	display: block !important;
	float: none;

	text-align: center;
	padding: 0 20px;
}

#top-menu .nav > li > a 
{
	display: inline-block;

	float: none;

	padding: 6px 15px;
	margin: 0 !important;

	color: #004a96;
	text-transform: none !important;
	font-weight: bold;
	font-size: 20px !important;

	border-bottom: solid 2px transparent;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#top-menu .nav > li > a:hover,
#top-menu .nav > li > a.active
{
	border-bottom: solid 2px #f2b200;
}


#header #headerRight {
	width: auto;
	height: auto;

	float: none;

	padding: 0;
	background: #f8f8f8;
}

	#header #headerRight .topNav {
		width: auto;
		float: none;
	}

#main {
	margin: 140px 0 0 0;
}

.homepage #main {
	margin: 0;
}

#main #mainFull .two-columns .column {
	width: auto;
	float: none;
}

#main #mainFull .two-columns .columnSeparator {
	display: none;
}

#main #mainFull #mainLeft,
#main #mainFull.catalog_ProductsInList #mainRight {
	width: auto;
	margin: 0;
	float: none
}

		#main #mainFull #mainLeft .two-columns .column {
			width: auto;
			float: none;
		}

		#main #mainFull #mainLeft .two-columns .columnSeparator {
			display: none;
			width: 40px;
			float: left;
			min-height: 1px;
		}

		.page .two-columns .column {
			width: auto;
			float: none;
		}

		.page .two-columns .columnSeparator {display: none;}

#main #mainFull #mainRight,
#main #mainFull.catalog_ProductsInList #mainLeft {
	width: auto;
	float: left;
}

#main #mainFull.catalog_ProductsInList #mainLeft {margin: 0;}

.flexslider, .flexslider ul, .flexslider ul li {width: 100%;height: auto;margin: 0;padding: 0;}
.bannerZone embed, .bannerZone object {width: 100%;height: auto;margin: 0;padding: 0;}

#colLeft,
#colRight
{
	float: none;
}

#colLeft {width: auto;}
#colRight {width: auto;}

#top-menu {margin-top: 40px;}

#top-menu .nav {
	padding: 0;
	text-align: left;
}

#top-menu .nav > li 
{
	display: inline-block;
}

#top-menu .nav > li > a 
{
	display: inline-block;

	color: #004a96;
	text-transform: uppercase;
	font-size: 16px;
	margin-left: 20px;
}

#top-menu .nav > li > a:hover,
#top-menu .nav > li > a.active
{
	border-bottom: solid 2px #f2b200;
}

#header .phone
{
	display: none;
	float: right;
	color: #f2b200;
	font-size: 18px;
	line-height: 35px;
	margin: 0 0 0 20px;
}

#header .call-me {display: none;}

/* pages
------------------------------ */
.intro
{
	margin-top: 104px;

	padding: 50px 30px;
	background: url("images/customer/blue-bg.jpg") #00336c;
	background-size: cover;
	min-height: auto;
}

#secondary-menu .nav li {
	display: block;
}

	#secondary-menu .nav li a {
		display: block;
		margin: 10px 0;
	}

#catalog_ControlCategoriesPhotosList ul#topnav > li .devis {
	position: relative;
}


.outro .filigrane {
	display: none;
	position: relative;
	z-index: 15;

	background: #08376c;
	background-image: url("images/customer/technilevage-filigrane.svg");
	background-image: url("images/customer/technilevage-filigrane.svg"), linear-gradient(242deg, #1368a5, #08376c);
	background-size: cover;
	background-position: center center;
}

.outro .img {
	height: 300px;
	position: relative;
	z-index: 15;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background: url("images/customer/technilevage-palan-treuil-electrique-potence.jpg");
	background-size: cover;
}

.outro .text {
	display: block;
	width: 100%;

	position: relative;
	z-index: 20;

	padding: 100px;

	background: #08376c;
	background-image: url("images/customer/technilevage-filigrane.svg");
	background-image: url("images/customer/technilevage-filigrane.svg"), linear-gradient(242deg, #1368a5, #08376c);
	background-size: cover;
	background-position: center center;
}

#services ul {
	display: block;
}

#services ul li {
	display: block;
}

.page {}

.min-heighted{min-height: auto;}
.mobile-image {width: 100%;float: none;margin: 0 0 20px 0;}
	.mobile-image img {width: 100%;height: auto;}

.productView
{
	padding: 20px;
	width: auto;
}

.encart-contact 
{
	padding: 20px;
	background: white;
}

#footer-container .footer {
	width: auto;
	font-size: 14px;
	margin: 0 auto;
}

#footer-container {background-size: 100% 100%;background-position: center center;}

.footerLinksContainer .column {
	text-align: center;
	float: none;
	width: auto;
	padding: 20px 20px;
}

.footerLinksContainer .column .padding {padding: 0;}

.footerLinksContainer .column h4 {}

.footerLinksContainer .column:first-child {
	width: auto;
}

#ControlContact input[type='text'],
#ControlContact select,
#ControlContact textarea  {
	position: relative;

	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#ControlContact select {
	position: relative;

	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

	
/************* NEWS ***************/

/* Controls > NewsTicker
-------------------------------------------------------------- */

#news_ControlNewsTicker {
	display: none;
	width: auto;

	height: 80px;
	font-size: 12px;

	overflow: auto;
	line-height: auto;
}

#news_ControlNewsTickerContainer {
	width: auto;
	height: auto;

	overflow: auto;
	line-height: auto;
}

#news_ControlNewsTicker .pnl-nonews {
  color: #fff;
  line-height: 50px;
}

#news_ControlNewsTickerContainer h2 {
  display: none;
  width: 120px;
  height: 80px;
  margin: 0;
  padding: 0;
  padding-left: 40px;
  float: left;
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  line-height: 80px;
  color: white;
  background: #ff9200;
  text-transform: uppercase;
  text-align: right;
}

#news_ControlNewsTicker ul {
	display: block;

	width: auto;
	height: auto;

	overflow: auto;
}

#news_ControlNewsTicker li {
	display: inline-block;
	width: auto;
	height: auto;

	overflow: auto;
}
	
	#news_ControlNewsTicker li a {display: block;width: 100;line-height: 18px;float: none;}

/* News > ListOnline
-------------------------------------------------------------- */
#news_NewsListOnLine h3 {
  display: none;
}

#news_NewsListOnLine .news {
  position: relative;
  /* border-top: 1px solid #dedede; */
  padding:0;
}


#news_NewsListOnLine .news .photo {
  width: 30% !important;

  padding: 5%;
  margin: 0;

  height: auto !important;
  float: left;
}

	#news_NewsListOnLine .news .photo img {width: 100% !important;height: auto !important;}

#news_NewsListOnLine .summary h2 {font-size: 20px !important;}

#news_NewsListOnLine .news .info {
  float: left;
  width: 20px;
  margin: 12px 0 0 0;
  color: #ff9400;
  font-size: 14px;
  text-align: center;
}

#news_NewsListOnLine .news .summary {
  float: right;

  width: 50%;
  margin: 0;

  padding: 0 5% 5%;
}

/* News > ListOffline
-------------------------------------------------------------- */

#news_NewsListOffLine h3 {
  display: none;
}

#news_NewsListOffLine .newsByMonth {
  margin-bottom: 20px;
}

#news_NewsListOffLine .newsByMonth b {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
  font-size: 12px;
  color: #1d191c;
  font-weight: normal;
  text-transform: uppercase;
}

#news_NewsListOffLine .newsByMonth .news {
  height: 36px;
  padding: 0 10px;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  line-height: 36px;
}

#news_NewsListOffLine .newsByMonth .newsHover {
  background-color: #ff9400;
  cursor: pointer;
}

#news_NewsListOffLine .newsByMonth .news .date {
  color: #ff9400;
  font-style: italic;
  float: left;
}

#news_NewsListOffLine .newsByMonth .toolsBox {
  width: 56px;
  height: 36px;
  display: block;
  float: left;
  text-align: center;
}

#news_NewsListOffLine .newsByMonth .news:hover .date,
#news_NewsListOffLine .newsByMonth .news:hover .toolsBox {
  color: white;
}

#news_NewsListOffLine .newsByMonth .news a {
  display: inline-block;
  float: left;
  text-decoration: none;
}

#news_NewsListOffLine .newsByMonth .news:hover a {
  color: white;
}

/* News > View
-------------------------------------------------------------- */

#news_NewsView .photo {
	float: left;
	margin: 5%;

	font-size: 13px;
}

#news_NewsView h1 {
	float: none;
	width: auto;
	margin-bottom: 0;
  	line-height: 1.1em;
  	font-size: 26px;
}

#news_NewsView .photos {
	display: flex;
	flex-flow: row wrap;
	margin: 30px 0 0 0;
}

#news_NewsView .photos a.photo {
  display: block;
  flex: auto;

  width: 25%;
  height: auto !important;

  float: none;

  overflow: hidden;
}

#news_NewsView .photos a.photo img {
	width: 100%;
	height: auto !important;
	margin: 0 0 20px 0;
}

#news_NewsView .photos a.photo:hover img {
  border: none;
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

#news_NewsView ul.file {
  display: block;
  margin: 30px 0;
}


/* Catalog Categories
------------------------------------------------------------- */

#catalog_ControlProductsSearch {
	float: none;
	padding: 20px;

	position: relative;
}

	#catalog_ControlProductsSearch input[type="text"] {
	    display: block;
	    width: 100%;

	    float: none;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	

	    background-color: #fff;
	    border: 1px solid #dedede;
	    border-radius: 6px;

	    font-size: 12px;
	    margin: 3px 0 5px;
	    padding: 7px;
	}

	#catalog_ControlProductsSearch input[type="submit"] {
		right: 21px !important;
		top: 21px !important;
	}

/* catalog_ControlCategoriesList
------------------------------------------------------------- */

#catalog_ControlCategoriesList { 
	position: relative;
}

#catalog_ControlCategoriesList h1 {
	display: none;
}

#catalog_ControlCategoriesList ul#topnav {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;

	position: relative;
	z-index: 2;
}

	#catalog_ControlCategoriesList ul#topnav li .childs {
		height: 0;

		overflow: hidden;

		-webkit-transition: -webkit-transform 0.4s 0s;
		-moz-transition: -moz-transform 0.4s 0s;
		transition: transform 0.4s 0s;
	}

	#catalog_ControlCategoriesList ul#topnav li.is-visible .childs {
		height: 100%;
	}

#catalog_ControlCategoriesList ul#topnav > li {
	position: relative;
	background: #e5e5eb; /* Old browsers */
	background: -moz-linear-gradient(left,  #e5e5eb 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5eb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e5e5eb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e5e5eb 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e5e5eb 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #e5e5eb 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5eb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#catalog_ControlCategoriesList ul#topnav > li:first-child 
{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5eb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5eb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5eb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#e5e5eb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5eb 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#e5e5eb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5eb',GradientType=1 ); /* IE6-9 */
}

#catalog_ControlCategoriesList ul#topnav > li:last-child
{
	background: white;
}

#catalog_ControlCategoriesList ul#topnav > li > a {
	display: block;
	/* height: 36px; */
	padding: 3px 20px;

	color: #fff;
	font-size: 18px !important;
	line-height: 36px;
	color: #f2b200;
	text-transform: uppercase;
}

#catalog_ControlCategoriesList ul#topnav li .sub {

}

#catalog_ControlCategoriesList ul#topnav li .row {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
}

#catalog_ControlCategoriesList ul#topnav li .childs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#catalog_ControlCategoriesList ul#topnav .childs ul li a {
		text-transform: uppercase;
		color: #004a96;
		padding: 6px 14px 4px 14px !important;
		font-size: 16px !important;
		border-bottom: solid 1px #e0e2ea;
		display: block;
		margin: 0 6px;
		position: relative;
	}

	#catalog_ControlCategoriesList ul#topnav .childs ul li:last-child a
	{
		border-bottom: 0;
	}

	#catalog_ControlCategoriesList ul#topnav .childs ul li a:after 
	{
		content: "\f105";
		position: absolute;
		right: 0;
		top: 2px;
		font-family: 'fontAwesome';
	}

#catalog_ControlCategoriesList ul#topnav .childs ul li a:hover {
	background-color: #f4f4f4;
}

#catalog_ControlCategoriesList ul#topnav .sub ul li .subChilds ul {
	width: 162px;
}

#catalog_ControlCategoriesList ul#topnav .sub ul li .subChilds ul li {
	float: left;
}

#catalog_ControlCategoriesList ul#topnav .sub ul li .subChilds ul li a {
	color: #666666;
	background-position: 20px 50%;
	padding: 10px 10px 10px 30px;
}

#catalog_ControlCategoriesList ul#topnav .sub ul li .subChilds ul li a:hover {
	color: #000000;
}


/* Catalog Products
-------------------------------------------------------------- */

#catalog_ControlProductsInHome,
#catalog_SubCategoriesList {}

	#catalog_SubCategoriesList .all-brands {
		display: none;
		width: 240px;
		margin: 20px 0 0 -120px;

		position: relative;
		left: 50%;

		font-size: 1.1em;
	}
	
	#catalog_ControlProductsInHome h2 {
		padding: 10px 0;
		margin-top: 0;
		text-align: left;
		text-transform: uppercase;
		font-size: 22px;
		font-style: normal!important;
		margin-bottom: -30px;
	}	

	#catalog_ControlProductsInHome .btnSeeAll {
		display: none;
	}

	.homepage .catalog_product
	{
		float: none;
		width: auto;
		height: auto;
	}

	.homepage .catalog_product .photo
	{
		width: auto;
		height: auto;
	}

	.homepage .productSeparator:after
	{
		display: none;
	}

	.catalog_product,
	.catalog_SubCategory {
		float: none;
		width: auto;
		height: auto;

		padding: 10px;
		margin: 0 0 20px 0;
		background-color: #fff;
		border: 1px solid transparent;
		
		position: relative;
		zoom:1;
		text-align: center;
	}

	.productSeparator:after
	{
		display: none;
	}

	.catalog_SubCategory {
/*		width: 198px;
		height: 240px;*/
	}
		
	.catalog_productHover,
	.catalog_SubCategoryHover {
		border: 1px solid #f2b200;
	}

	.catalog_product .photo,
	.catalog_SubCategory .photo {
		width: auto;
		height: auto;

		line-height: 0px !important;
		text-align: center;
		background: #fff;
		overflow: hidden;
	}

	.catalog_SubCategory .photo
	{
		width: auto;
		height: auto;
	}


	.catalog_product .photo img,
	.catalog_SubCategory .photo img
	{
		width: 100%;
	}

	.catalog_product .data,
	.catalog_SubCategory .data {
		height: auto !important;
	}
		
		.catalog_product .data a,
		.catalog_SubCategory .data a {
			text-decoration: none;
		}

		.catalog_product .data .name,
		.catalog_SubCategory .data .name {
			display: block;
			font-weight: lighter;
			color: #616161;
			font-size: 16px;
		}

		.catalog_product .data .manufacturer {
			display: none;
		}

		.catalog_product .data .description {
			display: none;
		}

		.catalog_product .prices {
			display: block;
			margin: 10px 0 0 0;
		}

			.catalog_product .prices .priceFrom {
				display: block;

				color: #707173;
			}

			.catalog_product .prices .priceMin {
				display: block;
				padding: 0 10px 0 0;

				font-size: 22px;
				color: #f2b200;
			}

			.catalog_product .prices .priceOff {
				display: block;
			}		

		.catalog_product .stock {
			display: block;
			width: 20px;
			height: 20px;

			position: absolute;
			right: 0;
			bottom: 0;
		}

		.catalog_product .productOrder span {
			display: inline-block;
			color:  #f2b200;
			border: solid 1px  #f2b200;
			padding: 8px 20px 6px 20px;
			border-radius: 6px;
		}

		.catalog_product:hover .productOrder span {
			color:  white;
			background: #f2b200;
			border: solid 1px  #f2b200;
			padding: 8px 20px 6px 20px;
			border-radius: 6px;
		}

		.productSeparator 
		{
			float: left;
			height: 1px;
			width: 20px;
		}

		.categorySeparator:after 
		{
			height: 262px;
		}

	/* NOTRE SELECTION */

	.ourSelection .catalog_product {
		width: auto;
		height: auto;
		float: none;

		padding: 10px;
		margin: 0 0 20px 0;

		background-color: #fff;
		border: 1px solid transparent;
		
		position: relative;
		zoom:1;
		text-align: center;
	}

	.ourSelection .productSeparator:after {
		display: none;

		content: '';

		height: 290px;	
		width: 1px;
		background: #dedede;
		margin-left: 50%;
	}

	.ourSelection .catalog_productHover {
		border: 1px solid #f2b200;
	}

	.ourSelection .catalog_product .photo {
		width: 100%;
		height: auto;
		line-height: 0;
	}

	.ourSelection .catalog_product .data {
		height: auto;
	}
		
		.ourSelection .catalog_product .data .name {font-size: 13px;}

	.ourSelection .catalog_product .productOrder {display: none;}

		.ourSelection .productSeparator {
			display: none;
			float: left;

			width: 20px;
			height: 1px;
		}


/* Products > Product View
------------------------------------------------------------- */

#catalog_ProductView {}

	#catalog_ProductView .leftSide {
		width: 100%;
		float: none;

		position: relative;
	}

		/* Products > Product View photoGallery */

		#catalog_ProductView .leftSide #gallery {
			position: relative;
			z-index: 1;
		}

			#catalog_ProductView .leftSide #gallery #zoompos {
				display: none;

				position: absolute;
				top: 0px;
				left: 465px;	
				z-index: 99;
			}

			#catalog_ProductView .leftSide #gallery .cloud-zoom-lens {
				margin: -1px;
				background-color: #fff;	
				cursor: move;		
			}

			#catalog_ProductView .leftSide #gallery .bigPhotos {
				height: auto !important;
				width: auto !important;
				overflow: hidden;
				position: relative;				
			}
				
				#catalog_ProductView .leftSide #gallery .bigPhotos #slidesPhoto {
					width: 100% !important;
					height: 100% !important;

					overflow:hidden;
				}

				#catalog_ProductView .leftSide #gallery .bigPhotos .slide {
					width: 100% !important;
					height: 100% !important;
					float: none;
				}

				#catalog_ProductView .leftSide #gallery .bigPhotos .slide #wrap {
					width: 100% !important;
					zoom: 1;
					z-index: 50!important;

					left: 0 !important;
					top: 0 !important;

					margin: 0 !important;
					padding: 0 !important;
				}

					#catalog_ProductView .leftSide #gallery .bigPhotos .slide #wrap img {width: 100%;}

				#catalog_ProductView .leftSide #gallery #smallPhotos ul {
					margin: 0;
					padding: 0;
				}

				#catalog_ProductView .leftSide #gallery #smallPhotos li {
					list-style: none;
					float: left;
					margin: 10px 10px 0 0;
					border: 1px solid #dedede;
				}

				#catalog_ProductView .leftSide #gallery #smallPhotos li img {
					display: block;
					font-size: 0;
				}

				.catalog_ProductsAssociations { margin: 0 0 0 1px; }

					.catalog_ProductsAssociations .productSeparator { width: 12px; }

					.catalog_ProductsAssociations .catalog_product {
						width: 100%;
						height: 100%;

						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;

						float: none;
						padding: 10px;
						margin: 0 0 20px 0;
						background-color: #fff;
						border: 1px solid transparent;
						
						position: relative;
						zoom:1;
						text-align: center;
					}

					.catalog_ProductsAssociations .productSeparator:after {
						display: none;
						content: '';
						display: block;
						height: 290px;	
						width: 1px;
						background: #dedede;
						margin-left: 50%;
					}

					.catalog_ProductsAssociations .catalog_productHover {
						border: 1px solid #f2b200;
					}

					.catalog_ProductsAssociations .catalog_product .photo {
						width: 100%;
						height: auto !important;
						line-height: 0
					}

					.catalog_ProductsAssociations .catalog_product .data {
						height: auto;
					}
						
						.catalog_ProductsAssociations .catalog_product .data .name {font-size: 13px;}

					.catalog_ProductsAssociations .catalog_product .productOrder {display: none;}

						.catalog_ProductsAssociations .productSeparator {
							display: none;
							float: left;

							width: 20px;
							height: 1px;
						}


		/* end photoGallery */

	#catalog_ProductView .rightSide {
		width: 100%;
		float: none;
	}

		#catalog_ProductView .rightSide h1 {
			margin: -14px 0 0 0;
			padding: 0;
			font-size: 1.8em;
		}

		#catalog_ProductView .rightSide h4,
		#catalog_ProductView .rightSide .productReference {
			display: inline-block;
		}

		#catalog_ProductView .rightSide h4 {
			padding: 0 8px 0 0;
		}

		#catalog_ProductView .rightSide .productReference {
			display: block;
			text-align: right;
			font-size: 1.4em;
			float: right;
			background: white;
			padding: 10px 20px 8px 20px;
			border-radius: 6px;
			margin-bottom: 20px;
			margin-top: -40px;
		}

		#catalog_ProductView .imgManufacturer {
			display: inline-block;
			width: 100px;
			height: 100px;
			float: left;
			margin: 4px 15px 0 0;
			border: 1px solid #dedede;

			font-size: 0;
			line-height: 100px;
			text-align: center;
			display: none;
		}

			#catalog_ProductView .imgManufacturer img {
				max-width: 100px;
				max-height: 100px;
				vertical-align: middle;
			}

		#blockContactUs
		{
			/* CSS Customer */
			background: white;
			padding: 20px;
			display: block; 
			margin-top: 10px;	
		}

		#blockContactUs .tel 
		{
			color: #f2b200;
			font-size: 24px;
			line-height: 35px;
			margin-bottom: -4px;
			display: inherit;
		}

		.description > div 
		{
			margin-bottom: 8px;
		}

 		.description a:hover {
			text-decoration: underline;
		}

		.description table 
		{
			width: 100%;
			margin-top: 20px;
		}

		.description table tr td
		{
			padding: 8px;
			line-height: 1.42857143;
			vertical-align: top;
			border-top: 1px solid #ddd;			
		}

		.description table tr:nth-child(odd)>td
		{
			background-color: #f9f9f9;
		}
		
		.description table tr:first-child td,
		.description table tr:nth-child(2) td
		{
			border: 0;
			background: transparent;
			padding: 0; 
		}

		#catalog_ProductRatingBox {
			padding: 15px 0 0 0;
			margin: 15px 0 0 0;
			border-top: 1px solid #dedede;
		}

		#catalog_ProductRatingBox .ratingTitle {
			float: left;
		}

		#catalog_ProductRatingBox a:hover {
			text-decoration: underline;
		}

		#catalog_ProductRatingBox .rating-box {
			width: 70px;
			height: 14px;
			float: left;
			margin: 4px 10px 0 10px;
			background: url('images/bg_ratingBox.gif') 0 0 no-repeat;
		}

		#catalog_ProductRatingBox .rating-box .rating {
			display: block;
			height: 14px;
			width: 100px;
			background: url('images/bg_rating.gif') 0 0 no-repeat;
		}

		#catalog_ProductRatingBox .btnRating {
		}

		#catalog_ProductRatingBox .btnRating:hover {
		}

		#catalog_ProductView .blocVariationColor,
		#catalog_ProductView .blocVariationSize {
			padding: 15px 0 0 0;
			margin: 15px 0 0 0;
			border-top: 1px solid #dedede;
		}

		#catalog_ProductView .blocVariationColor h3,
		#catalog_ProductView .blocVariationSize h3 {
			margin: 0 0 5px 0;
			font-style: italic;
		}

		#catalog_ProductView .blocVariationColor a.variationColor {
			display: block;
			width: 71px;
			height: 71px;
			float: left;
			margin: 0 10px 0 0;
			border: 1px solid #fff;

			opacity: 0.6;
		}

		#catalog_ProductView .blocVariationColor a.variationColor:hover,
		#catalog_ProductView .blocVariationColor a.variationColor.active {
			border: 1px solid #70516a;
			color: #70516a;
			opacity: 1;
			overflow: hidden;
		}

			#catalog_ProductView .blocVariationColor a.variationColor img {
				max-width: 71px;
				max-height: 71px;
				vertical-align: middle;
			}
			
			#catalog_ProductView .blocVariationSize select {
				float: left;
				margin: 0 10px 0 0;
				padding: 3px 3px 3px 5px;

				line-height: 20px;
			}

			#catalog_ProductView .blocVariationSize .sizeGuide {
				float: right;
				width: 220px;
				height: 20px;

				display: block;
				padding: 2px 0;
				margin: 0;
				background: #EAE2E0;
				color: #583552;
				text-decoration: none;
				text-align: center;
				line-height: 20px;
			}

			#catalog_ProductView .blocVariationSize .sizeGuide:hover {
				background: #f2b200;
				color: #ffffff;
			}

		/*--- productOrderContainer --*/
		#productOrderContainer {
			margin: 15px 0 0 0;
			padding: 15px;
			border: 1px solid #dedede;
			background-color: #f7f7f7;
			display: none;
		}

		#productOrderContainer .quantity {
			width: 40px;
			float: left;
		}

			#productOrderContainer .quantity .qte {
				display: none;
			}

			#productOrderContainer .quantity .input {
				width: 24px;
				height: 24px;
				margin: 0;

				line-height: 24px;
				text-align: center;
			}

		#productOrderContainer .priceContainer {
			width: auto;
			float: none;
			margin: 0 0 0 15px;
		}

			#productOrderContainer .priceContainer .priceMin {
				font-size: 22px;
				color: #f2b200;
			}

			#productOrderContainer .priceContainer .tva {
				font-size: 11px;
			}

			#productOrderContainer .priceContainer .stock {
				background-color: red;
			}

		#productOrderContainer .btn_addToShoppingCart {
			width: 180px;
			padding: 10px;
			float: right;
			background-color: #f2b200;

			color: #fff;
			font-size: 17px;
			font-style: italic;
			text-align: center;

			-webkit-transition: 0.25s linear;
			transition: 0.25s linear;
		}

		#productOrderContainer .btn_addToShoppingCart:hover {
			background-color: #27AE60;
		}

		#productOrderContainer .tabDegressif {
			width: 100%;
			font-size: 0.8em;
		}

		#productOrderContainer .tabDegressif td,
		#productOrderContainer .tabDegressif th {
			padding: 5px 10px;
			background-color: #fff;
		}

		#catalog_Tools {display: none;}

	/* NOTRE SELECTION */


	.pagerTop,
	.pagerBottom {
		height: auto;
		padding: 5px 0;
		margin: 15px 0 15px 0;

		font-size: 12px;
		line-height: 24px;
	}

	.pagerBottom {
		margin: 0 0 15px 0;
		padding: 15px 0 0 0;
		border-top: 1px solid #dedede;
	}

		.pagerTop select,
		.pagerBottom select {
			margin: 0;
			padding: 0;
			height: 24px;
		}

		.pagerTop .left,
		.pagerBottom .left {
			display: block;

			width: 100%;
			height: auto;

			float: none;
			text-align: left;
		}

		.pagerTop .left a,
		.pagerBottom .left a {
			display: block;

			width: 22px;
			height: 22px;
			float: left;

			margin: 0 7px 0 0;
			text-align: center;
			border: 1px solid #dedede;
			background-color: #f7f7f7;
			
			line-height: 22px;
			color: #1d191c;
		}

		.pagerTop .left a:hover,
		.pagerBottom .left a:hover,
		.pagerTop .left a.current,
		.pagerBottom .left a.current {
			border: 1px solid #f2b200;
			background-color: #f2b200;
			color: #fff;
		}

		.pagerTop .left .label,
		.pagerBottom .left .label,
		.pagerTop .left .input,
		.pagerBottom .left .input {
			display: block;
			height: 24px;
			float: left;
			margin: 0 7px 0 0;
		}

		.pagerTop .center,
		.pagerBottom .center {
			display: block;
			width: auto;
			height: 24px;
			float: none;
			text-align: center;
		}

		.pagerTop .right,
		.pagerBottom .right {
			display: none;
			width: 100%;
			height: 24px;
			float: none;
			text-align: right;
		}

			.pagerTop .right span,
			.pagerTop .right .input,
			.pagerBottom .right span,
			.pagerBottom .right .input {
				width: auto;
				display: inline-block;
			}

		#catalog_ProductsListToolsBar {
			height: auto;
			border: 1px solid #dedede;
			background-color: #f7f7f7;

			font-size: 12px;
			line-height: auto;
		}

			#catalog_ProductsListToolsBar .leftSide{
				width: 80px;
				float: left;
			}

				#catalog_ProductsListToolsBar .leftSide .viewGrid,
				#catalog_ProductsListToolsBar .leftSide .viewList {
					width: 36px;
					height: 36px;
					border-right: 1px solid #dedede;
					float: left;
					cursor: pointer;
				}

				#catalog_ProductsListToolsBar .leftSide a {
				    display: block;
				    width: 36px;
					height: 36px;
					
					font-size: 18px;
					text-align: center;
					line-height: 36px;
					color: #1d191c;
				}

				#catalog_ProductsListToolsBar .leftSide a:hover,
				#catalog_ProductsListToolsBar .leftSide a.active,
				#catalog_ProductsListToolsBar .leftSide a:hover,
				#catalog_ProductsListToolsBar .leftSide a.active {
					color: #f2b200;
				}

			#catalog_ProductsListToolsBar .rightSide {
				min-width: 210px;
				float: right;
				padding: 4px 15px 0 0;
			}

				#catalog_ProductsListToolsBar .rightSide label,
				#catalog_ProductsListToolsBar .rightSide .input {
					float: right;
				}

				#catalog_ProductsListToolsBar .rightSide select { height: 22px; padding: 0; }


/* Products > Products In List
-------------------------------------------------------------- */

.catalog_ProductsInList {
	background: white;
}

	#catalog_ProductsInList th {
		padding: 10px;
		margin: 1px;
		white-space: nowrap
	}

	#catalog_ProductsInList tr:hover {
		background-color: #f2b200;
		cursor: pointer;
		color: #fff;
	}

	#catalog_ProductsInList tr:hover a,
	#catalog_ProductsInList tr:hover .priceMin {
		color: #fff;
	}

	#catalog_ProductsInList td {
		padding: 5px;
		white-space: nowrap;
	}

		#catalog_ProductsInList td.photoList {
			display: none;
			font-size: 10px;
			white-space: normal;
		}

	#catalog_ProductsInList .columnTitle {
		border-bottom: 1px solid #dedede;
	}

	#catalog_ProductsInList .columnTitle,
	#catalog_ProductsInList .columnTitle a,
	#catalog_ProductsInList .columnTitle:hover,
	#catalog_ProductsInList .columnTitle:hover a {
		background-color: #f7f7f7;
		color: #1d191c;
		font-size: 12px;
	}

	#catalog_ProductsInList .trOdd {
		background-color: #fff;
	}

	#catalog_ProductsInList .trEven {
		background-color: #f7f7f7;
	}

		#catalog_ProductsInList .ref {
			display: none;
			width: 115px;
			height: 40px;
			border-right: 1px solid transparent;
			line-height: 40px;
		}

		#catalog_ProductsInList .manufacturer {
			display: none;;
			width: 140px;
			height: auto;
			line-height: auto;

			text-align: center;
		}

		#catalog_ProductsInList .nomobile {display: none;}

		#catalog_ProductsInList .name {
			display: inline-block;
			width: auto;
			padding: 0 0 0 15px;
			line-height: 40px;
			border-left: 1px solid transparent;
			border-right: 1px solid transparent;
		}

	#catalog_ProductsInList .manufacturer,
	#catalog_ProductsInList .productOrder {
	}
}


.catalog_product .productOrder span:last-child {
	background: #3965c7;
	color: white;
	border: 1px solid #3965c7;
	margin-left: 10px;
}
.catalog_product:hover .productOrder span:last-child {
	background: #2c4f99;
}

#blockContactUs .btn {
	background: #3965c7;
}
#blockContactUs .btn:hover {
	background: #2c4f99;
}