@charset "utf-8";

/* nav pictos --> */
.nav-pictos ul {
	width: 720px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.nav-pictos li {
	display: inline-block;
	position: relative;
	width: 80px;
	padding: 0 20px;
	margin-right: -4px;
	vertical-align: top;
	font-size: .75em;
	line-height: 1.2em;
	text-align: center;
	text-transform: uppercase;
}
* + html .nav-pictos li {
	display: inline;
}
.no-generatedcontent .nav-pictos .hex {
	display: none;
}
.nav-pictos .outer,
.nav-pictos .outer:before,
.nav-pictos .outer:after,
.nav-pictos .inner {
	-webkit-transition: all .8s ease-out;
	   -moz-transition: all .8s ease-out;
		 -o-transition: all .8s ease-out;
			transition: all .8s ease-out;
}
.nav-pictos .outer {
	display: inline-block;
	position: relative;
	z-index: 10;
	background: #1d1d1b;
}
.nav-pictos a:hover .outer {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg) scale(1.2);
}
.nav-pictos li:nth-child(1) a:hover .outer { background: #ffd700; }
.nav-pictos li:nth-child(1) a:hover .outer:before { border-bottom-color: #ffd700; }
.nav-pictos li:nth-child(1) a:hover .outer:after { border-top-color: #ffd700; }
.nav-pictos li:nth-child(2) a:hover .outer { background: #e7511e; }
.nav-pictos li:nth-child(2) a:hover .outer:before { border-bottom-color: #e7511e; }
.nav-pictos li:nth-child(2) a:hover .outer:after { border-top-color: #e7511e; }
.nav-pictos li:nth-child(3) a:hover .outer { background: #97bf0d; }
.nav-pictos li:nth-child(3) a:hover .outer:before { border-bottom-color: #97bf0d; }
.nav-pictos li:nth-child(3) a:hover .outer:after { border-top-color: #97bf0d; }
.nav-pictos li:nth-child(4) a:hover .outer { background: #008135; }
.nav-pictos li:nth-child(4) a:hover .outer:before { border-bottom-color: #008135; }
.nav-pictos li:nth-child(4) a:hover .outer:after { border-top-color: #008135; }
.nav-pictos li:nth-child(5) a:hover .outer { background: #d7003b; }
.nav-pictos li:nth-child(5) a:hover .outer:before { border-bottom-color: #d7003b; }
.nav-pictos li:nth-child(5) a:hover .outer:after { border-top-color: #d7003b; }
.nav-pictos li:nth-child(6) a:hover .outer { background: #73052a; }
.nav-pictos li:nth-child(6) a:hover .outer:before { border-bottom-color: #73052a; }
.nav-pictos li:nth-child(6) a:hover .outer:after { border-top-color: #73052a; }
.nav-pictos .inner {
	display: inline-block;
	position: relative;
	z-index: 10;
	background: #fff;
}
.nav-pictos a:hover .inner {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.no-generatedcontent .nav-pictos .picto {
	width: auto;
	height: auto;
}
.nav-pictos .title {
	display: block;
	margin-top: 20px;
	color: #1d1d1b;
	-webkit-transition: color .5s ease-out;
	   -moz-transition: color .5s ease-out;
		 -o-transition: color .5s ease-out;
			transition: color .5s ease-out;
}
.nav-pictos .title:before {
	z-index: 20;
	font-size: 24px;
}
.nav-pictos li:nth-child(1) a:hover .title { color: #ffd700; }
.nav-pictos li:nth-child(2) a:hover .title { color: #e7511e; }
.nav-pictos li:nth-child(3) a:hover .title { color: #97bf0d; }
.nav-pictos li:nth-child(4) a:hover .title { color: #008135; }
.nav-pictos li:nth-child(5) a:hover .title { color: #d7003b; }
.nav-pictos li:nth-child(6) a:hover .title { color: #73052a; }
@media screen and (min-width:1600px) {
	.nav-pictos ul {
		width: 960px;
	}
	.nav-pictos li {
		width: 120px;
	}
}
@media screen and (max-width:768px) {
	.nav-pictos ul {
		width: 360px;
	}
	.nav-pictos .title {
		min-height: 60px;
	}
}
@media screen and (max-width:480px) {
	.nav-pictos ul {
		width: 240px;
	}
}
/* <-- nav pictos */

/* sections --> */
section {
	position: relative;
	padding: 6.125em 0;
}
section h1 {
	margin: 0 0 1.5em 0;
	font-size: 1.75em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
section h1 + p {
	width: 60%;
	margin: 1em auto;
	text-align: center;
}
section h2 {
	margin: .5em 0;
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
#entreprise {
	padding-bottom: 0;
}
#entreprise > article {
	position: relative;
	padding: 6.125em 0;
}
/* <-- sections */

/* separations --> */
@media screen and (max-width:600px) {
	.sep {
		height: 80px;
		background: #97bf0d;
		-webkit-box-shadow: inset 0 -10px 120px -80px #000000;
				box-shadow: inset 0 -10px 120px -80px #000000;
	}
	#services + .sep {
		background: #008135;
	}
	#equipe + .sep {
		background: #f29400;
	}
	#primes + .sep {
		background: #d7003b;
	}
}
@media screen and (min-width:600px) {
	.sep {
		height: 310px;
		background: #97bf0d;
		background: url(../images/bg-separation.png) center center, -webkit-linear-gradient(left, #97bf0d 0%, #ffd700 100%);
		background: url(../images/bg-separation.png) center center,    -moz-linear-gradient(left, #97bf0d 0%, #ffd700 100%);
		background: url(../images/bg-separation.png) center center,         linear-gradient(to right, #97bf0d 0%, #ffd700 100%);
		-webkit-box-shadow: inset 0 -10px 120px -80px #000000;
				box-shadow: inset 0 -10px 120px -80px #000000;
	}
	#services + .sep {
		background: #008135;
		background: url(../images/bg-separation.png) center center, -webkit-linear-gradient(left, #008135 0%, #97bf0d 100%);
		background: url(../images/bg-separation.png) center center,    -moz-linear-gradient(left, #008135 0%, #97bf0d 100%);
		background: url(../images/bg-separation.png) center center,         linear-gradient(to right, #008135 0%, #97bf0d 100%);
	}
	#equipe + .sep {
		background: #f29400;
		background: url(../images/bg-separation.png) center center, -webkit-linear-gradient(left, #f29400 0%, #e7511e 100%);
		background: url(../images/bg-separation.png) center center,    -moz-linear-gradient(left, #f29400 0%, #e7511e 100%);
		background: url(../images/bg-separation.png) center center,         linear-gradient(to right, #f29400 0%, #e7511e 100%);
	}
	#primes + .sep {
		background: #d7003b;
		background: url(../images/bg-separation.png) center center, -webkit-linear-gradient(left, #d7003b 0%, #73052a 100%);
		background: url(../images/bg-separation.png) center center,    -moz-linear-gradient(left, #d7003b 0%, #73052a 100%);
		background: url(../images/bg-separation.png) center center,         linear-gradient(to right, #d7003b 0%, #73052a 100%);
	}
}
/* <-- separations */

/* content --> */
.content div {
	display: inline-block;
	width: 66.66666667%;
	vertical-align: middle;
	margin-right: -4px;
	margin-bottom: 0;
	font-size: 1.0625em;
	line-height: 1.2em;
}
* + html .content div {
	display: inline;
}
.content div + div {
	width: 33.33333333%;
	font-size: 1.5em;
	text-align: center;
}
.content div + div a {
	color: #000;
}
.content p.devis a {
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
.content p.devis a:hover,
.content p.devis a:focus,
.content p.devis a:active {
	color: #d7003b;
}
@media screen and (max-width:600px) {
	.content p,
	.content p + p {
		width: auto;
		display: block;
		margin: 1em 0 4em 0;
	}
	.content p + p {
		margin: 0;
	}
}
/* <-- content */

/* round buttons --> */
.round-bt a {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 1px solid #474747;
	border-radius: 36px;
	text-indent: -999em;
}
* + html .round-bt a {
	display: block;
}
.round-bt span {
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	margin: 12px;
	border-top: 1px solid #474747;
	border-right: 1px solid #474747;
	transform-origin: center center;
	-webkit-transition: border-color .2s ease-out, margin .2s ease-out;
	   -moz-transition: border-color .2s ease-out, margin .2s ease-out;
		 -o-transition: border-color .2s ease-out, margin .2s ease-out;
			transition: border-color .2s ease-out, margin .2s ease-out;
}
.round-bt .prev span {
	margin-left: 14px;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	     -o-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}
.round-bt .next span {
	margin-left: 10px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.round-bt a:hover span {
	border-color: #d7003b;
}
.round-bt .prev:hover span {
	margin-left: 10px;
}
.round-bt .next:hover span {
	margin-left: 14px;
}
.no-csstransforms .round-bt a {
	background: url(../images/round-buttons.png) no-repeat;
	border: none;
	border-radius: 0;
}
.no-csstransforms .round-bt .prev {
	background-position: 0 0;
}
.no-csstransforms .round-bt .next {
	background-position: -36px 0;
}
.no-csstransforms .round-bt .prev:hover {
	background-position: 0 -36px;
}
.no-csstransforms .round-bt .next:hover {
	background-position: -36px -36px;
}
.no-csstransforms .round-bt span {
	display: none;
}
/* <-- round buttons */

/* sliders --> */
.slider {
	position: relative;
	overflow: hidden;
	margin: 2em -2px;
	text-align: center;
}
.slider .etendard p {
	margin-top: 2em;
}
.slider-nav-lateral {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	z-index: 100;
}
.slider-nav-lateral .prev {
	position: absolute;
	left: -60px;
}
.slider-nav-lateral .next {
	position: absolute;
	right: -60px;
}
.slider-nav-under {
	text-align: center;
}
.slider-nav-under a {
	margin: 0 15px;
}
* + html .slider-nav-under a {
	float: left;
}
* + html .slider-nav-under a + a {
	float: right;
}
@media screen and (max-width:1200px) {
	.slider-nav-lateral .prev {
		left: -12px;
	}
	.slider-nav-lateral .next {
		right: -12px;
	}
}
@media screen and (max-width:600px) {
	.slider-nav-lateral .prev {
		left: -5px;
	}
	.slider-nav-lateral .next {
		right: -5px;
	}
}
/* <-- sliders */

/* produits --> */

#produits .nav-pictos li{
	width: 16.6%;
	padding-left: 0;
	padding-right: 0;
}
#produits .slider > div {
	width: 600%;
}
#produits .slider article {
	display: inline-block;
	width: 16.66666667%;
	float: left;
	vertical-align: top;
}
* + html #produits .slider article {
	width: 16.65%;
	display: inline;
}
#produits .slider article > div {
	display: block;
	position: relative;
	z-index: 100;
	height: 645px;
	overflow: hidden;
	margin: 0 2px;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#produits .slider .chassis > div { background-image: url(../images/bg-slide-chassis.jpg); }
#produits .slider .portes > div { background-image: url(../images/bg-slide-portes.jpg); }
#produits .slider .garage > div { background-image: url(../images/bg-slide-garage.jpg); }
#produits .slider .volets > div { background-image: url(../images/bg-slide-volets.jpg); }
#produits .slider .solaire > div { background-image: url(../images/bg-slide-solaire.jpg); }
#produits .slider .smesure > div { background-image: url(../images/bg-slide-smesure.jpg); }
#produits .slider article > div:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: background-color .2s ease-out;
	   -moz-transition: background-color .2s ease-out;
		 -o-transition: background-color .2s ease-out;
			transition: background-color .2s ease-out;
}
#produits .slider .chassis:hover > div:before { background-color: #ffd700; background-color: rgba(255, 215, 0, .8); }
#produits .slider .portes:hover > div:before { background-color: #e7511e; background-color: rgba(231, 81, 30, .8); }
#produits .slider .garage:hover > div:before { background-color: #97bf0d; background-color: rgba(151, 191, 13, .8); }
#produits .slider .volets:hover > div:before { background-color: #008135; background-color: rgba(0, 129, 53, .8); }
#produits .slider .solaire:hover > div:before { background-color: #d7003b; background-color: rgba(215, 0, 59, .8); }
#produits .slider .smesure:hover > div:before { background-color: #73052a; background-color: rgba(115, 5, 42, .8); }
#produits .slider .hex-out {
	position: relative;
	top: 130px;
	z-index: 100;
	text-align: center;
}
.no-generatedcontent #produits .slider .hex-out {
	left: auto;
	padding: 1em 0;
	margin-left: 0;
}
#produits .slider .picto:before {
	z-index: 10;
	color: #fff;
	font-size: 56px;
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
.csstransforms #produits .slider .hex-out,
.csstransforms #produits .slider .hex-out:before,
.csstransforms #produits .slider .hex-out:after {
	border-color: #fff;
}
.csstransforms #produits .slider a:hover .hex-out,
.csstransforms #produits .slider a:hover .hex-out:before,
.csstransforms #produits .slider a:hover .hex-out:after {
	color: #000;
	border-color: #000;
}
#produits .slider h2 {
	padding-top: 180px;
	min-height: 2.25em;
	margin: 0 20px;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1em;
	text-shadow: 0 0 20px #000;
	text-transform: uppercase;
}
#produits .slider .plus {
	position: absolute;
	bottom: 130px;
	left: 50%;
	margin-left: -18px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1em;
	-webkit-transition: opacity .2s ease-out, bottom .3s ease-out;
	   -moz-transition: opacity .2s ease-out, bottom .3s ease-out;
		 -o-transition: opacity .2s ease-out, bottom .3s ease-out;
			transition: opacity .2s ease-out, bottom .3s ease-out;
}
#produits .slider .chassis .plus { color: #ffd700; }
#produits .slider .portes .plus { color: #e7511e; }
#produits .slider .garage .plus { color: #97bf0d; }
#produits .slider .volets .plus { color: #008135; }
#produits .slider .solaire .plus { color: #d7003b; }
#produits .slider .smesure .plus { color: #73052a; }
#produits .slider article:hover .plus {
	bottom: 110px;
	opacity: 0;
}
.no-opacity #produits .slider article:hover .plus {
	display: none;
}
#produits .slider ul {
	padding: 10px 0 0 0;
	margin: 0;
	list-style: none;
}
#produits .slider li {
	padding-bottom: 40px;
	margin-top: -10px;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out .3s, margin .3s ease-out .3s;
	   -moz-transition: opacity .3s ease-out .3s, margin .3s ease-out .3s;
		 -o-transition: opacity .3s ease-out .3s, margin .3s ease-out .3s;
			transition: opacity .3s ease-out .3s, margin .3s ease-out .3s;
}
* + html #produits .slider li {
	padding-bottom: 20px;
}
.no-opacity #produits .slider li {
	display: none; /* set to none when finished */
}
#produits .slider li + li {
	-webkit-transition: opacity .3s ease-out .4s, margin .3s ease-out .4s;
	   -moz-transition: opacity .3s ease-out .4s, margin .3s ease-out .4s;
		 -o-transition: opacity .3s ease-out .4s, margin .3s ease-out .4s;
			transition: opacity .3s ease-out .4s, margin .3s ease-out .4s;
}
#produits .slider li + li + li {
	-webkit-transition: opacity .3s ease-out .5s, margin .3s ease-out .5s;
	   -moz-transition: opacity .3s ease-out .5s, margin .3s ease-out .5s;
		 -o-transition: opacity .3s ease-out .5s, margin .3s ease-out .5s;
			transition: opacity .3s ease-out .5s, margin .3s ease-out .5s;
}
#produits .slider article:hover li {
	margin-top: 0;
	opacity: 1;
}
.no-opacity #produits .slider article:hover li {
	display: block;
}
#produits .slider a {
	display: block;
	color: #fff;
}
#produits .slider h3 {
	padding: 10px 10px 0 10px;
	margin: 0 10px;
	border-top: 1px solid #fff;
	font-size: .8em;
	font-weight: 500;
	line-height: 1.25em;
	text-transform: uppercase;
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
#produits .slider a:hover h3,
#produits .slider a:focus h3,
#produits .slider a:active h3 {
	color: #000;
}
#produits .slider p {
	margin: 0 10px;
	font-size: .8em;
	line-height: 1.25em;
	text-transform: uppercase;
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
#produits .slider a:hover p,
#produits .slider a:focus p,
#produits .slider a:active p {
	color: #000;
}
#produits .slider .hex-out36 {
	top: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1em;
}
* + html #produits .slider .hex-out36 {
	top: 10px;
	padding: 0.25em 0 !important;
}
@media screen and (min-width:480px) {
	#produits .slider > div {
		width: 300%;
	}
}
@media screen and (min-width:800px) {
	#produits .slider > div {
		width: 200%;
	}
	#produits .slider h2 {
		font-size: 1.5em;
	}
	#produits .slider h3,
	#produits .slider p {
		margin: 0 20px;
		vertical-align: top;
	}
	#produits .slider .solaire h3 {
		display: inline-block;
		margin-right: -5px;
	}
	* + html #produits .slider .solaire h3 {
		display: inline;
	}
	#produits .slider .solaire p {
		display: inline-block;
		padding: 10px 10px 0 0;
		margin: 0 20px 0 0;
		border-top: 1px solid #fff;
	}
	* + html #produits .slider .solaire p {
		display: inline;
	}
}
@media screen and (min-width:1000px) {
	#produits .slider h2 {
		font-size: 2.25em;
		font-weight: 200;
	}
	#produits .slider h3,
	#produits .slider p {
		margin: 0 60px;
	}
	#produits .slider .solaire p {
		margin: 0 60px 0 0;
	}
}
/* <-- produits */

/* services --> */
#services {
	background: #f0f0f0;
}
#services article {
	display: inline-block;
	position: relative;
	width: 25%;
	margin: 4em -.25em 0 0;
	vertical-align: top;
	text-align: center;
}
#services article p {
	margin-bottom: 0;
}
.no-generatedcontent #services article .hex-out {
	padding: 1em 0;
}
#services article .picto {
	position: relative;
	width: 100%;
	height: 67px;
	font-size: 60px;
	text-align: center;
}
.no-generatedcontent #services article .picto {
	width: 64px;
	height: 64px;
	margin: auto;
}
.no-csstransforms #services article .picto:before {
	color: #fff;
}
#services article .cnt {
	min-height: 10em;
	padding: 0 20px;
	margin-top: 150px;
	border-left: 1px solid #000;
}
.no-generatedcontent #services article .cnt {
	padding-top: 150px;
}
#services article:first-child .cnt {
	border-left: none;
}
@media screen and (min-width:600px) {
	#services {
		background: url(../images/bg-services.jpg) no-repeat center center;
		background-size: auto;
	}
}
@media screen and (max-width:830px) {
	#services article {
		width: 50%;
	}
	#services .picto {
		height: 120px;
	}
	#services article:nth-child(n + 3) {
		margin-top: 8em;
	}
	#services article:nth-child(3) .cnt {
		border: none;
	}
}
@media screen and (max-width:480px) {
	#services article,
	#services article:nth-child(n + 3) {
		width: 100%;
		margin: 2em 0 0 0;
	}
	#services article .picto {
		height: 100px;
	}
	#services article .cnt {
		min-height: 1em;
		padding-bottom: 4em;
		border: none;
	}
	#services article:last-child .cnt {
		padding: 0;
	}
}
/* <-- services */

/* entreprise --> */
#entreprise img {
	display: block;
	margin: auto;
}
#entreprise .col {
	margin-top: 0;
}
#entreprise .col p {
	margin-right: 20px;
}
#entreprise .col + .col p {
	margin-right: 0;
	margin-left: 20px;
}
@media screen and (max-width:830px) {
}
/* <-- entreprise */

/* historique --> */
#historique {
	margin-top: 2px;
	background: url(../images/stripes2.png);
}
#historique h1 {
	font-weight: 300;
}
#historique .timeline {
	/*width: 720px;*/
	width: 960px;
	margin: 6em auto;
}
#historique article {
	display: inline-block;
	position: relative;
	/*width: 20%;*/
	/*width: 14.28571429%;*/
	width: 12.5%;
	margin-right: -.25em;
	vertical-align: top;
}
#historique article:nth-child(even) {
	margin-top: 183px;
}
.csstransforms #historique article:after {
	content: '';
	display: block;
	position: absolute;
	top: 125px;
	left: 50%;
	width: 120px;
	margin-left: 10px;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.csstransforms #historique article:nth-child(even):after {
	top: -60px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#historique article:last-child:after {
	display: none;
}
#historique div.hex {
	position: relative;
	left: 50%;
	z-index: 5;
	margin: 6px 0 0 -45px;
	background: #fff;
}
#historique div.hex:before {
	border-bottom-color: #fff;
}
#historique div.hex:after {
	border-top-color: #fff;
}
#historique h2 {
	position: relative;
	z-index: 20;
	margin: .0em 0;
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -.05em;
	line-height: 1.8em;
}
#historique h2 span {
	font-weight: 700;
}
#historique article p {
	position: absolute;
	top: 75px;
	left: 50%;
	z-index: 10;
	margin-left: -18px;
	background-color: #000;
}
#historique a {
	cursor: default;
}
#historique article a span:first-child,
#historique article strong {
	display: block;
	color: #e7511e;
	font-size: 24px;
	font-weight: bold;
	line-height: .75em;
	text-align: center;
}
.no-generatedcontent #historique article a span:first-child,
.no-generatedcontent #historique article strong {
	line-height: 1.2em;
}
#historique article strong {
	position: relative;
	z-index: 30;
	margin-top: -20px;
}
.no-generatedcontent #historique article strong {
	margin-top: 0;
}
#historique article span + span {
	display: block;
	position: absolute;
	top: -120px;
	left: 50%;
	z-index: 20;
	margin-left: -120px;
	background-color: #1d1d1b;
	color: #fff;
	line-height: 17px;
	opacity: 0;
	-webkit-transition: opacity .4s ease-out;
	   -moz-transition: opacity .4s ease-out;
		 -o-transition: opacity .4s ease-out;
			transition: opacity .4s ease-out;
}
.no-generatedcontent #historique article span + span {
	height: auto;
	padding: 20px 0;
}
.no-opacity #historique article span + span {
	display: none;
}
#historique article a:hover span + span {
	opacity: 1;
}
.no-opacity #historique article a:hover span + span {
	display: block;
}
#historique article span + span span {
	display: block;
	padding: 0 30px;
	font-size: 16px;
}
#historique article a:before,
#historique article a:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	z-index: 15;
	opacity: 0;
	-webkit-transition: opacity .4s ease-out, top .2s ease-out .4s;
	   -moz-transition: opacity .4s ease-out, top .2s ease-out .4s;
		 -o-transition: opacity .4s ease-out, top .2s ease-out .4s;
			transition: opacity .4s ease-out, top .2s ease-out .4s;
}
.no-opacity #historique article a:before,
.no-opacity #historique article a:after {
	display: none;
}
#historique article a:before {
	top: -80px;
	width: 220px;
	height: 95px;
	margin-left: -110px;
	background-color: #fff;
}
#historique article a:hover:before {
	top: -60px;
	opacity: 1;
}
#historique article a:after {
	top: 15px;
	width: 0;
	height: 0;
	margin-left: -110px;
	border-left: 110px solid transparent;
	border-right: 110px solid transparent;
	border-top: 65px solid #fff;
}
#historique article a:hover:after {
	top: 35px;
	opacity: 1;
}
/*@media screen and (max-width:830px) {*/
@media screen and (max-width:1080px) {
	#historique .timeline {
		width: 100%;
	}
	#historique article {
		width: 50%;
		min-height: 180px;
	}
	#historique article:nth-child(even) {
		margin-top: 0;
	}
	#historique article:nth-child(3),
	#historique article:nth-child(6) {
		width: 100%;
	}
	.csstransforms #historique article:after,
	.csstransforms #historique article:nth-child(even):after {
		display: none;
	}
}
@media screen and (max-width:480px) {
	#historique article {
		width: 100%;
		min-height: 200px;
	}
	#historique article:last-child {
		min-height: 100px;
	}
}
/* <-- historique */

/* equipe --> */
#equipe {
	margin-top: 2px;
	background: url(../images/bg-equipe.jpg) no-repeat center 400px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 75%, rgba(0,0,0,0.15) 100%), url(../images/bg-equipe.jpg) no-repeat center 400px;
	background:    -moz-linear-gradient(top, rgba(255,255,255,0.15) 75%, rgba(0,0,0,0.15) 100%), url(../images/bg-equipe.jpg) no-repeat center 400px;
	background:         linear-gradient(to bottom, rgba(255,255,255,0.15) 75%, rgba(0,0,0,0.15) 100%), url(../images/bg-equipe.jpg) no-repeat center 400px;
	border-top: 1px solid #d9d9d9;
}
#equipe h1 {
	font-weight: 300;
}
#equipe .slider {
	position: relative;
	overflow: hidden;
	margin: 6em 0 2em 0;
	text-align: center;
}
#equipe .slider > div {
	width: 100%;
}
#equipe .slider > .slides5 { width: 125%; }
#equipe .slider > .slides6 { width: 150%; }
#equipe .slider > .slides7 { width: 175%; }
#equipe .slider > .slides8 { width: 200%; }
#equipe .slider > .slides9 { width: 225%; }
#equipe .slider > .slides10 { width: 250%; }
#equipe .slider > .slides11 { width: 275%; }
#equipe .slider > .slides12 { width: 300%; }
#equipe .slider > .slides13 { width: 325%; }
#equipe .slider > .slides14 { width: 350%; }
#equipe .slider > .slides15 { width: 375%; }
#equipe .slider > .slides16 { width: 400%; }
#equipe article {
	display: inline-block;
	width: 25%;
	float: left;
	vertical-align: top;
}
#equipe .slider > .slides5 article { width: 20%; }
#equipe .slider > .slides6 article { width: 16.66666667%; }
#equipe .slider > .slides7 article { width: 14.28571429%; }
#equipe .slider > .slides8 article { width: 12.5%; }
#equipe .slider > .slides9 article { width: 11.11111111%; }
#equipe .slider > .slides10 article { width: 10%; }
#equipe .slider > .slides11 article { width: 9.09090909%; }
#equipe .slider > .slides12 article { width: 8.33333333%; }
#equipe .slider > .slides13 article { width: 7.69230769%; }
#equipe .slider > .slides14 article { width: 7.14285714%; }
#equipe .slider > .slides15 article { width: 6.66666667%; }
#equipe .slider > .slides16 article { width: 6.25%; }
* + html #equipe article {
	display: inline;
	width: 24.5%;
}
#equipe  article h2 {
	min-height: 2.2em;
	padding: 0 20px;
	line-height: 1.1em;
}
#equipe  article p {
	margin: 0;
}
#equipe  article strong {
	font-weight: 400;
}
#equipe article h2:first-line {
	font-weight: bold;
}
#equipe article a {
	color: #000;
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
#equipe article a:hover,
#equipe article a:focus,
#equipe article a:active {
	color: #e7511e;
}
@media screen and (max-width:830px) {
	#equipe .slider > div {
		width: 200%;
	}
	#equipe .slider > .slides5 { width: 250%; }
	#equipe .slider > .slides6 { width: 300%; }
	#equipe .slider > .slides7 { width: 350%; }
	#equipe .slider > .slides8 { width: 400%; }
	#equipe .slider > .slides9 { width: 450%; }
	#equipe .slider > .slides10 { width: 500%; }
	#equipe .slider > .slides11 { width: 550%; }
	#equipe .slider > .slides12 { width: 600%; }
	#equipe .slider > .slides13 { width: 650%; }
	#equipe .slider > .slides14 { width: 700%; }
	#equipe .slider > .slides15 { width: 750%; }
	#equipe .slider > .slides16 { width: 800%; }
}
@media screen and (max-width:480px) {
	#equipe .slider > div {
		width: 400%;
	}
	#equipe .slider > .slides5 { width: 500%; }
	#equipe .slider > .slides6 { width: 600%; }
	#equipe .slider > .slides7 { width: 700%; }
	#equipe .slider > .slides8 { width: 800%; }
	#equipe .slider > .slides9 { width: 900%; }
	#equipe .slider > .slides10 { width: 1000%; }
	#equipe .slider > .slides11 { width: 1100%; }
	#equipe .slider > .slides12 { width: 1200%; }
	#equipe .slider > .slides13 { width: 1300%; }
	#equipe .slider > .slides14 { width: 1400%; }
	#equipe .slider > .slides15 { width: 1500%; }
	#equipe .slider > .slides16 { width: 1600%; }
}
/* <-- equipe */

/* sav --> */
#sav .line {
	margin-bottom: 3em;
	border-bottom: 1px solid #d9d9d9;
}
#sav img.vehicule {
	display: block;
	max-width: 75%;
	margin: 2px auto;
}
#sav article {
	display: inline-block;
	position: relative;
	width: 33.33%;
	margin-right: -.25em;
	vertical-align: top;
	text-align: center;
}
* + html #sav article {
	display: inline;
}
#sav p {
	margin: 1em 20px;
	color: #000;
}
#sav p:first-child {
	font-size: 1.25em;
}
#sav .hex {
	margin: 2em auto 4em auto;
}
#sav .picto {
	color: #fff;
	font-size: 64px;
}
#sav .flag-lux:before {
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	z-index: 20;
	width: 44px;
	height: 55px;
	margin-left: -22px;
	background: url(../images/flag-lux.png);
}
@media screen and (max-width:768px) {
	#sav article {
		width: 100%;
		margin-right: 0;
	}
}
/* <-- sav */

/* links --> */
#services a,
#entreprise a,
#sav a {
	color: #d7003b;
	-webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
		 -o-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
#services a:hover,
#services a:focus,
#services a:active,
#entreprise a:hover,
#entreprise a:focus,
#entreprise a:active,
#sav a:hover,
#sav a:focus,
#sav a:active {
	color: #000;
}
/* <-- links */

/* galeries --> */
#galeries .slider {
	display: block;
}
#galeries .slider-nav-lateral {
	display: block;
}
#galeries .slider > div {
	width: 600%;
}
#galeries .slider > .slides1 { width: 100%; }
#galeries .slider > .slides2 { width: 200%; }
#galeries .slider > .slides3 { width: 300%; }
#galeries .slider > .slides4 { width: 400%; }
#galeries .slider > .slides5 { width: 500%; }
#galeries .slider > .slides6 { width: 600%; }
#galeries .slider article:first-child > div {
	margin-left: 0;
}
#galeries section {
	display: inline-block;
	width: 16.66666667%;
	padding: 0;
	padding-bottom: 10px;
	float: left;
	vertical-align: top;
}
* + html #galeries section {
	display: inline;
	width: 16.65%;
}
#galeries .slides1 section { width: 100%; }
#galeries .slides2 section { width: 50%; }
#galeries .slides3 section { width: 33.33333333%; }
#galeries .slides4 section { width: 25%; }
#galeries .slides5 section { width: 20%; }
#galeries .slides6 section { width: 16.66666667%; }
#galeries section h2 {
	margin-bottom: 0;
}
#galeries .slider article {
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
	vertical-align: top;
}
* + html #galeries .slider article {
	display: inline;
}
#galeries .slider article + article + article {
	display: none;
}
#galeries .slider-nav {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
}
#galeries .slider-nav .prev {
	position: absolute;
	left: -60px;
}
#galeries .slider-nav .next {
	position: absolute;
	right: -60px;
}
@media screen and (min-width:480px) {
	#galeries .slider article {
		width: 50%;
	}
	#galeries .slider article + article + article {
		display: inline-block;
	}
	* + html #galeries .slider article + article + article {
		display: inline;
	}
	#galeries .slider article + article + article + article + article {
		display: none;
	}
}
@media screen and (min-width:800px) {
	#galeries .slider article {
		width: 33.33333333%;
	}
	* + html #galeries .slider article {
		width: 33.3%;
	}
	#galeries .slider article + article + article + article + article {
		display: inline-block;
	}
	* + html #galeries .slider article + article + article + article + article {
		display: inline;
	}
}
/* <-- galeries */