/*Selection bleu => transparent sur Navigateur */
::selection {
  background: rgba(120,40,120,0.6);
}
::-moz-selection {
  background: rgba(60,20,60,0.6);
}

/*Fleche déroulemenents*/
#scrollLeftAnnoncesImg,#scrollRightAnnoncesImg,#scrollLeftProgrammeImg,#scrollRightProgrammeImg{
    /*background-color: rgba(23, 10, 31, 0.75);
    box-shadow: 0px 0px 5px white inset;*/
    width: 1.3rem;
    padding: 0.25rem;
    filter: drop-shadow(0 0 0.75rem crimson);
  
  }

  #flecheGaucheAnnonces{
    background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  }
  
  #flecheDroiteAnnonces{
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  }

  #flecheGaucheAnnonces,#flecheDroiteAnnonces,#flecheGaucheProgramme,#flecheDroiteProgramme{
    /*border-radius: 20px;
    padding: 6px;
    padding-right: 9px;*/
    cursor: pointer;
    width: 3rem;
    display: flex;
    height: 20rem;
    align-items: center;
    /*box-shadow: 0px 0px 29px inset black;*/
  }
  
  
  /*Input*/
  
  input::placeholder {
    color: darkgrey;
    font-style:italic;
  }
  
  /*Button*/
  
  button,input[type=submit]{
    /*background-color: rgba(42, 12, 50, 0.8);
    color: white;*/
    background-color: white;
    color: black;
    cursor: pointer;
    border-radius: 60px;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    font-style: normal;
    font-family: "Rajdhani", sans-serif;
    box-shadow: black 0px 0px 2px, 0px 0px 3px inset white;
  }
  
  
  /*Titres */
  
  h3{
    font-family: "Rajdhani", sans-serif;
    text-align: center;
      padding: 0.25rem;
  }
  
  h6 {
    font-family: "Rajdhani", sans-serif;
   font-size:1rem;
   font-weight: 400;
  }
  
  
  /*Liens */
  
  a {
    font-family: "Rajdhani", sans-serif;
    /*text-shadow: 1px 1px 2px black;*/
    text-decoration: none;
  }
  
  /*Partenaires*/
  
  .logoPartenaire{
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .logoPartenaire img{
      width:8rem;
  }
  
  /*header*/
  
  #btnMenuOpen {
  
    border: none;
    cursor: pointer;
    color: white;
    border-radius: 30px;
  }
  
  
  .logoMenu{
    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    padding:1rem 0rem;*/
  }
  
  .logoMenuMobile{
    display: flex;
    flex-direction: column;
    align-items: center;
  
  }
  
  #brand_header {
      z-index:50;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: stretch;
      flex-direction: row;
  }
  
  
  .brand_logo{
      z-index:50;
      padding: 1em 1.5em;
  }
  
  .brand_logo_annonce img{
      max-width:5em;
      padding: 0em 1.5em;
  }
  
  
  
  .brand_logo img{
      max-width:24px;
  }
  
  
  /*Logo Header*/
  
  #logoFonction span{
      display: flex;
      align-items: center;
    }
    
    #brand_header{
      position: absolute;
      z-index: 3500;
    }
    
    @keyframes openScenarized {
      from {
        opacity:0;
      }
      to {
        opacity:1;
      }
    }
    
  
    
    .nameBrand
    {
       /*text-transform: uppercase;
      background-image: linear-gradient(
        -225deg,
         white 0%,
         #d413ff 60%,
        white 100%
      );*/
      /*font-family: Playfair Display, serif;*/
      font-family: "Rajdhani", sans-serif;
      font-style: italic;
      /*background-size: auto auto;
      background-clip: border-box;
      background-size: 200% auto;
      color: #fff !important;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(120,125,150,0.6);
      animation: textclip 15s linear infinite;
      display: inline-block;
          font-size: 1rem;*/
    }
    
    @keyframes textclip {
      to {
        background-position: 200% center;
      }
    }
    
    
    .menuLinkHome{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    top: 7rem;
    z-index:2500;
    width:100%;
    max-width: 100svw;
    padding: 0.5rem 0rem;
    }
    
    .logoText{
      margin: 0rem;
      padding: 0rem 0.6rem;
    }
    
    .textLogoMenu{
      display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }
    
    .sloganMenu{
        cursor: pointer;
        z-index: 50;
        padding: 0.25rem 20px;
        font-weight: 500;
        font-size: 1rem;
        color: white;
        display: flex;
        align-items: center;
        /*box-shadow: 0px 0px 5px black, 0px 0px 6px inset black,0px 0px 4px 2px white inset,
        0px 0px 45px inset black,inset 0px 0px 25px 2px rgb(180,20,180);
        border: 1px black solid;*/
        /*box-shadow: 0px 19px 22px -9px black;*/
        border-bottom: 2px black solid;
        margin: 0.25rem 0.5rem;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 90svw;
    }
    
    #espaceProAccess{
    cursor: pointer;
    margin-left: 1rem;
    /*position: absolute;
    top: 1rem;
    right: 1rem;*/
    }

    
    #espaceProAccess img{
    width: 1rem;
    height: 1rem;
    }


    .sloganMenu:hover{
        border-bottom: 2px lightgrey solid;
    }
    
    .categorieMenu{
      /*background-color: rgba(0, 0, 0, 0.5);*/
      background-color:white;
      cursor: pointer;
      z-index: 50;
      padding: 0.25rem 20px;
      font-weight: 550;
      font-size: 1rem;
      color: black;
      display: flex;
      align-items: center;
      box-shadow:  0px 0px 3px black, 0px 0px 5.5px inset lightgrey;
      border: 1px black solid;
      /*margin: 0.25rem 0.5rem;*/
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom:0.35rem;
      text-align: center;
      border-radius: 20px;
      font-family: "Rajdhani", sans-serif;

  }

  .categorieMenu:hover{
      box-shadow:  0px 0px 7px white;

  }
  
  
    .categorieMenu {
      background-color: #f0f0f0; /* Couleur de fond plus moderne */
      cursor: pointer;
      z-index: 50;
      padding: 0.5rem 20px; /* Plus d'espace interne */
      font-weight: 600; /* Texte légèrement plus épais */
      font-size: 1.1rem; /* Texte légèrement plus grand */
      color: #333; /* Couleur de texte plus douce */
      display: flex;
      align-items: center;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Ombre plus subtile */
      border: 1px solid #ddd; /* Bordure plus fine et claire */
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 0.5rem; /* Plus d'espace entre les éléments */
      text-align: center;
      border-radius: 10px; /* Bords plus arrondis */
      font-family: "Rajdhani", sans-serif;
      transition: background-color 0.3s ease, transform 0.2s ease; /* Transitions fluides */
  }
  
  .categorieMenu:hover {
      background-color: #e0e0e0; /* Changement de couleur au survol */
      transform: scale(1.05); /* Légère augmentation de taille au survol */
  }
  
    .categorieMenu img{
      width:1.25rem;
      padding-left: 1rem;
    }
    
    
    .sloganMenu img{
    width:1rem;
    height:1rem;
    }

  .flashingClass {
    font-family: "Rajdhani", sans-serif;
  }
    
    slogan{
      padding: 0.25rem;
      background-color: none;
      font-size: 2.5rem;
      box-shadow: -4px 0px 4px inset rgba(220, 220, 220, 0.6), black 0px 0px 10px;
      font-family: "Rajdhani", sans-serif;
      font-weight: 300;
      font-style: normal;
      backdrop-filter: blur(9px);
    }
    
    otherp{
  
      padding: 0.75rem 2rem 0.5rem 2rem;
        background-color: rgba(0,0,0,0.6);
        font-size: 2.5rem;
        box-shadow: 0px 0px 100px inset rgba(0, 0, 20, 0.9), black 4px 6px 15px;
          font-family: "Rajdhani", sans-serif;
        color: white;
        width: 100%;
    }
    
    fieldset{
      font-weight:550;
      border:none;
      display: flex;
      padding: 1.5rem;
      margin: 0.75rem 0.25rem;
      box-shadow: 0px 0px 30px inset black, 0px 0px 5px 2px black, 0px 0px 185px 70px inset rgba(20, 20, 40, 0.75);
      align-items: center;
      flex-direction: column;
      flex-wrap: wrap;
      max-width:95svw;
      font-family: "Rajdhani", sans-serif;
      border-radius: 20px 10px;

    }
    
    legend{
      font-size:1.2rem;
      font-weight:750;
    }

    #reasearchIcon{
    padding-top:3px;

    }

    #svgResearchIcon{
    fill: lightgrey;
    height: 20px;
    }
      
    #logoMenuDiv{
      /*padding-top:2rem;*/
      font-family: "Rajdhani", sans-serif;
      font-weight: 400;
      font-style: normal;
    }
    
    #indexImmobilierInternational {
      font-family: "Rajdhani", sans-serif;
      display:flex;
      justify-content: space-around;
      flex-wrap: wrap;
      align-items: flex-start;
    }
    
    .ulPqInvestir{
      width:20rem;
      max-width:85lvw;
    cursor:pointer;
    /*box-shadow:0px 0px 13px rgba(100,100,100,0.6) inset,0px 0px 13px black inset, 0px 9px 10px black;*/
    /*background-color: rgba(20, 20, 40, 0.75);*/
    box-shadow: 0px 0px 6px 0px black;
    background-color: white;
    color:black;
    border-radius: 20px 10px;
    display: flex;
    align-items: center;
    font-family: "Rajdhani", sans-serif;
  align-content: space-between;
  justify-content: space-evenly;
  flex-wrap: wrap;
  animation: 1.5s openScenarized ease-in-out ;
  transform-origin: left center;
  will-change: transform;
    }
    
  .pricePack{
    font-style: italic;
    font-weight: 400;
    font-size: 0.85rem;
    padding-left: 2rem;
  }
  
  .pricePack::before{
  content:"( "
  }
  .pricePack::after{
  content:" )"
  }
  
  .selectPack{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  
  #lineOption , #lineOption1, #lineOption2 , #lineOption3 {
    display:flex;
  }
  
    #estimation,#venteInternationale {
      display: flex;
      align-items: center;
      font-family: "Rajdhani", sans-serif;
    align-content: space-between;
    justify-content: space-evenly;
    flex-wrap: wrap;
    animation: 1.5s openScenarized ease-in-out ;
    transform-origin: left center;
    will-change: transform;
  
      ul{
        padding:1.5rem;
        width: 20rem;
        cursor:pointer;
        box-shadow:1px 0px 4px white inset,0px 1px 6px black;
        /*background-color: rgba(20, 20, 40, 0.75);*/
        background-color: white;
        color:black;
        border-radius: 20px 10px;
        font-weight:550;
        max-width: 50rem;
        width: 90svw;
        
    }
      }
      


      
        .quesacoEstimation li{  
        padding:0.75rem;
        list-style:none;
        animation: 1.5s openScenarized ease-in-out;
    }
    
    .venteInter li{
      padding:0.75rem;
      list-style:none;
      animation: 1.5s openScenarized ease-in-out;
    }
    
    .paysInvestment{
      padding:0rem 0rem 1rem 0rem;
    }
    
    #menuArrows{
      transform: rotate(90deg);
    }
  
    header{
      /*background-color: rgba(108,124,182,0.6);*/
      box-shadow: 1px 1px 50px 4px black;
      /*background-color: rgba(0, 10, 15, 0.4);*/
      /*background-color: white;*/
      position: sticky;
      display: flex;
      flex-wrap: nowrap;
      top: 0px;
      z-index:100;
      height: 5rem;
      backdrop-filter: brightness(30%) blur(3px);
  }

  #dvsMsrLg{
    position:absolute;
    top: 0.5rem;
    z-index:100;
    right: 1.5rem;
    width: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#dvsMsrLg select{
    background-color:white;
    color:black;
}

  #sloganMenuAnnonce{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items: normal;
    width: 99svw;
    justify-content: center;
  }

  #headerProOne #dvsMsrLg select {
    background-color: rgba(10, 10, 60, 0.5);
}

  @media screen and (max-width: 1050px){

    .annonceLeaflet img {width: 9rem !important;}
  

    *::-webkit-scrollbar{display:none;}

    #dvsMsrLg {
    position:relative;
    top: 31px;
    z-index: 100;
    width: 14rem;
    margin: auto;
    right:0px;
     }

    #annonceManagement #dvsMsrLg, #gold_area_home #dvsMsrLg {
      position: relative;
      top: 0px;
     }

    #sloganMenuAnnonce {
margin-top: 30px;
     }

     }
  
  html{
    height: 100svh;
    background-image: url(https://bordeaux-international.com/img/homeBackground/living-room-3164434_1280.webp) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: inset 1px 1px 50px 1px;
    overflow: hidden;
  }
  
  body{
    background-size: cover;
    background-attachment: fixed;
    margin: 0px;
    color: white;
    width: auto;
    height: 100svh;
    overflow: scroll;
    backdrop-filter: none;
    background-image: none;
  }
  
  
  /*Page COntaineur*/
  
  #PageConteneur {
    background: linear-gradient(0deg,rgba(255,255,255,0.85) 40%, transparent);
    /*background: linear-gradient(0deg, rgb(45, 10, 35) 65%, transparent);*/
    padding-bottom: 8rem;
    overflow: scroll;
  }
  
  /*Qui sommes Nous*/
  
  #videoQuiSommesNous{
    margin: 2rem;
    width: 100svw;
    max-width: 35rem;
    border-radius: 10px 30px;
    box-shadow: 0px 2px 10px black;
  }
  
  #logoQuisommesNous {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  
  
  #quiSommesNous {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-height: none;
    /*background: linear-gradient(0deg, rgb(45, 10, 35) 65%, transparent);*/
    /*box-shadow: 0px 1px 10px 1px black, 0px 6px 20px inset black;*/
    padding-bottom: 0.66rem;
  
  }
  
  #quiSommesNous .elementWorldPage{
    max-width: 400px;
    max-height:100px;
    margin: 0.2rem;
    /*background: radial-gradient( rgb(65,20,40), transparent);*/
    border-radius:30px;
    color: black;
    font-size: 1.1rem;
    font-weight: 750;
    font-family: "Rajdhani", sans-serif;
    padding: 1rem;
    display:flex;
  
  }
  
  
  #quiSommesNous c{
    /*color: lightgrey;
    text-shadow: 0px 1px 4px rgb(0, 0, 0);*/
    color:black;
    font-size: 1rem;
    font-weight: 450;
    font-style: italic;
  }
  
  
  #quiSommesNous p{
    margin-bottom: 0px;
    font-size: 1.25rem;
    font-weight: 550;
    color:black;
    /*color: white;
    text-shadow: 0px 0px 2px rgb(220, 0, 220) , 0px 0px 4px black;*/
  }
  
  
  #indexAcheterVendre p{
    /*color: rgb(120, 10, 148);
    text-shadow: 0px 1px 5px white;*/
  }
  
  #indexAcheterVendre img{
    width: 70px;
    height:100px;
    filter: drop-shadow(2px 4px 3px black);
  }
  
  
  #indexInvestir p{
    /*color: rgb(120, 10, 148);
    text-shadow: 0px 1px 5px white;*/
  }
  
  #indexInvestir img{
    width: 70px;
    height:100px;
    filter: drop-shadow(2px 4px 3px black);
  }
  
  #indexIle p{
    /*color: rgb(120, 10, 148);
    text-shadow: 0px 1px 5px white;*/
  }
  
  #indexIle img{
    width: 70px;
    height:100px;
    filter: drop-shadow(1px 1px 10px black);
  }
  
  #indexFinancier p{
    /*color: rgb(120, 10, 148);
    text-shadow: 0px 1px 5px white;*/
  }
  
  #indexFinancier img{
    width: 70px;
    height:100px;
    filter: drop-shadow(1px 1px 10px black);
  }
  
  #indexFormalites p{
    /*color: rgb(120, 10, 148);
    text-shadow: 0px 1px 5px white;*/
  }
  
  #indexFormalites img{
    width: 70px;
    height:100px;
    filter: drop-shadow(1px 1px 10px black);
  }
  
  
  #avisClient {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-height: none;
    background-color: rgba(241,241,241,1);
    box-shadow: 0px 1px 10px 1px black;
  
  }
  
  #avisClient .elementWorldPage{
    overflow: hidden;
    margin: 1rem;
    max-width: 400px;
    color: black;
    font-size: 1.1rem;
    font-weight: 450;
    font-family: sans-serif;
    padding: 0.25rem;
  
  }
  
  #avisClient .elementWorldPage img{
    max-width:400px;
  
  }
  
  /*Contact Form*/
  
  #indexContact{
    display: flex;
    justify-content: center;
    font-family: "Rajdhani", sans-serif;
  }
  
  
  #formDemande {
    border-radius: 20px 60px;
    width:20rem;
    max-width: 95svw;
    padding: 1.25rem;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    /*background-color: rgba(20, 20, 40, 0.75);*/
    background-color: white;
    box-shadow: 0px 0px 6px 0px black, 1px 4px 8px -7px inset white;
    color: black !important;
    /*font-style: italic;*/
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  
  
  #typeDemande-1 , #detailDemande-2 , #coordoneesDemande-3{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
  }
  
  .buttonSuivantRetourFormDemand{
    padding: 1.5rem 0rem;
  }
  
  titleformcontact {
    margin-bottom: 0px;
    font-size: 1.5rem;
    font-style:normal;
    font-weight: 600;
    padding:1rem 0rem;
    animation: 5s askedIn;
  }
  
  @keyframes askedIn {
    from {
        transform: translateX(100%);
    }
  
    to {
        transform: translateX(0%);
    }
  }
  
  #indexContact ::placeholder{
    color:black;
    font-weight:450;
  }
  
  
  #indexContact select,#indexContact textarea,#indexContact input[type=email]{
  
    color: black;
    background-color: transparent;
  }
  
  #formDemande select,#formDemande textarea,#formDemande input[type=email],#formDemande input[type=number],#formDemande input[type=tel],#formDemande input[type=password]{
    color: white;
    border-radius: 10px;
    width: 90%;
    box-shadow: 0px 0px 0px 1px black;
    padding: 0.25rem;
    margin: 0.25rem;
  }

  #formDemande textarea{
    box-shadow: 0px 0px 2px black, inset white 0px 0px 2px;
  }
  
  #typeBien{
    color: white !important;
    background-color: black;
  }
  
  
  
  #formDemande ::placeholder{
    color:darkgrey;
    font-weight:450;
  }
  
  #indexContact input[type=submit]{
    background-color: rgba(20,50,110,1);
  }
  
  
  /*Bas de Page */
  
  footer{
    font-family: "Rajdhani", sans-serif;
      font-weight: 350;
      font-style: normal;
      width: 98svw;
  }
  
  .infosDatas{
    max-width: 25rem;
    padding: 1rem;
    overflow: scroll;
    box-shadow: 0px 0px 2px 2px white inset, 0px 0px 13px 4px black, inset 0px 0px 72px 10px black;
    background: rgba(255, 255, 255, 0.85);
  }
  
  #contactBasDePage a{
    color:black;
    font-size: 1.1rem;
    text-shadow:none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  #contactBasDePage {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    /*background-color: rgba(80,80,80,1);*/
    flex-direction: row;
    align-items: center;
  }
  
  
  #contactBasDePage .elementWorldPage {
    margin: 1rem;
    padding: 1rem;
  }
  
  
  #contactBasDePage .elementWorldPage img{
    height: 5rem;
    width: 5rem;
    filter: drop-shadow(1px 1px 10px rgba(20,50,120));
  }
  
  #contactBasDePage .elementWorldPage img:hover{
    height: 7rem;
    width: 7rem;
    filter: drop-shadow(1px 3px 20px rgba(20,50,120));
  }
  
  #contactBasDePage .elementWorldPage a:hover{
    height: 4rem;
    width: 4rem;
  }
  
  
  #contactBasDePage p{
    color: black;
    font-weight: 450;
    text-align: center;
  }
  
  
  /*Infos Legales */
  #proprieteSingleOnlineHtml #indexInfosLegales p , #contactBasDePage p {
    color:white !important;
    
  }
  



  #indexInfosLegales {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    /*background-color: rgba(40,40,40,1);*/
    flex-direction: column;
    color:black;
  }
  
  #indexInfosLegales .elementWorldPage {
    display: flex;
    min-width: 15rem;
    align-items: center;
    flex-direction: column;
  }
  
  
  #indexInfosLegales .elementWorldPage p{
    text-align: center;
    height: 100%;
    margin: 0px;
    padding: 0.25rem;
    color: black;
    font-weight: 450;
  }
  
  
  /*SCroll Bar */
  
  /* Works on Firefox */
  /** {
    scrollbar-width: thin;
    scrollbar-color: grey transparent;
  }*/
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
    height:10px;
  }
  
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: rgba(10, 10, 10, 0.6);
    box-shadow:inset 0px 0px 4px 1px white;
    border-radius: 20px;
    /*border: 1px solid blue;*/
  }
  
  *::-webkit-scrollbar-thumb:hover{
    background-color: grey;
    box-shadow: inset 0px 0px 1px 1px white;
    border-radius: 20px;
    border: 1px solid transparent;
  }
  
  *::-webkit-scrollbar-corner{
      display:none;
  }
  
  *::-webkit-scrollbar-track{
      
  }
  
  /*Tab Bord ANnonces*/
  
  
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }
  
  .annonceObjet{
    min-width: 20rem !important;
    animation: ease-out 1s slidein;
    position:relative;
    margin: 0px 1.33rem;
    border-radius: 10px 5px;
    overflow: hidden;
    box-shadow: rgba(12,12,12,0.6) -22px 1px 11px 1px;
    
  }
  
  .annonceObjet:hover{
    margin: 0px 0.66rem;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(12,12,12,0.8) -22px 1px 17px 1px;
    
  }
  
  
  
  .annonceMiniature{
    overflow: hidden;
    /*width: 20rem;*/
    height: 20rem;
  
  }
  
  .annonceMiniature img{
    /*width:20rem;*/
    min-width:20rem;
    height:20rem;
  
  }
  
  .annonceInfoData{
    position:absolute;
    color: white;
    font-weight: 800;
    font-size: 1.2rem;
    text-shadow: 2px 1px 3px black;
    top:8%;
  }
  
  
  #tabBordMoteurRech ::-webkit-scrollbar{
    display:none;
  }
  
  
  #tabBordMoteurRecherche{
    /*padding: 3.66rem 0rem;*/
    display:flex;
    overflow: scroll;
    align-items: center;
    width: 99svw;
  
  }
  
  
  .annonceSkills{
    height: 20rem;
    width:100%;
    position: absolute;
    font-family: "Rajdhani", sans-serif;
    /*margin-top:-5px;*/
    /*background-color: rgba(14,1,20, 0.3);*/
    /*padding: 0.5rem;*/
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color:black;
    text-shadow:none;
  }
  
  
  titreannonce{
    display:none;
    /*text-shadow: 1px 1px 1px rgb(19,20,50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20,20,50);*/
    color:black;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    position: absolute;
    top: 51px;
    padding: 0rem 0.25rem;
    font-style: italic;
    /*background-color: rgba(40, 10, 40, 0.8);*/
    background-color:white;
    border-radius: 10px 5px;
  }
  
  typeannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1rem;
    position: absolute;
    bottom: 41px;
    padding: 0.25rem 1rem;
    /*background-color: rgba(40, 10, 40, 0.8);*/
    background-color:white;
    border-radius: 10px 5px;
    box-shadow: -3px -2px 20px black, inset white 0px 0px 2px;
  }
  
  terrainannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1.1rem;
    position: absolute;
    bottom: 105px;
    border-radius: 10px 5px;
  }
  
  chambreannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1rem;
    position: absolute;
    bottom: 130px;
    border-radius: 10px 5px;
  }
  
  prixannonce{
    /*background-color: rgba(40, 10, 35,0.6);*/
    background-color:white;
    /*text-shadow: 0px 1px 4px rgb(255, 220, 200), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color: black;
    position: absolute;
    bottom: 9px;
    padding: 0.25rem 1rem;
    /*background-color: rgba(40, 10, 40, 0.8);*/
    border-radius: 10px 5px;
    box-shadow: -17px 15px 23px black, inset white 0px 0px 2px;
  }

  .prixBrut{
    font-weight: 500;
    font-size: 1.2rem;
  }
  
  .Mc{
    font-weight: 400;
    font-size: 0.9rem;
    padding: 0.35rem;
  }
  
  .prixMc{
    padding: 0.35rem;
    font-size: 0.9rem;
    font-weight: 400;
  }
  
  paysannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    position: absolute;
    top: 3px;
    padding: 0rem 2rem;
    /*background-color: rgba(40, 10, 40, 0.8);*/
    background-color:white;
    box-shadow: -17px 15px 23px black, inset white 0px 0px 2px;
    border-radius: 10px 5px;
  }
  
  noresultannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    /*background-color: rgba(0, 0, 0, 0.8);*/
    background-color: white;
    color:black;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    bottom: 6px;
    border-radius: 10px 5px;
  }
  
  locannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    top: 31px;
    padding: 0rem 0.25rem;
    background-color:white;
    /*background-color: rgba(40, 10, 40, 0.8);*/
    border-radius: 10px 5px;
  }
  
  rentaannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 0.9rem;
    position: absolute;
    bottom: 67px;
    border-radius: 10px 5px;
  }
  
  villeannonce{
    /*text-shadow: 1px 1px 1px rgb(19, 20, 50), 0 0 1em rgb(12, 15, 49), 0 0 0.2em rgb(20, 20, 50);*/
    color:black;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    position: absolute;
    bottom: 26px;
    border-radius: 10px 5px;
  }
  
  /* Moteur Recherche*/

  #closeFilter{
    margin-top: 0.85rem;
    cursor: pointer;
  }

  #closeFormRech{
    position: absolute;
    cursor: pointer;
    border-radius: 22px;
    padding: 0.25rem 0.55rem;
    margin: 1rem;
    font-weight: 800;
    box-shadow: black 0px 0px 1px, 0px 0px 1px inset black;
    background-color: white;
    color: black;
    z-index: 50;
    right: 20px;
}
  
  
  #moteurRechercheQuery{
    height: 100lvh;
    width: 100lvw;
    display: flex;
    background: linear-gradient(to top, transparent -9%, rgba(20, 30, 60, 0.85));
    flex-direction: column;
    align-items: center;
  }

  .moteur_recherche{
    display: flex;
    color: white;
    font: italic 0.76em "Open Sans", sans-serif;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 300px;
    align-items: center;
  margin:auto;
  padding-top:0.66em;
  }

  .moteur_recherche select{
  }
  
  /* Cacher la case à cocher par défaut */
  #filterAnnonces input[type="checkbox"] {
  display: none;
}

/* Styliser le label */
#filterAnnonces input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  padding-right: 12px;
  padding-bottom: 7px;
  cursor: pointer;
  font-weight: 450;
}

/* Ajouter un pseudo-élément pour la case à cocher */
#filterAnnonces input[type="checkbox"] + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  width: 20px;
  height: 20px;
  border: 1px solid white;
  border-radius: 60px;
  box-shadow: 0px 0px 4px black;
  background-color: white;
}

/* Changer l'apparence lorsque la case est cochée */
#filterAnnoncesinput[type="checkbox"]:checked + label::before {
  background-color: #000;
}

/* Ajouter une coche */
#filterAnnonces input[type="checkbox"]:checked + label::after {
  content: '✓';
  position: absolute;
  left: 5px;
  top: -4px;
  color: black;
  font-size: 16px;
  font-weight:800;
}

#filterAnnonces{
  animation: 1.5s openScenarized ease-in-out ;
  transform-origin: left center;
  will-change: transform;
}

#filterAnnonces{
  position:relative;
  font-style: normal;
  font-family: "Rajdhani", sans-serif;
  /*background-color: rgba(20, 20, 40, 0.75);*/
  background-color: rgba(255, 255, 255, 1);
  box-shadow: -2px 8px 29px black;
  margin: 1rem;
  border-radius: 20px 10px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color:black;
}

#elementsFilter{
  animation: 1.5s ease-out 0s 1 normal none running openScenarized;
}

.elementFilter{
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.elementFilter form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
}

.elementFilter input[type="number"]{
  background: white;
  border: none;
  border-radius: 20px 10px;
  box-shadow: 0px 0px 2px white, black 0px 0px 2px;
  color: black;
  padding: 3px 6px;
  max-width: 35lvw;
}


  #nbrAnnonce , #annonceNotifText{
    color: rgba(250, 250, 250, 1);
    font-weight: 500;
    font-family: "Rajdhani", sans-serif;
    text-shadow: 0px 0px 13px black;
  }

  #annonceNotifText {
    padding-left:7px;
    font-weight: 300;
  }

  .annonceLeaflet img{
    width:17rem;
    max-width: 70lvw;
  }

  .textPopUpAnnonce{
    max-width: 82lvw;
  }

  .paysAnnonceLeaflet{
    font-size:1rem;
    margin-right:0.5rem;
  }

  .typeBienLeaflet{
    font-size:0.75rem;
    font-style:italic;
  }
  /*Leaflet*/

.leaflet-popup-tip-container{
  /*transform: rotate(90deg);
  position: absolute;
  left: -15px;
  top: 71%;*/
  display:none;
}

.leaflet-popup-content-wrapper{
  /*color: white;
  background-color: rgba(20, 20, 40, 0.85);
  box-shadow: -2px 8px 29px black;*/
  color: black;
  background-color: white;
  box-shadow: -2px 8px 29px black;
}

.leaflet-popup-content{
display:flex;
width:auto !important;
max-width: 92lvw;
}

.textPopUpAnnonce{
display:flex;
flex-wrap: wrap;
flex-direction: column;

}

.annonceLeaflet{
  cursor:grab;
}

  /*Devenir Agent*/
  
  #agentRetribution select{
    color: white !important;
    background-color: rgba(42, 12, 50, 0.8);
    height: 1.7rem !important;
    margin: 0.5rem
  }
  
  #agentRetribution{
    animation: 1.5s openScenarized ease-in-out;
    transform-origin: left center;
    will-change: transform;
    width: 100svw;
    display: flex;
    flex-wrap: wrap;
    will-change: transform;
    justify-content: space-evenly;
    align-items: center;
  }
  
  #becomeAgentSlogan, #offreAccess,#option1,#option2,#option3{
    width: 40svw;
    min-width:25rem;
    font-size:1rem;
  }
  
  /*LogIn Page , Register Page*/
  
  #log_in_body , #registerBody {
      /*display: flex;
      align-items: center;
      justify-content: center;*/
      backdrop-filter: blur(7px);
  }

  #oubli{
  cursor:pointer;
  padding:0.5rem;
  text-decoration: underline;
  color:lightgrey;
  font-weight: 200;
  
  }

  .connect_box{
    width: 20rem;
    max-width: 90svw;
    box-shadow:inset 0px 0px 200px 28px black,0px 0px 25px black,0px 0px 10px 3px inset white;
    margin: 3rem auto;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:1rem;
    flex-direction: column;
  
  }
  
  #logInBox, .box{
    display: flex;
    align-items: center;
    flex-direction: column;
  }


  .box button {
    margin:0.5rem 0rem;
    padding: 0.5rem 1rem;
  }

  .box input::placeholder{
    color:darkgrey;
    font-style:italic;

  }

  .box input{
    background-color: rgba(0, 0, 20, 0.8);
    color: white;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    border-radius: 20px 10px;
  }
  
  /*Annonces*/
  #proprieteSingleOnlineHtml{
    height: 100svh;
    width: 100svw;
    overflow: hidden;
  }
  
  #proprieteSingleOnlineHtml .logoText{
    /*color:white;*/
  }
  
  #proprieteSingleOnlineBody {
    backdrop-filter: brightness(50%) blur(12px);
    /*background-size: cover;
    background-attachment: fixed;*/
    margin: 0px;
    font-family: "Rajdhani", sans-serif;
  }

  #proprieteSingleOnlineBody {
    backdrop-filter: brightness(50%) blur(12px);
    /*background-size: cover;
    background-attachment: fixed;*/
    margin: 0px;
    font-family: "Rajdhani", sans-serif;
  }
  
  #proprieteSingleTitle{
    padding-top: 0.75rem;
    margin-top: 0px;
    z-index: 30;
    position: relative;
    font-size: 2rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    text-align: center;
  }
  
  #proprieteSingleHeader {
    /*text-shadow: -2px 2px 3px black;*/
  }

  #buttonNext , #buttonNext{
    height: 50%;
    width:10%;
    cursor:pointer;
  }
  
  .annonceDetails{
    color:white;
  }
  
  .annoncePart{
    /*background-color: rgba(0, 0, 0, 0.7);*/
    
  }
  
  #menuBInterAnnonce{
    z-index: 50;
    width: 100svw;
    position: sticky;
    top: 0px;
    /*backdrop-filter: blur(6px);*/
    /*box-shadow: 1px 1px 38px black inset, 0px 3px 16px black;
    background: rgba(0, 0, 0, 0.6);*/
  }
  
  /* The dots/bullets/indicators */
  .dot {
    cursor: pointer;
    height: 1rem;
    width: 1rem;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .active, .dot:hover {
    background-color: #717171;
  }
  
  #proprieteLocalisation{
    margin-top: 0px;
    z-index: 30;
    position: relative;
    font-size: 1rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    text-align: center;
    flex-wrap: wrap;
  }
  
  #proprieteLocalisation .annonceDetails{
  padding:0rem 0.75rem;
  
  }
  
  #propertyType{
    margin-top: 0px;
    z-index: 30;
    position: relative;
    font-size: 1.25rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*box-shadow: 0px 10px 7px rgba(0, 0, 0, 0.5);*/
    flex-wrap: wrap;
  }
  
  #propertyType .annonceDetails{
    padding:0rem 0.75rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  
  #proprieteSingleHeader{
    margin-top: 0px;
    z-index: 30;
    position: relative;
    font-size: 1.5rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*box-shadow: 0px 10px 7px rgba(0, 0, 0, 0.5);*/
  }
  
  #proprieteSingleHeader .annonceDetails{
    padding:0rem 0.75rem;
  }
  
  #proprieteSinglePrix{
    font-size: 1.75rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  
  #propertyInfos{
    padding:1rem 0rem;
    z-index: 30;
    position: relative;
    font-size: 1.25rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    /*box-shadow:0px 3px 16px black;*/
  }
  
  #propertyInfos .skillLine{
  padding:0rem 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  
  }
  
  #propertyRenta{
    margin-top: 0px;
    z-index: 30;
    position: relative;
    font-size: 1rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    /*box-shadow:0px 3px 16px black;*/
  }
  
  #propertyRenta .annonceDetails{
    padding: 0rem 0.75rem;
    font-size: 1.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  
  #proprieteSingleDescription{
    margin-top: 0px;
    padding:1rem 0rem;
    z-index: 30;
    position: relative;
    font-size: 1rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    /*box-shadow:0px 3px 16px black;*/
  }
  
  #proprieteSingleDescription .annonceDetails{
    padding: 0rem 0.75rem;
  }
  
  #propertySimilars{
    margin-top: 0px;
    padding: 1rem 0rem;
    z-index: 30;
    position: relative;
    font-size: 1rem;
    width: 100svw;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: nowrap;
    overflow: scroll;
    /*box-shadow:0px 3px 16px black;*/
  }
  
  #propertySimilars .annonceDetails{
    padding: 0rem 0.75rem;
  }
  
  #annonceDescription{
    max-width: 25rem;
  }
  
  /*Formulaire d'interêt Annonce*/
  
  #formInterestedAnnonce {
    width: 20rem;
    max-width: 80svw;
  }
  
  #mailInteret {
    border-radius: 20px 60px;
    max-width: 95svw;
    padding: 1.25rem;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    background-color: rgba(11, 2, 28, 0.8);
    box-shadow: -8px 14px 37px 2px black, 1px 5px 8px -4px inset white;
    color: white !important;
    /* font-style: italic; */
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  
  .InterestedBtn .annonceDetails{
    padding: 0.5rem 0.5rem;
    margin:0.25rem;
  }
  #propertyInterested {
    margin-top: 0px;
    padding:1rem 0rem;
    z-index: 30;
    position: relative;
    font-size: 1rem;
    width: 100svw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  #propertyInterested .annonceDetails{
    padding: 0.5rem 0.5rem;
    margin:0.25rem;
  }
  
  #mailInteret textarea::placeholder {
    color:white;
  }
  
  #mailInteret select,#mailInteret textarea,#mailInteret input[type=email],#mailInteret input[type=number],#mailInteret input[type=tel],#mailInteret input[type=password]{
    color: white;
    border-radius: 10px;
    width:90%;
    padding:0.25rem;
    background: rgba(11, 2, 28, 0.8);
    margin:0.25rem;
    font-family: "Rajdhani", sans-serif;
  }
  
  /*ANimation Text Button and FormCOntact */
  #textButtonInterested ,#interet_annonce_button{
    animation: blink 5s infinite;
    margin: 0px;
    color:black;
  }
  
  @keyframes blink {
    0% {
      opacity: 0.8;
      font-size:1rem;
    }
    50% {
      opacity: 1;
      font-size:1.2rem;
    }
  
    100% {
      opacity: 0.8;
      font-size:1rem;
    }
  }
  
  
  /*Test Animation Info UnderTitle */
  #proprieteDetailVille, #proprieteDetailDepartement, #proprieteDetailPays{
    animation: enterIn 5s 1;
    margin: 0px;
  }
  
  @keyframes enterIn {
    0% {
      opacity: 0.8;
      font-size:1rem;
    }
    50% {
      opacity: 1;
      font-size:1.2rem;
    }
  
    100% {
      opacity: 0.8;
      font-size:1rem;
    }
  }
  
  /*Programme Page*/
  
  #programmeOnlineBody {
    backdrop-filter: blur(7px);
    background-size: cover;
    background-attachment: fixed;
    height: 101lvh;
    margin: 0px;
    color: white;
    font-family: "Rajdhani", sans-serif;
    background: linear-gradient(0deg, rgb(10, 10, 35) 5%, transparent);
  }
  
  #videoProgrammePresentation {
    /*margin-top: -6rem;
    display: flex;
    justify-content: center;
    max-height: 30rem;*/
  }
  
  #videoPresentation {
    /*object-fit: cover;
    width: 100svw;
    aspect-ratio: 320 / 240;*/
    
  }
  
  .programmePart {
    margin-bottom: 1rem;
  }
  
  .programmeSkills {
  }
  
  #containProgramme {
    display: flex;
    width: 99svw;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }
  
  #detailProg {
    width: 100svw;  
    text-align: center;
  }
  
  #programmeOnlineHtml video{
    box-shadow: 8px 6px 18px black;
    border-radius: 10px;
    width: 25rem;
    max-width: 90svw;
    margin: 2rem 0px;
  }
  
  
  @media screen and (max-width: 850px){
    #programmeDescriptionText ,#descriptionPropriete{
      columns:1;
    }
  
     }
  @media screen and (min-width: 850px){
    #programmeDescriptionText ,#descriptionPropriete{
      columns:2;
    }
  
     }
  
    .propriete_single_resume_detail_1{
      padding:1rem 0.5rem;
    }
  
  #descriptionPropriete{
    padding: 2rem;
  }
  
  #proprieteSingleDetail{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  
  #proprieteSingleProgrammePrix{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 500;
    text-shadow: 0px 0px 2px rgba(10, 0, 40, 0.9), black 0px 0px 5px;
  }
  
  
  #programmeDescriptionText {
    padding: 3rem 3rem;
    width: 80svw;
    max-width: 95svw;
  }
  
  #titleProgramme {
    margin-top: 1rem;
    font-size: 2rem;
    font-weight: 500;
    text-shadow: 0px 0px 6px black;
  }
  
  #programmeTypeDispo {
    font-size: 1.2rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px black;
  }
  
  #programmeNbrLot {
    font-size: 1.1rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px black;
  }
  
  #programmeRenta {
    font-size: 1.1rem;
    font-weight: 400;
    text-shadow: 0px 0px 6px black;
  }
  
  #mapsEmbed{
    border-radius: 30px;
    box-shadow: 1px 1px 10px black, 0px 0px 7px inset white;
  }
  
  .annonceModifPart input[type=number],textarea, select{
    background-color:rgba(20,20,80,0.65);
    color:white;
    border:none;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin: auto 0.5rem;
  
    }
  
    .annonceModifPart{
  color:white;
  margin: 1rem auto;
    }
  
    .leaflet-bottom, .leaflet-bottom {
      display:none;
  
    }
  
    #annonceManagement {
      font-family: "Rajdhani", sans-serif;
      font-weight: 300;
      font-style: normal;
    }
  
    #annonceManagement label{
      font-family: "Rajdhani", sans-serif;
      font-weight: 400;
      font-style: italic;
      padding:0.25rem;
    }
  
    #progAss{
      width: 80lvw;
      max-width: 10rem;
    }
  
    .modifPartie {
      position: relative;
      padding: 0.25rem;
      margin-bottom: 0rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      max-width: 280px;
      flex-direction: row;
    }
  
    #salleDeBain, #chambre, #rentaModif{
      max-width:2rem;
    }
  
    #surface, #surfaceTerrain{
      max-width: 5rem;
    }
  
    #prix{
      max-width: 6rem;
    }
  
    #videoBien{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    #contenantGlobal{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  
    #videoDownload{
    top: 10px;
    position: absolute;
      z-index: 51;
      cursor: pointer;
    }
  
    #videoLoader{
    padding: 1rem;
    border-radius: 20px 10px;
    box-shadow: 0px 0px 10px black;
    }
  
    #photosLoader{
      padding: 1rem;
      background-color: rgba(80, 80, 130, 0.7);
      border-radius: 20px 10px;
    }

    .formatAccepted{
      padding: 0.25rem;
      border-radius: 20px 10px;
      cursor:pointer;
      font-size: 0.85rem;
    }
  
    #proInvestModif{
      padding: 1rem;
      background-color: rgba(120, 120,130, 0.7);
      border-radius: 20px 10px;
    }
  
    #generalInfoModif{
      padding: 1rem;
      background-color: rgba(20,50, 80, 0.7);
      border-radius: 20px 10px;
    }
  
    #generalInfoModif .modifPartie{
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      flex-wrap: wrap;
    }
  
    #skillsModifAnn{
      padding: 1rem;
      background-color: rgba(60,30,60, 0.7);
      border-radius: 20px 10px;
    }
  
    #map{
      border-radius:20px 10px;
      box-shadow:0px 0px 10px black;
    }

    .leaflet-container img.leaflet-tile {
      mix-blend-mode: darken;
    }

    .leaflet-tile {
      border: 0px;
  }
    #myVideo{
    }
  
    #skillsModifAnn,#generalInfoModif,#proInvestModif,#photosLoader{
      box-shadow: 0px 0px 10px black, inset white 0px 0px 5px;
    }

    #photoButtonLoader img{
      cursor: pointer;
      width: 2rem;
      border-radius: 50px 50px;
      margin-bottom: 10px;
      padding: 5px;
      box-shadow: 0px 0px 4px inset white, 0px 0px 14px black;
    }
  
    #videoButtonLoader img{
      cursor: pointer;
      width: 2rem;
      border-radius: 50px 50px;
      margin-bottom: 10px;
      padding: 5px;
      box-shadow: 0px 0px 4px inset white, 0px 0px 14px black;
    }

    #videoButtonLoader ,#photoButtonLoader{
    display: flex;
    align-items: center;
    }
  
    #photoView{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .photo_annonce{
      width:7rem;
      display:flex;
      flex-wrap:nowrap;
      position:relative;
      margin: auto 1rem;
    }
  
    .butonDelete{
      position: absolute;
      cursor: pointer;
      top: 2px;
      right: 2px;
      border-radius: 50px 50px;
      height: 25px;
      width: 26px;
      background-color: white;
      color: black;
    }
  
    #changeDevise,#langSelect,#changeMesure{
    cursor:pointer;
    text-align: center;
    width: 3.5rem;
    border-radius: 20px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0.25rem;
    box-shadow: 0px 0px 2px black, inset white 0px 0px 2px;
    font-size: 1rem;
    }
  
    .management_photo_view{
    border-radius:20px 10px;
    box-shadow: 0px 0px 7px black;
    }