/* HTML - BODY
==========================================================================================================================================================*/
body { background: #efefef; font-family: 'PT Sans', sans-serif; color: #4a5360; text-align: left; font-size: 16px; }
	body.home { text-align: center; }
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap { min-height: 100%; overflow-x:hidden;}
/* FIN HTML - BODY */


/* ELEMENTS
==========================================================================================================================================================*/
h1, h2, h3, h4 { text-shadow: 0.05em 0.05em 0 #fff; font-family: 'PT Sans', sans-serif; font-weight: bolder; }
h1 { margin: 0 0 1.5em 0; color: #767b81; font-size: 2em; font-weight: normal; /*text-transform: uppercase;*/ line-height: 1em; }
h1.h2 { margin: 0 0 1.25em 0; color: #6a6a6a; font-size: 1.5em; font-weight: normal; /*text-transform: uppercase;*/ line-height: 1.25em; }
h2 { margin: 1.5em 0 1.25em 0; color: #6a6a6a; font-size: 1.5em; font-weight: normal; /*text-transform: uppercase;*/ line-height: 1.25em; }
	aside h2 { margin: 0 0 1.25em 0; font-size: 1.3em; }
h3 { margin: 1.875em 0 1.25em 0; color: #6a6a6a; font-size: 1.25em; font-weight: normal; /*text-transform: uppercase;*/ line-height: 1.1em; }
h4 { margin: 1.875em 0 1.25em 0; color: #6a6a6a; font-size: 1em; font-weight: normal; /*text-transform: uppercase;*/ line-height: 1em; }

hgroup { margin: 0 0 2em 0; }
	hgroup h1 { margin: 0; }
	hgroup h2,hgroup h1.h2  { font-size: 1.5em; color: #292d30; text-transform: /*uppercase;*/ margin: 0; }
		hgroup h2 strong,hgroup h1.h2 strong { color: #0d90a4; }

.align-left { float: left; }
.align-right { float: right; }

section.highlight { background: #fff; margin-top: 2em; padding: 1em 0 3em 0; -moz-box-shadow: 0px 1px 4px #ccc; -webkit-box-shadow: 0px 1px 4px #ccc; box-shadow: 0px 1px 4px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#ccc'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#ccc')"; }

section ul > li { background: url(../img/list.png) no-repeat 0 2px; padding-left: 1em; }
section ul ul { list-style-type: circle; margin-left: 2.5em; }

.separ { background: url(../img/bg_separ.png) repeat-y 40px 0; }
.lines { background: url(../img/bg_lines.png) repeat-x center center; text-align: center; }
	.lines span { background: #efefef; padding: 0 15px; }
		section.highlight .lines span { background: #fff; }

.triangle.blanc { width: 220px; height: 220px; line-height: 220px; font-size: 1.31em; text-transform: uppercase; background: url(../img/triangle_blanc.png) no-repeat 0 0; text-align: center; position: relative; margin: 0 auto 20px auto; }
	.triangle strong { color: #0d90a4; }

::selection { background: #1c2022; color: #fff; text-shadow: none; }
::-moz-selection  { background: #1c2022; color: #fff; text-shadow: none; }
::-webkit-selection { background: #1c2022; color: #fff; text-shadow: none; }

a, a:visited { color: #0d90a4; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; }

p { text-shadow: 0.05em 0.05em 0 #fff; letter-spacing:.06em; }	
	p strong { color :#45494e; }

.video {margin-top: 30px;}
	.video p {margin-bottom: 10px;}
	.video iframe{margin-bottom: 15px;}
	.video iframe:nth-child(2n+2) { margin-right: 15px;}
/* FIN ELEMENTS */


/* STRUCTURE
==========================================================================================================================================================*/
#center { width: 745px; float: left; }
#right { width: 150px; float: left; }
#content { padding: 60px 0 85px 0; }
	body.home #content { padding-top: 150px; }
	body.reference #content { padding-top: 60px; }
/* FIN STRUCTURE */


/* HEADER
==========================================================================================================================================================*/
#header { height: 53px; padding: 14px 0 0 0; background: #fff; width: 100%; position: fixed; z-index: 100; margin-top: 5px; -moz-box-shadow: 0px 1px 4px #666; -webkit-box-shadow: 0px 1px 4px #666; box-shadow: 0px 1px 4px #666; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#666'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#666')"; }
#logo { display: block; width: 194px; height: 40px; text-indent: -3500px; }
	body.fr #logo { background: url(../img/logo_fr.png) no-repeat 0 0; }
	body.en #logo { background: url(../img/logo_en.png) no-repeat 0 0; }
	body.nl #logo { background: url(../img/logo_nl.png) no-repeat 0 0; }
#bt_devis { display: block; padding-left: 60px; width: 111px; height: 47px; line-height: 47px; position: fixed; right: -10px; top: 120px; background: url(../img/bt_devis.png) no-repeat 0 0; text-decoration: none; color: #fff; text-transform: uppercase; }
.home #bt_devis{padding-left: 40px; width: 131px; }
	#bt_devis strong { color: #fff; }
/* FIN HEADER */


/* LANGUAGE SWITCHER
==========================================================================================================================================================*/
#lang { margin-top: 5px; text-transform: uppercase; border-left: 1px #e3e3e3 solid; padding-left: 16px; font-size: 0.812em; text-shadow: 0.05em 0.05em 0 #d2d4d5; }
	#lang > ul { margin: 0; padding: 0; height: 20px; }
		#lang > ul > li { display: block; margin: 0; padding: 0; }
			#lang > ul > li > a { background: url(../img/lang_drop.png) #d8dfe2 no-repeat 5px 10px; text-decoration: none; display: block; padding: 5px 5px 5px 20px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
				#lang ul > li.hover a { background: url(../img/lang_drop.png) #1c2022 no-repeat 5px 10px; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

/* Niv 2 */
#lang ul > li > ul { text-align: left; font-size: 0.875em; background: #1c2022; margin: -10px 0 0 0; padding: 15px 20px; min-width: 15px; display: none; position: absolute; top: 100%; z-index: 101; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; -moz-box-shadow: 0px 1px 4px #333; -webkit-box-shadow: 0px 1px 4px #333; box-shadow: 0px 1px 4px #333; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#333'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#333')"; }
	#lang ul > li > ul > li { margin: 0; padding: 0; list-style: none; }
		#lang ul > li > ul > li > a { text-decoration: none; color: #efefef; }
			#lang ul > li > ul > li > a:hover { color: #fff; font-weight: bolder; }
/* FIN LANGUAGE SWITCHER */


/* MENU
==========================================================================================================================================================*/
#navigation { padding-top: 2px; font-family: Arial, sans-serif; font-size: 0.875em; text-shadow: 0.05em 0.05em 0 #d2d4d5; }
	#navigation ul { margin: 0; padding: 0; }
		#navigation > ul > li { display: block; float: left; list-style: none; margin: 0; border-left: 1px #e3e3e3 solid; padding: 0 3px; }
			#navigation > ul > li.first { border-left: 0px; }
			#navigation > ul > li > a { display: block; float: left; color: #585d63; text-decoration: none; padding: 5px 12px; }
				#navigation > ul > li > a:hover { color: #0d90a4; }
				#navigation > ul > li > a.active { color: #0d90a4; font-weight: bolder; }
				#navigation > ul > li.hover > a { background: #1c2022; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

/* Niv 2 */
#navigation ul ul { text-align: left; font-size: 0.875em; background: #1c2022; margin: -10px 0 0 0; padding: 15px 20px; min-width: 280px; display: none; position: absolute; top: 100%; z-index: 101; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; -moz-box-shadow: 0px 1px 4px #333; -webkit-box-shadow: 0px 1px 4px #333; box-shadow: 0px 1px 4px #333; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#333'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#333')"; }
	#navigation ul ul li { border-top: 1px solid #393c3e; padding: 8px 0 5px 0; }
		#navigation ul ul li.first { border-top: 0; }
		#navigation ul ul li a { text-decoration: none; color: #efefef; }
			#navigation ul ul li a:hover, #navigation ul ul li a.active { font-weight: bolder; color: #fff; }
/* FIN MENU */


/* BANNER
==========================================================================================================================================================*/
#banner { position: relative; min-width: 960px; width: 100%; height: 220px; background: #333; overflow: hidden; z-index: 0; }
	#banner img { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: auto; z-index: 0; }
#banner_rond { position: absolute; z-index: 2; width: 180px; left: 50%; margin: 130px 0 0 -90px; }
/* FIN BANNER */


/* HOME
==========================================================================================================================================================*/
/* Focus */
#focus { width: 100%; height: 520px; background: #D9D9D9; }

#sequence { position: relative; margin: 0 auto; width: 960px; height: 520px; }
	#sequence > .sequence-canvas { height: 100%; width: 100%; }
		#sequence > .sequence-canvas > li { position: absolute; width: 100%; height: 100%; z-index: 1; top: -50%; }
			#sequence > .sequence-canvas > li > div.overflow { overflow: hidden; width: 960px; height: 780px; }
			#sequence > .sequence-canvas li > * { position: absolute; -webkit-transition-property: left, opacity; -moz-transition-property: left, opacity; -ms-transition-property: left, opacity; -o-transition-property: left, opacity; transition-property: left, opacity; }
		
/* Couleurs */
#focus.sequence1 {
	background: #0984ae;
	background: -webkit-radial-gradient(center, ellipse, #c5e1ec, #0984ae);
	background: -moz-radial-gradient(center, ellipse, #c5e1ec, #0984ae);
	background: -ms-radial-gradient(center, ellipse, #c5e1ec, #0984ae);
	background: -o-radial-gradient(center, ellipse, #c5e1ec, #0984ae);
	background: radial-gradient(center at ellipse, #c5e1ec, #0984ae);
}

#focus.sequence2 {
	background: #d47729;
	background: -webkit-radial-gradient(center, ellipse, #e6b532, #d47729);
	background: -moz-radial-gradient(center, ellipse, #e6b532, #d47729);
	background: -ms-radial-gradient(center, ellipse, #e6b532, #d47729);
	background: -o-radial-gradient(center, ellipse, #e6b532, #d47729);
	background: radial-gradient(center at ellipse, #e6b532, #d47729);
}

#focus.sequence3 {
	background: #518e65;
	background: -webkit-radial-gradient(center, ellipse, #79b089, #518e65);
	background: -moz-radial-gradient(center, ellipse, #79b089, #518e65);
	background: -ms-radial-gradient(center, ellipse, #79b089, #518e65);
	background: -o-radial-gradient(center, ellipse, #79b089, #518e65);
	background: radial-gradient(center at ellipse, #79b089, #518e65);
}

#focus.sequence4 {
	background: #981f26;
	background: -webkit-radial-gradient(center, ellipse, #b62125, #981f26);
	background: -moz-radial-gradient(center, ellipse, #b62125, #981f26);
	background: -ms-radial-gradient(center, ellipse, #b62125, #981f26);
	background: -o-radial-gradient(center, ellipse, #b62125, #981f26);
	background: radial-gradient(center at ellipse, #b62125, #981f26);
}

#focus.sequence5 {
	background: #939498;
	background: -webkit-radial-gradient(center, ellipse, #dddee0, #939498);
	background: -moz-radial-gradient(center, ellipse, #dddee0, #939498);
	background: -ms-radial-gradient(center, ellipse, #dddee0, #939498);
	background: -o-radial-gradient(center, ellipse, #dddee0, #939498);
	background: radial-gradient(center at ellipse, #dddee0, #939498);
}

/* Prev / Next */
.sequence-next, .sequence-prev { cursor: pointer; display: none; position: absolute; top: 540px; z-index: 10; width: 54px; height: 54px; opacity: 0.6; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
	.sequence-next:hover, .sequence-prev:hover { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
	.sequence-prev { left: 50%; margin-left: -480px; }
	.sequence-next { right: 50%; margin-right: -480px; }

/* Preloader */
#sequence-preloader { background: #000; }
#focus div.inline{ background: #000; }

/* Pagination */
.sequence-pagination { background: #efefef; bottom: 0; right: 0; display: none; position: absolute; z-index: 10; margin: 0; padding: 5px 20px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #fff; }
	.sequence-pagination li { display: block; float: left; width: 11px; height: 11px; background: none; margin: 5px 3px; padding: 0; background: #1b1f21; text-indent: -3500px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
		.sequence-pagination li.current { background: #909090; }

/* Elements */
.title { font-size: 2.68em; left: -25%; width: 500px; opacity: 0; top: 400px; z-index: 50; text-transform: uppercase; color: #fff; text-shadow: none; line-height: 1em; text-align: left; }
	.title span { color: #000; font-size: 0.75em; display: block; }
	.animate-in .title { left: 0; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
	.animate-out .title { left: -25%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.subtitle { color: #000; font-size: 1.1em; left: -45%;; width: 35%; opacity: 0; top: 550px; text-shadow: none; text-align: left; z-index: 20; }
	.subtitle a { background: #000; display: inline-block; text-decoration: none; color: #fff; padding: 6px 25px; font-size: 1.2em; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; }
		.subtitle a:hover { background: #fff; color: #000; }
	.animate-in .subtitle { left: 0; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
	.animate-out .subtitle { left: -45%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

body.fr div.sequence3 #sequence > .sequence-canvas .subtitle {top: 585px;}

.model { left: 30%; top: 333px; opacity: 0; position: absolute; z-index: 12; }
	.animate-in .model { left: 0; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
	.animate-out .model { left: 15%; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.bouton { left: 50%; margin-left: -100px; top: 680px; opacity: 0; position: absolute; z-index: 13; }
	.animate-in .bouton { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
	.animate-out .bouton { opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
	
.rond { right: 0; bottom: -750px; opacity: 0; position: absolute; }
	.animate-in .rond { bottom: 0; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
	.animate-out .rond { bottom: -750px; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
	
.fond { right: 0; bottom: -260px; opacity: 0; position: absolute; }
	.animate-in .fond { opacity: 1; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
	.animate-out .fond { opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

/* Devis */
#devis_infos { background: #1c2022; color: #fff; padding: 40px 0; font-size: 0.875em; text-align: left; }
	#devis_infos h3 { font-size: 1.1em; color: #fff; margin: 0 0 1em 0; padding: 0 40px; }
	#devis_infos p { padding: 0 40px; }
		#devis_infos p strong, #devis_infos a { color: #fff; }
#devis_form { background: #fff; padding: 40px 0 0 0; text-align: left; }
	form.devis { background: url(../img/bg_devis.png) no-repeat bottom center #fff; padding-bottom: 11px; }
	form.devis select { width: 380px; height: 30px; }
	form.devis textarea { width: 370px; height: 115px; }
	form.devis input.submit { float: right; margin-top: -20px; margin-right: 20px; 
		background: #0d90a4; /* Old browsers */
		background: #0d90a4 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #0d90a4 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #0d90a4 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #0d90a4 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #0d90a4 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #0d90a4 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
		border: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-size: 0.8em;
		font-weight: normal;
		text-decoration: none;
		text-shadow: 0 1px #137786;
		cursor: pointer;
		line-height: normal;
		text-transform: uppercase;
		padding: 8px 25px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.error {text-align: center;}
/* FIN HOME */


/* REALISATIONS
==========================================================================================================================================================*/
/* Liste */
#realisations_list { margin: 0; padding: 0; font-size: 0.9em; height: 200px; text-align: center; }
body.home #realisations_list { padding-top: 50px; background: url(../img/separ.png) no-repeat top center; }
	#realisations_list li { float: left; margin: 0 5px; padding: 0; width: 170px; height: 170px; -moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; border: 6px solid #d3d3d3; overflow: hidden; }
		#realisations_list li a { display: block; width: 170px; height: 170px; color: #fff; text-decoration: none; overflow: hidden; }
			#realisations_list li a span { margin-top: 220px; padding: 5px 0 0 0; display: block; width: 170px; height: 170px; background: #1b1f21; }
		#realisations_list li#realisations_list1 { background: url(../img/service1.png) no-repeat center center; }
		#realisations_list li#realisations_list2 { background: url(../img/service2.png) no-repeat center center; }
		#realisations_list li#realisations_list3 { background: url(../img/service3.png) no-repeat center center; }
		#realisations_list li#realisations_list4 { background: url(../img/service4.png) no-repeat center center; }
		#realisations_list li#realisations_list5 { background: url(../img/service5.png) no-repeat center center; }
/* FIN REALISATIONS */


/* ACTUALITES
==========================================================================================================================================================*/

/* FIN ACTUALITES */

/* CONTACT
==========================================================================================================================================================*/
.form-gdpr {
	font-size: 11px;
}
/* FIN ACTUALITES */


/* FOOTER
==========================================================================================================================================================*/
#footer { background: #1c2022; color: #9e9e9e; width: 100%; height: 45px; line-height: 45px; margin-top: -45px; font-size: 0.875em; text-align: center;}
	#footer a { color: #9e9e9e; }
/* FIN FOOTER */

.alert-cookie {
	background: #000;
	color: #fff;
	padding: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 1001;
}
.alert-cookie a.accept {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
	padding: 5px;
	border-radius: 3px;
	margin-left: 10px;
	font-weight: bold;
	margin-right: 10px;
	display: inline-block;
}
.alert-cookie a {
	color: #fff;
}