/* Text styles */
h1						{ font-size:160%; font-weight:600; color:#373639; }
h2						{ font-size:120%; font-weight:normal; color:#00a3d6; padding:10px 0 0 0; }
h3						{ font-size:100%; font-weight:bold; color:#373639; padding:10px 0 0 0; }
strong					{ color:#333333; font-weight:normal; }
a						{ color:#00a3d6; text-decoration:none }
a:hover					{ color:#00a3d6; text-decoration:underline }


/* Images Alignement */


/* Icons */
.icon					{ display:inline-block; width:32px; height:32px; line-height:32px; margin-right:5px; background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align: top; }
.fa-icon 				{ line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; margin-right: .3em; }
.icon-xs				{ width:16px; height:16px; line-height:normal; }
.icon-small				{ width:22px; height:22px; line-height:normal; }
.icon-large				{ width:32px; height:32px; line-height:normal; }
.icon-xl				{ width:48px; height:48px; line-height:normal; }
.icon-facebook			{ background-image:url(../medias/main/images/layout/facebook.png); }
.icon-twitter 			{ background-image:url(../medias/main/images/layout/twitter.png); }
.icon-linkedin		 	{ background-image:url(../medias/main/images/layout/linkedin.png); }
.icon-viadeo		 	{ background-image:url(../medias/main/images/layout/viadeo.png); }
.icon-google-plus		{ background-image:url(../medias/main/images/layout/google-plus.png); }

.icon-arrow-left		 { background-image:url(../medias/main/images/layout/arrow-left.png); }
.icon-arrow-right		 { background-image:url(../medias/main/images/layout/arrow-right.png); }

.icon-phone		 		{ background-image:url(../medias/main/images/layout/icon-phone.png); }
.icon-email		 		{ background-image:url(../medias/main/images/layout/icon-email.png); }

details .icon {
	width:auto;
	margin:0 10px 0 0;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
details .icon {
font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

details 		.icon-plus:before,
details.close 	.icon-plus:before { content: "\f0fe"; }
details[open]	.icon-plus:before,
details.open 	.icon-plus:before { content: "\f146"; }

details 		.icon-plus:before,
details.close 	.icon-arrows:before { content: "\f105"; }
details[open]	.icon-plus:before,
details.open 	.icon-arrows:before { content: "\f107"; }


/* Wrappers, containers */
body 					{ background:#fff; color:#6c5b55; font:100.01% "Open Sans", Helvetica, Arial, sans-serif lighter; font-weight:300; }
html, body		{ height:100%; }
.wrapper			 	{ min-height:100%; position:relative; }
.container				{ margin:0 auto; width:100%; position:relative; }

.home header .logo		{ height:240px; z-index:1000; }


/* Header */
header[role=banner]		{ height:120px; position:relative; z-index:10; background:#fff; background:rgba(255,255,255,0.7); background-repeat:no-repeat; background-position:top center; background-size:cover; }
header .logo			{ position:absolute; height:100px; top:0; left:0; z-index:1000; background:#fff; background:rgba(255,255,255,0.6); padding:10px 20px; }
header .menu			{ position:absolute; top:72px; left:0; background:#373639; }
header .menu ul			{ margin:0 auto; width:auto; position:relative;}
header .breadcrumb		{ position:absolute; top:120px; left:0; background:#00a3d6;	width:100%; }
header .breadcrumb ul	{ margin:0 auto; width:100%; position:relative;}
header .header			{ position:absolute; top:5px; left:0; width:100%; }
header .header ul		{ margin:0 auto; width:100%; position:relative;}
header .sociallinks		{ position:absolute; top:20px; left:0; width:100%; }
header .sociallinks ul	{ margin:0 auto; width:100%; position:relative;}

/* Background */
/* HOMEPAGE SLIDER */
.slideshow-home			{ width:100%; min-height:220px; overflow:hidden; margin:0; padding:0; position:relative; top:0; border-bottom:4px solid #fff; margin-top:-120px }
.slideshow-home figure		{ margin:0; padding:0; display:block; height:auto; width:100%; position:absolute; bottom:0 }
.slideshow-home figure img	{ width:100%; }
.slideshow-home figure figcaption 	{ text-align:right; width:50%; height:auto; padding:10px; position:absolute; bottom:20%; right:25%; z-index:1; color:#fff; font-style:italic; font-size:200%; }


/* Menu styles */
.menu-alternate			{ float:right; margin-right:20px;  }
.menu-alternate i		{ font-size:32px; line-height:48px; color:#fff;  }
.menu-alternate:hover i	{ color:#ccc }

.menu						{ color:#fff; float:left; width:100%; z-index:500; font-size:90%; }
.menu ul					{ margin:0; padding:0; list-style:none; height:48px;  }
.menu ul li					{ margin:2px 0; padding:0; display:block; width:auto; float:left; line-height:44px; position:relative; }
.menu ul li:first-child		{ margin-left:200px;}	
.menu ul li a				{ margin:0; padding:0 15px; min-width:130px; text-align:center; display:block; line-height:44px; color:#fff; text-decoration:none; font-weight:normal }
.menu ul li a:hover,
.menu ul li:hover a			{ background:#00a3d6; color:#fff; text-decoration:none; }
.menu ul ul					{ display:none; }
.menu ul li:hover ul		{ display:block; }
.menu ul ul					{ width:100%; margin:0; padding:0; position:absolute; background:#373639; height:auto; font-size:90%; }
.menu ul ul li				{ margin:0; padding:0; width:100%; }
.menu ul ul li:first-child	{ margin-left:0;}	
.menu ul ul li a			{ text-wrap:normal; white-space:nowrap; color:#fff; text-align:left }
.menu ul li:hover ul li a 	{ background:none; width:100%; margin:0; padding:0; text-indent:15px;  }
.menu ul ul li a:hover		{ background:#00a3d6; color:#fff;}
.menu ul li:hover ul li a:hover { background:#00a3d6; color:#fff; }

/* Breadcrumb styles */
.breadcrumb ul				{ margin:0; padding:0; list-style:none; font-size:80%; font-weight:lighter }
.breadcrumb ul li			{ margin:0 0 0 5px; padding:0; display:block; float:left; width:auto; }
.breadcrumb ul li:after 	{ content:"/"; padding-left:5px;}
.breadcrumb ul li:last-child:after { content:normal;}
header .breadcrumb ,
header .breadcrumb a		{ color:#fff; line-height:24px; }

/* Social & sharing */
.sociallinks ul				{ margin:0; padding:0; list-style:none; }
.sociallinks ul li			{ margin:0; padding:0; display:block; width:auto; float:right; line-height:32px; }
.sociallinks ul li a		{ margin:0; padding:0 0 0 8px; display:block; line-height:32px; }

.sharing				{ margin:10px 0; padding:0; height:24px; }
.sharing header 		{ width:auto;  float:left; }
.sharing header h1 		{ width:auto; display:inline; padding-right:10px; margin:0; border:none; line-height:32px; font-size:90%; color:#00a3d6; font-weight:300 }
.sharing ul				{ margin:0; padding:0; list-style:none; min-width:60px; float:left }
.sharing ul	li			{ display:inline; margin-right:4px; }
.sharing ul	li i		{ padding-top:2px; vertical-align:text-top; opacity:.5 }
.sharing ul	li:hover i	{ padding-top:0; opacity:1 }


/* Header styles */
.header						{ color:#373639; font-size:80%; }
.header ul					{ margin:0; padding:0; list-style:none; }
.header ul li				{ margin:0; padding:0; display:block; width:auto; float:right; line-height:24px; }
.header ul li a				{ margin:0; padding:0 10px; display:block; line-height:24px; color:#373639; text-decoration:none; font-weight:300; }
.header ul li a:hover		{ color:#373639; text-decoration:underline; }


/* Content styles */
main					{ width:100%; min-height:400px; margin-top:0; padding-bottom:0; position:relative;  }
article					{ margin:0 auto; width:100%; padding:40px 0 40px; font-size:90%; }
article.home			{ margin:0 auto; width:100%; padding:0; }
article figure.picture  { float:right; margin:0 0 40px 10px; overflow:hidden; }
article figure.picture img { width:100%; height:auto; }
article .full			{ width:auto; }
article .content		{ width:auto;  }
article .success		{ width:auto; }
article section.content	{ width:auto; float:left }
article aside			{ float:right; clear:both  }


/* References */
.references-tabs		{ margin:20px 0; padding:0; float:left; width:100%; text-align:center; }	
.references-tabs ul		{ margin:0 auto; padding:0; list-style:none; width:auto; }
.references-tabs ul li	{ margin:0 30px 0 0; padding:0; display:inline; width:auto; }
.references-tabs ul li a { margin:0 0 10px; padding:0 15px; display:inline-block; background:#00a3d6; color:#fff; line-height:32px; text-align:center; font-weight:normal; cursor:pointer; border:2px solid #fff;
border-radius: 0; font-weight:bold; min-width:120px; }
.references-tabs ul li a:hover,
.references-tabs ul li.active { background:#666; text-decoration:none }

.references				{ margin:20px 0 0; padding:0; list-style:none; width:100%; min-height:200px; float:left }	
.references	li			{ margin:0 0 20px; padding:0; float:left; width:25%; height:auto; overflow:hidden; position:relative; text-align:center; }
.references	li img		{ width:auto; max-height:50px; max-width:95%; margin:0 auto; padding:10px 0; vertical-align:middle }
.references	li h3		{ display:none; position:absolute; width:100%; height:100%; line-height:24px; padding:10px; background:rgba(0,164,214,0.7); color:#fff; text-align:left; }
.references li:hover h3 { display:block;}


.references	li h3	{
background:#00a3d6;
background:rgba(0,164,214,0.7);
background: -moz-linear-gradient(left,  rgba(0,164,214,1) 0%, rgba(0,164,214,0.85) 33%, rgba(0,164,214,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,164,214,1)), color-stop(33%,rgba(0,164,214,0.85)), color-stop(100%,rgba(0,164,214,0)));
background: -webkit-linear-gradient(left,  rgba(0,164,214,1) 0%,rgba(0,164,214,0.85) 33%,rgba(0,164,214,0) 100%);
background: -o-linear-gradient(left,  rgba(0,164,214,1) 0%,rgba(0,164,214,0.85) 33%,rgba(0,164,214,0) 100%);
background: -ms-linear-gradient(left,  rgba(0,164,214,1) 0%,rgba(0,164,214,0.85) 33%,rgba(0,164,214,0) 100%);
background: linear-gradient(to right,  rgba(0,164,214,1) 0%,rgba(0,164,214,0.85) 33%,rgba(0,164,214,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d6', endColorstr='#0000a3d6',GradientType=1 );
}

/* Timeline */
.bottom.timeline		{ width:100%; height:220px; margin:20px 0; position:relative; overflow:hidden;}


.bottom.timeline		{ height:auto;}

.timeline section			{ width:125px; height:160px; float:left; font-size:90%; position:relative; overflow:hidden; margin-bottom:20px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); margin-right:20px; cursor:pointer  }
.timeline section figure	{ float:left; width:100%; height:100%; text-align:center; overflow:hidden; }
.timeline section figure:before {    /* create a full-height inline block pseudo=element */
    content: '';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}
.timeline section figure img { max-width:100%; display: inline-block; vertical-align: middle;  }
.timeline section h2	{ color:#333; font-size:140%; font-weight:lighter; padding:0; background:rgba(0, 163, 214,0.1); line-height:48px; text-indent:20px; width:100%; position:absolute; bottom:0 }
.timeline section h1	{ color:#00a3d6; font-weight:normal; font-size:130%; margin-top:20px;  }
.timeline section .content { width:60%; float:left; z-index:1000; position:relative }
.timeline section:hover { width:380px; }
.timeline section:hover figure { width:33%; margin-right:20px }

.timeline section h2	{
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 33%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(33%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 33%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 33%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 33%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 33%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

/*.timeline section		{ width:70%; margin:0 15%; float:left; font-size:90%; }
.timeline section figure	{ float:left; width:auto; max-width:60%;  margin-right:30px; overflow:hidden; }
.timeline section figure img { width:100%; height:auto; max-height:200px;}
.timeline section h2	{ color:#999; font-size:100%; font-weight:lighter; padding:0; }
.timeline section h1	{ color:#00a3d6; font-weight:normal; font-size:130%; }

.timeline section		{ position:absolute; }
*/

/* Testimonials */
.testimonials blockquote		{ width:90%; margin:20px 5%; float:left; font-size:90%; position:absolute; }
.blocs .box.testimonials 		{ width:100%; height:140px; overflow:hidden; border:none; background:none; font-size:85%; position:relative; }
.blocs .box.testimonials header		{ position:relative; top:0; padding:0 10px; }

.blockquotes-slider			{ background:red;}

.slider-nav-arrows ul				{ margin:0; padding:0; width:100%; list-style:none; font-size:200%; }
.slider-nav-arrows ul li			{ margin:0; padding:0; position:absolute; top:50%; cursor:pointer }
.slider-nav-arrows ul li:last-child { right:0; }


/* Team */
.bottom.team			{ width:100%; margin:20px 0; position:relative; }
.team section			{ width:auto; margin:20px 50px 20px 0; padding:20px 0; float:left; font-size:90%; text-align:center; /*background:rgba(200,200,200,0.1); box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2); */}
.team section h2	{ color:#999; font-size:100%; font-weight:lighter; padding:0; }
.team section h1	{ color:#00a3d6; font-weight:normal; font-size:130%; padding:5px 0 0; }
.team section figure	{ width:100%; height:50%; overflow:hidden; }
.team section figure img	{  
	width: 100px;
	height: auto;
	/*border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;*/
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display: block; 
	/*border:1px solid #fff;
		box-shadow:0px 0px 6px rgba(0, 0, 0, 0.75);*/

}
.team section figure:hover img { opacity:1}


/* Accordion */
details					{ display:block; }
summary					{ cursor:pointer; font-size:120%; font-weight:normal; color:#00a3d6; padding:10px 0 0 0; display:block; line-height:12px; }


/* Footer styles */
.clear-footer			{ clear:both; display:block; background:blue; float:left; }
footer					{ background:#cccccc; color:#373639; font-weight:lighter; width:100%; 
	position: static; clear:both; float:left; }
footer .agreement		{ float:left; width:35%; line-height:12px; }
footer .copyright		{ float:right; clear:both; line-height:12px; font-size:90%; }
footer .address			{ float:right; font-size:80%; padding:0; margin:0; width:auto; text-align:right; font-style:normal; clear:both;  }
footer .address	p		{ padding:2px 0; font-style:normal }
footer .note			{ color:#666; font-size:70%; }
footer .sharing			{ float:right; min-width:100px; clear:both; }

/* Form styles */
fieldset				{ border:none; margin:20px 0 0; padding:0; }
form ul					{ margin:0; padding:0; list-style:none; }
form ul li				{ margin:0; padding:0; line-height:32px; margin-bottom:20px; clear:both }
label					{ color:#333; float:left; width:180px; line-height:32px; cursor:pointer}
input, textarea, select	{ font:80% Helvetica, Arial, sans-serif normal; width:300px; line-height:32px; border:1px solid #ccc; padding:0 5px; }
textarea				{ height:80px; }
button					{ font:120% Helvetica, Arial, sans-serif normal; width:auto; float:left; margin:10px 20px 30px 0; background:#00A3D6; border:1px solid#fff; line-height:32px; color:#fff; padding:0 20px; }

form p.error			{ color:#900; float:left; line-height:48px; }


/* Box styles */
.blocs					{ float:none; }
.blocs .box 			{ float:right; height:auto; background:#fff;  position:relative; text-align:left; margin:50px 0 20px 0; font-size:90%; }
.blocs .box header 		{ /*position:absolute; top:-35px;*/ } 
.blocs .box header h1   { margin:0; padding:0; color:#00a3d6; font-weight:300; line-height:32px; background:none; font-size:180%; } 
.blocs .box header h1 a   { color:#00a3d6; display:block; background:none; text-decoration:none; } 
.blocs .box header h1 a:hover {  color:#00a3d6; text-decoration:none; }
.blocs .box figure		{ width:100%; height:180px; float:none; text-align:left; margin:0; padding:0; overflow:hidden; }
.blocs .box figure img	{ width:100%; }
.blocs .box figure figcaption	{ position:absolute; top:0; left:0; background:#00a3d6; background:rgba(0,163,214,0.6); font-size:85%; line-height:15px; font-style:italic; height:45px; overflow:hidden; padding:5px 8px; color:#fff; }
.blocs .box figure figcaption a	{ color:#fff; }
.blocs .box a 		{ color:#373639; }
.blocs .box a:hover		{ color:#000; text-decoration:none; }


.home .blocs			{ width:auto; }
.home .blocs .box		{ margin-right:50px; }
.home .blocs .box figure figcaption { height:60px }
.home .blocs .box:nth-of-type(3) { margin-right:0 }

/*.blocs .box.conseil 			{ border-color:#662d91; }
.blocs .box.conseil header h1,
.blocs .box.conseil header h1 a { color:#662d91; }
.blocs .box.conseil figcaption 	{ background:#662d91; background:rgba(102,45,145,0.6); }

.blocs .box.acquisition 			{ border-color:#9e005d; }
.blocs .box.acquisition header h1,
.blocs .box.acquisition header h1 a { color:#9e005d; }
.blocs .box.acquisition figcaption 		{ background:#9e005d; background:rgba(158,0,93,0.6); }

.blocs .box.gestion 			{ border-color:#c1272d; }
.blocs .box.gestion header h1,
.blocs .box.gestion header h1 a { color:#c1272d; }
.blocs .box.gestion figcaption 	{ background:#c1272d; background:rgba(193,39,45,0.6); }
*/
/*
.blocs .box.candidature 			{ border-color:#ccc; margin-top:0 }
.blocs .box.candidature header 		{ top:0; margin:0; text-align:center; width:100%; }
.blocs .box.candidature header h1,
.blocs .box.candidature header h1 a { color:#373639; font-variant:small-caps; font-size:100%; text-align:center; font-weight:normal  }
.blocs .box.candidature figcaption 	{ background:#fff; background:rgba(255,255,255,0.8); color:#373639; height:auto; font-size:80%; }
.blocs .box.candidature figcaption a 	{ color:#373639 }
*/

.blocs .box.verbatim			{ width:100%; border:none; background:none; height:auto; font-size:80%; margin-bottom:72px; }
.blocs .box.verbatim figure		{ width:auto; float:left; margin-right:20px; }
.blocs .box.verbatim header		{ position:absolute; top:100%; right:0; text-align:right; font-style:italic; font-size:80%; line-height:16px; padding-bottom:0px; }
.blocs .box.verbatim header h2	{ color:#333; font-size:140%; padding:0; font-weight:normal; font-style:normal; }
.blocs .box.verbatim h2			{ padding-top:0; font-size:160%; }
/*
.blocs .box.testimonials 		{ width:100%; height:auto; border:none; background:none; font-size:85%; }
.blocs .box.testimonials header		{ position:relative; top:0; padding:0 10px; }
.blocs .box.testimonials blockquote	{ float:left; display:block; width:45%; padding:0 10px; margin:0; }
.blocs .box.testimonials blockquote:nth-of-type(odd) { float:right; }
*/
.blocs .box.candidature 		{ height:auto; border:none; background:none; }


.blocs .box.text 		{ height:auto; border:none; background:none; }
.blocs .box.images-bottom { height:auto; float:left; width:100%; background:none; border:none; margin:0 0 10px; padding:0; }

.blocs .box.address 		{ height:auto; border:none; background:none; }
.blocs .box.address header 	{ position:relative; top:0;  } 
.box.address strong			{ font-size:120%; }

.blocs iframe  { float:right; width:100%; height:260px; margin:0 0 20px 0; }


.blocs.right		{ float:right; width:auto}
.blocs.right .box { float:right; margin-top:20px;  }

.blocs.right .box.address { text-align:right; }
.blocs.right .box.candidature { text-align:right; }
.blocs.right .box.candidature header { right:0 }

.blocs.bottom { clear:both; width:100%; height:auto; float:left; background:rgba(204,204,204,0.25); margin-bottom:-10px; }
.blocs.bottom.no-background { background:none; }
.blocs.bottom .box { float:left; margin-top:20px;  }
.blocs.bottom .box figure { border:none; margin-bottom:10px; }


.blocs.bottom iframe  { float:left; width:40%; height:260px; margin:20px 20px 20px 0; }
.blocs.bottom .box.address 	{ width:20%; }
.blocs.bottom .box.text 	{ width:30%; }

.home .blocs.bottom	{ margin:20px 0; }

article iframe		{ width:50%; height:260px; margin:0 0 20px 0; }
article .box.address { width:25%; float:left; margin:0 0 20px 0; }

.home .blocs .box:last-child { margin-right:0; }
.home .blocs .box:hover { opacity:.8; }

/*.blocs.bottom .box.fulladdress iframe  { float: left; width:40%; height:300px; }
.blocs.bottom .box.fulladdress address { float: left; width:20%; }
.blocs.bottom .box.fulladdress section { float: left; width:30%; padding-left:20px; }
*/
/* Slideshow */



/* Section Boxes */
.section-service { float:left; width:30%; height:270px; margin:75px 5% 35px 0; padding:0; border-top:5px solid #00a3d6; text-align:center; position:relative; background:rgba(200,200,200,0.1); font-size:90%; }
.section-service i { color:#333; width:140px; height:140px; margin-left:0; background:#fff; border-radius:50%; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); font-size: 50px; line-height:140px; padding:0; margin:0 auto; position:relative; top:-70px;  }
.section-service:hover i { font-size:45px; color: #00a3d6; text-shadow: #ffffff; width: 110px; height:110px; line-height:110px; top:-55px; }
.section-service h1	{ color:#00A3D6; font-weight:normal; text-transform:uppercase; font-size:120%;}
.section-service a:hover { text-decoration:none; color:#333 }
.section-service:hover { background-color:rgba(0,164,214,0.1) }
.section-service { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); border-radius:0; }
.section-service .content { position:absolute; top:70px; left:0; padding:20px; }
.section-service a h1 { color:#00A3D6 }
.section-service a * { color:#333 }

.section-service:last-child { margin-right:0; }


.section-service, .section-service i, .timeline section
{
  display: block;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-delay: 0s;
}

/* CSS 2/3 EFFECTS */
.slideshow-home {
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

.references-tabs ul li a {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

button, input, textarea, select {
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
}

input, textarea, select {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

header .logo {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.slideshow-home figcaption {
	background: -moz-linear-gradient(left,  rgba(55,54,57,0) 0%, rgba(55,54,57,1) 75%, rgba(55,54,57,0.25) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(55,54,57,0)), color-stop(75%,rgba(55,54,57,1)), color-stop(100%,rgba(55,54,57,0.25)));
	background: -webkit-linear-gradient(left,  rgba(55,54,57,0) 0%,rgba(55,54,57,1) 75%,rgba(55,54,57,0.25) 100%);
	background: -o-linear-gradient(left,  rgba(55,54,57,0) 0%,rgba(55,54,57,1) 75%,rgba(55,54,57,0.25) 100%);
	background: -ms-linear-gradient(left,  rgba(55,54,57,0) 0%,rgba(55,54,57,1) 75%,rgba(55,54,57,0.25) 100%);
	background: linear-gradient(to right,  rgba(55,54,57,0) 0%,rgba(55,54,57,1) 75%,rgba(55,54,57,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373639', endColorstr='#373639',GradientType=1 );

	background: none;
	
}



.slideInLeft,
.inactive.slideInLeft,
.active.slideInLeft	{ 
  -webkit-animation: slideInLeft 0.5s ease-out 0s 1 normal;
          animation: slideInLeft 0.5s ease-out 0s 1 normal;
	left:0; 
	opacity:1;
}

.slideOutLeft,
.inactive.slideOutLeft	{ 
  -webkit-animation: slideOutLeft 0.5s ease-out 0s 1 normal;
          animation: slideOutLeft 0.5s ease-out 0s 1 normal;
	left:-100%; 
	opacity:0;
}

.slideOutRight,
.inactive.slideOutRight	{ 
  -webkit-animation: slideOutRight 0.5s ease-out 0s 1 normal;
          animation: slideOutRight 0.5s ease-out 0s 1 normal;
	left:100%; 
	opacity:0;
}

.slideInRight,
.inactive.slideInRight	{ 
  -webkit-animation: slideInRight 0.5s ease-out 0s 1 normal;
          animation: slideInRight 0.5s ease-out 0s 1 normal;
	left:0; 
	opacity:1;
}



/*.details-content { 
  -webkit-animation: scaleUp 0.2s ease-out 0s 1 normal;
          animation: scaleUp 0.2s ease-out 0s 1 normal;
	height:0px;
	opacity:0;
	display:block;
	overflow:hidden;
}


details[open] .details-content,
details.open .details-content {
  -webkit-animation: scaleDown 0.2s ease-out 0s 1 normal;
          animation: scaleDown 0.2s ease-out 0s 1 normal;
	height:auto;
	opacity:1;
}
*/
@keyframes slideOutLeft				{ 0%   { left:0; opacity:1; } 100% { left:-100%; opacity:0; } }
@keyframes slideInLeft				{ 0%   { left:100%; opacity:0; } 100% { left:0; opacity:1; } }
@keyframes slideInRight				{ 0%   { left:-100%; opacity:0; } 100% { left:0; opacity:1; } }
@keyframes slideOutRight			{ 0%   { left:0; opacity:1; } 100% { left:100%; opacity:0; } }
@keyframes scaleIn					{ 0%   { width:0px; height:0px; opacity:0; } 100% { width:auto; height:50px; opacity:1; } }
@keyframes scaleOut					{ 0%   { width:auto; height:50px; opacity:1; } 100% { width:0px; height:0px; opacity:0; } }
@keyframes scaleDown				{ 0%   { height:0px; opacity:0; } 100% { height:75px; opacity:1; } }
@keyframes scaleUp					{ 0%   { height:75px; opacity:1; } 100% { height:0px; opacity:0; } }

@-webkit-keyframes slideOutLeft		{ 0%   { left:0; opacity:1; } 100% { left:-100%; opacity:0; } }
@-webkit-keyframes slideInLeft		{ 0%   { left:100%; opacity:0; } 100% { left:0; opacity:1; } }
@-webkit-keyframes slideInRight		{ 0%   { left:-100%; opacity:0; } 100% { left:0; opacity:1; } }
@-webkit-keyframes slideOutRight	{ 0%   { left:0; opacity:1; } 100% { left:100%; opacity:0; } }
@-webkit-keyframes scaleIn			{ 0%   { width:0px; height:0px; opacity:0; } 100% { width:auto; height:50px; opacity:1; } }
@-webkit-keyframes scaleOut			{ 0%   { width:auto; height:50px; opacity:1; } 100% { width:0px; height:0px; opacity:0; } }
@-webkit-keyframes scaleDown 		{ 0%   { height:0px; opacity:0; } 100% { height:75px; opacity:1; } }
@-webkit-keyframes scaleUp			{ 0%   { height:75px; opacity:1; } 100% { height:0px; opacity:0; } }



.slideshow-home figure {
    -webkit-transition: all 1000ms ease-in-out 0s;
    -moz-transition: all 1000ms ease-in-out 0s;
    -o-transition: all 1000ms ease-in-out 0s;
    transition: all 1000ms ease-in-out 0s;
}
.slideshow-home figure					{ opacity:0; }
.slideshow-home figure.outPrevious		{ opacity:0; }
.slideshow-home figure.outNext			{ opacity:0; }
.slideshow-home figure.active			{ opacity:1; }

.blockquotes-slider blockquote {
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
	transition-property: all 500ms ease-in-out 0s;
}
.blockquotes-slider blockquote				{ left:100%; opacity:0; }
.blockquotes-slider blockquote.outPrevious	{ left:-100%; opacity:0; }
.blockquotes-slider blockquote.outNext		{ left:100%; opacity:0; }
.blockquotes-slider blockquote.active		{ left:0; opacity:1; }



.details-content {
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.details-content { 
	height:0px;
	opacity:0;
	display:block;
	overflow:hidden;
}


details[open] .details-content,
details.open .details-content {
	height:auto;
	opacity:1;
}


.menu ul.main {
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.menu ul li a, .home .blocs .box {
	-webkit-transition: all 150ms linear 0s;
	-moz-transition: all 150ms linear 0s;
	-o-transition: all 150ms linear 0s;
	transition: all 150ms linear 0s;
}

.references li img, .references li {
	-webkit-transition: all 50ms linear 0s;
	-moz-transition: all 50ms linear 0s;
	-o-transition: all 50ms linear 0s;
	transition: all 50ms linear 0s;
}

.references li.active img, .references li.active {
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.references { overflow:hidden;}
.references li { 
	margin:0;
	-ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);
}

.references span { 
	display:none;
}

.references span.active { 
	display:inline-block;
}
.references span.active:after {
	content:",";
	padding-right:5px;
}
.references span.active:last-child:after {
	content:"";
	padding-right:0;
}

.references li.active { 
	width:25%;
	height:auto;
	margin-bottom:20px;
	-ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}

.references li.active img { 
	width:auto; 
	height:50px;
	opacity:1;
	display:block;
}

.references li img { 
	opacity:0;
	display:none;
}

form p.error {
	opacity:0;
	width:0px;
}

form p.error.active {
	opacity:1;
	width:auto;
}

form p.error, article .success, form {
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

article .success {
	opacity:0;
	height:0px;
}

article .success.active {
	opacity:1;
	height:auto;
}


article form {
	opacity:1;
	position:relative;
	top:auto;
}
article form.hidden {
	opacity:0;
	position:absolute;
	top:-1000px;
}

/* RESPONSIVE DESIGN */
/* Non @media compliant, 1024 as default */

@media (min-width: 320px) { 
	.container			 			{ width:95%; }
	
	.menu-alternate					{ display:inline-block; }	
	
	.menu ul.main					{ position:absolute; top:0; left:0; background:#373639; }	
	.menu ul.main					{ height:0; opacity:0; top:0; z-index:-1 }
	.menu ul.main.active			{ height:auto; opacity:1; top:48px; right:0; z-index:100; }
	.menu ul li:first-child			{ margin-left:0;}	
	
	.menu ul.main li				{ float:right; clear:both; }
	.menu ul.main li a				{ text-align:right; }
	.menu ul.main ul				{ left:-105%; top:0; }
	.menu ul.main li ul	li a			{ padding-right:5%; }


	
	footer .address					{ width:100%; text-align:center; }
	footer .agreement				{ width:100%; text-align:center; }
	footer .copyright				{ width:100%; text-align:center;}

	.home .blocs .box				{ width:100%; max-width:350px; margin-right:auto; margin-left:auto; float:none; }
	.home .blocs .box:last-child	{ margin-right:auto; }
	.home .blocs .box figure 		{ height:180px; }

	article							{ width:95%; /*padding:0 10px;*/ }
	article figure.picture			{ max-width:100%; float:none; margin-left:auto; margin-right:auto; }
	article section.content 		{ width:auto; }
	article .blocs.right			{ width:100%; float:none; }
	article .blocs.right .box.address   { text-align:center; }
	
	.blocs .box.verbatim figure		{ float:none; }
	.blocs .box.verbatim figure img	{ width:auto; }

	.timeline section, 
	.timeline section:hover 		{ width:100%; }
	.timeline section figure 		{ width:33%; margin-right:20px }
	
	article iframe		{ width:100%; height:260px; margin:0 0 20px 0; }
	article .box.address { width:100%; float:none; margin:0 0 20px 0; }

	.references	li.active					{ width:100%; }

	.section-service { float:none; width:100%; max-width:320px; margin-left:auto; margin-right:auto; margin-top:100px; height:240px; }
	.section-service:last-child { margin-right:auto; }

	.blocs .box.testimonials 		{ height:320px; }

	.blocs.bottom iframe  			{ float:none; width:100%; height:160px; margin:0; }
	.blocs.bottom .box.address 		{ width:100%; font-size:90%; text-align:center; }
	.blocs.bottom .box.text 		{ width:100%; text-align:center; }
	
	.slideshow-home figure img			{ width:175% }
}

@media (min-width: 480px) { 
	.container			 			{ width:95%; }
	article .blocs.right			{ float:none;  }
	article .blocs.right .box.candidature   { text-align:right; max-width:320px; }
	article .blocs.right .box.address   { text-align:right; }
	article .box.address { width:50%; float:left; margin:0 0 20px 0; }

	.references	li.active					{ width:50%; }
	.blocs .box.testimonials 		{ height:240px; }

	.blocs.bottom iframe  			{ float:right; width:60%; height:160px; margin:20px 0 0 0; }
	.blocs.bottom .box.address 		{ width:35%; font-size:85%; }
	.blocs.bottom .box.text 		{ width:100%; text-align:left; }
	.blocs.bottom .box.text br 		{ display:none; }
}

@media (min-width: 600px) { 
	footer .agreement				{ width:35%;  text-align:left; }
	footer .address					{ width:auto; text-align:right; }
	footer .copyright				{ width:auto; text-align:left;  }


	article .blocs.right			{ width:auto; float:right; }
	article .blocs.right .box.address   { text-align:right; width:100%; }
	.blocs .box.verbatim figure		{ float:left; }

	.references	li.active					{ width:50%; }
	.blocs .box.testimonials 		{ height:180px; }

	.blocs.bottom iframe  			{ float:right; width:65%; height:160px; margin:20px 0 0 0; }
	.blocs.bottom .box.address 		{ width:30%; font-size:90%; }
	.blocs.bottom .box.text 		{ width:100%; }
	.blocs.bottom .box.text br 		{ display:none; }
	
	
	.slideshow-home figure img			{ width:125% }
}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) { 
	.container, 	
	header .menu ul,	
	header .breadcrumb ul,
	header .header ul,
	header .sociallinks ul 	{ width:750px; }

	header .menu ul ul		{ width:100%; }
	.menu-alternate			{ display:none; }		
	.menu ul.main			{ position:relative; top:0; right:auto; left:0; display:block; height:auto; opacity:1;  }
	.menu ul li:first-child			{ margin-left:200px;}	
	.menu ul.main li				{ float:left; clear:none; }
	.menu ul.main li a				{ text-align:center; }
	.menu ul.main ul				{ left:0; top:auto; }
	.menu ul.main li ul	li a			{ padding-right:0; text-indent:0 }

	article.home			{ width:770px; padding:0; }
	article					{ width:750px; /*padding:0 10px;*/ }
	
	article .blocs.right	{ width:300px; }
	article figure.picture	{ max-width:300px; float:right; margin-left:10px; }
	article section.content { width:420px; }

	.blocs .box 					{ width:232px; }
	.blocs .box figure figcaption	{ width:216px; }
	.home .blocs .box				{ width:222px; margin-right:30px; }
	.home .blocs .box				{ width:30%; margin-right:5%; float:left; }
	.home .blocs .box figure 		{ height:150px; }
	.home .blocs .box figure figcaption	{ width:206px; }

	label					{ width:120px; }
	input, textarea, select	{ width:240px; }

	.timeline section					{ width:130px; }
	.timeline section:hover 			{ width:430px; }
	.timeline section figure			{ width:100%; }
	.timeline section:nth-of-type(3n+1) { clear:both; }
	
	.menu ul li a				{ padding:0 10px; min-width:100px; }

	
	article iframe		{ width:100%; height:260px; margin:0 0 20px 0; }
	article .box.address { width:25%; float:left; margin:0 0 20px 0; }

	.references	li.active					{ width:25%; }

	.section-service { float:left; width:30%; height:270px; margin-right:5%; max-width:none }
	.blocs .box.testimonials 		{ height:160px; }
	
	.slideshow-home figure img			{ width:100% }
}

/* Normal devices */
@media (min-width: 992px) { 
	.container, 	
	header .menu ul,	
	header .breadcrumb ul,
	header .header ul,
	header .sociallinks ul 	{ width:970px; }

	.slideshow-home				{ min-height:300px; }

	article.home			{ width:970px; padding:0; }

	article					{ width:950px; /*padding:0 10px;*/ }
	article .blocs.right			{ width:390px; }
	article figure.picture	{ max-width:390px; }
	article section.content { width:546px; }
		
	.blocs .box 					{ width:304px; }
	.blocs .box figure figcaption	{ width:288px; }
	.home .blocs .box				{ width:274px; margin-right:60px; }
	.home .blocs .box				{ width:30%; margin-right:5%; }
	.home .blocs .box figure 		{ height:160px; }
	.home .blocs .box figure figcaption	{ width:258px; }

	/*.references	li { width:25%; }*/
	
	label					{ width:156px; }
	input, textarea, select	{ width:312px; }
	
	.menu ul li a				{ padding:0 15px; min-width:130px; }
	
	.timeline section:nth-of-type(3n+1) { clear:none; }
	.timeline section:nth-of-type(4n+1) { clear:both; }
	
	article iframe		{ width:50%; height:260px; margin:0 0 20px 0; }
	article .box.address { width:25%; float:left; margin:0 0 20px 0; }
	
	.blocs .box.testimonials 		{ height:140px; }

	.blocs.bottom iframe  			{ float:left; width:40%; height:160px; margin:20px 20px 20px 0; }
	.blocs.bottom .box.address 		{ width:20%; }
	.blocs.bottom .box.text 		{ width:30%; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container, 	
	header .menu ul,	
	header .breadcrumb ul,
	header .header ul,
	header .sociallinks ul,
	article.home			{ width:1170px; }

	.slideshow-home				{ min-height:375px; }
	main					{ min-height:500px;  }

	article					{ width:1150px; }
	article .blocs.right			{ width:475px; }
	article figure.picture	{ max-width:475px; }
	article section.content { width:665px; }
	
	.blocs .box 					{ width:380px; width:372px;  }
	.blocs .box figure figcaption	{ width:356px; }
	.home .blocs .box				{ width:342px; margin-right:60px; }
	.home .blocs .box				{ width:30%; margin-right:5%; }
	.home .blocs .box figure 		{ height:180px; }
	.home .blocs .box figure figcaption	{ width:326px; }

	/*.references	li { width:25%; }*/	

	label					{ width:190px; }
	input, textarea, select	{ width:380px; }
	
	
	.timeline section:nth-of-type(4n+1) { clear:none; }
	.timeline section:nth-of-type(5n+1) { clear:both; }
}

@media (min-width: 1400px) {
	main					{ min-height:600px; }
}


@media (min-width: 1600px) {
	.slideshow-home			{ min-height:520px; }
	main					{ min-height:680px; }
}

@media (min-width: 1920px) {
	main					{ min-height:680px; }
}



.mce-content-body details summary {}
.mce-content-body details .details-content { display:block; height:auto; opacity:1; }