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

	html{scroll-behavior:smooth; overflow:hidden scroll; font-size:0.95rem; background:red;}
	body{font-family: 'Open Sans', sans-serif;font-weight:400;}
	html,body{margin:0; padding:0; width:100%; min-height:100%; color:#231424; background:#fff;}
	a{color:#e18674 !important;}
	.noselect {
		-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			-khtml-user-select: none; /* Konqueror HTML */
			-moz-user-select: none; /* Old versions of Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										supported by Chrome, Edge, Opera and Firefox */
	}
	

/* BOOTSTRAP ========================================================= */

.is-invalid{border:2px dotted red !important}


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

	.main-navbar{position:fixed; z-index:300; top:0; margin:0; border:none; font-weight:500; width:100%; }
	.navbar-gradient{
		background: rgb(255,255,255);
		background: -moz-linear-gradient(90deg, rgba(255,255,255,0.95) 30%, rgba(255,255,255,0.7) 48%, rgba(255,255,255,0.1) 75%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.95) 30%, rgba(255,255,255,0.7) 48%, rgba(255,255,255,0.1) 75%);
		background: linear-gradient(90deg, rgba(255,255,255,0.95) 30%, rgba(255,255,255,0.7) 48%, rgba(255,255,255,0.1) 75%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	#navbar-scroll-bkg{
		position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; transition: opacity 0.8s;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 48%, rgba(245,245,245,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 48%, rgba(245,245,245,1) 100%);
		background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 48%, rgba(245,245,245,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
		border-bottom: 0.5px solid #aaa; box-shadow:0px 0px 14px -4px rgba(125, 125, 125, 0.6);
		}


	.navbar-h{height:calc(76px + 2vw);}
	.strip-h{height:76px;}
		.flex-space{display:flex; justify-content:space-between;}
			a.navbar-logo{position:relative; margin:0; display:flex; align-items:center; width:calc(240px + 6vw); max-width:380px;}
			@media (max-device-width: 767px){
				a.navbar-logo{width:calc(300px + 6vw); max-width:380px;}
			}
				a.navbar-logo img{background-position:left; background-repeat:no-repeat; width:100%; max-height:100%; margin:0; padding:0;}
				@media (min-width: 1200px){
					.navbar-gradient{
						background: rgb(255,255,255);
						background: -moz-linear-gradient(90deg, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.7) 45%, rgba(255,255,255,0.1) 70%);
						background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.7) 45%, rgba(255,255,255,0.1) 70%);
						background: linear-gradient(90deg, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.7) 45%, rgba(255,255,255,0.1) 70%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
					}
					a.navbar-logo{width:calc(240px + 7vw); max-width:450px;}
				}
				@media (min-width: 1600px){
					.navbar-gradient{
						background: rgb(255,255,255);
						background: -moz-linear-gradient(90deg, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.7) 55%, rgba(255,255,255,0.1) 80%);
						background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.7) 55%, rgba(255,255,255,0.1) 80%);
						background: linear-gradient(90deg, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0.1) 80%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
					}
				}

			div.navbar-right{width:250px;}
				div.navbar-right ul{display:flex; align-items:center; justify-content:flex-end;}
					div.navbar-right li{display:block;}
					.btn-style1{transition:all 0.3s; background:rgba(255,255,255,0.7); border-radius:3px; color:#777;padding:10px 30px; box-shadow:3px 3px 10px -4px rgba(133, 133, 133, 0.9);}
					.btn-style1:hover{color:#777; transform: scale(1.01); background:rgba(255,255,255,1); box-shadow:4px 4px 14px -4px rgba(125, 125, 125, 1);}
					@media (max-width: 768px){ .starter_button{white-space:nowrap; padding:10px 20px;} }
					.starter_button:before{opacity:0.5; position:relative; top:0.1em; font-size:1.1em; display:inline-block; font-family:"Font Awesome 5 Free"; content:"\f0e0"; margin:0 0.7em 0 0;}
					a.starter_button .smaller{color:#e18674 !important; font-size:0.65em;}
					.note{color:#999 !important; font-size:0.8em; padding-bottom: 15px;}


/* SECTION : HOME-IMG ===================================================== */

	#home-img {position:relative; height:calc(105vw * 0.76 * 1.05); width:100%; background:#eee; overflow:hidden;}
	@media (max-device-width: 767px){#home-img {min-height:55vh;}}
	@media (min-width: 576px){#home-img {height:calc(105vw * 0.76 * 1.05);}}
	@media (min-width: 768px){#home-img {height:calc(100vw * 0.76); min-height:70vh; max-height:75vh; }}
	@media (min-width: 1200px){#home-img {height:calc(100vw * 0.76); min-height:75vh; max-height:80vh;}}
	@media (min-width: 1600px){#home-img {height:calc(92vw * 0.76 * 0.92); min-height:80vh; max-height:85vh;}}

		#home-img .img {width:100%; height:100%; position: absolute; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
			@media (max-device-width: 767px){#home-img .img{top:-8vh; background-position:25% 60%;}}
			@media (min-width: 576px){#home-img .img {background-position:50% 30%;}}
			@media (min-width: 768px){#home-img .img {background-position:50% 50%;}}
			@media (min-width: 1200px){#home-img .img {background-position:50% 65%;}}
			@media (min-width: 1600px){#home-img .img {background-position:50% 60%;}}


	#home-img .strip {position:absolute; bottom:0; width:100%; display:flex; align-items:center; z-index:10;}
		#home-img .strip  .bkg {position:absolute; top:0; right:0; left:0; bottom:0; background: url('/assets/img/home_blur_strip.jpg') no-repeat center center; background-size:cover;
		-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.9) 80%);
		mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.9) 80%);}
			@media (max-device-width: 767px){
				#home-img .strip  .bkg {background: #555; mask-image:none; -webkit-mask-image:none;}
			}

		#home-img .strip h2 {position:relative; z-index:200; color:#fff; font-size:1.3em;}
		@media (min-width: 768px){#home-img .strip h2 {font-size:1.6em;}}
		@media (min-width: 1200px){#home-img .strip h2 {font-size:2.1vw;}}
		@media (min-width: 1600px){#home-img .strip h2 {font-size:1.85vw;}}


		@media (max-width: 767px){
			.navbar-h{height:calc(50px + 4vh);}
			#home-img{top:calc(50px + 4vh);margin-bottom:calc(50px + 4vh);}
		}

	
 	/*video*/

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


	/* IMG Magnify ===================================================== */

	.interface{box-shadow: 0px 2px 2px 0px rgba(0,0,0,0); transition: box-shadow 0.5s ease; overflow:hidden;width:100%;padding-top:73%;position:relative;display:block;cursor:pointer;}
	.interface img{position:absolute;top:0;left:0;width:100%;transform: scale(1);transition: transform .5s ease;}
	.interface:hover{box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);}
	.interface:hover img{transform: scale(1.01);}
	.magnify-icon{position:absolute;right:0px;top:0px;left:0px;bottom:0px;display:flex;align-items:center;justify-content:center;transition:0.5s ease;opacity:0;color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,.4)}
	.interface:hover .magnify-icon{opacity:1;}

	/* SECTION : HOME-INTRO-TXT; ===================================================== */

	#home-intro {position:relative; padding-top: calc(15px + 8vw / 1.5); padding-bottom:calc(30px + 4vh); width:100%; background:#eee;}




		#tech_bkg {position:absolute; top:0; left:0; right:0; height:180px; background: url('/assets/img/tech_bkg.png') repeat-x left top; background-size:contain;}
			@media (max-width: 991px){ #tech_bkg{background-size:cover; height:200px;}}
		#home-intro p {text-align:justify; margin-bottom:30px; font-size:1rem;}
		#home-intro p.context {background: #fff; display:inline-block; padding:1em 1.5em; margin-bottom: 3em; border: 1px solid #ddd; border-radius:4px;}
			#home-intro p.context span{color:#999;}
		#home-intro p.legend {color:#e18674; display:inline-block; margin-top:calc(10px + 2vh);}
			@media (max-device-width: 767px){#home-intro p.legend{font-size:0.9em; color:#c8634f;}}
		#home-intro h4 {font-size:1.05rem; color:#bcb2be; font-weight:bold}
		#home-intro ul {list-style:none; margin: 0 0 0 1.5em; padding:0;}
		#home-intro ul li::before {position:relative; content:"\25AA"; color:#bcb2be; font-weight:bold; font-size:0.9rem; display:inline-block; width:1em; margin-left:-1em;}
			@media (max-device-width: 767px){#home-intro ul li::before {content:"█"; font-size:0.4rem; left: -1.1em; top:-0.5em;}}


		#UI-bloc{display:flex; align-items:center; justify-content:center;}
		#UI-bloc .bloc{width:100%; max-width: calc(300px + 8vw);}
		#UI-bloc  .bloc img{width: 100%; height: auto;}
			@media (max-width: 991px){#UI-bloc .bloc{width:100%; max-width: 100%; padding-top: calc(15px + 4vw / 1.5);}}


	/*  HOME CONTACT ===================================================== */

	#home-contact {display:flex; align-items:center; justify-content:center;}
			#home-contact span{display:inline-block; color:#999;}
			#home-contact a{display:inline-block; color:#e18674;}
			@media (max-device-width: 767px){
				#home-contact {flex-wrap: wrap; padding:1em 0;}
				#home-contact span, #home-contact a{display:block;}
			}

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

	#contact{position:absolute; width:100%; min-height:100%;}

	.demipage1{position:relative;left:0;height:auto;width:100%;text-align:justify;}
	.demipage2{position:relative;left:0;height:100vh;width:100%;}
		.bkg-img{position:relative; width:100%;margin:0;padding:0;background-size:cover; min-height:100vh; background-repeat:no-repeat; background-position: center center;}
		.space-top1{margin-top:155px;}
		.space-top2{margin-top:50px;}
		.demipage1-content,
		.demipage2-content{position:relative;width:96%;left:2%;padding-bottom:50px;}

		@media (min-width: 992px){
				.demipage1{position:absolute;left:0;top:0;height:100vh;width:50%;}
				.demipage2{position:absolute;left:50%;top:0;height:100vh;width:50%;}
					.space-top2{margin-top:155px;}
					.demipage1-content{position:absolute;width:80%;right:10%;padding-bottom:0px;left:unset;max-width:calc(540px - 3vw);}
		}
		@media (min-width: 1200px){
					.demipage2-content{width:90%;left:5%;}
		}

	.required{color:green;font-size:0.8em; position:relative;top:-0.3em;left:0.1em;}
			.sebcha-bloc{position:relative; width:100%;height:34px;background:rgba(255,255,255,0.5);border-radius:4px; display:flex; align-items:center; justify-content:center;}
			.sebcha-bloc img{display:inline-block; height:100%; width:34px; border:0px; background-color:transparent; background-size:cover}

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

	#home-footer {position:relative; height:130px; width:100%; background:#555; overflow:hidden;}
	#home-footer .bkg {width:100%; height:100%; position: absolute; left:0; background: url('/assets/img/footer_bkg.jpg') no-repeat center center; background-size:cover;}
			#home-footer .footer {height:100px; width:100%;}
			#home-footer .footer-flex {position:absolute; top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:space-between;}
				#home-footer a {display:block; height:80%;}
				#home-footer a.link1 {width:15%; background: url('/assets/img/logo_neg_UniGE.png') no-repeat left center; background-size:contain;}
				#home-footer a.link2 {width:25%; background: url('/assets/img/logo_neg_CIS.png') no-repeat center center; background-size:contain;}
				#home-footer a.link3 {width:15%; background: url('/assets/img/logo_neg_HUG.png') no-repeat center center; background-size:contain;}
				#home-footer a.link4 {width:25%; background: url('/assets/img/logo_neg_FNSNF.png') no-repeat right center; background-size:contain;}

	@media (max-width: 991px){
	#home-footer {height:250px;padding:20px 0 0 0;}
	#home-footer, #home-footer .bkg {background: #333;}
	#home-footer .footer {height:200px;}
	#home-footer .footer-flex {flex-wrap: wrap}
	#home-footer a {display:block; height:32%;}
	#home-footer a.link1 {width:32%; background: url('/assets/img/logo_neg_UniGE.png') no-repeat center center; background-size:contain;}
	#home-footer a.link2 {width:40%; background: url('/assets/img/logo_neg_CIS.png') no-repeat center center; background-size:contain;}
	#home-footer a.link3 {width:32%; background: url('/assets/img/logo_neg_HUG.png') no-repeat center center; background-size:contain;}
	#home-footer a.link4 {width:40%; background: url('/assets/img/logo_neg_FNSNF.png') no-repeat center center; background-size:contain;}
	}