@media only screen and (min-width: 1024px) {
 .page-body, #page_dossier { max-width: 1248px; margin: 0 auto; }
  }
@media screen and (min-width: 768px) {.blog-page .breadcrumb-mobile {   display: none; }
}
.txtCenter { text-transform: initial !important; }
.page-body, .main-content, .article-hub { background-color: #fff; padding: 10px; }

.article-hub { width: 100%; }
.article-hub .only-desktop { display: block; }
.article-hub .only-mobile { display: none; }
.article-hub .cta { padding: 18px; font-size: 18px; color: #FFFFFF; cursor: pointer; text-align: center; background-color: #122C33; display: table; }
.article-hub .plus { background: #122C33; border-radius: 50%; width: 20px; height: 20px; display: block; text-align: center; line-height: 20px; float: left; margin-right: 5px; color: white; }
.article-hub .intro { font-size: 20px; margin: 35px 0 15px 0; }

.article-hub.art_number .bloc-products { margin-top: 5%; }
.article-hub .bloc-products > div { display: flex; align-items: center; justify-content:center; margin: 2% 0; width: 100%; gap: 2rem;}
.article-hub .bloc-products .media-content { flex: 1; min-width: 0; padding: 1rem 2rem; }
.article-hub .bloc-products > div p, .article-hub .block-interview p { font-size: 18px; }
.article-hub .block-interview h3 { color: #122C33; font-size: 20px; }
.article-hub .bloc-products > div p.number { color: #9ECDE2; font-size: 232px; font-weight: 600; line-height: 1; }

.article-hub .block-links { display: flex; align-items: center; margin: 40px auto 30px; font-size: 16px; justify-content: space-between; }
.article-hub .block-links .cta { margin: 24px auto; }

.article-hub .slideshow-container { max-width: 1150px; position: relative; margin: auto; }
.article-hub .slider-text { text-align: center; font-size: 16px; margin-top: 20px; }
.article-hub .slider-text h2 { text-transform: uppercase; font-weight: 800; font-size: 20px; font-family: "Poppins", sans-serif; color: #122C33; }
.article-hub .slick-arrow { position: absolute; top: 40%; z-index: 1; transition: 0.6s ease; cursor: pointer; width: 40px; }
.article-hub .slick-dots { width: 100%; bottom: 24%; justify-content: center; position: absolute; }
.article-hub .slick-prev { left: 13px; }
.article-hub .slick-next { right: 13px; }
.article-hub .slider-text .cta { margin: auto; }
.article-hub .mySlides { display: none; }
.article-hub .next { right: 5px; }
.article-hub .prev { left: 5px; }
.article-hub .slick-dots .slick-active button { background-color: #717171; }
.article-hub .dots { text-align: center; position: absolute; bottom: 26%; margin: auto; width: 100%; cursor: pointer; }
.article-hub .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.article-hub .active, .article-hub .dot:hover { background-color: #717171; }
.article-hub .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }
@keyframes fade { from { opacity: .4; } to { opacity: 1; } }

.article-hub .bloc-creche { background: rgba(0,178,176,0.05) url('articles/astuces/6mois/light.jpg') no-repeat top left; background-size: 95px; text-align: center; color: #122C33; }
.article-hub .bloc-creche h2 { font-family: Poppins; font-size: 42px; padding: 60px 0 0 0; font-weight: 600; }
.article-hub .bloc-creche .intro { font-size: 18px; font-weight: 500; }
.article-hub .bloc-creche .test { width: 50%; text-align: left; font-size: 18px; margin: 20px auto; }
.article-hub .bloc-creche .line { width: 100%; height: 65px; background: #00B2B0; }
.article-hub .bloc-creche .line img { height: 65px; margin: auto; }
.article-hub .bloc-creche .link { margin: 40px auto 30px; }
.article-hub .bloc-creche .link a { font-size: 21px; color: #122C33; font-weight: 600; text-decoration: underline; }

.article-hub .block-interview { column-count: 2; column-gap: 94px; margin-bottom: 40px; }
.article-hub .block-interview .img .name { width: 120px; margin: 2% 0; }
.article-hub .block-interview .img { display: flex; flex-direction: column; margin-bottom: 2%; }

.article-hub.art_number .bloc-products .media-content { padding: 0; display: flex; align-items: flex-start; justify-content: center; }
.article-hub.art_number .bloc-products .media-content p:nth-child(2) { width: 57%; margin-top: 14%; margin-left: 2%; }

.article-hub.art_number .bloc-products .media-content:nth-child(odd) .number-text { margin-left: 20px; }
.article-hub.art_number .bloc-products .media-content:nth-child(even) .number-text { margin-left: 20px; }
.article-hub.art_number .bloc-products .media-content:nth-child(odd) { margin-right: 20px; }
.article-hub.art_number .bloc-products .media-content:nth-child(even) { margin-left: 20px; }
.article-hub.art_number .bloc-products .media-content .number-text p:nth-child(2) { margin: 0; }
.article-hub.art_number .bloc-products .media-content .number-text .cta { margin-top: 20px; }
.article-hub.art_number .bloc-products .media-content .number-text h3, 
.article-hub .block-interview h3 { font-size: 20px; font-weight: 800; font-family: "Poppins", sans-serif; }

.article-hub.art_number .bloc-products .media-content .number-text h3 { text-transform: uppercase; }
.article-hub .bloc-video video { background: #1c1c1c; }
.article-hub.art_info.mois6 .bloc-products .img { width: 50%; }

.module-15 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
.module-15 .m15-content { width: 45%; }
.module-15 .m15-bg-img { width: 45%; max-height: 642px; overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { 
    .article-hub .only-desktop { display: none; } 
    .article-hub .only-mobile { display: block; } 
    .article-hub .block-links { flex-direction: column; margin: 0; } 
    .article-hub .block-links .cta { order: 1; } 
    .article-hub .block-links .more-art { order: 2; margin: 20px 0; }
    .article-hub .bloc-products > div { flex-direction: column; margin-bottom: 30px; }
    .article-hub .reverse-div { flex-direction: column-reverse !important; } 
    .article-hub .bloc-products > div p { width: auto; margin-left: 0; font-size: 16px; }
    .article-hub .cta { font-size: 14px; } 
    .article-hub .intro { font-size: 16px; } 
    .article-hub.art_number .bloc-products .media-content p:nth-child(2) { width: auto; margin-top: 0; margin-left: 2%; }
    .article-hub.art_number .bloc-products .img { width: auto; } 
    .article-hub .bloc-products .media-content { padding: 1rem 0; flex-direction: column; } 
    .article-hub .bloc-products > div p.number { font-size: 100px; margin: auto; } 
    .article-hub.art_number .bloc-products .media-content .cta { margin: auto; } 
    .article-hub .block-interview { column-count: 1; } 
    .article-hub .slick-arrow { width: 32px; top: 12%; } 
    .article-hub .slick-dots { display: none !important; } 
    .article-hub .dots { text-align: center; position: absolute; bottom: 26%; margin: auto; width: 100%; }
    .article-hub .slider-text .cta { margin: auto; } 
    .article-hub .mySlides { display: none; } 
    .article-hub .prev, .article-hub .next { top: 20%; } 
    .article-hub .dots { display: none; } 
    .article-hub .dot { height: 10px; width: 10px; } 
    .article-hub.art_number .bloc-products .media-content .number-text { margin: 0 0 20px 0; } 
    .article-hub.art_info.mois6 .bloc-products .img { width: auto; } 
    .article-hub .bloc-creche .test { width: auto; padding: 1rem; } 
    .article-hub .bloc-creche h2 { font-size: 30px; } 
    .article-hub .bloc-creche { background-size: 79px; } 
    .article-hub.art_number.mois6 .bloc-products p { margin-bottom: 20px; } 
    .article-hub.art_number .bloc-products .media-content .number-text h3 { text-align: center; } 
    .article-hub.art_number .bloc-products .media-content:nth-child(2n) { margin-left: 0; } 
    .module-15 .m15-content { width: inherit; } 
    .module-15 .m15-content { padding: var(--mobile-padding) !important; position: static; transform: none; text-align: left; }
    .module-15 .m15-bg-img { width: 100%; height: auto; } 
    .module-column-reverse { flex-direction: column-reverse; } }