html, body {
    margin  : 0;
    padding : 0;
    width   : 100%;
    height  : 100%;
}

body {
    font-family : Arial;
    font-size   : 12px;
}

#sizeWrapper {
    margin    : 0 auto;
    max-width : 1000px;
}

/* HTML5 tags */
/*------------*/

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

/* soft reset */
/*------------*/

html, body, blockquote, ul, ol, form {
    margin  : 0;
    padding : 0;
}

.clearfix:after {
    content     : ".";
    display     : block;
    clear       : both;
    visibility  : hidden;
    line-height : 0;
    height      : 0;
}

html[xmlns] .clearfix {
    display : block;
}

* html .clearfix {
    height : 1%;
}

/* Basics elements */
/*-----------------*/

ul, ol {
    padding : 0;
    marfin  : 0;
}
li {
    list-style : none;
}
a {
    outline         : none;
    text-decoration : none;
    color           : #444;
}
a:hover {
    text-decoration : underline;
}
a img {
    border : 0;
}
.clearfloat {
    clear : both;
}
.nobullet {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
    margin-top : 0;
}
p:last-child {
    margin-bottom : 0;
}
img, table, td, blockquote, code, pre, textarea, input, object, embed, video {
    max-width : 100%;
    height    : auto;
}
textarea, table, td, th, code, pre, samp, div, p {
    word-wrap       : break-word;
    -webkit-hyphens : auto;
    -moz-hyphens    : auto;
    -ms-hyphens     : auto;
    -o-hyphens      : auto;
    hyphens         : auto;
}
code, pre, samp {
    white-space : pre-wrap;
}
* {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

h1 {
    font-size   : 26px;
    margin      : 0;
    padding     : 0;
    line-height : 1.2em;
}

h2 {
    color       : #002596;
    font-size   : 18px;
    font-weight : normal;
    margin      : 0;
    padding     : 0;
    line-height : 1em;
}

h3 {
}

h4 {
}

.block {
    display : block;
}
.inline-block {
    display : inline-block;
}
.inline {
    display : inline;
}
.left {
    float : left;
}
.right {
    float : right;
}
hr {
    margin : 10px 0;
}

.uppercase {
    text-transform : uppercase;
}

#logo-header img#logo-fis, #logo-header img#logo-partner {
    max-width : 100%;
}
/*#logo-partner, #logo_chrono {
  display : none;
}*/
#logo_chrono {
    max-height: 30px;
}

/* Formulaires */
/*-------------*/

form, fieldset {
    border : none;
}
input, button, select {
    vertical-align : middle; /* @bugfix alignment */
}

/* haslayout for IE6/IE7 */
.ie7 .clearfix, .ie7 .line, .ie7 .mod, .ie7 .row, .ie7 .col {
    zoom : 1;
}

/* inline-block and table-cell for IE6/IE7 */
/* warning : .col needs width on IE6/IE7 */
.ie7 .btn, .ie7 .col, .ie7 .inbl {
    display : inline;
    zoom    : 1;
}
.ie8 img {
    width : auto
}

/******************************/
/******** SPECIFIQUE **********/
/******************************/

.row {
    min-width : 320px;
}

#global-wrapper {
    max-width          : 648px;
    margin             : 0 auto;
    position           : relative;
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    -ms-transition     : all 0.5s;
}

#race-content-wrapper {
    position           : relative;
    margin             : 20px 0 0 0;
    padding            : 30px 0 15px 0;
    -moz-box-shadow    : 0px 0px 5px 0px #9b9b9b;
    -webkit-box-shadow : 0px 0px 5px 0px #9b9b9b;
    -o-box-shadow      : 0px 0px 5px 0px #9b9b9b;
    box-shadow         : 0px 0px 5px 0px #9b9b9b;
    filter             : progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=5);
}
#race-onglets {
    position : absolute;
    top      : -50px;
    left     : -8px;
}
#race-onglets ul {
    background : #002492;
    list-style : none;
    padding    : 0 8px;
}
#race-onglets li {
    float : left;
}
#race-onglets li a {
    display       : block;
    color         : #fff;
    padding       : 7px 15px 3px 15px;
    font-size     : 18px;
    border-bottom : 4px solid #002492;
}
#race-onglets li a:hover, #race-onglets li a.active {
    background      : #4a63b3;
    text-decoration : none;
    border-bottom   : 4px solid #fea700;
}
#race-onglets-ombre {
    position   : absolute;
    bottom     : -12px;
    width      : 10px;
    height     : 12px;
    background : url(../images/ombre_ligne_onglets.png) no-repeat 0 0;
}
/* Meteo */
#race-moreinfos {
    display    : block;
    background : #717171;
    color      : #FFF;
    position   : absolute;
    top        : -40px;
    right      : -8px;
    padding    : 8px;
    z-index    : 1000;
}
#race-moreinfos:hover {
    text-decoration : none;
    background      : #808080;
}
#race-moreinfos:hover #race-moreinfo-submenu {
    display : block;
}
#race-moreinfos-ombre {
    position   : absolute;
    bottom     : -9px;
    right      : 0;
    width      : 8px;
    height     : 9px;
    background : url(../images/ombre_moreinfos.png) no-repeat 0 0;
}
#race-moreinfo-submenu {
    display  : none;
    position : absolute;
    right    : 0;
    top      : 30px;
    color    : #FFF;
}
#race-moreinfo-submenu li a, #race-moreinfo-submenu li label {
    white-space     : nowrap;
    padding         : 3px 10px;
    font-size       : 13px;
    background      : #808080;
    color           : #FFF;
    text-decoration : none;
    display         : block;
}
#race-moreinfo-submenu li a:hover, #race-moreinfo-submenu li label:hover {
    background : #717171;
}
#refresh_button_ecran {
    display                           : none;
    position                          : absolute;
    top                               : -40px;
    right                             : 40px;
    width                             : 40px;
    height                            : 30px;
    padding                           : 5px 0 0 9px;
    background                        : #FFF;
    border                            : 1px solid #D2D2D2;
    border-right                      : none;
    -webkit-border-top-left-radius    : 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-topleft        : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-top-left-radius            : 3px;
    border-bottom-left-radius         : 3px;
    cursor                            : pointer;
}
#refresh_button_ecran img {
    width : 20px;
}
#list-favnation {
    padding : 0 0 15px 0;
}
#list-favnation .change-fav-nation {
    padding : 3px 2px;
}
#list-favnation .favorite {
    background : #D8E1FF;
}
.label-select-pays {
    font-size : 11px;
}
.label-select-pays .nom-pays {
    color      : #666;
    font-style : italic;
}

#infos-race {
    display : none;
}
#infos-race h2 {
    margin        : 10px 0;
    border-bottom : 1px solid #eaeaea;
    padding       : 0 0 4px 0;
}
#infos-race h2.sous-titre-race {
    margin : 10px 15px 10px 15px;
}
.item-meteo {
    float     : left;
    width     : 47%;
    margin    : 0 3% 0 0;
    font-size : 13px;
    height    : 25px;
}
.item-meteo img {
    width          : 15px;
    vertical-align : baseline;
}
.item-geo {
    float     : left;
    width     : 47%;
    margin    : 0 3% 0 0;
    font-size : 13px;
    height    : 25px;
}

/* Race label */
#race-label {
    background         : #dcdcdc; /* Old browsers */
    background         : -moz-linear-gradient(top, #dcdcdc 0%, #eaeaea 26%, #eaeaea 100%); /* FF3.6+ */
    background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(26%, #eaeaea), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */
    background         : -webkit-linear-gradient(top, #dcdcdc 0%, #eaeaea 26%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background         : -o-linear-gradient(top, #dcdcdc 0%, #eaeaea 26%, #eaeaea 100%); /* Opera 11.10+ */
    background         : -ms-linear-gradient(top, #dcdcdc 0%, #eaeaea 26%, #eaeaea 100%); /* IE10+ */
    background         : linear-gradient(to bottom, #dcdcdc 0%, #eaeaea 26%, #eaeaea 100%); /* W3C */
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
    -moz-box-shadow    : 0px 1px 1px 0px #c0c0c0;
    -webkit-box-shadow : 0px 1px 1px 0px #c0c0c0;
    -o-box-shadow      : 0px 1px 1px 0px #c0c0c0;
    box-shadow         : 0px 1px 1px 0px #c0c0c0;
    filter             : progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=1);
    padding            : 7px 0 5px 0;
    margin             : 0 2px 10px 2px;
}
#race-label div.twelve {
    width: 90% !important;
    float: right;
}
#race-label div {
    font-size : 12px;
    height: 13px !important;
    color     : #002397;
}
#run_number {
    font-style : italic;
}

/* TABLES DE CONCURRENTS */
.racer-running {
    float  : left;
    margin : 0 7px 0 0;
    width  : 195px;
}
#lines-label.racer-running {
    width : auto;
}
.racer-running table, .racers-list-tab table {
    width           : 100%;
    border-collapse : collapse;
}
.racer-running table th, .racers-list-tab table th {
    vertical-align : middle;
    color          : #7b8797;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 12px;
}
.racer-running table th a, .racers-list-tab table th a {
    color : #7b8797;
}
.racer-running table th a.active, .racers-list-tab table th a.active {
    color : #475061;
}
.racer-running table tbody tr, .racers-list-tab table tbody tr {
    border-bottom : 1px solid #ededed;
    position      : relative;
}
.racer-running table td, .racers-list-tab table td {
    vertical-align : middle;
    color          : #000;
    padding        : 5px 6px 5px 0;
    border         : 1px solid #ededed;
    font-size      : 11px;
}
.racer-running table tr:nth-child(2n +1) td, .racers-list-tab table tr:nth-child(2n +1) td {
    background : #f7f7f7;
}
.racers-list-tab table td.align-left, .racers-list-tab table th.align-left {
    text-align : left;
    padding    : 5px 5px 5px 6px;
}
.racers-list-tab table td.align-right, .racers-list-tab table th.align-right {
    text-align : right;
    padding    : 5px 6px 5px 5px;
}
.racers-list-tab table td.align-center, .racers-list-tab table th.align-center {
    text-align : center;
}
.racer-running table td.red, .red {
    color : #d1002c;
}
.racer-running table td.green {
    color : #009f1e;
}
.racer-running table td.italic {
    font-style : italic;
}
.racer-running table .wrapper-progress {
    position : relative;
    margin   : 10px 0 0 0;
}
.racer-running table .wrapper-progress-inside {
    position   : absolute;
    bottom     : 0;
    right      : 0;
    width      : 70%;
    height     : 5px;
    background : url(../images/bg_progress.png) repeat-x top left;
}
.racer-running table .red .progress {
    background-image : url(../images/progress-red.png);
}
.racer-running table .green .progress {
    background-image : url(../images/progress-green.png);
}

.racer-running-entete {
    background : #002395;
    color      : #fff;
    margin     : 0 0 8px 0;
    padding    : 7px;
    font-size  : 12px;
}
#racer-current .racer-running-entete {
    width       : 80%;
    margin-left : 20%;
}
.bibname {
    display        : block;
    margin         : 0 0 5px 0;
    text-transform : capitalize;
    color          : #fff;
}
.bibname:hover {
    text-decoration : none;
    color           : #fff;
}
#racers-next .bibname, #racers-next .bibname:hover {
    color : #000;
}
.run-detail-bloc .bibname {
    display : inline;
    padding : 0 5px 0 0;
}
.racer-running-entete .flag {
    float  : left;
    margin : 0 5px 0 0;
}
.racer-running-entete .link-to-racer, #leader-entete .link-to-racer {
    float      : right;
    width      : 16px;
    height     : 16px;
    margin     : -2px -3px 0 0;
    background : url(../images/plus_racer.png) no-repeat 0 0;
}
#leader-wrapper {
    border    : 1px solid #fea700;
    float     : right;
    min-width : 120px;
}
#leader-entete {
    background : #fea700;
    color      : #fff;
    font-size  : 12px;
    padding    : 8px;
}
.leader-label {
    background : #e69803;
    text-align : center;
    display    : block;
    padding    : 3px;
    color      : #fff;
    font-size  : 12px;
}
#leader-entete .flag {
    float  : left;
    margin : 0 5px 0 0;
}
#leader-values {
    width           : 100%;
    border-collapse : collapse;
}
#leader-values td {
    text-align     : right;
    vertical-align : middle;
    padding        : 5px 20px 5px 0;
    font-size      : 12px;
    border         : 1px solid #fff;
    font-weight    : bold;
}
#leader-values tr:nth-child(2n +1) td {
    background : #fff4d8;
}
#leader-values th {
    border-right : 1px solid #fea700;
    display      : block !important;
}
.tr-italic td, .tr-italic th, .tr-italic td span {
    font-style : italic;
    color      : #7b8797 !important;
}

.racers-list-tab {
    margin-bottom : 20px;
}
.list-phases h2, #startlist_teams h2 {
    font-size     : 20px;
    margin        : 10px 0;
    padding       : 0 0 4px 0;
    color         : #002496;
    border-bottom : 1px solid #fea700;
}
#startlist_teams h2.favorite {
    /*background : rgb(216, 225, 255);background: rgb(255,255,255);*/
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,225,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,225,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,225,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,225,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,225,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(216,225,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e1ff',GradientType=0 );
}
.loader_phase {
    float   : right;
    display : none;
}

#lines-label {
    min-width : 70px;
    padding   : 64px 0 0 0;
}
#lines-label tbody th {
    /*padding: 8px 0 7px 0;*/
    padding : 5px 0 5px 0;
}

.racersDetailsEmpty {
    text-align : center;
}

.littleunit {
    font-size : 10px;
}

.ranking-box {
    max-height : 200px;
    overflow   : hidden;
    overflow-y : auto;
}

a.list-bibname, a.list-bibname:hover {
    color : #000;
}

td.last-finish, div.last-finish table tbody tr:last-child td {
    background-color : #ffe5bc !important;
}

#race-desktop-back-button {
    position        : absolute;
    display         : block;
    width           : 70px;
    background      : rgba(200, 200, 200, 0.5);
    padding         : 5px;
    text-align      : center;
    color           : #444;
    text-decoration : none;
    top             : 0;
    right           : 0;
}

.bib-color {
    position      : relative;
    height        : 10px;
    width         : 10px;
    margin        : 0 0 0 10px;
    border-radius : 150px;
    border        : 1px solid #666;
}
.color-default { /*background-color  : #428bca;*/ }
.color-blue { background-color : royalblue; }
.color-red { background-color : red; }
.color-yellow { background-color : yellow; }
.color-green { background-color : green; }
.color-black { background-color : black; }
.color-white { background-color : white; }

/* Autre */
table.tab-heat td {
    font-size : 12px;
    color     : #333;
    position  : relative;
    height    : 29px;
}
table.tab-heat td:hover .popin_bib, body:not(.mobile) table.tab-heat th:hover .popin_bib {
    display           : block;
    opacity           : 1;
    -webkit-animation : fadeIn 0.3s;
    animation         : fadeIn 0.3s;
}
table.tab-heat thead th {
    font-size   : 16px;
    font-weight : bold;
    border      : 1px solid #ededed;
    position    : relative;
}
table.tab-heat thead th.cell-team {
    background : #002492;
    padding    : 8px;
    color      : #fff;
}
table.tab-heat thead th.cell-team.favorite {
    background : #4161ca;
}
table.tab-heat thead th.cell-score {
    color : #002492;
}
table.tab-heat td.invisible {
    border     : none;
    background : #fff !important;
}
table.tab-heat tr.invisible {
    border : none;
}
.racers-list-tab .tab-heat th.green {
    background : url(../images/fond_nation_degrade.png) repeat-x bottom left #008000 !important;
    border-left : 1px solid #008000;
    border-right : 1px solid #008000;
    border-top : 1px solid #008000;
}
.racers-list-tab .tab-heat th.red {
    background : url(../images/fond_nation_degrade.png) repeat-x bottom left #ff0020 !important;
    border-left : 1px solid #ff0020;
    border-right : 1px solid #ff0020;
    border-top : 1px solid #ff0020;
}
.racers-list-tab .tab-heat td.green {
    border-left : 1px solid #008000;
    border-right : 1px solid #008000;
}
.racers-list-tab .tab-heat tr:nth-last-child(2) td.green {
    border-bottom : 1px solid #008000;
}
.racers-list-tab .tab-heat td.red {
    border-left : 1px solid #ff0020;
    border-right : 1px solid #ff0020;
}
.racers-list-tab .tab-heat tr:nth-last-child(2) td.red {
    border-bottom : 1px solid #ff0020;
}
.racers-list-tab table td.nobor, .racers-list-tab table th.nobor {
    border-right : none;
}
.popin_bib {
    display     : none;
    opacity     : 0;
    position    : absolute;
    top         : 0;
    left        : 90%;
    width       : 178px;
    height      : 29px;
    color       : #fff;
    z-index     : 100;
    font-weight : bold;
    font-size   : 12px;
    padding     : 8px 4px 0 15px;
    background  : url(../images/popup_bibnum.png) no-repeat 0 0;
    text-align  : left;
}
.align-right .popin_bib {
    right      : 90%;
    left       : auto;
    padding    : 8px 15px 0 4px;
    background : url(../images/popup_bibnum_droite.png) no-repeat 0 0;
}
.popin_bib .popin_bibnum {
    float       : right;
    background  : #fff;
    color       : #000;
    padding     : 4px;
    width       : 45px;
    text-align  : center;
    margin      : -4px 0 0 0;
    font-weight : normal;
}
table.tab-heat th .popin_bib {
    top: 2px;
    width: 250px;
    background : url(../images/popup_bibnum_th.png) no-repeat top left;
}
table.tab-heat th.align-right .popin_bib {
    background : url(../images/popup_bibnum_droite_th.png) no-repeat top right;
}
.bibscore {
    color      : #aaa;
    font-size  : 11px;
    font-style : italic;
}

.bloc_phase_heat {
    height : 240px;
}
.mobile .bloc_phase_heat {
    height : auto;
}
.follow {
    margin : 20px 0;
}
.heat-start, .heat-nextstart, .heat-finish {
    display    : none;
    text-align : center;
    font-size  : 9px;
}
.start .heat-start, .nextstart .heat-nextstart, .heat-finish {
    display : block;
}
.heat-finish {
    color : #666;
}
.color_colbib {
    width   : 12px;
    height  : 12px;
    display : inline-block;
    margin  : 0 8px;
}
.bibs_blue {
    background : blue;
}
.bibs_red {
    background : red;
}
.color_colbib.bibs_undefined, .color_colbib.bibs_ {
    width   : 0;
    height  : 0;
    margin  : 0;
}
.value-bib {
    font-style : italic;
    color      : #666 !important;
}
tr.line_upper td {
    border-top : 2px solid #002492;
}
tr.line_under td {
    /*border-bottom : 2px solid #002492;*/
}
tr.favorite td {
    background : rgb(216, 225, 255) !important;
}
tr.is_top_3 td, tr.is_q td, tr.is_qf td, tr.is_qs td {
    background : #ffbf44 !important;
}
tr.is_qsf td {
    background : #ffe69f !important;
}
.list-phases .eight.columns {
    overflow : hidden;
}
#content-run-wrapper {
    position : relative;
}

.statusdqp, .statusq, .statusqf, .statusqs, .statusqsf {
    color             : red;
    background        : #fff;
    display           : inline;
    margin            : 0 0 0 10px;
    padding           : 0 5px;
    font-weight       : bold;
    font-size         : 11px;
    animation         : blinkdqp 2s infinite;
    -webkit-animation : blinkdqp 2s infinite; /* Chrome, Safari, Opera */
}
@keyframes blinkdqp {
    0% { color : red; background : white; }
    50% { color : white; background : red; }
    100% { color : red; background : white; }
}
@-webkit-keyframes blinkdqp {
    0% { color : red; background : white; }
    50% { color : white; background : red; }
    100% { color : red; background : white; }
}
.statusq, .statusqf, .statusqs, .statusqsf {
    color             : #002492;
    background        : none;
    float             : right;
    animation         : none;
    -webkit-animation : none;
}
.statusqs {
    color : #002492;
}
.statuspf {
    color             : #ffaa00;
    background        : #fff;
    display           : inline;
    margin            : 0 0 0 10px;
    padding           : 0 5px;
    font-weight       : bold;
    font-size         : 11px;
    animation         : blinkpf 2s infinite;
    -webkit-animation : blinkpf 2s infinite; /* Chrome, Safari, Opera */
}
@keyframes blinkpf {
    0% { color : #ffaa00; background : white; }
    50% { color : white; background : #ffaa00; }
    100% { color : #ffaa00; background : white; }
}
@-webkit-keyframes blinkpf {
    0% { color : #ffaa00; background : white; }
    50% { color : white; background : #ffaa00; }
    100% { color : #ffaa00; background : white; }
}

.no-contestant {
    background: #ddd !important;
}

/* Navigation entre les éléments (phases, heats) */
#onglets_phases {
    margin : 0 0 10px 0;
}
#onglets_phases li {
    float : left;
}
#onglets_phases li a, #onglets_phases li span, #mobile_selector_phase {
    display     : block;
    font-size   : 13px;
    color       : #002492;
    font-weight : bold;
    border      : 1px solid #ededed;
    padding     : 3px 10px;
}
#onglets_phases li a:hover {
    text-decoration : none;
    border          : 1px solid #002492;
}
#onglets_phases li a.selected {
    border : 1px solid #fea700;
}
#onglets_phases li span {
    color : #ccc;
}
.mobile #onglets_phases {
    display : none;
}
.mobile #onglets_phases li {
    width : 100%;
}
.mobile #onglets_phases li a {
    padding : 12px;
}
#mobile_selector_phase {
    display    : none;
    padding    : 14px;
    /*margin     : 0 13px;*/
    background : url(../images/arrow_phases_mobile.png) no-repeat right -18px #eeeeee;
}
#mobile_selector_phase.open {
    background : url(../images/arrow_phases_mobile.png) no-repeat right 18px #eeeeee;
}
.mobile #mobile_selector_phase {
    display : block;
}

.arrow-heat {
    margin     : 0 auto;
    width      : 100px;
    color      : #999;
    text-align : center;
    display    : block;
    font-size  : 12px;
}
.arrow-heat:hover {
    color           : #002492;
    text-decoration : none;
}
.arrow-heat.disabled {
    visibility : hidden;
}
.arrow-heat-up {
    background : url(../images/arrow_heat_up.png) no-repeat center bottom;
    padding    : 0 0 13px 0;
    cursor: n-resize;
}
.arrow-heat-down {
    background : url(../images/arrow_heat_down.png) no-repeat center top;
    padding    : 13px 0 0 0;
    cursor: s-resize;
}

/* Animations CSS 3 */
@-webkit-keyframes fadeIn {
    from { opacity : 0; }
    to { opacity : 1; }
}

@keyframes fadeIn {
    from { opacity : 0; }
    to { opacity : 1; }
}

/* SURCHARGE POUR LES FLAGS */
.sprite-flag { background-image : url(http://data.fis-ski.com/static/apps/fis_templates/img/flags/sprite.png) !important; cursor : pointer; margin: 0 4px; }
.sprite-flag.no-img {
    width : auto !important;
}
.change-fav-nation {
    cursor : pointer;
    display : inline-block;
}

#sound_favorite {
    display    : block;
    width      : 18px;
    height     : 18px;
    /*clear      : both;*/
    float      : left;
    margin     : -5px 0 0 6px;
    background : url(../images/playsound.png) no-repeat 2px 2px;
    padding    : 0 0 0 2px;
}
#sound_favorite.disabled {
    background-position : 2px -16px;
}


/*
    LOADERs CSS
*/
#loading_page {
    width            : 100%;
    height           : 100%;
    position         : fixed;
    z-index          : 9999;
    background-color : rgba(255, 255, 255, 1);
}
#loading_page span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #002496;
}

/*http://projects.lukehaas.me/css-loaders/*/
#loader,
#loader:before,
#loader:after {
    border-radius: 50%;
}
#loader:before,
#loader:after {
    position: absolute;
    content: '';
}
#loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #FFFFFF;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}
#loader {
    font-size: 11px;
    text-indent: -99999em;
    margin: 5em auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em #002395;
}
#loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #FFFFFF;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Mini spinner */

/* Specifique fis */
#mini-loader-wrapper {
   position: absolute;
   top: 0;
   right: 0;
   width: 100px;
   height: 60px;
   z-index: 10000;
   display: none;
}

/* Non spécifique */
#mini-loader:before,
#mini-loader:after,
#mini-loader {
   border-radius: 50%;
   width: 1em;
   height: 1em;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation: load7 1.8s infinite ease-in-out;
   animation: load7 1.8s infinite ease-in-out;
}
#mini-loader {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}
#mini-loader:before {
    left: -2em;
}
#mini-loader:after {
    left: 2em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
#mini-loader:before,
#mini-loader:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 1em 0 -1.3em #3C56AE;
    }
    40% {
        box-shadow: 0 1em 0 0 #3C56AE;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 1em 0 -1.3em #3C56AE;
    }
    40% {
        box-shadow: 0 1em 0 0 #3C56AE;
    }
}