/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* // 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: #3E648A; color: #fff;}

::-moz-selection
{ background-color: #3E648A; color: #fff;}

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
*, *:before, *:after {
	-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,
.team li .naissance {font-family: 'Montserrat', sans-serif;} 

body {

	background-color: #fafafa;
	background-position: center top, center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
body.err404,
body.index {background-image: url(../img/bg_index_top.jpg), url(../img/bg_bottom.jpg);}

body.traitement_form,
body.contact {background-image: url(../img/bg_contact_top.jpg), url(../img/bg_bottom.jpg);}

body.about {background-image: url(../img/bg_page_top01.jpg), url(../img/bg_bottom.jpg);}
body.details {background-image: url(../img/bg_page_top02.jpg), url(../img/bg_bottom.jpg);}

.container {width: 100%; margin: 0 auto; max-width: 1600px;}
.mainWrap {

	background-color: #fff;

	width: 90%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
			box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
}

article {padding: 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: 700;}

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

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

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.last > a:before,*/
.subnav li a:after,
.subnav,
.btn,
.btn:before,
.team li a:before,
.galerie a:before,
nav.details ul li a:before,
.realisations .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 {
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}

.team.show li {
    -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
            transition: opacity .5s ease-out, transform .5s ease-out;
}

.team li:after {
    -webkit-transition: all .5s ease;
			transition: all .5s ease;
}

.team li p {
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}

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

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

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

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


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

header .logo {margin: 15% 0 15% 5%;}
/*header .logo {margin: 180px 0 180px 5%;}*/
header .logo a {
/*
	display: block;
	width: 392px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/site/logo.png);
*/
    display: inline-block;
}

.logo img {max-width: 90%;}

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

a.navMobile {

	color: #fff;

	background: #F7B679 url(../img/site/navMobile_ico.gif) 20px center no-repeat;
	padding: 15px 20px 15px 50px;
	font-size: 1.125em;
/*	font-weight: 600;*/
	text-transform: uppercase;
	text-align: center;
	border-radius: 2px;
	display: none;
}

nav.main {border-bottom: 1px solid #eee; position: relative;}
nav.main > ul > li {float: left; position: relative;}
nav.main > ul > li.last {float: right;}

nav.main > ul > li > a {

	color: #38414A;

	display: block;
	font-size: 1.125em;
/*	font-weight: 600;*/
	text-transform: uppercase;
	text-align: center;
	padding: 31px 20px;
	position: relative;
	z-index: 10;
}

nav.main > ul > li > a.external {padding-right: 35px}

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

/*nav.main > ul > li.last > a:before,*/
nav.main > ul > li.hasSub > a:before,
nav.main > ul > li > a:after,
.subnav 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.external:before {
    content: '';
    display: block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: url(../img/site/external_link_icon.png);
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;   
}
nav.main > ul > li > a:hover.external:before {background-position: -6px top;}

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

/*
nav.main > ul > li > a:after,
.subnav li a:after,
.subnav li.active a:after,
.subnav li a:hover:after 
{background-color: #8A6930;}
*/

/*
nav.main > ul > li.last > 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: #F7B679;	
}

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.last.active > a:before {opacity: 0;visibility: hidden;}*/
/*nav.main > ul > li.last > a:hover:before {opacity: 0;visibility: hidden;}*/

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

/*
.subnav {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
			transform: translateY(20px);

}
.subnav li { border-top: 1px solid #0D7685;}
.subnav li.active {border-color: #F7B679;}
.subnav li a {

	color: #F7B679;
	background-color: #0D7685;

	z-index: 10;
	display: block;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 20px;
	white-space: nowrap;
	position: relative;
}

.subnav li a:after  {background-color: #fafafa;}

.subnav li.active a,
.subnav li a:hover {
	color: #0D7685;	
}
*/

/* ///////////////////////////////////////////// */
/* // 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: #38414A;
	background-color: #fff;
    font-size: .875em;
    font-weight: 700;
	display: inline-block;
	padding: 15px 10px 10px 10px;
    
	border-radius: 0 0 2px 2px;
}

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

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

h1, h2, h3, h4, h5, h6 {
/*    font-family: 'Ovo', serif;*/
    line-height: 1.3;
}

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: #444;*/
	color: #666;

	margin: 60px auto 0;
	font-size: 1.75em;
/*	font-weight: 600;*/
	text-align: center;
	padding: 0 0 30px;
    width: 90%;
}

.index h1.title {
    margin: 70px auto 40px;
    max-width: 820px;
}

h2.subtitle {

	color: #3E648A;

	font-size: 1.35em;
	text-align: center; 
	padding: 0 20% 60px;
	margin: 0 auto;
}

h1.only,
h2.subtitle {border-bottom: 2px solid #eee;}

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

h3,
.index .box h2 {
	font-size: 1.35em;
	margin: 0 0 30px;
    position: relative;
}

.index .box h3 {
    font-size: 1.125em;
    margin: 20px 0 5px;
    text-align: left;
    font-weight: 600;
}

.index .box h2:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #F7B679;
    position: absolute;
    left: 0;
    bottom: -10px;
}

/*h2, h3 {color: #38414A;}*/
h2, h3 {color: #666;}
h3 {margin-top: 40px;}
h4 {

	color: #3E648A;

	font-size: 1.5em;
	padding: 0 0 10px;
	margin: 30px 0 15px;
	border-bottom: 1px solid #eee;
}
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: #666;

	font-size: .95em;
	line-height: 1.5;
	margin: 0 0 20px;
}
p:last-child {margin-bottom: 0;}

p a { color: #3E648A;}
p a:hover { color: #76A6D7;}


.btn {

	color: #38414A;
    border-radius: 3px;
	display: inline-block;
	font-size: .875em;
	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: #F7B679;
    border-radius: 3px;
	content: '';
	display: block;
	position: absolute;
	left: 25%;
	top: 0;
	width: 50%;
	height: 3px;
	z-index: -1;
}
.btn.soon {pointer-events: none; -ms-pointer-events: none;}
.btn.soon:before {background-color: #ddd;}

.btn:hover:before { left: 0; width: 100%; height: 100%;border-radius: 3px;}

article ol,
article ul {margin: 20px 0; display: block;}
article li {
	font-size: 1em;
/*	font-weight: 600;*/
	padding: 5px 10px 5px 20px;
/*	border-left: 5px solid #F7B679;*/
	margin: 10px 0;
	line-height: 1.2;
	position: relative;
}

article ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F7B679;
    left: 0;
    top: 10px;
    position: absolute;
}

article ol { counter-reset: numberList; list-style: none;}
/*article ol li {border: none; padding: 5px 10px 5px 20px;}*/
article ol li:before {

	color: #F7B679;

	content: counter(numberList)'.';
	counter-increment: numberList;
	font-size: 1em;
/*	font-weight: 600;*/
	font-style: normal;
	position: absolute;
	left: 0px;
	top: 5px;
}

article li {color: #353535;}
article li a {color: #3E648A;}
article li a:hover {color: #76A6D7;}


article li ul li {
    border: none;
    position: relative;
}

article li ul {margin: 0;}

article li ul li:before {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    background: #F7B679;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

article li p.title {margin-bottom: 0px;}

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

section.callTo { text-align: center; padding: 90px 30px;}
.callTo h2 { 
    font-family: 'Montserrat', sans-serif;
    font-size: 1.313em; 
    line-height: 2;
}
.callTo h2 .btn { text-transform: none; padding: 10px 20px; font-size: 1em;}

.page .col {float: left; width: 50%; padding: 0 10px; margin-bottom: 40px;}

/* // GALERIES ///////////////////////////////// */

.galerie {

	margin: 30px 0 0;

	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: center;
	   -moz-justify-content: center;
	    -ms-flex-pack: center;
	     -o-justify-content: center;
	     	justify-content: center;
}

.galerie.rightCol {margin-top: 0;}
.galerie a {
	display: block;
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.galerie a {
	background-image: url(../img/services-details/thumbs.jpg);
	background-size: 500% 200%;
}
.galTitle 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;}
.galerie a:hover {opacity: 1;}

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

.wrapBox {
	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: 50%;
	padding: 30px;
	border-top: 2px solid #eee;
	position: relative;
}
.index .box {
	text-align: right;
	padding-bottom: 121px;
}

.index .box .btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

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

.box img { width: 100%; height: auto; margin: 0 0 30px;}

.box h2,
.box p {text-align: left;}

.box p {margin: 0;}

.box .btn {margin: 35px 0 0;}

/* ///////////////////////////////////////////// */
/* // INDEX - REALISATIONS ///////////////////// */
/* ///////////////////////////////////////////// */

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

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

.bx-wrapper .bx-controls-direction a {

	background-color: #F7B679;

	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);	
}

.bx-wrapper .bx-controls-direction a:hover {background-color: #fff;}

.bx-wrapper .bx-controls-direction a.bx-prev {left: 25px;}
.bx-wrapper .bx-controls-direction a.bx-next {right: 25px;}

.bx-wrapper .bx-controls-direction a:before {
	content: '';
	display: block;
	position: absolute;
	width: 11px;
	height: 20px;
	background: url(../img/site/slider_arrow.gif);
}
.bx-wrapper .bx-controls-direction a.bx-prev:before {
	-webkit-transform: rotate(-45deg) translate(-2px, 24px);	
		-ms-transform: rotate(-45deg) translate(-2px, 24px);	
			transform: rotate(-45deg) translate(-2px, 24px);	
}
.bx-wrapper .bx-controls-direction a.bx-next: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 {margin-top: 40px;}

.team li {
    width: 33.33%;
    float: left;
    padding: 30px;
    opacity: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
}
.team li:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 75%;
    left: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
}



.team.show li:hover:after {
    opacity: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}

.team.show li {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.team.show li.member02 {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.team.show li.member03 {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
}

.team li img {
	width: 50%;
	border-radius: 50%;
	max-width: 200px;
	margin: 0 auto 30px;
	display: block;
}

.team li h3 {margin: 0 0 5px;}
.team li h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    margin: 10px 0 30px;
}

.team li .naissance {
    display: block;
    font-size: .85em;
    margin: 7px 0 20px;
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.team li a {
    margin: 2px;
	color: #fff;
	background-color: #76A6D7;
    border-radius: 3px;
	padding: 10px 20px;
	display: inline-block;
/*	font-weight: 600;*/
	font-size: .85em;
	position: relative;
	z-index: 10;
}
.team li a:before {

	background-color: #F7B679;
    border-radius: 3px;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: -1;
}
/*.team li a:hover {color: #F7B679;}*/
.team li a:hover:before { height: 100%;}
.team li p {margin: 10px 0 0; text-align: left;}
.team li:hover p { margin: 30px 0 0;}

.apercu_services {position: relative; text-align: center;}

.btn.services:before {
    top: 50%;
	right: 20px;
    left: inherit;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	-ms-pointer-events: none;
    margin-top: 2px;
	border-color: rgba(247, 182, 121, 0);
	border-top-color: #F7B679;
	border-width: 5px;
    background: none;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.btn.services {
    box-shadow: inset 0 0 0 1px #ddd;
    border-radius: 3px;
    padding: 20px 50px 20px 30px;
}

.btn.services:hover,
.apercu_services.active .btn.services {color: #38414A; box-shadow: inset 0 0 0 3px #F7B679;}

.apercu_services.active .btn.services:before {
    margin-top: -2px;
    -webkit-transform: translate(0, -50%) rotate(-180deg);
        -ms-transform: translate(0, -50%) rotate(-180deg);
            transform: translate(0, -50%) rotate(-180deg);
}   

.apercu_services ul {
    position: absolute;
    z-index: 100;
    background: #eee;
    left: 0;
    top: 100%;
    box-shadow: 0 0 0 1px #eee, 0 40px 45px -30px rgba(0,0,0,.15);
    
    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: center;
	   -moz-justify-content: center;
	    -ms-flex-pack: center;
	     -o-justify-content: center;
	     	justify-content: center;
    
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
}

.apercu_services.active ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    box-shadow: 0 0 0 1px #eee, 0 40px 45px -40px rgba(0,0,0,.5);
}
.apercu_services li:before {display: none;}
.apercu_services li {
    border: none;
    padding: 30px;
    box-shadow: inset 0 0 0 1px #eee;
    width: 33.33%;
    margin: 0;
    text-align: left;
    background: #fff;
}


.apercu_services li:last-child,
.apercu_services li:nth-last-child(2) {width: 50%;}

.apercu_services li h4 {
    border: none;
}
.apercu_services li p {
    font-size: .875em;
    color: #3E648A;
}

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

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

.services article .slider {
	float: right;
	width: 40%;
	max-width: 400px;
}
.services article .slider img {width: 100%; height: auto;}
.services article .inner { float: left; width: 55%;}
*/

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

.details article {border-bottom: 2px solid #eee;}
.details article .inner {max-width: 800px; margin: 0 auto;}
/*.details article .leftCol {width: 50%;}*/
/*.details article .rightCol {width: 400px;}*/

.details article img {width: 100%; height: auto; margin: 0 0 30px;}

.details article .inner > ul {margin-top: 60px;}

span.lang {
    color: #aaa; 
    font-size: .8em;
    padding: 0 0 0 10px;
    display: inline-block;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
}

/*
nav.details {clear: both;}
nav.details ul {border-bottom: 2px solid #eee;}
nav.details ul li { border: none; float: left; width: 25%;}
nav.details ul li a {

	color: #353535;

	display: block;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	font-size: 1.125em;
	font-weight: 600;
	position: relative;
	z-index: 10;
}
nav.details ul li a:before {

	background-color: #F7B679;

	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: -1;
}
nav.details ul li.active a:before,
nav.details ul li a:hover:before { height: 100%;}
*/


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

/*
.realisations .galerie {width: auto; text-align: center;}

.realisations .galerie a:before {

	background-color: #0C6A77;

	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.realisations .galerie a span {

	color: #fff;

	font-weight: 600;
	line-height: 200px;
	display: block;
	text-indent: 0;
	-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
			transform: translateY(100%);
}

.realisations .galerie a:hover:before {opacity: .9;}
.realisations .galerie a:hover span {
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
}
*/

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

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

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

.tarifs .box h3,
.promos .box h3 {float: left;}

.prix {

	color: #0D7685;

	float: right;
	font-weight: 600;
	font-size: 2em;
}

.promos .box .prix {
	-webkit-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
			transform: translateY(-6px);
}

.promos .prix {position: relative;}
.promos del {

	color: #F7B679;

	font-size: .5em;
	position: absolute;
	right: 0;
	top: 100%;
	padding: 5px 0 0;
}

.tarifs .box p,
.promos .box p {clear: both;}
*/



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

/*
.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+3) {border-bottom: none;}
.tarifs .box:nth-child(n+7) {border-bottom: 2px solid #eee;}
*/

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

img.plan {
    margin: 0 auto 15px;
    width: 80%;
    height: auto;
    
}

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

	color: #353535;
	background: #f9f9f9;
	border: 1px solid #d3d3d3;

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

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

form li .field:focus,
form li textarea:focus,
form li.false .field:focus,
form li.false textarea:focus {background-color: #fff; border-color: #272D34;}

form label {

	color: #777;

	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 { color: #eb5e60;}

form li .inc_form {
	position: absolute;
	top: 0px;
	font-size: .85em;
	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: #FDEFEF;}

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

.g-recaptcha iframe {
    padding: 1px;
    border-radius: 3px;
}

.g-recaptcha iframe.false {
	-webkit-box-shadow: 0 0 0 5px #EB5E60 !important;
			box-shadow: 0 0 0 5px #EB5E60 !important;
}

.errorsend {
	padding: 5px 10px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	height: 0;
	border-top: 2px solid #eee;
	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: #76A6D7;

	padding: 25px 0;
	display: inline-block;
	border: none;
	width: 300px;
	cursor: pointer;
	position: relative;
}

.submit:hover {background-color: #F7B679;}

.contact .infos {

/*	background-color: #272D34;*/
/*    -webkit-box-shadow: inset 0 0 0 5px #F7B679;*/
/*    border-top: 5px solid #F7B679;*/
/*    background: #fafafa;*/
	padding: 30px 15px;
	text-align: center;
	float: right;
	width: 45%;
	margin: 5px 0 0;
}
.contact .infos:last-child {margin-top: 30px;}

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

.contact .infos h3,
.contact .infos a {color: #38414A;}

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

.contact .infos a:hover {color: #F7B679;}

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

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

.infos p.inc {
    font-size: .875em;
    padding: 15px; 
    color: #33485D;
    margin-top: 30px; 
    box-shadow: inset 0 0 0 3px #F7B679;
}
#map .btn:before {display: none;}
#map .btn {
    margin: 15px 0;
    background: #33485D;
    color: #fff;
    border-radius: 3px;
}

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

footer {

/*	background-color: #272D34;*/
/*	background-color: #fff;*/
    
    border-top: 5px solid #F7B679;

	padding: 60px 30px;
	text-align: center;
	position: relative;
}
footer > div.clear {padding-bottom: 45px; border-bottom: 1px solid #eee;}

#map {padding: 0; height: 600px;}

footer address {
    font-size: 1.125em;
    text-align: center;
    width: 45%;
    float: left;
}
footer address.last {float: right;}

footer strong { font-weight: 600; color: #F7B679;}

footer address p,
footer address a {color: #38414A;}

footer address p { display: block;}
address {display: inline-block;}
address p.logo {margin-bottom: 40px;}
address p.logo:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #F7B679;
    margin: 30px auto 0;
}
address p.title {margin-bottom: 0;}

footer address a { display: inline-block; position: relative; padding: 15px 20px; clear: both;}


footer address a:before {

	background-color: #F7B679;

	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 {
    clear: both;
/* 	color: #F7B679;*/
	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;}
.credits .inner {float: left;}
.credits p {

	color: #38414A;
	margin: 0;
	font-size: .85em;
}

.credits a,
.credits a:hover{color: #38414A; 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 /////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

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

.message h1: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 h1:before {background-image: url(../img/site/traitement_captcha.png);}

.message.send h1: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 {text-align: center; padding: 0 30px 90px;}
.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;
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.incCookiesWrap p:after,
.incCookiesWrap p:before {
	left: 100%;
	bottom: 7px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	-ms-pointer-events: none;
	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 .wrapBox,
.oldies .wrapBox {overflow: hidden; }

.ie9 .box,
.oldies .box {width: 49.9%; float: left; border: 1px solid #eee;}

.ie9 .apercu_services ul,
.oldies .apercu_services ul {background: #fff;}

.ie9 .apercu_services li {float: left;}
.ie9 .apercu_services li:nth-child(4n) {clear: both;}

.oldies .apercu_services li {width: auto; float: none;}

.ie9 .box:nth-child(odd),
.oldies .box:nth-child(odd) {clear: both;}

.ie9 .galerie a,
.oldies .galerie a {float: left;}

.ie9 .callTo,
.oldies .callTo {clear: both;}
.oldies .promos .callTo h2,
.oldies .tarifs .callTo h2 {padding-top: 90px;}

.oldies body {background: url(../img/bg_top.jpg) center top no-repeat;}

.oldies .bx-wrapper .bx-controls-direction a.bx-next:before {left: 21px; top: 13px;}
.oldies .bx-wrapper .bx-controls-direction a.bx-prev:before {left: 17px; top: 13px;}

.oldies .realisations .galerie a:before {height: 50%; bottom: 0;}
.oldies .realisations .galerie a span {	line-height: 300px;}

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

.oldies body {background: #fafafa url(../img/bg_index_top.jpg) center top no-repeat;}

.oldies .credits p { color: #38414A;}

.ie9 .box,
.oldies .box,
.oldies .mainWrap,
.oldies nav.main,
/*.oldies nav.main > ul > li.last > a:before,*/
.oldies h1.only,
.oldies h2.subtitle,
.oldies .partners,
.oldies .details article,
.oldies .realisations article,
.oldies .services article,
.oldies nav.details ul,
.oldies .errorsend { border-color: #eee;}


span.empty {color: #D7004D !important;}
/*



.empty:before,
.empty:after {display: none;}
.empty {color: #bbb !important; border: 2px solid #D7004D; padding: 10px; position: relative;}




p.empty:before {
    content: 'Texte manquant';
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: .875em;
    font-weight: 700;
    color: #D7004D;
    text-transform: uppercase;
}*/