@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&subset=latin-ext');
/* 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 */
/*
main 1 : #0174A3
main 2 : #8BC06E
*/
body,
body * {
  font-family: 'Montserrat', sans-serif;
}
#row-group-5011 .groupe_organisation .thumbs.thumbs-fullwidth .thumb {
  clear: both;
}
@media (min-width: 1200px) {
  header .header-navigation .nav a {
    font-weight: normal;
    text-transform: none;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
  }
  header .header-navigation > .nav-wrapper > .nav > ul > li > a {
    padding: 0;
    font-weight: normal;
  }
  header .header-navigation > .nav-wrapper > .nav > ul > li > a:hover {
    font-weight: bold;
  }
  header .header-navigation > .nav-wrapper > .nav > ul > li:hover > a {
    font-weight: bold;
  }
  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: 20px;
  }
  header .header-main:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    top: 92px;
  }
  header .header-main .header-nav .header-navigation ul > .menuli a {
    text-transform: uppercase;
    font-weight: bold;
  }
  header .header-body .logo > .logo-a {
    display: block;
    width: 605px;
    height: 108px;
    margin-left: 156px;
    z-index: 99;
  }
  header .header-body .logo > .logo-a img {
    max-height: 110px;
  }
  #main-carousel .slick-dots {
    width: 1170px;
    text-align: right;
    top: 50px;
    position: absolute;
    height: 25px;
    padding: 0 140px 0 0;
  }
  #main-carousel .home-content.big-arrows .slick-slider i.slick-arrow.fa-chevron-right,
  #main-carousel .home-content.big-arrows .slick-slider i.slick-arrow.fa-chevron-left {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    height: 50px;
    overflow: hidden;
    font-size: 40px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    font-weight: 600;
    border-radius: 4px;
  }
  #section-liens {
    padding: 0;
    height: 95px;
    overflow: hidden;
    margin-top: -42px;
    background: transparent url('/ressources/css/2/liensrapide.png') no-repeat left top;
    background-size: contain;
  }
  #section-liens .liens .lien {
    cursor: pointer;
    height: 95px;
    line-height: 80px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
  }
  #section-liens .liens .lien a {
    color: #fff;
  }
  #section-liens .liens .lien:hover {
    font-weight: normal;
    text-decoration: underline;
  }
  #section-liens .liens .lien .lien-img {
    float: left;
  }
  #section-liens .liens .lien .lien-txt .bigger {
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
  }
  #section-liens .col-article:first-child .liens {
    padding-left: 20px;
  }
  #section-liens .col-article:last-child .liens {
    padding-right: 20px;
  }
  #section-imagemap .section-title {
    padding-left: 28px;
  }
  #section-imagemap .col-article {
    overflow: hidden;
  }
  #footer-bottom .liens-footer {
    float: right;
    margin-top: -60px;
  }
  #footer-bottom .liens-footer a:hover {
    color: #fff;
  }
}
@media (min-width: 992px) {
  #section_events .article-Model {
    border: 0 none;
  }
  #section_events .article-Model .model-image .date {
    top: 0;
    bottom: unset;
    left: 0;
  }
  #section_events .home-content {
    border: 1px solid #99C6DB;
    padding-bottom: 90px;
  }
  #section_events .section-more {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 90px;
    right: unset;
    left: unset;
  }
  #section_events .section-more > a {
    border: 0 none;
    background-color: #E6F1F5;
    color: #9BC6D9;
  }
  #section_events .section-more > a:hover {
    background: #9dc8d8;
    color: #fff;
  }
  #row-revue-map .map-text {
    position: absolute;
    top: 60px;
    left: 30px;
    width: 200px;
    height: 318px;
  }
  #row-revue-map .map-text .btn-more {
    position: absolute;
    bottom: 0;
  }
  #row-revue-map .map {
    float: right;
    background: #e5f1f5;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  #row-revue-map .map {
    width: 827px;
    height: 420px;
    overflow: hidden;
  }
}
@media (max-width: 1199.98px) {
  #section-liens .liens .lien {
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
  }
  #section-liens .liens .lien a {
    display: block;
    padding: 15px;
    color: #fff;
    background-color: #04587a;
  }
  #section-liens .liens .lien:hover {
    font-weight: normal;
    text-decoration: underline;
  }
  #section-liens .col-article:nth-child(odd) .liens .lien a {
    background-color: #8bc06e;
  }
  #section-imagemap {
    padding: 30px;
  }
}
@media (max-width: 380px) {
  #row-revue-map section {
    padding: 10px 0 !important;
  }
  .home-row > .container > .row.container_row {
    padding: 10px 0 !important;
  }
}
@media (min-width: 576px) {
  #section_annuaire {
    background: #3490b5;
    padding: 30px;
    color: #fff;
    margin: 7px 0 30px;
  }
  #section_annuaire .section-title {
    margin: 10px;
  }
  #section_annuaire .section-more a {
    border-color: #fff;
    color: #fff;
  }
  #section_annuaire #name {
    width: 332px;
    border-radius: 22px 0 0 22px;
  }
  #section_annuaire #field-promo {
    border-radius: 0 22px 22px 0;
  }
  #section_annuaire .field-promo {
    margin: 13px 0 0;
  }
  #section_annuaire .article-annuaire_express_2 .search-btn {
    border-radius: 50%;
  }
  #section_annuaire input {
    box-shadow: none;
  }
  #section_annuaire input::-webkit-input-placeholder {
    color: #3490b5;
    font-weight: bold;
  }
  #section_annuaire input::-moz-placeholder {
    color: #3490b5;
    font-weight: bold;
  }
  #section_annuaire input:-ms-input-placeholder {
    color: #3490b5;
    font-weight: bold;
  }
  #section_annuaire input:-moz-placeholder {
    color: #3490b5;
    font-weight: bold;
  }
  #section_annuaire input:placeholder {
    color: #3490b5;
    font-weight: bold;
  }
}
@media (max-width: 575.98px) {
  #section_events .article-Model {
    border: 0 none;
  }
  #section_events .article-Model .model-image .date {
    top: 0;
    bottom: unset;
    left: 0;
  }
  #section_events .home-content {
    border: 1px solid #99C6DB;
    padding-bottom: 60px;
  }
  .container_row {
    padding: 15px  15px;
    position: relative;
  }
  #row-revue-map .map {
    background: transparent;
  }
  #row-revue-map section {
    padding: 15px  15px;
    position: relative;
  }
}
#row-revue-map .revue-actions {
  position: relative;
  bottom: 21px;
  text-align: center;
  margin: auto;
}
#row-revue-map .revue-actions a {
  color: #fff;
  background: #04587a;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 12px;
}
#row-revue-map .revue-actions a:hover {
  background: #023449;
}
#row-revue-map .revue {
  padding: 39px;
  background: #04587a;
  position: relative;
  text-align: center;
  z-index: 99;
  height: 420px;
  overflow: hidden;
}
#row-revue-map .revue img {
  width: 100%;
  height: 100%;
}
#row-revue-map .section-title {
  margin-bottom: 10px;
}
#row-revue-map .map-text {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 12px;
  width: 32%;
  overflow-y: auto;
  text-align: left;
  padding-left: 15px;
}
@media (max-width: 768px) {
  #row-revue-map .map-text .revue-actions {
    display: flex;
  }
}
#row-revue-map .map-text .btn-more {
  margin-top: 15px;
}
#row-revue-map .map-text .btn-more a {
  color: #fff;
  background: #67acc9;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 8px 45px;
  text-transform: uppercase;
}
#row-revue-map .map-text .btn-more a:hover {
  background: #3e7e9a;
}
#row-revue-map .liste-regions li a {
  display: block;
  padding: 5px;
}
#row-revue-map .liste-regions li a:hover {
  background-color: #04587a;
  color: #fff;
}
#section_annuaire .nbre-inscrits {
  display: none;
}
#main-carousel .carousel-content .title {
  font-size: 24px !important;
}
#main-carousel .carousel-content {
  padding: 60px 80px 60px 30px;
  top: 85px;
  font-size: 28px;
  line-height: 1.3;
}
#main-carousel .carousel-content .readmore-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  left: unset;
  width: 35px;
  height: 35px;
  overflow: hidden;
  background-color: #3490b5;
}
#main-carousel .carousel-content .readmore-wrapper .readMore {
  border-radius: 0;
  border: 0 none;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 22px;
  padding-top: 0;
}
#main-carousel .carousel-content .model-content {
  position: unset;
}
@media (max-width: 768px) {
  #row-revue-map .map-text {
    width: 100%;
  }
  #row-revue-map .revue-actions {
    display: flex;
    min-height: 50px;
  }
}
.home-section.section-default .section-title .title {
  font-size: 26px;
  letter-spacing: 1.3px;
}
.section-fildariane {
  background-color: #e5f1f5;
  margin-top: -15px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.section-fildariane .ariane-wrapper {
  position: relative;
  z-index: 9;
}
.section-fildariane:before {
  content: '';
  background-color: #e5f1f5;
  position: absolute;
  top: 0;
  left: -200%;
  width: 600%;
  height: 40px;
  z-index: 0;
}
#module_ep .ep-direct-links #mes_cotisations {
  background: #8bc06e !important;
}
#module_ep .ep-direct-links #mes_cotisations a {
  background: #8bc06e !important;
}
header .logo > .logo-a {
  display: block;
}
#row-revue-map .revue {
  min-height: 350px;
}
.groupe .groupelibelle {
  font-size: 16px;
  font-weight: bold;
}
.carousel-wrapper .article-carousel .carousel-content .type-carousel {
  text-transform: none;
}
h3 {
  text-transform: none;
}
#module_ep .ep-content .ep-direct-links li .btn-text {
  font-weight: bold;
}
@media (min-width: 922px) {
  .role2 .thumb-text .thumb-text-body {
    margin-left: 328px;
  }
}
@media (max-width: 668px) {
  body .main-content .section-fildariane:before {
    left: -15px;
    max-width: calc( 100vw + 30px );
    width: calc( 100vw + 30px );
    height: auto;
  }
}
#zoneAnnuaire_layout .annuaire_result .alert-warning > p {
  display: block;
}
#zoneAnnuaire_layout .annuaire_result .alert-warning ol {
  line-height: initial;
  padding-left: 30px;
  padding-top: 5px;
}