/**
 * Fonts
 * Gestion des pictos en font
 * Démo : Z:\Clients\Projets en cours\FIT SOLUTIONS\url du site\Nom du projet\Sources\Interne\Integration\icomoon\demo.html
 *
 *
 *
 */


@font-face {
  font-family: 'icomoon';
  src:  url('../css/fonts/icomoon.eot?9gqecp');
  src:  url('../css/fonts/icomoon.eot?9gqecp#iefix') format('embedded-opentype'),
    url('../css/fonts/icomoon.ttf?9gqecp') format('truetype'),
    url('../css/fonts/icomoon.woff?9gqecp') format('woff'),
    url('../css/fonts/icomoon.svg?9gqecp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
	/* box-shadow: 0px 0 12px #a6a6a6; */
}

[class^="icon-"]:before, [class*=" icon-"] :before{
	font-family: 'icomoon';
	background: #ffffff;
	color: #0489B1;
	border-radius: 50%;
	/* background: #000000; */
	font-size: 12px;
	padding: 4px;
	text-decoration: none;
}
[class^="icon-"].green:before, [class*=" icon-"].green:before{
	background: green;
	color:#fff;
}
[class^="icon-"].red:before, [class*=" icon-"].red:before{
	background: red;
	color:#fff;
}
/* [class^="icon-"].white:before, [class*=" icon-"].white:before{ */
	/* background: transparent; */
	/* color:#fff; */
/* } */

.icon-ajouter-un-memo:before {
  content: "\e900";
}
.icon-annuler:before {
  content: "\e901";
}
.icon-alert:before ,
.icon-attention:before {
  content: "\e902";
}
/* .icon-alert:before { */
  
	/* background: linear-gradient(300deg, white 35%, transparent 35%),  */
				/* linear-gradient(60deg, white 65%, transparent 65%),  */
				/* red; */
	/* border-radius:0 */
/* } */
.icon-bloquer:before {
  content: "\e903";
}
.icon-compte:before {
  content: "\e904";
}
.icon-crayon:before {
  content: "\e905";
}
.icon-croix:before {
  content: "\e906";
}
.icon-debloquer:before {
  content: "\e907";
  font-size:20px;
}
.icon-deconnection:before {
  content: "\e908";
}
.icon-fiche-client:before {
  content: "\e909";
}
.icon-fleches-doubles:before {
  content: "\e90a";
}
.icon-fleche-simple:before {
  content: "\e90b";
}
.icon-gateau-anniversaire:before {
  content: "\e90c";
}
.icon-imprimer:before {
  content: "\e90d";
}
.icon-loupe:before {
  content: "\e90e";
  font-size:14px;
  font-weight:bold;
}
.icon-calendrier:before {
  content: "\e90f";
}
.icon-menu-fiches-clients:before {
  content: "\e910";
}
.icon-menu-gestion-des-reservations:before {
  content: "\e911";
}
.icon-modifier:before {
  content: "\e912";
}
.icon-modif:before{
	content: "\e905";
}
.icon-supp:before{
	content: "\e901";
}
.icon-info:before{
	content: "\e902";
}
.icon-note:before{
	content: "\e915";
}
.icon-valid:before{
	content: "\e912";
}
.icon-plus:before {
  content: "\e913";
}
.icon-bloquer:before {
  content: "\e903";
}
.icon-delete-bloquer:before {
  content: "\e907";
}
.icon-ajouter:before {
  content: "\e913";
}
.icon-prendre-une-reservation:before {
  content: "\e914";
}
.icon-sms:before,
.icon-remarques:before {
  content: "\e915";
}
.icon-service:before {
  content: "\e916";
}
.icon-email:before {
  content: "\e918";
  font-size: 18px;
}
.icon-directions:before {
  content: "\e92a";
}
.icon-duplicate:before {
  content: "\e930";
  font-size: 18px;
}
.icon-highway:before {
  content: "\e92d";
}
.icon-file:before {
  content: "\e92f";
  font-size:15px;
}
.icon-qualite:before {
  content: "\e9d3";
}
.icon-tel:before {
  content: "\e942";
}
.icon-action_comm:before {
  content: "\e99b";
}
.icon-up:before {
  content: "\e961";
}
.icon-dl:before {
  content: "\e960";
}
.icon-list:before {
	content: "|||";
	font-family:cursive;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	letter-spacing: -1px;
    font-size: 14px;
	/* font-weight: bold; */
}