/** @
font-face **/
@font-face {
	font-family:'FontIcons';
	src:url('fonts/FontIcons.eot?ytq192');
	src:url('fonts/FontIcons.eot?ytq192#iefix') format('embedded-opentype'),
	url('fonts/FontIcons.ttf?ytq192') format('truetype'),
	url('fonts/FontIcons.woff?ytq192') format('woff'),
	url('fonts/FontIcons.svg?ytq192#FontIcons') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-regular-webfont.woff2') format('woff2'),
	url('fonts/opensans-regular-webfont.woff') format('woff'),
	url('fonts/opensans-regular-webfont.ttf') format('truetype'),
	url('fonts/opensans-regular-webfont.svg#OpenSans') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'OpenSans';
	src: url('fonts/opensans-italic-webfont.eot');
	src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-italic-webfont.woff2') format('woff2'),
	url('fonts/opensans-italic-webfont.woff') format('woff'),
	url('fonts/opensans-italic-webfont.ttf') format('truetype'),
	url('fonts/opensans-italic-webfont.svg#OpenSans') format('svg');
	font-weight:normal;
	font-style:italic;

}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-light-webfont.eot');
	src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-light-webfont.woff2') format('woff2'),
	url('fonts/opensans-light-webfont.woff') format('woff'),
	url('fonts/opensans-light-webfont.ttf') format('truetype'),
	url('fonts/opensans-light-webfont.svg#OpenSans') format('svg');
	font-weight:300;
	font-style:normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-lightitalic-webfont.eot');
	src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
	url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
	url('fonts/opensans-lightitalic-webfont.svg#OpenSans') format('svg');
	font-weight:300;
	font-style:italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-bold-webfont.eot');
	src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-bold-webfont.woff2') format('woff2'),
	url('fonts/opensans-bold-webfont.woff') format('woff'),
	url('fonts/opensans-bold-webfont.ttf') format('truetype'),
	url('fonts/opensans-bold-webfont.svg#OpenSans') format('svg');
	font-weight:bold;
	font-style:normal;

}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-bolditalic-webfont.eot');
	src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
	url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
	url('fonts/opensans-bolditalic-webfont.svg#OpenSans') format('svg');
	font-weight:bold;
	font-style:italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-extrabold-webfont.eot');
	src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabold-webfont.woff') format('woff'),
	url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
	url('fonts/opensans-extrabold-webfont.svg#OpenSans') format('svg');
	font-weight:900;
	font-style:normal;

}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-extrabolditalic-webfont.eot');
	src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
	url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
	url('fonts/opensans-extrabolditalic-webfont.svg#OpenSans') format('svg');
	font-weight:900;
	font-style:italic;
}
/** @end **/

/** @main **/
html, body {
	background-color:#fff;
	min-height:100%;
	width:100%;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}
.ws-box {
	position:relative;
}
.site {
	font-family:OpenSans, Open-Light, sans-serif;
	font-size:14px;
	line-height:1.3;
	font-weight:normal;
	color:#000;
	max-width:2244px;
	margin:0 auto;
}
.site * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

article h2 {
	font-size:1.571em;
	font-weight:300;
	color:#005578;
	text-transform:uppercase;
	display:inline-block;
	line-height:1;
	padding-bottom:2px;
	border-bottom:1px solid #005578;
	margin-bottom:48px;
}
article h2 strong {
	font-weight:900;
}
ul {
	margin:12px 0 12px 22px;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #d8e7ed inset;
}
a {
	color:#005578;
}
/** @end **/

/** @Menu **/
#main_navigation{
	background: #005578;
	text-transform: uppercase;
}

.main_navigation_plan{
	margin: 0 auto;
	text-align: center;
	height:100%;
}

.main_navigation_plan ul {
	height:100%;
	margin:0;
}
.main_navigation_plan ul li{
	height:60px;
	display: inline-block;
	list-style: none;
	position:relative;
	padding:8px 0;
}

.main_navigation_plan ul li a{
	padding: 0 15px;
	text-decoration: none;
	color: #77a4b7;
	transition: color 250ms;
	height:100%;
	display:block;
}
.main_navigation_plan ul li:hover a{
	color: white;
}

.main_navigation_plan ul .espace-pro{
}
#main_navigation ul ul {
	display:none;
	position:absolute;
	height:auto;
	top:100%;
	left:0;
	background-color:rgba(0, 85, 120, 0.9);
	z-index:20;
	text-align:left;
	padding:8px 0;
}
#main_navigation ul li:hover ul {
	display:block;
}
#main_navigation ul ul li {
	padding:0;
	height:auto;
	display:block;
}
#main_navigation ul ul a {
	display:block;
	padding:6px 22px;
	text-transform:none;
	height:auto;
	white-space:nowrap;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#main_navigation ul ul a:hover {
	background-color:rgba(255, 255, 255, 0.9);
	color:#005578;
}

.main_navigation_plan ul .espace-pro a{
	color: #005578;
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.main_navigation_plan ul .espace-pro:hover a{
	color: #005578;
}

#mobile-menu {
	color:#fff;
	font-size:0.929em;
	text-transform:uppercase;
	font-weight:300;
	height:100%;
	cursor:pointer;
	padding-right:40px;
}
#mobile-menu-trigger {
	margin:0 14px 0 16px;
}
.horizontal-menu-line {
	display:block;
	height:4px;
	width:30px;
	background-color:#fff;
	border-radius:4px;
	margin-top:6px;
}
.horizontal-menu-line:first-child {
	margin-top:0;
}
#mobile-logo-wrapper {
	height:100%;
	margin-right:16px;
}
/** @end **/

/** @Header **/
#header{
	padding-top: 210px;
}
html.accueil #header {
	background: url('images/logo-header.jpg') center top no-repeat;
}
html.cloture-grillage #header {
	background: url('images/header-bg-cloture-grillage.jpg') center top no-repeat;
}
html.porte-portail #header {
	background: url('images/header-bg-porte-portail.jpg') center top no-repeat;
}
html.portail-pavillon #header {
	background: url('images/header-bg-portail-pavillon.jpg') center top no-repeat;
}
html.atelier #header {
	background: url('images/header-bg-atelier.jpg') center top no-repeat;
}
html.devis-acces #header {
	background: url('images/header-bg-devis-acces.jpg') center top no-repeat;
}
html.espace-pro #header {
	background: url('images/header-bg-espace-pro.jpg') center top no-repeat;
}
html.actualites #header {
	background: url('images/header-bg-actualites.jpg') center top no-repeat;
}
#header div{
	margin: 0 auto;
	text-align: center;
}

#header #header-tel {
	font-size: 2.0em;
	margin: 15px 0;
	background-color:#005578;
	padding: 2px 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#header #header-tel a {
	text-decoration: none;
	color: #fff;
	font-weight:300;
}
header #header-tel a strong {
	font-weight:900;
	font-size:1.321em;
}

#header #header-horaire{
	color: #005578;
	font-size: 1.35em;
}

#header #header-horaire em{
	font-style: normal;
	font-weight: bold;
}
#page-local-nav {
	margin:20px 0 70px;
}
#page-local-nav img {
	display:inline-block;
	margin-left:14px;
}
#page-local-nav a:first-child img {
	margin-left:0;
}
/** @end **/


/** @Accueil **/

#bloc-carrousel{
	text-transform: uppercase;
}

#bloc-carrousel #fondBlanc .centre{
	position: relative;
	margin: 0 auto;
}

#bloc-carrousel #fondBlanc .centre #triangleBleu{
	display: inline-block;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	border:26px solid transparent;
	border-bottom-color:#005578;
}

#bloc-carrousel #fondBlanc .centre .title-wrapper {
	display: inline-block;
	margin-left: 59px;
	font-size: 1.8em;
	color: #005578;
	font-weight:300;
}

#bloc-carrousel #fondBleu{
	background: #005578;
}

#bloc-carrousel #fondBleu .centre{
	position: relative;
	margin: 0 auto;
}

#bloc-carrousel #fondBleu .centre #triangleBlanc{
	position: absolute;
	display: inline-block;
	width: 0;
	height: 26px;
	border:26px solid transparent;
	border-top-color:#fff;
}

#bloc-carrousel #fondBleu .centre .title-wrapper{
	display: inline-block;
	margin-left: 59px;
	font-size: 1.8em;
	color: #fff;
	font-weight: 900;
}
#logos-carrousel-wrapper {
	background-color:#005578;
	padding:18px 0;
	min-height:36px;
}
#logos-carrousel-wrapper .image-bloc {
	min-width:165px;
	height:36px;
	background-color:#fff;
	vertical-align:top;
	margin:0 7px;
}

#bloc-article{
	perspective: 800px;
	height: 549px;
	background: url(images/fondArticle1.jpg) center top no-repeat;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
}
.home-losange {
	position:absolute;
	left:50%;
	-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
	-moz-transform: rotate(45deg) translate3d(0, 0, 0);
	-o-transform: rotate(45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg) translate3d(0, 0, 0);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	overflow:hidden;
}
.home-losange.static-mask {
	background-color:rgba(0, 85, 120, 0.9);
}

.card-wrapper {
	-webkit-transform:rotate(-45deg) translateZ(0);
	-moz-transform:rotate(-45deg) translateZ(0);
	-o-transform:rotate(-45deg) translateZ(0);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg) translateZ(0);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	/*position:absolute;*/ /* C'est bon */
	/*top:50%;
	left:50%;*/
	color:#fff;
}

.zoomable {
	cursor:pointer; /* SUPPRIMER */
}
.flippable .card-wrapper {
	cursor:default;
}
.zoomable .card-wrapper h2 {
	-webkit-transition:transform 0.2s ease-in-out;
	-moz-transition:transform 0.2s ease-in-out;
	-ms-transition:transform 0.2s ease-in-out;
	transition:transform 0.2s ease-in-out;
}
.zoomable:hover .card-wrapper h2 {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
}
.card-flipper {
	-webkit-transition:transform 0.4s ease-in-out;
	-moz-transition:transform 0.4s ease-in-out;
	-ms-transition:transform 0.4s ease-in-out;
	transition:transform 0.4s ease-in-out;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-font-smoothing: antialiased !important;
}
.card-front, .card-back, .card-flipper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	/*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;*/
	-webkit-transform: translate3d(0, 0, 0);
}
.card-front, .card-back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
.card-wrapper h2 {
	-webkit-font-smoothing:antialiased !important;
	-webkit-transform: translate3d(0, 0, 0) scale(1.0, 1.0);
	font-size:1.571em;
	font-weight:900;
	text-transform:uppercase;
}
.card-back {
	-webkit-transform:rotateY( 180deg );
	-moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	transform:rotateY( 180deg );
}
.home-losange.flippable:hover .card-flipper, .home-losange.flippable.flipped .card-flipper {
	-webkit-transform:rotateY( 180deg );
	-moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	transform:rotateY( 180deg );
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.home-losange.flippable:hover .card-flipper, .home-losange.flippable.flipped .card-flipper {
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.card-front, .card-back {
		-webkit-transition: transform 0.4s ease-in-out;
		-moz-transition: transform 0.4s ease-in-out;
		-ms-transition: transform 0.4s ease-in-out;
		transition: transform 0.4s ease-in-out;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-font-smoothing: antialiased !important;
	}
	.home-losange.flippable:hover .card-flipper .card-back, .home-losange.flippable.flipped .card-flipper .card-back {
		-webkit-transform:rotateY( 0deg );
		-moz-transform:rotateY( 0deg );
		-ms-transform:rotateY( 0deg );
		transform:rotateY( 0deg );
		z-index:2;
	}
	.home-losange.flippable:hover .card-flipper .card-front, .home-losange.flippable.flipped .card-flipper .card-front {
		-webkit-transform:rotateY( 180deg );
		-moz-transform:rotateY( 180deg );
		-ms-transform:rotateY( 180deg );
		transform:rotateY( 180deg );
		z-index:1;
	}
}

#bloc-article #losangeBigText{
	width:242px;
	height:242px;
	top:202px;
	margin-left:167px;
}

#cadreLosangeBigText{
	position:absolute;
	width:340px;
	height:340px;
	top:50%;
	left:50%;
	text-align:center;
	margin-left:-170px;
	margin-top:-170px;
}

#losangeBigText .card-wrapper {
	width:100%;
	height:100%;
	-webkit-transform:rotate(-45deg) translateZ(0);
	-moz-transform:rotate(-45deg) translateZ(0);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg) translateZ(0);
	cursor:pointer;
}
#losangeBigText .card-front, #losangeBigText .card-back {
	background:url('images/face-2017.jpg') no-repeat;
}

#bloc-article #losangeSavoirFaire{
	width:203px;
	height:203px;
	top:-43px;
	margin-left:-338px;
}

#cadreLosangeSavoirFaire{
	position:absolute;
	top:50%;
	left:50%;
	height:284px;
	width:284px;
	text-align:center;
	margin-left:-142px;
	margin-top:-142px;
}

#losangeSavoirFaire .card-wrapper {
	width:100%;
	height:100%;
	background:url('images/face-savoir-faire.jpg') no-repeat;
	-webkit-transform:rotate(-45deg) translateZ(0);
	-moz-transform:rotate(-45deg) translateZ(0);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg) translateZ(0);
	cursor:pointer;
}

#bloc-article #losangeService{
	width:203px;
	height:202px;
	top:339px;
	margin-left:-260px;
}

#cadreLosangeService{
	position:absolute;
	height:284px;
	width:284px;
	top:50%;
	left:50%;
	text-align:center;
	margin-left:-142px;
	margin-top:-142px;
}

#losangeService .card-wrapper {
	width:100%;
	height:100%;
	-webkit-transform:rotate(-45deg) translateZ(0);
	-moz-transform:rotate(-45deg) translateZ(0);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg) translateZ(0);
	cursor:pointer;
	background:url('images/face-service.jpg') no-repeat;
}

#bloc-article #losangeLeft1{
	width:192px;
	height:192px;
	top:337px;
	margin-left:-781px;
}

#bloc-article #losangeRight1{
	width:82px;
	height:82px;
	top:-41px;
	margin-left:33px;
}

#bloc-article #losangeRight2{
	width:126px;
	height:126px;
	top:108px;
	margin-left:739px;
}

#bloc-article #losangeRight3{
	width:182px;
	height:182px;
	top:459px;
	margin-left:764px;
}

/*#bloc-article #losangeRight4{
	width:20px;
	height:20px;
	top:157px;
	margin-left:1115px;
}*/
#video-wrapper {
	width:361px;
	height:361px;
	text-align:center;
	margin-left:-604px;
	top:110px;
}

#cadreVideo{
	position:absolute;
	width:511px;
	height:511px;
	top:50%;
	left:50%;
	text-align:center;
	margin-left:-255px;
	margin-top:-255px;
}

#video-clicker {
	/*position:absolute;
	top:50%;
	left:50%;*/
	background:url('images/play-button.png') center center no-repeat;
	-webkit-background-size:121px 90px;
	-moz-background-size:121px 90px;
	background-size:121px 90px;
	-webkit-transform:rotate(-45deg) translateZ(0);
	-moz-transform:rotate(-45deg) translateZ(0);
	-o-transform:rotate(-45deg) translateZ(0);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg) translateZ(0);
	-webkit-transition:background 0.2s ease-in-out;
	-moz-transition:background 0.2s ease-in-out;
	-ms-transition:background 0.2s ease-in-out;
	transition:background 0.2s ease-in-out;
	overflow:hidden;
	width:100%;
	height:100%;
	cursor:pointer;
}
#video-wrapper:hover #video-clicker {
	background-size:145px 108px;
}
#specialiste-cloture {
	padding-bottom:214px;
	/*margin-top:18px;*/
}
#specialiste-cloture .chapter-head-mask {
	height:100%;
	width:100%;
	background-color:rgba(0, 85, 120, 0.8);
}
#specialiste-cloture .chapter-head {
	background:url('images/specialite-cloture-bg.jpg') center center no-repeat;
}


#zoom-modale {
	position:fixed;
	top:50%;
	left:50%;
	background-color:#fff;
	padding:10px;
	z-index:21;
	-webkit-box-shadow: 0 0 15px 1px #000;
	-moz-box-shadow: 0 0 15px 1px #000;
	box-shadow: 0 0 15px 1px #000;
	-webkit-transform:translate(-50%, -150%) scale(0);
	-moz-transform:translate(-50%, -150%) scale(0);
	-ms-transform:translate(-50%, -150%) scale(0);
	transform:translate(-50%, -150%) scale(0);
	-webkit-transition:transform 0.2s ease-in-out;
	-moz-transition:transform 0.2s ease-in-out;
	transition:transform 0.2s ease-in-out;
}
#zoom-modale.mentions {
	width:90% !important;
	height:90% !important;
}
#zoom-modale.mentions .item-wrapper {
	width:auto !important;
	height:auto !important;
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	overflow:auto;
	z-index:1;
}
#zoom-modale.in {
	-webkit-transform:translate(-50%, -50%) scale(1);
	-moz-transform:translate(-50%, -50%) scale(1);
	-ms-transform:translate(-50%, -50%) scale(1);
	transform:translate(-50%, -50%) scale(1);
}
#zoom-modale img, #zoom-modale video {
	max-height:100% !important;
	max-width:100% !important;
}
#zoom-modale .item-wrapper {
	transition:all 0.1s ease-in-out;
}
#zoom-close {
	height:38px;
	width:38px;
	background-color:#005578;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:-19px;
	right:-19px;
	cursor:pointer;
	z-index:2;
}
#zoom-close:before, #zoom-close:after {
	content:"";
	display:block;
	position:absolute;
	background-color:#fff;
}
#zoom-close:before {
	height:5px;
	width:24px;
	top:16px;
	left:7px;
}
#zoom-close:after {
	width:5px;
	height:24px;
	left:16px;
	top:7px;
}
/** @end **/


/** @footer **/
#footer-wrapper {
	background-color:#005578;
	padding:14px 0 26px;
	color:#44829c;
	font-size:1.167em;
}
#footer-wrapper a {
	color:#44829c;
	text-decoration:none;
	-webkit-transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
}
#footer-wrapper a:hover {
	color:#fff;
}
#footer-wrapper ul, #footer-wrapper li {
	list-style:none;
	margin:0;
}
#footer-wrapper ul, #legales-txt-wrapper {
	display:inline-block;
	width:20%;
	vertical-align:top;
}
#legales-txt-wrapper > div {
	padding-bottom:4px;
	cursor:pointer;
}
#footer-wrapper li a {
	padding-bottom: 4px;
	text-transform: uppercase;
	display:block;
}
#footer-wrapper li a br {
	display:none;
}
#contact-address {
	margin-bottom:18px;
}
.mentions-legales-content {
	display:none;
}
.mentions-wrapper {
	height:100%;
	overflow:auto;
}
.mentions-wrapper h1 {
	font-weight:900;
	font-size:1.4em;
	text-transform:uppercase;
}
.mentions-wrapper h2 {
	display:block;
	font-size:1.2em;
	margin-bottom:9px;
	margin-top:20px;
	border:0;
	text-decoration:underline;
}
/** @end **/

/** @Generic products templates **/
.article-head {
	margin-bottom:54px;
}
.article-head h1 > span > span {
	overflow:hidden;
	text-transform:uppercase;
	line-height:1;
}
.blank-head-part {
	font-size:2.143em;
	color:#005578;
	font-weight:300;
}
.blue-triangle-title, .white-triangle-title {
	padding:4px 0 4px 58px !important;
	position:relative;
}
.blue-triangle-title:before, .white-triangle-title:before {
	content:"";
	display:block;
	width:35px;
	height:35px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	position:absolute;
	left:7px;
}
.blue-triangle-title:before {
	background-color:#005578;
	bottom:-17px;
}
.visual-head-part {
	height:150px;
	font-weight:900;
	font-size:2.143em;
	color:#fff;
}
.white-triangle-title:before {
	background-color:#fff;
	top:-17px;
}
#products-ranges-wrapper {
	padding-bottom:116px;
	min-height:500px;
}
#products-ranges-wrapper h2 {
	color:#005578;
	font-size:1.571em;
	font-weight:300;
	padding-left:20px;
	margin-left:14px;
	line-height:1;
	padding-bottom:4px;
	margin-bottom:28px;
	border-bottom:1px solid #005578;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
}
#products-ranges-wrapper h2 strong {
	font-weight:900;
}
#products-ranges-wrapper h2:before {
	content:"";
	display:block;
	width:22px;
	height:22px;
	background-color:#005578;
	position:absolute;
	left:-12px;
	top:0;
	transform:rotate(45deg);
	transform-origin:center center;
}
.range-block {
	width:281px;
	padding-left:90px;
	color:#005578;
	font-size:0.929em;
	margin-bottom:72px;
	padding-bottom:20px;
	border-bottom:2px solid #005578;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.range-block:nth-child(3n+1), .range-block:first-child {
	padding-left:0;
}
.range-block img {
	display:block;
	margin-bottom:16px;
	cursor:pointer;
}
.range-block img[data-zoom=""] {
	cursor:default;
}
.range-block .range-name {
	font-size:1.154em;
	font-weight:900;
}
.range-pdf-button {
	display:block;
	position:absolute;
	top:100%;
	margin-top:2px;
	right:53px;
	color:#fff;
	background-color:#005578;
	text-decoration:none;
	line-height:1;
	padding:10px 6px 10px 30px;
	text-transform:uppercase;
	font-size:0.923em;
	font-weight:bold;
	white-space:nowrap;
}
.range-pdf-button:before {
	font-family:'FontIcons' !important;
	font-size:24px;
	content:"\e900";
	color:#fff;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-12px;
	font-weight:normal;
}
.products-nav a {
	color:#005578;
	text-decoration:none;
	text-align:center;
	margin-left:30px;
	font-size:0.857em;
	max-width:86px;
	font-weight:bold;
	margin-top:20px;
}
.products-nav a:first-child {
	margin-left:0;
}
.nav-local-icon {
	display:block;
	color:#005578;
	font-size:70px;
	line-height:1;
	margin:0 auto 12px;
	font-family:FontIcons !important;
	font-weight:normal;
}
.bloc-to-top {
	color:#c9c6c6;
	text-transform:uppercase;
	position:absolute;
	right:0;
	top:8px;
	font-weight:bold;
	line-height:1;
	text-decoration:none;
	-webkit-transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
}
.bloc-to-top:before, .bloc-to-top:after {
	content:"";
	display:block;
	position:absolute;
}
.bloc-to-top:before {
	background-color:#c9c6c6;
	width:10px;
	height:10px;
	left:-13px;
	top:50%;
	margin-top:-5px;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}
.bloc-to-top:after {
	width:4px;
	height:4px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	left:-11px;
	top:50%;
	margin-top:-2px;
}
.bloc-to-top:hover {
	color:#005578;
}
.bloc-to-top:hover:before {
	background-color:#005578;
}
/** @end **/

/** @Cloture et grillage **/
html.cloture-grillage .visual-head-part {
	background:url('images/title-bg-cloture-grillage.jpg') center 0 no-repeat;
}
/** @end **/

/** @Porte et portail **/
html.porte-portail .visual-head-part {
	background:url('images/title-bg-porte-portail.jpg') center 0 no-repeat;
}
/** @end **/

/** @Portail pavillon **/
html.portail-pavillon .visual-head-part {
	background:url('images/title-bg-portail-pavillon.jpg') center 0 no-repeat;
}
/** @end **/

/** @Portail pavillon **/
html.atelier .visual-head-part {
	background:url('images/title-bg-atelier.jpg') center 0 no-repeat;
}
/** @end **/

/** @Contact / devis **/
.contact-form {
	color:#005578;
}
.contact-form .article-head {
	margin-top:86px;
}
html.devis-acces .visual-head-part {
	background:url('images/title-bg-devis-acces.jpg') center 0 no-repeat;
}
.fieldrow {
	margin-bottom:16px;
	display:inline-block;
	width:50%;
	vertical-align:top;
}
.fieldrow.raison_sociale, .fieldrow.adresse, .fieldrow.pays, .fieldrow.message {
	display:block;
}
.fieldrow.prenom, .fieldrow.code_postal, .fieldrow.fax {
	text-align:right;
}
.fieldrow.message, .fieldrow.infos_mandatory, .fieldrow.mentions, .fieldrow.fichier_joint, .fieldrow.rgpd {
	width:100%;
}
.fieldrow.captchaField {
	width:60%;
}
.fieldrow.submitField {
	width:40%;
}
.fieldrow.infos_mandatory > span {
	margin-left:216px;
	font-size:1.143em;
}
.fieldrow .required {
	color:#ed7a14;
	font-size:0.8em;
	vertical-align:super;
	position: relative;
	margin-left:2px;
}
.contact-form label {
	text-transform:uppercase;
	font-size:1.429em;
	padding-right:16px;
	vertical-align:middle;
	display:inline-block;
	width:216px;
	text-align:right;
}
.fieldrow.message label {
	vertical-align:top;
}
.fieldrow.mentions label, .fieldrow.rgpd label {
	width:auto;
	text-transform:none;
	margin-left:216px;
	position:relative;
	display:inline-block;
	min-height:23px;
	font-size:1.143em;
}
.fieldrow.mentions label .checkbox-mask, .fieldrow.rgpd label .checkbox-mask {
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	background-color:#d8e7ed;
	width:23px;
	height:23px;
	margin-right:8px;
	color:#005578;
	position:relative;
}
.fieldrow.mentions label input:checked + .checkbox-mask:before, .fieldrow.rgpd label input:checked + .checkbox-mask:before {
	content:"\2713";
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-size:20px;
	color:#005578;
}
.fieldrow.mentions label input, .fieldrow.rgpd label input {
	cursor:pointer;
	position:absolute;
	top:2px;
	left:2px;
	opacity:0;
}
.fieldrow.fichier_joint {
	margin:34px 0 40px;
	-webkit-align-items:center;
	align-items:center;
}
.fieldrow.fichier_joint > * {
	display:inline-block;
	vertical-align:top;
}
.fieldrow.fichier_joint .file-input-wrapper {
	margin-left:216px;
	width:294px;
	position:relative;
}
.fieldrow.fichier_joint .file-input-wrapper input {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	opacity:0;
	z-index:2;
}
.fieldrow.fichier_joint .file-input-wrapper input::-webkit-file-upload-button {
	cursor:pointer;
}
.fieldrow.fichier_joint .file-input-wrapper input:focus {
	outline:none;
}
.fieldrow.fichier_joint .file-input-mask {
	padding:0 20px 0 60px;
	height:46px;
	font-size:1.071em;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	z-index:1;
}
.fieldrow.fichier_joint .file-input-mask span {
	word-break:break-all;
}
.fieldrow.fichier_joint .file-input-mask:before {
	content:"\e91b";
	font-family:"FontIcons" !important;
	font-size:46px;
	line-height:1;
	position:absolute;
	left:0;
	top:0;
	color:#005578;
}
.fieldrow.fichier_joint label {
	width:auto;
	text-transform:none;
	font-size:1.071em;
	text-align:left;
}
.contact-form input[type=text], .contact-form input[type=password] {
	background-color:#d8e7ed;
	border:0;
	height:23px;
	width:282px;
	vertical-align:middle;
	padding:0 6px;
	color:#005578;
	border-radius:0;
	font-size:14px;
}
.contact-form textarea {
	background-color:#d8e7ed;
	border:0;
	resize:none;
	height:174px;
	width:808px;
	vertical-align:top;
	padding:5px;
	border-radius:0;
	overflow:auto;
	font-family: OpenSans, Open-Light, sans-serif;
	color:#005578;
	font-size:14px;
}
input.on-error, textarea.on-error, input.on-error + i.checkbox-mask {
	background-color:#ed7a14 !important;
	-webkit-box-shadow: 0 0 0 1000px #ed7a14 inset;
	color:#fff !important;
}
.g-recaptcha {
	margin-left:216px;
}
.input-submit-wrapper {
	display:inline-block;
	position:relative;
}
.input-submit-wrapper .submit-icon {
	font-family:'FontIcons' !important;
	font-style:normal;
	font-size:74px;
	line-height:74px;
	color:#005578;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-37px;
	z-index:0;
	-webkit-pointer-events:none;
	-moz-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;
}
.input-submit-wrapper input {
	position:relative;
	z-index:2;
	font-size:15px;
	line-height:1;
	color:#005578;
	text-transform:uppercase;
	font-weight:bold;
	font-family:OpenSans, Open-Light, sans-serif;
	background:none;
	border:0;
	outline:0;
	cursor:pointer;
	height:95px;
	padding-top:80px;
	vertical-align:bottom;
}
.fieldrow.submitField {
	text-align:right;
}
#cnil-contact-infos {
	margin:76px 0 174px;
	font-size:1.143em;
}
#contactez-nos-services {
	margin-bottom:144px;
}
.service-bloc {
	width:480px;
	font-size:1.429em;
}
.service-bloc:first-child {
	margin-right:64px;
}
.service-bloc img {
	margin-bottom:46px;
}
#plan-address {
	color:#005578;
	font-size:1.429em;
	margin-bottom:32px;
}
#map-wrapper {
	width:100%;
	height:402px;
}

.errors-wrapper {
	background-color:#ee8534;
	padding:16px;
	color:#fff;
	width:80%;
	margin:0 auto 30px;
	text-align:center;
	font-size:1.143em;
}
.error-title {
	text-transform:uppercase;
	font-size:1.500em;
	padding-bottom:8px;
	margin:0 auto 6px;
	border-bottom:1px solid #fff;
	width:80%;
}
.errors-messages {
	margin:30px 0;
	color:#ff0000;
}
.success-message {
	font-size:1.286em;
	margin-bottom:30px;
}
.success-message-line {
	height:30px;
	margin:38px auto;
	width:50%;
	-webkit-align-items:center;
	align-items: center;
}
.horizontal-success-line {
	height:1px;
	display:inline-block;
	background-color:#005578;
}
.success-lozange {
	margin:0 12px;
	display:inline-block;
	width:21px;
	height:21px;
	background-color:#005578;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
}
/** @end **/

/** @Espace pro **/
#espace-pro .article-head {
	margin-top:86px;
}
html.espace-pro .visual-head-part {
	background:url('images/title-bg-espace-pro.jpg') center 0 no-repeat;
}
#ident-form-wrapper .input-submit-wrapper {
	position:absolute;
	right:0;
	top:-10px;
}
#subscription-title {
	font-size:1.429em;
	margin:110px 0 34px;
}
#subscription-title > span  {
	display:inline-block;
	border-bottom:1px solid #005578;
}
#subscription-form-wrapper .success-message {
	margin-top:60px;
}
.pro-pdf-download-link {
	display:inline-block;
	margin:354px 0 60px;
	padding:4px 6px 6px;
	border:2px solid #c9c6c6;
	text-decoration:none;
	color:#c9c6c6;
	text-transform:uppercase;
	font-size:2.286em;
	font-weight:300;
	position:relative;
}
.pro-pdf-download-link strong {
	font-weight:900;
	color:#005578;
}
.pro-pdf-download-link:before {
	content:"";
	display:block;
	position:absolute;
	width:200px;
	height:218px;
	background:url('images/icon-pdf-download.png') center center no-repeat;
	-webkit-background-size:200px 218px;
	-moz-background-size:200px 218px;
	background-size:200px 218px;
	top:-237px;
	left:50%;
	margin-left:-100px;
}
#account-recap {
	width:80%;
	padding:10px;
	border:1px solid #005578;
}
/** @end **/

/** @Global **/
#left-site-menu {
	position:absolute;
	left:50%;
	margin-left:-622px;
	top:244px;
	z-index:20;
}
#left-site-menu.stick {
	position:fixed;
	top:40px;
}
#left-site-menu a {
	display:block;
	margin-bottom:10px;
}
.chapter-head {
	height:251px;
}
.chapter-head h1 {
	color:#fff;
	font-size:2.214em;
	font-weight:300;
	text-transform:uppercase;
	padding-top:40px;
}
.chapter-head strong {
	font-weight:900;
}
.chapter-content-wrapper h2 {
	color:#005578;
	font-size:1.571em;
	font-weight:300;
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:858px;
	line-height:1.3;
	border:0;
}
.chapter-content-wrapper h2 strong {
	font-weight:900;
}
.chapter-content {
	margin-top:42px;
	padding:0 14px 44px 0;
	border-right:1px solid #005578;
	margin-right:180px;
}
/** @end **/

/** Actualites **/
#actualites {
	padding-bottom:100px;
	color:#005578;
}
#actualites .article-head {
	margin-top:86px;
}
html.actualites .visual-head-part {
	background:url('images/title-bg-actualites.jpg') center 0 no-repeat;
}
#actualites .nonews {
	font-size:1.286em;
	color:#005578;
}
#news-list {
	min-height:400px;
}
.newsbloc.odd .corps_news {
	padding-left:14px;
}
.newsbloc.even .corps_news {
	padding-right:14px;
}
.newsbloc {
	margin-bottom:20px;
	padding-top:20px;
	border-top:2px solid #005578;
}
.newsbloc:first-child {
	padding-top:0;
	border-top:0;
}
.newsbloc .entete {
	display:inline-block;
	border-bottom:1px solid #005578;
	font-weight:300;
	text-transform:uppercase;
	font-size:1.571em;
	margin-bottom:20px;
}
.newsbloc .entete h2 {
	display:inline-block;
	/*margin:0 0 0 8px;*/
	margin:0;
	font-size:1em;
	border:0;
	font-weight:900;
}
.newsbloc h3 {
	font-weight:900;
	font-size:1.143em;
}
.img_news img {
	width:auto !important;
	height:auto !important;
	max-width:281px !important;
}
/** @end **/

/* @Generic */
.col-12 {
	width:1024px;
}
.centered {
	margin-left:auto;
	margin-right:auto;
}
.full-height {
	height:100%;
}
.align-center {
	text-align:center;
}
.align-justify {
	text-align:justify;
}
.relative {
	position:relative;
}
.inline-block {
	display:inline-block;
}
.block {
	display:block;
}
.no-wrap {
	white-space:nowrap;
}
.valign-top {
	vertical-align:top;
}
.valign-middle {
	vertical-align:middle;
}
.valign-helper {
	width:0;
	height:100%;
	vertical-align:middle;
	display:inline-block;
}
.valign-helper + * {
	vertical-align: middle;
	display: inline-block;
}
.float-right {
	float:right;
}
.transparent-blue {
	background-color:rgba(0, 85, 120, 0.8);
}
.flex {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:flex;
}
.flex-row {
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
}
.flex-col {
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex-fill {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	min-width:1px;
}
.flex-max {
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.flex-shrink {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* @end */

/** Font Icons **/
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family:'FontIcons' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.icon-pdf-download:before {
	content:"\e900";
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/** @cookie banner **/
#cookie-banner {
	padding:12px 0;
	text-align:center;
	background-color:#fff;
	border-top:3px solid #005578;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	font-size:14px;
	color:#005578;
	font-family:OpenSans, Open-Light, sans-serif;
}
#cookie-banner a {
	display:inline-block;
	padding:4px 8px;
	border:1px solid #005578;
	margin-left:12px;
	vertical-align:middle;
	text-decoration:none;
	color:#005578;
}
#inform-and-ask {
	position:fixed;
	z-index:10000;
	width:100%;
	height:100%;
	display:none;
}
#inform-and-consent {
	width:600px;
	border:1px solid #005578;
	padding:10px 10px;
	position:fixed;
	bottom:60px;
	left:50%;
	margin-top:0px;
	margin-left:-300px;
	text-align:justify;
	z-index:20;
	background-color:#fff;
	color:#005578;
	font-family:OpenSans, Open-Light, sans-serif;
}
#inform-and-consent div {
	margin-top:12px;
}
#cookie-buttons-wrapper {
	padding:10px;
	text-align:center;
}
#cookie-buttons-wrapper button {
	cursor:pointer;
	color:#fff;
	background-color:#005578;
	border:0;
	padding:4px 8px;
}
#cookie-buttons-wrapper button:first-child {
	margin-right:50px;
}

/*.flip-container {
	// perspective: 1000;
    // -webkit-perspective: 1000;
    // -moz-perspective: 1000;
    // -o-perspective: 1000;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 200px;
	height: 200px;
    border-radius:50%;
    -webkit-transition: 0s;
    -webkit-transition-delay: 0.2s;
    -moz-transition: 0s;
    -moz-transition-delay: 0.2s;
    -ms-transition: 0s;
    -ms-transition-delay: 0.2s;
    -o-transition: 0s;
    -o-transition-delay: 0.2s;
    transition: 0s;
    transition-delay: 0.2s;
}

.flip-container .back {
    opacity: 0;
}

.flip-container:hover .front {
    opacity: 0;
}

.flip-container:hover .back {
    opacity: 1;
}

.flipper {
	transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    position: relative;
}

.flipper h2 {
   margin: 80px 0 0 30px;
}

.front, .back {
    background:#f2f2f2;
    border:1px solid #ccc;
	position: absolute;
	top: 0;
	left: 0;
}

front pane, placed above back
.front {
	z-index: 2;
}

.back {
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}*/


/** @end **/