/* SECTIONS ===================================================== */

	html{scroll-behavior:smooth; overflow-y: scroll;}
	body{font-family: 'Open Sans', sans-serif;font-weight:400;}
	html,body{margin:0;width:100%;min-height:100%;color:#29235c;}

	section#video{position:relative;top:0;height:100vh;width:100%;}

	.bkg-page{position:relative; width:100%;margin:0;padding:0;background-attachment:fixed; background-size:cover; min-height:100vh; background-repeat:no-repeat; background-position: center;}
	.bkg-img{position:relative; width:100%;margin:0;padding:0;background-size:cover; min-height:100vh; background-repeat:no-repeat; background-position: center center;}



	/* MISE EN PAGE ========================================================= */


	.demipage1{position:relative;left:0;height:auto;width:100%;text-align:justify;}
	.demipage2{position:relative;left:0;height:100vh;width:100%;}
			@media (min-width: 768px){
				.demipage1{position:absolute;left:0;top:0;height:100vh;width:50%;}
				.demipage2{position:absolute;left:50%;top:0;height:100vh;width:50%;}
			}

			.demipage1-content, .demipage2-content{position:relative;width:96%;left:2%;}
					@media (min-width: 576px){.demipage1-content, .demipage2-content{width:96%;left:2%;}}
					@media (min-width: 768px){.demipage1-content{position:absolute;left:unset;width:90%;right:0;} .demipage2-content{position:absolute;left:0;width:90%;}}
					@media (min-width: 992px){.demipage1-content{width:85%;right:5%;} .demipage2-content{width:85%;left:5%;}}
					@media (min-width: 1200px){.demipage1-content{width:80%;right:10%;max-width:490px;} .demipage2-content{width:80%;left:10%;max-width:490px;}}
					@media (min-width: 1600px){.demipage1-content{width:60%;right:20%;max-width:490px;} .demipage21-content{width:60%;left:20%;max-width:490px;}}



/* BKG ========================================================= */





			h1{position:relative;font-size:1.2em;letter-spacing:0.2em;text-transform:uppercase;font-weight:800;margin:30px 0 20px 1vh;text-align:left;
				border-left: 3px solid #29235c; padding: 5px 0 5px 15px;
			}
				@media (min-width: 768px){h1{left:-10px;margin:2vh 0 25px 1vh;}}
			/*	h1::before {background:#29235c;position:absolute; display:inline-block; height:38px; width:3px; left:-15px; top:-10px; content: " ";}*/

			h2{position:relative;margin:0 0 2vh 0;font-size:1.3em;letter-spacing:0.03em;line-height:30px;color:#1d71b8;text-align:left;font-weight:500;}
			h3{margin:0;padding:0;font-size:1.45em;letter-spacing:0.03em;line-height:35px;color:#1d71b8;font-weight:600;}
				h3.special{margin:0;color:#29235c;position:relative;font-size:1.15em;font-weight:600;}
				h3.special:after{display:block; background:#1d71b8; height:2px; width:20px; margin:2px auto 6px auto;left:0; top:0;content: "";}
			h4{margin:0 0 15px 0; padding:0;font-size:1em;letter-spacing:0.03em;line-height:35px;color:#1d71b8;font-weight:600;}
				h4.special{color:#29235c;position:relative;top:-6px;font-size:0.8em;font-weight:600;}
			p{font-size: 0.95em;margin-bottom:1.1em;}
			.gras{font-weight:700;}
			/*span.company-text {quotes: '"\2009' '\2009"';} normal: \00A0 fine:\2009
			span.company-text:before{content: open-quote;}
			span.company-text:after {content: close-quote;}*/
			/*span.company-text{font-size:1em;display:inline-block;font-weight:700;letter-spacing: 0.1em;text-transform: uppercase;color:#29235c}*/
			span.company-text{display:inline-block;letter-spacing: 0.08em;text-transform: uppercase;c}
			section li{font-size: 0.95em;margin:0 0 0.8em 0;padding:0;text-align:left;}

				.bloc-shadow{
					position:relative;
					background:#fff;border-radius:5px;padding:10px 20px;
					-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
					box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);}
					@media (max-width: 768px){
							.bloc-shadow{-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;padding:0px;background:rgba(255,255,255,0.5);}
					}

					/* GENERAL POSITION ============================================ */

	/* ESPACE ============================================ */

			.space-presentation{width:100%;height:25px;}
					@media (max-device-width: 767px) and (orientation: portrait){.space-presentation{height:17%;min-height:0;}}
					@media (max-device-width: 767px) and (orientation: landscape){.space-presentation{height:23%;min-height:0;}}
			.space-page{width:100%;height:105px;}
			.space-sponsor{margin-top:155px;}
					@media (max-width: 768px){.special-sponsor{margin-top:115px;}}

			.page-bottom{height:200px;}
					@media (max-device-width: 767px) and (orientation: portrait){.page-bottom{height:80px;}}
					@media (max-device-width: 767px) and (orientation: landscape){.page-bottom{height:80px;}}}
	/* BOOTSTRAP ADD ============================================ */
			.mt-xs-3{margin-top:10px;}
			.col-xs-1{width:8.33%} .col-xs-2{width:16.66%} .col-xs-3{width:25%} .col-xs-4{width:33.33%} .col-xs-5{width:41.66%} .col-xs-6{width:50%} .col-xs-7{width:58.33%;} .col-xs-8{width:66.66%;} .col-xs-9{width:75%;} .col-xs-10{width:83.33%;} .col-xs-11{width:91.66%;} .col-xs-12{width:100%;}
	/* GENERAL POSITION ============================================ */

		.opacity0{opacity:0;}
		.full{position:absolute; left:0; top:0; height:100%; width:100%;margin:0;padding:0;}
		.center{margin:0; top:50%; left:50%; position:absolute;
		-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		.align-center{width:100%;text-align:center;}


		/*col equal height*/
		.row.equal-cols {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
		.row.equal-cols:before, .row.equal-cols:after {display: block;}
		.row.equal-cols > [class*='col-'] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
		.row.equal-cols > [class*='col-'] > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}

	/* GENERAL COLORS ============================================== */

		.grad-blue{
		background: #001894;
		background: -moz-linear-gradient(45deg, #0046ae 0%, #00348e 25%, #00216c 80%, #070047 100%);
		background: -webkit-linear-gradient(45deg, #0046ae 0%,#00348e 25%,#00216c 80%, #070047 100%);
		background: linear-gradient(45deg, #0046ae 0%,#00348e 25%,#00216c 80%, #070047 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194e9c', endColorstr='#29235c',GradientType=1 );
		}

		.grad-dark-blue{
			background: #006ccc;
			background: -moz-linear-gradient(45deg,  #006ccc 0%, #0039ad 100%);
			background: -webkit-linear-gradient(45deg,  #006ccc 0%,#0039ad 100%);
			background: linear-gradient(45deg,  #006ccc 0%,#0039ad 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ccc', endColorstr='#0039ad',GradientType=1 );
		}

		.bkg-fade-top-thalia{
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 12%, rgba(255,255,255,0) 20%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 12%,rgba(255,255,255,0) 20%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 12%,rgba(255,255,255,0) 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		}

		.bkg-fade-top{
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 12%, rgba(255,255,255,0) 80%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 12%,rgba(255,255,255,0) 80%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 12%,rgba(255,255,255,0) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		}

		.bkg-fade-top-strong{
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		}

		.bkg-fade-left{
		background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
		}

		.nav-home-opacity{opacity:0.88;}
		.nav-opacity{opacity:1;}

	/* TXT ========================================================= */

		.txt-white{color: #fff;}
		.txt-left{text-align:left;}
		.txt-center{text-align:center;}

		.btn-svg{text-indent:32px;}
		.btn-svg .svg{position:absolute;top:3px;left:20px;display:inline-block; width:40px; height:40px; margin:0;padding:0;background-size:cover;}
		.svg-arrow-l{background : url('/assets/img/arrow-top.svg') no-repeat center center;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
		.svg-arrow-r{background : url('/assets/img/arrow-top.svg') no-repeat center center;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
		.btn-svg:hover .anim-r{left:20px;animation-name: anim-r; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: ease-out;}
		.btn-svg:hover .anim-l{left:20px;animation-name: anim-l; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: ease-out;}
		@keyframes anim-r { from { left: 0px;opacity: 0.1; } to {left: 20px;opacity: 1;} }
		@keyframes anim-l { from { left: 30px;opacity: 0.1; } to {left: 20px;opacity: 1;} }

	/* HEADER * NAV ========================================================= */

			#main-navbar{padding:6px 0; box-shadow:none; border:none;font-weight:500;}

			/*custom logo*/
			.navbar-brand{margin:0 15px 0 15px;z-index:100;}
			.navbar-brand img{height:76px;line-height:76px;}
				@media (max-device-width: 767px) and (orientation: portrait){.navbar-brand{margin:0 10px 0 10px;}.navbar-brand img{height:60px;line-height:60px;}}
				@media (max-device-width: 767px) and (orientation: landscape){.navbar-brand{margin:0 0 0 10px;padding:0;}.navbar-brand img{margin:0;height:50px;line-height:50px;}}


			/*média sociaux*/
			#social-media-icons {display:none;position:absolute;right:0px;bottom:15px;width:11%;height:30px;}
			#social-media-icons ul{list-style:none;justify-content:center;padding:0;}
			#social-media-icons li{padding: 0 2px;}
			#social-media-icons a{padding:0;}
			#social-media-icons i{color:rgba(255,255,255,0.4);}
			#social-media-icons a:hover i{color:rgba(255,255,255,0.8);}
			#social-media-icons a:active i{color:rgba(255,255,255,1);}
				@media (min-width: 992px) {
					#social-media-icons {display:block;position:absolute;right:2.9%;bottom:8px;width:40px;height:80px;}
					#social-media-icons ul{display:block;}
					#social-media-icons li{padding: 5px 6px 0 6px;}
				}
				@media (min-width: 1200px) {
					#social-media-icons {position:absolute;right:0px;bottom:15px;width:11%;height:30px;}
					#social-media-icons ul{display:flex;}
					#social-media-icons li{padding: 0 8px;}
				}
				@media (min-width: 1600px) {#social-media-icons li{padding: 0 10px;}}


			/*main-menu*/
			.navbar-toggler[aria-expanded="true"] + #nav-menu #main-menu{top:0;right:0;}
				@media (min-width: 992px){.navbar-toggler[aria-expanded="true"] + #nav-menu #main-menu{top:25px;right:13%;}}
			#main-menu{position:relative;top:25px;right:13%;z-index:100;}
			#main-menu li.standard:not(.active) a.m1:hover{background:rgba(255,255,255,0.1);}
			#main-menu li.standard.active a.m1{background:rgba(255,255,255,0.3);}
			#main-menu a.m1{padding:12px 12px;}
				@media (min-width: 1100px){#main-menu a.m1{padding:12px 16px;}}
				@media (min-width: 1300px){#main-menu a.m1{padding:12px 18px;}}
				@media (min-width: 1600px){#main-menu a.m1{padding:12px 22px;}}
			#main-menu a.m1:hover{color:#fff;}







			/*logo 2*/
			#logo-2{position:absolute;right:-15px;top:-5px;height:105px;width:105px;background:#fff;
			-webkit-mask: url(/assets/img/svg-2.svg) no-repeat right top;mask: url(/assets/img/svg-2.svg) no-repeat right top;}
				@media (max-device-width: 767px) and (orientation: portrait){#logo-2{height:88px;right:-6px;}}
				@media (max-device-width: 767px) and (orientation: landscape){#logo-2{height:68px;right:-6px;}}




			/*animated hamburger menu*/
			#navbar-toggler{position:relative;left:-70px;}
			.menu-icon {width:30px; height:20px; position:relative; margin:10px; cursor: pointer;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
			.menu-icon span {height: 3px; width: 100%; display: block; position: absolute; border-radius: 9px; opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
			.menu-icon span {background: #fff;}
			.menu-icon span:nth-child(1) {top: 0px;}
			.menu-icon span:nth-child(2) {top: 10px;}
			.menu-icon span:nth-child(3) {top: 20px;}
			.menu-icon.open span:nth-child(1) {top: 11px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
			.menu-icon.open span:nth-child(2) {opacity: 0;left: -60px;}
			.menu-icon.open span:nth-child(3) {top: 11px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}


			/*menu collapsed*/
			/*.navbar-collapse.collapsing, .navbar-collapse.show {padding: 11px 0 10px 0;}
			.navbar-toggler[aria-expanded="true"] + #nav-menu #main-menu a{padding:18px 12px;}*/
			@media (max-width: 991px) {
				.navbar-collapse.collapsing, .navbar-collapse.show {padding: 11px 0 0 0;}
				.navbar-toggler[aria-expanded="true"] + #nav-menu #main-menu a{border-top:1px solid rgba(255,255,255,0.15);padding:1.2em 0;font-size:1.1em;}
				.nav-item{text-align: center;}
			}

			/*drop-down*/
			#main-menu li.dropdown.active-d a.m1{background:rgba(255,255,255,0.3);}
			#main-menu .dropdown-menu {
				width: 200px !important;padding:10px 0;
				opacity:1;
				background: #001894;
				background: -moz-linear-gradient(45deg, #00348e 0%, #00216c 100%);
				background: -webkit-linear-gradient(45deg, #00348e 0%,#00216c 100%);
				background: linear-gradient(45deg, #00348e 0%,#00216c 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194e9c', endColorstr='#29235c',GradientType=1 );}
			#main-menu a.m2{display:inline-block;color:#fff;font-weight:400;padding:1em 1em;}
			#main-menu a.m2:hover{background:rgba(255,255,255,0.1);}
			#main-menu a.m2.active,
			#main-menu a.m2.active:hover{background:rgba(255,255,255,0.3);}
				@media (max-width: 991px) {

					#main-menu .dropdown-menu {position:relative;top:0;display:block;width:100% !important;text-align:center;padding:0;}
					#main-menu li a{height:65px;padding:0;margin:0;}
					#main-menu li:last-child{margin-top:65px;}
				}
				@media (min-width: 992px) {
					#main-menu .dropdown:hover .dropdown-menu {display:block;animation-name: anim-dropdown;animation-duration: 0.35s; animation-timing-function: ease-out;}
					@keyframes anim-dropdown { from { opacity: 0;} to {opacity: 0.95;} }

				}



/* PAGE * HOME ================================================= */

	/*
	#intro-mobile{height:100%; width:100%;min-height:100%;min-width:100%;background: url("/assets/img/jet/home-intro-mobile-square.gif") no-repeat center center;background-size:cover;}
		@media (orientation: landscape){#intro-mobile{background: url("/assets/img/jet/home-intro-mobile-horiz.gif") no-repeat center center;background-size:cover;}}
		*/
	#intro-mobile{height:100%; width:100%;min-height:100%;min-width:100%;background: url("/assets/img/jet/jet_eau_fixe.jpg") no-repeat center center;background-size:cover;}
		@media (orientation: landscape){#intro-mobile{background: url("/assets/img/jet/jet_eau_fixe.jpg") no-repeat center center;background-size:cover;}}


	#home-video {position:relative;height:100%;width:100%;background:#222222;}
	#home-video > video {width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index:8;}
		@media (min-aspect-ratio: 1728/1080) {#home-video > video {height: 300%;top: -100%;}}
		@media (max-aspect-ratio: 1728/1080) {#home-video > video {width: 300%;left: -100%;}}
		/* En cas de support d'object-fit */
		@supports (object-fit: cover) {#home-video > video {width:100%;height:100%;top:0;left:0;object-fit:cover;}


			#center-logos{position:absolute;left:0;right:0;top:98px;bottom:50px;z-index:20;overflow:hidden;z-index:20;}
			#logo-big{position:absolute;top:0%;bottom:0%;right:12%;left:12%;
				background : url("/assets/img/logo-big.svg") no-repeat center;
				filter: drop-shadow(1px 1px 6px #070828);
				-webkit-filter: drop-shadow(1px 1px 6px #070828);
				-moz-filter: drop-shadow(1px 1px 6px #070828);
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: filter;
			}
				@media (max-device-width: 767px) and (orientation: portrait){#center-logos{top:80px;bottom:110px;}}
				@media (max-device-width: 767px) and (orientation: landscape){#center-logos{top:60px;bottom:40px;}}
				/*mobile landscape ou mobile large*/
				@media (min-width: 480px) {#logo-big{right:12%;left:12%;}}
				/*tablet-portrait*/
				@media (min-width: 768px) {#logo-big{right:20%;left:20%;}}/*background : url("/assets/img/logo-big-shadow.svg") no-repeat center;filter: none !important;*/
				/*tablet-landscape and small laptop*/
				@media (min-width: 992px) {#logo-big{right:24%;left:24%;}}
				/*laptop*/
				@media (min-width: 1200px) {#logo-big{width:600px; margin-left:-300px; left:50%; right:0;}}
				/*extra-large laptop*/
				@media (min-width: 1600px) {#logo-big{width:740px; margin-left:-370px; left:50%; right:0;}}
				.anim-logo-big{
					opacity:0;
			    	-webkit-animation: 12s ease 2s normal forwards 1 anim-logo-big;
			    	-moz-animation: 12s ease 2s normal forwards 1 anim-logo-big;
			    	-ms-animation: 12s ease 2s normal forwards 1 anim-logo-big;
			    	-o-animation: 12s ease 2s normal forwards 1 anim-logo-big;
			    	animation: 12s ease 2s normal forwards 1 anim-logo-big;
			    }
					@keyframes anim-logo-big {0%{opacity:0;} 20%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;}}
					@-moz-keyframes anim-logo-big {0%{opacity:0;} 20%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;}}
					@-webkit-keyframes anim-logo-big {0%{opacity:0;} 20%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;}}
					@-ms-keyframes anim-logo-big {0%{opacity:0;} 20%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;}}
					@-o-keyframes anim-logo-big {0%{opacity:0;} 20%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;}}
					.no-anim-logo-big {opacity:1;}/*Modernizr*/


		#logo-2-big{display:block;content:" ";position:absolute;left:58%;right:-33%;top:15%;bottom:15%;background:#fff;
		-webkit-mask: url(/assets/img/svg-2.svg) no-repeat center;mask: url(/assets/img/svg-2.svg) no-repeat center;}
		.anim-logo-2-big{
			opacity:0;
	    	-webkit-animation: 4s ease 4s normal forwards 1 anim-logo-2-big;
	    	-moz-animation: 4s ease 4s normal forwards 1 anim-logo-2-big;
	    	-ms-animation: 4s ease 4s normal forwards 1 anim-logo-2-big;
	    	-o-animation: 4s ease 4s normal forwards 1 anim-logo-2-big;
	    	animation: 4s ease 4s normal forwards 1 anim-logo-2-big;
	    }
			@keyframes anim-logo-2-big {0%{opacity:0;right:-40%;} 100%{opacity:0.9;right:-33%;}}
			@-moz-keyframes anim-logo-2-big {0%{opacity:0;right:-40%;} 100%{opacity:0.9;right:-33%;}}
			@-webkit-keyframes anim-logo-2-big {0%{opacity:0;right:-40%;} 100%{opacity:0.9;right:-33%;}}
			@-ms-keyframes anim-logo-2-big {0%{opacity:0;right:-40%;} 100%{opacity:0.9;right:-33%;}}
			@-o-keyframes anim-logo-2-big {0%{opacity:0;right:-40%;} 100%{opacity:0.9;right:-33%;}}
			.no-anim-logo-2-big {opacity:0.9;}/*Modernizr*/




		a#btn_presentation{border-radius: 3px;margin-top:4%;display:block;background:rgba(255,255,255,0.7);padding:8px 30px;z-index:29;}
			 a#btn_presentation span{color:#1f3088;text-transform: uppercase;font-weight:700;font-size:1.2em;letter-spacing:0.2em;}
		a#btn_presentation:hover{text-decoration:none;background:rgba(255,255,255,1);padding:10px 34px;}
			a#btn_presentation:hover span{color:#1f3088;}

				@media (max-device-width: 767px) and (orientation: portrait){a#btn_presentation{margin-top:0;top:47%;}}
				@media (max-device-width: 767px) and (orientation: landscape){a#btn_presentation{margin-top:0;top:47%;}}

			.btn-back{position:relative;display:block; top:40px; width:50px; height:50px; margin:30px auto 0 auto; padding:20px; text-indent:-9999px;border-radius: 5px;overflow:hidden;}
				@media (max-device-width: 767px) and (orientation: portrait){.btn-back{top:65px;left:45%;}}
				@media (max-device-width: 767px) and (orientation: landscape){.btn-back{top:10px;left:45%;margin:0px auto 0 auto;}}
				.btn-back .full{opacity:0.2;transition: 0.5s;border-radius: 5px;}
				.btn-back:hover .full{opacity:1;}
				.btn-back .svg{position:absolute;top:0;left:0;width:100%;height:100%;}
				.svg-top{background : url('/assets/img/arrow-top.svg') no-repeat center center;}


/* PAGE * REALISATIONS ================================================= */

	/*all*/
	.img-round{border-radius:5px;}
	.gallery figure a, .gallery a{overflow:hidden;display:block;}
	.gallery-all a {height:225px;}
			@media (max-device-width: 767px) and (orientation: portrait){}
			@media (max-device-width: 767px) and (orientation: landscape){}
			@media (min-width: 576px){.gallery-all a{height:135px;}}
			@media (min-width: 768px){.gallery-all a{height:165px;}}
			@media (min-width: 992px){.gallery-all a{height:145px;}}
			@media (min-width: 1200px){.gallery-all a{height:180px;}}
	.gallery a div{position:absolute;width:100%;height:100%;padding:0;margin:0;position:relative;z-index: 99;}
	.gallery a div img {transition: transform .5s ease;padding:0;margin:0;}
	.gallery a:hover div img{transform: scale(1.1);cursor:pointer;}
	.gallery figcaption{font-weight:500;color:#29235c;margin:0.6em 0 1vh 0;text-align:left;}
	.gallery .magnify-icon{position:absolute;right:0px;top:0px;left:0px;bottom:0px;transition:0.5s ease;opacity:0;color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,.4)}
	.gallery a:hover div .magnify-icon{opacity:1;font-size:1.3em;)}

	#pagination li{margin:0 10px;}
	#pagination li.disabled a{color:#fff;
	background: #006ccc;
	background: -moz-linear-gradient(45deg,  #006ccc 0%, #0039ad 100%);
	background: -webkit-linear-gradient(45deg,  #006ccc 0%,#0039ad 100%);
	background: linear-gradient(45deg,  #006ccc 0%,#0039ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ccc', endColorstr='#0039ad',GradientType=1 );}
	#pagination li a{border:none !important; border-radius: 0px; font-weight:600;color:#006ccc;background: #fff;-webkit-transition: .3s linear; -moz-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear;}
	#pagination li a:hover{color:#000;background: #e7ebf4;}
	/*taille btn*/
	#pagination li a{padding:1.4em 1.7em;}
			@media (min-width: 768px){#pagination li a{padding:1.2em 1.4em;}}
			@media (min-width: 1200px){#pagination li a{padding:1em 1.2em;}}

	/*detail flèche*/
	.btn-realisations_return {position:relative;left:0px;top:0px;}
	.btn-realisations_return .btn-svg{text-indent:0;padding:1em 3em 1em 0;}
	.btn-realisations_return .btn-svg .svg{left:2px;}
	.btn-realisations_return .btn-svg:hover .anim-l2{left:2px;animation-name: anim-l2; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: ease-out;}
	@keyframes anim-l2 { from { left: 15px;opacity: 0; } to {left: -2px;opacity: 1;} }
			@media (max-device-width: 767px) and (orientation: portrait){}
			@media (max-device-width: 767px) and (orientation: landscape){}
			@media (min-width: 576px){}
			@media (min-width: 768px){.btn-realisations_return {position:absolute;left:-65px;top:80px;}}
			@media (min-width: 992px){.btn-realisations_return {left:-85px;top:80px;}}
			@media (min-width: 1200px){.btn-realisations_return {left:-95px;top:80px;}}




			.page-translucent{background:rgba(255,255,255,0.9);}
			.page, .page-sm{position:relative; z-index:50; text-align:justify;}
			.page, .page-sm{width:90%; margin:0 5%;}
				/*page borders*/
				.page_inner_centre{position:relative; width:100%;left:0;padding:2.5vh 0 50px 0;}
				.page_inner_right{position:relative; width:100%; left:0;padding:2.5vh 0 50px 0;}
				@media (max-device-width: 767px) and (orientation: portrait){}
				@media (max-device-width: 767px) and (orientation: landscape){}
				@media (max-width: 767px){
					.page_inner_centre{position:relative; width:86%;left:8%;}
					.page_inner_right{position:relative; width:92%; left:8%;}
				}
				@media (min-width: 768px) and (max-width: 991px){
					.page{width:740px; margin:0 auto;} .page-sm{width:740px; margin:0 auto;}
						.page_inner_centre{position:relative; width:86%;left:8%;}
						.page_inner_right{position:relative; width:92%; left:8%;}
				}
				@media (min-width: 992px) and (max-width: 1199px){
					.page{width:942px; margin:0 auto;} .page-sm{width:800px; margin:0 auto;}
					.page_inner_centre{position:relative; width:86%;left:8%;}
					.page_inner_right{position:relative; width:92%; left:8%;}
				}
				@media (min-width: 1200px){
					.page{width:1150px; margin:0 auto;} .page-sm{width:900px; margin:0 auto;}
					.page_inner_centre{position:relative; width:86%;left:8%;}
					.page_inner_right{position:relative; width:92%; left:8%;}

				}






	/*detail images*/
	#detail-block{position:relative;width:100%;}
		#detail-block > div{position:relative;}
		.detail-col-a{width:100%;}
		.detail-col-b{width:100%;}
			.detail-big-img{position:relative;width:100%;height:400px;margin:0 0 25px 0;}
			.detail-infos{width:94.8%;height:150px;}
					#realisation .label{display:inline-block;width:5em;font-weight:600;}
			.cell{float:left;position:relative;height:150px;width:46.4%;}
			.cell:nth-child(odd) {margin:0 7.2% 25px 0;}
			.cell:nth-child(even) {margin:0 0 25px 0;}
			.cell-info{background:#fafafa;text-align:center;color:#ccc;font-weight:500;display: flex;justify-content: center;align-content: center;flex-direction: column;}
			.fullimg{background-repeat:no-repeat;background-size:cover; background-position:center; transition:transform .5s ease;padding:0;margin:0;}
			a:hover .fullimg{transform: scale(1.1);cursor:pointer;}

			@media (max-device-width: 767px) and (orientation: portrait){}
			@media (max-device-width: 767px) and (orientation: landscape){}
			@media (max-width: 767px){
				#detail-block{height:auto;padding:0;}
					.detail-col-a{height:auto;}
					.detail-col-b{height:auto;margin:20px 0 0 0;}
					.detail-big-img{height:50vw;}
					.detail-infos{width:94.8%;height:auto;}
					.cell{height:24vw;}
			}
			@media (min-width: 768px) and (max-width: 991px){
				#detail-block{height:auto;padding:0;}
					.detail-col-a{height:auto;}
					.detail-col-b{height:auto;margin:20px 0 0 0;}
					.detail-big-img{height:40vw;}
					.detail-infos{width:94.8%;height:auto;}
					.cell{height:11vw;width:22%;}
					.cell:nth-child(odd), .cell:nth-child(even) {margin:0;}
					.cell:nth-child(4n+1), .cell:nth-child(4n+2), .cell:nth-child(4n+3) {margin:0 3% 0 0;}
					.cell:nth-child(4n+4) {margin:0 0 0 0;}
			}
			@media (min-width: 992px) and (max-width: 1199px){
				#detail-block{height:auto;padding:0;}
					.detail-col-a{height:auto;}
					.detail-col-b{height:auto;margin:20px 0 0 0;}
					.detail-big-img{float:left;height:30vw;width:61.5%;margin:0 0 50px 0;}
					.detail-infos{float:left;width:32.5%;height:30vw;margin:0 0 50px 5%;}
					.cell{height:12vw;width:22%;}
				.cell:nth-child(odd), .cell:nth-child(even) {margin:0;}
				.cell:nth-child(4n+1), .cell:nth-child(4n+2), .cell:nth-child(4n+3) {margin:0 3% 0 0;}
				.cell:nth-child(4n+4) {margin:0 0 0 0;}
			}
			@media (min-width: 1200px){
				#detail-block > div{float:left;height:100%;}
					.detail-col-a{width:58%;}
					.detail-col-b{width:42%;}
						.detail-big-img{width:94.8%;height:325px;}
			}



/*A 6 images */
/*
@media (max-device-width: 767px) and (orientation: portrait){}
@media (max-device-width: 767px) and (orientation: landscape){}
@media (max-width: 767px){
	#detail-block{height:auto;padding:0;}
		.detail-col-a{height:auto;}
		.detail-col-b{height:auto;margin:20px 0 0 0;}
		.detail-big-img{height:50vw;}
		.detail-infos{width:94.8%;height:auto;}
		.cell{height:24vw;}
}
@media (min-width: 768px) and (max-width: 991px){
	#detail-block{height:auto;padding:0;}
		.detail-col-a{height:auto;}
		.detail-col-b{height:auto;margin:20px 0 0 0;}
		.detail-big-img{height:40vw;}
		.detail-infos{width:94.8%;height:auto;}
		.cell{height:15vw;width:30%;}
		.cell:nth-child(odd), .cell:nth-child(even) {margin:0;}
		.cell:nth-child(3n+1), .cell:nth-child(3n+2) {margin:0 5% 30px 0;}
		.cell:nth-child(3n+3) {margin:0 0 30px 0;}
}
@media (min-width: 992px) and (max-width: 1199px){
	#detail-block{height:auto;padding:0;}
		.detail-col-a{height:auto;}
		.detail-col-b{height:auto;margin:20px 0 0 0;}
		.detail-big-img{float:left;height:30vw;width:65%;margin:0 0 50px 0;}
		.detail-infos{float:left;width:30%;height:30vw;margin:0 0 50px 5%;}
		.cell{height:12vw;width:30%;}
	.cell:nth-child(odd), .cell:nth-child(even) {margin:0;}
	.cell:nth-child(3n+1), .cell:nth-child(3n+2) {margin:0 5% 40px 0;}
	.cell:nth-child(3n+3) {margin:0 0 40px 0;}
}
@media (min-width: 1200px){
	#detail-block > div{float:left;height:100%;}
		.detail-col-a{width:58%;}
		.detail-col-b{width:42%;}
			.detail-big-img{width:94.8%;height:325px;}
}
*/















/* PAGE * SPONSOR ================================================= */

		.page-sponsor1{position:absolute;top:0;height:100vh;left:0;width:50%;text-align:justify;z-index:22;}
		.page-sponsor2{position:absolute;bottom:0;height:100vh;left:50%;width:50%;z-index:20;}
					@media (max-width: 768px){
							.page-sponsor1{position:relative;height:auto;width:100%;left:0;}
							.page-sponsor2{position:relative;top:-100px;left:0;height:45vh;width:100%;}
					}

		.img-carousel{position:relative; width:100%; margin:0; padding:0; min-height:100vh;}
		.img-carousel	.img{opacity:0; transition:opacity 1s; position:absolute; width:100%; margin:0; padding:0; background-size:cover; min-height:100vh; background-repeat:no-repeat; background-position: center center;}
		.img-carousel .img.show{opacity:1;}
		.img-carousel-visual{position:absolute; width:100%; height:6px; bottom:50px;}
		.img-carousel-visual div{position:absolute; background:rgba(200,200,230,0.8); border-top:1px solid rgba(255,255,255,0.5); left:0; height:100%; right:100%;}
				@media (max-width: 768px){
						.img-carousel-visual{position:fixed;}
				}


/*
		a.arrow {position:relative; display:block;}
		a.arrow > span{position:relative; display:inline-block; color:rgb(49, 104, 214); margin-left:25px;}
		a.arrow > span::after{position:absolute; content:'\279C'; left:-23px; transition:left 0.3s;}
		a.arrow > span::before{position:absolute; content:''; background:rgb(49, 104, 214); width:100%; height:1px; left:0; bottom:-3px; opacity:0; transition:all 0.3s;}
		a.arrow:hover > span::after{left:-20px;}
		a.arrow:hover > span::before{bottom:2px; opacity:1;}
*/
		a.vid_boat {
			position:relative; display:block; height:120px; width:160px; overflow:hidden; background: url("/assets/img/btn/vid_boat.jpg")no-repeat center top;
			border-radius:5px;
		}
		a.vid_boat span {
			position:absolute; text-indent:-99999px;
		}
		a.vid_boat::after {
			position:absolute; content:''; opacity:0; background: url("/assets/img/btn/vid_boat.jpg")no-repeat center bottom; width:100%; height:100%;
			transition:opacity 0.5s; border-radius:5px;
		}
		a.vid_boat:hover::after {opacity:1;}





		#lightbox {position:fixed; width:100%; height:100%; background:rgba(0,0,0,1); z-index:9999;}
		#lightbox .gouttiere{position:relative; width:100%; height:100%; padding:0 calc(8px + 7vw); max-width:1200px; transition:padding 1s;}
		  #lightbox .frame{position:relative; width:100%; height:100%; flex-direction:column;}
		  .flex_center {display:flex; align-items:center; justify-content:center;}
			#lightbox .frame .close{position:relative; width:60px; height:60px; margin-bottom:20px; background:rgba(255,255,255,0); border:1px solid rgba(255,255,255,0); border-radius:50%; cursor:pointer; transition:all .4s;}
			#lightbox .frame .close::before,
			#lightbox .frame .close::after{position:absolute; content:''; top:50%; left:25%; width:50%; height:1.5px; background:#777; transform:scale(1) rotate(45deg); transition:all .4s;}
			#lightbox .frame .close::before{transform:scale(1) rotate(-45deg);}
			#lightbox .frame .close:hover{border:1px solid rgba(255,255,255,.2);}
			#lightbox .frame .close:hover::before{transform:scale(1.15) rotate(135deg);}
			#lightbox .frame .close:hover::after{transform:scale(1.15) rotate(225deg);}
			#lightbox_frame{position:relative; background:rgba(255,255,255,.05);  border:1px solid rgba(255,255,255,.05); width:100%; border-radius:5px; height:0; padding-bottom: 56.25%; overflow:hidden; }
			  #lightbox_frame iframe,
			  #lightbox_frame object,
			  #lightbox_frame embed {position: absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;}




/* PAGE * A PROPOS ================================================= */

		.space-for-button{width:100%;height:85px;}
		.btn-double{width:100%;position:absolute;bottom:20px;padding:0;width:calc(100% - 40px);left:20px;}
				@media (max-width: 991px){#about .bloc-shadow{padding:5%;} #about .equal-cols:nth-child(2){margin:60px 0 60px 0;}}
		.btn-double a{width:50%;}
		.btn-double a:nth-child(2)::before{position:absolute; display:inline-block; background:rgba(255,255,255,0.3); height:100%; width:1px;content: " ";}
		.btn-double a button{width:100%;color:#fff;box-shadow: none !important;padding:20px 0;margin: 0;}
		.btn-double a:hover button{color:#fff;background:rgba(255,255,255,0.15);}
		.btn-double a:active button{color:#fff;}
		.btn-double a button i{position:relative;left:-0.5em;top:0.1em;}

/* PAGE * CONTACT ================================================= */

		.espace-num{width:10px;height:60px;display:none;}
		@media (max-width: 767px){.espace-num{display:block;}}



		section#contact h5{margin:40px 0 10px 0;color:#1d71b8;position:relative;font-size:0.9em;font-weight:600;text-decoration:underline;}

		.col-contact3{display:inline-block;width:45%;}
			@media (min-width: 768px) and (max-width: 991px){.col-contact3{width:50%;}}
			@media (min-width: 992px){.col-contact3{width:50%;}}
			@media (min-width: 1200px){.col-contact3{width:160px;}}

			.btn-contact-form{position:relative;display:block;margin:60px 0 40px 0;text-align:center;width:100%;height:70px;}
			@media (min-width: 768px){.btn-contact-form{text-align:left; margin:100px 0 0 0;}}

		.pico-ico-position{margin:0; top:50%; left:50%; position:absolute; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		.pico-ico{position:relative;height:88px;width:66px;z-index:50;}
		.pico-ico i{display:block;width:100%;height:100%; background: url("/assets/img/bkg/pico.png")no-repeat center center;background-size:cover;}

/* PAGE * CONTACT-FORM ================================================= */

		.form-group {margin:0;}
		.form-group label{position:relative;top:0.5em;font-size:0.85em; font-weight:600;}
		.error_msg {font-weight:600;text-shadow: 2px 2px 3px #ffffff;}

		.end_message {position:relative;font-weight:600;text-shadow: 2px 2px 3px #ffffff;top:45px;}
		.end_message_ok {color:green;}
		.end_message_error {color:red;}

	/* FOOTER ================================================= */

	section#footer{position:fixed;bottom:0px;left:0px;height:50px;line-height:50px;width:100%;z-index:100;color:#fff;text-align:center;}
	section#footer span{position:relative;color:#fff;z-index:100;}

		/*média sociaux
		#social-media-footer{position:relative; display:inline-block; list-style:none; top:5px;}
		#social-media-footer li{display: inline;}
		#social-media-footer a{padding:0px 8px;}
		#social-media-footer i{color:rgba(255,255,255,0.4);}
				@media (min-width: 768px){#social-media-footer i{ -webkit-transform: scale(0.8,0.8);-ms-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}}

		#social-media-footer a:hover i{color:rgba(255,255,255,0.7);}
		#social-media-footer a:active i{color:rgba(255,255,255,1);}
		*/


/* EFFETS ================================================= */

		.transition08 {-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}

		.fadein-page {opacity:1;animation-name: anim-fadein; animation-duration: 1s; animation-timing-function: ease-out;}
		@keyframes anim-fadein { from { opacity: 0;} to {opacity: 1;} }

		.fadeInBottom {-webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
		  @keyframes fadeInBottom {
				0% {opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);}
			  100% { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
			}



		.anim-title {
		  -webkit-animation-name: animTitle;
		  animation-name: animTitle;
		  -webkit-animation-duration: 1s;
		  animation-duration: 1s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  }
		  @keyframes animTitle {
		  0% {
		  opacity: 0;
		  -webkit-transform: translate3d(5%, 0, 0);
		  transform: translate3d(5%, 0, 0);
		  }
		  100% {
		  opacity: 1;
		  -webkit-transform: none;
		  transform: none;
		  }
		  }

		.zoom{will-change: transform; transform: scale(1.3); animation-name: anim-zoom; animation-duration: 5s; animation-timing-function: ease-out; -webkit-font-smoothing: subpixel-antialiased;}
		@keyframes anim-zoom { from { transform: scale(1);} to {transform: scale(1.3);} }