Font Awesome icon usage statistics

  • 6 types of Font Awesome iconic font are used and found 20 times in total.
  • ITUC-CSI.ORG used 3.3 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ITUC-CSI.ORG are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ITUC-CSI.ORG includes "http://www.ituc-csi.org/local/cache-css/a25552da002f61052184f3b2f044cd95.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'Asap';src:url("http://www.ituc-csi.org/squelettes/css/Asap-Regular-webfont.eot");src:url("http://www.ituc-csi.org/squelettes/css/Asap-Regular-webfont.eot?#iefix") format('embedded-opentype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Regular-webfont.woff") format('woff'),url("http://www.ituc-csi.org/squelettes/css/Asap-Regular-webfont.ttf") format('truetype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Regular-webfont.svg#AsapRegular") format('svg');font-weight:400;font-style:normal}
    @font-face{font-family:'Asap';src:url("http://www.ituc-csi.org/squelettes/css/Asap-Italic-webfont.eot");src:url("http://www.ituc-csi.org/squelettes/css/Asap-Italic-webfont.eot?#iefix") format('embedded-opentype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Italic-webfont.woff") format('woff'),url("http://www.ituc-csi.org/squelettes/css/Asap-Italic-webfont.ttf") format('truetype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Italic-webfont.svg#AsapItalic") format('svg');font-weight:400;font-style:italic}
    @font-face{font-family:'Asap';src:url("http://www.ituc-csi.org/squelettes/css/Asap-Bold-webfont.eot");src:url("http://www.ituc-csi.org/squelettes/css/Asap-Bold-webfont.eot?#iefix") format('embedded-opentype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Bold-webfont.woff") format('woff'),url("http://www.ituc-csi.org/squelettes/css/Asap-Bold-webfont.ttf") format('truetype'),url("http://www.ituc-csi.org/squelettes/css/Asap-Bold-webfont.svg#AsapBold") format('svg');font-weight:700;font-style:normal}
    @font-face{font-family:'Asap';src:url("http://www.ituc-csi.org/squelettes/css/Asap-BoldItalic-webfont.eot");src:url("http://www.ituc-csi.org/squelettes/css/Asap-BoldItalic-webfont.eot?#iefix") format('embedded-opentype'),url("http://www.ituc-csi.org/squelettes/css/Asap-BoldItalic-webfont.woff") format('woff'),url("http://www.ituc-csi.org/squelettes/css/Asap-BoldItalic-webfont.ttf") format('truetype'),url("http://www.ituc-csi.org/squelettes/css/Asap-BoldItalic-webfont.svg#AsapBoldItalic") format('svg');font-weight:700;font-style:italic}
    .clearfix{*zoom:1}
    .clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
    .clearfix:after{clear:both}
    .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
    .input-block-level{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
    audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
    audio:not([controls]){display:none}
    html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
    a:hover,a:active{outline:0}
    sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
    sup{top:-.5em}
    sub{bottom:-.25em}
    img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
    #map_canvas img,.google-maps img{max-width:none}
    button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}
    button,input{*overflow:visible;line-height:normal}
    button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
    button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
    label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}
    input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
    input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
    textarea{overflow:auto;vertical-align:top}
    @media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100%!important}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}}
    body{margin:0;font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;font-size:14px;line-height:22px;color:#333;background-color:#fff}
    a{color:#bf013d;text-decoration:none}
    a:hover,a:focus{color:#730125;text-decoration:underline}
    .img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
    .img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}
    .img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}
    html{font-size:100.01%}
    body{margin:0;font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;font-size:.875em;line-height:1.5714285714286em;color:#333;background-color:#fff}
    .spip_documents{margin-top:1.5714285714286em;margin-bottom:1.5714285714286em;background:none}
    .spip_documents,.spip_documents_center,.spip_doc_titre,.spip_doc_descriptif{margin-right:auto;margin-left:auto;text-align:center}
    .spip_documents_center{clear:both;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    dl.spip_documents dt,dl.spip_documents dd{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
    .spip_documents_left{float:left;margin:11px 19px;margin-left:0}
    .spip_documents_right{float:right;margin:11px 19px;margin-right:0}
    .spip_doc_descriptif{clear:both}
    .cartouche{margin-bottom:1.5714285714286em}
    .cartouche:last-child{margin-bottom:0}
    .cartouche .spip_logos,.hero-unit .spip_logos,.entry-title .spip_logos{float:right;clear:right;margin:11px 19px;margin-top:0;margin-right:0;line-height:1px}
    .cartouche h1+.publication,.hero-unit h1+.publication,.entry h1+.publication{margin-top:-1.5714285714286em}
    .cartouche .publication,.hero-unit .publication,.entry .publication{opacity:0.8;filter:alpha(opacity=80)}
    .entry{margin-bottom:1.5714285714286em}
    .secondary .entry-title .spip_logos{margin:2px 10px;margin-top:0;margin-right:0}
    .postmeta >:first-child >.sep:first-child{display:none}
    .notes{font-size:85%;padding-top:1.5714285714286em;margin-top:1.5714285714286em;max-width:400px}
    .notes > h2{border-bottom:2px solid #ccc}
    .notes > div p{font-size:inherit;line-height:inherit;font-weight:200}
    .notes > div{padding-left:80px;position:relative}
    .notes .spip_note_ref{display:block;position:absolute;left:0;width:60px}
    .secondary .notes > div{padding-left:40px}
    .secondary .notes .spip_note_ref{width:40px}
    a{color:#bf013d}
    a:focus,a:hover,a:active{background-color:#f2e3e3;color:#730125;text-decoration:none}
    a[hreflang]:after{content:"\0000a0(" attr(hreflang) ")"}
    @media print{a,a:visited{color:#333;text-decoration:underline}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}}
    a.spip_note{font-weight:700}
    @media print{a.spip_out:after,a.spip_url:after{content:" (" attr(href) ")"}}
    .on{font-weight:700}
    .row{margin-left:-20px;*zoom:1}
    .row:before,.row:after{display:table;content:"";line-height:0}
    .row:after{clear:both}
    [class*="span"]{float:left;min-height:1px;margin-left:20px}
    .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}
    .span12{width:940px}
    .span11{width:860px}
    .span10{width:780px}
    .span9{width:700px}
    .span8{width:620px}
    .span7{width:540px}
    .span6{width:460px}
    .span5{width:380px}
    .span4{width:300px}
    .span3{width:220px}
    .span2{width:140px}
    .span1{width:60px}
    .offset12{margin-left:980px}
    .offset11{margin-left:900px}
    .offset10{margin-left:820px}
    .offset9{margin-left:740px}
    .offset8{margin-left:660px}
    .offset7{margin-left:580px}
    .offset6{margin-left:500px}
    .offset5{margin-left:420px}
    .offset4{margin-left:340px}
    .offset3{margin-left:260px}
    .offset2{margin-left:180px}
    .offset1{margin-left:100px}
    .row-fluid{width:100%;*zoom:1}
    .row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}
    .row-fluid:after{clear:both}
    .row-fluid [class*="span"]{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.1276595744681%;*margin-left:2.0744680851064%}
    .row-fluid [class*="span"]:first-child{margin-left:0}
    .row-fluid [class*="span"]:last-child{margin-left:0;float:right}
    .row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.1276595744681%}
    .row-fluid .span12{width:100%;*width:99.946808510638%}
    .row-fluid .span11{width:91.489361702128%;*width:91.436170212766%}
    .row-fluid .span10{width:82.978723404255%;*width:82.925531914894%}
    .row-fluid .span9{width:74.468085106383%;*width:74.414893617021%}
    .row-fluid .span8{width:65.957446808511%;*width:65.904255319149%}
    .row-fluid .span7{width:57.446808510638%;*width:57.393617021277%}
    .row-fluid .span6{width:48.936170212766%;*width:48.882978723404%}
    .row-fluid .span5{width:40.425531914894%;*width:40.372340425532%}
    .row-fluid .span4{width:31.914893617021%;*width:31.86170212766%}
    .row-fluid .span3{width:23.404255319149%;*width:23.351063829787%}
    .row-fluid .span2{width:14.893617021277%;*width:14.840425531915%}
    .row-fluid .span1{width:6.3829787234043%;*width:6.3297872340426%}
    .row-fluid .offset12{margin-left:104.25531914894%;*margin-left:104.14893617021%}
    .row-fluid .offset12:first-child{margin-left:102.12765957447%;*margin-left:102.02127659574%}
    .row-fluid .offset11{margin-left:95.744680851064%;*margin-left:95.63829787234%}
    .row-fluid .offset11:first-child{margin-left:93.617021276596%;*margin-left:93.510638297872%}
    .row-fluid .offset10{margin-left:87.234042553191%;*margin-left:87.127659574468%}
    .row-fluid .offset10:first-child{margin-left:85.106382978723%;*margin-left:85%}
    .row-fluid .offset9{margin-left:78.723404255319%;*margin-left:78.617021276596%}
    .row-fluid .offset9:first-child{margin-left:76.595744680851%;*margin-left:76.489361702128%}
    .row-fluid .offset8{margin-left:70.212765957447%;*margin-left:70.106382978723%}
    .row-fluid .offset8:first-child{margin-left:68.085106382979%;*margin-left:67.978723404255%}
    .row-fluid .offset7{margin-left:61.702127659574%;*margin-left:61.595744680851%}
    .row-fluid .offset7:first-child{margin-left:59.574468085106%;*margin-left:59.468085106383%}
    .row-fluid .offset6{margin-left:53.191489361702%;*margin-left:53.085106382979%}
    .row-fluid .offset6:first-child{margin-left:51.063829787234%;*margin-left:50.957446808511%}
    .row-fluid .offset5{margin-left:44.68085106383%;*margin-left:44.574468085106%}
    .row-fluid .offset5:first-child{margin-left:42.553191489362%;*margin-left:42.446808510638%}
    .row-fluid .offset4{margin-left:36.170212765957%;*margin-left:36.063829787234%}
    .row-fluid .offset4:first-child{margin-left:34.042553191489%;*margin-left:33.936170212766%}
    .row-fluid .offset3{margin-left:27.659574468085%;*margin-left:27.553191489362%}
    .row-fluid .offset3:first-child{margin-left:25.531914893617%;*margin-left:25.425531914894%}
    .row-fluid .offset2{margin-left:19.148936170213%;*margin-left:19.042553191489%}
    .row-fluid .offset2:first-child{margin-left:17.021276595745%;*margin-left:16.914893617021%}
    .row-fluid .offset1{margin-left:10.63829787234%;*margin-left:10.531914893617%}
    .row-fluid .offset1:first-child{margin-left:8.5106382978723%;*margin-left:8.4042553191489%}
    [class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
    [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}
    #bsgrid{width:980px;margin-left:-490px}
    #bsgrid div.vert{width:59px;border:solid darkturquoise;border-width:0 1px;margin-right:19px}
    #bsgrid div.vert.first-line{margin-left:19px}
    #bsgrid div.horiz{height:21px;border-bottom:1px dotted darkgray;margin:0;padding:0}
    @media (min-width:768px) and (max-width:979px){#bsgrid{width:764px;margin-left:-382px}
    #bsgrid div.vert{width:41px;border:solid darkturquoise;border-width:0 1px;margin-right:19px}
    #bsgrid div.vert.first-line{margin-left:19px}
    #bsgrid div.horiz{height:21px;border-bottom:1px dotted darkgray;margin:0;padding:0}}
    @media (min-width:1200px){#bsgrid{width:1230px;margin-left:-615px}
    #bsgrid div.vert{width:69px;border:solid darkturquoise;border-width:0 1px;margin-right:29px}
    #bsgrid div.vert.first-line{margin-left:29px}
    #bsgrid div.horiz{height:21px;border-bottom:1px dotted darkgray;margin:0;padding:0}}
    #bsgrid{position:absolute;top:0;left:50%}
    .container{margin-right:auto;margin-left:auto;*zoom:1}
    .container:before,.container:after{display:table;content:"";line-height:0}
    .container:after{clear:both}
    .container-fluid{padding-right:20px;padding-left:20px;*zoom:1}
    .container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}
    .container-fluid:after{clear:both}
    h1,.h1,.h1-like,h2,.h2,.h2-like,h3,.h3,.h3-like,h4,.h4,.h4-like,h5,.h5,.h5-like,h6,.h6,.h6-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility}
    h1 small,.h1 small,.h1-like small,h2 small,.h2 small,.h2-like small,h3 small,.h3 small,.h3-like small,h4 small,.h4 small,.h4-like small,h5 small,.h5 small,.h5-like small,h6 small,.h6 small,.h6-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    hr{height:1px;margin:1.5714285714286em 0;border:0;background:#eee;color:#eee}
    h1,.h1,.h1-like{font-size:2em;line-height:1.5714285714286em;margin-bottom:.78571428571429em}
    h1 small,.h1 small,.h1-like small{font-size:.65em}
    h2,.h2,.h2-like{font-size:1.5em;line-height:1.047619047619em;margin-bottom:1.047619047619em}
    h2 small,.h2 small,.h2-like small{font-size:.70em}
    h3,.h3,.h3-like{font-size:1.25em;line-height:1.2571428571429em;margin-bottom:1.2571428571429em}
    h3 small,.h3 small,.h3-like small{font-size:.80em}
    h4,.h4,.h4-like{font-size:1.1em;line-height:1.4285714285714em;margin-bottom:1.4285714285714em}
    h5,.h5,.h5-like{font-size:1em;font-weight:700;margin-bottom:1.5714285714286em}
    h6,.h6,.h6-like{font-size:1em;font-weight:700}
    .muted{color:#999}
    a.muted:hover{color:gray}
    .text-warning{color:#c09853}
    a.text-warning:hover{color:#a47e3c}
    .text-error{color:#b94a48}
    a.text-error:hover{color:#953b39}
    .text-info{color:#3a87ad}
    a.text-info:hover{color:#2d6987}
    .text-success{color:#468847}
    a.text-success:hover{color:#356635}
    strong,b{font-weight:700}
    em,i{font-style:italic}
    small,.small{font-size:85%}
    big,.big{font-size:130%}
    abbr[title],acronym[title],abbr[data-original-title]{border-bottom:.1em dotted #999;cursor:help}
    abbr.initialism{font-size:90%;text-transform:uppercase}
    @media print{abbr[title]:after{content:" (" attr(title) ")"}}
    dfn{font-weight:700;font-style:italic}
    del,.del{background-color:#FDD;border-color:#C00;color:#C00;text-decoration:line-through}
    ins,.ins{background-color:#DFD;border-color:#0A0;color:#0A0;text-decoration:none}
    sup,sub{font-size:.8em;font-variant:normal;line-height:0}
    sup{vertical-align:super;top:-.25em}
    .ie sup{vertical-align:text-top}
    sub{vertical-align:sub}
    .ie sub{vertical-align:text-bottom}
    .caps{font-variant:small-caps}
    img.puce{vertical-align:baseline}
    ul,ol,li,dl,dt,dd{margin:0;padding:0}
    ul,ol{margin-left:40px;margin-bottom:1.5714285714286em}
    @media (min-width:1200px){ul,ol{margin-left:50px}}
    @media (max-width:979px){ul,ol{margin-left:31px}}
    ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0}
    ul.unstyled,ol.unstyled{margin-left:0;list-style:none}
    ul.inline,ol.inline{margin-left:0;list-style:none}
    ul.inline > li,ol.inline > li{display:inline-block;padding-right:5px}
    dl dt{font-weight:700}
    dl dt,dl dd{padding-left:40px}
    @media (min-width:1200px){dl dt,dl dd{padding-left:50px}}
    @media (max-width:979px){dl dt,dl dd{padding-left:31px}}
    .dl-horizontal{*zoom:1}
    .dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0}
    .dl-horizontal:after{clear:both}
    .dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:0}
    .dl-horizontal dd{padding-left:0;margin-left:180px}
    q{font-style:italic}
    blockquote{margin:0;padding:0 40px}
    @media (min-width:1200px){blockquote{padding:0 50px}}
    @media (max-width:979px){blockquote{padding:0 31px}}
    cite{font-style:italic}
    blockquote{border-left:1px solid #999}
    blockquote small{display:block;line-height:inherit;color:#999}
    blockquote small:before{content:'\2014 \00A0'}
    blockquote.pull-right{float:right;border-right:1px solid #999;border-left:0;text-align:right}
    blockquote.pull-right small:before{content:''}
    blockquote.pull-right small:after{content:'\00A0 \2014'}
    address{font-style:italic}
    p,.p,dl,dd,blockquote,address,pre,table,fieldset{margin:0;margin-bottom:1.5714285714286em}
    dd+dd{margin-top:-1.5714285714286em}
    .lead{margin-bottom:22px;font-size:1.5em;font-weight:200;line-height:1.5714285714286em}
    @media print{blockquote{page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}}
    @media (max-width:640px){textarea,table,td,th{word-wrap:break-word}}
    @media screen and (max-width:640px) and (orientation:landscape){body{-webkit-text-size-adjust:70%}}
    .page-header{padding-bottom:10px;margin:22px 0 33px;border-bottom:1px solid #eee}
    .secondary h1,.secondary .h1,.secondary .h1-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1.5em;line-height:1.047619047619em;margin-bottom:1.047619047619em}
    .secondary h1 small,.secondary .h1 small,.secondary .h1-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    .secondary h1 small,.secondary .h1 small,.secondary .h1-like small{font-size:.70em}
    .secondary h1 small,.secondary .h1 small,.secondary .h1-like small{display:block}
    .secondary h2,.secondary .h2,.secondary .h2-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1.25em;line-height:1.2571428571429em;margin-bottom:1.2571428571429em}
    .secondary h2 small,.secondary .h2 small,.secondary .h2-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    .secondary h2 small,.secondary .h2 small,.secondary .h2-like small{font-size:.80em}
    .secondary h2 small,.secondary .h2 small,.secondary .h2-like small{display:block}
    .secondary h3,.secondary .h3,.secondary .h3-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1.1em;line-height:1.4285714285714em;margin-bottom:1.4285714285714em}
    .secondary h3 small,.secondary .h3 small,.secondary .h3-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    .secondary h3 small,.secondary .h3 small,.secondary .h3-like small{display:block}
    .secondary h4,.secondary .h4,.secondary .h4-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1em;font-weight:700;margin-bottom:1.5714285714286em}
    .secondary h4 small,.secondary .h4 small,.secondary .h4-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    .secondary h4 small,.secondary .h4 small,.secondary .h4-like small{display:block}
    .secondary h5,.secondary .h5,.secondary .h5-like{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1em;font-weight:700}
    .secondary h5 small,.secondary .h5 small,.secondary .h5-like small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    .secondary h5 small,.secondary .h5 small,.secondary .h5-like small{display:block}
    .hero-unit h1{word-wrap:break-word}
    .chapo{font-weight:700;color:#454545}
    .spip_surligne{background-color:#d9edf7;color:#3a87ad}
    #descriptif_site_spip{margin-bottom:22px;font-size:1.5em;font-weight:200;line-height:1.5714285714286em}
    ul.spip{list-style-type:square}
    li ul.spip{list-style-type:disc}
    li li ul.spip{list-style-type:circle}
    ol.spip{list-style-type:decimal}
    dl.spip dt{clear:both}
    div.spip,ul.spip,ol.spip,.spip_poesie,.spip_documents.spip_documents_center{margin-bottom:1.5714285714286em}
    blockquote.spip{min-height:40px}
    .spip_poesie{border-left:1px solid #999}
    .spip_poesie div{margin-left:40px;text-indent:-40px}
    @media (min-width:1200px){.spip_poesie div{margin-left:50px;text-indent:-50px}}
    @media (max-width:979px){.spip_poesie div{margin-left:31px;text-indent:-31px}}
    sc,.sc{font-variant:small-caps}
    code,pre{padding:0 3px 2px;font-family:"Courier New",Courier,monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
    code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap}
    pre{display:block;padding:10.5px;margin:0 0 11px;font-size:13px;line-height:22px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    pre.prettyprint{margin-bottom:22px}
    pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}
    .pre-scrollable{max-height:340px;overflow-y:scroll}
    code{color:inherit;background-color:#f9f9f9;white-space:inherit}
    .spip_code{color:inherit;background-color:#f9f9f9;white-space:inherit;font-family:"Courier New",Courier,monospace;font-size:1em;padding:0 3px 2px;font-family:"Courier New",Courier,monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;color:inherit;background-color:#f9f9f9;white-space:inherit}
    .spip_code >code{border:none;padding:0;background:none;color:inherit}
    pre,code,kbd,samp,var,tt,.spip_code,.spip_cadre{font-family:"Courier New",Courier,monospace;font-size:1em}
    pre{margin:1.5em 0;white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
    kbd{background-color:#222;color:#FFF}
    samp{font-weight:700}
    var{font-style:italic}
    @media print{pre{page-break-inside:avoid}}
    @media (max-width:640px){code,pre,samp{word-wrap:break-word}
    code,pre,samp{white-space:pre-line}}
    .spip_cadre,div.spip_code{margin:0;margin-bottom:1.5714285714286em;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    form{margin:0 0 22px}
    fieldset{padding:0;margin:0;border:0}
    legend{display:block;width:100%;padding:0;margin-bottom:22px;font-size:21px;line-height:44px;color:#333;border:0;border-bottom:1px solid #e5e5e5}
    legend small{font-size:16.5px;color:#999}
    label,input,button,select,textarea{font-size:14px;font-weight:400;line-height:22px}
    input,button,select,textarea{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif}
    label{display:block;margin-bottom:5px}
    select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:22px;padding:4px 6px;margin-bottom:11px;font-size:14px;line-height:22px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}
    input,textarea,.uneditable-input{width:206px}
    textarea{height:auto}
    textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
    textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}
    input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}
    input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}
    select,input[type="file"]{height:32px;*margin-top:4px;line-height:32px}
    select{width:220px;border:1px solid #ccc;background-color:#fff}
    select[multiple],select[size]{height:auto}
    select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
    .uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}
    .uneditable-input{overflow:hidden;white-space:nowrap}
    .uneditable-textarea{width:auto;height:auto}
    input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
    input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
    .radio,.checkbox{min-height:22px;padding-left:20px}
    .radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}
    .controls > .radio:first-child,.controls > .checkbox:first-child{padding-top:5px}
    .radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}
    .radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline{margin-left:10px}
    .input-mini{width:60px}
    .input-small{width:90px}
    .input-medium{width:150px}
    .input-large{width:210px}
    .input-xlarge{width:270px}
    .input-xxlarge{width:530px}
    input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}
    .input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}
    input,textarea,.uneditable-input{margin-left:0}
    .controls-row [class*="span"] + [class*="span"]{margin-left:20px}
    input.span12,textarea.span12,.uneditable-input.span12{width:926px}
    input.span11,textarea.span11,.uneditable-input.span11{width:846px}
    input.span10,textarea.span10,.uneditable-input.span10{width:766px}
    input.span9,textarea.span9,.uneditable-input.span9{width:686px}
    input.span8,textarea.span8,.uneditable-input.span8{width:606px}
    input.span7,textarea.span7,.uneditable-input.span7{width:526px}
    input.span6,textarea.span6,.uneditable-input.span6{width:446px}
    input.span5,textarea.span5,.uneditable-input.span5{width:366px}
    input.span4,textarea.span4,.uneditable-input.span4{width:286px}
    input.span3,textarea.span3,.uneditable-input.span3{width:206px}
    input.span2,textarea.span2,.uneditable-input.span2{width:126px}
    input.span1,textarea.span1,.uneditable-input.span1{width:46px}
    .controls-row{*zoom:1}
    .controls-row:before,.controls-row:after{display:table;content:"";line-height:0}
    .controls-row:after{clear:both}
    .controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}
    .controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}
    input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}
    input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}
    .control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}
    .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}
    .control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
    .control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}
    .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
    .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48}
    .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48}
    .control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
    .control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}
    .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}
    .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847}
    .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847}
    .control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
    .control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}
    .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}
    .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad}
    .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad}
    .control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
    .control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3}
    .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad}
    input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}
    input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}
    .form-actions{padding:21px 20px 22px;margin-top:22px;margin-bottom:22px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1}
    .form-actions:before,.form-actions:after{display:table;content:"";line-height:0}
    .form-actions:after{clear:both}
    .help-block,.help-inline{color:#595959}
    .help-block{display:block;margin-bottom:11px}
    .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px}
    .input-append,.input-prepend{display:inline-block;margin-bottom:11px;vertical-align:middle;font-size:0;white-space:nowrap}
    .input-append input,.input-append select,.input-append .uneditable-input,.input-append .dropdown-menu,.input-append .popover,.input-prepend input,.input-prepend select,.input-prepend .uneditable-input,.input-prepend .dropdown-menu,.input-prepend .popover{font-size:14px}
    .input-append input,.input-append select,.input-append .uneditable-input,.input-prepend input,.input-prepend select,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-append input:focus,.input-append select:focus,.input-append .uneditable-input:focus,.input-prepend input:focus,.input-prepend select:focus,.input-prepend .uneditable-input:focus{z-index:2}
    .input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:22px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:400;line-height:22px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}
    .input-append .add-on,.input-append .btn,.input-append .btn-group > .dropdown-toggle,.input-prepend .add-on,.input-prepend .btn,.input-prepend .btn-group > .dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
    .input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546}
    .input-prepend .add-on,.input-prepend .btn{margin-right:-1px}
    .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .input-append input + .btn-group .btn:last-child,.input-append select + .btn-group .btn:last-child,.input-append .uneditable-input + .btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}
    .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child > .dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
    .input-prepend.input-append input + .btn-group .btn,.input-prepend.input-append select + .btn-group .btn,.input-prepend.input-append .uneditable-input + .btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-prepend.input-append .btn-group:first-child{margin-left:0}
    input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
    .form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
    .form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .form-search input,.form-search textarea,.form-search select,.form-search .help-inline,.form-search .uneditable-input,.form-search .input-prepend,.form-search .input-append,.form-inline input,.form-inline textarea,.form-inline select,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline .input-prepend,.form-inline .input-append,.form-horizontal input,.form-horizontal textarea,.form-horizontal select,.form-horizontal .help-inline,.form-horizontal .uneditable-input,.form-horizontal .input-prepend,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle}
    .form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}
    .form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}
    .form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}
    .form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}
    .form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}
    .control-group{margin-bottom:11px}
    legend + .control-group{margin-top:22px;-webkit-margin-top-collapse:separate}
    .form-horizontal .control-group{margin-bottom:22px;*zoom:1}
    .form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0}
    .form-horizontal .control-group:after{clear:both}
    .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}
    .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}
    .form-horizontal .controls:first-child{*padding-left:180px}
    .form-horizontal .help-block{margin-bottom:0}
    .form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block{margin-top:11px}
    .form-horizontal .form-actions{padding-left:180px}
    legend{font-family:"Asap","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;color:inherit;display:block;margin:0;padding:0;font-size:100%;font-weight:400;text-rendering:optimizelegibility;font-size:1.25em;line-height:1.2571428571429em;margin-bottom:1.2571428571429em}
    legend small{font-weight:400;line-height:1;color:#999;display:inline;display:inline-block}
    legend small{font-size:.80em}
    .rtl .form-search .input-append .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .rtl .form-search .input-append .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .rtl .form-search .input-prepend .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .rtl .form-search .input-prepend .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .formulaire_spip{clear:both;margin-bottom:1.5714285714286em;padding:1.5714285714286em;background-color:#f5f5f5;position:relative}
    .formulaire_spip form{margin-bottom:0}
    .formulaire_spip .boutons{padding:21px 20px 22px;margin-top:22px;margin-bottom:22px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;margin:0 -1.5714285714286em -1.5714285714286em;padding:1.5714285714286em;text-align:right}
    .formulaire_spip .boutons:before,.formulaire_spip .boutons:after{display:table;content:"";line-height:0}
    .formulaire_spip .boutons:after{clear:both}
    .secondary .formulaire_spip{padding:.78571428571429em}
    .secondary .formulaire_spip .boutons{margin:0 -.78571428571429em -.78571428571429em;padding:.78571428571429em}
    input.submit{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:22px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe5e5e5',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
    input.submit [class^="icon-"].icon-large,input.submit [class*=" icon-"].icon-large{line-height:.9em}
    input.submit [class^="icon-"].icon-spin,input.submit [class*=" icon-"].icon-spin{display:inline-block}
    input.submit [class^="icon-"].pull-left.icon-2x,input.submit [class^="icon-"].pull-right.icon-2x,input.submit [class*=" icon-"].pull-left.icon-2x,input.submit [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}
    input.submit [class^="icon-"].icon-spin.icon-large,input.submit [class*=" icon-"].icon-spin.icon-large{line-height:.8em}
    input.submit:hover,input.submit:focus,input.submit:active,input.submit.active,input.submit.disabled,input.submit[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}
    input.submit:active,input.submit.active{background-color:#ccc \9}
    input.submit:first-child{*margin-left:0}
    input.submit:hover,input.submit:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
    input.submit:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
    input.submit.active,input.submit:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
    input.submit.disabled,input.submit[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
    input.submit .label,input.submit .badge{position:relative;top:-1px}
    .formulaire_spip .explication{color:#595959;display:block;margin-bottom:11px}
    .formulaire_spip >div>ul,.formulaire_spip fieldset>ul,.formulaire_spip form>ul,.formulaire_spip form>div>ul{margin-left:0;list-style:none;margin-bottom:11px}
    .formulaire_spip .editer{clear:both;margin:0 -1.5714285714286em;padding:.39285714285714em 1.5714285714286em}
    .formulaire_spip .choix label{display:inline;font-weight:400}
    .formulaire_spip .choix input.radio,.formulaire_spip .choix input.checkbox{width:auto;margin:0 6px;margin-left:0;margin-bottom:1px}
    .formulaire_spip .choix_mots{width:100%;*zoom:1}
    .formulaire_spip .choix_mots:before,.formulaire_spip .choix_mots:after{display:table;content:"";line-height:0}
    .formulaire_spip .choix_mots:after{clear:both}
    .formulaire_spip .choix_mots [class*="span"]{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.1276595744681%;*margin-left:2.0744680851064%}
    .formulaire_spip .choix_mots [class*="span"]:first-child{margin-left:0}
    .formulaire_spip .choix_mots [class*="span"]:last-child{margin-left:0;float:right}
    .formulaire_spip .choix_mots .controls-row [class*="span"] + [class*="span"]{margin-left:2.1276595744681%}
    .formulaire_spip .saisie_mot{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.1276595744681%;*margin-left:2.0744680851064%;width:31.914893617021%;*width:31.86170212766%}
    .formulaire_spip .saisie_mot:nth-child(3n-2){margin-left:0;clear:both}
    .formulaire_spip .saisie_mot label{display:inline;font-weight:400}
    .formulaire_spip .saisie_mot input.radio,.formulaire_spip .saisie_mot input.checkbox{width:auto;margin:0 6px;margin-left:0;margin-bottom:1px}
    form input.text{width:80%}
    form textarea{width:80%}
    .markItUp .markItUpContainer .markItUpHeader{width:80%;padding-right:6px;padding-left:6px}
    .markItUp .markItUpContainer .markItUpHeader + textarea{border-top-left-radius:0;border-top-right-radius:0;border-top:0}
    form select{width:80%}
    .formulaire_spip li.obligatoire label{font-weight:700}
    .editer.erreur{background-color:#f2dede}
    .editer .erreur_message{display:block;color:#b94a48;font-weight:700}
    .editer .erreur_message label{display:inline}
    .editer .erreur_message input{margin:0}
    .reponse_formulaire{padding:8px 35px 8px 14px;margin-bottom:22px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853}
    .reponse_formulaire_ok{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}
    .reponse_formulaire_erreur{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}
    .formulaire_spip fieldset.info{background-color:inherit;color:inherit;text-shadow:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit;margin:0;margin-bottom:1.5714285714286em;padding:0;margin:0;border:0}
    .formulaire_menu_lang{margin:0;padding:0;background:none;border:0}
    .formulaire_recherche input,.formulaire_recherche textarea,.formulaire_recherche select,.formulaire_recherche .help-inline,.formulaire_recherche .uneditable-input,.formulaire_recherche .input-prepend,.formulaire_recherche .input-append,.secondary .formulaire_recherche input,.secondary .formulaire_recherche textarea,.secondary .formulaire_recherche select,.secondary .formulaire_recherche .help-inline,.secondary .formulaire_recherche .uneditable-input,.secondary .formulaire_recherche .input-prepend,.secondary .formulaire_recherche .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle}
    .formulaire_recherche .hide,.secondary .formulaire_recherche .hide{display:none}
    .formulaire_recherche,.secondary .formulaire_recherche{padding:0;background:none;border:0}
    .formulaire_login form .editer{clear:left}
    .formulaire_login form input.text,.formulaire_login form input.password{width:380px}
    .formulaire_login form .editer_password .details{margin-bottom:0}
    .formulaire_login #spip_logo_auteur{float:right}
    table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}
    .table{width:100%;margin-bottom:22px}
    .table th,.table td{padding:8px;line-height:22px;text-align:left;vertical-align:top;border-top:1px solid #ddd}
    .table th{font-weight:700}
    .table thead th{vertical-align:bottom}
    .table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}
    .table tbody + tbody{border-top:2px solid #ddd}
    .table .table{background-color:#fff}
    .table-condensed th,.table-condensed td{padding:4px 5px}
    .table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    .table-bordered th,.table-bordered td{border-left:1px solid #ddd}
    .table-bordered caption + thead tr:first-child th,.table-bordered caption + tbody tr:first-child th,.table-bordered caption + tbody tr:first-child td,.table-bordered colgroup + thead tr:first-child th,.table-bordered colgroup + tbody tr:first-child th,.table-bordered colgroup + tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}
    .table-bordered thead:first-child tr:first-child > th:first-child,.table-bordered tbody:first-child tr:first-child > td:first-child,.table-bordered tbody:first-child tr:first-child > th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}
    .table-bordered thead:first-child tr:first-child > th:last-child,.table-bordered tbody:first-child tr:first-child > td:last-child,.table-bordered tbody:first-child tr:first-child > th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}
    .table-bordered thead:last-child tr:last-child > th:first-child,.table-bordered tbody:last-child tr:last-child > td:first-child,.table-bordered tbody:last-child tr:last-child > th:first-child,.table-bordered tfoot:last-child tr:last-child > td:first-child,.table-bordered tfoot:last-child tr:last-child > th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}
    .table-bordered thead:last-child tr:last-child > th:last-child,.table-bordered tbody:last-child tr:last-child > td:last-child,.table-bordered tbody:last-child tr:last-child > th:last-child,.table-bordered tfoot:last-child tr:last-child > td:last-child,.table-bordered tfoot:last-child tr:last-child > th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}
    .table-bordered tfoot + tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}
    .table-bordered tfoot + tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}
    .table-bordered caption + thead tr:first-child th:first-child,.table-bordered caption + tbody tr:first-child td:first-child,.table-bordered colgroup + thead tr:first-child th:first-child,.table-bordered colgroup + tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}
    .table-bordered caption + thead tr:first-child th:last-child,.table-bordered caption + tbody tr:first-child td:last-child,.table-bordered colgroup + thead tr:first-child th:last-child,.table-bordered colgroup + tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}
    .table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
    .table-hover tbody tr:hover > td,.table-hover tbody tr:hover > th{background-color:#f5f5f5}
    table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}
    .table td.span1,.table th.span1{float:none;width:44px;margin-left:0}
    .table td.span2,.table th.span2{float:none;width:124px;margin-left:0}
    .table td.span3,.table th.span3{float:none;width:204px;margin-left:0}
    .table td.span4,.table th.span4{float:none;width:284px;margin-left:0}
    .table td.span5,.table th.span5{float:none;width:364px;margin-left:0}
    .table td.span6,.table th.span6{float:none;width:444px;margin-left:0}
    .table td.span7,.table th.span7{float:none;width:524px;margin-left:0}
    .table td.span8,.table th.span8{float:none;width:604px;margin-left:0}
    .table td.span9,.table th.span9{float:none;width:684px;margin-left:0}
    .table td.span10,.table th.span10{float:none;width:764px;margin-left:0}
    .table td.span11,.table th.span11{float:none;width:844px;margin-left:0}
    .table td.span12,.table th.span12{float:none;width:924px;margin-left:0}
    .table tbody tr.success > td{background-color:#dff0d8}
    .table tbody tr.error > td{background-color:#f2dede}
    .table tbody tr.warning > td{background-color:#fcf8e3}
    .table tbody tr.info > td{background-color:#d9edf7}
    .table-hover tbody tr.success:hover > td{background-color:#d0e9c6}
    .table-hover tbody tr.error:hover > td{background-color:#ebcccc}
    .table-hover tbody tr.warning:hover > td{background-color:#faf2cc}
    .table-hover tbody tr.info:hover > td{background-color:#c4e3f3}
    table.spip{width:100%;margin-bottom:22px}
    table.spip th,table.spip td{padding:8px;line-height:22px;text-align:left;vertical-align:top;border-top:1px solid #ddd}
    table.spip th{font-weight:700}
    table.spip thead th{vertical-align:bottom}
    table.spip caption + thead tr:first-child th,table.spip caption + thead tr:first-child td,table.spip colgroup + thead tr:first-child th,table.spip colgroup + thead tr:first-child td,table.spip thead:first-child tr:first-child th,table.spip thead:first-child tr:first-child td{border-top:0}
    table.spip tbody + tbody{border-top:2px solid #ddd}
    table.spip .table{background-color:#fff}
    table.spip tbody > tr:nth-child(odd) > td,table.spip tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
    table.spip tbody tr:hover > td,table.spip tbody tr:hover > th{background-color:#f5f5f5}
    @font-face{font-family:'FontAwesome';src:url("http://www.ituc-csi.org/squelettes/css/font-awesome/font/fontawesome-webfont.eot?v=3.2.1");src:url("http://www.ituc-csi.org/squelettes/css/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format('embedded-opentype'),url("http://www.ituc-csi.org/squelettes/css/font-awesome/font/fontawesome-webfont.woff?v=3.2.1") format('woff'),url("http://www.ituc-csi.org/squelettes/css/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1") format('truetype'),url("http://www.ituc-csi.org/squelettes/css/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format('svg');font-weight:400;font-style:normal}

Examples and source code

icon-angle-right

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-angle-right"></i> icon-angle-right
Icon classes are echoed via CSS :before.

icon-angle-right

icon-angle-right

icon-angle-right

icon-angle-right

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-angle-right icon-large"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-2x"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-3x"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-4x"></i> icon-angle-right</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-angle-right"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-angle-right icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-angle-right icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-angle-right"></i>  normal<br>
<i class=" icon-angle-right icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-angle-right icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-angle-right icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-angle-right icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-angle-right icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-angle-right icon-2x icon-spin"></i>
<i class=" icon-angle-right icon-3x icon-spin"></i>
<i class=" icon-angle-right icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-angle-right on icon-check-empty
icon-angle-right on icon-circle
icon-angle-rightl on icon-sign-blank
icon-ban-circle on icon-angle-right

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-angle-right "></i>
</span>
icon-angle-right on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-angle-right icon-light"></i>
</span>
icon-angle-right on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-angle-right icon-light "></i>
</span>
icon-angle-right on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-angle-right icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-angle-right