@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?i1ued8');
  src:  url('fonts/icomoon.eot?i1ued8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?i1ued8') format('truetype'),
    url('fonts/icomoon.woff?i1ued8') format('woff'),
    url('fonts/icomoon.svg?i1ued8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  color: #6f8090;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ic_carnet .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}
.icon-ic_carnet .path2:before {
  content: "\e901";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_carnet .path3:before {
  content: "\e902";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_carnet .path4:before {
  content: "\e903";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_carnet .path5:before {
  content: "\e904";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_carnet .path6:before {
  content: "\e905";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path1:before {
  content: "\e906";
  color: rgb(255, 255, 255);
}
.icon-ic_niveau .path2:before {
  content: "\e907";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path3:before {
  content: "\e908";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path4:before {
  content: "\e909";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path5:before {
  content: "\e90a";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path6:before {
  content: "\e90b";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path7:before {
  content: "\e90c";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path8:before {
  content: "\e90d";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path9:before {
  content: "\e90e";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_niveau .path10:before {
  content: "\e90f";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_matériel .path1:before {
  content: "\e910";
  color: rgb(255, 255, 255);
}
.icon-ic_matériel .path2:before {
  content: "\e911";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_matériel .path3:before {
  content: "\e912";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_matériel .path4:before {
  content: "\e913";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_enseignants .path1:before {
  content: "\e914";
  color: rgb(255, 255, 255);
}
.icon-ic_enseignants .path2:before {
  content: "\e915";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_enseignants .path3:before {
  content: "\e916";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_enseignants .path4:before {
  content: "\e917";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path1:before {
  content: "\e918";
  color: rgb(255, 255, 255);
}
.icon-ic_parents .path2:before {
  content: "\e919";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path3:before {
  content: "\e91a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path4:before {
  content: "\e91b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path5:before {
  content: "\e91c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path6:before {
  content: "\e91d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path7:before {
  content: "\e91e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path8:before {
  content: "\e91f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_parents .path9:before {
  content: "\e920";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_eleve .path1:before {
  content: "\e921";
  color: rgb(255, 255, 255);
}
.icon-ic_eleve .path2:before {
  content: "\e922";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_eleve .path3:before {
  content: "\e923";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_eleve .path4:before {
  content: "\e924";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_eleve .path5:before {
  content: "\e925";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path1:before {
  content: "\e926";
  color: rgb(255, 255, 255);
}
.icon-ic_reglement .path2:before {
  content: "\e927";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path3:before {
  content: "\e928";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path4:before {
  content: "\e929";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path5:before {
  content: "\e92a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path6:before {
  content: "\e92b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path7:before {
  content: "\e92c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path8:before {
  content: "\e92d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path9:before {
  content: "\e92e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path10:before {
  content: "\e92f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path11:before {
  content: "\e930";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path12:before {
  content: "\e931";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path13:before {
  content: "\e932";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_reglement .path14:before {
  content: "\e933";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_gazette .path1:before {
  content: "\e934";
  color: rgb(255, 255, 255);
}
.icon-ic_gazette .path2:before {
  content: "\e935";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_gazette .path3:before {
  content: "\e936";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_gazette .path4:before {
  content: "\e937";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_gazette .path5:before {
  content: "\e938";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_repertoire .path1:before {
  content: "\e939";
  color: rgb(255, 255, 255);
}
.icon-ic_repertoire .path2:before {
  content: "\e93a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_repertoire .path3:before {
  content: "\e93b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_repertoire .path4:before {
  content: "\e93c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path1:before {
  content: "\e93d";
  color: rgb(255, 255, 255);
}
.icon-ic_association .path2:before {
  content: "\e93e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path3:before {
  content: "\e93f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path4:before {
  content: "\e940";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path5:before {
  content: "\e941";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path6:before {
  content: "\e942";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path7:before {
  content: "\e943";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_association .path8:before {
  content: "\e944";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_voyages .path1:before {
  content: "\e945";
  color: rgb(255, 255, 255);
}
.icon-ic_voyages .path2:before {
  content: "\e946";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_voyages .path3:before {
  content: "\e947";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_cantine .path1:before {
  content: "\e948";
  color: rgb(255, 255, 255);
}
.icon-ic_cantine .path2:before {
  content: "\e949";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_cantine .path3:before {
  content: "\e94a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_vacances .path1:before {
  content: "\e94b";
  color: rgb(255, 255, 255);
}
.icon-ic_vacances .path2:before {
  content: "\e94c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_vacances .path3:before {
  content: "\e94d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_vacances .path4:before {
  content: "\e94e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_vacances .path5:before {
  content: "\e94f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_fournitures .path1:before {
  content: "\e950";
  color: rgb(255, 255, 255);
}
.icon-ic_fournitures .path2:before {
  content: "\e951";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_fournitures .path3:before {
  content: "\e952";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path1:before {
  content: "\e953";
  color: rgb(255, 255, 255);
}
.icon-ic_notes_et_moyennes .path2:before {
  content: "\e954";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path3:before {
  content: "\e955";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path4:before {
  content: "\e956";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path5:before {
  content: "\e957";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path6:before {
  content: "\e958";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path7:before {
  content: "\e959";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_notes_et_moyennes .path8:before {
  content: "\e95a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path1:before {
  content: "\e95b";
  color: rgb(255, 255, 255);
}
.icon-ic_devoire .path2:before {
  content: "\e95c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path3:before {
  content: "\e95d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path4:before {
  content: "\e95e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path5:before {
  content: "\e95f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path6:before {
  content: "\e960";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path7:before {
  content: "\e961";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path8:before {
  content: "\e962";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path9:before {
  content: "\e963";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_devoire .path10:before {
  content: "\e964";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path1:before {
  content: "\e965";
  color: rgb(255, 255, 255);
}
.icon-ic_absences .path2:before {
  content: "\e966";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path3:before {
  content: "\e967";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path4:before {
  content: "\e968";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path5:before {
  content: "\e969";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path6:before {
  content: "\e96a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path7:before {
  content: "\e96b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path8:before {
  content: "\e96c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_absences .path9:before {
  content: "\e96d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-programme_scolaire .path1:before {
  content: "\e96e";
  color: rgb(255, 255, 255);
}
.icon-programme_scolaire .path2:before {
  content: "\e96f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-programme_scolaire .path3:before {
  content: "\e970";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-programme_scolaire .path4:before {
  content: "\e971";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-programme_scolaire .path5:before {
  content: "\e972";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_menu .path1:before {
  content: "\e973";
  color: rgb(255, 255, 255);
}
.icon-ic_menu .path2:before {
  content: "\e974";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_menu .path3:before {
  content: "\e975";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-ic_menu .path4:before {
  content: "\e976";
  margin-left: -1.193359375em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path1:before {
  content: "\e977";
  color: rgb(255, 255, 255);
}
.icon-emploit_dtemps .path2:before {
  content: "\e978";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path3:before {
  content: "\e979";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path4:before {
  content: "\e97a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path5:before {
  content: "\e97b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path6:before {
  content: "\e97c";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path7:before {
  content: "\e97d";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path8:before {
  content: "\e97e";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path9:before {
  content: "\e97f";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path10:before {
  content: "\e980";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path11:before {
  content: "\e981";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path12:before {
  content: "\e982";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path13:before {
  content: "\e983";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path14:before {
  content: "\e984";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path15:before {
  content: "\e985";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path16:before {
  content: "\e986";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-emploit_dtemps .path17:before {
  content: "\e987";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_boite_de_reception .path1:before {
  content: "\e988";
  color: rgb(255, 255, 255);
}
.icon-ic_boite_de_reception .path2:before {
  content: "\e989";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_boite_de_reception .path3:before {
  content: "\e98a";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}
.icon-ic_boite_de_reception .path4:before {
  content: "\e98b";
  margin-left: -1.15625em;
  color: rgb(72, 86, 94);
}


/************* Roboto ****************/

@font-face {
  font-family: 'Roboto-Bold';
  src:  url('fonts/Roboto/Roboto-Bold.ttf');
}

@font-face {
  font-family: 'Roboto-Regular';
  src:  url('fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto-Medium';
  src:  url('fonts/Roboto/Roboto-Medium.ttf');
}

@font-face {
  font-family: 'Roboto-Light';
  src:  url('fonts/Roboto/Roboto-Light.ttf');
}

/************* Roboto ****************/



/************* MT_DIN_Arabic_Next ****************/

@font-face {
  font-family: 'ARABIC_BOLD';
  src:  url('fonts/MT_DIN_Arabic_Next/ARABIC_BOLD.otf');
}

@font-face {
  font-family: 'ARABIC_MEDIUM';
  src:  url('fonts/MT_DIN_Arabic_Next/ARABIC_MEDIUM.otf');
}

@font-face {
  font-family: 'ARABIC_REGULAR';
  src:  url('fonts/MT_DIN_Arabic_Next/ARABIC_REGULAR.otf');
}

@font-face {
  font-family: 'ARABIC_LIGHT';
  src:  url('fonts/MT_DIN_Arabic_Next/ARABIC_LIGHT.otf');
}

/************* MT_DIN_Arabic_Next ****************/

/**************************************** icomoon_new ****************************************/

@font-face {
  font-family: 'icomoon_new';
  src:  url('fonts/icomoon_new.eot?8s05n5');
  src:  url('fonts/icomoon_new.eot?8s05n5#iefix') format('embedded-opentype'),
    url('fonts/icomoon_new.ttf?8s05n5') format('truetype'),
    url('fonts/icomoon_new.woff?8s05n5') format('woff'),
    url('fonts/icomoon_new.svg?8s05n5#icomoon_new') format('svg');
  font-weight: normal;
  font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon_new' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #6f8090;
}

.icon-Absences_et_retards:before {
  content: "\e900";
  color: #6f8090;
}
.icon-Accueil:before {
  content: "\e901";
  color: #6f8090;
}
.icon-Association_des_parents_d_eleves:before {
  content: "\e902";
  color: #6f8090;
}
.icon-Boit_de_reception:before {
  content: "\e903";
  color: #6f8090;
}
.icon-Cantine:before {
  content: "\e904";
  color: #6f8090;
}
.icon-Carnet_d_attitudes:before {
  content: "\e905";
  color: #6f8090;
}
.icon-Devoirs:before {
  content: "\e906";
  color: #6f8090;
}
.icon-Eleves:before {
  content: "\e907";
  color: #6f8090;
}
.icon-Emploi_du_temps:before {
  content: "\e908";
  color: #6f8090;
}
.icon-Enseignants:before {
  content: "\e909";
  color: #6f8090;
}
.icon-Etat_Financeier:before {
  content: "\e90a";
  color: #6f8090;
}
.icon-Fournitures_scolaires:before {
  content: "\e90b";
  color: #6f8090;
}
.icon-Journees_speciales:before {
  content: "\e90c";
  color: #6f8090;
}
.icon-le_journal_de_l_ecole:before {
  content: "\e90d";
  color: #6f8090;
}
.icon-Matiere:before {
  content: "\e90e";
  color: #6f8090;
}
.icon-Niveau:before {
  content: "\e90f";
  color: #6f8090;
}
.icon-Notes_moyennes:before {
  content: "\e910";
  color: #6f8090;
}
.icon-Parents:before {
  content: "\e911";
  color: #6f8090;
}
.icon-Programme_scolaire:before {
  content: "\e912";
  color: #6f8090;
}
.icon-Reglement_interieur:before {
  content: "\e913";
  color: #6f8090;
}
.icon-Repertoire_equipe_pedagogique:before {
  content: "\e914";
  color: #6f8090;
}
.icon-Vacances-et-jours-feries:before {
  content: "\e915";
  color: #6f8090;
}
.icon-Vacances_et_jours_feries:before {
  content: "\e916";
  color: #6f8090;
}

/****************************** end icomoon_new ****************************/

.side-menu .title-icon{
  position: relative;
  top: 6px;
}