@import url('https://fonts.googleapis.com/css?family=Montserrat');
    
        @import url('https://fonts.googleapis.com/css?family=Open Sans');
    

    @font-face {
        font-family: 'Montserrat';
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.eot');
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.woff') format('woff'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.ttf') format('truetype'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype');
        font-weight: bold;
        font-style: normal;
        letter-spacing:25px;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.eot');
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.woff') format('woff'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.ttf') format('truetype'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }


    @font-face {
        font-family: 'Montserrat';
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.eot');
        src: url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.woff') format('woff'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.ttf') format('truetype'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.svg#Montserrat-Light') format('svg'),
        url('//dyf78.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype');
        font-style: normal;
    }

    /*
*-----------------------------------------------------------------------------
*    Liste des variables :
* -----------------------------------------------------------------------------

Les fonts :
$fontPrincipale : la police principale, sinon la police défaut
$fontSecondaire : la police secondaire, sinon la police défaut
$fontDefaut : la police defaut

La palette des couleurs :
$couleurHeader : la couleur de transparence du png dans le header
$couleurSecondaire : navigation, titres, tags, boutons
$couleurSeparateur : les séparateurs de liste
$couleurFooter : la couleur de fond du footer
$couleurPage : la couleur de fond de la page
$couleurDocument : description d'un document
$couleurTexteFonce : les sous titres sur fond clair
$couleurTexteClair : les sous titres sur fond foncé
*/

* {
    font-family: 'Montserrat', arial;
}

a, a:link, a:visited {
    color: #063174;
}

#wrapper {
    background-color: #EBEBEB !important;
}

/* header */
#header-fond {
    background-color: #FFFFFF !important;
}

#topnav-menu li a,
.top-navigation-menu a:link,
.top-navigation-menu a:visited{
    color: #9D9E9E !important;
    font-family : 'Montserrat', arial;
}

#topnav-menu li:first-child a {
    color: #0C0C0C;
}

#wrapper > div#topnavi-wrap > div#topnavi span.federation a,
#wrapper > div#topnavi-wrap > div#topnavi span.federation a span,
#wrapper > div#topnavi-wrap > div#topnavi ul.top-navigation-menu li a,
ul#header-user,
ul#header-user-off,
ul#header-user-off span.user,
ul#header-user .button,
#topnav-menu li a,
ul#header-user #ss-menu-subheader a,
ul#header-user #ss-menu-subheader span {
    font-family: 'Montserrat', arial;
    text-transform: uppercase;
}

#topnavi-wrap {
    background-color: #e3e7ea; !important;
}

#topnav #sso-connect-button .secondary-button {
    background-color: #004686; !important;
}

#topnav #sso-connect-button .secondary-button a:hover {
    color : #9D9E9E;
}

#ss-menu-subheader {
    background-color: #004687; !important;
}

.mention-classement {
    color : #9D9E9E;
}

.widget_widget_recherche_avancee .recherche_avancee_form .search-field {
    color : #9D9E9E;
    border-color: #CECECE !important;
}

#beforesidebar .content-tab ul li {
#beforesidebar select,
    border-color: #CECECE !important;
}

ul#header-user {
    background-color: #004687; !important;
}

ul#header-user a,
ul#header-user .button,
#topnav #sso-connect-button .main-button,
#topnav #sso-connect-button .secondary-button a,
ul#header-user #ss-menu-subheader a {
    color : #FFFFFF;
}

#wrapper > div#topnavi-wrap > div#topnavi span.federation a,
#wrapper > div#topnavi-wrap > div#topnavi span.federation a span,
#wrapper > div#topnavi-wrap > div#topnavi ul.top-navigation-menu li a,
ul#header-user-off {
    color: #4e4e4e !important;
}

#logo .site-title {
    color : #FFFFFF;
    font-family : 'Montserrat', arial;
}

#logo .site-title a {
    color: #FFFFFF;
    font-family : 'Montserrat', arial;
}

#logo .site-title a:link,
#logo .site-title a:visited {
    color: #063174;
}

#logo .site-description {
    color: #063174;
    font-family : 'Montserrat', arial;
}

.social-icons-menu li a::before,
.widget_search .genericon-search {
    background-color: #063174;
}


/* menu */

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
    color: #FFFFFF;
}

#navi-wrap {
    background-color: #063174 !important;
}

#mainnav ul li a {
    font-family : 'Montserrat', arial;
}

#mainnav ul li.current-menu-item a {
    background-color: #063174 !important;
}

#mainnav ul li a:hover {
    background-color: #2e599c !important;
}

.search-form .search-field {
    border-color: #063174 !important;
    font-family : 'Montserrat', arial;
}

.genericon-search {
    color: #FFFFFF;
}

#logo div.custom-logo-link-border {
    border-color: #CECECE !important;
}


.isearch{
    background-color: #FFFFFF;
}

.flt-ipt-cont .genericon-search {
    color: #FFFFFF;
}


/* Footer */
#footer-fond{
    background-color: #1E1E1E !important;
}

#footerliguenav {
    border-color: #FFFFFF !important;
}

#footer nav li {
    color: #FFFFFF;
}

#footer nav h4{
    font-family : 'Montserrat', arial;
    color: #FFFFFF;
}

#footer nav  li a:link,
#footer nav  li a:visited{
    color: #FFFFFF;
}

#footer nav:first-child ul li a {
    font-family : 'Montserrat', arial;
}

/* contenu */
#wrap,
#zoneCategorie,
.fff-club-container {
    background-color: #FFFFFF !important;
}

#content h1 {
    font-family : 'Montserrat', arial;
}

.PaginCont{
    font-family : 'Montserrat', arial;
}

.PaginSel{
    border-color: #CECECE !important;
}

h2.section-title {
    border-color: #0C0C0C !important;
    font-family : 'Montserrat', arial;
}

.article-categorie {
    font-family : 'Montserrat', arial;
}

#actualite-du-moment .entry-title {
    font-family : 'Montserrat', arial;
}

.menu_bloc_group a {
    background: #063174;
    border-color: #063174 !important;
}

.menu_bloc_group_button a {
    background: #063174;
    border-color: #063174 !important;
}

.menu_bloc_group_button_competition_unselected a span {
    color: #063174;
}

.menu_bloc_group a:hover,.menu_bloc_group_button a:hover {
    background-color: #063174 !important;
}

.page-template-template-media .menu_bloc_group a > div.text,
.page-template-template-videos .menu_bloc_group a > div.text