@charset "UTF-8";
/*
couleurs des planches unity
*/
/*
autres couleurs
*/
/* = #666666 rajouté de 50% de blanc US503519*/
/* boosted */
/* ONE-i*/
/* info ob1 Orange / Sosh*/
/* Surcharge */
#pushsHP .alert-container:not(.additional-message) .o-link-arrow::after {
  margin-top: -1px;
}
#pushsHP .alert-container:not(.additional-message) .o-link-arrow[aria-expanded=true]::after {
  margin-top: -3px;
}
#pushsHP .alert-container:not(.additional-message) .alert {
  margin-top: 3px;
}
#pushsHP .alert-container:not(.additional-message) .alert .ob1-alert-title {
  margin-bottom: 0;
}
#pushsHP .alert-container:not(.additional-message) .alert-content .o-link-arrow {
  margin-top: -6px;
}

@media (max-width: 479px) {
  .community-image .card-header {
    display: none;
  }
}
#hpBlockDjingo {
  padding-top: 10px;
}

#mobileDjingoIcon {
  min-width: 45px;
  min-height: 45px;
}
#mobileDjingoIcon .icon-Djingo {
  font-size: 300%;
  margin-top: 7px;
}

#djingoHP {
  height: 540px;
  width: 670px;
}

.isSosh-djingo a .icon {
  color: #DE2554 !important;
}

#floatingDjingo {
  animation: appear 0.7s cubic-bezier(0.19, 1, 0.22, 1) both;
  position: fixed;
  right: 30px;
  bottom: 45px;
  font-size: 400%;
  max-width: 56px;
  z-index: 2;
  background-color: #FF7900;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
#floatingDjingo a .icon {
  color: #FF7900;
}
#floatingDjingo .back-div {
  height: 36px;
  width: 26px;
  background-color: white;
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: -1;
}

#floatingDjingo:hover {
  background-color: #555;
}
#floatingDjingo:hover a .icon {
  color: #555;
}

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(73px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@media (max-width: 1199px) {
  #djingoHP {
    height: 540px;
    width: 610px;
  }
}
#djingoDegraded {
  max-width: 670px;
}
#djingoDegraded .hp-djingo-degraded-button {
  max-width: 200px;
}

.hp-no-djingo-items {
  columns: 2;
}
@media (max-width: 1199px) {
  .hp-no-djingo-items {
    max-width: 675px;
  }
}
@media (max-width: 736px) {
  .hp-no-djingo-items {
    columns: 1;
  }
}
.hp-no-djingo-items .hp-no-djingo-item {
  max-width: calc(100% - 15px);
}

#hpBandeauSau .sau-illustration {
  height: 307px;
}

#orangeAndMe .oam-illustration {
  width: 249px;
  height: 340px;
}

@media (max-width: 1027px) {
  #hpBandeauSau .sau-illustration {
    max-width: 315px;
    height: 347px;
  }
}
@media (max-width: 959px) {
  #djingoHP {
    height: 80vh;
    max-height: 24rem;
    min-height: 8rem;
    width: 100%;
  }
  #orangeAndMe .oam-illustration {
    width: 214px;
    height: 293px;
  }
}
@media (max-width: 735px) {
  #mobileDjingoIcon {
    min-width: 38.5px;
    min-height: 38.5px;
  }
  #mobileDjingoIcon span {
    padding-top: 0;
  }
  #orangeAndMe .oam-illustration {
    margin-left: -18px;
  }
}
.oam-img-store {
  image-rendering: -webkit-optimize-contrast;
  width: 117px;
  height: 41px;
}

.oam-img-pixelated,
.sau-img-pixelated {
  image-rendering: -webkit-optimize-contrast;
}

@media (max-width: 736px) {
  .hp-thematic-content .hp-thematic {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: solid 15px #F4F4F4 !important;
    padding-bottom: 30px;
  }
  .hp-thematic-content:last-child .hp-thematic {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}