.buttonSubmit{
  background-color: transparent;
  color:white!important;
  transition: 0.3s all!important;
  font-weight: 500!important;
  border:1px solid white!important;
}

.buttonSubmit:hover{
  font-weight: 600!important;
  background-color: #719DC0;
  
}

input:disabled {
  background-color: #006ad4;
  border-color: #000000;
  cursor: not-allowed;
  opacity: 0.65;
}

.contact_form .input_list input{

  height: auto!important;
}

.form-check-input {
  margin-top: 0.26rem!important;
}

.filepond--root .filepond--drop-label {
  cursor: pointer!important;
}

.filepond--root .filepond--hopper{
  cursor: pointer!important;
}
.check-container{
  position: relative!important;
    left: 19px!important;
}

.check-container input{

    cursor: pointer!important;
}
.filepond--credits{
  display: none!important;
}
 /* Style personnalisé pour toastr success */
.toast-success {
    background-color: #4CAF50 !important;  /* Vert */
}

/* Style personnalisé pour toastr error */
.toast-error {
    background-color: #F44336 !important;  /* Rouge */
}

/* Style personnalisé pour toastr warning */
.toast-warning {
    background-color: #FF9800 !important;  /* Orange */
}

 
 /* Style global pour le formulaire */
 .input_list ul li {
  margin-bottom: 20px;
}

/* Style de la zone de Dropzone (zone de dépôt d'images) */
.dropzone {
  border: 2px dashed #666; /* Bordure colorée */
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

/* Effet au survol de la zone de Dropzone */
.dropzone:hover {
  background-color: #181818;
}

/* Message d'indication */
.dropzone:before {
  content: "Glissez-déposez vos images ici ou cliquez pour en sélectionner plusieurs.";
  font-size: 16px;
  color: #719DC0;
  font-weight: bold;
}

/* Liste des images téléchargées (en dessous de la Dropzone) */
#image-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

/* Élément de chaque image téléchargée */
#image-list li {
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}

/* Vignette de l'image téléchargée */
#image-list img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
border:1px solid #fff;
}

.remove-img {
  position: absolute;
  top: -8px;
  right: -7px;
  background: rgb(255 255 255);
  
  border: none;
  /* padding: 0px; */
  border-radius: 50% 50% 50% 50%;
  cursor: pointer;
  padding-left: 7px;
  padding-right: 8px;
transition:0.3s all;
}
/* Effet au survol du bouton de suppression */
.remove-img:hover {
  background-color: rgb(178, 24, 24);
color: #fff;
}

.dz-preview{display: none!important;}

h2{
  font-weight: 800;
}
.img-vendre-cartes {
  width: 360px;
  transition: 0.3s all; /* Transition pour l'effet de zoom */
position: relative ;
left: 20px;
}

.img-vendre-cartes:hover {
  transform: scale(1.1); /* Effet de zoom au survol */
}


.imgSourisScroll{
  position: relative;
    bottom: 30px;
}

.neoh_fn_nav .nav_content {
  overflow-y: hidden!important;
}

.aVendreButton {
    position: relative;
    display: inline-block;
    padding: 25px 30px;
    margin: 40px 0;
    color: #658FAC;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    margin-right: 50px;
  }
  .aVendreButton:hover {
    background: #03e9f4;
    color: #050801;
    box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4,
      0 0 200px #03e9f4;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
  }
  .aVendreButton:nth-child(1) {
    filter: hue-rotate(270deg);
  }
  .aVendreButton:nth-child(2) {
    filter: hue-rotate(110deg);
  }
  .aVendreButton span {
    position: absolute;
    display: block;
  }
  .aVendreButton span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #658FAC);
    animation: animate1 1s linear infinite;
  }
  @keyframes animate1 {
    0% {
      left: -100%;
    }
    50%,
    100% {
      left: 100%;
    }
  }
  .aVendreButton span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #03e9f4);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
  }
  @keyframes animate2 {
    0% {
      top: -100%;
    }
    50%,
    100% {
      top: 100%;
    }
  }
  .aVendreButton span:nth-child(3) {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #03e9f4);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s;
  }
  @keyframes animate3 {
    0% {
      right: -100%;
    }
    50%,
    100% {
      right: 100%;
    }
  }
  
  .aVendreButton span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #03e9f4);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
  }
  @keyframes animate4 {
    0% {
      bottom: -100%;
    }
    50%,
    100% {
      bottom: 100%;
    }
  }

  .content-social img{
    opacity: 0.2;
    width: 10px;
    transition: 0.3s all;
    margin-right: 15px;

  }

  .content-social .img-social-vinted{
    width: 70px;
    position:relative;
    top: 2px;
   
  }

  .content-social .img-social-leboncoin{
    width: 110px;
    position:relative;
    top: 3px;
  }

  

  .content-social .img-social-ebay{
    width:60px;
    position: relative;
    top: 5px;
    margin-right: 18px;

  }

  .content-social .img-social-voggt{
    width: 70px;
    position:relative;
    top: 2px;
    margin-right: 0px;

  }


  .content-social img:hover{
    opacity: 1;

  }

  .footerLast{
    height: 30px;
    background-color: #111111;
  }
  
  .footerLast .text-copyright p{
   margin: 0;
   margin-left: 40px;
   font-size: 12px;
  }

  .footerLast .text-href p{
    margin: 0;
    margin-left: 15px;
    font-size: 12px;
    transition: 0.3s all;

   }

   .logo{
     scale: 1.3;
     opacity: 0.8;
     transition: 0.3s all;
   }

   .logo:hover{
    opacity: 1;
    scale: 1.5;
  }

   .footerLast .text-href p:hover{
    opacity: 1;
   }

   .footerLast .text-href a{
    text-decoration: none;
   
   }
   

   .footerLast .text-href .last-child{
    margin-right: 40px;
    
   }

   @media screen and (max-width: 990px) {
    .footerLast .text-href .last-child{
      margin-right: 0px;
      
     }

     .footerLast .text-copyright p{
      margin-left: 0px;
      margin-bottom: 5px;
     }

     .footerLast{
      height: 50px;
      background-color: #111111;
    }

    .footerLast .text-href p{
      margin-right: 15px;
      margin-left:0px;
    
  
     }
   

   }

   .neoh_fn_button_buy{
    background-color: #3A5C73!important;
    color: white!important;
    border: 1px solid white!important;
   }

   .neoh_fn_button_sell{
    background-color: green!important;
    color: white!important;
    border: 1px solid white!important;

    

   }

   .neoh_fn_button_sell:hover{
    border-color: green!important;
    border: 1px solid transparent!important;
    box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6);




   }

   .neoh_fn_button_buy:hover{
border: 1px solid transparent!important;
box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6);


   }