/*** GENERAL *******************************************************************/


/*** ON CACHE LE MENU ***/
.hs-blog-post .header__menu-col { display: none; }

/*** ON CACHE L'AUTEUR & SHAR ***/
.hs-blog-post .blog-post__meta { display: none; }

/*** CONTENEUR GENERAL ***/
.hs-blog-post > main > .content-wrapper .blog-post-section { padding: 0; }



/*** HEADER ***************************************************************************/

/*** HEADER -> MARGES ***/
.header .header__bottom {
  position: relative;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}

/*** HEADER -> LOGO ***/
.header .header__bottom .header__logo-col {
  flex: unset;
  margin-bottom: 0;
}

/*** HEADER -> BOUTON ***/
.header .header__bottom .header__button-col { margin-left: 0; }
.header .header__bottom .header__button-col a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 80px;
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 45px;
  margin: 0;
  padding: 0 20px;
  
  color: white;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  
  background-color: #75A2EF;
  border: none;
  border-radius: 24px;
}



/*** BODY **********************************************************************/

/*** ON MODIFIE LA LARGEUR DU CONTENEUR GENERAL ***/
main > .content-wrapper {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.hs-blog-post > main > .content-wrapper > .blog-post-section:nth-child(1) {
  margin: 0 auto;
  margin-top: -70px !important;

  max-width: 980px;
}


/*** BLOG BAN ***/
.blogBan {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  padding: 30px 0 100px 0;
  background-color: #eaf1fd;
}
.blogBan_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
}


/*** CATEG ***/
.blogBan .blog-post__tags > span { display: none; }

.blogBan .blog-post__tags > .blog-post__tag-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  margin: 0 0 50px 0;
  padding: 0 20px;
  height: 45px;

  color: white;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;

  background-color: #75A2EF;
  border-radius: 24px;
}

/*** TITRE ***/
.blogBan h1 {
  margin: 0 0 30px 0;

  color: #646363;
  font-size: 44px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
}

/*** DATE ***/
.blogBan .blog-post__timestamp {
  margin: 0;

  color: #646363;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}


/*** BODY --********************************************************************/
.blog-post__body { padding: 0 20px; }

/*** VIDEO ***/
#hs_cos_wrapper_post_body .hs-embed-wrapper { max-width: unset !important; }






/*** FOOTER ********************************************************************/


/*** ETAGE 1 -> FORM NEWSLETTER ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid  { max-width: 500px; }

/*** PICTO ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid > .widget-span > .row-number-2 { margin-bottom: 10px; }

/*** TEXTE -> NEWSLETTER ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid > .widget-span > .row-number-3 span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #646363;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

/*** FORM ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid > .widget-span > .row-number-4 form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px;

  /*** RESET ***/
  padding: 0;
  background-color: unset;
  border: unset;
}

/*** EMAIL ***/
.footer .hs-form > .hs_email {
  order: 1;
  flex: 1;
  margin: 0;
}
.footer .hs-form > .hs_email label { display: none; }
.footer .hs-form > .hs_email input {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 25px;

  color: #646363;
  font-size: 14px;
  font-weight: 300;

  background: white;
  border: 1px solid rgba(0,44,90,.17);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;

  transition: all .2s;
  appearance: none;
  outline: none;
}
.footer .hs-form > .hs_email input::placeholder { color: #646363; }

/*** LEGAL CONSENT ***/
.footer .hs-form > .legal-consent-container {
  order: 3;
  margin: 20px 10px 0 10px;
  line-height: 13px;
}

.footer .hs-form > .legal-consent-container label {
  display: flex;
  flex-direction: row;
  align-items: center;
  
  margin: 0;
  padding: 0;
}

.footer .hs-form > .legal-consent-container label > input { margin-right: 10px; }

.footer .hs-form > .legal-consent-container label > span p,
.footer .hs-form > .legal-consent-container label > span a {
  color: #1d1d1d;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
}

.footer .hs-form > .legal-consent-container .hs-form-field,
.footer .hs-form > .legal-consent-container .hs-form-booleancheckbox,
.footer .hs-form > .legal-consent-container span {
  margin: 0 !important;
}


/*** SUBMIT ***/
.footer .hs-form > .hs_submit { order: 2; }
.footer .hs-form > .hs_submit input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 40px;
  padding: 0 25px;

  color: white;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;

  background: #75A2EF;
  border: 1px solid #75A2EF;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;

  cursor: pointer;
}


/*** ERROR ***/
.footer .hs-form .hs-error-msgs,
.footer .hs-form > .hs_error_rollup { display: none; }



/*** ETAGE 2 -> DESC ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-5 > .row-fluid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  padding: 60px 0;
  border-bottom: 1px solid #9fbef5;
}
@media screen and (min-width: 768px) {
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-5 > .row-fluid { flex-direction: row; }
}

/*** LOGO ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-5 > .row-fluid > .widget-span:nth-child(1) { width: 220px; }

/*** TEXT ***/
@media screen and (min-width: 768px) {
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-5 > .row-fluid > .widget-span:nth-child(2) {
    width: calc( (100% - 15px) - 220px);
    margin-left: 15px;
  }
}



/*** ETAGE 3 -> MENU ***/
.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul { flex-direction: row; }
}

@media screen and (max-width: 767px) {
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul li { margin-top: 20px; }
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul li:first-child { margin-top: 0; }
}
@media screen and (min-width: 768px) {
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul li { margin-left: 50px; }
  .footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul li:first-child { margin-left: 0; }
}

.footer > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-8 > .row-fluid ul li a:hover { text-decoration: underline; }






/*** ARTICLES ASSOCIES *********************************************************/
#hs_cos_wrapper_related_posts .blog-listing {
  display: flex;
  flex-direction: column;

  margin: 60px auto 0 auto;
  padding: 60px 20px;
  max-width: 1100px;
  border-top: 1px solid #eaeaea;
}
@media screen and (min-width: 768px) {
  #hs_cos_wrapper_related_posts .blog-listing {
    flex-direction: row;
    justify-content: center;
  }
}


/*** TITRE***/
#hs_cos_wrapper_related_posts .blog-listing > h2 {
  margin-bottom: 30px !important;
  padding: 0 !important;

  color: #00A19B !important;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
}


/*** ITEM ***/
#hs_cos_wrapper_related_posts .blog-listing article {
  margin-left: 0;
  margin-right: 0 !important;
  background-color: white;
  box-shadow: 0px 0px 22px #00000017;
}
@media screen and (max-width: 767px) {
  #hs_cos_wrapper_related_posts .blog-listing article { margin: 10px 0; }
}
@media screen and (min-width: 768px) {
  #hs_cos_wrapper_related_posts .blog-listing article {
    width: calc( (100% - 60px) / 3 );
    margin: 0 10px;
  }
}


/*** CONTENT ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-content {
  display: flex;
  flex-direction: column;
  padding: 15px 15px 30px 15px;
}


/*** HEADER ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__header {
  display: flex;
  flex-direction: column;
  margin: 0;
}


/*** DATE ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-timestamp {
  order: 1;
  margin: 0 0 5px 0;

  color: #00A19B;
  font-size: 12px;
  line-height: 12px;
}


/*** TITRE ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-title {
  order: 2;
  margin: 0 0 15px 0;

  color: #1d1d1d;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}


/*** DESC ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-summary p {
  margin: 0 0 10px 0;

  color: #1d1d1d;
  font-size: 14px;
  line-height: 18px;
}


/*** BUTTON ***/
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-button-wrapper { margin: 0; }
#hs_cos_wrapper_related_posts .blog-listing article .blog-listing__post-button-wrapper a {
  padding: 0;
  color: #646363;
  font-size: 14px;
  line-height: 14px;
  text-decoration: underline;
  background: unset;
  border: unset;
}




/*** LISTING **************************************************************************/
.hs-blog-listing { }


/*** FILTRE CATEG *************************************/
.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 h3 { display: none; }
.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 ul {
  display: flex;
  flex-direction: row;
  justify-content: center;

  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 li {
  margin: 0 10px;
  padding: 0;
}

.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 li a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 20px;

  color: #75A2EF;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;

  border: 1px solid #75A2EF;
  border-radius: 24px;
}
.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 li:first-child a {
  color: #75A2EF;
  background: white;
  border: 1px solid white;
}

.hs-blog-listing > main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .row-number-1 > .row-fluid >  .widget-span > .row-number-4 li a span { display: none; }



/*** ITEM *********************************************/
.blog-listing > article { position: relative; }


/*** ILLUSTRATION ***/
.blog-listing__post-image-wrapper { }
.blog-listing__post-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


/*** CATEG ***/
.blog-listing__post-tags {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;

  display: flex;
  flex-direction: row;
}
.blog-listing__post-tags a,
.blog-listing__post-tags a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;

  margin-left: 10px;
  padding: 0 20px;

  color: white;
  font-size: 14px;
  line-height: 14px;

  background-color: #75A2EF;
  border-radius: 24px;
}
.blog-listing__post-tags a:first-child { margin-left: 0; }


/*** HEADER ***/
.blog-listing__header { margin-bottom: 0; }


/*** TITRE ***/
.blog-listing__post-title { margin-bottom: 15px; }
.blog-listing__post-title,
.blog-listing__post-title a,
.blog-listing__post-title a:active,
.blog-listing__post-title a:focus,
.blog-listing__post-title a:hover {
  font-family: 'Libre Baskerville', serif;
  color: #75A2EF;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}


/*** DATE ***/
.blog-listing__post-timestamp {
  margin-bottom: 15px;
  color: #22292F;
  font-size: 14px;
  line-height: 18px;
}


/*** DESC ***/
.blog-listing__post-summary { }
.blog-listing__post-summary p {
  margin: 10px 0 0 0;
  color: #22292F;
  font-size: 14px;
  line-height: 20px;
}
.blog-listing__post-summary p:first-child { margin-top: 0; }


/*** BUTTON ***/
.blog-listing__post-button-wrapper { }
.blog-listing__post-button-wrapper a,
.blog-listing__post-button-wrapper a:hover {
  margin-top: 10px;

  color: #22292F;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: underline;

  /*** RESET ***/
  padding: 0;
  background: unset;
  border: unset;
}