.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* Hero banner styles */
.slideshow-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 690px; /* Hauteur relative à la fenêtre */
    margin: 0 auto;
    overflow: hidden;
    top: 100px;
    }
        
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 1;
    display: block;
    }
        
.slide.active {
    opacity: 1;
    z-index: 2;
    }
        
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }

/* Cache toutes les slides par défaut */
.slide {
    display: none;
}

/* Affiche uniquement la slide active */
.slide.active {
    display: block;
}

/* Style des points (optionnel) */
.dot {
    opacity: 0.5;
    cursor: pointer;
}

.dot.active-dot {
    opacity: 1;
}



        
.controls-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
  	height: 100%; 
    z-index: 10;
    /* pointer-events: none;  Permet aux clics de passer à travers */
    }
.travelers-choice {
    position: absolute;
    top: 20px;
    right: 0px;
    }
.signature {
    position: absolute;
    top: 20px;
    left: 30px;
    }
.fond-content {
	position: absolute;
    top: 120px;
    left: 30px;
    width: 688px;
	height: 280px;
	background: #000000 0% 0% no-repeat padding-box;
	border-radius: 20px;
	opacity: 0.33;
	} 
	
.slide-content {
   	color: white;
    position: absolute;
    top: 140px;
    left: 70px;
	cursor: pointer;
    }
.slide-content.active {
    opacity: 1;
    z-index: 2;
    }
        


/* Cache toutes les slides par défaut */
.slide-content {
    display: none;
}

/* Affiche uniquement la slide active */
.slide-content.active {
    display: block;
}
        
h1 {
    font-family: 'Protest Riot', sans-serif;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: normal;
    }
        
.slide-description {
    font-size: 1.0rem;
    margin-bottom: 30px;
    line-height: 1.5;
   	max-width: 600px;
    font-family:  'Poppins', sans-serif;
    margin-top: 20px;
    }
    
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 71px;
	height: 71px;
	opacity: 0.7;
	padding-left: 40px;
    pointer-events: auto; /* Réactive les clics */
    }
        
.next {
    right: 0;
    }
.prev {
    transform: matrix(-1, 0, 0, -1, 0, 0);
    }
        
.prev:hover, .next:hover {
    opacity: 1;
    }
        
.caption {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3;
    }
        
.dot-container {
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 55px;
    z-index: 3;
    }
        
.dot {
    cursor: pointer;
    height: 55px;
    width: 55px;
    margin: 0 8px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.6s ease;
    border: 2px solid #004559;
    color: #333;
    font-weight: bold;
    font-size: 26px;
    pointer-events: auto; /* Réactive les clics */
    }
        
.active-dot {
    background-color: #004559;
    color: white;
    opacity: 0.7;
    }
        

/* Section de découverte */
.margeHaute{
	top:100px;
  	}
  	
.blocContainerGauche {
  	float:left;
  	width:58%;
  	padding-top:20px;
  	padding-bottom:30px;
  	}  
  	
.blocContainerDroit {
  	float:right;
  	width:42%;
  	padding-top:50px;
  	}      
.Pres-Titre {
    font-family: 'Protest Riot', cursive;
    font-size: 50px;
    color: #004559;
    line-height: 59px;
    margin-bottom: 0.5rem;
    }

        
.Pres-SousTitre {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #3a6f7e;
    margin-bottom: 10px;
    line-height: 34px;
    }
.Pres-SousTitre p {
    color: #2d6e78;
    }      
.Pres-Description {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    }
 details {
    color: #2d6e78;
    }
 summary {
    color: #2d6e78;
    }
        
.Pres-Button {
    display: inline-block;
    background-color: #196178;
    color: white;
    font-family: Asap condensed;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 3rem;
    }
.planning {
	float: right;
 	width: 42%;
  	top: -60px;
  	position: relative;
  	z-index: 10;
    }

.header {
    color: white;
    padding: 5px;
    display: flex;
    align-items: center;
	background: #FF8000 0% 0% no-repeat padding-box;
	border-radius: 20px 20px 0px 0px;
	opacity: 1;
    }
        
.header-icon {
    font-size: 32px;
    margin-left: 15px;
    width: 50px;
    }
        
.header-title {
    font-size: 30px;
    font-family: 'Protest Riot', cursive; /* Added Protest Riot font */
    text-transform: uppercase;
    }
        
.event {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E0ECEF;
    }
        
.event:nth-child(odd) {
    background-color: white;
    border-left: 2px solid #E0ECEF;
  	border-right: 2px solid #E0ECEF;
    }
        
.event:nth-child(even) {
    background-color:#E0ECEF;
    border-left: 2px solid #E0ECEF;
    }
        
.date {
    color: #ff7f24;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    width: 45px;
    text-align: center;
    text-transform: uppercase;
    }
        
.details {
    flex-grow: 1;
    padding-left: 20px;
    border-left: 2px solid #6c757d;
    margin-left: 10px;
    }
        
.event-title {
    color: #0e4c63;
    font-size: 16px;
    font-weight: bold;
    }
        
.location {
    color: #a0a0a0;
    font-size: 15px;
    display: flex;
    align-items: center;
    }
        
.location-icon {
    margin-right: 5px;
    }
        
.last-minute {
    display: flex;
    align-items: center;
    color: #ff7f24;
    font-weight: bold;
    margin-right: 15px;
    width: 90px;
  	line-height: 14px;
    }
        
.discount-icon {
    font-size: 24px;
    margin-right: 10px;
    }
        
        
.view-all {
    padding: 18px;
    text-align: center;
    background: #E0ECEF 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 20px 20px;
	opacity: 1;
    }
        

.spot{
	position:relative;
	height:auto;
	/*	background-image: url("/photo/spotFond.JPG");*/
	background: linear-gradient(135deg, #ffde59 0%, #ffe978 25%, #abd5cb 60%, #8fd3c4 100%);
  	}
.spotMarge{
	top:50px;
  	}
.spotGauche {
  	float:left;
  	width:35%;
  	}
.spotTitre {
	font: normal normal normal 60px/69px Protest Riot;
	letter-spacing: 0px;
	color: #004559;
	opacity: 1;
    			}
.spotDroit {
  	float:right;
  	width:65%;
  } 
.spotDroit img{
	height: 400px;
  	}         
.spotTexte {
    margin-bottom: 20px;
    width:320px;
    margin-top: 20px;
    font: normal normal normal 21px/28px Poppins;
	letter-spacing: 0px;
	color: #3A6F7E;
	opacity: 1;
    }
.spotButton {
    position:relative; top:-50px;
    padding-bottom: 50px;        
	}
.spotActivite{
	display:block;
	top:50px;
  	}
  			
  			
/* sectionn prestations */

.prestation{
    top:100px;
	position:relative;
	height:auto;
	background: #EFEFEF;
	padding-bottom: 100px;
  	} 
.pad-icon {
    margin-right: 5px;
    }
        
.prestation-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 70px;
	}
.cards-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    }

.card {
    overflow: hidden;
    width: 375px;
    position: relative;
    flex-shrink: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 20px #D9D9D9;
	border: 1px solid #C2CCCF;
	border-radius: 20px 20px 20px 20px;
    }

.card img {
    width: 100%;
    height: auto;
    display: block;
    }

.location-badge {
    position: absolute;
    background-color: #04546c;
    color: white;
    padding: 10px 15px;
    border-top-left-radius: 15px;
    display: flex;
    font: normal normal 600 16px/20px Poppins;
	letter-spacing: 0px;
    }
.photos-content{
    height: 250px;
    overflow: hidden;
    }

.card-content {
    padding: 20px;
    height:250px;
    overflow: hidden;
    }

.card-content h2 {
    margin: 0;
	font: normal normal 800 30px/39px Poppins;
	letter-spacing: 0px;
	color: #004559;
    }

.card-content p {
    font: normal normal normal 300 16px/24px Poppins;
	letter-spacing: 0px;
	color: #8EB0B9;
    }

.info-icons {
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 25px 10px 5px 15px;
    }

.info-icons div {
    flex: 1;
    text-align: center;
    display: flex;
    font: normal normal 600 16px/20px Poppins;
	letter-spacing: 0px;
	color: #004559;
    }
.buttons {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    }

.buttons a {
    text-decoration: none;
    padding: 10px 28px;
   	font: normal normal 600 19px/22px  Asap condensed;
	letter-spacing: 0px;
	text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
    }

.btn-info {
    border: 1px solid #FF8000;
	border-radius: 0px 16px;
	opacity: 1;
	color: #FF8000; 
    }

.btn-info:hover {
    background-color: #FF8000;
    color: white;
    }

.btn-reserve {
    color: white;
	background: #FF8000 0% 0% no-repeat padding-box;
	border-radius: 16px 0px;
	opacity: 1;;
    }

.btn-reserve:hover {
    background-color: white;
    border: 1px solid #FF8000;
    color: #FF8000;
    }


/* Section team */
@font-face {
    font-family: 'Gratisan';
    src: url('gratisan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

.team-titre {
    font: normal normal normal 50px/69px Protest Riot;
	letter-spacing: 0px;
	color: #004559;
	text-align: center;
	margin-top: 140px;
    }

.team-texte {
    text-align: center;
	font: normal normal normal 18px/27px Poppins;
	letter-spacing: 0px;
	color: #8EB0B9;
    max-width: 1200px;
	margin: 0 auto 2rem;
    }

.team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    }

.member {
    width: 140px;
    }

.image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    }

.background-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }

.person-photo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 12px;
    z-index: 2;
    }

.member-name {
    font-weight: bold;
    color: #ff7b00;
    font-family: 'Gratisan', sans-serif;
    font-size: 23px;
    text-align: center;
    }
    
/* Section localisation*/
.loc-background {
    background: white;
    margin: 0;
    padding: 10px;
    text-align: center;
    margin-top: 120px;
    margin-bottom:40px;
    }
    
/* Section faq */

.faq-background {
    background: #E1EBEE;
    margin: 0;
    padding: 10px;
    text-align: center;
    margin-top: 120px;
    padding-bottom: 50px;
    }
 
#faq {
  scroll-margin-top: 200px; /* adapte à la hauteur de ton entête */
} 
#faq-start{
  scroll-margin-top: 150px; /* adapte à la hauteur de ton entête */
}     
.faq {
    font: normal normal bold 20px/39px Poppins;
	letter-spacing: 0px;
	color: #8EB0B9;
    }
    
.faq-titre {
    font: normal normal normal 50px/69px Protest Riot;
	letter-spacing: 0px;
	color: #004559;
    margin-bottom: 15px;
    max-width: 1200px;
  	text-align: center;
  	margin: 0 auto;
	}
.faq-texte {
	color: #3A6F7E;
  	max-width: 1000px;
  	margin: 0 auto;
  	margin-bottom: 15px;
    }
    
.faq-container {
    max-width: 1200px;
    margin: auto;
   border-radius: 20px 20px 0px 0px;
  	overflow: hidden;
  	padding-bottom: 10px;
    }

.faq-item {
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #B7C6C5;
	border-radius: 16px;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    position: absolute;
     position: relative; /* ils reprennent leur place dans le flux */
    visibility: visible;
    max-height: 1000px; /* ajustable */
    opacity: 1;
  }

    

.faq-question {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: normal normal bold 18px/25px Poppins;
	letter-spacing: 0px;
	color: #000000;
    }

.faq-answer {
    /* display: none; */
    margin-top: 10px;
    font: normal normal normal 18px/25px Poppins;
	letter-spacing: 0px;
	color: #000000;;
    }
.faq-answer ul{
   	padding-left: 20px;
    }
.faq-answer li{
   	margin-bottom: 0.5em;
  	list-style-type: disc;
  	margin-left: 20px;
    }
.faq-answer p{
   	margin-top: 1em;
  	margin-bottom: 1em;
    }
.faq-item.active .faq-answer {
    display: block;
    }

.plus {
    font-size: 42px;
    font-weight: 300;
    transition: transform 0.3s ease;
    color: #91AEAB;
    }

.faq-item.active .plus {
    transform: rotate(45deg);
    }
summary {
    list-style: none; /* cache la flèche par défaut */
    cursor: pointer;
  }
details[open] .plus::after {
  content: "–";
}
.plus::after {
  content: "+";
}


/* témoignages */
.avis {
	display: none;
    }
.avis.active {
      display: flex;
    }
.temoignage-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #146b7e;
/*   background-image: url('/api/placeholder/1200/800'); */
    padding-top: 30px;
    }
.temoignage-Titre {
	font: normal normal normal 43px/69px Protest Riot;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-align:center;
    }
.temoignage-souligne {
    text-align: center;
    padding-bottom: 30px;
    }
             
.slider {
    position: relative;
    width: 100%;
    }
        
.testimonials {
    display: flex;
    transition: transform 0.5s ease;
    }       
.testimonial {
    min-width: 100%;
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 0 10px;
    } 
.testimonial-card {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    padding: 2rem;
    width: 100%;
    max-width: 550px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    flex-direction: column;
    }
.quote-start, .quote-end {
    color: #ff8833;
    font-size: 3rem;
    position: absolute;
    line-height: 1;
    } 
.quote-start {
    top: -25px;
    left: 15px;
    }
.quote-end {
    bottom: -20px;
    right: 15px;
    } 
.source-label {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font: normal normal normal 14px/31px Poppins;
	letter-spacing: 0px;
	color: #004559;
    }        
.testimonial-text {
    margin: 1rem 0;
    flex-grow: 1;
    display: flex;
  	align-items: center;
  	text-align: center;
	font: normal normal normal 18px/28px Poppins;
	letter-spacing: 0px;
	color: #004559;
	min-height: 150px;
    }       
.testimonial-footer {
    margin-top: auto;
    }       
.testimonial-author {
    text-align: center;
    font: normal normal 600 18px/32px Poppins;
	letter-spacing: 0px;
	color: #004559;
    }     
.stars {
    display: flex;
    justify-content: center;
    }      
.star {
 	color: #ff8833;
    font-size: 2.2rem;
    margin: 0 2px;
    line-height: 2.2rem;
    }      
.arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
	opacity: 0.54;
    }       
.arrow:hover {
    opacity: 1;
    }        
.temoignage-prev {
    left: 10px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    top: 40%;
    }       
.temoignage-next {
    right: 10px;
    top: 40%;
    }        
.rating-summary {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3rem;
    color: white;
    flex-wrap: wrap;
    gap: 20px;
    }     
.platform-rating {
    text-align: center;
    }      
.rating-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: left;
    }       
.big-stars {
    font-size: 2rem;
    color: #ff8833;
    }      
.rating-score {
    font: normal normal 600 40px/39px Poppins;
    color: white;
    }      
.platform-container {
    display: flex;
    gap: 180px;
    padding-bottom: 50px;
    }       
.platform {
    text-align: center;
    }        
.platform-logo {
    height: 50px;
    margin-top: 10px;
    }       
.source-info {
    font: normal normal 600 24px/39px Poppins;
    text-align: left;
    }
    
/* icones d'informations */
	.icon{
		position: relative;
  		top: 100px;
  		margin-bottom: 50px;
    } 
	.iconP{
		position: relative;
  		margin-bottom: 40px;
    } 
   
  .icon-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 80px;
    }

    .icon-item {
      text-align: center;
      flex: 0 1 100px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .icon-item img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .icon-item:hover {
      transform: scale(1.05);
    }

    .icon-item:hover img {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .icon-item p {
      margin-top: 10px;
      font-weight: bold;
      font-size: 14px;
      color: #3a6f7e;
    }
    
 /* Présentation  Tunnels Randos escalade */
.TitreLarge {
	margin-top: 30px;
  	text-align: center;
	}
.blocContainer {
  	font-family: 'Poppins', sans-serif;
  	color: black; 
  	font-weight: 400;
  	padding-bottom: 20px;
  	padding-right: 10px;
  	font-size: 16px; /* Taille de caractère uniforme */
  	line-height: 1.6;
  	}
  	
.gauche {
	float:left;
	}
.droite {
	float:right;
	}
.blocSize50 {
	width:48%;
	}
.blocSize60 {
	width:58%;
	margin-top: 50px;
	}
.blocSize70 {
	width:68%;
	margin-top: 50px;
	}
.blocSize30 {
	width:30%;
	}   
.blocContainer p {
	margin-top: 1em;
  	margin-bottom: 1em;
  	color:#2d6e78;
	} 
.blocContainer ul {
  	padding-left: 20px;   
	}
.blocContainer li {
  	margin-bottom: 0.5em; 
	list-style-type: disc;   /* Indentation pour voir les puces */
	}
	 
.partenaireResa {
	float: right;
 	width: 30%;
  	padding-top:50px;
  	position: relative;
  	z-index: 10;
  	margin-bottom: 60px;
    } 
.partenaireResa-bloc {
    margin: 5px 10px;
    text-align: center;  
    }
      
.partenaireResa-bloc h2 {
    color: #006666;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    }
    
.partenaireResa-img, .volcan-img {
    max-width: 200px;
    height: auto;
    }    
        
/* Responsive styles */
@media screen and (max-width: 1200px) {
.tagline {
	display: none;
	}
.contact-info {
	margin-left: 400px;
	}
.last-minute {
    width: 60px;   
    font-size: 12px;
  	line-height: 14px;
    }
.discount-icon {
    font-size: 13px;
    margin-right: 5px;
    }
.discount-icon img {
	height: 25px;
    }
}





@media (max-width: 980px) {
   
/* Hero banner styles */
.container{
    flex-direction: column;
    gap: 10px;
    }
.top-bar .container {
    text-align: center;
    }
.main-header .container {
    flex-direction: row;
    justify-content: space-between;
    }

.travelers-choice {
    top: 0px;
    		}
.travelers-choice img {
    top: 0px;
    width: 95px;
    height: 115px;
    		}
.signature img {
    width: 230px;
    		}  
.dot-container {
    text-align: center;
    left: 0px;
    bottom: 10px;
             } 
            
.dot {
    height: 30px;
    width: 30px;
    margin: 0 6px;
    font-size: 14px;
            }
            
.slide-content {
    left: 20px;
    top: 140px;
    		}
    		
.fond-content {
   	top: 130px;
   	width: 340px;
	height: 180px;
	left: 10px;
			} 
h1 {
    font-size: 28px;
	}
        
.slide-description {
    font-size: 12px;
    max-width:300px;
    left: 0px;
     }

.slideshow-container {
    height: 370px;
    top: 50px;
    }
.controls-container {
    width: 100%;
    padding: 0 20px;
    }
.prev, .next {
    display: none;
    }
        
.margeHaute{
	top:50px;
  	}
.blocContainerGauche {
  	width:100%;
  	padding-top: 20px;
  	} 
.Pres-Titre {
    font-size: 30px;
    line-height: 34px;
    }
.souligne img {
    width: 226px;
    }
        
.Pres-SousTitre {
    font-size: 18px;
    line-height: 24px;
    }
        
.Pres-Description {
    font-size: 14px;
    line-height: 20px;
    }
.bouton {
    text-align:center;
    width:center;
    margin-bottom: 20px;
    } 
.Pres-Button {
    font-size: 16px;
    padding: 5px 20px;
    margin-top: 30px;
    }      
.planning {
	float: left;
 	width: 100%;
  	top: 0px;
  	max-width: 450px;
    }
.header {
    padding: 0px;
	height: 40px
    }
        
.header-icon {
    width: 40px;
    }
        
.header-icon img {
    width: 16px;
    }
        
.header-title {
    font-size: 20px;
    }
 .date {
    font-size: 13px;
    line-height: 15px;
    width: 25px;
    }
.details {
    padding-left: 10px;
    }
        
.event-title {
    font-size: 13px;
    }
.location {
	font-size: 12px;
    }
.location img {
	height: 12px;
	opacity: 0.6;
    } 
.spot{
    top:0px;
	}
.spotMarge{
	top:10px;
  			}
.spotGauche {
  	width:100%;
  	}
.spotDroit {
  	width:100%;
  	}    		
.spotDroit img{
	height: auto;
	width: 100%;
  	}   
.spotTitre {
    font-size: 30px;
    line-height: 34px;
    }
.spotTexte {
    font: normal normal normal 15px/24px Poppins;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    }
.spotButton {
    position:relative; top:0px;
    text-align: center;        
		}
.spotActivite{
	top:20px;
  	}
  		
  /* section prestation */
  .card {
    width: 100%;
    max-width:370px;
  }
.prestation {
    top: 80px;
    height: auto;
    padding-bottom: 40px;
	}  
.prestation-container {
    padding: 5px;
    top: 10px;
	}
	
.card-content {
  	padding: 15px;
	}
.photos-content{
    height: auto;
    }
.info-icons div {
    font: normal normal 600 14px/20px Poppins;
    }
    
.buttons a {
    padding: 8px 36px;
    font-size: 16px;
    }
.team-texte {
	font: normal normal normal 15px/22px Poppins;
  	}    
.team-titre {
	margin-top: 100px;
    }
    
/* Section localisation*/
.loc-background {
    margin-top: 80px;
    }
/* Section faq*/
.faq-background {
    margin-top: 80px;
    }    
.faq-titre {
    font: normal normal normal 30px/31px Protest Riot;
    margin-bottom: 30px;
    }
.faq-item {
    padding: 15px;
    margin-bottom: 10px;
    }
.faq-question {
    font: normal normal 600 14px/20px Poppins;
    }
.faq-answer {
    font: normal normal normal 14px/20px Poppins;
    }

/* témoignages */
    
.temoignage-Titre {
	font: normal normal normal 30px/32px Protest Riot;
	padding: 0px 10px;
    }   			
.source-label {
	font: normal normal normal 12px/18px Poppins;
    }
.quote-start {
    top: -15px;
    height: 27px;
    }
.quote-end {
    bottom: -15px;
    height: 27px;
    }
.temoignage-souligne {
    padding-bottom: 20px;
    }    		    			
.temoignage-souligne img {
    display:none;
    }
.testimonial {
    flex-direction: column;
    align-items: center;
    padding: 15px;
    }
.testimonial-text {
	font: normal normal normal 14px/22px Poppins;
    }           
          
.platform-container {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 30px;
    }         
.title {
    font-size: 2rem;
    }          
.rating-summary {
    flex-direction: column;
    margin-top: 1rem;
    }
.star {
  	font-size: 1.5rem;
  	line-height: 1;
	}
.arrow {
	opacity: 1;
    }
.temoignage-prev {
	left:0px
    }    
.temoignage-next {
	right:0px
    }
.temoignage-prev img {
	height:60px;
	width:60px;
    }        
.temoignage-next img {
    height:60px;
	width:60px;
    }
.rating-title {
    font-size: 1rem;
    margin-bottom: 0px;
    text-align: center;
    }
.big-stars {
    font-size: 1.5rem;
    }        
.rating-score {
    font: normal normal 600 20px/20px Poppins;
    }
.source-info {
  	font: normal normal 600 14px/18px Poppins;
  	text-align: center;
	}
.platform-logo {
    margin-top: 0px;
    }
    
    
/* icones d'informations */ 
.icon-row {
    gap: 10px;
    } 
.icon-item {
    flex: 0 1 80px;
    }
.icon-item img {
    width: 60px;
    height: 60px;
    }
.icon-item p {
    font-size: 12px;
    margin: 0px;
    }
.blocContainer {
  	padding-bottom: 0px;
  	}
.blocSize50 {
	width:100%;
	} 
.blocSize60 {
	width:100%;
	margin-top:30px;
	}
.blocSize70 {
	width:100%;
	margin-top:30px;
	}
.blocSize30 {
	width:100%;
	}
  	
/* Presentation Tunnels */ 
.partenaireResa {
	float: right;
 	width: 100%;
  	top: 0px;
  	padding-top: 20px;
  	margin-bottom: 0px;
    }
.partenaireResa-bloc h2 {
    font-size: 14px;
    }
}