/* 4001 */
@media (max-width: 575.98px) {
  .header-navbar .logo {
    width: 70px !important;
    min-width: 70px !important;
    height: auto !important;
  }
  .header-navbar .left-sub-nav .navbar-toggler {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}

#wa-nav-item-e .wa-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px;
  text-decoration: none;
}

#wa-nav-item-e .wa-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #25D366; /* vert officiel WhatsApp */
  display: flex;
  align-items: center;
  justify-content: center;
}

#wa-nav-item-e .wa-icon-svg {
  width: 22px;
  height: 22px;
}

#wa-nav-item-e .wa-label {
  font-size: 8.4px;
  font-weight: 500;
  color: rgb(255,255,255);
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12.6px;
  white-space: nowrap;
  margin-top: 1px;
}

/* Masque uniquement le texte "WhatsApp" en dessous de 350px, l'icône reste visible */
@media (max-width: 350px) {
  #wa-nav-item-e .wa-label {
    display: none !important;
  }
  #wa-nav-item-e .wa-link {
    padding: 2px 4px;
  }
}/* 5001 */
#flash-info {
	background-color: #ef1829;
    color: #343b45;
  	font-weight:500;
  	font-size: 13px;
  	padding:5px;
  	text-align:center;
}

#flash-info div.counter img {
    display: inline-block !important;
    max-width: 175px !important;
    border-radius: 5px;
}

#flash-info a {
    color: #ffffff;
  	font-weight:bold;
  	width:100%;
}

#flash-info a:hover{
    cursor:pointer;
}

#flash-info div.button {
    color: #1d385b;
    background: #ffffff;
    border:1px solid #dd0600;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 10px;
}

#flash-info div.button span {
	color:#dd0600;
    font-weight:bold;
}

#flash-info a:hover div.button {
   color: #ffffff ;
    background: #1d385b;
}

#flash-info .close {
    position: absolute;
    z-index: 1;
    top: 10px;
    color: #fff;
    right: 15px;
    font-weight: 500;
    font-size: 13px;
}
#flash-info .wrapperCountdown {
  color:#ffffff;
}
#flash-info .wrapperCountdown, #flash-info .plusque {
    position: relative;
}

#flash-info .condition {
    margin-bottom: 0px;
    position: absolute;
    bottom: -12px;
    left: 9%;
}

#flash-info .condition span {
    color: #fdc753;
    font-size: 9px;
}

#flash-info .code {
    background: #fed407;
    padding: 0px 10px;
    margin: 0px auto;
    border-radius: 5px;
    color: #1d385c;
    max-width: 125px;
}

#flash-info .close {
    display: none;
}

div#flash-info div {
      display: inline-block;
}

@media (max-width: 408px) {
    div#flash-info div {
        display: block;
    }

    #flash-info .condition {
        margin-bottom: 0px;
        position: relative;
        bottom: 0px;
        left: 0px;
    }
}

.condDesktop {
    display: none;
}
 
@media (min-width:408px) {
.condDesktop {
    display: block;
}
.condMobile {
    display: none;
}
}


@media (min-width:320px) and (max-width:768px) {
    #flash-info .counter {
        margin-top: 8px;
    }
}

@media (max-width: 550px) {
  #flash-info div.button {
  	margin-left:0px;
  }
  
  #flash-info div.counter img {
  	margin-right:0px;
  }
}

@media (min-width: 980px) {
    
      
    #flash-info div.button {
        padding: 5px 20px;
        margin-left: 30px;
    }
      
    #flash-info div.counter img {
        margin: 0px 30px;
    }
}

.bootstrap.topbar-customblock{
 z-index: 30;
}