/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
#@14
#@15
#@16
#@17
#@18
#@19
#@20
#@21
#@22
#@23
#@24
#@25
#@26
#@27
#@28
#@29
#@30
#@31
#@32
#@33
#@34
#@35
#@36
#@37
#@38
*/
@charset "UTF-8";
/* Variables et declarations specifiques, en complement de _variables.scss */
* {
  /*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
  /* BODY */
  /* CUSTOM HTML ELEMENTS */
  /* CUSTOM ELEMENTS */
  /* LINKS */
  /* SECTIONS */
  /* CUSTOM CONTAINER */
  /* ODOMETER */
  /* PAGINATION */
  /* PAGE LOADED */
  /* PRELOADER */
  /* TRANSITION OVERLAY */
  /* EQUALIZER */
  /* NAVIGATION MENU */
  /* HAMBURGER */
  /* CUSTOM LINK */
  /* HEADER */
  /* NAVBAR */
  /* SLIDE BTN */
  /* SWIPER SLIDER */
  /* INTRO */
  /* PROCESS */
  /* SERVICES CONTENT BLOCK */
  /* WORKS */
  /* WORKS SINGLE */
  /* TEAM */
  /* WORK WITH US */
  /* AWARDS  */
  /* CLIENTS */
  /* NEWS */
  /* HELLO */
  /* DIRECTION */
  /* FOOTER */
  /* MEDIUM FIXES */
  /* RESPONSIVE TABLET FIXES */
  /* RESPONSIVE MOBILE FIXES */
  outline: none !important;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat-Variable", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  color: #1a1a1a;
}
img {
  max-width: 100%;
  height: auto;
}
.fit img {
  width: 100%;
}
.overflow {
  overflow: hidden !important;
}
a {
  color: #1a1a1a;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
a:hover, a:focus, a:active {
  color: #1a1a1a;
  background-color: transparent;
}
section {
  /*overflow: hidden;*/
}
#menu-pills.nav-pills {
  border: none;
}
#menu-pills.nav-pills .nav-link {
  background-color: transparent;
  text-align: left;
  font-weight: 500;
  line-height: 1.2rem;
  border: none;
  margin-left: 0rem;
  color: #1a1a1a;
  font-size: 1rem;
  padding: 0.6rem 1rem;
  border-left: 3px solid #005f6a;
  border-radius: 0;
}
#menu-pills.nav-pills .nav-link.active {
  color: #ffbf47;
  background-color: #005f6a;
  border-left: 3px solid #ffbf47;
}
#menu-pills.nav-pills .nav-link .fas {
  font-size: 16px;
  color: #0b5e4b;
  padding-right: 1rem;
  margin-left: -2rem;
  transition: all ease-in-out 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  #menu-pills.nav-pills .nav-link .fas {
    transition: none;
  }
}
#menu-pills.nav-pills .nav-link.spip_ancre {
  text-decoration: none;
}
#menu-pills.nav-pills .nav-link:hover, #menu-pills.nav-pills .nav-link:focus, #menu-pills.nav-pills .nav-link:active {
  color: #ffbf47;
  background-color: #005f6a;
  border-left: 3px solid #ffbf47;
}
#menu-pills.nav-pills .nav-link:hover .fas, #menu-pills.nav-pills .nav-link:focus .fas, #menu-pills.nav-pills .nav-link:active .fas {
  padding-left: 0.8rem;
  padding-right: 0.2rem;
}
#menu-pills2 {
  padding: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
#menu-pills2 .titre {
  font-weight: 600;
}
@media (max-width: 991.98px) {
  #menu-pills2 {
    padding: 0 15px !important;
  }
}
#menu-pills2 .dropdown-toggle {
  border: 2px solid #005f6a;
  background-color: #fff;
  padding: 10px 12px;
}
#menu-pills2 .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  /*vertical-align: middle;*/
  border: 0;
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #ffbf47;
}
#menu-pills2 .dropdown-toggle:hover:after, #menu-pills2 .dropdown-toggle:focus:after, #menu-pills2 .dropdown-toggle:active:after {
  color: #ffbf47;
}
#menu-pills2 .dropdown-menu {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 0;
  padding: 1rem;
}
#menu-pills2 .dropdown-menu .dropdown-item {
  padding: 0 24px;
  color: #005f6a;
  position: relative;
  white-space: unset;
  align-items: center;
  display: flex;
  min-height: 32px;
}
#menu-pills2 .dropdown-menu .dropdown-item span {
  color: #ffbf47;
}
#menu-pills2 .dropdown-menu .dropdown-item:before {
  display: inline-block;
  border: 0;
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 8px;
  top: 5px;
}
#menu-pills2 .dropdown-menu .dropdown-item.spip_ancre {
  text-decoration: none;
}
#menu-pills2 .dropdown-menu .dropdown-item:hover, #menu-pills2 .dropdown-menu .dropdown-item:focus, #menu-pills2 .dropdown-menu .dropdown-item:active {
  background: #0b5e4b;
}
.odometer {
  line-height: 1;
}
.odometer.odometer-auto-theme .odometer-digit {
  padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
  left: 0;
}
.odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}
/*.pagination {
	display: block;
	text-align: center;
	margin-top: 50px;
	a {
		display: inline-block;
		font-weight: 600;
		color: $color_txt;
		margin: 0 10px;
		font-size: 14px;
		border-bottom: 2px solid $color_txt;
		padding-bottom: 2px;
		&:hover {
			text-decoration: none;
			border-bottom: 2px solid $color_principale;
		}
	}
}*/
.pagination {
  border-radius: 0;
  padding: 4px;
  background: transparent;
}
.pagination .pagination-label {
  display: none;
}
.pagination .page-link {
  border-radius: 0;
  border: 0;
  background: transparent;
  color: #1a1a1a;
  margin: 0 2px;
  font-weight: 500;
}
.pagination .page-link:hover, .pagination .page-link:focus, .pagination .page-link:active {
  color: #fff;
  background-color: #1a1a1a;
  border: 0;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  border-radius: 0;
  padding: 0.5rem 0.45rem;
}
.pagination .page-item.active .page-link {
  color: #fff;
  background-color: #1a1a1a;
  border: 0;
}
.pagination .page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
}
.page-loaded {
  overflow: inherit;
}
.page-loaded .preloader {
  bottom: -100%;
  transition-delay: 0.55s;
}
.page-loaded .preloader .layer {
  bottom: -100%;
}
.page-loaded .preloader .inner {
  transform: translateY(30px);
  opacity: 0;
}
.page-loaded header {
  transform: scale(1);
  transition-delay: 0.6s;
}
.page-loaded .navbar {
  transform: translateY(0);
  transition-delay: 0.75s;
}
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1051;
  overflow: hidden;
  background: #005f6a;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 25%;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: #000;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer:nth-child(1) {
  left: 0;
  transition-delay: 0.15s;
}
.preloader .layer:nth-child(2) {
  left: 25%;
  transition-delay: 0.2s;
}
.preloader .layer:nth-child(3) {
  left: 50%;
  transition-delay: 0.25s;
}
.preloader .layer:nth-child(4) {
  left: 75%;
  transition-delay: 0.3s;
}
.preloader .inner {
  margin: 0;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader figure {
  display: block;
  margin: 0;
}
.preloader figure img {
  height: 80px;
}
.preloader .typewriter {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  transform: translateY(10px);
  color: #fff;
  font-family: "Barlow", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
.preloader .typewriter #typewriter-text {
  float: left;
  margin-left: 5px;
  margin-top: -2px;
  margin-right: 3px;
}
.preloader .typewriter #typewriter-suffix {
  width: 2px;
  height: 22px;
  display: inline-block;
  background: #005f6a;
  text-indent: -1000px;
  overflow: hidden;
}
.transition-overlay {
  width: 100%;
  height: 0;
  position: fixed;
  background: #005f6a;
  left: 0;
  bottom: 0;
  z-index: 1050;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay .layer {
  width: 25%;
  height: 0;
  position: absolute;
  bottom: 0;
  background: #000;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.56, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.07, 1);
}
.transition-overlay .layer:nth-child(1) {
  left: 0;
  transition-delay: 0.25s;
}
.transition-overlay .layer:nth-child(2) {
  left: 25%;
  transition-delay: 0.3s;
}
.transition-overlay .layer:nth-child(3) {
  left: 50%;
  transition-delay: 0.35s;
}
.transition-overlay .layer:nth-child(4) {
  left: 75%;
  transition-delay: 0.4s;
}
.transition-overlay.active {
  height: 100%;
}
.transition-overlay.active .layer {
  height: 100%;
}
.equalizer {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}
.equalizer span {
  background: #005f6a;
  width: 1px;
  height: 1px;
  top: 50%;
  bottom: 0;
  left: 0%;
  transform: translateY(-50%);
  position: absolute;
  transition: height 0.2s linear;
}
.equalizer span:nth-child(1) {
  margin-left: 4px;
}
.equalizer span:nth-child(2) {
  margin-left: 8px;
}
.equalizer span:nth-child(4) {
  margin-left: 12px;
}
.equalizer span:nth-child(5) {
  margin-left: 16px;
}
.equalizer span:nth-child(6) {
  margin-left: 20px;
}
.equalizer.paused span {
  height: 1px !important;
}
.navigation-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1050;
  visibility: hidden;
}
.navigation-menu .navbar {
  opacity: 0;
}
.navigation-menu .bg-layers {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
}
.navigation-menu .bg-layers * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation-menu .bg-layers span {
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: skewX(0);
  background: #e6f4f6;
}
.navigation-menu .bg-layers span:nth-child(1) {
  left: 0;
}
.navigation-menu .bg-layers span:nth-child(1):before {
  content: "";
  width: 150%;
  height: 100%;
  background: #e6f4f6;
  position: absolute;
  left: -149%;
  top: 0;
}
.navigation-menu .bg-layers span:nth-child(2) {
  left: 25%;
}
.navigation-menu .bg-layers span:nth-child(3) {
  left: 50%;
}
.navigation-menu .bg-layers span:nth-child(4) {
  left: 75%;
}
.navigation-menu .bg-layers span:nth-child(4):before {
  content: "";
  width: 150%;
  height: 100%;
  background: #e6f4f6;
  position: absolute;
  right: -149%;
  top: 0;
}
.navigation-menu .inner {
  position: relative;
  z-index: 3;
  color: #fff;
  text-align: center;
  padding-top: 96px;
}
.navigation-menu .inner * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navigation-menu .inner .menu {
  display: block;
  min-height: 130px;
  opacity: 0;
  transform: translateY(-30px);
}
.navigation-menu .inner .menu ul {
  display: block;
  margin-bottom: 50px;
  margin-left: 0;
  padding: 0;
  position: relative;
}
.navigation-menu .inner .menu ul li {
  display: block;
  margin: 0 20px;
  padding: 0;
  list-style: none;
}
.navigation-menu .inner .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.navigation-menu .inner .menu ul li:hover ul li ul {
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li a {
  display: inline-block;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 600;
  color: #005f6a;
  padding-bottom: 8px;
  padding-top: 8px;
  border-bottom: 5px solid transparent;
}
.navigation-menu .inner .menu ul li a:hover {
  padding-bottom: 8px;
  border-bottom: 5px solid #005f6a;
  text-decoration: none;
}
.navigation-menu .inner .menu ul li ul {
  width: 100%;
  min-height: inherit;
  position: absolute;
  left: 0;
  top: 70px;
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li ul li {
  margin: 0 15px;
}
.navigation-menu .inner .menu ul li ul li a {
  font-size: 2rem;
  padding: 0;
  border-bottom: none;
}
.navigation-menu .inner .menu ul li ul li a:hover {
  padding: 0;
  border-bottom: none;
  color: #005f6a;
}
.navigation-menu .inner .menu ul li ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.navigation-menu .inner .menu ul li ul li ul {
  top: 55px;
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li ul li ul li {
  margin: 0 20px;
}
.navigation-menu .inner .menu ul li ul li ul li a {
  font-size: 20px;
  font-weight: 600;
}
.navigation-menu .inner .menu ul li .social-links-link {
  display: inline-block;
  height: 2.2rem;
  vertical-align: top;
  padding: 0 10px;
  /*.transition(background-color .3s);*/
  transition: background-color 0.3s;
  color: #ffffff;
  line-height: 2.2rem;
  /*font-size: 0.8rem;*/
  color: #ffffff;
  /*.border-radius(4rem);*/
  border-radius: 4rem;
  border: 1px solid #ffbf47;
  margin: 0;
  background-color: #ffbf47;
}
@media (prefers-reduced-motion: reduce) {
  .navigation-menu .inner .menu ul li .social-links-link {
    transition: none;
  }
}
.navigation-menu .inner .menu ul li .social-links-link span {
  width: 2rem;
  text-align: center;
  line-height: 2rem;
  vertical-align: top;
}
.navigation-menu .inner .menu .ombre {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  background-color: #fff;
}
.navigation-menu .inner .menu .ombre ul.titre {
  margin-bottom: 10px;
  background-color: #003f47;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 2rem;
}
.navigation-menu .inner .menu .ombre.plateforme ul li a {
  color: #8a0f4d;
}
.navigation-menu .inner .menu .ombre.plateforme ul li a:hover {
  border-bottom: 5px solid #8a0f4d;
}
.navigation-menu .inner .menu .ombre.plateforme ul.titre {
  background-color: #8a0f4d;
}
.navigation-menu .inner blockquote {
  display: block;
  font-size: 2rem;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  color: #005f6a;
  opacity: 0;
  transition-delay: 0.5s;
  transform: translateY(30px);
  border: 0;
}
.navigation-menu.active {
  visibility: visible;
}
.navigation-menu.active .bg-layers {
  visibility: visible;
}
.navigation-menu.active .bg-layers span {
  width: calc(25% + 1px);
  transform: skewX(45deg);
}
.navigation-menu.active .bg-layers span:nth-child(1) {
  width: calc(25% + 1px);
}
.navigation-menu.active .bg-layers span:nth-child(4) {
  width: calc(25% + 1px);
}
.navigation-menu.active .navbar {
  opacity: 1;
}
.navigation-menu.active .inner .menu {
  opacity: 1;
  transform: translateY(0);
}
.navigation-menu.active .inner blockquote {
  opacity: 1;
  transform: translateY(0);
}
.hamburger {
  float: left;
  width: 26px;
  height: 18px;
  position: relative;
}
.hamburger * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #005f6a;
  z-index: 0;
}
.hamburger span:nth-child(1) {
  top: 0px;
  width: 50%;
}
.hamburger span:nth-child(2) {
  top: 8px;
}
.hamburger span:nth-child(2):before {
  transition-delay: 0.05s;
}
.hamburger span:nth-child(2):after {
  transition-delay: 0.15s;
}
.hamburger span:nth-child(3) {
  width: 50%;
  top: 16px;
  right: 0;
  left: auto;
}
.hamburger span:nth-child(3):before {
  transition-delay: 0.1s;
}
.hamburger span:nth-child(3):after {
  transition-delay: 0.2s;
}
.hamburger span:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 0;
  right: 0;
  left: auto;
  z-index: 1;
  background: #005f6a;
  transition: all 0.15s linear 0s;
}
.hamburger span:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 0;
  right: 0;
  left: auto;
  z-index: 2;
  background: #ffbf47;
  transition: all 0.15s linear 0.3s;
}
.hamburger:hover span {
  width: 100% !important;
}
.hamburger:hover span:after {
  width: 100%;
  left: 0;
  right: auto;
  z-index: 1;
  transition: all 0.15s linear 0s;
}
.hamburger:hover span:before {
  width: 100%;
  left: 0;
  right: auto;
  z-index: 2;
  transition: all 0.15s linear 0.3s;
}
.hamburger:hover span:nth-child(2):after {
  transition-delay: 0.05s;
}
.hamburger:hover span:nth-child(2):before {
  transition-delay: 0.15s;
}
.hamburger:hover span:nth-child(3):after {
  transition-delay: 0.1s;
}
.hamburger:hover span:nth-child(3):before {
  transition-delay: 0.2s;
}
.hamburger.open span:nth-child(1) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -15px;
}
.hamburger.open span:nth-child(3) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.custom-link {
  display: block;
  transition: all 0.5s;
}
.custom-link * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.custom-link a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #1a1a1a;
}
.custom-link a:hover {
  text-decoration: none;
}
.custom-link b, .custom-link strong {
  font-weight: 600;
  display: inline-block;
  margin-left: 20px;
}
.custom-link .lines {
  width: 0px;
  height: 1px;
  float: left;
  overflow: hidden;
}
.custom-link .lines span {
  margin: 0;
}
.custom-link .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #1a1a1a;
  display: block;
}
.custom-link .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #1a1a1a;
}
.custom-link:hover .lines {
  width: 32px;
  margin-left: 20px;
}
.custom-link:hover .lines span:nth-child(1) {
  width: 0;
}
.custom-link:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}
.header {
  width: 100%;
  height: 100vh;
  min-height: 660px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #1a1a1a;
}
.header .container {
  position: relative;
  z-index: 2;
}
.header .container .tagline {
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.header .container .tagline span {
  color: #ffbf47;
  float: left;
  font-weight: 600;
  color: #fff;
}
.header .container .tagline span:after {
  content: "";
  width: 22px;
  height: 1px;
  float: right;
  margin: 10px;
  background: #ffbf47;
}
.header .container .tagline h6 {
  float: left;
  font-family: "Barlow", sans-serif;
  opacity: 0.8;
  margin-top: 2px;
  margin-bottom: 0;
}
.header .container h1 {
  width: 100%;
  float: left;
  font-weight: 800;
  color: #005f6a;
  font-size: 10rem;
  line-height: 1;
  text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
  margin-bottom: 0;
}
.header .container h1 span {
  /*-webkit-text-stroke-width: 1px;
				transform: translateY(-35%);*/
  margin-left: 4%;
  display: flex;
  /*-webkit-text-stroke-color: $color_principale;*/
  color: #fff;
}
.header .container .slide-btn {
  float: left;
}
.header .perspective {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .perspective canvas {
  min-height: 100%;
  width: auto !important;
  position: absolute;
  left: 0;
  top: 0;
}
.header .particles-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .particles-wrap .particles {
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  left: 0;
  bottom: 0;
}
.header .video-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .video-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-lines.png') center;*/
  z-index: 2;
}
.header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  opacity: 0.8;
}
.page-header {
  width: 100%;
  height: 100vh;
  min-height: 660px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #1a1a1a;
}
.page-header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page-header .video-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-lines.png') center;*/
  z-index: 2;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.2;
}
.page-header .container {
  position: relative;
  z-index: 3;
  padding: 0 10%;
}
.page-header .container h1 {
  font-weight: 800;
  font-size: 10rem;
  color: #fff;
  line-height: 1;
  text-indent: -5px;
}
.page-header .container p {
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
  color: #005f6a;
}
header {
  transform: scale(1.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
header .left-side {
  width: 50%;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  margin-left: 30px;
  z-index: 3;
}
header .left-side ul {
  margin: 0 auto;
  padding: 0;
}
header .left-side ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
header .left-side ul li a {
  font-size: 14px;
  color: #fff;
  font-family: "Barlow", sans-serif;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
header .left-side ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
header .scroll-down {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
header .scroll-down small {
  width: 98px;
  display: inline-block;
  transform: rotate(-90deg);
  margin-bottom: 50px;
  color: #fff;
  font-family: "Barlow", sans-serif;
}
header .scroll-down span {
  display: block;
  height: 50px;
  position: relative;
  transform: translateX(-1px);
}
header .scroll-down span::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 70px;
  background: #fff;
  content: "";
}
header .sound {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 3;
}
header .sound span {
  float: left;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  font-family: "Barlow", sans-serif;
}
header .sound .equalizer {
  float: left;
}
header .sound .equalizer .holder {
  width: 23px;
  height: 20px;
  position: relative;
}
.navbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 40px;
  color: #005f6a;
  background-color: #fff;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  z-index: 1030;
  transform: translateY(-130%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navbar a {
  color: #005f6a;
}
.navbar .left {
  width: 30%;
  margin-left: 0;
}
.navbar .left a {
  position: relative;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.navbar .left a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
.navbar .logo {
  margin: 0 auto;
}
.navbar .logo a {
  float: left;
  background-color: #ffffff;
  padding: 12px;
}
.navbar .logo a img {
  /*height: 56px;*/
}
@media only screen and (max-width: 767px) {
  .navbar .logo {
    max-width: 210px;
  }
}
.navbar .right {
  width: 30%;
  margin-right: 0;
  display: flex;
  justify-content: end;
}
.navbar .right ul {
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}
.navbar .right ul li {
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  text-transform: uppercase;
  font-size: 1rem;
}
.navbar .right ul li a {
  position: relative;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.navbar .right ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #0b5e4b;
  text-decoration: none;
}
.navbar .right .hamburger-menu {
  margin-right: 0;
  margin-left: 60px;
  cursor: pointer;
}
.navbar .right .hamburger-menu .hamburger {
  float: right;
  margin-top: 1px;
}
.navbar .right .hamburger-menu b {
  display: inline-block;
  font-weight: 900;
  margin-right: 15px;
}
.navbar .social-links-link {
  display: inline-block;
  height: 2.2rem;
  vertical-align: top;
  padding: 0 10px;
  /*.transition(background-color .3s);*/
  transition: background-color 0.3s;
  color: #ffffff;
  line-height: 2.2rem;
  font-size: 0.8rem;
  color: #ffffff;
  /*.border-radius(4rem);*/
  border-radius: 4rem;
  border: 1px solid #ffbf47;
  margin: 0;
  background-color: #ffbf47;
}
@media (prefers-reduced-motion: reduce) {
  .navbar .social-links-link {
    transition: none;
  }
}
.navbar .social-links-link span {
  width: 2rem;
  text-align: center;
  line-height: 2rem;
  vertical-align: top;
}
.navbar .social-links-link.intranet {
  background-color: #ffbf47;
  border-color: #ffbf47;
}
.navbar .social-links-link:focus, .navbar .social-links-link:hover {
  background-color: #ffffff;
  /*.transition(background-color .3s);*/
  transition: background-color 0.3s;
  /*.transition(border-color .3s);*/
  transition: border-color 0.3s;
  border-color: #005f6a;
  color: #005f6a;
}
@media (prefers-reduced-motion: reduce) {
  .navbar .social-links-link:focus, .navbar .social-links-link:hover {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .navbar .social-links-link:focus, .navbar .social-links-link:hover {
    transition: none;
  }
}
.navbar .social-links-link.intranet:focus, .navbar .social-links-link.intranet:hover {
  border-color: #7F7F7F;
  color: #7F7F7F;
}
.navbar .social-links-link:focus span, .navbar .social-links-link:hover span {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
  /*.transition(color .3s);*/
  transition: color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .navbar .social-links-link:focus span, .navbar .social-links-link:hover span {
    transition: none;
  }
}
.slide-btn {
  display: block;
  transition: all 0.5s;
  padding-left: 30px;
}
.slide-btn a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.slide-btn a:hover {
  text-decoration: none;
}
.slide-btn b {
  font-weight: 600;
}
.slide-btn .lines {
  width: 0px;
  height: 1px;
  float: left;
  overflow: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slide-btn .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #fff;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slide-btn .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #fff;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slide-btn:hover .lines {
  width: 32px;
  margin-left: 20px;
}
.slide-btn:hover .lines span:nth-child(1) {
  width: 0;
}
.slide-btn:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}
.slide-btn:hover .video-play-circle {
  stroke-dashoffset: 0;
}
.slide-btn .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}
.slide-btn svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .slide-btn svg {
    width: 20px;
    height: 20px;
  }
}
.swiper-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  overflow: hidden;
}
.swiper-slider .swiper-slide {
  display: block;
  overflow: hidden;
}
.swiper-slider .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background-size: cover;
  background-position: center;
  position: relative;
  /*&:after {
				content: "";
				width: 100%;
				height: 100%;
				background: $color_txt;
				opacity: 0.04;
				position: absolute;
				left: 0;
				top: 0;
			}
			&:before {
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background: $color_txt;
				z-index: 1;
			}*/
}
.swiper-slider .swiper-slide .slide-inner .container {
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 0.15s !important;
  position: relative;
  z-index: 2;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline {
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline span {
  color: #ffbf47;
  float: left;
  font-weight: 600;
  color: #fff;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline span:after {
  content: "";
  width: 22px;
  height: 1px;
  float: right;
  margin: 13px;
  background: #ffbf47;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline h6 {
  float: left;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  margin-top: 2px;
  margin-bottom: 0;
}
.swiper-slider .swiper-slide .slide-inner .container h1 {
  width: 100%;
  float: left;
  font-weight: 800;
  color: #005f6a;
  font-size: 4rem;
  line-height: 1;
  text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
  margin-bottom: 0;
}
.swiper-slider .swiper-slide .slide-inner .container h1 span {
  /*-webkit-text-stroke-width: 1px;
						transform: translateY(-25%);*/
  margin-left: 4%;
  display: flex;
  /*-webkit-text-stroke-color: $color_principale;*/
  color: #fff;
}
.swiper-slider .swiper-slide .slide-inner .container .slide-btn {
  float: left;
}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner {
  transform: scale(1);
}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner .container {
  transform: translateY(0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 1;
}
.swiper-slider .swiper-pagination-bullets {
  width: 50px;
  left: auto;
  right: 40px;
  bottom: 50%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  z-index: 2 !important;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 100%;
  height: auto;
  float: left;
  margin: 5px 0;
  background: none;
  position: relative;
  text-indent: 9999px;
  padding-right: 36px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after {
  content: "";
  width: 22px;
  height: 1px;
  background: #005f6a;
  position: absolute;
  top: 10px;
  right: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  text-indent: 0;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  width: 67px;
  right: -45px;
}
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.intro img {
  border-radius: 20px;
}
.intro video {
  border-radius: 20px;
  width: 100%;
}
.intro h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.intro h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 15%;
}
.intro h2:before {
  content: attr(data-text);
  font-size: 15vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .intro h2:before {
    top: 0;
  }
}
.intro h4 {
  margin-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.intro p {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 37px;
}
.intro u {
  text-decoration: none;
  border-bottom: 3px dotted #ffbf47;
  font-weight: 600;
}
.intro strong {
  font-weight: 600;
}
.intro .custom-link {
  transform: translateY(30px);
}
.process {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  position: relative;
  text-align: center;
}
.process h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
  position: relative;
}
.process h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
}
.process h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  z-index: -1;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -50%;
}
.process span {
  width: 80px;
  height: 80px;
  line-height: 62px;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  background: #005f6a;
  position: relative;
  border: 10px solid #e2fdf1;
  margin-top: 50px;
}
.process .col-md-3:last-child span:before {
  display: none;
}
.process figure {
  width: 100%;
  display: block;
  margin: 20px 0;
  background: #fff;
}
.process figure img {
  height: 90px;
  border-radius: 20px;
}
.process h5 {
  font-weight: 600;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 0;
}
s .process span:before {
  content: "";
  width: 30rem;
  height: 2px;
  background: #e2fdf1;
  position: absolute;
  left: -30px;
  top: 30px;
  z-index: -1;
}
.texte a {
  color: #0b5e4b;
  text-decoration: underline;
}
.texte a:hover, .texte a:focus, .texte a:active {
  color: #ffbf47;
}
.texte a.btn {
  text-decoration: none;
}
.texte p:has(+ ul) {
  margin-bottom: 0;
  /* supprime la marge basse du <p> juste avant une liste (si le navigateur supporte :has) */
}
.texte figure.spip_doc_inner img {
  width: auto;
  border-radius: 0;
}
.texte figure.spip_doc_inner .spip_doc_legende {
  max-width: none;
}
.texte figure.spip_doc_inner .spip_doc_legende strong, .texte figure.spip_doc_inner .spip_doc_legende b {
  font-weight: 400;
  font-size: 0.8rem;
}
.texte hr {
  clear: both;
}
.rubrique2 .texte ul.spip + .spip_document {
  margin-top: 4.5rem;
}
.rubrique2 .texte figure.spip_doc_inner {
  text-align: left;
}
.rubrique2 .texte figure.spip_doc_inner .spip_doc_legende {
  text-align: left;
}
.services-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #1a1a1a;
  color: #fff;
  position: relative;
}
.services-content-block .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0.2;
}
.services-content-block .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
}
.services-content-block h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
}
.services-content-block h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 35%;
}
.services-content-block .left {
  width: 100px;
  float: left;
  margin-top: -2px;
}
.services-content-block .right {
  width: calc(100% - 100px);
  float: left;
}
.services-content-block small {
  display: inline-block;
  font-family: "Barlow", sans-serif;
  color: #005f6a;
}
.services-content-block span {
  width: 50px;
  height: 1px;
  background: #005f6a;
  display: inline-block;
  margin: 5px 15px;
}
.services-content-block h4 {
  font-family: "Barlow", sans-serif;
  font-size: 17px;
  margin-bottom: 30px;
}
.services-content-block ul {
  padding-left: 20px;
  margin-bottom: 0;
  margin-left: 0;
}
.services-content-block ul li {
  line-height: 1.8;
  position: relative;
  list-style: none;
}
.services-content-block ul li::before {
  content: "•";
  font-size: 1.5rem;
  line-height: 1.1rem;
  color: #0b5e4b;
  display: flex;
  width: 1rem;
  margin-left: -1rem;
  top: 0.3rem;
  position: absolute;
  height: 100%;
  align-items: start;
}
.works, .news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  transition-delay: 0s !important;
  transition: background 0.4s;
}
.works a, .news a {
  font-weight: 500;
  text-decoration: underline;
}
.works h6, .news h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 1;
  font-size: 18px;
}
.works h2, .news h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 15%;
}
.works h2:before, .news h2:before {
  content: attr(data-text);
  font-size: 12.5vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .works h2:before, .news h2:before {
    top: 0;
  }
}
.works .project-box, .news .project-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 75px 0;
}
.works .project-box *, .news .project-box * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.works .project-box:hover figure, .news .project-box:hover figure {
  transform: scale(0.95);
}
.works .project-box:hover figure img, .news .project-box:hover figure img {
  transform: scale(1.15);
}
.works .project-box:last-child, .news .project-box:last-child {
  padding-bottom: 0;
}
.works .project-box:nth-child(2n+2) .custom-link a, .news .project-box:nth-child(2n+2) .custom-link a {
  float: right;
}
.works .project-box:nth-child(2n+2) .content-box, .news .project-box:nth-child(2n+2) .content-box {
  order: 1;
  text-align: right;
  padding-left: 0;
  padding-right: 5%;
}
.works .project-box:nth-child(2n+2) .content-box h3 span, .news .project-box:nth-child(2n+2) .content-box h3 span {
  margin-left: 0;
  margin-right: -7rem;
}
.works .project-box:nth-child(2n+2) figure, .news .project-box:nth-child(2n+2) figure {
  order: 2;
}
.works .project-box figure, .news .project-box figure {
  width: 55%;
  margin: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}
.works .project-box figure img, .news .project-box figure img {
  width: 100%;
  border-radius: 20px;
}
.works .project-box .content-box, .news .project-box .content-box {
  width: 45%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.works .project-box .content-box .inner, .news .project-box .content-box .inner {
  margin: 0;
}
.works .project-box .content-box .inner small, .news .project-box .content-box .inner small {
  display: block;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.works .project-box .content-box .inner h3, .news .project-box .content-box .inner h3 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 10vh;
  line-height: 1;
}
.works .project-box .content-box .inner h3 span, .news .project-box .content-box .inner h3 span {
  display: block;
  font-size: 8rem;
  color: #005f6a;
  margin-left: -7rem;
}
.works .project-box .content-box .inner h3 span.long, .news .project-box .content-box .inner h3 span.long {
  font-size: 7rem;
}
.works .project-box .content-box .inner h3 span.long2, .news .project-box .content-box .inner h3 span.long2 {
  font-size: 5.5rem;
}
@media only screen and (max-width: 991.98px) {
  .works .project-box .content-box .inner h3, .news .project-box .content-box .inner h3 {
    font-size: 2rem;
  }
}
.works .ombrees .works-single, .news .ombrees .works-single {
  padding: 10px 15px;
}
.works .ombrees .contour, .news .ombrees .contour {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 15px;
}
.works .ombrees .contour h2, .news .ombrees .contour h2 {
  padding-right: 0;
}
.works .nos-prives .project-box, .news .nos-prives .project-box {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 0 0 15px 0;
}
.works .nos-prives .project-box .content-box .inner h3, .news .nos-prives .project-box .content-box .inner h3 {
  font-size: 1.2rem;
  margin-bottom: 3vh;
}
.works .nos-prives .project-box .content-box .inner h3 span, .news .nos-prives .project-box .content-box .inner h3 span {
  font-size: 1.4rem;
  margin-left: 0;
}
.works .nos-prives .project-box .content-box .inner h3 span.long, .news .nos-prives .project-box .content-box .inner h3 span.long {
  font-size: 1.4rem;
}
.works .nos-prives .project-box .content-box .inner h3 span.long2, .news .nos-prives .project-box .content-box .inner h3 span.long2 {
  font-size: 1.4rem;
}
.works .nos-prives .project-box .content-box .inner .custom-link b, .works .nos-prives .project-box .content-box .inner .custom-link strong, .news .nos-prives .project-box .content-box .inner .custom-link b, .news .nos-prives .project-box .content-box .inner .custom-link strong {
  font-weight: 600;
  display: inline-block;
  margin-left: 10px;
}
.works .nos-prives .project-box .content-box .inner .custom-link .lines, .news .nos-prives .project-box .content-box .inner .custom-link .lines {
  width: 0px;
}
.works .nos-prives .project-box .content-box .inner .custom-link:hover .lines, .news .nos-prives .project-box .content-box .inner .custom-link:hover .lines {
  width: 22px;
  margin-left: 0px;
}
.widget-categories .formulaire_spip.formulaire_recherche {
  margin: 0 0 15px;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe {
  margin-bottom: 0;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe div.input-group {
  border: 1px solid #0b5e4b;
  background-color: #fff;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe label {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe input.search {
  display: inline-block;
  background: transparent;
  /*width:calc(100% - 55px);*/
  border: none;
  color: #000000;
  padding: 5px 0 5px 15px;
  box-shadow: none;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .fa-search {
  font-size: 1.8rem;
  color: #ffbf47;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  padding: 5px;
  margin-left: 0;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button {
  display: inline-block;
  width: 50px;
  padding: 7px 5px;
  background: #fff;
  border: none;
  color: #ffbf47;
  border-radius: 0;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button .fa, .widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button .fas {
  font-size: 1.5rem;
  border-radius: 0;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  padding: 0;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button:hover {
  color: #fff;
  background: #ffbf47;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button:hover .fa, .widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe .search-field-button:hover .fas {
  color: #fff;
}
.widget-categories .formulaire_spip.formulaire_recherche form .editer-groupe input.search:focus {
  box-shadow: none;
}
.widget-categories .englobant {
  position: relative;
  margin-bottom: 30px;
}
.widget-categories .englobant h3 {
  margin-bottom: 0;
}
.widget-categories .englobant .dropdown-toggle {
  color: #0b5e4b;
  background: #fff;
  border: 1px solid #0b5e4b;
  width: 100%;
  height: 40px;
  text-align: left;
  border-radius: 0;
  font-weight: 600;
}
.widget-categories .englobant .dropdown-toggle:after {
  border: 0;
}
.widget-categories .englobant .dropdown-menu-left {
  left: 15px;
  width: 100%;
  background: #fff;
  border-radius: 0;
}
.widget-categories .englobant .dropdown-menu-left li > a {
  color: #0b5e4b;
}
.widget-categories .englobant .dropdown-menu-left li > a:hover {
  color: #ffbf47 !important;
  text-decoration: none;
}
.widget-categories .englobant .dropdown-menu-left li > a:hover .badge {
  background: #ffbf47;
}
.widget-categories .englobant .dropdown-menu-left li > a {
  white-space: normal;
  padding: 5px 20px;
  line-height: 1.2rem;
}
.widget-categories .englobant .dropdown-menu-left .badge {
  width: auto;
}
.widget-categories ul.category-list {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}
.widget-categories ul.category-list li {
  /*padding-bottom: 10px;*/
  margin-bottom: 10px;
  /*border-bottom: 1px dashed $color_blanc_70;*/
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 1px dashed #ffbf47;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px;
  display: inline-block;
}
.widget-categories ul.category-list li:hover {
  padding: 0 5px 0px;
}
.widget-categories ul.category-list li:hover a {
  color: #ffbf47;
}
.widget-categories ul.category-list li a {
  color: #0b5e4b;
}
.widget-categories ul.category-list li.on {
  font-weight: 700;
}
.widget-categories ul.category-list li.on a {
  color: #ffbf47;
}
.widget-categories ul.category-list li:last-child {
  /*border-bottom: 0;*/
}
.widget-categories ul.category-list li .posts-count {
  margin-left: 20px;
  font-size: 10px;
  background: #ffbf47;
  color: #fff;
  padding: 3px;
  border-radius: 100%;
}
.works-single {
  width: 100%;
  /*display: flex;
	flex-wrap: wrap;*/
  padding: 0 0;
}
.works-single h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 1;
  font-size: 18px;
  color: #005f6a;
}
.works-single h2 {
  margin-bottom: 50px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 15%;
  color: #005f6a;
}
.works-single h4 {
  margin-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
  color: #005f6a;
  border-bottom: 1px solid #005f6a;
}
.works-single .text-desc {
  margin-bottom: 50px;
}
.works-single h5 {
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 10px;
  color: #005f6a;
  opacity: 0.6;
}
.works-single h3 {
  font-size: 30px;
  font-weight: 800;
  margin-top: 20px;
  color: #ffbf47;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif;
  padding: 5px;
  background-color: #005f6a;
  display: inline-block;
}
.works-single p {
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 1.4rem;
}
.works-single iframe {
  float: left;
  margin-bottom: 30px;
  background: #1a1a1a;
}
.works-single figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.works-single figure img {
  width: 100%;
  border-radius: 20px;
}
.team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #005f6a;
  position: relative;
}
.team h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.team h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
}
.team h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .team h2:before {
    top: 0;
  }
}
.team figure {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
.team figure img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border-radius: 20px;
}
.team figure figcaption {
  width: 100%;
  display: block;
}
.team figure figcaption small {
  opacity: 0.6;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.team figure figcaption h4 {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.work-with-us {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #e6f4f6;
  position: relative;
}
.work-with-us:before {
  content: "";
  width: 100%;
  height: 100%;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-noise.gif');*/
  opacity: 0.04;
  position: absolute;
  left: 0;
  top: 0;
}
.work-with-us:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-lines.png') center;*/
  z-index: 1;
}
.work-with-us .container {
  position: relative;
  z-index: 2;
}
.work-with-us h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
}
.work-with-us h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 15%;
}
.work-with-us h2:before {
  content: attr(data-text);
  font-size: 11vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .work-with-us h2:before {
    top: 0;
  }
}
.work-with-us h4 {
  margin-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
  margin-bottom: 40px;
}
.temoignages {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  /*background: $color_principale;*/
  position: relative;
}
.temoignages:before {
  content: "";
  width: 100%;
  height: 100%;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-noise.gif');*/
  opacity: 0.04;
  position: absolute;
  left: 0;
  top: 0;
}
.temoignages:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /*background: url('https://www.ceevec.fr/squelettes/images/bg-lines.png') center;*/
  z-index: 1;
}
.temoignages .container {
  position: relative;
  z-index: 2;
}
.temoignages h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
}
.temoignages h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 35%;
}
.temoignages h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .temoignages h2:before {
    top: 0;
  }
}
.temoignages h4 {
  margin-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
  margin-bottom: 40px;
}
.temoignages .review-card {
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
.temoignages .review-card a.spip_out::after {
  content: "";
}
.temoignages .texte {
  min-height: 250px;
  max-height: 250px;
  overflow-y: scroll;
}
.temoignages .review-card:hover {
  transform: translateY(-5px);
}
.temoignages .review-rating {
  color: #f4b400;
  /* jaune Google */
}
.temoignages .review-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  font-size: 2rem;
  color: #005f6a;
}
.awards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.awards figure {
  display: block;
  margin: 0;
}
.awards figure img {
  height: 60px;
  border-radius: 20px;
}
.awards h5 {
  font-weight: 600;
  font-size: 15px;
}
.awards .odometer {
  font-family: "Barlow", sans-serif;
  font-size: 40px;
}
.clients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  /*background: url('https://www.ceevec.fr/squelettes/images/pattern-bg.svg');*/
  background: linear-gradient(350deg, #1a1a1a 30%, #fff 100%);
}
.clients h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.clients h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
}
.clients h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .clients h2:before {
    top: 0;
  }
}
.clients h4 {
  margin-top: 5px;
  margin-bottom: 40px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.clients ul {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 90px;
  padding: 0;
}
.clients ul * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients ul li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 10px;
  list-style: none;
  position: relative;
}
.clients ul li img {
  opacity: 1;
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
}
.clients ul li small {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  font-size: 600;
  opacity: 0;
  font-family: "Barlow", sans-serif;
  font-size: 22px;
}
.clients ul li:hover small {
  margin-top: -25px;
  opacity: 1;
}
.clients ul li:hover img {
  opacity: 0.05;
  transform: scale(1.2);
}
.news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}
.news .post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}
.news .post:nth-child(2n+2) .post-image {
  order: 2;
}
.news .post:nth-child(2n+2) .post-content {
  padding-left: 0;
}
.news .post .post-image {
  flex: 1;
  margin: 0;
}
.news .post .post-image img {
  width: 100%;
}
.news .post .post-content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 0 50px;
}
.news .post .post-content .inner {
  width: 100%;
}
.news .post .post-content .inner .social-share {
  width: 100%;
  float: left;
  padding: 0 !important;
  margin-bottom: 40px;
}
.news .post .post-content .inner .social-share li {
  float: left;
  margin-right: 5px;
  padding: 0;
  list-style: none;
  text-align: center;
}
.news .post .post-content .inner .social-share li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  float: left;
  background: #ffbf47;
  color: #fff;
  border: none;
  border-radius: 0;
}
.news .post .post-content .inner .social-share li.facebook a {
  background: #475993;
}
.news .post .post-content .inner .social-share li.twitter a {
  background: #76a9ea;
}
.news .post .post-content .inner .social-share li.google-plus a {
  background: #f34a38;
}
.news .post .post-content .inner .social-share li.linkedin a {
  background: #0077b7;
}
.news .post .post-content .inner .social-share li.youtube a {
  background: #f61c0d;
}
.news .post .post-content .inner .post-date {
  display: block;
  font-size: 14px;
  opacity: 0.5;
  font-family: "Barlow", sans-serif;
}
.news .post .post-content .inner .post-title {
  display: block;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 30px;
}
.news .post .post-content .inner .post-title a {
  display: block;
  color: #fff;
}
.news .post .post-content .inner .post-title a:hover {
  color: #ffbf47;
  text-decoration: none;
}
.news .post .post-content .inner .post-author {
  display: block;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.news .post .post-content .inner .post-author img {
  width: 50px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.news .post .post-content .inner .post-text {
  display: block;
  line-height: 30px;
  margin-bottom: 0;
}
.news .post .post-content .inner h6 {
  font-size: 23px;
  margin-bottom: 30px;
  line-height: 1.5;
}
.news .post .post-content .inner blockquote {
  display: block;
  padding: 40px;
  margin-bottom: 40px;
  background: #005f6a;
  font-family: "Barlow", sans-serif;
  position: relative;
}
.news .post .post-content .inner blockquote:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 90px;
  position: absolute;
  left: 40px;
  top: 0;
  opacity: 0.1;
}
.news .post .post-content .inner blockquote h5 {
  font-weight: 800;
  font-family: "Montserrat-Variable", sans-serif;
  margin: 0;
}
.news .post .post-content .inner ul {
  padding-left: 20px;
}
.news .post .post-content .inner ul li {
  line-height: 1.9;
}
.news .post .post-content .inner p {
  display: block;
  line-height: 30px;
}
.news .post .post-content .inner p:last-child {
  margin-bottom: 0;
}
.news .post.single-post {
  padding-left: 10%;
  padding-right: 10%;
  flex-direction: column;
}
.news .post.single-post .post-content .inner .post-title {
  font-size: 66px;
}
.news .post.single-post .post-image {
  margin-bottom: 30px;
  display: block;
}
.news h2 {
  margin-bottom: 50px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 15%;
  color: #005f6a;
}
.news h3 {
  font-size: 30px;
  font-weight: 800;
  margin-top: 20px;
  color: #ffbf47;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif;
  padding: 5px;
  background-color: #005f6a;
  display: inline-block;
}
.news h4 {
  margin-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
  color: #005f6a;
  border-bottom: 1px solid #005f6a;
}
.news h5 {
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 10px;
}
.hello {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.hello h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.hello h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 35%;
}
.hello h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .hello h2:before {
    top: 0;
  }
}
.hello address {
  display: block;
  margin-bottom: 100px;
}
.hello address b {
  display: block;
  margin-bottom: 10px;
}
.hello #success {
  display: none;
  float: left;
}
.hello #error {
  display: none;
  float: left;
}
.hello #contact {
  width: 100%;
  display: flex;
  margin-left: -100px;
  padding: 40px 20px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.hello #contact .form-group:last-child {
  margin-bottom: 0;
}
.hello #contact label {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.hello #contact label.error {
  color: #ffbf47;
  margin-top: 7px;
  margin-bottom: 0;
}
.hello #contact div.error {
  background: #ffbf47;
  color: #fff;
  border-radius: 0;
  border: none;
}
.hello #contact input[type=text] {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #eee;
  padding: 0 20px;
}
.hello #contact textarea {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
}
.hello #contact button[type=submit] {
  height: 50px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  background: #005f6a;
  border: none;
}
.direction {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.direction h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  opacity: 0.5;
  font-size: 14px;
}
.direction h2 {
  margin-bottom: 60px;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.2;
  padding-right: 35%;
}
.direction h2:before {
  content: attr(data-text);
  font-size: 20vw;
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
@media only screen and (max-width: 767px) {
  .direction h2:before {
    top: 0;
  }
}
.direction figure {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
}
.direction figure img {
  width: 100%;
  border-radius: 20px;
}
.direction figure figcaption {
  width: 40%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
.direction figure figcaption .inner {
  width: 100%;
  padding: 40px;
  color: #fff;
}
.direction figure figcaption .inner .custom-link {
  margin-top: 40px;
}
.direction figure figcaption .inner .custom-link a {
  color: #fff;
}
.direction figure figcaption .inner .custom-link .lines span {
  background: #fff;
}
.direction figure figcaption .inner h5 {
  font-family: "Barlow", sans-serif;
  font-size: 26px;
  margin-bottom: 20px;
}
.direction figure figcaption .inner b {
  font-weight: 600;
}
.direction figure figcaption .inner p {
  font-size: 14px;
}
.direction figure figcaption .inner ul {
  display: block;
  margin: 0;
  padding: 0;
}
.direction figure figcaption .inner ul li {
  display: block;
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 100px 0 40px;
  background: #003f47;
  color: #fff;
}
.footer .footer-quote {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.footer .footer-quote img {
  /*height: 60px;
			display: block;
			margin-bottom: 20px;*/
}
.footer .footer-quote svg {
  max-width: 100%;
}
.footer .footer-quote h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 0;
  color: #ffbf47;
}
.footer a {
  color: #fff;
  text-decoration: underline;
}
.footer a:hover, .footer a:focus, .footer a:active {
  color: #ffbf47;
}
.footer .small {
  font-weight: 300;
}
.footer .footer-contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.footer .footer-contact address {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
}
.footer .footer-bottom {
  width: 100%;
  display: block;
  /*flex-wrap: wrap;*/
}
.footer .footer-bottom h5 {
  margin-bottom: 10px;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  color: #ffbf47;
}
.footer .footer-bottom ul {
  display: block;
  margin: 0;
  padding: 0;
}
.footer .footer-bottom ul li {
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.footer .footer-bottom ul li:last-child {
  margin-right: 0;
}
.footer .footer-bottom ul li a {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.footer .footer-bottom ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .swiper-slider .swiper-slide .slide-inner {
    padding: 0 10%;
  }
  .intro h4 {
    padding-right: 0;
  }
  .work-with-us h2 {
    padding-right: 0;
  }
  .work-with-us h4 {
    padding-right: 0;
  }
  .works-single h2 {
    padding-right: 0;
  }
  .direction h2 {
    padding-right: 0;
  }
  .direction figure figcaption {
    width: 50%;
  }
  .clients h4 {
    padding-right: 0;
  }
  .news .post {
    flex-direction: column;
  }
  .news .post .post-image {
    margin-bottom: 30px;
  }
  .hello h2 {
    padding-right: 0;
  }
}
@media only screen and (max-device-width: 1199px) {
  .swiper-slider .swiper-slide .slide-inner {
    padding: 0 10%;
  }
  .intro h4 {
    padding-right: 0;
  }
  .work-with-us h2 {
    padding-right: 0;
  }
  .work-with-us h4 {
    padding-right: 0;
  }
  .works-single h2 {
    padding-right: 0;
  }
  .direction h2 {
    padding-right: 0;
  }
  .direction figure figcaption {
    width: 50%;
  }
  .clients h4 {
    padding-right: 0;
  }
  .news .post {
    flex-direction: column;
  }
  .news .post .post-image {
    margin-bottom: 30px;
  }
  .hello h2 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  header {
    min-height: inherit;
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 {
    font-size: 6vw;
  }
  .intro {
    padding: 120px 0;
  }
  .intro h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .intro .custom-link {
    transform: translateY(0);
  }
  .process {
    padding: 0 0;
  }
  .process h2 {
    margin-bottom: 0;
  }
  .services-content-block {
    padding: 0 0;
  }
  .services-content-block h2 {
    padding-right: 0;
  }
  .services-content-block .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .services-content-block .right {
    width: 100%;
  }
  .team {
    padding: 0 0;
  }
  .team figure {
    margin: 15px 0;
  }
  .direction {
    padding: 0 0;
  }
  .direction figure figcaption {
    width: 100%;
  }
  .works, .news {
    padding: 0 0;
  }
  .works h2, .news h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .works .project-box, .news .project-box {
    padding: 0 0;
  }
  .work-with-us {
    padding: 0 0;
  }
  .works-single {
    padding: 0 0;
  }
  .news {
    padding: 30px 0;
    padding-bottom: 80px;
  }
  .news .post.single-post {
    padding-left: 0;
    padding-right: 0;
  }
  .news .post.single-post .post-content .inner .post-title {
    font-size: 44px;
  }
  .news .post:nth-child(2n+2) .post-image {
    order: 0;
  }
  .news .post:nth-child(2n+2) .post-content {
    padding: 0 50px;
  }
  .awards {
    padding: 0 0;
  }
  .clients {
    padding: 0 0;
  }
  .hello {
    padding: 0 0;
  }
  .hello #contact {
    margin-left: 0;
    box-shadow: none;
  }
  .footer .footer-quote h2 {
    font-size: 6vw;
  }
}
@media only screen and (max-device-width: 991px) {
  header {
    min-height: inherit;
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 {
    font-size: 6vw;
  }
  .intro {
    padding: 80px 0;
  }
  .intro h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .intro .custom-link {
    transform: translateY(0);
  }
  .process {
    padding: 0 0;
  }
  .process h2 {
    margin-bottom: 0;
  }
  .services-content-block {
    padding: 0 0;
  }
  .services-content-block h2 {
    padding-right: 0;
  }
  .services-content-block .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .services-content-block .right {
    width: 100%;
  }
  .team {
    padding: 0 0;
  }
  .team figure {
    margin: 15px 0;
  }
  .direction {
    padding: 0 0;
  }
  .direction figure figcaption {
    width: 100%;
  }
  .works, .news {
    padding: 0 0;
  }
  .works h2, .news h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .works .project-box, .news .project-box {
    padding: 0 0;
  }
  .work-with-us {
    padding: 0 0;
  }
  .works-single {
    padding: 0 0;
  }
  .news {
    padding: 0 0;
    padding-bottom: 80px;
  }
  .news .post.single-post {
    padding-left: 0;
    padding-right: 0;
  }
  .news .post.single-post .post-content .inner .post-title {
    font-size: 44px;
  }
  .news .post:nth-child(2n+2) .post-image {
    order: 0;
  }
  .news .post:nth-child(2n+2) .post-content {
    padding: 0 50px;
  }
  .awards {
    padding: 0 0;
  }
  .clients {
    padding: 0 0;
  }
  .hello {
    padding: 0 0;
  }
  .hello #contact {
    margin-left: 0;
    box-shadow: none;
  }
  .footer .footer-quote h2 {
    font-size: 6vw;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    padding: 0 30px;
  }
  .page-header {
    min-height: inherit;
  }
  .page-header .video-bg:before {
    display: none;
  }
  .page-header .container h1 {
    font-size: 6vw;
  }
  header .scroll-down {
    left: -10px;
  }
  header .scroll-down small {
    width: 58px;
  }
  header .scroll-down span {
    display: block;
    height: 30px;
  }
  header .sound {
    right: 30px;
    bottom: 30px;
  }
  header .left-side {
    display: none;
  }
  .header {
    min-height: inherit;
    height: 50vh;
    margin-top: 120px;
  }
  .header .container h1 {
    /*font-size: 20vw;*/
  }
  .header .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }
  .header .container .slide-btn {
    padding-left: 0;
  }
  .navigation-menu.active .bg-layers span {
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(1) {
    left: -50%;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(2) {
    left: 0;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(3) {
    left: 50%;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(4) {
    left: 100%;
    width: 50%;
  }
  .navigation-menu .inner {
    padding-top: 206px;
    overflow-y: scroll;
    padding-bottom: 50px;
  }
  .navigation-menu .inner .menu ul li {
    display: block;
    margin-bottom: 20px;
  }
  .navigation-menu .inner .menu ul li a {
    font-size: 9vw;
    padding-bottom: 2px;
  }
  .navigation-menu .inner .menu ul li a:hover {
    padding-bottom: 2px;
  }
  .navigation-menu .inner .menu ul li ul {
    position: static;
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .navigation-menu .inner .menu ul li ul li {
    padding: 5px 0;
  }
  .navigation-menu .inner .menu ul li ul li a {
    font-size: 20px;
  }
  .navigation-menu .inner .menu ul li:hover ul {
    display: block;
  }
  .navigation-menu .inner blockquote {
    display: none;
  }
  .navbar {
    padding: 0 30px;
  }
  .navbar .right {
    flex-direction: column;
  }
  .navbar .right ul {
    /*display: none;*/
  }
  .navbar .right .hamburger-menu {
    margin-left: auto;
    margin-top: 0;
  }
  .swiper-slider .swiper-slide .slide-inner {
    padding: 0;
  }
  .swiper-slider .swiper-slide .slide-inner:before {
    display: none;
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 {
    /*font-size: 20vw;*/
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }
  .swiper-slider .swiper-slide .slide-inner .container .slide-btn {
    padding-left: 0;
  }
  .swiper-slider .swiper-pagination-bullets {
    display: none;
  }
  .awards {
    padding: 40px 0;
    padding-bottom: 0;
  }
  .awards .odometer {
    margin-bottom: 40px;
  }
  .works-single h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .works-single h4 {
    margin-bottom: 20px;
  }
  .works-single p {
    font-size: 18px;
    line-height: 30px;
  }
  .hello h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .hello address {
    margin-bottom: 20px;
  }
  .hello iframe {
    height: 400px !important;
  }
  .hello #contact {
    width: auto;
    margin-top: 40px;
    padding: 0;
    margin-left: -15px;
  }
  .team h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .intro h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .intro h4 {
    margin-bottom: 20px;
  }
  .intro p {
    font-size: 18px;
    line-height: 30px;
  }
  .services-content-block h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }
  .services-content-block .col-md-4:nth-child(3) {
    margin: 40px 0;
  }
  .direction h2 {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .direction figure figcaption {
    width: 100%;
    position: static;
    display: block;
  }
  .works h2, .news h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .works .project-box, .news .project-box {
    flex-direction: column;
  }
  .works .project-box figure, .news .project-box figure {
    width: 100%;
    margin-bottom: 20px;
  }
  .works .project-box:nth-child(2n+2) figure, .news .project-box:nth-child(2n+2) figure {
    order: 0;
  }
  .works .project-box:nth-child(2n+2) .content-box, .news .project-box:nth-child(2n+2) .content-box {
    text-align: left;
  }
  .works .project-box:nth-child(2n+2) .custom-link a, .news .project-box:nth-child(2n+2) .custom-link a {
    float: left;
  }
  .works .project-box .content-box, .news .project-box .content-box {
    width: 100%;
    padding-left: 0;
  }
  .works .project-box .content-box .inner small, .news .project-box .content-box .inner small {
    margin-bottom: 5px;
  }
  .works .project-box .content-box .inner h3, .news .project-box .content-box .inner h3 {
    margin-bottom: 30px;
    font-size: 8vw;
  }
  .works .project-box .content-box .inner h3 span, .news .project-box .content-box .inner h3 span {
    margin-left: 0;
    font-size: 12vw;
  }
  .works .nos-prives .project-box .content-box .inner h3, .news .nos-prives .project-box .content-box .inner h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .works .nos-prives .project-box .content-box .inner h3 span, .news .nos-prives .project-box .content-box .inner h3 span {
    font-size: 2rem;
    margin-left: 0;
  }
  .works .nos-prives .project-box .content-box .inner h3 span.long, .news .nos-prives .project-box .content-box .inner h3 span.long {
    font-size: 2rem;
  }
  .works .nos-prives .project-box .content-box .inner h3 span.long2, .news .nos-prives .project-box .content-box .inner h3 span.long2 {
    font-size: 2rem;
  }
  .works .nos-prives .project-box .content-box .inner .custom-link, .news .nos-prives .project-box .content-box .inner .custom-link {
    margin-bottom: 30px;
  }
  .work-with-us h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .temoignages h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .clients h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .clients ul {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
    width: auto;
  }
  .clients ul li {
    width: 50%;
  }
  .news .pagination {
    margin-top: 0;
    text-align: left;
  }
  .news .pagination a {
    margin-left: 0;
    margin-right: 20px;
  }
  .news .post .post-content {
    padding: 0;
  }
  .news .post:nth-child(2n+2) .post-content {
    padding: 0;
  }
  .footer {
    padding: 80px 0;
  }
  .footer .footer-quote {
    margin-bottom: 40px;
  }
  .footer .footer-quote img {
    margin-bottom: 40px;
  }
  .footer .footer-quote h2 {
    font-size: 8vw;
  }
  .footer .footer-contact {
    margin-bottom: 40px;
  }
  .footer .footer-contact address {
    margin-bottom: 30px;
  }
  .footer .footer-bottom ul li {
    margin-right: 15px;
  }
}
@media only screen and (max-device-width: 767px) {
  .container {
    padding: 0 30px;
  }
  .page-header {
    min-height: inherit;
  }
  .page-header .video-bg:before {
    display: none;
  }
  .page-header .container h1 {
    font-size: 6vw;
  }
  header .scroll-down {
    left: -10px;
  }
  header .scroll-down small {
    width: 58px;
  }
  header .scroll-down span {
    display: block;
    height: 30px;
  }
  header .sound {
    right: 30px;
    bottom: 30px;
  }
  header .left-side {
    display: none;
  }
  .header {
    min-height: inherit;
    height: 50vh;
  }
  .header .container h1 {
    font-size: 6vw;
  }
  .header .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }
  .header .container .slide-btn {
    padding-left: 0;
  }
  .navigation-menu.active .bg-layers span {
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(1) {
    left: -50%;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(2) {
    left: 0;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(3) {
    left: 50%;
    width: 50%;
  }
  .navigation-menu.active .bg-layers span:nth-child(4) {
    left: 100%;
    width: 50%;
  }
  .navigation-menu .inner {
    padding-top: 206px;
    overflow-y: scroll;
    padding-bottom: 50px;
  }
  .navigation-menu .inner .menu ul li {
    display: block;
    margin-bottom: 20px;
  }
  .navigation-menu .inner .menu ul li a {
    font-size: 9vw;
    padding-bottom: 2px;
  }
  .navigation-menu .inner .menu ul li a:hover {
    padding-bottom: 2px;
  }
  .navigation-menu .inner .menu ul li ul {
    position: static;
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .navigation-menu .inner .menu ul li ul li {
    padding: 5px 0;
  }
  .navigation-menu .inner .menu ul li ul li a {
    font-size: 20px;
  }
  .navigation-menu .inner .menu ul li:hover ul {
    display: block;
  }
  .navigation-menu .inner blockquote {
    display: none;
  }
  .navbar {
    padding: 0 30px;
  }
  .navbar .right {
    flex-direction: column;
  }
  .navbar .right ul {
    /*display: none;*/
  }
  .navbar .right .hamburger-menu {
    margin-left: auto;
    margin-top: 0;
  }
  .swiper-slider .swiper-slide .slide-inner {
    padding: 0;
  }
  .swiper-slider .swiper-slide .slide-inner:before {
    display: none;
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 {
    font-size: 6vw;
  }
  .swiper-slider .swiper-slide .slide-inner .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }
  .swiper-slider .swiper-slide .slide-inner .container .slide-btn {
    padding-left: 0;
  }
  .swiper-slider .swiper-pagination-bullets {
    display: none;
  }
  .awards {
    padding: 40px 0;
    padding-bottom: 0;
  }
  .awards .odometer {
    margin-bottom: 40px;
  }
  .works-single h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .works-single h4 {
    margin-bottom: 20px;
  }
  .works-single p {
    font-size: 18px;
    line-height: 30px;
  }
  .hello h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .hello address {
    margin-bottom: 20px;
  }
  .hello iframe {
    height: 400px !important;
  }
  .hello #contact {
    width: auto;
    margin-top: 40px;
    padding: 0;
    margin-left: -15px;
  }
  .team h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .intro h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .intro h4 {
    margin-bottom: 20px;
  }
  .intro p {
    font-size: 18px;
    line-height: 30px;
  }
  .services-content-block h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }
  .services-content-block .col-md-4:nth-child(3) {
    margin: 40px 0;
  }
  .direction h2 {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .direction figure figcaption {
    width: 100%;
    position: static;
    display: block;
  }
  .works h2, .news h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .works .project-box, .news .project-box {
    flex-direction: column;
  }
  .works .project-box figure, .news .project-box figure {
    width: 100%;
    margin-bottom: 20px;
  }
  .works .project-box:nth-child(2n+2) figure, .news .project-box:nth-child(2n+2) figure {
    order: 0;
  }
  .works .project-box:nth-child(2n+2) .content-box, .news .project-box:nth-child(2n+2) .content-box {
    text-align: left;
  }
  .works .project-box:nth-child(2n+2) .custom-link a, .news .project-box:nth-child(2n+2) .custom-link a {
    float: left;
  }
  .works .project-box .content-box, .news .project-box .content-box {
    width: 100%;
    padding-left: 0;
  }
  .works .project-box .content-box .inner small, .news .project-box .content-box .inner small {
    margin-bottom: 5px;
  }
  .works .project-box .content-box .inner h3, .news .project-box .content-box .inner h3 {
    margin-bottom: 30px;
  }
  .works .project-box .content-box .inner h3 span, .news .project-box .content-box .inner h3 span {
    margin-left: 0;
    font-size: 12vw;
  }
  .works .nos-prives .project-box .content-box .inner h3, .news .nos-prives .project-box .content-box .inner h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .works .nos-prives .project-box .content-box .inner h3 span, .news .nos-prives .project-box .content-box .inner h3 span {
    font-size: 2rem;
    margin-left: 0;
  }
  .works .nos-prives .project-box .content-box .inner h3 span.long, .news .nos-prives .project-box .content-box .inner h3 span.long {
    font-size: 2rem;
  }
  .works .nos-prives .project-box .content-box .inner h3 span.long2, .news .nos-prives .project-box .content-box .inner h3 span.long2 {
    font-size: 2rem;
  }
  .works .nos-prives .project-box .content-box .inner .custom-link, .news .nos-prives .project-box .content-box .inner .custom-link {
    margin-bottom: 30px;
  }
  .work-with-us h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .temoignages h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .clients h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .clients ul {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
    width: auto;
  }
  .clients ul li {
    width: 50%;
  }
  .news .pagination {
    margin-top: 0;
    text-align: left;
  }
  .news .pagination a {
    margin-left: 0;
    margin-right: 20px;
  }
  .news .post .post-content {
    padding: 0;
  }
  .news .post:nth-child(2n+2) .post-content {
    padding: 0;
  }
  .footer {
    padding: 80px 0;
  }
  .footer .footer-quote {
    margin-bottom: 40px;
  }
  .footer .footer-quote img {
    margin-bottom: 40px;
  }
  .footer .footer-quote h2 {
    font-size: 8vw;
  }
  .footer .footer-contact {
    margin-bottom: 40px;
  }
  .footer .footer-contact address {
    margin-bottom: 30px;
  }
  .footer .footer-bottom ul li {
    margin-right: 15px;
  }
}
a.btn-primary {
  color: #fff;
  background-color: #005f6a;
  border-color: #005f6a;
  display: inline-flex;
  border-radius: 64px;
}
a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active {
  background-color: #ffbf47;
  border-color: #ffbf47;
  color: #005f6a;
}
a.btn-secondary {
  color: #fff;
  background-color: #8a0f4d;
  border-color: #8a0f4d;
  display: inline-flex;
  border-radius: 64px;
}
a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary:active {
  background-color: #ffbf47;
  border-color: #ffbf47;
}
a.btn .btn:focus {
  box-shadow: none;
}
a.btn-primary:not(:disabled):not(.disabled):active, a.btn-primary:not(:disabled):not(.disabled).active, .show > a.btn-primary.dropdown-toggle {
  background-color: #ffbf47;
  border-color: #ffbf47;
}
.btn:focus, .btn.focus, a.btn-primary:not(:disabled):not(.disabled):active:focus, a.btn-primary:not(:disabled):not(.disabled).active:focus, .show > a.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btop-principale {
  border-top: 1px solid #005f6a;
}
#RechercheModal .modal-content {
  border-radius: 24px;
  border: 0;
}
#RechercheModal .close {
  position: absolute;
  right: 3rem;
  z-index: 10;
  color: #fff;
}
#RechercheModal .modal-header {
  background-color: #0b5e4b;
  border-bottom: 0;
  padding: 2rem 2rem 1rem;
}
#RechercheModal .modal-header .modal-title {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.888rem;
  letter-spacing: -0.02em;
}
#RechercheModal .modal-header .descriptif {
  border-left: 1px solid #005f6a;
}
#RechercheModal .modal-header .descriptif .titre {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.35rem;
  color: #fff;
}
#RechercheModal .modal-header .descriptif .texte {
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
}
#RechercheModal .modal-header .descriptif .chapo_bleu {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
#RechercheModal .modal-body {
  padding: 1rem 2rem 2rem;
}
@media only screen and (max-width: 767px) {
  #RechercheModal .modal-body {
    padding: 0.5rem;
  }
}
#RechercheModal, .formulaire_newsletter {
  /*input[type=checkbox], input[type=radio] {
		display:none;
	}*/
}
#RechercheModal .modal-header .modal-title, .formulaire_newsletter .modal-header .modal-title {
  font-size: 2.625rem;
  line-height: 2.625rem;
  color: #fff;
}
#RechercheModal .modal-header .descriptif, .formulaire_newsletter .modal-header .descriptif {
  border-left: none;
}
#RechercheModal .formulaire_spip .editer, .formulaire_newsletter .formulaire_spip .editer {
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}
#RechercheModal fieldset legend, .formulaire_newsletter fieldset legend {
  font-size: 2rem;
  color: #005f6a;
}
#RechercheModal .renseignez, .formulaire_newsletter .renseignez {
  font-size: 1.125rem;
  line-height: 1.35rem;
  font-weight: 600;
  font-family: "Exo", sans-serif;
}
#RechercheModal .formulaire_newsletter input.email, .formulaire_newsletter .formulaire_newsletter input.email {
  max-width: 100%;
}
#RechercheModal span, .formulaire_newsletter span {
  width: auto;
  margin-right: 3px;
  margin-left: 0;
}
#RechercheModal span.fa-check-square, .formulaire_newsletter span.fa-check-square {
  color: #005f6a;
}
#RechercheModal .accepter, .formulaire_newsletter .accepter {
  font-family: "Barlow", sans-serif;
  padding-bottom: 2rem;
}
#RechercheModal .accepter a, .formulaire_newsletter .accepter a {
  text-decoration: underline;
}
#RechercheModal .accepter a:hover, #RechercheModal .accepter a:focus, #RechercheModal .accepter a:active, .formulaire_newsletter .accepter a:hover, .formulaire_newsletter .accepter a:focus, .formulaire_newsletter .accepter a:active {
  text-decoration: none;
}
.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
  background-color: #1a1a1a;
}
.modal.modal-fullscreen .modal-dialog .modal-content {
  height: 100vh;
  border-radius: 0;
  border: none;
  background: transparent;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header {
  color: #fff;
  border: 0;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close {
  color: #fff;
  text-shadow: none;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:hover, .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:focus, .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:active {
  color: #005f6a;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  color: #fff;
  text-align: center;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer {
  color: #fff;
  border: 0;
}
.modal-body .text-center p {
  width: 100%;
}
.caractencadre-spip {
  color: #0b5e4b;
}
.texteencadre-spip {
  color: #fff;
  background: #0b5e4b;
  border: 1px solid #003f47;
  margin: 1em 0;
  margin-bottom: 1em;
  padding: 0.25em 0.5em;
}
.texteencadre-spip a {
  color: #ffbf47;
}
.texteencadre-spip a:hover, .texteencadre-spip a:focus, .texteencadre-spip a:active {
  color: #fff;
}
.breadcrumb {
  background-color: #f5f7f8;
}
.secteur5 #menu-pills.nav-pills .nav-link {
  border-left: 3px solid #8a0f4d;
}
.secteur5 #menu-pills.nav-pills .nav-link.active {
  background-color: #8a0f4d;
  border-left: 3px solid #ffbf47;
}
.secteur5 #menu-pills.nav-pills .nav-link .fas {
  color: #4b1f5e;
}
.secteur5 #menu-pills.nav-pills .nav-link:hover, .secteur5 #menu-pills.nav-pills .nav-link:focus, .secteur5 #menu-pills.nav-pills .nav-link:active {
  background-color: #8a0f4d;
  border-left: 3px solid #ffbf47;
}
.secteur5 #menu-pills2 .dropdown-toggle {
  border: 2px solid #8a0f4d;
}
.secteur5 #menu-pills2 .dropdown-menu .dropdown-item {
  color: #8a0f4d;
}
.secteur5 #menu-pills2 .dropdown-menu .dropdown-item:hover, .secteur5 #menu-pills2 .dropdown-menu .dropdown-item:focus, .secteur5 #menu-pills2 .dropdown-menu .dropdown-item:active {
  background: #4b1f5e;
}
.secteur5 .preloader {
  background: #8a0f4d;
}
.secteur5 .preloader .typewriter #typewriter-suffix {
  background: #8a0f4d;
}
.secteur5 .transition-overlay {
  background: #8a0f4d;
}
.secteur5 .navigation-menu .bg-layers span {
  background: #fbeaf2;
}
.secteur5 .navigation-menu .bg-layers span:nth-child(1):before {
  background: #fbeaf2;
}
.secteur5 .navigation-menu .bg-layers span:nth-child(4):before {
  background: #fbeaf2;
}
.secteur5 .navigation-menu .inner .menu ul li a:hover {
  border-bottom: 5px solid #8a0f4d;
}
.secteur5 .navigation-menu .inner .menu ul li ul li a:hover {
  color: #8a0f4d;
}
.secteur5 .navigation-menu .inner blockquote {
  color: #8a0f4d;
}
.secteur5 .hamburger span {
  background: #8a0f4d;
}
.secteur5 .hamburger span:before {
  background: #8a0f4d;
}
.secteur5 .header .container h1 {
  color: #8a0f4d;
}
.secteur5 .header .container h1 span {
  -webkit-text-stroke-color: #8a0f4d;
}
.secteur5 .page-header .container p {
  color: #8a0f4d;
}
.secteur5 .navbar {
  color: #8a0f4d;
}
.secteur5 .navbar a {
  color: #8a0f4d;
}
.secteur5 .navbar .right ul li a:hover {
  border-bottom: 2px solid #4b1f5e;
}
.secteur5 .navbar .social-links-link:focus, .secteur5 .navbar .social-links-link:hover {
  border-color: #8a0f4d;
  color: #8a0f4d;
}
.secteur5 .swiper-slider .swiper-slide .slide-inner .container h1 {
  color: #8a0f4d;
}
.secteur5 .swiper-slider .swiper-slide .slide-inner .container h1 span {
  -webkit-text-stroke-color: #8a0f4d;
}
.secteur5 .swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after {
  background: #8a0f4d;
}
.secteur5 .process span {
  background: #8a0f4d;
}
.secteur5 .services-content-block small {
  color: #8a0f4d;
}
.secteur5 .services-content-block span {
  background: #8a0f4d;
}
.secteur5 .works .project-box .content-box .inner h3 span, .secteur5 .news .project-box .content-box .inner h3 span {
  color: #8a0f4d;
}
.secteur5 .works-single h2 {
  color: #8a0f4d;
}
.secteur5 .works-single h3 {
  background-color: #8a0f4d;
}
.secteur5 .works-single h4, .secteur5 .works-single h5 {
  color: #8a0f4d;
}
.secteur5 .works-single h4 {
  border-bottom: 1px solid #8a0f4d;
}
.secteur5 .news h3 {
  background-color: #8a0f4d;
}
.secteur5 .news h4, .secteur5 .news h5 {
  color: #8a0f4d;
}
.secteur5 .news h4 {
  border-bottom: 1px solid #8a0f4d;
}
.secteur5 .team {
  background: #8a0f4d;
}
.secteur5 .work-with-us {
  background: #8a0f4d;
}
.secteur5 .footer {
  background: #5a0831;
}
.secteur5 a.btn-primary {
  color: #fff;
  background-color: #8a0f4d;
  border-color: #8a0f4d;
}
.secteur5 a.btn-primary:hover, .secteur5 a.btn-primary:focus, .secteur5 a.btn-primary:active {
  background-color: #ffbf47;
  border-color: #ffbf47;
}
.secteur5 a.btn-secondary {
  color: #fff;
  background-color: #005f6a;
  border-color: #005f6a;
}
.secteur5 a.btn-secondary:hover, .secteur5 a.btn-secondary:focus, .secteur5 a.btn-secondary:active {
  background-color: #ffbf47;
  border-color: #ffbf47;
}
.secteur5 .caractencadre-spip {
  color: #4b1f5e;
}
.secteur5 .texteencadre-spip {
  background: #4b1f5e;
  border: 1px solid #4b1f5e;
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    font-size: 0.8rem;
  }
}
.mapico_equipes_associees {
  background-image: url('https://www.ceevec.fr/IMG/logo/marker_rouge.png');
}
.mapico_expertise_transversale {
  background-image: url('https://www.ceevec.fr/IMG/logo/marker_bleu.png');
}
.mapico_recherche_fondamentale {
  background-image: url('https://www.ceevec.fr/IMG/logo/marker_orange.png');
}
.mapico_recherche_translationnelle {
  background-image: url('https://www.ceevec.fr/IMG/logo/marker_vert.png');
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rubrique_actualites .ajaxbloc {
  width: 100%;
}
#agenda_en_ligne {
  max-width: 1185px;
  width: calc(100% - 56px);
  margin: 2rem 28px 1.5rem;
  /*border-top:1px solid #000;border-bottom:1px solid #000;*/
}
#agenda_en_ligne th, #agenda_en_ligne td {
  color: #005f6a;
  min-width: 25px;
  max-width: 25px;
  vertical-align: top;
  text-align: center;
  font-family: "Montserrat-Variable", sans-serif;
}
#agenda_en_ligne td.aujourdhui {
  position: relative;
}
#agenda_en_ligne td.aujourdhui:after {
  border-left: 8px solid transparent;
  border-bottom: 6px solid #005f6a;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 25%;
  /*4px;*/
  width: 0;
  z-index: 100;
}
#agenda_en_ligne .premiere_ligne {
  font-size: 0.8em;
  display: block;
  min-height: 20px;
  max-height: 20px;
  padding-top: 3px;
  margin-top: 5px;
}
#agenda_en_ligne .deuxieme_ligne {
  font-size: 1.1em;
}
#agenda_en_ligne .date_precedente, #agenda_en_ligne .date_suivante {
  /*background:#c7c6c7;*/
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  vertical-align: middle;
}
#agenda_en_ligne .date_precedente img, #agenda_en_ligne .date_suivante img {
  opacity: 0.6;
}
#agenda_en_ligne .date_precedente:hover img, #agenda_en_ligne .date_suivante:hover img {
  opacity: 1;
}
#agenda_en_ligne .mois {
  color: #000000;
  width: auto;
  min-width: auto;
  max-width: 200px;
  padding: 0 10px;
  text-transform: uppercase;
  font-family: "Montserrat-Variable", sans-serif;
}
#agenda_en_ligne .mois a {
  color: #000000;
}
#agenda_en_ligne .mois a:hover, #agenda_en_ligne .mois a:focus {
  color: #999999;
}
#agenda_en_ligne .mois .premiere_ligne {
  font-size: 1.1em;
}
#agenda_en_ligne .evenement .premiere_ligne {
  color: #ffffff;
}
#agenda_en_ligne .mois .deuxieme_ligne {
  line-height: 23px;
}
#agenda_en_ligne .evenement.action_culturelle a {
  color: #000000;
}
#agenda_en_ligne .evenement.action_culturelle .spectacle a {
  color: #ffffff;
}
#agenda_en_ligne .spectacle {
  color: #ffffff;
}
#agenda_en_ligne .evenement {
  background: #005f6a;
  color: €ffffff;
}
#agenda_en_ligne .evenement:hover, #agenda_en_ligne .evenement:hover .spectacle {
  background: #000000;
  color: #ffffff;
}
#agenda_en_ligne .evenement:hover a {
  color: #ffffff;
}
#agenda_en_ligne .evenement.action_culturelle:hover a {
  color: #000000;
}
#agenda_en_ligne .evenement.action_culturelle {
  background: #999999;
}
#agenda_en_ligne .evenement.action_culturelle:hover {
  background: #000000;
}
#agenda_en_ligne .evenement .survol {
  display: none;
}
#agenda_en_ligne .evenement:hover .survol {
  /* définition de la balise <span> au survol */
  display: block;
  position: absolute;
  /*top: 120px;*/
  /* positions et dimensions du calque, que vous pouvez changer à loisir */
  /*left: -40px;*/
  width: 200px;
  margin-left: 0px;
  margin-top: 8px;
  padding: 0;
  text-align: left;
  z-index: 100;
  font-size: 0.9em;
}
#agenda_en_ligne .evenement .survol:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-top: -8px;
  background: #000000;
}
#agenda_en_ligne .evenement .survol .rouge {
  /* définition de la balise <span> au survol */
  display: block;
  padding: 4px;
  background: #005f6a;
  text-align: left;
  color: #ffffff;
  line-height: 1.1rem;
}
#agenda_en_ligne .evenement .survol .rouge a {
  /*font-weight:700;*/
  color: #ffffff;
  font-family: "Montserrat-Variable", sans-serif;
}
#agenda_en_ligne .evenement .survol .rouge a:hover, #agenda_en_ligne .evenement .survol .rouge a:focus {
  color: #000000;
}
#agenda_en_ligne .evenement .survol .action_culturelle {
  /* définition de la balise <span> au survol */
  display: block;
  padding: 4px;
  background: #fcf59a;
  text-align: left;
  color: #000000;
}
#agenda_en_ligne .evenement .survol .action_culturelle a {
  color: #000000;
  font-family: "Montserrat-Variable", sans-serif;
}
#agenda_en_ligne .evenement .survol .action_culturelle a:hover, #agenda_en_ligne .evenement .survol .action_culturelle a:focus {
  color: #999999;
}
.autres_saisons .header-content-title {
  font-size: 2rem;
}
.autres_saisons .page-title {
  font-size: 1.7rem;
}
@media (max-width: 981px) {
  #agenda_en_ligne {
    margin: 2rem 0 1.5rem;
  }
  #agenda_en_ligne th, #agenda_en_ligne td {
    font-size: 0.85em;
  }
  #agenda_en_ligne th, #agenda_en_ligne td {
    min-width: 20px;
    max-width: 20px;
  }
  #agenda_en_ligne td.aujourdhui:after {
    left: 2px;
  }
  #agenda_en_ligne .evenement .survol:before {
    /*width:20px;*/
  }
}
@media (max-width: 769px) {
  #agenda_en_ligne {
    display: none;
  }
}
.vcard h1 img {
  border-radius: 300px;
  max-width: 150px;
  float: right;
}
.postblog {
  margin: 11px;
  max-width: 344px;
}
.postblog:first-child {
  margin-left: 0;
}
.postblog:last-child {
  margin-right: 0;
}
.postblog.rond img {
  border-radius: 300px;
}
.postblog.rond .postblog-excerpt {
  border-radius: 300px;
}
.postblog {
  position: relative;
  display: inline-block;
}
.postblog .postblog-excerpt {
  padding: 0;
  position: absolute;
  top: -9999rem;
  left: -9999rem;
  z-index: 100;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  /*width: calc(~"100% - 18px");*/
  width: 100%;
  font-weight: 400;
  display: block;
}
.postblog:hover .postblog-excerpt {
  top: 0;
  left: 0;
  opacity: 1;
  background: rgba(255, 191, 71, 0.8);
}
.auteur_presentation .detail {
  text-align: center;
  margin-bottom: 20px;
}
.auteur_presentation .detail .nom {
  font-weight: 700;
}
.postblog .postblog-excerpt::before {
  border-left: 38px solid transparent;
  border-bottom: 36px solid rgba(255, 255, 255, 0.5);
  border-right: 38px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: calc(50% - 34px);
  right: calc(50% - 54px);
  width: 0;
  z-index: 100;
  transform: rotate(45deg);
}
.postblog .postblog-excerpt::after {
  border-left: 38px solid transparent;
  border-top: 36px solid rgba(255, 255, 255, 0.5);
  border-right: 38px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  bottom: calc(50% - 34px);
  left: calc(50% - 54px);
  width: 0;
  z-index: 100;
  transform: rotate(45deg);
}
.container .spip_documents_right {
  margin: 0.425rem 0 0.425rem 1rem;
}
.sommaire .b_reseau, .sommaire .b_plateforme {
  position: absolute;
  max-width: 400px;
}
.sommaire .b_reseau .icone_svg, .sommaire .b_plateforme .icone_svg {
  border-radius: 0;
}
.sommaire .b_reseau .image-container, .sommaire .b_plateforme .image-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .sommaire .b_reseau, .sommaire .b_plateforme {
    position: relative;
  }
}
.sommaire .b_reseau {
  left: 20px;
  top: 20px;
}
.sommaire .b_reseau .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shine 3s infinite;
}
@keyframes shine {
  0% {
    left: -150%;
  }
  30% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .sommaire .b_reseau {
    top: auto;
    left: auto;
    margin-bottom: 2rem;
  }
}
.sommaire .b_plateforme {
  right: 20px;
  top: 65%;
}
@media only screen and (max-width: 767px) {
  .sommaire .b_plateforme {
    top: auto;
    bottom: 20px;
  }
}
.sommaire .b_plateforme .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shineright 3s infinite;
}
@keyframes shineright {
  0% {
    right: -150%;
  }
  30% {
    right: 150%;
  }
  100% {
    right: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .sommaire .b_plateforme {
    right: auto;
    bottom: auto;
    margin-bottom: 2rem;
  }
}
.sommaire #texte1, .sommaire #texte2 {
  top: 40px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .sommaire #texte1, .sommaire #texte2 {
    display: none !important;
  }
}
.sommaire svg {
  max-height: 100vh;
}
#Reseau:hover, #Reseau:focus, #CEEVEC:hover, #CEEVEC:focus {
  /*circle {fill: $color_fond_bleu_clair;cursor: pointer;}
	line {stroke: $color_ceevec_fond_rose_clair;cursor: pointer;}*/
}
.carte-zone:has(.reseau_ceevec:hover) .carte_paca_ceevec_st4, .carte-zone:has(.reseau_ceevec:hover) .carte_paca_ceevec_st5 {
  fill: #e6f4f6 !important;
  stroke: #e6f4f6 !important;
}
.carte-zone:has(.plateforme_ceevec:hover) .carte_paca_ceevec_st4.marni {
  fill: #fbeaf2 !important;
  stroke: #fbeaf2 !important;
}