:root {
  --taille-barre-navigation: 64px;
}
@font-face {
  font-family: "3ds";
  src: url("../fonts/3ds/Regular.ttf");
}

body {
   font-family: "3ds" !important;
	/*overflow: hidden;*/
}
* {
	outline:none;
}

/* NAVIGATION  */

::-webkit-scrollbar {
    display: none;
}
nav {
  /*background-color: #ffffff;*/
  width: 100%;
  position:relative;
  background-color: white;
  z-index:9999;
}
.nav-header {
	/*background: white;*/
	padding-left:30px !important;
	z-index:99999;
}
.nav-header i {
  margin-right: 20px !important;
  color: #005386;
}


.menu {
  z-index: 100;
  border-top: 2px solid rgba(0, 83, 134, 0.2);
  text-align: center;
  width: 100%;
  min-height: calc(100vh - var(--taille-barre-navigation));
  display: flex;
  align-items: center;
  position: absolute;
}

.menu h2 {
  color: #239de8;
  text-transform: uppercase;
  font-weight: bold;
}

.menu ul {
  padding: 0;
  list-style-type: none !important;
  margin-top: 10px;
}


.menu li a {
  color: #050b25;
  font-size: 22px;
  text-decoration: none;
}

.menu .col-md-4 {
  margin-top: 20px;
}

/* global */
.backimg {
  
width: 100vw;
  
height: calc(100vh - var(--taille-barre-navigation));
  
background-size: cover;
  
background-position: center;
  
background-repeat: no-repeat;
  
position: absolute !important;
  
background-color: #9ea2b5;
  
z-index: -1;
  
} 
.texte_gauche.sans-menu .backimg 
{
  height: 100vh !important;
}

.backimg {
	-webkit-animation: kenburns-top 2s ease-in reverse both;
	        animation: kenburns-top 2s ease-in reverse both;
}
/*
------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform : scale(1) translateY(0);
            transform : scale(1) translateY(0);
    -webkit-transform-origin : 50% 16%;
            transform-origin : 50% 16%;
  }
  100% {
    -webkit-transform : scale(1.25) translateY(0);
            transform : scale(1.25) translateY(0);
    -webkit-transform-origin : top;
            transform-origin : top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(0);
            transform: scale(1.25) translateY(0);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


.fond {
	height:calc(100vh - var(--taille-barre-navigation));
	/*padding-bottom:20px;*/
	background-size:cover;
	z-index: 2;
	position: relative;
}
body.sans-menu .fond {
	height:calc(100vh);
}
.fond > .container-fluid {
	padding-left:64px;
	padding-right:64px;
	height:calc(100vh - var(--taille-barre-navigation));
}
body.sans-menu .fond > .container-fluid {
	height:calc(100vh);
}
.fond.type-accueil > .container-fluid > .row.align-items-center {
	height:calc(100vh - var(--taille-barre-navigation));
	overflow: hidden;
}
body.sans-menu .fond.type-accueil > .container-fluid > .row.align-items-center {
	height:calc(100vh);
	overflow: hidden;
}
.fond:not(.type-accueil) > .container-fluid > .row.align-items-center {
	height:calc(100vh - 180px);
	overflow: hidden;
}
.fond.type-accueil > .container-fluid > .row.align-items-center .col-md-7,
body.sans-menu .fond.type-accueil > .container-fluid > .row.align-items-center .col-md-7,
.fond:not(.type-accueil) > .container-fluid > .row.align-items-center .col-md-7 {
	padding-bottom:20px;
}

.type-media img {
	width:100% !important;
	max-width:100% !important;
	border-radius:10px;
}
.type-media .fancy {
	position:relative;
}
.type-media .fancy:before {
	height:60px;
	width:60px;
	padding:4px;
	display:block;
	position:absolute;
	left:calc(50% - 30px);
	top:0;
	/*mask:url('../img/play-solid.svg') no-repeat;
	-webkit-mask:url('../img/play-solid.svg') no-repeat;*/
	background:url('../img/play-solid.svg') no-repeat;
	content:'';
}

.fancybox-container {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}


/* Page éolionne */

.lien_under-p a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.lien_under-p .col-md-6 {
  margin-top: 30px;
}

.niveau-un,
.niveau-deux {
  min-height: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.test {
  display: flex;
  align-items: center;
}

.liens {
  padding-top: 0;
  margin-bottom: 10px;
  padding-left: 0px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
	height: 90px;
}

.liens > div {
  padding-top: 28px;
  margin-bottom: 15px;
  padding-left: 0;
}

.liens > div > p {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  color: #8bcaf4 !important;
  margin-bottom: 5px;
  margin-top: 8px;
}


.niveau-un .container-fluid,
.niveau-deux .container-fluid,
.niveau-trois .container-fluid {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.niveau-un,
.niveau-deux,
.niveau-trois {
  text-align: center;
  text-align: left;
}

.niveau .btn {
  border-radius: 30px;
  border: 2px solid;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  width: 400px;
}

.btn-right {
  margin-right: 220px;
}

.btn-left {
  margin-left: 220px !important;
}

.niveau-un h1,
.niveau-deux h1 {
  font-weight: 600;
  margin-bottom: 20px;
}

.niveau-un h2,
.niveau-deux h2 {
  margin-bottom: 20px;
}

.niveau-un p,
.niveau-deux p {
  font-size: 18px;
}

.niveau-un .col-md-6:nth-child(even) {
  padding-top: 60px;
}

.niveau-un .col-md-6:nth-child(even) .form-group {
  padding-bottom: 30px;
}

.position-1 {margin-left:0;}
.position-2 {margin-left:calc(25% - 100px);}
.position-3 {margin-left:calc(50% - 200px);}
.position-4 {margin-left:calc(75% - 300px);}
.position-5 {margin-left:calc(100% - 400px);}

.bouton_accueil.vertical-1 {margin-top:20px;}
.bouton_accueil.vertical-2 {margin-top:40px;}
.bouton_accueil.vertical-3 {margin-top:60px;}

.bouton_accueil:first-child {
	margin-top:0 !important;
}

.bouton_accueil a .btn {
	position:relative;
	overflow:hidden;
}
.bouton_accueil a .btn div {
	content:'';
	display:block;
	position:absolute;

	width:0;
	height:0;
	top: 50%;
	left: 50%;
	background: rgba(44,245,246, .3);
	transition: .2s ease-out;
	z-index: 9;
	transform: translate(-50%, -50%);
}

video {
  z-index: 2;
  width: 100% !important;
  border-radius: 10px;
  box-shadow: 0px 50px 50px -25px rgba(0, 0, 0, 0.5);
}

/* RESPONSIVE */
@media screen and (max-width: 996px) {
	.bouton_accueil {
		margin-left:0 !important;
	}
	.niveau .btn {
		width:100%;
	}
}
@media screen and (max-width: 1200px) {
	body {
  		overflow: auto !important;
		overflow-x:hidden !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
	.fond.type-media .order-1 {
		order:2 !important;
		margin-top:20px;
	}
	.fond.type-media .order-2 {
		order:1 !important;
	}
	.backimg {
		/* background-size: 200%; */
		/* max-width: inherit; */
	}
	body.texte_gauche .backimg {
		/* background-size: 200%; */
		/* background-position-x: -100%; */
	}
	.fond {
		height:inherit;
	}
	.fond > .container-fluid {
		height: auto;
	}
	.fond:not(.type-accueil) > .container-fluid > .row.align-items-center {
		height:inherit !important;
		overflow: auto !important;
	}
	/*.fond.type-media,
	.fond.type-media > .container-fluid,
	.fond.type-media > .container-fluid .row,
	.fond:not(.type-accueil) > .container-fluid > .row.align-items-center {
		height:auto !important;
	}
	.fond.type-media,
	.fond.type-media > .container-fluid,
	.fond.type-accueil > .container-fluid {
		height:100vh !important;
	}*/
	
}
@media screen and (max-width: 768px) {
	
	
	.nav-header {
		padding-left:15px !important;
    
	}
	
	.menu {
		min-height: calc(100vh - 60px);
	}
	
	.container-fluid .row > div {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.fond.type-media .order-1 {
		order:2 !important;
		margin-top:20px;
	}
	.fond.type-media .order-2 {
		order:1 !important;
	}
	
	.fond,
	.fond > .container-fluid,
	.fond > .container-fluid .row {
		height:auto !important;
	}
	
	.bouton_accueil {
		margin-left:0 !important;
		width:100% !important;
		margin-top:20px !important;
	}
	.bouton_accueil button {
		width:100% !important;
	}
	.fond {
		background-size:200%;
		background-repeat:no-repeat;
	}
	.fond:not(.type-media) .order-1 {
		margin-top:350px !important;
	}
	
	
	.lien_under-p .col-md-6 {
		margin-top: 0px;
	}
	
	
}

@media screen and (max-width: 640px) {
	
	
  .menu h2 {
    font-size: 18px !important;
  }
  .menu li a {
    font-size: 15px;
  }
  .niveau-deux .container-fluid {
    padding: 10px !important;
  }
  .niveau .container-fluid {
    padding: 10px !important;
  }
  .niveau-un h1,
  .niveau-deux h1 {
    font-size: 24px;
  }
  .niveau-un h2,
  .niveau-deux h2 {
    font-size: 18px;
  }
  .niveau-un p,
  .niveau-deux p {
    font-size: 15px;
  }
  video {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .liens {
    margin-bottom: 20px !important;
  }
  .liens > div {
    padding-top: 8px;
  }
  .liens > div > p {
    font-size: 13px;
  }
  .niveau .btn {
    font-size: 14px;
    width: 100%;
  }
  .btn-right {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .btn-left {
    margin-left: 0px !important;
  }

  .lien_under-p a {
    font-size: 14px;
  }
}


.niveau-trois img {
	maw-width:100%;
	width:100%;
}

.fancybox-slide--video .fancybox-content {
    background: none !important;
}

/* TABLETTE  */

@media (min-width: 761px) and (max-width: 1023px) {
  .niveau-un .container-fluid {
    padding: 10px !important;
    margin: 10px !important;
  }
  video {
    width: 720px !important;
    margin-bottom: 15px;
  }
}

/* MACBOOK  */
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .niveau-un .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* .btn-left {
    margin-left: 0px !important;
  } */
}
@media screen and (max-width: 1260px) {
  .btn-left {
    margin-left: 0px !important;
  }
}

#fil_ariane a {display:inline-block !important;}

#retour {display:none;}


body.sans-menu .HF3ds {
	display:none !important;
}
.HF3ds {
	position:fixed !important;
	bottom:0;
	z-index:3;
	/*background: none !important;*/
	width:100%;
 }
@media screen and (max-width: 1200px) {
	.HF3ds {
		position:relative !important;
		bottom:inherit;
	 }
}
.HF3ds .ds-footer__corporate {
    text-align: left;
    padding: 0 0 20px !important;
}
.HF3ds .ds-footer__corporate-legal {
	padding-top:24px;
}
.HF3ds .ds-footer__corporate-links,
.HF3ds .ds-footer__corporate-links *,
.HF3ds .ds-footer__corporate-legal,
.HF3ds .ds-footer__corporate-legal * {
	font-size:14px !important;
}
.HF3ds .ds-container {
    padding-left: 80px !important;
    padding-right: 80px !important;
}