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

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

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

/* ============================================================================
    GENERAL SETTINGS
============================================================================ */

html {
    min-width: 1000px;
}

body {
    margin: 0;
    color: #000;
    font: 16px/22px 'AxelRegular', Arial, Helvetica, sans-serif;
    min-width: 1000px;
}

img {
    border-style: none;
}

.imgFloatLeft {
    float: left;
    margin-right: 20px;
}

input, textarea, select {
    color: #000;
    vertical-align: middle;
    font: 100% Arial, Helvetica, sans-serif;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

blockquote, q {
    quotes: none;
}

    q:before {
        content: "";
    }

    q:after {
        content: "";
    }

a {
    color: #008AC9;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a:focus,
    input:focus,
    textarea:focus,
    select:focus {
        outline: none;
    }

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

audio, canvas, video {
    display: inline-block; /*display: inline; zoom: 1;*/
}

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

[hidden] {
    display: none;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.bg-fix {
    background: #000 url(/media/ui/bg/bg-body3.jpg) no-repeat 50% 0;
}

.pointedLine {
    border: 1px dotted #808080;
    margin: 0px 0 5px 0;
}

#container {
    width: 960px;
    margin: 0 auto;
}

/* ============================================================================
    HEADER STYLES
============================================================================ */

header {
    width: 100%;
    position: relative;
    padding: 0 0 6px;
    z-index: 100;
}

    header .top {
        width: 100%;
        overflow: hidden;
        padding: 0 0 5px;
    }

    header .logo-box {
        float: left;
        width: 300px;
        padding: 31px 0 0 10px;
    }

.logo {
    width: 190px;
    height: 70px;
    margin: 0 0 29px;
    background: url(/media/ui/bg/bg-logo.png) no-repeat;
    text-indent: -9999px;
}

    .logo a {
        height: 100%;
        overflow: hidden;
        display: block;
    }

header .like {
    width: 95px;
    height: 31px;
    display: block;
    background: url(/media/ui/icons/ico-like.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

header .form-box {
    overflow: hidden;
}

header .login-box {
    width: 100%;
    overflow: hidden;
    padding: 0 0 0px;
    margin-bottom: 13px;
}

    header .login-box .login {
        float: right;
        background: #006fa1 url(/media/ui/bg/bg-login.gif) no-repeat;
        color: #fff;
        font: 10px/13px 'RockwellBold';
        text-transform: uppercase;
        padding: 4px 4px 3px 23px;
    }

    header .login-box .memberInfo {
        float: right;
        background-color: #006fa1;
        color: #fff;
        font: 10px/13px 'RockwellBold';
        text-transform: uppercase;
        padding: 4px 0px 3px 4px;
    }

header .search-form {
    float: right;
    width: 273px;
}

    header .search-form .input-text {
        width: 241px;
        height: 25px;
        float: left;
        background: #fff;
        padding: 0px;
        vertical-align: middle;
        color: #000;
    }

    header .search-form form fieldset .input-text .text {
        width: 241px;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        float: left;
        font-size: 10px;
        height: 25px;
        font-family: RockwellBold;
        text-transform: uppercase;
        text-indent: 5px;
    }

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

header .search-form .submit {
    width: 27px;
    height: 25px;
    float: right;
    margin: 0;
    padding: 0;
    border: 0;
}

header nav {
    width: 100%;
}

    header nav:after {
        content: "";
        display: block;
        clear: both;
    }

    header nav ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        font: 16px/19px 'RockwellBold';
        text-transform: uppercase;
        border: 1px solid #323232;
        background: url(/media/ui/bg/bg-nav.gif) repeat-x;
        border-bottom: 0;
    }

        header nav ul li {
            float: left;
            background: url(/media/ui/sepo-001.gif) no-repeat 0 11px;
            position: relative;
            cursor: default;
        }

            header nav ul li:first-child {
                background: none;
            }

            header nav ul li a, header nav ul li span {
                display: block;
                color: #fff;
                width: 126px;
                text-align: center;
                padding: 14px 0 16px;
            }

            header nav ul li.active a,
            header nav ul li:hover a,
            header nav ul li.active span,
            header nav ul li:hover span {
                text-decoration: none;
            }

            header nav ul li a#SportFilterDrop:hover {
                background: url(/media/ui/bg/bg-nav-hover.gif) no-repeat 50% 0;
            }

        header nav ul .drop {
            background: #808080 url(/media/ui/bg/bg-drop.gif) no-repeat 100% 100%;
            border: 1px solid #333;
            position: absolute;
            left: -1px;
            top: 49px;
            width: 630px;
            display: none;
            z-index: 1000;
        }

            header nav ul .drop .title {
                display: block;
                background: #333;
                color: #fff;
                font: 12px/15px 'AxelBold';
                text-align: center;
                padding: 3px 0 2px;
            }

            header nav ul .drop .holder {
                overflow: hidden;
                padding: 15px 0 16px;
                position: relative;
            }

            header nav ul .drop .submit {
                width: 177px;
                height: 37px;
                position: absolute;
                right: 15px;
                bottom: 270px;
                background: url(/media/ui/bg/bg-drop-submit.gif) no-repeat;
                font: 21px/24px 'RockwellBold';
                color: #fff;
                margin-top: 10px;
                padding: 13px 0 0 54px;
                text-align: left;
                letter-spacing: 1px;
                z-index: 1000;
            }

            header nav ul .drop ul {
                float: left;
                margin: 0;
                padding: 0 4px;
                list-style: none;
                border: 0;
                border-right: 1px solid #fff;
                background: none;
                font: 14px/15px 'AxelBold';
                width: 115px;
                min-height: 161px;
            }

                header nav ul .drop ul li {
                    float: none;
                    background: none;
                    padding: 0;
                    margin: 0 0 -3px;
                }

                    header nav ul .drop ul li a, header nav ul .drop ul li span, header nav ul .drop ul li div {
                        background: none;
                        color: #000;
                        padding: 5px 8px;
                        text-align: left;
                        width: auto;
                    }

            header nav ul .drop .list-4 .category, header nav ul .drop .list-2 .category {
                background: #0083bf url(/media/ui/bg/bg-drop-category.gif) repeat-x;
                color: #fff;
                font: 16px/19px 'RockwellBold';
                margin: 8px 0 0;
                padding: 9px 9px 6px;
            }

            header nav ul .drop ul li.color div {
                color: #B3B3B3;
            }

            header nav ul .drop .list-2 {
                padding: 0 5px 0 6px;
            }

            header nav ul .drop .list-4 {
                padding: 0;
                width: 125px;
            }

                header nav ul .drop .list-4 li {
                    padding: 0 5px;
                }

            header nav ul .drop .list-3 {
                padding: 0 5px 0 6px;
            }

            header nav ul .drop .list-5 {
                padding: 0 0 0 6px;
                border: 0;
            }

            header nav ul .drop ul li.active a,
            header nav ul .drop ul li a:hover,
            header nav ul .drop ul li.active span,
            header nav ul .drop ul li span:hover {
                background: #f2f2f2 url(/media/ui/bg/bg-drop-a.gif) repeat-x 0 100%;
                color: #008AC9;
            }

header .sub-nav {
    width: 100%;
}

    header .sub-nav ul {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        border: 1px solid #333;
        font: 13px/16px 'RockwellBold';
        text-transform: uppercase;
        background: #f2f2f2 url(/media/ui/bg/bg-sub-nav.gif) repeat-x 0 100%;
    }

        header .sub-nav ul li {
            float: left;
            background: url(/media/ui/sepo-002.gif) no-repeat 0 9px;
            padding: 0 0 0 1px;
            /*padding: 0 7px 0 8px;*/
        }

            header .sub-nav ul li:first-child {
                background: none;
                padding-left: 0;
                /*padding-left: 0;*/
            }

            header .sub-nav ul li a {
                color: #008AC9;
                display: block;
                padding: 9px 13px;
                word-spacing: 1px;
            }

                header .sub-nav ul li.active a,
                header .sub-nav ul li a:hover {
                    background: #0084c1 url(/media/ui/bg/bg-sub-nav-hover.gif) repeat-x 0 100%;
                    color: #fff;
                    text-decoration: none;
                }

header .logos {
    position: absolute;
    right: 12px;
    top: 173px;
    background: url(/media/ui/bg/bg-logos.png) no-repeat;
    width: 174px;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}

.section-nav {
    width: 100%;
    overflow: hidden;
    background: url(/media/ui/bg/bg-section-nav.png);
}

    .section-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font: 13px/16px 'AxelBold';
    }

        .section-nav ul li {
            float: left;
        }

            .section-nav ul li a {
                display: block;
                color: #E6E6E6;
                padding: 4px 14px 5px;
            }

                .section-nav ul li.active a,
                .section-nav ul li a:hover {
                    background: #f2f2f2 url(/media/ui/bg/bg-section-nav-a.gif) repeat-x 0 100%;
                    color: #008AC9;
                    text-decoration: none;
                }


/* NAV EXCELLENCE OPTION */
#excellence {
    display: none;
}


/* LOGIN BOX SUBMIT FORM */

#loginBoxForm, #forgotPasswordForm, #changePasswordForm {
    display: none;
    position: absolute;
    top: 20px;
    right: 0px;
    background: #006fa1;
    padding: 3px 9px 7px 9px;
    border: 1px solid #006fa1;
    z-index: 1000;
}

    .loginBoxForm label {
        float: left;
        width: 100px;
        padding-top: 4px;
        color: #fff;
    }

   .loginBoxForm div {
        clear: both;
        margin-top: 6px;
    }

    .loginBoxForm input[type=text], .loginBoxForm input[type=password] {
        width: 175px;
        height: 25px;
        border: 1px solid #fff;
        padding: 0 0 0 5px;
    }

    .loginBoxForm input[type=button] {
        background: #929292;
        color: #fff;
        border: 1px solid #a8a8a8;
        margin-left: 100px;
        font: 16px 'AxelRegular', Arial, Helvetica, sans-serif;
        cursor: pointer;
    }

    .loginBoxForm .link {
        margin-left: 100px;
        color: white;
        font-size: 12px;
    }

        

.authenticationMessage {
    font-weight: bold;
    font-size: 11px;
    background-color: white;
    padding-left: 8px;
    padding-top: 3px;
    margin-bottom: 2px;
    display: none;
}

/* ============================================================================
    SLIDER STYLES
============================================================================ */

#content .gallery {
    border: 1px solid #333;
    width: 619px;
    height: 267px;
    position: relative;
    overflow: hidden;
    margin: 0 0 16px;
}

    #content .gallery .slide {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 99999px;
    }

        #content .gallery .slide li {
            float: left;
            width: 619px;
            height: 267px;
            position: relative;
        }

            #content .gallery .slide li img {
                display: block;
            }

.gallery .pager {
    position: absolute;
    right: 14px;
    bottom: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .gallery .pager li {
        float: left;
        padding: 0 0 0 8px;
    }

        .gallery .pager li a {
            display: block;
            width: 23px;
            height: 22px;
            background: url(/media/ui/bg/bg-pager-link.png) no-repeat;
            text-indent: -9999px;
            overflow: hidden;
        }

            .gallery .pager li.active a,
            .gallery .pager li a:hover {
                background-position: 0 -22px;
            }

#content .gallery2 .text,
#content .gallery .text {
    width: 586px;
    position: absolute;
    left: 7px;
    bottom: 34px;
    border: 1px solid #d4d8d0;
    background: url(/media/ui/bg/bg-gallery-text.png);
    color: #fff;
    padding: 13px 9px 10px;
}

    #content .gallery2 .text h3,
    #content .gallery .text h3 {
        margin: 0;
        font: 24px/24px 'RockwellBold';
    }

    #content .gallery2 .text p,
    #content .gallery .text p {
        margin: 0;
        font-size: 13px;
        line-height: 17px;
        word-spacing: -1px;
    }

#content .gallery2 {
    width: 619px;
    height: 270px;
    position: relative;
    overflow: hidden;
    margin: 0 0 13px 3px;
}

    #content .gallery2 .text {
        bottom: 10px;
    }

    #content .gallery2 .slide {
        width: 99999px;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #content .gallery2 .slide li {
            float: left;
            width: 619px;
            height: 270px;
        }

            #content .gallery2 .slide li .text a {
                color: #fff;
            }


/* JQUERY SLIDER SPORT VERSION */

#gallery2 {
    width: 628px;
    height: 270px;
    position: relative;
    margin: 0 0 13px 0px;
}

    /* Slides container: Important: Set the width of your slides container. Set to display none, prevents content flash */
    #gallery2 .slides_container {
        width: 628px;
        overflow: hidden;
        position: relative;
        display: none;
    }

        /* Each slide: Important: Set the width of your slides. If height not specified height will be set by the slide content. Set to display block */
        #gallery2 .slides_container div.slide {
            width: 628px;
            height: 270px;
            display: block;
            text-align: center;
            background-color: #333;
        }

            #gallery2 .slides_container div.slide div.caption {
                text-align: left;
            }

        /* Next/prev buttons */
        #gallery2 .slides_container .next, #gallery2 .slides_container .prev {
            position: absolute;
            top: 107px;
            left: -39px;
            width: 24px;
            height: 43px;
            display: none; /*set to display:block to show buttons */
            z-index: 10;
        }

        #gallery2 .slides_container .next {
            left: 585px;
        }

    /* Pagination */

    #gallery2 .pagination {
        position: absolute;
        right: 14px;
        bottom: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 10;
    }

        #gallery2 .pagination li {
            float: left;
            padding: 0 0 0 8px;
        }

            #gallery2 .pagination li a {
                display: block;
                width: 23px;
                height: 22px;
                background: url(/media/ui/bg/bg-pager-link.png) no-repeat;
                text-indent: -9999px;
                overflow: hidden;
            }

            #gallery2 .pagination li.current a, .pagination li a:hover {
                background-position: 0 -22px;
            }

    /* Caption */

    #gallery2 .slides_container div.slide .caption {
        width: 586px;
        position: absolute;
        left: 7px;
        bottom: 35px;
        border: 1px solid #d4d8d0;
        background: url(/media/ui/bg/bg-gallery-text.png);
        color: #fff;
        padding: 13px 9px 10px;
    }

        #gallery2 .slides_container div.slide .caption h3 {
            margin: 0;
            font: 24px/24px 'RockwellBold';
        }

        #gallery2 .slides_container div.slide .caption p {
            margin: 0;
            font-size: 13px;
            line-height: 17px;
            word-spacing: -1px;
        }

        #gallery2 .slides_container div.slide .caption a {
            color: #fff;
        }

#SportFlickrGallery {
    width: 620px;
    height: 410px;
    margin-top: 20px;
}

/* JQUERY SLIDER VIE SAINE VERSION (3 COLUMNS) */

#gallery3col {
    width: 461px;
    height: 274px;
    position: relative;
    overflow: hidden;
    margin: 0 0 33px;
}

    /* Slides container: Important: Set the width of your slides container. Set to display none, prevents content flash */
    #gallery3col .slides_container {
        width: 461px;
        overflow: hidden;
        position: relative;
        display: none;
    }

        /* Each slide: Important: Set the width of your slides. If height not specified height will be set by the slide content. Set to display block */
        #gallery3col .slides_container div.slide {
            width: 461px;
            height: 274px;
            display: block;
        }

        /* Next/prev buttons */
        #gallery3col .slides_container .next, #gallery2 .slides_container .prev {
            position: absolute;
            top: 107px;
            left: -39px;
            width: 24px;
            height: 43px;
            display: none; /*set to display:block to show buttons */
            z-index: 10;
        }

        #gallery3col .slides_container .next {
            left: 585px;
        }


    /* Pagination */
    #gallery3col .pagination {
        position: absolute;
        right: 14px;
        top: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 10;
    }

        #gallery3col .pagination li {
            float: left;
            padding: 0 0 0 8px;
        }

            #gallery3col .pagination li a {
                display: block;
                width: 23px;
                height: 22px;
                background: url(/media/ui/bg/bg-pager-link.png) no-repeat;
                text-indent: -9999px;
                overflow: hidden;
            }

            #gallery3col .pagination li.current a, .pagination li a:hover {
                background-position: 0 -22px;
            }


    /* Caption */
    #gallery3col .slides_container div.slide .caption {
        background: #008ac9;
        margin: 1px 0 0;
        padding: 5px 13px 6px;
    }

        #gallery3col .slides_container div.slide .caption p {
            margin: 0;
            color: #fff;
            font-size: 14px;
            line-height: 18px;
        }



/* ============================================================================
    LEFT SIDEBAR
============================================================================ */

#main .sidebar {
    width: 221px;
    float: left;
    margin: 0 19px 0 0;
    position: relative;
    z-index: 99;
}

    #main .sidebar .block {
        border: 1px solid #333;
        padding: 0 0 10px;
        margin: 0 0 17px;
    }

    #main .sidebar h3 {
        margin: 0 0 3px;
        padding: 2px 9px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9;
        text-transform: uppercase;
    }

    #main .sidebar .block ul {
        margin: 0;
        padding: 0 3px;
        list-style: none;
        font-size: 15px;
        line-height: 18px;
    }

        #main .sidebar .block ul li {
            padding: 0 0 2px;
            position: relative;
        }

        #main .sidebar .block ul .drop a {
            background: url(/media/ui/bg/bg-drop-arrow.gif) no-repeat 97% 5px;
        }

        #main .sidebar .block ul .drop:hover a {
            background: #008ac9 url(/media/ui/bg/bg-drop-hover-arrow.gif) no-repeat 97% 5px;
            color: #fff;
        }

        #main .sidebar .block ul li a {
            display: block;
            padding: 1px 25px 1px 5px;
        }

            #main .sidebar .block ul li.active a,
            #main .sidebar .block ul li a:hover {
                text-decoration: none;
                color: #fff;
                background: #008ac9;
            }

        #main .sidebar .block ul li:hover ul {
            display: block;
        }

        #main .sidebar .block ul ul {
            width: 213px;
            position: absolute;
            left: 212px;
            top: -14px;
            margin: 0;
            padding: 12px 3px 8px;
            list-style: none;
            border: 1px solid #333;
            background: url(/media/ui/bg/bg-drop-ul.png);
            display: none;
        }

        #main .sidebar .block ul .drop:hover ul li a {
            background: none;
            padding: 1px 6px;
            color: #008AC9;
        }

            #main .sidebar .block ul .drop:hover ul li a:hover {
                background: #008ac9;
                color: #fff;
            }

    #main .sidebar .block .info {
        padding: 1px 8px 7px;
    }

        #main .sidebar .block .info.color {
            background: #e6e6e6;
            padding-bottom: 5px;
        }

.listeEmploisNodeAnchor {
    margin-left: 8px;
}

#main .sidebar .block .info h4 {
    margin: 0;
    font: 13px/16px 'AxelBold';
}

#main .sidebar .block .info p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}

/* ============================================================================
    RIGHT COLUMN STYLES
============================================================================ */

aside {
    width: 300px;
    float: right;
}

    /* REGIONS ON THE HOME PAGE HOLDER */

    aside .region-holder {
        padding: 0 0 13px;
    }

        aside .region-holder .top {
            background: url(/media/ui/bg/bg-region-top.gif) no-repeat;
            padding: 16px 9px 17px;
        }

        aside .region-holder h3 {
            margin: 0 0 10px;
            color: #fff;
            font: 21px/24px 'RockwellBold';
            text-transform: uppercase;
        }

        aside .region-holder p {
            margin: 0;
            color: #fff;
            font: 14px/21px 'AxelBold';
            text-transform: uppercase;
        }

        aside .region-holder .info {
            background: #0083bf url(/media/ui/bg/bg-region-holder-info.gif) repeat-x;
            padding: 7px 9px 2px;
            position: relative;
            height: 131px;
            overflow: hidden;
        }

            aside .region-holder .info .slide {
                margin: 0;
                padding: 0;
                list-style: none;
                text-transform: uppercase;
                font: 16px/19px 'AxelBold';
                letter-spacing: 1px;
            }

                aside .region-holder .info .slide li {
                    padding: 0 0 7px;
                }

                    aside .region-holder .info .slide li a {
                        color: #fff;
                    }

            aside .region-holder .info .list {
                position: absolute;
                right: 12px;
                top: 9px;
                margin: 0;
                padding: 0;
                list-style: none;
                width: 18px;
            }

                aside .region-holder .info .list li {
                    padding: 0 0 9px;
                    vertical-align: middle;
                }

                    aside .region-holder .info .list li a {
                        background: url(/media/ui/bg/bg-region-list.png) no-repeat;
                        width: 18px;
                        height: 11px;
                        display: block;
                        text-indent: -9999px;
                        overflow: hidden;
                    }

                    aside .region-holder .info .list li .prev {
                        background-position: 0 -11px;
                    }

    /* END REGIONS ON THE HOME PAGE HOLDER */

    aside .video-holder {
        width: 100%;
        padding: 0 0 18px;
    }

        aside .video-holder h3 {
            margin: 0 0 1px;
            padding: 0 35px 1px 8px;
            font: 20px/24px 'RockwellBold';
            color: #fff;
            background: #008ac9 url(/media/ui/bg/bg-video-title.gif) no-repeat 100% 0;
            text-transform: uppercase;
        }

        aside .video-holder img {
            display: block;
        }

/* WIDGET STYLES (GENERIC) */

.right-sidebar-box {
    border: 1px solid #333;
    padding: 0 0 0px 0;
}

    .right-sidebar-box h3 {
        margin: 0 0 1px;
        padding: 2px 5px 0 5px;
        font: 19px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9;
        text-transform: uppercase;
    }

    .right-sidebar-box .block {
        padding: 6px 0 6px 6px;
        overflow: hidden;
    }

        .right-sidebar-box .block h4 {
            margin: 0;
            font: 17px/20px 'AxelBold';
            color: #008AC9;
        }

            .right-sidebar-box .block h4 a {
                color: #008AC9;
            }

        .right-sidebar-box .block h5 {
            margin: 0;
            font: 15px/18px 'AxelBold';
            color: #4D4D4D;
        }

            .right-sidebar-box .block h5 a {
                font-weight: normal;
                font-family: 'AxelRegular';
            }

        .right-sidebar-box .block p {
            margin: 0;
            font-size: 13px;
            line-height: 17px;
            word-spacing: -1px;
        }

        .right-sidebar-box .block.color {
            background-color: #e6e6e6;
        }

        .right-sidebar-box .block p.potwMaleWrapper:first-child, .right-sidebar-box .block .potwFemaleWrapper {
            float: left;
            width: 50%;
            padding-top: 0px;
        }

        .right-sidebar-box .block .potwMaleWrapper, .right-sidebar-box .block .potwFemaleWrapper {
            float: left;
            width: 50%;
            padding-top: 15px;
        }

        .right-sidebar-box .block .blue {
            color: #009bd2;
        }

        .right-sidebar-box .block .potwMaleWrapper .potwWidgetImg, .right-sidebar-box .block .potwFemaleWrapper .potwWidgetImg {
            float: left;
            margin-right: 5px;
        }

    .right-sidebar-box .resultsWidgetDate {
        padding: 6px 0 6px 6px;
        font: bold 11px/14px 'AxelBold';
        color: #606060;
    }

    .right-sidebar-box .block .resultatsStatsLink {
        display: block;
        text-align: right;
        margin: -17px 50px 0 0;
    }

    .right-sidebar-box .dernieresNouvelles {
        padding-left: 18px;
        background: url(/media/ui/bg/bg-derniere-nouvelles-bullet.png) no-repeat 8px 12px;
    }

.championnat {
    padding-left: 10px;
}

.imageChampionnat {
    width: 465px;
    max-height: 202px;
    overflow: hidden;
}

.right-sidebar-box div.boxFooter {
    float: right;
    padding-right: 5px;
}

/* twitter widget */

.twitter-box {
    width: 100%;
    margin-bottom: 18px;
}

    .twitter-box h3 {
        margin: 0 0 1px;
        padding: 0 35px 1px 8px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9 url(/media/ui/bg/bg-twitter-title.gif) no-repeat 100% 0;
        text-transform: uppercase;
    }

    .twitter-box .info {
        background: #333;
        padding: 0 6px;
        overflow: hidden;
    }

        .twitter-box .info ul {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 12px;
            line-height: 14px;
            color: #fff;
        }

            .twitter-box .info ul li {
                background: url(/media/ui/sepo-004.gif) repeat-x;
                padding: 6px 1px 2px;
                margin: 0 0 5px;
            }

                .twitter-box .info ul li:first-child {
                    background: none;
                }

                .twitter-box .info ul li a {
                    color: #fff;
                }

                    .twitter-box .info ul li a span {
                        color: #48ACD9;
                    }

/* facebook widget */

.facebook-holder {
    width: 100%;
    background: #333;
    margin: 0px;
    padding: 0px;
    position: relative;
    margin-bottom: 18px;
}

    .facebook-holder h3 {
        margin: 0;
        padding: 1px 35px 0 8px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9 url(/media/ui/icons/ico-facebook.gif) no-repeat 100% 0;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }

    .facebook-holder .top {
        border-bottom: 1px solid #fff;
        padding: 10px 9px;
        overflow: hidden;
        margin: 0px 0 -30px;
        z-index: 2;
        background-color: #333;
        position: absolute;
    }

.fb-vie-saine .top {
    padding: 12px 9px;
    margin: 0px 0 -30px;
}

.facebook-holder .top .ico {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 9px 0 0;
}

    .facebook-holder .top .ico img {
        display: block;
    }

.facebook-holder .top .text {
    overflow: hidden;
    padding: 1px 0 0;
}

.facebook-holder .top .site-logo {
    display: block;
    width: 97px;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/media/ui/logos/ico-lofo.gif) no-repeat;
}

.fb-vie-saine .top .site-logo {
    width: 143px;
    background: url(/media/ui/logos/ico-lofo-vs.png) no-repeat;
}

.facebook-holder .top .text ul {
    margin: 0;
    padding: 6px 0 0;
    list-style: none;
    font: 9px/12px 'RockwellBold';
}

    .facebook-holder .top .text ul li {
        float: left;
        background: url(/media/ui/sepo-006.gif) no-repeat 0 5px;
        padding: 0 5px 0 6px;
    }

        .facebook-holder .top .text ul li:first-child {
            background: none;
            padding-left: 0;
        }

        .facebook-holder .top .text ul li a {
            float: left;
            color: #fff;
            padding: 3px 0 2px;
        }

    .facebook-holder .top .text ul .like a {
        background: url(/media/ui/bg/bg-like.gif) no-repeat;
        padding: 3px 0 2px 24px;
        cursor: pointer;
    }

.facebook-holder .info {
    overflow: hidden;
    background: url(/media/ui/sepo-007.gif) repeat-x 0 100%;
    margin: 0 5px 3px;
    padding: 2px 4px 6px;
}

    .facebook-holder .info.last {
        margin-bottom: 0;
        padding-bottom: 0;
        background: none;
    }

    .facebook-holder .info .ico {
        float: left;
        width: 50px;
        height: 50px;
        margin: 0 12px 0 0;
    }

        .facebook-holder .info .ico img {
            display: block;
        }

    .facebook-holder .info .text {
        overflow: hidden;
        padding: 3px 0 0;
    }

    .facebook-holder .info h4 {
        margin: 0;
        font: 11px/14px 'AxelBold';
    }

    .facebook-holder .info p {
        margin: 0;
        font-size: 11px;
        line-height: 14px;
        color: #fff;
    }

.facebook-holder iframe {
    border: none;
    z-index: 1;
}

.fbWidget iframe {
    /* Wide */
    width: 300px;
    height: 236px;
}

.fbWidget .top {
    /* Wide */
    width: 282px; /* Width -18px */
}

.aside .right-sidebar-box {
    margin: 0 0 18px;
}

aside .right-sidebar-box {
    margin: 0 0 18px;
}

/* Teams widget */

.equipes {
    margin: 0 0 18px 0;
    min-height: 52px;
    border: 1px solid #333;
    padding: 0 0 0px 0;
}

    .equipes h3 {
        margin: 0;
        padding: 2px 5px 0 5px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9;
        text-transform: uppercase;
    }

.teamElement {
    clear: both;
    position: relative;
    overflow: hidden;
}

    .teamElement div.logoEquipe {
        width: 70px;
        float: left;
        text-align: center;
        display: table-column;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        height: 66px;
        margin-top: -33px;
        margin-left: 10px;
        background-color: White;
    }

        .teamElement div.logoEquipe img {
            border: 4px solid white;
        }

    .teamElement div.equipe, .teamElement div.equipeSelected {
        vertical-align: middle;
        float: left;
        min-height: 46px;
        padding: 15px 0 15px 100px;
    }

    .teamElement div.equipeSelected {
        color: Black;
    }

        .teamElement div.equipe a, .teamElement div.equipeSelected span {
            text-transform: uppercase;
            font: bold 18px/22px 'AxelBold';
        }

/* ============================================================================
    MAIN CONTENT STYLES
============================================================================ */
#main {
    background: #fff;
    padding: 10px 10px 17px 10px;
    position: relative;
}

.breadcrumbs {
    margin: 0;
    padding: 3px 0 5px 0px;
    list-style: none;
    overflow: hidden;
    font-size: 10px;
    line-height: 13px;
    color: #333;
}

    .breadcrumbs li {
        float: left;
        background: url(/media/ui/bullet-002.gif) no-repeat 0 4px;
        padding: 0 3px 0 8px;
    }

        .breadcrumbs li:first-child {
            padding: 0 6px 0 0;
            background: none;
        }

        .breadcrumbs li a {
            color: #333;
        }

    .breadcrumbs .home a {
        background: url(/media/ui/bg/bg-breadcrumbs-home.gif) no-repeat;
        width: 39px;
        height: 11px;
        text-indent: -9999px;
        overflow: hidden;
        padding: 0;
        margin: 1px 0 0;
        display: block;
    }

#main .top-holder {
    width: 100%;
    overflow: hidden;
    padding: 0 0 20px;
}

#content {
    width: 628px;
    float: left;
}

img#webPageImage {
    max-width: 461px;
    margin: 10px 20px 10px 0;
}

#content .articleInfo, #main .frame .text-section .articleInfo, #main .frame .content .articleInfo {
    padding-left: 5px;
    margin-top: 20px;
}

#main .frame .text-section .articleInfo, #main .frame .content .articleInfo {
    margin-top: 0;
}

    #content .articleInfo h2, #main .frame .text-section .articleInfo h2, #main .frame .content .articleInfo h2, #errorMessage h2 {
        font: 32px/32px 'RockwellBold';
        color: #008AC9;
        margin: 0;
        padding: 0;
    }

.articleInfo img {
    margin: 0 20px 20px 0;
}

#errorMessage {
    padding-left: 5px;
}

    #errorMessage h2 {
        font-weight: bold;
        padding: 6px 4px 0;
        border-bottom: 1px solid #B3B3B3;
        line-height: 42px;
    }

    #errorMessage p {
        font-weight: bold;
        padding-left: 5px;
    }

        #errorMessage p.retour {
            font-weight: normal;
        }

#addthis_button_wrapper {
    float: right;
}

#content .articleInfo div.date, #content .articleInfo div.author, #content .articleInfo div.source {
    font: 14px 'AxelBold';
    color: #606060;
    margin: 0 0 1px;
}

#main .frame .text-section .articleInfo div.date, #main .frame .text-section .articleInfo div.author, #main .frame .text-section .articleInfo div.source {
    font: 14px 'AxelBold';
    color: #606060;
    margin: 0 0 1px;
}

#main .frame .content .articleInfo div.date, #main .frame .content .articleInfo div.author, #main .frame .content .articleInfo div.source {
    font: 14px 'AxelBold';
    color: #606060;
    margin: 0 0 1px;
}

#content h2.title, #main h2.title {
    font: 35px/38px 'RockwellBold';
    color: #008AC9;
    margin: 0 0 1px;
    text-transform: uppercase;
    padding: 0;
}

#content .weekOfHeading, #content .box .partenairesHeading {
    font: 16px 'AxelBold';
    color: #000;
    height: 25px;
    border-bottom: 1px dotted #000;
    margin: 0 0 1px;
}

.jdls > div:last-child {
    padding-bottom: 0px !important;
    /* todo: Change trailer park css into real css */
}

#content .info-holder .text .joueur-info {
    margin: 0px 0px 1px;
    line-height: 16px;
}

    #content .info-holder .text .joueur-info .titreJoueur {
        font: 12px 'AxelBold';
        padding-right: 5px;
        color: #606060;
    }

#content .info-holder .text .joueur-bio {
    margin-top: 20px;
}

#content .comands-list {
    margin: 0 0 4px 3px;
    padding: 3px 0 0 0;
    list-style: none;
    overflow: hidden;
    background: #e6e6e6;
}

    #content .comands-list li {
        float: left;
        padding: 0 0 0 43px;
    }

        #content .comands-list li:first-child {
            padding: 0 0 0 3px;
        }

        #content .comands-list li img {
            display: block;
        }

#content .info-holder, .text-section .info-holder, .content .info-holder {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b3b3b3;
    padding: 0 0 11px;
    margin: 0 0 8px;
}

    #content .info-holder.last, .text-section .info-holder.last, .content .info-holder.last {
        border: 0;
        padding: 0;
        margin: 0;
    }

    #content .info-holder .ico {
        float: left;
        width: 145px;
        /*height: 101px;*/
        /*border: 1px solid #4d4d4d;*/
        margin: 3px 22px 0 1px;
    }

        #content .info-holder .ico img {
            width: 147px;
            display: block;
        }

    #content .info-holder .ico-potw, .text-section .info-holder .ico-potw, .content .info-holder .ico-potw {
        float: left;
        width: 120px;
        height: 152px;
        border: 1px solid #4d4d4d;
        margin: 3px 22px 0 1px;
    }

#container #main .frame .text-section .info-holder img, #container #main .frame .content .info-holder.last img, #container #main .frame .content .info-holder img {
    float: left;
    width: 135px;
    margin: 0 20px 10px 0;
}

#content .info-holder .text, .text-section .info-holder .text, .content .info-holder .text {
    overflow: hidden;
}

    #content .info-holder .text .date {
        display: block;
        font: 12px/15px 'AxelBold';
        color: #4D4D4D;
        padding: 0 0 2px;
    }

    #content .info-holder .text h3, .text-section .info-holder .text h3, .content .info-holder .text h3 {
        margin: 0 0 3px;
        font: 20px/23px 'RockwellBold';
        color: #008AC9;
    }

        #content .info-holder .text h3 a {
            color: #008AC9;
        }

    #content .info-holder .text p, .text-section .info-holder .text p, .content .info-holder .text p {
        margin: 0;
        font-size: 14px;
        line-height: 21px;
    }

.pageContenue img {
    margin: 10px 15px;
}

.pageContenue {
    margin: 0 0 20px 0;
}

/* ============================================================================
    SPECIFIC PAGES
============================================================================ */

/* Partenaires Page */

.sousTitrePartenaire {
    font-weight: bold;
    color: #333333;
    font-size: 21px !important;
    font-family: AxelRegular, Arial, Helvetica, sans-serif;
    margin: 10px 0 8px 0 !important;
}

.partenaireLogo {
    float: left;
    width: 220px;
    height: 120px;
    margin: 5px;
    text-align: center;
    line-height: 7.4em;
}

/*End partenaires page*/

/* Evenement Right Column */
#evenementListRightColumn h2.title {
    display: none;
}

#evenementListRightColumn h3 {
    text-transform: capitalize;
}

#evenementListRightColumn {
    margin-top: 38px;
}

    #evenementListRightColumn h3 {
        margin: 0 0 15px 0;
    }

    #evenementListRightColumn div.info-holder {
        padding: 10px 0;
    }

/* End Evenement Right Column */

/*Sectioned Content Styles*/

.listeDeTitreTexteEtImage {
    border: none;
}

    .listeDeTitreTexteEtImage div.text {
        float: left;
    }

    .listeDeTitreTexteEtImage img {
        float: left;
    }

#main .text-section .listOfLinks {
    margin-bottom: 20px;
}

    #main .text-section .listOfLinks h3, .listOfLinks h3 {
        margin: 0 0 5px 0;
        font: 18px/24px 'AxelBold';
    }

    #main .text-section .listOfLinks ul, .listOfLinks ul {
        color: #008AC9;
        list-style: disc;
    }

    #main .text-section .listOfLinks li, .listOfLinks li {
        margin-left: 20px;
    }

.content .listeDeTitreTexteEtImage h4 {
    color: #008AC9;
}

/*End Sectioned Content Styles*/

/*HOMEPAGE NEWS HOLDER*/

#content .news-holder {
    overflow: hidden;
}

    #content .news-holder h2 {
        margin: 0 0 1px;
        padding: 0 35px 1px 5px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9 url(/media/ui/bg/bg-news-h2.gif) no-repeat 100%;
        text-transform: uppercase;
    }

    #content .news-holder .news {
        width: 390px;
        float: left;
    }

.list-info {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    line-height: 15px;
    background: #333;
}

    .list-info li {
        float: left;
    }

        .list-info li a {
            color: #fff;
            display: block;
        }

        .list-info li:first-child a span {
            background: none;
        }

        .list-info li a span {
            display: block;
            background: url(/media/ui/sepo-003.gif) no-repeat 0 5px;
            padding: 3px 6px 2px 6px;
            margin: 0 0 0 -1px;
        }

        .list-info li.active a,
        .list-info li a:hover {
            text-decoration: none;
            background: #008ac9;
        }

#content .news-holder .info {
    background: #e6e6e6 url(/media/ui/bg/bg-news-info.gif) repeat-x;
    padding: 8px 10px 2px;
    min-height: 338px;
}

    #content .news-holder .info ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 14px;
        line-height: 17px;
        color: #000;
    }

        #content .news-holder .info ul li {
            background: url(/media/ui/bullet-001.gif) no-repeat 0 6px;
            padding: 0 0 7px 7px;
        }

#content .news-holder .calendar {
    width: 226px;
    float: right;
}

    #content .news-holder .calendar .info {
        padding: 7px 4px 3px;
    }

    #content .news-holder .calendar .latest {
        border-bottom: 1px solid #a8a8a8;
        padding: 0 0 9px;
        margin: 0 0 7px;
    }

        #content .news-holder .calendar .latest:last-child {
            border: 0;
        }

    #content .news-holder .calendar .date {
        display: block;
        font: 12px/15px 'AxelBold';
        color: #4D4D4D;
    }

    #content .news-holder .calendar h3 {
        margin: 0;
        font: 18px/21px 'AxelBold';
        color: #008AC9;
    }

        #content .news-holder .calendar h3 a {
            color: #008AC9;
        }

    #content .news-holder .calendar p {
        margin: 0;
        font-size: 14px;
        line-height: 17px;
    }

/* END HOMEPAGE NEWS HOLDER */

/* FAQ PAGE*/

.faqQuestion {
    font-size: 18px;
    font-weight: bold;
}

/* END FAQ PAGE*/

/* SEARCH RESULTS PAGE */

#searchPageContainer h2.title {
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 12px;
}

#searchPageContainer p {
    margin: 0;
}

    #searchPageContainer p span {
    }

    #searchPageContainer p.subtitle {
        font: 24px/28px 'RockwellBold';
        color: #000;
        margin: 0px 0 3px 0;
    }

#searchPageContainer .regular-pagination {
    float: right;
}

    #searchPageContainer .regular-pagination a:last-child {
        min-width: 9px;
    }

    #searchPageContainer .regular-pagination ul {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0 5px;
    }

        #searchPageContainer .regular-pagination ul li {
            float: left;
            padding: 0 5px;
        }

    #searchPageContainer .regular-pagination a {
        float: left;
    }

#searchPageContainer ul {
    margin: 0px 0 10px 0;
    padding: 0;
}

#searchPageContainer .info-holder {
    border-bottom: none;
}

#searchPageContainer .noShow {
    display: none;
}

/* END SEARCH RESULTS PAGE */

/* REGIONS PAGE */

#regionsContainer h4 {
    font: 24px/28px 'RockwellBold';
    color: #000;
    margin: 0px 0 3px 0;
}

#regionsContainer .region {
    margin-bottom: 15px;
}

    #regionsContainer .region p {
        margin: 0 0 0 0px;
    }

    #regionsContainer .region div.body {
        margin-bottom: 10px;
    }

    #regionsContainer .region p.link {
        margin: 10px 0;
    }

    #regionsContainer .region div.regionImage {
        float: left;
        padding: 0 10px;
    }

    #regionsContainer .region div.regionContent {
        float: left;
        clear: left;
        width: 350px;
    }

/* END REGIONS PAGE */

/* SPONSOR AREA ON THE HOMEPAGE BOX */

/*
    4 per line --> 3 X 20 pixels margin
    940 - 60 = 880
    880 / 4 = 220
*/

.sponsor-box {
    height: 208px;
    /*overflow: hidden;*/
}

    .sponsor-box h3 {
        margin: 0 0 15px;
        padding: 1px 35px 3px 5px;
        font: 20px/24px 'RockwellBold';
        color: #fff;
        background: #008ac9;
        text-transform: uppercase;
    }

    .sponsor-box .list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sponsor-box .list li {
            float: left;
            width: 220px;
            height: 165px;
            line-height: 203px;
            margin: 0 0 0 20px;
            text-align: center;
        }

            .sponsor-box .list li:first-child {
                margin: 0;
            }

            .sponsor-box .list li img {
            }

/* END SPONSOR AREA ON THE HOMEPAGE BOX */

/*ARTICLES PROMOTIONNELS PAGE*/

div.articlePromotionnel {
    width: 203px;
    float: left;
    border: 1px solid #333;
    margin-bottom: 10px;
    padding: 10px;
}

div.articlePromotionnel {
    text-align: center;
}

    div.articlePromotionnel span.prixArticle {
        color: #008AC9;
        font-weight: bold;
    }

    div.articlePromotionnel:nth-child(even) {
        margin-right: 10px;
    }

/*FIN ARTICLES PROMOTIONNELS PAGE*/

#main .frame {
    padding: 5px 1px 12px;
    overflow: hidden;
}

/* MAIN CONTENT USING LEFT SIDEBAR AND NO RIGHT SIDEBAR */

.text-section {
    overflow: hidden;
    padding: 4px 0 0;
    background: url(/media/ui/bg/bg-one.png) no-repeat 96% 28px;
    min-height: 590px;
}

    .text-section h2, .text-section h2.title {
        margin: 0 0 23px !important;
    }

    .text-section .box {
        width: 100%;
        border-bottom: 1px dotted #b3b3b3;
        overflow: hidden;
        margin: 0 0 12px;
    }

        .text-section .box.last {
            border: 0;
        }

    .text-section h3 {
        margin: 0 0 20px;
        font: 21px/24px 'AxelBold';
    }

    .text-section p {
        margin: 0 0 12px;
        font-size: 15px;
        line-height: 22px;
    }

    .text-section ul {
        margin: 0;
        padding: 0 0 9px 37px;
        list-style: none;
        font-size: 15px;
        line-height: 24px;
    }
    
    .text-section li {
        padding: 0 0 0 10px;
        background: url(/media/ui/bg/bullet-003.gif) no-repeat 0 9px;
    }

/* END MAIN CONTENT USING LEFT SIDEBAR AND NO RIGHT SIDEBAR */

/* Annual Report Styles */
.annualReportHolder {
    float: left;
    width: 210px;
    padding-top: 5px;
    overflow: hidden;
}

.imgAnnualReport {
    min-width: 190px;
    margin-bottom: 5px;
    border: 1px solid #008ac9;
}

.annualReportHolder a.annualReportTitle {
    font: 20px/24px 'RockwellBold';
}

/* Partner Section - Partner Logo Holder Style */
.partnerLogoHolder {
    float: left;
    width: 220px;
    margin: 0 20px 20px 0;
}

    .partnerLogoHolder a img {
        width: 220px;
    }

/* end Partner Section - Partner Logo Holder Style */

/* CONTENT STYLES FOR 3 COLUMN LAYOUT */

#main .columns3 {
    width: 461px;
    float: left;
}

#main .content .gallery {
    position: relative;
    width: 461px;
    height: 274px;
    overflow: hidden;
    margin: 0 0 33px;
}

    #main .content .gallery .slide {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 99999px;
    }

#main .content h2 {
    font: 20px/24px 'RockwellBold';
    color: #008AC9;
    margin: 0 0 1px;
    text-transform: uppercase;
    padding: 0;
}

#main .content h4 {
    margin: 0 0 10px;
    color: #008AC9;
    font: 18px 'RockwellBold';
}

#main .content .gallery .slide li {
    float: left;
    width: 461px;
    height: 274px;
}

    #main .content .gallery .slide li img {
        display: block;
        border: 1px solid #333;
    }

#main .content .gallery .pager {
    bottom: 56px;
    right: 9px;
}

#main .content .blue-text {
    background: #008ac9;
    margin: 1px 0 0;
    padding: 5px 13px 6px;
}

    #main .content .blue-text p {
        margin: 0;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
    }

#main .content .box {
    width: 100%;
    overflow: hidden;
    /*border-bottom: 1px solid #b3b3b3;*/
    padding: 0 0 19px;
    margin: 0 0 22px;
}

    #main .content .box .last {
        border: 0;
        padding: 0;
        margin: 0;
    }

    #main .content .box .ico {
        float: left;
        width: 147px;
        margin: 4px 14px 0 0;
    }

        #main .content .box .ico img {
            display: block;
        }

    #main .content .box .text {
        overflow: hidden;
    }

        #main .content .box .text h3 {
            margin: 0;
            font: 20px/24px 'RockwellBold';
            color: #008AC9;
        }

.text-section .box h4 {
    margin: 0;
    font: 16px/24px 'RockwellBold';
    color: #000;
}

#main .content .box .text p {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}

#main .aside {
    float: right;
    width: 220px;
}

/* END CONTENT STYLES FOR 3 COLUMN LAYOUT */

/* ============================================================================
    FOOTER STYLES
============================================================================ */

footer {
    padding: 21px 3px 0;
}

.footer-logo {
    background: url(/media/ui/bg/bg-footer-logo.gif) no-repeat;
    width: 121px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

footer .holder {
    width: 100%;
    overflow: hidden;
    margin: 17px 0 16px;
    background: url(/media/ui/bg/bg-footer-holder.gif) repeat-y -3px 0;
}

    footer .holder h3 {
        color: #48ACD9;
        font: 14px/17px 'RockwellBold';
        margin: 0 0 3px;
        text-transform: uppercase;
    }

    footer .holder ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font: 10px/13px 'AxelBold';
    }

        footer .holder ul li a {
            color: #fff;
        }

footer .sport-list, footer .secteurs-list, footer .vie-saine-list, footer .authr-list, footer .footer-right {
    min-height: 160px;
}

footer .sport-list {
    width: 296px;
    float: left;
    background: url(/media/ui/sepo-005.gif) repeat-y 100% 0;
    padding: 0 0 0 0px;
}

    footer .sport-list ul {
        float: left;
        width: 97px;
    }

footer .secteurs-list {
    width: 90px;
    float: left;
    padding: 0 0 0 6px;
}

footer .vie-saine-list {
    float: left;
    background: url(/media/ui/sepo-005.gif) repeat-y;
    width: 260px;
    padding: 0 0 0 9px;
}

    footer .vie-saine-list ul {
        float: left;
        width: 140px;
    }

        footer .vie-saine-list ul:last-child {
            float: left;
            width: 120px;
        }

footer .authr-list {
    float: left;
    width: 115px;
    background: url(/media/ui/sepo-005.gif) repeat-y;
    padding: 0 0 0 9px;
}

    footer .authr-list ul {
        float: left;
        width: 115px;
    }

footer .footer-right {
    float: left;
    width: 160px;
    background: url(/media/ui/sepo-005.gif) repeat-y;
    padding: 0 0 0 8px;
}

    footer .footer-right ul li {
        padding: 0px 0 5px 0;
    }

        footer .footer-right ul li a {
            color: #48ACD9;
        }

footer .copy-box {
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    padding: 0 12px 16px 4px;
}

    footer .copy-box p {
        margin: 0;
    }

        footer .copy-box p a {
            color: White;
        }

    footer .copy-box .link {
        float: right;
    }

        footer .copy-box .link a {
            color: #fff;
        }

/* ============================================================================
    BOOTSTRAP STYLES
============================================================================ */

/*!
 * Bootstrap v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.bootstrap-pagination {
    /* height: 36px; */
    /* margin: 18px 0; */
    padding-top: 10px;
    padding-bottom: 6px;
}

    .bootstrap-pagination ul {
        display: inline-block;
        /**display: inline;*/
        /* IE7 inline-block hack */
        /*zoom: 1;*/
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .bootstrap-pagination li {
        display: inline;
        padding: 0;
        background: none;
    }

    .bootstrap-pagination a {
        float: left;
        padding: 0 14px;
        line-height: 34px;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left-width: 0;
    }

        .bootstrap-pagination a:hover,
        .bootstrap-pagination .active a {
            background-color: #f5f5f5;
        }

    .bootstrap-pagination .active a {
        color: #999999;
        cursor: default;
    }

    .bootstrap-pagination .activeButClickable a {
        background-color: #f5f5f5;
    }

        .bootstrap-pagination .activeButClickable a:hover {
            background-color: white;
        }

    .bootstrap-pagination .disabled span,
    .bootstrap-pagination .disabled a,
    .bootstrap-pagination .disabled a:hover {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }

    .bootstrap-pagination li:first-child a {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .bootstrap-pagination li:last-child a {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.bootstrap-pagination-centered {
    text-align: center;
}

.bootstrap-pagination-right {
    text-align: right;
}

/* ============================================================================
    BOTTIN
============================================================================ */

#bottin-content #main {
    padding-right: 0px;
    min-height: 450px;
}

#bottin-recherche {
    border: 1px solid black;
    float: left;
    width: 293px;
    padding: 0;
    margin: 5px 0 0 0;
}

    #bottin-recherche p {
        margin: 10px 10px 5px 10px;
    }

    #bottin-recherche form {
        /*text-align: center;*/
        padding: 0px;
    }

    #bottin-recherche input {
        /*text-align: center;*/
        margin: 5px 5px 5px 10px;
        width: 200px;
        height: 25px;
    }

    #bottin-recherche div {
        width: 177px;
        height: 36px;
        /*position: absolute;
    right: 15px;
    bottom: 17px;
    */
        background: url(/media/ui/bg/bg-drop-submit-small.png) no-repeat;
        font: 16px/18px 'RockwellBold';
        padding: 10px 0 0 28px;
        margin: 5px 0px 0px 114px;
        text-align: left;
        letter-spacing: 1px;
        cursor: pointer;
    }

        #bottin-recherche div a {
            color: white;
            text-transform: uppercase;
            text-decoration: none;
        }

.bottinRechercheResults ul {
    list-style: none;
}

    .bottinRechercheResults ul li div div.text span {
        font-weight: bold;
        font-size: 18px;
    }

    .bottinRechercheResults ul li div div.text div {
        padding-left: 0px;
    }

        .bottinRechercheResults ul li div div.text div span.thisNodeParentNom {
            font-size: 18px;
            font-weight: bold;
            color: #606060;
        }

        .bottinRechercheResults ul li div div.text div span {
            font-size: 18px;
        }

#structure-gate {
    border: 1px solid black;
    float: left;
    width: 293px;
    padding: 0 0 10px 0;
    margin: 5px 0 0 0px;
}

    #structure-gate h2, #bottin-recherche h2, #drop-down-sports h2 {
        padding: 2px 5px 2px 10px;
        font: 20px/24px 'RockwellBold';
        color: white;
        background: #008AC9;
        text-transform: uppercase;
        margin: 0;
    }

    #structure-gate div.mini-header {
        width: 203px;
        height: 55px;
        padding: 15px 60px 0 30px;
        background: url(/media/ui/bg/mini-header-bg.png) no-repeat;
        margin-bottom: 20px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
    }

    #structure-gate div {
        margin-left: auto;
        margin-right: auto;
        color: White;
        width: 173px;
        height: 45px;
        font: 16px/18px 'RockwellBold';
        text-align: center;
        letter-spacing: 1px;
        background: url(/media/ui/bg/bg-drop-submit-two-lines.png) no-repeat;
        padding-top: 15px;
    }

    #structure-gate a {
        margin-top: 15px;
        color: inherit;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
    }

#drop-down-sports {
    border: 1px solid black;
    float: left;
    width: 293px;
    padding: 0;
    margin: 5px 0 0 20px;
}

/* BOTTIN ETABLISSEMENT et PAR SECTEUR */

#fiche-courte {
    padding: 30px;
    border: 1px solid #424242;
    width: 566px;
    overflow: hidden;
}

    #fiche-courte div.fiche-image {
        width: 180px;
        float: left;
    }

        #fiche-courte div.fiche-image.no-image {
            display: none;
        }

    #fiche-courte img {
        max-width: 180px;
        max-height: 180px;
    }

    #fiche-courte div.fiche-texte {
        width: 100%;
        float: right;
        padding-left: 30px;
    }

        #fiche-courte div.fiche-texte.has-image {
            max-width: 330px;
        }

        #fiche-courte div.fiche-texte h2 {
            margin-top: 0;
        }

#info-restant {
    width: 618px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    #info-restant h4 {
        margin-bottom: 5px;
    }

#fiche-administration {
    float: left;
    width: 311px;
}

    #fiche-administration h3 {
        font: 22px/22px 'RockwellBold';
        color: #606060;
        text-transform: uppercase;
    }

div.bottinRegion #fiche-administration h3, div.bottinComissionScolaire #fiche-administration h3 {
    margin-top: 0;
}

#entraineurs {
    float: left;
    width: 311px;
    padding-right: 6px;
}

    #entraineurs h3 {
        font: 22px/22px 'RockwellBold';
        color: #606060;
        text-transform: uppercase;
    }

#equipes {
    margin: 0 0px 0 10px;
    width: 300px;
    float: right;
    border: 1px solid #424242;
}

    #equipes div {
        padding: 10px;
        width: 275px;
    }

        #equipes div.teamElement {
            width: 255px;
        }

    #equipes h3 {
        padding: 2px 0px 2px 10px;
        font: 20px/24px 'RockwellBold';
        color: white;
        background: #008AC9;
        text-transform: uppercase;
        margin: 0;
    }

#etablissements {
    float: left;
    width: 328px;
    padding: 5px 0 0 0;
    /* width: 30%; */
    margin-top: 10px;
}

#federations, #conferences {
    float: left;
    width: 240px;
    padding: 5px 0 0 0;
    /* width: 30%; */
    margin-top: 10px;
}

#regions {
    float: left;
    padding: 5px 0 0 0;
    margin-top: 10px;
}

#comissionScolaires, #etablissementsWrapper {
    float: left;
    padding: 0;
    margin-bottom: 30px;
    width: 360px;
    clear: left;
}

#etablissements, #regions {
    padding-right: 40px;
}

    #etablissements h3, #conferences h3, #federations h3, #regions h3, #comissionScolaires h3, #etablissementsWrapper h3 {
        font: 22px/22px 'RockwellBold';
        color: #606060;
        text-transform: uppercase;
        margin-top: 0;
    }

    #etablissements a, #conferences a, #federations a, #regions a, #comissionScolaires a, #etablissementsWrapper a {
        /* todo: This one has to change */
        /* padding-left: 20px; */
    }

#comissionScolaires a {
    font: 22px/22px 'AxelBold';
}

#etablissementsWrapper {
    clear: left;
}

#etablissementsList {
    padding-left: 20px;
    margin-bottom: 20px;
    clear: both;
}

    #etablissementsList div {
        padding-left: 20px;
    }

        #etablissementsList div h4 span {
            font-weight: normal;
        }

        #etablissementsList div h4 {
            margin: 0 5px;
        }

        #etablissementsList div a {
            font: 16px/22px 'AxelRegular', Arial, Helvetica, sans-serif;
        }

#bottin-secteur {
    padding: 5px;
}

#equipeMain {
    margin-top: 20px;
}

    #equipeMain div.equipeTitle span {
        text-transform: none;
        font: normal 22px/24px 'AxelRegular';
    }

        #equipeMain div.equipeTitle span.equipeNom {
            text-transform: uppercase;
            font: bold 22px/24px 'AxelBold';
        }

        #equipeMain div.equipeTitle span.equipeWebsite {
            font-size: 18px;
        }

    #equipeMain div.equipeTitle {
        margin-bottom: 20px;
    }

    #equipeMain div {
        padding: 0 0 0 156px;
    }

        #equipeMain div.imageEquipe {
            padding: 0;
            width: 126px;
            float: left;
        }

        #equipeMain div.fonctionList {
            padding: 0;
        }

        #equipeMain div.bottinSportPersonnel {
            margin-bottom: 20px;
        }
/*.bottinSportPersonnel {border: 1px; padding: 5px; margin: 5px; background-color: pink;}
.bottinSportPersonnel div {padding: 5px; border: 1px solid black; margin-bottom: 5px; background-color: white;}*/

.bottinFederation, .bottinEtablissement, .bottinConference, .bottinRegion, .bottinComissionScolaire {
    margin-bottom: 10px;
    min-height: 450px;
}

    .bottinFederation div, .bottinEtablissement div, .bottinConference div { /*float: left;*/ /*width: 323px;*/
    }

    .bottinRegion div h1.title, .bottinComissionScolaire div h1.title {
        font: 22px/22px 'RockwellBold';
        color: #606060;
        margin: 0 0 1px;
        padding: 0;
        text-transform: uppercase;
        display: inline;
    }

    .bottinRegion div h2.region, .bottinComissionScolaire div h2.comissionScolaire {
        display: inline;
    }

div.bottinRegion #staff, div.bottinComissionScolaire #staff { /*float: left;*/
}

div.bottinRegion #regionInfo, div.bottinComissionScolaire #comissionScolaireInfo {
    float: left;
}

div.bottinRegion #staff #fiche-administration, div.bottinComissionScolaire #staff #fiche-administration {
    width: 240px;
}

div.fonctionList span { /*font-size: 18px;*/
}

    div.fonctionList span.jobFonction {
        font-weight: bold;
        font-size: 18px;
    }

div.fonctionList hr {
    color: white;
    border-style: none;
    margin: 5px 0px;
}

div.fonctionList {
    margin-bottom: 10px;
}

.bottinEtablissement .fonctionList a {
    white-space: nowrap;
}

.no-wrap {
    white-space: nowrap;
}

.bottinMustBeLogged {
    height: 100px;
    font-weight: bold;
    color: darkred;
}

/* ============================================================================
    END BOTTIN
============================================================================ */

/* ============================================================================
    Temporary promotionnal stuff
============================================================================ */

header nav {
    float: left;
    width: 632px;
}

#bouton-small {
    position: relative;
    float: right;
    width: 273px;
    height: 50px;
    margin-right: 1px;
    overflow: hidden;
    display: none;
}

    #bouton-small img {
        position: absolute;
    }

    #bouton-small:hover img {
        top: -50px;
    }

#bouton-small-double {
    position: relative;
    float: right;
    width: 274px;
    height: 50px;
    margin-right: 1px;
    overflow: hidden;
}

    #bouton-small-double a {
        position: absolute;
    }

    #bouton-small-double > div:hover a {
        top: -50px;
    }
    #bouton-small-double > div.right-btn a {
        left: 137px;
    }

#bouton-large {
    position: absolute;
    /*float: right;*/
    width: 300px;
    height: 128px;
    /*margin: 5px 1px 0 0px;*/
    /*overflow: hidden;*/
    display:block;
    right: 0;
    bottom: 42px;
}

    #bouton-large img {
        position: absolute;
    }

    /*#bouton-large:hover img {
        top: -108px;
    }*/

/* ============================================================================ */

.languageLink {
    color: #D16021;
}

#twitter-widget {
    padding-bottom: 7px;
}

.slick-slider {
    margin-bottom: 0 !important;
}