*{
  margin:0;
  padding:0;
  font-family:'Tilt Neon',sans-serif;
}
body{
  height:100%;
  width:100%;
  background:#444;
}
/* 08/02/24: APLUS */
.page-footer{
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,0);
  background-repeat: repeat;
  font-size:1em;
  font-weight: 100 !important;
  text-align: center;
  line-height: 2rem;
  text-shadow:0px 0.5px 12px rgba(0, 0, 0, 0.5);
  transition:0.3s linear;
  z-index: 999 !important;
}
.footer-logo{
  position: absolute;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.orange{
  background: orange !important;
  color: black !important;
}
.page-header{
  position: absolute;
  top: 10px;
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,0);
  background-repeat: repeat;
  font-size:1em;
  font-weight: 100 !important;
  text-align: center;
  line-height: 3rem;
  text-shadow:0px 0.5px 12px rgba(0, 0, 0, 0.5);
  transition:0.3s linear;
  z-index: 999 !important;
}
.page-header h1{
  display: block;
  width: 100%;
  font-size:1em;
  font-weight: 100 !important;
  text-align: center;
  text-shadow:0px 0.5px 12px rgba(0, 0, 0, 0.5);  
  color:#ddd;
}
/* Fin ajouts APLUS */
.main{
  position:relative;
  height:100vh;
  width:100%;
  color:#fff;
}
.main .slider{
  position:relative;
  height:100vh;
  width:100%;
}
.main .slider .slides{
  position:absolute;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  opacity:0;
  transition:0.3s ease-in-out;
}
.main .slider .slides.current{
  z-index:1;
  opacity:1; 
}
.main .slider .slides:nth-child(1){
  background:linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url('/home/img/home1-garages-min.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  
}
.main .slider .slides:nth-child(2){
  background:linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url('/home/img/home2-prestations-min.jpg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
}
.main .slider .slides:nth-child(3){
  background:linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url('/home/img/home3-diapason-min.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
}
.main .slider .slides:nth-child(4){
  background:linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url('/home/img/home4-du4x-min.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
}
.main .slider .slides:nth-child(5){
  background:linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url('/home/img/home5-cd3d-min.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
}
.main .slider .slides h2{
  font-size:3em;
  font-weight:600;
  text-align: center;
  text-shadow:0px 0.5px 12px rgba(0, 0, 0, 0.9);
  padding-left: 2em;
  padding-right: 2em;
  transition:0.3s linear;
}
.main .slider .slides.current h2{
  animation: fadeIn 2s;
}
/* Hauteur minimale (mobile paysage) */
@media (max-height: 18rem) {
  a {
    bottom: 10px !important;
  }
  .page-footer {
    display: none;
  }  
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.main .slider .slides h3{
  line-height: 1.5rem;  
  font-size: 1.2em;
  font-weight: 100;  
  text-align: center;
  margin: 20px 85px;
}

.main .slider .slides p{
  text-align: center;
  text-shadow:0px 0.5px 5px rgba(0, 0, 0, 0.5);
  margin-left: 50px !important;
  margin-right: 50px !important;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  transition:0.3s linear;
}
.main .slider .slides.current p{
  animation:animateparagraph 0.3s linear forwards 1;
  animation-delay:0.2s;
}
@keyframes animateparagraph{
  to{
    margin-right:0;
  }
}
.main .prev{
  position:fixed;
  color:#fff;
  top:50%;
  left:5%;
  transform:translateY(-50%);
  z-index:99;
  font-size:1.5em;
  font-weight:600;
  border:2px solid #fff;
  padding:10px 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:0.2s ease-in-out;
  cursor:pointer;
  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.9);
}
.main .next{
  position:fixed;
  color:#fff;
  top:50%;
  right:5%;
  transform:translateY(-50%);
  z-index:99;
  font-size:1.5em;
  font-weight:600;
  border:2px solid #fff;
  padding:10px 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:0.2s ease-in-out;
  cursor:pointer;
  box-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
}
.main .prev:hover,
.main .next:hover{
  background:#16a085;
  border-color:#16a085;
}
.main a{
  position:fixed;
  color:#fff;
  bottom:15%;
  left:50%;
  transform:translateX(-50%);
  z-index:99;
  font-size:1em;
  font-weight:500;
  border:1px solid #16a;
  padding:10px 17px;
  line-height:1.2em;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  transition:0.2s ease-in-out;
  cursor:pointer;
  text-decoration:none;
  background:#16a;
  box-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
}
.main a:hover{
  background:#017fb5;
}