/** --------------------------------- */
/** CSS ENTETE BANIÈRE DÉBUT          */
/** --------------------------------- */
@charset "UTF-8";

#entete {  /** POUR LE TAG HEADER */
  padding: 0px;
  overflow: hidden;
  max-width: var(--AffichageLargeurMax);
  height: 135px;
  margin: 0px;
  border-style:solid;
  border-width: 0px;
  border-bottom-width: 4px;
  border-bottom-color: var(--VarMonBleuPale);
}

/** CASE DE GAUCHE DE L'ENTETE POUR IMAGE LOGO CRASOI */
#entete_case_gauche {
  display: flex;
  float: left;
  width: 160px;
  height: 100%;
  /** 2024-10-26 CHANGER COULEUR DE FOND DU LOGO */
  /* background-color: var(--VarMonblueTresPale); */
  background-color: var(--VarMonblueTresTresPale);
}

/** METTRE LOGO CRASOI AU CENTRE DE CASE GAUCHE */
#entete_case_gauche > img {
  width:100%;
  height:100%;
  object-fit: contain;
}

/** CASE DE DROITE DE L'ENTETE */
#entete_case_droite {
  /** DISPLAY FLEX NECESSAIRE POUR CENTRE */
  display: flex;
  /** CENTRER VERTICALEMENT */
  align-items: center;
  /** CENTRER HORIZONTALEMENT */
  /* justify-content: center; */
  height: 100%;
  /** CACHER TOUT CE QUI DÉPASSE */
  overflow: hidden;
  /* background-image: url(/images/fonds/fond_marbre-clair-ve2cev-3.jpg); */
  background-size: 100% 100%; /** cover ou contain ou auto auto ajouter 2015-02 */
  background-repeat: no-repeat; /** ajouter 2015-02 */
  background-color: rgba(255,255,255,0.6); /**fond plus clair */
  background-blend-mode: lighten;
}

#entete_case_droite_texte_contenant {
  line-height: 1;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  font-style: italic;
  font-weight: bold;
  color: var(--VarMonVertFonce);
}

/* 2024-12-03 CHANGER DE ID (#) À CLASS (.) */
.entete_case_droite_texte_1 { font-size: 2.3rem; }
.entete_case_droite_texte_2 { font-size: 1.4rem; }

/** ----------------------- */
/** CSS BANIÈRE ENTETE FIN  */
/** ----------------------- */