/*!
 * Preboot v2
 *
 * Open sourced under MIT license by @mdo.
 * Some variables and mixins from Bootstrap (Apache 2 license).
 */
.museo100 {
    font-family: 'museo100', Arial;
}

.museo300 {
    font-family: 'museo300', Arial;
}

.museo500 {
    font-family: 'museo500', Arial;
}

.museo700 {
    font-family: 'museo700', Arial;
}

.museo900 {
    font-family: 'museo900', Arial;
}

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

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

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

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

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

.hover {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

    .hover:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
/* HOME PAGE
-----------------------------------------------------------------------------------------------------*/
.bx-pager a,
.bx-controls-direction a {
    width: 0;
    height: 0;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background: url(/_layouts/15/IMAGES/FFSA.Web/img/nav-slider.png) left bottom no-repeat;
}

.bx-viewport {
    height: auto !important;
}
/* SLIDER HOME -----------*/
.slider-home {
    position: relative;
    margin-bottom: 40px;
}

    .slider-home a {
        display: block;
    }

    .slider-home .bx-controls-direction {
        display: none;
    }

    .slider-home .bx-pager {
        width: 300px;
        text-align: left;
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: 20px;
        left: 60px;
        z-index: 9999;
    }

        .slider-home .bx-pager:before,
        .slider-home .bx-pager:after {
            content: " ";
            display: table;
        }

        .slider-home .bx-pager:after {
            clear: both;
        }

        .slider-home .bx-pager .bx-pager-item {
            float: left;
            margin-right: 8px;
        }

            .slider-home .bx-pager .bx-pager-item a {
                padding: 12px 0 0 13px;
                background-position: left -12px;
            }

                .slider-home .bx-pager .bx-pager-item a.active {
                    background-position: left top;
                }

    .slider-home ul li {
        position: relative;
    }

        .slider-home ul li a {
            text-decoration: none;
        }

        .slider-home ul li .content {
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/bg-content-slide.png) -1px bottom;
            width: 500px;
            height: 216px;
            position: relative;
            z-index: 555;
            width: 330px;
            padding: 35px 110px 0 60px;
            overflow: hidden;
        }

            .slider-home ul li .content .cat {
                display: inline-block;
                font-family: 'museo700', Arial;
                color: #fff;
                font-size: 25px;
                background-color: #da1223;
                padding: 10px 10px;
                text-transform: uppercase;
            }

            .slider-home ul li .content h2 {
                color: #212125;
                font-family: 'museo700', Arial;
                font-size: 25px;
                line-height: 1.15;
                margin: 10px 0;
            }

                .slider-home ul li .content h2:hover {
                    color: #da1223;
                }

            .slider-home ul li .content h3 {
                font-size: 15px;
                color: #212125;
                font-family: 'museo100', Arial;
                line-height: 1.15;
            }

        .slider-home ul li img {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }
/* TRIPLES COLS -----------*/
.triples-cols {
    padding: 0 40px;
    margin-bottom: 40px;
}

    .triples-cols:before,
    .triples-cols:after {
        content: " ";
        display: table;
    }

    .triples-cols:after {
        clear: both;
    }

    .triples-cols .twocols {
        float: left;
        width: 610px;
        position: relative;
    }

    .triples-cols .onecol {
        float: left;
        width: 300px;
        margin-left: 10px;
        position: relative;
    }

    .triples-cols .col {
        float: left;
        width: 300px;
        margin-left: 10px;
        position: relative;
    }

        .triples-cols .col:first-child,
        .twocols .col.first {
            margin-left: 0;
        }

        .triples-cols .col .une {
            position: relative;
            height: 340px;
        }

            .triples-cols .col .une .title {
                position: absolute;
                left: 0;
                top: 0;
                display: inline-block;
                text-transform: uppercase;
                color: #fff;
                font-size: 18px;
                font-family: 'museo700', Arial;
                padding: 8px 10px;
                background-color: #212125;
                z-index: 999;
            }

            .triples-cols .col .une a {
                display: block;
                text-decoration: none;
                -webkit-transition-duration: 0.4s;
                -moz-transition-duration: 0.4s;
                -o-transition-duration: 0.4s;
                transition-duration: 0.4s;
            }

                .triples-cols .col .une a:hover {
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                }

            .triples-cols .col .une img {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 55;
            }

            .triples-cols .col .une .content {
                padding: 220px 0 0 30px;
                width: 175px;
                z-index: 555;
                position: relative;
                font-family: 'museo700', Arial;
                font-size: 18px;
            }

                .triples-cols .col .une .content h3 {
                    color: #da1223;
                    font-size: 18px;
                    line-height: 1.14;
                }

                .triples-cols .col .une .content .cat {
                    text-transform: uppercase;
                    color: #212125;
                    display: block;
                    margin-bottom: 3px;
                }

        .triples-cols .col .block {
            padding: 8px 10px;
            margin-top: 10px;
            height: 60px;
            background-color: #6c747a;
            background-position: left top;
            background-repeat: no-repeat;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            -webkit-transform: translateZ(0);
        }

            .triples-cols .col .block:before,
            .triples-cols .col .block:after {
                content: " ";
                display: table;
            }

            .triples-cols .col .block:after {
                clear: both;
            }

            .triples-cols .col .block:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            .triples-cols .col .block a {
                display: table;
                color: #fff;
                text-decoration: none;
                height: 100%;
            }

            .triples-cols .col .block.ffsa {
                background-color: #da1223;
            }

            .triples-cols .col .block.rallye {
                background-color: #f23307;
            }

            .triples-cols .col .block.circuit {
                background-color: #0753a1;
            }

            .triples-cols .col .block.montagne {
                background-color: #0e8f28;
            }

            .triples-cols .col .block.tout-terrain {
                background-color: #6f3a2c;
            }

            .triples-cols .col .block.karting {
                background-color: #f6bf26;
            }

            .triples-cols .col .block.vhc {
                background-color: #ba985b;
            }

            .triples-cols .col .block.drift {
                background-color: #92e620;
            }

            .triples-cols .col .block .infos {
                width: 60px;
                display: table-cell;
                vertical-align: middle;
                font-family: 'museo700', Arial;
                position: relative;
                height: 100%;
                vertical-align: top;
                display: block;
            }

                .triples-cols .col .block .infos .date {
                    display: block;
                    font-size: 22px;
                    min-height: 40px;
                }

                .triples-cols .col .block .infos .cat {
                    text-transform: uppercase;
                    font-size: 9px;
                    position: absolute;
                    bottom: 2px;
                }

            .triples-cols .col .block .content {
                width: 220px;
                display: table-cell;
                vertical-align: middle;
                padding-left: 10px;
            }

                .triples-cols .col .block .content p {
                    line-height: 1.2;
                    font-size: 12px;
                }

            .triples-cols .col .block.blue {
                background-color: blue;
            }

        .triples-cols .col.second .big {
            padding-top: 37px;
            height: 122px;
            margin-top: 0;
            cursor: pointer;
        }

            .triples-cols .col.second .big .date {
                font-family: 'museo700', Arial;
                font-size: 14px;
                text-transform: uppercase;
                display: block;
                margin-bottom: 10px;
            }

            .triples-cols .col.second .big .infos {
                display: block;
                padding-top: 110px;
                float: left;
            }

            .triples-cols .col.second .big .content {
                width: 180px;
                display: block;
                float: left;
            }

                .triples-cols .col.second .big .content h3 {
                    font-family: 'museo700', Arial;
                    font-size: 16px;
                    text-transform: uppercase;
                    line-height: 1.2;
                    margin-bottom: 2px;
                    color: #fff;
                }

                .triples-cols .col.second .big .content p {
                    font-size: 16px;
                    font-family: 'museo100', Arial;
                }

        .triples-cols .col .push-ffsa {
            height: 250px;
            display: block;
            padding: 0;
        }

        .triples-cols .col.third {
            position: relative;
        }

            .triples-cols .col.third h3 {
                font-family: 'museo500', Arial;
                font-size: 13px;
                color: #767676;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            .triples-cols .col.third .block-link {
                padding-left: 60px;
            }

            .triples-cols .col.third #results,
            .triples-cols .col.third #calendar {
                min-height: 336px;
                border: 1px solid #d0d0ce;
            }

                .triples-cols .col.third #results .slides,
                .triples-cols .col.third #calendar .slides {
                    border-top: 1px solid #d0d0ce;
                    margin-top: 0;
                }

            .triples-cols .col.third #results {
                position: relative;
            }

                .triples-cols .col.third #results .bx-pager {
                    display: none;
                }

            .triples-cols .col.third #calendar {
                margin-top: 10px;
            }

                .triples-cols .col.third #calendar ul {
                    border-top: 1px solid #d0d0ce;
                    margin-top: 15px;
                }

                .triples-cols .col.third #calendar .block-link {
                    text-transform: right !important;
                }

                    .triples-cols .col.third #calendar .block-link a {
                        float: right !important;
                    }

            .triples-cols .col.third .content {
                padding: 20px 17px;
            }
    /* AZEO */
    .triples-cols .twocols .une {
        position: relative;
        height: 340px;
        overflow: hidden;
    }

        .triples-cols .twocols .une span {
            display: block;
            height: 100%;
        }

            .triples-cols .twocols .une span:after {
                content: '';
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 80%;
                z-index: 60;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.6+100 */
                background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 80%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 80%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 80%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 80%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */
            }

        .triples-cols .twocols .une .title {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            font-size: 18px;
            font-family: 'museo700', Arial;
            padding: 8px 10px;
            background-color: #212125;
            z-index: 999;
            height: auto;
        }

            .triples-cols .twocols .une .title:after, .triples-cols .twocols .une .content span:after {
                display: none;
            }

        .triples-cols .twocols .une a {
            display: block;
            text-decoration: none;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            height: 100%;
        }

            .triples-cols .twocols .une a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

        .triples-cols .twocols .une img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 55;
        }

        .triples-cols .twocols .une .content {
            width: 250px;
            z-index: 555;
            position: absolute;
            top: 255px;
            left: 30px;
            font-family: 'museo700', Arial;
            font-size: 18px;
            padding: 0;
        }

            .triples-cols .twocols .une .content h3 {
                color: #da1223;
                font-size: 18px;
                line-height: 1.14;
            }

            .triples-cols .twocols .une .content .cat {
                text-transform: uppercase;
                color: #212125;
                display: block;
                margin-bottom: 3px;
            }

    .triples-cols .twocols .block {
        padding: 8px 10px;
        margin-top: 10px;
        height: 60px;
        background-color: #6c747a;
        background-position: left top;
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transform: translateZ(0);
    }

        .triples-cols .twocols .block:before,
        .triples-cols .twocols .block:after {
            content: " ";
            display: table;
        }

        .triples-cols .twocols .block:after {
            clear: both;
        }

        .triples-cols .twocols .block:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        .triples-cols .twocols .block a {
            display: table;
            color: #fff;
            text-decoration: none;
            height: 100%;
        }

        .triples-cols .twocols .block.ffsa {
            background-color: #da1223;
        }

        .triples-cols .twocols .block.rallye {
            background-color: #f23307;
        }

        .triples-cols .twocols .block.circuit {
            background-color: #0753a1;
        }

        .triples-cols .twocols .block.montagne {
            background-color: #0e8f28;
        }

        .triples-cols .twocols .block.tout-terrain {
            background-color: #6f3a2c;
        }

        .triples-cols .twocols .block.karting {
            background-color: #f6bf26;
        }

        .triples-cols .twocols .block.vhc {
            background-color: #ba985b;
        }

        .triples-cols .twocols .block.drift {
            background-color: #92e620;
        }

        .triples-cols .twocols .block .infos {
            width: 65px;
            display: table-cell;
            vertical-align: middle;
            font-family: 'museo700', Arial;
            position: relative;
            height: 100%;
            vertical-align: top;
        }

            .triples-cols .twocols .block .infos .date {
                display: block;
                font-size: 22px;
                min-height: 40px;
            }

            .triples-cols .twocols .block .infos .cat {
                text-transform: uppercase;
                font-size: 9px;
                position: absolute;
                bottom: 2px;
                width: 70px;
            }

        .triples-cols .twocols .block .content {
            width: 220px;
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
            font-family: 'museo500', Arial;
        }

            .triples-cols .twocols .block .content p {
                line-height: 1.2;
                font-size: 12px;
            }

        .triples-cols .twocols .block.blue {
            background-color: blue;
        }

    .triples-cols .twocols.second .big {
        padding-top: 37px;
        height: 122px;
        margin-top: 0;
    }

        .triples-cols .twocols.second .big .date {
            font-family: 'museo700', Arial;
            font-size: 14px;
            text-transform: uppercase;
            display: block;
            margin-bottom: 10px;
        }

        .triples-cols .twocols.second .big .infos {
            display: block;
            padding-top: 110px;
            float: left;
        }

        .triples-cols .twocols.second .big .content {
            width: 180px;
            display: block;
            float: left;
        }

            .triples-cols .twocols.second .big .content h3 {
                font-family: 'museo700', Arial;
                font-size: 16px;
                text-transform: uppercase;
                line-height: 1.2;
                margin-bottom: 2px;
            }

            .triples-cols .twocols.second .big .content p {
                font-size: 16px;
                font-family: 'museo100', Arial;
            }

    .triples-cols .twocols .push-ffsa {
        height: 250px;
        display: block;
        padding: 0;
    }

    .triples-cols .twocols.third {
        position: relative;
    }

        .triples-cols .twocols.third h3 {
            font-family: 'museo500', Arial;
            font-size: 13px;
            color: #767676;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .triples-cols .twocols.third .block-link {
            padding-left: 60px;
        }

        .triples-cols .twocols.third #results,
        .triples-cols .twocols.third #calendar {
            height: 336px;
            border: 1px solid #d0d0ce;
        }

            .triples-cols .twocols.third #results .slides,
            .triples-cols .twocols.third #calendar .slides {
                border-top: 1px solid #d0d0ce;
                margin-top: 15px;
            }

        .triples-cols .twocols.third #results {
            position: relative;
        }

            .triples-cols .twocols.third #results .bx-pager {
                display: none;
            }

        .triples-cols .twocols.third #calendar {
            margin-top: 10px;
        }

            .triples-cols .twocols.third #calendar ul {
                border-top: 1px solid #d0d0ce;
                margin-top: 15px;
            }

            .triples-cols .twocols.third #calendar .block-link {
                text-transform: right !important;
            }

                .triples-cols .twocols.third #calendar .block-link a {
                    float: right !important;
                }

        .triples-cols .twocols.third .content {
            padding: 20px 17px;
        }
/* AZEO */
.col.arrow .bx-controls-direction {
    left: 6px;
    bottom: 19px;
}

.col.arrow #slide-counter,
.col.arrow #slide-counter2 {
    left: 16px;
    bottom: 4px;
}

.col.arrow.epreuve-direct {
    width: 300px !important;
}

    .col.arrow.epreuve-direct .left {
        width: 145px !important;
        overflow: hidden;
    }

        .col.arrow.epreuve-direct .left h4 {
            overflow: hidden;
        }

.arrow #slide-counter,
.arrow #slide-counter2 {
    position: absolute;
    bottom: 10px;
    left: 32px;
}

.arrow .bx-controls-direction {
    position: absolute;
    bottom: 25px;
    width: 60px;
    left: 20px;
    z-index: 9;
}

    .arrow .bx-controls-direction a {
        padding: 26px 0 0 14px;
        border: 0 !important;
        position: absolute;
        color: 0;
        padding: 17px 0 0 14px;
        margin-top: 0 !important;
    }

        .arrow .bx-controls-direction a:hover {
            background-color: transparent !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

        .arrow .bx-controls-direction a.bx-next {
            right: 8px;
            background-position: left -123px;
        }

        .arrow .bx-controls-direction a.bx-prev {
            background-position: left -102px;
            left: -8px;
        }

#slide-counter,
#slide-counter2 {
    font-size: 13px;
    text-transform: uppercase;
    color: #848484;
}

    #slide-counter:first-letter,
    #slide-counter2:first-letter {
        font-weight: bold;
    }
/* MAP -----------*/
#map {
    background: url(/_layouts/15/IMAGES/FFSA.Web/img/bg-map.jpg) no-repeat top left;
    text-align: center;
    padding-top: 50px;
    min-height: 160px;
}

    #map .title {
        font-family: 'museo700', Arial;
        font-size: 30px;
        text-transform: uppercase;
        display: block;
        color: #da1223;
    }

    #map .sub-title {
        font-family: 'museo100', Arial;
        font-size: 30px;
        margin: 15px 0;
        display: block;
        font-weight: bold;
    }

    #map a {
        display: block;
        background-color: #da1223;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 12px;
        display: inline-block;
        font-family: 'museo700', Arial;
        padding: 5px 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

        #map a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }
/* BLOCK LICENSIE -----------*/
#licensie {
    padding: 50px 40px 0 40px;
    min-height: 350px;
    position: relative;
}

    #licensie h2 {
        color: #da1223;
        text-transform: uppercase;
        font-family: 'museo700', Arial;
        font-size: 30px;
    }

    #licensie h3 {
        font-size: 30px;
        color: #fff;
        font-family: 'museo100', Arial;
    }

    #licensie .content-cols {
        margin-top: 30px;
    }

        #licensie .content-cols:before,
        #licensie .content-cols:after {
            content: " ";
            display: table;
        }

        #licensie .content-cols:after {
            clear: both;
        }

        #licensie .content-cols li {
            float: left;
            text-align: center;
            color: #fff;
            width: 180px;
            margin-left: 30px;
        }

            #licensie .content-cols li h4 {
                color: #fff;
            }

            #licensie .content-cols li:first-child {
                margin-left: 0;
            }

            #licensie .content-cols li img {
                display: block;
                margin: 0 auto;
            }

            #licensie .content-cols li h4 {
                font-family: 'museo500', Arial;
                margin: 10px 0;
                font-size: 13px;
            }

            #licensie .content-cols li p {
                font-size: 11px;
                line-height: 1.2;
                margin-bottom: 15px;
                min-height: 40px;
            }

            #licensie .content-cols li a {
                display: inline-block;
                background-color: #fff;
                color: #212125;
                font-family: 'museo500', Arial;
                text-transform: uppercase;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                padding: 6px 8px;
                text-decoration: none;
                font-size: 11px;
                -webkit-transition-duration: 0.4s;
                -moz-transition-duration: 0.4s;
                -o-transition-duration: 0.4s;
                transition-duration: 0.4s;
            }

                #licensie .content-cols li a:hover {
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                }
/* BLOCK SLIDER LESAVIEZVOUS -----------*/
.lesaviezvous {
    background-color: #da1223;
    padding: 30px 20px 20px 20px;
    width: 260px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 240px;
    z-index: 555;
}

    .lesaviezvous .title,
    .lesaviezvous .number {
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'museo700', Arial;
        display: block;
    }

    .lesaviezvous .slides {
        margin-top: 20px;
    }

    .lesaviezvous .number {
        font-size: 60px;
        color: #212125;
    }

    .lesaviezvous p {
        font-size: 11px;
        color: #fff;
        width: 210px;
        margin: 0 auto;
        line-height: 1.2;
        min-height: 50px;
    }

    .lesaviezvous .bx-viewport {
        height: auto !important;
    }

    .lesaviezvous .bx-pager {
        text-align: center;
    }

        .lesaviezvous .bx-pager .bx-pager-item {
            display: inline;
            margin-left: 10px;
        }

        .lesaviezvous .bx-pager a {
            padding: 9px 0 0 9px;
            background-position: left -35px;
        }

            .lesaviezvous .bx-pager a.active {
                background-position: left -27px;
            }

    .lesaviezvous .bx-controls-direction {
        position: absolute;
        top: 110px;
        width: 260px;
    }

        .lesaviezvous .bx-controls-direction a {
            padding: 26px 0 0 14px;
            position: absolute;
        }

            .lesaviezvous .bx-controls-direction a.bx-next {
                right: 0;
                background-position: left -73px;
            }

            .lesaviezvous .bx-controls-direction a.bx-prev {
                background-position: left -49px;
                left: 0;
            }
/* FFSATV -----------*/
#ffsatv {
    min-height: 595px;
    padding: 65px 40px 10px 40px;
    background-position: center;
    background-size: cover;
}

    #ffsatv .top:before,
    #ffsatv .top:after {
        content: " ";
        display: table;
    }

    #ffsatv .top:after {
        clear: both;
    }

    #ffsatv .link {
        text-align: right;
    }

        #ffsatv .link a {
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            background-color: #fff;
            color: #212125;
        }

    #ffsatv .logo {
        float: left;
        width: 205px;
    }

    #ffsatv .filtres {
        margin-top: 50px;
        float: right;
        width: 650px;
        text-align: right;
    }

        #ffsatv .filtres a {
            display: inline-block;
            font-family: 'museo500', Arial;
            font-size: 14px;
            text-transform: uppercase;
            margin-left: 15px;
            text-decoration: none;
            color: #fff;
        }

            #ffsatv .filtres a:first-child {
                margin-left: 0;
            }

            #ffsatv .filtres a:hover,
            #ffsatv .filtres a.on {
                border-bottom: 2px solid #fff;
            }

    #ffsatv .bottom {
        margin-top: 50px;
    }

        #ffsatv .bottom:before,
        #ffsatv .bottom:after {
            content: " ";
            display: table;
        }

        #ffsatv .bottom:after {
            clear: both;
        }

        #ffsatv .bottom .content {
            float: left;
            width: 490px;
            margin-right: 10px;
        }

            #ffsatv .bottom .content .desc {
                margin-top: 15px;
            }

                #ffsatv .bottom .content .desc .info {
                    display: block;
                    color: #afafaf;
                    font-size: 12px;
                    margin-bottom: 13px;
                }

                #ffsatv .bottom .content .desc h3 {
                    font-size: 17px;
                    color: #fff;
                    font-family: 'museo700', Arial;
                    line-height: 1.15;
                    margin-bottom: 13px;
                }

                #ffsatv .bottom .content .desc h4 {
                    font-weight: bold;
                    font-size: 12px;
                    color: #fff;
                    line-height: 1.5;
                }

        #ffsatv .bottom .grid ul:before,
        #ffsatv .bottom .grid ul:after {
            content: " ";
            display: table;
        }

        #ffsatv .bottom .grid ul:after {
            clear: both;
        }

        #ffsatv .bottom .grid ul li {
            float: left;
            width: 130px;
            height: 110px;
            margin: 0 0 10px 10px;
            position: relative;
            overflow: hidden;
        }

            #ffsatv .bottom .grid ul li a {
                display: block;
            }

            #ffsatv .bottom .grid ul li img {
                display: block;
                width: auto;
            }

            #ffsatv .bottom .grid ul li .hover {
                background: url(/_layouts/15/IMAGES/FFSA.Web/img/fancybox_overlay.png);
                z-index: 9999;
                width: 120px;
                height: 110px;
                z-index: 555;
                position: absolute;
                top: 0;
                left: 0;
                padding: 0 5px;
                background: #000;
                background: rgba(0,0,0,0.6);
                opacity: 0;
                filter: alpha(opacity=00);
                -webkit-transition: opacity 0.4s;
                -moz-transition: opacity 0.4s;
                -o-transition: opacity 0.4s;
                transition: opacity 0.4s;
            }

                #ffsatv .bottom .grid ul li .hover:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

                #ffsatv .bottom .grid ul li .hover p {
                    position: absolute;
                    bottom: 5px;
                    font-size: 12px;
                    line-height: 1.3;
                    color: #fff;
                    padding: 0 5px;
                }
/* BLOCK INFO FRANCE -----------*/
.info-france {
    padding-top: 50px;
}

    .info-france .title {
        font-family: 'museo700', Arial;
        font-size: 14px;
        color: #252525;
        text-transform: uppercase;
        margin-bottom: 17px;
        display: block;
    }

    .info-france p {
        color: #71787e;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.14;
    }

        .info-france p span {
            display: block;
            font-style: italic;
        }

    .info-france .col {
        width: 280px !important;
        margin-left: 40px;
    }

        .info-france .col p {
            min-height: 60px;
        }

        .info-france .col select {
            max-width: 100%;
        }

    .info-france .link {
        margin-top: 15px;
    }

        .info-france .link:before,
        .info-france .link:after {
            content: " ";
            display: table;
        }

        .info-france .link:after {
            clear: both;
        }

        .info-france .link a {
            float: right;
            font-family: 'museo700', Arial;
            color: #da1223;
            font-size: 11px;
            text-decoration: none;
            text-transform: uppercase;
            padding-right: 11px;
            display: inline-block;
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/arr-right.png) no-repeat right center;
        }

            .info-france .link a:hover {
                text-decoration: underline;
            }

            .info-france .link a:first-child {
                float: left;
            }

    .info-france .picture {
        float: left;
        margin-right: 5px;
    }

    .info-france .chzn-container-single {
        font-size: 11px;
        padding: 0 20px 0 5px;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 5px;
    }

        .info-france .chzn-container-single span {
            color: #969696;
        }

        .info-france .chzn-container-single .chzn-single {
            padding: 5px 0;
            display: block;
        }

    .info-france .chzn-single {
        text-decoration: none;
    }

.pub-bottom {
    margin-top: 40px;
    margin-bottom: -50px;
    position: relative;
    text-align: center;
}

#slide-counter {
    position: absolute;
    bottom: 18px;
    left: 40px;
}
/* LISTING -----------*/
.block-listing .listing > div,
.block-listing .listing.slides > li > div {
    padding: 8px 0;
    border-bottom: 1px solid #d0d0ce;
    min-height: 30px;
}

    .block-listing .listing > div:before,
    .block-listing .listing.slides > li > div:before,
    .block-listing .listing > div:after,
    .block-listing .listing.slides > li > div:after {
        content: " ";
        display: table;
    }

    .block-listing .listing > div:after,
    .block-listing .listing.slides > li > div:after {
        clear: both;
    }

    .block-listing .listing > div:first-child,
    .block-listing .listing.slides > li > div:first-child {
        border-top: 1px solid #d0d0ce;
    }

    .block-listing .listing > div .left,
    .block-listing .listing.slides > li > div .left {
        padding-left: 35px;
        float: left;
        vertical-align: middle;
        /*width: 160px;*/
        min-height: 30px;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) no-repeat;
        background-position: 3px -334px;
    }

        .block-listing .listing > div .left .cat,
        .block-listing .listing.slides > li > div .left .cat {
            font-size: 9px;
            text-transform: uppercase;
            color: #6c747a;
        }

        .block-listing .listing > div .left h4,
        .block-listing .listing.slides > li > div .left h4 {
            color: #232326;
            font-weight: bold;
            font-size: 11px;
            padding-top: 1px;
            overflow: hidden;
            min-height: 13px;
            max-width: 150px;
            max-height: 22px;
        }

    .block-listing .listing > div.ffsa .left,
    .block-listing .listing.slides > li > div.ffsa .left {
        background-position: left -336px;
    }

        .block-listing .listing > div.ffsa .left .cat,
        .block-listing .listing.slides > li > div.ffsa .left .cat {
            color: #da1223;
        }

    .block-listing .listing > div.rallye .left,
    .block-listing .listing.slides > li > div.rallye .left {
        background-position: left -382px;
    }

        .block-listing .listing > div.rallye .left .cat,
        .block-listing .listing.slides > li > div.rallye .left .cat {
            color: #f23307;
        }

    .block-listing .listing > div.circuit .left,
    .block-listing .listing.slides > li > div.circuit .left {
        background-position: left -424px;
    }

        .block-listing .listing > div.circuit .left .cat,
        .block-listing .listing.slides > li > div.circuit .left .cat {
            color: #0753a1;
        }

    .block-listing .listing > div.montagne .left,
    .block-listing .listing.slides > li > div.montagne .left {
        background-position: left -466px;
    }

        .block-listing .listing > div.montagne .left .cat,
        .block-listing .listing.slides > li > div.montagne .left .cat {
            color: #0e8f28;
        }

    .block-listing .listing > div.tout-terrain .left,
    .block-listing .listing.slides > li > div.tout-terrain .left {
        background-position: left -513px;
    }

        .block-listing .listing > div.tout-terrain .left .cat,
        .block-listing .listing.slides > li > div.tout-terrain .left .cat {
            color: #6f3a2c;
        }

    .block-listing .listing > div.karting .left,
    .block-listing .listing.slides > li > div.karting .left {
        background-position: left -557px;
    }

        .block-listing .listing > div.karting .left .cat,
        .block-listing .listing.slides > li > div.karting .left .cat {
            color: #f6bf26;
        }

    .block-listing .listing > div.vhc .left,
    .block-listing .listing.slides > li > div.vhc .left {
        background-position: left -594px;
    }

        .block-listing .listing > div.vhc .left .cat,
        .block-listing .listing.slides > li > div.vhc .left .cat {
            color: #ba985b;
        }

    .block-listing .listing > div.drift .left,
    .block-listing .listing.slides > li > div.drift .left {
        background-position: left -634px;
    }

        .block-listing .listing > div.drift .left .cat,
        .block-listing .listing.slides > li > div.drift .left .cat {
            color: #92e620;
        }

.block-listing .block-link a,
.block-listing .link {
    text-transform: uppercase;
    color: #767676;
    font-size: 10px;
    border: 1px solid #767676;
    padding: 4px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

    .block-listing .block-link a:hover,
    .block-listing .link:hover {
        color: #fff;
        background-color: #767676;
    }

.block-listing .block-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.block-listing .link {
    margin-top: 5px;
    float: right;
}

.block-listing .block-link:before,
.block-listing .block-link:after {
    content: " ";
    display: table;
}

.block-listing .block-link:after {
    clear: both;
}

.block-listing .bx-controls {
    height: 0;
}

.ordredepart .ordre {
    width: 87% !important;
    margin-right: 0 !important;
}

.ordredepart select {
    width: 90% !important;
}

#epreuve_nom {
    cursor: pointer !important;
}

.block-listing .block-link a {
    margin: 0 0 0 5px !important;
}

    .block-listing .block-link a:first-child {
        margin-left: 0 !important;
    }

.block-listing.epreuve-direct a,
.block-listing .epreuve-direct a {
    float: right;
    vertical-align: middle;
    margin-top: 5px;
    white-space: nowrap;
    margin-right: 2px;
}

.block-listing.epreuve-direct .block-link a:first-child {
    position: absolute;
    bottom: 7px;
    right: 14px;
}

.block-listing .epreuve-direct .block-link a:first-child {
    float: right;
}

.block-listing.epreuve-direct .ms-webpartzone-cell {
    margin: 0;
}

.block-listing .calendrier-epreuve {
    position: relative;
}

    .block-listing .calendrier-epreuve .listing .left {
        width: 80px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .block-listing .calendrier-epreuve .title {
        color: #5e5e5e;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        width: 128px;
        overflow: hidden;
    }
/*aside .block-listing .left{
	width:100px !important;
 }*/
aside .calendrier-epreuve .title {
    color: #5e5e5e;
    font-size: 12px;
    display: inline-block;
    float: right;
    /*width: 110px;*/
    width: 160px;
    overflow: hidden;
    max-height: 100%;
    line-height: 1.1;
}
/* .block-listing.page-content .listing > div {
  height: 30px;
} */
.block-listing.page-content .listing > div:first-child {
    border-top: 1px solid #d0d0ce;
}

.block-listing.page-content.triples-cols .col {
    width: 280px;
    margin-left: 30px;
}

    .block-listing.page-content.triples-cols .col .col, .block-listing.page-content.triples-cols .block-listing > .block-listing {
        padding-bottom: 35px;
        margin-left: 0;
    }

    .block-listing.page-content.triples-cols .col:first-child {
        margin-left: 0;
    }

.block-listing.page-content h3,
.block-listing.page-content.third h3 {
    font-family: 'museo700', Arial !important;
    font-size: 18px !important;
    color: #212125 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

.block-listing.page-content .block-link:before,
.block-listing.page-content .block-link:after {
    content: " ";
    display: table;
}

.block-listing.page-content .block-link:after {
    clear: both;
}

.block-listing.page-content .block-link a {
    float: left;
}

    .block-listing.page-content .block-link a:first-child {
        float: right;
    }

.block-listing.page-content .actu li > div {
    height: 41px;
    padding: 9px 0 8px 0;
}

.block-listing.page-content .actu a {
    display: block;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

    .block-listing.page-content .actu a:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.block-listing.page-content .actu .title {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    display: block;
    height: 15px;
    overflow: hidden;
    line-height: 1.6;
}

.block-listing.page-content .actu p {
    color: #5e5e5e;
    font-size: 12px;
    line-height: 1.2;
    min-height: 25px;
}
/* BLOCK CLASSEMENT -----------*/
#classement {
    padding: 50px 40px 50px 40px;
    /*background: url(/_layouts/15/IMAGES/FFSA.Web/img/bg-black-classement.png) 10px -1px no-repeat;*/
}

    #classement h3 {
        font-size: 25px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'museo700', Arial;
    }

    #classement .double-cols {
        margin-top: 40px;
    }

        #classement .double-cols:before,
        #classement .double-cols:after {
            content: " ";
            display: table;
        }

        #classement .double-cols:after {
            clear: both;
        }

        #classement .double-cols .table {
            float: left;
            width: 600px;
        }

            #classement .double-cols .table header {
                padding-bottom: 20px;
                border-bottom: 1px solid #acacac;
            }

                #classement .double-cols .table header:before,
                #classement .double-cols .table header:after {
                    content: " ";
                    display: table;
                }

                #classement .double-cols .table header:after {
                    clear: both;
                }

                #classement .double-cols .table header .title {
                    font-size: 18px;
                    color: #303030;
                    font-family: 'museo700', Arial;
                    text-transform: uppercase;
                    display: block;
                }

            #classement .double-cols .table .title span {
                margin-top: 10px;
                display: block;
            }

            #classement .double-cols .table header .chzn-container {
                width: 70% !important;
                border: 1px solid #acacac;
                text-transform: uppercase;
                font-family: 'museo100', Arial;
                padding: 3px 24px 3px 5px;
                text-decoration: none;
                display: inline-block;
                font-size: 13px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                margin-top: 10px;
            }

                #classement .double-cols .table header .chzn-container a {
                    color: #acacac;
                    text-decoration: none;
                }

            #classement .double-cols .table table {
                margin-top: 10px;
                font-size: 13px;
                width: 100%;
            }

                #classement .double-cols .table table thead td {
                    font-family: 'museo700', Arial;
                    color: #212125;
                    height: 20px;
                }

                #classement .double-cols .table table tr.first td span:first-child,
                #classement .double-cols .table table tr.second td span:first-child,
                #classement .double-cols .table table tr.third td span:first-child {
                    background-color: #dadada;
                }

                #classement .double-cols .table table tr td {
                    text-transform: uppercase;
                    color: #5e5e5e;
                    font-size: 12px;
                    height: 20px;
                }

                    #classement .double-cols .table table tr td span {
                        text-align: center;
                    }

                    #classement .double-cols .table table tr td:first-child span {
                        padding: 2px 4px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                    }

        #classement .double-cols .pub {
            float: right;
            width: 300px;
            margin: 80px 0 0 0;
        }

    #classement #classement {
        padding: 0 !important;
        background: none !important;
    }

    #classement .double-cols .pub img {
        margin: 0 !important;
    }

    #classement .link {
        margin-top: 12px;
        padding-top: 13px;
        text-align: right;
        border-top: 1px solid #acacac;
    }
/*.cars:before,
.cars:after {
  content: " ";
  display: table;
}
.cars:after {
  clear: both;
}*/
.cars .block {
    width: 250px !important;
    position: relative;
    z-index: 999;
    overflow: hidden;
}

.cars {
    height: 250px;
}


    .cars .bx-prev,
    .cars .bx-next {
        padding: 58px 0 0 50px;
        position: absolute;
    }

    .cars .bx-prev {
        background-position: left -466px;
        left: 0;
    }

    .cars .bx-next {
        background-position: -50px -466px;
        right: 0px;
    }

#classement + .bx-wrapper .bx-controls {
    height: 0px;
}
/*

.cars .bx-prev{
	left:10px;
	top:65px !important;
	background-position:-82px -158px;
}


.cars .bx-next{
	right:10px;
	top:65px !important;
	background-position:-82px -288px;
}*/
.cars > div {
    height: auto !important;
}

.cars .bx-viewport {
    height: auto !important;
}

.cars .block a {
    display: block;
    display: table;
    width: 250px;
    height: 250px;
    text-decoration: none;
    vertical-align: middle;
}

.cars .block img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.cars .block .hover {
    background: url(/_layouts/15/IMAGES/FFSA.Web/img/bg-red.png);
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 5;
    filter: alpha(opacity=00);
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.cars .block:hover .hover {
    opacity: 1;
    filter: alpha(opacity=1);
}

.cars .block .title {
    z-index: 555;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'museo700', Arial;
    padding: 0 40px;
    line-height: 1.2;
}
/* TABLE
-----------------------------------------------------------------------------------------------------*/
#table-content {
    margin: 35px 0;
    letter-spacing: 0;
}

    #table-content .date-picker {
        width: 100%;
        margin-top: 20px;
    }

        #table-content .date-picker label {
            margin-bottom: 5px !important;
            display: block;
        }

        #table-content .date-picker h2 {
            font-size: 12px;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-family: 'museo300', Arial;
        }

        #table-content .date-picker input[type="text"] {
            padding: 7px 5px;
            background-position: right -1582px !important;
            font-size: 11px;
            font-family: 'museo300', Arial;
            margin-right: 20px;
        }

    #table-content.resultats .select .chzn-container-single {
        width: 18% !important;
    }

body .ui-datepicker {
    width: 200px;
}

    body .ui-datepicker .ui-widget-header {
        background-color: #da1223;
    }

body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    color: #da1223;
}

body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight {
    background-color: #da1223;
    color: #fff;
}

#table-content .univers {
    text-transform: uppercase;
    font-size: 9px;
}

#table-content .select {
    display: table;
    width: 800px;
    margin-bottom: -5px;
}

    #table-content .select .group-result {
        text-transform: uppercase;
        font-family: 'museo500', Arial;
    }

    #table-content .select .chzn-container-single {
        width: 18% !important;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        padding: 0 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-right: 1%;
        background: url("/_layouts/15/IMAGES/FFSA.Web/img/bg-chosen2.png") no-repeat scroll right center;
        font-size: 12px;
        font-family: 'museo500', Arial;
    }

#table-content .fourfilters .select .chzn-container-single {
    width: 23% !important;
}

#table-content .twofilters .select .chzn-container-single {
    width: 48% !important;
}

#table-content .select .chzn-container-single a {
    color: #5e5e63;
    text-decoration: none;
    line-height: 1.4;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}

    #table-content .select .chzn-container-single a span {
        line-height: 1.4 !important;
    }

#table-content .filtres {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #5e5e63;
    margin-bottom: 25px;
    min-height: 10px;
}


    #table-content .filtres input[type=submit],#table-content .filtres input[type=button] {
        font-family: 'museo700', Arial;
        background-color: #5e5e63;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        padding: 6px 9px 5px;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        line-height: 17px;
    }

    #table-content .filtres:after {
        content: '.';
        display: block;
        clear: both;
        height: 0px;
    }

    #table-content .filtres input[type=submit]:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

#table-content table {
    width: 100%;
    margin-bottom: 25px;
}

    #table-content table tr td {
        font-size: 12px;
        color: #76767b;
        height: 30px;
        line-height: 1.3;
        vertical-align: middle;
        padding-right: 5px;
    }

    #table-content table thead td {
        text-transform: uppercase;
        font-family: 'museo700', Arial;
        padding-bottom: 10px;
        line-height: 1.2;
        padding-right: 3px;
        vertical-align: top;
        color: #da1223;
        padding-right: 5px;
    }

        #table-content table thead td .up {
            text-decoration: none;
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-color.png) right -109px no-repeat;
            text-align: center;
            padding-right: 25px;
        }

    #table-content table tr td a {
        font-weight: bold;
        text-decoration: none;
        color: #76767b;
        cursor: pointer;
    }

    #table-content table thead td a {
        font-weight: normal;
        text-decoration: none;
        color: #da1223;
    }

    #table-content table tr td a:hover {
        text-decoration: underline;
    }

    #table-content table tr td:first-letter {
        text-transform: uppercase;
    }

    #table-content table tr td.organisation,
    #table-content table tr td.comite {
        text-transform: uppercase;
    }

    #table-content table tr td#ctl00_PlaceHolderMain_rp_table_ctrl0_date_event {
        width: 85px;
    }

    #table-content table tr td.univers {
        padding: 1px 5px 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) no-repeat left 6px;
        min-height: 30px;
        vertical-align: middle;
        width: 105px;
    }

.comite-popin table tr td.univers {
    width: 100px;
}

    .comite-popin table tr td.univers div.title {
        height: 30px;
        line-height: 30px;
        float: left;
    }

    .comite-popin table tr td.univers div.icon {
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) no-repeat left 6px;
        float: left;
        width: 30px;
        height: 30px;
    }

.table-content table tr td .link-light {
    padding: 2px;
}

.table-content table tr td.ffsa, .comite-popin table tr td.ffsa div.icon {
    background-position: left -336px;
    color: #da1223;
}

.comite-popin table tr td.ffsa div.title {
    color: #da1223;
}

#table-content table tr td.rallye, .comite-popin table tr td.rallye div.icon {
    background-position: left -379px;
    color: #f23307;
}

.comite-popin table tr td.rallye div.title {
    color: #f23307;
}

#table-content table tr td.circuit, .comite-popin table tr td.circuit div.icon {
    background-position: left -421px;
    color: #0753a1;
}

.comite-popin table tr td.circuit div.title {
    color: #0753a1;
}

#table-content table tr td.montagne, .comite-popin table tr td.montagne div.icon {
    background-position: left -463px;
    color: #0e8f28;
}

.comite-popin table tr td.montagne div.title {
    color: #0e8f28;
}

#table-content table tr td.terrain, .comite-popin table tr td.terrain div.icon {
    background-position: left -510px;
    color: #6f3a2c;
}

.comite-popin table tr td.terrain div.title {
    color: #6f3a2c;
}

#table-content table tr td.karting, .comite-popin table tr td.karting div.icon {
    background-position: left -554px;
    color: #f6bf26;
}

.comite-popin table tr td.karting div.title {
    color: #f6bf26;
}

#table-content table tr td.vhc, .comite-popin table tr td.vhc div.icon {
    background-position: left -590px;
    color: #ba985b;
}

.comite-popin table tr td.vhc div.title {
    color: #ba985b;
}

#table-content table tr td.drift, .comite-popin table tr td.drift div.icon {
    background-position: left -634px;
    color: #92e620;
}

.comite-popin table tr td.drift div.title {
    color: #92e620;
}
/* PAGINATION
-----------------------------------------------------------------------------------------------------*/
#pagination,
div.pagination {
    margin-top: 30px;
    background: url(/_layouts/15/IMAGES/FFSA.Web/img/line.jpg) left 9px repeat-x;
}

#table-content #pagination a {
}

#pagination ul,
div.pagination ul {
    text-align: center;
    display: table;
    margin: 0 auto;
}

    #pagination ul li, #table-content #pagination a, #table-content #pagination li span span,
    div.pagination ul li, #table-content div.pagination a, #table-content div.pagination li span span {
        display: inline-block;
        padding: 0 5px;
        background-color: #fff;
        vertical-align: middle;
    }

#table-content #pagination li,
#table-content div.pagination li {
    padding: 0;
    display: inline-block;
    margin: 0 5px;
}

#pagination ul li a,
div.pagination ul li a {
    color: #48484c;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

    #pagination ul li a:hover,
    div.pagination ul li a:hover {
        text-decoration: underline;
    }

#pagination ul li.current a, #table-content #pagination .current,
div.pagination ul li.current span, #table-content div.pagination .current {
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
}

#pagination ul li.previous,
#pagination ul li.next,
div.pagination ul li.previous,
div.pagination ul li.next {
    position: relative;
}

    #pagination ul li.previous a,
    #pagination ul li.next a,
    div.pagination ul li.previous a,
    div.pagination ul li.next a {
        width: 0;
        height: 0;
        display: inline-block;
        overflow: hidden;
        cursor: pointer;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) left -1025px no-repeat;
        padding: 19px 0 0 8px;
        position: relative;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

        #pagination ul li.previous a:hover,
        #pagination ul li.next a:hover,
        div.pagination ul li.previous a:hover,
        div.pagination ul li.next a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    #pagination ul li.next a,
    div.pagination ul li.next a {
        background-position: -8px -1025px;
    }

#pagination .number,
div.pagination .number {
    display: block;
    text-align: center;
    font-style: 12px;
    color: #8f8f94;
    margin-top: 5px;
}
/* CONTACT
-----------------------------------------------------------------------------------------------------*/
.date-picker {
    /*
	> div{
		
	}
	label{
		.museo700;
		font-size: 15px;
		margin-bottom:5px;
	}*/
}

    .date-picker:before,
    .date-picker:after {
        content: " ";
        display: table;
    }

    .date-picker:after {
        clear: both;
    }

    .date-picker input[type=text], #content .tb_SearchClass {
        font-size: 12px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #acacac;
        padding: 10px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) right -1580px no-repeat;
        width: 206px;
        float: left;
    }

#content .tb_SearchClass {
    background: none;
    float: none;
    padding: 6px 5px;
    border-color: #8F8F8F;
    border-radius: 3px;
}

.date-picker #date-debut {
    margin-right: 3%;
}

.pdf {
    margin: 20px 0;
}

    .pdf li {
        display: inline-block;
        width: 48%;
        vertical-align: middle;
    }

    .pdf a {
        padding: 2px 0 5px 45px;
        color: #727276;
        font-size: 12px;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        text-decoration: none;
        font-weight: bold;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-color.png) left -20px no-repeat;
        color: #da1223;
        display: inline-block;
    }

        .pdf a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        .pdf a span {
            display: block;
            color: #727276;
            margin-top: 2px;
            font-weight: normal;
        }

.std-form .title {
    position: relative;
}

    .std-form .title .champs {
        position: absolute;
        right: 0;
        top: 8px;
        font-size: 12px;
    }

        .std-form .title .champs span {
            color: #da1223;
        }

.std-form .triples {
    margin-bottom: 30px;
}

    .std-form .triples:before,
    .std-form .triples:after {
        content: " ";
        display: table;
    }

    .std-form .triples:after {
        clear: both;
    }

    .std-form .triples .block-field {
        float: left;
        width: 32%;
        margin: 0 0 0 2%;
    }

        .std-form .triples .block-field:first-child {
            margin-left: 0;
        }

.std-form .doubles {
    margin-bottom: 30px;
}

    .std-form .doubles:before,
    .std-form .doubles:after {
        content: " ";
        display: table;
    }

    .std-form .doubles:after {
        clear: both;
    }

    .std-form .doubles .block-field {
        float: left;
        width: 49%;
        margin: 0;
    }

        .std-form .doubles .block-field:first-child {
            margin-right: 2%;
        }

.std-form .block-field {
    margin-bottom: 20px;
}

    .std-form .block-field label {
        display: block;
        font-size: 15px;
        color: #5e5e63;
        font-weight: bold;
        margin-bottom: 10px;
    }

        .std-form .block-field label:first-letter {
            text-transform: uppercase;
        }

    .std-form .block-field input[type=text],
    .std-form .block-field textarea, .std-form .block-field input[type=date], .std-form .block-field input[type=number], .std-form .block-field input[type=email], .std-form .block-field input[type=tel] {
        font-size: 14px;
        border: 1px solid #595959;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        font-size: 15px;
        color: #5e5e63;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 35px;
        height: 35px;
        display: block;
        text-indent: 5px;
    }

    .std-form .block-field textarea {
        font-family: 'museo300',arial;
        height: 200px;
    }

    .std-form .block-field input[type=date] {
    }

.std-form .submit:before,
.std-form .submit:after {
    content: " ";
    display: table;
}

.std-form .submit:after {
    clear: both;
}

.std-form .submit p {
    margin-bottom: 20px;
    line-height: 1.2 !important;
    font-size: 12px !important;
}

.std-form .submit input[type=submit] {
    text-align: center;
    float: right;
    width: 150px;
    color: #ffffff;
    font-family: 18px;
    text-transform: uppercase;
    font-family: 'museo700', Arial;
    background-color: #da1223;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-color.png) right -64px no-repeat #da1223;
    padding-right: 25px;
}

    .std-form .submit input[type=submit]:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
/* MAP
-----------------------------------------------------------------------------------------------------*/
#page-map .top:before,
#page-map .top:after {
    content: " ";
    display: table;
}

#page-map .top:after {
    clear: both;
}

#page-map .top h1 {
    display: inline-block;
    vertical-align: middle;
    width: 185px;
    line-height: 1.2;
    font-family: 'museo300', Arial;
}

#page-map .checkbox {
    width: 700px;
    display: inline-block;
    vertical-align: middle;
    min-height: 50px;
    padding: 15px 0;
}

    #page-map .checkbox:before,
    #page-map .checkbox:after {
        content: " ";
        display: table;
    }

    #page-map .checkbox:after {
        clear: both;
    }

    #page-map .checkbox li {
        float: left;
        width: 200px;
        z-index: 5555;
    }

        #page-map .checkbox li label {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-left: 10px;
        }

            #page-map .checkbox li label span {
                display: inline-block;
                vertical-align: middle;
                font-family: 'museo700', Arial;
                font-family: 16px;
                text-transform: uppercase;
                width: 120px;
                margin-left: 5px;
            }

            #page-map .checkbox li label img {
                display: inline-block;
                vertical-align: middle;
                width: 40px;
            }

        #page-map .checkbox li.red label {
            color: #da1223;
        }

        #page-map .checkbox li.gris label {
            color: #5e5e63;
        }

        #page-map .checkbox li.orange label {
            color: #ff7700;
        }

#page-map {
    margin-top: 20px;
    position: relative;
    min-height: 600px;
}

    #page-map .puce.green .subtitle {
        color: #0e8e28 !important;
    }

    #page-map .tooltip > div {
        width: 300px;
        padding: 20px;
        background-color: #fff;
        min-height: 165px;
        -webkit-box-shadow: 5px 5px 16px 0px #656565;
        -moz-box-shadow: 5px 5px 16px 0px #656565;
        box-shadow: 5px 5px 16px 0px #656565;
    }

        #page-map .tooltip > div header:before,
        #page-map .tooltip > div header:after {
            content: " ";
            display: table;
        }

        #page-map .tooltip > div header:after {
            clear: both;
        }

        #page-map .tooltip > div header .picture {
            float: left;
            width: 40px;
            margin-right: 10px;
        }

            #page-map .tooltip > div header .picture img {
                display: block;
                width: 100%;
                height: auto;
            }

        #page-map .tooltip > div header .content {
            width: 200px;
            float: left;
        }

            #page-map .tooltip > div header .content span {
                display: block;
                margin-bottom: 3px;
            }

            #page-map .tooltip > div header .content .title {
                font-weight: bold;
                font-size: 20px;
                text-transform: uppercase;
                color: #5e5e63;
            }

            #page-map .tooltip > div header .content .subtitle {
                color: #5e5e63;
                font-family: 'museo100', Arial;
                font-size: 14px;
            }

            #page-map .tooltip > div header .content .name {
                font-size: 12px;
            }

        #page-map .tooltip > div .middle {
            border-top: 1px solid #a9a9af;
            border-bottom: 1px solid #a9a9af;
            padding: 10px 0;
            margin: 15px 0;
            color: #5e5e63;
            font-size: 12px;
            line-height: 1.2;
        }

    #page-map .tooltip span {
        display: block;
    }

    #page-map .tooltip > div .middle:before,
    #page-map .tooltip > div .middle:after {
        content: " ";
        display: table;
    }

    #page-map .tooltip > div .middle:after {
        clear: both;
    }

    #page-map .tooltip > div .middle:before {
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/arr-white-left.png) left bottom no-repeat;
        width: 15px;
        height: 34px;
        left: -15px;
        top: 90px;
        z-index: 555;
        position: absolute;
    }

    #page-map .tooltip > div .middle a {
        text-decoration: none;
        display: block;
    }

        #page-map .tooltip > div .middle a:hover {
            text-decoration: underline;
        }

    #page-map .tooltip > div .middle .left {
        /*float: left;
  width: 49%;
  margin-right: 2%;*/
        line-height: 1.2;
    }

    #page-map .tooltip > div .middle .right {
        /*float: right;
  width: 45%;*/
    }

        #page-map .tooltip > div .middle .right a {
            padding-top: 5px;
        }

    #page-map .tooltip > div .bottom:before,
    #page-map .tooltip > div .bottom:after {
        content: " ";
        display: table;
    }

    #page-map .tooltip > div .bottom:after {
        clear: both;
    }

    #page-map .tooltip > div .bottom .tel {
        float: left;
        width: 130px;
        padding: 5px 0 0 20px;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) left -1098px no-repeat;
    }

    #page-map .tooltip > div .bottom .link {
        text-align: right;
        width: 120px;
        float: right;
    }

        #page-map .tooltip > div .bottom .link a {
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
        }

            #page-map .tooltip > div .bottom .link a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }
/* COMITE POPIN
-----------------------------------------------------------------------------------------------------*/

.comite-popin > header {
    background-color: white !important;
}

    .comite-popin > header.content {
        background-color: white !important;
        padding: 20px !important;
    }

    .comite-popin > header div.content-header {
        width: 100% !important;
        position: unset !important;
    }

.comite-popin .picture {
    display: inline-block;
    width: 60px;
    margin-right: 5px;
    margin-top: 30px;
}

    .comite-popin .picture img {
        display: block;
        position: unset !important;
        width: 50px;
        height: auto;
    }

.comite-popin.tooltip {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    min-height: 510px;
}

    .comite-popin.tooltip header:before,
    .comite-popin.tooltip header:after {
        content: " ";
        display: table;
    }

    .comite-popin.tooltip header:after {
        clear: both;
    }

    /*.comite-popin.tooltip header .picture {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.comite-popin.tooltip header .picture img {
  display: block;
  width: 100%;
  height: auto;
}
*/
    .comite-popin.tooltip header .content {
        /*float: left;*/
        display: inline-block;
        margin-top: 35px;
        position: absolute;
    }

        .comite-popin.tooltip header .content span {
            display: block;
            margin-bottom: 3px;
            font-family: 'museo300',Arial;
            letter-spacing: normal;
        }

        .comite-popin.tooltip header .content .comiteTitle {
            font-weight: bold;
            font-size: 20px;
            text-transform: uppercase;
            color: #5e5e63 !important;
        }

        .comite-popin.tooltip header .content .subtitle {
            color: #5e5e63;
            font-family: 'museo100', Arial;
            font-size: 14px;
            text-transform: none;
        }

        .comite-popin.tooltip header .content .name {
            font-size: 12px;
        }

    .comite-popin.tooltip .middle {
        border-top: 1px solid #a9a9af;
        border-bottom: 1px solid #a9a9af;
        padding: 10px 0;
        margin: 15px 0;
        color: #5e5e63;
        font-size: 12px;
        line-height: 1.2;
    }

        .comite-popin.tooltip .middle:before,
        .comite-popin.tooltip .middle:after {
            content: " ";
            display: table;
        }

        .comite-popin.tooltip .middle:after {
            clear: both;
        }

        .comite-popin.tooltip .middle:before {
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/arr-white-left.png) left bottom no-repeat;
            width: 15px;
            height: 34px;
            left: -15px;
            top: 90px;
            z-index: 555;
            position: absolute;
        }

        .comite-popin.tooltip .middle a {
            text-decoration: none;
            display: block;
        }

            .comite-popin.tooltip .middle a:hover {
                text-decoration: underline;
            }
    /*
.comite-popin .tooltip > div .middle .left {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.comite-popin .tooltip > div .middle .right {
  float: right;
  width: 45%;
}*/
    .comite-popin.tooltip .bottom:before,
    .comite-popin.tooltip .bottom:after {
        content: " ";
        display: table;
    }

    .comite-popin.tooltip .bottom:after {
        clear: both;
    }

    .comite-popin.tooltip .bottom .tel {
        float: left;
        width: 130px;
        padding: 5px 0 0 20px;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) left -1098px no-repeat;
    }

    .comite-popin.tooltip .bottom .link {
        text-align: right;
        width: 120px;
        float: right;
    }

        .comite-popin.tooltip .bottom .link a {
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
        }

            .comite-popin.tooltip .bottom .link a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }
/* LISTING ACTU
-----------------------------------------------------------------------------------------------------*/
.listing.actu .thumb {
    position: relative;
}

    .listing.actu .thumb > span {
        display: inline-block;
        position: absolute;
        z-index: 999;
        bottom: 0;
    }

    .listing.actu .thumb .cat-univers {
        left: 0;
        width: 50px;
    }

    .listing.actu .thumb .sub-cat {
        left: 50px;
        font-size: 14px;
        color: #fff;
        vertical-align: middle;
        display: table;
        height: 50px;
        background-color: #1f2429;
    }

        .listing.actu .thumb .sub-cat span {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px;
            width: 130px;
        }

.listing.actu .article {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bfc7ce;
}

    .listing.actu .article h2 {
        font-family: 'museo700', Arial;
        font-size: 20px;
        margin: 12px 0;
    }

        .listing.actu .article h2 a {
            color: #1f2429;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            text-decoration: none;
        }

            .listing.actu .article h2 a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    .listing.actu .article .content p {
        line-height: 1.25 !important;
        color: #6c747a;
    }

    .listing.actu .article .infos:before,
    .listing.actu .article .infos:after {
        content: " ";
        display: table;
    }

    .listing.actu .article .infos:after {
        clear: both;
    }

    .listing.actu .article .infos .date {
        display: inline;
        font-size: 12px;
    }

    .listing.actu .article .infos .social {
        display: inline;
        margin-left: 30px;
    }

        .listing.actu .article .infos .social span {
            display: inline-block;
            font-size: 12px;
            padding-right: 15px;
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) no-repeat;
        }

        .listing.actu .article .infos .social .twitter {
            color: #2182cb;
            background-position: right -1481px;
            margin-right: 10px;
        }

        .listing.actu .article .infos .social .facebook {
            color: #164be3;
            background-position: right -1502px;
        }

    .listing.actu .article .read-more {
        color: #1f2429;
        font-size: 10px;
        text-transform: uppercase;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        font-weight: bold;
        text-decoration: none;
        text-align: right;
        float: right;
    }

        .listing.actu .article .read-more:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .listing.actu .article .cat-univers {
        width: 50px;
        height: 50px;
        background-image: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1);
        background-position: 11px -1136px;
    }

.listing.actu .principal .thumb {
    height: 280px;
}

.listing.actu .principal h2 {
    font-size: 25px;
    margin: 20px 0;
}

.listing.actu .other:before,
.listing.actu .other:after {
    content: " ";
    display: table;
}

.listing.actu .other:after {
    clear: both;
}

.listing.actu .other .cat-univers {
    background-position: 12px -1142px;
}

.listing.actu .other.ffsa .cat-univers {
    background-position: 12px -1142px;
}

.listing.actu .other.rallye .cat-univers {
    background-position: 12px -1188px;
}

.listing.actu .other.circuit .cat-univers {
    background-position: 12px -1231px;
}

.listing.actu .other.montagne .cat-univers {
    background-position: 12px -1271px;
}

.listing.actu .other.tout-terrain .cat-univers {
    background-position: 12px -1318px;
}

.listing.actu .other.karting .cat-univers {
    background-position: 12px -1363px;
}

.listing.actu .other.vhc .cat-univers {
    background-position: 12px -1399px;
}

.listing.actu .other.drift .cat-univers {
    background-position: 12px -1441px;
}

.listing.actu .other .thumb {
    float: left;
    width: 280px;
    margin-right: 20px;
}

    .listing.actu .other .thumb > span {
        bottom: auto;
        top: 0;
        font-size: 11px;
        height: 40px;
    }

    .listing.actu .other .thumb .sub-cat {
        width: 80px;
        padding: 0 10px;
    }

        .listing.actu .other .thumb .sub-cat span {
            padding: 0;
        }

.listing.actu .other .content {
    float: right;
    width: 280px;
}

    .listing.actu .other .content .infos .social {
        float: right;
    }

#double-cols #col-left .infos-top .cat-univers {
    background-position: 3px -1147px;
    padding-left: 34px;
}

.ffsa.principal .cat-univers {
    background-position: 12px -1142px;
}

.ffsa .cat-univers, #double-cols #col-left .infos-top .cat-univers {
    background-color: #da1223;
}

    #double-cols #col-left .infos-top .cat-univers.rallye {
        background-position: 3px -1192px !important;
    }

.rallye.principal .cat-univers {
    background-position: 12px -1183px !important;
}

.rallye .cat-univers, #double-cols #col-left .infos-top .cat-univers.rallye {
    background-color: #f23307;
}

#double-cols #col-left .infos-top .cat-univers.circuit {
    background-position: 3px -1234px !important;
}

.circuit.principal .cat-univers {
    background-position: 12px -1226px !important;
}

.circuit .cat-univers, #double-cols #col-left .infos-top .cat-univers.circuit {
    background-color: #0753a1;
}

#double-cols #col-left .infos-top .cat-univers.montagne {
    background-position: 3px -1276px !important;
}

.montagne.principal .cat-univers {
    background-position: 12px -1267px !important;
}

.montagne .cat-univers, #double-cols #col-left .infos-top .cat-univers.montagne {
    background-color: #0e8f28;
}

#double-cols #col-left .infos-top .cat-univers.tout-terrain {
    background-position: 3px -1323px !important;
}

.tout-terrain.principal .cat-univers {
    background-position: 12px -1314px !important;
}

.tout-terrain .cat-univers, #double-cols #col-left .infos-top .cat-univers.tout-terrain {
    background-color: #6f3a2c;
}

#double-cols #col-left .infos-top .cat-univers.karting {
    background-position: 3px -1367px !important;
}

.karting.principal .cat-univers {
    background-position: 12px -1358px !important;
}

.karting .cat-univers, #double-cols #col-left .infos-top .cat-univers.karting {
    background-color: #f6bf26;
}

#double-cols #col-left .infos-top .cat-univers.vhc {
    background-position: 3px -1404px !important;
}

.vhc.principal .cat-univers {
    background-position: 12px -1396px !important;
}

.vhc .cat-univers, #double-cols #col-left .infos-top .cat-univers.vhc {
    background-color: #ba985b;
}

#double-cols #col-left .infos-top .cat-univers.drift {
    background-position: 3px -1444px !important;
}

.drift.principal .cat-univers {
    background-position: 12px -1434px !important;
}

.drift .cat-univers, #double-cols #col-left .infos-top .cat-univers.drift {
    background-color: #92e620;
}

.ffsa #col-left .infos-top .cat-univers {
    background-position: 8px -1147px;
}

.rallye #col-left .infos-top .cat-univers {
    background-position: 8px -1192 !important;
}

.circuit #col-left .infos-top .cat-univers {
    background-position: 8px -1234px !important;
}

.montagne #col-left .infos-top .cat-univers {
    background-position: 8px -1276px !important;
}

.tout-terrain #col-left .infos-top .cat-univers {
    background-position: 8px -1323px !important;
}

.karting #col-left .infos-top .cat-univers {
    background-position: 8px -1367px !important;
}

.vhc #col-left .infos-top .cat-univers {
    background-position: 8px -1404px !important;
}

.drift #col-left .infos-top .cat-univers {
    background-position: 8px -1445px !important;
}
/* ASIDE
-----------------------------------------------------------------------------------------------------*/
aside .filtre-article {
    color: #5e5e63;
}

    aside .filtre-article .search {
        margin-bottom: 30px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #acacac;
        padding: 2px 12px 2px 7px;
        position: relative;
    }

        aside .filtre-article .search input[type=text] {
            font-size: 12px;
            border: 0;
            width: 90%;
            padding: 8px 0;
        }

        aside .filtre-article .search input[type=submit] {
            background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) left -1519px no-repeat;
            padding: 16px 0 0 13px;
            position: absolute;
            height: 0;
            width: 0;
            right: 10px;
            top: 8px;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            border: 0;
        }

            aside .filtre-article .search input[type=submit]:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    aside .filtre-article dl {
        margin: 0;
    }

        aside .filtre-article dl dt {
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'museo700', Arial;
            padding-bottom: 10px;
            margin-bottom: 20px;
            border-bottom: 1px solid #bfbfc1;
        }

            aside .filtre-article dl dt a {
                color: #5e5e63;
                text-decoration: none;
                display: block;
                background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) right -905px no-repeat;
            }

            aside .filtre-article dl dt.active a {
                background-position: right -873px;
            }

        aside .filtre-article dl label {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            padding-right: 5px;
            padding-top: 1px;
            width: 100px;
            line-height: 19px;
        }

        aside .filtre-article dl dd {
            margin: 0;
            padding-bottom: 25px;
        }

            aside .filtre-article dl dd ul:before,
            aside .filtre-article dl dd ul:after {
                content: " ";
                display: table;
            }

aside .date-picker input[type="text"] {
    width: 130px !important;
}

    aside .date-picker input[type="text"]:first-child {
        margin-right: 15px;
    }

aside .filtre-article dl dd ul:after {
    clear: both;
}

aside .filtre-article dl dd ul li {
    width: 50%;
    float: left;
    margin-bottom: 12px;
}
/* AZEO Debut */
aside .filtre-article dl dd tr td {
    width: 50%;
    float: left;
    margin-bottom: 12px;
}
/* AZEO Fin */
.partners > ul {
    margin-top: 25px;
}

    .partners > ul:before,
    .partners > ul:after {
        content: " ";
        display: table;
    }

    .partners > ul:after {
        clear: both;
    }

    .partners > ul > li {
        float: left;
        width: 32%;
        margin-left: 2%;
    }

        .partners > ul > li:first-child {
            margin-left: 0;
        }

        .partners > ul > li h4 {
            font-family: 'museo700', Arial;
            font-size: 14px;
            margin-bottom: 20px;
            text-transform: uppercase;
            line-height: 1.2;
            padding-right: 30px;
        }

        .partners > ul > li li {
            margin-top: 15px;
        }

            .partners > ul > li li:first-child {
                margin-top: 0;
            }
/* POPIN
-----------------------------------------------------------------------------------------------------*/
#popin {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #popin .title-grey {
        text-transform: lowercase;
        margin: 15px 0 10px;
    }

    #popin .result {
        margin-bottom: 10px;
        margin-top: 0;
    }

    #popin .social {
        float: right;
        text-align: right;
        margin-right: 10px;
    }

        #popin .social ul li {
            display: inline;
            margin-left: 20px;
        }

            #popin .social ul li a {
                width: 0;
                height: 0;
                display: inline-block;
                overflow: hidden;
                cursor: pointer;
                padding: 18px 0 0 18px;
                background: url(/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1) left bottom no-repeat;
                /*position: absolute;*/
                top: 15px;
            }

            #popin .social ul li:first-child {
                margin-left: 0;
            }

            #popin .social ul li.print a {
                background-position: left -785px;
            }

            #popin .social ul li.twitter a {
                background-position: left -825px;
            }

            #popin .social ul li.facebook a {
                background-position: left -850px;
            }

            #popin .social ul li.mail a {
                background-position: left -806px;
            }

            #popin .social ul li.print a:hover {
                background-position: -33px -785px;
            }

            #popin .social ul li.twitter a:hover {
                background-position: -33px -825px;
            }

            #popin .social ul li.facebook a:hover {
                background-position: -33px -850px;
            }

            #popin .social ul li.mail a:hover {
                background-position: -33px -806px;
            }

    #popin.karting header {
        background-color: #f6bf26;
    }

    #popin.rallye header {
        background-color: #f23307;
    }

    #popin.circuit header {
        background-color: #0753a1;
    }

    #popin.montagne header {
        background-color: #0e8f28;
    }

    #popin.tout-terrain header {
        background-color: #6f3a2c;
    }

    #popin.vhc header {
        background-color: #ba985b;
    }

    #popin.drift header {
        background-color: #92e620;
    }

    #popin.karting .ImgChangedButton {
        background-color: #f6bf26;
    }

    #popin.rallye .ImgChangedButton {
        background-color: #f23307;
    }

    #popin.circuit .ImgChangedButton {
        background-color: #0753a1;
    }

    #popin.montagne .ImgChangedButton {
        background-color: #0e8f28;
    }

    #popin.tout-terrain .ImgChangedButton {
        background-color: #6f3a2c;
    }

    #popin.vhc .ImgChangedButton {
        background-color: #ba985b;
    }

    #popin.drift .ImgChangedButton {
        background-color: #92e620;
    }

    #popin header {
        background: #da1223;
        position: relative;
        padding: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-family: 'museo700', Arial;
        text-transform: uppercase;
    }

        #popin header .content-header {
            position: relative;
            z-index: 99;
            width: 500px;
        }

        #popin header img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

    #popin .picto-top {
        position: relative;
        top: -40px;
        left: -40px;
        width: 91px;
        height: 94px;
    }

    #popin header .type {
        font-size: 20px;
        margin-bottom: 15px;
        font-family: "museo700",Arial;
        color: white;
    }

    #popin header .title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 15px;
        color: #5e5e63;
        font-family: "museo700",Arial;
        color: #fff !important;
    }

    #popin header .date {
        display: block;
        font-size: 20px;
    }

    #popin .classements {
        padding-top: 25px;
        border-top: 1px solid #8f8f8f;
    }

        #popin .classements:before,
        #popin .classements:after {
            content: " ";
            display: table;
        }

        #popin .classements:after {
            clear: both;
        }

        #popin .classements .doubls-cols:before,
        #popin .classements .doubls-cols:after {
            content: " ";
            display: table;
        }

        #popin .classements .doubls-cols:after {
            clear: both;
        }

        #popin .classements .top {
            text-align: right;
            font-size: 11px;
            margin-bottom: 25px;
        }

            #popin .classements .top .countdown {
                font-weight: bold;
            }

            #popin .classements .top .link-grey {
                font-size: 10px;
                margin-left: 8px;
                font-family: 'museo300', Arial;
            }

        #popin .classements .table {
            float: left;
            width: 50%;
            background-color: #f0f0f0;
            padding: 20px 2%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #popin .classements .table:first-child {
                background-color: #f8f8f8;
            }

            #popin .classements .table h3 {
                text-align: center;
                font-size: 16px;
            }

                #popin .classements .table h3 a {
                    color: #5e5e63;
                    text-decoration: none;
                }

    #popin .content-select {
        padding: 0px 0px 30px 0px;
        border-bottom: 1px solid #8f8f8f;
        margin-bottom: 30px;
    }

        #popin .content-select:before,
        #popin .content-select:after {
            content: " ";
            display: table;
        }

        #popin .content-select:after {
            clear: both;
        }

        #popin .content-select > div {
            float: left;
            width: 47%;
        }

            #popin .content-select > div:first-child {
                margin-right: 6%;
            }

            #popin .content-select > div label {
                display: block;
                font-weight: bold;
                margin-bottom: 10px;
                font-size: 15px;
            }

            #popin .content-select > div select {
                width: 270px;
                padding: 9px 0;
            }

            #popin .content-select > div input {
                float: right;
                width: 29px;
            }

    #popin .content-popin {
        padding: 25px 20px;
        color: #5e5e63;
        position: relative;
    }

        #popin .content-popin h4 {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.05em;
            font-family: 'museo300', Arial;
        }

        #popin .content-popin .chzn-container-single {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 14px;
            padding: 0 5px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin-right: 1%;
            background: url("/_layouts/15/IMAGES/FFSA.Web/img/bg-chosen2.png") no-repeat scroll right center;
            font-size: 12px;
            font-family: 'museo500', Arial;
        }

            #popin .content-popin .chzn-container-single a {
                color: #5e5e63;
                text-decoration: none;
                line-height: 1.4;
                padding: 5px 0;
                display: inline-block;
                width: 100%;
            }

                #popin .content-popin .chzn-container-single a span {
                    line-height: 1.4 !important;
                }

    #popin .nav-popin {
        margin-bottom: 3px;
    }

        #popin .nav-popin ul {
            display: table;
            width: 100%;
            border-bottom: 1px solid #bfbfc1;
            padding: 0;
        }

            #popin .nav-popin ul li {
                display: table-cell;
                font-family: 'museo100', Arial;
                font-size: 11px;
                text-transform: uppercase;
            }

                #popin .nav-popin ul li a {
                    color: #5e5e63;
                    text-decoration: none;
                    min-height: 25px;
                    display: block;
                    text-align: center;
                    cursor: pointer;
                }

                    #popin .nav-popin ul li a:hover {
                        border-bottom: 2px solid #5e5e63;
                    }

                    #popin .nav-popin ul li.current a, #popin .nav-popin ul li a.active {
                        border-bottom: 2px solid #5e5e63;
                        font-family: 'museo500', Arial;
                        cursor: pointer;
                    }

    #popin .infos .title-grey {
        padding-bottom: 15px;
        margin: 25px 0 15px 0;
    }

    #popin .infos .desc:before,
    #popin .infos .desc:after {
        content: " ";
        display: table;
    }

    #popin .infos .desc:after {
        clear: both;
    }

    #popin .infos .desc .picture {
        float: left;
        width: 110px;
        margin-right: 20px;
    }

    #popin .picture img {
        /*width: 100%;*/
    }

    #popin .infos .content {
        float: left;
        width: 500px;
        padding-top: 10px;
    }

    #popin .infos header .content {
        float: left;
        width: auto;
        padding-top: 10px;
    }

    #popin .infos .content span {
        display: block;
    }

    #popin .infos .content .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    #popin .infos .content .name {
        font-size: 12px;
    }

    #popin .infos .content .desc {
        margin-top: 10px;
        font-size: 12px;
        color: #5e5e63;
    }

        #popin .infos .content .desc:before,
        #popin .infos .content .desc:after {
            content: " ";
            display: table;
        }

        #popin .infos .content .desc:after {
            clear: both;
        }

        #popin .infos .content .desc span {
            margin-top: 10px;
        }

            #popin .infos .content .desc span:first-child {
                margin-top: 10px;
            }
        /*
#popin .infos .content .desc .left,
#popin .infos .content .desc .middle,
#popin .infos .content .desc .right {
  float: left;
  width: 30%;
}
#popin .infos .content .desc .left {
  width: 34%;
  padding-right:4%;
}*/

        #popin .infos .content .desc .left span {
            line-height: 1.5;
        }

        #popin .infos .content .desc .left .adresse {
            line-height: 1.5;
        }

        #popin .infos .content .desc a {
            text-decoration: none;
            color: #5e5e63;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
        }

            #popin .infos .content .desc a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    #popin .infos .block:before,
    #popin .infos .block:after {
        content: " ";
        display: table;
    }

    #popin .infos .block:after {
        clear: both;
    }

    #popin .infos .block > div {
        float: left;
    }

        #popin .infos .block > div span {
            display: block;
        }

    #popin .infos .block .distance {
        width: 190px;
    }

        #popin .infos .block .distance .result {
            font-size: 32px;
            margin-top: 5px;
        }

    #popin .infos .block .vainqueur {
        width: 160px;
        margin-right: 20px;
    }

    #popin .infos .block .download {
        width: 280px;
    }

    #popin .infos .block .title {
        font-family: 'museo100', Arial;
        text-transform: uppercase;
        font-size: 10px;
        color: #5e5e63;
        padding-right: 10px;
        width: 75%;
        margin-bottom: 3px;
    }

    #popin .infos .block .result {
        font-size: 15px;
        margin-top: 5px;
        color: #5e5e63;
        text-transform: uppercase;
        font-family: 'museo700', Arial;
        font-size: 18px;
    }

    #popin .pdf {
        margin-bottom: 0 !important;
    }

        #popin .pdf li a {
            padding-left: 30px;
            font-size: 12px;
            color: #5e5e63;
        }

            #popin .pdf li a span {
                font-size: 9px;
            }

    #popin .engages h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #popin .engages h4 {
        font-size: 12px;
        margin-bottom: 30px;
        color: red;
        font-family: 'museo300', Arial !important;
        text-transform: initial !important;
        margin-bottom: 30px;
    }

    #popin h3 {
        font-size: 24px;
        font-family: 'museo700', Arial;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    #popin table {
        color: #5e5e63;
        width: 100%;
        font-size: 11px;
        margin-bottom: 25px;
    }

        #popin table thead td {
            font-family: 'museo700', Arial;
            font-size: 11px;
            text-transform: uppercase;
            padding: 10px 0;
        }

        #popin table tr {
            border-bottom: 1px solid #c5c5c5;
        }

            #popin table tr td {
                padding: 10px 5px;
            }

        #popin table li {
            margin-top: 4px;
        }

            #popin table li:first-child {
                margin-top: 0;
            }

    #popin .filtres {
        margin: 30px 0;
    }

        #popin .filtres .top {
            margin-bottom: 10px;
        }

            #popin .filtres .top:before,
            #popin .filtres .top:after {
                content: " ";
                display: table;
            }

            #popin .filtres .top:after {
                clear: both;
            }

        #popin .filtres input[type=text],
        #popin .filtres select {
            font-size: 14px;
            font-style: italic;
            border: 1px solid #a9a9a9;
            width: 32%;
            margin-left: 2%;
            float: left;
            padding: 8px 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

            #popin .filtres input[type=text]:first-child,
            #popin .filtres select:first-child {
                margin-left: 0;
            }

        #popin .filtres select {
            padding: 5px 6px 6px;
        }

        #popin .filtres .bottom:before,
        #popin .filtres .bottom:after {
            content: " ";
            display: table;
        }

        #popin .filtres .bottom:after {
            clear: both;
        }

        #popin .filtres .bottom input[type=submit] {
            float: right;
            width: 100px;
        }

    #popin .back {
        position: absolute;
        top: 95px;
        right: 40px;
    }

    #popin input[type=submit], #popin input[type=button] {
        border: 0 none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #ffffff;
        font-family: 'museo700', Arial;
        padding: 10px 5px;
        text-align: center;
        text-transform: uppercase;
        background-color: #da1223;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

        #popin input[type=submit]:hover, #popin input[type=button]:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    #popin .sous-filtre {
        text-align: center;
        padding: 30px 0;
        border-top: 1px solid #8f8f8f;
        border-bottom: 1px solid #8f8f8f;
    }

        #popin .sous-filtre li {
            display: inline;
            margin-left: 10px;
        }

            #popin .sous-filtre li:first-child {
                margin-left: 0;
            }

            #popin .sous-filtre li a {
                text-transform: uppercase;
                font-size: 13px;
                color: #8f8f8f;
                text-decoration: none;
                padding-bottom: 10px;
            }

                #popin .sous-filtre li a:hover {
                    border-bottom: 1px solid #8f8f8f;
                }

            #popin .sous-filtre li.current a {
                color: #8f8f8f;
                font-weight: bold;
                border-bottom: 1px solid #8f8f8f;
            }

    #popin .bottom-form {
        margin-top: 30px;
    }

        #popin .bottom-form:before,
        #popin .bottom-form:after {
            content: " ";
            display: table;
        }

        #popin .bottom-form:after {
            clear: both;
        }

        #popin .bottom-form .select {
            float: left;
            width: 400px;
        }

        #popin .bottom-form .link-grey {
            float: right;
        }

    #popin .link-grey {
        font-family: 'museo500', Arial;
        font-size: 14px;
        color: #fff;
        background-color: #7e7e7e;
        text-transform: uppercase;
        padding: 6px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: inline-block;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

        #popin .link-grey:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    #popin h3 a {
        cursor: pointer;
    }

    #popin .pilote .close {
        width: 0;
        height: 0;
        display: inline-block;
        overflow: hidden;
        background: url(/_layouts/15/IMAGES/FFSA.Web/img/close2.jpg) left bottom no-repeat;
        padding: 15px 0 0 15px;
        position: absolute;
        top: 20px;
        right: 6px;
    }

    #popin .pilote .block {
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #767676;
    }

        #popin .pilote .block h2 {
            font-size: 30px;
            font-family: 'museo700', Arial;
            color: #5e5e63 !important;
            margin-bottom: 15px;
        }

        #popin .pilote .block.carreer .annee {
            margin-right: 20px;
        }

        #popin .pilote .block.carreer .classement:before {
            content: ' - ';
            margin: 0 5px;
        }

        #popin .pilote .block.perso:before,
        #popin .pilote .block.perso:after {
            content: " ";
            display: table;
        }

        #popin .pilote .block.perso:after {
            clear: both;
        }

        #popin .pilote .block.perso .left {
            float: left;
            width: 35%;
            margin-right: 5%;
        }

        #popin .pilote .block.perso .right {
            float: left;
            width: 60%;
        }

    #popin .pilote .top:before,
    #popin .pilote .top:after {
        content: " ";
        display: table;
    }

    #popin .pilote .top:after {
        clear: both;
    }

    #popin .pilote .top .infos {
        float: left;
        width: 460px;
        margin-right: 20px;
    }

        #popin .pilote .top .infos .cat {
            text-transform: uppercase;
            font-family: 'museo100', Arial;
            font-size: 30px;
        }

        #popin .pilote .top .infos h1 {
            margin: 8px 0;
            font-size: 30px;
            text-transform: uppercase;
            font-family: 'museo700', Arial;
        }

        #popin .pilote .top .infos .date {
            color: #767676;
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'museo700', Arial;
        }

        #popin .pilote .top .infos span {
            display: block;
        }
        /*#popin .pilote .top .infos ul li {
  width: 35%;
  display: inline-block;
  padding-right: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/
        #popin .pilote .top .infos ul li.first {
            width: 60%;
        }

    #popin .pilote .top .picture {
        float: left;
        width: 150px;
        height: auto !important;
    }

        #popin .pilote .top .picture img {
            width: 100%;
        }

    #popin .pilote ul {
        font-size: 14px;
        margin-top: 20px;
    }

        #popin .pilote ul li {
            margin-top: 10px;
        }

            #popin .pilote ul li:first-child {
                margin-top: 0;
            }

    #popin .pilote .website {
        margin-top: 10px;
        font-size: 14px;
    }

        #popin .pilote .website a {
            text-decoration: underline;
            color: #f23307;
        }

    #popin .pilote .titre {
        display: block;
        text-transform: uppercase;
        font-family: 'museo700', Arial;
        margin-bottom: 3px;
        font-size: 14px;
        color: #767676;
    }

    #popin .pilote ul .sous-titre {
        display: block;
    }

        #popin .pilote ul .sous-titre a {
            color: #767676;
            font-size: 14px;
            -webkit-transition-duration: 0.4s;
            -moz-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            text-decoration: none;
        }

            #popin .pilote ul .sous-titre a:hover {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    #popin.licence {
        width: 730px;
        color: #474747;
    }

        #popin.licence header {
            background: url(/_layouts/15/images/FFSA.Web/img/bg_popin_licence.jpg) no-repeat center;
            height: 170px;
            padding: 30px 40px;
        }

            #popin.licence header .content-header {
                height: 100%;
            }

            #popin.licence header .title {
                position: absolute;
                bottom: 0;
                left: 0;
                margin-bottom: 0;
            }

        #popin.licence .content-popin {
            padding: 50px 70px 10px 70px;
        }

            #popin.licence .content-popin .intro, #popin.licence .text_info_sup {
                font-size: 13px;
                line-height: 22px;
            }

        #popin.licence .wrapper_info_agence {
            padding: 30px 0;
            margin: 40px 0;
            border-top: 1px solid #dad6d9;
            border-bottom: 1px solid #dad6d9;
            float: left;
        }

            #popin.licence .wrapper_info_agence * {
                font-family: 'museo300',arial, sans-serif;
            }

            #popin.licence .wrapper_info_agence > div {
                display: inline-block;
                vertical-align: middle;
            }

            #popin.licence .wrapper_info_agence h2 {
                font-weight: bold;
                font-size: 20px;
                color: #5e5e63;
                text-transform: uppercase;
                letter-spacing: -0.02em;
            }

            #popin.licence .wrapper_info_agence .nom_agence {
                margin-bottom: 5px;
            }

            #popin.licence .wrapper_info_agence h3 {
                text-transform: none;
                font-size: 12px;
                color: #da1223;
                text-indent: 0.02em;
                margin-bottom: 5px;
            }

            #popin.licence .wrapper_info_agence .adr_agence {
                font-size: 12px;
            }

                #popin.licence .wrapper_info_agence .adr_agence br {
                    line-height: 10px;
                }

                #popin.licence .wrapper_info_agence .adr_agence .upper {
                    text-transform: uppercase;
                }

            #popin.licence .wrapper_info_agence .icon {
                margin-right: 10px;
            }

        #popin.licence .text_info_sup {
            clear: both;
            width: 395px;
            margin-bottom: 20px;
        }

        #popin.licence .detail_info_sup {
            font-size: 12px;
        }

        #popin.licence .wrapper_mention {
            padding: 30px 50px;
            font-size: 10px;
            border-top: 2px solid #edeaea;
            color: #919191;
            font-style: italic;
            text-align: justify;
        }

        #popin.licence .link_print {
            text-align: center;
            padding: 10px 0;
        }

            #popin.licence .link_print a {
                text-transform: uppercase;
                color: #ffffff;
                font-size: 12px;
                display: inline-block;
                font-family: 'museo700', Arial;
                padding: 8px 15px;
                background-color: #da1223;
                border-radius: 3px;
                text-align: center;
                text-decoration: none;
            }

    #popin.mail {
        width: 730px;
        color: #474747;
    }

        #popin.mail header {
            background: url(/_layouts/15/Images/FFSA.Web/img/bg_popin_licence.jpg) no-repeat center;
            height: 170px;
            padding: 30px 40px;
        }

            #popin.mail header .content-header {
                height: 100%;
            }

            #popin.mail header img.logo {
                position: absolute;
                bottom: 0;
                left: 0;
                margin-bottom: 0;
                width: 280px;
                top: auto;
            }

        #popin.mail .content-popin {
            padding: 50px;
        }

        #popin.mail a {
            color: #333;
            text-decoration: none;
        }


.btn-test {
    background-color: #f23307;
    font-size: 15px;
    padding: 12px 15px;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .btn-test:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
/* GALLERIE
-----------------------------------------------------------------------------------------------------*/
.gallerie {
    position: relative;
    margin: 15px 0;
}

    .gallerie .disabled {
        display: none !important;
    }

#sliderBigReal {
    position: relative;
}

    #sliderBigReal footer {
        position: absolute;
        height: 90px;
        bottom: 0;
        background: url("/_layouts/15/IMAGES/FFSA.Web/img/background-black.png");
        left: 0;
        width: 100%;
        color: #fff;
        padding: 15px 15px 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #sliderBigReal footer .content {
            width: 500px;
        }

            #sliderBigReal footer .content span {
                display: block;
                font-size: 9px;
                margin-bottom: 4px;
            }

            #sliderBigReal footer .content .titre {
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 8px;
            }

    #sliderBigReal .thumb-item {
        width: 70px !important;
        margin-right: 10px;
    }

    #sliderBigReal .bx-wrapper > .bx-has-controls-direction {
        position: absolute;
        top: 80px;
        z-index: 9999;
        width: 580px;
    }

        #sliderBigReal .bx-wrapper > .bx-has-controls-direction .bx-controls-direction {
            position: relative;
            z-index: 9999;
        }

    #sliderBigReal .bx-prev,
    #sliderBigReal .bx-next {
        padding: 58px 0 0 50px;
        position: absolute;
    }

    #sliderBigReal .bx-prev {
        background-position: left -466px;
        left: 0;
    }

    #sliderBigReal .bx-next {
        background-position: -50px -466px;
        right: 0;
    }

    #sliderBigReal .bx-viewport li {
        min-height: 1px;
        min-width: 1px;
    }

    #sliderBigReal .bx-clone {
        min-height: 1px;
        min-width: 1px;
        opacity: 0;
    }

#sliderThumbReal {
    z-index: 9999;
    width: 310px;
    margin: 20px auto 0 auto;
}

    #sliderThumbReal a {
        display: inline-block;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

    #sliderThumbReal .active a {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #sliderThumbReal .bx-controls-direction {
        position: absolute;
        width: 310px;
        bottom: 45px;
        z-index: 99999;
    }

        #sliderThumbReal .bx-controls-direction .bx-prev,
        #sliderThumbReal .bx-controls-direction .bx-next {
            padding: 17px 0 0 10px;
            position: absolute;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #sliderThumbReal .bx-controls-direction .bx-prev {
            background-position: left -540px;
            left: -30px;
        }

        #sliderThumbReal .bx-controls-direction .bx-next {
            background-position: -12px -540px;
            right: -30px;
        }

.tab .title {
    font-family: 'museo700', Arial;
    font-style: 14px;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: #f7f7f7;
    position: relative;
    display: block;
    border-bottom: 1px solid #e3e2e2;
    cursor: pointer;
    background-image: url("/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1");
    background-repeat: no-repeat;
    background-position: right -1616px;
}

    .tab .title.active {
        background-position: right -1662px;
    }

.tab-pdf .title {
    background-color: #f7f7f7;
    position: relative;
    display: block;
    border-bottom: 1px solid #e3e2e2;
}

.tab-pdf .odd {
    background-color: #d8d8d8 !important;
}

.tab-pdf .content {
    margin: 0;
    padding: 0 15px;
    background-color: #efefef;
    display: none;
}

    .tab-pdf .content ul li {
        padding: 13px 0;
        border-top: 1px solid #b7b7bc;
        position: relative;
    }

        .tab-pdf .content ul li:first-child {
            border-top: 0;
        }

        .tab-pdf .content ul li .name {
            font-size: 12px;
            width: 370px;
            display: inline-block;
            overflow: hidden;
            font-family: 'museo300', Arial;
        }

        .tab-pdf .content ul li .new {
            position: absolute;
            right: 120px;
            top: 10px;
            font-size: 10px;
            padding: 4px 6px;
            background-color: #da1223;
            color: #fff;
            display: inline-block;
        }

        .tab-pdf .content ul li .link-light {
            position: absolute;
            right: 0;
            top: 10px;
        }
/* TAB -COMPET 
-----------------------------------------------------------------------------------------------------*/
.tab-compet > div:first-child {
    margin-top: 0;
}

.tab-compet > div .title {
    background-color: #ffffff !important;
    padding: 15px 0 15px 10px;
    background-image: url("/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1");
}

    .tab-compet > div .title.active-title {
        background-position: right -1662px;
    }

    .tab-compet > div .title span {
        padding-left: 40px;
        padding: 8px 150px 8px 40px;
        background-image: url("/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1");
        background-repeat: no-repeat;
    }

.tab-compet > div.rallye .title span {
    background-position: 0 -378px;
    color: #f23307;
}

.tab-compet > div.rallye .link-light {
    color: #f23307 !important;
    border-color: #f23307 !important;
}

    .tab-compet > div.rallye .link-light:hover {
        background-color: #f23307 !important;
    }

.tab-compet > div.ffsa .title span {
    background-position: 0 -334px;
    color: #da1223;
}

.tab-compet > div.ffsa .link-light {
    color: #da1223 !important;
    border-color: #da1223 !important;
}

    .tab-compet > div.ffsa .link-light:hover {
        background-color: #da1223 !important;
    }

.tab-compet > div.circuit .title span {
    background-position: 0 -422px;
    color: #0753a1;
}

.tab-compet > div.circuit .link-light {
    color: #0753a1 !important;
    border-color: #0753a1 !important;
}

    .tab-compet > div.circuit .link-light:hover {
        background-color: #0753a1 !important;
    }

.tab-compet > div.montagne .title span {
    background-position: 0 -464px;
    color: #0e8f28;
}

.tab-compet > div.montagne .link-light {
    color: #0e8f28 !important;
    border-color: #0e8f28 !important;
}

    .tab-compet > div.montagne .link-light:hover {
        background-color: #0e8f28 !important;
    }

.tab-compet > div.terrain .title span {
    background-position: 0 -511px;
    color: #6f3a2c;
}

.tab-compet > div.terrain .link-light {
    color: #6f3a2c !important;
    border-color: #6f3a2c !important;
}

    .tab-compet > div.terrain .link-light:hover {
        background-color: #6f3a2c !important;
    }

.tab-compet > div.karting .title span {
    background-position: 0 -555px;
    color: #f6bf26;
}

.tab-compet > div.karting .link-light {
    color: #f6bf26 !important;
    border-color: #f6bf26 !important;
}

    .tab-compet > div.karting .link-light:hover {
        background-color: #f6bf26 !important;
    }

.tab-compet > div.vhc .title span {
    background-position: 0 -592px;
    color: #ba985b;
}

.tab-compet > div.vhc .link-light {
    color: #ba985b !important;
    border-color: #ba985b !important;
}

    .tab-compet > div.vhc .link-light:hover {
        background-color: #ba985b !important;
    }

.tab-compet > div.drift .title span {
    background-position: 0 -632px;
    color: #92e620;
}

.tab-compet > div.drift .link-light {
    color: #92e620 !important;
    border-color: #92e620 !important;
}

    .tab-compet > div.drift .link-light:hover {
        background-color: #92e620 !important;
    }

.tab-compet > div .link-light:hover {
    color: #fff !important;
}

.tab-compet > div .secondary-tab .title-event {
    padding: 10px 15px;
    display: block;
    font-size: 14px;
    background-color: #f7f7f7;
    font-family: 'museo500', Arial;
    border-bottom: 1px solid #efefef;
    background-image: url("/_layouts/15/IMAGES/FFSA.Web/img/picto-sprite.png?rev=1");
    background-repeat: no-repeat;
    background-position: right -1616px;
    cursor: pointer;
}

    .tab-compet > div .secondary-tab .title-event.active {
        background-position: right -1662px;
    }

.tab-compet > div .name-tab {
    font-size: 14px;
    background-color: #efefef;
    padding: 0 15px;
}

    .tab-compet > div .name-tab li {
        border-top: 1px solid #b7b7bc;
        padding: 13px 150px 13px 0;
        font-size: 12px;
        font-family: 'museo300', Arial;
        position: relative;
    }

        .tab-compet > div .name-tab li a {
            position: absolute;
            right: 0;
            top: 11px;
        }

        .tab-compet > div .name-tab li:first-child {
            border-top: 0;
        }

body .ms-webpartzone-cell {
    margin: 0;
}

body .ms-webpart-zone, body .ms-webpart-cell-vertical, body .ms-webpart-chrome-vertical {
    display: block;
}

#wrapper.no-wrapper {
    -webkit-box-shadow: 0px 0px 0 0 #000000;
    -moz-box-shadow: 0px 0px 0 0 #000000;
    box-shadow: 0px 0px 0 0 #000000;
    width: auto !important;
}

    #wrapper.no-wrapper #footer {
        background-color: #fff !important;
    }

        #wrapper.no-wrapper #footer .bottom:before {
            background: url("/_layouts/15/IMAGES/FFSA.Web/img/footer-bottom-left2.jpg") no-repeat scroll left top !important;
        }

        #wrapper.no-wrapper #footer .bottom:after {
            background: url("/_layouts/15/IMAGES/FFSA.Web/img/footer-bottom-right2.jpg") no-repeat scroll right top !important;
        }

    #wrapper.no-wrapper h2 {
        color: #fff !important;
    }

#ctl00_PlaceHolderMain_typedemande tr {
    width: 25%;
    float: left;
    margin-bottom: 5px;
}

.std-form table td label {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 1px 0 0 5px !important;
}

#ctl00_PlaceHolderMain_sexe tr {
    display: inline-block;
}

.std-form .chzn-container-single .chzn-single span {
    padding: 9px 10px !important;
}

.std-form .chzn-container-single .chzn-single {
    color: #5e5e63;
}

#ctl00_PlaceHolderMain_nationalite_chzn {
    width: 288px !important;
}

#ctl00_PlaceHolderMain_codelicence_chzn {
    width: 920px !important;
}

body #ctl00_PlaceHolderMain_garantie td label {
    width: 500px !important;
    font-size: 12px;
    margin-top: 4px !important;
}


.std-form #ctl00_PlaceHolderMain_sexe {
    margin-bottom: 0 !important;
}

.doubles .block-field .chzn-container {
    width: 445px !important;
}

#ctl00_PlaceHolderMain_sexe {
    margin-top: 17px;
}

    #ctl00_PlaceHolderMain_sexe td {
        padding-right: 10px;
    }

#ctl00_PlaceHolderMain_garantie tr td, #ctl00_PlaceHolderMain_franceauto tr td {
    padding-top: 5px;
}

#ctl00_PlaceHolderMain_franceauto td label, .std-form .block-field .field_data label {
    font-size: 12px;
    margin-top: 2px !important;
}

.std-form .field_data {
    display: block;
    margin-bottom: 5px;
}

    .std-form .field_data label {
        margin-bottom: 5px;
        display: inline-block;
        margin: 1px 0 0 5px !important;
    }

.markerInfo {
    white-space: normal !important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.listing.actu .article .tags {
    color: #fff;
    background-color: #da1223;
    display: inline-block;
    padding: 6px 3px;
    font-family: 'museo700', Arial;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    margin-left: 10px;
}

    .listing.actu .article .tags:hover {
        background-color: #ddd;
    }

    .listing.actu .article .tags:visited {
        color: #1f2429;
    }

#MSOZoneCell_WebPartWPQ3 #SearchBox {
    margin: 20px 40px 0;
    border: 1px solid #c5c5c5;
    width: 520px;
}

body .ms-searchCenter-result-main {
    float: none;
}

body .ms-srch-item {
    margin: 0;
    padding: 20px 40px;
    width: 920px;
}

.ms-searchCenter-result-main #MSOZoneCell_WebPartWPQ4 {
    padding: 0 40px;
}

#UpScopeLinkTop {
    padding: 20px 40px;
}

.ms-srchnav-link-selected:link, .ms-srchnav-link-selected:visited {
    color: #666666;
}

body .ms-srch-item-path {
    color: #da1223;
    cursor: pointer;
}

.ms-srch-item-title {
    margin-bottom: 8px;
}

    .ms-srch-item-title a {
        color: #da1223;
    }

    .ms-srch-item-title h3 {
        overflow: visible;
    }

.ms-srch-item-summary {
    margin-bottom: 5px;
}

body .ms-srch-item:nth-child(odd) {
    background-color: #efefef;
}

body .ms-srch-item-path {
}

.ms-srchnav-link-selected {
    font-family: 'museo700', Arial !important;
}

.error-page, #NoResult {
    padding: 20px 40px;
}


body .fancybox-close {
    top: -20px;
    height: 35px;
    width: 35px;
}

body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
    font-family: 'museo300',Arial;
}

.ms-rtestate-field h1 {
    margin-bottom: 20px;
}

@media print {
    body {
        font-family: Serif;
        font-size: 15pt;
    }

    #header #secondary, #subHeader, .pub-bottom, #footer {
        display: none;
    }
}

.resetapes .content-select select {
    display: inline-block;
}

.resetapes select {
    display: none;
}

.ms-signInLink {
    color: white;
}

    .ms-signInLink:visited {
        color: white;
    }

.welcomeWrapper {
    position: absolute;
    z-index: 999;
}

#chkBoxLstLicenseCategory label {
    margin-left: 4px;
    margin-top: 4px;
    display: inline-block;
}

.selectableForLicenseInfos {
    cursor: pointer;
}

.licenseDescriptionRow td {
    height: auto !important;
}

/* Put the WebPart Editor pane in the foreground */
#MSOTlPn_MainTD {
    z-index: 1400;
    position: relative;
}

/* Align the contextual menus of the webparts to the left */
.ms-webpart-controlBox a {
    float: none !important;
}

.licCategoryFilters {
    line-height: 25px;
    height: 29px;
}

    .licCategoryFilters li {
        display: inline-block;
        margin-left: 8px;
    }

/* Place correctly the preview pane of the search pages */
.ms-srch-hover-outerContainer {
    left: 85% !important;
}

.ms-srch-hover-header .ms-metadata .ms-srch-hover-filetype {
    overflow: visible;
    margin-bottom: 2px;
}

/*used for PopinLiveRallye*/
.tabaleResultsGenerale table thead tr td:nth-child(1) {
    width: 10%;
}

.tabaleResultsGenerale table thead tr td:nth-child(2) {
}

.tabaleResultsGenerale table thead tr td:nth-child(3) {
    width: 15%;
}

.tabaleResultsGenerale table thead tr td:nth-child(4) {
    width: 15%;
}

.tabaleResultsGenerale table thead tr td:nth-child(5) {
    width: 15%;
}

.tabaleResultsGenerale table thead tr td:nth-child(6) {
    width: 20%;
}

.searchable {
    position: relative;
    cursor: pointer;
}

.searchable span {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 6px;
    margin-left: 5px;
}

.searchable:hover span {
    background: white url('/_layouts/15/FFSA.Web/css/chosen-sprite.png') no-repeat 100% -20px;
    display: inline-block;
}

.searchable input {
    border: 1px solid black;
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 200px;
    height: 25px;
    padding: 4px;
}

.searchable span.filtered {
    background: white url('/_layouts/15/images/FILTER.GIF') no-repeat;
    display: inline-block;
}