/*Police de symboles : v4*/

@charset "UTF-8";

@font-face {
  font-family: "abba";
  src:url("/css/lib/fonts/abba/abba.eot");
  src:url("/css/lib/fonts/abba/abba.eot?#iefix") format("embedded-opentype"),
    url("/css/lib/fonts/abba/abba.woff") format("woff"),
    url("/css/lib/fonts/abba/abba.ttf") format("truetype"),
    url("/css/lib/fonts/abba/abba.svg#abba") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "abba" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "abba" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ok:before {
  content: "O";
}
.icon-cancel:before {
  content: "N";
}
.icon-loupe:before {
  content: "s";
}
.icon-minus-circle:before {
  content: "-";
}
.icon-plus-circle:before {
  content: "+";
}
.icon-key:before {
  content: "Q";
}
.icon-trophee:before {
  content: "A";
}
.icon-chevron-down:before {
  content: "0";
}
.icon-chevron-left:before {
  content: "6";
}
.icon-chevron-right:before {
  content: "1";
}
.icon-chevron-up:before {
  content: "5";
}
.icon-ok-circle:before {
  content: "o";
}
.icon-cancel-circle:before {
  content: "n";
}
.icon-calendar:before {
  content: "G";
}
.icon-calendar-1:before {
  content: "\2022";
}
.icon-tag:before {
  content: "a";
}
.icon-shopping:before {
  content: "b";
}
.icon-caret-left:before {
  content: "<";
}
.icon-caret-right:before {
  content: ">";
}
.icon-caret-up-two:before {
  content: "(";
}
.icon-caret-down-two:before {
  content: ")";
}
.icon-caret-up:before {
  content: "\25d8";
}
.icon-caret-up-down:before {
  content: "\25cb";
}
.icon-caret-down:before {
  content: "\25d9";
}
.icon-star:before {
  content: "\2642";
}
.icon-star-half:before {
  content: "\2640";
}
.icon-star-two:before {
  content: "*";
}
.icon-wrench:before {
  content: "k";
}
.icon-book:before {
  content: "x";
}
.icon-pencil:before {
  content: "I";
}
.icon-flag:before {
  content: "F";
}
.icon-right:before {
  content: "E";
}
.icon-list:before {
  content: "B";
}
.icon-burger:before {
  content: "\266a";
}
.icon-setting:before {
  content: "R";
}
.icon-circle:before {
  content: ".";
}
.icon-paper-plane:before {
  content: ";";
}
.icon-power-off:before {
  content: ",";
}
.icon-document:before {
  content: "8";
}
.icon-trash-bin:before {
  content: "X";
}
.icon-folder-open:before {
  content: "7";
}
.icon-gift:before {
  content: "Z";
}
.icon-mail:before {
  content: "m";
}
.icon-chart-area:before {
  content: "\266b";
}
.icon-chart-bar:before {
  content: "\263c";
}
.icon-chart-line:before {
  content: "\25ba";
}
.icon-chart-pie:before {
  content: "}";
}
.icon-question:before {
  content: "?";
}
.icon-sablier:before {
  content: "C";
}
.icon-scissors:before {
  content: "q";
}
.icon-tactile:before {
  content: "S";
}
.icon-trombone:before {
  content: "J";
}
.icon-chart-diagram:before {
  content: "M";
}
.icon-direction:before {
  content: "D";
}
.icon-piece:before {
  content: "3";
}
.icon-attention:before {
  content: "!";
}
.icon-hd:before {
  content: "W";
}
.icon-justice:before {
  content: "'";
}
.icon-medaille:before {
  content: "z";
}
.icon-palette:before {
  content: "&";
}
.icon-billet:before {
  content: "i";
}
.icon-camion:before {
  content: "#";
}
.icon-cravate:before {
  content: "|";
}
.icon-teleconseiller:before {
  content: "Y";
}
.icon-perso:before {
  content: "u";
}
.icon-adsl:before {
  content: "e";
}
.icon-antenne:before {
  content: ":";
}
.icon-satellite:before {
  content: "d";
}
.icon-target:before {
  content: "T";
}
.icon-fibre:before {
  content: "{";
}
.icon-france-telecom:before {
  content: "9";
}
.icon-dialog:before {
  content: "V";
}
.icon-wifi-1:before {
  content: "\da";
}
.icon-wifi-2:before {
  content: "\db";
}
.icon-wifi-3:before {
  content: "w";
}
.icon-upload-cloud:before {
  content: "\fd";
}
.icon-cloud:before {
  content: "%";
}
.icon-upload:before {
  content: "\dd";
}
.icon-download:before {
  content: "\af";
}
.icon-lock:before {
  content: "[";
}
.icon-unlock:before {
  content: "K";
}
.icon-external-link:before {
  content: "U";
}
.icon-link:before {
  content: "L";
}
.icon-localisation:before {
  content: "\25c4";
}
.icon-tachometer:before {
  content: "4";
}
.icon-gauge:before {
  content: "2";
}
.icon-home:before {
  content: "h";
}
.icon-pin:before {
  content: "j";
}
.icon-phone:before {
  content: "p";
}
.icon-mobile:before {
  content: "v";
}
.icon-laptop:before {
  content: "\fc";
}
.icon-photo:before {
  content: "\2195";
}
.icon-desktop:before {
  content: "l";
}
.icon-battery:before {
  content: "/";
}
.icon-signal:before {
  content: "\f1";
}
.icon-fbk:before {
  content: "f";
}
.icon-gp:before {
  content: "g";
}
.icon-tw:before {
  content: "t";
}
.icon-share:before {
  content: "\a7";
}
.icon-rss:before {
  content: "r";
}
.icon-thumbs-up:before {
  content: "\263b";
}
.icon-thumbs-up-alt:before {
  content: "H";
}
.icon-thumbs-down:before {
  content: "\2663";
}
.icon-thumbs-down-alt:before {
  content: "\2660";
}
.icon-link-broken:before {
  content: "\203c";
}
.icon-heart:before {
  content: "$";
}
.icon-heart-empty:before {
  content: "\2665";
}
.icon-globe:before {
  content: "\b6";
}
.icon-vdsl:before {
  content: "]";
}
.icon-carte-sim:before {
  content: "\25ac";
}
.icon-bulle:before {
  content: "c";
}
.icon-mms:before {
  content: "P";
}
.icon-fibre2:before {
  content: "\21a8";
}
.icon-casque:before {
  content: "y";
}
.icon-android:before {
  content: "@";
}
.icon-youtube:before {
  content: "=";
}
.icon-linkedin:before {
  content: "\f9";
}
.icon-communication:before {
  content: "^";
}
.icon-infini:before {
  content: "\"";
}
.icon-etc:before {
  content: "_";
}
.icon-flash:before {
  content: "`";
}
.icon-no-communications:before {
  content: "~";
}
.icon-no-data:before {
  content: "\\";
}
.icon-no-internet:before {
  content: "\e000";
}
.icon-no-mobile:before {
  content: "\e001";
}
.icon-infini:before {
  content: "\e002";
}







/*
plus lisible
-webkit-font-smoothing: subpixel-antialiased;
moins gras et plus joli sur mac donc plus adapte car exclusif
-webkit-font-smoothing: antialiased;
*/

.fontAbba {font-family: 'abba';}

/*------------- icones ----------------------- */
.fa:before { margin-right: 10px;}

[data-icon]:before {
	content:attr(data-icon);
	font-family:"abba"!important;	
	margin-right:10px;
	
	-webkit-font-smoothing: antialiased;
}

#html [data-icon]:before {
	font-weight: normal!important;
	font-style: normal!important;
}

/*icone bouton*/
[data-icon-button] {	
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
a[data-icon-button],
a[data-icon-button]:hover:before {	
	text-decoration:none!important;
}

[data-icon-size="20"][data-icon-button] {width:20px;height:20px;}
[data-icon-size="30"][data-icon-button] {width:30px;height:30px;}
[data-icon-size="40"][data-icon-button] {width:40px;height:40px;}
[data-icon-size="60"][data-icon-button] {width:60px;height:60px;}
[data-icon-size="120"][data-icon-button] {width:120px;height:120px;}
[data-icon-size="140"][data-icon-button] {width:140px;height:140px;}

[data-icon-button]:before {
	content:attr(data-icon-button);
	font-family:"abba"!important;	
	font-weight: normal!important;
	font-style: normal!important;
	display:block;
	text-align:center;		
	background:#1c73c7;
	color:white!important;	
	position:absolute;	
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-indent:0;	
	-webkit-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	text-shadow:0 0 0 rgba(255,255,255,0);
}

/*dimensions*/
[data-icon-size="20"]:before {
	font-size:20px;
	line-height:20px;
	border-radius:2px;
}
[data-icon-size="30"]:before {
	font-size:30px;
	line-height:30px;
	border-radius:2px;
}
[data-icon-size="40"]:before {
	font-size:40px;
	line-height:40px;
	border-radius:2px;
}
[data-icon-size="60"]:before {
	font-size:60px;
	line-height:60px;
	border-radius:8px;
}
[data-icon-size="120"]:before {
	font-size:120px;
	line-height:120px;
	border-radius:8px;
}
[data-icon-size="140"]:before {
	font-size:140px;
	line-height:140px;
	border-radius:8px;
}
h1 [data-icon-button="U"]:before {
	font-size:20px;
	line-height:20px;
	border-radius:2px;
	width:22px;
	height:22px;
}

[data-icon-button][data-icon-size="20"]:hover:before {font-size:10px;}
[data-icon-button][data-icon-size="60"]:hover:before {font-size:30px;}
[data-icon-button][data-icon-size="120"]:hover:before {font-size:60px;}
[data-icon-button][data-icon-size="140"]:hover:before {font-size:70px;}

[data-icon-button]:hover:before {text-shadow:0 0 15px rgba(255,255,255,.6);}


/*associe une couleur en fonction du sens*/
[data-icon-sense="+"]:before {color:green!important;}
[data-icon-sense="-"]:before {color:red!important;}
[data-icon-sense="0"]:before {opacity:.5;}

/*reseaux sociaux*/
[data-icon-button="U"]:before {background-color:rgba(28,115,199,.8);}/*bouton d'export*/
[data-icon-button="f"]:before {background-color:#3b5998;}
[data-icon-button="g"]:before {background-color:#666;}
[data-icon-button="r"]:before {background-color:orange;}
[data-icon-button="t"]:before {background-color:#32ccfe;}


/*remove icone*/
a[href="#"][data-icon="n"] {
	text-decoration:none;
	color:red;
	display:inline-block;/*corrige bug chrome : le bouton etait inclicable*/
}
.ie_6 .removeIco,.ie_7 .removeIco {
	padding:5px;
	height:10px;
	width:5px;
	display:block;
	float:left;
	margin-right:10px;
	background:red;
}

/*icone illustrative*/
.icon_x_small:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.icon_x_small {
	font-family:"abba";	
	border-radius:8px;
	text-align:center;
	position:relative;
	color:white;
	box-shadow:0 4px 4px rgba(0,0,0,.3),inset 0 10px 20px rgba(255,255,255,.3);
	text-shadow:-1px -1px 0 #000;
	
	background: #4c4c4c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}
[class*="col_1_"].icon_x_small {
	font-size:50px;
	height:60px;
}

[class*="col_2"].icon_x_small {
	font-size:100px;
	height:140px;
}

/*desactivation pour opera mini*/
@media only screen and (max-width:480px) {
	.opera [data-icon]:before {display:none;}
}