@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* 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 */
body {
  font-family: 'Muli', sans-serif;
  color: #939393;
}
.com-titre,
h1,
h2,
h3,
h4,
.title,
.titre {
  font-family: 'Muli', sans-serif;
  font-weight: 900 !important;
}
/* #3d4179 */
.breadcrumbs * {
  color: #3d4179 !important;
  font-size: 13px !important;
}
.container.main-inner-content {
  padding-bottom: 0;
}
.mobilites_container {
  padding-bottom: 30px;
}
#footer-pre {
  padding: 100px 0;
  background: linear-gradient(0.25turn, #5360a5, #2f3250);
  margin-top: -30px;
  margin-bottom: 30px;
}
#footer-pre .desc {
  margin: 40px 0;
  color: #fff;
  line-height: 2em;
  padding: 0 38px;
  font-size: 18px;
}
#footer-pre a {
  font-weight: 900;
}
#footer-pre a:hover {
  color: #fff;
  text-decoration: underline !important;
}
.mobilites_container .mobilite-date {
  font-size: 22px;
}
.section-fildariane {
  padding-left: 0;
}
.at-resp-share-element .at-share-btn:focus,
.at-resp-share-element .at-share-btn:hover {
  outline: none;
}
@media (min-width: 1200px) {
  header .header-main {
    border-bottom: 1px solid #e2e2e2;
  }
  header .bar .socials {
    display: none;
  }
  header .inline-div-section-wrapper .inline-div-section:last-child {
    min-width: 775px;
  }
  header .nav.nav-default-mod {
    padding: 0;
  }
  header .header-navigation .nav a {
    font-weight: 900;
    text-transform: none;
  }
  header #header-morelinks {
    display: block;
    position: relative;
    margin-left: 15px;
  }
  header #header-morelinks:before {
    content: '';
    width: 0px;
    border-left: 1px solid #e2e2e2;
    height: 28px;
    position: absolute;
    top: 6px;
    left: 0;
  }
  header #header-morelinks li {
    padding-right: 10px;
  }
  header #header-morelinks li a {
    line-height: 38px;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    width: 80px;
  }
  header #header-morelinks li a:hover {
    color: #3d4179;
    text-decoration: underline !important;
  }
  header #header-morelinks li a:first-child {
    text-align: center;
  }
  header .header-navigation {
    width: calc(100% - 254px) !important;
  }
  header .header-nav-side .header-navigation .nav-wrapper > nav > ul {
    display: block;
    text-align: right;
  }
  header .header-nav-side .header-navigation .nav-wrapper > nav > ul > li {
    min-width: 0;
  }
  header .header-nav-side .header-navigation .nav-wrapper > nav > ul > li > a {
    padding: 0 8px;
    white-space: nowrap;
  }
  header .header-search-mobile {
    left: -23% !important;
  }
  /* header */
  .light_subnav .header-navigation .nav .nav-dropdown {
    top: 62px !important;
    margin-left: -50%;
  }
  .light_subnav .header-navigation .nav .nav-dropdown a {
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    font-size: 13px;
  }
  #section-header {
    height: 520px;
    padding-top: 115px;
  }
  #section-header .cta-header {
    background: #fff;
    display: inline-block;
    border-radius: 25px;
    height: 50px;
    width: 173px;
    line-height: 50px;
    font-weight: 900;
    font-size: 16px;
    color: #3f4378;
    margin-top: 33px;
  }
  #section-header .cta-header .cta-header-label {
    color: #3d4179;
    margin-left: 30px;
    display: inline-block;
  }
  #section-header .cta-header img {
    margin: -3px 10px 0 -10px;
  }
  #section-header .cta-header:hover {
    background: #3d4179;
    color: #fff !important;
  }
  #section-header .cta-header:hover a {
    color: #fff;
  }
  .header-nav {
    height: 97px;
  }
  .header-nav-side .header-navigation {
    margin-top: 35px;
  }
  .logo > a {
    height: 97px;
  }
  .logo > a img {
    max-height: 45px;
  }
  .home-section.section-default .section-title .title {
    font-size: 25px;
  }
  #com1 .com-description {
    padding-right: 95px;
  }
  .footer_mode_right.na-footer,
  .footer_mode_right #footer-middle,
  .footer_mode_right #footer-bottom {
    padding-bottom: 0 !important;
  }
  .footer_mode_right #footer-middle .footer-nav,
  .footer_mode_right #footer-bottom .footer-nav {
    display: block !important;
  }
  .footer_mode_right #footer-middle .footer-nav > ul,
  .footer_mode_right #footer-bottom .footer-nav > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(0, auto);
  }
  .footer_mode_right #footer-middle .footer-nav > ul > li,
  .footer_mode_right #footer-bottom .footer-nav > ul > li {
    padding-bottom: 0 !important;
    font-size: 14px;
    margin-left: 30px;
  }
  .footer_mode_right #footer-middle .footer-nav ul li,
  .footer_mode_right #footer-bottom .footer-nav ul li {
    padding-bottom: 0 !important;
    font-size: 14px;
  }
  .model-content > .content {
    max-width: calc(100% - 400px );
  }
  #zoneEvent {
    padding: 85px 0;
  }
  #zoneEvent .e-sidebar-left {
    width: 375px;
    margin-right: 50px;
  }
  #zoneEvent .post-body-content {
    padding-bottom: 5px;
  }
  #zoneEvent .post-body-content > .model-ratio-image {
    display: none;
  }
  #zoneEvent .post-body-content .list-e-descriptif {
    display: none;
  }
  #zoneEvent .post-body-content h5 {
    color: #62bfc4 !important;
    font-weight: normal;
    font-size: 18px;
    padding-left: 15px 0 0 ;
    text-transform: uppercase;
  }
  #zoneEvent .post-body-content h5 a {
    color: #62bfc4 !important;
  }
  #zoneEvent .post-meta a {
    background-color: transparent !important;
    color: #3d4179;
  }
  #zoneEvent .post-meta a:hover {
    text-decoration: underline;
  }
  #zoneEvent .post-meta .event-item-tag {
    padding: 0;
    background: transparent !important;
    color: #8e8e8e;
  }
  #zoneEvent .post-meta .event-item-tag .fas {
    font-size: 28px;
  }
  #zoneEvent .post-head h6 {
    font-weight: 900;
    font-size: 16px;
    color: #3d4179 !important;
  }
  #zoneEvent .post-head h6 a {
    color: #3d4179 !important;
  }
  #zoneEvent .datepicker-event .ui-widget-header,
  #zoneEvent .datepicker-event .ui-datepicker-calendar thead th {
    background-color: #62bfc4 !important;
  }
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-title {
    padding: 25px 0;
    font-size: 20px;
    font-weight: 500;
  }
  #zoneEvent .datepicker-event .ui-datepicker-calendar thead th {
    padding: 12px;
    font-size: 11px;
  }
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-next,
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-prev {
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-next span,
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-prev span {
    display: none;
  }
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-next:after {
    content: "\f105";
  }
  #zoneEvent .datepicker-event .ui-datepicker .ui-datepicker-prev:after {
    content: "\f104";
  }
  #zoneEvent .datepicker-event .ui-state-default,
  #zoneEvent .datepicker-event .ui-widget-content .ui-state-default {
    font-size: 18px;
    padding: 13px 0;
  }
  #zoneEvent #zoneEvent .datepicker-event .ui-datepicker-calendar tbody tr:first-child td {
    padding-top: 10px;
  }
  header .bar .bar-btn-2 a > .topbar-btn-icon {
    left: 30px;
  }
  header .bar .bar-btn-2 a > .btn-adherer-label {
    margin-left: 30px;
  }
  header .bar .bar-btn-1 a > .faicon_user {
    left: 25px;
    top: 18px;
  }
  header .bar .bar-btn-1 a > span.hidden-xs {
    margin-left: 30px;
  }
}
/* media lg-max*/
#header-morelinks {
  display: none;
}
.bar .bar-btn-1 a,
.bar .bar-btn-2 a {
  text-transform: none;
  font-weight: 800 !important;
  position: relative;
}
.bar .bar-btn-1 a .fa-user-circle,
.bar .bar-btn-2 a .fa-user-circle,
.bar .bar-btn-1 a > .topbar-btn-icon,
.bar .bar-btn-2 a > .topbar-btn-icon {
  position: absolute;
  display: block !important;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
}
.bar .btn-adherer-wrapper .icon_don:before,
.bar .btn-adherer-wrapper .icon_adherer:before {
  content: "";
  background: url(/ressources/css/images/don.png);
  width: 31px;
  height: 26px;
  display: block;
}
.bar .btn-adherer-wrapper a:hover .icon_don:before,
.bar .btn-adherer-wrapper a:active:hover .icon_don:before,
.bar .btn-adherer-wrapper a:visited:hover .icon_don:before,
.bar .btn-adherer-wrapper a:hover .icon_adherer:before,
.bar .btn-adherer-wrapper a:active:hover .icon_adherer:before,
.bar .btn-adherer-wrapper a:visited:hover .icon_adherer:before {
  background: url(/ressources/css/images/don2.png);
}
.bar .btn-connexion-wrapper .faicon_user:before {
  content: "";
  background: url(/ressources/css/images/user.png);
  width: 26px;
  height: 26px;
  display: block;
}
.bar .btn-connexion-wrapper a:hover .faicon_user:before,
.bar .btn-connexion-wrapper a:active:hover .faicon_user:before,
.bar .btn-connexion-wrapper a:visited:hover .faicon_user:before {
  background: url(/ressources/css/images/user2.png);
}
.bar .search-toggle-wrapper .fa-search:before {
  content: "";
  background: url(/ressources/css/images/search.png);
  width: 25px;
  height: 26px;
  display: block;
}
.bar .search-toggle-wrapper a:hover .fa-search:before,
.bar .search-toggle-wrapper a:active:hover .fa-search:before,
.bar .search-toggle-wrapper a:visited:hover .fa-search:before {
  background: url(/ressources/css/images/search2.png);
}
.home-section.section-default .section-more a {
  color: #62bfc4;
  background-color: #fff;
  border: 0 none;
  border-radius: 20px;
  padding: 10px 32px;
  font-weight: 900;
  text-transform: none;
  font-size: 16px;
}
.home-section.section-default .section-more a:hover {
  background-color: #3d4179 !important;
  color: #fff;
  border: 0 none;
  border-radius: 20px;
}
#section-actus .section-more a {
  background-color: #62bfc4;
  color: #fff;
}
#section-actus .readMore .fas {
  font-weight: 900;
  font-size: 32px;
  color: #62bfc4;
}
#section-actus .model-content .title {
  position: absolute;
  top: 50px;
  color: #fff;
  background: #3d4179;
  left: 0;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}
#section-actus .model-content .title .title-event-type {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
}
#section-actus .desc {
  text-align: left;
}
#section-actus.home-section.section-default .section-more {
  margin-top: 60px;
}
.model-content .sidebar {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 375px;
}
.model-content .sidebar .sidebar-title {
  font-weight: 900;
  color: #62bfc4;
  text-transform: none;
  font-size: 24px;
  text-align: center;
  padding: 0;
}
.model-content .sidebar .sidebar-title:after {
  display: none;
}
.model-content .sidebar .article {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border: 0 none;
  position: relative;
  padding: 0;
  margin: 10px;
  width: calc( 100% - 20px);
}
.model-content .sidebar .article .container {
  background: #fff;
}
.list_articles.vignette .article {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border: 0 none;
  position: relative;
}
.list_articles.vignette .article:hover {
  border: 0 none;
  color: #333;
}
.list_articles.vignette .article:hover a {
  color: #333;
}
.list_articles.vignette .article:hover .overlay {
  display: none;
}
.list_articles.vignette .article:hover .model-ratio-image .click-img:after {
  display: none;
}
.list_articles.vignette .article .container {
  height: 120px;
  padding-bottom: 60px;
  background: #fff;
}
.list_articles.vignette .article .container .readMore .fas {
  font-weight: 900;
  font-size: 32px;
  color: #62bfc4;
  display: block !important;
  right: 15px;
  bottom: 15px;
  position: absolute;
}
.list_articles.vignette .article .container .readMore span {
  display: none;
}
.list_articles.vignette .article .container .title,
.list_articles.vignette .article .container .precontentText {
  display: none !important;
  height: 60px;
  overflow: hidden;
}
.list_articles.vignette .article .container .contentText {
  height: 60px;
  overflow: hidden;
}
.list_articles.vignette .article .container .title-event-type {
  position: absolute;
  top: -158px;
  color: #fff;
  background: #3d4179;
  left: 0;
  height: 28px;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
}
#com1 .com-titre {
  font-size: 24px;
  margin: 0 0 35px;
  color: #3d4179;
}
#com1 .com-description {
  line-height: 25px;
  font-size: 16px;
}
@media (min-width: 1200px) {
  #com1 .com-cta {
    font-size: 18PX;
    font-weight: bold;
    margin-top: 30px;
    position: absolute;
    width: 50%;
    bottom: 0;
    text-align: center;
    padding-right: 95px;
  }
}
#com1 .com-cta a {
  color: #fff;
  background-color: #62bfc4;
  display: inline-block;
  border: 0 none;
  border-radius: 20px;
  padding: 10px 30px;
}
#com1 .com-cta a:hover {
  background-color: #3d4179;
  color: #fff;
}
@media (max-width: 1199.98px) {
  #com1 .com-cta {
    padding: 30px 0 0;
    width: 85vw;
    margin: 0 auto;
  }
  #com1 .com-cta a {
    display: block;
  }
}
@media (max-width: 767.98px) {
  #com2 .icons-wrapper a {
    transform: scale(0.7);
    display: block;
  }
}
@media (min-width: 1200px) {
  #com2 .icons-wrapper {
    margin: 55px 0 50px;
  }
}
#com2 .com2-icon {
  margin: auto;
  height: 80px;
  width: 68px;
  text-align: center;
}
#com2 .com2-icon img {
  max-height: 100%;
}
#com2 .com2-label {
  font-weight: 900;
  color: #fff;
  font-size: 16px;
}
#com2 .com2-label:active,
#com2 .com2-label:focus {
  color: #fff !important;
}
#com2 .section-title .title {
  font-size: 25px;
}
#row-colloques {
  background: linear-gradient(0.25turn, #5db8c1, #2a73a6);
}
#row-colloques .title {
  color: #3d4179;
}
#row-colloques .desc {
  display: none;
}
#row-colloques .home-section.section-default .section-more {
  margin-top: 60px;
}
#section-liens .section-sub_title {
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 0 40px;
}
#section-liens .article-Model {
  border: 0 none;
}
#section-liens .article-Model .model-image {
  margin-bottom: 16px;
}
#section-liens .article-Model .model-content > a {
  overflow: hidden;
  display: block;
}
#section-liens .article-Model .model-content .title {
  font-size: 13px;
  padding: 5px 30px;
}
#section-newsletter .email_nl-wrapper {
  margin-right: 15px;
}
#section-newsletter .newsletter-inscription-message {
  font-size: 22px;
  text-align: center;
  margin: -10px 0 50px;
}
#section-newsletter .inscription-newsletter .email_nl-wrapper > .fas {
  display: none;
}
#section-newsletter .inscription-newsletter .email_nl-wrapper .email_nl {
  color: #62bfc4;
  font-weight: 900;
  font-size: 16px;
  padding-left: 20px;
  border-radius: 30px;
  height: 50px;
}
#section-newsletter .inscription-newsletter .button-ok {
  background-color: #62bfc4 !important;
  border-radius: 30px;
  width: 60px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  font-weight: 900;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  #section-newsletter .inscription-newsletter .button-ok {
    margin: 10px 0;
    display: inline-block;
  }
}
#section-newsletter .inscription-newsletter .button-ok:hover {
  background-color: #3d4179 !important;
}
#row-contact:after {
  background: linear-gradient(0.9turn, rgba(26, 28, 56, 0.95), rgba(78, 92, 167, 0.85));
}
#section-contact .contact-icon {
  height: 85px;
}
#section-contact .contact-label {
  color: #fff;
  font-size: 20px;
  text-align: center;
}
#section-contact .cntact-form {
  margin-top: 40px;
}
#section-contact input,
#section-contact textarea {
  border-radius: 30px;
  padding: 15px 30px;
  font-size: 14px;
  width: 100%;
  height: 50px;
}
#section-contact textarea {
  border-radius: 15px;
  height: 170px;
}
#section-contact a {
  color: #fff;
}
#section-contact a:hover {
  color: #fff !important;
}
@media (min-width: 1200px) {
  #section-contact #Commentaires {
    width: calc(100% - 15px);
  }
}
@media (min-width: 1200px) {
  #section-contact .row-actions {
    padding: 0 20px;
    background: #fff;
    border-radius: 15px;
    margin: 10px 30px;
    width: calc(100% - 75px);
    height: 100px;
  }
  #section-contact .row-actions #recaptchaContainer {
    float: left;
    background: #fff;
    margin-top: 11px;
  }
}
#section-contact .row-actions input[type="submit"] {
  background: transparent;
  color: #62bfc4;
  border: 1px solid #959595;
  float: right;
  font-weight: 900;
  width: 200px;
  height: 50px;
  line-height: 49px;
  padding: 0;
  margin-top: 26px;
}
#section-contact .row-actions input[type="submit"]:hover {
  background: #3d4179;
  color: #fff;
  border-color: #3d4179;
}
#section-contact .color_main_color_1 {
  line-height: 30px;
}
.footer_mode_right #footer-middle *,
.footer_mode_right #footer-bottom * {
  color: #3d4179;
}
.footer_mode_right #footer-middle #footer-socials .fab,
.footer_mode_right #footer-bottom #footer-socials .fab {
  font-size: 25px;
  color: #3d4179;
}
.footer_mode_right #footer-middle .footer-nav,
.footer_mode_right #footer-bottom .footer-nav {
  display: none;
  font-size: 13px;
}
.footer_mode_right #footer-middle .footer-nav *,
.footer_mode_right #footer-bottom .footer-nav * {
  color: #545454;
}
.footer_mode_right #footer-middle .footer-nav .list-head,
.footer_mode_right #footer-bottom .footer-nav .list-head {
  line-height: 1.5;
  border: 0 none;
  font-size: 14px;
  text-transform: uppercase;
}
.footer_mode_right #footer-middle .footer-nav .list-head *,
.footer_mode_right #footer-bottom .footer-nav .list-head * {
  color: #3d4179;
}
.footer_mode_right #footer-middle .footer-nav .list-head ul,
.footer_mode_right #footer-bottom .footer-nav .list-head ul,
.footer_mode_right #footer-middle .footer-nav .list-head li,
.footer_mode_right #footer-bottom .footer-nav .list-head li {
  display: block;
  padding: 0;
}
.footer_mode_right #footer-bottom {
  background: rgba(61, 65, 121, 0.6);
}
.footer_mode_right.na-footer #footer-bottom .liens-footer {
  padding: 10px 0 15px;
  text-align: center;
  margin-top: 0;
}
.footer_mode_right.na-footer #footer-bottom .liens-footer * {
  color: #fff;
}
@media (max-width: 991.98px) {
  .footer_mode_right.na-footer #footer-bottom .liens-footer * {
    color: #3d4179;
  }
}
.main-content-wrapper {
  padding-top: 0;
}
.bandeau-page {
  height: 520px;
  background-size: cover !important;
  position: relative;
  overflow: hidden;
  color: #3d4179;
}
.bandeau-page .breadcrumbs *  {
  font-size: 16px;
}
.bandeau-page:before {
  content: '';
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.bandeau-page .bandeau-inner {
  height: 520px;
  z-index: 99;
  position: relative;
  padding: 20px 0;
}
.bandeau-page .addContenttitle {
  font-size: 16px;
  font-size: 23px;
  margin-bottom: 15px;
  margin: 70px 0 60px 0;
  font-weight: 900;
}
.bandeau-page .addContenttext {
  font-size: 16px;
  line-height: 1.6em;
  font-weight: bold;
}
.links-next-prev a,
.links-next-prev a:hover {
  background: transparent;
  text-decoration: underline;
  padding: 0 !important;
  font-size: 17px;
  border: 0 none;
  color: #62bfc4 !important;
  width: auto;
  font-weight: 900;
}
.news-carrousel {
  margin-bottom: 85px;
  padding: 30px 0 0;
}
.news-carrousel .contentText {
  line-height: 1.6em !important;
}
.news-carrousel .news-chapeau {
  color: #62bfc4;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 12px;
  line-height: 1.6em;
}
.global-pagination {
  padding-right: 15px;
}
#process_collab .title {
  text-align: center;
  font-size: 23px;
  color: #3d4179;
}
#process_collab .audience > [class^="col-"],
#process_collab .accord-body > [class^="col-"],
#process_collab .ques > [class^="col-"] {
  font-size: 13px;
  line-height: 18px;
  color: #4a4a4a;
  font-family: "Muli";
  font-weight: 400;
  text-align: center;
  padding: 0 25px;
}
#process_collab .audience > [class^="col-"] .image,
#process_collab .accord-body > [class^="col-"] .image,
#process_collab .ques > [class^="col-"] .image {
  margin-bottom: 20px;
}
#process_collab .accord .title {
  margin-bottom: 30px;
}
#process_collab .ques .title {
  margin-bottom: 50px;
}
#process_collab .accord .accord-head {
  height: 200px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 992px) {
  #process_collab .accord .accord-head {
    background: transparent url(/ressources/css/images/vizprofil.png) no-repeat 88% center;
  }
}
#process_collab .accord .accord-body > [class^="col-"] {
  color: #fff;
}
#process_collab .accord .accord-body .title {
  color: #62bfc4;
  font-size: 36px;
  margin: 79px auto 45px;
}
#process_collab .accord .accord-section {
  font-size: 13px;
}
#process_collab .accord .accord-section .title {
  color: #fff;
  text-align: left;
}
@media (max-width: 767.98px) {
  #process_collab .accord .accord-section {
    padding: 0 30px;
  }
}
#process_collab .accord:before {
  content: '';
  position: absolute;
  left: -100%;
  width: 300%;
  top: 0;
  height: 100%;
  display: block;
  background-image: linear-gradient(135deg, #5360a5 0%, #2b2e4f 100%);
}
#process_collab > .row {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
#process_collab .disc-num {
  width: 110px;
  line-height: 110px;
  background: rgba(98, 191, 196, 0.3);
  font-size: 50px;
  color: #ffffff;
  font-weight: 900;
  text-align: center;
  font-style: normal;
  border-radius: 50%;
}
#process_collab .card {
  padding: 20px;
  color: #3d4179;
  height: 440px;
}
#process_collab .card ul {
  line-height: 1.5em;
  font-size: 17px;
}
#process_collab ul {
  list-style-type: disc;
  list-style-position: inside;
}
#process_collab .bgwhite {
  background-color: #fff;
}
#process_collab .strong {
  font-weight: bold;
}
#process_collab .bigger {
  font-size: 1.7em;
}
#process_collab .marge30 {
  margin: 30px 0;
}
#process_collab .marge50 {
  margin: 50px 0;
}
#process_collab .padding30 {
  padding: 30px 0;
}
#process_collab .padding50 {
  padding: 50px 0;
}
#process_collab .clr2 {
  color: #3d4179;
}
#process_collab .clr1 {
  color: #62bfc4;
}
#process_collab .titre-huge {
  font-size: 72px;
  color: rgba(98, 191, 196, 0.2);
  font-weight: 900;
  line-height: 1em;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  #process_collab .titre-huge {
    font-size: 52px;
    margin-top: 50px;
  }
}
#process_collab .titre-huge.prems {
  margin-top: 0;
}
#process_collab .wboxs {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767.98px) {
  #process_collab .wboxs > [class^="col-"] {
    margin: 15px;
  }
}
#process_collab .mb20 {
  margin-bottom: 20px;
}
#process_collab .italic {
  font-style: italic;
}
#process_collab .fz16 {
  font-size: 16px;
  line-height: 1.5em;
}
#process_collab .underline {
  text-decoration: underline;
}
#process_collab .phead {
  line-height: 1.4em;
  font-weight: 900;
}
#process_collab .how:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: -260px;
  width: 200%;
  top: 0;
  background: transparent url(/ressources/css/images/bghow.png) no-repeat left -125px;
}
#process_collab .steps {
  background-color: #F8F8F8;
  font-size: 16px;
  line-height: 1.3em;
}
#process_collab .steps .step-inner {
  padding-top: 30px;
}
#process_collab .steps .step-inner:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border: 50px solid transparent;
  border-top-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  #process_collab .steps .step-inner {
    padding: 30px 15px;
    translate: scale(0.9);
  }
}
#process_collab .steps:before {
  content: '';
  background-color: #F8F8F8;
  height: 100%;
  display: block;
  width: 300%;
  left: -100%;
  top: 0;
  position: absolute;
}
#process_collab .steps .cols-inner {
  margin-right: 30px;
}
@media (min-width: 992px) {
  #process_collab .pouquoi .block-text {
    padding-left: 80px;
  }
}
#process_collab .pouquoi .block-text .title {
  line-height: 1.5em;
  font-weight: 900;
  color: #3d4179;
  margin-bottom: 15px;
  font-size: 18px;
  display: block;
  font-size: 24px;
  text-align: left;
}
#process_collab .pouquoi .block-text .title .fas {
  font-size: 1.3em;
  margin-left: 10px;
}
#process_collab .pouquoi .block-text .chapeau {
  color: #62bfc4;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 12px;
  line-height: 1.6em;
}
#process_collab .pouquoi .block-text .desc {
  display: block;
  padding: 0 25px 0 0;
  line-height: 1.6em;
  font-size: 15px;
  color: #4d4d4d;
}
#process_collab .audience .text {
  padding: 0 80px;
}
#process_collab .audience .colonne + .colonne:before {
  content: '+';
  font-size: 120px;
  color: rgba(98, 191, 196, 0.2);
  position: absolute;
  display: block;
  left: -60px;
  font-family: Muli;
  top: 40px;
}
/* POUR QUI*/
#pourquiBlocks .block-text-wrapper {
  height: 100%;
}
#pourquiBlocks .row-even,
#pourquiBlocks .row-odd {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 1200px) {
  #pourquiBlocks .row-even,
  #pourquiBlocks .row-odd {
    height: 559px;
  }
}
#pourquiBlocks .row-even .actions,
#pourquiBlocks .row-odd .actions {
  position: absolute;
  bottom: 0;
}
#pourquiBlocks .row-even .actions a,
#pourquiBlocks .row-odd .actions a {
  background: #62bfc4;
  border-radius: 25px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  width: 200px;
}
#pourquiBlocks .row-even .actions a:hover,
#pourquiBlocks .row-odd .actions a:hover {
  background: #3d4179;
  color: #fff;
}
@media (min-width: 992px) {
  #pourquiBlocks .block-text {
    padding-left: 80px;
  }
}
#pourquiBlocks .block-text .title {
  line-height: 1.5em;
  font-weight: 900;
  color: #3d4179;
  margin-bottom: 15px;
  font-size: 18px;
  display: block;
  font-size: 24px;
}
#pourquiBlocks .block-text .title .fas {
  font-size: 1.3em;
  margin-left: 10px;
}
#pourquiBlocks .block-text .chapeau {
  color: #62bfc4;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 12px;
  line-height: 1.6em;
}
#pourquiBlocks .block-text .desc {
  display: block;
  padding: 0 25px 0 0;
  line-height: 1.6em;
  font-size: 15px;
  color: #4d4d4d;
}
#pourquiBlocks .row-even {
  background: #fff;
}
#pourquiBlocks .row-odd .block-image {
  float: right;
}
@media (min-width: 992px) {
  #pourquiBlocks .row-odd .block-text {
    padding: 0 80px 0 0 ;
  }
}
#pourquiBlocks .row-odd:before {
  content: '';
  background: #f8f8f8;
  position: absolute;
  left: -2000px;
  top: 0;
  width: calc( 100vw + 2000px );
}
@media (min-width: 1200px) {
  #pourquiBlocks .row-odd:before {
    height: 559px;
  }
}
@media (max-width: 991.98px) {
  #pourquiBlocks .row {
    padding: 0;
  }
  #pourquiBlocks .block-text {
    padding-bottom: 50px;
  }
  #pourquiBlocks .block-text .title {
    font-size: 15px;
    margin-top: 15px !important;
    float: left;
    width: 100%;
  }
  #pourquiBlocks .block-text .actions {
    position: relative !important;
    text-align: center;
    margin-top: 30px;
  }
}
#footer-pre .com2-icon {
  height: 65px;
}
#footer-pre .com2-label {
  text-decoration: underline !important;
}
@media (max-width: 991.98px) {
  #footer-pre .icons-wrapper > .text-center + .text-center {
    margin-top: 30px;
  }
  #footer-pre .icons-wrapper > .text-center > .desc {
    max-width: 90vw;
    margin: 0 auto 15px;
  }
}
@media (max-width: 1199.98px) {
  .bandeau-page .imgbg {
    height: 520px;
  }
  .bandeau-page .imgbg img {
    min-height: 100%;
    min-width: 100%;
    width: unset;
    height: unset;
    max-width: unset;
    max-height: unset;
  }
  header .header-navigation .nav > ul > li:hover > a {
    color: #fff;
  }
}
.socials-fixed {
  display: none;
}
.bt-scroll {
  background: #3d4179;
  color: #fff;
  border-radius: 50%;
  right: 5%;
}
@media (max-width: 991.98px) {
  .home-section.section-default {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.ep-content .cotisations input[type=text] {
  color: black;
}
.ep-content .cotisations .cotisation td {
  padding: 2px 0;
}
.ep-content .cotisations .cotisation td input[type=radio] {
  margin: 0px;
}
.ep-club-item .ep-club-actions span.inscription_temp {
  float: none;
  clear: both;
}