.commonStyle__zt3BrandBg {
    background-color: #FF5555;
}
.commonStyle__zt3Brand {
    color: #FF5555;
}
.Layout__oneColumn, 
.Layout__twoColumn, 
.Layout__twoColumnReverse { 
  max-width: 100rem !important;
  width: 100% !important; /* Permet au conteneur de s'étendre jusqu'au max-width */
}
.Icon__brand {
    color: #FF5555;
}
.Icon__greyShade70 {
    color: #FF5555;
}
/* Fond du fil d'Ariane et texte blanc pour TOUS ses éléments enfants */
.AppContainer__breadCrumbs,
.AppContainer__breadCrumbs * {
  color: #FFFFFF !important;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #363066 !important;
  
}

/* Votre zone de recherche (gardée telle quelle) */
.AppContainer__container input[type="text"],
.AppContainer__container input[type="search"],
.AppContainer__container .search-input {
  background-color: #FFF !important;
  color: #333 !important;
}
/* 1. Réinitialiser le conteneur du bouton */
[data-id="searchButton"],
.SearchContainer__searchBoxIcon {
  background: transparent !important;
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  height: 100% !important;
}

/* 2. Style et dimensionnement du SVG pour qu'il soit entier et rouge */
[data-id="searchButton"] svg,
.SearchContainer__searchBoxIcon svg {
  background: transparent !important;
  background-color: transparent !important;
  fill: #ff5555 !important;
  color: #ff5555 !important;
  width: 18px !important;    /* Ajuste la taille de l'icône si besoin */
  height: 18px !important;
  overflow: visible !important; /* Évite que les bords soient rognés */
}

/* 3. Retirer la couleur de fond de la classe de marque Zoho si elle existe */
.Icon__brand {
  background: transparent !important;
  background-color: transparent !important;
}
.Button__footerBtn {
    border: 1px solid transparent;
    letter-spacing: normal;
    padding: 0.7rem 1rem;
    font-size: 1.0005rem;
    border-radius: 1.25rem;
    background: #FF5555;
    transition: all .15s ease;
    color: #FFF;
  }
.LoginDetail__tabLink  {
display: none;
    }
.Footer__container2 {
display: none;
    }
.LoginDetail__tabLink  {
display: none;
    }
.Header__name  {
display: none;
    }
.Input__font {
    font-family: "Latoregular",sans-serif !important;
      font-size: 1rem;
        }
.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumnReverse {
    max-width: 73.125rem;
    min-height: 75vh;
    padding: 2.125rem 0 0rem;
    transition: max-width 200ms ease;
    background-color: white;
}
.Field__attachMent  {
  display: none;
 } 
.header-responsive-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.header-text {
  flex: 1;
}

.header-text h1 {
  color: #ff5555;
  margin-top: 0;
}

.header-image {
  flex-shrink: 0;
  max-width: 300px; /* Ajustez la taille max de l'image si besoin */
  text-align: right;
}

.header-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Bascule en pile sur mobile/petits écrans (sous 768px) */
@media (max-width: 768px) {
  .header-responsive-block {
    flex-direction: column; /* Le texte repasse au-dessus, l'image en dessous */
    align-items: flex-start;
  }