*{
margin: 0px;
padding: 0px;
text-decoration: none;
box-sizing: border-box;
list-style: none;
}

.liste-prix-biplace {
  list-style: none;
  margin: 0 auto;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  max-width: 600px;
  width: 100%;
  font-size: 0.9em;
  color: #1B4B65;
}

.liste-prix-biplace li {
  display: flex;
  gap: 0.4rem;
  white-space: nowrap;
}

.titre { display: block; }
.duree { display: block; font-size: 0.75rem; opacity: 0.7; }
.prix  { display: block; font-weight: 600; }

.liste-choix-vols {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 600px;
}

.liste-choix-vols li {
  padding: 0.8rem 0;
  border-bottom: 1px solid #eee;
  color: #1B4B65;
  display: grid;
  gap: 0.2rem;
}

.liste-choix-vols strong {
font-size: 0.95rem;
}

.liste-choix-vols span {
font-size: 0.85rem;
opacity: 0.75;
}

.GGL-avis  {
background:rgba(0,0,0,.15);
width:95%;
margin:10px auto;
text-align:center;
border-radius:12px;
padding:12px;
}

img {
max-width:100%;
height:auto;
aspect-ratio: 4/3;
}

@font-face {
font-family: 'PolicePerso';
src: url('font/KGPayphone.ttf') format('truetype'); 
font-weight: normal;
font-style: normal;
}

header {
position: relative;
}

body.no-scroll {
overflow: hidden;
}


.logo {
display:none;
}

body.no-scroll {
overflow: hidden;
}

.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.15);
padding: 0px 20px;
z-index: 1000;
}

.nav-links {
  list-style: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  z-index: 1500;
}

.nav-links.active {
  transform: translateX(0);
}

.nav-links li {
  position: relative;
}

.nav-links a {
  text-decoration: none;
  color: orange;
  font-size: 1em;

}

.nav-links li.ici > a {
  color: white;
}

/* Sous-menu mobile */
.dropdown {
  display: none;
  background: #222;
  margin-top: 10px;
  border-radius: 0 0 6px 6px;
  padding: 10px;
}

.nav-links li.active .dropdown {
  display: block;
}

/* Hamburger */
.hamburger {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 2000;
  width: 35px;
  height: 35px;
  justify-content: center;
}

.hamburger span {
  height: 3px;
  width: 100%;
  background: white;
  margin: 4px 0;
  border-radius: 5px;
  transition: 0.4s ease;
}

/* Hamburger X animation */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}



h1, h2, h3, h4, h5 {
font-family: 'PolicePerso', cursive;
color:#BEE9E7;
}




p {
color:#1B4B65;
line-height:28px;   
letter-spacing:0px;
font-size:1em;
padding:0;
}

body {
font-family: 'Poppins', sans-serif;
margin: 0;
padding:0;
background:#5FACD3;
}



.entete{
background-image: url(mob/parapente-lac-du-bourget.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-bi{
background-image: url(mob/decollage-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-dec{
background-image: url(mob/tandem-vol-decouverte-aix-les-bains.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}


.entete-stage{
background-image: url(mob/stage-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-sta-init{
background-image: url(mob/stage-init-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-enf {
background-image: url(mob/vol-enfant-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-sen {
background-image: url(mob/vol-sensation-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-asc {
background-image: url(mob/vol-bi-ascendance-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-pres {
background-image: url(mob/vol-bi-prestige-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-rand {
background-image: url(mob/vol-bi-rando-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-pmr {
background-image: url(mob/vol-bi-pmr-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-vol-bi-peda {
background-image: url(mob/vol-bi-peda-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-stage-init {
background-image: url(mob/stage-init-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-stage-prog {
background-image: url(mob/stage-prog-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-stage-perf {
background-image: url(mob/stage-perf-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-stage-cross {
background-image: url(mob/stage-cross-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-faq {
background-image: url(mob/faq-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-site {
background-image: url(mob/site-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.entete-belle {
background-image: url(mob/belle-mere-ban.webp);
background-repeat: no-repeat;
background-position:top center;
background-size: cover;
height:300px;
margin:0;
padding:0;
}

.maillage ul{
display: table;
margin: 0 auto;
}

.maillage li {
padding:8px;
}


.maillage li a{
color:white;
}
.maillage li a:hover {
color:orange;
}

.villes a{
color:orange;
padding:8px 0;
}

.villes a:hover{
color:white;
}

h2 {
text-align:center;
padding:15px;
 }

.lg {
margin:0 auto;
padding:10px 3px;
max-width:1500px;
}

.lg h1 {
font-size:1.6em;
text-align:center;
}
		
.introduction {
background:rgba(0,0,0,.15);
}	
		
.introduction h2, .introduction-c h2 {
font-size:1.4em;
text-align:center;
}

.introduction-c h3{
padding:15px 50px;
text-align:center;
font-size:1.1em;
}		
		
		
		
.introduction p, .site-para-t	p{
padding:0 0 20px 0;
}	
		
.introduction img, .site-para-i img {
margin:0 auto;
display:block;
}	

.accroche-i img, .site-para-i	img{
border-radius:6px;
box-shadow:0 5px 20px rgba(255,255,255,.5);	
}

.introduction-c {
background:none;
}		


/*					CARTE VOL BIPLACE			*/
.lg-carte {
margin:0 auto;
max-width:1500px;
padding:0 8px 12px 8px;
display:grid;
grid-template-columns:repeat(1,1fr);
gap:25px;
}

.liste-vols h2{
text-align:center;
grid-column:1 / -1;
margin-bottom:8px;
}

.liste-vols{
padding:20px;
box-sizing:border-box;
}

.card-link{
display:block;
text-decoration:none;
color:inherit;
}

.carte-vol{
position:relative;
height:360px;
border-radius:14px;
overflow:hidden;
display:flex;
align-items:flex-end;
background:white;
box-shadow:0 8px 20px rgba(0,0,0,0.55);
transition:transform .25s ease, box-shadow .25s ease;
}

.carte-vol img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
transition:transform .7s ease;
}

.carte-vol::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:65%;
background:linear-gradient(
to top,
rgba(0,0,0,0.85),
rgba(0,0,0,0.45),
rgba(0,0,0,0));
z-index:2;
}

.contenu{
position:relative;
z-index:3;
color:white;
padding:22px;
width:100%;
}

.carte-vol h3{
margin:0 0 6px;
font-size:22px;
font-weight:600;
}

.carte-vol p{
font-size:14px;
margin-bottom:14px;
opacity:.9;
color:white;
}

.carte-vol ul{
display:flex;
gap:10px;
list-style:none;
padding:0;
margin:0 0 12px 0;
}

.carte-vol li{
background:rgba(255,255,255,0.25);
padding:6px 10px;
border-radius:6px;
font-size:13px;
backdrop-filter:blur(4px);
}

.prix{
font-weight:bold;
}

.btn-vol{
display:inline-block;
padding:10px 16px;
background:white;
color:#f00;
font-size:14px;
border-radius:6px;
font-weight:600;
transition:all .3s ease;
}

.carte-vol:hover{
transform:translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.8);
}

.carte-vol:hover img{
transform:scale(1.08);
}

.carte-vol:hover .btn-vol{
background:#ff7a00;
color:white;
}

.explic h3{
padding:15px 5px ;
}

h4{
padding:25px 0 0 5px
}

.explic p{
padding:5px 5px;
line-height:28px;
}

.agrement-photo{
padding:20px 30px;
background-color:rgba(0,0,0,.15);
display:flex;
justify-content:space-between;
gap:3%;
}

.agrement-photo img {
width:28%;
height: auto;
}


/*        YOU TUBE   */

.yt-resp{
padding:30px 0;
width:90%;
margin:0 auto;
align-items:center;
justify-content:center;
}

.yt-resp iframe{
aspect-ratio:16/9;
}

.video{
width:100%;
height:auto;
border:none;
}

/* 								BOUTON SHIMMER   */
.lg-bouton{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
padding:10px 0 40px 0;
}


.cta-hero {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 20px;
	padding: 0 10px; /* évite que ça colle aux bords */
}

.cta-hero .shimmer-link {
display: block;
width: 100%;
text-align: center;
}



.shimmer-link{
display:inline-block;
background-color:#f8f8f8;
color:orange;
border:2px solid orange;
padding:12px 24px;
font-size:16px;
font-weight:600;
text-decoration:none;
border-radius:6px;
cursor:pointer;
transition:all 0.3s ease;
position:relative;
overflow:hidden;
}

.cta-hero .shimmer-link:first-child {
background-color: orange;
color: white;
transform: scale(1.03);
}

.cta-hero .shimmer-link:first-child:hover {
	background-color: #e69500; /* un peu plus foncé */
}


.shimmer-link:hover{
background-color:orange;
color:#f8f8f8;
box-shadow:0 0 10px rgba(255,165,0,0.3);
}

.shimmer-link::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.4) 50%,
        rgba(255,255,255,0) 100%
    );
transform:skewX(-20deg);
opacity:0;
transition:opacity 0.3s ease;
}

.shimmer-link:hover::after{
    opacity:1;
    animation:shimmer 1.5s infinite;
}


@keyframes shimmer{
    0%{left:-100%;}
    100%{left:100%;}
}
.cta-price {
	text-align: center;
	font-size: 0.9em;
	opacity: 0.8;
	margin-top: 8px;
}

.sites-box {
display:grid;
grid-template-columns:repeat(1,1fr);
}

.sapenay h3,.revard h3,.dent h3 {
text-align:left;
padding-top:15px;
}

.villes {
margin:0 auto;
padding-left:60px;
}

.stage-grid {
display: grid;
grid-template-columns: 1fr; /* 1 colonne mobile */
gap: 10px;
padding: 5px; /* padding autour du grid */
}

.stage-card {
display: block;
position: relative;
height: 300px;
border-radius: 12px;
overflow: hidden;
text-decoration: none;
color: white;
margin: 0 5px; /* marge sur les côtés */
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.stage-card:hover {
transform: scale(1.03);
box-shadow: 0 10px 20px rgba(0,0,0,0.35);
}

.stage-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.3s ease;
}

.stage-card:hover .stage-bg {
transform: scale(1.05);
}

.stage-content {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 15px;
 background: linear-gradient(transparent, rgba(0,0,0,0.7));
}

.stage-content h2 {
margin: 0 0 5px;
font-size: 18px;
}

.stage-content p {
margin: 0 0 10px;
font-size: 14px;
}

.stage-meta {
display: flex;
gap: 10px;
font-size: 13px;
align-items: center;
}

.stage-meta img {
width: 16px;
height: 16px;
vertical-align: middle;
}

.footer {
background-color:rgba(0,0,0,.25);
padding:10px 0 0 0;
text-align:center;
}

.footer video {
display:block;
margin:0 auto;
padding-bottom:10px;
}

.footer-adr {
text-align:center;
}

.footer-adr h3 {
font-size:1.4em;
padding:0px 0 5px 0;
}

.tel a {
color:orange;
}

address {
line-height:28px;   
letter-spacing:0px;
color:#1B4B65;
font-size:1em;
padding:5px 0 10px 0;
}

.mention {
display: flex;
justify-content: center;
padding:15px 0;
margin:0 auto;
background-color:rgba(0,0,0,.25);
width:90%;
border-radius:8px;
}

.mention ul {
margin:15px 0;
border-radius:10px;
background-color:rgba(0,0,0,.1);
display:flex; /* Permet à la liste de s'aligner comme un élément en ligne*/
text-align:center;
}

.mention a{
color:orange;
margin:5px 10px;
padding:8px 0;
font-size:1em;
width: fit-content; /* Ajuste largeur du lien au contenu */
display: block;
}

.mention a:hover{
color:white;
}

.reseaux {
display:flex;
justify-content: center;
align-items: center;
}

.reseaux ul {
display: flex;
text-align:center;
}

.reseaux ul li {
flex:1;
width:60px;
margin:15px;
}

.copyright{
text-align:center;
}



#cookie-box {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
max-width: 1000px;
width: 90%;
background: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 20px 25px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.5);
z-index: 9999;
font-family: 'Arial', sans-serif;
animation: slideUp 0.5s ease-out;
}

@keyframes slideUp {
 from { transform: translateX(-50%) translateY(100%); opacity: 0; }
to { transform: translateX(-50%) translateY(0); opacity: 1; }
}


#cookie-box p {
color: #ffa500;
font-size: 1.2em;
margin-bottom: 15px;
}


#cookie-box button {
font-size: 1em;
padding: 10px 18px;
margin: 5px;
border-radius: 5px;
border: none;
cursor: pointer;
font-weight: bold;
 transition: all 0.3s ease;
}

#cookie-accept {
background-color: #28a745;
color: white;
}

#cookie-refuse {
 background-color: #dc3545;
color: white;
}

#cookie-box button:hover {
    opacity: 0.85;
    transform: scale(1.05);
}


#cookie-box a {
    display: inline-block;
    margin-top: 10px;
    color: #17a2b8;
    text-decoration: underline;
    transition: color 0.3s ease;
}

#cookie-box a:hover {
    color: #ffa500;
}

.h3-biplace  {
padding:0 0 10px 10px;
text-align:center;
}

.h4-biplace {
padding:10px 0 0 0;
}

.voir-carte {
padding:0 0 0 10px;
}

.voir-carte li span {
width:100%;
display:block;
}

.voir-carte li {
padding:8px 0;
}

.voir-carte li a {
color:white;
}

.galerie, .galerie-2 {
display: grid;
grid-template-columns:  1fr;
gap: 20px;
margin: 20px 0;
padding: 0;
}

.galerie figure, .galerie-2 figure {
margin: 0;
padding: 0;
}

.galerie img, .galerie-2 img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.galerie figcaption, .galerie-2 figcation {
text-align:center;
}

.avis-go, .avis-ta {
  max-width: 90%;
  margin: 20px auto;
  text-align: center;
  padding:15px;
  border-radius:10px;
}

.avis-go {
background-color:rgba(0,0,0,0.15);
}

.avis-ta {
background-color:rgba(0,0,0,0.35);
}

.note-globale {
margin-bottom: 30px;
}

.etoiles {
font-size: 28px;
color: #f5b301;
letter-spacing: 4px;
}

.avis-item {
background: lightgrey;
padding: 20px;
margin: 15px 0;
border-radius: 8px;
font-style: italic;
}

.avis-item > p{
padding:0 0 20px 0 ;
}

.btn-avis {
display: inline-block;
margin-top: 25px;
padding: 12px 25px;
background: #4285F4;
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: bold;
transition: 0.3s;
}

.btn-avis:hover {
background: #3367d6;
}


#map {
height: 500px;
width: 60%;
margin:0px auto 20px;
}

.price-bi {
display: flex; /* met les element en colonnes*/
justify-content: center; /* fixe au milieu les enfants = text-aligne center */
gap: 10px;/* fixe 10px entre chaque enfant*/
padding: 20px;
/**background-color: rgba(0,0,0,.15);*/
width:100%;
margin:0;
}

.item1, .item2, .item3 {
flex: 1;
max-width: 250px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background-color: white;
padding: 20px;
}

.item1 {
border-radius:10px 0 0 10px;
}

.item3 {
border-radius:0 10px 10px 0;
}


.item1 img, .item2 img, .item3 img {
width: 50px;
height: 50px;
object-fit: contain;
margin-bottom: 10px;
}

.faq h2 {
font-size:1.2em;
padding:15px 35px;
}

.grille {
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:10px;
}

.case {
padding:20px 10px;
background-color:#fff;
border-radius:12px;
margin-bottom:1px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: transform 0.35s ease, box-shadow 0.35s ease;
}


.case:hover {
transform: scale(1.05) translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}


.case::before {
pointer-events: none;
content: "";
position: absolute;
inset: 0;
border-radius:12px;
background: radial-gradient(circle at top left, rgba(255,165,0,0.25), transparent 60%);
opacity: 0;
transition: opacity 0.35s ease;
}

.case:hover::before {
opacity: 1;
}


.case > img {
display:block;
margin:0 auto;
padding:10px;
transition: transform 0.4s ease;
}


.case:hover > img {
transform: scale(1.2) rotate(5deg);
}


.case > h3 {
color:#3465a4;
transition: color 0.3s ease;
}

.case:hover > h3 {
color: orange;
}


.case > p {
padding:15px 0 20px 0;
text-align:left;
color:#3465a4;
line-height:28px;
}

.case > p a {
color:orange;
transition: color 0.3s ease;
}

.case > p a:hover {
color:#555;
}

.stage-entete-one {
width:90%;
margin:0 auto;
background:rgba(0,0,0,.1);
border-radius:16px;
padding:30px;
}

.slide-container {
width: 100%;
max-width: 600px;
overflow: hidden;
margin: 40px auto;
position: relative;
}

.slide-track {
display: flex;
transition: transform 0.8s ease-in-out;
}

.mySlides {
width: 100%;
flex-shrink: 0;
display: flex;
justify-content: center;
}


.mySlides img {
width: 100%;
height: auto;
border-radius: 16px;
display: block;
}

.stage-tarif {
text-align:center;
}	

.stage-tarif p {
color:black;
}

.stage-tarif-detail {
display: flex;
justify-content: center;
gap: 10px;
padding:0 5px 0 5px;
}

.stage-duree, .stage-prix{
width:250px;
background:white;
padding:20px;
text-align:center;
border:2px solid rgba(0,0,0,.5);
}

.stage-duree p, .stage-prix p{
padding:10px 0 0 0;
}

.stage-prix {
border-radius:0 10px 10px 0;
}
	
.stage-duree {
border-radius:10px 0 0 10px;
}
	
.stage-explic {
display: flex;
justify-content: center;
gap: 10px;
}

.stage-explic-txt {
width:50%;
background:rgba(255,255,255,.15);
border-radius:15px;
padding:10px 10px 10px 20px;
}

.stage-explic-lst {
width:50%;
background:rgba(255,255,255,.15);
border-radius:15px;
padding:10px 10px 10px 20px;
}

.stage-explic-txt2 {
background:rgba(255,255,255,.15);
border-radius:15px;
padding:10px 10px 10px 20px;
margin:10px 0 0 0 ;
}

.stage-avis {
max-width:70%;
background:rgba(0,0,0,.15);
text-align:center;
margin:10px auto;
padding:10px 15px 15px 15px;
border-radius:8px;
color:white;
box-shadow:4px 4px 20px rgba(255,255,255,.4);
margin-bottom:15px;
}

.stage-avis-lien {
text-align: center;
}

.stage-avis p{
color:rgba(255,255,255,.7);
}

.stage-avis-lien a{
color:orange;
}

.stage-avis-lien a:hover{
color:white;
}

.stage-amb {
display:flex;
gap:20px;
width:90%;
margin:0 auto;
}

.stage-amb-t1 {
width:50%;
background:rgba(0,0,0,.05);
margin:0 auto;
border-radius:8px;
margin-bottom:15px;
padding:15px;
}

.stage-amb-t2 {
background:rgba(0,0,0,.05);
margin:0 auto;
border-radius:8px;
margin-bottom:15px;
padding:15px;
width:50%;
}

.stage-amb-t1 ul,.stage-amb-t2 ul {
padding-left:10px;
}

.stage-amb-t1 li,.stage-amb-t2 li {
padding:5px;
}

.stage-matos {
display:grid;
grid-template-columns:repeat(1, 1fr);
gap:10px;
width:90%;
margin: 0 auto;
}

.stage-matos-t {
background:rgba(0,0,0,.05);
border-radius:8px;
margin-bottom:15px;
padding:15px;
grid-column:span 1;
}
	
.stagepara {
background:pink;
}

.stage-coll-f {
display:grid;
grid-template-columns: repeat(1, 1fr); 
gap: 20px;
width:90%;
margin:0 auto;
}
	
.stage-coll {
background:rgba(0,0,0,.05);
border-radius:8px;
margin-bottom:15px;
padding:15px;
}
	
.stage-coll	ul{
margin-left:20px;
}

.faq-stage-grid {
display:grid;
grid-template-columns:repeat(1, 1fr);
gap:20px;
width:90%;
margin:0 auto;
}	
	
.faq-stage {
background:white;
border-radius:8px;
margin-bottom:15px;
padding:15px;
}
	
.faq-stage  h3 {
color:orange;
padding-bottom:15px;
}

.stage-amb-prog {
background:rgba(0,0,0,.05);
margin:0 auto;
border-radius:10px;
margin-bottom:15px;
padding:15px;
width:90%;
margin:0 auto;
}
	
.stage-amb-prog-u {
padding:20px;
}
.stage-amb-prog-u {
padding:20px;
}
	

.stage-prog-tec {
display:grid;
grid-template-columns:repeat(1, 1fr);
gap:20px;
padding: 10px 20px;
background:rgba(0,0,0,.15);
border-radius:15px;
width:90%;
margin:0 auto;
margin-bottom:20px;
}

.stage-prog-tec-h, .stage-prog-tec-t {
grid-column: 1 / -1;
}

.stage-der {
display:grid;
grid-template-columns:repeat(1, 1fr);
gap:20px;
width:90%;
margin:0 auto;
}
	
.stage-der-a {
padding:20px;
background:rgba(0,0,0,.05);
border-radius:15px;
margin-bottom:20px;
} 	
	
.stage-der-a li{
padding:5px 0;
}	
	
.stage-prog-auto {
display:grid;
grid-template-columns:repeat(1,1fr);
gap:20px;
margin:10px auto;
width:90%;
}
	
.stage-auto-t	{
padding:20px;
background:rgba(0,0,0,.15);
border-radius:15px;
}
	
.stage-prog-auto > p {
grid-column:1 / -1;
padding:20px;
border-radius:15px;
}
	
.retour-bi {
text-align:center;
font-size:1.2em;
margin:0 auto;
padding-bottom:15px;
}

.retour-bi a{
color:white;
}

.retour-bi a:hover{
color:orange;
}

.meteo {
padding:15px;
border-radius:10px;
background:black;
color:white;
font-family:Arial;
width:90%;
margin:0 auto;
text-align:center;
font-size:1.2em;
border:2px solid orange;
box-shadow: 4px 4px 8px rgba(255,255,255, .5);
transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease;

}
.meteo:hover{
box-shadow: 4px 4px 8px rgba(0,0,0, .5);
transform: translateY(-3px);
}

/******************************************************/

@media (min-width: 768px) {

.GGL-avis  {
width:600px;
padding:12px;
}

.liste-prix-biplace {
grid-template-columns: repeat(2, 1fr);
}

body.no-scroll {
overflow: hidden;
}
.nav-links {
width: 100%;
}

.entete{
background-image: url(tab/parapente-lac-du-bourget.webp);
height:354px;
}

.entete-bi{
background-image: url(tab/tandem-parapente-lac-du-bourget-aix-les-bains.webp);
height:354px;
}

.entete-vol-bi-enf {
background-image: url(tab/vol-enfant-ban.webp);
height:354px;
}

.entete-vol-dec{
background-image: url(tab/tandem-vol-decouverte-aix-les-bains.webp);
height:354px;
}

.entete-vol-bi-sen {
background-image: url(tab/vol-sensation-ban.webp);
height:354px;
}

.entete-vol-bi-asc {
background-image: url(tab/vol-bi-ascendance-ban.webp);
height:354px;
}
.entete-vol-bi-pres {
background-image: url(tab/vol-bi-prestige-ban.webp);
height:354px;
}

.entete-vol-bi-rand {
background-image: url(tab/vol-bi-rando-ban.webp);
height:354px;
}
.entete-vol-bi-pmr {
background-image: url(tab/vol-bi-pmr-ban.webp);
height:354px;
}

.entete-vol-bi-peda {
background-image: url(tab/vol-bi-peda-ban.webp);
height:354px;
}


.entete-stage{
background-image: url(tab/stage-ban.webp);
height:354px;
}


.entete-sta-init{
background-image: url(tab/stage-init-ban.webp);
height:354px;
}

.entete-stage-prog {
background-image: url(mob/stage-prog-ban.webp);
height:354px;
}

.entete-stage-perf {
background-image: url(tab/stage-perf-ban.webp);
height:354px;
}

.entete-stage-cross {
background-image: url(tab/stage-cross-ban.webp);
height:354px;
}

.entete-faq {
background-image: url(tab/faq-ban.webp);
height:354px;
}

.entete-belle {
background-image: url(tab/belle-mere-ban.webp);
height:354px;
}



.cta-hero {
flex-direction: row;
justify-content: center;
}

.cta-hero .shimmer-link {
width: auto;
min-width: 200px;
}








}
/********************************************************/
@media (min-width: 1025px) {

.navbar {
position: absolute;
background: rgba(0,0,0,.35);
display: flex;
justify-content: center;
padding:20px 5px;
}

.nav-links {
position: static;
flex-direction: row;
height: auto;
width: auto;
transform: none;
background: transparent;
padding: 0;
gap: 30px;
}

.nav-links a {
padding: 8px 0;
}

.nav-links a:hover {
color:white;
}

.dropdown {
position: absolute;
top: 100%;
left: 0;
background: rgba(0,0,0,.35);
min-width: 180px;
opacity: 0;
visibility: hidden;
display: block;
margin:24px 0 0 0;
transition: opacity 0.4s ease, visibility 0.3s ease;
}

.dropdown a {
display: block;
padding: 4px 0; 
}

.dropdown a:hover{
color:white; 
}

.nav-links li:hover .dropdown {
opacity: 1;
visibility: visible;
}

.hamburger {
display: none;
}

.entete{
background-image: url(img/parapente-lac-du-bourget.webp);
height:674px;
}

.entete-bi{
background-image: url(img/decollage-ban.webp);
height:674px;
}

.entete-vol-bi-sen {
background-image: url(img/vol-sensation-ban.webp);
height:674px;
}
.entete-vol-bi {
background-image: url(img/decollage-ban.webp);
height:674px;
}

.entete-vol-bi-enf {
background-image: url(img/vol-enfant-ban.webp);
height:674px;
}


.entete-vol-bi-asc {
background-image: url(img/vol-bi-ascendance-ban.webp);
height:674px;
}

.entete-vol-bi-pres {
background-image: url(img/vol-bi-prestige-ban.webp);
height:674px;
}

.entete-vol-bi-rand {
background-image: url(img/vol-bi-rando-ban.webp);
height:674px;
}

.entete-vol-bi-pmr {
background-image: url(img/vol-bi-pmr-ban.webp);
height:674px;
}

.entete-vol-bi-peda {
background-image: url(img/vol-bi-peda-ban.webp);
height:674px;
}

.entete-vol-dec{
background-image: url(tab/tandem-vol-decouverte-aix-les-bains.webp);
height:674px;
}


.entete-stage{
background-image: url(img/stage-ban.webp);
height:674px;
}

.entete-stage-init{
background-image: url(img/stage-init-ban.webp);
height:674px;
}

.entete-stage-prog{
background-image: url(img/stage-prog-ban.webp);
height:674px;
}

.entete-stage-perf {
background-image: url(img/stage-perf-ban.webp);
height:674px;
}

.entete-stage-cross {
background-image: url(img/stage-cross-ban.webp);
height:674px;
}

.entete-faq {
background-image: url(img/faq-ban.webp);
height:674px;
}

.entete-site {
background-image: url(img/site-ban.webp);
height:674px;
}

.entete-belle {
background-image: url(img/belle-mere-ban.webp);
height:674px;
}

.h3-biplace, .explic h3{
text-align:left;
padding:0;
}

.explic h3 {
padding: 0 0 0 5px;
}

.galerie {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 20px 0;
padding: 0;
}

.galerie img:hover, .galerie-2 img:hover  {
 transform: scale(1.05);
 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
 z-index: 1;
}

.galerie img:hover, .galerie-2 img:hover {
transform: scale(1.05);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
z-index: 1;
}

.galerie figcaption, .galerie-2 figcaption {
text-align: center;
font-size: 0.9em;
color: #555;
margin: 8px 0 20px 0;
}

.galerie-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 20px 0;
padding: 0;
}

.avis-go, .avis-ta {
max-width: 800px;
margin: 20px auto;
text-align: center;
padding:15px;
border-radius:10px;
}

.logo > a > img{
width:250px;
height:250px;
top:40px;
left:5px;
}

.lg {
max-width:1500px;
margin:0 auto;
}

.lg h1  {
font-size:2em;
padding:0 0;
}

.accroche, .site-para {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.accroche-t, .site-para-t {
grid-column: span 2;
}

.accroche-i, .site-para-i {
grid-column: span 1;
}

.accroche-i img:hover, .site-para-i img:hover {
transition:transform .4s ease, box-shadow .4s ease;
box-shadow:4px 5px 20px rgba(0,0,0,.4);
transform: scale(1.02);
}

.stage-grid {
margin:0 auto;
max-width:1500px;
grid-template-columns: repeat(2, 1fr);
}

.faq h2 {
padding:15px 0;
}

.grille {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:10px;
}

.vol-bi-enf {
padding:20px;
}

.item-vol-bi {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.item-vol-bi > div:nth-child(1) img {
margin-right: 0;
display: block;
border-radius:12px;
}

.item-vol-bi > div:nth-child(2) {
text-align: left;
}

.stage {
max-width:1200px;
margin:0 auto;
}

.h3-biplace {
padding:0;
}

.logo{
display:block;
}

.logo > a > img{
width:200px;
height:200px;
position:absolute;
top:80px;
left:10px;
z-index:20;
}

.lg {
max-width:1024px;
margin:0 auto;
}

.lg h1{
padding:0 60px;
}

.introduction-c h3 {
text-align:left;
padding:20px 0 5px 0;
}

.accroche, .site-para {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.accroche-t, .site-para-t {
grid-column: span 2;
}

.accroche-i, .site-para-i {
grid-column: span 1;
}

.accroche-i img:hover, .site-para-i img:hover {
transition:transform .4s ease, box-shadow .4s ease;
box-shadow:4px 5px 20px rgba(0,0,0,.4);
transform: scale(1.02);
}

.lg-carte {
grid-template-columns:repeat(3,1fr);
}

.yt-resp{
width:60%;
}

.voir-carte li a:hover {
color:#1B4B65;
}

.sites-box {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.sapenay, .revard, .dent {
grid-column:span 1;
}

.sapenay h3,.revard h3,.dent h3 {
text-align:left;
padding:15px 0 5px 0;
}

.stage-grid {
grid-template-columns: repeat(2, 1fr);
}

.stage-matos {
grid-template-columns:repeat(3, 1fr);
}

.stage-coll-f {
display:grid;
grid-template-columns: repeat(2, 1fr);
}

.faq-stage-grid {
grid-template-columns:repeat(2, 1fr);
}	

.stage-prog-tec {
grid-template-columns:repeat(2, 1fr);
}

.stage-der {
grid-template-columns:repeat(2, 1fr);

}

.stage-prog-auto {
grid-template-columns:repeat(3,1fr);
}
}