@font-face {
    font-family: 'bop_icone';
    src:   url('../fonts/bop_icone-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ico {
    display: inline-block;
    font: normal normal normal 14px/1 bop_icone;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.ico-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.ico-2x {
    font-size: 2em;
}
.ico-3x {
    font-size: 3em;
}
.ico-4x {
    font-size: 4em;
}
.ico-5x {
    font-size: 5em;
}
.ico-fw {
    width: 1.28571429em;
    text-align: center;
}
.ico-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.ico-ul > li {
    position: relative;
}
.ico-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.ico-li.ico-lg {
    left: -1.85714286em;
}
.ico-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.ico-pull-left {
    float: left;
}
.ico-pull-right {
    float: right;
}
.ico.ico-pull-left {
    margin-right: .3em;
}
.ico.ico-pull-right {
    margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.ico.pull-left {
    margin-right: .3em;
}
.ico.pull-right {
    margin-left: .3em;
}
.ico-spin {
    -webkit-animation: ico-spin 2s infinite linear;
    animation: ico-spin 2s infinite linear;
}
.ico-pulse {
    -webkit-animation: ico-spin 1s infinite steps(8);
    animation: ico-spin 1s infinite steps(8);
}
@-webkit-keyframes ico-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes ico-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.ico-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ico-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ico-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.ico-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.ico-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .ico-rotate-90,
:root .ico-rotate-180,
:root .ico-rotate-270,
:root .ico-flip-horizontal,
:root .ico-flip-vertical {
    filter: none;
}
.ico-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.ico-stack-1x,
.ico-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.ico-stack-1x {
    line-height: inherit;
}
.ico-stack-2x {
    font-size: 2em;
}
.ico-inverse {
    color: #ffffff;
}
.ico-fleche-haut:before {
    content: "\0023";
}
.ico-fleche-haut-droite:before {
    content: "\0024";
}
.ico-fleche-droite:before {
    content: "\0025";
}
.ico-fleche-bas-droite:before {
    content: "\0026";
}
.ico-fleche-bas:before {
    content: "\0027";
}
.ico-fleche-bas-gauche:before {
    content: "\0028";
}
.ico-fleche-gauche:before {
    content: "\0029";
}
.ico-fleche-haut-gauche:before {
    content: "\002A";
}

.ico-002B:before { content: "\002B";}
.ico-002C:before { content: "\002C";}
.ico-002D:before { content: "\002D";}
.ico-002E:before { content: "\002E";}
.ico-002F:before { content: "\002F";}
.ico-0030:before { content: "\0030";}
.ico-0031:before { content: "\0031";}
.ico-0032:before { content: "\0032";}
.ico-0033:before { content: "\0033";}
.ico-0034:before { content: "\0034";}
.ico-0035:before { content: "\0035";}
.ico-0036:before { content: "\0036";}
.ico-0037:before { content: "\0037";}
.ico-0038:before { content: "\0038";}
.ico-0039:before { content: "\0039";}
.ico-003A:before { content: "\003A";}
.ico-003B:before { content: "\003B";}
.ico-003E:before { content: "\003E";}
.ico-003D:before { content: "\003D";}
.ico-003C:before { content: "\003C";}
.ico-003F:before { content: "\003F";}
.ico-0040:before { content: "\0040";}
.ico-0041:before { content: "\0041";}
.ico-0042:before { content: "\0042";}
.ico-0043:before { content: "\0043";}
.ico-0044:before { content: "\0044";}
.ico-0045:before { content: "\0045";}
.ico-0046:before { content: "\0046";}
.ico-0047:before { content: "\0047";}
.ico-0048:before { content: "\0048";}
.ico-0049:before { content: "\0049";}
.ico-004A:before { content: "\004A";}
.ico-004B:before { content: "\004B";}
.ico-004C:before { content: "\004C";}
.ico-004D:before { content: "\004D";}
.ico-004E:before { content: "\004E";}
.ico-004F:before { content: "\004F";}
.ico-0050:before { content: "\0050";}
.ico-0051:before { content: "\0051";}
.ico-0052:before { content: "\0052";}
.ico-0053:before { content: "\0053";}
.ico-0054:before { content: "\0054";}
.ico-0055:before { content: "\0055";}
.ico-0056:before { content: "\0056";}
.ico-0057:before { content: "\0057";}
.ico-0058:before { content: "\0058";}
.ico-0059:before { content: "\0059";}
.ico-005A:before { content: "\005A";}
.ico-005B:before { content: "\005B";}
.ico-005C:before { content: "\005C";}
.ico-005D:before { content: "\005D";}
.ico-005E:before { content: "\005E";}
.ico-005F:before { content: "\005F";}
.ico-0060:before { content: "\0060";}
.ico-0061:before { content: "\0061";}
.ico-0062:before { content: "\0062";}
.ico-0063:before { content: "\0063";}
.ico-0064:before { content: "\0064";}
.ico-0065:before { content: "\0065";}
.ico-0066:before { content: "\0066";}
.ico-0067:before { content: "\0067";}
.ico-0068:before { content: "\0068";}
.ico-0069:before { content: "\0069";}
.ico-006A:before { content: "\006A";}
.ico-006B:before { content: "\006B";}
.ico-006C:before { content: "\006C";}
.ico-006D:before { content: "\006D";}
.ico-006E:before { content: "\006E";}
.ico-006F:before { content: "\006F";}
.ico-0070:before { content: "\0070";}
.ico-0071:before { content: "\0071";}
.ico-0072:before { content: "\0072";}
.ico-0073:before { content: "\0073";}
.ico-0074:before { content: "\0074";}
.ico-0075:before { content: "\0075";}
.ico-0076:before { content: "\0076";}
.ico-0077:before { content: "\0077";}
.ico-0078:before { content: "\0078";}
.ico-0079:before { content: "\0079";}
.ico-007A:before { content: "\007A";}
.ico-007B:before { content: "\007B";}
.ico-007C:before { content: "\007C";}
.ico-007D:before { content: "\007D";}
.ico-007E:before { content: "\007E";}
.ico-00A1:before { content: "\00A1";}
.ico-00A2:before { content: "\00A2";}
.ico-00A3:before { content: "\00A3";}
.ico-00A4:before { content: "\00A4";}
.ico-00A5:before { content: "\00A5";}
.ico-00A6:before { content: "\00A6";}
.ico-00A7:before { content: "\00A7";}
.ico-00A8:before { content: "\00A8";}
.ico-00A9:before { content: "\00A9";}
.ico-00AA:before { content: "\00AA";}
.ico-00AB:before { content: "\00AB";}
.ico-00AC:before { content: "\00AC";}
.ico-00AE:before { content: "\00AE";}
.ico-00AF:before { content: "\00AF";}
.ico-00B0:before { content: "\00B0";}
.ico-00B1:before { content: "\00B1";}
.ico-00B2:before { content: "\00B2";}
.ico-00B3:before { content: "\00B3";}
.ico-00B4:before { content: "\00B4";}
.ico-00B5:before { content: "\00B5";}
.ico-00B6:before { content: "\00B6";}
.ico-00B7:before { content: "\00B7";}
.ico-00B8:before { content: "\00B8";}
.ico-00B9:before { content: "\00B9";}
.ico-00BA:before { content: "\00BA";}
.ico-00BB:before { content: "\00BB";}
.ico-00BC:before { content: "\00BC";}
.ico-00BD:before { content: "\00BD";}
.ico-00BE:before { content: "\00BE";}
.ico-00BF:before { content: "\00BF";}
.ico-00C0:before { content: "\00C0";}
.ico-00C1:before { content: "\00C1";}
.ico-00C2:before { content: "\00C2";}
.ico-00C3:before { content: "\00C3";}
.ico-00C4:before { content: "\00C4";}
.ico-00C5:before { content: "\00C5";}
.ico-00C6:before { content: "\00C6";}
.ico-00C7:before { content: "\00C7";}
.ico-00C8:before { content: "\00C8";}
.ico-00C9:before { content: "\00C9";}
.ico-00CA:before { content: "\00CA";}
.ico-00CB:before { content: "\00CB";}
.ico-00CC:before { content: "\00CC";}
.ico-00CD:before { content: "\00CD";}
.ico-00CE:before { content: "\00CE";}
.ico-00CF:before { content: "\00CF";}
.ico-00D0:before { content: "\00D0";}
.ico-00D1:before { content: "\00D1";}
.ico-00D2:before { content: "\00D2";}
.ico-00D3:before { content: "\00D3";}
.ico-00D4:before { content: "\00D4";}
.ico-00D5:before { content: "\00D5";}
.ico-00D6:before { content: "\00D6";}
.ico-00D7:before { content: "\00D7";}
.ico-00D8:before { content: "\00D8";}
.ico-00D9:before { content: "\00D9";}
.ico-00DA:before { content: "\00DA";}
.ico-00DB:before { content: "\00DB";}
.ico-00DC:before { content: "\00DC";}
.ico-00DD:before { content: "\00DD";}
.ico-00DE:before { content: "\00DE";}
.ico-00DF:before { content: "\00DF";}
.ico-00E0:before { content: "\00E0";}
.ico-00E1:before { content: "\00E1";}
.ico-00E2:before { content: "\00E2";}
.ico-00E3:before { content: "\00E3";}
.ico-00E4:before { content: "\00E4";}
.ico-00E5:before { content: "\00E5";}
.ico-00E6:before { content: "\00E6";}
.ico-00E7:before { content: "\00E7";}
.ico-00E8:before { content: "\00E8";}
.ico-00E9:before { content: "\00E9";}
.ico-00EA:before { content: "\00EA";}
.ico-00EB:before { content: "\00EB";}
.ico-00EC:before { content: "\00EC";}
.ico-00ED:before { content: "\00ED";}
.ico-00EE:before { content: "\00EE";}
.ico-00EF:before { content: "\00EF";}
.ico-00F0:before { content: "\00F0";}
.ico-00F1:before { content: "\00F1";}
.ico-00F2:before { content: "\00F2";}
.ico-00F3:before { content: "\00F3";}
.ico-00F4:before { content: "\00F4";}
.ico-00F5:before { content: "\00F5";}
.ico-00F6:before { content: "\00F6";}
.ico-00F7:before { content: "\00F7";}
.ico-00F8:before { content: "\00F8";}
.ico-00F9:before { content: "\00F9";}
.ico-00FA:before { content: "\00FA";}
.ico-00FB:before { content: "\00FB";}
.ico-00FC:before { content: "\00FC";}
.ico-00FD:before { content: "\00FD";}
.ico-00FE:before { content: "\00FE";}