@charset "utf-8";
/* ©2012 Didier Berck */

/* common --> */
body {
	padding: 0;
	margin: 0;
	background: #eee url(../images/bg-body.png) top center no-repeat;
	color: #43454b;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
}
a img {
	border: none;
}
a, img, input, button, p.more, p.prix, p#html5 {
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
.clear {
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
::-moz-selection {
	background: #e31818;
	color: #fff;
}
::selection {
	background: #e31818;
	color: #fff;
}
#container {
	/*width: 960px;*/
	width: 93%;
	margin: auto;
}
@media screen and (min-width:1280px) {
	#container {
		width: 1178px;
	}
}
/* <-- common */

/* header --> */
header {
	display: block;
}
header h1 {
	position: absolute;
	margin: 32px 0 0 0;
	color: #000;
	font-size: 2.769230769230769em; /* 36px / 13px */
	text-transform: uppercase;
}
header h1 a {
	color: #000;
	text-decoration: none;
}
@media screen and (max-width:840px) {
	header h1 {
		margin: 20px 0 10px 0;
		position: static;
		text-align: center;
	}
}
/* <-- header */

/* nav --> */
#nav {
	display: block;
	width: 66.66666666666667%; /* 640px / 960px */
	height: 2.5em; /* 35px / 14px */
	float: right;
	margin-top: 50px;
	background: #0c0e12;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43454b), color-stop(100%, #0c0e12));
	background: -webkit-linear-gradient(top, #43454b 0%, #0c0e12 100%);
	background:    -moz-linear-gradient(top, #43454b 0%, #0c0e12 100%);
	background:     -ms-linear-gradient(top, #43454b 0%, #0c0e12 100%);
	background:      -o-linear-gradient(top, #43454b 0%, #0c0e12 100%);
	background:         linear-gradient(top, #43454b 0%, #0c0e12 100%);
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	color: #fff;
	font-size: 1.076923076923077em; /* 14px / 13px */
	font-weight: 500;
	line-height: 1.142857142857143em; /* 16px / 14px */
	text-transform: uppercase;
}
#nav h2 {
	display: none;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav > ul > li {
	display: inline;
	display: inline-block;
	width: 25%; /* 160px / 640px */
	float: left;
	text-align: center;
}
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav a.active {
	color: #e31818;
}
#nav > ul > li > a {
	padding: 0.6428571428571429em 0 0.7142857142857143em 0; /* 9px / 14px, 0, 10px / 14px, 0 */
	border-left: 1px solid #43454b;
	background: none bottom center no-repeat;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li > a:active,
#nav > ul > li > a.active {
	text-shadow: 0px 0px 10px #ccc;
}
#nav > ul > li:first-child > a {
	border: none;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li > a:active,
#nav > ul > li > a.active {
	background-image: url(../images/nav-arrow.png);
}
#nav ul > li > ul {
	width: 160px;
	position: absolute;
	z-index: 100;
	left: -9999em;
	background-color: #0d0f13;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(9, 10, 14, 0.25);
            box-shadow: 0px 2px 5px 0px rgba(9, 10, 14, 0.25);
	opacity: 0.75;
	font-weight: 400;
	text-align: left;
}
#nav ul > li:hover > ul {
	left: auto;
}
* + html #nav ul > li:hover > ul {
	margin-left: -80px;
} /* Fix for IE7 */
#nav ul ul li {
	padding: 2px 0 4px 26px;
	background: url(../images/subnav-pictos.png) 5px 3px no-repeat;
	border-top: 1px solid #43454b;
	font-size: 0.8571428571428571em; /* 12px / 14px */
	-webkit-transition: background-color 0.4s ease-out;
	   -moz-transition: background-color 0.4s ease-out;
	    -ms-transition: background-color 0.4s ease-out;
	     -o-transition: background-color 0.4s ease-out;
	        transition: background-color 0.4s ease-out;
}
#nav ul ul li + li {
	background-position: 5px -29px;
}
#nav ul ul li + li + li {
	background-position: 5px -61px;
}
#nav ul ul li + li + li + li {
	background-position: 5px -93px;
}
#nav ul ul li:hover {
	background-color: #43454b;
}
@media screen and (max-width:840px) {
	#nav {
		width: 100%;
		margin-top: 0;
	}
}
@media screen and (max-width:480px) {
	#nav {
		height: 5em; /* 70px / 14px */
	}
	#nav > ul > li {
		width: 50%; /* 320px / 640px */
	}
	#nav ul > li > ul {
		opacity: 0.95;
	}
}
@media screen and (max-width:360px) {
	#nav {
		height: 10em; /* 140px / 14px */
	}
	#nav > ul > li {
		width: 100%; /* 640px */
	}
	#nav ul > li > ul {
		width: 300px;
	}
}
     /* Facebook --> */
		 .img_fb{
			 height: 35px;
		 }
		 #logo_fb{
			 position: absolute;
			 margin-left: -45px;
		 }
		 #logo_fb_mobile{
			 display: none;
		 }
		 @media screen and (max-width:907px) {
			 #logo_fb{
  			 margin-left: -35px;
  		 }
		 }
		 @media screen and (max-width:875px) {
			 #logo_fb{
  			 margin-left: -25px;
  		 }
			 #logo_fb .img_fb{
				height: 25px;
				margin-top:5px;
			}
		 }
		 @media screen and (max-width:840px) {
			 #logo_fb{
				 display: none;
				margin-top: -40px;
		    width: 100%;
		    text-align: center;
  		 }
			 #logo_fb .img_fb{
				height: 35px;
				margin-top:0px;
			}
			#logo_m-tech{
				float: left;
			}
			#logo_fb_mobile{
 			 display: table;
			 float: right;
			 height: 80px;
 		  }
			#logo_fb_mobile .a_img_fb{
 			 display: table-cell;;
			 vertical-align: middle
 		  }
	 }
     /* <-- Facebook */


/* <-- nav */

/* featured --> */
#featured {
	display: block;
	height: 420px;
	padding: 12px 2.5%; /* 24px / 960px */
	overflow: hidden;
	clear: both;
	position: relative;
	margin: 0 auto;
}
#featured.eclairage {
	background: url(../images/bg-featured-eclairage.jpg) right no-repeat;
}
#featured.securite {
	background: url(../images/bg-featured-securite.jpg) right no-repeat;
}
#featured.automatisation {
	background: url(../images/bg-featured-automatisation.jpg) right no-repeat;
}
#featured.electricite {
	background: url(../images/bg-featured-electricite.jpg) right no-repeat;
}
#featured h2 {
	display: none;
}
#featured h3 {
	margin: 80px 0 0 -4px;
	color: #000;
	font-weight: 500;
	font-size: 3.692307692307692em; /* 48px / 13px */
	line-height: 1em; /* 48px */
	text-transform: uppercase;
	text-shadow: 1px 0px 2px rgba(9, 10, 14, 0.25);
}
#featured h3 strong {
	color: #e31818;
	font-weight: 700;
	font-size: 1.5em; /* 72px / 48px */
	line-height: 0.9444444444444444em; /* 68px / 72px */
}
#featured p {
	width: 38.54166666666667%; /* 370px / 960px */
	margin: 0.9230769230769231em 0; /* 12px / 13px */
	color: #626469;
}
#featured p.more {
	width: 11.42857142857143em; /* 160px / 14px */
	height: 2.5em; /* 35px / 14px */
	margin: 0 0 0 24.47916666666667%; /* 235px / 960px */
	background-color: #1a171b;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	color: #fff;
	font-size: 1.076923076923077em; /* 14px / 13px */
	text-transform: uppercase;
}
#featured p.more a {
	display: block;
	padding: 0.5714285714285714em; /* 8px / 14px */
	background: url(../images/bg-featured-more.png) 94.5% center no-repeat; /* ? / ? */
	color: #fff;
	text-decoration: none;
}
#featured p.more:hover {
	background-color: #e31818;
	-webkit-transform: translate(5px, 0);
	   -moz-transform: translate(5px, 0);
	     -o-transform: translate(5px, 0);
	        transform: translate(5px, 0);
}
#featured > ul {
	margin-left: 0;
	padding-left: 17px;
}
#featured h4 {
	display: none;
}
#featured nav,
#featured .nav {
	display: block;
	position: absolute;
	right: 1.25%; /* 12px / 960px */
	bottom: 24px;
}
#featured nav ul,
#featured .nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#featured nav li,
#featured .nav li {
	display: inline;
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 4px;
	border: 4px solid #eee;
	border: 4px solid rgba(238, 238, 238, 0.5);
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	font-size: 0.7692307692307692em; /* 10px / 14px */
	-webkit-transition: background-color 0.4s ease-out;
	   -moz-transition: background-color 0.4s ease-out;
	    -ms-transition: background-color 0.4s ease-out;
	     -o-transition: background-color 0.4s ease-out;
	        transition: background-color 0.4s ease-out;
}
#featured nav li:hover,
#featured nav li.active,
#featured .nav li:hover,
#featured .nav li.active {
	background-color: #e31818;
	background-color: rgba(227, 24, 24, 0.75);
}
#featured nav span,
#featured .nav span {
	display: none;
}
#featured nav a,
#featured .nav a {
	display: inline;
	display: inline-block;
	padding: 8px;
	color: #e31818;
	text-decoration: none;
}
#featured + #loading {
	position: absolute;
	z-index: 30;
	top: 300px;
	left: 50%;
	margin-left: -16px;
}
@media screen and (max-width:900px) {
	#featured.securite,
	#featured.eclairage,
	#featured.electricite,
	#featured.automatisation {
		background-position: 360px 12px;
	}
	#featured p {
		width: 370px;
	}
}
@media screen and (max-width:480px) {
	#featured {
		height: 290px;
	}
	#featured h3 {
		margin-top: 20px;
		font-size: 2.769230769230769em; /* 36px / 13px */
	}
	#featured nav,
	#featured .nav {
		display: none;
	}
}
@media screen and (max-width:460px) {
	#featured {
		height: auto;
	}
	#featured p {
		width: auto;
	}
}
/* <-- featured */

/* content --> */
#content {
	clear: both;
	padding: 3.692307692307692em 1.25% 1.846153846153846em 1.25%; /* 48px / 13px, 12px / 960px, 24px / 13px, 12px / 960px */
}
#content h2 {
	padding: 0 2.136752136752137%; /* 20px / 936px */
	margin: 0 0 0.9230769230769231em 0; /* 12px / 13px */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #e31818;
	font-size: 2.153846153846154em; /* 28px / 13px */
	font-size: 16px; /* 28px / 13px */
	font-weight: 500;
	line-height: 1.5em; /* 42px / 24px */
	text-align: right;
	text-transform: uppercase;
}
#content h2 span {
	color: #a7a9af;
}
#content p {
	margin: 0.9230769230769231em 0;
}
#content p.back {
	padding-right: 1.282051282051282%; /* 12px / 936px */
	margin: 0;
	text-align: right;
	font-size: 0.9230769230769231em; /*12px / 13px */
}
#content p.back::before,
#content p.back:before {
	content: "< ";
}
#content p.infopromo {
	clear: both;
	font-size: 0.9230769230769231em; /*12px / 13px */
}
#content a {
	color: #e31818;
	text-decoration: none;
}
#content a:hover,
#content a:focus,
#content a:active {
	color: #000;
}
#content strong {
	font-weight: 500;
	color: #1e2024;
}
#content .block {
	display: inline;
	display: inline-block;
	padding: 0.9230769230769231em 1.282051282051282%; /* 12px / 13px, 12px / 936px */
	margin: 0.9230769230769231em 1.282051282051282%; /* 12px / 13px, 12px / 936px */
	float: left;
	background-color: #eee;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#content .black {
	border-color: #000;
}
#content .block h3 {
	margin: -0.5em 0 0 0;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;
	font-size: 1.846153846153846em; /* 24px / 13px */
	font-weight: 500;
	line-height: 1.5em; /* 36px / 24px */
	/*line-height: 1.25em;*/ /* 30px / 24px */
	text-transform: uppercase;
}
#content .black h3 {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
#content .block h4 {
	margin: 0;
	font-size: 1.230769230769231em; /* 16px / 13px */
	font-weight: 500;
	line-height: 1.25em; /* 20px / 16px */
	text-transform: uppercase;
}
#content .block p:last-child {
	margin-bottom: 0 !important;
}
#content .block ul:last-child {
	margin-bottom: 0 !important;
}
#content .block p.none {
	margin-bottom: 1.846153846153846em !important; /* 24px / 13px */
}
#content .block img {
	max-width: 100%;
}
#content .block img.round {
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#content .block img.left {
	margin: 0 0.9230769230769231em 0.9230769230769231em 0; /* 12px / 13px */
	float: left;
}
#content .block img.right {
	margin: 0 0 0.9230769230769231em 0.9230769230769231em; /* 12px / 13px */
	float: right;
}
#content .block article {
	height: auto;
}
@media screen and (max-width:840px) {
	img.vehicule {
		margin-top: -130px;
		max-height: 120px;
	}
}
@media screen and (max-width:460px) {
	img.vehicule {
		display: none;
	}
}
/* <-- content */

/* content promotions --> */
#content #promotions h3 {
	margin-bottom: 0;
}
#content #promotions h4 + p,
#content #promotions img + p {
	margin-right: 70px;
	margin-bottom: 0;
}
#content #promotions img {
	max-width: 27.5229%;
}
#content #promotion img {
	max-width: 27.52293577981651%; /* 120px / 436px */
	max-height: 100%;
	margin-right: 2.752293577981651%; /* 12px / 436px */
	float: left;
	display:inline-block;
	z-index: 100;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#content #promotion div.descr_promo {
	max-width: 67.52293577981651%; /* 120px / 436px */
	max-height: 100%;
	margin-right: 2.752293577981651%; /* 12px / 436px */
	float: left;
	display:inline-block;
	z-index: 100;
}
/* <-- content promotions */

/* content cols --> */
#content .col100 {
	width: 94.65811965811966%; /* 886px / 936px */
	width: -webkit-calc(94.87179487179487% - 2px);
	width:    -moz-calc(94.87179487179487% - 2px);
	width:     -ms-calc(94.87179487179487% - 2px);
	width:      -o-calc(94.87179487179487% - 2px);
	width:         calc(94.87179487179487% - 2px); /* 888px / 936px */
}
#content .col100 h3 {
	padding: 0 1.354401805869074%; /* 12px / 886px */
	margin: -0.5em -1.354401805869074% 0.5em -1.354401805869074%; /* 12px / 24px, 12px / 886px */
}
#content .col100 article {
	padding: 0.9230769230769231em 1.354401805869074%; /* 12px / 13px, 12px / 886px */
	padding: 0.9230769230769231em -webkit-calc(1.351351351351351%);
	padding: 0.9230769230769231em    -moz-calc(1.351351351351351%);
	padding: 0.9230769230769231em     -ms-calc(1.351351351351351%);
	padding: 0.9230769230769231em      -o-calc(1.351351351351351%);
	padding: 0.9230769230769231em         calc(1.351351351351351%); /* 12px / 13px, 12px / 888px */
	margin: 0 -1.354401805869074%; /* 12px / 886px */
	margin: 0 -webkit-calc(-1.351351351351351%);
	margin: 0    -moz-calc(-1.351351351351351%);
	margin: 0     -ms-calc(-1.351351351351351%);
	margin: 0      -o-calc(-1.351351351351351%);
	margin: 0         calc(-1.351351351351351%); /* 12px / 888px */
}
#content .col75 {
	width: 68.37606837606838%; /* 640px / 936px */
	width: -webkit-calc(68.58974358974359% - 2px);
	width:    -moz-calc(68.58974358974359% - 2px);
	width:     -ms-calc(68.58974358974359% - 2px);
	width:      -o-calc(68.58974358974359% - 2px);
	width:         calc(68.58974358974359% - 2px); /* 642px / 936px */
}
#content .col75 h3 {
	padding: 0 1.875%; /* 12px / 640px */
	margin: -0.5em -1.875% 0.5em -1.875%; /* 12px / 24px, 12px / 640px */
}
#content .col75 article {
	padding: 0.9230769230769231em 1.875%; /* 12px / 13px, 12px / 640px */
	padding: 0.9230769230769231em -webkit-calc(1.869158878504673%);
	padding: 0.9230769230769231em    -moz-calc(1.869158878504673%);
	padding: 0.9230769230769231em     -ms-calc(1.869158878504673%);
	padding: 0.9230769230769231em      -o-calc(1.869158878504673%);
	padding: 0.9230769230769231em         calc(1.869158878504673%); /* 12px / 13px, 12px / 642px */
	margin: 0 -1.875%; /* 12px / 640px */
	margin: 0 -webkit-calc(-1.869158878504673%);
	margin: 0    -moz-calc(-1.869158878504673%);
	margin: 0     -ms-calc(-1.869158878504673%);
	margin: 0      -o-calc(-1.869158878504673%);
	margin: 0         calc(-1.869158878504673%); /* 12px / 642px */
}
#content .col66 {
	width: 58.95833333333333%; /* 566px / 936px */
	width: -webkit-calc(60.68376068376068% - 2px);
	width:    -moz-calc(60.68376068376068% - 2px);
	width:     -ms-calc(60.68376068376068% - 2px);
	width:      -o-calc(60.68376068376068% - 2px);
	width:         calc(60.68376068376068% - 2px); /* 568px / 936px */
}
#content .col66 h3 {
	padding: 0 2.120141342756184%; /* 12px / 566px */
	margin: -0.5em -2.120141342756184% 0.5em -2.120141342756184%; /* 12px / 24px, 12px / 566px */
}
#content .col66 article {
	padding: 0.9230769230769231em 2.120141342756184%; /* 12px / 13px, 12px / 566px */
	padding: 0.9230769230769231em -webkit-calc(2.112676056338028%);
	padding: 0.9230769230769231em    -moz-calc(2.112676056338028%);
	padding: 0.9230769230769231em     -ms-calc(2.112676056338028%);
	padding: 0.9230769230769231em      -o-calc(2.112676056338028%);
	padding: 0.9230769230769231em         calc(2.112676056338028%); /* 12px / 13px, 12px / 568px */
	margin: 0 -2.120141342756184%; /* 12px / 566px */
	margin: 0 -webkit-calc(-2.112676056338028%);
	margin: 0    -moz-calc(-2.112676056338028%);
	margin: 0     -ms-calc(-2.112676056338028%);
	margin: 0      -o-calc(-2.112676056338028%);
	margin: 0         calc(-2.112676056338028%); /* 12px / 568px */
}
#content .col50 {
	width: 44.65811965811966%; /* 418px / 936px */
	width: -webkit-calc(44.87179487179487% - 2px);
	width:    -moz-calc(44.87179487179487% - 2px);
	width:     -ms-calc(44.87179487179487% - 2px);
	width:      -o-calc(44.87179487179487% - 2px);
	width:         calc(44.87179487179487% - 2px); /* 420px / 936px */
}
#content .col50 h3 {
	padding: 0 2.870813397129187%; /* 12px / 418px */
	margin: -0.5em -2.870813397129187% 0.5em -2.870813397129187%; /* 12px / 24px, 12px / 418px */
}
#content .col50 article {
	padding: 0.9230769230769231em 2.870813397129187%; /* 12px / 13px, 12px / 418px */
	padding: 0.9230769230769231em -webkit-calc(2.857142857142857%);
	padding: 0.9230769230769231em    -moz-calc(2.857142857142857%);
	padding: 0.9230769230769231em     -ms-calc(2.857142857142857%);
	padding: 0.9230769230769231em      -o-calc(2.857142857142857%);
	padding: 0.9230769230769231em         calc(2.857142857142857%); /* 12px / 13px, 12px / 420px */
	margin: 0 -2.870813397129187%; /* 12px / 418px */
	margin: 0 -webkit-calc(-2.857142857142857%);
	margin: 0    -moz-calc(-2.857142857142857%);
	margin: 0     -ms-calc(-2.857142857142857%);
	margin: 0      -o-calc(-2.857142857142857%);
	margin: 0         calc(-2.857142857142857%); /* 12px / 420px */
}
#content .col33 {
	width: 28.84615384615385%; /* 270px / 936px */
	width: -webkit-calc(29.05982905982906% - 2px);
	width:    -moz-calc(29.05982905982906% - 2px);
	width:     -ms-calc(29.05982905982906% - 2px);
	width:      -o-calc(29.05982905982906% - 2px);
	width:         calc(29.05982905982906% - 2px); /* 272px / 936px */
}
#content .col33 h3 {
	padding: 0 4.444444444444444%; /* 12px / 270px */
	margin: -0.5em -4.444444444444444% 0.5em -4.444444444444444%; /* 12px / 24px, 12px / 270px */
}
#content .col33 article {
	padding: 0.9230769230769231em 4.444444444444444%; /* 12px / 13px, 12px / 270px */
	padding: 0.9230769230769231em -webkit-calc(4.411764705882353%);
	padding: 0.9230769230769231em    -moz-calc(4.411764705882353%);
	padding: 0.9230769230769231em     -ms-calc(4.411764705882353%);
	padding: 0.9230769230769231em      -o-calc(4.411764705882353%);
	padding: 0.9230769230769231em         calc(4.411764705882353%); /* 12px / 13px, 12px / 272px */
	margin: 0 -4.444444444444444%; /* 12px / 270px */
	margin: 0 -webkit-calc(-4.411764705882353%);
	margin: 0    -moz-calc(-4.411764705882353%);
	margin: 0     -ms-calc(-4.411764705882353%);
	margin: 0      -o-calc(-4.411764705882353%);
	margin: 0         calc(-4.411764705882353%); /* 12px / 272px */
}
#content .col25 {
	width: 20.94017094017094%; /* 196px / 936px */
	width: -webkit-calc(21.15384615384615% - 2px);
	width:    -moz-calc(21.15384615384615% - 2px);
	width:     -ms-calc(21.15384615384615% - 2px);
	width:      -o-calc(21.15384615384615% - 2px);
	width:         calc(21.15384615384615% - 2px); /* 198px / 936px */
}
#content .col25 h3 {
	padding: 0 6.122448979591837%; /* 12px / 196px */
	margin: -0.5em -6.122448979591837% 0.5em -6.122448979591837%; /* 12px / 24px, 12px / 196px */
}
#content .col25 article {
	padding: 0.9230769230769231em 6.122448979591837%; /* 12px / 13px, 12px / 196px */
	padding: 0.9230769230769231em -webkit-calc(6.060606060606061%);
	padding: 0.9230769230769231em    -moz-calc(6.060606060606061%);
	padding: 0.9230769230769231em     -ms-calc(6.060606060606061%);
	padding: 0.9230769230769231em      -o-calc(6.060606060606061%);
	padding: 0.9230769230769231em         calc(6.060606060606061%); /* 12px / 13px, 12px / 198px */
	margin: 0 -6.122448979591837%; /* 12px / 196px */
	margin: 0 -webkit-calc(-6.060606060606061%);
	margin: 0    -moz-calc(-6.060606060606061%);
	margin: 0     -ms-calc(-6.060606060606061%);
	margin: 0      -o-calc(-6.060606060606061%);
	margin: 0         calc(-6.060606060606061%); /* 12px / 198px */
}
#content .col25x4 {
	width: 19.65811965811966%; /* 184px / 936px */
	width: -webkit-calc(19.87179487179487% - 2px);
	width:    -moz-calc(19.87179487179487% - 2px);
	width:     -ms-calc(19.87179487179487% - 2px);
	width:      -o-calc(19.87179487179487% - 2px);
	width:         calc(19.87179487179487% - 2px); /* 186px / 936px */
}
#content .col25x4 h3 {
	padding: 0 6.521739130434783%; /* 12px / 184px */
	margin: -0.5em -6.521739130434783% 0.5em -6.521739130434783%; /* 12px / 24px, 12px / 184px */
}
#content .col25x4 article {
	padding: 0.9230769230769231em 6.521739130434783%; /* 12px / 13px, 12px / 184px */
	padding: 0.9230769230769231em -webkit-calc(6.451612903225806%);
	padding: 0.9230769230769231em    -moz-calc(6.451612903225806%);
	padding: 0.9230769230769231em     -ms-calc(6.451612903225806%);
	padding: 0.9230769230769231em      -o-calc(6.451612903225806%);
	padding: 0.9230769230769231em         calc(6.451612903225806%); /* 12px / 13px, 12px / 186px */
	margin: 0 -6.521739130434783%; /* 12px / 184px */
	margin: 0 -webkit-calc(-6.451612903225806%);
	margin: 0    -moz-calc(-6.451612903225806%);
	margin: 0     -ms-calc(-6.451612903225806%);
	margin: 0      -o-calc(-6.451612903225806%);
	margin: 0         calc(-6.451612903225806%); /* 12px / 186px */
}
@media screen and (max-width:840px) {
	#content .col75,
	#content .col66,
	#content .col50,
	#content .col33,
	#content .col25,
	#content .col25x4 {
		width: 94.65811965811966%; /* 886px / 936px */
		width: -webkit-calc(94.87179487179487% - 2px);
		width:    -moz-calc(94.87179487179487% - 2px);
		width:     -ms-calc(94.87179487179487% - 2px);
		width:      -o-calc(94.87179487179487% - 2px);
		width:         calc(94.87179487179487% - 2px); /* 888px / 936px */
	}
	#content .col75 h3,
	#content .col66 h3,
	#content .col50 h3,
	#content .col33 h3,
	#content .col25 h3,
	#content .col25x4 h3 {
		padding: 0 1.354401805869074%; /* 12px / 886px */
		margin: -0.5em -1.354401805869074% 0.5em -1.354401805869074%; /* 12px / 24px, 12px / 886px */
	}
	#content .col75 article,
	#content .col66 article,
	#content .col50 article,
	#content .col33 article,
	#content .col25 article,
	#content .col25x4 article {
		padding: 0.9230769230769231em 1.354401805869074%; /* 12px / 13px, 12px / 886px */
		padding: 0.9230769230769231em -webkit-calc(1.351351351351351%);
		padding: 0.9230769230769231em    -moz-calc(1.351351351351351%);
		padding: 0.9230769230769231em     -ms-calc(1.351351351351351%);
		padding: 0.9230769230769231em      -o-calc(1.351351351351351%);
		padding: 0.9230769230769231em         calc(1.351351351351351%); /* 12px / 13px, 12px / 888px */
		margin: 0 -1.354401805869074%; /* 12px / 886px */
		margin: 0 -webkit-calc(-1.351351351351351%);
		margin: 0    -moz-calc(-1.351351351351351%);
		margin: 0     -ms-calc(-1.351351351351351%);
		margin: 0      -o-calc(-1.351351351351351%);
		margin: 0         calc(-1.351351351351351%); /* 12px / 888px */
	}
	#content #promotions h3 {
		margin-bottom: 0 !important;
	}
}
/* <-- content cols */

/* services --> */
#services {
	display: block;
	height: 138px;
	padding: 0.625%; /* 6px / 960px */
	background: #f7f7f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:    -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:     -ms-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:      -o-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:         linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 );
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
#services h2 {
	display: none;
}
#services article {
	display: inline;
	display: inline-block;
	width: 21.20253164556962%; /* 201px / 948px */
	height: 101px;
	padding: 0.9230769230769231em 1.265822784810127%; /* 12px / 13px, 12px / 948px */
	margin: 0.4615384615384615em 0.6329113924050633%; /* 6px / 13px, 6px / 948px */
	position: relative;
	float: left;
	background: #e4e4e4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background:    -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background:     -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background:      -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background:         linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 2px 3px 0px rgba(9, 10, 14, 0.25);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
#services article.securite {
	background: #eaeaea url(../images/bg-services.png) 10px 40px no-repeat;
	background: url(../images/bg-services.png) 10px 40px no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) 10px 40px no-repeat, -webkit-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 10px 40px no-repeat,    -moz-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 10px 40px no-repeat,     -ms-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 10px 40px no-repeat,      -o-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 10px 40px no-repeat,         linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.securite {
	background: url(../images/bg-services.png) 10px 40px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.securite:hover {
	background: #eaeaea url(../images/bg-services.png) 40px 50px no-repeat;
	background: url(../images/bg-services.png) 40px 50px no-repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) 40px 50px no-repeat, -webkit-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 40px 50px no-repeat,    -moz-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 40px 50px no-repeat,     -ms-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 40px 50px no-repeat,      -o-linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) 40px 50px no-repeat,         linear-gradient(225deg, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.securite:hover {
	background: url(../images/bg-services.png) 40px 50px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.eclairage {
	background: #eaeaea url(../images/bg-services.png) -527px 40px no-repeat;
	background: url(../images/bg-services.png) -527px 40px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -527px 40px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -527px 40px no-repeat,    -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -527px 40px no-repeat,     -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -527px 40px no-repeat,      -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -527px 40px no-repeat,         linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.eclairage {
	background: url(../images/bg-services.png) -527px 40px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.eclairage:hover {
	background: #eaeaea url(../images/bg-services.png) -497px 50px no-repeat;
	background: url(../images/bg-services.png) -497px 50px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -497px 50px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -497px 50px no-repeat,    -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -497px 50px no-repeat,     -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -497px 50px no-repeat,      -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -497px 50px no-repeat,         linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.eclairage:hover {
	background: url(../images/bg-services.png) -497px 50px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.electricite {
	background: #eaeaea url(../images/bg-services.png) -1064px 40px no-repeat;
	background: url(../images/bg-services.png) -1064px 40px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -1064px 40px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1064px 40px no-repeat,    -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1064px 40px no-repeat,     -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1064px 40px no-repeat,      -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1064px 40px no-repeat,         linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.electricite {
	background: url(../images/bg-services.png) -1064px 40px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.electricite:hover {
	background: #eaeaea url(../images/bg-services.png) -1034px 50px no-repeat;
	background: url(../images/bg-services.png) -1034px 50px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -1034px 50px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1034px 50px no-repeat,    -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1034px 50px no-repeat,     -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1034px 50px no-repeat,      -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1034px 50px no-repeat,         linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.electricite:hover {
	background: url(../images/bg-services.png) -1034px 50px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.automatisation {
	background: #eaeaea url(../images/bg-services.png) -1601px 40px no-repeat;
	background: url(../images/bg-services.png) -1601px 40px no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -1601px 40px no-repeat, -webkit-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1601px 40px no-repeat,    -moz-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1601px 40px no-repeat,     -ms-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1601px 40px no-repeat,      -o-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1601px 40px no-repeat,         linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.automatisation {
	background: url(../images/bg-services.png) -1601px 40px no-repeat, url(../images/services-article-grad.png) !important;
}
#services article.automatisation:hover {
	background: #eaeaea url(../images/bg-services.png) -1571px 50px no-repeat;
	background: url(../images/bg-services.png) -1571px 50px no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
	background: url(../images/bg-services.png) -1571px 50px no-repeat, -webkit-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1571px 50px no-repeat,    -moz-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1571px 50px no-repeat,     -ms-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1571px 50px no-repeat,      -o-linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
	background: url(../images/bg-services.png) -1571px 50px no-repeat,         linear-gradient(-45deg, #f7f7f7 0%, #e4e4e4 100%);
}
.no-cssgradients article.automatisation:hover {
	background: url(../images/bg-services.png) -1571px 50px no-repeat, url(../images/services-article-grad.png) !important;
}
#services a {
	color: #43454b;
	text-decoration: none;
}
#services h3 {
	margin: 0;
	font-size: 0.9230769230769231em; /* 12px / 13px */
	font-weight: 500;
	line-height: 1.166666666666667em; /* 14px / 12px */
	text-transform: uppercase;
	-webkit-transition: color 0.2s ease-out;
	   -moz-transition: color 0.2s ease-out;
	    -ms-transition: color 0.2s ease-out;
	     -o-transition: color 0.2s ease-out;
	        transition: color 0.2s ease-out;
}
#services h3::first-line,
#services h3:first-line {
	font-size: 1.333333333333333em; /* 16px / 12px */
}
#services article:hover h3 {
	color: #e31818;
}
#services p {
	margin: 0.9230769230769231em 0 0 0; /* 12px / 13px */
	color: #75767b;
	line-height: 1.076923076923077em; /* 14px / 13px */
}
#services div {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 12px;
	right: 12px;
	background: #e31818 url(../images/services-pictos.png) no-repeat;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
#services .securite div {
	background-position: 0 0;
}
#services .eclairage div {
	background-position: 0 -36px;
}
#services .electricite div {
	background-position: 0 -72px;
}
#services .automatisation div {
	background-position: 0 -108px;
}
#services article:hover div {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 0px 10px 0px rgba(9, 10, 14, 0.25);
	-webkit-transform: scale(1.2) rotate(2.5deg);
	   -moz-transform: scale(1.2) rotate(2.5deg);
	    -ms-transform: scale(1.2) rotate(2.5deg);
	     -o-transform: scale(1.2) rotate(2.5deg);
	        transform: scale(1.2) rotate(2.5deg);
}
@media screen and (max-width:900px) {
	#services {
		height: 276px;
	}
	#services article {
		width: 46.20253164556962%; /* 438px / 948px */
	}
}
@media screen and (max-width:460px) {
	#services {
		height: 552px;
	}
	#services article {
		width: 96.20253164556962%; /* 912px / 948px */
	}
}
/* <-- services */

/* blocks --> */
#blocks {
	padding: 0.625%; /* 6px / 960px */
	background: #f7f7f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:    -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:     -ms-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:      -o-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	background:         linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 );
	border-bottom: 1px solid #e2e2e2;
}
#blocks section {
	display: inline;
	display: inline-block;
	padding: 0.9230769230769231em 1.265822784810127%; /* 12px / 13px, 12px / 948px */
	margin: 0.4615384615384615em 0.6329113924050633%; /* 6px / 13px, 6px / 948px */
	float: left;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#blocks h2 {
	margin: -0.5em 0 0 0;
	border-bottom: 1px solid #fff;
	font-size: 1.846153846153846em; /* 24px / 13px */
	font-weight: 500;
	line-height: 1.5em; /* 36px / 24px */
	text-transform: uppercase;
}
/* <-- blocks */

/* block presentation --> */
#presentation {
	width: 20.9915611814346%; /* 199px / 948px */
	width: -webkit-calc(21.20253164556962% - 2px);
	width:    -moz-calc(21.20253164556962% - 2px);
	width:     -ms-calc(21.20253164556962% - 2px);
	width:      -o-calc(21.20253164556962% - 2px);
	width:         calc(21.20253164556962% - 2px); /* 201px / 948px */
	background-color: #eee;
}
#presentation h2 {
	margin: -0.5em -6.030150753768844% 0.5em -6.030150753768844%; /* 12px / 24px, 12px / 199px */
	padding: 0 6.030150753768844%; /* 12px / 199px */
}
* + html #presentation h2 {
	margin: -0.5em -2.010050251256281% 0.5em -2.010050251256281%; /* 12px / 24px, 4px / 199px */
	padding: 0 2.010050251256281%; /* 4px / 199px */
} /* Fix for IE7 */
#presentation p {
	margin: 0 0 0.9230769230769231em 0; /* 12px / 13px */
	line-height: 1.153846153846154em; /* 15px / 13px */
}
#presentation img {
	max-width: 100%;
	margin: 0.9230769230769231em 0 0 0; /* 12px / 13px */
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#presentation a {
	color: #e31818;
	text-decoration: none;
}
#presentation p.more::before,
#presentation p.more:before {
	content: '+ ';
}
#presentation p.more a:hover,
#presentation p.more a:focus,
#presentation p.more a:active {
	color: #43454b;
}
@media screen and (max-width:900px) {
	#presentation {
		width: 95.9915611814346%; /* 910px / 948px */
		width: -webkit-calc(96.20253164556962% - 2px);
		width:    -moz-calc(96.20253164556962% - 2px);
		width:     -ms-calc(96.20253164556962% - 2px);
		width:      -o-calc(96.20253164556962% - 2px);
		width:         calc(96.20253164556962% - 2px); /* 912px / 948px */
	}
	#presentation h2 {
		margin: -0.5em -1.265822784810127% 0.5em -1.265822784810127%; /* 12px / 24px, 12px / 948px */
		padding: 0 1.265822784810127%; /* 12px / 948px */
	}
	#presentation p {
		width: 78%;
		float: left;
	}
	#presentation img {
		max-width: 20%;
		margin-top: 0;
		float: right;
	}
}
@media screen and (max-width:480px) {
	#presentation p {
		width: 48%;
	}
	#presentation img {
		max-width: 50%;
	}
}
@media screen and (max-width:360px) {
	#presentation p {
		width: 100%;
	}
	#presentation img {
		max-width: 100%;
		margin-top: 0.9230769230769231em; /* 12px / 13px */
		float: none;
	}
}
/* <-- block presentation */

/* block promotions --> */
#promotions {
	width: 45.9915611814346%; /* 436px / 948px */
	width: -webkit-calc(46.20253164556962% - 2px);
	width:    -moz-calc(46.20253164556962% - 2px);
	width:     -ms-calc(46.20253164556962% - 2px);
	width:      -o-calc(46.20253164556962% - 2px);
	width:         calc(46.20253164556962% - 2px); /* 438px / 948px */
	padding-bottom: 0 !important;
	background-color: #eee;
	border-color: #1a171b !important;
}
#promotions h2 {
	margin: -0.5em -2.752293577981651% 0 -2.752293577981651%; /* 12px / 24px, 12px / 436px */
	padding: 0 2.73972602739726%; /* 12px / 438px */
	background-color: #1a171b;
	border-color: #1a171b !important;
	color: #fff;
	-webkit-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;
}
* + html #promotions h2 {
	margin: -0.5em -1.376146788990826% 0 -1.376146788990826%; /* 12px / 24px, 6px / 436px */
	padding: 0 1.376146788990826%; /* 6px / 436px */
} /* Fix for IE7 */
#promotions article {
	display: block;
	height: 6.153846153846154em; /* 80px / 13px */
	padding: 0.9230769230769231em 2.752293577981651%; /* 12px / 13px, 12px / 436px */
	padding: 0.9230769230769231em -webkit-calc(2.73972602739726%);
	padding: 0.9230769230769231em    -moz-calc(2.73972602739726%);
	padding: 0.9230769230769231em     -ms-calc(2.73972602739726%);
	padding: 0.9230769230769231em      -o-calc(2.73972602739726%);
	padding: 0.9230769230769231em         calc(2.73972602739726%); /* 12px / 13px, 12px / 438px */
	margin: 0 -2.752293577981651%; /* 12px / 436px */
	margin: 0 -webkit-calc(-2.73972602739726%);
	margin: 0    -moz-calc(-2.73972602739726%);
	margin: 0     -ms-calc(-2.73972602739726%);
	margin: 0      -o-calc(-2.73972602739726%);
	margin: 0         calc(-2.73972602739726%); /* 12px / 438px */
	position: relative;
}
#promotions article:nth-child(odd) {
	background-color: #fff;
}
#promotions article.odd {
	background-color: #fff;
} /* Fix for IEs */
#promotions article:last-child {
	-webkit-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;
}
#promotions a {
	color: #43454b !important;
}
#promotions img {
	max-width: 27.52293577981651%; /* 120px / 436px */
	max-height: 100%;
	margin-right: 2.752293577981651%; /* 12px / 436px */
	float: left;
	z-index: 100;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#promotions article:hover img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
	        box-shadow: 0px 0px 5px 0px rgba(9, 10, 14, 0.25);
}
#promotions h3 {
	margin: 0;
	font-size: 1.384615384615385em; /* 18px / 13px */
	font-weight: 500;
	line-height: 0.6666666666666667em; /* 12px / 18px */
	text-transform: uppercase;
}
#promotions p {
	margin: 0.4615384615384615em 0; /* 6px / 13px */
}
#promotions h3 + p {
	margin-right: 70px;
	line-height: 1.153846153846154em; /* 15px / 13px */
}
#promotions p.prix {
	width: 79px;
	height: 51px;
	padding: 3px 0;
	position: absolute;
	top: 30px;
	right: -8px;
	z-index: 100;
	margin: 0;
	/* TESTER LA COMPATIBILITE
	background: url(../images/bg-prix-big.png) top center no-repeat;
	background-size: cover;*/
	background: url(../images/bg-prix.png) top center no-repeat;
	color: #e31818;
	font-weight: 500;
	line-height: 1.384615384615385em; /* 18px / 13px */
	text-align: center;
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	     -o-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}
#promotions p.prix span {
	font-size: 22px;
	font-weight: 700;
}
#promotions article:hover p.prix {
	-webkit-transform: rotate(0) scale(1.2);
	   -moz-transform: rotate(0) scale(1.2);
	    -ms-transform: rotate(0) scale(1.2);
	     -o-transform: rotate(0) scale(1.2);
	        transform: rotate(0) scale(1.2);
}
#promotions a {
	color: #e31818;
	text-decoration: none;
}
#promotions p.more::before,
#promotions p.more:before {
	content: '+ ';
}
#promotions p.more a:hover,
#promotions p.more a:focus,
#promotions p.more a:active {
	color: #e31818 !important;
}
@media screen and (max-width:900px) {
	#promotions {
		width: 62.16596343178622%; /* 589.333px / 948px */
		width: -webkit-calc(62.37693389592124% - 2px);
		width:    -moz-calc(62.37693389592124% - 2px);
		width:     -ms-calc(62.37693389592124% - 2px);
		width:      -o-calc(62.37693389592124% - 2px);
		width:         calc(62.37693389592124% - 2px); /* 591.333px / 948px */
	}
	#promotions h2 {
		margin: -0.5em -2.036199095022625% 0 -2.036199095022625%; /* 12px / 24px, 12px / 589.333px */
		padding: 0 2.036199095022625%; /* 12px / 589.333px */
	}
	#promotions article {
		padding: 0.9230769230769231em 2.036199095022625%; /* 12px / 13px, 12px / 589.333px */
		padding: 0.9230769230769231em -webkit-calc(2.029312288613303%);
		padding: 0.9230769230769231em    -moz-calc(2.029312288613303%);
		padding: 0.9230769230769231em     -ms-calc(2.029312288613303%);
		padding: 0.9230769230769231em      -o-calc(2.029312288613303%);
		padding: 0.9230769230769231em         calc(2.029312288613303%); /* 12px / 13px, 12px / 591.333px */
		margin: 0 -2.036199095022625%; /* 12px / 589.333px */
		margin: 0 -webkit-calc(-2.029312288613303%);
		margin: 0    -moz-calc(-2.029312288613303%);
		margin: 0     -ms-calc(-2.029312288613303%);
		margin: 0      -o-calc(-2.029312288613303%);
		margin: 0         calc(-2.029312288613303%); /* 12px / 13px, 12px / 591.333px */
	}
}
@media screen and (max-width:640px) {
	#promotions {
		width: 96.20253164556962%; /* 912px / 948px */
	}
	#promotions h2 {
		margin: -0.5em -1.265822784810127% 0.5em -1.265822784810127%; /* 12px / 24px, 12px / 948px */
		padding: 0 1.265822784810127%; /* 12px / 948px */
	}
	#promotions article {
		padding: 0.9230769230769231em 1.265822784810127%; /* 12px / 13px, 12px / 948px */
		margin: 0 -1.265822784810127%; /* 12px / 948px */
	}
}
@media screen and (max-width:480px) {
	#promotions article {
		height: auto;
	}
}
/* <-- block promotions */

/* block partenaires --> */
#partenaires {
	width: 20.9915611814346%; /* 199px / 948px */
	width: -webkit-calc(21.20253164556962% - 2px);
	width:    -moz-calc(21.20253164556962% - 2px);
	width:     -ms-calc(21.20253164556962% - 2px);
	width:      -o-calc(21.20253164556962% - 2px);
	width:         calc(21.20253164556962% - 2px); /* 201px / 948px */
	background-color: #eee;
}
#partenaires h2 {
	padding: 0 6.030150753768844%; /* 12px / 199px */
	margin: -0.5em -6.030150753768844% 0.5em -6.030150753768844%; /* 12px / 24px, 12px / 199px */
}
* + html #partenaires h2 {
	margin: -0.5em -2.010050251256281% 0.5em -2.010050251256281%; /* 12px / 24px, 4px / 199px */
	padding: 0 2.010050251256281%; /* 4px / 199px */
} /* Fix for IE7 */
#partenaires p {
	margin: 0;
	line-height: 1.153846153846154em; /* 15px / 13px */
}
#partenaires > div {
	position: relative;
	padding: 0.4615384615384615em 6.030150753768844%; /* 6px / 13px, 12px / 199px */
	margin: 0 -6.030150753768844%; /* 12px / 199px */
	clear: both;
	border-top: 1px solid #fff;
	color: #75767b;
}
* + html #partenaires > div {
	margin: 0 -2.010050251256281%; /* 4px / 199px */
	padding: 0.4615384615384615em 2.010050251256281% 0 2.010050251256281%; /* 6px / 13px, 4px / 199px */
} /* Fix for IE7 */
#partenaires h2 + div {
	border-top: none !important;
	margin-top: -0.9230769230769231em; /* 12px / 13px */
}
#partenaires p + div {
	margin-top: 0.9230769230769231em; /* 12px / 13px */
}
#partenaires > div > div {
	width: 50%;
	float: left;
	font-size: 0.9230769230769231em; /* 12px / 13px */
	line-height: 1em; /* 12px */
}
#partenaires > div > div:first-child {
	margin-left: -4.522613065326633%; /* 6px / 199px */
	clear: both;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		 -o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
	-webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		 -o-transform: scale(0.8);
			transform: scale(0.8);
}
#partenaires > div > div:first-child:hover {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
#partenaires > div > div + div {
	float: right;
}
@media screen and (max-width:900px) {
	#partenaires {
		width: 29.71167369901547%; /* 281.666px /948px */
		width: -webkit-calc(29.92264416315049% - 2px);
		width:    -moz-calc(29.92264416315049% - 2px);
		width:     -ms-calc(29.92264416315049% - 2px);
		width:      -o-calc(29.92264416315049% - 2px);
		width:         calc(29.92264416315049% - 2px); /* 283.666px / 948px */
	}
	#partenaires h2 {
		padding: 0 4.260355029585798%; /* 12px / 281.666px */
		margin: -0.5em -4.260355029585798% 0.5em -4.260355029585798%; /* 12px / 24px, 12px / 281.666px */
	}
	#partenaires > div {
		position: relative;
		padding: 0.4615384615384615em 4.260355029585798%; /* 6px / 13px, 12px / 281.666px */
		margin: 0 -4.260355029585798%; /* 12px / 281.666px */
	}
}
@media screen and (max-width:640px) {
	#partenaires {
		width: 96.20253164556962%; /* 912px / 948px */
	}
	#partenaires h2 {
		margin: -0.5em -1.265822784810127% 0.5em -1.265822784810127%; /* 12px / 24px, 12px / 948px */
		padding: 0 1.265822784810127%; /* 12px / 948px */
	}
	#partenaires p {
		margin-bottom: 1em; /* 12px */
	}
	#partenaires > div {
		display: inline-block;
		width: 20%;
		padding: 0;
		margin: 0;
		float: left;
		clear: none;
		border-top: none;
	}
	#partenaires > div > div {
		width: 100%;
	}
	#partenaires > div > div:first-child {
		margin-left: 0;
		clear: none;
	}
	#partenaires p + div {
		margin-top: 0;
	}
	#partenaires > div > div + div {
		display: none;
	}
}
@media screen and (max-width:460px) {
	#partenaires > div {
		width: auto;
	}
}
/* <-- block partenaires */

/* footer --> */
footer {
	display: block;
	padding: 0.4615384615384615em 0; /* 6px / 13px */
	font-size: 0.9230769230769231em; /* 12px / 13px */
}
footer ul {
	width: 96.35416666666667%; /* 925px / 960px */
	width: -webkit-calc(100% - 35px - 0.5em);
	width:    -moz-calc(100% - 35px - 0.5em);
	width:     -ms-calc(100% - 35px - 0.5em);
	width:      -o-calc(100% - 35px - 0.5em);
	width:         calc(100% - 35px - 0.5em);
	padding: 0 0 20px 0;
	margin: 0;
	float: left;
	list-style: none;
	text-align: right;
	color: #85868a;
}
footer li {
	display: inline;
	display: inline-block;
	margin: 0 0.5em; /* 6px / 12px */
	word-wrap: normal;
	letter-spacing: 0.0025em; /* Fix for Chrome */
}
* + html footer li {
	float: left;
	padding-left: 1em; /* 12px */
	margin-bottom: 0.25em; /* 4px / 12px */
	border-left: 1px solid #85868a;
} /* Fix for IE7 */
footer li::before,
footer li:before {
	content: "•";
}
footer li::after,
footer li:after {
	content: "•";
}
footer strong {
	color: #43454b;
	font-weight: 500;
}
footer p#html5 {
	width: 3.020833333333333%; /* 35px / 960px */
	width: -webkit-calc(35px);
	width:    -moz-calc(35px);
	width:     -ms-calc(35px);
	width:      -o-calc(35px);
	width:         calc(35px);
	padding-bottom: 10px;
	margin: 0 0.5em 0.5em 0; /* 6px / 12px */
	float: right;
	text-align: right;
	opacity: 0.5;
}
footer p#html5:hover {
	opacity: 1;
}
footer a {
	display: inline;
	display: inline-block;
	color: #43454b;
	text-decoration: none;
	word-wrap: normal;
}
footer li:last-child a {
	color: #85868a;
}
footer a:hover,
footer a:focus,
footer a:active,
footer li:last-child a:hover,
footer li:last-child a:focus,
footer li:last-child a:active {
	color: #e31818;
}
/* <-- footer */