/*
  SPEC : Theme MSF :
    * Couleur : #e22000 (Rouge)
    * Taille : 18px minimum
*/
/*
 * Override Bootstrap's default container.
 */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
/*
 * Globals
 */
body {
  font-family: 'News Cycle', 'Arial Narrow Bold', sans-serif;
  color: #555;
  background-color: #F5F5F5;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
}
a {
  color: #e22000;
}
a:hover {
  color: #eb6864;
}
/*
 * MSF posts
 */
.msf-post,
.msf-post-with-sidebar {
  margin-bottom: 60px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
}
.msf-post p,
.msf-post-with-sidebar p,
.msf-post ul *,
.msf-post-with-sidebar ul *,
.msf-post ol *,
.msf-post-with-sidebar ol * {
  text-align: justify;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
}
.msf-post ul.nav,
.msf-post-with-sidebar ul.nav {
  font-size: 15px !important;
}
.msf-post ul.nav li,
.msf-post-with-sidebar ul.nav li,
.msf-post ul.nav li a,
.msf-post-with-sidebar ul.nav li a {
  font-size: 15px !important;
}
.msf-post ul.nav li span,
.msf-post-with-sidebar ul.nav li span,
.msf-post ul.nav li a span,
.msf-post-with-sidebar ul.nav li a span {
  font-size: 10px !important;
}
.msf-post .paragraph-specific-content-block img,
.msf-post-with-sidebar .paragraph-specific-content-block img {
  float: left;
  margin: 0px 20px 15px 0px;
  max-width: 250px;
  max-height: 300px;
}
.msf-post-with-sidebar {
  padding-right: 20px;
}
.msf-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.msf-post-meta {
  margin-bottom: 20px;
  color: #999;
}
.msf-page-meta {
  margin-bottom: 20px;
  color: #999;
  font-size: 14px;
  text-decoration: italic;
  display: none;
}
/*
 * Main column and sidebar layout
 */
.msf-main {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500 !important;
}
.msf-main div.section div.section {
  font-weight: 700;
  font-size: 20px;
}
.msf-main p,
.msf-main ul *,
.msf-main ol * {
  text-align: justify;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.msf-main ul.nav {
  font-size: 15px !important;
}
.msf-main ul.nav li,
.msf-main ul.nav li a {
  font-size: 15px !important;
}
.msf-main ul.nav li span,
.msf-main ul.nav li a span {
  font-size: 10px !important;
}
.msf-main h3.msf-post-subtitle {
  margin: 20px 5px 5px 5px;
  font-size: 24px;
}
.msf-main h4.msf-post-subtitle {
  margin-left: 10px;
}
/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px 15px 4px 15px;
  margin: 0 -15px 0px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #F5F5F5;
  border-radius: 4px;
  font-size: 16px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}
/*
 * Header
 */
.msf-header {
  background-color: #F5F5F5;
  border-bottom: 1px solid #E5E5E5;
  padding-top: 10px;
  padding-bottom: 0px;
}
.msf-header .msf-title {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 50px;
  font-weight: normal;
}
.msf-header .msf-quote {
  font-size: 20px;
  color: #999;
  font-style: italic;
  margin-bottom: 10px;
}
/*
 * Footer
 */
.msf-footer {
  padding: 0px;
  color: #999;
  text-align: center;
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
}
.msf-footer .container {
  padding: 40px 0;
  background: transparent url("../img/logo-fr.png") no-repeat 0px 22px;
  background-size: 154px auto;
}
.msf-footer .container p:last-child {
  margin-bottom: 0;
}
.msf-footer .container h4 {
  font-size: 15px;
}
.msf-footer .container .socicon {
  margin-bottom: 7px;
}
/*
  Cas Particuliers
*/
.pointer {
  cursor: pointer;
}
.msf-main-content {
  background-color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 12px;
}
.msf-main-content blockquote {
  background-color: #F5F5F5 !important;
  border: 1px solid #E5E5E5 !important;
  padding: 10px;
  font-size: 16px;
  color: #999;
  font-style: normal !important;
  margin-bottom: 10px;
  text-align: justify;
}
.msf-masthead {
  background-color: #e22000 !important;
  font-family: Arial, sans-serif;
  margin-bottom: 0px;
  /*background-color: #428bca;*/
  -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.msf-masthead nav.msf-navbar {
  background-color: transparent !important;
  border: none;
  margin-bottom: 0px;
}
.msf-masthead nav.msf-navbar .navbar-brand:hover,
.msf-masthead nav.msf-navbar .navbar-brand:focus {
  background-color: transparent !important;
}
.msf-masthead nav.msf-navbar .navbar-collapse {
  border-color: transparent;
}
.msf-masthead nav.msf-navbar ul.navbar-nav {
  margin-top: 40px;
  margin-left: initial;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li {
  border: 0px solid transparent;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li a {
  font-size: 16px;
  color: #ffffff;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li a:hover,
.msf-masthead nav.msf-navbar ul.navbar-nav li a:focus {
  background-color: #ea2c08;
  color: #ffffff;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li ul.dropdown-menu li {
  border: none;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li ul.dropdown-menu li a {
  color: #d70b00 !important;
}
.msf-masthead nav.msf-navbar ul.navbar-nav li ul.dropdown-menu li a:hover,
.msf-masthead nav.msf-navbar ul.navbar-nav li ul.dropdown-menu li a:focus {
  background-color: #F5F5F5;
}
.msf-masthead nav.msf-navbar ul.navbar-nav .active a {
  background-color: #d70b00;
  color: #ffffff;
}
.msf-masthead nav.msf-navbar ul.navbar-nav .active:after {
  position: absolute;
  color: #ffffff;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}
.msf-masthead nav.msf-navbar .navbar-form {
  font-size: 14px;
}
.msf-masthead nav.msf-navbar .navbar-form ul.typeahead li a {
  overflow-x: hidden;
}
.msf-masthead nav.msf-navbar .navbar-form .form-control {
  height: 31px;
  width: default;
}
.msf-masthead nav.msf-navbar .navbar-form .form-group {
  margin-top: 4px;
}
.msf-masthead nav.msf-navbar .navbar-form .btn {
  /*font-size: 13px;*/
  padding: 4px 12px;
}
.msf-masthead .navbar-brand {
  left: -11px;
  background: url(../img/logobackground.png) 0 0 no-repeat;
  width: 212px;
  height: 103px;
  margin: 0;
  position: absolute;
  top: -3px;
  padding: 20px;
}
.msf-masthead .navbar-brand img {
  max-width: 154px;
  max-height: 65px;
}
.twitter-typeahead {
  margin-bottom: -2px;
  margin-top: 2px;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  line-height: 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
  border: none;
}
.typeahead {
  background-color: #fff;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999;
}
.tt-menu {
  width: 300px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion,
.tt-no-result {
  padding: 3px 20px;
  line-height: 24px;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #ea2c08;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #ea2c08;
}
.tt-suggestion p,
.tt-no-result p {
  margin: 0;
}
.gist {
  font-size: 14px;
}
/* example specific styles */
/* ----------------------- */
#custom-templates .empty-message {
  padding: 5px 10px;
  text-align: center;
}
.tt-menu .collection-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}
#rtl-support .tt-menu {
  text-align: right;
}
.typeahead .dropdown-menu {
  z-index: 2000;
}
.link-advanced-search {
  text-align: right;
}
.link-advanced-search a {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .msf-masthead nav.msf-navbar ul.navbar-nav {
    margin-left: 160px;
    margin-top: 0px;
  }
  .msf-masthead nav.msf-navbar ul.navbar-nav li {
    border-left: 1px solid #ea2c08;
    border-right: 1px solid #d70b00;
  }
  .msf-masthead nav.msf-navbar ul.navbar-nav li:first-child {
    border-left: 0px solid transparent;
  }
  .msf-masthead nav.msf-navbar ul.navbar-nav li:last-child {
    border-right: 0px solid transparent;
  }
  .msf-masthead nav.msf-navbar .navbar-form .form-control {
    width: 122px;
  }
}
@media (min-width: 992px) {
  .msf-masthead nav.msf-navbar .navbar-form .form-control {
    width: 200px;
  }
}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
}
/*
  Régles de couleurs
*/
/*#value{
  .font-size(@valeur_dynamiques_font_size);
  color: @valeur_dynamiques_color;
}*/
.on-loading {
  opacity: 0.5;
}