/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // RESET /+///////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // GÉNÉRAL ///////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

:focus {outline:none;}

::selection { background-color: #34495E;  color: #fff;}
::-moz-selection { background-color: #34495E;  color: #fff;}

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
*, *:before, *:after, label {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body, input, textarea, select, button, #baguetteBox-overlay .full-image figcaption {font-family: 'Muli', sans-serif;} 
body {
	background-color: #0F141B;
	background-position: center top, center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.print {display: none;}

body.err404,
body.index,
body.traitement_form,
body.details.traitments_controle {background-image: url(../img/bg_index_top.jpg), url(../img/bg_bottom.jpg);}

body.realisations,
body.about,
body.contact {background-image: url(../img/bg_page_top01.jpg), url(../img/bg_bottom.jpg);}
body.services,
body.details {background-image: url(../img/bg_page_top02.jpg), url(../img/bg_bottom.jpg);}
body.promos,
body.blog,
body.tarifs {background-image: url(../img/bg_page_top03.jpg), url(../img/bg_bottom.jpg);}

.container {width: 100%; margin: 0 auto; max-width: 1600px; position: relative;}
.mainWrap {
	background: #34495e url(../img/site/pattern.png);
	width: 90%;
	margin: 0 auto;
	box-shadow:  5px 10px 60px -15px rgba(0, 0, 0, 0.2), 10px 30px 70px -20px rgba(0, 0, 0, 0.2), 15px 50px 90px -30px rgba(0, 0, 0, 0.1), 10px 30px 90px -5px rgba(0, 0, 0, 0.1);
}

article, div.main {padding: 45px 30px;}
.leftCol {float: left;}
.rightCol {float: right;}

input,
textarea,
input:focus,
textarea:focus {
	border-radius: 0; 
	outline: none;
	-webkit-appearance: none;
       -moz-appearance: none;
	-webkit-box-shadow: none;
			box-shadow: none;
}

.return {display: block;}

a {text-decoration: none;}
strong {font-weight: 600;}
span.noReturn {white-space: pre;}

/* ///////////////////////////////////////////// */
/* // CLEAR FIX //////////////////////////////// */
/* ///////////////////////////////////////////// */

.ie9 .wrapBox:before,
.ie9 .wrapBox:after,
article:before,
article:after,
section:before,
section:after,
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.ie9 .wrapBox:after,
article:after,
section:after,
.clear:after {
    clear: both;
}

/* ///////////////////////////////////////////// */
/* // TRANSITIONS ////////////////////////////// */
/* ///////////////////////////////////////////// */

.badge span,
footer address a:before,
.social li a {
	-webkit-transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
			transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

form label {
	-webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
			transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

a,
nav.main > ul > li > a:after,
nav.main > ul > li.contact > a:before,
.subnav li a:after,
.subnav,
.btn,
.btn:before,
.smoothScroll li .scroll:before,
.team li a:before,
.galerie a:before,
.galerie a span,
form li,
.inc_form,
.errorsend {
	-webkit-transition: all .4s cubic-bezier(0.075, 0.82, 0.165, 1);
			transition: all .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

form li .field,
.submit,
.contact .infos a,
.pagination a:before,
.lSAction > a {
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}

form li textarea {
	-webkit-transition: background .2s ease, border-color .2s ease;
			transition: background .2s ease, border-color .2s ease;
}

.galerie a {
    -webkit-transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
			transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ///////////////////////////////////////////// */
/* // ANIMATIONS /////////////////////////////// */
/* ///////////////////////////////////////////// */

@-webkit-keyframes heartbeat {
   0% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
   7% { -webkit-transform: translateY(-1px) scale(1.2); transform: translateY(-1px) scale(1.2);}
  14% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
  21% { -webkit-transform: translateY(-1px) scale(1.2); transform: translateY(-1px) scale(1.2);}
  35% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
  70%, 100% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
}

@keyframes heartbeat {
   0% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
   7% { -webkit-transform: translateY(-1px) scale(1.2); transform: translateY(-1px) scale(1.2);}
  14% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
  21% { -webkit-transform: translateY(-1px) scale(1.2); transform: translateY(-1px) scale(1.2);}
  35% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
  70%, 100% { -webkit-transform: translateY(-1px) scale(1); transform: translateY(-1px) scale(1);}
}

@-webkit-keyframes incoming {
  from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}

@keyframes incoming {
  from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}

@-webkit-keyframes anim_form_error {
	to { -webkit-transform: rotate(0) scale(1); opacity: 1; transform: rotate(0) scale(1); opacity: 1;}
}
@keyframes anim_form_error {
	to { -webkit-transform: rotate(0) scale(1); opacity: 1; transform: rotate(0) scale(1); opacity: 1;}
}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // HEADER ////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

header.main {padding: 15% 0;}
header .logo a {
	display: block;
	width: 194px;
	height: 86px;
	text-indent: -9999px;
	background: #eceef0 url(../img/site/logo.png) center center;
	margin: 0 auto;
   background-repeat: no-repeat;
     box-shadow:  5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1);
   padding: 15px;
   box-sizing: content-box;
}

/* ///////////////////////////////////////////// */
/* // NAVIGATION /////////////////////////////// */
/* ///////////////////////////////////////////// */

a.navMobile {
	color: #fff;
	background: #34495E url(../img/site/navMobile_ico.gif) 20px center no-repeat;
	padding: 15px 20px 15px 50px;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	display: none;
}

nav.main {border-bottom: 2px solid #90b5d1; position: relative; background: #eceef0; box-shadow:  5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1);}
nav.main > ul > li {float: left; position: relative;}
nav.main > ul > li.contact {float: right;}

nav.main > ul > li > a {
	color: #454851;
	display: block;
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 31px 19px;
	position: relative;
	z-index: 10;
    white-space: nowrap;
    -webkit-transition: color .2s ease;
            transition: color .2s ease;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { nav.main > ul > li > a { font-weight:normal; } } }

nav.main > ul > li.hasSub > a {padding-right: 40px;}

nav.main > ul > li.contact > a:before,
nav.main > ul > li.hasSub > a:before,
nav.main > ul > li > a:after { content: ''; display: block; position: absolute;}

nav.main > ul > li.hasSub > a:before {
	width: 11px;
	height: 6px;
	top: 50%;
	right: 15px;
	margin: -3px 0 0;
	background: url(../img/site/hasSub_arrow.gif) no-repeat;
}

nav.main > ul > li a:after {
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
}

nav.main > ul > li > a:after {background-color: #90b5d1;}
.subnav li a:after,
.subnav li.active a:after,
.subnav li a:hover:after {background-color: #90b5d1;}

nav.main > ul > li.contact > a:before {
	height: 50px;
	width: 1px;
	top: 50%;
	right: 100%;
	margin: -25px 0 0;
}

nav.main > ul > li.hasSub:hover .subnav {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
}

nav.main > ul > li.active > a:after,
nav.main > ul > li.hasSub:hover > a:after,
nav.main > ul > li > a:hover:after {
	background-color:#34495E ;	
}

nav.main > ul > li.active > a,
nav.main > ul > li.hasSub:hover > a, 
nav.main > ul > li > a:hover {
	color: #fff;
}

nav.main > ul > li.active > a:after,
nav.main > ul > li.hasSub:hover > a:after,
nav.main > ul > li > a:hover:after,
.subnav li.active a:after,
.subnav li a:hover:after {height: 100%;}

nav.main > ul > li.active > a:before,
nav.main > ul > li.hasSub > a:hover:before,
nav.main > ul > li.hasSub:hover > a:before {background-position: left bottom;}

nav.main > ul > li.contact.active > a:before {opacity: 0;visibility: hidden;}
nav.main > ul > li.contact > a:hover:before {opacity: 0;visibility: hidden;}

/* ///////////////////////////////////////////// */
/* // NAVIGATION - SUBNAV ////////////////////// */
/* ///////////////////////////////////////////// */

.subnav {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
    background: #f4f6f7;
	-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
			transform: translateY(20px);
}

.subnav li { border-top: 2px solid #f4f6f7;}
.subnav li.active {border-color: #fff;}
.subnav li a {
	color: #34495E;
	background-color: #f4f6f7;
	z-index: 10;
	display: block;
	font-size: .875em;
	font-weight: 600;
	padding: 20px;
	white-space: nowrap;
	position: relative;
}

.subnav li a:after { content: ''; display: block; position: absolute; background-color: #fafafa;}

.subnav li.active a,
.subnav li a:hover { color: #fff;}

/* ///////////////////////////////////////////// */
/* // NAVIGATION - NAVLANG ///////////////////// */
/* ///////////////////////////////////////////// */

nav.langNav {
	position: absolute;
	top: 0;
	right: 5%;
	width: 90%;	
}

nav.langNav ul {text-align: right;}
nav.langNav ul li { display: inline;}

nav.langNav ul li.active,
nav.langNav ul li a {
	color: #34495E;
	background-color: #fff;
	display: inline-block;
	padding: 15px 8px 8px 8px;
	font-weight: 700;
	border-radius: 0 0 2px 2px;
}

nav.langNav ul li.active,
nav.langNav ul li a:hover {background-color: #34495E; color: #fff;}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // CONTENT ///////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

.headWrap, .news {padding: 7% 10%; border-bottom: 2px solid #90b5d1;}

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; line-height: 1.2;}

h1.first, h1:first-child,
h2.first, h2:first-child,
h3.first, h3:first-child,
h4.first, h4:first-child,
h5.first, h5:first-child,
h6.first, h6:first-child {margin-top: 0;}

h1.title {
    color: #fff;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
}

h2 {
	color: #fff;
    font-size: 1.75em;
    font-weight: 600;
    margin: 1.5em 0 1em;
   position: relative;
}

h3 { 
    color: #fff;
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 0 30px 15px;
   font-variant-numeric: lining-nums; */
    -moz-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum=1";
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    -webkit-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;
}

h4 {
	color: #07141B;
	font-size: 1.313em;
    font-weight: 600;
	padding: 0 0 10px;
	margin: 45px 0 15px;
	border-bottom: 2px solid #eceef0;
}

h5 {
    font-size: 1.1;
    font-weight: normal;
    margin: 1.1667em 0 0 0;
}

h6 {
    font-size: 1em;
    font-weight: normal;
    margin: 1.3125em 0 0 0;
}

p {
	color: #fff;
	font-size: 1em;
	line-height: 1.4;
	margin: 0 0 20px;
}

p.resume {
    font-size: 1.125em;
    text-align: center;
    width: 80%;
    max-width: 700px;
    margin: 30px auto 0;
    color: #fff;
}

p:last-child {margin-bottom: 0;}

p a,
article li a { color: #01B6AD; font-weight: 600;}

p a:hover,
article li a:hover { color: #3D919D;}



.btn {
	color: #90b5d1;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 20px 30px;
	z-index: 10;
	position: relative;
}

.btn:hover {color: #fff;}

.btn:before {
	background-color: #90b5d1;
	content: '';
	display: block;
	position: absolute;
	left: 25%;
	top: 0;
	width: 50%;
	height: 3px;
	z-index: -1;
}
.btn:hover:before { left: 0; width: 100%; height: 100%;}

article .wrap {
   margin-left: 30px;
   padding: 0;
}

article .wrap h3 {
   margin-left: 0;
}

article .wrap > h4 {
   margin-top: 30px;
}

article ol,
article ul {margin: 30px 0; display: block;}

article ol:first-child,
article ul:first-child {margin-top: 0;}

article ol:last-child,
article ul:last-child {margin-bottom: 0;}

article li {
	font-size: 1em;
	font-weight: bold;
	padding: 5px 10px;
	margin: 5px 0 5px 15px;
	line-height: 1.5;
	position: relative;
}
article ul li:before {
   content: "";
   position: absolute;
   left: -8px;
   top: 8px;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   transform: translateY(50%);
   width: 8px;
   height: 8px;
   background: #90b5d1;
   margin-right: 10px;
}

article ol { counter-reset: numberList; list-style: none;}
article ol li {border: none; padding: 5px 10px 5px 20px;}
article ol li:before {
	color: #90b5d1;
	content: counter(numberList)'.';
	counter-increment: numberList;
	font-size: 1em;
	font-weight: 600;
	font-style: normal;
	position: absolute;
	left: 0px;
	top: 5px;
}

article li {color: #eceef0;}

.slider ul {margin: 0;}
.slider li {padding: 0; margin: 0; border: none;}
.slider img {width: 100%; height: auto;}

section.callTo { text-align: center; padding: 7% 10%;}

.callTo h2 { font-size: 1.313em; font-weight: 600; line-height: 2; margin: 0;}
.callTo h2 .btn { text-transform: none; padding: 15px 20px;}

/* ///////////////////////////////////////////// */
/* // BOX ////////////////////////////////////// */
/* ///////////////////////////////////////////// */

.wrapBox {
	margin: 0 0 90px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-direction: row;
	   -moz-flex-direction: row;
	   	-ms-flex-direction: row;
	   	 -o-flex-direction: row;
	   	 	flex-direction: row;
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	     -o-flex-wrap: wrap;
	     	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
	    -ms-justify-content: space-between;
	     -o-justify-content: space-between;
	     	justify-content: space-between;
}

.box {
	width: calc(50% - 45px);
	padding: 30px;
    margin: 30px;
    background: #eceef0;
    box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3),
    10px 30px 70px -20px rgba(33, 34, 38, 0.2),
    15px 50px 90px -30px rgba(33, 34, 38, 0.1),
    10px 30px 90px -5px rgba(33, 34, 38, 0.1);
}

.box:nth-child(odd) { margin-right: 15px;}
.box:nth-child(even) {margin-left: 15px;}
.box:nth-child(n+3) { margin-top: 0; }

/*
.box:nth-child(even) {border-left: 2px solid #eee;}
.box:nth-child(n+3) {border-bottom: 2px solid #eee;}
*/

.box img { width: 100%; height: auto; margin: 0 0 30px; box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.2), 10px 30px 70px -20px rgba(33, 34, 38, 0.15), 15px 50px 90px -30px rgba(33, 34, 38, 0.075), 10px 30px 90px -5px rgba(33, 34, 38, 0.075);}
.box h2,
.box p {text-align: center; margin: 0; 
   color: #7f8c8d;}
.box ul li {
   text-align: left;
   color: #34495E;
}
.box .btn {margin: 35px 0 0; color: #0F141B; float: none;}
.box .btn:hover {margin: 35px 0 0; color: #eceef0;}
.box .btn:before {background: #90b5d1;}

/* ///////////////////////////////////////////// */
/* // INDEX - ACTUS /////////////////////////// */
/* ///////////////////////////////////////////// */
.news {background: #18212B url(../img/index-resume/bg_news.jpg) no-repeat; background-position: left center; background-size: auto 100%; padding: 7% 10%;}
.news p  {
   text-align: center;
   font-size: 1.313em;
}

.news p a {} 
.news p a:after {
    content: '';
    position: relative;
    display: inline-block;
    background: url(../img/site/file-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    margin-left: 10px;
    vertical-align: text-bottom;
}

/* ///////////////////////////////////////////// */
/* // INDEX - RESUMES ////////////////////////// */
/* ///////////////////////////////////////////// */

.index .intro {
   margin-top: 45px;
}

.index .intro p.resume {
   font-size: 1rem;
   text-align: left;
}

.index .box {text-align: center; padding-bottom: 74px; position: relative;}
.index .box h2 {
	font-size: 1.313em;
	font-weight: 600;
	margin: 15px 0 30px;
    color : #0F141B;
}

.index .box .btn {
   position: absolute;
   bottom: 20px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
.index .box ul {margin: 15px 0;}
/* ///////////////////////////////////////////// */
/* // INDEX - REALISATIONS ///////////////////// */
/* ///////////////////////////////////////////// */

.wrapRealisations {overflow: hidden;}
.wrapRealisations h2 { font-size: 1.75em; margin: 0 0 30px 30px;}

.lSAction {
	position: absolute;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.lSAction > a {
    background-image: none;
	background-color: #F4D4AD;
    opacity: 1;
	display: block;
	height: 50px;
	width: 50px;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	pointer-events: all;
	-webkit-transform: rotate(45deg);	
		-ms-transform: rotate(45deg);	
			transform: rotate(45deg);	
}

.lSAction > a:hover {background-color: #fff;}

.lSAction > .lSPrev {left: 25px;}
.lSAction > .lSNext {right: 25px;}

.lSAction > a:before {
	content: '';
	display: block;
	position: absolute;
	width: 11px;
	height: 20px;
	background: url(../img/site/slider_arrow.gif);
}
.lSAction > .lSPrev:before {
	-webkit-transform: rotate(-45deg) translate(-2px, 24px);	
		-ms-transform: rotate(-45deg) translate(-2px, 24px);	
			transform: rotate(-45deg) translate(-2px, 24px);	
}
.lSAction > .lSNext:before {
	background-position: right top;
	-webkit-transform: rotate(-45deg) translate(9px, 24px);	
		-ms-transform: rotate(-45deg) translate(9px, 24px);	
			transform: rotate(-45deg) translate(9px, 24px);	
}

.comments {padding: 60px 30px;}
.comments p {width: 60%; float: left;}
.comments .btn {float: right;}

/* ///////////////////////////////////////////// */
/* // INDEX - PARTENAIRES ////////////////////// */
/* ///////////////////////////////////////////// */

.partners { padding: 40px 60px; border-top: 2px solid #eee;}
.partners ul {text-align: center;}
.partners ul li {
	display: inline-block;
	width: 125px;
	height: 125px;
	margin: 20px;
}
.partners ul li img {width: 100%; height: 100%;}

/* ///////////////////////////////////////////// */
/* // PAGE - ABOUT ///////////////////////////// */
/* ///////////////////////////////////////////// */

.about article img {float: right; margin: 0 0 15px 30px; width: 50%; max-width: 500px;}

.team {border-bottom: 2px solid #eee; margin: 60px 0; padding-bottom: 60px;}
.team li {width: 50%; float: left; text-align: center; padding: 30px; margin: auto; text-align: center; position: relative;}
.team li:after {
   content: '';
   position: absolute;
   display: block;
   width: 50px;
   height: 3px;
   background: #90b5d1;
   left: 50%;
   bottom: -10px;
   transform: translateX(-50%);
}
.team li.teamFullWidth {
   margin: 0 25%;
   display: block;
}
.team li img {
	width: 30%;
    border-radius: 50%;
    max-width: 500px;
    margin: 0 auto 30px;
    display: block;
    box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1);
   border: solid 5px #fff;
}

.team li h3 {margin: 30px 0 5px; color: #fff;}
.team li h4 {
    font-size: 1.125em;
    margin: 0 0 30px;
    font-weight: 600;
    color: #fff;
    border: none;
}

.smoothScroll li .scroll,
.team li a {
	color: #34495E;
	background-color: #eceef0;
	padding: 15px 20px;
	display: inline-block;
	font-weight: 600;
	font-size: .85em;
	position: relative;
	z-index: 10;
    margin: 2px 0;
    box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1);
}

.smoothScroll li .scroll:before,
.team li a:before {
	background-color: #90b5d1;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: -1;
}

.smoothScroll li .scroll:hover,
.team li a:hover {color: #fff;}

.smoothScroll li .scroll:hover:before,
.team li a:hover:before { height: 100%;}
.team li p {margin: 30px 0 0;}

/* ///////////////////////////////////////////// */
/* // PAGE - SERVICES & BLOG /////////////////// */
/* ///////////////////////////////////////////// */

.blog article,
.services article {border-bottom: 2px solid #eee;}

.blog article .slider,
.services article .slider { float: right; width: 40%; max-width: 400px;}

.blog article .slider img,
.services article .slider img {width: 100%; height: auto; display: block;}

.blog article .inner,
.services article .inner { float: left; width: 55%;}

.blog article h2 {margin-bottom: 30px;}
.blog article .date:before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 10px;
    background: #F4D4AD;
    margin: -1px 10px 0 0;
    vertical-align: middle;
}
.blog article .date {
    font-size: .875em;
    font-weight: 700;
    color: #454851;
}
.blog article header {margin: 0 0 30px;}
.blog section.callTo {border-top: 2px solid #eee;}


.pagination {text-align: center; padding: 2% 0;}
.pagination a {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: .875em;
    font-weight: 700;
    position: relative;
    color: #444;
    background: #fafafa;
    overflow: hidden;
}
.pagination a:before {
    content: '';
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F4D4AD;
    border-radius: 50%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.pagination a.active:before,
.pagination a:hover:before {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}

.pagination a span {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* ///////////////////////////////////////////// */
/* // PAGE - SERVICES - DETAILS //////////////// */
/* ///////////////////////////////////////////// */

.details article {border-bottom: 2px solid #eceef0;}

.details article .leftCol {width: 60%;}
.details article .rightCol {width: 30%;}

.details article .leftCol img {width: 100%; height: auto; margin: 0 0 30px; box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1); }

.details article .leftCol .wrapNormes { 
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
      box-sizing: border-box;
}


.details article .leftCol .wrap > h2,
.details article .leftCol > h2 {
   display: inline-block;
   margin: 40px 0;
   padding: 0 40px 15px 0;
   border-bottom: 3px solid #90b5d1;
}


.details article .leftCol .wrap > h4 {
   border-color: #192736;
   color: #fff;
}

.details article .leftCol .wrapNormes .col {
   background: #eaedf0;
   margin: 8px 0;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 100%;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   padding: 5px 15px 15px;
   box-sizing: border-box;
   box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.2), 10px 30px 70px -20px rgba(33, 34, 38, 0.15), 15px 50px 90px -30px rgba(33, 34, 38, 0.075), 10px 30px 90px -5px rgba(33, 34, 38, 0.075);
}

.details article .leftCol .wrapNormes .col:before{display: none;}

.details article .leftCol .wrapNormes.flex2 .col {-webkit-box-flex: 1; -webkit-flex: 1 0 calc(50% - 16px); -ms-flex: 1 0 calc(50% - 16px); flex: 1 0 calc(50% - 16px); margin: 8px; max-width: calc(50% - 16px);}

.details article .leftCol .wrapNormes.flex2.responsive .col,
.details article .leftCol .wrapNormes.flex3 .col {-webkit-box-flex: 1; -webkit-flex: 1 0 calc(33% - 16px); -ms-flex: 1 0 calc(33% - 16px); flex: 1 0 calc(33% - 16px); margin: 8px; max-width: calc(33% - 16px);}


.details article .leftCol .wrapNormes.flex4 .col {-webkit-box-flex: 1; -webkit-flex: 1 0 calc(25% - 16px); -ms-flex: 1 0 calc(25% - 16px); flex: 1 0 calc(25% - 16px); margin: 8px; max-width: calc(25% - 16px);}

.details article .leftCol .wrapNormes .col > ul {
   margin-top: 15px;
}

.details article .leftCol .wrapNormes .col > ul >li  {
   color: #34495e;
}

.details article .leftCol .wrapNormes:after {
  content: "";
  -webkit-box-flex: 1;
   -webkit-flex: 1 0 calc(33% - 16px);
   -ms-flex: 1 0 calc(33% - 16px);
   flex: 1 0 calc(33% - 16px);
  margin: 0 8px;
   max-width: calc(33% - 16px);
   width: 99999px;
   padding: 0 15px;
   box-sizing: border-box;
   float: left;
   position: relative;
}

.details article .leftCol .wrapNormes.flex2:after { content: ""; -webkit-box-flex: 1; -webkit-flex: 1 0 calc(50% - 16px); -ms-flex: 1 0 calc(50% - 16px); flex: 1 0 calc(50% - 16px); }
.details article .leftCol .wrapNormes .col h4 {
   border-color: #07141B;
   margin-top: 15px;
}

.details article .leftCol .wrapNormes .col p { 
   color: #34495E;
}

.details .headWrap .smoothScroll {display: block; margin: 0 auto; text-align: center;}
.details .headWrap .smoothScroll li {
   display: inline-block;
   margin: 0 auto;
   text-align: center;
}

.details .headWrap .smoothScroll li a {
   padding: 20px;
   display: inline-block;
   margin: 30px 7px 15px;
   box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3), 10px 30px 70px -20px rgba(33, 34, 38, 0.2), 15px 50px 90px -30px rgba(33, 34, 38, 0.1), 10px 30px 90px -5px rgba(33, 34, 38, 0.1);
}

/* ///////////////////////////////////////////// */
/* // TRAITEMENTS ////////////////////////////// */
/* ///////////////////////////////////////////// */


 @media only screen and (min-width: 900px) {
.traitements article .leftCol {
   width: 100%;
}

.traitements article .leftCol img { width: 60%; clear: both; display: block;}
.traitements h3 {color: #fff;}

.traitements article .leftCol .wrapNormes.flex2 .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(25% - 16px);
    -ms-flex: 1 0 calc(25% - 16px);
    flex: 1 0 calc(25% - 16px);
    margin: 8px;
    max-width: calc(25% - 16px);
}

.traitements article .leftCol .wrapNormes.flex2.left .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(50% - 16px);
    -ms-flex: 1 0 calc(50% - 16px);
    flex: 1 0 calc(50% - 16px);
    margin: 8px;
    max-width: calc(50% - 16px);
}

.traitements article .wrap {
   margin-right: 30px;
}


.traitements .galerie.rightCol {
   float: none;
   width: auto;
   display: block;
   margin: 0 auto;
   clear: both;
   text-align: center;
}
.traitements .galerie.rightCol a {
   max-width: 150px;
   width: calc(12.5% - 4px);
   float: none;
   display: inline-block;
}
    
}
/* ///////////////////////////////////////////// */
/* // GALERIE ////////////////////////////////// */
/* ///////////////////////////////////////////// */

.galerie {
	margin: 30px 0 0;
}

.galerie.rightCol {margin-top: 0;}
.galerie.rightCol h4 {color: #fff; border-color: #fff;}
.galerie a {
	display: block;
    float: left;
	width: 20%;
    height: 100%;
	text-indent: -9999px;
	position: relative;
	z-index: 10;
	overflow: hidden;
    box-shadow: inset 0 0 0 3px #34495e;
   -webkit-transition: all .25s 0s ease;
   transition: all .25s 0s ease;
}
.galerie.rightCol a {width: 50%;}

.galerie a:after {
    content: '';
    display: block;
    padding-top: 100%;
    top: 0;
    position: relative;
}

.nomGalerie a {
	background-image: url(../img/services-details/thumbs.jpg);
	background-size: 500% 200%;
}

.galerieInfrastructures a {
	background-image: url(../img/infrastructures/thumbs.jpg);
	background-size: 500% 200%;
}

.galerieEnvironement a {
	background-image: url(../img/environnement/thumbs.jpg);
	background-size: 200% 100%;
}

.galerieTraitements a {
	background-image: url(../img/traitements/thumbs.jpg);
	background-size: 500% 200%;
}

.galerieCND a {
	background-image: url(../img/cnd/thumbs.jpg);
	background-size: 500% 200%;
}

.galerieCertifications a {
	background-image: url(../img/certifications/thumbs.jpg);
	background-size: 400% 100%;
}

.galerieIdentification_vernis a {
	background-image: url(../img/identification_vernis/thumbs.jpg);
	background-size: 500% 100%;
}

.galeriePeintures a {
	background-image: url(../img/peintures/thumbs.jpg);
	background-size: 500% 200%;
}

.galeriePreparations a {
	background-image: url(../img/preparations/thumbs.jpg);
	background-size: 500% 200%;
}

.nomGalerieRea a {
	background-image: url(../img/realisations/thumbs.jpg);
	background-size: 500% 400%;
}

.galerie a.thumb02 {background-position: -100% top;}
.galerie a.thumb03 {background-position: -200% top;}
.galerie a.thumb04 {background-position: -300% top;}
.galerie a.thumb05 {background-position: -400% top;}
.galerie a.thumb06 {background-position: left -100%;}
.galerie a.thumb07 {background-position: -100% -100%;}
.galerie a.thumb08 {background-position: -200% -100%;}
.galerie a.thumb09 {background-position: -300% -100%;}
.galerie a.thumb10 {background-position: -400% -100%;}

.galerie a.thumb11 {background-position: left -200%;}
.galerie a.thumb12 {background-position: -100% -200%;}
.galerie a.thumb13 {background-position: -200% -200%;}
.galerie a.thumb14 {background-position: -300% -200%;}
.galerie a.thumb15 {background-position: -400% -200%;}
.galerie a.thumb16 {background-position: left -300%;}
.galerie a.thumb17 {background-position: -100% -300%;}
.galerie a.thumb18 {background-position: -200% -300%;}
.galerie a.thumb19 {background-position: -300% -300%;}
.galerie a.thumb20 {background-position: -400% -300%;}

.galerie:hover a {opacity: .5; box-shadow: inset 0 0 0 10px #34495e; }
.galerie a:hover {opacity: 1; box-shadow: inset 0 0 0 3px #34495e; }

.galerie a span {position: absolute;}

/* // GALERIE AVEC DES TITRES ////////////////// */

.galerie.title a:before {
	background-color: #0C6A77;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0;
    box-shadow: inset 0 0 0 3px #fff;
}

.galerie.title a span {
	color: #fff;
	font-weight: 600;
	display: block;
	text-indent: 0;
    top: 50%;
    width: 100%;
    opacity: 0;
    padding: 0 5%;
    line-height: 1.5;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
		
}

.galerie.title a:hover:before {opacity: .9;}
.galerie.title a:hover span {
    opacity: 1;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
		
}

@media only screen and (max-width : 1100px) {
    .galerie a {width: 25%;}  
}

/* ///////////////////////////////////////////// */
/* // PAGE - RÉALISATIONS ////////////////////// */
/* ///////////////////////////////////////////// */

.realisations article {border-bottom: 2px solid #eceef0;}
.realisations .galerie {width: auto; text-align: center;}

/* ///////////////////////////////////////////// */
/* // PAGE - PROMOTIONS & TARIFS /////////////// */
/* ///////////////////////////////////////////// */

.tarifs .subtitle,
.promos .subtitle {border: none;}

.tarifs .wrapBox,
.promos .wrapBox {margin: 0;}

.tarifs .box header,
.promos .box header {margin: 0 0 30px;}

.tarifs .box h2,
.promos .box h2 {
    font-size: 1.5em;
    float: left;
    max-width: 60%;
}

.prix {
	color: #01B6AD;
	float: right;
	font-weight: 700;
	font-size: 1.5em;
}

/* ///////////////////////////////////////////// */
/* // PAGE - PROMOTIONS //////////////////////// */
/* ///////////////////////////////////////////// */


.promos .prix {
    position: relative;
    vertical-align: baseline;
    display: inline-block;
    text-align: right;
}

.promos del {
	color: #F4D4AD;
	font-size: .6em;
    font-weight: 600;
	position: absolute;
	right: 0;
	top: 100%;
	padding: 5px 0 0;
}

.promos .box p {clear: both;}

/* ///////////////////////////////////////////// */
/* // PAGE - TARIFS //////////////////////////// */
/* ///////////////////////////////////////////// */

.tarifs .subtitle {border: none;}
.tarifs .wrapBox {margin: 0;}

.tarifs .box img {width: 20%; float: left;}
.tarifs .box .inner {float: right; width: 75%;}
.tarifs .box .prix {font-size: 1.313em;}
.tarifs .box:nth-child(n+7) {border-bottom: 2px solid #eceef0;}

.tarifs .box p {clear: both;}

/* ///////////////////////////////////////////// */
/* // PAGE - CONTACT /////////////////////////// */
/* ///////////////////////////////////////////// */

form {float: left; width: 50%;}
form ul {margin: 0;}
form li {
	position: relative;
	padding: 5px 0;
	margin: 0 0 15px;
	border: none;
	overflow: hidden;
}
form li .field,
form li textarea {

    color: #fff;
	background: #90b5d1;
	border: 1px solid #1a2939;

	width: 100%;
	padding: 20px;
	font-size: 1.125em;
	border-radius: 3px;
}

textarea {max-width: 100%; min-height: 300px;}

form li .field:focus,
form li textarea:focus,
form li.false .field:focus,
form li.false textarea:focus {background-color: #a8ceeb; }

form label {

	color: #34495E;
	position: absolute;
	padding: 20px;
	font-size: 1.125em;
	line-height: 1.6;
	width: 100%;
	cursor: text;
}
form li.active label {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);
}

form li .inc_form,
.errorsend { 
    font-weight: 600;
    color: #eb5e60;
}

form li .inc_form {
	position: absolute;
	top: 0px;
	font-size: .75em;
	padding: 0 0 0 3px;
	visibility: hidden;
	opacity: 0;
}

form li.false .inc_form {visibility: visible; opacity: 1;}

form li.false {padding: 20px 5px 5px;}

form li.false input.requis,
form li.false textarea
{ border-color: #eb5e60; background: #f77373;}

.g-recaptcha {text-align: center;}
.g-recaptcha > div {display: inline-block;}

.g-recaptcha { display: inline-block;}

.g-recaptcha iframe.false {
    -webkit-animation: incoming 1s linear forwards;
            animation: incoming 1s linear forwards;
}

.errorsend {
	padding: 5px 10px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	height: 0;
	border-top: 2px solid #eceef0;
	margin: 0;
}
.errorsend.active {
	height: auto;
	opacity: 1;
	visibility: visible;
	margin: 30px 0 0;
	padding: 20px 0;
}
form li.last {text-align: center;}

.submit {
	color: #fff;
	background-color: #90b5d1;
    font-weight: 700;
	padding: 20px 0;
	display: inline-block;
	border: none;
	width: 300px;
	cursor: pointer;
	position: relative;
}

.submit:hover {background-color: #eceef0; color: #90b5d1}

.contact .infos {
	background-color: #eceef0;
    font-weight: 600;
	padding: 30px 0;
	text-align: center;
	float: right;
	width: 45%;
	margin: 5px 0 0;
    box-shadow: 5px 10px 60px -15px rgba(33, 34, 38, 0.3),
    10px 30px 70px -20px rgba(33, 34, 38, 0.2),
    15px 50px 90px -30px rgba(33, 34, 38, 0.1),
    10px 30px 90px -5px rgba(33, 34, 38, 0.1);
   
}

.contact .infos li { padding: 0; border: none;}

.contact .infos strong {color: #34495E;}

.contact .infos h3,
.contact .infos a {color: #34495E;}

.contact .infos a,
.contact .infos p {font-size: 1.125em;}

.contact .infos a:hover {color: #90b5d1;}

.contact .infos p {color: #7f8c8d;}

.contact .infos address {display: inline-block;}
.contact .infos a { display: block; padding: 5px 0;}

.contact .infos .social {
	position: relative;
	right: 0;
	bottom: 0;
	width: 128px;
	margin: 30px auto 0;
}

.contact .wrapHoraires {
    margin: 30px 0 0;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.contact .horaires {
    position: relative;
    margin: 0 auto;
}

.contact .horaires tr {
    color: #fff;
    overflow: hidden;
    line-height: 1.5;
}

.contact .horaires th {    
    color: #90b5d1;
    text-align: right;
}

.contact .horaires th {
    padding-right: 10px;
}
.contact .horaires td {
    padding: 5px 15px;
    text-align: center;
}

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

footer {

   border-top: 2px solid #90b5d1;
	background-color: #18212B;

	padding: 60px 30px;
	text-align: center;
	position: relative;
}

#map {padding: 0; height: 50vh; min-height: 250px; position: relative}
#map iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

footer address {
    font-size: 1.125em;
    font-weight: 600;
    text-align: center;
}

footer strong,
.infos strong { font-size: 1.125em; font-weight: 600; color: #90b5d1;}

footer address p,
footer address a {color: #fff;}

footer address p { display: block;}
footer address a { display: inline-block; margin: 0 3px 0 0; position: relative; padding: 20px;}

footer address a:last-child {margin: 0;}

footer address a:after {

	color: #90b5d1;

	content: '/';
	position: absolute;
	left: 100%;
}

footer address a:before {

	background-color: #90b5d1;

	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 2px;
	opacity: 0;
	-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
			transform: translateY(10px);
}
footer address a:hover:before {
	opacity: 1;
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
}

footer address a:last-child:after {display: none;}

footer .btn { color: #90b5d1; margin: 60px 0 0;}

.social {position: absolute; right: 30px; bottom: 30px;}
.social li {float: left;}
.social li a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url(../img/site/social.png);
}

.social li.lk a {background-position: -32px top;}
.social li.tw a {background-position: -64px top;}
.social li.gplus a {background-position: -96px top;}

.social li a:hover {
	-webkit-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
			transform: translateY(-3px);
}

.credits { width: 90%; margin: 0 auto; padding: 40px 0; position: relative;}
.credits .inner {float: left;}
.credits p {

	color: #fff;

	margin: 0;
	font-size: .85em;
	font-weight: 600;
}

/* ///////////////////////////////////////////// */
/* // BADGE //////////////////////////////////// */
/* ///////////////////////////////////////////// */

.badge {
	display: block;
	height: 41px;
	width: 41px;
	text-indent: -9999px;
	background: url(../img/site/badge.png);
	position: relative;
	float: right;
	-webkit-animation: heartbeat 2s ease infinite normal;
			animation: heartbeat 2s ease infinite normal;
}
.badge:hover {
	-webkit-animation: none;
			animation: none;
}
.badge span {
	display: block;
	position: absolute;
	height: 41px;
	background: url(../img/site/badge.png);
}
.badge .logo {
	background-position: right top;
	width: 41px;
	right: 0;
	top: 0;
	opacity: 0;
}

.badge .slogan {
	width: 0;
	background-position: right bottom;
	top: 0;
	right: 41px;
}

.badge:hover .logo {opacity: 1;}
.badge:hover .slogan {width: 135px;}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // SUCCESS & TRAITEMENT FORM /////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

.message {text-align: center; padding: 7% 10%;}

.message.error-send h2 {margin-bottom: 30px;}
.message h2:before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 0 auto 30px;
	opacity: 0;
	background: url(../img/site/traitement_error.png) center center no-repeat;

	-webkit-box-shadow: inset 0 0 0 5px #eb5e60;
			box-shadow: inset 0 0 0 5px #eb5e60;
	
	-webkit-transform: rotate(30deg) scale(0);
		-ms-transform: rotate(30deg) scale(0);
			transform: rotate(30deg) scale(0);
						
	-webkit-animation: anim_form_error .4s .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
		-ms-animation: anim_form_error .4s .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
			animation: anim_form_error .4s .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.message.error-captcha h2:before {background-image: url(../img/site/traitement_captcha.png);}

.message.send h2:before {
	background-image: url(../img/site/traitement_send.png);
	
	-webkit-box-shadow: inset 0 0 0 5px #87E886;
			box-shadow: inset 0 0 0 5px #87E886;
}

.message h2.subtitle { border: none; padding-bottom: 30px;}

.message .btn {margin-top: 35px;}



/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // GOOGLE MAP ////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

#iconHome { margin-right: 7px; vertical-align: middle; position: relative; top: -2px;}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // BAGUETTE BOX //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

#baguetteBox-overlay .full-image figcaption {padding: 20px; color: #fff; white-space: normal;}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // INC COOKIES ///////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

.incCookiesWrap {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 90%;
	z-index: 99999;
}


.incCookiesWrap p {
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	font-size: .7em;
	color: #444;
	margin: 0;
	position: absolute;
	right: 40px;
	bottom: 0;
	border: 1px solid #ddd;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}

.incCookiesWrap p:after,
.incCookiesWrap p:before {
	left: 100%;
	bottom: 7px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.incCookiesWrap p:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 5px;
}
.incCookiesWrap p:before {
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #ddd;
	border-width: 7px;
	bottom: 5px;
}

.incCookiesWrap p a {
	display: inline-block;
	color: #346CF0;
	border-radius: 3px;
}
.incCookies {
	float: right;
	margin: 7px 0 0;
	text-indent: -9999px;
	padding: 0 0 0 40px;
}
.incCookies span {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: relative;
	background: rgb(245,218,171); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(245,218,171,1) 0%, rgba(241,163,93,1) 100%); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(245,218,171,1) 0%,rgba(241,163,93,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(245,218,171,1) 0%,rgba(241,163,93,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5daab', endColorstr='#f1a35d',GradientType=1 ); 

}

.incCookies span:before,
.incCookies span:after {
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	background: url(../img/site/cookies.png);
	left: 5px;
	opacity: 1;
	top: 5px;
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}
.incCookies span:after {
	background-position: left bottom;
	opacity: 0;
}

.incCookies span:hover:before {
	opacity: 0;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.incCookies span:hover:after {opacity: 1;}

/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // IE & OLDIES ///////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

.ie9 .box {width: calc(50% - 45px); float: left; border: 2px solid #eceef0;}
.ie9 .box:nth-child(odd) {clear: both;}
.ie9 .galerie a {float: left;}
.ie9 .callTo {clear: both;}

.ie9 .details article .leftCol .wrapNormes {position: relative; display: inline-block; width: 100%;}

.ie9 .details article .leftCol .wrapNormes.flex3:after,
.ie9 .details article .leftCol .wrapNormes.flex2:after
.ie9 .details article .leftCol .wrapNormes.flex3 .col,
.ie9 .details article .leftCol .wrapNormes.flex2 .col { width: calc(50% - 16px); display: inline-block; float: left;}

.ie9 .details article .leftCol .wrapNormes.flex3 .col,
.ie9 .details article .leftCol .wrapNormes.flex2 .col,
.ie9 .traitements article .leftCol .wrapNormes.flex3 .col,
.ie9 .traitements article .leftCol .wrapNormes.flex2 .col {
   display: inline-block;
   vertical-align: text-top;
}

.ie9 article .leftCol .wrapNormes.flex2 .col {
   width: calc(49% - 16px);
}
.ie9 .traitements article .leftCol .wrapNormes.flex2 .col {
   width: calc(24% - 16px);
}

.ie9 .details article .leftCol .wrapNormes.flex3 .col:nth-child(odd),
.ie9 .details article .leftCol .wrapNormes.flex2 .col:nth-child(odd) {
   clear: both;
}

.ie9 .traitement_form .message h1:before,
.ie9 .traitement_form .message h2:before {
	opacity: 1;
		-ms-transform: scale(1);
			transform: scale(1);
}
.ie9 .wrapRealisations {overflow: visible;}