/***********************************/
/** font open sans */
/***********************************/
@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-Bold-webfont.eot');
    src: url('open-sans-font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-Bold-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-BoldItalic-webfont.eot');
    src: url('open-sans-font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-ExtraBold-webfont.eot');
    src: url('open-sans-font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: 800;
    font-style: italic;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-Italic-webfont.eot');
    src: url('open-sans-font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-Italic-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-Light-webfont.eot');
    src: url('open-sans-font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-Light-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-LightItalic-webfont.eot');
    src: url('open-sans-font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 100;
    font-style: italic;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-Regular-webfont.eot');
    src: url('open-sans-font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-Semibold-webfont.eot');
    src: url('open-sans-font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'open-sans';
    src: url('open-sans-font/OpenSans-SemiboldItalic-webfont.eot');
    src: url('open-sans-font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-font/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('open-sans-font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('open-sans-font/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: 400;
    font-style: italic;

}




/***********************************/
/** règles générales */
/***********************************/
body { font-size: 14px; color: #00375f; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

p { font-size: 14px; color: #00375f; }

a { color: #00B4C8; }

.form-control { color: #00375f; }
.form-control:focus { border-color: #00375f; }
.form-control::-moz-placeholder{ color:#5f87aa; opacity:1; }
.form-control:-ms-input-placeholder{ color:#5f87aa; }
.form-control::-webkit-input-placeholder{ color:#5f87aa; }

.social-icons a { background: #fff; border-radius: 3px; }
.social-icons a:hover { background: #7f9baf; }
.social-icons a .fa { color: #00375f; }
.social-icons a img { height: 80%; margin-top: -5px; }



/***********************************/
/** header */
/***********************************/
.header { background-color: #ccd7df; border-bottom: 1px solid #7296B4; }
/*.home-page .header { background-color: #fff; }*/
.header .top-bar { background: #335F7F; }

.header .top-bar .btn-adherents { margin: 12px 0; }
.header .search-form .form-control { background: #fff; border: 1px solid #fff; }
.header .search-form .form-control:focus { border: 1px solid #fff; }
.header .search-form .btn:hover span { color: #ffffff; }
.header .search-form .btn span { color: #5f87aa; }

.header .social-icons a { background: #fff; }
.header .social-icons a:hover { background: #7f9baf; }
.header .social-icons a .fa { color: #335f7f; }

.home-page .header .header-main {  }
.header .header-main { padding: 0px 0px 30px 0px; }

.header h1.logo { margin-top: 15px; }

.header div.resume h2 { font-size: 1.8em; color: #fff; font-weight: 100; text-transform: uppercase; line-height: 0.9; }
.header div.resume h2 b { font-weight: 800; }
.header div.resume h2 b.orange { color: #fa5041; }
.header div.resume hr { width: 44%;  margin: 0px 0px 15px 0px; height: 10px; background-color: #fff; border: none; }
.header div.resume p { font-size: 1.4em; color: #335f7f; line-height: 1.2em; }

.home-page .header div.resume h2 { font-size: 2.8em; color: #00375F; font-weight: 400; text-transform: none; line-height: 1; }
.home-page .header div.resume h2 b { font-weight: 800; text-transform: uppercase; }
.home-page .header div.resume h2 b.orange { color: #fa5041; font-weight: 800; text-transform: none; }
.home-page .header div.resume p { font-size: 1.4em; color: #335f7f; line-height: 1.2em; }


/* nav */
.main-nav { background-color: #fff; border-bottom: 1px solid #7296B4; margin-bottom: 0px; }
.main-nav .nav > li > a { font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.05em;  border-bottom: 2px solid #fff; }
.main-nav .nav .nav-item a { color: #00375f; }
.main-nav .nav .nav-item.active > a { background: #fff; color: inherit; border-bottom: 2px solid #FA5041; }
.main-nav .nav .nav-item.active > a:before { color: #fff; content: none; /*"\f0d8";*/ }
.main-nav .nav .nav-item > a:hover { background: #fff; color: inherit; border-bottom: 2px solid #FA5041; }
.main-nav .nav .nav-item > a:hover:before {     
  content: none; /*"\f0d8";*/
  position: absolute;
  bottom: -8px;
  left: 0;
  text-align: center;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  width: 100%;
}
.main-nav .nav .nav-item.open > a { color: inherit; }
.main-nav .nav .nav-item.open a { background: #fff; }
.main-nav .nav .nav-item .dropdown-menu a { background: #66879f; }
.main-nav .nav .nav-item .dropdown-menu a:hover { background: #00375f; color: #fff; padding-left: 24px; }
.main-nav .nav .nav-item .dropdown-menu li.active a { background: #00375f; color: #fff; padding-left: 24px; }


/***********************************/
/** responsive */
/***********************************/
@media (min-width: 768px) {
  
  .home-page .header  { background: url(/media/site/gen/ch35/bg-home.png) top right no-repeat; background-color: #ccd7df; background-position: 172px 54px; }
  .home-page .header .header-main { min-height: 347px; padding: 66px 0px 0px 0px; background-image: none; }
  /*.home-page .header .header-main { min-height: 347px; padding: 80px 0px 0px 0px; background: url(/media/site/gen/ch35/bg-home.png) top right no-repeat; }*/
  .header .header-main { min-height: 170px;  padding: 30px 0px 0px 0px; background: url(/media/site/gen/ch35/bg.png) top right no-repeat; /*background-size: cover;*/ }
  
  .home-page .header h1.logo { margin-top: 0px; margin-right: 20px; margin-left: 30px; }
  .header h1.logo { margin-top: 0px; margin-right: 20px; margin-left: 30px; display: inline-block; vertical-align: top; }
  
  .home-page .header h1.logo { width: 220px; /*190px;*/ }
  .header h1.logo { width: 120px; }
  
  .header h1.logo img { width: 100%; }
  
  .home-page .header div.resume { margin-top: 0px; margin-bottom: 23px; }
  .header div.resume { margin-bottom: 11px; margin-top: 0px; display: inline-block; vertical-align: top; }
  
  .home-page .header div.resume h2 { font-size:2.8em; margin-bottom: 8px; }
  .header div.resume h2 { font-size: 4.8em; margin-top: 0px; margin-bottom: 10px; }
  .home-page .header div.resume p { font-size: 1.4em;}
  .header div.resume p { font-size: 1.1em;}
  
  .main-nav { margin-bottom: 0px; }
  .main-nav .nav .nav-item { padding: 14px 20px 10px 20px; text-transform: none; }
  
  .navbar-nav > li > a { padding: 0px 0px 4px 0px; }
  
  .main-nav .nav > li.home { padding-bottom: 0px; }
  .main-nav .nav > li.home > a { font-size: 26px;}
  
  div.page-wrapper { padding-top: 30px; }
  
}

@media (min-width:1200px) {
  .home-page .header  { background-position: 70% 54px; }
}

@media (min-width:992px) and (max-width:1199px) {
  .home-page .header  { background-position: 10% 54px; }
}

.main-nav .nav > li.home > a { font-size: 26px;}


/***********************************/
/** contenu accueil */
/***********************************/
.home-page h1.section-heading { font-size: 42px; font-weight: 800; line-height: 1.5; margin-top: 0; color: #335F7F; text-transform: uppercase; }
.home-page h1.section-heading.text-highlight { color: #00B4C8; }

.home-page section { background: #fff; margin-bottom: 10px; }
.home-page section.actions { border-bottom: 1px solid #7296B4; background-color: #e5ebef; padding-top: 30px; }

.home-page .promo { margin-bottom: 0px; }

.box.box-dark { background: #335F7F; color: #fff; }

.home-page .promo a.btn-cta {
    width: 100%;
    font-size: 26px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-family: 'open_sans', arial, sans-serif;
    background-color: #33C3D3;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
    padding: 24px 12px;
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.2);
}
.home-page .promo a.btn-cta:hover { background-color: #00B4C8; }
  
  
a.btn-cta .fa, .btn-cta .fa {
    margin-right: 0px;
    margin-left: 10px;
    font-size: 34px;
    color: #fa5041;
}
a.btn-cta img.fa, .btn-cta img.fa { width: 36px; }


.actions  h2.title {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 800;
    min-height: 48px;
    position: relative;
    letter-spacing: -0.05em;
}
.actions h2.title a {
    color: #00375F;
    position: absolute;
    bottom: 4px;
    /*display: inline-block;
    padding-bottom: 6px;
    border-bottom: 1px solid #e95756;*/
}

.home-page section.news {
  padding-top: 20px;
}

.home-page .news h2.title {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #00375F;
}
.home-page .news h2.title a { color: inherit;}

.home-page .news p a.read-more { color: #fa5041; font-weight: 600; }

.home-page .news .news-item { padding-left: 45px; }

.btn .fa { color: inherit; }

.btn-theme { background-color: #00375f; border: 1px solid #00375f; }
.btn-theme:hover { background-color: #335f7f; border: 1px solid #335f7f; }
.btn.btn-theme .fa { color: #fa5041; }

.btn-white { background-color: #fff; color: #FA5041; border: 1px solid #fff; }
.btn-white:hover { color: #fff; background-color: #FA5041;}

section.actions { padding-bottom: 30px; }
/*.actions .row { margin-bottom: 35px; }*/
.actions .news-item p { color: #66879F; }
.actions .read-more  { padding: 2px 7px 1px 7px; background-color: #66879F; color: #fff; display: inline-block; font-size: 14px; }
.actions .read-more:hover  { background-color: #00375f; }

.home-page .carousel-controls a .fa { background-color: #00B4C8; width: 25px; height: 25px; font-size: 24px; }
.home-page .news .carousel-controls a:hover .fa { background-color: #00375f; }




/***********************************/
/** contenu des pages */
/***********************************/

.home-page.page-wrapper .page-heading h1.heading-title { color: #14235C; font-weight: 600; }
.page-wrapper .page-heading h1.heading-title { color: #00b4c8; font-weight: 800; text-transform: uppercase; }

.page-wrapper .page-sidebar .widget h3 { font-size: 1.8em; font-weight: 600; color: #00375F; }
.page-wrapper .page-sidebar .widget h3 a { color: inherit; }
.page-wrapper .page-sidebar .widget .nav li a { font-size: 15px; font-family: open-sans, arial, sans-serif; }
.page-wrapper .page-sidebar .widget .nav li a:hover { color: #00B4C8; border-left: 5px solid #00375F;  }
.page-wrapper .page-sidebar .widget .nav li.active a { color: #00B4C8; border-left: 5px solid #00375F; font-weight: 800; }

.page-wrapper .page-content article h3.title { color: #14235C; font-weight: 600; font-size: 2em; }
.page-wrapper .page-content article h3.title.adherent { font-size: 1.7em; text-transform: uppercase; margin-bottom: 6px; }
.page-wrapper .page-content article h3.title a { color: inherit; }
.page-wrapper .page-content article h3.title a:hover { color: #E95756; }

.page-wrapper .breadcrumbs ul { padding-top: 12px; }
.page-wrapper .breadcrumbs ul li.breadcrumbs-label { color: #335F7F; }
.page-wrapper .breadcrumbs ul li { color: #fa5041; font-size: 14px; }
.page-wrapper .breadcrumbs ul li a { color: #335F7F; }

.page-wrapper .btn.read-more  { padding: 2px 7px 1px 7px; background-color: #66879F; border-color: #66879F; color: #fff; display: inline-block; font-size: 14px; }
.page-wrapper .btn.read-more:hover  { background-color: #00375f; border-color: #66879F; }

.page-wrapper .page-content h2 { font-size: 28px; color: #00375f; text-transform: uppercase; font-weight: 600; margin-top: 40px; }
.page-wrapper .page-content div.page-row > h2:first-child { margin-top: 20px; }
.page-wrapper .page-content h2.bleu-vif { font-size: 26px; color: #00BAC8; font-weight: 800; }
.page-wrapper .page-content h3 { font-size: 24px; color: #00375f; font-weight: 600; margin-top: 30px; }
.page-wrapper .page-content h2 + h3 { margin-top: 10px; }
.page-wrapper .page-content h3.bleu-vif { font-size: 22px; color: #00BAC8; font-weight: 800; }
.page-wrapper .page-content h4 { font-size: 20px; color: #00375f; font-weight: 600; }
.page-wrapper .page-content h4.bleu-vif { font-size: 18px; color: #00BAC8; font-weight: 800; }
.page-wrapper .page-content h5 { font-size: 16px; color: #00375f; font-weight: 600; }
.page-wrapper .page-content h5.bleu-vif { font-size: 14px; color: #00BAC8; font-weight: 800; }

.page-wrapper .page-content div.box { margin-bottom: 15px; }
.page-wrapper .page-content .box h3 { margin-top: 5px; }
.page-wrapper .page-content .box h4 { margin-top: 5px; font-size: 16px; font-weight: 600; color: #FA5041; text-transform: uppercase; }
.page-wrapper .page-content .box p { font-weight:600; }
.page-wrapper .page-content .box p:last-child { margin-bottom: 0px; }

.page-wrapper .page-content .box.box-border { border-color: #00BAC8; }

.page-wrapper .page-content .content-wrapper ul li {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(/media/site/gen/ch35/puce.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: left 1px; /* on positionne où l'on veut */
    padding-left: 25px; /* pour éviter la superposition du contenu */
}
.page-wrapper .page-content .content-wrapper ul li ul li {
    list-style-type: disc;
    background-image: none;
    padding-left: 0px;
}

.page-wrapper .page-content .content-wrapper ul.list-unstyled li { background-image: none; padding-left: 0px; }

.page-wrapper .page-content .content-wrapper ul li .fa { color: #00B4C8; }

.content-wrapper img.pull-left { margin-right: 20px; }
.content-wrapper img.pull-right { margin-left: 20px; }




/***********************************/
/** footer */
/***********************************/

footer.footer { background-color: #7f9baf; height: auto; }
.footer h3 { font-size: 24px; color: #00375f; text-transform: uppercase; font-weight: 800; }
.footer p.adr, .footer p.tel, .footer p.email { font-size: 14px; color:#fff; }
.footer p.email a { color: inherit; }
.footer .footer-content .footer-col a { color: #fff; }
.footer .footer-content .footer-col a:hover { color: #00375f; }
.footer .footer-content .footer-col .btn.btn-theme .fa { color: #fa5041; margin-right: 0px; margin-left: 10px; }
.footer .footer-content .footer-col.contact .fa { color: #00375f; font-size: 1.8em; }
.footer .footer-content .footer-col.contact .logo { width: 70%; margin-bottom: 20px; margin-left: 18px; }
.footer .footer-content .adr { margin-bottom: 12px; }

.footer .bottom-bar { background-color: #00375f; border-bottom: 1px solid #5f87aa; }
.footer .bottom-bar .copyright { color: #fa2041; }
.footer .bottom-bar .copyright a { color: #fff; text-transform: uppercase; padding-right: 8px; margin-right: 8px; border-right: 1px solid #fa5041;}
.footer .bottom-bar .copyright a:last-child { border-right: none;}
.footer .bottom-bar .copyright a:hover { color: #7f9baf; }
.footer .bottom-bar ul.social-icons { padding-top: 0px; padding-bottom: 0px; }
.footer .social-icons a { background: #fff; }
.footer .social-icons a:hover { background: #7f9baf; }
.footer .social-icons a .fa { color: #00375f; }
.footer .social-icons a:hover .fa { color: #fff; }

.footer .logo-bar { background-color: #00375f; padding: 25px 0px 15px 0px; min-height: 80px; }