/* major & unique slide */

#slideshow{
  position:relative;
  top:0;
  right:0;
  width:100%;
  height:100%;
  display:block;
  transition:all ease 0.5s;
  overflow:hidden;
  margin:auto;
  height:500px!important;
}

#slideshow ul.slide{
  padding:0; 
  width:100%;
  height:100%;
  transition:all ease 0.5s;
}


.titre-n-bloc{
  position:absolute;
  top:50%;
  left:50%;
  width:80%;
  height:100%;
  /* background:green;  */
  display:block;
  transform:translateX(-50%) translateY(-50%);
  align-content:center;
  text-align:center;
  z-index:5;
}
.titre-n-bloc:before{
content:'x';
position:absolute;
background-image:url(/images/vagues-2.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
display:block;
width:140%;
left:-20%;
height:180px;
bottom:2.5%;
opacity:.6;  
}
.noSlideBloc .slideTitre{width:50%;}
.noSlideBloc .slideTitre h1{text-align:center;} 

.slideTitre{
  width:33%;
  display:inline-block;
  vertical-align:middle;
  /* background:blue; */
}
.slideTitre h1{
  color:white;  
  text-align:right;
  /* width:60%; */
  font-family:"kelson",arial;
  font-size:4em;
  /* background:red; */
  text-shadow:0 2px 8px rgba(0,0,0,1);
}
.slideBloc{
  margin-left:30px;
  width:30%;
  min-width:320px;
  vertical-align:middle;
  display:inline-block;
  background:#ffffffdb;  
  border-radius:24px;
  padding:16px;
  box-sizing:border-box;
  text-align:left;
}
.slideBloc h2{
  font-size:1.4em;
  text-transform:uppercase;
  font-weight:700;
  font-family:'Outfit',arial;
}
.slideBloc p{
  font-size:1.05em;
  color:black;
}
.imgSlideInfos{
position:absolute;
z-index:991;
bottom:5px;  
width:100%;
text-align:center;
color:white;
text-transform:uppercase;
font-size:0.65em;
font-weight:400;
text-shadow:0 0 4px rgba(0,0,0,1);
}



/* little slides */

.slides{
  position: absolute;
  width:100%;
  height:100%;
  padding: 0;
  margin-left:0 !important;  
  transition:all ease 0.5s;
}
.slides li,
#slideshow li.slide{
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-size:cover; 
  background-position:center center;
  background-color:white;
  position:absolute; 

}
.slides li img,
#slideshow li img{
  display:none;
}

/* btn */

.txt .slideshow ul {
display:block;
margin-bottom: 0px;
margin-left:-40px;
}

a.centered-btns_nav.next,
a.centered-btns_nav.prev{
position:absolute;
right:8%;
top: 50%;
transform: translateY(-50%);
height:100px;
width:100px !important;
z-index:990;
display:block;
transition:all ease 0.8s;
cursor:pointer;
border-radius:10em;
/* border:2px solid white; */
align-content:center;
text-align:center;
color:white;
font-family:'kelson-light',arial;
font-size:3em;
text-decoration:none;
border:2px solid white;
box-shadow:0 0px 80px rgba(0,0,0,.3);
}

a.centered-btns_nav.prev{
left:8%;
}

a.centered-btns_nav.prev:hover,
a.centered-btns_nav.next:hover{
color:var(--vert);
border:2px solid var(--vert);
}

.centered-btns_tabs{
bottom:0;
z-index:990;
position:absolute;
text-align: center;
width:100%;
height:60px;
/* background:#ff00002b; */
display:block;
}

.centered-btns_tabs li{
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  background: white;
  display: inline-block;
  width: 45px;
  height: 10px;
box-shadow:0 1px 1px 0px rgba(0,0,0,0.5);
cursor:pointer;
transition:all ease 0.2s;
  }
.centered-btns_tabs a:hover{background:var(--bleu)}

.centered-btns_here a{
  background: var(--bleu);
  }

@media screen and (max-width: 860px) {
  #slideshow{
    position:relative;
    width:100%!important; 
    display:block;
    height:350px;
  } 
  #slideshow::after,
  .slideBloc,
  .centered-btns_tabs{display:none;}
a.centered-btns_nav.next,a.centered-btns_nav.prev{height:30px;width:30px !important;right:15px;font-size:2em;}
a.centered-btns_nav.prev{left:15px;}
.slideTitre{  width:calc(100% - 60px);}
.titre-n-bloc:before{content:none;}
.slideTitre h1{
  text-align:center;
  font-family:"kelson",arial;
  font-size:3em;
  text-shadow:0 4px 10px rgba(0,0,0,.8);
}
.imgSlideInfos{width:90%;left:50%;transform:translateX(-50%)}
}