/*------------------------------------------------------------------------------*/
/*Mobile Version------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 24px; color: #fff;}
.navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 24px; font-weight: 100; color: #fff;}
.ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #fff;}
.ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #000;}
.ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #000; line-height: 42px; }
.ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #000; line-height: 42px; }
.ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #357680; line-height: 42px; }
.ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 18px; color: #000; line-height: 36px;}
.ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 18px; color: #fff; line-height: 23px;}
.ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 18px; color: #000; line-height: 36px;}
.ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 18px; color: #357680; line-height: 36px;}
a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 24px; color: #e34f1c; line-height: 24px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px; padding-bottom: 30px;}
a.ff-m-lien:hover {text-decoration: none; color: #e34f1c;}
.ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #fff; line-height: 42px; }
.ff-m-filter { font-family: 'roboto'; font-weight: 600; font-size: 16px; color: #000; line-height: 18px;}
.ff-m-filter-active { font-family: 'roboto'; font-weight: 600; font-size: 15px; color: #fff; line-height: 18px; cursor: default; letter-spacing: 0.01em;}
.ff-m-summary { font-family: 'roboto'; font-weight: 600; font-size: 18px; color: #000; line-height: 24px;}
.ff-aside-h1 { font-family: 'roboto'; font-weight: 300; font-size: 32px; color: black; letter-spacing: 0.03em; line-height: 1.25em; }
.ff-financement-filtre { font-family: 'roboto'; font-weight: 700; font-size: 18px; color: black; letter-spacing: 0.03em; }
.ff-bankroll { font-family: 'roboto'; font-size: 38px; font-weight: 400;}
.ff-financement-p { font-family: 'roboto'; font-size: 18px; font-weight: 400;}
.ff-btn-finance-filter, .ff-btn-finance-filter:focus { font-family: 'roboto'; color: #fff; font-weight: 500; font-size: 18px; padding: 15px 80px 15px 0; letter-spacing: 0.05em;}
.ff-m-projet-h1 {font-family: 'roboto'; font-size: 38px; font-weight: 400;}
.ff-m-projet-h2 {font-family: 'roboto'; font-size: 18px; font-weight: 600; line-height: 1.5em;}
.ff-m-proj-intro-h1 {font-family: 'roboto'; font-size: 32px; font-weight: 400;}
.ff-m-legend {font-family: 'roboto'; font-size: 18px; color: grey; font-style: italic; padding-right: 100px; border-bottom: none;}
.ff-m-stats-h4 {font-family: 'roboto'; font-size: 18px; color: #2f2f2f; font-weight: 400; padding-top: 20px; padding-bottom: 20px;}
.ff-m-adresse {font-family: 'roboto'; font-size: 18px; padding-top: 20px; padding-bottom: 20px;}
.ff-m-finproj-h1 {font-family: 'roboto'; font-size: 28px; line-height: 34px; font-weight: 400; }
.ff-m-finproj-h2 {font-family: 'roboto';font-size: 18px; font-weight: 600; line-height: 1.5em;}
.ff-d-quote-bold {font-family: 'roboto'; font-size: 28px; font-weight: 600; line-height: 1.5em; letter-spacing: 0.02rem; font-style: italic; }
.ff-d-quote-regular {font-family: 'roboto'; font-size: 28px; font-weight: 400; line-height: 1.5em; letter-spacing: 0.02rem; font-style: italic; }
.ff-btn-finance-filter::after, .open>.dropdown-toggle.btn-default:hover:after {   border-left: 1px solid #845a90;  height: 102%; content: "";  right: 60px;  position: absolute;  top: -1px;}
.ff-footer {font-size: 50px; list-style-type: none;}
a.ff-footer, a.ff-footer:hover {text-decoration: none; color: #67c0d1;}
.ff-blue .ff-m-courant, .ff-blue, .ff-blue p, .ff-blue h1, .ff-blue h2, .ff-blue h3 {color: #007ba9 ;}
.ff-blue-a a {color: #007ba9 !important;}
.ff-green .ff-m-courant, .ff-green, .ff-green p, .ff-green h1, .ff-green h2, .ff-green h3 {color: #2e8a81 ;}
.ff-green-a a {color: #2e8a81 !important;}
h2.ff-formation-h { color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 0.03em;}
h2.ff-conseil-h { color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 0.03em;}

.ff-600 {font-weight: 600;}
.ff-18 {font-size: 18px;}

/*------------------------------------------------------------------------------*/
/*TABLETTE Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px){

  .ff-footer {font-size: 50px; list-style-type: none;}
  .ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 15px; color: #000; line-height: 28px;}
  .ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 18px; color: #fff; line-height: 34px;}
  .ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 13px; color: #000; line-height: 20px;}
  .ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 18px; color: #357680; line-height: 36px;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 24px; font-weight: 100; color: #fff;}
  .ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #fff;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 24px; color: #fff;}
  .ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #000;}
  .ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 24px; color: #000; line-height: 24px; }
  .ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 40px; color: #000; line-height: 44px; }
  .ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #357680; line-height: 42px; }
  .ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 24px; color: #fff; line-height: 24px; }
  .ff-m-filter { font-size: 15px; letter-spacing: 0.01em;}
  a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 15px; color: #e34f1c; line-height: 20px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px;}
  a.ff-m-lien:hover {text-decoration: none; color: #e34f1c;}
  .ff-m-projet-h1 {margin-bottom: 7px;}
  .ff-m-finproj-h2 { margin-top: 0;}
  .ff-ariane, .ff-ariane:hover  {font-size: 15px; color: #000; font-style: italic; letter-spacing: 0.03em; font-weight: 400;}
  .ff-img-radius {padding: 20px 0 0 20px !important;}
  .ff-m-legend { margin-top: 20px; font-size: 15px;}
  .ff-financement-filtre {font-size: 24px; letter-spacing: 0px;}
  p.ff-courant-white { color: #fff; font-family: 'roboto'; font-weight: 600; font-size: 15px;line-height: 28px; letter-spacing: 0.03em;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2 {  font-family: 'roboto'; font-weight: 500; font-size: 17px; color: #000; white-space: nowrap;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 500; font-size: 13px; color: #e34f1c;}
  .navbar-inverse .nav-order-desktop-bottom>li>a.ff-nav-mobile { font-size: 18px; font-weight: 600; color: #000; }
  .navbar-inverse .nav-order-desktop-top>li>a.ff-nav-mobile { font-size: 13px; font-weight: 500; color: #000; }
  .navbar-inverse .nav-order-desktop-top>li>a.bt-folder-desktop {background: #e34f1c; color: #fff; padding: 13px; border-radius: 4px;}
  .ff-btn-finance-filter, .ff-btn-finance-filter:focus, .ff-btn-finance-filter:hover,.ff-btn-finance-filter:active { font-family: 'roboto'; color: #fff; font-weight: 500; font-size: 18px; padding: 15px 35px 15px 0; letter-spacing: 0.05em;}
  .btn-finance-m, .btn-finance-m:hover, .btn-finance-m:focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:active, .btn-default:active:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default
  {padding-right: 35px;}
  .ff-m-finproj-h2 h2 {padding-left: 0; margin-left: 0;}

}

/*------------------------------------------------------------------------------*/
/*DESKTOP Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


@media(min-width:992px) {

  .ff-footer {font-size: 50px; list-style-type: none;}
  .ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 15px; color: #000; line-height: 28px;}
  .ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 18px; color: #fff; line-height: 34px;}
  .ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 13px; color: #000; line-height: 20px;}
  .ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 18px; color: #357680; line-height: 36px;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 24px; font-weight: 100; color: #fff;}
  .ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #fff;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 24px; color: #fff;}
  .ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 30px; color: #000;}
  .ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 24px; color: #000; line-height: 24px; }
  .ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 40px; color: #000; line-height: 44px; }
  .ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 36px; color: #357680; line-height: 42px; }
  .ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 24px; color: #fff; line-height: 24px; }
  .ff-m-filter { font-size: 15px; letter-spacing: 0.01em;}
  a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 15px; color: #e34f1c; line-height: 20px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px;}
  a.ff-m-lien:hover {text-decoration: none; color: #e34f1c;}
  .ff-m-projet-h1 {margin-bottom: 7px;}
  .ff-m-finproj-h2 { margin-top: 0;}
  .ff-ariane, .ff-ariane:hover  {font-size: 15px; color: #000; font-style: italic; letter-spacing: 0.03em; font-weight: 400;}
  .ff-img-radius {padding: 20px 0 0 20px !important;}
  .ff-m-legend { margin-top: 20px; font-size: 15px;}
  .ff-financement-filtre {font-size: 24px; letter-spacing: 0px;}
  p.ff-courant-white { color: #fff; font-family: 'roboto'; font-weight: 600; font-size: 15px;line-height: 28px; letter-spacing: 0.03em;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2 {  font-family: 'roboto'; font-weight: 500; font-size: 17px; color: #000; white-space: nowrap;}
  .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 500; font-size: 13px; color: #e34f1c;}
  .navbar-inverse .nav-order-desktop-bottom>li>a.ff-nav-mobile { font-size: 18px; font-weight: 600; color: #000; }
  .navbar-inverse .nav-order-desktop-top>li>a.ff-nav-mobile { font-size: 13px; font-weight: 500; color: #000; }
  .navbar-inverse .nav-order-desktop-top>li>a.bt-folder-desktop {background: #e34f1c; color: #fff; padding: 13px; border-radius: 4px;}
  .ff-btn-finance-filter, .ff-btn-finance-filter:focus, .ff-btn-finance-filter:hover,.ff-btn-finance-filter:active { font-family: 'roboto'; color: #fff; font-weight: 500; font-size: 15px; padding: 15px 35px 15px 0; letter-spacing: 0.05em;}
  .btn-finance-m, .btn-finance-m:hover, .btn-finance-m:focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:active, .btn-default:active:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default
  {padding-right: 35px;}
  .ff-m-finproj-h2 {padding-left: 20px;}

}