/* COULEURS */
/*
Sont définie en global, parématrables dans l'admin :
- main_color_1
- main_color_2
*/
/* RESPONSIVE */
/* je sete des variale en utilisant celles de bootstrapo */
/* HEADEER */
/* couleur des textes */
/* Les chartes ont souvent 3 couleurs principales et pas 2 */
/* Maintenant on peut, à partir de ces 3 couleurs, définir les couleurs utilisées sur les différences composants */
/* Section annuaire fond formulaire */
/* FOOTER */
/* block dateSide */
@font-face {
  font-family: 'Museo700';
  src: url('/ressources/css/fonts/Museo700-Regular-webfont.woff2') format('woff2'), url('/ressources/css/fonts/Museo700-Regular-webfont.woff') format('woff'), url('/ressources/css/fonts/Museo700-Regular-webfont.eot?') format('eot'), url('/ressources/css/fonts/Museo700-Regular-webfont.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Museo500';
  src: url('/ressources/css/fonts/Museo500-Regular-webfont.woff2') format('woff2'), url('/ressources/css/fonts/Museo500-Regular-webfont.woff') format('woff'), url('/ressources/css/fonts/Museo500-Regular-webfont.eot?') format('eot'), url('/ressources/css/fonts/Museo500-Regular-webfont.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Museo300';
  src: url('/ressources/css/fonts/Museo300-Regular-webfont.woff2') format('woff2'), url('/ressources/css/fonts/Museo300-Regular-webfont.woff') format('woff'), url('/ressources/css/fonts/Museo300-Regular-webfont.eot?') format('eot'), url('/ressources/css/fonts/Museo300-Regular-webfont.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.na-bp a {
  color: #e40138;
}
@media (min-width: 1170px) {
  header {
    /* Top bar */
    /* Middle bar */
    /* Menu */
  }
  header .header-body .logo {
    height: 202px;
  }
  header .header-body .logo .logo-a {
    float: left;
    display: block;
    margin-top: 40px;
  }
  header .header-body .logo .logo-a img {
    min-height: 140px;
  }
  header .bar {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }
  header .bar .socials {
    max-width: 370px;
  }
  header .bar .socials .bar-top-socials-label {
    display: none;
  }
  header .bar .socials li {
    margin: 0 25px 0 0;
  }
  header .bar .socials li a {
    font-size: 22px;
  }
  header .bar .NA_connexion {
    border-right: 1px solid rgba(227, 227, 227, 0.7);
  }
  header .bar .btn-connexion-wrapper,
  header .bar .btn-adherer-wrapper {
    max-width: 170px;
  }
  header .bar .header-search-mobile input::-moz-placeholder,
  header .bar .header-search-mobile input:-ms-input-placeholder,
  header .bar .header-search-mobile input:-moz-placeholder,
  header .bar .header-search-mobile input::placeholder {
    color: #969696 !important;
  }
  header .bar .header-search-mobile,
  header .bar .search-toggle-wrapper {
    color: #969696;
  }
  header .bar .header-search-mobile input,
  header .bar .search-toggle-wrapper input {
    color: #969696;
    border-bottom: 1px solid #969696 !important;
    margin-right: -3px;
    margin-bottom: 1px;
  }
  header .bar .header-search-mobile input[type="submit"]:hover,
  header .bar .search-toggle-wrapper input[type="submit"]:hover {
    background-color: rgba(227, 230, 235, 0.5) !important;
  }
  header .header-slogan {
    text-transform: uppercase;
    color: #2c2c2c;
    font-size: 34px;
    top: 67px;
  }
  header .header-slogan > span.red {
    color: #e40138;
    font-weight: 500;
    display: block;
    text-align: right;
  }
  .header-navigation-fullwidth {
    border-top: 1px solid rgba(227, 227, 227, 0.7);
    border-bottom: 1px solid rgba(227, 227, 227, 0.7);
  }
  .header-navigation-fullwidth .nav {
    max-width: 95%;
    margin: auto;
  }
  .header-navigation-fullwidth:before {
    top: -1px;
    bottom: -1px;
    border-top: 1px solid rgba(227, 227, 227, 0.7);
    border-bottom: 1px solid rgba(227, 227, 227, 0.7);
  }
  .header-navigation-fullwidth.header-navigation > .nav-wrapper > .nav > ul > li > a {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500;
    white-space: nowrap;
  }
  .header-navigation-fullwidth .nav-dropdown > ul > li + li {
    border-top: 1px solid rgba(227, 227, 227, 0.7);
  }
  #main-carousel .carousel-wrapper .article-carousel .carousel-content {
    padding: 30px 0 30px 30px ;
    padding-top: 90px;
  }
  #main-carousel .carousel-wrapper .article-carousel .carousel-content .readmore-wrapper .readMore {
    border-width: 1px;
    border-radius: 0;
  }
  #main-carousel .carousel-wrapper .home-article.article-carousel {
    background: #2c2c2c;
  }
  #main-carousel .carousel-wrapper .home-article.article-carousel .model-image {
    width: 800px;
  }
  #main-carousel ul.slick-dots {
    height: 25px;
    width: 335px;
    text-align: left;
    top: 41px;
  }
  .article-carousel .carousel-content .title {
    font-size: 2.2rem !important;
    font-family: 'Museo300', serif;
    line-height: 1.2;
    margin-bottom: 11px !important;
  }
  .home-section.section-default {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #section-gmap .section-body .recherche_avancee a:hover {
    color: inherit;
  }
  #section-gmap.contentSquare .section-body {
    padding: 44px;
    text-align: center;
    max-width: 268px;
    top: 35px;
    font-size: 11px;
  }
  #section-gmap .search {
    text-align: center;
  }
  #section-gmap .search #recherche_annuaire_express .input-group input {
    border-radius: 0;
  }
  #section-gmap .search #recherche_annuaire_express .input-group .input-group-addon {
    background-color: #e40138;
    color: #fff;
    border-radius: 0;
    border: 0 none;
  }
  #section-gmap .search #recherche_annuaire_express .input-group .input-group-addon i {
    color: #fff;
  }
  #section-gmap .search .recherche_avancee {
    font-size: smaller;
    text-align: center;
  }
  #section-gmap .search .recherche_avancee:hover {
    color: #fff;
    text-decoration: underline;
  }
  #footer-top .footer-asso {
    font-weight: bold;
    font-size: 1.2rem;
    font-weight: normal;
  }
  #footer-top #footer-coords li + li {
    border-left: 1px solid #fff;
    margin: 0;
  }
  #footer-bottom {
    margin-top: -25px;
  }
  #section-compteurs .counter-label {
    font-family: 'Museo300', serif;
  }
}
#section-emploi .section-more a {
  background-color: #2c2c2c;
  color: #fff;
  border: 0 none;
}
#section-emploi .model-content .title {
  font-size: 15px;
  font-weight: bold;
}
#section-emploi .model-content .desc {
  display: block;
}
#section-emploi .content {
  border: 1px solid #d3d3d3;
  clear: both;
}
#section-emploi .list-item:last-child .listViewReduced:after {
  display: none;
}
#section-emploi .entreprise {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
#section-event .readMore {
  color: #b9b9b9;
  font-size: 13px;
}
#section-event .readMore .red {
  font-size: 18px;
  color: #e40138;
  margin-left: 5px;
}
#section-event .section-more a {
  background-color: #fff;
  color: #e40138;
  border: 0 none;
}
#section-event .list-item-odd .listView {
  background-color: #fff;
}
#section-event .model-content .title {
  font-size: 20px;
  font-weight: bold;
}
.listViewReduced .model-content .date,
.listView .model-content .date {
  text-transform: lowercase;
  color: #000;
}
.red {
  color: #e40138;
}
#module_ep .ep-content .ep-profil-links-wrapper .ep-profil-link {
  background: #bbbbbb;
}
.section-title {
  margin-bottom: 17px;
}
.section-title .title {
  font-family: 'Museo500', serif;
  margin-bottom: 0 !important;
}
.section-title .title b,
.section-title .title strong {
  font-family: 'Museo700', serif;
}
.section-title .line {
  background-color: #cd0333 !important;
  width: 50px !important;
  margin: 0 !important;
  height: 3px !important;
}
@media (max-width: 991.98px) {
  .listView {
    height: auto;
    overflow: hidden;
    width: 100%;
    display: block;
  }
  .listView .model-image {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    margin: 0 0 30px;
    float: none;
    max-width: 100%;
  }
  .listView .model-content {
    width: 100%;
    clear: both;
    position: relative;
    float: none;
  }
  .listView .desc {
    height: auto !important;
  }
  .listViewReduced .calqueOffre {
    float: left;
  }
  .slick-dots {
    position: relative !important;
    top: 0 !important;
  }
  #section-gmap .section-body {
    width: 100%;
  }
}
.na-bp a:hover,
.na-bp a:focus,
.na-bp a:active {
  text-decoration: none;
  color: inherit;
}