@import "//fonts.googleapis.com/css?family=Fira+Sans:400,500,700,400italic,500italic,700italic";

@font-face {
    font-family: 'AntonioBold';
    src: url('./europe1front/fonts/AntonioBold.woff') format('woff'), url('./europe1front/fonts/AntonioBold.ttf') format('truetype'), url('./europe1front/fonts/AntonioBold.eot') format('eot');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AntonioLight';
    src: url('./europe1front/fonts/AntonioLight.woff') format('woff'), url('./europe1front/fonts/AntonioLight.ttf') format('truetype'), url('./europe1front/fonts/AntonioLight.eot') format('eot');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AntonioRegular';
    src: url('./europe1front/fonts/AntonioRegular.woff') format('woff'), url('./europe1front/fonts/AntonioRegular.ttf') format('truetype'), url('./europe1front/fonts/AntonioRegular.eot') format('eot');
    font-weight: normal;
    font-style: normal
}

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

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

.icon-mail:before {
    content: "\e93c"
}

.icon-phone:before {
    content: "\e93d"
}

.icon-Logo_Europe1:before {
    content: "\e93b"
}

.icon-Photo:before {
    content: "\e900"
}

.icon-Photo-album:before {
    content: "\e938"
}

.icon-chevron:before {
    content: "\e939"
}

.icon-play:before {
    content: "\e93a"
}

.icon-ArticleVideo:before {
    content: "\e96f"
}

.icon-ArticleHeadphone:before {
    content: "\e970"
}

.icon-facebook:before {
    content: "\e901"
}

.icon-twitter:before {
    content: "\e902"
}

.icon-youtube:before {
    content: "\e903"
}

.icon-frequences:before {
    content: "\e904"
}

.icon-login:before {
    content: "\e905"
}

.icon-menuBurger_close1:before {
    content: "\e906"
}

.icon-menuBurger:before {
    content: "\e907"
}

.icon-newsletter:before {
    content: "\e908"
}

.icon-search1:before {
    content: "\e909"
}

.icon-ArrowNext:before {
    content: "\e90a"
}

.icon-ArrowPrevious:before {
    content: "\e90b"
}

.icon-Avatar:before {
    content: "\e90c"
}

.icon-Cercle_Facebook:before {
    content: "\e90d"
}

.icon-Cercle_GooglePlus:before {
    content: "\e90e"
}

.icon-Cercle_Instagram:before {
    content: "\e90f"
}

.icon-Cercle_Twitter:before {
    content: "\e910"
}

.icon-Commentaire:before {
    content: "\e911"
}

.icon-Dailymotion:before {
    content: "\e912"
}

.icon-Diapo:before {
    content: "\e913"
}

.icon-DirectAudio_Forward:before {
    content: "\e914"
}

.icon-DirectAudio_Pause:before {
    content: "\e915"
}

.icon-DirectAudio_Play:before {
    content: "\e916"
}

.icon-DirectAudio_Rewind:before {
    content: "\e917"
}

.icon-DirectAudio_Son-0:before {
    content: "\e918"
}

.icon-DirectAudio_Son-1:before {
    content: "\e919"
}

.icon-DirectAudio_Son-2:before {
    content: "\e91a"
}

.icon-DirectAudio_Son-3:before {
    content: "\e91b"
}

.icon-E1:before {
    content: "\e91c"
}

.icon-Europe1_logoAlternatif:before {
    content: "\e91d"
}

.icon-Europe1_logoClassique:before {
    content: "\e91e"
}

.icon-Facebook:before {
    content: "\e91f"
}

.icon-Fermer_deconnexion:before {
    content: "\e920"
}

.icon-Fermer:before {
    content: "\e921"
}

.icon-GooglePlus:before {
    content: "\e922"
}

.icon-Horloge:before {
    content: "\e923"
}

.icon-Instagram:before {
    content: "\e924"
}

.icon-iris:before {
    content: "\e925"
}

.icon-Lab:before, .icon-euro2016:before {
    content: "\e926"
}

.icon-linkedin:before {
    content: "\e927"
}

.icon-Menu_Hover:before {
    content: "\e928"
}

.icon-Menu_Mobile:before {
    content: "\e929"
}

.icon-Menu_Moins:before {
    content: "\e92a"
}

.icon-Menu_Plus:before {
    content: "\e92b"
}

.icon-Menu:before {
    content: "\e92c"
}

.icon-Pinterest:before {
    content: "\e92d"
}

.icon-Play_Header_Hover:before {
    content: "\e92e"
}

.icon-Play_Header:before {
    content: "\e92f"
}

.icon-Plus:before {
    content: "\e930"
}

.icon-RSS:before {
    content: "\e931"
}

.icon-Search:before {
    content: "\e932"
}

.icon-Share:before {
    content: "\e933"
}

.icon-Twitter:before {
    content: "\e934"
}

.icon-Viadeo:before {
    content: "\e935"
}

.icon-WhatsApp:before {
    content: "\e936"
}

.icon-Youtube:before {
    content: "\e937"
}

.icon-PICTO_podcast:before {
    content: "\e96c"
}

.icon-ArrowUp:before {
    content: "\e96d"
}

.icon-ArrowDown:before {
    content: "\e96e"
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]: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
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/bundles/elleintegration/fonts/glyphicons/glyphicons-halflings-regular.eot');
    src: url('/bundles/elleintegration/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/bundles/elleintegration/fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('/bundles/elleintegration/fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('/bundles/elleintegration/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width: 768px) {
    .container {
        width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 1000px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1000px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px
}

.row {
    margin-left: -25px;
    margin-right: -25px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd
}

.table .table {
    background-color: #ffffff
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #dddddd
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    outline: 0
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999999
}

.form-control::-webkit-input-placeholder {
    color: #999999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -25px;
    margin-right: -25px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 25px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333333;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc
}

.btn-default:focus, .btn-default.focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc
}

.btn-default .badge {
    color: #ffffff;
    background-color: #333333
}

.btn-primary {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #ffffff
}

.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
    color: #ffffff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #ffffff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #ffffff
}

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #ffffff
}

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #ffffff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #ffffff
}

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #ffffff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #ffffff
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777777
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee
}

.nav > li.disabled > a {
    color: #777777
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #dddddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 25px;
    padding-left: 25px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -25px;
    margin-left: -25px
}

@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -25px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 25px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -25px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -25px;
    margin-right: -25px;
    padding: 10px 25px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 25px;
        margin-right: 25px
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777777
}

.navbar-default .navbar-nav > li > a {
    color: #777777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #dddddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dddddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777777
}

.navbar-default .navbar-link:hover {
    color: #333333
}

.navbar-default .btn-link {
    color: #777777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #cccccc
}

.navbar-inverse {
    background-color: #222222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #ffffff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #ffffff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #ffffff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc
}

.breadcrumb > .active {
    color: #777777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #777777;
    background-color: #ffffff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #ffffff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
    color: #555555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333333
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #dddddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #dddddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd
}

.panel-default {
    border-color: #dddddd
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dddddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #ffffff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after {
    content: " ";
    display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/**
  * Custom Bootstrap 3 grid for 480-767px layout
  * Author: Iftakhar Hasan
  *
  * A new set of column classes (with class prefix .col-ms- ) for Bootstrap 3
  * to make Medium Small grids for supporting 480-767px
  *
  * This will push the default Bootstrap 3 Extra Small column (class prefix .col-xs- )
  * to support 1-479px instead of 1-767px
  */
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 480px) and (max-width: 767px) {
    .container {
        max-width: 748px
    }

    .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 {
        float: left
    }

    .col-ms-1 {
        width: 8.33333333%
    }

    .col-ms-2 {
        width: 16.66666667%
    }

    .col-ms-3 {
        width: 25%
    }

    .col-ms-4 {
        width: 33.33333333%
    }

    .col-ms-5 {
        width: 41.66666667%
    }

    .col-ms-6 {
        width: 50%
    }

    .col-ms-7 {
        width: 58.33333333%
    }

    .col-ms-8 {
        width: 66.66666667%
    }

    .col-ms-9 {
        width: 75%
    }

    .col-ms-10 {
        width: 83.33333333%
    }

    .col-ms-11 {
        width: 91.66666667%
    }

    .col-ms-12 {
        width: 100%
    }
}

* {
    list-style-type: none;
    text-decoration: none;
    outline: none !important
}

a:focus, span._NOL:focus {
    text-decoration: none
}

ul, li {
    margin: 0;
    padding: 0
}

.clr {
    clear: both
}

pre {
    border: 0;
    background: none;
    margin: 0;
    padding: 0
}

#main {
    position: relative
}

body.affix {
    position: relative !important;
    margin-top: 185px
}

.breadcrumb {
    background: none;
    color: #64b1ff;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 5px
}

.breadcrumb li {
    margin: 0;
    padding: 0
}

.breadcrumb li:before {
    content: "/"
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb li a, .breadcrumb li span, .breadcrumb li span._NOL {
    color: #000
}

.breadcrumb li:last-child a, .breadcrumb li:last-child span._NOL {
    color: #64b1ff
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: transparent
}

#mySearch {
    background: rgba(0, 0, 0, 0.8)
}

#mySearch .modal-dialog {
    width: 83%;
    margin: 100px auto
}

#mySearch .modal-dialog .close {
    position: absolute;
    right: 25px;
    top: 6px;
    color: #999;
    font-weight: normal;
    filter: alpha(opacity=(100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: 3.857em
}

#mySearch .modal-dialog .modal-title {
    display: block;
    font-size: 2.429em;
    font-weight: normal;
    padding: 15px 0 10px 0
}

#mySearch .modal-dialog .modal-header {
    padding: 0
}

#mySearch .modal-dialog .modal-body {
    padding: 40px 0
}

#mySearch .modal-dialog .modal-body .form-group:last-child {
    position: relative
}

#mySearch .modal-dialog .modal-body .col-md-2 {
    padding-left: 0
}

#mySearch .modal-dialog .modal-body .form-control {
    color: #64b1ff;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    font-style: italic;
    font-weight: 600;
    border: 2px solid #e1e1e1;
    box-shadow: none;
    padding: 0 20px
}

#mySearch .modal-dialog .modal-body .form-control::-webkit-input-placeholder {
    color: #64b1ff;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .form-control::-moz-placeholder {
    color: #64b1ff;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .form-control:-ms-input-placeholder {
    color: #64b1ff;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .btn-default {
    width: 100%;
    color: #64b1ff;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #64b1ff;
    padding: 0
}

#mySearch .modal-dialog .modal-body .btn-default:hover {
    color: #fff;
    background: #64b1ff
}

#mySearch .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 30px
}

#mySearch .modal-dialog .modal-content ul {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 1000000;
    padding: 0;
    background: #FFFFFF;
    left: 0
}

#mySearch .modal-dialog .modal-content ul li:first-child {
    padding-top: 25px
}

#mySearch .modal-dialog .modal-content ul li:last-child {
    padding-bottom: 25px
}

#mySearch .modal-dialog .modal-content ul li a, #mySearch .modal-dialog .modal-content ul li span._NOL {
    color: #000000;
    display: block;
    font-size: 1.286em;
    font-weight: normal;
    padding: 2px 0
}

#mySearch .modal-dialog .modal-content ul li a:hover, #mySearch .modal-dialog .modal-content ul li span._NOL:hover {
    color: #64b1ff
}

.flashactus {
    margin: 0 0 20px 0
}

.flashactus .flashactus_titre {
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #00123f;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.4px;
    text-transform: uppercase
}

.flashactus .flashactus_titre .more {
    position: absolute;
    top: 0;
    right: 0;
    color: #3790ff;
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}

.flashactus .flashactus_titre .more:hover {
    text-decoration: none
}

.flashactus .flashactus_cnt {
    padding: 10px 0 0 0;
    margin-bottom: 20px
}

.flashactus .flashactus_cnt ul, .flashactus .flashactus_cnt li {
    margin: 0;
    padding: 0
}

.flashactus .flashactus_cnt li {
    position: relative;
    line-height: 20px;
    color: #00123f;
    font-size: 14px;
    border-top: 1px solid #dae0e6;
    padding: 15px 0 15px 54px
}

.flashactus .flashactus_cnt li a, .flashactus .flashactus_cnt li span._NOL {
    color: #00123f
}

.flashactus .flashactus_cnt li a:hover, .flashactus .flashactus_cnt li span._NOL:hover {
    color: #64baff;
    text-decoration: none
}

.flashactus .flashactus_cnt li .horaire {
    position: absolute;
    top: 15px;
    left: 0;
    font-weight: 500
}

.flashactus .flashactus_cnt li .nota {
    font-weight: 700;
    text-transform: uppercase
}

.flashactus .flashactus_cnt .alerteinfo {
    color: #f50060
}

.flashactus .flashactus_cnt .alerteinfo a, .flashactus .flashactus_cnt .alerteinfo span._NOL {
    color: #f50060
}

.flashactus .flashactus_cnt .infoeurope1 .horaire, .flashactus .flashactus_cnt .infoeurope1 .nota {
    color: #64b1ff
}

.flashactus .flashactus_cnt .infoeurope1:after {
    background: #64b1ff
}

.flashactus.nepasmanquer .flashactus_titre {
    background: #64b1ff
}

.flashactus.nepasmanquer .flashactus_cnt {
    border: 0;
    padding: 0
}

.flashactus.nepasmanquer .flashactus_cnt ul {
    border-bottom: 2px solid #e1e1e1
}

.flashactus.nepasmanquer .flashactus_cnt ul li {
    border-left: 2px solid #e1e1e1;
    border-right: 2px solid #e1e1e1;
    padding: 0
}

.flashactus.nepasmanquer .flashactus_cnt ul li:before, .flashactus.nepasmanquer .flashactus_cnt ul li:after {
    display: none
}

.flashactus.nepasmanquer .flashactus_cnt ul li .wrap-img {
    left: -2px;
    margin: 0 -4px -2px 0
}

.flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte {
    padding: 15px
}

.flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte .titre {
    font-size: 1.143em;
    font-weight: 700;
    color: #000000;
    display: block;
    line-height: 1em
}

.flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte p {
    margin: 15px 0 0 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #000000;
    font-weight: 400
}

.flashactus.nepasmanquer .flashactus_cnt ul .more {
    min-height: 95px;
    padding-bottom: 15px
}

.flashactus.nepasmanquer .flashactus_cnt ul .more .bloc {
    padding-left: 110px
}

.flashactus.nepasmanquer .flashactus_cnt ul .more .bloc .wrap-img {
    position: absolute;
    top: 0;
    left: 15px;
    width: 80px;
    margin: 0
}

.flashactus.nepasmanquer .flashactus_cnt ul .more .bloc_texte {
    border: 0;
    padding: 15px 0 0 0
}

.wrap-img {
    position: relative
}

.wrap-img img {
    width: 100%
}

.wrap-img .info {
    height: 25px;
    line-height: 25px;
    background: #3790ff;
    color: #fff;
    font-size: 12px;
    left: 10px;
    border-radius: 2px;
    padding: 0 9px;
    position: absolute;
    top: 10px;
    overflow: hidden
}

.wrap-img .icon-Lab {
    background: #000000;
    bottom: 0;
    color: #ffcc06;
    display: block;
    font-size: 2.857em;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 40px
}

.wrap-img .icon-Aphatie {
    background: #fff;
    bottom: 0;
    color: #64b1ff;
    display: block;
    font-size: 2.857em;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 40px
}

.wrap-img .icon-euro2016 {
    background: #fff;
    bottom: 0;
    color: #00b44e;
    display: block;
    font-size: 2.857em;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 40px
}

.wrap-img .icon-Picto_Game {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #ffffff;
    display: block;
    font-size: 1.857em;
    overflow: hidden;
    padding: 7px;
    position: absolute;
    right: 0
}

.wrap-img .icon-play {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 21px;
    color: #fff;
    font-size: 21px
}

.wrap-img .icon-play:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.wrap-img .icon-play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #3790ff;
    transform: translate(-50%, -50%);
    content: ""
}

.wrap-img .icon-Photo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 21px;
    color: #3790ff;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2)
}

.wrap-img .icon-Photo:before {
    position: absolute;
    top: 5px;
    left: 4px;
    font-size: 11px
}

.wrap-img.wrap-imgL .icon-play {
    background: none
}

.block {
    position: relative;
    margin: 0 0 50px 0
}

.block .col-md-4 {
    width: 33.3333%;
    float: left
}

.block .col-md-6 {
    width: 50%;
    float: left
}

.block .col-md-8 {
    float: left;
    width: 66.6667%
}

.block .col-md-12 {
    width: 100%;
    float: left
}

.block h1, .block h2 {
    color: #000000;
    font-weight: 300;
    font-size: 2.857em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    position: relative
}

.block h1 span, .block h2 span {
    background: #FFFFFF;
    padding: 0 30px 0 0;
    z-index: 1;
    position: relative
}

.block h1.h2l:after, .block h2.h2l:after {
    display: none
}

.block h1.h2bleu, .block h2.h2bleu {
    color: #FFFFFF
}

.block h1.h2bleu:after, .block h2.h2bleu:after {
    top: 0;
    background: #64b1ff
}

.block h1.h2bleu span, .block h2.h2bleu span {
    background: #64b1ff;
    padding: 0 25px 0 15px
}

.block h1.h2rouge, .block h2.h2rouge {
    color: #FFFFFF
}

.block h1.h2rouge:after, .block h2.h2rouge:after {
    top: 0;
    background: #be1e30
}

.block h1.h2rouge span, .block h2.h2rouge span {
    background: #be1e30;
    padding: 0 25px 0 15px
}

.block h1.h2euro2016, .block h2.h2euro2016 {
    color: #FFFFFF
}

.block h1.h2euro2016:after, .block h2.h2euro2016:after {
    top: 0;
    background: #00b54e
}

.block h1.h2euro2016 span, .block h2.h2euro2016 span {
    background: #00b54e;
    padding: 0 25px 0 15px
}

.block h1.bleu:after, .block h2.bleu:after {
    background: #64b1ff
}

.block h1.violet:after, .block h2.violet:after {
    background: #6700d1
}

.block h1.rouge:after, .block h2.rouge:after {
    background: #f13945
}

.block h1.cyan:after, .block h2.cyan:after {
    background: #0da6a7
}

.block h1.bleu_clair:after, .block h2.bleu_clair:after {
    background: #0099d1
}

.block h1.ciel:after, .block h2.ciel:after {
    background: #00ccd1
}

.block h1.orange:after, .block h2.orange:after {
    background: #ff9e31
}

.block h1.jaune:after, .block h2.jaune:after {
    background: #ffcc00
}

.block h1.rose:after, .block h2.rose:after {
    background: #ff31db
}

.block h1.vert:after, .block h2.vert:after {
    background: #4ed396
}

.block h1.gris:after, .block h2.gris:after {
    background: #54565a
}

.block h1.gris_clair:after, .block h2.gris_clair:after {
    background: #898b8e
}

.block h1.vert_pomme:after, .block h2.vert_pomme:after {
    background: #00d176
}

.block h1.vert_clair:after, .block h2.vert_clair:after {
    background: #4ed3af
}

.block h1.rouge_clair:after, .block h2.rouge_clair:after {
    background: #fe675c
}

.block h1.jaune_clair:after, .block h2.jaune_clair:after {
    background: #f4eea6
}

.block h1.bold, .block h2.bold {
    font-size: 45px;
    font-weight: 400
}

.block h3 {
    font-weight: 600;
    font-size: 1.143em;
    line-height: 1.5em;
    margin: 0 0 7px 0;
    padding: 0;
    color: #000000
}

.block h3 .violet {
    color: #6700d1
}

.block h3 .bleu {
    color: #64b1ff
}

.block h3 .rouge {
    color: #f13945
}

.block h3 .cyan {
    color: #0da6a7
}

.block h3 .bleu_clair {
    color: #0099d1
}

.block h3 .ciel {
    color: #00ccd1
}

.block h3 .orange {
    color: #ff9e31
}

.block h3 .jaune {
    color: #ffcc00
}

.block h3 .rose {
    color: #ff31db
}

.block h3 .vert {
    color: #4ed396
}

.block h3 .gris {
    color: #54565a
}

.block h3 .gris_clair {
    color: #898b8e
}

.block h3 .vert_pomme {
    color: #00d176
}

.block h3 .vert_clair {
    color: #4ed3af
}

.block h3 .rouge_clair {
    color: #fe675c
}

.block h3.jaune_clair {
    color: #f4eea6
}

.block .avec {
    background: #fff;
    color: #000;
    display: block;
    font-size: 0.857em;
    font-weight: 600;
    line-height: 47px;
    min-height: 55px;
    padding: 0 0 0 25px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    text-align: right
}

.block .avec img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px
}

.block .bloc_news a:hover, .block .bloc_news span._NOL:hover {
    text-decoration: none;
    color: #64b1ff
}

.block .bloc_news .like {
    color: #000000;
    display: block;
    font-size: 1.429em;
    font-weight: 700;
    line-height: 1em;
    margin: 11px 0 13px 0;
    position: relative;
    text-transform: uppercase
}

.block .bloc_news .like:before {
    font-family: 'Icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e929";
    font-size: 0.7em;
    margin: 0 5px 0 0
}

.block .bloc_news .heure {
    display: inline-block;
    font-weight: 400;
    color: #999999;
    font-size: 0.857em;
    line-height: 1em;
    margin: 0 0 10px 1px
}

.block .bloc_news .heure i {
    display: inline-block;
    vertical-align: top
}

.block .bloc_news .nouveau {
    color: #f50060;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    font-size: 0.857em;
    line-height: 1em
}

.block .bloc_news .animateur {
    color: #999999;
    font-size: 0.857em;
    font-weight: 700;
    text-transform: uppercase
}

.block .bloc_news .photo_animateur {
    display: inline-block;
    margin: -30px 10px 0 0;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.block .bloc_news .titre {
    color: #00123f;
    display: block;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 30px;
    margin: 0 0 5px 0
}

.block .bloc_news .titre .video {
    height: 20px;
    line-height: 22px;
    background: #67717e;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin: -3px 8px 0 0;
    padding: 0 6px;
    text-transform: uppercase;
    vertical-align: middle
}

.block .bloc_news p {
    color: #00123f;
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 10px 0
}

.block .bloc_news p a, .block .bloc_news p span._NOL {
    color: #999999
}

.block .bloc_news ul {
    margin: 15px 0 10px 0
}

.block .bloc_news ul li {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #3790ff;
    margin: 6px 0 0 0;
    padding-left: 18px
}

.block .bloc_news ul li:first-child {
    margin: 0
}

.block .bloc_news ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3790ff;
    content: "";
    margin: 0 10px 0 0
}

.block .bloc_news ul li a, .block .bloc_news ul li span._NOL {
    color: #3790ff
}

.block .bloc_news .icon-Share {
    cursor: pointer;
    margin-left: 1px
}

.block .bloc_news .icon-Share:hover {
    color: #64b1ff
}

.block .wrap-img + .bloc_news p {
    width: 63%
}

.block.block_home_news, .block.block_recherche, .block.block_lastcontent {
    padding: 0
}

.block.block_home_news .share, .block.block_recherche .share, .block.block_lastcontent .share {
    background: rgba(255, 255, 255, 0.98);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    padding: 20px 0;
    display: none
}

.block.block_home_news .share .icon-Fermer, .block.block_recherche .share .icon-Fermer, .block.block_lastcontent .share .icon-Fermer {
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    right: 0;
    cursor: pointer
}

.block.block_home_news .share .titre, .block.block_recherche .share .titre, .block.block_lastcontent .share .titre {
    display: block;
    font-size: 2.143em;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0
}

.block.block_home_news .share ul, .block.block_recherche .share ul, .block.block_lastcontent .share ul {
    margin: 20px 0 0 0;
    padding: 0
}

.block.block_home_news .share ul li, .block.block_recherche .share ul li, .block.block_lastcontent .share ul li {
    display: table;
    border: 1px solid #e1e1e1;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 10px 0 0;
    position: relative;
    float: left
}

.block.block_home_news .share ul li a, .block.block_recherche .share ul li a, .block.block_lastcontent .share ul li a, .block.block_home_news .share ul li span._NOL, .block.block_recherche .share ul li span._NOL, .block.block_lastcontent .share ul li span._NOL {
    display: table-cell;
    height: 100%;
    width: 100%;
    font-size: 1.786em;
    line-height: 57px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.block.block_home_news .share ul li a:hover, .block.block_recherche .share ul li a:hover, .block.block_lastcontent .share ul li a:hover, .block.block_home_news .share ul li span._NOL:hover, .block.block_recherche .share ul li span._NOL:hover, .block.block_lastcontent .share ul li span._NOL:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.block.block_home_news .share ul li a.icon-Facebook, .block.block_recherche .share ul li a.icon-Facebook, .block.block_lastcontent .share ul li a.icon-Facebook, .block.block_home_news .share ul li span._NOL.icon-Facebook, .block.block_recherche .share ul li span._NOL.icon-Facebook, .block.block_lastcontent .share ul li span._NOL.icon-Facebook {
    color: #3b5998
}

.block.block_home_news .share ul li a.icon-Facebook:hover, .block.block_recherche .share ul li a.icon-Facebook:hover, .block.block_lastcontent .share ul li a.icon-Facebook:hover, .block.block_home_news .share ul li span._NOL.icon-Facebook:hover, .block.block_recherche .share ul li span._NOL.icon-Facebook:hover, .block.block_lastcontent .share ul li span._NOL.icon-Facebook:hover {
    color: #FFFFFF;
    background: #3b5998
}

.block.block_home_news .share ul li a.icon-Twitter, .block.block_recherche .share ul li a.icon-Twitter, .block.block_lastcontent .share ul li a.icon-Twitter, .block.block_home_news .share ul li span._NOL.icon-Twitter, .block.block_recherche .share ul li span._NOL.icon-Twitter, .block.block_lastcontent .share ul li span._NOL.icon-Twitter {
    color: #55acee
}

.block.block_home_news .share ul li a.icon-Twitter:hover, .block.block_recherche .share ul li a.icon-Twitter:hover, .block.block_lastcontent .share ul li a.icon-Twitter:hover, .block.block_home_news .share ul li span._NOL.icon-Twitter:hover, .block.block_recherche .share ul li span._NOL.icon-Twitter:hover, .block.block_lastcontent .share ul li span._NOL.icon-Twitter:hover {
    color: #FFFFFF;
    background: #55acee
}

.block.block_home_news .share ul li a.icon-GooglePlus, .block.block_recherche .share ul li a.icon-GooglePlus, .block.block_lastcontent .share ul li a.icon-GooglePlus, .block.block_home_news .share ul li span._NOL.icon-GooglePlus, .block.block_recherche .share ul li span._NOL.icon-GooglePlus, .block.block_lastcontent .share ul li span._NOL.icon-GooglePlus {
    color: #dd4b39
}

.block.block_home_news .share ul li a.icon-GooglePlus:hover, .block.block_recherche .share ul li a.icon-GooglePlus:hover, .block.block_lastcontent .share ul li a.icon-GooglePlus:hover, .block.block_home_news .share ul li span._NOL.icon-GooglePlus:hover, .block.block_recherche .share ul li span._NOL.icon-GooglePlus:hover, .block.block_lastcontent .share ul li span._NOL.icon-GooglePlus:hover {
    color: #FFFFFF;
    background: #dd4b39
}

.block.block_home_news .item, .block.block_recherche .item, .block.block_lastcontent .item {
    border-top: 1px solid #e1e1e1;
    margin: 0;
    padding: 20px 0;
    position: relative
}

.block.block_home_news .item .wrap-img, .block.block_recherche .item .wrap-img, .block.block_lastcontent .item .wrap-img {
    float: right;
    margin: 0 0 0 40px;
    max-width: 210px
}

.block.block_home_news .item.full, .block.block_recherche .item.full, .block.block_lastcontent .item.full {
    border: 0;
    padding-top: 0
}

.block.block_home_news .item.full .wrap-img, .block.block_recherche .item.full .wrap-img, .block.block_lastcontent .item.full .wrap-img {
    float: none;
    margin: 0 0 18px 0;
    max-width: 100%
}

.block.block_home_news .item.full .wrap-img .info, .block.block_recherche .item.full .wrap-img .info, .block.block_lastcontent .item.full .wrap-img .info {
    height: 30px;
    line-height: 30px
}

.block.block_home_news .item.full .wrap-img img, .block.block_recherche .item.full .wrap-img img, .block.block_lastcontent .item.full .wrap-img img {
    width: 100%
}

.block.block_home_news .item.full .wrap-img .icon-play, .block.block_recherche .item.full .wrap-img .icon-play, .block.block_lastcontent .item.full .wrap-img .icon-play {
    width: 45px;
    height: 45px;
    font-size: 45px
}

.block.block_home_news .item.full .wrap-img .icon-play:after, .block.block_recherche .item.full .wrap-img .icon-play:after, .block.block_lastcontent .item.full .wrap-img .icon-play:after {
    width: 20px;
    height: 20px
}

.block.block_home_news .item.full .wrap-img .icon-Photo, .block.block_recherche .item.full .wrap-img .icon-Photo, .block.block_lastcontent .item.full .wrap-img .icon-Photo {
    width: 45px;
    height: 45px
}

.block.block_home_news .item.full .wrap-img .icon-Photo:before, .block.block_recherche .item.full .wrap-img .icon-Photo:before, .block.block_lastcontent .item.full .wrap-img .icon-Photo:before {
    top: 12px;
    left: 11px;
    font-size: 21px
}

.block.block_home_news .item.full .bloc_news, .block.block_recherche .item.full .bloc_news, .block.block_lastcontent .item.full .bloc_news {
    padding-right: 40px
}

.block.block_home_news .item.full .titre, .block.block_recherche .item.full .titre, .block.block_lastcontent .item.full .titre {
    font-size: 27px;
    font-weight: 500;
    line-height: 35px;
    margin: 5px 0 10px 0
}

.block.block_home_news .item.full p, .block.block_recherche .item.full p, .block.block_lastcontent .item.full p {
    width: 100%
}

.block.block_home_news .item.full .share-open .share, .block.block_recherche .item.full .share-open .share, .block.block_lastcontent .item.full .share-open .share {
    height: 175px;
    top: auto
}

.block.block_home_news .item .share-open .share, .block.block_recherche .item .share-open .share, .block.block_lastcontent .item .share-open .share {
    display: block
}

.block.block_home_news.native .item, .block.block_recherche.native .item, .block.block_lastcontent.native .item {
    background: #f7f7f7;
    padding-bottom: 5px
}

.block.block_home_news.native .item .titre, .block.block_recherche.native .item .titre, .block.block_lastcontent.native .item .titre {
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
    font-weight: 400
}

.block.block_home_news.native .item p, .block.block_recherche.native .item p, .block.block_lastcontent.native .item p {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400
}

.block.block_home_news.native .item .sponso, .block.block_recherche.native .item .sponso, .block.block_lastcontent.native .item .sponso {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    color: #64b1ff;
    padding: 0 5px
}

.block.block_home_news.native .item .sponso span, .block.block_recherche.native .item .sponso span, .block.block_lastcontent.native .item .sponso span {
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px
}

.block.block_home_news:nth-of-type(1) .item {
    border: 0;
    padding-top: 10px
}

.block.block_home_news:last-of-type {
    margin-bottom: 50px
}

.block.block_home_news {
    margin-bottom: 0
}

.block.block_recherche {
    margin-bottom: 20px
}

.block.block_home_newsAlerte {
    margin-bottom: 0 !important
}

.block.block_home_newsAlerte .item .wrap-img {
    float: none;
    max-width: 100%;
    margin: 0
}

.block.block_home_newsAlerte .item .wrap-img .info {
    height: 30px;
    line-height: 30px
}

.block.block_home_newsAlerte .item .wrap-img .texte {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: linear-gradient(to top, #000a25, rgba(0, 18, 63, 0));
    padding: 10px 25px 10px 25px
}

.block.block_home_newsAlerte .item .wrap-img .texte a, .block.block_home_newsAlerte .item .wrap-img .texte span._NOL {
    color: #fff
}

.block.block_home_newsAlerte .item .wrap-img .texte a:hover, .block.block_home_newsAlerte .item .wrap-img .texte span._NOL:hover {
    text-decoration: none
}

.block.block_home_newsAlerte .item .wrap-img .texte .heure {
    display: inline-block;
    color: #999;
    font-size: 12px;
    line-height: 1em;
    margin: 0 0 0 1px
}

.block.block_home_newsAlerte .item .wrap-img .texte .heure i {
    display: inline-block;
    vertical-align: top
}

.block.block_home_newsAlerte .item .wrap-img .texte .titre {
    width: 70%;
    display: block;
    font-size: 35px;
    font-weight: 700;
    line-height: 44px;
    margin: 5px 0 10px 0
}

.block.block_home_newsAlerte .item .wrap-img .texte p {
    width: 70%;
    color: #fff
}

.block.block_home_newsAlerte .item .bloc_news {
    margin-top: 10px
}

.block.block_home_newsAlerte .item .bloc_news li {
    display: inline-block;
    width: auto;
    margin-right: 30px
}

.block .tags, .block .liste_abcdaire {
    margin: 15px 0 0 0;
    padding: 0
}

.block .tags li, .block .liste_abcdaire li {
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 0 0
}

.block .tags li:last-child, .block .liste_abcdaire li:last-child {
    margin: 0
}

.block .tags li a, .block .liste_abcdaire li a, .block .tags li span._NOL, .block .liste_abcdaire li span._NOL {
    text-transform: uppercase;
    color: #999999;
    font-size: 0.786em;
    font-weight: 700
}

.block .tags li a:hover, .block .liste_abcdaire li a:hover, .block .tags li span._NOL:hover, .block .liste_abcdaire li span._NOL:hover {
    color: #64b1ff;
    text-decoration: none
}

.block .liste_abcdaire li {
    margin: 0 15px 0 0
}

.block > .row {
    margin-top: 25px
}

.block.block_antenne {
    background: #1c1c1c;
    margin: 0 -30px 50px -30px;
    padding: 40px 30px 15px
}

.block.block_antenne h2 {
    color: #FFFFFF
}

.block.block_antenne h2:after {
    background: #999999
}

.block.block_antenne h2 span {
    background: #1c1c1c
}

.block.block_antenne .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_antenne .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.block.block_antenne .programme .wrap-img {
    max-width: 280px;
    margin: 0 auto;
    position: relative
}

.block.block_antenne .programme .wrap-img a, .block.block_antenne .programme .wrap-img span._NOL {
    display: block;
    position: relative
}

.block.block_antenne .programme .wrap-img a .info, .block.block_antenne .programme .wrap-img span._NOL .info {
    background: #ffffff;
    bottom: 10px;
    color: #000000;
    display: inline-block;
    font-size: 0.714em;
    font-weight: 700;
    left: 10px;
    padding: 4px 7px;
    position: absolute;
    text-transform: uppercase;
    top: auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}

.block.block_antenne .programme .wrap-img a .info.replay, .block.block_antenne .programme .wrap-img span._NOL .info.replay {
    color: #FFFFFF;
    background: #64b1ff
}

.block.block_antenne .programme .wrap-img a .info.live, .block.block_antenne .programme .wrap-img span._NOL .info.live {
    background: #f4e004
}

.block.block_antenne .programme .wrap-img a .info.live:before, .block.block_antenne .programme .wrap-img span._NOL .info.live:before {
    background: #f44804;
    content: "";
    display: inline-block;
    height: 6px;
    margin: 0 5px 0 0;
    width: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.block.block_antenne .programme .programme_cnt {
    padding: 25px 0 0 0
}

.block.block_antenne .programme .programme_cnt .heure, .block.block_antenne .programme .programme_cnt .titre, .block.block_antenne .programme .programme_cnt .animateur {
    color: #999999;
    display: block;
    font-size: 0.857em;
    font-weight: 600;
    line-height: 1.1em
}

.block.block_antenne .programme .programme_cnt .titre {
    min-height: 26px
}

.block.block_antenne .programme .programme_cnt .animateur {
    color: #FFFFFF;
    font-size: 1.143em
}

.block.block_antenne .programme.programme_live .wrap-img:before {
    border: 2px solid #f4e004;
    bottom: -10px;
    content: "";
    display: block;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px
}

.block.block_antenne .col-md-12 {
    text-align: center;
    margin-top: 15px
}

.block.block_antenne .linkall {
    display: inline-block;
    font-weight: 700;
    font-size: 0.786em;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 2px solid #e1e1e1;
    padding: 9px 12px 8px 12px;
    margin: 15px 10px 0 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block.block_antenne .linkall:hover {
    background: #e1e1e1;
    color: #1c1c1c;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block.block_diaporama {
    position: relative;
    background: #000;
    margin: 0 -30px 50px -30px;
    padding: 25px 30px 15px
}

.block.block_diaporama h2 {
    color: #fff;
    background: none !important
}

.block.block_diaporama h2:after {
    background: #999999
}

.block.block_diaporama h2 span {
    background: #000
}

.block.block_diaporama .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_diaporama .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.block.block_diaporama .row .col-md-6:nth-child(2n+1) {
    clear: left
}

.block.block_diaporama .diapo {
    margin-bottom: 40px
}

.block.block_diaporama .diapo .wrap-img .icon-Photo {
    width: 45px;
    height: 45px
}

.block.block_diaporama .diapo .wrap-img .icon-Photo:before {
    top: 12px;
    left: 11px;
    font-size: 21px
}

.block.block_diaporama .diapo .diapo_cnt {
    margin-top: 10px
}

.block.block_diaporama .diapo .diapo_cnt .heure {
    color: #999;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 0 1px
}

.block.block_diaporama .diapo .diapo_cnt .heure i {
    display: none
}

.block.block_diaporama .diapo .diapo_cnt .titre {
    display: block;
    line-height: 30px;
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.1px
}

.block.block_diaporama .diapo .diapo_cnt .titre:hover {
    color: #64b1ff;
    text-decoration: none
}

.block.block_diaporama .col-md-12 {
    text-align: center
}

.block.block_diaporama .linkmore {
    float: right;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin-top: 5px
}

.block.block_autre .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_autre .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.block.block_autre .bloc {
    background: #f9f9f9
}

.block.block_autre .bloc img {
    display: block
}

.block.block_autre .bloc .texte {
    color: #000000;
    display: block;
    font-size: 0.857em;
    font-weight: 700;
    line-height: 1.667em;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block.block_autre .bloc .texte:hover {
    background: #64b1ff;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block.block_7_contenus .tags {
    margin-top: 5px
}

.block.block_7_contenus .bloc .wrap-img {
    margin: 0 0 15px 0
}

.block.block_7_contenus .bloc .bloc_news {
    border-top: 1px solid #dae0e6;
    margin: 0 0 15px 0;
    padding-top: 20px
}

.block.block_7_contenus .bloc .bloc_news .titre {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    margin: 2px 0 10px 0
}

.block.block_7_contenus .bloc .bloc_news p {
    color: #00123f;
    font-size: 14px;
    width: 100%;
    line-height: 21px;
    margin: 0;
    max-height: 65px;
    min-height: 65px;
    overflow: hidden
}

.block.block_7_contenus .bloc .bloc_news:last-child {
    margin: 0
}

.block.block_7_contenus .bloc.bloc_img .bloc_news {
    margin: 0;
    padding: 0 20px 25px 20px
}

.block.block_7_contenus .bloc.bloc_img .bloc_news .titre {
    font-size: 23px;
    line-height: 30px;
    letter-spacing: -0.1px
}

.block.block_7_contenus .col-md-4:last-child .titre {
    font-size: 16px
}

.block.block_7_contenus .col-md-4:first-child > .bloc > .bloc_news, .block.block_7_contenus .col-md-4 > .bloc > .bloc_news:first-child {
    border: 0;
    padding: 0
}

.block.block_nos_videos {
    margin: -30px 0 30px 0
}

.block.block_nos_videos > .row {
    margin-top: 0
}

.block.block_nos_videos .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_nos_videos .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.block.block_nos_videos .row .col-md-4:nth-child(3n+1) {
    clear: left
}

.block.block_nos_videos .bloc {
    margin: 0 0 20px 0
}

.block.block_nos_videos .bloc .bloc_news {
    padding: 15px 0
}

.block.block_nos_videos .bloc .bloc_news .titre {
    color: #00123f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    margin: 2px 0 0;
    max-height: 98px;
    min-height: 98px;
    overflow: hidden
}

.block.block_nos_videos .bloc .bloc_news .titre:hover {
    color: #64b1ff
}

.block.block_3_contenus {
    margin: 0 -30px 50px -30px;
    padding: 40px 30px 15px 30px
}

.block.block_3_contenus h2 span {
    background: #f9f9f9
}

.block.block_3_contenus .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_3_contenus .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.block.block_3_contenus .bloc .bloc_news .titre {
    line-height: 24px;
    color: #00123f;
    font-size: 16px;
    letter-spacing: -0.1px;
    margin-top: 18px
}

.block.block_without_anim {
    background: #FFFFFF
}

.block.block_without_anim h2 span {
    background: #FFFFFF
}

.block.block_without_anim .bloc {
    background: #f9f9f9;
    padding: 0 0 20px 0
}

.block.block_without_anim .bloc .bloc_news {
    padding: 15px 20px 0 20px
}

.block.block_without_anim .bloc .bloc_news .heure .animateur {
    color: #000000;
    display: block;
    margin: 7px 0 0 0
}

.block.block_without_anim .bloc .bloc_news .titre {
    margin: 0 0 15px 0
}

.block.block_without_anim .bloc .bloc_news p {
    min-height: 60px
}

.block.block_more {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px
}

.block.block_more .row {
    margin-top: 0
}

.block.block_more ul {
    margin-top: 25px
}

.block.block_more ul .item {
    margin: 0 0 20px 0;
    padding: 0 0 0 55px;
    position: relative
}

.block.block_more ul .item .bloc {
    min-height: 58px
}

.block.block_more ul .item .bloc .nb {
    background: #64b1ff;
    color: #ffffff;
    display: block;
    font-size: 1.286em;
    font-weight: 700;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
    z-index: 1
}

.block.block_more ul .item .bloc .wrap-img {
    float: left;
    margin: 0 20px 0 -55px
}

.block.block_more ul .item .bloc .bloc_news .heure {
    display: block;
    margin: 0 0 3px 0
}

.block.block_more ul .item .bloc .bloc_news .titre {
    font-size: 1.286em;
    margin-bottom: 0
}

.block.block_more ul .item:last-child {
    margin: 0
}

.block.block_more ul .item.full {
    margin: 0 0 30px 0;
    padding: 0
}

.block.block_more ul .item.full .bloc .nb {
    font-size: 1.786em;
    height: 50px;
    line-height: 50px;
    width: 50px
}

.block.block_more ul .item.full .bloc .wrap-img {
    float: none;
    margin: 0
}

.block.block_more ul .item.full .bloc .bloc_news .titre {
    font-size: 1.571em
}

.block.block_moreR .bloc_news .like:before {
    content: "\e91b"
}

.block.block_entete {
    margin: 0
}

.block.block_entete .chapeau {
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 1.333em;
    color: #000000;
    margin: 20px 0 20px 0
}

.block.block_enteteL h2:after {
    display: none
}

.block.block_dossier_moment .row {
    margin-left: -10px;
    margin-right: -10px
}

.block.block_dossier_moment .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px;
    width: 16.6667%;
    float: left
}

.block.block_dossier_moment .titre {
    display: block;
    color: #000000;
    font-weight: 700;
    font-size: 1.143em;
    line-height: 1em;
    margin: 15px 0 0 0
}

.block.block_dossier_moment .liste {
    border-left: 1px solid #e1e1e1;
    padding: 0 0 0 10px
}

.block.block_dossier_moment .liste li {
    margin: 0 0 17px 0
}

.block.block_dossier_moment .liste li .titre {
    padding: 0;
    font-size: 1em
}

.block.block_dossier_moment .liste li:last-child {
    margin: 0
}

.block.block_e1_brand {
    border: 2px solid #cdcdcd;
    margin: 0 -30px 50px -30px;
    padding: 20px 28px 40px 28px
}

.block.block_e1_brand .avec {
    top: 20px;
    right: 28px
}

.block.block_e1_brand .intro {
    color: #000000;
    font-style: italic;
    font-weight: 400;
    font-size: 1em;
    margin: 30px 0 0 0
}

.block.block_e1_brand .bloc_news .titre {
    font-size: 1.571em;
    margin: 20px 0 15px 0
}

.block.block_e1_brand .bloc_news p {
    margin: 0
}

.block.block_e1_brand .list {
    margin: -5px 0 0 0
}

.block.block_e1_brand .list li {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 10px 0;
    margin: 0 0 7px 0
}

.block.block_e1_brand .list li a, .block.block_e1_brand .list li span._NOL {
    display: block;
    font-size: 1.143em;
    line-height: 1.375em;
    color: #000000;
    font-weight: 600
}

.block.block_e1_brand .list li a:hover, .block.block_e1_brand .list li span._NOL:hover {
    color: #64b1ff;
    text-transform: none
}

.block.block_e1_brand .nota {
    bottom: -30px;
    color: #cdcdcd;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase
}

.block.block_morecontent .wrap-img {
    margin-bottom: 5px
}

.block.block_morecontent .col-md-12 .bloc {
    border-bottom: 1px solid #e1e1e1
}

.block.block_morecontent .col-md-12 .bloc .titre {
    font-size: 40px;
    font-weight: 400
}

.block.block_morecontent .col-md-6 .bloc {
    margin-top: 20px
}

.block.block_morecontent .col-md-6 .bloc .bloc_news {
    padding: 0 10px
}

.home .block h1, .home .block h2 {
    color: #fff;
    font-weight: 700;
    background: #67717e;
    margin: 0 -30px;
    padding: 20px 30px
}

.home .block h1 span, .home .block h2 span {
    background: none
}

.home .block h1 a, .home .block h2 a, .home .block h1 span._NOL, .home .block h2 span._NOL {
    color: #fff
}

.home .block h1 a:hover, .home .block h2 a:hover, .home .block h1 span._NOL:hover, .home .block h2 span._NOL:hover {
    text-decoration: none
}

.home .block h3 {
    color: #00123f;
    font-size: 20px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.1px
}

.home .block h3 span {
    color: #67717e
}

.home .block .tags {
    margin-top: 25px
}

.home .block .tags li a, .home .block .tags li span._NOL {
    line-height: 20px;
    color: #00123f;
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}

.home .block .tags li a:hover, .home .block .tags li span._NOL:hover {
    color: #64baff
}

.home .block .h2bleu {
    background: #3790ff
}

.home .block .h2bleu span {
    font-size: 35px
}

.home .block .h2bleu + .tags {
    position: relative;
    top: -51px;
    left: 92%;
    margin: 0
}

.home .block .h2bleu + .tags li a, .home .block .h2bleu + .tags li span._NOL {
    color: #fff
}

.home .block.block_3_contenus h2 {
    position: relative;
    background: none;
    margin: 50px 0 0 0;
    padding: 0
}

.home .block.block_3_contenus h2:before {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dae0e6;
    content: ""
}

.home .block.block_3_contenus h2 span {
    color: #00123f;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: -0.1px
}

.home .block_home_news:nth-of-type(1) .item {
    padding-top: 0
}

.alerte-info {
    background: #f0000e;
    font-weight: 500;
    font-size: 21px;
    color: #fff;
    padding: 15px 10px;
    margin: 0 0 20px 0
}

.alerte-info span {
    display: inline-block;
    vertical-align: middle;
    max-width: 78%
}

.alerte-info span.titre {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 1px;
    background: #670028;
    padding: 0 9px;
    margin: 0 15px 0 0
}

.alerte-info span a, .alerte-info span span._NOL {
    color: #FFFFFF
}

.pagination {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    padding: 15px 0 0 0;
    font-weight: 600;
    font-size: 1.286em;
    color: #000000;
    border-radius: 0
}

.pagination .titre {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    margin-right: 10px
}

.pagination ul {
    display: inline-block;
    vertical-align: top
}

.pagination ul li {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background: #FFFFFF;
    line-height: 38px
}

.pagination ul li a, .pagination ul li span._NOL {
    display: block;
    color: #000000
}

.pagination ul li.active, .pagination ul li:hover {
    background: #64b1ff
}

.pagination ul li.active a, .pagination ul li:hover a, .pagination ul li.active span._NOL, .pagination ul li:hover span._NOL {
    text-decoration: none;
    color: #FFFFFF
}

.pagination ul li.clr {
    background: none;
    display: block;
    width: 100%;
    height: 1px;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    background-clip: padding-box;
    line-height: 1
}

.pagination ul li.clr:hover {
    background: none
}

.page404 {
    color: #000000;
    font-weight: 400;
    text-align: center
}

.page404 .titre {
    display: block;
    font-size: 3.214em;
    line-height: 1.111em;
    margin: 0 0 40px 0;
    text-align: left
}

.page404 p {
    font-size: 1.143em;
    line-height: 1.875em;
    margin: 40px 0 55px 0;
    padding: 0;
    text-align: center
}

.page404 a, .page404 span._NOL {
    border: 2px solid #64b1ff;
    color: #64b1ff;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1em;
    padding: 11px 40px;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.page404 a:hover, .page404 span._NOL:hover {
    background: #64b1ff;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ellefrl, .ellefre {
    margin-bottom: 20px
}

.block_generique .bloc .bloc_news a:hover, .block_generique .bloc .bloc_news span._NOL:hover {
    text-decoration: none;
    color: #64b1ff
}

.block_generique .bloc .bloc_news .heure {
    display: inline-block;
    font-weight: 600;
    color: #999999;
    font-size: 0.857em;
    line-height: 1em;
    margin-top: 10px
}

.block_generique .bloc .bloc_news .titre {
    color: #000000;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 5px 0
}

.block_generique .bloc .bloc_news p {
    color: #000;
    display: block;
    font-weight: 600;
    margin-bottom: 20px
}

.block_generique .bloc .bloc_news .linkmore {
    color: #64b1ff;
    display: inline-block;
    font-size: 0.786em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    border: 2px solid #64b1ff;
    transition: all 0.25s ease-in-out 0s;
    padding: 9px 12px 8px
}

.block_generique .bloc .bloc_news .linkmore:hover {
    background: #64b1ff;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block_generique .btn_grille_programmes {
    display: inline-block;
    border: 2px solid #64b1ff;
    color: #64b1ff;
    font-size: 1em;
    font-weight: 700;
    padding: 8px 15px;
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    top: -50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.block_generique .btn_grille_programmes:hover {
    background: #64b1ff;
    color: #FFFFFF;
    text-decoration: none
}

.block_generique .liste_abcdaire {
    margin: 20px 0 35px 0
}

.block_generique .liste_abcdaire li {
    display: inline-block;
    vertical-align: top;
    color: #FFFFFF;
    font-size: 1.857em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0.9% 10px 0
}

.block_generique .liste_abcdaire li a, .block_generique .liste_abcdaire li span, .block_generique .liste_abcdaire li span._NOL {
    display: block;
    color: #FFFFFF;
    width: 53px;
    height: 53px;
    line-height: 50px
}

.block_generique .liste_abcdaire li a, .block_generique .liste_abcdaire li span._NOL {
    background: #64b1ff
}

.block_generique .liste_abcdaire li a:hover, .block_generique .liste_abcdaire li span._NOL:hover {
    background: #1688e2;
    text-decoration: none
}

.block_generique .liste_abcdaire li span {
    background: #eeeeee
}

.block_generique .frequences_nota p {
    margin-top: 30px
}

.block_generique .frequences_nota a, .block_generique .frequences_nota span._NOL {
    color: #64b1ff
}

.block_generique .col-md-3:nth-child(4n+1) {
    clear: left
}

.block_lettre {
    margin-top: 20px
}

.block_lettre .lettre {
    display: block;
    font-weight: 400;
    color: #64b1ff;
    font-size: 5em
}

.block_lettre ul {
    font-weight: 400
}

.block_lettre ul li {
    display: block;
    font-size: 1.286em;
    line-height: 1em;
    background: #EEEEEE;
    padding: 0 0 0 80px
}

.block_lettre ul li:nth-child(even) {
    background: #FFFFFF
}

.block_lettre ul li a, .block_lettre ul li span._NOL {
    font-weight: 400;
    color: #000000;
    display: block;
    padding: 11px 0
}

.block_lettre ul li a:hover, .block_lettre ul li span._NOL:hover {
    color: #0036d5;
    text-decoration: none
}

.block_lettre ul li div {
    display: inline-block;
    width: 49%;
    padding: 11px 0
}

.block_lettre ul li span {
    font-weight: 700
}

.block_lettre .legende {
    margin-bottom: -35px
}

.block_lettre .legende li {
    background: transparent
}

form.recherche {
    font-size: 1.143em;
    font-weight: 400;
    color: #000000;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e1e1e1
}

form.recherche p {
    margin: 5px 0 15px 0
}

form.recherche .form-control {
    width: 160px;
    background: #FFFFFF;
    display: inline-block;
    height: auto;
    font-weight: 700;
    font-size: 0.875em;
    color: #000000;
    border: 2px solid #e1e1e1;
    padding: 0;
    margin-right: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    position: relative
}

form.recherche .form-control:focus {
    border-color: #e1e1e1;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0)
}

form.recherche .form-control:before {
    background: #e1e1e1;
    content: "";
    height: 100%;
    position: absolute;
    right: 50px;
    top: 0;
    width: 1px
}

form.recherche .form-control:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6.5px 0 6.5px;
    border-color: #000000 transparent transparent transparent;
    bottom: 0;
    display: block;
    margin: auto 0;
    position: absolute;
    right: 19px;
    top: 0
}

form.recherche .form-control:hover:after {
    border-color: #64b1ff transparent transparent transparent
}

form.recherche .form-control input {
    padding: 8px 15px;
    width: 100%;
    border: 0;
    cursor: pointer;
    background: transparent
}

form.recherche .radio {
    margin: 15px 0 0 0
}

form.recherche .radio > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

form.recherche .radio label {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 15px 0 0
}

form.recherche .radio label:last-child {
    margin: 0
}

form.recherche .radio label input {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: auto
}

.ui-datepicker {
    border: 2px solid #e1e1e1;
    margin-top: 10px;
    padding: 15px 20px 30px;
    width: 27.5em;
    font-size: 1em;
    z-index: 999 !important;
    color: #333333;
    font-family: 'Fira Sans', 'Helvetica', 'Arial', sans-serif
}

.ui-datepicker .ui-datepicker-header {
    padding: 0 0 15px 0;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    background: #FFFFFF
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-weight: 700
}

.ui-datepicker .ui-widget-header {
    color: #333333;
    font-weight: inherit
}

.ui-datepicker .ui-widget-header .ui-corner-all {
    width: 15px;
    height: 26px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.ui-datepicker .ui-widget-header .ui-icon {
    background: none;
    font-family: 'Icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    width: 15px;
    height: 26px;
    font-size: 26px;
    text-indent: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    cursor: pointer
}

.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before {
    content: "\e901";
    font-size: 26px;
    margin-left: -5px
}

.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before {
    content: "\e962";
    font-size: 26px;
    margin-left: -5px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    left: 1px;
    top: 1px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev span, .ui-datepicker .ui-widget-header .ui-datepicker-next span {
    display: block;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
    right: 1px;
    left: auto
}

.ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-widget-header .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-widget-header .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-widget-header .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-widget-header .ui-state-focus {
    border: 0;
    background: none;
    color: #64b1ff;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    padding: 0;
    margin: 0
}

.ui-datepicker table {
    font-size: 1em
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 0
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 0
}

.ui-datepicker .ui-datepicker-calendar th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1em
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default {
    background: none;
    border: 0;
    text-align: center;
    font-size: 1em;
    padding: 8px 0
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default.ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default.ui-state-active {
    background: #64b1ff;
    color: #FFFFFF;
    font-weight: 700
}

.ui-datepicker .ui-datepicker-buttonpane {
    padding-top: 10px
}

.ui-datepicker .ui-datepicker-buttonpane span {
    font-weight: 600;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-buttonpane span:hover {
    color: #64b1ff
}

.ui-datepicker .ui-datepicker-buttonpane .clearDate {
    float: right
}

.nb_resulats {
    font-size: 2em;
    line-height: 1.786em;
    font-weight: 400;
    color: #000000;
    margin: 0 0 20px 0
}

.nb_resulats span {
    color: #64b1ff
}

.grille_programmes .header-article {
    margin-bottom: 15px
}

.grille_programmes .programmes {
    margin-top: 25px
}

.grille_programmes .btns {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0 0 0;
    margin: 0 0 45px 0
}

.grille_programmes .btns ul {
    display: block
}

.grille_programmes .btns ul li {
    margin: 0
}

.grille_programmes .btns ul li a, .grille_programmes .btns ul li span._NOL {
    display: block;
    color: #999999;
    font-size: 0.786em;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.grille_programmes .btns ul li a:hover, .grille_programmes .btns ul li span._NOL:hover {
    background: #ff1744
}

.grille_programmes .btns ul li.active a, .grille_programmes .btns ul li.active span._NOL {
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    background: #ff1744
}

.grille_programmes .btns ul li:first-child {
    margin: 0
}

.grille_programmes .wrap-img img {
    width: auto
}

.grille_programmes .bloc_texte {
    position: relative;
    min-height: 140px;
    font-weight: 400;
    color: #000000
}

.grille_programmes .bloc_texte:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dadada;
    content: ""
}

.grille_programmes .bloc_texte .titre {
    line-height: 24px;
    display: block;
    min-height: 60px;
    font-size: 24px
}

.grille_programmes .bloc_texte .titre a, .grille_programmes .bloc_texte .titre span._NOL {
    color: #000
}

.grille_programmes .bloc_texte .titre span {
    font-weight: 700
}

.grille_programmes .bloc_texte .titre span:before {
    position: relative;
    top: 4px;
    display: inline-block;
    background: #000;
    width: 2px;
    height: 25px;
    margin: 0 10px;
    content: ""
}

.grille_programmes .bloc_texte .titre-l {
    min-height: 76px;
    font-weight: 700
}

.grille_programmes .bloc_texte .bt {
    display: inline-block;
    color: #9d00cd;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #9d00cd;
    border-radius: 4px;
    margin: 0 5px 15px 0;
    padding: 10px 15px
}

.grille_programmes .bloc_texte .bt:hover {
    color: #fff;
    background: #9d00cd;
    text-decoration: none
}

.grille_programmes .bloc_texte .bt .icon-PICTO_podcast {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.grille_programmes .bloc_texte .bt-more {
    color: #64b1ff;
    border: 2px solid #64b1ff
}

.grille_programmes .bloc_texte .bt-more .picto {
    font-family: 'Icons';
    margin-left: 5px
}

.grille_programmes .bloc_texte .bt-more .picto:before {
    content: "\e964"
}

.grille_programmes .bloc_texte .bt-more:hover {
    background: #64b1ff
}

.grille_programmes .bloc_texte .heure {
    display: block;
    font-weight: 700;
    font-size: 1.143em;
    line-height: 1em;
    text-transform: uppercase
}

.grille_programmes .bloc_programmes {
    margin-top: 5px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out
}

.grille_programmes .bloc_programmes li {
    position: relative;
    display: block;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 55px 10px 40px;
    color: #000000
}

.grille_programmes .bloc_programmes li:nth-child(2n) {
    background: #eee
}

.grille_programmes .bloc_programmes li a, .grille_programmes .bloc_programmes li span._NOL {
    color: #000000
}

.grille_programmes .bloc_programmes li span {
    font-weight: 400
}

.grille_programmes .bloc_programmes li .bt {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #9d00cd;
    font-size: 25px;
    text-decoration: none;
    vertical-align: middle
}

.grille_programmes .programmes.open .bloc_texte .bt-more {
    color: #fff;
    background: #64b1ff
}

.grille_programmes .programmes.open .bloc_texte .bt-more .picto:before {
    content: "\e963"
}

.grille_programmes .programmes.open .bloc_programmes {
    max-height: 2000px;
    transition: max-height 0.5s ease-in-out
}

.grille_podcasts .header-article {
    margin-bottom: 15px
}

.grille_podcasts .header-article .publication {
    font-size: 1em
}

.grille_podcasts .header-article .publication .seasonPublished {
    margin: 0;
    padding: 4px 9px
}

.grille_podcasts .btns {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0 0 0;
    margin: 0 0 45px 0
}

.grille_podcasts .btns ul {
    display: block
}

.grille_podcasts .btns ul li {
    margin: 0 0 0 10px
}

.grille_podcasts .btns ul li a, .grille_podcasts .btns ul li span._NOL {
    display: block;
    border: 2px solid transparent;
    color: #999999;
    font-size: 0.786em;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.grille_podcasts .btns ul li a:hover, .grille_podcasts .btns ul li span._NOL:hover {
    border: 2px solid #64b1ff;
    background: #64b1ff
}

.grille_podcasts .btns ul li.active a, .grille_podcasts .btns ul li.active span._NOL {
    border: 2px solid #64b1ff;
    color: #64b1ff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.grille_podcasts .btns ul li.active a:hover, .grille_podcasts .btns ul li.active span._NOL:hover {
    color: #FFFFFF;
    background: #64b1ff
}

.grille_podcasts .btns ul li:first-child {
    margin: 0
}

.grille_podcasts .btns ul li.pull-right a, .grille_podcasts .btns ul li.pull-right span._NOL {
    color: #9d00d1
}

.grille_podcasts .btns ul li.pull-right a:hover, .grille_podcasts .btns ul li.pull-right span._NOL:hover {
    border: 2px solid #9d00d1;
    background: #9d00d1;
    color: #FFFFFF
}

.grille_podcasts .wrap-img {
    margin: 0 0 0 30px
}

.grille_podcasts .wrap-img img {
    width: auto
}

.grille_podcasts .bloc_texte {
    font-weight: 400;
    color: #000000
}

.grille_podcasts .bloc_texte .titre {
    color: #64b1ff;
    display: block;
    font-size: 2.143em;
    line-height: 1em;
    margin: 0 0 10px
}

.grille_podcasts .bloc_texte .heure {
    display: block;
    font-weight: 700;
    font-size: 1.143em;
    line-height: 1em;
    margin: 0 0 20px 0
}

.grille_podcasts .bloc_texte .heure span {
    margin: 0 0 0 3px;
    padding: 0 0 0 8px;
    position: relative
}

.grille_podcasts .bloc_texte .heure span:before {
    background: #000000;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 2px
}

.grille_podcasts .bloc_texte p {
    font-size: 1.143em;
    line-height: 1.250em;
    margin: 0
}

.grille_podcasts .bloc_programmes {
    margin: 25px 0 80px 0
}

.grille_podcasts .bloc_programmes > li {
    background: #EEEEEE;
    display: block;
    font-weight: 700;
    font-size: 1.143em;
    line-height: 1em;
    padding: 15px 200px 15px 20px;
    color: #000000;
    position: relative
}

.grille_podcasts .bloc_programmes > li:nth-child(2n) {
    background: #ffffff
}

.grille_podcasts .bloc_programmes > li a, .grille_podcasts .bloc_programmes > li span._NOL {
    color: #000000
}

.grille_podcasts .bloc_programmes > li span {
    display: block;
    font-weight: 400;
    margin: 10px 0 0 0
}

.grille_podcasts .bloc_programmes > li ul {
    position: absolute;
    right: 20px;
    top: 14px
}

.grille_podcasts .bloc_programmes > li ul li {
    display: inline-block;
    margin: 0 0 0 3px;
    padding: 0 0 0 5px;
    position: relative;
    vertical-align: middle
}

.grille_podcasts .bloc_programmes > li ul li:before {
    background: #64b1ff;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 1px
}

.grille_podcasts .bloc_programmes > li ul li a, .grille_podcasts .bloc_programmes > li ul li span._NOL {
    color: #64b1ff;
    font-size: 0.750em;
    text-transform: uppercase;
    display: block
}

.grille_podcasts .bloc_programmes > li ul li:first-child {
    padding: 0
}

.grille_podcasts .bloc_programmes > li ul li:first-child:before {
    display: none
}

.live .live_btn .btn_reagir {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 20px 20px 30px 0
}

.live .live_btn .btn_reagir a, .live .live_btn .btn_reagir span._NOL {
    color: #000;
    border-radius: 4px;
    background: #f4e004;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 7px 50px
}

.live .live_btn .btn_reagir a:hover, .live .live_btn .btn_reagir span._NOL:hover {
    text-decoration: none
}

.live .live_btn ul {
    display: inline-block;
    padding: 0
}

.live .live_btn ul li {
    display: inline-block;
    margin: 20px 20px 30px 0
}

.live .live_btn ul li a, .live .live_btn ul li span._NOL {
    color: #999;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    border: 2px solid transparent;
    text-transform: uppercase;
    padding: 10px 15px
}

.live .live_btn ul li a.on, .live .live_btn ul li a:hover, .live .live_btn ul li span._NOL.on, .live .live_btn ul li span._NOL:hover {
    color: #64b1ff;
    border: 2px solid #64b1ff;
    text-decoration: none
}

.live .header-article {
    border-bottom: 1px solid #e1e1e1
}

.live .header-article span {
    color: #64b1ff
}

.live .live_entete {
    margin-bottom: 30px
}

.live .live_entete .live_enteteTitre {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px
}

.live .live_entete .live_enteteTitre span {
    position: relative;
    background: #fff;
    padding-right: 55px;
    z-index: 1
}

.live .live_entete .live_enteteTitre:after {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e1e1e1;
    content: ""
}

.live .live_entete .btns {
    margin-top: 20px
}

.live .live_entete .infos_emission {
    color: #64b1ff;
    font-size: 24px;
    font-weight: 600
}

.live .live_entete .infos_animateurs {
    font-size: 18px;
    font-weight: 600
}

.live .live_entete .infos_horaire {
    font-size: 18px
}

.block_lastcontent .lastcontent_titre {
    font-size: 25px;
    font-weight: 700
}

.block_lastcontent h2 {
    line-height: normal
}

.block_lastcontent h2:after {
    display: none
}

.block_lastcontentL .lastcontent_titre {
    font-size: 22px;
    font-weight: 600
}

.myLive .modal-header {
    border-bottom: 0
}

.myLive .modal-header .nota {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.myLive .modal-header .nota strong {
    color: #64b1ff
}

.myLive .modal-header .nota span {
    display: block;
    font-size: 10px
}

.myLive .modal-header .sepa {
    position: relative;
    color: #345ed7;
    font-size: 14px;
    text-transform: uppercase
}

.myLive .modal-header .sepa span {
    position: relative;
    background: #fff;
    padding-right: 55px;
    z-index: 1
}

.myLive .modal-header .sepa:after {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    height: 1px;
    content: ""
}

.myLive .modal-header .close {
    color: #64b1ff;
    font-size: 40px;
    opacity: 1
}

.myLive .modal-header .nav {
    margin-top: 20px
}

.myLive .modal-header .nav li {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    margin-right: 20px
}

.myLive .modal-header .nav .item_message {
    padding: 10px 20px
}

.myLive .modal-header .nav .item_twitter {
    margin: 0;
    border-color: transparent;
    padding: 0
}

.myLive .modal-header .nav .item_twitter a, .myLive .modal-header .nav .item_twitter span._NOL {
    color: #55a5da;
    border-radius: 4px;
    padding: 10px 20px
}

.myLive .modal-header .nav .item_twitter a:hover, .myLive .modal-header .nav .item_twitter span._NOL:hover {
    color: #fff;
    text-decoration: none;
    background: #55a5da
}

.myLive .modal-title {
    color: #64b1ff;
    font-size: 25px;
    font-weight: 600
}

.myLive .form-control {
    box-shadow: 0 0 0
}

.myLive button.submit {
    width: 100%;
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: 2px solid #64b1ff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0
}

.myLive .modal-body .nota {
    color: #999;
    font-size: 10px;
    font-weight: 600
}

article .iframeContainer iframe {
    width: 100%;
    height: 350px
}

.block_hub {
    margin-bottom: 0
}

.block_hub .row {
    margin-top: 15px
}

.block_hub h2 {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.block_hub h2:after {
    display: none
}

.block_hub .linkall {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.block_hub .linkall a, .block_hub .linkall span._NOL {
    color: #999
}

.block_hub .linkall a:hover, .block_hub .linkall span._NOL:hover {
    color: #64b1ff;
    text-decoration: none
}

.block_hub .col-md-3:nth-child(4n+1) {
    clear: left
}

.block_hub .bloc {
    margin-bottom: 30px
}

.block_hub .bloc .titre {
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 0 0
}

.block_hub .bloc .titre a, .block_hub .bloc .titre span._NOL {
    color: #000
}

.block_hub.block_hubL {
    margin-top: 30px
}

.block_club_listing h2 {
    color: #64b1ff;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px
}

.block_club_listing h2:after {
    display: none
}

.block_club_listing .row {
    margin-top: 0
}

.block_club_listing .row .club {
    margin-bottom: 30px
}

.block_club_listing .titre {
    display: block;
    color: #000;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px
}

.block_club_listing .titre:hover {
    color: #64b1ff;
    text-decoration: none
}

.block_club_listing p {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px
}

.block_club_listing p a, .block_club_listing p span._NOL {
    color: #999
}

.block_club_listing p a:hover, .block_club_listing p span._NOL:hover {
    color: #999;
    text-decoration: none
}

.block_club_listingExt {
    margin-bottom: 0
}

.block_club_listingExt h2 {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    padding-bottom: 5px
}

.block_club_listingEvt {
    background: #64b1ff;
    padding: 15px 20px 10px 20px
}

.block_club_listingEvt h2 {
    color: #fff;
    margin: 0
}

.block_club_listingEvt ul li {
    position: relative;
    min-height: 115px;
    border-top: 1px solid #0d379b;
    margin-bottom: 15px;
    padding: 15px 0 0 210px
}

.block_club_listingEvt ul li .wrap-img {
    position: absolute;
    top: 15px;
    left: 0
}

.block_club_listingEvt ul li .titre, .block_club_listingEvt ul li p {
    color: #fff
}

.block_club_listingEvt ul li .titre:hover, .block_club_listingEvt ul li p:hover {
    color: #fff
}

.block_club_listingEvt ul li .titre {
    margin-top: 5px
}

.block_club_listingEvt ul li:first-child {
    border: 0;
    padding-left: 0
}

.block_club_listingEvt ul li:first-child .wrap-img {
    position: static
}

.block_club_listingEvt ul li:first-child .titre {
    margin-top: 10px
}

.block_club_reglement .titre {
    font-size: 16px;
    font-weight: 700
}

.block_club_reglement p {
    font-size: 16px
}

.block_club_reglement p a, .block_club_reglement p span._NOL {
    color: #64b1ff
}

aside .club {
    margin-bottom: 20px
}

aside .club .club_titre {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 25px;
    background: #64b1ff;
    padding: 0 18px
}

aside .club .club_titre a, aside .club .club_titre span._NOL {
    float: right;
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

aside .club .club_cnt {
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 20px 10px
}

aside .club .club_cnt .col-sm-7 {
    padding-left: 0
}

aside .club .club_cnt .control-label {
    font-size: 13px;
    text-align: left;
    padding-top: 17px
}

aside .club .club_cnt .form-control {
    height: 54px;
    line-height: 54px;
    box-shadow: none;
    border-color: #e1e1e1
}

aside .club .club_cnt .btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #64b1ff;
    background: none;
    padding: 0
}

aside .club .club_cnt .btn:hover {
    color: #fff;
    background: #64b1ff
}

aside .club .club_cnt .link_pwd {
    color: #64b1ff;
    font-size: 10px;
    font-weight: 600
}

aside .club .club_cnt form ul li {
    display: block;
    padding: 0 0 10px 0
}

aside .club .club_cnt form ul li a, aside .club .club_cnt form ul li span._NOL {
    color: #64b1ff
}

aside .club .club_cnt .connect_social {
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
    padding-top: 15px
}

aside .club .club_cnt .connect_social span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 10px
}

aside .club .club_cnt .connect_social ul li {
    display: inline-block;
    margin: 0 0 0 10px
}

aside .club .club_cnt .connect_social ul li:first-child {
    margin-left: 0
}

aside .club .club_cnt .connect_social ul li a, aside .club .club_cnt .connect_social ul li span._NOL {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

aside .club .club_cnt .connect_social ul li a:hover, aside .club .club_cnt .connect_social ul li span._NOL:hover {
    text-decoration: none;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

aside .club .club_cnt .connect_social ul li .icon-Facebook {
    background: #39579a
}

aside .club .club_cnt .connect_social ul li .icon-Facebook:hover {
    color: #39579a
}

aside .club .club_cnt .connect_social ul li .icon-GooglePlus {
    background: #df4a32
}

aside .club .club_cnt .connect_social ul li .icon-GooglePlus:hover {
    color: #df4a32
}

.block_autourde h2 {
    font-size: 25px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px
}

.block_autourde h2:after {
    display: none
}

.block_autourde .col-md-3 {
    margin-bottom: 20px
}

.block_autourde .titre {
    display: block;
    color: #000;
    font-size: 1.143em;
    font-weight: 700;
    line-height: 1em;
    margin: 15px 0 0 0
}

.block_autourde .col-md-3:nth-child(4n+1) {
    clear: left
}

.box h2 {
    font-size: 25px;
    font-weight: 700;
    padding: 0 0 5px 0
}

.box p {
    line-height: 26px;
    font-size: 16px;
    margin: 20px 0 0 0
}

form.recherche-referencesmusicales {
    margin-bottom: 30px;
    padding-bottom: 30px
}

form.recherche-referencesmusicales .form-control {
    width: 380px
}

form.recherche-referencesmusicales .form-control input {
    font-size: 20px
}

.referencesmusicales-jour {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.referencesmusicales-listing li {
    position: relative;
    padding: 0 0 40px 80px
}

.referencesmusicales-listing li p {
    font-size: 18px;
    margin-bottom: 0
}

.referencesmusicales-listing li strong {
    font-size: 25px
}

.referencesmusicales-listing li span {
    color: #858383
}

.referencesmusicales-listing li .horaire {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    background: #fff;
    padding: 5px 0
}

.referencesmusicales-listing li:before {
    position: absolute;
    top: 0;
    left: 24px;
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    content: ""
}

.referencesmusicales-listing li:first-child:before {
    top: 10px
}

.referencesmusicales-listing .legende {
    padding: 20px 0 60px 80px
}

.referencesmusicales-listing .legende .horaire span {
    color: #e1e1e1;
    font-size: 55px
}

.rss {
    position: relative;
    padding-right: 220px
}

.rss select {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    font-weight: 700
}

.rss .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 54px;
    line-height: 50px;
    color: #64b1ff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #64b1ff;
    background: none;
    padding: 0
}

.rss .btn:hover {
    color: #fff;
    background: #64b1ff
}

.sitesgroupe-titre {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px
}

.sitesgroupe-listing {
    margin: 0 -10px 10px -10px
}

.sitesgroupe-listing .col-md-3 {
    margin-bottom: 20px;
    padding: 0 10px
}

.sitesgroupe-listing .texte {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    background: #64b1ff;
    padding: 5px 3px
}

.sitesgroupe-listing .texte:hover {
    text-decoration: none;
    background: #94abe3
}

.contacts {
    min-height: 2000px
}

.contacts .titre {
    line-height: 50px;
    font-size: 45px;
    font-weight: 500
}

.contacts .description {
    line-height: 26px;
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 50px 0
}

.contacts .bloc_cnt {
    margin-bottom: 50px
}

.contacts .bloc_cnt .bloc_titre {
    position: relative;
    color: #00123f;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 45px;
    padding-left: 56px
}

.contacts .bloc_cnt .bloc_titre span {
    font-size: 14px
}

.contacts .bloc_cnt .bloc_titre [class^="icon-"], .contacts .bloc_cnt .bloc_titre [class*=" icon-"] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 38px
}

.contacts .bloc_cnt .bloc_titre .icon-mail {
    font-size: 28px;
    margin-top: 5px
}

.contacts .bloc_cnt .nota {
    font-size: 16px
}

.contacts .bloc_cnt form legend {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 0;
    margin-top: 20px
}

.contacts .bloc_cnt form legend.choixcontact {
    margin: 0
}

.contacts .bloc_cnt form legend.cgu {
    float: left;
    font-weight: 400;
    margin-top: 40px
}

.contacts .bloc_cnt form .form-group {
    margin-bottom: 50px
}

.contacts .bloc_cnt form label {
    font-size: 16px;
    font-weight: 600
}

.contacts .bloc_cnt form .form-control {
    color: #000;
    font-size: 16px;
    border: 0;
    border-bottom: 2px solid rgba(55, 144, 255, 0.5);
    padding: 10px 0
}

.contacts .bloc_cnt form select.form-control {
    border: 1px solid #b7b8bd;
    padding: 0 10px
}

.contacts .bloc_cnt form textarea.form-control {
    min-height: 200px;
    border: 1px solid #b7b8bd;
    border-radius: 3px;
    padding: 10px
}

.contacts .bloc_cnt form .contact_form_error {
    color: #f50060;
    font-size: 12px;
    margin-top: 5px
}

.contacts .bloc_cnt form .contact-subject .form-control {
    border: 1px solid #b7b8bd;
    padding: 0
}

.contacts .bloc_cnt form .idt {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.contacts .bloc_cnt form .idt label {
    color: #70717c;
    font-weight: 400
}

.contacts .bloc_cnt form .error label {
    color: #f50060
}

.contacts .bloc_cnt form .error label a, .contacts .bloc_cnt form .error label span._NOL {
    color: #f50060
}

.contacts .bloc_cnt form .error .form-control {
    border-color: #f50060
}

.contacts .bloc_cnt form .error.contact_form_object label, .contacts .bloc_cnt form .error.contact_form_message label {
    color: #000
}

.contacts .bloc_cnt form .entete, .contacts .bloc_cnt form .cnt-checkbox {
    float: left
}

.contacts .bloc_cnt form .entete .form-group, .contacts .bloc_cnt form .cnt-checkbox .form-group {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px
}

.contacts .bloc_cnt form .entete label, .contacts .bloc_cnt form .cnt-checkbox label {
    width: 100%;
    font-weight: 400;
    margin: 0
}

.contacts .bloc_cnt form .entete label a, .contacts .bloc_cnt form .cnt-checkbox label a, .contacts .bloc_cnt form .entete label span._NOL, .contacts .bloc_cnt form .cnt-checkbox label span._NOL {
    color: #3790ff;
    font-weight: 400
}

.contacts .bloc_cnt form .entete .error label a, .contacts .bloc_cnt form .cnt-checkbox .error label a, .contacts .bloc_cnt form .entete .error label span._NOL, .contacts .bloc_cnt form .cnt-checkbox .error label span._NOL {
    color: #f50060
}

.contacts .bloc_cnt form .entete input, .contacts .bloc_cnt form .cnt-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: auto;
    color: #000;
    font-weight: 400;
    margin: 5px 0 0 0;
    padding: 0
}

.contacts .bloc_cnt form .entete {
    float: left;
    margin-bottom: 80px
}

.contacts .bloc_cnt form .entete .form-group {
    margin-bottom: 20px;
    padding-left: 0
}

.contacts .bloc_cnt form .entete .form-control {
    border: 0
}

.contacts .bloc_cnt form .entete label {
    position: relative;
    width: 100%;
    color: #000;
    font-weight: 400;
    padding-left: 30px
}

.contacts .bloc_cnt form .entete input:checked + span {
    color: #3790ff
}

.contacts .bloc_cnt form .more {
    float: left;
    margin-top: 25px
}

.contacts .bloc_cnt form .legales-conditions {
    margin-bottom: 70px
}

.contacts .bloc_cnt form button {
    display: block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #3790ff;
    border: 0;
    border-radius: 25px;
    margin: 0 auto 100px auto
}

.contacts .bloc_cnt form .msg_success {
    color: #3790ff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 80px 0 100px 0
}

.contacts .bloc_cnt form .nota {
    line-height: 26px;
    font-size: 14px
}

.contacts .bloc_cnt form .nota p {
    margin-bottom: 30px
}

.bandeau_euro2016 {
    background: #64b1ff url(../../Resources/public/images/bg_bandeau_euro2016.jpg) left bottom no-repeat;
    margin-bottom: 20px;
    padding: 10px 15px 20px 15px
}

.bandeau_euro2016 .titre {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.bandeau_euro2016 .nota {
    color: #f4e004;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.bandeau_euro2016 .nota a, .bandeau_euro2016 .nota span._NOL {
    color: #f4e004
}

.bandeau_euro2016 .nota a:hover, .bandeau_euro2016 .nota span._NOL:hover {
    text-decoration: none
}

.bandeau_euro2016 .nota span {
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle
}

.bandeau_euro2016 .infos {
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.bandeau_euro2016 .infos span {
    font-size: 14px;
    margin-right: 5px
}

.bandeau_euro2016 .infos a, .bandeau_euro2016 .infos span._NOL {
    color: #fff
}

.bandeau_euro2016 .infos a:hover, .bandeau_euro2016 .infos span._NOL:hover {
    text-decoration: none
}

.bandeau_euro2016 .dataliste li {
    float: left;
    width: 100%;
    border-top: 1px solid #668be3;
    padding: 10px 0
}

.bandeau_euro2016 .dataliste li:first-child {
    border-top: 0;
    padding-top: 0
}

.bandeau_euro2016 .dataliste .dataL, .bandeau_euro2016 .dataliste .dataR {
    float: left;
    width: 35%;
    line-height: 18px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px
}

.bandeau_euro2016 .dataliste .dataL span, .bandeau_euro2016 .dataliste .dataR span, .bandeau_euro2016 .dataliste .dataL img, .bandeau_euro2016 .dataliste .dataR img {
    display: inline-block;
    vertical-align: middle
}

.bandeau_euro2016 .dataliste .dataL span, .bandeau_euro2016 .dataliste .dataR span {
    max-width: 90px
}

.bandeau_euro2016 .dataliste .dataL a, .bandeau_euro2016 .dataliste .dataR a, .bandeau_euro2016 .dataliste .dataL span._NOL, .bandeau_euro2016 .dataliste .dataR span._NOL {
    color: #fff
}

.bandeau_euro2016 .dataliste .dataL a:hover, .bandeau_euro2016 .dataliste .dataR a:hover, .bandeau_euro2016 .dataliste .dataL span._NOL:hover, .bandeau_euro2016 .dataliste .dataR span._NOL:hover {
    text-decoration: none
}

.bandeau_euro2016 .dataliste .dataL {
    text-align: right
}

.bandeau_euro2016 .dataliste .dataL img {
    margin-left: 20px
}

.bandeau_euro2016 .dataliste .dataR img {
    margin-right: 20px
}

.bandeau_euro2016 .dataliste .dataM {
    float: left;
    width: 30%;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    padding: 0 5px
}

.bandeau_euro2016 .dataliste .dataM span {
    display: inline-block;
    width: 35%;
    font-size: 30px;
    margin-top: -6px;
    vertical-align: middle
}

.bandeau_euro2016 .dataliste .dataM em {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #668be3;
    margin: 0 10px;
    vertical-align: middle
}

.bandeau_euro2016 .dataliste .dataM a, .bandeau_euro2016 .dataliste .dataM span._NOL {
    color: #fff
}

.bandeau_euro2016 .dataliste .dataM a:hover, .bandeau_euro2016 .dataliste .dataM span._NOL:hover {
    text-decoration: none
}

.bandeau_euro2016 .dataliste .link {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

.bandeau_euro2016 .dataliste .link a, .bandeau_euro2016 .dataliste .link span._NOL {
    display: inline-block;
    color: #f4e004;
    margin-top: 10px
}

.bandeau_euro2016 .dataliste .link a:hover, .bandeau_euro2016 .dataliste .link span._NOL:hover {
    text-decoration: none
}

.bandeau_bac {
    border: 1px solid #64b1ff;
    background: #f9f9f9;
    margin-bottom: 20px;
    padding: 18px
}

.bandeau_bac .titre {
    color: #64b1ff;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.bandeau_bac .form-group {
    position: relative;
    padding-left: 30px;
    margin-right: 30px
}

.bandeau_bac .form-group:before {
    position: absolute;
    top: 3px;
    left: 0;
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #64b1ff;
    font-size: 22px;
    content: "\e902"
}

.bandeau_bac .form-group.last:before {
    content: "\e969"
}

.bandeau_bac .form-group.success:after, .bandeau_bac .form-group.error:after {
    position: absolute;
    top: 5px;
    right: 0;
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 15px
}

.bandeau_bac .form-group.success:after {
    color: #00b16a;
    content: "\e968"
}

.bandeau_bac .form-group.error:after {
    color: #f94b29;
    content: "\e916"
}

.bandeau_bac .form-control {
    width: 160px;
    height: auto;
    color: #64b1ff;
    font-size: 16px;
    border: 0;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #64b1ff;
    box-shadow: none;
    padding: 0 20px 0 0
}

.bandeau_bac .form-control::-moz-placeholder {
    color: #aec1ed;
    opacity: 1
}

.bandeau_bac .form-control:-ms-input-placeholder {
    color: #aec1ed
}

.bandeau_bac .form-control::-webkit-input-placeholder {
    color: #aec1ed
}

.bandeau_bac .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #aec1ed;
    border: 1px solid #aec1ed;
    background: transparent;
    border-radius: 15px;
    text-transform: uppercase;
    padding: 0
}

.bandeau_bac .btn:hover {
    color: #fff;
    border-color: transparent;
    background: #f94b29
}

.bandeau_bac .nota {
    font-size: 14px;
    margin-top: 10px
}

.bandeau_bac .error_msg {
    color: #f94b29;
    font-weight: 700;
    margin-top: 10px
}

.bandeau_bac ul.ui-widget-content {
    text-align: left;
    border: 1px solid #e1e1e1;
    background: #fff
}

.bandeau_bac li.ui-state-focus {
    color: #fff;
    border: 0;
    background: #64b1ff
}

.header-elections {
    position: relative;
    text-align: center;
    background: #f3f4f9 url(../../Resources/public/images/thumb_entete_resultatpresidentielle2017.jpg) no-repeat center center / 60% auto;
    margin: -25px 0 20px;
    padding: 1% 0 3% 0
}

.header-elections img {
    display: inline-block
}

.header-elections form {
    padding: 0 11%
}

.header-elections .inputContainer {
    position: relative;
    width: 100%;
    border: 1px solid #f61d1d;
    background: #fff;
    margin-top: 14%;
    padding: 1% 0 3%
}

.header-elections .inputContainer .picto {
    position: relative;
    top: 2px;
    display: inline-block;
    font-size: 15px;
    margin-right: 20px
}

.header-elections .inputContainer .picto span {
    display: inline-block;
    width: 3px
}

.header-elections .inputContainer .picto span:nth-child(1) {
    color: #64b1ff
}

.header-elections .inputContainer .picto span:nth-child(2) {
    color: #dadada
}

.header-elections .inputContainer .picto span:nth-child(3) {
    color: #f61d1d
}

.header-elections .inputContainer input {
    width: 80%;
    color: #64b1ff;
    font-style: italic;
    border: 0;
    border-bottom: 1px solid #e1e1e1
}

.header-elections .inputContainer button {
    position: relative;
    top: 5px;
    display: inline-block;
    color: #e1e1e1;
    font-size: 25px;
    border: 0;
    background: none;
    margin-left: 10px
}

.header-elections.header-presidentielle2017 {
    background: #f3f4f9 url(../../Resources/public/images/thumb_entete_resultatpresidentielle2017.jpg) no-repeat center center / 60% auto
}

.header-elections.header-legislatives2017 {
    background: #f3f4f9 url(../../Resources/public/images/thumb_entete_resultatlegislatives2017.jpg) no-repeat center center / 60% auto
}

.tt-input {
    vertical-align: baseline !important
}

.tt-menu {
    left: -1px;
    width: 100%;
    margin: 2px -1px 0 0;
    padding: 0 1px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.tt-suggestion {
    padding: 5px 8%;
    font-size: 20px
}

.tt-suggestion .label {
    color: #000
}

.typeahead-group {
    padding: 0 8%
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #64b1ff
}

.tt-suggestion:hover .label {
    color: #fff
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #64b1ff
}

.twitter-typeahead {
    display: inline !important
}

.bandeau_presidentielle2017 {
    background: #131381;
    margin: -20px -15px 20px -15px;
    padding: 20px 25px
}

.bandeau_presidentielle2017 .breadcrumb {
    color: #cc1b3e;
    margin-bottom: 20px
}

.bandeau_presidentielle2017 .breadcrumb li a, .bandeau_presidentielle2017 .breadcrumb > li + li:before, .bandeau_presidentielle2017 .breadcrumb li span._NOL {
    color: #fff
}

.bandeau_presidentielle2017 .block {
    margin-bottom: 0
}

.bandeau_presidentielle2017 .block .col-md-12 {
    margin-bottom: 20px
}

.bandeau_presidentielle2017 .block .col-md-12 .bloc .bloc_news {
    position: relative;
    text-align: center;
    background: #080834;
    padding: 30px 20px 20px 20px
}

.bandeau_presidentielle2017 .block .col-md-12 .bloc .bloc_news .info {
    position: absolute;
    top: -10px;
    left: 10px;
    line-height: 1.25em;
    color: #fff;
    font-size: 0.714em;
    font-weight: 700;
    text-transform: uppercase;
    background: #f50060;
    padding: 4px 10px 6px 10px
}

.bandeau_presidentielle2017 .block .col-md-12 .bloc .bloc_news .titre {
    line-height: 40px;
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.bandeau_presidentielle2017 .block .col-md-3 .bloc .wrap-img .info {
    top: -10px;
    left: 10px
}

.bandeau_presidentielle2017 .block .col-md-3 .bloc .bloc_news {
    padding: 0 10px
}

.bandeau_presidentielle2017 .block .col-md-3 .bloc .bloc_news .info {
    display: inline-block;
    line-height: 1.25em;
    color: #fff;
    font-size: 0.714em;
    font-weight: 700;
    text-transform: uppercase;
    background: #f50060;
    border-radius: 2px;
    margin-right: 5px;
    padding: 2px 10px 2px 10px
}

.bandeau_presidentielle2017 .block .col-md-3 .bloc .bloc_news .titre {
    color: #fff;
    font-size: 16px
}

.bandeau_presidentielle2017 .block .col-md-3 .bloc .bloc_news .heure {
    display: inline-block;
    color: #999
}

.bandeau_presidentielle2017.bandeau_presidentielle2017_l .block .col-md-3 .wrap-img {
    display: none
}

.bandeau_presidentielle2017.bandeau_presidentielle2017_l .block .col-md-3 .bloc_news {
    padding: 0
}

.elections .block_entete h1 {
    line-height: 1.32em
}

.elections .block_entete h1:after {
    top: auto;
    bottom: 15%
}

.block_resultats h2 {
    line-height: 35px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.block_resultats h2:after {
    display: none
}

.block_resultats .chapo {
    line-height: 26px;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 25px
}

.block_resultats .chapo a, .block_resultats .chapo span._NOL {
    color: #64b1ff
}

.block_resultats .navmore {
    margin: 25px 0
}

.block_resultats .navmore ul li {
    display: inline-block;
    margin: 0 0 10px 20px
}

.block_resultats .navmore ul li:first-child {
    margin-left: 0
}

.block_resultats .navmore ul li a, .block_resultats .navmore ul li span._NOL {
    display: block;
    color: #64b1ff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #64b1ff;
    border-radius: 20px;
    padding: 10px 35px;
    line-height: 20px
}

.block_resultats .navmore ul li a:hover, .block_resultats .navmore ul li span._NOL:hover {
    color: #fff;
    text-decoration: none;
    background: #64b1ff
}

.block_resultats .navmore ul li .actudirect {
    color: #f61d1d;
    border-color: #f61d1d
}

.block_resultats .navmore ul li .actudirect:hover {
    background: #f61d1d
}

.block_resultats .btnmore {
    display: inline-block;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #999;
    padding: 10px 35px
}

.block_resultats .btnmore:hover {
    color: #fff;
    background: #999;
    text-decoration: none
}

.elections .listing {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.elections .listing .listing-ancre {
    position: relative;
    top: -72px
}

.elections .listing .listing_titre {
    font-size: 26px;
    margin-bottom: 20px
}

.elections .listing ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 10px
}

.elections .listing ul li a, .elections .listing ul li span._NOL {
    color: #64b1ff
}

.elections .listing ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    content: ""
}

.elections .listing ul li p {
    margin-left: -10px
}

.elections .listing ul li p a, .elections .listing ul li p span._NOL {
    color: #000
}

.elections .listing ul li p a:hover, .elections .listing ul li p span._NOL:hover {
    color: #64b1ff;
    text-decoration: underline
}

.elections .listing.listingL {
    border: 0
}

.elections .listing.listingExt {
    border: 0
}

.elections .listing.listingExt li {
    margin-bottom: 10px
}

.elections .listing.listingExt li a, .elections .listing.listingExt li span._NOL {
    font-size: 20px;
    font-weight: 700
}

.elections .listing.listingExt li:before {
    display: none
}

.elections .listing.listingExt li p {
    margin: 5px 0 0 0
}

.elections .listing.listingExt li p a, .elections .listing.listingExt li p span._NOL {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.elections .listing.listingExt .linkmore {
    color: #64b1ff;
    display: inline-block;
    font-size: 0.786em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    border: 2px solid #64b1ff;
    transition: all 0.25s ease-in-out 0s;
    padding: 9px 12px 8px;
    margin-top: 20px
}

.elections .listing.listingExt .linkmore:hover {
    background: #64b1ff;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.elections .listing.listing_resultats .nav {
    margin-bottom: 50px
}

.elections .listing.listing_resultats .nav ul {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: -19px
}

.elections .listing.listing_resultats .nav ul li {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #eff1f6;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    background: #dee2ed;
    margin: 0 0 -1px -3px;
    padding: 0;
    cursor: pointer
}

.elections .listing.listing_resultats .nav ul li:before {
    display: none
}

.elections .listing.listing_resultats .nav ul li:first-child {
    margin-left: 0
}

.elections .listing.listing_resultats .nav ul .on {
    color: #fff;
    background: linear-gradient(to right, #64b1ff, #4098fd);
    cursor: default
}

.elections .listing.listing_resultats .nav ul .off {
    cursor: pointer
}

.elections .listing.listing_resultats .listing-cnt.off {
    display: none
}

.elections .listing.listing_resultats .liste ul li {
    position: relative;
    margin: 0 0 50px 0;
    padding: 0 0 0 95px
}

.elections .listing.listing_resultats .liste ul .pct {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #999;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    background: #f9f9f9
}

.elections .listing.listing_resultats .liste ul .infos {
    font-size: 20px;
    height: 27px;
    font-weight: 600;
    overflow: hidden
}

.elections .listing.listing_resultats .liste ul .infos span {
    font-weight: 400
}

.elections .listing.listing_resultats .liste ul .infos span:before {
    display: inline;
    color: #999;
    margin-right: 5px;
    content: "/"
}

.elections .listing.listing_resultats .liste ul .nb {
    width: 100%
}

.elections .listing.listing_resultats .liste ul .nb .texte {
    float: right;
    display: inline-block;
    width: 50%;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    color: #999;
    margin-left: 1%
}

.elections .listing.listing_resultats .liste ul .visuel {
    display: inline-block;
    width: 100%;
    height: 10px;
    background: #f9f9f9;
    margin: 3px 0 0 0
}

.elections .listing.listing_resultats .liste ul .visuel span {
    display: block;
    height: 10px
}

.elections .listing.listing_resultats .liste ul .elu {
    position: relative;
    width: 50%;
    color: #64b1ff;
    font-size: 15px;
    font-weight: 600
}

.elections .listing.listing_resultats .liste ul .elu .icon-Checked {
    margin-right: 5px
}

.elections .listing.listing_resultats .liste ul .elu:before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 13px;
    height: 14px;
    background: url(../../Resources/public/images/picto_regionales_elu.png) left -20px no-repeat;
    content: ""
}

.elections .listing.listing_resultats .more {
    line-height: 22px;
    color: #999;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px 0
}

.elections .listing.listing_resultats .more span {
    color: #000
}

.elections .listing.listing_resultats .more strong {
    font-weight: 700
}

.elections .listing.listing_resultats .nota {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.elections .listing.listing_resultats .nota span {
    float: right
}

.elections .listing.listing_resultats .linkmore {
    font-size: 16px;
    margin-top: 20px
}

.elections .listing.listing_resultats .linkmore a, .elections .listing.listing_resultats .linkmore span._NOL {
    color: #64b1ff;
    font-weight: 700;
    text-decoration: underline
}

.block_resultats .nota-resultats {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin-bottom: 50px
}

.block_resultats .carte {
    margin-bottom: 40px
}

.block_resultats .carte .nota {
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px
}

.block_resultats .carte .nota span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 5px
}

.block_resultats .carte .legende {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: right;
    background: #e1e1e1;
    padding-right: 20px
}

.block_resultats .carte .tooltip.in {
    opacity: 1
}

.block_resultats .carte .tooltip-inner {
    background: #f50060;
    color: #fff
}

.block_resultats .carte .tooltip-inner strong, .block_resultats .carte .tooltip-inner span {
    display: block
}

.block_resultats .carte .tooltip-inner strong {
    text-transform: uppercase
}

.block_resultats .carte .tooltip-inner span {
    font-size: 10px
}

.block_resultats .carte .tooltip.top .tooltip-arrow {
    border-top-color: #f50060
}

.block_resultats .carte svg {
    display: block;
    border: 1px solid #e1e1e1;
    width: 100%;
    height: 100%
}

.block_resultats .carte svg polyline, .block_resultats .carte svg path, .block_resultats .carte svg polygon {
    fill: #e1e1e1;
    stroke: #fff;
    stroke-width: 0.6;
    transition: fill 0.2s, stroke 0.3s
}

.block_resultats .carte svg .cir_color_0 polyline, .block_resultats .carte svg .cir_color_0 path, .block_resultats .carte svg .cir_color_0 polygon {
    fill: #eee
}

.block_resultats .carte svg .cir_color_1 polyline, .block_resultats .carte svg .cir_color_1 path, .block_resultats .carte svg .cir_color_1 polygon {
    fill: #bbb
}

.block_resultats .carte svg .cir_color_2 polyline, .block_resultats .carte svg .cir_color_2 path, .block_resultats .carte svg .cir_color_2 polygon {
    fill: #777
}

.block_resultats .carte svg a text, .block_resultats .carte svg span._NOL text {
    font-size: 12px
}

.block_resultats .carte svg a:hover, .block_resultats .carte svg span._NOL:hover {
    text-decoration: none
}

.block_resultats .carte svg .npdcp:hover text, .block_resultats .carte svg .normandie:hover text, .block_resultats .carte svg .idf:hover text, .block_resultats .carte svg .bretagne:hover text, .block_resultats .carte svg .cvdl:hover text, .block_resultats .carte svg .alpc:hover text, .block_resultats .carte svg .acal:hover text, .block_resultats .carte svg .bfc:hover text, .block_resultats .carte svg .pdll:hover text, .block_resultats .carte svg .ara:hover text, .block_resultats .carte svg .lrmp:hover text, .block_resultats .carte svg .paca:hover text, .block_resultats .carte svg .corse:hover text {
    fill: #fff
}

.block_resultats .carte svg .cnd_jlm polyline, .block_resultats .carte svg .cnd_jlm path, .block_resultats .carte svg .cnd_jlm polygon {
    fill: #e11a27
}

.block_resultats .carte svg .cnd_bh polyline, .block_resultats .carte svg .cnd_bh path, .block_resultats .carte svg .cnd_bh polygon {
    fill: #f54474
}

.block_resultats .carte svg .cnd_jl polyline, .block_resultats .carte svg .cnd_jl path, .block_resultats .carte svg .cnd_jl polygon {
    fill: #f7672f
}

.block_resultats .carte svg .cnd_ff polyline, .block_resultats .carte svg .cnd_ff path, .block_resultats .carte svg .cnd_ff polygon {
    fill: #3695ff
}

.block_resultats .carte svg .cnd_mlp polyline, .block_resultats .carte svg .cnd_mlp path, .block_resultats .carte svg .cnd_mlp polygon {
    fill: #064d9c
}

.block_resultats .carte svg .cnd_em polyline, .block_resultats .carte svg .cnd_em path, .block_resultats .carte svg .cnd_em polygon {
    fill: #a84ad4
}

.block_resultats .carte svg .cnd_nda polyline, .block_resultats .carte svg .cnd_nda path, .block_resultats .carte svg .cnd_nda polygon {
    fill: #64276c
}

.block_resultats .carte svg .cnd_na polyline, .block_resultats .carte svg .cnd_na path, .block_resultats .carte svg .cnd_na polygon {
    fill: #ff1e00
}

.block_resultats .carte svg .cnd_pp polyline, .block_resultats .carte svg .cnd_pp path, .block_resultats .carte svg .cnd_pp polygon {
    fill: #ee0909
}

.block_resultats .carte svg .cnd_jc polyline, .block_resultats .carte svg .cnd_jc path, .block_resultats .carte svg .cnd_jc polygon {
    fill: #e56b1a
}

.block_resultats .carte svg .cnd_fa polyline, .block_resultats .carte svg .cnd_fa path, .block_resultats .carte svg .cnd_fa polygon {
    fill: #057c85
}

.cnd_jlm {
    background: #e11a27
}

.cnd_bh {
    background: #f54474
}

.cnd_jl {
    background: #f7672f
}

.cnd_ff {
    background: #3695ff
}

.cnd_mlp {
    background: #064d9c
}

.cnd_em {
    background: #a84ad4
}

.cnd_nda {
    background: #64276c
}

.cnd_na {
    background: #ff1e00
}

.cnd_pp {
    background: #ee0909
}

.cnd_jc {
    background: #e56b1a
}

.cnd_fa {
    background: #057c85
}

.part_soc {
    background: #f54474
}

.part_dvg {
    background: #c84696
}

.part_dvd {
    background: #3695ff
}

.part_fi {
    background: #e11a27
}

.part_exg, .part_com, .part_rdg {
    background: #8c2d32
}

.part_div, .part_reg {
    background: #b5b5b5
}

.part_lr, .part_udi {
    background: #3695ff
}

.part_rem {
    background: #a84ad4
}

.part_eco {
    background: #5f8c00
}

.part_fn, .part_exd {
    background: #064d9c
}

.part_mdm {
    background: #ebaa69
}

.part_dlf {
    background: #64276c
}

.chroniques {
    float: left;
    margin-bottom: 20px
}

.chroniques .entete {
    position: relative;
    margin-bottom: 1px
}

.chroniques .entete .texte {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 62, 209, 0.8);
    padding: 15px 0;
    text-align: center
}

.chroniques .entete .texte .titre {
    font-size: 20px;
    font-weight: 700
}

.chroniques ul li {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: -1px
}

.chroniques ul li span {
    display: block
}

.chroniques ul li .texte {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 240px;
    line-height: 18px;
    padding: 0 20px
}

.chroniques ul li .visuel {
    position: relative;
    float: right;
    background: #eee;
    padding: 8px
}

.chroniques ul li a, .chroniques ul li span._NOL {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    color: #000;
    border: 1px solid #eee
}

.chroniques ul li a:hover, .chroniques ul li span._NOL:hover {
    color: #64b1ff
}

.chroniques ul li a:hover:before, .chroniques ul li span._NOL:hover:before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 300px;
    height: 59px;
    border: 1px solid #64b1ff;
    content: "";
    z-index: 1
}

.chroniques ul li a:hover .visuel:before, .chroniques ul li span._NOL:hover .visuel:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-family: 'Icons';
    font-size: 21px;
    text-align: center;
    background: rgba(0, 62, 209, 0.8);
    border-radius: 50%;
    content: "\e965"
}

.header-article {
    margin-bottom: 10px
}

.lcom, .lfg, .lpg {
    color: #e11a27;
    background: #e11a27
}

.ldiv {
    color: #b5b5b5;
    background: #b5b5b5
}

.ldlf, .ldvd, .ludi {
    color: #3665ff;
    background: #3665ff
}

.ldvg, .lrdg {
    color: #f47194;
    background: #f47194
}

.leco, .lvec, .lveg {
    color: #7ab51d;
    background: #7ab51d
}

.lexd {
    color: #06366c;
    background: #06366c
}

.lexg {
    color: #fc1f2d;
    background: #fc1f2d
}

.lfn {
    color: #064d9c;
    background: #064d9c
}

.llr {
    color: #3695ff;
    background: #3695ff
}

.lud {
    color: #3673ff;
    background: #3673ff
}

.lmdm {
    color: #f7672f;
    background: #f7672f
}

.lreg {
    color: #b32ff7;
    background: #b32ff7
}

.lsoc {
    color: #f54474;
    background: #f54474
}

.lug {
    color: #f471cd;
    background: #f471cd
}

.header-article .sponso {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    color: #64b1ff;
    padding: 0 5px
}

.header-article .sponso span {
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px
}

.header-article h1 {
    font-size: 45px;
    font-weight:500;
    line-height: 50px;
    color: #000000;
    margin-top: 0
}

.header-article .publication {
    color: #999;
    font-size: 12px
}

.header-article .publication .seasonPublished {
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #999999;
    margin-right: 10px;
    padding: 2px 5px
}

.header-article .textsize {
    float: right;
    line-height: 12px
}

.header-article .textsize ul li {
    display: inline-block;
    font-size: 25px;
    cursor: pointer;
    font-family: 'Fira Sans' !important
}

.header-article .textsize ul li:first-child {
    font-size: 15px
}

.header-article .choose_date {
    font-size: 1.143em;
    text-align: right;
    margin: 10px 0
}

.header-article .choose_date .form-control {
    width: 160px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    font-weight: 700;
    font-size: 0.875em;
    color: #000000;
    border: 2px solid #e1e1e1;
    padding: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    position: relative;
    overflow: hidden;
    margin: 0 0 0 5px
}

.header-article .choose_date .form-control:focus {
    border-color: #e1e1e1;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0)
}

.header-article .choose_date .form-control:before {
    background: #e1e1e1;
    content: "";
    height: 100%;
    position: absolute;
    right: 50px;
    top: 0;
    width: 1px
}

.header-article .choose_date .form-control:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6.5px 0 6.5px;
    border-color: #000000 transparent transparent transparent;
    bottom: 0;
    display: block;
    margin: auto 0;
    position: absolute;
    right: 19px;
    top: 0
}

.header-article .choose_date .form-control:hover:after {
    border-color: #64b1ff transparent transparent transparent
}

.header-article .choose_date .form-control select {
    padding: 8px 15px;
    width: 115%;
    border: 0;
    cursor: pointer;
    background: transparent
}

.header-articleExt {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding-bottom: 5px
}

.header-articleExt .avec {
    background: #fff;
    color: #000;
    display: block;
    font-size: 0.857em;
    font-weight: 600;
    line-height: 47px;
    min-height: 55px;
    padding: 0 0 0 25px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 0;
    text-align: right
}

.header-articleExt .avec img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px
}

.btns ul, .tags_emissions ul {
    padding: 0
}

.btns ul li, .tags_emissions ul li {
    display: inline-block;
    margin: 20px 20px 30px 0
}

.btns ul li.sinceAnimateur, .tags_emissions ul li.sinceAnimateur {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background-color: #64b1ff;
    padding: 2px 8px
}

.btns ul li.socialIcons, .tags_emissions ul li.socialIcons {
    margin: 0
}

.btns ul li.socialIcons ul li, .tags_emissions ul li.socialIcons ul li {
    margin-right: 10px
}

.btns ul li.socialIcons ul li:last-child, .tags_emissions ul li.socialIcons ul li:last-child {
    margin-right: 0
}

.btns ul li.socialIcons ul li a, .tags_emissions ul li.socialIcons ul li a, .btns ul li.socialIcons ul li span._NOL, .tags_emissions ul li.socialIcons ul li span._NOL {
    padding: 12px;
    border-radius: 25px
}

.btns ul li a, .tags_emissions ul li a, .btns ul li span._NOL, .tags_emissions ul li span._NOL {
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #64b1ff;
    border-radius: 4px;
    padding: 10px 40px
}

.btns ul li a:hover, .tags_emissions ul li a:hover, .btns ul li span._NOL:hover, .tags_emissions ul li span._NOL:hover {
    color: #fff;
    text-decoration: none;
    background: #64b1ff
}

.tags_emissions {
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
    padding-top: 10px
}

article figure img, article figure video {
    width: 100%
}

article figure figcaption {
    color: #999;
    font-size: 12px;
    padding: 5px 0
}

article figure.emission_editee {
    position: relative
}

article figure.emission_editee figcaption {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    left: 0;
    line-height: 1em;
    padding: 14px 20px;
    position: absolute;
    right: 0;
    width: 100%
}

article figure.emission_editee .icon-Play_Header {
    bottom: 0;
    color: #ffffff;
    display: block;
    font-size: 90px;
    height: 92px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 92px
}

article .moreinfos {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

article .moreinfos a, article .moreinfos span._NOL {
    color: #64b1ff
}

article .moreinfos time {
    display: block
}

article .partage {
    clear: left;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 10px 0
}

article .partage .nb {
    float: left;
    height: 58px;
    line-height: 58px;
    color: #999;
    font-size: 20px
}

article .partage .nb strong {
    color: #000;
    font-size: 25px
}

article .partage .nota {
    color: #000;
    font-size: 25px;
    font-weight: 600
}

article .partage ul {
    float: right;
    margin: 0;
    padding: 0
}

article .partage ul li {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 !important
}

article .partage ul li:first-child {
    margin-left: 0
}

article .partage ul li a, article .partage ul li span._NOL {
    display: block;
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #e1e1e1;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

article .partage ul li a:hover, article .partage ul li span._NOL:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

article .partage ul li:before {
    display: none
}

article .partage ul li .icon-Facebook {
    color: #3b5998
}

article .partage ul li .icon-Facebook:hover {
    background: #39579a
}

article .partage ul li .icon-Twitter {
    color: #55acee
}

article .partage ul li .icon-Twitter:hover {
    background: #50abf1
}

article .partage ul li .icon-GooglePlus {
    color: #dd4b39
}

article .partage ul li .icon-GooglePlus:hover {
    background: #df4a32
}

article .partage ul li .icon-Commentaire {
    color: #64b1ff
}

article .partage ul li .icon-Commentaire:hover {
    background: #0036d5
}

article .chapo {
    line-height: 26px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 30px 0
}

article .content figure {
    float: left;
    width: 200px;
    margin: 0 20px 10px 0
}

article .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px
}

article .content p a, article .content p span._NOL {
    color: #64b1ff
}

article .content p a:hover, article .content p span._NOL:hover {
    color: #64b1ff;
    text-decoration: none
}

article .content ul li {
    position: relative;
    padding: 0 0 0 20px
}

article .content ul li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    content: ""
}

article .alire {
    background: #f4f4f4;
    margin-bottom: 20px;
    padding: 10px 20px
}

article .alire .alire-titre {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

article .alire a, article .alire span._NOL {
    color: #64b1ff
}

article .mea {
    background: #eee;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    padding: 10px 30px
}

article .credit {
    color: #999;
    font-size: 12px
}

article.articleExt {
    margin-bottom: 50px
}

article.articleExt figcaption {
    border-bottom: 1px solid #e1e1e1
}

article.articleExt h2 {
    font-weight: 700;
    margin: 50px 0 35px 0
}

article.articleExt h2:first-child {
    margin-top: 25px
}

article.articleExt .more ul {
    counter-reset: nb;
    padding: 0
}

article.articleExt .more ul li {
    position: relative;
    margin-top: 25px;
    padding-left: 60px
}

article.articleExt .more ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 37px;
    color: #999;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    background: none;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    padding-left: 2px;
    counter-increment: nb;
    content: counter(nb)
}

article.articleExt .links {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0 10px 15px;
    margin: 40px 0
}

article.articleExt .links ul li {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

article.articleExt .links ul li a i, article.articleExt .links ul li span._NOL i {
    position: relative;
    top: 4px;
    font-size: 24px;
    margin-right: 10px
}

article.articleExt .links ul li a:hover, article.articleExt .links ul li span._NOL:hover {
    text-decoration: none
}

article.articleExt .links ul li .twitter {
    color: #1da1f2
}

article.articleExt .links ul li .site {
    color: #002395
}

article.articleExt .links ul li .programme {
    color: #f61c1c
}

article.articleExt .block_morecontent {
    margin-bottom: 0
}

article.articleExt .block_morecontent > .row {
    margin-top: 0
}

.author {
    margin-bottom: 20px
}

.author.noBorder {
    border: 0
}

.author.noBorder div {
    margin-bottom: 5px
}

.author .visuel, .author .cnt {
    display: inline-block
}

.author .cnt {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 10px
}

.author .cnt .titre a, .author .cnt .titre span._NOL {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.entendusur {
    margin-bottom: 30px
}

.entendusur .entendusur_titre {
    max-width: 320px;
    border-bottom: 1px solid #dadada;
    text-align: center;
    margin: 0 auto 30px auto
}

.entendusur .entendusur_titre span {
    position: relative;
    top: 10px;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px
}

.entendusur .citation {
    position: relative;
    font-size: 27px;
    font-style: italic;
    padding: 0 30px 40px 30px
}

.entendusur .citation:before {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 45px;
    font-size: 45px;
    content: "\""
}

.entendusur .citation:after {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 45px;
    content: "\""
}

.entendusur .more {
    font-size: 16px;
    line-height: 25px
}

.entendusur .more li {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 20px
}

.entendusur .more ul li:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    content: ""
}

.entendusur .more ol {
    counter-reset: nb
}

.entendusur .more ol li {
    padding-left: 35px
}

.entendusur .more ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #858383;
    font-size: 25px;
    counter-increment: nb;
    content: counter(nb) ' -'
}

.footer-article.linkEmission {
    position: relative;
    top: 12px
}

.footer-article.linkEmission a, .footer-article.linkEmission span._NOL {
    margin-right: 10px
}

.footer-article a.contactEmission, .footer-article span._NOL.contactEmission {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999;
    position: relative;
    top: -10px;
    display: inline-block;
    margin: 10px 0 20px 0
}

.footer-article .memetheme {
    margin: 0 0 30px 0
}

.footer-article .memetheme .memetheme_titre {
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

.footer-article .memetheme ul {
    margin: 0;
    padding: 0
}

.footer-article .memetheme ul li {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0
}

.footer-article .memetheme ul li a, .footer-article .memetheme ul li span._NOL {
    color: #64b1ff
}

.footer-article .author {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px
}

.footer-article .tags {
    margin-bottom: 20px
}

.footer-article .tags ul {
    margin: 0;
    padding: 0
}

.footer-article .tags ul li {
    display: inline-block;
    border: 1px solid #64b1ff;
    margin: 0 10px 10px 0
}

.footer-article .tags ul li a, .footer-article .tags ul li span._NOL {
    display: block;
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 25px
}

.footer-article .tags ul li a:hover, .footer-article .tags ul li span._NOL:hover {
    color: #fff;
    text-decoration: none;
    background: #64b1ff
}

.morearticles {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.morearticles .morearticles_titre {
    font-size: 25px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 5px 0
}

.morearticles ul {
    margin: 0;
    padding: 0
}

.morearticles ul li {
    margin-top: 20px
}

.morearticles ul li .infos {
    color: #999;
    font-size: 12px
}

.morearticles ul li .infos strong {
    color: #64b1ff;
    text-transform: uppercase
}

.morearticles ul li .titre {
    line-height: 22px;
    font-size: 18px
}

.morearticles ul li .titre a, .morearticles ul li .titre span._NOL {
    color: #000
}

.native .header-article h1 {
    font-family: 'Fjalla One', sans-serif
}

.native .native-linkback {
    display: block;
    width: 160px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    background: #64b1ff;
    margin-bottom: 10px
}

.morediaporamas {
    background: #1c1c1c;
    padding: 10px 20px 0 20px;
    margin-bottom: 30px
}

.morediaporamas .morediaporamas_titre {
    position: relative;
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px
}

.morediaporamas .morediaporamas_titre:after {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #999;
    content: ""
}

.morediaporamas .morediaporamas_titre span {
    position: relative;
    background: #1c1c1c;
    padding-right: 30px;
    z-index: 1
}

.morediaporamas .row {
    margin-left: -10px;
    margin-right: -10px
}

.morediaporamas .row [class*="col-md-"] {
    padding-left: 10px;
    padding-right: 10px
}

.morediaporamas .row .col-md-6:nth-child(2n+1) {
    clear: left
}

.morediaporamas .diapo {
    margin-bottom: 20px
}

.morediaporamas .diapo .wrap-img .icon-Diapo {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #ffffff;
    display: block;
    font-size: 1.857em;
    overflow: hidden;
    padding: 7px;
    position: absolute;
    right: 0
}

.morediaporamas .diapo .wrap-img .info {
    font-size: 0.857em;
    padding: 7px 15px
}

.morediaporamas .diapo .diapo_cnt {
    margin-top: 5px
}

.morediaporamas .diapo .diapo_cnt .heure {
    color: #999;
    display: inline-block;
    font-size: 0.857em;
    font-weight: 600;
    line-height: 1em;
    margin: 0 0 0 1px
}

.morediaporamas .diapo .diapo_cnt .heure i {
    display: inline-block;
    vertical-align: top
}

.morediaporamas .diapo .diapo_cnt .titre {
    display: block;
    line-height: 1.1em;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.morechroniques {
    background: #1c1c1c;
    margin-bottom: 20px;
    padding: 15px 20px 15px 20px
}

.morechroniques .morechroniques_titre {
    position: relative;
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px
}

.morechroniques .morechroniques_titre:after {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #999;
    content: ""
}

.morechroniques .morechroniques_titre span {
    position: relative;
    background: #1c1c1c;
    padding-right: 30px;
    z-index: 1
}

.morechroniques .cnt {
    margin-bottom: 15px
}

.morechroniques .cnt .visuel a, .morechroniques .cnt .visuel span._NOL {
    position: relative;
    display: inline-block
}

.morechroniques .cnt .visuel a .icon-Play_Header, .morechroniques .cnt .visuel span._NOL .icon-Play_Header {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #ffffff;
    display: block;
    font-size: 1.857em;
    overflow: hidden;
    padding: 7px;
    position: absolute;
    right: 0
}

.morechroniques .cnt .titre {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px
}

.morechroniques .cnt .titre a, .morechroniques .cnt .titre span._NOL {
    color: #fff
}

.morechroniques .linkmore {
    text-align: center;
    margin-top: 30px
}

.morechroniques .linkmore a, .morechroniques .linkmore span._NOL {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #fff;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.morechroniques .linkmore a:hover, .morechroniques .linkmore span._NOL:hover {
    background: #fff;
    text-decoration: none;
    color: #1c1c1c;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.block_generique {
    margin-bottom: 30px;
    color: #000000
}

.block_generique .block_generique_titre {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0
}

.block_generique a, .block_generique span._NOL {
    color: #000000;
    font-weight: 700
}

.block_generique .block_generique_cnt {
    margin-bottom: 10px
}

.block_generique .block_generique_cnt img {
    width: 100%
}

.block_generique .ficheAnimateur {
    margin-top: 20px
}

.block_generique .ficheAnimateur p {
    font-size: 16px;
    margin-bottom: 30px
}

.block_generique .ficheAnimateur p.emissionAnimateur {
    font-size: 18px
}

.block_generique .ficheAnimateur p.emissionAnimateur a, .block_generique .ficheAnimateur p.emissionAnimateur span._NOL {
    display: block;
    font-weight: 700;
    color: #000000
}

.block_generique .ficheAnimateur p:last-child {
    margin-bottom: 60px
}

.block_generique .ficheAnimateur .ficheAnimateur_cnt {
    margin-top: 50px
}

.block_generique .historiqueemission {
    margin-bottom: 60px
}

.block_generique .bloc_news {
    padding: 0;
    margin: 0 0 25px 0
}

.block_generique .bloc_news p {
    font-size: 12px;
    text-align: left;
    color: #999999;
    margin: 2px 0 0 0
}

.block_generique .bloc_news a, .block_generique .bloc_news span._NOL {
    color: #999999;
    font-size: 12px;
    font-weight: 400
}

.emission.next {
    margin: 60px 0
}

.emission a, .emission span._NOL {
    color: #999999;
    font-size: 11px;
    text-transform: uppercase
}

.emission a.voir, .emission span._NOL.voir {
    font-weight: 700;
    display: block;
    margin-bottom: 20px
}

.emission .bloc_news {
    background-color: #f9f9f9;
    padding: 15px 20px 20px 20px
}

.emission .bloc_news .heure {
    display: inline-block;
    font-weight: 600;
    color: #999999;
    font-size: 0.857em;
    line-height: 1em;
    margin: 0 0 0 1px
}

.emission .bloc_news .heure i {
    display: inline-block;
    vertical-align: top
}

.emission .bloc_news .heure i:before {
    content: "\e919"
}

.emission .bloc_news .titre {
    font-size: 1.286em;
    font-weight: 600;
    line-height: 1.1em;
    text-transform: inherit;
    margin: 2px 0 10px 0;
    color: #000000;
    display: block
}

.emission .bloc_news .titre:hover {
    text-decoration: none;
    color: #64b1ff
}

.emission .bloc_news p {
    color: #999999;
    display: block;
    font-weight: 600;
    font-size: 0.857em;
    line-height: 1.333em;
    margin: 0;
    max-height: 65px;
    min-height: 65px;
    overflow: hidden
}

.emission .bloc_news p.author {
    max-height: auto;
    min-height: auto;
    margin: 10px 0 0 0
}

.emission .emission_chronique {
    font-size: 35px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5px
}

.emission .emission_chronique p {
    font-size: 25px;
    color: #64b1ff;
    font-weight: 400
}

.emission .emission_etraits p {
    width: auto;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background-color: #f59331;
    padding: 6px 15px;
    float: left
}

.emission .emission_etraits ul {
    float: left;
    width: 100%
}

.emission .emission_etraits ul li {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.emission .emission_etraits ul li a, .emission .emission_etraits ul li span._NOL {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #000000;
    text-transform: none
}

.emission .emission_etraits ul li a.wrap-img, .emission .emission_etraits ul li span._NOL.wrap-img {
    padding: 0
}

.emission .emission_chronique_precedents {
    margin-top: 20px
}

.emission .emission_chronique_precedents p {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1c1c1c;
    margin-bottom: 5px
}

.emission .emission_chronique_precedents p a, .emission .emission_chronique_precedents p span._NOL {
    color: #000;
    font-size: 13px;
    text-transform: none
}

.emission .emission_chronique_precedents ul li .bloc_news {
    padding: 0;
    background-color: inherit
}

.emission .emission_chronique_precedents ul li .bloc_news .heure {
    font-size: 12px;
    color: #999999;
    text-align: left
}

.emission .emission_chronique_precedents ul li .bloc_news p {
    text-transform: none;
    font-weight: 600;
    color: #000000;
    text-align: left
}

.listing_emissions li {
    position: relative;
    padding: 10px 0 10px 135px
}

.listing_emissions li:first-child {
    border-top: 0
}

.listing_emissions li .date {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #999;
    font-weight: 600
}

.listing_emissions li .titre {
    font-weight: 600
}

.listing_emissions li .titre:hover {
    text-decoration: none
}

.listing_emissions li:nth-child(even) {
    background: #eee
}

.listing_emissions li:hover .date, .listing_emissions li:hover .titre {
    color: #64b1ff
}

.listing_emissions .legende {
    color: #000;
    text-transform: uppercase
}

.listing_emissions .legende .date {
    color: #000
}

.listing_emissions .legende:hover .date, .listing_emissions .legende:hover .titre {
    color: #000
}

.commentaires {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px
}

.commentaires .comment-title {
    color: #fff;
    height: 40px;
    line-height: 40px;
    background: #64b1ff;
    margin-bottom: 20px;
    padding: 0 20px
}

.commentaires .comment-title .nota {
    float: left;
    width: auto;
    font-size: 20px
}

.commentaires .comment-title .nb {
    float: right;
    width: auto;
    font-size: 14px;
    font-weight: 700
}

.commentaires .form-inline .form-group {
    position: relative;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 10px 70px
}

.commentaires .form-inline .form-group img {
    position: absolute;
    top: 0;
    left: 0
}

.commentaires .form-inline .form-group .form-control {
    width: 100%;
    height: 50px;
    color: #000;
    border: 2px solid #e1e1e1;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset
}

.commentaires .form-inline .form-group .infos_connexion {
    position: relative;
    font-size: 12px;
    min-height: 40px;
    margin-top: 5px
}

.commentaires .form-inline .form-group .infos_connexion .deconnexion {
    display: block
}

.commentaires .form-inline .form-group .infos_connexion .deconnexion:hover {
    text-decoration: none
}

.commentaires .form-inline .form-group .infos_connexion .deconnexion .icon-Fermer_deconnexion {
    color: #e1e1e1;
    vertical-align: middle
}

.commentaires .form-inline .form-group .infos_connexion .connect_social > span {
    display: block;
    padding: 3px 0
}

.commentaires .form-inline .form-group .infos_connexion .connect_social > span strong {
    font-weight: 600
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul {
    margin: 10px 0 0 0
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    padding: 0
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li:first-child {
    margin-left: 0
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li a, .commentaires .form-inline .form-group .infos_connexion .connect_social ul li span._NOL {
    color: #FFFFFF;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li a:hover, .commentaires .form-inline .form-group .infos_connexion .connect_social ul li span._NOL:hover {
    text-decoration: none;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-E1 {
    background: #64b1ff
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-E1:hover {
    color: #64b1ff
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-Facebook {
    background: #39579a
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-Facebook:hover {
    color: #3b5998
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-Twitter {
    background: #50abf1
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-Twitter:hover {
    color: #55acee
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-GooglePlus {
    background: #df4a32
}

.commentaires .form-inline .form-group .infos_connexion .connect_social ul li .icon-GooglePlus:hover {
    color: #dd4b39
}

.commentaires .form-inline .form-group .btn {
    position: absolute;
    top: 5px;
    right: 0;
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: 2px solid #64b1ff;
    padding: 6px 25px
}

.commentaires .form-inline .form-group .btn:hover {
    color: #fff;
    background: #64b1ff
}

.commentaires ul {
    margin: 0 0 -1px 0;
    padding: 0
}

.commentaires ul li {
    position: relative;
    min-height: 50px;
    margin: 20px 0;
    padding-left: 70px
}

.commentaires ul li img {
    position: absolute;
    top: 0;
    left: 0
}

.commentaires ul li .name {
    font-size: 15px;
    font-weight: 700
}

.commentaires ul li .date {
    color: #999;
    font-size: 13px;
    font-weight: 600
}

.commentaires ul li .text {
    font-size: 15px;
    line-height: 22px
}

.commentaires ul li .infos {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.commentaires ul li > ul li .name {
    color: #333
}

.commentaires ul li > ul li ul {
    margin-left: -70px
}

.commentaires ul li .btn-answer {
    color: #999;
    font-size: 15px;
    font-weight: 700;
    background: none;
    border: 0;
    padding: 0
}

.commentaires .comment-reply {
    display: none
}

.commentaires .comment-reply .form-group {
    margin-top: 20px;
    padding-left: 0;
    padding-bottom: 55px
}

.commentaires .comment-reply .form-group .btn {
    bottom: 10px;
    top: auto
}

.commentaires .comment-reply.opened {
    display: block
}

.commentaires .show-comments {
    position: absolute;
    bottom: -17px;
    right: 0;
    color: #64b1ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    border: 2px solid #64b1ff;
    border-radius: 4px;
    padding: 6px 12px
}

.commentaires .show-comments:hover {
    color: #fff;
    background: #64b1ff
}

.commentaires .show-comments:after {
    background: #FFFFFF;
    content: "";
    height: 100%;
    left: -17px;
    position: absolute;
    top: 0;
    width: 15px
}

.myPodcast .modal-header {
    color: #64b1ff;
    font-size: 25px;
    font-weight: 600;
    border-bottom: 0
}

.myPodcast .modal-header .close {
    color: #64b1ff;
    font-size: 40px;
    opacity: 1
}

.myPodcast .modal-body {
    line-height: 26px;
    font-size: 16px;
    font-weight: 600
}

.myPodcast .modal-body ul {
    padding: 0 0 0 15px
}

.myPodcast .modal-body ul li {
    font-weight: 400;
    margin-top: 25px
}

.myPodcast .modal-body ul li .btn {
    color: #64b1ff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    border: 2px solid #64b1ff;
    margin-top: 10px;
    padding: 10px 40px
}

.myPodcast .modal-body ul li .btn:hover {
    color: #fff;
    background: #64b1ff
}

.myPodcast .modal-body ul li .link {
    color: #64b1ff
}

#player_ctner {
    display: block;
    width: 100%
}

#player_ctner .icon-play:before {
    content: "\e916"
}

#player_ctner .icon-fast-backward:before {
    content: "\e917"
}

#player_ctner .icon-fast-forward:before {
    content: "\e914"
}

#player_ctner .icon-volume-off:before {
    content: "\e918"
}

#player_ctner .icon-volume-down:before {
    content: "\e919"
}

#player_ctner .icon-volume:before {
    content: "\e91a"
}

#player_ctner .icon-volume-up:before {
    content: "\e91b"
}

#player_ctner #player_ctnt {
    display: block
}

#player_ctner #player_ctnt figure {
    width: 80%;
    margin: 0 auto 10px
}

#player_ctner #player_ctnt > div {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

#main_playlist {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 400px;
    margin-bottom: 30px
}

#main_playlist > p {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px
}

#main_playlist > p:after {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e1e1e1;
    content: ""
}

#main_playlist > p span {
    position: relative;
    background: #fff;
    padding-right: 55px;
    z-index: 1
}

#main_playlist #replay-pane #replaylist li {
    font-size: 14px;
    color: #858383;
    font-weight: 400;
    line-height: 23px
}

#main_playlist #replay-pane #replaylist li a, #main_playlist #replay-pane #replaylist li span._NOL {
    color: #858383
}

#main_playlist #replay-pane #replaylist li.active {
    color: #64b1ff
}

#main_playlist #replay-pane #replaylist li.active a, #main_playlist #replay-pane #replaylist li.active span._NOL {
    color: #64b1ff
}

#player_ctner #player_ctnt .jw-button-container {
    background: #00123f
}

#la-player-slider-begin, #la-player-slider-ends {
    color: #64b1ff
}

#la-player-slider-begin {
    float: left
}

#la-player-slider-ends {
    float: right
}

#player_ctner #player_ctnt .slider.slider-horizontal {
    width: 100%;
    margin-top: 40px
}

#player_ctner #player_ctnt .slider.slider-horizontal .slider-track {
    height: 3px;
    background: #dddddf;
    box-shadow: none
}

#player_ctner #player_ctnt .slider.slider-horizontal .slider-tick, #player_ctner #player_ctnt .slider.slider-horizontal .slider-handle {
    background: #64b1ff;
    margin-left: -7px
}

#player_ctner #player_ctnt .slider.slider-horizontal .slider-handle {
    width: 15px;
    height: 15px;
    box-shadow: none
}

#laPlayerBroadcastSlider .slider-selection {
    background: #64b1ff !important;
    box-shadow: none
}

#player_ctner #player_ctnt .slider .tooltip-inner {
    background: none;
    color: #67717e
}

#player_ctner #player_ctnt .slider .tooltip.top {
    margin-top: -30px
}

#player_ctner #player_ctnt .slider .tooltip.top .tooltip-arrow {
    display: none
}

#player_ctner #player_ctnt #main_playlist > p:after {
    display: none
}

#player_ctner #player_ctnt #main_playlist > p span {
    padding-right: 0
}

#nav_btn ul {
    text-align: center
}

#nav_btn ul#btns li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#nav_btn ul#btns li a > span, #nav_btn ul#btns li span._NOL > span {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

#nav_btn ul#btns li#play span {
    -webkit-transform: translate(0, 0, 0);
    font-size: 100px;
    color: #64b1ff;
    margin: 0 20px
}

#nav_btn ul#btns li#play.pause span {
    padding: 0;
    position: relative;
    content: ''
}

#nav_btn ul#btns li#play.pause span:before {
    content: "\e915"
}

#nav_btn ul#btns li#play.pause span:after {
    left: 39px
}

#nav_btn ul#btns li#play:hover span {
    color: #64b1ff
}

#nav_btn ul#btns li#rewind, #nav_btn ul#btns li#forward {
    text-align: center
}

#nav_btn ul#btns li#rewind span, #nav_btn ul#btns li#forward span {
    color: #64b1ff;
    border-radius: 50%;
    -webkit-transform: translate(0, 0, 0);
    line-height: 46px;
    font-size: 60px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#nav_btn ul#btns li#rewind a.disabled, #nav_btn ul#btns li#forward a.disabled, #nav_btn ul#btns li#rewind span._NOL.disabled, #nav_btn ul#btns li#forward span._NOL.disabled {
    cursor: default;
    pointer-events: none
}

#nav_btn ul#btns li#rewind a.disabled span, #nav_btn ul#btns li#forward a.disabled span, #nav_btn ul#btns li#rewind span._NOL.disabled span, #nav_btn ul#btns li#forward span._NOL.disabled span {
    color: #dadada;
    opacity: 50;
    filter: alpha(opacity=5000);
    -moz-opacity: 50;
    border-color: rgba(218, 218, 218, 0.5)
}

#nav_btn ul#btns li#rewind {
    margin: 0 10px 0 30px
}

#nav_btn ul#btns li#forward {
    margin-right: 35px
}

#nav_btn ul#btns li#forward span {
    padding-left: 10px
}

#nav_btn ul#btns li a:hover, #nav_btn ul#btns li span._NOL:hover {
    text-decoration: none
}

#timelineContainer {
    float: left;
    display: block;
    height: 20px;
    margin: 25px 0 10px;
    text-align: center
}

#timelineContainer > span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 15px;
    color: #64b1ff;
    font-weight: 600
}

#timelineContainer #timeline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 350px;
    height: 10px;
    background-color: #dadada;
    position: relative;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    margin: 0 18px
}

#timelineContainer #timeline .ui-slider-range {
    left: 0;
    top: 0;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    position: absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #64b1ff
}

#timelineContainer #timeline a.ui-slider-handle, #timelineContainer #timeline span._NOL.ui-slider-handle {
    position: absolute;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    top: -3px;
    margin-left: -5px;
    background-color: #005ca7;
    border: 0 solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0)
}

#progressbar_ctnter {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 170px;
    height: 10px;
    background-color: #dadada;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    margin: 0 18px
}

#progressbar_ctnter #progressbar_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-transform: translate(0, 0, 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #64b1ff
}

#progressbar_ctnter #progressbar_cursor {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    top: -3px;
    margin-left: -5px;
    background-color: #64b1ff;
    border: 0 solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0);
    cursor: pointer
}

#progressbar_ctnter #progressbar_cursor span {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 11px
}

.soundWrapper {
    position: relative;
    float: left;
    padding-left: 45px;
    margin: 31px 0 10px 30px
}

.soundWrapper > span {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: left;
    color: #a7a7a7;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.soundWrapper > span:hover {
    color: #64b1ff
}

#soundControl {
    width: 110px;
    height: 10px;
    background-color: #dadada;
    position: relative;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0)
}

#soundControl .ui-slider-range {
    background-color: #a7a7a7;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute
}

#soundControl .ui-slider-handle {
    position: absolute;
    top: -3px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-left: -5px;
    background-color: #fff;
    border: 2px solid #a7a7a7;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0);
    outline: none !important;
    cursor: pointer
}

#directAudio > #Player {
    display: none;
    height: 1px;
    width: 1px;
    min-height: 1px
}

#directVideo {
    height: 530px;
    margin-bottom: 25px
}

#header {
    background: #3790ff
}

#header .container {
    background: none
}

#header a, #header span._NOL {
    color: #000
}

#header .nav-top {
    height: 70px
}

#header .nav-top .logo {
    float: left;
    font-size: 33px;
    margin: 16px 75px 0 11px
}

#header .nav-top .logo h1 {
    font-size: inherit;
    margin: 0
}

#header .nav-top .logo a, #header .nav-top .logo span._NOL {
    color: #fff
}

#header .nav-top .logo a:hover, #header .nav-top .logo span._NOL:hover {
    text-decoration: none
}

#header .nav-top .links {
    float: left;
    height: 40px
}

#header .nav-top .links li {
    float: left;
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 21px;
    font-weight: 700;
    margin-right: 35px
}

#header .nav-top .links li a, #header .nav-top .links li span._NOL {
    color: #fff;
    text-decoration: none
}

#header .nav-top .links li a:hover, #header .nav-top .links li span._NOL:hover {
    color: #64b1ff
}

#header .nav-top .links .direct {
    font-size: 14px;
    font-weight: 500;
    background: #509eff
}

#header .nav-top .links .direct .icon-play {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 34px;
    vertical-align: middle;
    margin-right: 14px
}

#header .nav-top .links .direct .icon-play:hover {
    font-size: 38px
}

#header .nav-top .links .direct .icon-play:active {
    font-size: 30px
}

#header .nav-top .links .direct a, #header .nav-top .links .direct span._NOL {
    display: block;
    width: 163px;
    height: 70px;
    text-align: center;
    color: #fff
}

#header .nav-top .links .direct a:hover, #header .nav-top .links .direct span._NOL:hover {
    color: #fff
}

#header .nav-top .search {
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-top: 25px;
    cursor: pointer
}

#header .navbar-toggle {
    position: relative;
    float: right;
    display: block;
    text-align: center;
    vertical-align: middle;
    margin: 24px 0 0 0;
    padding: 0;
    z-index: 999
}

#header .navbar-toggle:before {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 9px;
    content: "Menu"
}

#header .navbar-toggle:after {
    display: inline-block;
    width: 12px;
    height: 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: ""
}

#header .nav-bottom {
    position: relative;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #f0f2f5
}

#header .nav-bottom .container {
    position: static !important;
    background: none
}

#header .nav-bottom .dropdown {
    position: relative;
    float: left;
    margin: 0;
    vertical-align: top
}

#header .nav-bottom .dropdown > a, #header .nav-bottom .dropdown > span._NOL {
    display: block;
    color: #00123f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    padding: 19px 0 17px;
    margin: 0 10px;
    text-decoration: none;
    transition: none
}

#header .nav-bottom .dropdown > a:hover, #header .nav-bottom .dropdown > span._NOL:hover {
    color: #64b1ff
}

#header .nav-bottom .dropdown .category-overlay {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 204px;
    border: 0;
    height: auto;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    background: none;
    transform: translate(-50%);
    z-index: 9998;
    margin: 0;
    padding-top: 15px
}

#header .nav-bottom .dropdown .category-overlay:before {
    position: absolute;
    left: 50%;
    top: 7px;
    width: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    transform: translate(-50%);
    content: ""
}

#header .nav-bottom .dropdown.lightcolor a, #header .nav-bottom .dropdown.lightcolor span._NOL {
    color: #f50060
}

#header .nav-bottom .dropdown.lightcolor a:hover, #header .nav-bottom .dropdown.lightcolor span._NOL:hover {
    color: #64b1ff
}

#header .nav-bottom .dropdown:hover .dropdown-menu {
    display: block
}

#header .nav-bottom .dropdown.active > a, #header .nav-bottom .dropdown.active > span._NOL {
    color: #64b1ff
}

#header .nav-bottom .dropdown .cnt {
    text-align: center;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
    padding: 15px
}

#header .nav-bottom .dropdown .cnt ul {
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0
}

#header .nav-bottom .dropdown .cnt ul li {
    display: block;
    line-height: 18px;
    color: #00123f;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    margin: 0
}

#header .nav-bottom .dropdown .cnt ul li a, #header .nav-bottom .dropdown .cnt ul li span._NOL {
    display: block;
    padding: 6px 10px
}

#header .nav-bottom .dropdown .cnt ul li a:hover, #header .nav-bottom .dropdown .cnt ul li span._NOL:hover {
    color: #64b1ff;
    text-decoration: none
}

#header .toolbar {
    height: 35px;
    background: #00123f
}

#header .toolbar .container {
    background: none
}

#header .toolbar .container ul {
    display: inline-block;
    width: auto;
    height: 35px;
    padding: 0
}

#header .toolbar .container ul li {
    float: left;
    display: block;
    color: #fff
}

#header .toolbar .container ul li a, #header .toolbar .container ul li span._NOL {
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    padding: 0 11px
}

#header .toolbar .container ul li a:hover, #header .toolbar .container ul li span._NOL:hover {
    background: rgba(55, 144, 255, 0.44);
    text-decoration: none
}

#header .toolbar .container ul li a [class^="icon-"], #header .toolbar .container ul li a [class*=" icon-"], #header .toolbar .container ul li span._NOL [class^="icon-"], #header .toolbar .container ul li span._NOL [class*=" icon-"] {
    position: relative;
    top: 2px;
    font-size: 15px;
    margin-right: 11px
}

#header .toolbar .container ul .sepa {
    border-left: 1px solid #3c4251
}

#header .toolbar .container .social {
    float: left;
    margin-right: 9px
}

#header .toolbar .container .social li a, #header .toolbar .container .social li span._NOL {
    margin: 0 11px;
    padding: 0
}

#header .toolbar .container .social li a [class^="icon-"], #header .toolbar .container .social li a [class*=" icon-"], #header .toolbar .container .social li span._NOL [class^="icon-"], #header .toolbar .container .social li span._NOL [class*=" icon-"] {
    font-size: 13px;
    margin-right: 0
}

#header .toolbar .container .social li a:hover, #header .toolbar .container .social li span._NOL:hover {
    color: #184993;
    background: none
}

#header .toolbar .container .more {
    float: right
}

#header .toolbar .container .abonnement {
    float: left;
    height: 35px;
    font-size: 10px;
    font-weight: 400;
    border-left: 1px solid #3c4251;
    padding: 8px 0 0 20px
}

#header .toolbar .container .abonnement a, #header .toolbar .container .abonnement span._NOL {
    color: #fff
}

#header .toolbar .container .abonnement a:hover, #header .toolbar .container .abonnement span._NOL:hover {
    text-decoration: none
}

#header .toolbar .container .abonnement .login {
    font-family: 'Fira Sans' !important;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

#header .toolbar .container .abonnement .login:before {
    position: relative;
    top: 2px;
    font-size: 14px;
    font-family: 'Icons' !important
}

#header .toolbar .container .abonnement .login:hover {
    color: #184993;
    background: none
}

#header .toolbar .container .abonnement .logout {
    display: none;
    color: #fff;
    font-family: 'Fira Sans' !important;
    font-size: 12px;
    font-weight: 400
}

#header .toolbar .container .abonnement .logout:before {
    position: relative;
    top: 2px;
    font-size: 14px;
    margin-right: 10px;
    font-family: 'Icons' !important
}

#header .toolbar .container .abonnement .logout .icon-Fermer_deconnexion {
    color: #fff;
    font-size: 8px;
    margin-left: 12px
}

#header .toolbar .container .abonnement_logout .login {
    display: none
}

#header .toolbar .container .abonnement_logout .logout {
    display: block
}

#header .toolbar .container .abonnement_logout:hover {
    background: none;
    cursor: default
}

#header .toolbar .container .search {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    cursor: pointer;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 0 15px
}

#header .toolbar .container .search:hover {
    background: #003dd0
}

#header .subnav-more {
    position: relative;
    display:none;
    height: 62px
}

#header .subnav-more .direct {
    float: left;
    display: block;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

#header .subnav-more .direct .icon-play {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 34px;
    vertical-align: middle;
    margin-right: 14px
}

#header .subnav-more .direct:hover {
    color: #fff;
    text-decoration: none
}

#header .subnav-more .logo {
    float: left;
    display: block;
    color: #64b1ff;
    font-size: 33px;
    color: #fff;
    margin: 16px 68px 0 11px
}

#header .subnav-more .logo a, #header .subnav-more .logo span._NOL {
    color: #fff
}

#header .subnav-more .logo a:hover, #header .subnav-more .logo span._NOL:hover {
    text-decoration: none
}

#header .subnav-more .contenu {
    position: relative;
    float: left;
    display: block;
    height: 70px;
    margin-left: 20px
}

#header .subnav-more .contenu .texte {
    float: left;
    display: block;
    max-width: 325px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid #5ca5ff;
    padding-left: 20px;
    margin-top: 24px
}

#header .subnav-more .contenu .texte .horaire {
    float: left;
    display: block;
    width: 92px
}

#header .subnav-more .contenu .texte .animateur {
    float: left;
    display: block;
    line-height: 20px;
    max-width: 200px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

#header .subnav-more .contenu .visuel {
    display: inline-block;
    width: 203px;
    height: 70px;
    text-align: center;
    overflow: hidden
}

#header .subnav-more .contenu .visuel .visuel_cnt {
    display: inline-block;
    width: 140px;
    margin-top: -8px
}

#header .subnav-more .search {
    float: right;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 25px 14px 0 0;
    cursor: pointer
}

#header .subnav-more .navbar-toggle {
    float: right
}

#header .subnav-more .social {
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px
}

#header .subnav-more .social .nota {
    float: left;
    margin: 20px 10px 0 0
}

#header .subnav-more .social ul {
    float: left
}

#header .subnav-more .social ul li {
    position: relative;
    float: left;
    display: block;
    font-size: 25px;
    margin: 0;
    padding: 0
}

#header .subnav-more .social ul li a, #header .subnav-more .social ul li span._NOL {
    display: block;
    height: 61px;
    line-height: 61px;
    color: #fff;
    font-size: 17px;
    padding: 0 10px
}

#header .subnav-more .social ul li a:hover, #header .subnav-more .social ul li span._NOL:hover {
    color: #fff;
    text-decoration: none
}

#header .subnav-more.subnav-article .direct {
    width: 136px;
    text-align: center;
    background: #509eff;
    margin-right: 227px
}

body.opened_burger_menu {
    height: 100%;
    overflow: hidden
}

#BurgerMenu .entete {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center;
    background: #3790ff;
    border-bottom: 1px solid #5ca5ff
}

#BurgerMenu .entete .logo {
    float: left;
    color: #fff;
    font-size: 32px;
    border-left: 1px solid #5ca5ff;
    padding: 12px 0 3px 20px
}

#BurgerMenu .entete .logo a, #BurgerMenu .entete .logo span._NOL {
    color: #fff
}

#BurgerMenu .entete .logo a:hover, #BurgerMenu .entete .logo span._NOL:hover {
    text-decoration: none
}

#BurgerMenu .entete .direct {
    float: right;
    width: 140px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    background: #509eff
}

#BurgerMenu .entete .direct .icon-play {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 34px;
    vertical-align: middle;
    margin-right: 14px
}

#BurgerMenu .entete .direct:hover {
    text-decoration: none
}

#BurgerMenu .list-group.panel.light {
    font-size: 21px;
    font-weight: 700;
    border: 0
}

#BurgerMenu .list-group.panel.light a, #BurgerMenu .list-group.panel.light span._NOL {
    height: 45px;
    font-size: 21px;
    padding-top: 10px
}

#BurgerMenu .sepa {
    border-bottom: 1px solid #5ca5ff;
    margin: 20px 0
}

#BurgerMenu .sepa.no-mgn {
    margin-bottom: 0
}

#BurgerMenu .list-group.panel.euro2016 a, #BurgerMenu .list-group.panel.euro2016 span._NOL {
    color: #fff;
    background: #00b44e
}

#BurgerMenu .list-group.panel.euro2016 a:hover, #BurgerMenu .list-group.panel.euro2016 span._NOL:hover {
    background: #003dd0
}

#BurgerMenu .list-group.panel.jo2016 a, #BurgerMenu .list-group.panel.jo2016 span._NOL {
    color: #fff;
    background: #3aa930
}

#BurgerMenu .list-group.panel.jo2016 a:hover, #BurgerMenu .list-group.panel.jo2016 span._NOL:hover {
    background: #003dd0
}

#BurgerMenu {
    width: 320px;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    min-height: 100%;
    display: block;
    z-index: -2;
    transition: all 1s ease 0s;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #3790ff
}

#BurgerMenu .navbar-header {
    margin-left: 24px
}

#BurgerMenu ul {
    clear: both
}

#BurgerMenu ul li {
    position: relative
}

#BurgerMenu ul ul {
    border: 0
}

#BurgerMenu #closeBurgerButton {
    float: left;
    width: 60px;
    height: 60px;
    text-shadow: 0;
    font-size: 15px;
    background: none;
    border: 0;
    color: #fff;
    padding: 5px 0 0 3px
}

#BurgerMenu ul, #BurgerMenu li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#BurgerMenu .panel {
    border: 0;
    border-bottom: 1px solid #5ca5ff;
    background: #3790ff;
    position: relative;
    box-shadow: none;
    padding: 0
}

#BurgerMenu .panel .light {
    font-size: 21px;
    font-weight: 700;
    border: 0
}

#BurgerMenu .panel .panel {
    margin: -1px 0 0 0;
    border: 0
}

#BurgerMenu .panel ul {
    background: #00123f;
    padding: 20px 0
}

#BurgerMenu .panel li a, #BurgerMenu .panel li span._NOL {
    background: #00123f;
    height: 45px;
    color: #fff;
    font-size: 14px;
    text-transform: none;
    padding: 14px 0 0 44px
}

#BurgerMenu .panel li a:hover, #BurgerMenu .panel li span._NOL:hover {
    text-decoration: none;
    background: #509eff
}

#BurgerMenu #wrap-menu {
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 0;
    padding-top: 20px
}

#BurgerMenu #wrap-menu > .list-group:last-child {
    margin-bottom: 300px
}

.list-group.panel a, .list-group.panel span._NOL {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #509eff;
    border-radius: 0;
    border: 0;
    height: 65px;
    padding: 25px 0 0 30px
}

.list-group.panel a [class^="icon-"], .list-group.panel a [class*=" icon-"], .list-group.panel span._NOL [class^="icon-"], .list-group.panel span._NOL [class*=" icon-"] {
    position: absolute;
    top: 30px;
    right: 29px;
    font-size: 11px;
    transform: rotate(180deg)
}

.list-group.panel a.collapsed, .list-group.panel span._NOL.collapsed {
    background: #3790ff
}

.list-group.panel a.collapsed [class^="icon-"], .list-group.panel a.collapsed [class*=" icon-"], .list-group.panel span._NOL.collapsed [class^="icon-"], .list-group.panel span._NOL.collapsed [class*=" icon-"] {
    transform: rotate(360deg)
}

.list-group.panel:hover a, .list-group.panel:hover span._NOL {
    color: #fff;
    background: #509eff
}

.list-group.panel:hover a:hover, .list-group.panel:hover span._NOL:hover {
    text-decoration: none
}

.list-group-item {
    margin: 0 !important
}

#BurgerMenu a.redirectLink, #BurgerMenu span._NOL.redirectLink {
    position: absolute;
    border: 0 none !important;
    top: 0;
    left: 0;
    width: 81%;
    background-color: transparent !important;
    display: block;
    height: 65px;
    z-index: 100;
    padding: 25px 0 0 30px
}

.opened_burger_menu #BurgerMenu {
    left: 0;
    z-index: 999999999;
    transition: all 1s ease 0s
}

#BurgerMenu .list-group.panel.light.no-child a, #BurgerMenu .list-group.panel.light.no-child span._NOL {
    font-size: 16px;
    padding: 25px 0 0 30px;
    height: 65px
}

#burger-overlay {
    position: fixed;
    min-height: 100%;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 9999;
    filter: alpha(opacity=(0));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s linear 0.3s, width 0.1s linear 0.8s;
    -moz-transition: all 0.5s linear 0.3s, width 0.1s linear 0.8s;
    -ms-transition: all 0.5s linear 0.3s, width 0.1s linear 0.8s;
    -o-transition: all 0.5s linear 0.3s, width 0.1s linear 0.8s;
    transition: all 0.5s linear 0.3s, width 0.1s linear 0.8s;
    width: 0
}

.opened_burger_menu #burger-overlay {
    filter: alpha(opacity=(70));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.3s linear 0s;
    -moz-transition: opacity 0.3s linear 0s;
    -o-transition: opacity 0.3s linear 0s;
    -ms-transition: opacity 0.3s linear 0s;
    transition: opacity 0.3s linear 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%
}

.navbar-brand {
    height: auto;
    padding-left: 0
}

#header.affix-top {
    top: -125px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

#header.affix-top .navbar-header {
    left: 35px;
    top: 0px;
    z-index: 999;
    -webkit-transition: all 0.3s linear 0.5s;
    -moz-transition: all 0.3s linear 0.5s;
    -o-transition: all 0.3s linear 0.5s;
    -ms-transition: all 0.3s linear 0.5s;
    transition: all 0.3s linear 0.5s
}

#header.affix {
    left: 0;
    right: 0;
    z-index: 999;
    top: -105px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

#header.affix .navbar-header {
    position: absolute;
    left: 35px;
    top: 71px;
    z-index: 999
}

#header.affix .navbar-header a img, #header.affix .navbar-header span._NOL img {
    height: auto;
    width: 66px;
    background: #fff
}

#header.affix .nav-bottom {
    border: 0
}

#header.affix .nav-bottom .dropdown > a, #header.affix .nav-bottom .dropdown > span._NOL {
    padding: 15px 7px
}

#header.affix-top .subnav-direct, #header.affix-top .subnav-article {
    display: none
}

.subMenu_link:hover {
    text-decoration: none !important
}

.dropdown.lightcolor a, .dropdown.lightcolor span._NOL {
    display: block;
    max-width: 148px;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.subnav-article {
    display: none
}

body#article.affix .subnav-direct {
    display: none !important
}

body#article.affix .subnav-article {
    display: block
}

#header.affix .nav-bottom {
    background: none;
    height: 70px
}

#header.affix .subnav-direct {
    display: block
}

#header.affix .subnav {
    display: none
}

.row-masthead {
    text-align: center;
    margin-top: 25px
}

.row-masthead div, .row-masthead a, .row-masthead img, .row-masthead object, .row-masthead embed, .row-masthead iframe, .row-masthead span._NOL {
    display: inline-block
}

.bloc_launcher {
    position: relative;
    height: 200px;
    background: #f0f2f5;
    border-bottom: 1px solid #dae0e6;
    margin: -1px 0 40px 0
}

.bloc_launcher .container {
    position: relative;
    background: #f0f2f5
}

.bloc_launcher:after {
    position: absolute;
    left: 0;
    bottom: -41px;
    width: 100%;
    height: 40px;
    background: #fff;
    content: ""
}

.bloc_launcher .direct {
    position: relative;
    float: left;
    display: block;
    padding-left: 80px
}

.bloc_launcher .direct .picto {
    position: absolute;
    top: 30px;
    left: -11px;
    width: 70px;
    height: 100px
}

.bloc_launcher .direct .picto [class^="icon-"], .bloc_launcher .direct .picto [class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #f50060;
    font-size: 70px;
    transform: translate(-50%, -50%)
}

.bloc_launcher .direct .picto [class^="icon-"]:hover, .bloc_launcher .direct .picto [class*=" icon-"]:hover {
    font-size: 73px
}

.bloc_launcher .direct .picto [class^="icon-"]:active, .bloc_launcher .direct .picto [class*=" icon-"]:active {
    font-size: 65px
}

.bloc_launcher .direct .picto:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 37px;
    background: #fff;
    transform: translate(-50%, -50%);
    content: ""
}

.bloc_launcher .direct .picto i {
    position: relative;
    z-index: 2
}

.bloc_launcher .direct .infos {
    position: relative;
    float: left;
    display: block;
    width: 380px;
    padding: 30px 0 0 25px
}

.bloc_launcher .direct .infos:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 1px;
    height: 170px;
    background: #dae0e6;
    content: ""
}

.bloc_launcher .direct .infos .encart {
    position: relative;
    display: block;
    width: 70px;
    height: 25px;
    color: #fff;
    font-size: 12px;
    background: #f50060;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 5px 0 0 29px
}

.bloc_launcher .direct .infos .encart .picto_direct {
    position: absolute;
    top: 0;
    left: 3px;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin: 11px 15px 8px 9px;
    animation: fadein 2s 1s infinite alternate;
    -webkit-animation: fadein 2s 1s infinite alternate
}

.bloc_launcher .direct .infos .encart .picto_direct:before, .bloc_launcher .direct .infos .encart .picto_direct:after {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 19px;
    height: 19px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0.3;
    content: ""
}

.bloc_launcher .direct .infos .encart .picto_direct:after {
    width: 11px;
    height: 11px;
    top: -4px;
    left: -4px;
    opacity: 0.6
}

.bloc_launcher .direct .infos .horaire {
    color: #00123f;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.1px
}

.bloc_launcher .direct .infos .animateur {
    display: block;
    width: 100%;
    line-height: 40px;
    color: #00123f;
    font-size: 33px;
    font-weight: 700;
    white-space: nowrap
}

.bloc_launcher .direct .infos .emission {
    display: block;
    max-width: 300px;
    height: 40px;
    line-height: 20px;
    color: #67717e;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden
}

.bloc_launcher .direct .infos .marquee {
    position: relative;
    overflow: hidden;
    animation: marquee 8s linear 5s 2;
    -webkit-animation: marquee 8s linear 5s 2
}

.bloc_launcher .direct .infos .marquee:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: linear-gradient(to left, rgba(240, 242, 245, 0.98), rgba(240, 242, 245, 0));
    content: ""
}

.bloc_launcher .direct .visuel {
    float: left;
    width: 366px;
    height: 200px;
    display: block;
    margin: 0 0 -1px -80px;
    overflow: hidden
}

.bloc_launcher .direct .visuel .visuel_cnt {
    display: inline-block;
    width: 366px;
    margin: -18px 0 0 0
}

.bloc_launcher .asuivre {
    float: left;
    width: 175px;
    padding-top: 100px
}

.bloc_launcher .asuivre .encart {
    float: right;
    width: 55px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #00123f;
    border-radius: 2px;
    margin-bottom: 12px
}

.bloc_launcher .asuivre .horaire {
    clear: both;
    color: #020733;
    font-size: 14px;
    font-weight: 700;
    text-align: right
}

.bloc_launcher .asuivre .animateur {
    height: 32px;
    line-height: 18px;
    color: #00123f;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.1px;
    text-align: right;
    overflow: hidden
}

@keyframes marquee {
    0% {
        text-indent: 50%;
    }
    100% {
        text-indent: -150%;
    }
}

@-webkit-keyframes marquee {
    0% {
        text-indent: 50%;
    }
    100% {
        text-indent: -150%;
    }
}

@keyframes fadein {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

footer#Europe1_footer {
    background: #f9f9f9;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

footer#Europe1_footer .container {
    background: none
}

footer#Europe1_footer .logo {
    text-align: center;
    margin-bottom: 30px
}

footer#Europe1_footer .social {
    text-align: center
}

footer#Europe1_footer .social a, footer#Europe1_footer .social span._NOL {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #0036d5;
    font-size: 17px;
    background: #fff;
    border-radius: 50%;
    margin: 0 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

footer#Europe1_footer .social a:hover, footer#Europe1_footer .social span._NOL:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

footer#Europe1_footer .social .icon-Facebook:hover {
    background: #39579a
}

footer#Europe1_footer .social .icon-Twitter:hover {
    background: #00abf0
}

footer#Europe1_footer .social .icon-GooglePlus:hover {
    background: #df4a32
}

footer#Europe1_footer .social .icon-Instagram:hover {
    background: #966d51
}

footer#Europe1_footer .social .icon-Youtube:hover {
    background: #ff3029
}

footer#Europe1_footer .social .icon-linkedin:hover {
    background: #0078ba
}

footer#Europe1_footer .social .icon-Viadeo:hover {
    background: #f99916
}

footer#Europe1_footer .social .icon-Dailymotion:hover {
    background: #0062df
}

footer#Europe1_footer .social .icon-Pinterest:hover {
    background: #cd1d1f
}

footer#Europe1_footer .social .icon-RSS:hover {
    background: #ff6700
}

footer#Europe1_footer .links {
    text-align: center;
    padding: 15px 0
}

footer#Europe1_footer .links ul, footer#Europe1_footer .links li {
    display: inline-block;
    margin: 0;
    padding: 0
}

footer#Europe1_footer .links ul:first-child {
    margin-bottom: 10px
}

footer#Europe1_footer .links li {
    font-size: 14px;
    font-weight: 600
}

footer#Europe1_footer .links li a, footer#Europe1_footer .links li span._NOL {
    color: #000
}

footer#Europe1_footer .links li a:hover, footer#Europe1_footer .links li span._NOL:hover {
    color: #0036d5;
    text-decoration: none
}

footer#Europe1_footer .links li:before {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    margin: 0 5px;
    content: ""
}

footer#Europe1_footer .links li:first-child:before {
    display: none
}

footer#Europe1_footer .links-mobile {
    margin: 15px 0;
    color: #fff;
    font-size: 16px
}

footer#Europe1_footer .links-mobile a, footer#Europe1_footer .links-mobile span._NOL {
    color: #fff
}

footer#Europe1_footer .links-mobile ul, footer#Europe1_footer .links-mobile li {
    margin: 0;
    padding: 0
}

footer#Europe1_footer .links-mobile ul {
    margin-top: 5px
}

footer#Europe1_footer .links-mobile li {
    display: inline-block
}

footer#Europe1_footer .links-mobile li:before {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
    content: ""
}

footer#Europe1_footer .links-mobile li:first-child:before {
    display: none
}

footer#Europe1_footer .mobile {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    padding: 20px 0
}

footer#Europe1_footer .mobile .titre, footer#Europe1_footer .mobile ul, footer#Europe1_footer .mobile li {
    display: inline-block;
    margin: 0;
    padding: 0
}

footer#Europe1_footer .mobile .titre {
    font-size: 20px
}

footer#Europe1_footer .mobile li {
    margin: 0 10px
}

footer#Europe1_footer .infos {
    margin-top: 15px;
    font-size: 12px
}

footer#Europe1_footer .infos .right {
    text-align: right
}

footer#Europe1_footer .infos .right img {
    margin-right: 10px
}

footer#Europe1_footer .infos a, footer#Europe1_footer .infos span._NOL {
    color: #000
}

footer#Europe1_footer .infos a:hover, footer#Europe1_footer .infos span._NOL:hover {
    text-decoration: none
}

body {
    background: #ffffff !important;
    color: #000;
    font-size: 14px;
    font-family: 'Fira Sans', 'Helvetica', 'Arial', sans-serif;
    overflow-x: hidden
}

body #header .container {
    position: relative
}

body .container {
    background: #ffffff;
    position: static
}

body .container .col-md-12.aside-container {
    width: 66.66666667%;
    padding-right: 10px
}

body .container aside {
    padding-left: 0;
    position: relative;
    top: 0;
    width: 315px !important
}

.home .container .col-md-12.aside-container {
    padding-right: 40px
}

aside.sidebar {
    float: right;
    z-index: 1 !important
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0
}

.modal-dialog {
    width: 600px;
    margin: 30px auto
}

.modal-header {
    min-height: 16.43px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px
}

.modal-body {
    position: relative;
    padding: 15px
}

span._NOL {
    cursor: pointer
}

@media (max-width: 1024px) {
    body .container {
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    body#article .subnav-article {
        padding-right: 25px
    }

    body#article .subnav-article .social .nota, body#article .subnav-article .bt, body#article .subnav-article .search {
        display: none
    }

    body#article .subnav-article .social {
        float: right;
        margin: 0
    }

    body#article .subnav-article .social ul li, body#article .subnav-article .social ul li a, body#article .subnav-article .social ul li span._NOL {
        line-height: 60px;
        height: 60px;
        border-right: 0;
        font-size: 20px
    }

    body.affix {
        margin-top: 75px
    }

    #header .container {
        padding-left: 15px;
        padding-right: 15px
    }

    #header .toolbar, #header .nav-top, #header .nav-bottom .subnav, #header .nav-bottom .subnav-direct .contenu, #header .subnav-more .logo i {
        display: none
    }

    #header .subnav-more {
        height: 60px;
        background: none;
        text-align: center;
        padding: 0 55px 0 60px
    }

    #header .subnav-more .logo {
        border-left: 1px solid #5ca5ff;
        margin: 0;
        padding: 8px 0 3px 20px
    }

    #header .subnav-more .logo a:before, #header .subnav-more .logo span._NOL:before {
        color: #fff;
        font-family: 'Icons';
        font-size: 32px;
        content: "\e91c"
    }

    #header .subnav-more .logo a:hover, #header .subnav-more .logo span._NOL:hover {
        text-decoration: none
    }

    #header .subnav-more .direct {
        float: right;
        width: 140px;
        height: 60px;
        line-height: 60px;
        background: #509eff;
        font-size: 17px
    }

    #header .subnav-more .search {
        position: absolute;
        top: 22px;
        right: 19px;
        margin: 0
    }

    #header .subnav-more .navbar-toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        border-radius: 0;
        margin: 0
    }

    #header .subnav-more .navbar-toggle:before {
        display: none
    }

    #header .subnav-more .navbar-toggle:after {
        width: 20px;
        height: 13px
    }

    #header .nav-bottom {
        height: 60px !important;
        background: none;
        border: 0
    }

    #header .nav-bottom .container {
        padding: 0 !important
    }

    #header .nav-bottom .subnav-direct {
        display: block
    }

    #header .nav-bottom .dropdown > a, #header .nav-bottom .dropdown > span._NOL {
        padding: 15px 7px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out
    }

    #header .nav-bottom .pull-right {
        margin: 2px 12px 0 0
    }

    #header.affix {
        top: 0
    }

    #header.affix .subnav-article .direct {
        display: none
    }

    .row-masthead {
        max-width: 990px;
        display: block;
        margin: 0 auto;
        padding: 0 10px
    }

    .row-masthead img {
        max-width: 100%
    }

    .block {
        margin-bottom: 40px !important
    }

    article .partage ul {
        display: none
    }
}

@media (max-width: 992px) {
    body .container .col-md-12.aside-container {
        width: 100%;
        padding-right: 15px
    }

    body#article .subnav-article .social {
        margin-right: -15px
    }

    .home .container .col-md-12.aside-container {
        padding-right: 15px
    }

    .hidden-mdd {
        display: none
    }

    #sidebarfixed1, .sidebarfixed.scroll-to-fixed-fixed {
        bottom: auto !important;
        left: auto !important;
        margin: 0 auto 0 auto !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 300px !important;
        float: none;
        display: block;
        padding-right: 0
    }

    #sidebarfixed2, .sidebar-home {
        display: none
    }

    #header .subnav-more .bt {
        margin-right: 0
    }

    #header.affix-top .nav-bottom .navbar-toggle {
        margin: 2px 0 11px 0;
        transition: none 0s ease 0s
    }

    #header.affix .navbar-header a img, #header.affix-top .navbar-header a img, #header.affix .navbar-header span._NOL img, #header.affix-top .navbar-header span._NOL img {
        margin-left: 10px
    }

    .flashactus .flashactus_cnt {
        margin: 0 0 30px 0
    }

    .alerte-info span {
        max-width: 75%
    }

    aside.sidebar {
        float: none;
        margin: 0 auto
    }

    .social_sidebar {
        display: none
    }
}

@media (max-width: 800px) {
    body .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .block.block_antenne, .block.block_3_contenus, .block.block_diaporama {
        margin: 0 -15px 0 -15px;
        padding: 30px 15px 15px 15px
    }

    .block.block_e1_brand {
        margin: 0 -15px 0 -15px;
        padding: 20px 14px 30px 14px
    }

    .block.block_e1_brand .avec {
        right: 14px
    }

    .alerte-info span {
        max-width: 75%;
        line-height: 1.2em
    }

    .block.block_dossier_moment .row [class*="col-md-"] {
        width: 33.3333%;
        margin-bottom: 20px
    }

    article .iframeContainer iframe {
        height: 475px
    }
}

@media (max-width: 767px) {
    .header .nav-top .navbar-brand {
        height: auto;
        margin-bottom: -55px;
        margin-left: 26px
    }

    .header .nav-bottom .navbar-toggle {
        margin-bottom: 10px
    }

    .header.affix-top {
        position: fixed;
        top: 0 !important;
        right: 0;
        transtion: none !important;
        -webkit-transtion: none !important;
        -moz-transtion: none !important;
        display: block;
        z-index: 10000;
        left: 0
    }

    .alerte-info span {
        max-width: 70%
    }

    .morechroniques .cnt .visuel a, .morechroniques .cnt .visuel span._NOL {
        display: block;
        width: 100%
    }

    .morechroniques .cnt .visuel a img, .morechroniques .cnt .visuel span._NOL img {
        width: 100%
    }

    .block .liste_abcdaire li {
        margin: 0 12px 0 0
    }

    .bloc_launcher {
        height: 190px;
        margin-bottom: 25px
    }

    .bloc_launcher .direct {
        width: 100%;
        padding-left: 0
    }

    .bloc_launcher .direct .picto {
        top: 85px;
        left: auto;
        right: 5px;
        font-size: 60px;
        z-index: 1
    }

    .bloc_launcher .direct .picto:before {
        width: 35px;
        height: 35px
    }

    .bloc_launcher .direct .infos {
        width: 55%;
        padding-left: 0
    }

    .bloc_launcher .direct .infos .horaire {
        font-size: 18px
    }

    .bloc_launcher .direct .infos .animateur {
        line-height: 25px;
        font-size: 22px
    }

    .bloc_launcher .direct .infos .emission {
        height: 60px
    }

    .bloc_launcher .direct .infos .marquee:before, .bloc_launcher .direct .infos .marquee:after {
        height: 25px
    }

    .bloc_launcher .direct .infos:before {
        display: none
    }

    .bloc_launcher .direct .visuel {
        position: absolute;
        top: 0;
        right: -15px;
        width: 190px;
        height: 190px;
        margin: 0
    }

    .bloc_launcher .direct .visuel .visuel_cnt {
        display: block;
        width: 238px;
        margin: 0
    }
}

@media (max-width: 665px) {
    .hidden-xss {
        display: none !important
    }

    section#main .container {
        padding-left: 15px;
        padding-right: 15px
    }

    #header .nav-top .navbar-brand {
        padding: 10px
    }

    #header.affix-top .navbar-header {
        left: 15px
    }

    #header.affix-top .navbar-header .navbar-brand img {
        width: 66px
    }

    #header.affix-top .nav-top .navbar-brand {
        margin-left: 35px
    }

    #header.affix-top .nav-bottom .navbar-toggle {
        margin: 2px 0 2px 0
    }

    #header.affix .navbar-header {
        left: 30px
    }

    #header.affix .nav-top .navbar-brand {
        margin-left: 45px
    }

    #header.affix .nav-bottom .navbar-toggle {
        margin: 1px 0 2px 0
    }

    #BurgerMenu, .opened_burger_menu #BurgerMenu {
        transition: all 0.5s linear 0s
    }

    #mySearch .modal-dialog .modal-title {
        font-size: 1.5em;
        padding: 34px 0 0
    }

    #mySearch .modal-dialog #Europe_search_input, #mySearch .modal-dialog .modal-footer #Europe1_search_submit {
        font-size: 2em
    }

    .article #main {
        padding: 0 10px
    }

    .article .header-article {
        margin-bottom: 30px
    }

    .article h1 {
        font-size: 1.786em
    }

    .article h1:after {
        max-width: 245px
    }

    .article figure .img-responsive {
        width: 100%;
        max-width: 100%
    }

    .article figure figcaption {
        font-size: 0.714em
    }

    .article .most .col-md-6 {
        padding: 0
    }

    .article .most .title-most {
        font-size: 2.143em
    }

    .article .most .title-most:after {
        max-width: 250px
    }

    .article .publication {
        line-height: 1em
    }

    article figure.emission_editee figcaption {
        font-size: 12px;
        padding: 10px 15px
    }

    article figure.emission_editee .icon-Play_Header {
        width: 46px;
        height: 46px;
        font-size: 45px
    }

    article.articleExt h2 {
        font-size: 20px
    }

    article.articleExt figcaption {
        padding: 5px 0;
        margin: 0 15px
    }

    article.articleExt .links {
        padding-left: 0
    }

    .author {
        width: 100%
    }

    .commentaires {
        border-bottom: 0
    }

    .commentaires .comment-title .nota {
        width: 100%;
        text-align: center
    }

    .commentaires .comment-title .nb {
        display: none
    }

    .commentaires .show-comments {
        position: static;
        width: 100%;
        color: #fff;
        background: #003ed1
    }

    footer#Europe1_footer {
        background: #003ed1;
        padding-top: 15px
    }

    footer#Europe1_footer .logo {
        text-align: left;
        margin-bottom: 0
    }

    footer#Europe1_footer .links li, footer#Europe1_footer .links li a, footer#Europe1_footer .links li span._NOL {
        color: #fff
    }

    footer#Europe1_footer .links li:before {
        background: #fff
    }

    footer#Europe1_footer .infos {
        color: #94abe3;
        text-align: center;
        border-top: 1px solid #2d5fd6;
        margin: 0 15px
    }

    footer#Europe1_footer .infos .col-md-6 {
        text-align: left;
        margin-top: 10px;
        font-size: 10px;
        padding-left: 0
    }

    footer#Europe1_footer .infos a, footer#Europe1_footer .infos span._NOL {
        color: #94abe3
    }

    .alerte-info {
        margin: 0 -15px 20px;
        padding: 10px 15px;
        font-size: 1em
    }

    .alerte-info span.titre {
        font-size: 0.857em;
        margin: 0
    }

    .alerte-info span:last-child {
        display: block;
        font-size: 1em;
        margin: 10px 0 0 0;
        max-width: 100%
    }

    .wrap-img .info {
        font-size: 11px;
        height: 25px;
        line-height: 25px
    }

    .block .col-md-4, .block .col-md-6, .block .col-md-8, .block .col-md-12 {
        width: 100%
    }

    .block.block_diaporama .col-md-6 {
        width: 50%
    }

    .block.block_diaporama .linkmore {
        float: left
    }

    .block.block_diaporama .linkmore {
        float: left
    }

    .block.block_diaporama .diapo .wrap-img .icon-Photo {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 21px;
        height: 21px;
        color: #3790ff;
        background: #fff;
        border-radius: 50%;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2)
    }

    .block.block_diaporama .diapo .wrap-img .icon-Photo:before {
        position: absolute;
        top: 5px;
        left: 4px;
        font-size: 11px
    }

    .block.block_diaporama .diapo .diapo_cnt .titre {
        font-size: 1.429em !important
    }

    .block h1, .block h2 {
        font-size: 2.143em
    }

    .block h1 span, .block h2 span {
        padding: 0 15px 0 0
    }

    .block h1.bold, .block h2.bold {
        font-size: 2.143em
    }

    .block h3 {
        font-size: 1em;
        margin: 0 0 10px 0
    }

    .block .tags, .block .liste_abcdaire {
        display: none
    }

    .block .bloc_news .heure, .block .bloc_news .nouveau, .block .bloc_news .animateur {
        font-size: 0.714em;
        font-weight: 600
    }

    .block .bloc_news .titre {
        font-size: 20px;
        line-height: 23px
    }

    .block .avec {
        top: -6px
    }

    .block .avec img {
        margin: 0 0 0 10px
    }

    .block.block_home_news .item p, .block.block_recherche .item p, .block.block_lastcontent .item p, .block.block_home_news .item ul, .block.block_recherche .item ul, .block.block_lastcontent .item ul, .block.block_home_news .item .icon-Share, .block.block_recherche .item .icon-Share, .block.block_lastcontent .item .icon-Share, .block.block_home_news .item .share, .block.block_recherche .item .share, .block.block_lastcontent .item .share {
        display: none !important
    }

    .block.block_home_news .item .heure, .block.block_recherche .item .heure, .block.block_lastcontent .item .heure, .block.block_home_news .item .nouveau, .block.block_recherche .item .nouveau, .block.block_lastcontent .item .nouveau, .block.block_home_news .item .animateur, .block.block_recherche .item .animateur, .block.block_lastcontent .item .animateur {
        position: relative;
        top: -5px;
        margin-bottom: -5px
    }

    .block.block_home_news .item.full, .block.block_recherche .item.full, .block.block_lastcontent .item.full {
        margin: 0 -15px
    }

    .block.block_home_news .item.full .bloc_news, .block.block_recherche .item.full .bloc_news, .block.block_lastcontent .item.full .bloc_news {
        padding: 0 15px
    }

    .block.block_home_news .item.full .bloc_news p, .block.block_recherche .item.full .bloc_news p, .block.block_lastcontent .item.full .bloc_news p, .block.block_home_news .item.full .bloc_news ul, .block.block_recherche .item.full .bloc_news ul, .block.block_lastcontent .item.full .bloc_news ul {
        display: block !important;
        font-size: 13px
    }

    .block.block_home_news .item.full .bloc_news ul, .block.block_recherche .item.full .bloc_news ul, .block.block_lastcontent .item.full .bloc_news ul {
        margin-bottom: 0
    }

    .block.block_home_news .item.full .bloc_news ul li, .block.block_recherche .item.full .bloc_news ul li, .block.block_lastcontent .item.full .bloc_news ul li {
        font-size: 1em
    }

    .block.block_home_news .item.full .bloc_news .titre, .block.block_recherche .item.full .bloc_news .titre, .block.block_lastcontent .item.full .bloc_news .titre {
        width: 100%;
        font-size: 20px;
        line-height: 23px
    }

    .block.block_home_news {
        margin-bottom: 0 !important
    }

    .block.block_home_news .item {
        padding: 10px 0
    }

    .block.block_home_news:last-of-type {
        margin-bottom: 40px !important
    }

    .block.block_home_newsAlerte.block_home_news:last-of-type {
        margin-bottom: 0 !important
    }

    .block.block_home_newsAlerte .item {
        margin: 0 -15px;
        padding: 10px 0
    }

    .block.block_home_newsAlerte .item .wrap-img {
        max-width: 100% !important
    }

    .block.block_home_newsAlerte .item .wrap-img .texte {
        position: static;
        background: none;
        padding: 10px 15px 0 15px
    }

    .block.block_home_newsAlerte .item .wrap-img .texte .heure {
        font-size: 0.714em;
        font-weight: 600
    }

    .block.block_home_newsAlerte .item .wrap-img .texte .titre {
        width: 100%;
        color: #00123f;
        font-size: 20px;
        font-weight: 500;
        line-height: 23px
    }

    .block.block_home_newsAlerte .item .wrap-img .texte .titre:hover {
        color: #64b1ff
    }

    .block.block_home_newsAlerte .item .wrap-img .texte p {
        width: 100%;
        color: #000;
        display: block !important;
        font-size: 13px
    }

    .block.block_home_newsAlerte .item ul {
        display: block !important
    }

    .block.block_home_newsAlerte .item ul li {
        width: 100%;
        font-size: 13px;
        padding-left: 10px
    }

    .block.block_dossier_moment h2 {
        line-height: 35px
    }

    .block.block_dossier_moment h2:after {
        top: 0
    }

    .block.block_antenne {
        padding: 15px
    }

    .block.block_antenne h2 {
        line-height: 40px
    }

    .block.block_antenne h2:after {
        top: 0
    }

    .block.block_antenne > .row {
        margin-top: 15px
    }

    .block.block_antenne .programme {
        margin: 10px 0 0 0;
        padding: 0 0 0 50px
    }

    .block.block_antenne .programme .wrap-img {
        position: absolute;
        top: 10px;
        left: 0
    }

    .block.block_antenne .programme .wrap-img a img, .block.block_antenne .programme .wrap-img span._NOL img {
        display: none
    }

    .block.block_antenne .programme .wrap-img a .info, .block.block_antenne .programme .wrap-img span._NOL .info {
        bottom: auto;
        left: auto;
        position: relative;
        min-width: 55px;
        text-align: center
    }

    .block.block_antenne .programme .programme_cnt {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 15px
    }

    .block.block_antenne .programme .programme_cnt .heure, .block.block_antenne .programme .programme_cnt .animateur {
        display: none
    }

    .block.block_antenne .programme .programme_cnt .titre {
        font-size: 1.071em;
        min-height: 1px
    }

    .block.block_antenne .programme.programme_live .wrap-img:before {
        display: none
    }

    .block.block_antenne .programme.programme_live .programme_cnt .titre {
        font-size: 1.429em;
        color: #f4e004
    }

    .block.block_antenne .grille_programmes {
        margin: 25px 0 0 0;
        font-size: 1em
    }

    .block.block_3_contenus {
        padding: 15px
    }

    .block.block_autre .bloc {
        margin: 0 -15px 20px -15px
    }

    .block.block_autre .bloc .texte {
        font-size: 1em
    }

    .block.block_7_contenus .bloc p {
        display: none
    }

    .block.block_7_contenus .bloc .bloc_news .titre {
        font-size: 1.429em !important
    }

    .block.block_7_contenus .bloc .bloc_news:last-child {
        margin: 0 0 10px 0
    }

    .block.block_7_contenus .bloc.bloc_img .bloc_news {
        border-bottom: 1px solid #dae0e6 !important;
        padding: 0 15px 20px 15px
    }

    .block.block_7_contenus > .row > div:last-child .bloc .bloc_news:last-child {
        border: 0;
        margin: 0
    }

    .block.block_nos_videos .bloc {
        background: none;
        margin: 0 0 15px 0
    }

    .block.block_nos_videos .bloc .wrap-img {
        display: inline-block;
        vertical-align: top;
        max-width: 150px;
        margin-right: 13px
    }

    .block.block_nos_videos .bloc .bloc_news {
        padding: 0;
        display: inline-block;
        vertical-align: top;
        max-width: 65%
    }

    .block.block_nos_videos .bloc .bloc_news .heure {
        display: none
    }

    .block.block_nos_videos .bloc .bloc_news .titre {
        margin: 0;
        max-height: 100%;
        min-height: 100%;
        overflow: visible
    }

    .block.block_nos_videos .bloc .bloc_news .animateur {
        display: block
    }

    .block.block_nos_videos > .row div:last-child .bloc {
        margin: 0
    }

    .block.block_3_contenus .bloc {
        margin: 0 0 15px 0
    }

    .block.block_3_contenus .bloc .wrap-img {
        display: inline-block;
        vertical-align: top;
        max-width: 150px;
        margin-right: 13px
    }

    .block.block_3_contenus .bloc .bloc_news {
        padding: 0;
        display: inline-block;
        vertical-align: top;
        max-width: 65%
    }

    .block.block_3_contenus .bloc .bloc_news .heure {
        display: block;
        margin: 0 0 5px 0
    }

    .block.block_3_contenus .bloc .bloc_news .titre {
        margin: 0;
        max-height: 100%;
        min-height: 100%;
        overflow: visible
    }

    .block.block_3_contenus .bloc .bloc_news .photo_animateur {
        display: none
    }

    .block.block_3_contenus > .row div:last-child .bloc {
        margin: 0
    }

    .block.block_more ul .item:last-child {
        margin: 0 0 20px 0
    }

    .block.block_more ul .item.full {
        margin: 0 0 20px 0
    }

    .block.block_dossier_moment .row [class*="col-md-"] {
        width: 100%;
        margin-bottom: 0
    }

    .block.block_dossier_moment .wrap-img, .block.block_dossier_moment .col-md-2:last-child {
        display: none
    }

    .block.block_dossier_moment .titre {
        padding: 0;
        font-size: 1.429em;
        margin: 0 0 15px 0
    }

    .block.block_e1_brand {
        margin: 0;
        padding: 0;
        border: 0
    }

    .block.block_e1_brand .avec {
        right: 0;
        top: -6px
    }

    .block.block_e1_brand .avec img {
        width: 95px
    }

    .block.block_e1_brand .tags {
        display: block
    }

    .block.block_e1_brand .intro {
        margin: 25px 0 0
    }

    .block.block_e1_brand .wrap-img {
        margin-left: -15px;
        margin-right: -15px
    }

    .block.block_e1_brand .bloc_news p {
        border-bottom: 1px solid #e1e1e1;
        margin: 0 0 15px 0;
        padding: 0 0 20px 0;
        font-size: 1em;
        line-height: 1.429em
    }

    .block.block_e1_brand .list {
        margin: 0
    }

    .block.block_e1_brand .list li a, .block.block_e1_brand .list li span._NOL {
        font-size: 1.429em
    }

    .block.block_morecontent .col-md-12 {
        padding: 0
    }

    .block.block_morecontent .col-md-12 .bloc {
        border-bottom: 0
    }

    .block.block_morecontent .col-md-12 .bloc .titre {
        font-size: 25px
    }

    .block.block_morecontent .col-md-12 .bloc_news {
        padding: 0 15px
    }

    .block.block_morecontent .col-md-6 .wrap-img {
        float: left;
        max-width: 120px;
        margin-right: 20px
    }

    .block.block_morecontent .col-md-6 p {
        display: none
    }

    .block_enteteL {
        margin-bottom: 0 !important
    }

    .block_hub h2 {
        line-height: 25px !important;
        font-size: 25px;
        font-weight: 400
    }

    .page404 {
        margin: 0 0 35px 0
    }

    .page404 .titre {
        font-size: 1.786em;
        line-height: 1.120em;
        margin: 0 0 25px 0
    }

    .page404 p {
        font-size: 1em;
        line-height: 1.429em;
        margin: 30px 0 20px 0
    }

    .page404 a, .page404 span._NOL {
        display: block
    }

    .header-article h1 {
        font-size: 25px;
        line-height: 28px
    }

    .header-article .choose_date {
        text-align: left
    }

    .header-article .choose_date .form-control {
        margin: 10px 0 0 0;
        display: block;
        width: 50%
    }

    .btns ul li.sinceAnimateur {
        margin-bottom: 10px
    }

    .block_generique .btn_grille_programmes {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        font-size: 1.071em;
        margin: 20px 0 0 0
    }

    .block_generique .liste_abcdaire {
        margin: 30px 0 35px 0
    }

    .block_generique .liste_abcdaire li {
        font-size: 1.071em;
        margin: 0 0 5px
    }

    .block_generique .liste_abcdaire li a, .block_generique .liste_abcdaire li span, .block_generique .liste_abcdaire li span._NOL {
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    .block_generique .col-md-3:nth-child(2n+1) {
        clear: left
    }

    .block_lettre {
        margin: 0 0 20px 0
    }

    .block_lettre .lettre {
        font-size: 2.5em
    }

    .block_lettre ul li {
        font-size: 1em;
        padding: 0 0 0 35px
    }

    form.recherche {
        font-size: 1em;
        margin: 0 0 5px 0
    }

    form.recherche p {
        margin: 0 0 10px
    }

    form.recherche .form-control {
        width: 100%
    }

    form.recherche .radio > span {
        display: block;
        margin: 0 0 5px 0
    }

    .nb_resulats {
        font-size: 1.429em;
        margin: 0 0 20px
    }

    .block.block_recherche .item .wrap-img, .block.block_lastcontent .item .wrap-img {
        display: none
    }

    .block.block_recherche .item .heure, .block.block_lastcontent .item .heure {
        display: inline-block !important
    }

    .grille_programmes .header-article .publication {
        font-size: 0.857em
    }

    .grille_programmes .btns ul li {
        margin: 0 10px 10px 0
    }

    .grille_programmes .btns ul li a, .grille_programmes .btns ul li span._NOL {
        padding: 10px 15px
    }

    .grille_programmes .btns ul li.pull-right {
        float: none !important
    }

    .grille_programmes .btns ul li:first-child {
        margin: 0 10px 10px 0
    }

    .grille_programmes .wrap-img {
        display: none
    }

    .grille_programmes .bloc_texte .titre {
        font-size: 1.429em
    }

    .grille_programmes .bloc_texte .heure {
        font-size: 0.857em;
        line-height: 1.5em;
        margin: 0
    }

    .grille_programmes .bloc_texte .heure span:before {
        height: 14px;
        top: 2px
    }

    .grille_programmes .bloc_texte p {
        display: none
    }

    .grille_programmes .bloc_texte .titre {
        min-height: 0;
        margin-bottom: 10px
    }

    .grille_programmes .bloc_texte .bt {
        width: 100%;
        font-size: 14px
    }

    .grille_programmes .bloc_texte .bt .picto {
        margin-left: 10px
    }

    .grille_programmes .bloc_programmes li {
        font-size: 1em;
        line-height: 1.5em;
        padding: 15px 100px 15px 15px
    }

    .grille_programmes .bloc_programmes li ul li {
        padding: 0;
        margin: 0
    }

    .grille_programmes .bloc_programmes li ul li:before {
        display: none
    }

    .grille_programmes .bloc_programmes li ul li a, .grille_programmes .bloc_programmes li ul li span._NOL {
        font-size: 0.857em
    }

    .ui-datepicker {
        width: auto;
        left: 15px !important;
        right: 15px !important;
        padding: 15px
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default {
        padding: 6px 0
    }

    .commentaires .comment-title {
        background: #FFFFFF;
        color: #003ed1;
        height: auto;
        line-height: 1.5em;
        margin-bottom: 10px;
        padding: 0
    }

    .commentaires .comment-title .nota {
        text-align: left;
        float: none
    }

    .commentaires .form-inline .form-group {
        padding-left: 0px
    }

    .commentaires .form-inline .form-group img {
        display: none
    }

    .commentaires .form-inline .form-group .form-control {
        height: 100px
    }

    .commentaires .form-inline .form-group .btn {
        position: relative;
        right: auto;
        left: auto;
        width: 100%;
        border-width: 1px;
        margin: 15px 0
    }

    .commentaires .form-inline .form-group .infos_connexion .connect_social {
        padding-top: 30px
    }

    .commentaires ul li {
        padding-left: 45px
    }

    .commentaires ul li img {
        width: 35px;
        height: 35px
    }

    article figure {
        margin: 0 -15px
    }

    article figure figcaption {
        padding: 0 15px
    }

    article .author .visuel {
        display: none
    }

    article .author .cnt {
        max-width: 100%;
        margin-left: 0
    }

    .footer-article a.contactEmission, .footer-article span._NOL.contactEmission {
        margin-right: 7px
    }

    .footer-article a.contactEmission:last-child, .footer-article span._NOL.contactEmission:last-child {
        margin-right: 0
    }

    .flashactus {
        margin: 0 15px
    }

    .flashactus .flashactus_cnt {
        border-color: #d1003b
    }

    .block h2 {
        line-height: 40px
    }

    .block.block_more ul .item {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 20px !important;
        padding-left: 35px
    }

    .block.block_more ul .item .bloc .nb {
        top: 9px;
        width: auto;
        height: auto;
        line-height: normal;
        color: #003ed1;
        font-size: 20px;
        background: none
    }

    .block.block_more ul .item .bloc .nb:after {
        position: relative;
        top: -5px;
        display: inline-block;
        margin-left: 5px;
        content: "."
    }

    .block.block_more ul .item .wrap-img, .block.block_more ul .item .like {
        display: none
    }

    .block.block_more ul .item.full .bloc {
        padding-left: 35px
    }

    .block.block_more ul .item.full .bloc .bloc_news .titre {
        font-size: 1.286em
    }

    .block.block_more ul .item.full .bloc .nb {
        width: auto;
        height: auto;
        line-height: normal;
        font-size: 20px
    }

    article .iframeContainer iframe {
        height: 385px
    }

    body .container aside.sidebarActus {
        width: 100% !important;
        padding-right: 0
    }

    .block_club_listing h2 {
        line-height: 22px;
        font-size: 1.429em
    }

    .block_club_listingExt .row .club {
        border-top: 1px solid #e1e1e1;
        margin-bottom: 0
    }

    .block_club_listingExt .wrap-img {
        display: none
    }

    .block_club_listingExt .first .wrap-img {
        display: block
    }

    .block_club_listingEvt {
        margin: 0 -15px 30px -15px
    }

    .block_club_listingEvt .wrap-img {
        display: none
    }

    .block_club_listingEvt ul li {
        padding-left: 0;
        min-height: 0
    }

    .block_club_listingEvt ul li:first-child .wrap-img {
        display: block
    }

    form.recherche-referencesmusicales {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    form.recherche-referencesmusicales .form-control input {
        font-size: 16px
    }

    .referencesmusicales-jour {
        font-size: 16px;
        margin-bottom: 20px
    }

    .referencesmusicales-listing li {
        padding: 0 0 20px 65px
    }

    .referencesmusicales-listing li .horaire, .referencesmusicales-listing li p {
        font-size: 14px
    }

    .referencesmusicales-listing li strong {
        display: inline-block;
        font-size: 18px;
        line-height: 20px;
        margin-top: 5px
    }

    .referencesmusicales-listing .legende {
        padding-left: 65px
    }

    .referencesmusicales-listing .legende .horaire span {
        font-size: 45px
    }

    .rss {
        padding-right: 130px
    }

    .rss select {
        height: 34px;
        line-height: 34px;
        font-size: 14px
    }

    .rss .btn {
        width: 115px;
        height: 34px;
        line-height: 32px;
        font-size: 14px
    }

    .listing_emissions li {
        padding-left: 0
    }

    .listing_emissions li:hover .date {
        color: #999
    }

    .listing_emissions li:hover .titre {
        color: #000
    }

    .listing_emissions li:hover .titre:hover {
        color: #003ed1
    }

    .listing_emissions li .date {
        position: static;
        display: block
    }

    .listing_emissions li:nth-child(2) {
        border-top: 0
    }

    .listing_emissions .legende {
        display: none
    }

    .contacts {
        min-height: 100px
    }

    .contacts .titre {
        font-size: 1.786em;
        line-height: 28px
    }

    .contacts .bloc_cnt .bloc_titre {
        font-size: 26px
    }

    .bandeau_euro2016 {
        background-image: none;
        margin: 0 -15px 40px -15px
    }

    .bandeau_euro2016 .dataliste .dataL, .bandeau_euro2016 .dataliste .dataR {
        line-height: 14px;
        font-size: 15px
    }

    .bandeau_euro2016 .dataliste .dataM {
        font-size: 18px;
        margin-top: 14px
    }

    .bandeau_euro2016 .dataliste .dataM span {
        font-size: 25px
    }

    .bandeau_euro2016 .dataliste .link a, .bandeau_euro2016 .dataliste .link span._NOL {
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 12px;
        background: #00b44e;
        border-radius: 12px;
        padding: 0 12px
    }

    .bandeau_bac {
        margin: 0 -15px 20px -15px
    }

    .bandeau_bac form {
        text-align: center
    }

    .bandeau_bac .form-group {
        margin-right: 0
    }

    .bandeau_bac .form-control {
        width: 100%
    }

    .bandeau_bac .btn {
        color: #fff;
        border-color: transparent;
        background: #f94b29
    }

    .header-elections form {
        padding: 0 2%
    }

    .header-elections .inputContainer {
        margin-top: 20%;
        padding: 1% 0 3%
    }

    .header-elections .inputContainer input {
        width: 68%
    }

    .header-elections .inputContainer button {
        font-size: 20px
    }

    .tt-suggestion {
        font-size: 15px;
        padding: 5px 15%
    }

    .typeahead-group {
        font-size: 15px;
        padding: 0 15%
    }

    .bandeau_presidentielle2017 {
        padding: 20px 0 0 0
    }

    .bandeau_presidentielle2017 .breadcrumb {
        padding: 0 10px
    }

    .bandeau_presidentielle2017 .block .col-md-12 .bloc .bloc_news .titre {
        line-height: 30px;
        font-size: 25px
    }

    .bandeau_presidentielle2017 .block .col-md-3 {
        clear: both
    }

    .bandeau_presidentielle2017 .block .col-md-3 .wrap-img {
        display: none
    }

    .bandeau_presidentielle2017 .block .col-md-3 .bloc .bloc_news {
        border-top: 1px solid #fff;
        padding: 10px 0 0 0;
        margin: 10px
    }

    .block_resultats .navmore ul li {
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0
    }

    .block_resultats .btnmore {
        width: 100%;
        text-align: center
    }

    .block_resultats .listing.listing_resultats .liste ul .infos {
        font-size: 13px
    }

    .header-elections {
        background-size: 86% auto
    }

    .block_resultats .listing.listingExt .linkmore {
        width: 100%;
        text-align: center
    }

    .live .live_btn ul li {
        margin: 20px 5px 10px
    }

    #player_ctner #player_ctnt #control, #player_ctner #player_ctnt figure {
        width: 100%
    }

    #nav_btn ul#btns li#play span {
        font-size: 60px;
        margin: 0
    }

    #nav_btn ul#btns li#rewind span, #nav_btn ul#btns li#forward span {
        font-size: 46px
    }

    #timelineContainer {
        text-aligh: left
    }

    .soundWrapper {
        margin-left: 0
    }
}

@media (max-width: 520px) {
    .block.block_nos_videos .bloc .bloc_news, .block.block_3_contenus .bloc .bloc_news {
        max-width: 60%
    }

    .pagination ul {
        max-width: 82%
    }

    .header-presidentielle2017 {
        background-size: 100% auto
    }
}

@media (max-width: 480px) {
    #mySearch .modal-dialog #Elle_search_input {
        font-size: 1em;
        height: 30px
    }

    .block.block_nos_videos .bloc .wrap-img {
        display: inline-block;
        margin-right: 13px;
        max-width: 140px;
        vertical-align: top
    }

    .block.block_nos_videos .bloc .bloc_news, .block.block_3_contenus .bloc .bloc_news {
        max-width: 58%
    }

    .block.block_nos_videos .bloc .wrap-img, .block.block_3_contenus .bloc .wrap-img {
        max-width: 140px
    }

    .btns ul .item_podcast {
        width: 100%;
        margin: 20px 0
    }

    .btns ul .item_podcast a, .btns ul .item_podcast span._NOL {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .btns .socialIcons {
        float: left !important;
        width: 100%
    }

    .btns .socialIcons ul {
        width: 100%;
        text-align: center
    }

    .tags_emissions ul li {
        width: 100%;
        margin-bottom: 0
    }

    .tags_emissions ul li a, .tags_emissions ul li span._NOL {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    article .iframeContainer iframe {
        height: 290px
    }

    .block.block_more {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: -10px
    }

    .header-articleExt {
        margin-bottom: 20px
    }

    .header-articleExt .avec {
        top: -13px
    }

    .header-articleExt .avec img {
        margin: 0 0 0 10px
    }

    article .content figure {
        width: 150px;
        margin-right: 10px
    }

    .block_autourde .col-md-3:nth-child(odd) {
        clear: left
    }
}

@media (max-width: 414px) {
    .block.block_home_news .item .wrap-img {
        max-width: 115px
    }

    .block.block_nos_videos .bloc .bloc_news, .block.block_3_contenus .bloc .bloc_news {
        max-width: 55%
    }

    .block.block_nos_videos .bloc .bloc_news .titre, .block.block_3_contenus .bloc .bloc_news .titre {
        font-size: 1.071em
    }

    .block.block_nos_videos .bloc .wrap-img, .block.block_3_contenus .bloc .wrap-img {
        max-width: 130px
    }

    .header-article .choose_date .form-control {
        width: 100%
    }
}

@media (max-width: 360px) {
    .block.block_nos_videos .bloc .bloc_news, .block.block_3_contenus .bloc .bloc_news {
        max-width: 50%
    }

    .block.block_nos_videos .bloc .wrap-img, .block.block_3_contenus .bloc .wrap-img {
        max-width: 120px
    }

    .live .live_btn .btn_reagir {
        width: 100%
    }

    .live .live_btn .btn_reagir a, .live .live_btn .btn_reagir span._NOL {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 10px 0
    }

    .pagination ul {
        max-width: 76%
    }

    article .iframeContainer iframe {
        height: 225px
    }

    .block_hub .col-xs-3 {
        width: 50%
    }

    .block_hub .col-xs-3:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 320px) {
    article .iframeContainer iframe {
        height: 200px
    }
}

span._NOL {
    cursor: pointer
}


/*-----FIN----*/











@media print {
    *, :before, :after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]: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
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(./europe1front/fonts/glyphicons-halflings-regular.eot);
    src: url(./europe1front/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(./europe1front/fonts/glyphicons-halflings-regular.woff) format('woff'), url(./europe1front/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(./europe1front/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 970px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .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 > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
        line-height: 34px
    }

    input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm, .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm, select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control {
    height: auto
}

.input-lg, .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg, select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden
}

.tab-content > .active {
    display: block;
    visibility: visible
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@charset "UTF-8";
@import "//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,800italic,700italic";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix:after, .container:after, .threeCol .inner:after, div#ui-datepicker-div .ui-datepicker-buttonpane > span:after, ul.ui-autocomplete li a:after, aside#replay ul .wrapper:after, aside .composed:after, aside#more .tagsList:after, aside#more .handbook:after, aside .popular li:after, #inside .wrapper:after, #live .tab:after, #live .tab nav:after, #live .aside fieldset label:after, #live .aside fieldset input:after, #live .aside fieldset textarea:after, #player_ctner #player_ctnt:after, #player_ctner #player_ctnt #main_playlist:after, #article header nav.nav ul:after, #article .relatedArticles:after, #article .relatedArticles ul:after, #article .articleOptions:after, #article .articleOptions > div:after, #article .articleOptions nav ul:after, #article #options:after, #mainArticle:after, #mainArticle .articleBody .social:after, #mainArticle .articleBody > div.withImg:after, #comments:after, #comments .comment .wrapper:after, #comments .form fieldset:after, #comments .connect ul:after, #highlight .container > ul:after, .twoCol .main .header:after, .twoCol .main.music > ul > li figure:after, .list ul.list:after, .list ul.list li figure:after, .list ul.handbook:after, .webcams figure:after, ul.archives:after, .archives .handbook:after, .archives .month:after, .archives .archivesList:after, section.twoCol .container .main.regular > header:after, .regular .box:after, .regular .box .wrapper:after, .mosaic:after, .assist-main-container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix, .container, .threeCol .inner, div#ui-datepicker-div .ui-datepicker-buttonpane > span, ul.ui-autocomplete li a, aside#replay ul .wrapper, aside .composed, aside#more .tagsList, aside#more .handbook, aside .popular li, #inside .wrapper, #live .tab, #live .tab nav, #live .aside fieldset label, #live .aside fieldset input, #live .aside fieldset textarea, #player_ctner #player_ctnt, #player_ctner #player_ctnt #main_playlist, #article header nav.nav ul, #article .relatedArticles, #article .relatedArticles ul, #article .articleOptions, #article .articleOptions > div, #article .articleOptions nav ul, #article #options, #mainArticle, #mainArticle .articleBody .social, #mainArticle .articleBody > div.withImg, #comments, #comments .comment .wrapper, #comments .form fieldset, #comments .connect ul, #highlight .container > ul, .twoCol .main .header, .twoCol .main.music > ul > li figure, .list ul.list, .list ul.list li figure, .list ul.handbook, .webcams figure, ul.archives, .archives .handbook, .archives .month, .archives .archivesList, section.twoCol .container .main.regular > header, .regular .box, .regular .box .wrapper, .mosaic, .assist-main-container {
    display: inline-block
}

html[xmlns] .clearfix, html[xmlns] .container, html[xmlns] .threeCol .inner, .threeCol html[xmlns] .inner, html[xmlns] div#ui-datepicker-div .ui-datepicker-buttonpane > span, div#ui-datepicker-div html[xmlns] .ui-datepicker-buttonpane > span, html[xmlns] ul.ui-autocomplete li a, ul.ui-autocomplete li html[xmlns] a, html[xmlns] aside#replay ul .wrapper, aside#replay ul html[xmlns] .wrapper, html[xmlns] aside .composed, aside#more html[xmlns] .composed, html[xmlns] aside#more .tagsList, aside#more html[xmlns] .tagsList, html[xmlns] aside#more .handbook, aside#more html[xmlns] .handbook, html[xmlns] aside .popular li, aside .popular html[xmlns] li, html[xmlns] #inside .wrapper, #inside html[xmlns] .wrapper, html[xmlns] #live .tab, #live html[xmlns] .tab, html[xmlns] #live .tab nav, #live .tab html[xmlns] nav, html[xmlns] #live .aside fieldset label, #live .aside fieldset html[xmlns] label, html[xmlns] #live .aside fieldset input, #live .aside fieldset html[xmlns] input, html[xmlns] #live .aside fieldset textarea, #live .aside fieldset html[xmlns] textarea, html[xmlns] #player_ctner #player_ctnt, #player_ctner html[xmlns] #player_ctnt, html[xmlns] #player_ctner #player_ctnt #main_playlist, #player_ctner #player_ctnt html[xmlns] #main_playlist, html[xmlns] #article header nav.nav ul, #article header nav.nav html[xmlns] ul, html[xmlns] #article .relatedArticles, #article html[xmlns] .relatedArticles, html[xmlns] #article .relatedArticles ul, #article .relatedArticles html[xmlns] ul, html[xmlns] #article .articleOptions, #article html[xmlns] .articleOptions, html[xmlns] #article .articleOptions > div, #article html[xmlns] .articleOptions > div, html[xmlns] #article .articleOptions nav ul, #article .articleOptions nav html[xmlns] ul, html[xmlns] #article #options, #article html[xmlns] #options, html[xmlns] #mainArticle, html[xmlns] #mainArticle .articleBody .social, #mainArticle .articleBody html[xmlns] .social, html[xmlns] #mainArticle .articleBody > div.withImg, #mainArticle html[xmlns] .articleBody > div.withImg, html[xmlns] #comments, html[xmlns] #comments .comment .wrapper, #comments .comment html[xmlns] .wrapper, html[xmlns] #comments .form fieldset, #comments .form html[xmlns] fieldset, html[xmlns] #comments .connect ul, #comments .connect html[xmlns] ul, html[xmlns] #highlight .container > ul, #highlight html[xmlns] .container > ul, html[xmlns] .twoCol .main .header, .twoCol .main html[xmlns] .header, html[xmlns] .twoCol .main.music > ul > li figure, .twoCol .main.music > ul > li html[xmlns] figure, html[xmlns] .list ul.list, .list html[xmlns] ul.list, html[xmlns] .list ul.list li figure, .list ul.list li html[xmlns] figure, html[xmlns] .list ul.handbook, .list html[xmlns] ul.handbook, html[xmlns] .webcams figure, .webcams html[xmlns] figure, html[xmlns] ul.archives, html[xmlns] .archives .handbook, .archives html[xmlns] .handbook, html[xmlns] .archives .month, .archives html[xmlns] .month, html[xmlns] .archives .archivesList, .archives html[xmlns] .archivesList, html[xmlns] section.twoCol .container .main.regular > header, section.twoCol .container html[xmlns] .main.regular > header, html[xmlns] .regular .box, .regular html[xmlns] .box, html[xmlns] .regular .box .wrapper, .regular .box html[xmlns] .wrapper, html[xmlns] .mosaic, html[xmlns] .assist-main-container {
    display: block
}

* html .clearfix, * html .container, * html .threeCol .inner, .threeCol * html .inner, * html div#ui-datepicker-div .ui-datepicker-buttonpane > span, div#ui-datepicker-div * html .ui-datepicker-buttonpane > span, * html ul.ui-autocomplete li a, ul.ui-autocomplete li * html a, * html aside#replay ul .wrapper, aside#replay ul * html .wrapper, * html aside .composed, aside#more * html .composed, * html aside#more .tagsList, aside#more * html .tagsList, * html aside#more .handbook, aside#more * html .handbook, * html aside .popular li, aside .popular * html li, * html #inside .wrapper, #inside * html .wrapper, * html #live .tab, #live * html .tab, * html #live .tab nav, #live .tab * html nav, * html #live .aside fieldset label, #live .aside fieldset * html label, * html #live .aside fieldset input, #live .aside fieldset * html input, * html #live .aside fieldset textarea, #live .aside fieldset * html textarea, * html #player_ctner #player_ctnt, #player_ctner * html #player_ctnt, * html #player_ctner #player_ctnt #main_playlist, #player_ctner #player_ctnt * html #main_playlist, * html #article header nav.nav ul, #article header nav.nav * html ul, * html #article .relatedArticles, #article * html .relatedArticles, * html #article .relatedArticles ul, #article .relatedArticles * html ul, * html #article .articleOptions, #article * html .articleOptions, * html #article .articleOptions > div, #article * html .articleOptions > div, * html #article .articleOptions nav ul, #article .articleOptions nav * html ul, * html #article #options, #article * html #options, * html #mainArticle, * html #mainArticle .articleBody .social, #mainArticle .articleBody * html .social, * html #mainArticle .articleBody > div.withImg, #mainArticle * html .articleBody > div.withImg, * html #comments, * html #comments .comment .wrapper, #comments .comment * html .wrapper, * html #comments .form fieldset, #comments .form * html fieldset, * html #comments .connect ul, #comments .connect * html ul, * html #highlight .container > ul, #highlight * html .container > ul, * html .twoCol .main .header, .twoCol .main * html .header, * html .twoCol .main.music > ul > li figure, .twoCol .main.music > ul > li * html figure, * html .list ul.list, .list * html ul.list, * html .list ul.list li figure, .list ul.list li * html figure, * html .list ul.handbook, .list * html ul.handbook, * html .webcams figure, .webcams * html figure, * html ul.archives, * html .archives .handbook, .archives * html .handbook, * html .archives .month, .archives * html .month, * html .archives .archivesList, .archives * html .archivesList, * html section.twoCol .container .main.regular > header, section.twoCol .container * html .main.regular > header, * html .regular .box, .regular * html .box, * html .regular .box .wrapper, .regular .box * html .wrapper, * html .mosaic, * html .assist-main-container {
    height: 1%
}

a {
    text-decoration: none;
    outline: none
}

a:hover, a:focus {
    text-decoration: none;
    outline: none
}

figure {
    display: block;
    padding: 0;
    margin: 0
}

figure img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0
}

button {
    background: none;
    border: none
}

.hidden {
    display: none;
    visibility: hidden
}

.hide {
    display: none !important
}

input:focus {
    outline: none !important
}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0
}

@media all and (max-width: 30.0525em) {
    .hidden-mobile {
        display: none !important
    }
}

@media all and (min-width: 30.0625em) {
    .visible-mobile {
        display: none !important
    }
}

@font-face {
    font-family: 'adamregular';
    src: url('./europe1front/fonts/adam-webfont.eot');
    src: url('./europe1front/fonts/adam-webfont.eot?#iefix') format('embedded-opentype'), url('./europe1front/fonts/adam-webfont.woff') format('woff'), url('./europe1front/fonts/adam-webfont.ttf') format('truetype'), url('./europe1front/fonts/adam-webfont.svg#adamregular') format('svg');
    font-weight: normal;
    font-style: normal
}

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

html {
    font-size: 62.5%
}

.Light, #category .category-title, #category .category-subtitle.title, .box-head, .box-head h1, .club h2, .club h3, .col-emission h3 {
    font-weight: 500
}

.Regular, #live .aside fieldset > span.separator, #search article div p:not(.title), .list ul.subList.animateurs li, .club .quiz-content .form .quiz-questions span, section.twoCol .container .inner .main.challenge .winners ul li, section.twoCol .container .inner .main.challenge .winners ul li strong, section.twoCol .container .inner .main.challenge .winners.reglement p, section.twoCol .container .inner .main.challenge .social-play p, section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .txt {
    font-weight: 400
}

.LightBold, aside .popular figcaption > span:first-child, #asideClub .titre {
    font-weight: 500
}

.SemiBold, .breadcrumb div, .pagination li, .pagination li a, .pagination li span, ul.share li span.count, form .form-control > label, form .form-control > p, form .form-control > input, form .form-control > ul .answer, form div.fancy-select div.trigger, form div.selector span, form#filter fieldset p, form.filter fieldset p, form#filter fieldset div.inputContainer label, form.filter fieldset div.inputContainer label, form#filter fieldset div.inputContainer input, form.filter fieldset div.inputContainer input, div#ui-datepicker-div .ui-datepicker-calendar thead tr th, .player-fixed .link, aside#replay .highlight > span, aside#replay ul p, aside#replay ul a, aside#more .tags > a, aside#more .tags > ._NOL, aside .popular .description a, aside .popular .description p, aside .popular .description span, aside#more .must figcaption, #live .main #directAudio > div:not(.infos)#playList ul li time, #live .aside fieldset p, #live .aside fieldset > ul li span, #live .aside fieldset input, #live .aside fieldset textarea, #player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li, #progressbar_ctnter #progressbar_cursor span, body > h1, #article .relatedArticles > a, #article .relatedArticles > span, #mainArticle > p, #mainArticle .articleBody figure figcaption, #comments .comment form > p > span, #comments .comment > p b, #comments .comment .wrapper p span, section.alert .inner > span, #search header.program .sponsor p, .list ul.list li figcaption, ul.tutorial p, #category .category-subtitle, #category div.sponsor p, #category .container li a, #category .container li span, .regular .box p a, .club .space.listing .inline-b > div h3, .club .space.listing .inline-b > div h4, .club .button, #mosaicContainer p {
    font-weight: 600
}

.Bold, b, .btn.round, .btnCircle, .twoCol .main.flux ul li div span, ul.program li a, ul.program li span, ul.calendar li a, ul.calendar li span, form input[type="text"], form input[type="email"], form .form-control button, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title, div#ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-active, div#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today a, .popup p, .popup ul li a.link, ul.ui-autocomplete li, aside#replay .highlight .description p, aside#replay ul .wrapper, aside#replay ul p > span, aside#replay ul p strong, aside#more > div p, aside#more .tagsList span, aside#more .handbook a, aside#more .handbook span, aside#more .must b, #inside .wrapper, #inside .club figure figcaption, #inside .club p, #live .menu li span, #live .main header h1, #live .main #directAudio > div:not(.infos)#playList > p, #live .main #directAudio > div:not(.infos)#playList ul li, #live .tab .programInfos span, #live .tab .title, #live .aside fieldset > ul li:first-child span, #live .aside fieldset button, #player_ctner #player_ctnt #main_playlist > p, #player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li a span.titre_emission, #timelineContainer > span, #article header p.category, #article header nav.nav ul li, #article .articleOptions .buttonContainer p, #article .articleOptions nav li, #mainArticle .articleBody .social figure figcaption p, #mainArticle h1, #mainArticle .articleInfos, #mainArticle .articleBody .quotes p:first-child, #mainArticle .articleBody .quotes .source, #mainArticle .articleBody h2, #mainArticle .articleBody p.highlight span, #mainArticle .articleBody p.highlight.ref, article .description .infos, article .title, article .source, article.question form, article.xsmall .title, article:not(#mainArticle) figure span.category, #news .full article .source, #comments .comment button, #comments .comment > p.moderate b, #comments .form fieldset p b, #comments .form button, section.alert .inner p span, .twoCol .list > span.link, .twoCol .list h2, .twoCol .main .header > p.title, .twoCol .main .header > p.small, .twoCol .main .header h1.title, .twoCol .main .header h2, .twoCol .main .header small, .twoCol .main p.subTitle, .twoCol .main h1.subTitle, .twoCol .main.archives h2.subTitle, .twoCol .main.mentions > div h2, .twoCol .main.mentions > div p strong, .twoCol .main.flux ul li div, .twoCol .main.music header p#currentDate, .twoCol .main.music > ul > li figure figcaption ul li, .twoCol .main.contacts > ul > li p, .twoCol .main.services figcaption p.title, .twoCol .main.archivesS > .link, .twoCol .main.archivesS > .title, #search header.program .infos p.infos, #search header.program .infos h1, #search header.regular > div h1, #search header.regular > div h2, #search header.regular > div p.tags, #search header.regular > div > div > ul, #search header.regular .noResult p, #search header.regular .isResult > p, #search header > p, #search article div p:first-child, #search article div > span:first-child, #search article div p.sponsor, #search article div > span.sponsor, #search article div .title, .list ul.list li figcaption strong, .list ul.subList ul > li, .list ul.subList.animateurs li:first-child, .list ul.subList.animateurs li span b, .webcams figcaption h2, ul.tutorial p.title, .grille .tab .name, .grille .tab time, .grille table td:first-child, .grille table td:first-child + td + td, .archives > a.link, .archives > span.link, .archives .handbook > li ul li:first-child, .archives .handbook > li ul li.current a, .archives .handbook > li ul li.current span, .archives .month li a.today, .archives .month li span.today, .archives .archivesList li span b, section.twoCol .container .main.regular > header .title, section.twoCol .container .main.regular > header .subTitle, .regular .box table td h2, .regular .box h2, .regular .box p strong, .club .quiz-content .form .quiz-questions p, .timer-zone strong, .battle .innerContainer p strong, .battle > strong, section.twoCol .container .inner .main.challenge p span.intro strong, section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2 strong, section.twoCol .container .inner .main.challenge .challenges-intro .top h3 strong, section.twoCol .container .inner .main.challenge .winners h3, section.twoCol .container .inner #asideChallenge ul.buttons-participate li a strong, #mosaicContainer p strong, .mosaic li.button a, .assist-main-container div.assist-container h2, .assist-main-container div.assist-container p.assist-when, .col-emission h2, .col-emission .frequence, .col-emission .choix-emission figcaption, .col-emission .choix-assister {
    font-weight: 700
}

.ExtraBold {
    font-weight: 800
}

.Italic, #mainArticle .articleBody .quotes blockquote, #comments .comment > p.moderate, section.alert .inner > span, section.alert .inner p span, section.twoCol .container .inner .main.challenge .winners ul li strong em {
    font-style: italic
}

.OpenSans, body, .btn.round, form input[type="text"], form input[type="email"], form#filter fieldset div.inputContainer input, form.filter fieldset div.inputContainer input, ul.ui-autocomplete li, #live .aside fieldset input, #live .aside fieldset textarea, body > h1, #comments .form textarea, .club .button {
    font-family: 'Fira Sans', 'Helvetica', 'Arial', sans-serif
}

.Adam, .btn:not(.round), aside#replay > p, aside .composed > p, aside .popular .read > p, aside .popular .commented > p, #inside > p, #inside .shared > p, #news > div.full > p, #article .relatedArticles > p, #highlight .container > p, section.live .inner > p.title, .mosaic li.letter span {
    font-family: 'adamregular'
}

aside#replay .btn-cnter {
    background: #fff;
    padding: 0 20px 20px 20px
}

.Rockwell, #mainArticle .articleBody p.highlight.ref.lelab:after, article.lelab .content {
    font-family: 'rockwell'
}

body {
    -webkit-font-smoothing: antialiased
}

em {
    font-style: italic
}

.link {
    cursor: pointer
}

.link:hover {
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    text-decoration: underline
}

a {
    color: #000
}

.blue {
    color: #228adf
}

.icon-ok:before, form label.checkbox span:not(.form-error):before, .club form.form ul.checkbox li label.checkbox.checked > span:not(.form-error):before {
    content: '√'
}

div.fancy-select {
    position: relative;
    font-weight: bold;
    font-size: 13px;
    color: #46565D
}

div.fancy-select.disabled {
    opacity: 0.5
}

div.fancy-select div.trigger {
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 24px 9px 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #99A5BE;
    border: 1px solid #99A5BE;
    border-top-color: #A5B2CB;
    width: 200px
}

div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #4B5468;
    top: 20px;
    right: 9px
}

div.fancy-select div.trigger.open {
    box-shadow: none
}

div.fancy-select div.trigger.open:after {
    border-top-color: #7A8498
}

div.fancy-select div.optionsContainer {
    position: absolute;
    margin: 0;
    left: 0;
    visibility: hidden;
    z-index: 50;
    overflow: auto;
    opacity: 0;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out
}

div.fancy-select div.optionsContainer.open {
    visibility: visible;
    top: 50px;
    opacity: 1
}

div.fancy-select div.optionsContainer.overflowing {
    top: auto;
    bottom: 40px
}

div.fancy-select div.optionsContainer.overflowing.open {
    top: auto;
    bottom: 50px
}

div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    min-width: 200px
}

div.fancy-select ul.options li {
    padding: 8px 12px;
    color: #2B8686;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out
}

div.fancy-select ul.options li.selected {
    background: rgba(43, 134, 134, 0.3);
    color: rgba(255, 255, 255, 0.75)
}

div.fancy-select ul.options li.hover {
    color: #fff
}

.jspContainer {
    overflow: hidden;
    position: relative;
    outline: 0px !important
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #dde;
    position: relative
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.jspScrollable {
    outline: none !important
}

.jspVerticalBar {
    width: 8px;
    background: none
}

.jspVerticalBar .jspTrack {
    width: 8px;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('../../bundles/js/src/PIE.htc');
    background-color: #eee
}

.jspVerticalBar .jspTrack .jspDrag {
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('../../bundles/js/src/PIE.htc');
    background-color: #a7a7a7
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

.xdsoft_flipcountdown {
    display: inline-block
}

.xdsoft_flipcountdown .xdsoft_digit {
    float: left;
    background-repeat: no-repeat
}

.xdsoft_flipcountdown .xdsoft_clearex {
    clear: both;
    float: none
}

.xdsoft_flipcountdown > .xdsoft_digit {
    background-position: 0px 0px
}

.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown > .xdsoft_digit.xdsoft_dot {
    opacity: 0.9
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit {
    width: 53px;
    height: 76px;
    background-image: url('./europe1front/images/challenge/digit-lg.png')
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
    width: 14px;
    background-position: -19px -4620px
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
    background-position: -41px -4620px
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space {
    background-position: -100px -4620px
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit {
    width: 36px;
    height: 51px;
    background-image: url('./europe1front/images/challenge/digit-md.png')
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_dot {
    width: 10px;
    background-position: -13px -3120px
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit {
    width: 24px;
    height: 34px;
    background-image: url('./europe1front/images/challenge/digit-sm.png')
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_dot {
    background-position: -8px -2100px;
    width: 7px
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit {
    width: 16px;
    height: 23px;
    background-image: url('./europe1front/images/challenge/digit-xs.png')
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_space, .xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_separator, .xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_dot {
    width: 5px;
    background-position: -5px -1440px
}

.challenge .timer-zone .xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_space, .challenge .timer-zone .xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_separator, .challenge .timer-zone .xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_dot {
    background-position: -3px -2100px;
    width: 15px
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url("./europe1front/images/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0
}

div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
    margin: 0;
    padding: 0
}

.highContrastDetect {
    background: url("./europe1front/images/bg-input.png") repeat-x 0 0;
    width: 0px;
    height: 0px
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url("./europe1front/images/bg-input.png") repeat-x 0 0;
    outline: 0
}

input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active {
    background: url("./europe1front/images/bg-input-focus.png") repeat-x 0 0
}

div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}

div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block
}

div.selector.fixedWidth {
    width: 190px
}

div.selector.fixedWidth span {
    width: 155px
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%
}

div.selector.active {
    background-position: 0 -156px
}

div.selector.active span {
    background-position: right -26px
}

div.selector.hover, div.selector.focus {
    background-position: 0 -182px
}

div.selector.hover span, div.selector.focus span {
    background-position: right -52px
}

div.selector.hover.active, div.selector.focus.active {
    background-position: 0 -208px
}

div.selector.hover.active span, div.selector.focus.active span {
    background-position: right -78px
}

div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px
}

div.selector.disabled span, div.selector.disabled.active span {
    background-position: right -104px
}

div.checker {
    position: relative
}

div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px
}

div.checker span.checked {
    background-position: -76px -260px
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1
}

div.checker.active span {
    background-position: -19px -260px
}

div.checker.active span.checked {
    background-position: -95px -260px
}

div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px
}

div.checker.hover span.checked, div.checker.focus span.checked {
    background-position: -114px -260px
}

div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px
}

div.checker.hover.active span.checked, div.checker.focus.active span.checked {
    background-position: -133px -260px
}

div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px
}

div.checker.disabled span.checked, div.checker.disabled.active span.checked {
    background-position: -171px -260px
}

div.radio {
    position: relative
}

div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px
}

div.radio span.checked {
    background-position: -72px -279px
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}

div.radio.active span {
    background-position: -18px -18px -279px
}

div.radio.active span.checked {
    background-position: -90px -279px
}

div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px
}

div.radio.hover span.checked, div.radio.focus span.checked {
    background-position: -108px -279px
}

div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px
}

div.radio.hover.active span.checked, div.radio.focus.active span.checked {
    background-position: -126px -279px
}

div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px
}

div.radio.disabled span.checked, div.radio.disabled.active span.checked {
    background-position: -162px -279px
}

div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 85px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer
}

div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 82px;
    padding: 0 10px
}

div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%
}

div.uploader.active span.action {
    background-position: right -465px
}

div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px
}

div.uploader.hover span.action, div.uploader.focus span.action {
    background-position: right -437px
}

div.uploader.hover.active span.action, div.uploader.focus.active span.action {
    background-position: right -493px
}

div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px
}

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    background-position: right -381px
}

div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative
}

div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -521px;
    height: 30px;
    margin-left: 13px;
    padding: 0
}

div.button.active {
    background-position: 0 -671px
}

div.button.active span {
    background-position: right -551px;
    cursor: default
}

div.button.hover, div.button.focus {
    background-position: 0 -701px
}

div.button.hover span, div.button.focus span {
    background-position: right -581px
}

div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px
}

div.button.disabled span, div.button.disabled.active span {
    background-position: right -611px;
    cursor: default
}

body {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    background-color: #e8e8e8
}

#page {
    overflow: hidden
}

#page.padded {
    padding-top: 67px
}

.container {
    display:block;
    width:1000px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
}

section.e1fre {
    margin: 0 0 35px;
    text-align: center
}

#moreArticles {
    padding: 0;
    margin-right: 0
}

#moreArticles article {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: 0%;
    padding-right: 26px
}

#moreArticles article:before, #moreArticles article:after {
    content: '';
    display: table
}

#moreArticles article:after {
    clear: both
}

#moreArticles article:last-child {
    margin-right: 0%
}

#highlight {
    background-color: white
}

.threeCol {
    margin-top: 20px;
    padding-bottom: 60px
}

.threeCol .inner {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-right: 626px;
    min-height: 2000px
}

.twoCol {
    margin-top: 35px;
    padding-bottom: 60px
}

.twoCol .inner {
    position: relative
}

.twoCol .main {
    padding: 0 0 20px 20px;
    margin-right: 26px
}

.twoCol .main.white, .twoCol .main.flux ul li div span.main {
    background-color: #fff
}

#more-articles {
    padding-bottom: 60px
}

#more-articles .container {
    background: none
}

#more-articles article {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 23.5%;
    margin-left: 0%;
    margin-right: 2%;
    margin-bottom: 20px
}

#more-articles article:before, #more-articles article:after {
    content: '';
    display: table
}

#more-articles article:after {
    clear: both
}

#more-articles article:last-child {
    margin-right: 0%
}

#more-articles article.last {
    margin-right: 0
}

#more-articles .container {
    position: relative;
    padding-bottom: 35px
}

#more-articles .btn {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

#news article {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 26px;
    margin-bottom: 20px
}

#news article.xsmall, #news article.small, #news article.large {
    width: 50%
}

#news article.full {
    width: 100%
}

#news .full {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 26px;
    margin-bottom: 20px
}

#news .full article {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 30.66667%;
    margin-left: 0%;
    margin-right: 4%
}

#news .full article:before, #news .full article:after {
    content: '';
    display: table
}

#news .full article:after {
    clear: both
}

#news .full article:last-child {
    margin-right: 0%
}

#news .dossier {
    padding-right: 26px;
    margin-bottom: 20px
}

#news .dossier .dossier_titre {
    width: 100%;
    font-family: 'adamregular';
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 15px
}

#news .dossier .dossier_cnt {
    float: left;
    background: #fff;
    padding: 20px 0 0 20px
}

#news .dossier article .description {
    background: none;
    padding: 20px 0
}

#news .dossier article .source {
    left: 0
}

#news .dossier article.small {
    float: left
}

#news .dossier article.small_liste {
    display: block !important
}

#news .dossier article.small_liste .small_bloc {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding-right: 0
}

#news .dossier article.small_liste figure {
    float: left;
    width: 108px;
    display: block;
    position: relative;
    overflow: hidden
}

#news .dossier article.small_liste figure a {
    display: block
}

#news .dossier article.small_liste img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

#news .dossier article.small_liste figcaption {
    top: 0;
    background: none
}

#news .dossier article.small_liste .description {
    float: left;
    width: 151px;
    padding: 0 0 0 10px;
    height: 54px;
    overflow: hidden
}

#news .dossier article.small_liste .description a {
    display: block;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 700;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    overflow: hidden
}

#news .dossier article.small_liste .content {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5)
}

#news .dossier article.small_liste .content .icon-play {
    position: static;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: -3px 0 0 0;
    font-size: 8px;
    width: 12px;
    height: 14px;
    padding-left: 2px;
    border: 2px solid #fff;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    line-height: 14px
}

#news .dossier article.small_liste .small_bloc:hover figure img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

#news .dossier article.small_liste .small_bloc:hover a {
    color: #1688e1
}

#news .dossier article.small_listeL figure {
    display: none
}

#news .dossier article.small_listeL .description {
    position: static !important;
    width: 100%;
    padding: 0 !important
}

#news .dossier article.small_listeL .description a {
    font-size: 14px;
    line-height: 20px
}

#news .dossier article.small_liste .lelab .content {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 19px
}

.recherche_regionales {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 26px;
    box-sizing: border-box
}

.recherche_regionales .recherche_cnt {
    float: left;
    width: 100%;
    border: 4px solid #2836cf;
    background: #fff;
    padding: 25px 15px;
    box-sizing: border-box
}

.recherche_regionales .recherche_cnt .entete {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding: 0 90px 10px 0
}

.recherche_regionales .recherche_cnt .entete:before {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 89px;
    height: 70px;
    background: url(./europe1front/images/picto_recherche_regionales.png) left top no-repeat;
    content: ""
}

.recherche_regionales .recherche_cnt .titre {
    line-height: 35px;
    font-size: 35px;
    padding: 0 0 10px 0
}

.recherche_regionales .recherche_cnt .nota {
    font-size: 14px;
    font-weight: 700
}

.recherche_regionales form.search-elections label {
    display: none;
    visibility: hidden
}

.recherche_regionales form.search-elections .inputContainer {
    position: relative
}

.recherche_regionales form.search-elections input {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #dadada;
    height: 50px;
    color: #003ed1;
    line-height: 33px;
    width: 100%;
    padding-right: 45px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    border-radius: 5px
}

ul.ui-autocomplete#main_left_resultelection {
    width: 550px !important
}

ul.ui-autocomplete#main_left_resultelection li a p {
    width: 467px
}

ul.ui-autocomplete#right_resultelection {
    width: 225px !important
}

ul.ui-autocomplete#right_resultelection li a p {
    width: 142px
}

ul.ui-autocomplete#main_left_resultelection li, ul.ui-autocomplete#right_resultelection li, ul.ui-autocomplete#resultelection li {
    padding: 0 3px 10px 3px
}

ul.ui-autocomplete#main_left_resultelection li.ui-state-focus, ul.ui-autocomplete#right_resultelection li.ui-state-focus, ul.ui-autocomplete#resultelection li.ui-state-focus {
    background-color: #2836cf
}

*::-webkit-input-placeholder {
    color: #003ed1
}

*:-moz-placeholder {
    color: #003ed1
}

*::-moz-placeholder {
    color: #003ed1
}

*:-ms-input-placeholder {
    color: #003ed1
}

.recherche_regionales form.search-elections button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 45px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    margin: 7px 0 0 0
}

.recherche_regionales form.search-elections button span {
    color: #dadada;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

aside#more .recherche_regionales .recherche_cnt {
    padding: 15px
}

aside#more .recherche_regionales .recherche_cnt .entete {
    padding-right: 0
}

aside#more .recherche_regionales .recherche_cnt .entete:before {
    bottom: 50px;
    width: 53px;
    height: 42px;
    background-position: left -72px
}

aside#more .recherche_regionales .recherche_cnt .titre {
    line-height: 25px;
    font-size: 25px;
    padding-right: 75px
}

aside#more .recherche_regionales ul.ui-autocomplete {
    width: 225px !important
}

aside#more .recherche_regionales ul.ui-autocomplete li a p {
    width: 142px
}

.CDM_entete {
    width: 100%;
    margin-bottom: 30px
}

.CDM_entete img {
    display: block;
    max-width: 100%
}

.CDM_entete .tags {
    padding: 30px 20px 0 20px
}

.CDM_entete .tags .tags_titre, .CDM_entete .tags ul, .CDM_entete .tags ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: bold
}

.CDM_entete .tags .tags_titre {
    text-transform: uppercase
}

.CDM_entete ul li {
    margin-left: 15px
}

.CDM_entete ul li a {
    color: #858383
}

.CDM_classement {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 30px 20px
}

.CDM_classement form {
    width: 100%;
    padding-bottom: 10px
}

.CDM_classement form select {
    color: #858383;
    font-size: 11px;
    font-weight: bold
}

.CDM_classement table {
    width: 100%
}

.CDM_classement table td {
    font-family: arial;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    padding: 5px
}

.CDM_classement table tr:first-child td {
    border: 0
}

.CDM_classement table {
    border: 1px solid #ccc
}

.CDM_classement table thead td {
    font-weight: bold;
    background: #eee
}

.CDM_classement table thead tr:first-child td {
    color: #fff;
    text-align: left;
    background: #27ae60
}

.CDM_classement table thead tr td:first-child, .CDM_classement table tbody tr td:first-child {
    text-align: left
}

.CDM_classement table tbody tr td:first-child img {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle
}

@media all and (max-width: 60.0525em) {
    #news .dossier article.small {
        display: none
    }

    #news .dossier article.small_liste {
        width: 100%
    }
}

@media all and (max-width: 50.0525em) {
    #news .dossier article.small_liste figure {
        width: 170px
    }

    #news .dossier article.small_liste .description {
        position: absolute;
        left: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding-left: 180px;
        width: 100%
    }

    #news .dossier article.small_liste .description a {
        font-size: 20px;
        line-height: 24px
    }
}

@media all and (max-width: 20.0525em) {
    #news .dossier article.small_liste figure {
        width: 120px
    }

    #news .dossier article.small_liste .description {
        padding-left: 140px
    }

    #news .dossier article.small_liste .description a {
        font-size: 14px;
        line-height: 16px
    }
}

#news .dossier_exclu .dossier_cnt {
    background: #228adf
}

#news .dossier_exclu .dossier_titre, #news .dossier_exclu article .title, #news .dossier_exclu article .description .infos, #news .dossier_exclu article .description .infos span, #news .dossier_exclu article.small_liste .description a, #news .dossier_exclu article.small_liste .small_bloc:hover a {
    color: #fff
}

#news .dossier_exclu article .source {
    color: #000
}

.videoWrapper, .iframeContainer {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .iframeContainer iframe, .iframeContainer object, .iframeContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

aside {
    position: absolute;
    top: 0;
    width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

aside#replay {
    right: 326px
}

aside#more {
    right: 0
}

button {
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.btn {
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.btn:not(.round) {
    font-size: 15px;
    display: block;
    width: 100%;
    line-height: 35px;
    height: 35px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    text-transform: uppercase;
    text-align: center
}

.btn:not(.round).white, .twoCol .main.flux ul li div span.btn:not(.round) {
    background-color: #fff;
    color: #228adf
}

.btn:not(.round).blue {
    background-color: #228adf;
    color: #fff
}

.btn:not(.round).black {
    background-color: #000;
    color: #fff
}

.btn:not(.round).red {
    background-color: #f6343f;
    color: #fff
}

.btn:not(.round).up {
    height: 35px;
    position: relative;
    overflow: hidden
}

.btn:not(.round).up > span {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.btn:not(.round).up > span.bg {
    top: 100%;
    background-color: #1688e1
}

.btn:not(.round).up:hover > span:first-child {
    top: -35px
}

.btn:not(.round).up:hover > span.bg {
    top: 0
}

.btn:not(.round).up.black:hover > span.bg {
    background-color: #1688e1
}

.btn:not(.round).up.blue:hover > span.bg {
    background-color: #000
}

.btn.round {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: auto;
    padding: 0 20px;
    height: 23px;
    line-height: 23px;
    border: 2px solid #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    -ms-border-radius: 13px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.btn.round.blue {
    color: #228adf;
    border-color: #228adf
}

.btn.round:hover {
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    color: #fff
}

.btnCircle, .twoCol .main.flux ul li div span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 12px;
    width: auto;
    color: #fff;
    padding: 0 20px;
    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.btnCircle.purple, .twoCol .main.flux ul li div span.purple {
    background-color: #855ec4;
    border-color: #855ec4
}

.btnCircle.purple:hover, .twoCol .main.flux ul li div span.purple:hover {
    color: #855ec4;
    background-color: #fff
}

.btnCircle.white, .twoCol .main.flux ul li div span {
    background-color: #fff;
    border-color: #fff
}

.btnCircle.white:hover, .twoCol .main.flux ul li div span:hover {
    color: #fff
}

.closeBtn, .fancybox-wrap .fancybox-skin a.fancybox-close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.closeBtn:before, .fancybox-wrap .fancybox-skin a.fancybox-close:before, .closeBtn:after, .fancybox-wrap .fancybox-skin a.fancybox-close:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 15px;
    background-color: #686c70;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    zoom: 1;
    top: 9px;
    left: 3px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.closeBtn:after, .fancybox-wrap .fancybox-skin a.fancybox-close:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    zoom: 1
}

.closeBtn:hover, .fancybox-wrap .fancybox-skin a.fancybox-close:hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    zoom: 1
}

.closeBtn:hover:before, .fancybox-wrap .fancybox-skin a.fancybox-close:hover:before, .closeBtn:hover:after, .fancybox-wrap .fancybox-skin a.fancybox-close:hover:after {
    background-color: #fff
}

.closeBtn.big, .fancybox-wrap .fancybox-skin a.fancybox-close {
    width: 30px;
    height: 30px
}

.closeBtn.big:before, .fancybox-wrap .fancybox-skin a.fancybox-close:before, .closeBtn.big:after, .fancybox-wrap .fancybox-skin a.fancybox-close:after {
    width: 40px;
    top: 15px;
    left: -5px
}

.closeBtn.big:hover, .fancybox-wrap .fancybox-skin a.fancybox-close:hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    zoom: 1
}

.closeBtn.big:hover:before, .fancybox-wrap .fancybox-skin a.fancybox-close:hover:before, .closeBtn.big:hover:after, .fancybox-wrap .fancybox-skin a.fancybox-close:hover:after {
    background-color: #228adf
}

.pagination {
    position: relative;
    padding-top: 10px;
    margin: 0 20px 0 0
}

.pagination ul {
    width: 460px;
    margin: 0 auto;
    text-align: center
}

.pagination li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-size: 15px
}

.pagination li a, .pagination li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: normal;
    color: #000
}

.pagination li:not(:first-child) {
    margin-left: 6px
}

.pagination li:not(:first-child) a, .pagination li:not(:first-child) span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 2px solid transparent;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    -ms-border-radius: 18px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.pagination li:not(:first-child).active a, .pagination li:not(:first-child).active span {
    border-color: #dadada
}

.pagination li:not(:first-child):hover a, .pagination li:not(:first-child):hover span {
    border-color: #dadada
}

.pagination .icon {
    position: absolute;
    top: 50%;
    margin: 0;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 36px;
    color: #858383;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.pagination .icon:hover {
    color: #228adf
}

.pagination .icon-angle-left, .pagination div#ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-prev, div#ui-datepicker-div .pagination .ui-datepicker-header > a.ui-datepicker-prev {
    left: 0;
    text-align: left
}

.pagination .icon-angle-right, .pagination div#ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-next, div#ui-datepicker-div .pagination .ui-datepicker-header > a.ui-datepicker-next {
    right: 0;
    text-align: right
}

ul.share {
    line-height: 80px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.share li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 30px
}

ul.share li span.icon {
    color: #228adf;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #228adf;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

ul.share li span.count {
    font-size: 20px;
    color: #858383;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 8px
}

ul.share li:first-child {
    margin-left: 0
}

ul.share li:hover span.icon {
    background-color: #228adf;
    color: #fff
}

ul.share.color li:hover span {
    background-color: transparent
}

ul.share.color li:hover span.icon-facebook {
    color: #3b5998;
    border-color: #3b5998
}

ul.share.color li:hover span.icon-twitter {
    color: #55acee;
    border-color: #55acee
}

ul.share.color li:hover span.icon-gplus {
    color: #dd4b39;
    border-color: #dd4b39
}

ul.share.color.grey li span {
    color: #858383;
    border-color: #858383
}

ul.program {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.program li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px
}

ul.program li a, ul.program li span {
    font-size: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 27px;
    line-height: 23px;
    padding: 0 18px;
    color: #fff;
    text-transform: uppercase;
    background-color: #228adf;
    border: 2px solid #228adf;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

ul.program li a.purple, ul.program li span.purple {
    border-color: #855ec4;
    background-color: #855ec4
}

ul.program li a.purple:hover, ul.program li span.purple:hover {
    color: #855ec4
}

ul.program li:first-child {
    margin-left: 0
}

ul.program li:hover a, ul.program li:hover span {
    background-color: #fff;
    color: #228adf
}

ul.program.podcast li a, ul.program.podcast li span, ul.program.purple li a, ul.program.purple li span {
    border-color: #855ec4;
    background-color: #855ec4
}

ul.program.podcast li:hover a, ul.program.podcast li:hover span, ul.program.purple li:hover a, ul.program.purple li:hover span {
    color: #855ec4;
    background-color: #fff
}

ul.calendar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.calendar li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    cursor: default
}

ul.calendar li:first-child a, ul.calendar li:first-child span {
    display: none
}

ul.calendar li:first-child a:first-child, ul.calendar li:first-child span:first-child {
    display: block
}

ul.calendar li a, ul.calendar li span {
    font-size: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 27px;
    line-height: 27px;
    padding: 0 18px;
    color: #855ec4;
    text-transform: uppercase;
    background-color: transparent;
    border: 0 solid #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

ul.calendar li.active a, ul.calendar li.active span {
    background-color: #855ec4;
    color: #fff
}

ul.calendar li:not(.active) {
    cursor: pointer
}

ul.calendar.podcast li a, ul.calendar.podcast li span, ul.calendar.purple li a, ul.calendar.purple li span {
    color: #228adf
}

ul.calendar.podcast li.active a, ul.calendar.podcast li.active span, ul.calendar.purple li.active a, ul.calendar.purple li.active span {
    background-color: #228adf;
    color: #fff
}

form legend {
    display: none;
    visibility: hidden
}

form fieldset.border {
    position: relative
}

form fieldset.border:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 590px;
    height: 1px;
    background-color: #dadada;
    content: ''
}

form input[type="text"], form input[type="email"] {
    text-indent: 10px;
    padding: 0;
    font-size: 15px;
    color: #9a9a9a;
    -moz-box-shadow: 0 0 #fff #ebebeb;
    -webkit-box-shadow: 0 0 #fff #ebebeb;
    -o-box-shadow: 0 0 #fff #ebebeb;
    -ms-box-shadow: 0 0 #fff #ebebeb;
    box-shadow: 0 0 #fff #ebebeb
}

form input, form input[type="submit"], form input[type="button"], form input[type="reset"], form button, form .button {
    -webkit-appearance: none !important
}

form textarea {
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    resize: none
}

form textarea:focus {
    outline: 0px !important;
    -webkit-apparence: none
}

form label.answer {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    cursor: pointer
}

form label.answer:before {
    content: '';
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    behavior: url('./europe1front/js/src/PIE.htc')
}

form label.answer:after {
    content: '';
    position: absolute;
    display: none;
    width: 6px;
    height: 6px;
    width: 6px;
    height: 6px;
    background: #228adf;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

form label.answer input[type=radio] {
    display: none
}

form label.answer.checked:after,
form input[type="radio"]:checked + label.answer:after {
    display: block
}

form label.checkbox {
    position: relative
}

form label.checkbox input[type=checkbox] {
    display: none
}

form label.checkbox span:not(.form-error) {
    margin-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #bdc3c7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    font-size: 8px;
    text-align: center;
    color: #fff;
    line-height: 14px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

form label.checkbox span.form-error {
    position: absolute;
    left: 38px;
    top: 24px;
    font-size: 12px;
    color: #f6343f;
    font-weight: normal;
    text-align: left
}

form label.checkbox.checked span:not(.form-error) {
    color: #228adf;
    border-color: #228adf
}

form .radio span {
    display: block;
    width: 18px;
    height: 18px;
    background: none;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    behavior: url('./europe1front/js/src/PIE.htc')
}

form .form-control {
    position: relative;
    min-height: 60px;
    padding-bottom: 28px
}

form .form-control.hidden {
    height: 0;
    padding-bottom: 0
}

form .form-control > label, form .form-control > p {
    width: 200px;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 48px
}

form .form-control > label small, form .form-control > p small {
    width: 60%;
    display: block;
    font-size: 12px;
    color: #858383;
    line-height: 14px
}

form .form-control > label.checkbox, form .form-control > p.checkbox {
    width: 100%
}

form .form-control > label.checkbox a, form .form-control > p.checkbox a {
    text-decoration: underline
}

form .form-control > input {
    width: 390px;
    height: 48px;
    line-height: 46px;
    border: solid 1px #bdc3c7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
    color: #000;
    font-size: 15px;
    text-indent: 0
}

form .form-control .form-error {
    position: absolute;
    padding: 0;
    left: 208px;
    top: 52px;
    display: block;
    font-size: 12px;
    color: #f6343f;
    line-height: 20px
}

form .form-control textarea {
    width: 390px;
    height: 110px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-indent: 10px;
    font-size: 14px;
    line-height: 16px;
    border: solid 1px #bdc3c7
}

form .form-control .select {
    margin: 8px 0 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

form .form-control > ul, form .form-control > p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

form .form-control > ul {
    width: 390px
}

form .form-control > ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 45px
}

form .form-control > ul li:first-child {
    margin-left: 0
}

form .form-control > ul .answer {
    font-size: 16px;
    position: relative;
    width: auto;
    padding-left: 35px
}

form .form-control > ul .answer:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url('./europe1front/js/src/PIE.htc');
    border: 1px solid #bdc3c7;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    -ms-border-radius: 11px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    left: 0;
    top: -3px
}

form .form-control > ul .answer:after {
    left: 8px;
    top: 5px
}

form .form-control button {
    font-size: 14px;
    margin-left: 200px;
    border: 1px solid #bdc3c7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    height: 37px;
    line-height: 35px;
    width: 280px;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

form .form-control button:hover {
    color: #fff;
    background-color: #228adf
}

form .form-control.has-error input {
    border: 3px solid #f6343f;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

form div.fancy-select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #000;
    line-height: 28px
}

form div.fancy-select div.trigger {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    border: 0 solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    background-color: transparent;
    border: solid 1px transparent;
    border-bottom-color: transparent;
    z-index: 0;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

form div.fancy-select div.trigger:after {
    top: 50%;
    border: 4px solid transparent;
    border-top-color: #000
}

form div.fancy-select div.trigger.open {
    border-color: #dadada;
    background-color: #fff;
    z-index: 4;
    border-bottom-color: #fff
}

form div.fancy-select div.trigger.open:after {
    border-top-color: transparent;
    border-bottom-color: #000;
    margin-top: -5px
}

form div.fancy-select div.trigger.open.overflowing {
    border-bottom: solid 1px #dadada;
    border-top-color: #fff;
    z-index: 5
}

form div.fancy-select .optionsContainer {
    max-height: 350px
}

form div.fancy-select .optionsContainer.open {
    z-index: 3;
    margin-top: -24px;
    border: solid 1px #dadada;
    background-color: #fff
}

form div.fancy-select .optionsContainer.open.overflowing {
    margin-top: auto;
    margin-bottom: -24px;
    z-index: 3
}

form div.fancy-select .optionsContainer .jspContainer {
    width: 100% !important
}

form div.fancy-select .optionsContainer .jspContainer .jspPane {
    left: 0 !important;
    width: 100% !important
}

form div.fancy-select .optionsContainer .jspContainer .jspHorizontalBar {
    display: none !important;
    visibility: hidden !important
}

form div.fancy-select ul.options {
    width: auto;
    padding: 10px 0;
    overflow: hidden;
    z-index: 4;
    background-color: #fff
}

form div.fancy-select ul.options li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    line-height: 20px
}

form div.fancy-select ul.options li.selected {
    background-color: #228adf
}

form div.fancy-select ul.options li.selected span {
    color: #fff
}

form div.fancy-select ul.options li span {
    color: #228adf
}

form div.fancy-select ul.options li:hover {
    background-color: #228adf
}

form div.fancy-select ul.options li:hover span {
    color: #fff
}

form div.selector {
    background: none !important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 28px;
    line-height: 28px
}

form div.selector.fixedWidth {
    width: auto !important
}

form div.selector span {
    font-size: 11px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    line-height: 26px;
    background: none !important;
    width: auto !important;
    position: relative;
    border: solid 1px transparent;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    padding-left: 10px
}

form div.selector span:after {
    content: '';
    position: absolute;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
    right: 10px;
    top: 50%
}

form div.focus span {
    border-color: #dadada
}

form div.focus span:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #000 transparent
}

form#filter fieldset, form.filter fieldset {
    padding-top: 15px
}

form#filter fieldset p, form.filter fieldset p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 11px
}

form#filter fieldset div.inputContainer, form.filter fieldset div.inputContainer {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    position: relative;
    padding: 0;
    margin: 0
}

form#filter fieldset div.inputContainer label, form.filter fieldset div.inputContainer label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 11px;
    margin-left: 10px;
    display: none
}

form#filter fieldset div.inputContainer:after, form.filter fieldset div.inputContainer:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #000;
    top: 15px;
    right: 6px
}

form#filter fieldset div.inputContainer.focus:after, form.filter fieldset div.inputContainer.focus:after {
    top: 10px;
    border-top-color: transparent;
    border-bottom-color: #000
}

form#filter fieldset div.inputContainer input, form.filter fieldset div.inputContainer input {
    position: relative;
    padding: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 55px;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    text-indent: 10px;
    box-shadow: none;
    cursor: pointer;
    border: solid 1px transparent;
    background: none;
    z-index: 3;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

form#filter fieldset div.inputContainer input::-webkit-input-placeholder, form.filter fieldset div.inputContainer input::-webkit-input-placeholder {
    color: #000
}

form#filter fieldset div.inputContainer input:-moz-placeholder, form.filter fieldset div.inputContainer input:-moz-placeholder {
    color: #000;
    opacity: 100;
    filter: alpha(opacity=10000);
    -moz-opacity: 100
}

form#filter fieldset div.inputContainer input::-moz-placeholder, form.filter fieldset div.inputContainer input::-moz-placeholder {
    color: #000;
    opacity: 100;
    filter: alpha(opacity=10000);
    -moz-opacity: 100
}

form#filter fieldset div.inputContainer input:-ms-input-placeholder, form.filter fieldset div.inputContainer input:-ms-input-placeholder {
    color: #000
}

form#filter fieldset div.inputContainer input.above:focus, form.filter fieldset div.inputContainer input.above:focus {
    border-color: #dadada;
    border-bottom-color: #fff
}

form#filter fieldset div.inputContainer input.below:focus, form.filter fieldset div.inputContainer input.below:focus {
    border-color: #dadada;
    border-top-color: #fff
}

div#ui-datepicker-div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    width: 282px;
    border: solid 1px #dadada;
    padding: 0 14px;
    z-index: 2 !important;
    margin-top: -1px
}

div#ui-datepicker-div .ui-datepicker-header {
    position: relative;
    height: 37px;
    line-height: 37px
}

div#ui-datepicker-div .ui-datepicker-header > a {
    position: absolute;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 37px;
    line-height: 37px;
    top: 0;
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

div#ui-datepicker-div .ui-datepicker-header > a.ui-state-disabled {
    color: #dadada;
    opacity: 0.5;
    cursor: default
}

div#ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-prev {
    left: 0;
    padding-left: 5px
}

div#ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-next {
    right: 0;
    padding-right: 5px;
    text-align: right
}

div#ui-datepicker-div .ui-datepicker-header > a:not(.ui-state-disabled):hover {
    color: #228adf
}

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    display: block;
    text-align: center;
    font-size: 15px;
    border-bottom: solid 1px #dadada
}

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title:first-letter {
    text-transform: capitalize
}

div#ui-datepicker-div .ui-datepicker-calendar {
    margin: 10px 0 15px;
    width: 100%;
    height: 154px
}

div#ui-datepicker-div .ui-datepicker-calendar thead tr th {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.28571%;
    margin-left: 0%;
    margin-right: 0%;
    text-transform: uppercase;
    text-align: left;
    height: 22px;
    line-height: 22px;
    font-size: 15px
}

div#ui-datepicker-div .ui-datepicker-calendar thead tr th:before, div#ui-datepicker-div .ui-datepicker-calendar thead tr th:after {
    content: '';
    display: table
}

div#ui-datepicker-div .ui-datepicker-calendar thead tr th:after {
    clear: both
}

div#ui-datepicker-div .ui-datepicker-calendar thead tr th:last-child {
    margin-right: 0%
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.28571%;
    margin-left: 0%;
    margin-right: 0%;
    height: 22px;
    line-height: 22px;
    font-size: 15px;
    color: #dadada
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td:before, div#ui-datepicker-div .ui-datepicker-calendar tbody tr td:after {
    content: '';
    display: table
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td:after {
    clear: both
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td:last-child {
    margin-right: 0%
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled {
    cursor: default
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
    cursor: pointer;
    display: block;
    text-indent: 3px;
    width: 25px;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-active {
    color: #fff;
    background-color: #228adf
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
    color: #228adf;
    background-color: #fff
}

div#ui-datepicker-div .ui-datepicker-calendar tbody tr td:hover a {
    color: #fff;
    background-color: #228adf
}

div#ui-datepicker-div.above {
    margin-top: -17px
}

div#ui-datepicker-div .ui-datepicker-buttonpane {
    border-top: solid 1px #dadada;
    padding: 10px 0
}

div#ui-datepicker-div .ui-datepicker-buttonpane > span {
    font-size: 11px;
    color: #228adf;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    display: block;
    line-height: 20px;
    cursor: pointer
}

.fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.5)
}

.fancybox-wrap .fancybox-skin {
    padding: 0 !important
}

.fancybox-wrap .fancybox-skin a.fancybox-close {
    background: none;
    right: 20px;
    top: 30px
}

.fancybox-opened .fancybox-title {
    visibility: hidden
}

.popup {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fff
}

.popup .closeBtn, .popup .fancybox-wrap .fancybox-skin a.fancybox-close, .fancybox-wrap .fancybox-skin .popup a.fancybox-close {
    right: 20px
}

.popup p {
    font-size: 16px;
    text-align: justify;
    line-height: 20px;
    margin-top: 25px
}

.popup p.title {
    font-size: 20px;
    color: #228adf;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0
}

.popup ul li {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    padding-left: 30px;
    position: relative
}

.popup ul li a.link, .popup ul li span.link {
    display: block;
    color: #228adf
}

.popup ul li a.btnCircle, .popup ul li span.btnCircle {
    margin-top: 6px
}

.popup ul li:before {
    content: '-';
    position: absolute;
    top: -1px;
    left: 18px
}

.popup#popupPodcast {
    width: 628px;
    height: 432px
}

html.touch form#filter fieldset div.inputContainer.hidden {
    visibility: visible !important;
    display: inline-block !important;
    vertical-align: middle
}

html.touch form#filter fieldset div.inputContainer label {
    display: block;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.ui-autocomplete {
    width: 223px !important;
    background-color: #fff;
    border: solid 1px #dadada;
    border-top: none;
    padding: 14px 0;
    z-index: 9999
}

ul.ui-autocomplete li {
    padding: 3px 13px;
    margin-bottom: 4px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

ul.ui-autocomplete li a {
    display: block
}

ul.ui-autocomplete li a img {
    width: 40px;
    height: 40px;
    float: left
}

ul.ui-autocomplete li a p {
    float: left;
    width: 140px;
    padding: 10px 0 0 10px !important;
    color: #858383;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

ul.ui-autocomplete li.noImg a {
    height: 22px;
    line-height: 22px
}

ul.ui-autocomplete li.noImg a p {
    width: 100%;
    padding: 0
}

ul.ui-autocomplete li:hover, ul.ui-autocomplete li.ui-state-focus {
    background-color: #228adf
}

ul.ui-autocomplete li:hover a p, ul.ui-autocomplete li.ui-state-focus a p {
    color: #fff
}

ul.ui-autocomplete.bigger {
    width: 296px !important
}

ul.ui-autocomplete.bigger li a:not(.noImg) p {
    width: 220px
}

.overlay-bg {
    display: none;
    visibility: hidden;
    position: fixed;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000);
    zoom: 1;
    z-index: 9999;
    -webkit-transition: left ease 150ms 0s;
    -moz-transition: left ease 150ms 0s;
    -ms-transition: left ease 150ms 0s;
    -o-transition: left ease 150ms 0s;
    transition: left ease 150ms 0s
}

.overlay-bg .menu {
    position: fixed;
    left: 447px;
    top: 20px;
    width: 28px;
    height: 22px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.overlay-bg .menu span {
    position: relative;
    display: block;
    height: 4px;
    margin-top: 9px;
    background-color: #fff
}

.overlay-bg .menu span:before, .overlay-bg .menu span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 28px;
    height: 4px;
    background-color: #fff;
    content: '';
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.overlay-bg .menu span:before {
    top: 9px
}

.overlay-bg .menu span:after {
    bottom: 9px
}

.overlay-bg .menu:hover span:before {
    top: 11px
}

.overlay-bg .menu:hover span:after {
    bottom: 11px
}

.player-fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 170px 0 80px;
    height: 64px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 64px;
    color: #fff;
    background-color: #228adf;
    text-transform: uppercase;
    z-index: 9999;
    display: none;
    visibility: hidden
}

.player-fixed .btn-play {
    position: absolute;
    left: 20px;
    top: 50%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    -ms-border-radius: 22px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    cursor: pointer
}

.player-fixed .btn-play.pause .icon {
    position: absolute;
    left: 12px;
    top: 50%;
    display: block;
    width: 6px;
    height: 18px;
    margin-top: -9px;
    background-color: #fff;
    border: 0 solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

.player-fixed .btn-play.pause .icon:before {
    position: absolute;
    right: -9px;
    top: 0;
    display: block;
    width: 6px;
    height: 18px;
    background-color: #fff;
    border: 0 solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    content: ''
}

.player-fixed .title {
    font-size: 20px
}

.player-fixed .link {
    position: absolute;
    right: 20px;
    top: 50%;
    padding: 0 12px;
    height: 32px;
    margin-top: -16px;
    font-size: 18.5px;
    line-height: 32px;
    background-color: #005ca7;
    text-decoration: none
}

aside#replay > p {
    line-height: 35px;
    background-color: #1e2a36;
    color: #fff;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px
}

aside#replay .highlight {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 95px;
    line-height: 124px;
    background-color: #1e2a36;
    margin-bottom: 1px;
    cursor: pointer
}

aside#replay .highlight > span {
    line-height: 20px;
    color: #686c70;
    font-size: 10px;
    position: absolute;
    right: 30px;
    top: 9px
}

aside#replay .highlight .closeBtn, aside#replay .highlight .fancybox-wrap .fancybox-skin a.fancybox-close, .fancybox-wrap .fancybox-skin aside#replay .highlight a.fancybox-close {
    position: absolute;
    right: 10px;
    top: 10px
}

aside#replay .highlight figure {
    width: 72px;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 124px
}

aside#replay .highlight figure img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

aside#replay .highlight .description {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-right: 5px;
    line-height: normal
}

aside#replay .highlight .description p {
    color: #fff;
    font-size: 14px
}

aside#replay .highlight .description p span {
    display: block;
    font-size: 9px;
    text-transform: uppercase
}

aside#replay .highlight .description p b {
    text-transform: uppercase
}

aside#replay .highlight .btn {
    margin-top: 8px
}

aside#replay ul {
    position: relative;
    overflow: hidden;
    padding-bottom: 150px
}

aside#replay ul:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 150px;
    width: 100%
}

aside#replay ul .wrapper {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    margin-left: 8px;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

aside#replay ul .wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    height: 100%;
    width: 8px;
    background: transparent url('./europe1front/images/bg-replay.png') center top no-repeat
}

aside#replay ul .wrapper div, aside#more .flashinfos ul .wrapper div {
    width: 148px;
    padding: 0 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: normal
}

aside#replay ul .wrapper div > span {
    color: #3498db;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-top: 4px
}

aside#replay ul .wrapper div > span .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 12px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    padding-left: 2px;
    border: 2px solid #3498db;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

aside#replay ul figure {
    width: 72px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

aside#replay ul img.hover {
    display: none;
    visibility: hidden
}

aside#replay ul p {
    color: #858383;
    font-size: 11px
}

aside#replay ul p > span {
    display: block;
    font-size: 9px;
    text-transform: uppercase
}

aside#replay ul p strong {
    display: block;
    color: #000;
    font-size: 14px
}

aside#replay ul p strong span {
    text-transform: uppercase
}

aside#replay ul a {
    color: #858383;
    font-size: 11px;
    display: block;
    line-height: 12px
}

aside#replay ul .time {
    color: #858383;
    font-size: 11px;
    width: 44px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    padding-left: 8px;
    position: relative;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    margin-top: 29px;
    z-index: 1
}

aside#replay ul .time:before, aside#replay ul .time:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 150px;
    visibility: visible;
    left: 25px;
    background-color: #e8e8e8;
    z-index: 0
}

aside#replay ul .time:before {
    height: 49px;
    bottom: 50%;
    margin-bottom: 10px;
    z-index: 1
}

aside#replay ul .time:after {
    top: 50%;
    margin-top: 10px
}

aside#replay ul .wrapperL {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 0 7px 0
}

aside#replay ul .wrapperL .titre {
    float: left;
    width: 88%;
    color: #228adf;
    font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
    margin: 0 0 0 18px;
    padding: 0 0 10px 0
}

aside#replay li {
    position: relative;
    z-index: 1;
    overflow: hidden
}

aside#replay li:first-child .wrapper > span:before {
    display: none;
    visibility: hidden
}

aside#replay li:last-child {
    overflow: visible
}

aside#replay li:last-child .wrapper {
    overflow: visible
}

html.no-touch #replay .highlight:hover .btn {
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    color: #fff
}

html.no-touch #replay li:hover .wrapper, html.no-touch #more .flashinfos li:hover .wrapper {
    background-color: #1688e1;
    z-index: 2
}

html.no-touch #replay li:hover .wrapper:before, html.no-touch #more .flashinfos li:hover .wrapper:before {
    background-image: url('./europe1front/images/bg-replay-hover.png')
}

html.no-touch #replay li:hover .wrapper > span, html.no-touch #more .flashinfos li:hover .wrapper > span {
    color: #fff
}

html.no-touch #replay li:hover .wrapper > span:before, html.no-touch #replay li:hover .wrapper > span:after, html.no-touch #more .flashinfos li:hover .wrapper > span:before, html.no-touch #more .flashinfos li:hover .wrapper > span:after {
    display: none;
    visibility: hidden
}

html.no-touch #replay li:hover .wrapper div > span, html.no-touch #more .flashinfos li:hover .wrapper div > span {
    color: #fff
}

html.no-touch #replay li:hover .wrapper div > span span.icon {
    border-color: #fff
}

html.no-touch #replay li:hover img.regular {
    display: none !important;
    visibility: hidden !important
}

html.no-touch #replay li:hover img.hover {
    display: block;
    visibility: visible
}

html.no-touch #replay li:hover p {
    color: #fff
}

html.no-touch #replay li:hover p strong {
    color: #fff
}

html.no-touch #replay li:hover a {
    color: #fff
}

aside#replay .flashinfos, aside#more .flashinfos {
    margin-bottom: 20px
}

aside#more .flashinfos {
    background: none
}

aside#replay .flashinfos p, aside#more .flashinfos p {
    color: #fff;
    font-family: 'adamregular';
    font-size: 18px;
    text-transform: uppercase;
    background: #005ca7;
    padding: 10px 15px
}

aside#replay .flashinfos .linkall, aside#more .flashinfos .linkall {
    color: #858383;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    background: #fff;
    padding: 10px
}

aside#replay .flashinfos .linkall a, aside#repay .flashinfos .linkall ._NOL, aside#more .flashinfos .linkall a, aside#more .flashinfos .linkall ._NOL {
    color: #858383
}

aside#replay .flashinfos ul, aside#more .flashinfos ul {
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden
}

aside#replay .flashinfos ul:after, aside#more .flashinfos ul:after {
    height: 0
}

aside#replay .flashinfos ul a, aside#replay .flashinfos ul ._NOL, aside#more .flashinfos ul a, aside#more .flashinfos ul ._NOL {
    line-height: normal;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    margin-top: 0
}

aside#replay .flashinfos ul .alerte a, aside#replay .flashinfos ul .alerte ._NOL, aside#more .flashinfos ul .alerte a, aside#more .flashinfos ul .alerte ._NOL {
    color: #f6343f
}

aside#replay .flashinfos ul .alerte:hover a, aside#replay .flashinfos ul .alerte:hover ._NOL, aside#more .flashinfos ul .alerte:hover a, aside#more .flashinfos ul .alerte:hover ._NOL {
    color: #fff
}

aside#replay .flashinfos ul .wrapper, aside#more .flashinfos ul .wrapper {
    padding: 10px 0
}

aside#more .flashinfos ul .wrapper {
    background-color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    margin-left: 8px;
    position: relative
}

aside#more .flashinfos ul a {
    color: #858383;
    font-size: 11px;
    display: block;
    line-height: 12px
}

aside#more .flashinfos ul .time {
    color: #858383;
    font-size: 11px;
    width: 44px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    padding-left: 8px;
    position: relative;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    margin-top: 29px
}

aside#more .flashinfos ul .time:before, aside#more .flashinfos ul .time:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 150px;
    visibility: visible;
    left: 25px;
    background-color: #e8e8e8;
    z-index: 0
}

aside#more .flashinfos ul .time:before {
    height: 49px;
    bottom: 50%;
    margin-bottom: 10px;
    z-index: 1
}

aside#more .flashinfos ul .time:after {
    top: 50%;
    margin-top: 10px
}

aside#more .flashinfos ul .wrapper:before {
    position: absolute;
    top: 0;
    left: -8px;
    display: block;
    height: 100%;
    width: 8px;
    background: url(./europe1front/images/bg-replay.png) center top no-repeat;
    content: ""
}

aside#replay .flashinfos ul .wrapper:before, aside#more .flashinfos ul .wrapper:before {
    background-position: center -41px
}

aside#replay .flashinfos ul .wrapper div, aside#more .flashinfos ul .wrapper div {
    width: 201px
}

aside#replay .flashinfos ul .time, aside#more .flashinfos ul .time {
    height: auto;
    line-height: normal;
    font-size: 12px;
    margin-top: 0
}

aside#replay .flashinfos ul .time:before, aside#more .flashinfos ul .time:before {
    height: 34px
}

aside#replay .flashinfos li:last-child, aside#more .flashinfos li:last-child {
    overflow: hidden
}

aside#more .flashinfos li:first-child .wrapper > span:before {
    display: none;
    visibility: hidden
}

aside#more .flashinfos li:last-child {
    overflow: visible
}

aside#more .flashinfos li:last-child .wrapper {
    overflow: visible
}

aside#replay .flashinfos .flashinfos .linkall a, aside#replay .flashinfos .flashinfos .linkall ._NOL, aside#more .flashinfos .flashinfos .linkall a, aside#more .flashinfos .flashinfos .linkall ._NOL {
    color: #858383
}

aside#more > div {
    margin-top: 20px;
    background-color: #fff;
    padding: 0;
    overflow: hidden
}

aside#more > div:first-child {
    margin-top: 0
}

aside#more > div p {
    padding-right: 10px
}

aside#more > div p strong {
    font-size: 14px;
    line-height: 18px
}

aside#more > div .type {
    color: #228adf;
    text-transform: uppercase;
    font-size: 10px
}

aside#more #rightcolad_1 {
    overflow: visible
}

aside#more .pub {
    background: none
}

aside#more .pub img {
    display: block;
    margin: 0 auto;
    padding: 0
}

aside#more .simple {
    padding: 10px 20px;
    min-height: 100px;
    border-top: solid 2px #000;
    position: relative
}

aside#more .simple:before {
    content: '';
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 10px;
    top: 10px
}

aside#more .question {
    border-top-color: #228adf
}

aside#more .question:before {
    background-image: url("./europe1front/images/sprite.png");
    background-repeat: no-repeat;
    background-position: -40px 0;
    width: 26px;
    height: 26px
}

aside#more .question .type {
    color: #228adf
}

aside#more .contact {
    border-top-color: #df227b
}

aside#more .contact:before {
    background-image: url("./europe1front/images/sprite.png");
    background-repeat: no-repeat;
    background-position: -80px 0;
    width: 26px;
    height: 26px
}

aside#more .contact .type {
    color: #df227b
}

aside .composed {
    background-color: #fff;
    display: block
}

aside .composed > p {
    text-transform: uppercase;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    background-color: #000
}

aside#more .tags {
    padding-bottom: 10px
}

aside#more .tags > p {
    background-color: #f6343f
}

aside#more .tags > a, aside#more .tags > ._NOL {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    float: right;
    margin: 10px 10px 0 0;
    color: #228adf;
    font-size: 14px
}

aside#more .tags > a:hover, aside#more .tags > ._NOL:hover {
    text-decoration: underline
}

aside#more .tagsList {
    display: block;
    padding-top: 10px
}

aside#more .tagsList figure {
    width: 100%;
    overflow: hidden
}

aside#more .tagsList img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

aside#more .tagsList span {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    vertical-align: middle
}

aside#more .tagsList span strong {
    text-transform: uppercase
}

aside#more .tagsList li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

aside#more .tagsList li:before, aside#more .tagsList li:after {
    content: '';
    display: table
}

aside#more .tagsList li:after {
    clear: both
}

aside#more .tagsList li:last-child {
    margin-right: 0%
}

aside#more .tagsList li:hover figure img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

aside#more .tagsList li:hover span {
    color: #1688e1
}

aside#more .handbook {
    display: block;
    margin-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

aside#more .handbook li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 6.25%;
    margin-left: 0%;
    margin-right: 0%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 30px;
    text-align: center
}

aside#more .handbook li:before, aside#more .handbook li:after {
    content: '';
    display: table
}

aside#more .handbook li:after {
    clear: both
}

aside#more .handbook li:last-child {
    margin-right: 0%
}

aside#more .handbook a, aside#more .handbook span {
    display: block;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

aside#more .handbook a:hover, aside#more .handbook span:hover {
    color: #1688e1
}

aside .popular {
    padding-bottom: 10px !important;
    position: relative
}

aside#replay .popular {
    margin-top: 20px
}

aside .popular ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0 10px !important
}

aside .popular .shared ul {
    padding: 0 20px
}

aside .popular .wrapper {
    background-color: #fff
}

aside .popular .read, aside .popular .commented {
    background-color: #fff
}

aside .popular .read > p, aside .popular .commented > p, aside .popular .shared > p {
    text-transform: uppercase;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    background-color: #000
}

aside .popular .shared > p {
    background: #3b579d
}

aside .popular .read > div, aside .popular .commented > div {
    height: 20px;
    width: 100%;
    position: relative
}

aside .popular figure {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    float: left;
    width: 108px;
    display: block;
    overflow: hidden
}

aside .popular .shared figure {
    width: 60px !important
}

aside .popular figure a {
    display: block
}

aside .popular img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

aside .popular figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

aside .popular figcaption > span {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    font-size: 15px
}

aside .popular figcaption > span:first-child {
    left: 1px;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px
}

aside .popular .description {
    float: left;
    width: 162px;
    padding-left: 10px;
    height: 54px;
    overflow: hidden
}

aside .popular .shared .description {
    height: 60px
}

aside .popular .description a {
    display: block;
    height: 48px;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #000 !important;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    overflow: hidden
}

aside .popular .shared .description a {
    height: 43px;
    font-weight: 700 !important
}

aside .popular .description p, aside .popular .description span {
    display: block;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    overflow: hidden
}

aside .popular .shared .description span {
    display: inline-block;
    height: auto;
    line-height: normal;
    color: #858383;
    font-weight: 700
}

aside .popular .shared .description span span {
    vertical-align: middle
}

aside .popular .shared .description span .icon {
    font-size: 14px
}

aside .popular .shared li:hover span {
    color: #858383 !important
}

aside .popular .type {
    top: auto !important;
    left: auto !important;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px;
    text-align: center
}

aside .popular .type span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-top: -3px;
    font-size: 8px;
    width: 12px;
    height: 14px;
    padding-left: 2px;
    border: 2px solid #fff;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    line-height: 14px
}

aside .popular li {
    padding-top: 10px;
    display: block;
    overflow: visible !important;
    cursor: pointer
}

aside .popular .shared li {
    padding-top: 20px
}

aside .popular li:hover figure img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

aside .popular li:hover a {
    color: #1688e1 !important
}

aside .popular li:hover .description p, aside .popular li:hover .description span {
    color: #1688e1
}

aside#more .must > p {
    background-color: #f3853c
}

aside#more .must figure {
    position: relative
}

aside#more .must img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: auto
}

aside#more .must figcaption {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px;
    color: #858383;
    font-size: 12px;
    line-height: 15px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

aside#more .must b {
    text-transform: uppercase;
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

aside#more .must a, aside#more .must span {
    padding: 10px;
    display: block;
    min-height: 80px;
    cursor: pointer
}

aside#more .must a:hover figcaption, aside#more .must span:hover figcaption {
    color: #228adf
}

aside#more .must a:hover figcaption b, aside#more .must span:hover figcaption b {
    color: #228adf
}

aside#more .must li:first-child {
    background-color: #f4f4f4
}

aside#more .must li:first-child a, aside#more .must li:first-child span {
    padding: 0;
    height: auto
}

aside#more .must li:first-child img {
    position: relative;
    width: 100%
}

aside#more .must li:first-child figcaption {
    padding: 10px 10px 20px
}

aside#more .must li:first-child + li + li {
    background-color: #f4f4f4
}

aside#more .tweets {
    height: 636px
}

aside#more .CDM_classement .titre {
    line-height: 20px;
    font-family: 'adamregular';
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    background: #000;
    margin: 0 0 10px 0;
    padding: 10px 0
}

aside#more .CDM_classement .titre span {
    display: block;
    font-size: 15px
}

aside#more .CDM_classement select {
    margin-left: 5px
}

aside#more .CDM_classement td span {
    color: #27ae60
}

aside#more .CDM_classement .alignRight {
    text-align: right;
    padding: 5px 0
}

aside#more .CDM_classement .alignLeft {
    text-align: left;
    padding: 5px 0
}

aside#more .CDM_classement .nav {
    padding: 15px 5px
}

aside#more .CDM_classement .bt {
    float: left;
    display: block;
    position: relative;
    height: 23px;
    line-height: 23px;
    color: #855353;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(bottom, #fff, #e6e6e6);
    background: -moz-linear-gradient(bottom, #fff, #e6e6e6);
    background: -ms-linear-gradient(bottom, #fff, #e6e6e6);
    background: -o-linear-gradient(bottom, #fff, #e6e6e6);
    background: linear-gradient(to bottom, #fff, #e6e6e6);
    margin: 0 0 15px 0;
    padding: 0 5px
}

aside#more .CDM_classement .bt_prec {
    padding-left: 20px
}

aside#more .CDM_classement .bt_suiv {
    float: right;
    padding-right: 20px
}

aside#more .CDM_classement .bt:before {
    position: absolute;
    top: 9px;
    width: 0;
    display: inline-block;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    content: "";
    overflow: hidden
}

aside#more .CDM_classement .bt_prec:before {
    left: 8px;
    border-right: 4px solid #555
}

aside#more .CDM_classement .bt_suiv:before {
    right: 8px;
    border-left: 4px solid #555
}

#inside {
    position: absolute;
    right: 0;
    top: 300px;
    width: 198px;
    margin-right: 0;
    background-color: #fff;
    padding-bottom: 20px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 50px
}

#inside > p {
    margin: 0 0 25px;
    font-size: 16px
}

#inside ul {
    margin-bottom: 30px
}

#inside .wrapper {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 20px 0 0;
    position: relative;
    font-size: 12px;
    cursor: pointer
}

#inside .wrapper figure {
    width: 60px;
    float: left;
    margin: 0 8px 0 0;
    position: relative;
    overflow: hidden
}

#inside .wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

#inside .wrapper figcaption {
    position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    line-height: 25px
}

#inside .wrapper figcaption span {
    width: 12px;
    height: 14px;
    line-height: 14px;
    padding-left: 2px;
    font-size: 8px;
    border: 2px solid #fff;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#inside .wrapper p {
    float: left;
    width: 118px;
    margin: 0 0 20px;
    line-height: 14px;
    font-size: 12px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#inside .wrapper > span {
    position: absolute;
    bottom: 0;
    left: 70px;
    color: #858383;
    cursor: pointer
}

#inside .wrapper > span span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#inside .wrapper > span .icon {
    font-size: 14px
}

#inside li:first-child {
    margin-top: 0
}

#inside li:hover img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

#inside li:hover p {
    color: #1688e1
}

#inside .club {
    margin-bottom: 30px
}

#inside .club figure figcaption {
    background-color: #228adf;
    color: #fff;
    min-height: 60px;
    padding: 15px 10px;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#inside .club figure figcaption span {
    text-transform: uppercase;
    display: block
}

#inside .club p {
    background-color: #228adf;
    min-height: 60px;
    padding: 15px 10px;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#inside .club p a {
    color: #fff
}

#inside .club p.b-title, #inside .club p.baseline {
    display: none
}

#inside .club p.more {
    display: none
}

#inside .club > img {
    display: none
}

#inside .club a img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

#inside .club:hover figure figcaption {
    background-color: #000
}

#inside .club:hover p {
    background-color: #000
}

#inside .shared {
    margin-bottom: 30px
}

#inside .shared > p {
    font-size: 14px;
    line-height: 35px;
    background-color: #3b579d;
    padding-left: 15px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px
}

#rightcolad_1 {
    width: 100%
}

#rightcolad_1 .content {
    width: 300px;
    height: 300px;
    background-color: #228adf;
    margin: 0 auto
}

#live {
    padding-bottom: 0
}

#live .container {
    background-color: #fff
}

#live .menu {
    position: absolute;
    top: -5px;
    right: 0;
    height: 28px;
    width: 100%;
    text-align: right
}

#live .menu li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    cursor: pointer
}

#live .menu li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    text-transform: uppercase;
    color: #757575;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    border: 0 solid #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    -ms-border-radius: 13px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#live .menu li.active span {
    background-color: #228adf;
    color: #fff
}

#live .menu li:not(.active):hover span {
    color: #228adf
}

#live .main header {
    position: relative
}

#live .main header h1 {
    font-size: 20px;
    text-transform: uppercase
}

#live .main header h1 span {
    color: #858383
}

#live .main #directAudio > div:not(.infos) {
    min-height: 500px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

#live .main #directAudio > div:not(.infos)#player {
    width: 56.33047%;
    text-align: center
}

#live .main #directAudio > div:not(.infos)#player figure {
    width: 70%;
    margin: 0 auto;
    min-height: 350px
}

#live .main #directAudio > div:not(.infos)#playList {
    width: 43.66953%
}

#live .main #directAudio > div:not(.infos)#playList > p {
    font-size: 15px;
    text-transform: uppercase
}

#live .main #directAudio > div:not(.infos)#playList ul {
    margin-top: 25px;
    height: 410px
}

#live .main #directAudio > div:not(.infos)#playList ul li {
    font-size: 14px;
    line-height: 23px;
    color: #858383;
    width: 100%;
    display: block;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#live .main #directAudio > div:not(.infos)#playList ul li:not(.playing) {
    cursor: pointer
}

#live .main #directAudio > div:not(.infos)#playList ul li:not(.playing):hover {
    color: #228adf
}

#live .main #directAudio > div:not(.infos)#playList ul li.playing {
    color: #228adf
}

#live .main #directAudio > div#Player, #live .main #directAudio > div#Player_wrapper {
    display: none;
    height: 1px;
    width: 1px;
    min-height: 1px
}

#live .tab {
    display: block
}

#live .tab:not(.active) {
    display: none
}

#live .tab nav {
    display: block
}

#live .tab ul {
    line-height: 80px
}

#live .tab ul.share {
    float: right;
    line-height: 80px
}

#live .tab .programInfos {
    font-size: 24px;
    line-height: 28px;
    margin-top: 10px;
    display: block
}

#live .tab .programInfos a {
    color: #000
}

#live .tab .programInfos time {
    display: block
}

#live .tab .title {
    margin-top: 10px;
    clear: both;
    font-size: 20px;
    color: #858383;
    text-transform: uppercase;
    position: relative
}

#live .tab .title span {
    background-color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    padding-right: 18px
}

#live .tab .title:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dadada;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1
}

#live .aside {
    padding: 25px 20px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#live .aside fieldset p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 18px
}

#live .aside fieldset p small {
    font-size: 13px;
    display: block
}

#live .aside fieldset p.title {
    color: #858383;
    font-size: 20px;
    text-transform: uppercase
}

#live .aside fieldset p.title span {
    color: #000
}

#live .aside fieldset p.legend {
    font-size: 10px;
    text-align: left;
    color: #858383;
    line-height: 14px;
    margin-top: 5px
}

#live .aside fieldset > span.separator {
    display: block;
    width: 40px;
    margin: 0 auto 30px;
    font-size: 15px;
    color: #858383;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

#live .aside fieldset > span.separator:before, #live .aside fieldset > span.separator:after {
    content: '';
    display: block;
    width: 115px;
    height: 1px;
    background-color: #858383;
    position: absolute;
    top: 50%
}

#live .aside fieldset > span.separator:before {
    right: 100%
}

#live .aside fieldset > span.separator:after {
    left: 40px
}

#live .aside fieldset > ul {
    margin-bottom: 20px
}

#live .aside fieldset > ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 50%;
    text-align: center
}

#live .aside fieldset > ul li span {
    font-size: 16px;
    text-align: center;
    color: #55a5da;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#live .aside fieldset > ul li:first-child {
    cursor: default
}

#live .aside fieldset > ul li:first-child span {
    color: #000;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #bdc3c7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    line-height: 35px;
    height: 37px;
    cursor: pointer;
    width: 135px
}

#live .aside fieldset > ul li:first-child + li {
    cursor: pointer
}

#live .aside fieldset > ul li:first-child + li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 135px;
    height: 37px;
    line-height: 37px;
    border: 0 solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    float: right
}

#live .aside fieldset > ul li:first-child + li span:hover {
    background-color: #55a5da;
    color: #fff
}

#live .aside fieldset label {
    display: none;
    visibility: hidden
}

#live .aside fieldset input, #live .aside fieldset textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border-color: solid 1px #bdc3c7;
    height: 34px;
    text-indent: 15px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #000;
    border: 1px solid #bdc3c7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#live .aside fieldset input::-webkit-input-placeholder, #live .aside fieldset textarea::-webkit-input-placeholder {
    color: #000
}

#live .aside fieldset input:-moz-placeholder, #live .aside fieldset textarea:-moz-placeholder {
    color: #000;
    opacity: 100;
    filter: alpha(opacity=10000);
    -moz-opacity: 100
}

#live .aside fieldset input::-moz-placeholder, #live .aside fieldset textarea::-moz-placeholder {
    color: #000;
    opacity: 100;
    filter: alpha(opacity=10000);
    -moz-opacity: 100
}

#live .aside fieldset input:-ms-input-placeholder, #live .aside fieldset textarea:-ms-input-placeholder {
    color: #000
}

#live .aside fieldset > div {
    position: relative
}

#live .aside fieldset > div span {
    position: absolute;
    bottom: 10px;
    right: 10px
}

#live .aside fieldset textarea {
    text-indent: 5px;
    resize: none;
    padding: 10px;
    min-height: 110px;
    margin-bottom: 5px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#live .aside fieldset button {
    font-size: 14px;
    text-transform: uppercase;
    height: 35px;
    line-height: 30px;
    text-align: center;
    display: block;
    width: 100%;
    border: 1px solid #bdc3c7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#live .aside fieldset button:hover {
    background-color: #228adf;
    color: #fff
}

#live .aside.disabled:after {
    position: absolute;
    left: -26px;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    background-color: rgba(218, 218, 218, 0.5);
    content: ''
}

#player_ctner {
    display: block;
    width: 100%
}

#player_ctner #player_ctnt {
    overflow: hidden;
    display: block
}

#player_ctner #player_ctnt figure {
    width: 70%;
    margin: 0 auto 10px
}

#player_ctner #player_ctnt > div {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

#player_ctner #player_ctnt #control {
    width: 56.33047%
}

#player_ctner #player_ctnt #main_playlist {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 400px;
    width: 43.66953%;
    padding: 0 0 10px 20px;
    border-left: solid 1px #dadada
}

#player_ctner #player_ctnt #main_playlist > p {
    margin-bottom: 30px;
    font-size: 15px;
    text-transform: uppercase;
    color: #858383
}

#player_ctner #player_ctnt #main_playlist #replay-pane {
    height: 410px
}

#player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li {
    font-size: 14px;
    color: #858383;
    line-height: 23px
}

#player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li a {
    color: #858383
}

#player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li.active {
    color: #228adf
}

#player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li.active a {
    color: #228adf
}

#player_ctner #player_ctnt #main_playlist #replay-pane #replaylist li:hover a {
    color: #228adf
}

#nav_btn ul {
    text-align: center
}

#nav_btn ul#btns li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#nav_btn ul#btns li a > span {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

#nav_btn ul#btns li#play span {
    height: 76px;
    width: 76px;
    padding-left: 10px;
    border: 2px solid #228adf;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    font-size: 50px;
    line-height: 70px;
    color: #228adf
}

#nav_btn ul#btns li#play.pause span {
    padding: 0;
    position: relative;
    content: ''
}

#nav_btn ul#btns li#play.pause span:before, #nav_btn ul#btns li#play.pause span:after {
    content: '';
    display: block;
    width: 8px;
    height: 32px;
    background-color: #228adf;
    top: 50%;
    margin-top: -16px;
    left: 25px;
    border: 0 solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#nav_btn ul#btns li#play.pause span:after {
    left: 39px
}

#nav_btn ul#btns li#play.pause:hover span {
    background-color: #228adf
}

#nav_btn ul#btns li#play.pause:hover span:before, #nav_btn ul#btns li#play.pause:hover span:after {
    background-color: #fff
}

#nav_btn ul#btns li#play:hover span {
    color: #fff;
    background-color: #228adf
}

#nav_btn ul#btns li#rewind, #nav_btn ul#btns li#forward {
    text-align: center
}

#nav_btn ul#btns li#rewind span, #nav_btn ul#btns li#forward span {
    height: 46px;
    width: 46px;
    color: #228adf;
    border: 2px solid #228adf;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    line-height: 42px;
    font-size: 26px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#nav_btn ul#btns li#rewind:hover a:not(.disabled) span, #nav_btn ul#btns li#forward:hover a:not(.disabled) span {
    color: #fff;
    background-color: #228adf
}

#nav_btn ul#btns li#rewind a.disabled, #nav_btn ul#btns li#forward a.disabled {
    cursor: default;
    pointer-events: none
}

#nav_btn ul#btns li#rewind a.disabled span, #nav_btn ul#btns li#forward a.disabled span {
    color: #dadada;
    opacity: 50;
    filter: alpha(opacity=5000);
    -moz-opacity: 50;
    border-color: rgba(218, 218, 218, 0.5)
}

#nav_btn ul#btns li#rewind {
    margin: 0 10px 0 30px
}

#nav_btn ul#btns li#forward {
    margin-right: 35px
}

#nav_btn ul#btns li#forward span {
    padding-left: 4px
}

#timelineContainer {
    display: block;
    height: 20px;
    margin: 25px auto 10px;
    text-align: center
}

#timelineContainer > span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 15px;
    color: #228adf
}

#timelineContainer #timeline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 350px;
    height: 10px;
    background-color: #dadada;
    position: relative;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    margin: 0 18px
}

#timelineContainer #timeline .ui-slider-range {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #228adf
}

#timelineContainer #timeline a.ui-slider-handle {
    position: absolute;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    top: -3px;
    margin-left: -5px;
    background-color: #005ca7;
    border: 0 solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#progressbar_ctnter {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 350px;
    height: 10px;
    background-color: #dadada;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    margin: 0 18px
}

#progressbar_ctnter #progressbar_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #228adf
}

#progressbar_ctnter #progressbar_cursor {
    position: absolute;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    top: -3px;
    margin-left: -5px;
    background-color: #005ca7;
    border: 0 solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    cursor: pointer
}

#progressbar_ctnter #progressbar_cursor span {
    position: absolute;
    top: -12px;
    left: 0
}

.soundWrapper {
    position: relative;
    padding-right: 45px
}

.soundWrapper > span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: left;
    color: #a7a7a7;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.soundWrapper > span:hover {
    color: #228adf
}

#soundControl {
    width: 110px;
    height: 10px;
    background-color: #dadada;
    position: relative;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#soundControl .ui-slider-range {
    background-color: #a7a7a7;
    height: 10px;
    border: 0 solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute
}

#soundControl .ui-slider-handle {
    position: absolute;
    top: -3px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-left: -5px;
    background-color: #fff;
    border: 2px solid #a7a7a7;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    outline: none !important;
    cursor: pointer
}

body > h1 {
    position: absolute;
    bottom: 105px;
    left: 50%;
    display: block;
    width: 980px;
    margin-left: -490px;
    text-align: center;
    font-size: 15px;
    color: #858383;
    z-index: 9000
}

#news {
    z-index: 1
}

#news > div.full {
    position: absolute
}

#news > div.full > p {
    position: relative;
    z-index: 1;
    height: 45px;
    padding-left: 15px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px
}

#news > div.full:before {
    position: absolute;
    left: 0;
    right: 26px;
    top: 0;
    z-index: 0;
    content: '';
    display: block;
    height: 100%;
    background-color: #000
}

#news .buttonWrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 26px;
    width: 100%
}

#article {
    padding-bottom: 30px
}

#article .container .inner {
    padding-right: 326px
}

#article .container .inner .main {
    position: relative;
    padding: 0;
    margin-right: 0;
    background-color: #fff
}

#article .main > div {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 218px
}

#article .main > div.uncropped {
    margin-right: 0
}

#article header {
    padding: 26px 0 0 20px;
    position: relative
}

#article header p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#article header p.category {
    font-size: 12px;
    color: #e74c3c;
    margin: 0;
    text-transform: uppercase
}

#article header .share {
    float: left;
    width: 50%;
    text-align: right
}

#article header .share li {
    margin-left: 8.17757%
}

#article header nav.nav {
    position: absolute;
    display: block;
    width: 198px;
    right: 0;
    top: 0
}

#article header nav.nav ul {
    display: block;
    border-bottom: solid 1px #dadada
}

#article header nav.nav ul li {
    float: left;
    line-height: 32px;
    height: 33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-left: solid 1px #dadada;
    padding-right: 23px;
    text-align: right;
    font-size: 12px;
    color: #228adf;
    position: relative;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    z-index: 1;
    cursor: pointer
}

#article header nav.nav ul li:before {
    content: '';
    display: block;
    height: 100%;
    width: 0;
    right: 0;
    top: 0;
    position: absolute;
    background-color: #1688e1;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    z-index: 0
}

#article header nav.nav ul li span.icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    vertical-align: top
}

#article header nav.nav ul li span:first-child {
    position: absolute;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    padding-right: 23px;
    text-align: right
}

#article header nav.nav ul li:first-child {
    padding-right: 0;
    padding-left: 23px;
    text-align: left
}

#article header nav.nav ul li:first-child:before {
    right: auto;
    left: 0
}

#article header nav.nav ul li:first-child span.icon {
    left: 0
}

#article header nav.nav ul li:first-child span:first-child {
    left: 23px;
    text-align: left
}

#article .relatedArticles {
    background-color: #fff;
    display: block;
    padding-bottom: 30px
}

#article .relatedArticles.uncropped {
    margin-right: 0
}

#article .relatedArticles > p {
    font-size: 20px;
    padding: 20px
}

#article .relatedArticles > a, #article .relatedArticles > span {
    font-size: 14px;
    color: #228adf;
    text-align: right;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}

#article .relatedArticles ul {
    display: block
}

#article .relatedArticles ul li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%
}

#article .relatedArticles ul li:before, #article .relatedArticles ul li:after {
    content: '';
    display: table
}

#article .relatedArticles ul li:after {
    clear: both
}

#article .relatedArticles ul li:last-child {
    margin-right: 0%
}

#article .relatedArticles ul li.last {
    margin-right: 0
}

#article .relatedArticles ul li article .description {
    padding: 20px 10px
}

#article .relatedArticles ul li article .description p span {
    display: block;
    margin-bottom: 8px
}

#article .articleOptions {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-left: 10px;
    background-color: #fff
}

#article .articleOptions:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 1px;
    background-color: #dadada;
    content: ''
}

#article .articleOptions.uncropped {
    padding-right: 20px
}

#article .articleOptions.uncropped:before {
    right: 0
}

#article .articleOptions > div {
    display: block
}

#article .articleOptions .buttonContainer {
    float: left;
    display: block;
    line-height: 80px;
    width: 200px
}

#article .articleOptions .buttonContainer p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 45px;
    background-color: #228adf;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 197px;
    padding: 0 54px 0 20px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#article .articleOptions .buttonContainer p > span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 100%;
    background-color: #005ca7;
    text-align: center;
    font-size: 30px
}

#article .articleOptions .buttonContainer p .icon {
    vertical-align: top
}

#article .articleOptions ul.share {
    float: right
}

#article .articleOptions nav {
    padding: 50px 0 70px
}

#article .articleOptions nav ul {
    display: block
}

#article .articleOptions nav li {
    float: right;
    width: 45%;
    height: 80px;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 35px 0 15px;
    position: relative;
    font-size: 18px;
    cursor: pointer;
    line-height: 80px
}

#article .articleOptions nav li .icon {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 35px;
    text-align: right;
    font-size: 30px;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    z-index: 1
}

#article .articleOptions nav li a, #article .articleOptions nav li ._NOL {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: normal;
    position: relative;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#article .articleOptions nav li:before {
    content: '';
    display: block;
    height: 100%;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #228adf;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    z-index: 0
}

#article .articleOptions nav li:first-child {
    padding: 0 15px 0 35px;
    text-align: left;
    float: left
}

#article .articleOptions nav li:first-child:before {
    left: 0;
    right: auto
}

#article .articleOptions nav li:first-child .icon {
    right: auto;
    left: 0;
    text-align: left
}

#article #options {
    float: right;
    display: block;
    height: 32px;
    overflow: hidden
}

#article #options li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 15px;
    height: 33px;
    color: #858383;
    font-size: 22px
}

#article #options li:first-child {
    margin-left: 0
}

#article #options li span {
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#article #options li span.disabled {
    opacity: 60;
    filter: alpha(opacity=6000);
    -moz-opacity: 60
}

#article #options .icon {
    vertical-align: top;
    height: 33px
}

#mainArticle {
    position: relative;
    display: block;
    padding: 0 0 20px 20px;
    background-color: #fff
}

#mainArticle > *:not(.articleBody) {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 198px
}

#mainArticle > *:not(.articleBody).uncropped {
    margin-right: 0
}

#mainArticle .articleBody > * {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 198px
}

#mainArticle .articleBody > *.uncropped {
    margin-right: 0px
}

#mainArticle .articleBody .social {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12px 0 12px 20px;
    margin-left: -20px;
    border-bottom: solid 1px #dadada
}

#mainArticle .articleBody .social figure {
    width: 50%;
    float: left;
    height: 80px;
    line-height: 80px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 110px
}

#mainArticle .articleBody .social figure img {
    width: 80px;
    height: 80px;
    border: 0 solid #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    left: 20px;
    top: 0
}

#mainArticle .articleBody .social figure figcaption {
    line-height: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: none;
    padding: 0
}

#mainArticle .articleBody .social figure figcaption p {
    padding-left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    text-align: left
}

#mainArticle .articleBody .social figure figcaption p a, #mainArticle .articleBody .social figure figcaption p span {
    color: #858383
}

#mainArticle .articleBody .social figure figcaption ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 18px;
    cursor: pointer
}

#mainArticle .articleBody .social figure figcaption ul li:first-child {
    margin-left: 0
}

#mainArticle .articleBody .social .program {
    float: right
}

#mainArticle .articleBody .social .share {
    float: right;
    width: 50%;
    text-align: right;
    line-height: 80px
}

#mainArticle .articleBody .social .share li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 8.17757%
}

#mainArticle .articleBody .social .share li:first-child {
    margin-left: 0
}

#mainArticle h1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 35px;
    line-height: 40px;
    margin-top: 5px;
    margin-bottom: 10px
}

#mainArticle > p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 22px;
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    margin-right: 20px
}

#mainArticle > p span.publisher, #mainArticle > p span.author {
    width: 0;
    display: none
}

#mainArticle .articleInfos {
    margin-left: -20px;
    margin-right: 218px;
    height: 33px;
    font-size: 12px;
    border-top: solid 1px #dadada
}

#mainArticle .articleInfos p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 33px;
    height: 33px;
    margin: 0;
    padding-left: 20px;
    font-size: 13px
}

#mainArticle .articleInfos ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 33px;
    height: 33px
}

#mainArticle .articleInfos li {
    -webkit-user-select: none
}

#mainArticle .articleInfos li span {
    cursor: pointer;
    -webkit-user-select: none
}

#mainArticle .articleInfos .tags li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 40px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#mainArticle .articleInfos .tags li:first-child {
    margin-left: 15px
}

#mainArticle .articleInfos .tags li a, #mainArticle .articleInfos .tags li span {
    color: #858383
}

#mainArticle .articleBody {
    padding-right: 20px
}

#mainArticle .articleBody figure:first-child {
    margin-left: -20px;
    margin-top: 0
}

#mainArticle .articleBody figure figcaption {
    background-color: #f3f3f3;
    font-size: 10px;
    line-height: 25px;
    padding-left: 20px
}

#mainArticle .articleBody .visual .legend {
    padding: 0 10px
}

#mainArticle .articleBody > figure {
    margin-top: 25px
}

#mainArticle .articleBody > div.highlight {
    background-color: #f0f0f0;
    padding: 20px;
    margin-top: 20px
}

#mainArticle .articleBody > div.highlight > * {
    margin-top: 20px
}

#mainArticle .articleBody > div.highlight > *:first-child {
    margin-top: 0
}

#mainArticle .articleBody > div.highlight p {
    margin-right: 0
}

#mainArticle .articleBody > div.highlight ul.list li {
    padding-left: 50px
}

#mainArticle .articleBody > div.highlight ul.list li:before {
    left: 14px
}

#mainArticle .articleBody > div.highlight ul.list.numbers li span {
    left: -18px
}

#mainArticle .articleBody > div.withImg figure {
    width: auto;
    margin: 5px 30px 24px 0;
    position: relative;
    padding-bottom: 25px;
    float: left
}

#mainArticle .articleBody > div.withImg figure img {
    width: auto
}

#mainArticle .articleBody > div.withImg figure figcaption {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 10px
}

#mainArticle .articleBody > div.withImg p {
    margin-top: 0
}

#mainArticle .articleBody > div.iframeContainer, #mainArticle .articleBody > div.tweetContainer {
    margin-top: 25px;
    margin-bottom: 25px
}

#mainArticle .articleBody > div.iframeContainer iframe, #mainArticle .articleBody > div.iframeContainer object, #mainArticle .articleBody > div.iframeContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-right: 218px
}

#mainArticle .articleBody > div.iframeContainer.uncropped iframe, #mainArticle .articleBody > div.iframeContainer.uncropped object, #mainArticle .articleBody > div.iframeContainer.uncropped embed {
    padding-right: 0
}

#mainArticle .articleBody .quotes {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
}

#mainArticle .articleBody .quotes p:first-child {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    margin: 0 0 20px
}

#mainArticle .articleBody .quotes p:first-child:before, #mainArticle .articleBody .quotes p:first-child:after {
    content: '';
    display: block;
    position: absolute;
    width: 55px;
    height: 1px;
    background-color: #dadada;
    top: 50%
}

#mainArticle .articleBody .quotes p:first-child:after {
    left: 100%
}

#mainArticle .articleBody .quotes p:first-child:before {
    right: 100%
}

#mainArticle .articleBody .quotes .source {
    position: relative;
    left: auto;
    bottom: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 150px;
    font-size: 15px;
    color: #000
}

#mainArticle .articleBody .quotes blockquote {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 150px 15px;
    padding-bottom: 15px;
    font-size: 27px;
    line-height: 35px;
    position: relative;
    text-align: left
}

#mainArticle .articleBody .quotes blockquote:before, #mainArticle .articleBody .quotes blockquote:after {
    display: block;
    position: absolute;
    font-size: 45px;
    width: 40px;
    height: 40px
}

#mainArticle .articleBody .quotes blockquote:before {
    content: '‘‘';
    left: -40px;
    top: 0
}

#mainArticle .articleBody .quotes blockquote:after {
    content: '’’';
    right: -40px;
    bottom: -35px
}

#mainArticle .articleBody h2 {
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 25px
}

#mainArticle .articleBody p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    text-align: justify
}

#mainArticle .articleBody p.intertitre {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 30px
}

#mainArticle .articleBody p a {
    color: #228adf;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#mainArticle .articleBody p.highlight {
    background-color: #f0f0f0;
    padding: 20px
}

#mainArticle .articleBody p.highlight span {
    display: block
}

#mainArticle .articleBody p.highlight.ref {
    padding: 12px 20px 12px 70px;
    position: relative;
    line-height: 25px;
    overflow: hidden
}

#mainArticle .articleBody p.highlight.ref:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 100%;
    background-color: #d0d0d0;
    content: '';
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#mainArticle .articleBody p.highlight.ref.europe1:after {
    position: absolute;
    background-image: url("./europe1front/images/sprite.png");
    background-repeat: no-repeat;
    background-position: -280px 0;
    width: 27px;
    height: 27px;
    display: block;
    left: 13px;
    top: 50%;
    margin-top: -13px;
    content: ''
}

#mainArticle .articleBody p.highlight.ref.lelab:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    content: 'L';
    font-size: 40px;
    vertical-align: middle;
    line-height: 50px;
    color: #fff;
    text-align: center
}

#mainArticle .articleBody p.legend {
    padding: 0;
    margin-top: 0;
    background-color: #f3f3f3
}

#mainArticle .articleBody iframe {
    display: block
}

#mainArticle .articleBody iframe.twitter-tweet, #mainArticle .articleBody iframe.twitter-tweet-rendered {
    margin: 0 auto 30px !important
}

#mainArticle .articleBody iframe.video {
    margin: 0 auto 50px
}

#mainArticle .articleBody ul.list {
    font-size: 16px;
    margin-top: 20px
}

#mainArticle .articleBody ul.list li {
    padding-left: 70px;
    position: relative;
    display: block;
    line-height: 20px;
    margin-top: 12px
}

#mainArticle .articleBody ul.list li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 0 solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    background-color: #000;
    position: absolute;
    left: 34px;
    top: 7px
}

#mainArticle .articleBody ul.list li:first-child {
    margin-top: 0
}

#mainArticle .articleBody ul.list.numbers li {
    padding: 0 0 0 70px
}

#mainArticle .articleBody ul.list.numbers li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 10px;
    width: 60px;
    text-align: right;
    font-size: 25px;
    color: #858383;
    position: absolute;
    left: 2px;
    top: -2px
}

#mainArticle .articleBody ul.list.numbers li:before {
    display: none;
    visibility: hidden
}

#mainArticle .articleBody.bigger ul.list li:before {
    top: 12px
}

#mainArticle .articleBody.max ul.list li:before {
    top: 15px
}

#mainArticle .articleBody .photo-right {
    float: right;
    margin-left: 25px
}

#mainArticle .articleBody .photo-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#mainArticle .articleBody .photo-left {
    margin-top: 15px;
    margin-right: 15px;
    float: left
}

#mainArticle .articleBody .literal iframe, #mainArticle .articleBody .literal object {
    margin: 10px auto
}

#mainArticle.replay .articleBody .videoBox {
    margin-left: -20px
}

#mainArticle.replay .articleBody .social .share {
    padding-top: 10px;
    line-height: 36px
}

html.no-touch #article header nav.nav ul li:hover {
    color: #fff !important
}

html.no-touch #article header nav.nav ul li:hover:before {
    width: 100%
}

html.no-touch #article .articleOptions .buttonContainer p:hover {
    padding-right: 20px;
    text-align: center
}

html.no-touch #article .articleOptions .buttonContainer p:hover > span {
    display: none
}

html.no-touch #article .articleOptions nav li:hover .icon {
    right: 10px;
    color: #fff
}

html.no-touch #article .articleOptions nav li:hover a, html.no-touch #article .articleOptions nav li:hover ._NOL {
    color: #fff
}

html.no-touch #article .articleOptions nav li:hover:before {
    width: 100%
}

html.no-touch #article .articleOptions nav li:first-child:hover .icon {
    right: auto;
    left: 10px
}

html.no-touch #mainArticle .articleInfos .tags li:hover a, html.no-touch #mainArticle .articleInfos .tags li:hover span {
    color: #1688e1
}

html.no-touch #mainArticle .articleInfos #options li span:hover {
    color: #228adf
}

html.no-touch #mainArticle .articleBody p a:hover {
    text-decoration: underline
}

html.no-touch #mainArticle .articleBody p.highlight {
    background-color: #f0f0f0;
    padding: 20px
}

html.no-touch #mainArticle .articleBody p.highlight.ref:hover:before {
    background-color: #1688e1
}

._NOL {
    cursor: pointer
}

article figure {
    position: relative;
    overflow: hidden
}

article .description {
    display: block;
    background-color: #fff;
    position: relative;
    height: 100px;
    padding: 20px
}

article .description .infos {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #858383
}

article .description .infos span {
    color: #f6343f
}

article .description.full {
    height: 130px
}

article .linkmore {
    height: 126px;
    background: #fff;
    padding: 20px 20px 0 20px
}

article .linkmore li {
    position: relative;
    line-height: 16px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding-left: 16px;
    margin: 0 20px 20px 0
}

article .linkmore.full {
    float: left;
    height: 146px
}

article .linkmore.full li {
    float: left;
    width: 42%
}

article .linkmore li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 5px;
    height: 5px;
    border: 2px solid #858383;
    border-radius: 50%;
    content: ""
}

@media all and (max-width: 60.0525em) {
    article .linkmore.full {
        height: auto
    }

    article .linkmore.full li {
        width: 100%
    }
}

article .title {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 22px;
    position: relative;
    overflow: hidden
}

article.exclu .title {
    font-size: 28px;
    line-height: 30px
}

article .source {
    position: absolute;
    left: 20px;
    bottom: 10px;
    font-size: 12px;
    color: #858383
}

article.slider .content, article.video .content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5)
}

article.slider .content span.icon, article.video .content span.icon {
    text-align: center
}

article.lelab figure {
    position: relative
}

article.lelab .content {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 30px;
    color: #000 !important;
    background-color: #ffcc06 !important;
    z-index: 1;
    content: 'L'
}

article.video figure .icon {
    line-height: 32px;
    font-size: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 4px;
    height: 32px;
    width: 30px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    -ms-border-radius: 18px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

article.question form {
    background-color: #228adf;
    font-size: 14px;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 20px 20px 35px;
    position: relative
}

article.question form p {
    font-size: 20px;
    line-height: 22px
}

article.question form p span {
    color: #000;
    display: block;
    font-size: 10px;
    text-transform: uppercase
}

article.question form ul {
    margin-top: 30px
}

article.question form li {
    margin-top: 12px
}

article.question form li:first-child {
    margin-top: 0
}

article.question form .answer {
    padding-left: 58px;
    min-height: 20px;
    line-height: 20px;
    text-transform: uppercase
}

article.question form .answer:before {
    left: 20px;
    top: 0;
    width: 18px;
    height: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    behavior: url('./europe1front/js/src/PIE.htc')
}

article.question form .answer:after {
    left: 26px;
    top: 6px
}

article.question form button {
    position: absolute;
    left: 0;
    bottom: 0
}

article.sponsor .description {
    background-color: #f5f2d3
}

article.sponsor .description .infos span {
    color: #dba634
}

article.sponsor .description .source span {
    color: #000
}

article.sponsor .description .title:before, article.sponsor .description .title:after {
    background-color: #f5f2d3
}

article.full .description {
    margin-bottom: 0 !important
}

article.xsmall .description {
    display: block;
    height: 40px;
    padding: 10px
}

article.xsmall p {
    font-size: 14px
}

article.xsmall .title {
    font-size: 14px;
    overflow: hidden
}

article.full .title, article.large .title, article.small .title {
    max-height: 68px;
    overflow: hidden
}

article.large figure ._NOL, article.small figure ._NOL {
    display: block;
    max-height: 100%
}

article:not(#mainArticle) figure img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

article:not(#mainArticle) figure span.category {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    padding: 0 10px;
    background-color: #f6343f;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    z-index: 1
}

article:not(#mainArticle) figure span.content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    -webkit-transition: all ease 2100ms 0s;
    -moz-transition: all ease 2100ms 0s;
    -ms-transition: all ease 2100ms 0s;
    -o-transition: all ease 2100ms 0s;
    transition: all ease 2100ms 0s
}

article:not(#mainArticle) figcaption {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    zoom: 1;
    -webkit-transition: all ease 500ms 300ms;
    -moz-transition: all ease 500ms 300ms;
    -ms-transition: all ease 500ms 300ms;
    -o-transition: all ease 500ms 300ms;
    transition: all ease 500ms 300ms;
    overflow: hidden
}

article:not(#mainArticle) figcaption .icon {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -15px
}

article:not(#mainArticle) figcaption p {
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    display: block;
    padding: 10px;
    text-align: left;
    bottom: 10px;
    line-height: 16px;
    color: #fff;
    -webkit-transition: all ease 0.2s 0.2s;
    -moz-transition: all ease 0.2s 0.2s;
    -ms-transition: all ease 0.2s 0.2s;
    -o-transition: all ease 0.2s 0.2s;
    transition: all ease 0.2s 0.2s
}

article:not(#mainArticle) > div {
    cursor: pointer;
    position: relative
}

article:not(#mainArticle).read > div:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(218, 218, 218, 0.4);
    z-index: 10
}

#news {
    z-index: 1
}

#news .full article {
    position: relative;
    margin-bottom: 0;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 30.66667%;
    margin-left: 0%;
    margin-right: 4%
}

#news .full article:before, #news .full article:after {
    content: '';
    display: table
}

#news .full article:after {
    clear: both
}

#news .full article:last-child {
    margin-right: 0%
}

#news .full article .description {
    height: 70px;
    padding: 10px;
    background-color: #000
}

#news .full article .source {
    position: relative;
    left: 0;
    bottom: auto;
    display: block;
    margin-bottom: 3px;
    font-size: 9px;
    line-height: 15px;
    color: #858383;
    text-transform: uppercase
}

#news .full article .title {
    position: relative;
    max-height: 50px;
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    overflow: hidden
}

#news .full article.last, #news .full article:last-child {
    float: right;
    margin-right: 0
}

#news .full .read:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(218, 218, 218, 0.4);
    content: ''
}

html.no-touch article:not(#mainArticle) > div:hover figure img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

html.no-touch article:not(#mainArticle) > div:hover figure span.content {
    bottom: -150px
}

html.no-touch article:not(#mainArticle) > div:hover figure figcaption {
    top: 0
}

#comments {
    display: block;
    margin-top: 30px;
    width: 626px;
    background-color: transparent
}

#comments .comment {
    position: relative;
    margin-top: 20px;
    background-color: #fff;
    padding: 15px
}

#comments .comment:first-child {
    margin-top: 0
}

#comments .comment figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border: solid 1px #ccc
}

#comments .comment button {
    float: right;
    width: 90px;
    height: 30px;
    margin-top: 16px;
    line-height: 27px;
    color: #fff;
    font-size: 13px;
    background-color: #888888
}

#comments .comment form > p {
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: solid 1px #dadada
}

#comments .comment form > p > span {
    float: right;
    font-size: 18px
}

#comments .comment form > p > span span {
    color: #228adf
}

#comments .comment > p {
    padding-left: 69px;
    font-size: 15px;
    color: #888888;
    margin-bottom: 10px
}

#comments .comment > p b {
    color: #000
}

#comments .comment > p.moderate {
    font-size: 12px;
    line-height: 20px;
    color: #f6343f
}

#comments .comment > p.moderate b {
    color: #f6343f
}

#comments .comment .wrapper {
    padding-left: 69px;
    display: block
}

#comments .comment .wrapper figure {
    top: 45px;
    left: 15px
}

#comments .comment .wrapper p {
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    color: #919191;
    padding: 20px;
    line-height: 20px
}

#comments .comment .wrapper p span {
    display: block;
    color: #000
}

#comments .comment .la_front_to_delete {
    margin-top: 50px
}

#comments .comment .la_front_to_delete figure {
    top: 0
}

#comments .comment .la_front_to_delete div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 85%;
    margin-left: 15px
}

#comments .comment .la_front_to_delete p {
    padding: 8px 0 10px;
    margin-bottom: 0;
    border: none;
    font-size: 12px;
    line-height: 16px;
    color: #000
}

#comments .comment .la_front_to_delete p span.link {
    color: #55acee;
    font-size: 1.1rem
}

#comments .comment.answer {
    margin: 10px 0 0 15px
}

#comments .comment.answer .wrapper figure {
    left: 15px
}

#comments .form fieldset {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 17px;
    padding-left: 69px
}

#comments .form fieldset label {
    display: none;
    visibility: hidden
}

#comments .form fieldset p {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 100px 0 10px;
    font-size: 12px;
    line-height: 16px
}

#comments .form fieldset p > span {
    font-size: 11px;
    color: #228adf;
    cursor: pointer
}

#comments .form fieldset p > span .icon {
    color: #dadada
}

#comments .form fieldset div p {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    padding: 0;
    margin: 0 0 12px;
    line-height: 14px
}

#comments .form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 12px 20px;
    height: 52px;
    border: solid 1px #ccc;
    font-size: 16px;
    resize: none;
    line-height: 18px !important;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#comments .form button {
    width: 85px;
    height: 30px;
    display: block;
    background-color: #228adf;
    color: #fff;
    float: right;
    margin-top: 15px
}

#comments .connect {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 75%;
    margin-left: 0%;
    margin-right: 0%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px
}

#comments .connect:before, #comments .connect:after {
    content: '';
    display: table
}

#comments .connect:after {
    clear: both
}

#comments .connect:last-child {
    margin-right: 0%
}

#comments .connect li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 10px
}

#comments .connect li span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: background-color ease 0.3s 0s;
    -moz-transition: background-color ease 0.3s 0s;
    -ms-transition: background-color ease 0.3s 0s;
    -o-transition: background-color ease 0.3s 0s;
    transition: background-color ease 0.3s 0s
}

#comments .connect li span:first-child {
    margin-left: 0
}

#comments .connect .icon-europe1 {
    background-color: #228adf
}

#comments .connect .icon-facebook {
    background-color: #3b5998
}

#comments .connect .icon-twitter {
    background-color: #55acee
}

#comments .connect .icon-gplus {
    background-color: #dd4b39
}

#comments > a {
    margin-top: 20px
}

.no-touch #comments .comment button:hover {
    background-color: #228adf
}

.no-touch #comments .form button:hover {
    background-color: #858383
}

.no-touch #comments .connect li:hover .icon-europe1 {
    background-color: #fff;
    color: #228adf
}

.no-touch #comments .connect li:hover .icon-facebook {
    background-color: #fff;
    color: #3b5998
}

.no-touch #comments .connect li:hover .icon-twitter {
    background-color: #fff;
    color: #55acee
}

.no-touch #comments .connect li:hover .icon-gplus {
    background-color: #fff;
    color: #dd4b39
}

#highlight .container > p {
    text-align: center;
    font-size: 25px;
    line-height: 45px;
    margin-bottom: 30px
}

#highlight .container > ul {
    display: block;
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important
}

#highlight .container > ul li {
    float: left;
    display: block;
    min-height: 200px;
    width: 23.5% !important;
    margin-right: 2% !important;
    padding: 0;
    background-color: #fff
}

#highlight .container > ul .last {
    margin-right: 0 !important
}

#highlight .container > ul .large {
    width: 32% !important;
    margin-right: 2% !important
}

#highlight .container > ul .large.third {
    margin-right: 0 !important
}

#highlight article figure img {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

#highlight article .description {
    height: 80px;
    padding-bottom: 10px
}

section.live .inner > p.title {
    font-size: 20px;
    background-color: #fff;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 26px 20px 0;
    padding-left: 30px;
    height: 50px;
    line-height: 50px
}

section.alert {
    margin: 35px auto 20px
}

section.alert .inner {
    border: solid 2px #da1a3f;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 20px 25px 148px;
    position: relative
}

section.alert .inner:after {
    content: '';
    display: block;
    width: 150px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #da1a3f;
    z-index: 0
}

section.alert .inner > span {
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
    height: 70px;
    width: 148px;
    background-color: #da1a3f;
    color: #fff;
    text-transform: uppercase;
    line-height: 70px;
    text-align: center;
    z-index: 1
}

section.alert .inner p {
    padding-left: 20px;
    font-size: 20px;
    line-height: 24px
}

section.alert .inner p a {
    color: #000
}

section.alert .inner p span {
    cursor: pointer
}

section.alert .inner p span:hover {
    text-decoration: underline
}

.twoCol .list {
    padding: 0
}

.twoCol .list > span.link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 20px;
    color: #228adf;
    text-transform: uppercase;
    margin: 50px 20px 30px
}

.twoCol .list h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 20px;
    color: #228adf;
    text-transform: uppercase;
    margin: 50px 20px 30px
}

.twoCol .list .handbookContainer {
    position: relative
}

.twoCol .list nav.pagination {
    position: relative;
    padding: 15px 0;
    border-top: solid 1px #dadada
}

.twoCol .main .header {
    display: block;
    position: relative;
    padding: 20px 20px 12px;
    border-bottom: solid 1px #dadada;
    margin-bottom: 40px;
    overflow: visible
}

.twoCol .main .header > p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px
}

.twoCol .main .header > p.title {
    font-size: 35px;
    margin: 20px 0 10px;
    line-height: 37px
}

.twoCol .main .header > p.title small {
    display: block;
    font-size: 15px;
    color: #858383;
    margin-top: 5px;
    line-height: 15px
}

.twoCol .main .header > p.small {
    display: block;
    font-size: 15px;
    color: #858383;
    margin-top: 5px;
    line-height: 15px;
    margin-bottom: 15px
}

.twoCol .main .header h1.title {
    font-size: 14px;
    font-size: 35px;
    margin: 20px 0 10px;
    line-height: 37px
}

.twoCol .main .header h2 {
    font-size: 15px;
    color: #858383;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 15px
}

.twoCol .main .header small {
    font-size: 15px;
    color: #858383
}

.twoCol .main p.subTitle, .twoCol .main h1.subTitle {
    font-size: 14px;
    text-transform: none;
    color: #228ADF
}

.twoCol .main.archives {
    padding: 0 0 100px
}

.twoCol .main.archives h2.subTitle {
    margin: 20px 0 15px 20px;
    font-size: 20px;
    color: #228adf;
    text-transform: uppercase
}

.twoCol .main.archives .header {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.twoCol .main.archives .header p.title {
    margin-bottom: 40px
}

.twoCol .main.archives .header p.subTitle {
    margin-bottom: 0;
    font-size: 20px
}

.twoCol .main.archives > p.subTitle {
    margin: 20px 0 15px 20px
}

.twoCol .main.mentions {
    padding: 0
}

.twoCol .main.mentions header {
    padding-bottom: 60px
}

.twoCol .main.mentions > div {
    padding: 0 20px 30px
}

.twoCol .main.mentions > div h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #228adf;
    margin-top: 30px
}

.twoCol .main.mentions > div p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px
}

.twoCol .main.mentions > div p strong {
    display: block;
    text-transform: uppercase
}

.twoCol .main.flux {
    padding: 0 0 100px
}

.twoCol .main.flux header {
    padding-bottom: 60px
}

.twoCol .main.flux ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px
}

.twoCol .main.flux ul li {
    margin-bottom: 45px
}

.twoCol .main.flux ul li div {
    background-color: #228adf;
    height: 35px;
    line-height: 35px;
    position: relative
}

.twoCol .main.flux ul li div p.title {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 20px
}

.twoCol .main.flux ul li div span {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -14px;
    color: #228adf
}

.twoCol .main.flux ul li div span:hover {
    color: #fff;
    background-color: #228adf
}

.twoCol .main.flux ul li > p {
    font-size: 14px;
    color: #000;
    padding-left: 20px;
    line-height: 20px;
    margin-top: 25px
}

.twoCol .main.music {
    padding: 0
}

.twoCol .main.music header {
    margin-bottom: 0
}

.twoCol .main.music header p#currentDate {
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    color: #228adf;
    margin: 30px 0 10px
}

.twoCol .main.music header form {
    margin: 25px 0 10px
}

.twoCol .main.music > ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 20px 60px;
    position: relative
}

.twoCol .main.music > ul:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dadada;
    position: absolute;
    left: 150px;
    top: 0
}

.twoCol .main.music > ul > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px;
    position: relative;
    margin-top: 30px
}

.twoCol .main.music > ul > li:first-child {
    margin-top: 0
}

.twoCol .main.music > ul > li time {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.twoCol .main.music > ul > li figure {
    display: block
}

.twoCol .main.music > ul > li figure img {
    width: 82px;
    border: 0 solid #fff;
    border-radius: 41px;
    -webkit-border-radius: 41px;
    -moz-border-radius: 41px;
    -o-border-radius: 41px;
    -ms-border-radius: 41px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    float: left
}

.twoCol .main.music > ul > li figure figcaption {
    float: left;
    max-width: 80%
}

.twoCol .main.music > ul > li figure figcaption ul {
    padding-left: 25px
}

.twoCol .main.music > ul > li figure figcaption ul li {
    color: #858383;
    font-size: 12px;
    margin-top: 8px
}

.twoCol .main.music > ul > li figure figcaption ul li span {
    color: #000
}

.twoCol .main.music > ul > li figure figcaption ul li:first-child {
    font-size: 20px;
    color: #000;
    margin-top: 0
}

.twoCol .main.music > ul > li figure figcaption ul li:first-child span {
    color: #228adf
}

.twoCol .main.contacts {
    padding: 0 0 50px
}

.twoCol .main.contacts header {
    padding-bottom: 30px;
    min-height: 130px
}

.twoCol .main.contacts header form {
    padding-top: 15px
}

.twoCol .main.contacts header:first-child {
    margin-bottom: 0
}

.twoCol .main.contacts .subTitle {
    margin: 0 0 30px 20px
}

.twoCol .main.contacts > ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.twoCol .main.contacts > ul > li p {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    background-color: #228adf;
    position: relative;
    padding-left: 20px
}

.twoCol .main.contacts > ul > li p:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #228adf transparent transparent transparent;
    left: 40px
}

.twoCol .main.contacts > ul > li ul {
    margin: 28px 0 40px
}

.twoCol .main.contacts > ul > li ul li {
    font-size: 14px;
    line-height: 30px;
    position: relative;
    padding-left: 70px
}

.twoCol .main.contacts > ul > li ul li a {
    color: #228adf
}

.twoCol .main.contacts > ul > li ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #bdd9ef;
    border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    behavior: url('./europe1front/js/src/PIE.htc');
    left: 42px;
    top: 50%;
    margin-top: -7px
}

.twoCol .main.contacts > ul > li ul li:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #228adf;
    border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url('./europe1front/js/src/PIE.htc');
    left: 45px;
    top: 50%;
    margin-top: -4px
}

.twoCol .main.contacts form {
    padding: 0 20px
}

.twoCol .main.services {
    padding: 0 0 50px
}

.twoCol .main.services header {
    margin-bottom: 20px;
    padding-bottom: 30px
}

.twoCol .main.services ul li {
    margin-top: 30px;
    cursor: pointer
}

.twoCol .main.services ul li:first-child {
    margin-top: 0
}

.twoCol .main.services ul li:hover figure figcaption p.title {
    color: #228adf
}

.twoCol .main.services figure {
    padding-left: 326px;
    position: relative;
    min-height: 150px
}

.twoCol .main.services figure img {
    position: absolute;
    left: 0;
    width: 300px;
    height: auto
}

.twoCol .main.services figcaption {
    padding-top: 15px
}

.twoCol .main.services figcaption p {
    font-size: 14px
}

.twoCol .main.services figcaption p.title {
    font-size: 20px;
    margin-bottom: 40px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.twoCol .main.tutorial {
    padding: 0 0 150px
}

.twoCol .main.tutorial header {
    padding-bottom: 0;
    margin-bottom: 0
}

.twoCol .main.tutorial header ul {
    float: right;
    margin-top: -45px
}

.twoCol .main.tutorial > ul.program {
    float: right;
    margin-right: 20px
}

.twoCol .main.archivesS .header {
    margin-left: -20px
}

.twoCol .main.archivesS > .link {
    font-size: 15px;
    color: #228adf;
    text-decoration: underline
}

.twoCol .main.archivesS > .title {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px
}

.twoCol .main.archivesS .subTitle {
    margin-top: 50px;
    margin-bottom: 35px
}

.twoCol .main.archivesS > small {
    display: block;
    padding-right: 20px;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 60px
}

.twoCol .main.archivesS p.status {
    padding-right: 20px;
    font-size: 15px;
    line-height: 22px
}

.twoCol .main.archivesS p.status b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 20px;
    color: #000;
    text-transform: uppercase
}

.twoCol .main.archivesS p.status.error {
    color: #f6343f
}

.twoCol .main.archivesS p.status.error .icon {
    margin-left: 20px
}

.twoCol .main.archivesS p.status.error a {
    text-decoration: underline;
    color: #f6343f
}

.twoCol .main.archivesS p.status.success .icon {
    color: #00B18A
}

.twoCol .main.archivesS p.status.success .blue {
    color: #228adf
}

.twoCol .main.archivesS > ul {
    text-align: center;
    margin: 100px auto 50px
}

.twoCol .main.archivesS > ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 20px;
    position: relative
}

.twoCol .main.archivesS > ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    display: block;
    background-color: #e8e8e8;
    content: ''
}

.twoCol .main.archivesS > ul li:first-child:before {
    display: none
}

.twoCol .main.archivesS > ul li a {
    font-size: 15px;
    color: #858383;
    line-height: 40px;
    text-decoration: underline
}

.twoCol .main.archivesS form .trigger {
    font-size: 15px
}

.twoCol .main .grille {
    padding: 0 0 150px;
    font-size: 15px;
    line-height: 20px
}

.twoCol .main .grille .header h2 {
    margin: 20px 0 15px 0;
    font-size: 20px;
    line-height: 24px;
    color: #228adf;
    text-transform: uppercase;
    font-weight: bold
}

.twoCol .main .grille ul.program {
    float: right;
    margin-right: 20px
}

.twoCol .main .grille nav.breadcrumb {
    padding-left: 0;
    padding-top: 20px
}

.twoCol .main .grille header {
    margin-left: -20px;
    padding-bottom: 0;
    margin-bottom: 0
}

.twoCol .main .grille header ul {
    float: left;
    margin-top: 0
}

.twoCol .main .grille .header {
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 12px;
    margin-bottom: 40px
}

.twoCol .main .grille .header p:not(.title) {
    margin: 8px 0 20px;
    font-size: 14px;
    line-height: 20px
}

.twoCol .main .grille .header ul.program {
    float: right
}

.twoCol .main .webcams {
    padding: 0 0 100px;
    margin-left: -20px
}

.twoCol .main .webcams header {
    padding-top: 0;
    padding-bottom: 36px
}

#search header {
    overflow: visible
}

#search header .share li {
    margin-left: 8px
}

#search header .share li:first-child {
    margin-left: 0
}

#search header.program {
    margin-left: -20px
}

#search header.program figure {
    position: relative
}

#search header.program .breadcrumb {
    position: absolute;
    left: 20px;
    top: 20px
}

#search header.program .infos {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 100%;
    line-height: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 100px;
    color: #fff
}

#search header.program .infos a {
    color: #fff
}

#search header.program .infos p.infos {
    font-size: 15px;
    margin-bottom: 5px
}

#search header.program .infos h1 {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 37px
}

#search header.program .infos h2 {
    color: #fff;
    font-size: 14px;
    line-height: 19px
}

#search header.program .sponsor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 218px;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 45px;
    text-align: left;
    line-height: normal
}

#search header.program .sponsor:before {
    position: absolute;
    left: -1px;
    top: 1px;
    bottom: 20px;
    display: block;
    width: 1px;
    background-color: #fff;
    content: ''
}

#search header.program .sponsor p {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0 8px
}

#search header.program .sponsor img {
    margin: 0;
    display: block;
    width: auto;
    height: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative
}

#search header.program figcaption {
    position: absolute;
    bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 218px 20px 20px;
    min-height: 95px;
    width: 100%;
    line-height: 95px;
    background-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='rgba(0, 0, 0, 0.6)', EndColorStr='transparent');
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(transparent));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.6)')
}

#search header.program nav {
    margin-bottom: 0;
    line-height: 62px
}

#search header.program nav ul {
    margin-left: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#search header.program nav .share {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 62px
}

#search header.program nav .share li {
    margin-left: 8px
}

#search header.program nav .share li:first-child {
    margin-left: 0
}

#search header.regular {
    position: relative;
    min-height: 200px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45px 20px 20px 0;
    margin-top: 15px;
    overflow: hidden
}

#search header.regular .breadcrumb {
    margin-bottom: 26px
}

#search header.regular > div {
    position: relative;
    padding-left: 200px;
    min-height: 200px
}

#search header.regular > div h1 {
    font-size: 35px
}

#search header.regular > div h2 {
    font-size: 15px;
    color: #858383;
    margin-top: 4px
}

#search header.regular > div p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px
}

#search header.regular > div p.tags {
    margin-bottom: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px
}

#search header.regular > div figure {
    width: 174px;
    position: absolute;
    left: 0;
    top: 0
}

#search header.regular > div > div nav {
    line-height: 62px
}

#search header.regular > div > div nav ul {
    line-height: 62px
}

#search header.regular > div > div nav .program {
    margin-right: 15px
}

#search header.regular > div > div > ul {
    font-size: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 18px
}

#search header.regular > div > div > ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 30px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

#search header.regular > div > div > ul li a, #search header.regular > div > div > ul li span {
    color: #858383
}

#search header.regular > div > div > ul li:hover a, #search header.regular > div > div > ul li:hover span {
    color: #228adf
}

#search header.regular > div.hub {
    min-height: 150px;
    padding-bottom: 50px
}

#search header.regular > div.hub > div h2 {
    margin-bottom: 20px
}

#search header.regular > div.author figure {
    margin-top: 10px
}

#search header.regular > div.author figure img {
    border: 0 solid #fff;
    border-radius: 84px;
    -webkit-border-radius: 84px;
    -moz-border-radius: 84px;
    -o-border-radius: 84px;
    -ms-border-radius: 84px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc')
}

#search header.regular .noResult {
    padding-left: 0;
    min-height: 280px
}

#search header.regular .noResult p:first-child {
    font-size: 12px;
    text-transform: uppercase
}

#search header.regular .noResult .results {
    font-size: 20px;
    margin-top: 20px
}

#search header.regular .noResult .results span {
    color: #228adf
}

#search header.regular .isResult {
    padding-left: 0
}

#search header.regular .isResult > p:first-child {
    font-size: 12px;
    text-transform: uppercase
}

#search header.regular .isResult .results {
    font-size: 20px;
    margin-top: 5px
}

#search header.regular .isResult .results strong {
    font-size: 35px;
    display: block
}

#search header.regular .isResult .results > span {
    margin-top: 15px;
    display: block
}

#search header.regular .isResult .results > span span {
    color: #228adf
}

#search header.regular .isResult form p {
    margin-bottom: 0
}

#search header > p {
    font-size: 20px;
    margin-top: 20px
}

#search .main {
    padding-top: 0
}

#search .main .wrapper {
    margin-left: -20px;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;
    padding-bottom: 100px
}

#search article {
    margin: 10px 0 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 20px 10px 326px;
    position: relative;
    min-height: 170px;
    cursor: default
}

#search article.sponsor {
    background-color: #f5f2d3
}

#search article.sponsor .infos span {
    color: #dba634
}

#search article figure {
    width: 300px;
    position: absolute;
    left: 0;
    top: 10px
}

#search article figure span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    cursor: pointer
}

#search article ._NOL {
    max-height: 100%
}

#search article div p, #search article div > span {
    display: block;
    margin-top: 22px;
    font-size: 14px;
    line-height: 20px
}

#search article div p:first-child, #search article div > span:first-child {
    margin-top: 0;
    font-size: 10px;
    color: #858383;
    text-transform: uppercase
}

#search article div p.sponsor, #search article div > span.sponsor {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px
}

#search article div p.sponsor span, #search article div > span.sponsor span {
    color: #858383
}

#search article div > span {
    margin-top: 22px;
    display: block
}

#search article div .title {
    display: block;
    margin: 3px 0 0;
    font-size: 20px;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#search article div .title:hover {
    color: #228adf
}

.list ul.list {
    display: block;
    padding: 0 20px
}

.list ul.list li {
    float: left;
    margin-top: 10px;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 20%;
    margin-left: 0%;
    margin-right: 0%;
    min-height: 210px;
    text-align: center;
    cursor: pointer
}

.list ul.list li:before, .list ul.list li:after {
    content: '';
    display: table
}

.list ul.list li:after {
    clear: both
}

.list ul.list li:last-child {
    margin-right: 0%
}

.list ul.list li figure {
    display: block
}

.list ul.list li figure img {
    width: 72%;
    margin: 0 auto
}

.list ul.list li figcaption {
    margin: 15px auto 0;
    font-size: 16px;
    line-height: 18px;
    width: 90%;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.list ul.list li figcaption strong {
    text-transform: uppercase;
    display: block
}

.list ul.list li:hover figcaption {
    color: #228adf
}

.list ul.subList {
    margin: 0 0 30px 110px;
    padding-bottom: 60px
}

.list ul.subList ul {
    position: relative;
    margin-top: 50px
}

.list ul.subList ul > li {
    font-size: 20px;
    margin-bottom: 16px
}

.list ul.subList ul > li span, .list ul.subList ul > li a {
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    cursor: pointer
}

.list ul.subList ul > li:first-child {
    font-size: 35px;
    color: #858383;
    text-transform: uppercase;
    position: absolute;
    left: -50px;
    top: -14px
}

.list ul.subList ul > li:hover span, .list ul.subList ul > li:hover a {
    color: #228adf
}

.list ul.subList #archive-0-9 ul li:first-child {
    left: -60px
}

.list ul.subList.animateurs li span b {
    text-transform: uppercase
}

.list ul.programs li {
    min-height: 250px
}

.list ul.handbook {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 12px 20px;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada
}

.list ul.handbook li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 3.7037%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 22px;
    text-transform: uppercase;
    color: #858383;
    text-align: center
}

.list ul.handbook li:before, .list ul.handbook li:after {
    content: '';
    display: table
}

.list ul.handbook li:after {
    clear: both
}

.list ul.handbook li:last-child {
    margin-right: 0%
}

.list ul.handbook li span {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    border-bottom: solid 2px transparent
}

.list ul.handbook li span.anchor {
    color: #228adf
}

.list ul.handbook li span.anchor:not(.active):hover {
    color: #228adf
}

.list ul.handbook li span.anchor:not(.active):hover.anchor {
    border-bottom-color: #228adf
}

.list ul.handbook.animateurs li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 3.84615%;
    margin-left: 0%;
    margin-right: 0%
}

.list ul.handbook.animateurs li:before, .list ul.handbook.animateurs li:after {
    content: '';
    display: table
}

.list ul.handbook.animateurs li:after {
    clear: both
}

.list ul.handbook.animateurs li:last-child {
    margin-right: 0%
}

.list ul.handbook.animateurs li span {
    cursor: pointer;
    color: #858383;
    border-bottom: solid 2px transparent
}

.list ul.handbook.animateurs li span:hover {
    color: #228adf;
    border-bottom-color: #228adf
}

.list ul.handbook.tags li {
    text-align: center !important;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 11.11111%;
    margin-left: 0%;
    margin-right: 0%
}

.list ul.handbook.tags li:before, .list ul.handbook.tags li:after {
    content: '';
    display: table
}

.list ul.handbook.tags li:after {
    clear: both
}

.list ul.handbook.tags li:last-child {
    margin-right: 0%
}

.list ul.handbook.tags li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: auto;
    color: #858383
}

.list ul.handbook.tags li span.active {
    color: #228adf;
    pointer-events: none;
    cursor: default
}

.list ul.handbook.tags li span:not(.active):hover {
    color: #228adf
}

.webcams ul li {
    margin-top: 40px
}

.webcams ul li:first-child {
    margin-top: 0
}

.webcams img {
    float: left;
    width: 43.06723%
}

.webcams figcaption {
    float: left;
    width: 56.93277%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 26px
}

.webcams figcaption p {
    font-size: 14px;
    line-height: 18px;
    text-align: justify
}

.webcams figcaption h2 {
    font-size: 20px;
    line-height: 22px;
    color: #228adf;
    margin-bottom: 25px
}

ul.tutorial {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 20px 0;
    position: relative;
    margin: 0
}

ul.tutorial:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 141px;
    top: 0;
    background-color: #dadada;
    z-index: 0
}

ul.tutorial li {
    position: relative;
    z-index: 1;
    margin-top: 100px
}

ul.tutorial li:first-child {
    margin-top: 0
}

ul.tutorial figure {
    height: 242px;
    position: relative;
    padding-left: 306px
}

ul.tutorial img {
    width: 226px;
    border: 8px solid #dadada;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -o-border-radius: 120px;
    -ms-border-radius: 120px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    left: 0;
    top: 0
}

ul.tutorial figcaption {
    padding-top: 60px
}

ul.tutorial p {
    font-size: 15px;
    line-height: 20px
}

ul.tutorial p.title {
    font-size: 20px;
    color: #228adf;
    text-transform: uppercase;
    line-height: 30px
}

.list .program {
    position: absolute;
    right: 20px;
    bottom: 24px
}

#category {
    margin-bottom: 20px
}

#category .category-title {
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 10px;
    -webkit-user-select: none
}

#category .category-subtitle {
    margin-top: 8px;
    font-size: 12px;
    color: #858383
}

#category .category-subtitle.title {
    margin-top: 10px;
    font-size: 40px;
    text-transform: uppercase
}

#category div.sponsor {
    width: 240px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

#category div.sponsor p {
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 10px
}

#category div.sponsor figure img {
    width: auto;
    height: auto;
    margin: 0 auto
}

#category .container .inner {
    padding: 10px 20px;
    background-color: #fff;
    position: relative
}

#category .container > nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #228adf;
    margin-bottom: 0
}

#category .container ul {
    line-height: 35px
}

#category .container li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#category .container li a, #category .container li span {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    text-transform: uppercase;
    line-height: 35px;
    cursor: pointer;
    padding: 0 20px;
    height: 35px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

#category .container li.pub a, #category .container li.pub span {
    color: #000
}

#category .container li.pub:hover a, #category .container li.pub:hover span {
    color: #fff
}

#category .container li.active a, #category .container li.active span {
    background-color: rgba(0, 0, 0, 0.5)
}

#category .container li:hover a, #category .container li:hover span {
    background-color: rgba(0, 0, 0, 0.5)
}

#category.politique {
    border-color: #783f95
}

#category.politique .category-title {
    color: #783f95
}

#category.politique .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #783f95 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.politique .sub-nav {
    background-color: #783f95
}

@media all and (max-width: 50.0525em) {
    #category.politique .category-title:after {
        display: block
    }
}

#category.international {
    border-color: #394096
}

#category.international .category-title {
    color: #394096
}

#category.international .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #394096 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.international .sub-nav {
    background-color: #394096
}

@media all and (max-width: 50.0525em) {
    #category.international .category-title:after {
        display: block
    }
}

#category.faitsdivers {
    border-color: #95304c
}

#category.faitsdivers .category-title {
    color: #95304c
}

#category.faitsdivers .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #95304c transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.faitsdivers .sub-nav {
    background-color: #95304c
}

@media all and (max-width: 50.0525em) {
    #category.faitsdivers .category-title:after {
        display: block
    }
}

#category.sport {
    border-color: #27Ae60
}

#category.sport .category-title {
    color: #27Ae60
}

#category.sport .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #27Ae60 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.sport .sub-nav {
    background-color: #27Ae60
}

@media all and (max-width: 50.0525em) {
    #category.sport .category-title:after {
        display: block
    }
}

#category.technologies {
    border-color: #5f7ed5
}

#category.technologies .category-title {
    color: #5f7ed5
}

#category.technologies .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #5f7ed5 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.technologies .sub-nav {
    background-color: #5f7ed5
}

@media all and (max-width: 50.0525em) {
    #category.technologies .category-title:after {
        display: block
    }
}

#category.medias {
    border-color: #f39c12
}

#category.medias .category-title {
    color: #f39c12
}

#category.medias .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #f39c12 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.medias .sub-nav {
    background-color: #f39c12
}

@media all and (max-width: 50.0525em) {
    #category.medias .category-title:after {
        display: block
    }
}

#category.culture {
    border-color: #c0392b
}

#category.culture .category-title {
    color: #c0392b
}

#category.culture .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #c0392b transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.culture .sub-nav {
    background-color: #c0392b
}

@media all and (max-width: 50.0525em) {
    #category.culture .category-title:after {
        display: block
    }
}

#category.economie {
    border-color: #1e4a63
}

#category.economie .category-title {
    color: #1e4a63
}

#category.economie .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #1e4a63 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.economie .sub-nav {
    background-color: #1e4a63
}

@media all and (max-width: 50.0525em) {
    #category.economie .category-title:after {
        display: block
    }
}

#category.societe {
    border-color: #16a085
}

#category.societe .category-title {
    color: #16a085
}

#category.societe .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #16a085 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.societe .sub-nav {
    background-color: #16a085
}

@media all and (max-width: 50.0525em) {
    #category.societe .category-title:after {
        display: block
    }
}

#category.sciences {
    border-color: #16a085
}

#category.sciences .category-title {
    color: #16a085
}

#category.sciences .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #16a085 transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.sciences .sub-nav {
    background-color: #16a085
}

@media all and (max-width: 50.0525em) {
    #category.sciences .category-title:after {
        display: block
    }
}

#category.insolite {
    border-color: #f3853c
}

#category.insolite .category-title {
    color: #f3853c
}

#category.insolite .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #f3853c transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.insolite .sub-nav {
    background-color: #f3853c
}

@media all and (max-width: 50.0525em) {
    #category.insolite .category-title:after {
        display: block
    }
}

#category.journal, #category.sante {
    border-color: #8b9bae
}

#category.journal .category-title, #category.sante .category-title {
    color: #8b9bae
}

#category.journal .category-title:after, #category.sante .category-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #8b9bae transparent transparent transparent;
    top: 20px;
    right: 0;
    content: '';
    display: none
}

#category.journal .sub-nav, #category.sante .sub-nav {
    background-color: #8b9bae
}

@media all and (max-width: 50.0525em) {
    #category.journal .category-title:after, #category.sante .category-title:after {
        display: block
    }
}

.grille .tab:not(.active) {
    display: none
}

.grille .tab .wrapper {
    margin-bottom: 40px;
    padding: 0 20px 0 0
}

.grille .tab header {
    position: relative;
    padding-left: 150px;
    padding-bottom: 25px
}

.grille .tab figure {
    position: absolute;
    left: 10px;
    top: 0;
    width: 140px
}

.grille .tab div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 160px;
    padding: 0 0 20px 10px
}

.grille .tab p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px
}

.grille .tab .name {
    margin: 0 0 10px;
    padding-top: 22px;
    font-size: 20px;
    text-transform: uppercase;
    color: #228adf
}

.grille .tab time {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #228adf;
    position: relative
}

.grille .tab time:before {
    content: '';
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    left: -20px;
    top: 0;
    background-color: transparent;
    background-image: url("./europe1front/images/bg-grille.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 40px
}

.grille table {
    width: 100%;
    border-top: solid 1px #dadada
}

.grille table td {
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #dadada
}

.grille table td a {
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.grille table td a:hover {
    text-decoration: underline
}

.grille table td span {
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.grille table td:first-child {
    width: 36.18421%;
    padding-left: 20px
}

.grille table td:first-child + td + td {
    padding-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    color: #858383
}

.grille table td:first-child + td + td a, .grille table td:first-child + td + td span {
    color: #858383;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.grille table td:first-child + td + td a:hover, .grille table td:first-child + td + td span:hover {
    color: #228adf;
    text-decoration: none
}

ul.archives {
    display: block
}

ul.archives li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.46667%;
    margin-left: 0%;
    margin-right: 2.8%
}

ul.archives li:before, ul.archives li:after {
    content: '';
    display: table
}

ul.archives li:after {
    clear: both
}

ul.archives li:last-child {
    margin-right: 0%
}

ul.archives li:last-child, ul.archives li.last {
    margin-right: 0
}

ul.archives li article:not(#mainArticle) .description {
    height: auto !important
}

ul.archives li article:not(#mainArticle) .title {
    margin-bottom: 4px
}

ul.archives li article:not(#mainArticle) .source {
    position: relative;
    bottom: auto;
    left: auto
}

ul.archives li article:not(#mainArticle) .content {
    width: 100%;
    height: auto;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    background: none
}

ul.archives li article:not(#mainArticle) .content span {
    text-transform: uppercase
}

.archives > a.link, .archives > span.link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 15px 0 0 40px;
    font-size: 14px;
    color: #228adf;
    text-decoration: underline
}

.archives .handbook {
    padding: 30px 20px;
    display: block;
    border-top: solid 1px #dadada
}

.archives .handbook > li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 16.66667%;
    margin-left: 0%;
    margin-right: 0%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px
}

.archives .handbook > li:before, .archives .handbook > li:after {
    content: '';
    display: table
}

.archives .handbook > li:after {
    clear: both
}

.archives .handbook > li:last-child {
    margin-right: 0%
}

.archives .handbook > li ul li {
    font-size: 15px;
    margin-bottom: 10px
}

.archives .handbook > li ul li:not(:first-child) a, .archives .handbook > li ul li:not(:first-child) span {
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.archives .handbook > li ul li:not(:first-child):hover a, .archives .handbook > li ul li:not(:first-child):hover span {
    color: #228adf
}

.archives .handbook > li ul li:first-child {
    font-size: 25px
}

.archives .handbook > li ul li.current a, .archives .handbook > li ul li.current span {
    color: #228adf
}

.archives .month {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin-bottom: 70px
}

.archives .month li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 16.66667%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 17px;
    margin-bottom: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px
}

.archives .month li:before, .archives .month li:after {
    content: '';
    display: table
}

.archives .month li:after {
    clear: both
}

.archives .month li:last-child {
    margin-right: 0%
}

.archives .month li a, .archives .month li span {
    cursor: pointer;
    color: #000
}

.archives .month li a:not(.today):hover, .archives .month li span:not(.today):hover {
    color: #228adf
}

.archives .month li a.today, .archives .month li span.today {
    color: #228adf
}

.archives .archivesList {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px
}

.archives .archivesList li {
    line-height: 22px
}

.archives .archivesList li span {
    font-size: 17px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.archives .archivesList li span:hover {
    color: #228adf
}

.archives .archivesList li.alerte a {
    color: #f6343f
}

.archives .archivesList li a:hover {
    color: #228adf
}

.archivesExt {
    padding-bottom: 30px !important
}

.archivesExt .header {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.archivesExt .header .title {
    margin-bottom: 0 !important
}

.archivesExt .subTitle {
    color: #228adf;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #dadada;
    padding: 20px
}

.archivesExt .btn_cnter {
    padding: 0 20px
}

section.twoCol .container .main.regular {
    padding-top: 0;
    background-color: #fff
}

section.twoCol .container .main.regular > header {
    display: block;
    position: relative;
    padding: 20px 20px 12px;
    border-bottom: solid 1px #dadada;
    margin-bottom: 40px;
    margin-left: -20px;
    overflow: visible
}

section.twoCol .container .main.regular > header nav a {
    color: #858383
}

section.twoCol .container .main.regular > header .title {
    font-size: 35px;
    margin: 20px 0 20px;
    line-height: 37px
}

section.twoCol .container .main.regular > header .subTitle {
    font-size: 14px;
    text-transform: none;
    color: #228adf
}

section.twoCol .container .main.regular > header a {
    color: #228adf
}

.regular .box {
    display: block;
    padding-right: 20px
}

.regular .box .wrapper {
    display: block
}

.regular .box .half {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 200px
}

.regular .box .half:before, .regular .box .half:after {
    content: '';
    display: table
}

.regular .box .half:after {
    clear: both
}

.regular .box .half:last-child {
    margin-right: 0%
}

.regular .box table {
    width: 100%;
    margin-top: 15px
}

.regular .box table td {
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.regular .box table td h2 {
    font-size: 20px;
    color: #228adf;
    margin-bottom: 6px
}

.regular .box h2 {
    margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
    color: #228adf
}

.regular .box h2.right {
    text-align: right
}

.regular .box p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px
}

.regular .box p:first-child {
    margin-top: 0
}

.regular .box p a {
    color: #228adf
}

.regular .box p em {
    font-size: 13px
}

.regular .box p strong {
    text-transform: uppercase
}

.regular .box ul {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px
}

.regular .box ul li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.inline-b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.club p.error {
    font-size: 12px !important;
    color: #e33c48 !important;
    font-weight: 400 !important;
    margin: 0
}

.club .titre {
    font-size: 30px;
    line-height: 40px;
    color: #00123f;
}

.club .club-header {
    margin: 10px 0
}

span.error {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #e33c48;
    font-size: 12px;
    line-height: 12px;
    padding-left: 2%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 50px
}

span.error.middle {
    right: 19%
}

.club p.required {
    font-size: 12px;
    line-height: 18px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    color: #333
}

.club .aside {
    float: right;
    width: 160px;
    height: 600px;
    margin-left: 40px;
    margin-top: 33px;
    background: #999;
    margin-right: 24px
}

.club .side {
    float: left;
    width: 406px
}

.club .form {
    margin-top: 35px
}

.profil .form {
    margin-top: 0
}

.club .form ul {
    margin: 0
}

.club .form li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    color: #333;
    margin-top: 12px;
    padding-bottom: 18px;
    position: relative
}

.club .form ul li:first-child {
    margin-top: 0
}

.club .form li label {
    font-weight: 300;
    width: 30%;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club .col-main .form li label {
    padding-left: 5%
}

.fancy-select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club .form li .text {
    height: 48px;
    border: 1px solid #ccc;
    width: 54%;
    margin-left: 2%;
    padding: 0 4%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #333
}

.club .col-main .form li .text {
    width: 52%;
    margin-left: 4%
}

.club .col-main .form li input.middle {
    width: 38%;
    margin-left: 0
}

.club input.error {
    box-shadow: 0 0 2px 2px #e33c48;
    -moz-box-shadow: 0 0 2px 2px #e33c48;
    -webkit-box-shadow: 0 0 2px 2px #e33c48
}

.club .grey {
    background: #9a9a9a
}

.club .button:hover {
    background: #2874a6;
}

.club .bt-large {
    margin: 15px 0 0;
    width: 100%
}

.club .bt-little {
    width: 8%
}

.club .invit .bt-little {
    position: absolute;
    left: 59%;
    top: 0;
    margin: 0;
    width: auto
}

.club .button.bt-small {
    font-size: 16px;
    white-space: pre-wrap;
    width: 32%;
    padding: 5px 4%;
    margin: 20px 0;
    margin-left: 39.25%
}

.club .invit {
    padding: 15px 0
}

.club .invit li {
    margin-top: 15px;
    padding-bottom: 0
}

.club .checkbox label input {
    visibility: hidden
}

.club .checkbox label {
    margin: 8px 0;
    padding: 0 38px;
    line-height: 21px;
    display: block;
    font-weight: 400;
    background-position: 0 0;
    background-repeat: no-repeat
}

.club .checkbox label a {
    color: #64b1ff;
}

.club .col-main .checkbox .alertes label {
    padding: 0;
    background-position: 280px 42px
}

.club .col-main .checkbox .alertes label.checked {
    background-position: 280px bottom
}

.club .form .inline.checkbox li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: auto;
    color: #000
}

.club .form .inline.checkbox label {
    padding-left: 30px;
    font-size: 14px;
    width: auto;
    font-weight: 400;
    padding-right: 18px
}

.club .optins {
    border-top: 1px solid #eaeaea;
    color: #000
}

.club .optins li {
    padding-bottom: 0px !important
}

.club .optins label {
    width: auto !important;
    font-size: 14px !important;
    color: #000;
    text-indent: 0 !important
}

.club .optins .opt-mail {
    position: relative;
    padding: 0 0 12px 120px;
    margin-top: 22px
}

.club .optins .opt-mail span.icon {
    left: 0;
    top: 15px;
    position: absolute
}

.club .col-main .invit li label {
    padding-left: 0;
    width: 10%
}

.box-head {
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    overflow: hidden;
    background: #3699db
}

.box-head h1 {
    position: relative;
    margin: 0;
    padding-right: 90px;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    text-indent: 15px
}

.box-head h1:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 50px;
    width: 80px;
    font-size: 32px !important;
    background: #2874a6;
    text-indent: 0;
    margin: 0
}

.club .clube1 .listing div.inline-b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.club .clube1 .listing div.inline-b > div {
    padding: 15px
}

.club .clube1 .listing .invitations {
    background-color: #fbfbfb
}

.club .clube1 .listing .concours {
    background-color: #3699db
}

.club .clube1 .listing ul {
    list-style: none;
    margin: 0
}

.club .clube1 .listing ul li {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 5px
}

.club .clube1 .listing ul li:first-child {
    border-top: 0;
    padding-top: 0
}

.club .clube1 h3 {
    color: #3699db;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 15px;
    height: 25px;
    line-height: 20px
}

.club .clube1 .events h3 {
    font-size: 20px;
    line-height: 25px
}

.club .clube1 h4 a {
    color: #52a4df;
    font-size: 16px
}

.club .clube1 p a {
    color: #9a9a9a;
    font-size: 14px;
    line-height: 18px
}

.club .clube1 img {
    margin-bottom: 15px;
    float: left;
    margin-right: 10px
}

.club .clube1 .listing .concours h3, .club .clube1 .listing .concours h4, .club .clube1 .listing .concours p, .club .clube1 .listing .concours a {
    color: #fff
}

.club .clube1 .listing .concours a.rules {
    font-size: 10px;
    text-decoration: underline
}

.club .events .button.bt-small {
    font-size: 13px;
    width: auto;
    display: inline-block;
    margin: 20px 0 0
}

.club .inscription .titre {
    padding: 15px 0 0
}

.club a.link {
    color: #3790ff;
    font-size: 11px;
    text-decoration: underline;
    font-weight: 400
}

.club a.link:hover {
    color:#64b1ff;
    text-decoration: none;
}

#asideClub {
    background-color: #fff;
    right: 0
}

#asideClub .titre {
    background: #3699db;
    color: #fff;
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 26px
}

#asideClub .titre a {
    position: absolute;
    right: 0;
    top: 0;
    width: 128px;
    height: 50px;
    background: #2874a6;
    color: white;
    display: block;
    text-decoration: underline;
    font-size: 15px;
    text-align: center;
    text-indent: 0
}

#asideClub .titre a:hover {
    text-decoration: none
}

#asideClub.club .form {
    padding: 13px 10px
}

#asideClub.club .form li label {
    width: 38%
}

#asideClub.club .form li input.text {
    width: 50%
}

#asideClub.club .form li input[type="text"] {
    text-indent: 0
}

#asideClub .log {
    overflow: hidden;
    padding-top: 10px
}

#asideClub .log li {
    margin: 0;
    font-size: 20px;
    color: #3699db;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding: 9px 0
}

#asideClub .log li a {
    color: #3699db
}

#asideClub .log li a span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#asideClub .log li a span:first-child {
    margin-right: 5px
}

#asideClub .connectionPart {
    padding-bottom: 20px
}

#asideClub .connectionPart .sharing.social-connect p {
    text-align: center
}

#asideClub .connectionPart .sharing.social-connect .center {
    text-align: center
}

#asideClub .connectionPart .sharing.social-connect .center a {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.log .link {
    float: right;
    font-size: 12px;
    padding: 20px 15px 10px
}

.col-main .fl-2 {
    width: 46%;
    margin-left: 3%
}

.club .box-connexion {
    margin-left: 0;
    margin-top: 20px
}

.club .box-connexion .form {
    margin-top: 0
}

.club .col-main .box-connexion {
    padding-top: 15px
}

.club .col-main .box-connexion li {
    padding-bottom: 10px
}

.club .col-main .box-connexion li .error {
    bottom: -8px
}

.club .col-main .box-connexion li label {
    padding-left: 0;
    width: 38%
}

.club .col-main .box-connexion li .text {
    width: 49%
}

.club .col-main .box-connexion .button {
    margin-top: 10px
}

.club .box-inscription {
    background: #3790ff;
    padding: 15px;
    margin-top: 20px;
    color: #fff !important
}

.club .box-inscription .titre {
    color: #fff;
    margin-bottom: 15px
}

.club .box-inscription .button {
    background: #00123f;
    margin: 40px auto;
    -webkit-appearance: none !important
}

.club .box-inscription .button:hover {
    background: #fff;
    color: #2874a6;
}

.sharing {
    clear: both;
    margin-top: 32px;
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    overflow: hidden
}

.sharing a {
    margin-left: 10px
}

.sharing a:first-child {
    margin-left: 0
}

.sharing a.icon-Facebook:before {
    background-color: #3b5998
}

.sharing a.icon-GooglePlus:before {
    background-color: #dd4b39
}

.sharing a.icon-twitter:before {
    background-color: #55acee
}

.sharing a.icon-GooglePlus {
    color: #dd4b39
}

.sharing a.icon-GooglePlus, .sharing a.icon-twitter, .sharing a.icon-Facebook {
    float: left;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px
}

.sharing a.icon-GooglePlus:before, .sharing a.icon-twitter:before, .sharing a.icon-Facebook:before {
    margin-bottom: 5px;
    display: block;
    color: #fff;
    width: 103px;
    height: 60px;
    line-height: 60px;
    font-size: 30px
}

.container .inner .main.club {
    background-color: #fff;
    padding-right: 0;
    padding-left: 0
}

.container .inner .main.col-main {
    background-color: #fff
}

.container .inner .main.col-main .box {
    border: 0
}

.container .inner .main.col-main .box div.fl-2 {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.container .inner .main.col-main .box div.fl-2:before, .container .inner .main.col-main .box div.fl-2:after {
    content: '';
    display: table
}

.container .inner .main.col-main .box div.fl-2:after {
    clear: both
}

.container .inner .main.col-main .box div.fl-2:last-child {
    margin-right: 0%
}

.container .inner .main.col-main .box div.fl-2.box-inscription {
    padding-left: 20px
}

.container .inner .main.col-main .box div.fl-2.box-inscription .button {
    background: #00123f;
    margin: 40px auto
}

.container .inner .main.col-main .box div.fl-2.box-inscription .button:hover {
    background: #64b1ff;
    color: #fff;
}

.container .inner .main.col-main .box div.fl-2.box-inscription .titre {
    color: #fff
}

.container .inner .main.col-main .box div.fl-2.box-connexion .button {
    margin: 25px auto
}

.container .inner .main.col-main .box div.fl-2 h2.titre {
    color: #00123f;
}

.container .inner .main.col-main .form p {
    margin-bottom: 20px
}

.container .inner .main.col-main p {
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px
}

.container .inner .main.col-main p b {
    color: #333;
    font-weight: 600
}

.container .inner .main.col-main p a {
    color: #3699db
}

.club input[type="text"] {
    text-indent: 0
}

.club h2 {
    color: #3699db;
    font-size: 30px;
    margin-bottom: 10px
}

.club h3 {
    color: #3699db;
    font-size: 25px;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px
}

.club h4 {
    margin-top: 10px
}

.club h4 a {
    font-size: 16px;
    color: #52a4df
}

.club .button {
    padding: 14px;
    width: 230px;
    margin: 35px auto;
    background: #3790ff;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    display: block;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.club p a {
    font-size: 14px;
    color: #9a9a9a;
    line-height: 18px
}

.club .space.listing {
    margin-top: 20px;
    *zoom: 1
}

.club .space.listing:before, .club .space.listing:after {
    content: '';
    display: table
}

.club .space.listing:after {
    clear: both
}

.club .space.listing .inline-b {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.club .space.listing .inline-b:before, .club .space.listing .inline-b:after {
    content: '';
    display: table
}

.club .space.listing .inline-b:after {
    clear: both
}

.club .space.listing .inline-b:last-child {
    margin-right: 0%
}

.club .space.listing .inline-b > div {
    padding: 10px 20px
}

.club .space.listing .inline-b > div h4 {
    margin-bottom: 4px
}

.club .space.listing .inline-b > div .content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.club .space.listing .inline-b > div ul li {
    *zoom: 1;
    margin-bottom: 15px;
    padding-top: 20px;
    border-top: solid 1px #ccc
}

.club .space.listing .inline-b > div ul li:before, .club .space.listing .inline-b > div ul li:after {
    content: '';
    display: table
}

.club .space.listing .inline-b > div ul li:after {
    clear: both
}

.club .space.listing .inline-b > div ul li:first-child {
    border-top: 0;
    padding-top: 0
}

.club .space.listing .inline-b > div ul li.half figure {
    width: 50%;
    float: left
}

.club .space.listing .inline-b > div ul li.half div.content {
    width: 50%;
    float: left;
    padding-left: 20px
}

.club .space.listing .inline-b > div.invitations {
    background-color: #fbfbfb
}

.club .space.listing .inline-b > div.concours {
    background-color: #3699db;
    color: #fff
}

.club .space.listing .inline-b > div.concours p, .club .space.listing .inline-b > div.concours a, .club .space.listing .inline-b > div.concours h3, .club .space.listing .inline-b > div.concours h4 {
    color: #fff
}

.club .space.listing .inline-b > div.concours p.rules, .club .space.listing .inline-b > div.concours a.rules, .club .space.listing .inline-b > div.concours h3.rules, .club .space.listing .inline-b > div.concours h4.rules {
    font-size: 10px;
    text-decoration: underline
}

.club input.error {
    border-color: #f6343f
}

.club .button {
    background: #3790ff;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    width: 230px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    padding: 14px;
    margin: 35px auto;
    cursor: pointer;
    display: block;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.club .grey {
    background: #9a9a9a
}

.club .button:hover {
    background: #64b1ff;
}

.club .bt-large {
    margin: 15px 0 0;
    width: 100%
}

.club .bt-little {
    width: 8%
}

.club .invit .bt-little {
    position: absolute;
    left: 59%;
    top: 0;
    margin: 0;
    width: auto
}

.club .button.bt-small {
    font-size: 16px;
    white-space: pre-wrap;
    width: 32%;
    padding: 5px 4%;
    margin: 20px 0
}

.club .invit {
    padding: 15px 0
}

.club .invit li {
    margin-top: 15px;
    padding-bottom: 0
}

.club form.form ul.radio li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-top: 0 !important;
    margin-left: 30px
}

.club form.form ul.radio li:first-child {
    margin-left: 0
}

.club form.form ul.radio li label {
    position: relative;
    padding: 0 0 0 30px;
    margin: 0
}

.club form.form ul.radio li label:before, .club form.form ul.radio li label:after {
    position: absolute;
    left: 0px
}

.club form.form ul.radio li label:before {
    top: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #228adf;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute
}

.club form.form ul.radio li label:after {
    left: 6px;
    top: 8px
}

.club form.form ul.checkbox li {
    width: auto
}

.club form.form ul.checkbox li label.checkbox {
    position: relative;
    cursor: pointer
}

.club form.form ul.checkbox li label.checkbox > span:not(.form-error) {
    left: 0;
    top: 1px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    position: absolute;
    text-align: center
}

.club form.form ul.checkbox li label.checkbox.checked > span:not(.form-error) {
    color: #228adf
}

.club form.form ul.checkbox li.alertes label.checkbox > span {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club form.form ul.buttons li {
    width: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club form.form ul.buttons li input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club form.form ul li {
    width: 100%
}

.club form.form ul li input[type="submit"], .club form.form ul li input.button.bt-small {
    margin-left: 32%
}

.club form.form ul li div.select {
    width: 62.25%;
    margin-left: 2%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club form.form ul li div.select div.fancy-select {
    width: 100%
}

.club form.form ul li div.select div.fancy-select div.trigger {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 4% 0 20px;
    background-color: #fff;
    cursor: pointer
}

.club form.form ul li div.select div.fancy-select .optionsContainer {
    max-height: 350px;
    width: 99%
}

.club form.form ul li div.select div.fancy-select .optionsContainer.open {
    margin-top: -3px
}

.club form.form ul li div.select div.fancy-select .optionsContainer.open.overflowing {
    margin-top: 0;
    margin-bottom: -10px
}

.club form.form ul li div.select div.fancy-select ul.options {
    top: 47px;
    background-color: #fff;
    min-height: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    min-width: 100px;
    width: 100%
}

.club form.form ul li div.select div.fancy-select ul.options li {
    margin-top: 2px;
    color: #000;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.club form.form ul li div.select div.fancy-select ul.options li:hover {
    background-color: #228adf;
    color: #fff
}

.club form.form ul li.date div.selects {
    width: 62.5%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 2%
}

.club form.form ul li.date div.selects > span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 1.6%;
    text-align: center
}

.club form.form ul li.date div.select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 32%;
    margin-left: 0
}

.club form.form ul > li {
    display: block
}

.club form .mention {
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333
}

.club.inscription:not(.profil) .box.space ul {
    text-align: center
}

.club.inscription:not(.profil) .box.space ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 10px
}

.club.inscription:not(.profil) .box.space ul li:first-child {
    margin-left: 0
}

.club.inscription:not(.profil) .box.space .sign {
    position: relative;
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
    padding-top: 30px;
    clear: both;
    min-height: 55px
}

.club.inscription:not(.profil) .box.space .sign .button {
    margin-top: 80px !important
}

.club.inscription:not(.profil) .box.space .sign p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.club.inscription:not(.profil) .box.space .sign span.icon {
    position: absolute;
    right: 26px;
    top: 26px;
    display: block
}

.club.inscription:not(.profil) .box.space.password ul {
    text-align: left
}

.club.inscription:not(.profil) .box.space.password ul li {
    display: block;
    margin-left: 0
}

.club.inscription:not(.profil) .box.space.password ul.buttons {
    text-align: center
}

.club.inscription:not(.profil) .box.space.password ul.buttons li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0;
    margin-top: 0;
    margin-left: 10px
}

.club.inscription:not(.profil) .box.space.password ul.buttons li input {
    margin: 0
}

.club.inscription:not(.profil) .box.space.password ul.buttons li:first-child {
    margin-left: 0
}

.club .sharing {
    clear: both;
    margin-top: 32px;
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    overflow: hidden
}

.club .sharing a {
    margin-left: 10px
}

.club .sharing a:first-child {
    margin-left: 0
}

.club .sharing a.icon-facebook:before {
    background-color: #3b5998
}

.club .sharing a.icon-gplus:before {
    background-color: #dd4b39
}

.club .sharing a.icon-twitter:before {
    background-color: #55acee
}

.club .sharing a.icon-gplus {
    color: #dd4b39
}

.club .sharing a.icon-gplus, .club .sharing a.icon-twitter, .club .sharing a.icon-facebook {
    float: left;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px
}

.club .sharing a.icon-gplus:before, .club .sharing a.icon-twitter:before, .club .sharing a.icon-facebook:before {
    margin-bottom: 5px;
    display: block;
    color: #fff;
    width: 103px;
    height: 60px;
    line-height: 60px;
    font-size: 30px
}

.club .quiz-head, .club .clube1 > .box {
    padding: 20px 15px
}

.club .clube1 h2, .club .quiz-head h2 {
    color: #3699db;
    font-size: 30px;
    font-weight: 300
}

.club .quiz-head p {
    color: #333;
    font-size: 17px;
    line-height: 26px
}

.club .quiz-head p small {
    display: block;
    font-size: 12px;
    line-height: 18px
}

.club .quiz-head img {
    margin: 15px 0
}

.club .quiz-content {
    font-size: 14px;
    padding: 15px
}

.club .quiz-content .form .quiz-questions {
    margin-top: 35px
}

.club .quiz-content .form .quiz-questions:first-child {
    margin-top: 0
}

.club .quiz-content .form .quiz-questions p {
    margin: 10px 0 10px 20px;
    font-size: 14px;
    line-height: 26px
}

.club .quiz-content .form .quiz-questions p.error {
    margin-left: 66px
}

.club .quiz-content .form .quiz-questions span {
    display: block;
    position: relative;
    padding: 0 88px 0 18px;
    background: #3699db;
    color: #fff;
    height: 30px;
    font-size: 18px;
    line-height: 28px
}

.club .quiz-content .form .quiz-questions span a {
    display: block;
    width: 70px;
    height: 30px;
    color: #3498db;
    font-size: 15px;
    background: #ebebeb;
    text-decoration: underline;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.club .quiz-content .form .quiz-questions span a:hover {
    text-decoration: none
}

.club .quiz-content .form .quiz-questions ul {
    margin: 0 20px
}

.club .quiz-content .form .quiz-questions .radio li {
    line-height: 24px;
    padding: 0 44px;
    border-top: 1px solid #eaeaea;
    display: block;
    padding-top: 10px;
    margin: 0 0 10px
}

.club .quiz-content .form .quiz-questions .radio li label {
    display: block;
    width: 100%
}

.club .quiz-content .form .quiz-questions .radio li:first-child {
    border: 0
}

.club.validation-inscription .sharing {
    margin-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.club.validation-inscription .sharing a {
    margin-right: 45px
}

.club.validation-inscription form.form li input.text {
    width: 40%
}

.club .form-error {
    position: relative;
    left: 0;
    top: 10px;
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32%;
    padding-right: 22px;
    color: #f6343f
}

.club .challenge p span._NOL {
    color: #54565A;
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding: 0 30px 35px
}

.challenges-intro {
    display: block;
    float: left;
    padding: 0 0 20px 15px;
    width: 631px
}

.challenges-intro .top, .challenges-intro .main {
    display: block;
    margin-bottom: 10px
}

.challenges-intro .top {
    background: #54565a
}

.challenges-intro .top h3, ul.buttons-participate li a, ul.buttons-participate li.mes-tickets span, .challenges-intro .top h2, ul.buttons-participate li.bloc-aside .top h3 {
    color: #fff;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    padding: 15px;
    text-transform: uppercase
}

.challenges-intro .top h2 {
    background: url('./europe1front/images/challenge/picto-chrono.png') no-repeat scroll 90% 14px #00B18A;
    border-right: 2px solid #fff;
    display: none;
    float: left;
    position: relative;
    width: 178px
}

.on-air .top h2 {
    display: block
}

.challenges-intro .top h2 span, ul.buttons-participate li.bloc-aside .top span {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #00B18A transparent transparent transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 1
}

.challenges-intro .top h3 strong {
    display: block
}

.challenges-intro .main {
    padding-bottom: 15px
}

.challenges-intro .main .bloc {
    float: left;
    width: 209px;
    display: block;
    padding: 0;
    margin: 0 2px 0 0;
    border: 0;
    text-align: center
}

.challenges-intro .main .bloc.last {
    margin: 0
}

.challenges-intro .main .bloc strong, .challenges-intro .main .bloc .legende, ul.buttons-participate li.bloc-aside .main .left .legende, ul.buttons-participate li.bloc-aside .main .right strong {
    color: #fff;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    padding: 19px 0 7px;
    text-align: center
}

.challenges-intro .main .bloc strong span, ul.buttons-participate li.bloc-aside .main .right strong span {
    font-weight: bold;
    text-transform: uppercase;
    display: block
}

.challenges-intro .main .bloc img, ul.buttons-participate li.bloc-aside .main .left img {
    float: none;
    height: 131px;
    margin: 0 auto 7px;
    width: 120px;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear
}

ul.buttons-participate li.bloc-aside .main .left img {
    margin: 0
}

ul.buttons-participate li.bloc-aside .main .left a {
    padding: 0
}

.challenges-intro .main .bloc a:hover img, ul.buttons-participate li.bloc-aside .main .left a:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.challenges-intro .main .bloc .legende, .challenges-intro .main .bloc .legende strong {
    color: #54565a;
    padding: 0;
    line-height: 20px
}

.on-air .main .frst .legende, .on-air .main .frst .legende strong {
    color: #00B18A
}

.challenges-intro .main .bloc .legende strong {
    text-transform: uppercase;
    display: block
}

#asideChallenge {
    right: 0;
    margin-bottom: 25px
}

#asideChallenge .space {
    background: none repeat scroll 0 0 #fff;
    padding: 5px;
    width: 310px
}

#asideChallenge ul.buttons-participate {
    margin: 0;
    list-style-type: none
}

ul.buttons-participate li {
    width: 100%;
    padding: 20px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

ul.buttons-participate li.comment-jouer, ul.buttons-participate li.comment-jouer:hover {
    background: #00b18a url('./europe1front/images/challenge/picto2.png') 20px 20px no-repeat
}

ul.buttons-participate li.le-reglement, ul.buttons-participate li.le-reglement:hover {
    background: #00b18a url('./europe1front/images/challenge/picto3.png') 20px 20px no-repeat
}

ul.buttons-participate li.les-gagnants, ul.buttons-participate li.les-gagnants:hover {
    background: #00C08D url('./europe1front/images/challenge/picto4.png') 20px 20px no-repeat
}

ul.buttons-participate li.accueil-challenge:hover {
    background: #00b18a url('./europe1front/images/challenge/picto5.png') 20px 20px no-repeat
}

ul.buttons-participate li a {
    padding: 0 0 0 65px
}

ul.buttons-participate li.mes-tickets {
    border-bottom: 1px solid #fff;
    background: #3498db url('./europe1front/images/challenge/picto1.png') 20px 31px no-repeat;
    position: relative
}

ul.buttons-participate li:hover {
    background: #44b1f9 url('./europe1front/images/challenge/picto1.png') 20px 31px no-repeat
}

ul.buttons-participate li.accueil-challenge {
    background: #00b18a url('./europe1front/images/challenge/picto5.png') 20px 20px no-repeat;
    border-bottom: 1px solid #fff
}

ul.buttons-participate li.comment-jouer:hover, ul.buttons-participate li.le-reglement:hover, ul.buttons-participate li.les-gagnants:hover {
    background-color: #60cdab
}

ul.buttons-participate li.mes-tickets span {
    background: #38a8f3;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 35px;
    font-weight: bold;
    line-height: 88px;
    padding: 0 13px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    height: 100%
}

.logued ul.buttons-participate li.mes-tickets span {
    display: none
}

.logued ul.buttons-participate li.mes-tickets span {
    display: block
}

.challenge #notice img {
    display: block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.challenge #notice.spread img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1
}

.challenge #notice.spread img.img2 {
    transition-delay: .5s
}

.challenge #notice.spread img.img3 {
    transition-delay: .9s
}

ul.buttons-participate li.bloc-aside {
    padding: 0;
    border-top: 10px solid #fff
}

ul.buttons-participate li.bloc-aside .top {
    display: block;
    background: #54565a;
    padding: 10px 0;
    position: relative
}

ul.buttons-participate li.bloc-aside:hover {
    background: none
}

ul.buttons-participate li.bloc-aside .top h3 {
    background: url('./europe1front/images/challenge/picto-chrono.png') no-repeat 258px 6px;
    font-size: 25px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 15px
}

ul.buttons-participate li.bloc-aside .top span {
    border-top: 20px solid #54565a;
    left: 122px;
    bottom: -9px;
    border-width: 10px
}

ul.buttons-participate li.bloc-aside .main {
    margin-top: 3px;
    display: block;
    float: left;
    border-bottom: 10px solid #fff
}

ul.buttons-participate li.bloc-aside .main .left {
    float: left;
    width: 132px;
    text-align: center
}

ul.buttons-participate li.bloc-aside .main .left img {
    margin: 20px 0 0px
}

ul.buttons-participate li.bloc-aside .main .left .legende {
    color: #fff;
    padding-top: 0;
    padding-bottom: 20px
}

ul.buttons-participate li.bloc-aside .main .left .legende strong {
    font-size: 18px;
    text-transform: uppercase;
    display: block
}

ul.buttons-participate li.bloc-aside .main .right {
    float: left;
    padding-left: 10px;
    text-align: left;
    width: 167px
}

ul.buttons-participate li.ready-game .top {
    background-color: #00b18a
}

ul.buttons-participate li.ready-game .top span {
    border-top: 10px solid #00b18a
}

ul.buttons-participate li.ready-game .main {
    background: url('./europe1front/images/challenge/bg-block-on-aside.png') no-repeat scroll left top
}

ul.buttons-participate li.bloc-aside .main .right img {
    margin-left: -5px
}

ul.buttons-participate li.bloc-aside .main .right strong.play {
    padding: 10px 0 0 4px
}

ul.buttons-participate li.bloc-aside .main .right strong.play span {
    font-size: 24px
}

ul.buttons-participate li.bloc-aside .main .right .game {
    display: none
}

ul.buttons-participate li.ready-game .main .right strong.nogame {
    display: none
}

ul.buttons-participate li.ready-game .main .right .game {
    display: block
}

ul.buttons-participate li.bloc-aside .main .right .spantime, .challenge .spantime {
    float: left;
    color: #fff;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    padding-right: 8px;
    text-align: center
}

.spanH {
    width: 47px
}

.spanM, .spanS {
    width: 45px
}

.spanS {
    margin-left: -2px
}

ul.buttons-participate li.ready-game .main .right .game strong {
    text-align: left
}

.timer-zone {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 29px auto;
    background: #00B18A;
    width: 600px;
    height: 60px;
    padding: 0 13px;
    line-height: 60px;
    text-align: center;
    vertical-align: top
}

.timer-zone:not(.timer-zone-up):before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #00B18A transparent transparent transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -10px
}

.timer-zone:not(.timer-zone-up) .align-center {
    margin: 0 auto;
    height: 40px;
    line-height: 46px;
    vertical-align: top
}

.timer-zone:not(.timer-zone-up) .align-center strong {
    line-height: 46px
}

.timer-zone:not(.timer-zone-up) .align-center.align-center-smll {
    position: absolute;
    height: 10px;
    bottom: 2px;
    left: 50%;
    padding: 0;
    margin: 0 0 0 -100px;
    line-height: 10px
}

.timer-zone strong {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 25px;
    line-height: 60px;
    color: #fff
}

.timer-zone.timer-zone-up:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #00B18A transparent;
    left: 50%;
    top: -10px;
    margin-left: -10px
}

.timer-zone.timer-zone-up strong {
    position: absolute;
    display: block;
    left: 13px;
    top: 50%;
    height: 24px;
    margin-top: -12px;
    text-align: left;
    line-height: 24px
}

.timer-zone #retroclockbox1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 25px;
    font-weight: bold;
    line-height: 24px
}

.align-center {
    text-align: center;
    width: 452px;
    margin: 0 auto 10px;
    clear: both
}

.align-center-smll {
    width: 203px
}

.challenge .spantime {
    padding: 0 18px 5px 0;
    font-weight: bold
}

.challenge .spantime .spanS {
    padding-right: 8px
}

.battle {
    width: 100%;
    display: block;
    padding: 30px 0 22px;
    border-bottom: 1px solid #ccc;
    float: left
}

.battle .innerContainer {
    *zoom: 1;
    width: 600px;
    margin: 0 auto
}

.battle .innerContainer:before, .battle .innerContainer:after {
    content: '';
    display: table
}

.battle .innerContainer:after {
    clear: both
}

.battle .innerContainer figure {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0 20px;
    width: 190px;
    float: left;
    border-right: solid 1px #54565A
}

.battle .innerContainer figure:before, .battle .innerContainer figure:after {
    position: absolute;
    display: block;
    top: 50%;
    right: -1px;
    content: ''
}

.battle .innerContainer figure:before {
    margin-top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 1
}

.battle .innerContainer figure:after {
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #54565A transparent transparent;
    z-index: 0
}

.battle .innerContainer p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 410px;
    padding: 20px 0 0 20px;
    float: left;
    color: #63656A;
    font-size: 20px
}

.battle > strong {
    *zoom: 1;
    display: block;
    margin: 30px 0 10px;
    font-size: 17px;
    text-align: center;
    color: #63656A
}

.battle > strong:before, .battle > strong:after {
    content: '';
    display: table
}

.battle > strong:after {
    clear: both
}

.battle > strong.erreur {
    font-size: 15px;
    color: #f6343f
}

.club .clube1 .battle img {
    display: block;
    float: left;
    margin: -15px 0 30px 71px
}

.club .clube1 .battle p, .club .clube1 .battle strong {
    background: url('./europe1front/images/challenge/bg-sepa.png') no-repeat 15px 0;
    color: #54565A;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-left: 40px;
    height: 116px
}

.club .clube1 .battle strong, .ok-mmsge2 {
    font-size: 17px;
    height: auto;
    background: none;
    padding: 5px 0 0 19px;
    font-weight: bold
}

.challenge .ok-mmsge {
    background: url('./europe1front/images/challenge/ico-connect.png') no-repeat scroll right top #3799DB;
    color: #fff;
    display: block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 28px;
    font-weight: normal;
    height: 50px;
    line-height: 46px;
    padding-left: 19px
}

.ok-mmsge2 {
    color: #9a9a9a;
    line-height: 30px
}

.club .clube1 .battle strong.erreur {
    font-size: 15px;
    color: #f33745;
    width: 100%;
    text-align: center
}

.align-center3 strong {
    float: none
}

.btn-jouer-maintenant {
    width: 220px;
    margin: 41px auto 0;
    text-align: center
}

.btn-jouer-maintenant a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #00B18A;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 15px 12px;
    border: 1px solid #00B18A;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.btn-jouer-maintenant a:hover {
    color: #fff;
    background: #00B18A
}

.club .clube1 .battle .timer-zone-up strong {
    color: #fff;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 24px;
    float: left
}

.alert-score {
    text-align: center;
    width: 631px;
    margin-bottom: 0
}

.alert-score strong {
    width: 100%
}

.more-pts {
    background: url('./europe1front/images/challenge/bg-more-pts.png') no-repeat left top;
    color: #00B18A;
    font-family: 'Fira Sans', sans-serif;
    font-size: 60px;
    font-weight: bold;
    height: 134px;
    margin: 0 auto;
    text-align: center;
    width: 631px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 10px
}

.more-pts .arrow-dwn {
    background: url('./europe1front/images/challenge/arrow-dwn.png') no-repeat left top;
    bottom: -99px;
    display: block;
    height: 99px;
    left: 88px;
    position: absolute;
    width: 71px;
    z-index: 99999
}

ul.buttons-participate li.bloc-aside .main .right strong.nogame {
    text-align: left
}

ul.buttons-participate li.bloc-aside .main .right strong.nogame span {
    padding-bottom: 20px
}

section.twoCol .container .inner .main.challenge {
    *zoom: 1;
    padding: 0;
    background-color: #fff
}

section.twoCol .container .inner .main.challenge:before, section.twoCol .container .inner .main.challenge:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge:after {
    clear: both
}

section.twoCol .container .inner .main.challenge h2 img {
    width: 100%;
    height: auto
}

section.twoCol .container .inner .main.challenge p {
    text-align: center
}

section.twoCol .container .inner .main.challenge p span.intro {
    padding: 0 30px
}

section.twoCol .container .inner .main.challenge .challenges-intro {
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 26px 20px;
    width: 100%
}

section.twoCol .container .inner .main.challenge .challenges-intro:before, section.twoCol .container .inner .main.challenge .challenges-intro:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 15px
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2:before, section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .top h2:last-child {
    margin-right: 0%
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .main .bloc.frst .innerContainer:before, section.twoCol .container .inner .main.challenge .challenges-intro.on-air .main .bloc.frst .innerContainer:after {
    background-color: #00B18A
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .main .bloc.frst .innerContainer:after {
    background-color: #00C08D
}

section.twoCol .container .inner .main.challenge .challenges-intro.on-air .main .bloc.frst .innerContainer > span.icon {
    display: none;
    visibility: hidden
}

section.twoCol .container .inner .main.challenge .challenges-intro .top {
    margin: 30px 0 4px;
    position: relative;
    *zoom: 1;
    z-index: 1
}

section.twoCol .container .inner .main.challenge .challenges-intro .top:before, section.twoCol .container .inner .main.challenge .challenges-intro .top:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro .top:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro .top h2 {
    display: none
}

section.twoCol .container .inner .main.challenge .challenges-intro .top h3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 15px
}

section.twoCol .container .inner .main.challenge .challenges-intro .top h3:before, section.twoCol .container .inner .main.challenge .challenges-intro .top h3:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro .top h3:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro .top h3:last-child {
    margin-right: 0%
}

section.twoCol .container .inner .main.challenge .challenges-intro .main {
    position: relative;
    *zoom: 1;
    padding: 0;
    margin-right: 0;
    z-index: 0
}

section.twoCol .container .inner .main.challenge .challenges-intro .main:before, section.twoCol .container .inner .main.challenge .challenges-intro .main:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro .main:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: 0%;
    background-color: #f3f3f3;
    height: 290px
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc:before, section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc:last-child {
    margin-right: 0%
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer {
    position: relative;
    height: 100%
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer:before, section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50%;
    height: 160px;
    background-color: #54565A;
    content: '';
    z-index: 0
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer:after {
    left: auto;
    right: 0;
    background-color: #63656A
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer > * {
    z-index: 1;
    position: relative;
    display: block
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer a {
    width: 120px;
    margin: 0 auto
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc .innerContainer > span.icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc.frst {
    border-right: solid 2px #fff
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc.frst .innerContainer {
    position: relative
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc.frst .innerContainer > strong {
    position: relative
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc.frst .innerContainer > strong:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    top: 0;
    left: 50%;
    margin-left: -10px;
    z-index: 0
}

section.twoCol .container .inner .main.challenge .challenges-intro .main .bloc.last {
    border-left: solid 2px #fff
}

section.twoCol .container .inner .main.challenge .winners {
    padding: 40px 25px;
    *zoom: 1
}

section.twoCol .container .inner .main.challenge .winners:before, section.twoCol .container .inner .main.challenge .winners:after {
    content: '';
    display: table
}

section.twoCol .container .inner .main.challenge .winners:after {
    clear: both
}

section.twoCol .container .inner .main.challenge .winners h3 {
    margin-bottom: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 25px;
    color: #00B18A
}

section.twoCol .container .inner .main.challenge .winners ul {
    margin: 0
}

section.twoCol .container .inner .main.challenge .winners ul li {
    width: 100%;
    font-size: 18px;
    color: #54565a;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-bottom: 20px
}

section.twoCol .container .inner .main.challenge .winners ul li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 300px
}

section.twoCol .container .inner .main.challenge .winners ul li strong {
    color: #228adf;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

section.twoCol .container .inner .main.challenge .winners ul li strong em {
    color: #54565a
}

section.twoCol .container .inner .main.challenge .winners.reglement p {
    color: #54565a;
    font-size: 14px;
    text-align: justify;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

section.twoCol .container .inner .main.challenge .social-play {
    text-align: center
}

section.twoCol .container .inner .main.challenge .social-play p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: auto;
    padding: 0 15px;
    font-size: 18px;
    color: #54565a;
    line-height: 80px
}

section.twoCol .container .inner .main.challenge .social-play ul.share {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

section.twoCol .container .inner .main.challenge .social-play .btn-jouer-maintenant {
    width: 100%;
    margin: 14px 0 57px;
    text-align: center
}

section.twoCol .container .inner .main.challenge .social-play .btn-jouer-maintenant a {
    margin: 0 0 0 45px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

section.twoCol .container .inner .main.challenge .social-play .btn-jouer-maintenant a:first-child {
    margin-left: 0
}

section.twoCol .container .inner .main.challenge .score {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 0 20px;
    display: block;
    background: url('./europe1front/images/challenge/bg-score.png') no-repeat center center;
    background-size: cover
}

section.twoCol .container .inner .main.challenge .score .vase {
    position: relative;
    top: 113px;
    left: 193px;
    width: 175px;
    height: 209px;
    display: block;
    z-index: 888
}

section.twoCol .container .inner .main.challenge .score .vase img {
    z-index: 999;
    position: absolute
}

section.twoCol .container .inner .main.challenge .score .vase .bg {
    position: absolute;
    bottom: 0;
    height: 86%;
    margin: 0 15px 15px;
    width: 145px;
    background: none repeat 0 0 #3498db
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche {
    background: url('./europe1front/images/challenge/fleche.png') 14px 97px no-repeat;
    position: relative;
    top: -136px;
    left: 160px;
    width: 385px;
    height: 270px;
    z-index: 9999
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .pointe {
    height: 80px;
    left: -37px;
    position: absolute;
    top: 97px;
    width: 51px
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .pointe img {
    display: block;
    z-index: 1000000;
    height: 80px;
    width: 51px
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .txt {
    display: block;
    width: 100%;
    height: 100%;
    text-align: right;
    font-size: 20px;
    color: #00B18A;
    line-height: 30px
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .txt .notice, section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .txt .number {
    display: block;
    height: 68px;
    padding-top: 26px;
    width: 100%
}

section.twoCol .container .inner .main.challenge .score .vase .bg .fleche .txt .number {
    color: #fff;
    font-size: 45px;
    margin-left: 81px;
    text-align: left;
    width: 74%;
    height: 45px
}

section.twoCol .container .inner .main.challenge .club .clube1 .winners-score {
    padding: 0 25px
}

section.twoCol .container .inner .main.challenge .club .clube1 .winners-score h3 {
    margin-bottom: 0
}

section.twoCol .container .inner #asideChallenge .space {
    width: 100%
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .top {
    position: relative;
    background-color: #54565a
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .top:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #54565a transparent transparent transparent;
    left: 122px;
    bottom: -9px
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main {
    position: relative
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main:before, section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main:after {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    content: '';
    z-index: 1
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main:before {
    width: 132px;
    left: 0;
    background-color: #54565A
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main:after {
    width: 168px;
    right: 0;
    background-color: #63656A
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer {
    *zoom: 1;
    position: relative
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer:before, section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer:after {
    content: '';
    display: table
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer:after {
    clear: both
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    left: 122px;
    top: 0;
    z-index: 2
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer .left, section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer .right {
    position: relative;
    z-index: 3
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li#next-game a.withContent .main .innerContainer span.icon-lock {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 10px;
    z-index: 4
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li.ready-game a.withContent .top:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #00B18A transparent transparent transparent;
    left: 122px;
    bottom: -9px
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li.ready-game a.withContent .top h3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li.ready-game a.withContent .main:before {
    background-color: #00B18A
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li.ready-game a.withContent .main:after {
    background-color: #00C08D
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li.ready-game a.withContent .main .innerContainer {
    position: relative
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li a.withContent {
    padding-left: 0
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li a.withContent .top {
    margin-bottom: 4px;
    position: relative;
    z-index: 2
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li a.withContent .main {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 1
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li a.withContent .main .left {
    width: 130px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

section.twoCol .container .inner #asideChallenge ul.buttons-participate li a.withContent .main .right {
    width: 170px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#mosaicContainer {
    padding-bottom: 60px;
    background-color: #dadada;
    overflow: hidden;
    min-height: 300px;
    position: relative
}

#mosaicContainer section {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    zoom: 1;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: all ease 500ms 500ms;
    -moz-transition: all ease 500ms 500ms;
    -ms-transition: all ease 500ms 500ms;
    -o-transition: all ease 500ms 500ms;
    transition: all ease 500ms 500ms
}

#mosaicContainer section .container {
    height: 100%;
    line-height: inherit
}

#mosaicContainer p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    max-width: 90%;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

#mosaicContainer p strong {
    display: block;
    margin-bottom: 6px;
    font-size: 26px;
    line-height: 28px
}

.mosaic {
    display: block;
    width: 100%;
    min-height: 300px;
    overflow: hidden
}

.mosaic li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 10%;
    margin-left: 0%;
    margin-right: 0%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.mosaic li:before, .mosaic li:after {
    content: '';
    display: table
}

.mosaic li:after {
    clear: both
}

.mosaic li:last-child {
    margin-right: 0%
}

.mosaic li figure {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease 600ms 0s;
    -moz-transition: all ease 600ms 0s;
    -ms-transition: all ease 600ms 0s;
    -o-transition: all ease 600ms 0s;
    transition: all ease 600ms 0s
}

.mosaic li.letter {
    cursor: default
}

.mosaic li.letter span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 120px;
    color: #228adf;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all ease 600ms 0s;
    -moz-transition: all ease 600ms 0s;
    -ms-transition: all ease 600ms 0s;
    -o-transition: all ease 600ms 0s;
    transition: all ease 600ms 0s
}

.mosaic li.button {
    position: relative;
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 20%;
    margin-left: 0%;
    margin-right: 0%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #fff
}

.mosaic li.button:before, .mosaic li.button:after {
    content: '';
    display: table
}

.mosaic li.button:after {
    clear: both
}

.mosaic li.button:last-child {
    margin-right: 0%
}

.mosaic li.button a {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    display: block;
    width: 260px;
    height: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -40px;
    margin-left: -130px;
    font-size: 39px;
    color: #228adf;
    text-transform: uppercase;
    text-align: center;
    line-height: 78px;
    border: 2px solid #228adf;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    -ms-border-radius: 45px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s;
    -webkit-transition: left ease 600ms 0s;
    -moz-transition: left ease 600ms 0s;
    -ms-transition: left ease 600ms 0s;
    -o-transition: left ease 600ms 0s;
    transition: left ease 600ms 0s
}

.mosaic li.button a:hover {
    background-color: #228adf;
    color: #fff
}

.mosaic li.left figure, .mosaic li.left span {
    position: absolute;
    top: 0;
    right: 100%
}

.mosaic li.right figure, .mosaic li.right span {
    position: absolute;
    top: 0;
    left: 100%
}

.mosaic li.top figure, .mosaic li.top span {
    position: absolute;
    left: 0;
    bottom: 100%
}

.mosaic li.bottom figure, .mosaic li.bottom span {
    position: absolute;
    left: 0;
    top: 100%
}

.mosaic.left, .mosaic.right {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 10%;
    margin-left: 0%;
    margin-right: 0%
}

.mosaic.left:before, .mosaic.left:after, .mosaic.right:before, .mosaic.right:after {
    content: '';
    display: table
}

.mosaic.left:after, .mosaic.right:after {
    clear: both
}

.mosaic.left:last-child, .mosaic.right:last-child {
    margin-right: 0%
}

.mosaic.left li, .mosaic.right li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%
}

.mosaic.left li:before, .mosaic.left li:after, .mosaic.right li:before, .mosaic.right li:after {
    content: '';
    display: table
}

.mosaic.left li:after, .mosaic.right li:after {
    clear: both
}

.mosaic.left li:last-child, .mosaic.right li:last-child {
    margin-right: 0%
}

.mosaic.center {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 80%;
    margin-left: 0%;
    margin-right: 0%
}

.mosaic.center:before, .mosaic.center:after {
    content: '';
    display: table
}

.mosaic.center:after {
    clear: both
}

.mosaic.center:last-child {
    margin-right: 0%
}

.mosaic.center li {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 12.5%;
    margin-left: 0%;
    margin-right: 0%
}

.mosaic.center li:before, .mosaic.center li:after {
    content: '';
    display: table
}

.mosaic.center li:after {
    clear: both
}

.mosaic.center li:last-child {
    margin-right: 0%
}

.assist-main-container {
    display: block;
    margin-top: 10px;
    padding-right: 20px
}

.assist-main-container div.assist-container {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 30.66667%;
    margin-left: 0%;
    margin-right: 4%;
    height: auto
}

.assist-main-container div.assist-container:before, .assist-main-container div.assist-container:after {
    content: '';
    display: table
}

.assist-main-container div.assist-container:after {
    clear: both
}

.assist-main-container div.assist-container:last-child {
    margin-right: 0%
}

.assist-main-container div.assist-container h2 {
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 24px;
    color: #228adf;
    text-transform: uppercase
}

.assist-main-container div.assist-container p.assist-with {
    font-size: 16px;
    color: #228adf
}

.assist-main-container div.assist-container p.assist-when {
    margin: 3px 0 10px;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #858383
}

.assist-main-container div.assist {
    position: relative;
    width: 100%;
    height: auto
}

.assist-main-container div.assist figure a {
    display: block;
    position: relative
}

.assist-main-container div.assist figure a img:first-child + img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.assist-main-container div.assist figure a:hover img:first-child + img {
    opacity: 100;
    filter: alpha(opacity=10000);
    -moz-opacity: 100
}

.assist-main-container-test {
    width: 100%;
    overflow: hidden
}

.assist-main-container-test ul {
    width: 100%;
    background-color: #fff
}

.assist-main-container-test ul li {
    width: 30%;
    float: left;
    margin-left: 2%
}

.assist-main-container-test ul li:first-child {
    margin-left: 0
}

.assist-main-container-test ul li ul {
    width: 100%;
    height: 100%
}

.assist-main-container-test ul li ul div {
    height: 100px
}

s .assist-main-container-test ul li ul li:first-child {
    padding-left: 0
}

.assist-main-container-test ul li ul .assist-title {
    width: 90%;
    padding-left: 0;
    margin-bottom: 3px;
    font-size: 18px;
    color: #228adf;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 25px;
    margin-left: 4px
}

.assist-main-container-test ul li ul .assist-animator {
    padding-left: 0;
    width: 90%;
    font-size: 15px;
    color: #228adf;
    text-transform: capitalize;
    min-height: 25px
}

.assist-main-container-test ul li ul .assist-animator span {
    text-transform: uppercase
}

.assist-main-container-test ul li ul .assist-date {
    padding-left: 0;
    width: 90%;
    margin-bottom: 10px;
    font-size: 14px;
    color: #858383;
    font-weight: bold
}

.assist-main-container-test ul li ul .assist-assist {
    display: none
}

.assist-main-container-test ul li ul .assist-img {
    padding-left: 0;
    width: 100%;
    position: relative
}

.assist-main-container-test ul li ul .assist-img a {
    width: 100%
}

.assist-main-container-test ul li ul .assist-img a img {
    width: 100%;
    overflow: hidden
}

.assist-main-container-test ul li ul .assist-img a img:first-child {
    display: none
}

.assist-main-container-test ul li ul .assist-img a .img-hover {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.assist-main-container-test ul li ul .assist-img a:hover .img-hover {
    display: block;
    top: 0;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.twoCol .page_html .header {
    padding-left: 0 !important;
    padding-top: 0 !important;
    margin-left: 0 !important
}

@media all and (max-width: 30.0525em) {
    .twoCol .page_html .header {
        padding-left: 0 !important;
        padding-top: 0 !important;
        margin-left: 0 !important
    }
}

.assister-emissions {
    padding: 0 20px
}

.col-emission {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 30%;
    padding-bottom: 15px
}

.col-emission + .col-emission {
    margin-left: 5%
}

.col-emission h2 {
    font-size: 20px;
    line-height: 1.25;
    min-height: 2.5em;
    color: #228adf;
    text-transform: uppercase
}

.col-emission h3 {
    font-size: 15px;
    line-height: 1;
    color: #228adf
}

.col-emission h3 span {
    text-transform: uppercase
}

.col-emission .frequence {
    font-size: 14px;
    color: #858383;
    padding-top: 10px
}

.col-emission .choix-emission {
    position: relative;
    display: block;
    margin-top: 15px
}

.col-emission .choix-emission:hover .link-block {
    background-color: rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
    background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
    background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
    background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.8)')
}

.col-emission .choix-emission:hover figcaption {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1
}

.col-emission .choix-emission .link-block {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

.col-emission .choix-emission img {
    width: 100%;
    position: relative
}

.col-emission .choix-emission figure {
    position: relative
}

.col-emission .choix-emission figcaption {
    display: none;
    position: absolute;
    top: 57%;
    z-index: 3;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0
}

.col-emission .choix-assister {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 4px;
    right: 4px;
    z-index: 3;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #228adf;
    border: 4px solid #fff;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -o-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -webkit-transform: translate(0, 0, 0);
    behavior: url('./europe1front/js/src/PIE.htc');
    max-width: 164px
}

.col-emission-content {
    position: relative;
    max-width: 180px;
    margin: 0 auto
}

@media all and (max-width: 50.0525em) {
    #overall {
        max-width: 100%
    }

    .assister-emissions {
        padding: 0 10px
    }

    .col-emission-content {
        padding: 0 3px
    }

    .col-emission {
        width: 33.3333%;
        margin-left: 0 !important
    }

    .col-emission h2 {
        font-size: 23px
    }

    .col-emission h3 {
        line-height: 1.5
    }

    .col-emission .choix-emission {
        margin-top: 10px
    }

    .col-emission .choix-assister {
        font-size: 11px;
        left: 7px;
        right: 7px
    }
}

@media all and (max-width: 33.24em) {
    .col-emission h2 {
        font-size: 20px
    }

    .col-emission h3 {
        min-height: 3em
    }
}

@media all and (max-width: 30.0525em) {
    .assister-emissions {
        padding: 0;
        margin-left: -20px;
        margin-right: -20px
    }

    .col-emission {
        display: block;
        width: auto;
        border-top: 1px solid #dadada;
        padding: 20px 10px 20px 20px;
        *zoom: 1
    }

    .col-emission:before, .col-emission:after {
        content: '';
        display: table
    }

    .col-emission:after {
        clear: both
    }

    .col-emission .photo-animateur {
        display: block;
        float: left;
        margin-right: 20px
    }

    .col-emission h2 {
        padding: 0;
        font-size: 20px;
        line-height: 1
    }

    .col-emission h2, .col-emission h3 {
        min-height: 100%
    }

    .col-emission .frequence {
        padding-top: 2px
    }

    .col-emission .choix-assister {
        position: absolute;
        left: 115px;
        bottom: -25px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 8px;
        border: none
    }

    .col-emission-content {
        padding: 0 0 20px;
        max-width: 100%
    }

    .CDM_classement {
        padding: 30px 0
    }

    .CDM_classement table td {
        padding: 5px 2px
    }
}

@media all and (min-width: 64.0625em) and (max-width: 79.99em) {
    article.xsmall .title {
        height: 45px
    }
}

@media all and (max-width: 64.0525em) {
    #page {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: left ease 300ms 0s;
        -moz-transition: left ease 300ms 0s;
        -ms-transition: left ease 300ms 0s;
        -o-transition: left ease 300ms 0s;
        transition: left ease 300ms 0s
    }

    #page.padded {
        padding-top: 48px
    }

    #page.shifted {
        left: 430px;
        overflow: visible
    }

    .threeCol .container .inner {
        padding-right: 521px
    }

    #news article {
        padding-right: 20px
    }

    aside#replay {
        right: 320px;
        width: 201px
    }

    aside#replay .flashinfos ul .wrapper div, aside#more .flashinfos ul .wrapper div {
        width: 120px
    }
}

@media all and (max-width: 64.0525em) {
    .overlay-bg {
        visibility: visible
    }

    .overlay-bg.padded .open-header {
        top: 18px
    }

    .overlay-bg.shifted {
        left: 430px
    }

    ul.ui-autocomplete {
        width: 430px !important;
        border-right: 0;
        border-left: 0
    }

    ul.ui-autocomplete.bigger {
        width: 430px !important
    }
}

@media all and (max-width: 64.0525em) {
    #mosaicContainer .container {
        padding-left: 20px;
        padding-right: 20px
    }

    #mosaicContainer p strong {
        font-size: 22px;
        line-height: 20px
    }

    .mosaic li.button a {
        width: 160px;
        height: 66px;
        margin-top: -33px;
        margin-left: -80px;
        font-size: 20px;
        line-height: 64px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    body > h1 {
        bottom: 133px
    }

    #home #news .full article .description .title {
        font-size: 12.5px;
        line-height: 14px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    ul.share li span.count {
        font-size: 14px
    }
}

@media all and (max-width: 64.0525em) {
    #mainArticle .articleBody .social figure figcaption p {
        line-height: 19px
    }

    #mainArticle .articleBody .social .share {
        width: 100%
    }
}

@media all and (min-width: 50.0625em) and (max-width: 64.0525em) {
    #article #inside {
        display: none
    }

    #article .container .inner {
        padding-right: 320px
    }

    #article .container .inner .main > div {
        margin-right: 0;
        padding-right: 20px
    }

    #article header {
        padding-top: 20px
    }

    #article header nav.nav {
        width: 68px
    }

    #article header nav.nav ul li span:not(.icon) {
        display: none;
        visibility: hidden
    }

    #article header nav.nav ul li span.icon {
        width: 33px
    }

    #mainArticle > *:not(.articleBody) {
        margin-right: 20px
    }

    #mainArticle .articleInfos {
        margin-right: 0
    }

    #mainArticle .articleInfos #options {
        padding-right: 10px
    }

    #mainArticle .articleBody {
        padding-right: 0
    }

    #mainArticle .articleBody > * {
        margin-right: 20px
    }

    #mainArticle .articleBody > .uncropped {
        margin-right: 20px
    }

    #mainArticle .articleBody figure {
        margin-right: 20px
    }

    #mainArticle .articleBody figure:first-child {
        margin-right: 0
    }

    #mainArticle .articleBody > div.social {
        margin-right: 0;
        padding: 0 20px;
        height: 85px
    }

    #mainArticle .articleBody > div.social figure {
        padding-left: 20px;
        line-height: 84px
    }

    #mainArticle .articleBody > div.social figure img {
        display: none
    }

    #mainArticle .articleBody > div.social figure figcaption ul {
        display: none;
        visibility: hidden
    }

    #mainArticle .articleBody > div.social .share {
        line-height: 84px
    }

    #mainArticle .articleBody > div.withImg figure {
        margin-right: 20px;
        margin-bottom: 20px
    }

    #mainArticle .articleBody > div.quotes blockquote {
        margin-left: 60px;
        margin-right: 60px
    }

    #mainArticle .articleBody > div.quotes .source {
        margin: 0 60px
    }

    #mainArticle .articleBody h2 {
        margin-top: 40px
    }

    #mainArticle .articleBody iframe.video {
        padding-right: 20px
    }

    #mainArticle.replay .articleBody .videoBox {
        margin-right: 0
    }

    #mainArticle.replay .articleBody > div.social {
        padding-top: 20px;
        height: auto
    }

    #mainArticle.replay .articleBody > div.social figure {
        width: 44%;
        line-height: 30px
    }

    #mainArticle.replay .articleBody > div.social .share {
        line-height: 40px;
        margin-bottom: 15px
    }

    #mainArticle.replay .articleBody > div.social .program {
        margin-top: 3px
    }

    #mainArticle.replay .articleBody > div.social .program li {
        margin-right: 0;
        margin-left: 10px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    article .description .title {
        max-height: 62px;
        font-size: 17px;
        line-height: 20px
    }

    article .description .source {
        font-size: 10px;
        line-height: 12px
    }

    article.xsmall .title {
        height: 45px;
        font-size: 14px;
        overflow: hidden
    }

    #news .full article .title {
        max-height: 43px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    #moreArticles article .description .title {
        font-size: 17px;
        line-height: 20px
    }

    #moreArticles article .description .source {
        font-size: 10px;
        line-height: 12px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    .container .inner .main.club h3 {
        font-size: 20px;
        line-height: 24px
    }
}

@media all and (max-width: 64.0525em) {
    #replay .highlight {
        padding-left: 80px
    }

    #replay .highlight figure {
        left: 5px
    }

    #replay .highlight .description {
        margin-top: 18px
    }

    #replay ul .wrapper {
        padding-top: 35px
    }

    #replay ul .wrapper:before {
        background-position: center -41px
    }

    #replay ul .wrapper div {
        width: 114px;
        float: right
    }

    #replay ul .time {
        position: absolute;
        left: 0;
        top: 9px;
        margin-top: 0
    }

    #replay ul .time:after {
        top: 75px
    }

    #replay ul figure {
        width: 50px
    }

    #replay ul li:hover {
        z-index: 2
    }

    #replay ul li:hover > span:after {
        background-color: #228adf
    }
}

@media all and (min-width: 50.0625em) and (max-width: 60.0525em) {
    #inside {
        display: none;
        visibility: hidden
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    #search header.program .infos h1 {
        font-size: 25px;
        line-height: 30px
    }
}

@media all and (min-width: 60.0625em) and (max-width: 64.0525em) {
    .soundWrapper {
        margin-top: 20px
    }
}

@media all and (min-width: 50.0625em) {
    section.threeCol .container .inner #news {
        display: block !important;
        visibility: visible !important
    }

    section.threeCol .container .inner aside#replay {
        display: block !important;
        visibility: visible !important
    }
}

@media all and (min-width: 50.0625em) and (max-width: 60.0525em) {
    #moreArticles article {
        padding-right: 20px
    }

    #more-articles article {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 32%;
        margin-left: 0%;
        margin-right: 2%
    }

    #more-articles article:before, #more-articles article:after {
        content: '';
        display: table
    }

    #more-articles article:after {
        clear: both
    }

    #more-articles article:last-child {
        margin-right: 0%
    }

    #more-articles article:nth-child(3), #more-articles article:nth-child(7) {
        margin-right: 0
    }

    #more-articles article.last {
        display: none
    }

    #more-articles .container > span {
        width: 260px;
        left: 50%;
        margin-left: -130px
    }
}

@media all and (min-width: 50.0625em) and (max-width: 60.0525em) {
    #news {
        display: block;
        visibility: visible
    }

    #news .full {
        padding-right: 20px
    }

    #news .full article {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48%;
        margin-left: 0%;
        margin-right: 4%
    }

    #news .full article:before, #news .full article:after {
        content: '';
        display: table
    }

    #news .full article:after {
        clear: both
    }

    #news .full article:last-child {
        margin-right: 0%
    }

    #news .full article:nth-of-type(2) {
        margin-right: 0
    }

    #news .full article.last {
        display: none;
        visibility: hidden
    }
}

@media all and (max-width: 60.0525em) {
    .btn.round {
        font-size: 9.6px
    }

    .btn:not(.round).up {
        *zoom: 1;
        width: auto;
        max-width: 260px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0
    }

    .btn:not(.round).up:before, .btn:not(.round).up:after {
        content: '';
        display: table
    }

    .btn:not(.round).up:after {
        clear: both
    }
}

@media all and (max-width: 60.0525em) {
    form .form-control {
        width: 100%
    }

    form .form-control .form-error {
        left: 33%
    }

    form .form-control label, form .form-control > p {
        width: 32%
    }

    form .form-control input, form .form-control textarea, form .form-control ul {
        width: 65%
    }

    form .form-control input li, form .form-control textarea li, form .form-control ul li {
        vertical-align: top;
        margin-left: 0;
        margin-right: 10px
    }

    form .form-control button {
        margin-left: 33%
    }
}

@media all and (max-width: 60.0525em) {
    body > h1 {
        width: 960px;
        margin-left: -480px
    }

    #news > div.full:before {
        right: 20px
    }

    #news .buttonWrapper {
        padding-right: 20px
    }
}

@media all and (min-width: 50.0625em) and (max-width: 60.0525em) {
    #mainArticle .articleBody .quotes blockquote {
        font-size: 20px;
        line-height: 28px
    }
}

@media all and (max-width: 60.0525em) {
    #comments {
        width: 100%;
        padding-top: 10px;
        background-color: #fff
    }

    #comments .comment {
        padding-top: 0
    }

    #comments .comment > p {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 85px
    }

    #comments .comment .wrapper p {
        padding-left: 0;
        border: 0
    }

    #comments .comment .wrapper figure {
        top: 0
    }

    #comments .comment .wrapper button {
        float: none;
        margin-top: 0;
        color: #888888;
        background-color: transparent;
        padding-left: 0;
        text-align: left
    }

    #comments .comment .wrapper button:hover {
        background-color: transparent;
        color: #228adf
    }

    #comments .comment.answer {
        margin-left: 0
    }

    #comments .comment.answer > p {
        padding-left: 100px
    }

    #comments .comment.answer .wrapper {
        padding-left: 83px
    }

    #comments .comment.answer .wrapper figure {
        left: 30px
    }

    #comments > a {
        margin-bottom: 30px
    }
}

@media all and (max-width: 60.0525em) {
    article .description .infos, article .description .source {
        font-size: 10px
    }

    article .description .title {
        max-height: 56px;
        font-size: 15px;
        line-height: 18px
    }

    article.xsmall .description .title {
        font-size: 12px;
        line-height: 14px;
        max-height: 43px
    }

    #news .full article .title {
        max-height: 54px
    }
}

@media all and (max-width: 60.0525em) {
    .list ul.list li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: 0%;
        min-height: 175px
    }

    .list ul.list li:before, .list ul.list li:after {
        content: '';
        display: table
    }

    .list ul.list li:after {
        clear: both
    }

    .list ul.list li:last-child {
        margin-right: 0%
    }

    .list ul.list li figure figcaption {
        text-align: center
    }

    .list ul.programs li {
        min-height: 260px
    }

    .list ul.handbook li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 5.88235%;
        margin-left: 0%;
        margin-right: 0%;
        height: 32px;
        line-height: 32px
    }

    .list ul.handbook li:before, .list ul.handbook li:after {
        content: '';
        display: table
    }

    .list ul.handbook li:after {
        clear: both
    }

    .list ul.handbook li:last-child {
        margin-right: 0%
    }

    .list ul.handbook.animateurs li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 5.88235%;
        margin-left: 0%;
        margin-right: 0%
    }

    .list ul.handbook.animateurs li:before, .list ul.handbook.animateurs li:after {
        content: '';
        display: table
    }

    .list ul.handbook.animateurs li:after {
        clear: both
    }

    .list ul.handbook.animateurs li:last-child {
        margin-right: 0%
    }

    .list ul.handbook.tags li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 14.28571%;
        margin-left: 0%;
        margin-right: 0%
    }

    .list ul.handbook.tags li:before, .list ul.handbook.tags li:after {
        content: '';
        display: table
    }

    .list ul.handbook.tags li:after {
        clear: both
    }

    .list ul.handbook.tags li:last-child {
        margin-right: 0%
    }
}

@media all and (max-width: 60.0525em) {
    ul.archives li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 20px
    }

    ul.archives li:before, ul.archives li:after {
        content: '';
        display: table
    }

    ul.archives li:after {
        clear: both
    }

    ul.archives li:last-child {
        margin-right: 0%
    }

    ul.archives li:first-child {
        margin-top: 0
    }

    ul.archives article {
        *zoom: 1;
        height: auto;
        padding-left: 240px;
        position: relative;
        min-height: 120px
    }

    ul.archives article:before, ul.archives article:after {
        content: '';
        display: table
    }

    ul.archives article:after {
        clear: both
    }

    ul.archives article figure {
        position: absolute;
        left: 0;
        top: 0;
        width: 240px;
        height: 120px;
        z-index: 1
    }

    ul.archives article div.description {
        padding-top: 0
    }

    ul.archives article div.description .content {
        display: none;
        visibility: hidden
    }

    .archives ul.handbook > li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 25%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 15px
    }

    .archives ul.handbook > li:before, .archives ul.handbook > li:after {
        content: '';
        display: table
    }

    .archives ul.handbook > li:after {
        clear: both
    }

    .archives ul.handbook > li:last-child {
        margin-right: 0%
    }
}

@media all and (max-width: 60.0525em) {
    #page section.twoCol .container .inner .main.club {
        padding-top: 20px
    }

    #page section.twoCol .container .inner .main.club h3 {
        height: auto
    }

    #page section.twoCol .container .inner .main.club .button {
        width: 180px;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc');
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 7px
    }

    #page section.twoCol .container .inner .main.club .button.bt-small {
        width: 50%
    }

    #page section.twoCol .container .inner .main.club .space.listing .inline-b > div ul li.half div h4 {
        margin-top: 1px
    }

    #page section.twoCol .container .inner .main.club .space.listing .inline-b > div ul li.half div.content {
        padding-left: 10px
    }

    #page section.twoCol .container .inner .main.club .sharing a.icon-facebook {
        margin-left: 0
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2 {
        width: 100%
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .link {
        *zoom: 1
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .link:before, #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .link:after {
        content: '';
        display: table
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .link:after {
        clear: both
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .button {
        float: left;
        margin-left: 32%;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc');
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-connexion .button:hover {
        color: #fff;
        background-color: #228adf;
        border-color: #228adf
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription {
        position: relative;
        padding-left: 0
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription p br {
        display: none;
        visibility: hidden
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription:before, #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription:after {
        position: absolute;
        top: 0;
        display: block;
        width: 20px;
        height: 100%;
        background-color: #3699db;
        content: ''
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription:before {
        left: -20px
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription:after {
        right: -20px
    }

    #page section.twoCol .container .inner .main.col-main .box div.fl-2.box-inscription .button {
        float: left;
        margin: 10px 0;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc');
    }

    .club .optins {
        border-top: none;
        position: relative;
        padding-top: 10px
    }

    .club .optins .opt-mail {
        padding-left: 0
    }

    .club .optins .opt-mail .icon {
        display: none;
        visibility: hidden
    }

    .club .optins:before {
        position: absolute;
        left: -20px;
        right: -20px;
        display: block;
        height: 1px;
        background-color: #ccc;
        content: ''
    }

    .club .checkbox label {
        padding-left: 35px;
        padding-right: 35px
    }

    .club .checkbox label span:not(.form-error) {
        margin-left: 0
    }

    .club .checkbox .alertes label {
        padding: 0
    }

    .club .checkbox .alertes label span:not(.form-error) {
        margin-left: 10px
    }
}

@media all and (max-width: 60.0525em) {
    #live .container .inner .aside {
        padding-top: 25px
    }

    section.live .inner > p.title {
        margin-right: 20px
    }

    #player_ctner #player_ctnt #main_playlist {
        min-height: 300px;
        max-height: 380px
    }

    #player_ctner #player_ctnt #control {
        width: 44.78827%
    }

    #progressbar_ctnter {
        width: 155px
    }

    div.soundWrapper {
        margin-top: 20px
    }
}

@media all and (max-width: 60.0525em) {
    #search header.program figure {
        margin-bottom: 90px
    }

    #search header.program figure .infos h2 {
        position: absolute;
        top: 100%;
        margin-top: 10px;
        color: #000
    }

    #search header.program figure figcaption {
        min-height: 75px;
        line-height: 75px;
        padding: 0 65px 0 20px
    }

    #search header.program figure figcaption div.sponsor {
        width: 140px;
        padding-left: 0;
        text-align: center;
        line-height: 40px
    }

    #search header.program figure figcaption div.sponsor p {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    #search header.program figure figcaption div.sponsor img {
        max-width: 60px
    }

    #search header.program nav {
        line-height: 30px
    }

    #search header.regular {
        padding-top: 18px
    }

    #search header.regular > div {
        padding-left: 170px
    }

    #search header.regular > div figure {
        width: 150px
    }

    #search header.regular > div > div > ul li {
        margin-left: 10px
    }

    #search header.regular > div > div nav ul {
        line-height: 38px
    }

    #search header.regular > div > div nav ul.program {
        line-height: 38px
    }

    #search header.regular > div > div nav ul.program li {
        margin-right: 10px;
        margin-left: 0
    }

    #search article {
        padding-left: 260px;
        min-height: 140px;
        margin: 0
    }

    #search article:first-child {
        margin-top: 10px
    }

    #search article figure {
        width: 240px
    }

    #search article div .title {
        font-size: 18px
    }

    #search article div > span {
        display: none;
        visibility: hidden
    }

    section.alert .inner p {
        font-size: 18px
    }

    .twoCol .main .header {
        padding-top: 20px
    }

    .twoCol .main.services figure {
        padding-left: 260px
    }

    .twoCol .main.services figure img {
        width: 240px;
        height: auto
    }

    .twoCol .main.services figcaption p {
        line-height: 16px
    }

    .twoCol .main.services figcaption p.title {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 20px
    }

    .twoCol .main.tutorial > ul.tutorial:after {
        left: 120px
    }

    .twoCol .main.tutorial > ul.tutorial li figure {
        padding-left: 240px;
        height: 180px;
        line-height: 180px
    }

    .twoCol .main.tutorial > ul.tutorial li figure img {
        width: 180px
    }

    .twoCol .main.tutorial > ul.tutorial li figure figcaption {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        padding: 0;
        line-height: normal
    }

    .twoCol .main .grille {
        padding-top: 0
    }

    .twoCol .main .grille ul.program li {
        margin-right: 0
    }
}

@media all and (max-width: 60.0525em) {
    #mosaicContainer .mosaic li.letter span {
        font-size: 80px
    }

    #mosaicContainer .mosaic li.button a {
        left: 50% !important;
        margin-top: -30px;
        margin-left: -80px;
        height: 60px;
        width: 160px;
        line-height: 58px;
        font-size: 28px
    }

    #mosaicContainer section .container {
        padding: 0 10px
    }

    #mosaicContainer section .container p {
        max-width: 100%;
        font-size: 14px
    }

    #mosaicContainer section .container p strong {
        font-size: 20px
    }
}

@media all and (max-width: 60.0525em) {
    .main.regular .box .half {
        width: 100%;
        float: none
    }
}

@media all and (max-width: 50.0525em) {
    .overlay-bg {
        z-index: 9990;
        left: 0
    }

    .overlay-bg.shifted {
        left: 0
    }
}

@media all and (max-width: 50.0525em) {
    #page {
        padding-top: 115px
    }

    #page.shifted {
        left: 0;
        overflow: hidden
    }

    #page.padded {
        padding-top: 10px
    }

    #page.category {
        padding-top: 102px
    }

    #page.category.padded {
        padding-top: 48px
    }

    section #moreArticles {
        margin-right: -26px
    }

    .threeCol .container .inner {
        padding-right: 0 !important
    }

    .threeCol .container .inner #news {
        margin-right: -20px
    }

    .threeCol .container aside#replay {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        display: none
    }

    .twoCol .container .inner {
        min-height: 100px !important;
        padding-right: 0
    }

    .twoCol .container .inner .main {
        margin-right: 0;
        min-height: 100px !important
    }

    #news .full {
        padding-right: 20px
    }

    #news .full article {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 31.33333%;
        margin-left: 0%;
        margin-right: 3%;
        padding-right: 0
    }

    #news .full article:before, #news .full article:after {
        content: '';
        display: table
    }

    #news .full article:after {
        clear: both
    }

    #news .full article:last-child {
        margin-right: 0%
    }

    #news .full article.last {
        margin-right: 0
    }

    #more-articles article {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
    }

    #more-articles article:before, #more-articles article:after {
        content: '';
        display: table
    }

    #more-articles article:after {
        clear: both
    }

    #more-articles article:last-child {
        margin-right: 0%
    }

    #more-articles article:nth-child(4n+3) {
        display: none;
        visibility: hidden
    }

    #more-articles article:nth-child(4n+2) {
        margin-right: 0
    }

    #more-articles article.last {
        display: none;
        visibility: hidden
    }

    #more-articles .btn {
        left: 50%;
        width: 260px;
        margin-left: -130px
    }

    aside#replay {
        display: none
    }

    aside#more {
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }
}

@media all and (max-width: 50.0525em) {
    ul.share {
        width: 100%;
        text-align: center;
        line-height: 64px
    }

    ul.calendar li:first-child span {
        display: block
    }

    ul.calendar li:first-child span:first-child {
        display: none
    }
}

@media all and (max-width: 50.0525em) {
    aside#more {
        margin-top: 30px
    }

    aside#more .simple {
        padding-top: 15px;
        padding-bottom: 15px
    }

    aside#more .simple .type {
        font-size: 16px;
        line-height: 20px
    }

    aside#more .simple strong {
        font-size: 24px;
        line-height: 28px
    }

    aside .composed > p {
        font-size: 28px;
        line-height: 50px
    }

    aside#more .tags > a {
        margin-right: 20px;
        font-size: 20px
    }

    aside .popular ul {
        padding: 0 20px
    }

    aside .popular .wrapper > div > p {
        font-size: 28px;
        line-height: 50px
    }

    aside .popular .wrapper > div > div {
        margin-top: 20px
    }

    aside .popular li {
        position: relative;
        padding-top: 20px
    }

    aside .popular figure {
        width: 170px
    }

    aside .popular .description {
        position: absolute;
        left: 0;
        top: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding-left: 180px;
        padding-top: 10px;
        width: 100%
    }

    aside .popular .shared .description {
        padding-left: 70px
    }

    aside .popular .description a, aside .popular .description ._NOL {
        font-size: 20px;
        line-height: 24px
    }

    aside#more .must figcaption {
        font-size: 18px;
        line-height: 22px
    }

    aside#more .must b {
        font-size: 24px;
        line-height: 32px
    }

    aside#more .tagsList {
        padding-left: 5px;
        padding-right: 5px
    }

    aside#more .tagsList li {
        padding-left: 15px;
        padding-right: 15px
    }

    aside#more .tagsList li span {
        padding-top: 8px;
        display: block;
        font-size: 18px;
        line-height: 22px
    }

    aside#more .handbook {
        margin-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        border: 0
    }

    aside#more .handbook li {
        margin-top: 10px;
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 6.66667%;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 18px
    }

    aside#more .handbook li:before, aside#more .handbook li:after {
        content: '';
        display: table
    }

    aside#more .handbook li:after {
        clear: both
    }

    aside#more .handbook li:last-child {
        margin-right: 0%
    }

    aside#more .tweets {
        display: none !important;
        visibility: hidden
    }

    aside#replay > p {
        display: none
    }

    aside#replay .highlight {
        padding-left: 195px;
        height: 200px;
        line-height: 200px
    }

    aside#replay .highlight figure {
        margin-left: 30px;
        width: 150px;
        line-height: 200px
    }

    aside#replay .highlight > span {
        font-size: 15px
    }

    aside#replay .highlight .description {
        padding-left: 20px
    }

    aside#replay .highlight .description p {
        font-size: 24px
    }

    aside#replay .highlight .description p span {
        font-size: 16px
    }

    aside#replay .highlight .btn {
        height: 38px;
        font-size: 18px;
        line-height: 34px;
        border: 2px solid #228adf;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc')
    }

    aside#replay ul {
        padding-top: 20px;
        padding-bottom: 40px;
        margin-bottom: 30px;
        background-color: #fff
    }

    aside#replay ul:after {
        display: none;
        visibility: hidden
    }

    aside#replay ul .wrapper {
        padding-top: 20px;
        padding-left: 270px;
        margin-left: 0
    }

    aside#replay ul .wrapper:before {
        display: none;
        visibility: hidden
    }

    aside#replay ul .wrapper div {
        float: none;
        width: auto;
        max-width: 430px;
        min-height: 110px;
        padding-left: 0;
        padding-right: 20px
    }

    aside#replay ul .wrapper div > span {
        margin-top: 15px;
        font-size: 18px
    }

    aside#replay ul .wrapper div > span span {
        font-size: 11px
    }

    aside#replay ul p > span {
        font-size: 14px
    }

    aside#replay ul p strong {
        font-size: 22px
    }

    aside#replay ul a {
        font-size: 18px;
        line-height: 22px
    }

    aside#replay ul .time, aside#more .flashinfos ul .time {
        position: absolute;
        top: 38px;
        left: 0;
        width: 90px;
        padding: 0;
        font-size: 18px;
        text-align: center
    }

    aside#replay ul .time:before, aside#replay ul .time:after {
        left: 45px
    }

    aside#replay ul .time:before {
        bottom: 16px;
        height: 70px
    }

    aside#replay ul .time:after {
        top: 20px
    }

    aside#replay ul figure {
        position: absolute;
        left: 115px;
        top: 20px;
        width: 110px
    }

    aside#replay ul li {
        overflow: hidden
    }

    aside#replay ul li:last-child {
        overflow: hidden
    }

    aside#replay .flashinfos ul .wrapper, aside#more .flashinfos ul .wrapper {
        padding: 0 0 0 100px
    }

    aside#replay .flashinfos ul .wrapper div, aside#more .flashinfos ul .wrapper div {
        width: auto;
        max-width: 750px
    }

    aside#replay .flashinfos ul .time, aside#more .flashinfos ul .time {
        top: 0;
        font-size: 16px
    }

    aside#replay .flashinfos ul .wrapper div, aside#more .flashinfos ul .wrapper div {
        min-height: 50px
    }

    aside#replay .flashinfos ul .wrapper a, aside#replay .flashinfos ul .wrapper ._NOL, aside#more .flashinfos ul .wrapper a, aside#more .flashinfos ul .wrapper ._NOL {
        font-size: 15px
    }
}

@media all and (max-width: 50.0525em) {
    form .form-control .form-error {
        left: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-left: 33%;
        line-height: 15px
    }
}

@media all and (max-width: 50.0525em) {
    body > h1 {
        left: 50%;
        bottom: 245px;
        width: 600px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 0 -300px;
        padding-left: 40px;
        padding-right: 40px;
        height: auto;
        font-size: 16px;
        line-height: 18px
    }

    article .description .infos, article .description .source {
        font-size: 10px
    }

    article .description .title {
        margin-top: 6px;
        font-size: 24px;
        line-height: 28px
    }

    article.xsmall .description .title {
        font-size: 18px;
        line-height: 22px
    }

    #news .full article .description {
        min-height: 70px;
        height: 90px
    }

    #news .full article .description .source {
        bottom: auto
    }

    #news .full article .description .title {
        max-height: 67px;
        font-size: 18px;
        line-height: 22px
    }
}

@media all and (max-width: 50.0525em) {
    article .description .infos, article .description .source {
        font-size: 14px
    }

    article .description .source {
        bottom: 16px
    }

    article .description .title {
        font-size: 14px;
        line-height: 18px
    }

    article.large .title, article.small .title {
        height: auto
    }

    article.large .description {
        height: 180px
    }

    article.large .title {
        max-height: 105px
    }

    article.small .description {
        max-height: none
    }

    article.xsmall .description {
        height: 80px
    }

    article.xsmall .title {
        margin-top: 10px;
        max-height: 80px;
        font-size: 18px;
        line-height: 22px
    }
}

@media all and (max-width: 50.0525em) {
    #article .container .inner {
        padding-right: 0
    }

    #article header {
        padding-top: 20px
    }

    #article header p.category {
        margin-top: 14px;
        font-size: 16px
    }

    #article header .nav {
        display: none;
        visibility: hidden
    }

    #article aside#inside {
        top: 800px
    }

    #article #mainArticle > *:not(.articleBody) {
        margin-right: 198px
    }

    #article #mainArticle > *:not(.articleBody).uncropped {
        margin-right: 20px
    }

    #article #mainArticle > h1 {
        font-size: 40px;
        margin-bottom: 50px;
        margin-right: 20px !important;
        line-height: 45px
    }

    #article #mainArticle h2 {
        font-size: 17px
    }

    #article #mainArticle > p {
        font-size: 14px;
        margin-bottom: 10px;
        margin-right: 20px !important
    }

    #article #mainArticle > div.articleInfos {
        margin-right: 0
    }

    #article #mainArticle > div.articleBody {
        padding-right: 20px
    }

    #article #mainArticle > div.articleBody > * {
        margin-right: 198px
    }

    #article #mainArticle > div.articleBody > *.uncropped {
        margin-right: 0
    }

    #article #mainArticle > div.articleBody > div.iframeContainer iframe, #article #mainArticle > div.articleBody > div.iframeContainer object, #article #mainArticle > div.articleBody > div.iframeContainer embed {
        padding-right: 198px
    }

    #article #mainArticle > div.articleBody > div.iframeContainer.uncropped iframe, #article #mainArticle > div.articleBody > div.iframeContainer.uncropped object, #article #mainArticle > div.articleBody > div.iframeContainer.uncropped embed {
        padding-right: 0
    }

    #article #mainArticle > div.articleBody > figure:first-child {
        margin-right: -20px
    }

    #article #mainArticle > div.articleBody figure figcaption {
        min-height: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 12px;
        line-height: 14px
    }

    #article #mainArticle > div.articleBody .social {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        line-height: 20px
    }

    #article #mainArticle > div.articleBody .social figure {
        padding-left: 20px;
        display: block;
        width: 100%;
        height: auto;
        line-height: 20px
    }

    #article #mainArticle > div.articleBody .social figure img {
        display: none;
        visibility: hidden
    }

    #article #mainArticle > div.articleBody .social figure figcaption {
        display: block;
        padding-left: 20px
    }

    #article #mainArticle > div.articleBody .social figure figcaption p {
        display: block
    }

    #article #mainArticle > div.articleBody .social figure figcaption ul {
        display: none;
        visibility: hidden
    }

    #article #mainArticle > div.articleBody .social .share {
        width: 100%;
        line-height: 64px;
        text-align: center;
        border-top: solid 1px #e8e8e8
    }

    #article #mainArticle > div.articleBody p {
        font-size: 17px
    }

    #article #mainArticle > div.articleBody p.intertitre {
        font-size: 24px
    }

    #article #mainArticle > div.articleBody .quotes blockquote {
        margin-left: 160px;
        margin-right: 160px;
        font-size: 20px;
        line-height: 24px
    }

    #article #mainArticle > div.articleBody .quotes p.source {
        margin: 0 160px
    }

    #article #mainArticle > div.articleBody .highlight ul.list li {
        padding-left: 30px
    }

    #article #mainArticle > div.articleBody .highlight ul.list li:before {
        left: 10px
    }

    #article #mainArticle > div.articleBody .highlight ul.list.numbers li {
        padding-left: 30px
    }

    #article #mainArticle > div.articleBody .highlight ul.list.numbers li span {
        width: 35px;
        left: -10px
    }

    #article #mainArticle > div.articleBody ul.list {
        line-height: 19px;
        font-size: 17px
    }

    #article #mainArticle > div.articleBody ul.list li {
        padding-left: 40px
    }

    #article #mainArticle > div.articleBody ul.list li:before {
        left: 20px
    }

    #article #mainArticle > div.articleBody ul.list.numbers li {
        padding-left: 40px
    }

    #article #mainArticle > div.articleBody ul.list.numbers li span {
        width: 30px;
        font-size: 20px
    }

    #article .articleInfos {
        position: relative;
        height: 50px;
        font-size: 16px;
        margin-right: 0
    }

    #article .articleInfos p {
        font-size: 16px
    }

    #article .articleInfos ul {
        height: 50px;
        line-height: 50px
    }

    #article .articleInfos .tags li {
        margin-left: 20px
    }

    #article .articleInfos .tags li:first-child {
        margin-left: 10px
    }

    #article .articleInfos #options {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0
    }

    #article .articleInfos #options li:not(.anchor) {
        display: none;
        visibility: hidden
    }

    #article .articleInfos #options li span {
        display: none;
        visibility: hidden
    }

    #article .articleInfos #options .anchor {
        cursor: pointer;
        position: relative;
        margin: 0;
        height: 100%;
        width: 150px;
        background-color: #228adf
    }

    #article .articleInfos #options .anchor:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 100%;
        line-height: 50px;
        content: 'Commentez';
        font-size: 18px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        background-image: none
    }

    #article .articleOptions {
        padding: 0
    }

    #article .articleOptions.uncropped {
        padding-right: 0
    }

    #article .articleOptions > div .buttonContainer {
        display: none !important
    }

    #article .articleOptions > div .share {
        position: relative;
        width: 100%;
        text-align: center
    }

    #article .articleOptions > div .share:before {
        position: absolute;
        bottom: 0;
        left: -20px;
        right: -20px;
        display: block;
        height: 1px;
        background-color: #dadada;
        content: ''
    }

    #article .articleOptions nav {
        height: 165px;
        margin: 0;
        padding: 0;
        border-bottom: #dadada
    }

    #article .articleOptions nav ul {
        position: relative
    }

    #article .articleOptions nav ul:before {
        position: absolute;
        left: 50%;
        top: 0;
        display: block;
        width: 1px;
        height: 100%;
        background-color: #dadada;
        content: ''
    }

    #article .articleOptions nav li {
        width: 50%;
        height: 165px;
        line-height: 165px;
        padding-right: 80px;
        padding-left: 50px
    }

    #article .articleOptions nav li .icon {
        font-size: 45px;
        right: 10px
    }

    #article .articleOptions nav li a {
        font-size: 26px
    }

    #article .articleOptions nav li:first-child {
        padding-left: 80px;
        padding-right: 50px
    }

    #article .articleOptions nav li:first-child .icon {
        right: auto;
        left: 10px
    }

    #article.replay #mainArticle .articleBody {
        padding-right: 0
    }

    #article.replay #mainArticle .articleBody > * {
        margin-right: 0
    }

    #article.replay #mainArticle .articleBody h2, #article.replay #mainArticle .articleBody p {
        margin-right: 20px
    }

    #article.replay #mainArticle .articleBody .social {
        padding-top: 15px
    }

    #article.replay #mainArticle .articleBody .social .program {
        margin-top: 15px;
        margin-bottom: 30px;
        padding-left: 20px;
        float: none;
        text-align: left
    }

    #article.replay #mainArticle .articleBody .social .share {
        padding-top: 0
    }

    #article.replay #inside {
        display: none;
        visibility: hidden
    }

    #article.replay .relatedArticles, #article.replay .articleOptions {
        margin-right: 0;
        padding-left: 0
    }
}

@media all and (max-width: 50.0525em) {
    #comments .comment {
        padding: 10px 20px
    }

    #comments .comment .wrapper > figure {
        top: 0
    }

    #comments .form form > p {
        padding-bottom: 20px
    }
}

@media all and (max-width: 50.0525em) {
    section.alert .inner {
        padding: 0
    }

    section.alert .inner:after {
        display: none;
        visibility: hidden
    }

    section.alert .inner > span {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin: 0;
        width: 100%;
        height: 40px;
        font-size: 22px;
        line-height: 40px
    }

    section.alert .inner p {
        padding: 20px
    }
}

@media all and (max-width: 50.0525em) {
    #live .main {
        padding: 5px 20px 0
    }

    #live .container .inner .aside {
        display: none
    }

    #live .container .inner header {
        padding-top: 15px
    }

    #live .container .inner header h1 {
        font-size: 25px
    }

    #live .menu {
        top: 12px
    }

    #live .menu li:first-child + li {
        display: none;
        visibility: hidden
    }

    #live .tab ul.program {
        float: left
    }

    #live .tab ul.share {
        float: right;
        width: auto
    }
}

@media all and (min-width: 50.0625em) {
    .sticky-category {
        height: auto !important
    }
}

@media all and (max-width: 50.0525em) {
    .sticky-category {
        height: 0 !important
    }

    #category {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: solid 2px;
        z-index: 10
    }

    #category.sticked {
        position: fixed;
        left: 0;
        top: 65px
    }

    #category .category-title {
        padding-right: 25px;
        margin-left: 20px;
        margin-top: 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        font-size: 22px;
        position: relative;
        cursor: pointer
    }

    #category .category-title:after {
        display: block;
        top: 20px;
        right: 0
    }

    #category .category-subtitle, #category .sponsor {
        display: none;
        visibility: hidden
    }

    #category .container {
        position: relative
    }

    #category .container .inner {
        padding: 0;
        height: 46px;
        line-height: 46px
    }

    #category .sub-nav {
        position: absolute;
        left: 0;
        top: 44px;
        height: 0;
        width: 100%;
        z-index: 9994;
        overflow: hidden
    }

    #category .sub-nav li {
        display: block
    }

    #category .sub-nav li a, #category .sub-nav li span {
        display: block;
        width: 100%;
        height: 80px;
        font-size: 25px;
        line-height: 80px
    }
}

@media all and (min-width: 50.0625em) {
    .sub-nav {
        height: auto !important
    }
}

@media all and (max-width: 50.0525em) {
    section.twoCol .container .inner .main.regular {
        margin-right: 0
    }
}

@media all and (max-width: 50.0525em) {
    .assist-main-container div.assist-container {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 28%;
        margin-left: 0%;
        margin-right: 8%
    }

    .assist-main-container div.assist-container:before, .assist-main-container div.assist-container:after {
        content: '';
        display: table
    }

    .assist-main-container div.assist-container:after {
        clear: both
    }

    .assist-main-container div.assist-container:last-child {
        margin-right: 0%
    }

    .assist-main-container div.assist-container h2 {
        font-size: 24px;
        line-height: 24px;
        color: #228adf;
        text-transform: uppercase
    }

    .assist-main-container div.assist-container p.assist-with {
        font-size: 16px;
        color: #228adf
    }

    .assist-main-container div.assist-container p.assist-when {
        margin: 3px 0 10px;
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #858383
    }

    .assist-main-container div.assist-container p.assist-clik {
        display: none
    }

    .assist-main-container.assist-main-down {
        padding-top: 20px
    }

    .assist-main-container.assist-main-down div.assist-container .assist figure a img {
        height: auto
    }

    .assist-main-container.assist-main-down div.assist-container .assist figure a.second-img {
        display: none
    }

    div.main.white.regular.smart .assist-main-container {
        padding-top: 40px
    }
}

.assist-img {
    padding-left: 0;
    width: 100%;
    position: relative
}

.assist-img a {
    width: 100%
}

.assist-img a img {
    width: 100%;
    overflow: hidden
}

.assist-img a img:first-child {
    display: none
}

.assist-img a .img-hover {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0
}

.assist-img a:hover .img-hover {
    display: block;
    top: 10px;
    -webkit-transition: all ease 0.3s 0s;
    -moz-transition: all ease 0.3s 0s;
    -ms-transition: all ease 0.3s 0s;
    -o-transition: all ease 0.3s 0s;
    transition: all ease 0.3s 0s
}

@media all and (max-width: 50.0525em) {
    section#highlight .container > p {
        margin-bottom: 10px
    }

    section#highlight ul li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%
    }

    section#highlight ul li:before, section#highlight ul li:after {
        content: '';
        display: table
    }

    section#highlight ul li:after {
        clear: both
    }

    section#highlight ul li:last-child {
        margin-right: 0%
    }

    section#highlight ul li.large {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%
    }

    section#highlight ul li.large:before, section#highlight ul li.large:after {
        content: '';
        display: table
    }

    section#highlight ul li.large:after {
        clear: both
    }

    section#highlight ul li.large:last-child {
        margin-right: 0%
    }

    section#highlight ul li article .description {
        height: auto;
        padding-bottom: 0
    }

    .bx-wrapper .bx-viewport {
        left: 0;
        -moz-box-shadow: 0 0 0 #ebebeb;
        -webkit-box-shadow: 0 0 0 #ebebeb;
        -o-box-shadow: 0 0 0 #ebebeb;
        -ms-box-shadow: 0 0 0 #ebebeb;
        box-shadow: 0 0 0 #ebebeb;
        border: 0
    }

    .bx-wrapper .bx-pager {
        padding-top: 0
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 16px;
        height: 16px;
        background: #e8e8e8;
        border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        behavior: url('./europe1front/js/src/PIE.htc');
        margin-left: 13px;
        margin-right: 13px;
        -webkit-transition: all ease 0.3s 0s;
        -moz-transition: all ease 0.3s 0s;
        -ms-transition: all ease 0.3s 0s;
        -o-transition: all ease 0.3s 0s;
        transition: all ease 0.3s 0s
    }

    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #228adf
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background-color: #228adf
    }
}

@media all and (max-width: 50.0525em) {
    .archives > a.link {
        font-size: 18px
    }

    .archives .archivesList li span {
        font-size: 18px
    }

    .archives .month li span {
        font-size: 22px
    }

    .archives .handbook {
        padding-left: 100px;
        padding-right: 100px
    }

    ul.archives {
        padding-left: 20px;
        padding-right: 20px
    }

    ul.archives article .description .infos {
        font-size: 12px
    }

    ul.archives article .description .title {
        padding-bottom: 4px;
        max-height: 54px;
        font-size: 22px;
        line-height: 26px;
        overflow: hidden
    }
}

@media all and (max-width: 50.0525em) {
    .twoCol .inner > p.title {
        margin-right: 0
    }

    .twoCol .main {
        padding-top: 0
    }

    .twoCol .main .header h1.title {
        font-size: 32px
    }

    .twoCol .main.services ul {
        padding-left: 20px;
        padding-right: 20px
    }

    .twoCol .main.services figcaption .title {
        margin-bottom: 15px
    }

    .twoCol .main.services figcaption p:not(.title) {
        font-size: 16px
    }

    #search header .share {
        text-align: left
    }

    #search header.regular > div h1 {
        font-size: 30px
    }

    #search header.regular > div h2 {
        margin-top: 6px;
        font-size: 14px
    }

    #search header.regular > div p {
        font-size: 17px;
        line-height: 22px
    }

    #search header.regular > div p.tags {
        font-size: 14px
    }

    #search header.regular .isResult .results strong {
        font-size: 32px
    }

    #search header.regular .noResult .results {
        font-size: 24px
    }
}

@media all and (max-width: 50.0525em) {
    .webcams ul {
        padding-left: 20px;
        padding-right: 20px
    }

    .webcams img {
        width: 57.89474%
    }

    .webcams figcaption {
        padding-top: 40px;
        width: 42.10526%
    }

    .webcams figcaption h2 {
        margin-bottom: 10px
    }

    .webcams figcaption p {
        font-size: 17px;
        line-height: 20px
    }
}

@media all and (min-width: 30.0625em) and (max-width: 50.0525em) {
    #asideClub {
        display: none;
        visibility: hidden
    }
}

@media all and (max-width: 50.0525em) {
    .list ul.list li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 25%;
        margin-left: 0%;
        margin-right: 0%;
        min-height: 215px
    }

    .list ul.list li:before, .list ul.list li:after {
        content: '';
        display: table
    }

    .list ul.list li:after {
        clear: both
    }

    .list ul.list li:last-child {
        margin-right: 0%
    }

    .list ul.list li figcaption {
        font-size: 18px;
        line-height: 22px
    }

    .list ul.programs li {
        min-height: 280px
    }

    .list ul.subList {
        margin-left: 80px
    }

    .list ul.handbook li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 9.09091%;
        margin-left: 0%;
        margin-right: 0%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        height: 50px;
        line-height: 50px;
        font-size: 30px
    }

    .list ul.handbook li:before, .list ul.handbook li:after {
        content: '';
        display: table
    }

    .list ul.handbook li:after {
        clear: both
    }

    .list ul.handbook li:last-child {
        margin-right: 0%
    }

    .list ul.handbook.tags li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 20%;
        margin-left: 0%;
        margin-right: 0%
    }

    .list ul.handbook.tags li:before, .list ul.handbook.tags li:after {
        content: '';
        display: table
    }

    .list ul.handbook.tags li:after {
        clear: both
    }

    .list ul.handbook.tags li:last-child {
        margin-right: 0%
    }
}

@media all and (max-width: 50.0525em) {
    #mosaicContainer .mosaic li.button a {
        width: 130px;
        margin-left: -65px;
        font-size: 24px
    }
}

@media all and (max-width: 30.0525em) {
    body > h1 {
        bottom: 180px;
        width: 340px;
        margin-left: -170px;
        font-size: 12px
    }

    section.threeCol {
        padding-bottom: 0
    }

    #highlight .container > p {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 10px 0;
        font-size: 22px;
        line-height: 30px
    }
}

@media all and (max-width: 30.0525em) {
    body {
        max-width: 480px
    }

    #page {
        padding-top: 0;
    }

    #page.home {
        padding-top: 85px
    }

    #page .twoCol .container .inner .main.club .button {
        width: 140px
    }

    section #moreArticles {
        margin-right: -26px
    }

    .block {
        margin-bottom:0;
    }

    .twoCol {
        margin-top:0;
    }
}

@media all and (max-width: 30.0525em) {
    article.large .description {
        height: 110px
    }

    article.xsmall .description {
        padding: 5px 10px 5px 10px;
        height: 55px
    }

    article.xsmall .description .title {
        margin-top: 0;
        max-height: 54px;
        line-height: 18px;
        font-size: 14px
    }

    article.small .description .title, article.large .description .title {
        max-height: 72px
    }

    article .description {
        height: 110px
    }

    article .description .title {
        line-height: 18px;
        font-size: 14px
    }

    article .description .source {
        font-size: 9px
    }

    article .description .infos {
        font-size: 10px
    }

    article .description .infos span {
        font-size: 10px
    }

    #news .full article .description .source {
        bottom: auto
    }

    #news .full article .description .title {
        margin-top: 0;
        max-height: 70px;
        font-size: 14px
    }
}

@media all and (max-width: 30.0525em) {
    aside#replay .highlight {
        height: 120px;
        padding-left: 165px;
        line-height: 120px
    }

    aside#replay .highlight span {
        font-size: 10px
    }

    aside#replay .highlight .closeBtn, aside#replay .highlight .fancybox-wrap .fancybox-skin a.fancybox-close, .fancybox-wrap .fancybox-skin aside#replay .highlight a.fancybox-close {
        margin-right: -2px
    }

    aside#replay .highlight .closeBtn:before, aside#replay .highlight .fancybox-wrap .fancybox-skin a.fancybox-close:before, .fancybox-wrap .fancybox-skin aside#replay .highlight a.fancybox-close:before {
        width: 10px
    }

    aside#replay .highlight .closeBtn:after, aside#replay .highlight .fancybox-wrap .fancybox-skin a.fancybox-close:after, .fancybox-wrap .fancybox-skin aside#replay .highlight a.fancybox-close:after {
        width: 10px
    }

    aside#replay .highlight figure {
        width: 100px;
        line-height: 120px
    }

    aside#replay .highlight .description p {
        font-size: 18px
    }

    aside#replay .highlight .description p span {
        font-size: 12px
    }

    aside#replay .highlight .description span.btn {
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    aside#replay ul {
        margin-bottom: 0
    }

    aside#replay ul .wrapper {
        padding-left: 210px
    }

    aside#replay ul .wrapper div p > span {
        font-size: 11px
    }

    aside#replay ul .wrapper div p strong {
        font-size: 16px
    }

    aside#replay ul .wrapper div a {
        font-size: 14px
    }

    aside#replay ul .wrapper div > span {
        margin-top: 8px;
        font-size: 14px
    }

    aside#replay ul .time {
        margin: 0;
        padding: 0;
        font-size: 14px
    }

    aside#replay ul figure {
        left: 90px;
        width: 86px
    }

    aside#replay .btn:not(.round).up {
        max-width: 196px;
        height: 40px;
        line-height: 40px
    }

    aside#replay .flashinfos ul .wrapper div, aside#more .flashinfos ul .wrapper div {
        min-height: 70px
    }

    aside#more {
        margin-top: 20px
    }

    aside#more .simple .type {
        font-size: 12px
    }

    aside#more .simple strong {
        font-size: 18px
    }

    aside .composed > p {
        font-size: 20px
    }

    aside .popular figure a {
        max-height: 100%
    }

    aside .popular .description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 100% !important
    }

    aside .popular .description a {
        height: 100%;
        font-size: 12px !important;
        line-height: 18px !important
    }

    aside#more .tags a {
        font-size: 16px
    }

    aside#more .tagsList li span {
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    aside#more .handbook li {
        margin-left: 10px
    }

    aside#more .must figcaption {
        font-size: 14px
    }

    aside#more .must figcaption b {
        font-size: 18px
    }
}

@media all and (max-width: 30.0525em) {
    form .form-control > label, form .form-control > p {
        padding-top: 12px;
        font-size: 14px;
        line-height: 20px
    }

    form .form-control > ul .answer {
        margin-top: 10px;
        padding-left: 28px;
        font-size: 14px
    }

    form .form-control button {
        width: 180px
    }
}

@media all and (max-width: 30.0525em) {
    ul.calendar {
        width: 110%;
        margin-left: -20px;
        margin-top: 17px;
        height: 33px;
        border-top: 1px solid #dadada
    }

    ul.calendar li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        width: 33.33%;
        height: 29px;
        margin: 0;
        vertical-align: middle;
        text-align: center;
        padding-top: 4px;
        margin-right: -5px;
        border-left: 2px solid #dadada;
        border-bottom: 2px solid #dadada;
        -webkit-transition: all ease 0.3s 0s;
        -moz-transition: all ease 0.3s 0s;
        -ms-transition: all ease 0.3s 0s;
        -o-transition: all ease 0.3s 0s;
        transition: all ease 0.3s 0s
    }

    ul.calendar li span {
        color: #dadada
    }

    ul.calendar li.active {
        border-bottom-color: #855ec4
    }

    ul.calendar li.active span {
        background-color: inherit;
        color: #855ec4;
        cursor: pointer
    }

    ul.calendar li:first-child {
        background: none
    }

    ul.calendar li:hover {
        border-bottom: 2px solid #855ec4
    }

    ul.calendar li:hover span {
        color: #855ec4
    }
}

@media all and (max-width: 30.0525em) {
    #article .container .inner {
        padding-right: 0
    }

    #article .container .inner .main .relatedArticles {
        display: none
    }

    #article header {
        padding-top: 20px
    }

    #article header .nav {
        display: none;
        visibility: hidden
    }

    #article header p.category {
        font-size: 9px
    }

    #article #inside {
        display: none;
        visibility: hidden
    }

    #article #mainArticle > h1 {
        font-size: 28px;
        margin-bottom: 10px;
        margin-right: 20px !important;
        line-height: 30px
    }

    #article #mainArticle h2 {
        font-size: 15px;
        text-align: justify
    }

    #article #mainArticle > p {
        font-size: 9px;
        margin-bottom: 10px;
        margin-right: 20px !important
    }

    #article #mainArticle > div.articleInfos {
        height: 35px;
        margin-right: 0
    }

    #article #mainArticle > div.articleBody {
        padding-right: 20px
    }

    #article #mainArticle > div.articleBody > * {
        margin-right: 0
    }

    #article #mainArticle > div.articleBody > figure {
        margin-right: -20px
    }

    #article #mainArticle > div.articleBody .social {
        position: relative;
        max-width: 480px;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        line-height: 20px;
        border-bottom: none
    }

    #article #mainArticle > div.articleBody .social figure {
        padding-left: 20px;
        display: block;
        width: 100%;
        height: auto;
        line-height: 20px
    }

    #article #mainArticle > div.articleBody .social figure img {
        display: none;
        visibility: hidden
    }

    #article #mainArticle > div.articleBody .social figure figcaption {
        display: block;
        padding-left: 20px
    }

    #article #mainArticle > div.articleBody .social figure figcaption p {
        display: block;
        line-height: 25px;
        font-size: 14px
    }

    #article #mainArticle > div.articleBody .social figure figcaption ul {
        display: none;
        visibility: hidden
    }

    #article #mainArticle > div.articleBody .social .share {
        position: relative;
        width: 100%;
        line-height: 40px;
        height: 54px;
        text-align: center;
        border-top: none
    }

    #article #mainArticle > div.articleBody .social .share li {
        line-height: 50px;
        height: 54px
    }

    #article #mainArticle > div.articleBody .social .share li .count {
        font-size: 16px
    }

    #article #mainArticle > div.articleBody .social .share:before {
        position: absolute;
        bottom: 0;
        left: -20px;
        right: -20px;
        display: block;
        height: 1px;
        background-color: #dadada;
        content: ''
    }

    #article #mainArticle > div.articleBody .social .share:after {
        position: absolute;
        top: 0;
        left: -20px;
        right: -20px;
        display: block;
        height: 1px;
        background-color: #dadada;
        content: ''
    }

    #article #mainArticle > div.articleBody > div.iframeContainer iframe, #article #mainArticle > div.articleBody > div.iframeContainer object, #article #mainArticle > div.articleBody > div.iframeContainer embed {
        padding-right: 0
    }

    #article #mainArticle > div.articleBody > div.iframeContainer.uncropped iframe, #article #mainArticle > div.articleBody > div.iframeContainer.uncropped object, #article #mainArticle > div.articleBody > div.iframeContainer.uncropped embed {
        padding-right: 0
    }

    #article #mainArticle > div.articleBody p {
        font-size: 15px
    }

    #article #mainArticle > div.articleBody p.intertitre {
        font-size: 20px
    }

    #article #mainArticle > div.articleBody .quotes blockquote {
        margin-left: 45px;
        margin-right: 45px;
        font-size: 20px;
        line-height: 24px
    }

    #article #mainArticle > div.articleBody .quotes blockquote:before {
        left: -30px
    }

    #article #mainArticle > div.articleBody .quotes blockquote:after {
        right: -30px
    }

    #article #mainArticle > div.articleBody .quotes p {
        font-size: 14px
    }

    #article #mainArticle > div.articleBody .quotes p.source {
        margin: 0 45px
    }

    #article #mainArticle > div.articleBody .highlight a {
        font-size: 15px
    }

    #article #mainArticle > div.articleBody .highlight ul.list li {
        padding-left: 30px;
        text-align: justify
    }

    #article #mainArticle > div.articleBody .highlight ul.list li:before {
        left: 10px
    }

    #article #mainArticle > div.articleBody .highlight ul.list.numbers li {
        padding-left: 30px;
        text-align: justify
    }

    #article #mainArticle > div.articleBody .highlight ul.list.numbers li span {
        width: 35px;
        left: -10px
    }

    #article #mainArticle > div.articleBody ul.list {
        line-height: 19px;
        font-size: 17px
    }

    #article #mainArticle > div.articleBody ul.list li {
        padding-left: 40px
    }

    #article #mainArticle > div.articleBody ul.list li:before {
        left: 20px
    }

    #article #mainArticle > div.articleBody ul.list.numbers li {
        padding-left: 40px
    }

    #article #mainArticle > div.articleBody ul.list.numbers li span {
        width: 30px;
        font-size: 20px
    }

    #article .articleInfos p {
        font-size: 12px
    }

    #article .articleInfos ul {
        height: 35px;
        line-height: 35px
    }

    #article .articleInfos .tags li {
        margin-left: 15px;
        font-size: 12px
    }

    #article .articleInfos #options {
        display: none
    }

    #article .articleOptions {
        padding-top: 0
    }

    #article .articleOptions > div .buttonContainer {
        display: none !important
    }

    #article .articleOptions > div .share {
        position: relative;
        width: 100%;
        line-height: 40px;
        height: 58px;
        text-align: center
    }

    #article .articleOptions > div .share li {
        line-height: 54px;
        height: 54px
    }

    #article .articleOptions > div .share li .count {
        font-size: 16px
    }

    #article .articleOptions > div .share:before {
        position: absolute;
        bottom: 0;
        left: -20px;
        right: -20px;
        display: block;
        height: 1px;
        background-color: #dadada;
        content: ''
    }

    #article .articleOptions nav {
        height: 120px;
        line-height: 120px
    }

    #article .articleOptions nav li {
        padding-right: 35px;
        padding-left: 25px
    }

    #article .articleOptions nav li .icon {
        font-size: 34px
    }

    #article .articleOptions nav li a, #article .articleOptions nav li ._NOL {
        line-height: 22px;
        font-size: 18px
    }

    #article .articleOptions nav li:first-child {
        padding-right: 25px;
        padding-left: 35px
    }
}

@media all and (max-width: 30.0525em) {
    #comments .comment form p {
        font-size: 18px;
        line-height: 22px
    }

    #comments .comment form p > span {
        display: block;
        float: none
    }

    #comments .comment form fieldset div label {
        font-size: 15px
    }

    #comments .comment form fieldset div textarea {
        font-size: 15px
    }

    #comments .comment form fieldset p {
        font-size: 12px
    }

    #comments .comment form fieldset p span {
        font-size: 12px
    }

    #comments .connect {
        width: 100%
    }

    #comments .connect p {
        font-size: 12px;
        margin-bottom: 5px
    }

    #comments .connect p span {
        font-size: 12px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main.archives {
        padding-bottom: 20px
    }

    section.twoCol .main.archives .header p.title {
        margin-bottom: 22px;
        margin-top: 0;
        line-height: 30px;
        font-size: 25px
    }

    section.twoCol .main.archives .header h1.subTitle {
        font-size: 18px
    }

    ul.archives article {
        padding-left: 190px
    }

    ul.archives article figure {
        width: 170px
    }

    ul.archives article .description {
        padding: 0
    }

    ul.archives article .description .infos {
        font-size: 10px
    }

    ul.archives article .description .title {
        max-height: none;
        overflow: auto;
        line-height: 20px;
        font-size: 14px
    }

    ul.archives article .description .source {
        display: none
    }

    .archives ul.handbook {
        padding: 0 20px 0 20px
    }

    .archives ul.handbook > li {
        width: 100%
    }

    .archives ul.handbook > li ul {
        width: 100%
    }

    .archives ul.handbook > li ul li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 25%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 25px;
        font-size: 16px
    }

    .archives ul.handbook > li ul li:before, .archives ul.handbook > li ul li:after {
        content: '';
        display: table
    }

    .archives ul.handbook > li ul li:after {
        clear: both
    }

    .archives ul.handbook > li ul li:last-child {
        margin-right: 0%
    }

    .archives ul.handbook > li ul li:first-child {
        display: block;
        width: 100%;
        margin-bottom: 25px;
        margin-top: 40px;
        font-size: 22px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .inner > div.main .header h1.title {
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 0
    }

    section.twoCol .inner > div.main .header.header p:not(.title) {
        font-size: 13px
    }

    section.twoCol .assist-main-container-test {
        width: 105%;
        min-height: 400px;
        margin-left: -20px;
        margin-right: -20px
    }

    section.twoCol .assist-main-container-test ul {
        padding-top: 20px;
        padding-bottom: 20px
    }

    section.twoCol .assist-main-container-test ul li {
        width: 100%;
        margin-left: 0
    }

    section.twoCol .assist-main-container-test ul li ul {
        position: relative;
        width: 100%;
        height: 100px;
        border-top: 1px solid #dadada
    }

    section.twoCol .assist-main-container-test ul li ul:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: -100%;
        width: 100%;
        height: 1px;
        background-color: red
    }

    section.twoCol .assist-main-container-test ul li ul .assist-title {
        margin-left: 140px;
        margin-bottom: 2px;
        font-size: 20px;
        color: #228adf;
        font-weight: bold;
        text-transform: uppercase
    }

    section.twoCol .assist-main-container-test ul li ul .assist-animator {
        margin-left: 140px;
        font-size: 15.5px;
        color: #228adf
    }

    section.twoCol .assist-main-container-test ul li ul .assist-date {
        margin-bottom: 10px;
        margin-left: 140px;
        font-size: 14px;
        color: #858383;
        font-weight: bold
    }

    section.twoCol .assist-main-container-test ul li ul .assist-assist {
        display: block;
        margin-left: 140px;
        padding-left: 20px;
        padding-right: 20px;
        height: 25px;
        width: 140px;
        line-height: 25px;
        font-size: 12px;
        border: 1px solid #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc');
        color: #fff;
        background-color: #228adf;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer
    }

    section.twoCol .assist-main-container-test ul li ul .assist-img {
        position: absolute;
        top: 20px;
        left: 20px
    }

    section.twoCol .assist-main-container-test ul li ul .assist-img a {
        cursor: default
    }

    section.twoCol .assist-main-container-test ul li ul .assist-img a img {
        display: none;
        width: 100px;
        height: 100px
    }

    section.twoCol .assist-main-container-test ul li ul .assist-img a img:first-child {
        display: block
    }

    section.twoCol .assist-main-container-test ul li ul .assist-img a:hover .img-hover {
        display: none
    }
}

@media all and (max-width: 30.0525em) {
    #live header {
        padding-left: 20px;
        padding-right: 20px
    }

    #live .main {
        padding-left: 0;
        padding-right: 0
    }

    #live .menu {
        display: none
    }

    #live .infos {
        padding-left: 20px;
        padding-right: 20px
    }

    #live .tab > div > p {
        margin-top: 20px;
        font-size: 20px
    }

    #live .tab > div > p.title {
        display: none
    }

    #live .tab ul.share {
        position: relative;
        float: none;
        width: 100%;
        text-align: center;
        line-height: 54px
    }

    #live .tab ul.share:before {
        position: absolute;
        left: -20px;
        right: -20px;
        top: 0;
        display: block;
        height: 1px;
        content: '';
        background-color: #dadada
    }

    ul.program li:first-child {
        height: 25px;
        line-height: 25px
    }

    ul.program li span {
        font-size: 10px;
        padding-left: 13px;
        padding-right: 13px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main.services figure {
        padding-left: 190px
    }

    section.twoCol .main.services figure img {
        width: 170px;
        height: 85px
    }

    section.twoCol .main.services figcaption {
        padding-top: 0
    }

    section.twoCol .main.services figcaption p.title {
        font-size: 16px;
        margin-bottom: 8px
    }

    section.twoCol .main.services figcaption p:not(.title) {
        font-size: 14px
    }

    .assist-ul {
        display: block;
        width: 105%;
        margin-left: -20px
    }

    .assist-ul li {
        border-bottom: 1px solid #dadada;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .assist-ul li:first-child {
        margin-top: 20px;
        border-top: 1px solid #dadada
    }

    .assist-ul li figure {
        max-width: 440px;
        min-height: 85px
    }

    .assist-ul li figure img {
        float: left;
        width: 170px;
        height: 85px
    }

    .assist-ul li figure figcaption {
        float: left;
        margin-left: 20px
    }

    .assist-ul li figure figcaption p.title {
        font-size: 20px;
        color: #228adf;
        font-weight: bold
    }

    .assist-ul li figure figcaption p.name {
        font-size: 16px;
        color: #228adf
    }

    .assist-ul li figure figcaption p.date {
        line-height: 30px;
        font-size: 14px;
        color: #858383;
        font-weight: bold
    }

    .assist-ul li figure figcaption p:last-child {
        width: 127px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc');
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        background-color: #228adf;
        cursor: pointer
    }
}

@media all and (max-width: 30.0525em) {
    .webcams img, .webcams figcaption {
        width: 100%;
        float: none
    }

    .webcams figcaption {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width: 30.0525em) {
    #article header p.category {
        font-size: 12px
    }

    #article #mainArticle > div.articleInfos ul.tags li:last-child {
        display: none
    }

    #article #mainArticle .articleBody .social ul.program li:first-child {
        margin-top: -4px
    }

    #article.replay #mainArticle .articleBody .social .program {
        margin-top: 0;
        margin-bottom: 20px
    }
}

@media all and (max-width: 30.0525em) {
    #mosaicContainer {
        padding-bottom: 30px;
        min-height: 100px
    }

    #mosaicContainer section .container p {
        font-size: 12px
    }

    #mosaicContainer section .container p strong {
        font-size: 14px
    }

    #mosaicContainer .mosaic {
        min-height: 200px
    }

    #mosaicContainer .mosaic li.letter span {
        font-size: 45px
    }

    #mosaicContainer .mosaic li.button {
        line-height: 40px
    }

    #mosaicContainer .mosaic li.button a {
        font-size: 17px
    }
}

@media all and (max-width: 30.0525em) {
    .list .program {
        float: right;
        position: relative;
        right: auto;
        bottom: auto
    }

    .list .program li {
        margin: 0
    }

    .list ul.list li {
        width: 33%;
        height: 200px;
        overflow: hidden
    }

    .list ul.list li figcaption {
        font-size: 12px;
        width: 98%
    }

    .list ul.handbook.animateurs li {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 9.09091%;
        margin-left: 0%;
        margin-right: 0%
    }

    .list ul.handbook.animateurs li:before, .list ul.handbook.animateurs li:after {
        content: '';
        display: table
    }

    .list ul.handbook.animateurs li:after {
        clear: both
    }

    .list ul.handbook.animateurs li:last-child {
        margin-right: 0%
    }

    .list ul.handbook li {
        font-size: 18px
    }

    .list ul.subList > li ul li:first-child {
        font-size: 30px
    }

    .list ul.subList > li ul li span {
        font-size: 18px
    }

    section.twoCol .main.list h2 {
        font-size: 18px
    }

    section.twoCol .main.list > span.link {
        font-size: 18px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .container .main.regular > header .subTitle {
        font-size: 13px
    }

    .regular .box table td {
        font-size: 16px
    }

    .regular .box table td h2 {
        margin-top: 0
    }

    .regular .box table tr:first-child td h2 {
        margin-top: -20px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main .header h2 {
        display: none
    }

    section.twoCol .main .grille {
        padding-bottom: 0
    }

    section.twoCol .main .grille .header {
        padding-top: 0;
        margin-bottom: 0;
        border-bottom: 0
    }

    section.twoCol .main .grille .header ul.program {
        margin-right: 10px;
        margin-top: 10px
    }

    .grille .tab .wrapper {
        margin-right: -20px;
        padding-right: 0
    }

    .grille .tab .wrapper div {
        width: 100%;
        min-height: 100%;
        padding: 0;
        background-color: #228adf
    }

    .grille .tab header {
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
        border-bottom: none
    }

    .grille .tab figure {
        display: none
    }

    .grille .tab p {
        display: none
    }

    .grille .tab p.name {
        display: block;
        padding-top: 0;
        padding-left: 20px;
        margin-bottom: 0;
        height: 37px;
        line-height: 53px;
        width: 100%;
        font-size: 20px;
        color: #fff
    }

    .grille .tab time {
        display: block;
        padding-left: 20px;
        height: 34px;
        line-height: 25px;
        font-size: 14px;
        background: none
    }

    .grille .tab time:before {
        display: none
    }

    .grille table {
        margin-left: -20px;
        width: 100%;
        border-top: none
    }

    .grille table td {
        padding-top: 14px;
        padding-bottom: 14px;
        vertical-align: top;
        line-height: 14px
    }

    .grille table td:first-child {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px
    }

    .grille table td + td {
        padding-left: 40px
    }

    .grille table td:first-child + td + td {
        padding-left: 0;
        padding-right: 20px;
        font-size: 0px
    }

    .grille table td:first-child + td + td a {
        display: none;
        font-size: 14px
    }

    .grille table td:first-child + td + td span {
        font-size: 14px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main.contacts > ul > li ul li {
        position: relative;
        line-height: 20px;
        margin-bottom: 10px;
        list-style-position: inside
    }

    section.twoCol .main.contacts > ul > li ul li:before {
        position: absolute;
        top: 11px;
        left: 42px
    }

    section.twoCol .main.contacts > ul > li ul li:after {
        position: absolute;
        top: 11px;
        left: 45px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main.music header p#currentDate {
        margin-top: 5px;
        font-size: 18px
    }

    section.twoCol .main.music header form {
        margin: 25px 0 0
    }

    section.twoCol .main.music > ul {
        margin-top: -1px;
        padding-top: 20px;
        border-top: 1px solid #dadada
    }

    section.twoCol .main.music > ul:before {
        display: none
    }

    section.twoCol .main.music > ul > li figure img {
        display: none
    }

    section.twoCol .main.music > ul > li figure figcaption {
        max-width: 100%;
        margin-left: -15px
    }

    section.twoCol .main.music > ul > li figure figcaption ul {
        width: 100%;
        padding-left: 0
    }

    form#filter fieldset p {
        margin-top: -20px
    }

    form#filter fieldset div.inputContainer input {
        margin-top: -20px;
        margin-left: 60px
    }

    form#filter fieldset div.inputContainer:after {
        margin-top: -10px
    }
}

@media all and (max-width: 30.0525em) {
    #asideChallenge, #asideClub {
        display: none
    }

    .container .inner .main.club h2 span {
        font-size: 25px
    }

    .container .inner .main.club.space.listing .inline-b {
        display: none
    }

    .container .inner .main.club.inscription:not(.profil).validBloc .box.space .sign span.icon {
        display: none
    }

    .container .inner .main.club .space.listing .inline-b {
        width: 100%
    }

    .container .inner .main.club .space.listing .inline-b:last-child {
        display: none
    }

    .club .concours figure a {
        display: block
    }

    .club .concours h3 {
        font-size: 20px
    }

    .club .half .content h4 {
        font-size: 16px
    }

    .club .half .content p {
        font-size: 15px
    }

    .club .box-head h1 {
        font-size: 14px
    }
}

@media all and (max-width: 30.0525em) {
    #search header.program figure .infos {
        position: relative;
        width: 100%;
        padding-top: 15px;
        padding-right: 0;
        color: #000
    }

    #search header.program figure .infos h1 {
        position: relative;
        font-size: 28px
    }

    #search header.program figure .infos h2 {
        position: relative
    }

    #search header.program figure figcaption {
        position: relative;
        height: auto;
        min-height: 100%;
        background: none
    }

    #search header.program figure figcaption div.sponsor {
        display: none
    }

    #search header.program > nav ul {
        display: none
    }

    #search header.program > nav ul.share {
        display: none
    }

    #search article {
        padding-left: 210px;
        min-height: 105px
    }

    #search article figure {
        margin-left: 20px;
        width: 170px
    }

    #search article div p {
        display: none
    }

    #search article div p.title {
        display: block
    }

    #search article div p.infos {
        display: block;
        font-size: 10px
    }

    #search article div p.infos span {
        font-size: 10px
    }

    #search article div p.infos time {
        font-size: 10px
    }

    #search article div p.sponsor {
        font-size: 10px
    }

    #search article div p.sponsor span {
        font-size: 10px
    }

    #search article div a {
        font-size: 16px
    }

    #search article.sponsor {
        min-height: 105px
    }

    #search header.regular {
        min-height: 90px
    }

    #search header.regular > div {
        min-height: 90px
    }

    #search header.regular > div figure {
        width: 86px
    }

    #search header.regular > div figure img {
        width: 100%
    }

    #search header.regular > div p.tags {
        display: inline-block
    }

    #search header.regular .author, #search header.regular .animateur, #search header.regular .hub {
        padding-left: 0
    }

    #search header.regular .author h1, #search header.regular .animateur h1, #search header.regular .hub h1 {
        padding-top: 20px;
        font-size: 25px
    }

    #search header.regular .author h2, #search header.regular .animateur h2, #search header.regular .hub h2 {
        margin-bottom: 0;
        font-size: 13px
    }

    #search header.regular .author p, #search header.regular .animateur p, #search header.regular .hub p {
        margin-bottom: 15px
    }

    #search header.regular .animateur nav {
        display: none
    }

    #search header.regular .hub h1 {
        padding-top: 0
    }

    #search header.regular .hub ul {
        display: block;
        width: 100%;
        margin-top: 2px;
        margin-left: -10px;
        line-height: 20px
    }

    #search header.regular .hub ul li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    #search header.regular .heading {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 100px;
        padding-left: 110px;
        padding-bottom: 10px
    }

    #search header.regular .noResult .results {
        margin-top: 5px;
        font-size: 20px
    }

    #search header.regular .noResult p:first-child {
        margin-top: -5px
    }

    #search header.regular .isResult {
        margin-top: -15px;
        min-height: 75px
    }

    #search header.regular .isResult form p {
        display: block;
        margin: 0 0 15px
    }

    #search header.regular .isResult p.results strong {
        margin-bottom: 20px
    }

    form#filter fieldset div.fancy-select {
        margin-top: -20px;
        margin-left: -100px
    }

    nav.pagination ul {
        width: 85%
    }
}

@media all and (max-width: 30.0525em) {
    section #moreArticles article {
        width: 50%
    }
}

@media all and (max-width: 30.0525em) {
    .archivesS form {
        padding-right: 15px
    }
}

@media all and (max-width: 30.0525em) {
    section.twoCol .main.tutorial > ul.tutorial {
        border-top: 1px solid #dadada;
        margin-bottom: 40px
    }
}

@media all and (max-width: 30.0525em) {
    .webcams img, .webcams figcaption {
        width: 100%;
        float: none
    }

    .webcams figcaption {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width: 30.0525em) {
    #category {
        top: 45px
    }

    #category.sticked {
        top: 43px
    }

    #category .category-title {
        font-size: 18px
    }

    #category .category-title:after {
        top: 22px;
        border-width: 6px
    }

    #category .sub-nav li {
        height: 36px;
        line-height: 36px
    }

    #category .sub-nav li a {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    #category .sub-nav li span {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    #category .sub-nav li.active {
        height: 36px;
        line-height: 36px
    }

    #category .sub-nav li.active span {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }
}

@media all and (max-width: 20.0525em) {
    body {
        max-width: 320px
    }
}

@media all and (max-width: 20.0525em) {
    #mosaicContainer .mosaic li.letter span {
        font-size: 35px
    }

    #mosaicContainer .mosaic li.button a {
        font-size: 14px
    }
}

@media all and (max-width: 20.0525em) {
    ul.archives li article {
        padding-left: 110px
    }

    ul.archives li article figure img {
        width: 100px
    }

    .archives ul.handbook > li ul li {
        font-size: 11px
    }

    .archives > a.link {
        margin-left: 25px
    }

    ul.month li {
        padding-left: 10px
    }
}

@media all and (max-width: 20.0525em) {
    #article .articleOptions {
        padding-top: 0
    }

    #article .articleOptions nav li a, #article .articleOptions nav li ._NOL {
        font-size: 12px;
        line-height: 18px
    }

    #comments .comment form p {
        font-size: 14px
    }

    #comments .comment form p span {
        font-size: 14px
    }

    #comments .comment .wrapper p {
        padding-top: 40px
    }
}

@media all and (max-width: 20.0525em) {
    article.xsmall .title {
        max-height: 38px
    }

    article.full .description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 130px;
        padding: 10px
    }

    article.full .description .source {
        left: 10px
    }

    article.large .description, article.small .description {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 150px;
        padding: 10px
    }

    article.large .description .title, article.small .description .title {
        max-height: 62px;
        line-height: 16px
    }

    article.large .description .source, article.small .description .source {
        left: 10px
    }

    article.question form {
        padding: 10px 10px 15px
    }

    article.question form p {
        font-size: 14px
    }

    article.question form ul {
        margin-top: 10px
    }

    article.question form ul li {
        margin-top: 7px
    }

    article.question form label.answer {
        line-height: 15px;
        padding-left: 30px;
        font-size: 13px
    }

    article.question form label.answer:after {
        left: 4.5px;
        top: 5px
    }

    article.question form label.answer:before {
        left: 0;
        width: 15px;
        height: 15px
    }

    #news .full article .description .title {
        margin-top: 0;
        max-height: 64px;
        font-size: 10px;
        line-height: 16px
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .main.contacts > ul > li ul li {
        padding-left: 55px
    }

    section.twoCol .main.contacts > ul > li ul li:after {
        left: 35px
    }

    section.twoCol .main.contacts > ul > li ul li:before {
        left: 32px
    }
}

@media all and (max-width: 20.0525em) {
    img.club-header {
        width: 100%
    }

    .container .inner .main.club .space.listing .inline-b div ul li a figure {
        width: 100%;
        height: auto
    }

    .container .inner .main.club .space.listing .inline-b div ul li a figure img {
        width: 100%;
        height: auto
    }

    .container .inner .main.club .space.listing .inline-b div ul li.half a figure {
        width: 50%
    }

    .container .inner .main.club .space.listing .inline-b div ul li.half a figure img {
        width: 100%
    }

    .container .inner .main.club .space.listing .inline-b > div.concours ul li figure {
        width: 100%;
        height: auto
    }

    .container .inner .main.club .space.listing .inline-b > div.concours ul li figure a {
        width: 100%
    }

    .container .inner .main.club .space.listing .inline-b > div.concours ul li figure a img {
        width: 100%;
        height: auto
    }

    .container .inner .main.club .space.listing .inline-b > div.concours ul li.half figure {
        width: 50%;
        height: auto
    }

    .container .inner .main.club .space.listing .inline-b > div.concours ul li.half figure a img {
        width: 100%;
        height: auto
    }

    .container .inner .main.club form.form ul li div.select div.fancy-select div.trigger {
        padding-left: 8px
    }

    .container .inner .main.club form.form ul li div.select div.fancy-select div.trigger:after {
        right: 3px
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .main .grille > div.tab .wrapper {
        padding: 0
    }

    section.twoCol .main .grille table td {
        line-height: 25px;
        vertical-align: middle
    }

    section.twoCol .inner > div.main .header.header ul.program.podcast {
        margin-top: -67px
    }

    ul.program.podcast li a {
        margin-top: 0px;
        margin-right: -15px
    }
}

@media all and (max-width: 20.0525em) {
    section#live #replay ul.menu li span {
        margin-top: 27px
    }

    section#live #replay ul.program li span {
        margin-top: 0
    }
}

@media all and (max-width: 20.0525em) {
    aside#replay .highlight {
        padding-left: 145px
    }

    aside#replay .highlight figure {
        left: 30px;
        margin-left: 0;
        width: 90px
    }

    aside#replay .highlight .description p {
        font-size: 14px
    }

    aside#replay .highlight .description p span {
        font-size: 12px
    }

    aside#replay ul .wrapper {
        padding: 10px 0 10px 150px
    }

    aside#replay ul .time {
        top: 45px;
        width: 60px;
        font-size: 16px
    }

    aside#replay ul .time:after {
        left: 30px
    }

    aside#replay ul .time:before {
        left: 30px
    }

    aside#replay ul figure {
        left: 60px;
        width: 70px
    }

    aside .popular figure {
        width: 120px
    }

    aside .popular .description {
        padding-left: 140px
    }

    aside .popular .shared .description {
        height: 100%;
        padding-left: 70px
    }

    aside .popular .description a {
        font-size: 14px !important;
        line-height: 16px !important
    }
}

@media all and (max-width: 20.0525em) {
    #article #mainArticle > div.articleBody > .videoBox {
        margin-top: 40px
    }

    #article #mainArticle > div.articleBody .social ul.program {
        margin-top: 0
    }

    #article #mainArticle > div.articleBody .social ul.program li span {
        margin-top: 0
    }

    #article .articleOptions {
        width: 100%
    }
}

@media all and (max-width: 20.0525em) {
    form#filter fieldset div {
        display: block !important
    }

    form#filter fieldset div.inputContainer:after {
        margin-top: 0
    }

    form#filter fieldset div.inputContainer input {
        width: 200px;
        margin-top: 0;
        margin-left: 0
    }

    form#filter fieldset div.inputContainer input.selectDate {
        width: 140px !important
    }

    form#filter fieldset div.inputContainer.dateFrom input {
        margin-top: 0;
        margin-left: 0
    }

    form#filter fieldset div.inputContainer.dateFrom:after {
        margin-top: 0
    }

    form#filter fieldset div.selector {
        padding: 0
    }

    form#filter fieldset div.selector span:after {
        right: 5px
    }

    #search article {
        padding-left: 160px
    }

    #search article figure {
        width: 120px
    }

    html.touch form#filter fieldset div.inputContainer.hidden {
        display: block !important
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .main.services figure {
        padding-left: 120px
    }

    section.twoCol .main.services figure img {
        width: 105px;
        height: auto
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .main.tutorial > ul.tutorial li figure {
        padding-left: 120px
    }

    section.twoCol .main.tutorial > ul.tutorial li figure img {
        margin-top: 8px;
        width: 100px;
        border: 3px solid #dadada;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-transform: translate(0, 0, 0);
        behavior: url('./europe1front/js/src/PIE.htc')
    }

    section.twoCol .main.tutorial > ul.tutorial:after {
        left: 75px
    }
}

@media all and (max-width: 20.0525em) {
    body > h1 {
        bottom: 180px
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .assist-main-container-test ul li ul div {
        width: 55%
    }

    section.twoCol .assist-main-container-test ul li ul div .assist-title {
        font-size: 19px
    }

    section.twoCol .assist-main-container-test ul li ul div .assist-animator {
        font-size: 14.5px
    }

    section.twoCol .assist-main-container-test ul li ul div .assist-date {
        font-size: 12px
    }

    section.twoCol .assist-main-container-test ul li ul div .assist-assist {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        font-size: 11px
    }
}

@media all and (max-width: 20.0525em) {
    section.twoCol .main.flux ul li div span {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 11px
    }

    section.twoCol .main.flux ul li div p.title {
        font-size: 14px
    }
}

@media all and (max-width: 20.0525em) {
    .twoCol .list header .program {
        position: relative;
        right: auto;
        bottom: auto;
        float: right
    }

    .twoCol .list ul.list li {
        min-height: 195px
    }
}

@media all and (min-width: 20.0625em) and (max-width: 50.0525em) and (orientation: landscape) {
    #category {
        top: 45px
    }

    #category .container .inner {
        height: 40px;
        line-height: 40px
    }

    #category.sticked {
        top: 34px
    }

    #category h1 {
        font-size: 18px
    }

    #category h1:after {
        top: 22px;
        left: 62px;
        border-width: 6px
    }

    #category .sub-nav {
        top: 40px
    }

    #category .sub-nav li {
        height: 36px;
        line-height: 36px
    }

    #category .sub-nav li a {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    #category .sub-nav li span {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    #category .sub-nav li.active {
        height: 36px;
        line-height: 36px
    }

    #category .sub-nav li.active span {
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    #news .dossier article.small_liste figure {
        width: 120px
    }

    #news .dossier article.small_liste .description {
        padding-left: 140px
    }

    #news .dossier article.small_liste .description a {
        font-size: 14px;
        line-height: 16px
    }
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: transparent
}

#mySearch {
    background: rgba(0, 0, 0, 0.8)
}

#mySearch .modal-dialog {
    width: 83%;
    margin: 100px auto
}

#mySearch .modal-dialog .close {
    position: absolute;
    right: 25px;
    top: 6px;
    color: #999;
    font-weight: normal;
    filter: alpha(opacity=(100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: 3.857em
}

#mySearch .modal-dialog .modal-title {
    display: block;
    font-size: 2.429em;
    font-weight: normal;
    padding: 15px 0 10px 0
}

#mySearch .modal-dialog .modal-header {
    padding: 0
}

#mySearch .modal-dialog .modal-body {
    padding: 40px 0
}

#mySearch .modal-dialog .modal-body .form-group:last-child {
    position: relative
}

#mySearch .modal-dialog .modal-body .col-md-2 {
    padding-left: 0
}

#mySearch .modal-dialog .modal-body .form-control {
    color: #003ed1;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    font-style: italic;
    font-weight: 600;
    border: 2px solid #e1e1e1;
    box-shadow: none;
    padding: 0 20px;
    min-height: 0
}

#mySearch .modal-dialog .modal-body .form-control::-webkit-input-placeholder {
    color: #003ed1;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .form-control::-moz-placeholder {
    color: #003ed1;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .form-control:-ms-input-placeholder {
    color: #003ed1;
    opacity: 1
}

#mySearch .modal-dialog .modal-body .btn-default {
    width: 100%;
    color: #003ed1;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #003ed1;
    padding: 0
}

#mySearch .modal-dialog .modal-body .btn-default:hover {
    color: #fff;
    background: #003ed1
}

#mySearch .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 30px
}

#mySearch .modal-dialog .modal-content ul {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 1000000;
    padding: 0;
    background: #FFFFFF;
    left: 0
}

#mySearch .modal-dialog .modal-content ul li:first-child {
    padding-top: 25px
}

#mySearch .modal-dialog .modal-content ul li:last-child {
    padding-bottom: 25px
}

#mySearch .modal-dialog .modal-content ul li a, #mySearch .modal-dialog .modal-content ul li span._NOL {
    color: #000000;
    display: block;
    font-size: 1.286em;
    font-weight: normal;
    padding: 2px 0
}

#mySearch .modal-dialog .modal-content ul li a:hover, #mySearch .modal-dialog .modal-content ul li span._NOL:hover {
    color: #003ed1
}

.btn, #mySearch .btn:not(.round) {
    display: inline-block;
    padding: 6px 12px;
    height: auto;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #cccccc;
    font-family: 'Fira Sans';
    text-transform: none
}

.alerte-info {
    background: #fb1339;
    font-weight: 600;
    font-size: 1.286em;
    line-height: 1em;
    color: #FFFFFF;
    padding: 15px 10px;
    margin: 0 auto 20px;
    width: 93%;
    max-width: 1248px;
    font-size: 0
}

.alerte-info * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.alerte-info span, .alerte-info a, .alerte-info span._NOL, .alerte-info span._NOL {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    font-size: 18px
}

.alerte-info a, .alerte-info span._NOL, .alerte-info span._NOL {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1em;
    color: #FFFFFF;
    padding-left: 15px
}

.alerte-info span.titre {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 700;
    background: #1c1c1c;
    text-transform: uppercase;
    padding: 6px 10px;
    margin: 0;
    max-width: 20%
}

@media (max-width: 810px) {
    .alerte-info a, .alerte-info span._NOL, .alerte-info span._NOL {
        font-size: 16px;
        line-height: 1.16em
    }

    .alerte-info span.titre {
        font-size: 18px
    }
}

@media (max-width: 740px) {
    .alerte-info {
        padding: 15px 20px;
        width: 85%
    }

    .alerte-info span._NOL, .alerte-info a, .alerte-info span.titre, .alerte-info span._NOL {
        display: block;
        max-width: 100%;
        width: 100%
    }

    .alerte-info span.titre {
        text-align: center
    }

    .alerte-info a, .alerte-info span._NOL, .alerte-info span._NOL {
        padding-left: 0;
        padding-top: 10px;
        line-height: 1.2em
    }
}

@media (max-width: 540px) {
    .alerte-info a, .alerte-info span._NOL, .alerte-info span._NOL {
        font-size: 14px;
        line-height: 1.25em
    }

    .alerte-info span.titre {
        font-size: 16px
    }

    .alerte-info {
        max-width: 540px
    }
}

@media (max-width: 380px) {
    .alerte-info {
        max-width: 380px
    }
}

.flashinfos * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.flashinfos * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

aside#more .flashactus .flashactus_titre {
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background: #d1003b;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 10px
}

aside#more .flashactus .flashactus_titre .icon-Plus {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 15px;
    color: #fff
}

aside#more .flashactus .flashactus_titre .icon-Plus:hover {
    text-decoration: none
}

aside#more .flashactus .flashactus_cnt {
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 10px 8px;
    margin-bottom: 20px
}

aside#more .flashactus .flashactus_cnt ul, aside#more .flashactus .flashactus_cnt li {
    margin: 0;
    padding: 0
}

aside#more .flashactus .flashactus_cnt li {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 15px 65px
}

aside#more .flashactus .flashactus_cnt li a, aside#more .flashactus .flashactus_cnt li span._NOL {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px
}

aside#more .flashactus .flashactus_cnt li .horaire {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    line-height: 18px
}

aside#more .flashactus .flashactus_cnt li .nota {
    font-weight: 700;
    text-transform: uppercase
}

aside#more .flashactus .flashactus_cnt li:before {
    position: absolute;
    top: 0;
    left: 47px;
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    content: ""
}

aside#more .flashactus .flashactus_cnt li:first-child:before {
    top: 10px
}

aside#more .flashactus .flashactus_cnt li:last-child {
    padding-bottom: 0
}

aside#more .flashactus .flashactus_cnt li:last-child:before {
    height: 10px
}

aside#more .flashactus .flashactus_cnt li:after {
    position: absolute;
    top: 7px;
    left: 45px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d1003b;
    content: ""
}

aside#more .flashactus .flashactus_cnt .alerteinfo {
    color: #d1003b
}

aside#more .flashactus .flashactus_cnt .alerteinfo a, aside#more .flashactus .flashactus_cnt .alerteinfo span._NOL {
    color: #d1003b
}

aside#more .flashactus .flashactus_cnt .infoeurope1 .horaire, aside#more .flashactus .flashactus_cnt .infoeurope1 .nota {
    color: #003ed1
}

aside#more .flashactus .flashactus_cnt .infoeurope1:after {
    background: #003ed1
}

aside#more .flashactus.nepasmanquer .flashactus_titre {
    background: #003ed1
}

aside#more .flashactus.nepasmanquer .flashactus_cnt {
    border: 0;
    padding: 0
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul {
    padding: 0
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li {
    padding: 0
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li:before, aside#more .flashactus.nepasmanquer .flashactus_cnt ul li:after {
    display: none
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .wrap-img a, aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .wrap-img span._NOL {
    display: block;
    width: 100%;
    height: auto
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .wrap-img a img, aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .wrap-img span._NOL img {
    display: block;
    width: 100%;
    height: auto
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte {
    border: 2px solid #e1e1e1;
    border-top: 0;
    padding: 15px
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte .titre {
    font-size: 1.143em;
    font-weight: 700;
    color: #000000;
    display: block;
    line-height: 1em
}

aside#more .flashactus.nepasmanquer .flashactus_cnt ul li .bloc_texte p {
    margin: 15px 0 0 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #000000;
    font-weight: 400
}

@media (max-width: 810px) {
    aside#more .flashactus {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

.flashinfos * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body#article.affix .progress-indicator {
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 4px;
    background: #94abe3
}

body#article.affix .subnav-direct {
    display: none !important
}

body#article.affix .subnav-article {
    display: block
}

@media (max-width: 1050px) {
    .nav-bottom .dropdown > a, .nav-bottom .dropdown > span._NOL {
        margin: 0 8px !important
    }
}

@media (max-width: 1030px) {
    .nav-bottom .dropdown > a, .nav-bottom .dropdown > span._NOL {
        margin: 0 6px !important
    }
}

@media (max-width: 1020px) {
    .nav-bottom .dropdown > a, .nav-bottom .dropdown > span._NOL {
        margin: 0 4px !important
    }
}

.form-control {
    position: relative;
    min-height: 60px;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 28px 0;
    font-size: 100%;
    line-height: 10px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all linear 0s;
    -o-transition: all linear 0s;
    transition: all linear 0s
}

nav.pagination {
    display: block
}

.twoCol .main.flux ul li div span {
    height: 28px !important
}

span._NOL {
    cursor: pointer
}

aside.sidebar {
    position: static;
    width: 300px;
    padding: 0
}

@media (max-width: 1280px) {
    .social_sidebar {
        margin: 0 0 0 -100px
    }
}

@media (max-width: 1160px) {
    .social_sidebar {
        display: none
    }
}

@media (max-width: 1024px) {
    body .container .col-md-12.aside-container {
        padding-left: 25px;
        float: left
    }

    body#article .subnav-article .logo, body#article .subnav-article .social .nota, body#article .subnav-article .bt {
        display: none
    }

    body#article .subnav-article .social ul li, body#article .subnav-article .social ul li a, body#article .subnav-article .social ul li span._NOL {
        line-height: 50px;
        height: 50px
    }

    body#article .subnav-article .social ul li .icon-Commentaire, body#article .subnav-article .social ul li a .icon-Commentaire, body#article .subnav-article .social ul li .icon-WhatsApp, body#article .subnav-article .social ul li a .icon-WhatsApp, body#article .subnav-article .social ul li span._NOL .icon-Commentaire, body#article .subnav-article .social ul li span._NOL .icon-WhatsApp {
        display: block !important
    }

    body#article .subnav-article .social ul li a, body#article .subnav-article .social ul li span._NOL {
        padding: 0 15px
    }

    body#article .subnav-article .social ul li a:hover, body#article .subnav-article .social ul li span._NOL:hover {
        background: none
    }

    body#article .subnav-article .icon-Facebook:hover {
        color: #3b5998 !important
    }

    body#article .subnav-article .icon-Twitter:hover {
        color: #55acee !important
    }

    body#article .subnav-article .icon-Commentaire:hover {
        color: #003ed1 !important
    }

    body#article .subnav-article .icon-WhatsApp:hover {
        color: #43d854 !important
    }

    body#article .subnav-article .icon-GooglePlus {
        color: #dd4b39 !important
    }
}

@media (max-width: 992px) {
    .flashactus .flashactus_cnt {
        margin: 0 0 30px 0
    }

    #main h1.baseline {
        padding: 0 90px
    }

    #main h1.baseline span {
        display: inline
    }

    .headLine {
        height: 329px;
        transition: height ease .3s;
        -webkit-transition: height ease .3s;
        -moz-transition: height ease .3s;
        -o-transition: height ease .3s;
        -ms-transition: height ease .3s
    }

    .headLine .blur_caption span.date {
        margin-top: 20px
    }

    .blockcontent-all .col-md-6, .blockcontent-all .col-md-4 {
        display: inline-block;
        width: 48%;
        vertical-align: top;
        float: none !important
    }

    .blockcontent-all .col-md-4.last {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        width: 96%;
        padding: 0
    }

    .blockcontent-all .col-md-4 {
        margin-bottom: 50px
    }

    .most_read_left .col-md-4 {
        display: block;
        width: 33.3333%;
        float: left !important
    }

    .most_read_left .col-md-8 {
        width: 66.6667%;
        float: left !important
    }

    .block3content.with_texte .first, .block3content.with_texte .center, .block3content.with_texte .right, .block3content.with_texte .last, .block3content.with_texte .bloc-table {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important
    }

    .block3content.with_texte .col-md-4:last-child {
        margin-top: 55px
    }

    .block3content.with_texte .bloc-table {
        margin-left: 0;
        padding-left: 0
    }

    .block3content.with_texte .bloc-table .bloc-texte {
        padding: 20px;
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .blur_caption .titre {
        padding: 0 10px 30px
    }

    .blur_caption .titre a, .blur_caption .titre span._NOL {
        max-height: 80px;
        overflow: hidden
    }

    .blur_small .blur_caption .titre a, .blur_small .blur_caption .titre span._NOL {
        max-height: 100px
    }

    .row .blur_caption p {
        margin-top: 10px
    }

    .blur_small .blur_caption .thematique {
        font-size: 30px;
        height: auto;
        line-height: 35px;
        margin-top: 25px;
        max-height: 70px
    }

    .blur_small .blur_caption .titre {
        font-size: 25px;
        letter-spacing: 0
    }

    .bloc_abo_horoscope {
        padding: 0 0 25px 0
    }

    .bloc_abo_horoscope span {
        font-size: 20px
    }

    .bloc_abo_horoscope label {
        font-size: 1.143em;
        letter-spacing: 0.01em;
        margin: 0 9px
    }

    .bloc_abo_horoscope .form-control {
        width: 240px
    }

    .bloc_abo_horoscope .btn, .bloc_abo_horoscope .btn:active {
        padding: 6px 15px 5px 15px
    }

    .block_horoscope .horoscope_changeable_linksList ul li {
        margin: 0 0 45px 4.75%
    }

    .block_horoscope .horoscope_changeable_linksList ul li a, .block_horoscope .horoscope_changeable_linksList ul li span._NOL {
        font-size: 1.3em
    }

    .block_horoscope .horoscope_changeable_linksList ul li a span, .block_horoscope .horoscope_changeable_linksList ul li span._NOL span {
        font-size: 90px
    }

    .block_horoscope.block_horoscope_chinois .horoscope_changeable_linksList ul li a span, .block_horoscope.block_horoscope_chinois .horoscope_changeable_linksList ul li span._NOL span {
        font-size: 90px
    }

    .blocks-astro {
        float: left;
        width: 33.3333%
    }

    .choose-number {
        float: left;
        width: 66.6667%
    }

    .choose-number ul li {
        margin: 0 20px
    }

    .choose-number ul li:before {
        left: -33px
    }

    #sidebarfixed1, #sidebarfixed1, .sidebarfixed.scroll-to-fixed-fixed {
        bottom: auto !important;
        left: auto !important;
        margin: 0 auto !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 300px !important
    }

    #sidebarfixed2 {
        display: none
    }

    .col-md-12.aside-container {
        width: 100% !important;
        padding-left: 25px !important
    }

    .astro-top .col-md-12 {
        padding: 0
    }

    .astro-top .col-md-12 .ico-astro {
        width: 100%;
        margin-top: 20px;
        padding-right: 0
    }

    .astro-top .resulats-tarots {
        padding-left: 25px
    }

    .astro-top .signes li .left {
        width: 14%
    }

    .astro-top .signes li .right {
        width: 85%
    }

    #bottom-astro .blocks-astro a .icon-elle_astro-personalite-signe, #bottom-astro .blocks-astro a .icon-elle_astro-profil-sexuel, #bottom-astro .blocks-astro span._NOL .icon-elle_astro-personalite-signe, #bottom-astro .blocks-astro span._NOL .icon-elle_astro-profil-sexuel {
        font-size: 65px;
        line-height: 100px
    }

    #bottom-astro .col-md-12 {
        float: left;
        width: 100%
    }

    #bottom-astro .bloc_abo_horoscope {
        text-align: center
    }

    #bottom-astro .bloc_abo_horoscope .form-inline {
        display: inline-block
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group {
        width: auto;
        margin-top: 0
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group .form-control {
        display: inline-block;
        margin: 0 auto;
        vertical-align: middle;
        width: 245px
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .btn, #bottom-astro .bloc_abo_horoscope .form-inline .btn:active {
        display: inline-block;
        margin: 1px 0 0 15px;
        vertical-align: middle
    }

    #bottom-astro a .titre, #bottom-astro span._NOL .titre {
        padding-top: 13px
    }

    #bottom-astro a .ico-astro, #bottom-astro span._NOL .ico-astro {
        font-size: 100px
    }

    .horo-top .col-md-12 {
        padding-left: 25px;
        width: 100%;
        float: left
    }

    .horo-top .col-md-6 {
        float: left;
        width: 50%
    }

    .horo-top .icon-elle_astro-quel-homme1 {
        margin-top: 0 !important
    }

    .blur_caption .titre {
        font-size: 30px
    }

    .prenoms-top .col-md-12 {
        padding-left: 25px;
        width: 100%;
        float: left
    }

    .boule-cristal textarea.form-control {
        width: 60%
    }

    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0
    }

    .block3content.with_texte .bloc-table .bloc-texte {
        width: 100%
    }

    .row.tarotCards {
        margin-left: 0
    }

    .row.tarotCards .col-md-4 {
        display: inline-block;
        width: 22%;
        padding-left: 6px
    }

    #astro-tirage {
        text-align: center
    }

    .cuisine-astuces .col-md-4 {
        float: left;
        width: 50%
    }

    #bottom-astro .blocks-astro a .icon-elle_astro-compatibilite-amoureuse1-40, #bottom-astro .blocks-astro a .icon-elle_astro-personalite-signe, #bottom-astro .blocks-astro span._NOL .icon-elle_astro-compatibilite-amoureuse1-40, #bottom-astro .blocks-astro span._NOL .icon-elle_astro-personalite-signe {
        line-height: 100px;
        font-size: 68px
    }

    .numerologie-caractere .icon-elle_astro-profil-numerologique2.ico-astro {
        top: -30px
    }

    .blocks-recettes .col-md-4 {
        width: 33.3333%;
        float: left;
        margin-bottom: 15px
    }

    .ellefre img, .ellefre object, .ellefre embed, .ellefre video, .ellefre iframe {
        height: auto !important
    }

    body.affix {
        margin-top: 3px
    }

    .article h1 {
        font-size: 2.857em
    }

    .next-prev .bloc-prev a span, .next-prev .bloc-prev span._NOL span {
        padding: 0 20px;
        display: block;
        max-width: 100%;
        width: 100%
    }

    .next-prev .bloc-prev a p, .next-prev .bloc-prev span._NOL p {
        margin: 15px 20px 0 20px;
        width: auto;
        display: block
    }

    .next-prev .bloc-next a span, .next-prev .bloc-next span._NOL span {
        padding: 0 20px 0 120px;
        display: block;
        max-width: 100%;
        width: 100%
    }

    .next-prev .bloc-next a p, .next-prev .bloc-next span._NOL p {
        margin: 15px 20px 0 120px;
        width: auto;
        display: block
    }

    .tous-les-prenoms > .row {
        margin-left: 0
    }

    .tous-les-prenoms ul.result li {
        width: 33.3333%
    }

    .la_diaporama .la_diaporama_item.landscape_diapo .diapoImgFrame {
        height: 573px
    }

    .la_diaporama .la_diaporama_item.landscape_diapo .diapoImgFrame img {
        height: 100%;
        width: auto
    }
}

@media (max-width: 800px) {
    #main h1.baseline {
        font-size: 2em
    }

    .blur_caption .titre {
        font-size: 28px
    }

    .blur_caption .titre a, .blur_caption .titre span._NOL {
        max-height: 80px
    }

    .row .blur_caption p {
        margin-top: 27px
    }

    .bloc_abo_horoscope .form-group {
        display: inline-block
    }

    .bloc_abo_horoscope .form-group .form-control {
        display: inline-block;
        width: 215px
    }

    .block_horoscope .horoscope_changeable_linksList ul li {
        margin: 0 0 45px 4%
    }

    .blocks-astro a .titre, .blocks-astro span._NOL .titre {
        font-size: 1.3em
    }

    .choose-number ul li {
        margin: 0 18px
    }

    .choose-number ul li:before {
        left: -31px
    }

    .blur_small .blur_caption .thematique {
        margin-top: 15px
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group .form-control {
        width: 210px
    }

    .cuisine-recherche .pull-right {
        float: left !important;
        margin: 10px 0;
        padding-left: 25px;
        width: 100%
    }

    .cuisine-recherche .pull-right a:first-child, .cuisine-recherche .pull-right span._NOL:first-child {
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .blocks-astro a .titre, .blocks-astro span._NOL .titre {
        font-size: 1.2em
    }

    .block_amour a .ico-astro, .block_amour span._NOL .ico-astro {
        line-height: 100px
    }

    .block_amour a .icon-elle_astro-compatibilite-amoureuse1-40, .block_amour span._NOL .icon-elle_astro-compatibilite-amoureuse1-40 {
        font-size: 85px
    }

    .block_amour a .icon-elle_astro-saint-valentin, .block_amour span._NOL .icon-elle_astro-saint-valentin {
        font-size: 103px
    }

    .block_amour a .icon-elle_astro-numero-couple, .block_amour span._NOL .icon-elle_astro-numero-couple {
        font-size: 103px
    }

    .block_amour a .icon-elle_astro-profil-sexuel, .block_amour span._NOL .icon-elle_astro-profil-sexuel {
        font-size: 65px
    }

    .block_amour a .icon-elle_astro-compatibilite-prenoms, .block_amour span._NOL .icon-elle_astro-compatibilite-prenoms {
        font-size: 85px
    }

    .block_amour a .icon-elle_astro-quel-homme1, .block_amour span._NOL .icon-elle_astro-quel-homme1 {
        font-size: 100px
    }

    .block_amour a .icon-elle_astro-horo-jour1, .block_amour span._NOL .icon-elle_astro-horo-jour1 {
        font-size: 100px
    }

    .block_amour a .icon-elle_astro-horo-annee, .block_amour span._NOL .icon-elle_astro-horo-annee {
        font-size: 102px
    }

    .block_amour a .icon-elle_astro-boule-cristal1, .block_amour span._NOL .icon-elle_astro-boule-cristal1 {
        font-size: 80px
    }

    .numero-top .horo-chinois-top .zone-resultat.signes li .numerologie-chiffre {
        width: 75%;
        padding: 9px 0
    }

    .numero-top .infoNumber div:last-child .blocInfoNumber:first-child h2 {
        margin-top: 0
    }

    .most_read_left .col-md-4, .most_read_left .col-md-8 {
        width: 100%;
        float: none !important
    }

    .most_read_left .most li a, .most_read_left .most li span._NOL {
        border-bottom: 1px solid #cdcdcd;
        display: block;
        margin-left: 58px;
        text-decoration: none
    }

    .most_read_left .most li a:after, .most_read_left .most li span._NOL:after {
        display: none
    }

    .most_read_left .most li a span, .most_read_left .most li span._NOL span {
        color: #000000;
        display: inline-block;
        font-family: "GeorgiaPro";
        font-size: 1.143em;
        line-height: 1.3em;
        margin: 15px 0;
        overflow: hidden;
        text-align: left;
        vertical-align: middle;
        width: auto
    }

    .most_read_left .most li a span:first-child, .most_read_left .most li span._NOL span:first-child {
        border: 0 none;
        display: inline-block;
        font-family: "ChronicleDisplay";
        font-size: 3.429em;
        line-height: 1em;
        margin: 0 0 0 -49px;
        padding: 0;
        width: 45px
    }
}

@media (max-width: 767px) {
    .headLine {
        height: 282px
    }

    .headLine .blur_caption span.date {
        margin-top: 20px
    }

    .headLine .blur_caption .thematique {
        font-size: 41px;
        height: 68px;
        line-height: 75px
    }

    .blur_wide .headLine_right, .blur_small .headLine_right {
        bottom: 0;
        left: 0;
        margin: 0 auto 0;
        right: 0;
        width: 100%
    }

    .blur_wide .headLine_right img:first-child, .blur_small .headLine_right img:first-child {
        width: 92%
    }

    .blur_wide, .blur_small {
        height: auto;
        position: relative
    }

    .blur_wide .headLine_left, .blur_small .headLine_left {
        width: 100%;
        position: static
    }

    .blur_wide .headLine_left .blur_mask, .blur_small .headLine_left .blur_mask {
        position: absolute;
        height: 100%
    }

    .blur_wide .headLine_left .blur_caption, .blur_small .headLine_left .blur_caption {
        top: 0
    }

    .blur_wide .headLine_right, .blur_small .headLine_right {
        margin: 0 auto 20px;
        position: relative
    }

    .blur_wide .headLine_right img, .blur_small .headLine_right img {
        margin: 0 auto
    }

    .blur_wide .headLine_right .galerie-picto, .blur_small .headLine_right .galerie-picto {
        right: 36px
    }

    .blur_caption .thematique {
        font-size: 35px
    }

    .blur_caption .titre {
        height: auto;
        font-size: 22px
    }

    .blur_caption .titre a, .blur_caption .titre span._NOL, .blur_caption .titre span._NOL {
        max-height: 101px
    }

    .blur_wide .headLine_right, .blur_small .headLine_right {
        margin: 0px auto 20px
    }

    .headLine {
        height: auto
    }

    .headLine .blur_caption {
        position: relative
    }

    .headLine .blur_caption span.date {
        margin-top: 15px
    }

    .headLine .blur_caption .thematique {
        font-size: 33px;
        height: 52px;
        line-height: 57px
    }

    h2.logo-h2, h1.logo-h1 {
        font-size: 55px;
        line-height: 102px;
        padding: 9px 0 9px 101px
    }

    section#main {
        margin-top: 100px
    }

    .bloc_abo_horoscope {
        border: 0;
        margin: 0 0 50px 0;
        padding: 0
    }

    .bloc_abo_horoscope form {
        display: none
    }

    .block_horoscope .horoscope_changeable_linksList ul li {
        margin: 0 0 45px 3.65%
    }

    .block_horoscope .horoscope_changeable_linksList ul li a, .block_horoscope .horoscope_changeable_linksList ul li span._NOL {
        font-size: 1.1em
    }

    .block_horoscope .horoscope_changeable_linksList ul li a span, .block_horoscope .horoscope_changeable_linksList ul li span._NOL span {
        font-size: 80px !important
    }

    .choose-number ul li {
        margin: 0 13px
    }

    .choose-number ul li:before {
        left: -26px
    }

    .astro-top .signes li .left {
        width: 18%
    }

    .astro-top .signes li .right {
        width: 81%
    }

    #bottom-astro .bloc_abo_horoscope {
        text-align: left
    }

    #bottom-astro .bloc_abo_horoscope .form-inline {
        display: block
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group {
        margin-top: 0;
        width: 100%
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group .form-control {
        margin-top: 20px;
        width: 78%
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .btn, #bottom-astro .bloc_abo_horoscope .form-inline .btn:active {
        margin: -39px 0 0 0;
        float: right
    }

    .headLine .blur_caption span.date {
        margin-top: 20px
    }

    .headLine .blur_caption .thematique {
        margin: 15px 0 5px 0
    }

    .headLine .blur_caption p {
        margin: 10px 0 20px
    }

    .hub-top .list-one li a, .hub-top .list-one li span._NOL {
        padding: 7px 12px
    }
}

@media (max-width: 665px) {
    .astro-top {
        margin-top: 30px
    }

    .astro-top .right .title {
        text-align: left !important
    }

    .astro-top .logo-pages {
        font-size: 2.571em;
        margin-top: 15px
    }

    h1.logo-h1 {
        background: none;
        border: 0 none;
        font-size: 1.3em;
        left: 155px;
        line-height: 1em;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 14px;
        z-index: 99999999
    }

    section#main {
        margin-top: 70px
    }

    #main .container {
        padding-left: 0;
        padding-right: 0
    }

    #main h1.baseline {
        font-size: 1.429em;
        font-family: 'GeorgiaProItalic';
        padding: 0;
        bottom: -125px;
        width: 250px
    }

    .news_feed, .most, .last_articles, .block_dossiers {
        padding: 0 10px;
        margin-left: 0;
        margin-right: 0
    }

    .news_feed .col-md-4, .most .col-md-4, .last_articles .col-md-4, .block_dossiers .col-md-4 {
        padding-left: 0
    }

    .news_feed .col-md-12, .most .col-md-12, .last_articles .col-md-12, .block_dossiers .col-md-12 {
        padding: 0
    }

    .news_feed .col-md-12 ul li, .most .col-md-12 ul li, .last_articles .col-md-12 ul li, .block_dossiers .col-md-12 ul li {
        width: 50%;
        margin-bottom: 25px;
        padding: 0 5px
    }

    .news_feed .col-md-12 ul li:last-child, .most .col-md-12 ul li:last-child, .last_articles .col-md-12 ul li:last-child, .block_dossiers .col-md-12 ul li:last-child {
        display: none
    }

    .row .blur_caption p {
        font-size: 12px;
        margin: 34px 0
    }

    #mySearch .modal-dialog .modal-title {
        font-size: 1.5em;
        padding: 34px 0 0
    }

    .news_feed .col-md-12 ul.listLettersStars li {
        width: auto;
        margin-bottom: 0;
        padding: 0
    }

    .news_feed .col-md-12 ul.listLettersStars li:last-child {
        display: inline-block
    }

    .nav-bottom .pull-right {
        margin: 2px 17px 0 0
    }

    .article #main {
        padding: 0 10px
    }

    .article .header-article {
        margin-bottom: 30px
    }

    .article h1 {
        font-size: 1.786em
    }

    .article h1:after {
        max-width: 245px
    }

    .article figure .img-responsive {
        width: 100%;
        max-width: 100%
    }

    .article figure figcaption {
        font-size: 0.714em
    }

    .article .most .col-md-6 {
        padding: 0
    }

    .article .most .title-most {
        font-size: 2.143em
    }

    .article .most .title-most:after {
        max-width: 250px
    }

    .article .publication {
        line-height: 1em
    }

    .content .entete {
        font-size: 1.5em;
        line-height: 1.5em;
        margin: 15px 0 25px
    }

    .content .entete:after {
        max-width: 150px
    }

    .content .citation {
        font-size: 1.214em;
        max-width: 250px
    }

    .content .citation:before, .content .citation:after {
        max-width: 192px
    }

    .block_bottom {
        padding: 40px 10px 0 10px
    }

    .lire_egalement ul {
        padding: 0 0 0 10px
    }

    .more_articles .more-title {
        font-size: 2.143em
    }

    .more_articles .more-title:after {
        max-width: 250px
    }

    .author {
        width: 100%
    }

    .next-prev {
        padding-top: 0
    }

    .commentaires .comment-title {
        font-size: 2.143em;
        line-height: 1em
    }

    .commentaires .comment-title:after {
        max-width: 250px
    }

    .commentaires .form-inline .form-group .form-control {
        height: 40px;
        font-size: 1.286em;
        padding: 0 100px 0 10px
    }

    .commentaires .form-inline .btn, .commentaires .form-inline .btn:active {
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }

    .commentaires ul {
        margin: 30px 0 0 0;
        padding: 0
    }

    .commentaires ul li {
        padding: 0 0 24px 0
    }

    .commentaires ul li .text {
        margin: 12px 0 6px 0
    }

    .commentaires ul li .like, .commentaires ul li .unlike {
        display: none
    }

    .commentaires ul li .btn-answer {
        background: none;
        border: none;
        color: #656565;
        display: inline-block;
        float: none;
        font-family: "GeorgiaProItalic";
        font-size: 0.857em;
        font-style: normal;
        font-weight: normal;
        margin: 0 22px 0 0;
        padding: 6px 0;
        vertical-align: middle;
        text-transform: none
    }

    .commentaires ul li .btn-answer:hover {
        text-decoration: underline
    }

    .commentaires ul li .wrong_msg {
        padding: 6px 0
    }

    .commentaires ul li ul li .wrong_msg:before {
        display: none
    }

    .pageHub h2 {
        font-size: 2.143em
    }

    .pageHub h2:after {
        max-width: 250px
    }

    .pageHub .content .bloc li {
        width: 100%
    }

    .pageHub .content .bloc li:last-child {
        display: none
    }

    .pageHub .content .bloc li .img-responsive {
        width: 100%
    }

    .pageHub .content .bloc li .text {
        font-size: 1.214em;
        margin: 15px 0 35px 0
    }

    .pageHub .toute_lactu {
        margin-top: 0
    }

    .pageHub .meme_theme .col-md-6 {
        width: 100%
    }

    .pageHub .meme_theme .col-md-6:last-child {
        margin-bottom: 0
    }

    .pageHub .meme_theme .titre {
        color: #000000;
        height: auto
    }

    .pageHub .meme_theme .wrap-img img {
        width: 100%
    }

    .pageHub .hub-top {
        height: auto;
        margin-bottom: 0
    }

    .pageHub .hub-top .more, .pageHub .hub-top .titre {
        display: none
    }

    .pageHub .hub-top .lists {
        background: #ffffff;
        border: 1px solid #cdcdcd;
        left: 25px;
        padding: 7px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 75px;
        z-index: 1
    }

    .pageHub .hub-top .lists ul {
        border: 0;
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        height: auto
    }

    .pageHub .hub-top .lists ul li {
        display: block;
        margin: 0;
        padding: 0
    }

    .pageHub .hub-top .lists ul li:first-child:before, .pageHub .hub-top .lists ul li:first-child:after {
        display: none
    }

    .pageHub .hub-top .lists ul li a, .pageHub .hub-top .lists ul li span._NOL {
        display: block;
        padding: 7px 20px;
        height: auto
    }

    .pageHub .hub-top .lists ul li a:after, .pageHub .hub-top .lists ul li span._NOL:after {
        display: none
    }

    .pageHub h1 .more {
        border: 1px solid #656565;
        border-radius: 50%;
        display: inline-block !important;
        float: none;
        margin: -5px 0 0 5px;
        padding: 0;
        vertical-align: middle
    }

    .pageHub .last_elements .col-md-6 {
        width: 100%
    }

    .pageHub .last_elements .wrap-img img {
        width: 100%;
        max-height: 100%
    }

    .pageHub .last_elements .titre {
        min-height: 1px;
        margin-bottom: 25px
    }

    .tous_les .level .last_elements {
        margin-bottom: 50px
    }

    .tous_les .level .last_elements .col-md-6 {
        width: 100%;
        margin-bottom: 35px
    }

    .tous_les .level .last_elements .col-md-6:last-child {
        margin-bottom: 0
    }

    .tous_les .level .last_elements .titre {
        color: #000000;
        height: auto
    }

    .tous_les .level .last_elements .wrap-img img {
        width: 100%
    }

    .tous_les .level .dossiers {
        margin-bottom: 50px
    }

    .tous_les .level .dossiers .col-md-4 {
        width: 100%;
        margin-top: 35px
    }

    .tous_les .level .dossiers .col-md-4:first-child {
        margin-top: 0
    }

    .tous_les .level .dossiers .col-md-4 img {
        width: 100%
    }

    .tous_les .level .articles_connexes .col-md-6 {
        width: 100%;
        margin-bottom: 20px
    }

    .tous_les .level .articles_connexes a span, .tous_les .level .articles_connexes span._NOL span {
        max-width: 83%
    }

    .tous_les .level .text {
        font-size: 1.214em
    }

    .tous-les-prenoms ul.result li {
        width: 50%
    }

    .signaler_abus .modal-header {
        padding-top: 30px
    }

    .signaler_abus .modal-body {
        padding: 15px 30px 25px
    }

    .signaler_abus .modal-body p {
        margin: 0 0 15px
    }

    .signaler_abus .modal-body .form-control {
        margin-top: 15px
    }

    .signaler_abus .modal-footer {
        padding: 25px 30px 50px
    }
}

@media (max-width: 520px) {
    .next-prev {
        padding: 0
    }

    .next-prev .bloc-prev, .next-prev .bloc-next {
        float: left;
        width: 100%
    }

    .next-prev .bloc-prev a span, .next-prev .bloc-next a span, .next-prev .bloc-prev span._NOL span, .next-prev .bloc-next span._NOL span {
        margin: 0;
        padding: 0
    }

    .next-prev .bloc-prev a p, .next-prev .bloc-next a p, .next-prev .bloc-prev span._NOL p, .next-prev .bloc-next span._NOL p {
        margin-left: 0;
        margin-right: 0
    }

    .next-prev .bloc-prev a.icon-elle_fleche-prec:before, .next-prev .bloc-next a.icon-elle_fleche-prec:before, .next-prev .bloc-prev span._NOL.icon-elle_fleche-prec:before, .next-prev .bloc-next span._NOL.icon-elle_fleche-prec:before {
        left: 35px
    }

    .next-prev .bloc-prev a.icon-elle_fleche-suiv:before, .next-prev .bloc-next a.icon-elle_fleche-suiv:before, .next-prev .bloc-prev span._NOL.icon-elle_fleche-suiv:before, .next-prev .bloc-next span._NOL.icon-elle_fleche-suiv:before {
        right: 10px;
        top: 175px
    }

    .next-prev .bloc-next {
        padding-bottom: 0
    }

    .next-prev .bloc-next a, .next-prev .bloc-next span._NOL {
        border-bottom: 1px solid #CDCDCD;
        padding-bottom: 25px
    }

    .next-prev .bloc-next a img, .next-prev .bloc-next span._NOL img {
        display: block;
        float: none;
        margin: 0 auto 25px auto
    }

    .more_articles .visuel_bio {
        float: none;
        margin: 0;
        display: block;
        width: 100%
    }

    .more_articles .visuel_bio img {
        margin: 0 auto 25px auto
    }

    .more_articles ul {
        padding: 0 0 0 30px
    }

    .more_articles .link_personnality {
        margin-left: 20px
    }
}

@media (max-width: 480px) {
    h2.logo-h2 {
        font-size: 55px;
        line-height: 102px;
        padding: 9px 0 9px 101px
    }

    .blur_caption .titre a, .blur_caption .titre span._NOL, .blur_caption .titre span._NOL {
        max-height: 101px
    }

    #home_section_zone_psychosexo_2015 h2 {
        line-height: 70px
    }

    .astro-top h1.logo-pages {
        font-size: 1.786em
    }

    .astro-top .pictosPlus {
        margin-top: 30px;
        margin-bottom: 0;
        width: 100% !important
    }

    .astro-top .pictosPlus:first-child p {
        font-size: 3.286em;
        line-height: 1em
    }

    .astro-top .pictosPlus .wrap-image {
        height: auto
    }

    .astro-top .date {
        font-size: 1.129em
    }

    .astro-top .col-md-6 .icos {
        font-size: 70px;
        line-height: 70px
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group label {
        margin: 0 0 0 15px;
        vertical-align: middle;
        width: auto
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .form-group .form-control {
        width: 100%
    }

    #bottom-astro .bloc_abo_horoscope .form-inline .btn, #bottom-astro .bloc_abo_horoscope .form-inline .btn:active {
        display: block;
        float: none !important;
        margin: 15px auto 0
    }

    .most_read_left .col-md-4, .most_read_left .col-md-6 {
        width: 100%
    }

    .most_read_left .col-md-8 .blockcontent-all {
        margin: 0;
        padding: 0 10px
    }

    .most_read_left .col-md-8 .blockcontent-all .row, .most_read_left .col-md-8 .blockcontent-all .col-md-12, .most_read_left .col-md-8 .blockcontent-all .col-md-6 {
        margin: 0;
        padding: 0
    }

    .most_read_left .col-md-8 .blockcontent-all .col-md-6 {
        margin-top: 40px
    }

    .most_read_left .col-md-8 .blockcontent-all .thematique {
        margin: 0 0 5px 0
    }

    .most_read_left .col-md-8 .blockcontent-all .date {
        margin-top: 10px
    }

    .most_read_left .col-md-8 .blockcontent-all .titre {
        margin-bottom: 0
    }

    #inscrption_newsletter_middle_bloc label {
        display: inline
    }

    #mySearch .modal-dialog #Elle_search_input {
        font-size: 1em;
        height: 30px
    }

    .cuisine-block-menu-themes .recipe .description h3 {
        font-size: 30px;
        margin-top: 0
    }

    .cuisine-block-menu-themes .recipe .description .actions {
        display: none
    }

    .cuisine-block-menu-themes .recipe .description .text-center {
        border-bottom: 0
    }

    .cuisine-block-menu-themes .recipe .title {
        font-size: 20px
    }

    .horo-top .col-md-6 .icos.icon-elle_bastro-chinois-annee {
        font-size: 180px;
        float: right;
        line-height: 210px
    }

    .ellefre {
        margin-bottom: 40px
    }

    .news_feed .col-md-12 ul.listLettersStars li {
        margin-bottom: 10px
    }

    .tous-les-prenoms ul.result li {
        width: 100%
    }

    .signaler_abus .modal-header {
        padding-top: 20px
    }

    .signaler_abus .modal-header .close, .signaler_abus .modal-header .close:hover {
        right: 15px;
        top: 15px
    }

    .signaler_abus .modal-body {
        padding: 15px 10px 25px
    }

    .signaler_abus .modal-body p {
        margin: 0 0 10px
    }

    .signaler_abus .modal-body .form-control {
        margin-top: 10px
    }

    .signaler_abus .modal-footer {
        padding: 20px 10px 30px
    }
}

@media (max-width: 414px) {
    .blockcontent-all {
        padding: 0 10px;
        margin-left: 0;
        margin-right: 0
    }

    .blockcontent-all .col-md-6, .blockcontent-all .col-md-4, .blockcontent-all .col-md-8 {
        width: 100%;
        padding: 0;
        margin-bottom: 25px
    }

    .blockcontent-all .col-md-6:last-child, .blockcontent-all .col-md-4:last-child, .blockcontent-all .col-md-8:last-child {
        margin-top: 0
    }

    .blockcontent-all .thematique {
        height: auto;
        margin: 0 0 10px;
        padding: 0
    }

    .blockcontent-all .titre {
        font-size: 1.286em;
        height: auto;
        line-height: 1.1em;
        margin: 0 0 20px;
        overflow: visible
    }

    .blockcontent-all .titre a, .blockcontent-all .titre span._NOL, .blockcontent-all .titre span._NOL {
        display: inline;
        line-height: 1em
    }

    .blockcontent-all .col-md-4.last {
        padding-left: 0
    }

    .news_feed h2.personnalites {
        width: 85%
    }
}

@media (max-width: 375px) {
    .astro-top .pictosPlus {
        position: relative !important;
        right: 0 !important
    }

    .astro-top .col-md-12 .icon-elle_astro-quel-homme1.ico-astro {
        font-size: 100px !important;
        margin-top: 15px
    }

    .home h2.logo-h2, .home h1.logo-h1 {
        background: url('./europe1front/css/bundles/elleintegration/images/logo-h2-mobile.png') left top no-repeat;
        font-size: 42px;
        padding: 0 0 0 75px
    }

    .more_articles ul {
        padding: 0 0 0 20px
    }

    .more_articles .link_personnality {
        margin-left: 20px
    }
}

@media (max-width: 360px) {
    .block3content_astuce {
        padding: 0 10px
    }

    .block3content_astuce .col-md-4 img {
        max-width: 100%
    }

    .block3content_astuce .col-md-4 .icon-elle_astuce {
        right: 70px !important
    }

    span.cright {
        display: none
    }
}

span._NOL {
    cursor: pointer
}

#comment_popup_success {
    width: 500px
}

#comment_popup_success div {
    margin-top: 35px;
    text-align: center
}

span.form-error, section.twoCol .container .inner > div.main.contacts form .form-control > ul.contact_form_error {
    width: 590px
}

span.form-error, section.twoCol .container .inner > div.main.contacts form .form-control > ul.contact_form_error li {
    color: red;
    padding: 10px;
    font-weight: bold;
    display: block;
    text-align: left
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url('./europe1front/images/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('./europe1front/images/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 8040;
    background: none
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('./europe1front/images/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('./europe1front/images/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('./europe1front/images/fancybox_sprite@2x.png');
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url('./europe1front/images/fancybox_loading@2x.gif');
        background-size: 24px 24px
    }
}

.fancybox-opened .fancybox-skin {
    border-radius: none !important;
    padding: 0 !important;
    background-color: #fff !important
}

.fancybox-opened .fancybox-skin .fancybox-close {
    background: none
}

.fancybox-opened .fancybox-skin .fancybox-close .icon {
    color: #dadada
}

.fancybox-opened .fancybox-skin .fancybox-close .icon:hover {
    color: #005ea8
}