.background{
	width: 100%;
	position: absolute;
	z-index: -100;
	height: 100%;
	background-color: #546d1e;
}

bg{
	background-color: #546d1e;
	z-index: -1;	
}

.caption span.border {
    background-color: #111;
    color: #fff;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}

.caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000;
}

.bgimg1{
	background-image: url("");
    min-height: 400px;
	position: relative;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-left : 20vw;
	margin-right : 20vw;
}

.bgimg2{
	background-image: url("");
    min-height: 400px;
	position: relative;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-left : 20vw;
	margin-right : 20vw;
}

.bgimg3{
	background-image: url("");
    min-height: 400px;
	position: relative;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-left : 20vw;
	margin-right : 20vw;
}


.row{
	z-index: -1;
    margin-left: 0 ; 
	margin-right: 0 ;
	padding-left: 0 ;
	padding-right: 0 ;

}

.row>*{
	padding-left: 0 ;
	padding-right: 0 ;

}

#particles-js{ position: fixed;
    left: 0;
    top: 0;
    z-index: -10;  
	width: 100%; 
	height: 100%; 
	background-color: #005b4c; 
    background-repeat: no-repeat; 
	background-size: cover; 
	background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ 
	background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; 
	text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; 
	margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

h1{
	color: #FFF8EE;
}

h2{
	color:  #987908;
}

p{
	color: #1c5754;
	z-index: 1;
	margin-left: 1vw;
    margin-right: 1vw;
}


.neonText:hover {
  color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa,
    0 0 102px #0fa,
    0 0 151px #0fa;
}

  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #5CA4EA;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
}

.container {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {
  width: 180px;
  height: 60px;
  position: absolute;
}

.btn {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF;
  outline: none;
  transition: 1s ease-in-out;
}

svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.btn:hover {
  transition: 1s ease-in-out;
  background: #D7AD11;
}

.btn:hover svg {
  stroke-dashoffset: -480;
}

.btn span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}

.zoom {
	transition: transform .2s;
}
.zoom:hover {
	transform: scale(1.1);
}

 {box-sizing: border-box;}

.img-zoom-container {
  position: relative;
  width: 50%;
  height: 150;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 800;
  height: 500;
}

.hover-title {
    display: inline;
pointer-events: auto;
    cursor: pointer;
}
.hover-image {
    visibility: hidden;
}
body:not(.mobile) .hover-title:hover + .hover-image {
    visibility: visible;
pointer-events: none;
}
.hover-image {
    display: flex;
    position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
pointer-events: none;
flex-direction: column;
align-items: center;
justify-content: center;
/* Change width and height to scale images */
    width: 90vw;
    height: 90vh;
}
.hover-image img {
    max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
margin-bottom: 0;
}

.list-group-item.bg-article {
  background-image: url('../img/bgimg/2.jpg');
  background-size: cover;
  background-position: center;
  color: white;
  position: relative;
}

.list-group-item.bg-article::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* voile semi-transparent */
}
.list-group-item.bg-article * {
  position: relative; /* pour que le texte passe au-dessus du voile */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.slide-track {
  animation: scroll 30s linear infinite;
  display: flex;
}

html, body {
  overflow-x: hidden; /* empêche le scroll horizontal */
}