/***********************************/
/*        Icones 12 x 12           */
/***********************************/
.icon-12 { 
	background: transparent;
	background-image: url('../icons/icons-12.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 0;
	font-size: 1px;
	font-weight: normal;
}
.icon-12.icon-error { background-position: 0 0; }
.icon-12.icon-warning {	background-position: -12px 0; }
.icon-12.icon-information {	background-position: -12px -12px; }

/***********************************/
/*        Icones 16 x 16           */
/***********************************/
.icon-16 {
	background: transparent;
	background-image: url('../icons/icons-16.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 0;
	font-size: 1px;
	font-weight: normal;
}
.icon-16.icon-add {	background-position: -16px -128px; }
.icon-16.icon-alcohol { background-position: -112px -32px; }
.icon-16.icon-file { background-position: 0 -32px; }
.icon-16.icon-flag-xx { background-position: -112px -112px; }
.icon-16.icon-flag-ad { background-position: -128px 0; }
.icon-16.icon-flag-ae { background-position: -144px 0 }
.icon-16.icon-flag-af { background-position: -160px 0 }
.icon-16.icon-flag-ag { background-position: -176px 0 }
.icon-16.icon-flag-ai { background-position: -192px 0 }
.icon-16.icon-flag-al { background-position: -208px 0 }
.icon-16.icon-flag-am { background-position: -224px 0 }
.icon-16.icon-flag-an { background-position: -240px 0 }
.icon-16.icon-flag-ao { background-position: -256px 0 }
.icon-16.icon-flag-ar { background-position: -272px 0 }
.icon-16.icon-flag-as { background-position: -288px 0 }
.icon-16.icon-flag-at { background-position: -304px 0 }
.icon-16.icon-flag-au { background-position: -320px 0 }
.icon-16.icon-flag-aw { background-position: -336px 0 }
.icon-16.icon-flag-ax { background-position: -352px 0 }
.icon-16.icon-flag-az { background-position: -368px 0 }
.icon-16.icon-flag-ba { background-position: 0 -16px; }
.icon-16.icon-flag-bb { background-position: -128px -16px }
.icon-16.icon-flag-bd { background-position: -144px -16px }
.icon-16.icon-flag-be { background-position: -160px -16px }
.icon-16.icon-flag-bf { background-position: -176px -16px }
.icon-16.icon-flag-bg { background-position: -192px -16px }
.icon-16.icon-flag-bh { background-position: -208px -16px }
.icon-16.icon-flag-bi { background-position: -224px -16px }
.icon-16.icon-flag-bj { background-position: -240px -16px }
.icon-16.icon-flag-bm { background-position: -256px -16px }
.icon-16.icon-flag-bn { background-position: -272px -16px }
.icon-16.icon-flag-bo { background-position: -304px -16px }
.icon-16.icon-flag-br { background-position: -320px -16px }
.icon-16.icon-flag-bs { background-position: -336px -16px }
.icon-16.icon-flag-bt { background-position: -352px -16px }
.icon-16.icon-flag-bv { background-position: -368px -16px }
.icon-16.icon-flag-bw { background-position: 0 -32px; }
.icon-16.icon-flag-by { background-position: -16px -32px }
.icon-16.icon-flag-bz { background-position: -32px -32px }
.icon-16.icon-flag-ca { background-position: -48px -32px }
.icon-16.icon-flag-catalonia { background-position: -64px -32px }
.icon-16.icon-flag-cc { background-position: -80px -32px }
.icon-16.icon-flag-cd { background-position: -96px -32px }
.icon-16.icon-flag-cf { background-position: -112px -32px }
.icon-16.icon-flag-cg { background-position: -128px -32px }
.icon-16.icon-flag-ch { background-position: -144px -32px }
.icon-16.icon-flag-ci { background-position: -160px -32px }
.icon-16.icon-flag-ck { background-position: -176px -32px }
.icon-16.icon-flag-cl { background-position: -192px -32px }
.icon-16.icon-flag-cm { background-position: -208px -32px }
.icon-16.icon-flag-cn { background-position: -224px -32px }
.icon-16.icon-flag-co { background-position: -240px -32px }
.icon-16.icon-flag-dz { background-position: -320px -48px }
.icon-16.icon-flag-es { background-position: -176px -64px }
.icon-16.icon-flag-fr { background-position: -320px -64px }
.icon-16.icon-flag-en { background-position: -352px -64px }
.icon-16.icon-flag-gr { background-position: -272px -80px }
.icon-16.icon-flag-il { background-position: -144px -96px }
.icon-16.icon-flag-it { background-position: -224px -96px }
.icon-16.icon-flag-mc { background-position: -256px -128px }
.icon-16.icon-flag-tn { background-position: -304px -208px }
.icon-16.icon-info { background-position: -16px 0; }
.icon-16.icon-csv { background-position: -48px 0; }
.icon-16.icon-xls {	background-position: -64px 0; }
.icon-16.icon-pdf {	background-position: -80px 0; }
.icon-16.icon-copy { background-position: -16px -64px; }
.icon-16.icon-print { background-position: -96px -32px; }
.icon-16.icon-delete, .icon-16.icon-error { background-position: -32px 0; }
.icon-16.icon-home { background-position: -16px -48px; }
.icon-16.icon-search { background-position: -32px -48px; }
.icon-16.icon-valide { background-position: -48px -48px; }
.icon-16.icon-non { background-position: -64px -48px; }
.icon-16.icon-oui {	background-position: -80px -48px; }
.icon-16.icon-person, .icon-user { background-position: -96px -48px; }
.icon-16.icon-settings { background-position: 0 -64px; }
.icon-16.icon-aide { background-position: -16px -64px; }
.icon-16.icon-referentiel {	background-position: -32px -64px; }
.icon-16.icon-flag-gb {	background-position: -96px -64px; }
.icon-16.icon-folder {	background-position: 0 -80px; }
.icon-16.icon-folder-open {	background-position: -16px -80px; }
.icon-16.icon-file-add { background-position: -32px -80px; }
.icon-16.icon-train { background-position: -48px -80px; }
.icon-16.icon-truck { background-position: -64px -80px; }
.icon-16.icon-ship { background-position: -80px -80px; }
.icon-16.icon-email { background-position: -96px -80px; }
.icon-16.icon-email-add { background-position: 0 -96px; }
.icon-16.icon-note { background-position: -16px -64px; }
.icon-16.icon-document { background-position: -32px -96px; }
.icon-16.icon-earth { background-position: -48px -96px; }
.icon-16.icon-crate { background-position: -64px -96px; }
.icon-16.icon-food { background-position: -80px -96px; }
.icon-16.icon-clothes { background-position: -96px -96px; }
.icon-16.icon-sailor { background-position: -112px 0; }
.icon-16.icon-map { background-position: -96px 0; }
.icon-16.icon-danger { background-position: -112px -16px; }
.icon-16.icon-anchor { background-position: -64px -64px; }
.icon-16.icon-trash { background-position: -112px -48px; }
.icon-16.icon-lock { background-position: -112px -64px; }
.icon-16.icon-health { background-position: -112px -80px; }
.icon-16.icon-xml { background-position: -112px -96px; }
.icon-16.icon-container { background-position: 0 -112px; }
.icon-16.icon-document-send { background-position: 0 -128px; }
.icon-16.icon-phone { background-position: -16px -112px; }
.icon-16.icon-fax { background-position: -32px -112px; }
.icon-16.icon-warning { background-position: -48px -64px; }
.icon-16.icon-web { background-position: -48px -112px; }
.icon-16.icon-shop { background-position: -64px -112px; }
.icon-16.icon-worker { background-position: -80px -112px; }
.icon-16.icon-package { background-position: -96px -112px; }
.icon-16.icon-gpmm { background-position: -32px -128px; }

/***********************************/
/*        Icones 24 x 24           */
/***********************************/
.icon-24 {
	background: transparent;
	background-image: url(../icons/icons-24.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 0;
	font-size: 1px;
	font-weight: normal;
	margin: 0;
	left: 0;
	position: relative;
}
.icon-24.icon-add { background-position: -24px 0; }
.icon-24.icon-search { background-position: 0 0; }
.icon-24.icon-xls { background-position: 0 -24px; }
.icon-24.icon-pdf { background-position: -24px -24px; }
.icon-24.icon-home { background-position: -48px 0; }
.icon-24.icon-clear { background-position: -48px -24px; }
.icon-24.icon-edit { background-position: -24px -48px; }
.icon-24.icon-save { background-position: -48px -48px; }
.icon-24.icon-join { background-position: -72px 0; }
.icon-24.icon-map3d { background-position: -72px -24px; }
.icon-24.icon-map2d { background-position: -72px -48px; }
.icon-24.icon-trash { background-position: 0 -72px; }
.icon-24.icon-calculator { background-position: -24px -72px; }
.icon-24.icon-mail-send { background-position: -72px -72px }
.icon-24.icon-user { background-position: -96px -72px }
.icon-24.icon-sailor { background-position: -96px -48px }
.icon-24.icon-ship { background-position: -96px 0}
.icon-24.icon-anchor { background-position: 0 -48px}
.icon-24.icon-earth { background-position: -48px -72px}
.icon-24.icon-upload { background-position: 0 -96px}
.icon-24.icon-download { background-position: -24px -96px}
.icon-24.icon-warning { background-position: -48px -96px}
.icon-24.icon-container { background-position: -72px -96px}
.icon-24.icon-crate { background-position: -96px -96px}
.icon-24.icon-shop { background-position: 0 -120px}
.icon-24.icon-worker { background-position: -24px -120px}
.icon-24.icon-package { background-position: -48px -120px}
.icon-24.icon-lock { background-position: -72px -120px}
.icon-24.icon-health { background-position: -96px -120px}
.icon-24.icon-gpmm { background-position: -120px 0}
.iconed.icon-24::before {
    background-size: 24px;
    content: '';
    height: 24px;
    left: 10px;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

/***********************************/
/*        Icones 32 x 32           */
/***********************************/
.icon-32 {
	background: transparent;
	background-image: url(../icons/icons-32.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 0;
	font-size: 1px;
	font-weight: normal;
}
.icon-32.icon-clear { background-position: 0 -32px; }
.icon-32.icon-home { background-position: -32px -32px; }
.icon-32.icon-save { background-position: -96px 0; }
.icon-32.icon-edit { background-position: -64px -32px; }
.icon-32.icon-trash { background-position: 0 -64px; }
.icon-32.icon-error { background-position: -32px -64px; }
.icon-32.icon-warning { background-position: -64px -64px; }
.icon-32.icon-info { background-position: -96px -64px; }
.icon-32.icon-sailor { background-position: -64px 0; }
.icon-32.icon-document-send { background-position: -128px -96px; }
.icon-32.icon-container { background-position: -96px -32px; }
.icon-32.icon-pin-red { background-position: -64px -128x; }
.icon-32.icon-pin-green { background-position: -32px -128px; }