/* css pour la page produit*/
.borderOnSide{
    border-left: 3px solid green;
}
.borderBotton{
  border-bottom: #2e7d52;
}
.progressBarText{
    font-size: xx-large;
}
.imageHeight{
        height: 35rem;

}
.imageSeparator{
    border-left: 10px solid green;
}

.div-flou-bords {
  -webkit-mask-image: radial-gradient(ellipse at center, black 60%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, black 60%, transparent 100%);
}

.demiBordure {
 
  padding-left: 1.25rem;
  position: relative;
}

.demiBordure::after {
  content: '';
  display: block;
  width: 10rem;
  height: 3px;
  background-color: #2e7d52; /* vert */
  margin-top: 0.5rem;
}

.imageHeightCarroussel{
  height: 30%;

}

.textOnImage{
  background-color: rgba(0, 0, 0, 0.5);
}




@media only screen and (max-width: 700px) {
.borderOnSide{
  border: none;
}
.pulse{
  display: none;
}
.backgroungImageHeight img{
  height: 100%;
}

}
.pulse {
content: "";
 width: 30px;
  height: 30px;
  background: red;
  border-radius: 50%;
  position: absolute;
  margin-right: 10%;
  animation: pulse-scale 2s infinite;
  transform: scale(1);
}

@keyframes pulse-scale{
  0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(222, 84, 72, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(222, 84, 72, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(222, 84, 72, 0);
    }
}



nav, .nav, header nav a {
    font-family: bold !important;
}
 ul li a{
   font-weight: bold !important; 

}


.shadow {
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2%;
}

/* Badge NOUVEAU */
.tmb-id-150 .t-entry-visual::before,
.tmb-id-148 .t-entry-visual::before {
    content: "NOUVEAU";
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%, -30%); 
    width: 75px;
    height: 75px;
    background: red;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}
.tmb-id-150 .t-entry-visual,
.tmb-id-148 .t-entry-visual {
    position: relative;
    overflow: visible !important;
}

.postid-150 h1.h1 {
  max-width: 800px;
}
.postid-140 h1.h1 {
  max-width: 700px;
}
.postid-148 h1.h1 {
  max-width: 800px;
}
.postid-146 h1.h1 {
  max-width: 900px;
}

#cmplz-document{
  max-width: 1200px;
  margin: 0 auto;
}
/*
@media (min-width: 1024px) {
  .menu-primary-inner > li.dropdown {
    align-self: flex-end;
    height: auto !important;
  }
  
  .menu-sub-enhanced .un-submenu {
    margin-top: -80px !important;
    padding-top: 5px !important;
  }
}
*/

/* Scroll SEULEMENT pour Nos services 
#menu-item-165 ul.drop-menu.un-submenu {
  max-height: 350px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}*/

/* Retirer le scroll pour les autres menus 
ul.drop-menu.un-submenu {
  max-height: none !important;
  overflow-y: visible !important;
}*/

/* Cacher les flèches partout sauf Nos services */
.scroll-up,
.scroll-down {
  display: none !important;
  visibility: hidden !important;
}

#menu-item-165 .scroll-up,
#menu-item-165 .scroll-down {
  display: block !important;
  visibility: visible !important;
}

input[type="submit"]{
  background-color:#39b54a!important;
  border-color:#39b54a!important;
  color:#ffffff!important;
}
input[type="submit"]:hover{
  background-color:#ffffff!important;
  border-color:#39b54a!important;
  color:#39b54a!important;
}
.gform_required_legend{
  display:none;
}

@media (min-width: 960px) {
  header:not(.is_stuck) #main-logo {
    position: absolute;
    top: -38px;
  }
  body:not(.hmenu-center) .menu-absolute:not(.is_stuck){
      top: 49px;
  }
  body:not(.hmenu-center) .menu-absolute.is_stuck {
      top: 0;
  }
  .menu-absolute.is_stuck #main-menu{
      top: 0;
      position: relative!important;
  }
}

@media (max-width: 960px) {
  #main-logo {
    position: relative;
    top: 0;
  } 
}