/* --------------------------------------------------------------------- */
/* DEBUT DES CSS MÉDIA QUERY POUR AFFICHAGE AVEC APPAREILS MOBILES       */
/* --------------------------------------------------------------------- */
@charset "UTF-8";

/* SI ÉCRAN < QUE 760 PX */
@media screen and (max-width: 760px) {
  html { font-size: .9rem; }
  #entete { height: 120px; }
  #entete_case_gauche { width: 140px; }
}

/* SI ÉCRAN < QUE 600 PX */
@media screen and (max-width: 600px) {
  /* Il faut mettre font-size: 1em; dans la partie html, body pour que ca fonctionne*/
  html { font-size: .84rem; }
  #entete { height: 120px; }
  #entete_case_gauche { width: 140px; }

  /* POUR METTRE LE LOGO DE CRASOI AU CENTRE DA LA CASE DE GAUCHE */
  /* #entete_case_gauche img { */
    /* padding: 4px; */
    /* height: 86%; */
    /* width: 86%; */
  /* } */

  /* CASE DE DROITE DE L'ENTETE */
  #entete_case_droite_texte {
    padding-top: 10px;
    padding-left: 10px;
    margin: 0px;
  }
}

/* -------------------------------------------------------------------- */
/* POUR MEDIAS QUERY DU MENU, VOIR 4-menu_ordi.css ET 4-menu_mobile.css */
/* --------------------------------------------------------------------- */
/* FIN DES CSS MEDIA QUERY POUR AFFICHAGE AVEC APPAREILS MOBILES         */
/* --------------------------------------------------------------------- */