body{
    width: 100%;
}
.menu{
    width: 100%;
    height: 80px;
    background-color: #BFB093;
    position: sticky;
    top: 0px;
    z-index: 3;
}
.menu_principal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
.logo{
    width: 500px;
    height: 80px;
}
.conteneur_menu{
    display: flex;
    flex-direction: row;
    
}
#carte-form{
    display:flex;
    height: 800px;

}
.bouton_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 50px;
    font-size: 20px;
    text-decoration: none;
    list-style: none;
    color: white;
    font-family: "Montserrat", sans-serif;
}
.reserver{
    background-color: #ae4242;
}
@media(max-width : 768px){
   .bouton_menu{
    background-color: #BFB093;
   }
}
.bouton_menu:hover{
    color: white;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
}
.nav-link:hover{
    color: white;
}




.carrousel {
    width: 100%;
    height: 500px; 
    overflow: hidden; 
}

.carrousel-inner {
    height: 500px; 
}

.carousel-item img {
    width: 100%;
   height: 500px;
    object-fit: cover;
    object-position: center;
}
.carrousel > div > ul > li > img{
    height: 70vh;
}


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: "Cormorant Garamond", sans-serif;
}
:root {
--couleur1: #BFB093;

}

.titre_presentation {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 35px;
    margin-top: 100px;
    margin-left: 30px;
    padding-bottom: 20px;
}

.titre_presentation > h1 {
font-size: 35px;
margin: 30px 0px 0px 80px
}
/* .img_oiseau{
    width: 5%;
    height: auto;
        z-index: 50;
   
    }
    .img_oiseau > img {
        width:
    } */


.presentation{
    width: 100%;
    height: 550px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
}

.img_presentation{
width: 30%;
height: auto;
overflow: hidden;
}
.img_presentation > img {
    width: 100%;
height: auto;
flex-wrap: wrap;
}

.texte_presentation{
    font-family: "Cormorant Garamond", serif;
    width: 55%;
    padding-left: 40px;
}

 

@media screen and (min-width: 320px) {
      body {
   

}
}
@media screen and (min-width: 375px) {
    
}
@media screen and (min-width: 425px) {
      body {
 

}
}
@media screen and (min-width: 768px) {
    
}
@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 2560px) {

}
@media (max-width: 768px) {
   

}

.presentation {
    height: 100%;
}
}
.conteneur_presentation {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }


  .photo_foix {
    width: 150%;
   
  }
  .photo_foix > img {
    width: 100%;
    height: auto;
    border-radius: 40% 60% 40% 60%;
  }

  .presentation_ariege {
      display: flex;
      flex-direction: row; /* Aligne l'image et le texte en ligne */
      align-items: center; /* Centre verticalement */
    font-family: "Cormorant Garamond", serif;
    margin-left: 100px;
  }
  .presentation_ariege > .bold_guide {
    margin-bottom: 40px;
  }

  .bold_guide {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 35px;
  }

  .presentation_ariege > p {
    text-align: justify;
  }
  .span_guide {
    font-weight: bold;
  }

  .presentation_texte {
    font-family: "Cormorant Garamond", serif;
    width: 68%;
  }



  .h2_incontournables {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 35px;
    display: flex;
    flex-direction: row;
    margin-left: 50px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	transition: transform 0.35s, color 0.35s;
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	transform: translate3d(0,0,0);
}


figure {
    display: grid;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
  }
  figure > * {
    grid-area: 1/1;
    transition: .4s;
  }
  figure figcaption {
    display: grid;
    align-items: end;
    font-family: sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    padding: .5rem;
    background: var(--c,#0009);
    clip-path: inset(0 var(--_i,100%) 0 0);
    -webkit-mask:
      linear-gradient(#000 0 0),
      linear-gradient(#000 0 0);
    -webkit-mask-clip: text, padding-box;
    margin: -1px;
  }
  figure:hover figcaption{
    --_i: 0%;
  }
  figure:hover img {
    transform: scale(1.15);
  }
  @supports not (-webkit-mask-clip: text) {
    figure figcaption {
     -webkit-mask: none;
     color: #35322c;
    }
  }


  
.img_incontournables{
  display: flex;
  flex-direction: row;
  height: auto;
  object-fit: cover;
  justify-content: space-between; /* Espacement entre les figures */
    gap: 20px; /* Ajoute un espace entre les figures */
    flex-wrap: wrap; /* Permet le retour à la ligne si besoin */
}

.img_incontournables figure {
  margin: 30px; /* Ajoute de la marge autour des figures */
}

.img_incontournables figure img {
  width: 100%; /* Ajuste selon ton besoin */
  height: 200px; /* Ajuste selon ton besoin */
  object-fit: cover; /* Garde les proportions et coupe l'excédent */
  border-radius: 10px; /* Facultatif, pour arrondir les coins */
}

/* avis */

.avis_pic {
    display: flex;
    flex-direction: row;
    justify-content: center; /* Centre les images horizontalement */
    align-items: center; /* Aligne les images sur le même axe vertical */
    gap: 20px; /* Ajoute de l'espace entre chaque image */
    flex-wrap: wrap; /* Permet le retour à la ligne si besoin */
}

.avis_pic > img {
    width: 30%;
    max-width: 500px; /* Limite la taille pour éviter qu'elles deviennent trop grandes */
    height: auto; /* Conserve les proportions */
}



.carrousel_bas {
    display: block;
    opacity: 1;
    visibility: visible;
}

.slide_bas{
    margin-top: 30px;
}


.img_thea {
    width: 62.5%; /* Largeur par défaut pour les écrans larges */
    max-width: 800px; /* Largeur maximale pour éviter que l'image ne devienne trop grande */
    display: block; /* Affichage en bloc pour centrer l'image */
    margin: 0 auto; /* Centre l'image horizontalement */
}

.img_thea img {
    width: 100%; /* L'image s'adapte à la largeur de son conteneur */
    height: auto; /* Maintient le ratio d'aspect */
}

@media (max-width: 768px) {
    .img_thea {
        width: 80%; /* Réduit la largeur à 80% pour les tablettes */
    }
   
}

@media (max-width: 480px) {
    .img_thea {
        width: 100%; /* Réduit la largeur à 100% pour les smartphones */
    }
    
}
    
/* PAGE MENTIONS LEGALES */
.titre_mentions_legales{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    font-weight: bold;
}
.div_mentions_legales{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.mentions_legales_footer>div>a {
    color: white;
}

.mentions_legales_footer>div>a:hover {
    color: #961F32;
}
.typo_cormorant{
    font-family: "Cormorant Garamond", serif;
}
.typo_cormorant_bold{
    font-weight: bold;
    font-family: "Cormorant Garamond", serif;
}

/* Page CGV*/
.titre_cgv{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
.div_cgv{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.typo_cormorant{
    font-family: "Cormorant Garamond", serif;
}
.typo_cormorant_bold{
    font-family: "Cormorant Garamond", serif;
}

/* PAGE CREDITS PHOTOS */
.titre_credits {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    font-weight: bold;
}
.div_credits{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.typo_cormorant{
    font-family: "Cormorant Garamond", serif;
}
.typo_cormorant_bold{
    font-weight: bold;
    font-family: "Cormorant Garamond", serif;
}



/* css footer */

footer {
    color: #fff; 
    padding: 20px 0;
    position: relative;
    bottom: 0;
    width: 100%;
  }
  
  .div_footer {
    display: flex;
    flex-direction: row;
    background-color: #BFB093;
    color: white;
  }

  .logo_informations_rs_footer {
    display: flex
;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
  }

  .position_gauche {
    width: 25%;
    margin-left: 0px;
}

.logo_footer {
    margin-left: 50px;
    height: 100%;
    width: 160%;
}

.logo_footer>img {
    width: 100%;
    height: 100%;
}

.position_droite {
    width: 90%;
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    letter-spacing: 0.6px;
    padding-left: 100px;
}

.informations {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 90px;
    text-align: center;
}

ul {
    list-style: none;
}

.bold_footer {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: 300;
    font-style: normal;
}


.italic_footer {
    font-style: italic;
}

.reseaux_sociaux_footer {
    display: flex;
    width: 60%;
    justify-content: center;
    margin-left: 80px;
}

.reseaux_sociaux_footer>a {
    font-size: 30px;
    padding-left: 40px;
    color: white;
    
}

.reseaux_sociaux_footer>a:hover{
    transition: 0.2s;
    color: #8B0000;
}
a {
    text-decoration: none;
}


.fa-brands, .fab {
    font-weight: 400;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.carte_footer {
    margin-right: 0px;
    width: 69%;
    height: auto;
}


.carte_footer>img {
    width: 100%;
    height: 100%;
}

.div__partenaires_mentions_footer {
    background-color: #BFB093;
}

.mentions_legales_footer {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 10px;
    padding-right: 160px;
    list-style: none;
}

.mentions_legales_footer>div>a {
    color: white;
    font-style: italic;
    text-decoration: none;
}

.mentions{
margin-right: 20px;

}

.credit_footer_padding {
    padding-left: 20px;
}

.div__partenaires_mentions_footer {
    background-color: #BFB093;
}


/* média querries*/ 

.hamburger-menu {
    display: none; /* Caché par défaut */
  }
  
  @media (max-width: 768px) {
    .hamburger-menu {
      display: block; /* Affiché seulement en dessous de 768px */
    }
    .conteneur_menu {
        display: none;
        flex-direction: column;
        background-color: #BFB093;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        padding: 10px 0;
    }
    .conteneur_menu.active {
        display: flex;
    }
    .conteneur_menu li {
        text-align: center;
        padding: 10px 0;
    }
    .dropdown_menu {
        position: relative;
        width: 100%;
        background-color: #9c9078;
    }

  }


@media (max-width: 769px){
    .menu_principal{
        display: none;
    }
}

#nav-links {
    display: none;
  }
  
  #nav-links.show {
    display: block;
  }

  @media (max-width: 768px) {

    .div_footer {

        flex-direction: column; /* Colonne sur petits écrans */

        align-items: center; /* Centre le contenu */

    }


    .position_gauche, .position_droite {

        



    }


    .logo_footer {

        max-width: 160px; 

    }
    .carte_footer{
        max-width: 300px;
    }

    .reseaux_sociaux_footer {

        margin-top: 10px;

    }


    .mentions_legales_footer {

        flex-direction: column; /* Colonne pour les mentions */

        align-items: center;

    }


    .mentions_legales_footer > div {

        margin: 5px 0; /* Espacement vertical */

    }

}


@media (max-width: 480px) {

    .logo_footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 180px;
        max-width: 200px;
        padding-bottom: 15px;
    }
    .logo_informations_rs_footer {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    
      .position_gauche {
        display: flex;
        flex-direction: column;
        align-items: center ;
        text-align: center;
      }
      .position_droite {
        display: flex;
        flex-direction: column;
        align-items: center ;
        padding-left: 0;
        padding-right: 74.5px;
    
      .reseaux_sociaux_footer a {
        font-size: 18px;
        margin: 5px;
      }
    
      .mentions_legales_footer {
        text-align: center;
        font-size: 14px;
      }

}
@media screen and (max-width: 320px) {
    .div_footer {
      flex-direction: column;
      text-align: center;
    }
  
    .logo_informations_rs_footer {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .position_gauche, .position_droite {
      
    }
  
    .reseaux_sociaux_footer a {
      font-size: 18px;
      margin: 5px;
    }
  
    .mentions_legales_footer {
      text-align: center;
      font-size: 14px;
    }
  }
}
/*fin média querries*/ 









/* page groupe */ 

.img_groupe{
   width: 100%;
   height: 100%;
}



/* page réservation */ 

.btn_resa{
    background-color: #8B0000;
    color: #fff;
}
.btn_resa:hover{
    background-color: beige;
    color: #8B0000;
}
@media screen and (max-width: 320px) {
    .photo_foix{
        margin-top: 140px;
    }
    .titre_ariege{
        margin-top: 140px;
    }

    .menu{
        width: 100%;
        height: 80px;
        background-color: #BFB093;
        position: sticky;
        top: 0px;
        z-index: 3;
    }
    .menu_principal {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        
    }
    .logo{
        width: 400px;
        height: 80px;
        margin-right: 10px;
    }
    .conteneur_menu{
        display: flex;
        flex-direction: row;
        
    }
    .bouton_menu {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0px 30px 0px 0px;
        margin-left: 10px;
        margin-top: 20px;
        font-size: 20px;
        text-decoration: none;
        list-style: none;
        color: white;
        font-family: "Montserrat", sans-serif;
    }
    .dropdown-menu-dark {
        --bs-dropdown-bg: #BFB093;
        --bs-dropdown-link-color: #fff;
    }
    *, ::after, ::before {
        box-sizing: border-box;
        list-style: none;
    }
    
    .dropdown_menu{
        transform: translate3d(40px, 70px, 0px);
    }
    .carrousel {
        width: 100%;
        height: 500px; 
        overflow: hidden; 
    }
    
    .carrousel-inner {
        height: 500px; 
    }
    
    .slider-container img {
        width: 100%;
       height: 500px;
        object-fit: cover;
        object-position: center;
    }
    .carrousel > div > ul > li > img{
        height: 70vh;
    }
    
    

    .titre_presentation {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        margin-top: 100px;
        margin-left: 30px;
        padding-bottom: 20px;
    }
    
    .titre_presentation > h1 {
    font-size: 20px;
    margin: 30px 0px 0px 80px
    }
   
    
    .presentation{
        width: 80%;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    
    .img_presentation{
    width: 80%;
    height: auto;
    overflow: hidden;
    }
    .img_presentation > img {
        width: 100%;
    height: auto;
    flex-wrap: wrap;
    }
    
    .texte_presentation{
        font-family: "Cormorant Garamond", serif;
        width: 55%;
        padding-left: 40px;
    }
    
    
    .conteneur_presentation {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 100%;
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
      }
    
    
      .photo_foix {
        width: 27%;
       
      }
      .photo_foix > img {
        width: 100%;
        height: auto;
        border-radius: 40% 60% 40% 60%;
      }
    
      .presentation_ariege {
          display: flex;
          flex-direction: column; 
          align-items: center; 
        font-family: "Cormorant Garamond", serif;
    
      }
      .presentation_ariege > .bold_guide {
        margin-bottom: 40px;
      }
    
      .bold_guide {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        font-size: 35px;
      }
    
      .presentation_ariege > p {
        text-align: justify;
      }
      .span_guide {
        font-weight: bold;
      }
    
      .presentation_texte {
        font-family: "Cormorant Garamond", serif;
        width: 55%;
        padding-left: 40px;
      }
    
      .h2_incontournables {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        font-size: 35px;
        display: flex;
        flex-direction: row;
        margin-left: 50px;
        margin-top: 60px;
        margin-bottom: 60px;
      }
    
      figure.effect-sadie figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
        content: '';
        opacity: 0;
        transform: translate3d(0,50%,0);
    }
    
    figure.effect-sadie h2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        color: #484c61;
        transition: transform 0.35s, color 0.35s;
        transform: translate3d(0,-50%,0);
    }
    
    figure.effect-sadie figcaption::before,
    figure.effect-sadie p {
        transition: opacity 0.35s, transform 0.35s;
    }
    
    figure.effect-sadie p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        opacity: 0;
        transform: translate3d(0,10px,0);
    }
    
    figure.effect-sadie:hover h2 {
        color: #fff;
        transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    }
    
    figure.effect-sadie:hover figcaption::before ,
    figure.effect-sadie:hover p {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    
    
    figure {
        display: grid;
        border-radius: 1rem;
        overflow: hidden;
        cursor: pointer;
      }
      figure > * {
        grid-area: 1/1;
        transition: .4s;
      }
      figure figcaption {
        display: grid;
        align-items: end;
        font-family: sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        color: #0000;
        padding: .5rem;
        background: var(--c,#0009);
        clip-path: inset(0 var(--_i,100%) 0 0);
        -webkit-mask:
          linear-gradient(#000 0 0),
          linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        -webkit-mask-clip: text, padding-box;
        margin: -1px;
      }
      figure:hover figcaption{
        --_i: 0%;
      }
      figure:hover img {
        transform: scale(1.15);
      }
      @supports not (-webkit-mask-clip: text) {
        figure figcaption {
         -webkit-mask: none;
         color: #35322c;
        }
      }
    
    
      
    .img_incontournables{
      display: flex;
      flex-direction: row;
      height: auto;
      object-fit: cover;
      justify-content: space-between; /* Espacement entre les figures */
        gap: 20px; /* Ajoute un espace entre les figures */
        flex-wrap: wrap; /* Permet le retour à la ligne si besoin */
    }
    
    .img_incontournables figure {
      margin: 30px; /* Ajoute de la marge autour des figures */
    }
    
    .img_incontournables figure img {
      width: 400px; /* Ajuste selon ton besoin */
      height: 200px; /* Ajuste selon ton besoin */
      object-fit: cover; /* Garde les proportions et coupe l'excédent */
      border-radius: 10px; /* Facultatif, pour arrondir les coins */
    }
    
    /* avis */
    
    .avis_pic {
        display: flex;
        flex-direction: row;
        justify-content: center; /* Centre les images horizontalement */
        align-items: center; /* Aligne les images sur le même axe vertical */
        gap: 20px; /* Ajoute de l'espace entre chaque image */
        flex-wrap: wrap; /* Permet le retour à la ligne si besoin */
    }
    
    .avis_pic > img {
        width: 30%;
        max-width: 500px; /* Limite la taille pour éviter qu'elles deviennent trop grandes */
        height: auto; /* Conserve les proportions */
    }
    
    
    
    .carrousel_bas {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    
    .slide_bas{
        margin-top: 30px;
    }
    
    
    /* css footer */
    
    footer {
        color: #fff; 
        padding: 20px 0;
        position: relative;
        bottom: 0;
        width: 100%;
      }
      
      .div_footer {
        display: flex;
        flex-direction: row;
        background-color: #BFB093;
        color: white;
      }
    
      .logo_informations_rs_footer {
        display: flex
    ;
        justify-content: space-between;
        width: 100%;
        padding: 10px;
      }
    
      .position_gauche {
        width: 25%;
        margin-left: 0px;
    }
    
    .logo_footer {
        margin-left: 50px;
        height: 100%;
        width: 160%;
    }
    
    .logo_footer>img {
        width: 100%;
        height: 100%;
    }
    
    .position_droite {
        width: 90%;
        color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        letter-spacing: 0.6px;
        padding-left: 100px;
    }
    
    .informations {
        margin-bottom: 20px;
        width: 100%;
        padding-left: 90px;
        text-align: center;
    }
    
    ul {
        list-style: none;
    }
    
    .bold_footer {
        font-weight: bold;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 1rem;
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-style: normal;
    }
    
    
    .italic_footer {
        font-style: italic;
    }
    
    .reseaux_sociaux_footer {
        display: flex;
        width: 60%;
        justify-content: center;
        margin-left: 80px;
    }
    
    .reseaux_sociaux_footer>a {
        font-size: 30px;
        padding-left: 40px;
        color: white;
        
    }
    
    .reseaux_sociaux_footer>a:hover{
        transition: 0.2s;
        color: #8B0000;
    }
    a {
        text-decoration: none;
    }
    
    
    .fa-brands, .fab {
        font-weight: 400;
    }
    
    .fa-brands, .fab {
        font-family: "Font Awesome 6 Brands";
    }
    .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }
    .carte_footer {
        margin-right: 0px;
        width: 69%;
        height: auto;
    }
    
    
    .carte_footer>img {
        width: 100%;
        height: 100%;
    }
    
    .div__partenaires_mentions_footer {
        background-color: #BFB093;
    }
    
    .mentions_legales_footer {
        display: flex;
        width: 100%;
        justify-content: center;
        padding-bottom: 10px;
        padding-right: 160px;
        list-style: none;
    }
    
    .mentions_legales_footer>div>a {
        color: white;
        font-style: italic;
        text-decoration: none;
    }
    
    .mentions{
    margin-right: 20px;
    
    }
    
    .credit_footer_padding {
        padding-left: 20px;
    }
    
    .div__partenaires_mentions_footer {
        background-color: #BFB093;
    }
    
    
    
    
    /* page groupe */ 
    
    .img_groupe{
       width: 100%;
       height: 100%;
    }
    
    

    }
    
.visite_indiv{
    width: 50%; 
    margin-left: 200px;
}

.accordeon{
    width: 90%; 
    padding: 50px 0px 50px 100px; 
    display: flex;
}
.img_groupe2{
    width: 80%;
}

.titre_groupe{
    display: flex;
    justify-content: center;
    margin-top: 30px;
 font-family: Montserrat;
}
.ariege{
    display: flex;
    flex-direction: row;
}
.titre_ariege{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 70px;
}
     @media(max-width:768px){
        .visite_indiv{
            width: 50%; 
            margin-left: 50px;
        } 
        .accordeon{
            width: 100%;
            padding-left: 0px;
            margin-right: 50px;
            display: flex;
            flex-direction: column;
        }
        .img_groupe2{
            width: 80%;
            margin-left: 30px;
            padding: 30px 10px;
        }
        .titre_groupe{
            padding-left: 13%;
        }
        .pres_sebastien{
            font-size: 0.8em;
        }
        .img_foix{
            margin-top: 200px;
            margin-right: 80px;
            width: 180%;
        }
        .photo_foix > img{
            width: 180%;
        }
        .bold_guide{
            font-size: 20px;
            margin-right: 20px;
            width: 120%;
            margin-top: 30px;
        }
     }



    @media screen and (min-width: 375px) {
         .h2_incontournables{
        font-size: 20px;;
    }
        
    }
    @media screen and (min-width: 425px) {
    
    }
    }
    @media screen and (min-width: 768px) {
        
    }
    }
    @media screen and (min-width: 1024px) {
    
    }
    
    @media screen and (min-width: 1024px) {
    
    }
    @media screen and (min-width: 1440px) {
    
    }
    @media screen and (min-width: 2560px) {
    
    }
    

    @media (max-width: 1024px) {

        .slogan {
    height: 100px;
            margin-left: 100px; /* Marge pour les grands écrans */
    
            margin-right: 100px; /* Marge pour les grands écrans */
    display: flex;
            justify-content: center;
        }
    
    }
    
    
    
    @media (max-width: 1023px) and (min-width: 768px) {
    
        .slogan {
    height: 100px;
            margin-left: 50px; /* Réduire la marge pour les tablettes */
    
            margin-right: 50px; /* Réduire la marge pour les tablettes */
    display: flex;
            justify-content: center;
        }
    
    }
    
    @media (max-width: 767px) {
    
        .slogan {
    height: 100px;
            margin-left: 20px; /* Réduire la marge pour les petits écrans */
    
            margin-right: 20px; /* Réduire la marge pour les petits écrans */
    display: flex;
            justify-content: center;
        }
        .presentation_ariege {
            margin-left: 0px;
        };
    }
    @media (max-width: 716px) {
         .h2_incontournables{
        font-size: 20px;;}
    
        .slogan {
    height: 60px;
            
            display: flex;
            justify-content: center;
    }
    
    }