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

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

#top