::-webkit-scrollbar-track 	{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color: #0071B9; }
::-webkit-scrollbar 		{ width: 8px; background-color: #0071B9; }
::-webkit-scrollbar-thumb	{ background-color: #222; border: 1px solid #444; border-radius: 8px; }

#toTopBtn { 
	position: fixed; display: none; bottom: 80px; right: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0071B9; z-index: 9998;
	text-rendering: auto; font-size: 1.1rem; -webkit-transform: translate(0, 0);  transform: translate(0, 0); 
}
#toTopBtn:hover { background-color: #444; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }


.img-aliasing { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

/* BOUNCE EFFECT */
.bounceAnimate {
    -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;
	-webkit-animation-fill-mode: both!important; animation-fill-mode: both!important;
	-webkit-animation-timing-function: ease-in-out!important; animation-timing-function: ease-in-out!important;
	-webkit-animation-name: bounceInUp!important; animation-name: bounceInUp!important; 
}
 
.bounceAnimate.in {
	-webkit-transition-duration: 0.3s!important; -o-transition-duration: 0.3s!important; transition-duration: 0.3s!important;
	-webkit-animation-duration: 0.3s!important; animation-duration: 0.3s!important;
	-webkit-animation-name: bounceInDown!important; animation-name: bounceInDown!important;
}

@-webkit-keyframes bounceInUp { 
    0% { opacity: 0; -webkit-transform: translateY(200px); } 
    20% { opacity: 1; -webkit-transform: translateY(-50px); } 
    40% { -webkit-transform: translateY(30px); } 
    60% { -webkit-transform: translateY(-15px); } 
    80% { -webkit-transform: translateY(10px); } 
    100% { -webkit-transform: translateY(0); } 
} 

@keyframes bounceInUp { 
	0% { opacity: 0; transform: translateY(200px); } 
    20% { opacity: 1; transform: translateY(-50px); } 
    40% { transform: translateY(30px); } 
    60% { transform: translateY(-15px); } 
    80% { transform: translateY(10px); } 
    100% { transform: translateY(0); } 
} 

@-webkit-keyframes bounceInDown {
	0% { opacity: 1; transform: translateY(0px); }
	50% { opacity: 1; transform: translateY(10px); }
	100% { opacity: 0; transform: translateY(-100px); }
}
 
@keyframes bounceInDown {
	0% { opacity: 1; -webkit-transform: translateY(0px); }
	50% { opacity: 1; -webkit-transform: translateY(10px); }
	100% { opacity: 0; -webkit-transform: translateY(-100px); }
}

@-webkit-keyframes Floating {
    from 	{ -webkit-transform: translateY(10px) rotate(-12deg); }
    65% 	{ -webkit-transform: translateY(-10px) rotate(-8deg); }
    to 		{ -webkit-transform: translateY(10px) rotate(-12deg); }
}

@-moz-keyframes Floating {
    from 	{ -moz-transform: translateY(10px) rotate(-12deg); }
    65% 	{ -moz-transform: translateY(-10px) rotate(-8deg); }
    to 		{ -moz-transform: translateY(10px) rotate(-12deg); }
}

.floating {
	transform-origin: center left!important;
    -webkit-animation-duration: 5s; -moz-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floating; -moz-animation-name: Floating;
}

@-webkit-keyframes Floating2 {
    from 	{ -webkit-transform: translateY(10px); }
    65% 	{ -webkit-transform: translateY(-10px); }
    to 		{ -webkit-transform: translateY(10px); }
}

@-moz-keyframes Floating2 {
    from 	{ -moz-transform: translateY(10px); }
    65% 	{ -moz-transform: translateY(-10px); }
    to 		{ -moz-transform: translateY(10px); }
}

.floating2 {
	transform-origin: center left!important;
    -webkit-animation-duration: 5s; -moz-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floating2; -moz-animation-name: Floating2;
}

/* LOADER */
.loader 				{ display: none; position: fixed; z-index: 99999; height: 82px; width: 82px; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; }
#loader1:before 	{ content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
#loader1:after 		{ z-index: 99999; animation: spin 1s infinite; content: ""; position: absolute; background: url(../images/picto_euresis_circle.png) no-repeat center top; top: -10px; left: -10px; width: 100%; height: 100%; border-radius: 100%; border: 10px solid #ccc; border-top-color: #e5d0a2; }

@keyframes spin{
  0%	{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.clearfix:after 		{ content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.info { max-width: 100%!important; }

#bgvid {
	height: 100%;
	min-height: 600px;
	width: 100%;
	object-fit: contain;
	margin-top: 70px;
}

#btn_vc { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

/******************************** NAV *******************************************/

.navbar {
	padding-top: 0.625rem; padding-bottom: 0.625rem; min-height: 53px;  margin-bottom: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.navbar a { vertical-align: middle; font-family: 'futura-pt', sans-serif; font-weight: normal; }
.navbar p { display: inline-block; margin: 0; line-height: 1.8em; font-size: 1.6em; letter-spacing: 0.05em; font-weight: 200; }

.navbar .navbar-nav .nav-link:not(.btn) { text-transform: uppercase; font-size: 0.7em; margin: 0; padding: 0.1rem 0.7rem; line-height: 1.625rem; }
.navbar .navbar-nav .nav-item.actif > .nav-link { background-color: rgba(19, 119, 190, 0.1); border-radius: 0.1875rem; }

.navbar-collapse:after { background: transparent; opacity: 0.5; filter: alpha(opacity=50); }

.navbar .dropdown .dropdown-menu { margin-top: 32px!important;  -webkit-transform: translate3d(0, 20px, 0) !important; transform: translate3d(0, 20px, 0) !important; }
.navbar .dropdown.show .dropdown-menu { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }

.dropdown-toggle::after { border: none!important; font: normal normal normal 10px/1 FontAwesome; content: "\f107"!important; vertical-align: 0; }
.lang_picker a { text-decoration: none; }

.navbar .navbar-brand  { padding-top: 0; padding-bottom: 0; width: 242px; height: 62px; background: url(../images/euresis_logo.png) no-repeat; background-size: contain; -webkit-transition: all 150ms linear; transition: all 150ms linear; }

.navbar.navbar-transparent { padding-top: 70px;  }
.navbar.navbar-transparent .navbar-brand  { height: 124px; }

.navbar .link-bar { position: absolute; right: 10px; top: 32px; }
.navbar.navbar-transparent .link-bar { position: absolute; right: 10px; top: -60px!important;  }
.navbar .link-bar2 { position: absolute; right: auto; left: 10px; top: 0px!important; }  

.navbar .container a:not(.btn):not(.dropdown-item) { color: #404040; }
.navbar.navbar-transparent .container a:not(.btn):not(.dropdown-item) { color: #404040; }
.navbar .container.dark a:not(.btn):not(.dropdown-item) { color: #404040; }
.navbar.navbar-transparent .container.dark a:not(.btn):not(.dropdown-item) { color: #ffffff; }

.navbar.navbar-transparent .container.dark .navbar-brand  { background-image: url(../images/euresis_logo_blanc.png); }
.navbar .container.dark .navbar-brand  { background-image: url(../images/euresis_logo.png); }

.dropdown-menu > li a:hover, .dropdown-menu > li.show {	background-color: rgba(19, 119, 190, 0.1)!important; color: white; }
.dropdown-menu > li.show > a{ color: white; }


input.search_input::placeholder { color: #909090!important; opacity: 1!important; }
.invalid-tooltip			{ left: 30px; padding: 1px 6px; font-size: 11px;  font-family: futura-pt, sans-serif;  margin-top: -5px; }

.btn { font-family: 'futura-pt', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 1.2em; padding: 7px 15px; }
.btn:hover, .btn:focus, .btn:active  { background-color: #444; }

.btn-lg { font-size: 1.5em; padding: 10px 25px; }
.btn-lg.btn-simple { padding: 9px 24px; }

.btn-sm { font-size: 14px; border-radius: 0.1875rem; padding: 5px 15px; }
.btn-sm.btn-simple { padding: 4px 14px; }

.btn-circle	{ 
	width: 32px!important; height: 32px!important; padding: 0!important; line-height: 32px!important; font-size: 1em!important; text-align: center!important; 
	-webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; -webkit-transition: all 150ms linear; transition: all 150ms linear;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.rounded	{ 
	-webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.shadow	 { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05)!important; -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05)!important; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05)!important; }
.shadow-b { filter: drop-shadow(0 0 0.25rem #87c5dd); }
.shadow-o { filter: drop-shadow(0 0 -0.05rem #444); opacity: 0.85px; }

.shadow-strong	 { -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,1)!important; -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,1)!important; box-shadow: 0px 0px 50px 0px rgba(0,0,0,1)!important; }

.pe-none { pointer-events: none!important; }

.ls-sm { letter-spacing: normal!important; }
.ls-md { letter-spacing: 1.3px!important; }
.ls-lg { letter-spacing: 1.8px!important; }

/****************** BANDEAU ACCUEIL ******************************/

.page-header { position: relative; min-height: 300px!important; }

#diaporama { position: relative; min-height: 500px!important; }

.page-header:before {  background-color: rgba(0, 0, 0, 0); }
.page-header-image { z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat!important; background-size: contain!important; }
.rellax-header { position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat!important; background-size: contain!important; }
.rellax-text { z-index: 6!important;}

.mask-header	{ position: absolute; pointer-events: none; width: 100%; bottom: 0; height: 400px; z-index: 7!important; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }
.mask-header-top { bottom: auto; top: 0; background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.9) 70%); }

.rellax-header-letters { position: absolute; top: 45%; width: 200px; height: 200px; }
.rellax-header-letters img { display: block; }

.eps1 { bottom: 15%!important; top: auto;  right: 36%!important; z-index: 2!important; opacity: 1; width: }
.eps2 { bottom: 30%!important; top: auto; right: 4.5%!important; z-index: 3!important; opacity: 1; }
.eps3 { bottom: 52%!important; top: auto; left: 10%!important;  z-index: 4!important; filter: blur(1px); opacity: 0.7; }
.eps4 { bottom: 20%!important; top: auto; left: 15%!important;  z-index: 5!important; opacity: 1; }

.rellax-header-city { position: absolute; bottom: 0; }
.rellax-header-city img { width: 100%; display: block; }

.city_halo { bottom: 55%!important; right: 15%!important; z-index: 8!important; width: 75%!important;}
.city_uresis { bottom: 45%!important; right: 7%!important; z-index: 8!important; width: 396px!important;  mix-blend-mode: hard-light!important; }
.city_city { bottom: 25%!important; left: -4%!important; right: -2%!important; z-index: 7!important; width: 108%!important; }
.city_reflect { bottom: 12%!important; left: 15%!important;  z-index: 6!important; width: 80%!important; }
.city_epsilon { bottom: 20%!important; right: 30%!important; z-index: 9!important; width: 358px!important; }
.city_shadow { bottom: 16%!important; right: 30%!important; z-index: 7!important; width: 323px!important;}
.city_space { bottom: -3%!important; left: -4%!important; right: -2%!important; z-index: 5!important; width: 108%!important; }

.mask-slide, .mask-slide-blue 	{ position: absolute; pointer-events: none; width: 100%; top: 0; height: 300px; z-index: 7!important; background: rgb(0,32,54); background: linear-gradient(180deg, rgba(12,88,142,1) 0%, rgba(12,88,142,0) 100%); }
.darkMode .mask-slide	{ background: rgb(0,32,54); background: linear-gradient(0deg, rgba(0,32,54,1) 0%, rgba(0,32,54,0) 100%); }

.bloc-header	{ position: absolute; width: 35%; max-width: 1280px; bottom: 5%; left: 5%; z-index: 3; text-align: left; padding: 0 20px; background: rgb(0,32,54); background: linear-gradient(180deg, rgba(12,88,142,1) 25%, rgba(12,88,142,0) 100%); }
.bloc-header .bloc-header-text {  display: inline-block; width: 100%; }
.bloc-header .h4-description { font-family: 'futura-pt', sans-serif; font-weight: 200; text-align: left; text-transform: uppercase; font-size: 26px; line-height: 30px; text-shadow: 0 0 5px rgba(0,0,0,0.5); }

.visuelMD, .visuelSM { position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat!important; background-size: contain!important; background-position: center bottom!important; }


@media screen and (max-width: 991px) {
	.rellax-header, .page-header-image { background-size: cover!important; background-position: center 80px!important; }
	.floating {	-webkit-animation-name: none; -moz-animation-name: none; }
	
	.bloc-header	{ width: 45%; margin: 0 auto; padding: 0 15px; }
	.bloc-header .bloc-header-text {  display: block; width: 100%; }
	.bloc-header .h4-description { font-size: 20px!important; line-height: 24px!important; font-weight: 500; }
	.bloc-header p { font-size: 15px!important; line-height: 20px; }
	
	.city_halo { bottom: 55%!important; right: 15%!important; z-index: 8!important; width: 75%!important;}
	.city_uresis { bottom: 45%!important; right: 7%!important; z-index: 8!important; width: 250px!important;}
	.city_city { bottom: 25%!important; left: -4%!important; right: -2%!important; z-index: 7!important; width: 108%!important; }
	.city_reflect { bottom: 12%!important; left: 15%!important;  z-index: 6!important; width: 80%!important; }
	.city_epsilon { bottom: 20%!important; right: 30%!important; z-index: 9!important; width: 200px!important; }
	.city_shadow { bottom: 16%!important; right: 30%!important; z-index: 7!important; width: 200px!important;}
	.city_space { bottom: -3%!important; left: -4%!important; right: -2%!important; z-index: 5!important; width: 108%!important; }
}	

.swiper-container 					{ width: 100%!important; max-width: 100%; }
.swiper-container .swiper-slide	{ overflow: hidden!important; height: 100%!important }
.swiper-button-next, .swiper-button-prev { 
	width: 40px!important; height: 40px!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0d3b83; transform-origin: 50% 50%;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.swiper-button-next:after,.swiper-button-prev:after { 
	font-size: 1.5em!important; color: #fff!important; transform: rotate(0);
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.swiper-button-next 				{ right: 20px!important; top: 50%; transform: translateY(-50%); }
.swiper-button-prev 				{ left: 20px!important; top: 50%; transform: translateY(-50%);  }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: rgb(0,32,54); }
.swiper-button-next:hover:after,.swiper-button-prev:hover:after { transform: rotate(360deg); }

.swiper-progress-bar 									{ position: absolute; width: 100%; top: 0; z-index: 999; height: 2px; }
.swiper-progress-bar .slide_progress-bar 				{ position: absolute; height: 2px;	background: rgba(255, 255, 255, 0.2); width: auto; clear: both;	opacity: 0; top: 0px; left: 0; right: 0; }
.swiper-progress-bar .slide_progress-bar:after 			{ position: absolute; top: 0; left: 0; background: #404040; height: 100%; width: 0; content: ""; transition: 0.1s width linear; }
.swiper-progress-bar.active	.slide_progress-bar 		{ opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after 	{ transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; }


@media screen and (max-width: 991px) {
	.swiper-button-next 				{ right: 0!important; width: 25px!important; height: 25px!important;}
	.swiper-button-prev 				{ left: 0!important; width: 25px!important; height: 25px!important; }
}	

/****************** MISC ******************************/

.bandeau_titre 		{ height: 40px; line-height: 40px; background: #fff; padding: 0 25px; margin: 25px 20px; font-size: 26px; font-weight: 200; letter-spacing: 2px; opacity: 0; }
.bandeau_titre div { display: inline-block; font-weight: 200; vertical-align: middle; font-family: 'futura-pt', sans-serif;  }
.bandeau_titre b { font-weight: 500; }
.bandeau_titre2 { font-size: 21px!important; padding-top: 5px!important; font-weight: 200; letter-spacing: 2px; }
.bandeau_titre2 a { text-decoration: none; }
.bandeau_titre2 a:hover * { color: #444!important; letter-spacing: 1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.bt_r { margin-left: 500px; }
.bt_l { margin-right: 500px; }
.bt_r2 { margin-left: 100%; margin-right: auto; }
.bt_l2 { margin-right: 100%; margin-left: auto; }

.modal-content .modal-header button { right: 10px; top: 0; }


/****************** COORD / NEWSLETTER ******************************/

.small	{ font-size: 11px; line-height: 14px; font-weight: 300; }
.summary { font-size: 12px; line-height: 3; }
.summary p.collapse:not(.show) { height: 42px!important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.summary p.collapsing { min-height: 42px!important; }
.summary a.collapsed  {z-index: 999!important; }
.summary a.collapsed:after  { content: '+ Lire la suite'; }
.summary a:not(.collapsed):after { content: '- Fermer'; }
  
.contact-content { position: relative; border-top: solid 2px #000;  }
.contact-content .bloc { width: 100%; margin: 0 20px 150px 20px; padding: 15px 20px; background: rgba(0,0,0,0.6); color: #fff; }

.bloc-coord { background: url(../images/bg2_euresis.jpg) no-repeat; background-size: cover; background-position: center; }
.bloc-nl { background: url(../images/bg_city.png) repeat-x; background-position: center; }

.bloc-coord .bloc { max-width: 450px; }
.bloc-nl .bloc { max-width: 780px; }

.bloc-nl .form-check .form-check-sign::after { color: #fff; }

.mask-footer { position: absolute; pointer-events: none; width: 100%; bottom: 0; height: 200px; z-index: 7; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%); }

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

.footer { position: absolute; z-index: 8; width: 100%; height: 124px; line-height: 124px; padding: 0; bottom: 0; background-color: transparent; }
.footer .eu-mask { position: absolute; bottom: 20px; left: 20px; width: 121px; height: 62px; filter: blur(2px); opacity: 0.7; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.footer .eu-mask:hover { filter: blur(0px); opacity: 1;  }
.footer .eu-mask img { width: 100%; display: block; }

.footer .container	{ width: 100%; max-width: 1280px; margin: 0 auto; }
.footer .copyright img { max-width: 114px; }
.footer li { line-height: 24px; }

.grecaptcha-badge { z-index: 99999; bottom: 20px!important; visibility: hidden; }


.modal h3.title { font-weight: 600; text-shadow: 0 0 0 rgba(0,0,0, 0), 0 0 10px rgba(0,0,0, 1); }

#article .page-header.page-header-mini { max-height: 250px; }
#article .page-header-image .mask { width: 100%; height: 70px; background: rgba(0,113,185, 0.85); position: absolute; bottom: 0; z-index: 999!important}
#article .page-header-image .mask2 { background: rgba(229,208,162, 0.85); }
#article .bandeau_titre { margin-top: -56px!important; box-shadow: none!important; }

#article .bandeau_titre_espaces  { margin-bottom: 0; margin-top: 0!important; }

.item_ref, .item_equ { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; }

.hovereffect { position: relative; text-align: center; min-height: 250px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.hovereffect .image-type { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1002!important; }
.hovereffect .image-links { 
	text-transform: uppercase; color: #fff; text-align: left; position: absolute; background: rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	left: 0px; bottom: 0px; width: 100%!important; height: 100%!important; line-height: 100%!important; cursor: pointer;  border: solid 2px #fff;
	-webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; 
	padding: 0; opacity: 0; -webkit-transform: scale(0.5) rotate(-90deg); -ms-transform: scale(0.5) rotate(-90deg); transform: scale(0.5) rotate(-90deg); 
}
.hovereffect:hover .image-links { 
	width: 100%!important; background: rgba(0,113,185, 0.85); -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;  z-index: 999!important; 
	opacity: 1; -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);
}

.item_equ .hovereffect { min-height: 200px; height: 200px; padding: 10px; }
.item_equ .hovereffect .image-links { color: #000; letter-spacing: 1.6px; font-size: 12px!important; }
.item_equ .hovereffect:hover .image-links { background-color: rgba(255,255,255, 0.75); background-image: url(../images/picto_euresis_circle.png); background-repeat: no-repeat; background-position: center 60%; background-size: auto; }

.loader_small 		{ display: inline-block; width: 50px; height: 50px; margin-top: 25px!important; }
#loader:after 		{ position: relative; display: block; animation: spin 1s infinite; content: ""; background: url(../images/picto_euresis_circle.png) no-repeat center; background-size: 35%; width: 50px; height: 50px; border-radius: 50%; border: 3px solid rgba(0,0,0,0.1); border-top-color: #e5d0a2; }

#noDatas { 
	padding: 30px; font-family: 'futura-pt', sans-serif!important; font-size: 24px!important; font-weight: 200!important; text-align: center!important; text-transform: uppercase!important; 
	-webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;
}

.toll-free-box-topright i { left: auto; bottom: auto; top: -15px; right : -15px; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }

.section-image:after { background-color: transparent!important; }

.has-float-label label, .has-float-label > span {  left: 40px!important; top: auto!important; bottom: -1em!important; font-size: 75%!important; z-index: 999!important; }
.has-float-label label::after, .has-float-label > span::after { background: #fff!important; height: 8px!important; top: 0!important; left: -.4em!important; right: -.4em!important; }
 
.select2-container--bootstrap4 .select2-selection { text-align: left!important; border: solid 1px #e4e4e4!important; border-left: none!important; -webkit-border-radius: 0 30px 30px 0!important; -moz-border-radius: 0 30px 30px 0!important; border-radius: 0 30px 30px 0!important; }
.select2-container--bootstrap4 .select2-dropdown { font-family: 'futura-pt', sans-serif!important; font-size: 13px; border-color: #ced4da; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); z-index: 1051!important; }
.select2-container--bootstrap4 .select2-selection__clear { position: absolute!important; top: 12px!important; right: 22px!important; z-index: 998!important; background-color: #fff!important; border: solid 1px #337aaf!important; color: #337aaf!important; font-size: 16px!important; line-height: 10px!important; text-align: center!important; padding-right: 3px!important; float: none!important;  margin: 0!important; }
.select2-container--bootstrap4 .select2-selection__clear:hover { background-color:#eee; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { height: 30px; width: 30px; top: 0!important; right: 5px!important; }
.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #444 transparent!important; border-width: 0 4px 4px 4px !important; }
.select2-container--bootstrap4 .select2-selection__placeholder { font-size: 12px!important; color: #ccc!important; padding-left: 6px!important; }

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] { color: #212529; background-color: #f2f2f2; }
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] { color: #fff;  background-color: #0071B9!important; }

 
@media screen and (max-width: 1199px) {
	.contactus-2 .card-contact { margin: 100px 0 100px 50px!important; max-width: 350px!important; }
	
	.contactus-2 .description p { font-size: 14px!important; }
	.contactus-2 .description h3 { font-size: 24px!important;}
}


@media screen and (max-width: 991px) {
	nav li { display: block!important; text-align: center; }
	.navbar-nav { padding-top: 50px!important; }
	
	#main-nav:before { z-index: -1!important; background-color: rgba(0, 0, 0, 0.7)!important; }
		
	.bandeau_titre 		{ height: auto; line-height: auto; padding: 0 15px; margin: 15px; font-size: 21px; line-height: 25px; }
	.bloc-fils { background-image: none; }
	.bloc-fils .bandeau_titre { margin-top: -27px; }
	.bloc-fils .bloc-actus, .bloc-fils .bloc-li { min-height: auto; }
	.bloc-fils .bloc-actus .bloc-fil, .bloc-fils .bloc-li .bloc-fil{ min-height: 250px; background-color: rgba(128,128,128, 0.1); margin: 10px; }
	
	.fil-li .bloc-fil { margin: -15px 0 20px 20px!important; max-width: 100%!important; }
	
	/****************** EQUIPE ******************************/

	.bloc-equipe .swiper-container	 	{ max-width: 100%!important; }
	.swiper-button-next2 				{ right: 0!important; top: 40%!important; }
	.swiper-button-prev2				{ left: 0!important; top: 40%!important; }
	
	.footer { height: auto!important; line-height: auto; margin-top: 30px!important; }
	.footer nav { display: block!important; }
	.footer ul, .footer li { margin: 0 5px!important; }
	.footer .copyright {}
	.footer .eu-mask { bottom: 40px; left: 10px; width: 90px; height: 46px; }
	
	.contact-content .bloc { margin: 0; padding: 15px 20px; z-index: 999; }
	.bt_r { margin-left : 0;  }
	.bt_l { margin-right : 0; }

	.bloc-coord .bloc, .bloc-nl .bloc { width: 100%; max-width: 100%; margin: 0; float: none; }
	.bloc-nl .bloc { padding-bottom: 240px; }
	
	.modal h3.title { font-size: 21px; font-weight: 600; text-shadow: 0 0 5px rgba(0,0,0, 0.5), 0 0 10px rgba(0,0,0, 0.75), 0 0 20px rgba(0,0,0, 1); }
	
	.contactus-2 .map { position: relative!important; width: 100%!important; min-height: 300px!important; }
	.contactus-2 .card-contact { margin: 30px 0 120px 0!important; max-width: 100%!important; }
	.contactus-2 .card-contact img { max-width: 75%; }
	.contactus-2 .description p { font-size: 16px!important; }
	.contactus-2 .description h3 { font-size: 32px!important;}
	
	.item_equ .hovereffect { width: 320px; min-height: 320px; height: 320px; }
	.item_ref .hovereffect { width: 170px; min-height: 170px; height: 170px; padding: 15px; }
	
	.visuelMD, .visuelSM { width: 100%!important; left: 0!important; bottom: 0!important; z-index: 0!important; background-size: 100%!important; background-position: center bottom; }

}	
@media screen and (max-width: 768px ) {

	.bloc-fils .bandeau_titre { font-size: 18px; padding: 10px 15px; margin-top: 15px!important;  }
	#main-nav:after { z-index: -1!important; background-color: rgba(0, 0, 0, 0.85)!important; }
	
	table tr td { display: block!important; min-height: auto!important;  width: 100%!important; }
	
	.bt_r { margin-left : 0;  }
	.bt_l { margin-right : 0; }
	
	
	.modal .modal-dialog { margin: -10px!important; }
	.modal .modal-body { padding: 5px 20px!important; }
	
	.city_halo { bottom: 40%!important; right: 15%!important; z-index: 8!important; width: 75%!important;}
	.city_uresis { bottom: 30%!important; right: 0!important; z-index: 8!important; width: 180px!important;}
	.city_city { bottom: 12%!important; left: -4%!important; right: -2%!important; z-index: 7!important; width: 108%!important; }
	.city_reflect { bottom: 12%!important; left: 15%!important;  z-index: 6!important; width: 80%!important; }
	.city_epsilon { bottom: 5%!important; right: 30%!important; z-index: 9!important; width: 180px!important; }
	.city_shadow { bottom: 3%!important; right: 30%!important; z-index: 7!important; width: 180px!important;}
	.city_space { bottom: -3%!important; left: -4%!important; right: -2%!important; z-index: 5!important; width: 108%!important; }
	
	.bloc-header	{ bottom: auto; top: 12%; padding: 0 15px; width: 90%}
	.bloc-header .h4-description { font-size: 18px!important; line-height: 21px!important; }
	.bloc-header p { font-size: 14px!important; line-height: 18px; }
	
}