@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('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.eot');
        src: url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.woff') format('woff'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.ttf') format('truetype'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
        url('//lbfc.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('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.eot');
        src: url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.woff') format('woff'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.ttf') format('truetype'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
        url('//lbfc.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('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.eot');
        src: url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.woff') format('woff'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.ttf') format('truetype'),
        url('//lbfc.fff.fr/wp-content/themes/fff/inc/frontOffice/css/font/montserrat/Montserrat-Light.svg#Montserrat-Light') format('svg'),
        url('//lbfc.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: #215cd1;
}

#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: #ea6035;
}

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

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


/* menu */

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

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

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

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

#mainnav ul li a:hover {
    background-color: #4984f9 !important;
}

.search-form .search-field {
    border-color: #ea6035 !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: #215cd1;
    border-color: #215cd1 !important;
}

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

.menu_bloc_group_button_competition_unselected a span {
    color: #ea6035;
}

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

.page-template-template-media .menu_bloc_group a > div.text,
.page-template-template-videos .menu_bloc_group a > div.text,
.page-template-template-diaporamas .menu_bloc_group a > div.text{
    border-color: #CECECE !important;;
}

.fff_menu_bloc span {
    font-family : 'Montserrat', arial;
    color: #FFFFFF;
}

.container-hub {
    font-family : 'Montserrat', arial;
    color: #FFFFFF;
}

.container-hub .title {
    font-family : 'Montserrat', arial;
}

.container-hub .description {
    font-family : 'Montserrat', arial;
}


/* fil d'ariane */

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

#filAriane a,
#filAriane a:link,
#filAriane a:visited{
    color:#0C0C0C;
}


/* front article simple */

.article-simple-image-block {
    color: #FFFFFF;
    font-family : 'Montserrat', arial;
}
.mobile .title-hub-competitions{
    color: #FFFFFF;
}

.article-simple-image-block .fff-category-item-titre-tag {
    font-family : 'Montserrat', arial;
}

.article-simple-image-block .title {
    font-family : 'Montserrat', arial;
    color: #FFFFFF;
}

.entry {
    font-family: 'Open Sans', arial;
}

.entry p:first-child {
    font-family: 'Open Sans', arial;
}

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

.tags-container .fff-tag {
    background-color: #215cd1 !important;
    color: #FFFFFF;
    font-family : 'Montserrat', arial;
}

.tags-container .fff-tag a{
    color: #FFFFFF;
}

/**** article video ****/

.fff-media-container {
    background-color: #1E1E1E !important;
}

.fff-media-container div.category {
    color: #EBEBEB;
}

.fff-media-container .title {
    font-family : 'Montserrat', arial;
    color: #EBEBEB;
}


/*** page diaporamas ***/

.diapo-description {
    font-family : 'Montserrat', arial;
    color: #FFFFFF;
}

.flt-ipt-cont input,
.flt-ipt-cont select{
    color:#0C0C0C;
    border-color: #CECECE !important;
}

.ui-autocomplete li.ui-menu-item{
    color:#FFFFFF;
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.ui-autocomplete li.ui-menu-item:hover{
    color:#FFFFFF;
    background-color: #215cd1 !important;
}

.ui-autocomplete li.ui-menu-item:last-child{
    border-color: #CECECE !important;
}

.media-tags-btn{
    background-color: #215cd1 !important;
}

.fff-media-lst .relatedpost div.text .tag {
    font-family : 'Montserrat', arial;
    color: #215cd1;
}

.fff-media-lst .PaginCont a,
.fff-media-lst .PaginCont a:link,
.fff-media-lst .PaginCont a:visited {
    color: #0C0C0C;
}


/*** block sur le meme sujet ***/

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

.relatedposts-container > h3 {
    border-color: #ea6035 !important;
    color: #FFFFFF;
}

.relatedposts-container > h3 > span {
    background-color: #ea6035 !important;
    font-family : 'Montserrat', arial;
}

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

#same_subject .relatedpost > .text{
    font-family: 'Open Sans', arial;
}

.relatedpost .category {
    font-family : 'Montserrat', arial;
    color: #215cd1;
}

.relatedpost> .text > span {
    font-family : 'Montserrat', arial;
    color: #0C0C0C;
}

.relatedpost> .text > p {
    font-family: 'Open Sans', arial;
}

.fff-media-container .relatedposts-container .relatedpost>.text>span {
    color: #FFFFFF;
}

.fff-media-container .relatedposts-container .relatedpost>.text>.category {
    color: #FFFFFF;
}


/*** bloc FFF ***/

.bloc-fff-container {
    font-family : 'Montserrat', arial;
}

.bloc-fff-container > h3 {
    border-color: #ea6035 !important;
    color: #FFFFFF;
}

.bloc-fff-container > h3 > span {
    background-color: #ea6035 !important;
    font-family : 'Montserrat', arial;
}

/***
liste categorie
utilise dans la page category et la page tag
***/

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

.fff-category article {
    border-color: #CECECE !important;
}

.fff-category .menu-cat-panel h2{
    font-family : 'Montserrat', arial;
}

.fff-category .menu-cat-panel h2.menu-cat-sel{
    border-color:#215cd1 !important;
}

.fff-category-item .text {
    font-family: 'Open Sans', arial;
}

.fff-category-item p {
    font-family: 'Open Sans', arial;
    color:#0C0C0C;
}

.articlePlusLuFirst .widget-accueil-contenu {
    font-family: 'O