/* Règles générales */

:root {
  --couleur-principale: #FF9898;
  --couleur-principale-douce: #FFCCCC;
  --couleur-liens: #428481;
}
/* === Glamformum : boutons principaux === */

.btn-primary,
.btn-primary:visited {
  color: #FFFFFF;
  background-color: #BB585B;
  border-color: #BB585B;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #FFFFFF!important;
  background-color: #A8494C;
  border-color: #A8494C;
}
/* === Glamformum : boutons secondaires === */

.btn-outline-primary {
  color: #BB585B;
  border-color: #BB585B;
  background-color: #FFFFFF;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #FFFFFF;
  background-color: #BB585B;
  border-color: #BB585B;
}
/* === Glamformum : états du bouton d'ajout au panier === */

.product-add-to-cart .add-to-cart,
.product-add-to-cart .add-to-cart:visited {
  color: #FFFFFF;
  background-color: #BB585B;
  border-color: #BB585B;
}

.product-add-to-cart .add-to-cart:hover,
.product-add-to-cart .add-to-cart:active,
.product-add-to-cart .add-to-cart:focus {
  color: #FFFFFF;
  background-color: #A8494C;
  border-color: #A8494C;
  box-shadow: none;
}

.product-add-to-cart .add-to-cart:focus-visible {
  outline: 2px solid #428481;
  outline-offset: 2px;
}
/* === Glamformum : masquer le sélecteur de quantité === */

.product-add-to-cart .product-quantity .qty, .product-add-to-cart .control-label  {
  display: none;
}
/* === Glamformum : panier actif dans l'en-tête === */

#header .header-nav .cart-preview.active {
  background-color: #BB585B;
}

#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active a:hover,
#header .header-nav .cart-preview.active a:focus {
  color: #FFFFFF;
}
/* === Glamformum : éléments interactifs au survol === */

#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover {
  color: #428481;
}
/* === Glamformum : badges produit === */

/* Badges standards : nouveauté, disponibilité, etc. */
.product-flags li.product-flag {
  background-color: #FF9898;
}

/* Promotions : orange de la charte graphique */
.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.on-sale {
  background-color: #FDAE67;
}
 .contenu {
    margin-left: 30px;
    margin-bottom: 30px;
}
.couture {
    margin-bottom: 30px;
}
/* =========================================
   GLAMFORMUM — PALETTE ET INTERACTIONS
   Consolidation après inventaire theme.css
   ========================================= */

/* 1. Liens */
a {
  color: #589895;
  font-weight: 600;
}

a:hover,
a:focus {
  color: #428481;
  text-decoration: none;
}

/* 2. Boutons présentés comme des liens */
.btn-link {
  color: #589895;
}

.btn-link:hover,
.btn-link:focus {
  color: #428481;
}

/* 3. Pagination */
.page-link {
  color: #589895;
}

.page-link:hover,
.page-link:focus {
  color: #428481;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  color: #FFFFFF;
  background-color: #BB585B;
  border-color: #BB585B;
}

/* Pagination spécifique aux pages de catalogue */
.pagination .current a {
  color: #589895;
  font-weight: 600;
}

/* 4. Éléments actifs dans les listes */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  color: #FFFFFF;
  background-color: #BB585B;
  border-color: #BB585B;
}

/* 5. Onglets actifs */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:hover {
  color: #FFFFFF;
  background-color: #BB585B;
}

/* Onglets des pages produit */
.tabs .nav-tabs .nav-link.active {
  color: #BB585B;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border-bottom: #BB585B 3px solid;
}

/* 6. Menus déroulants */
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  color: #FFFFFF;
  background-color: #BB585B;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #428481;
}

/* 7. Options de tri et de filtres */
.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover,
.facet-dropdown .select-list:hover {
  color: #FFFFFF;
  background-color: #BB585B;
}

/* Filtre ouvert */
.facet-dropdown.open > .select-title {
  border-color: #589895;
}

/* 8. Boutons radio sélectionnés */
.custom-radio input[type="radio"]:checked + span {
  background-color: #FF9898;
}

/* 9. Champs et groupes de champs actifs */
.form-control:focus,
.input-group.focus {
  outline-color: #428481;
}

/* Icônes de recherche au focus */
.block_newsletter form input[type="text"]:focus + button .search,
.search-widget form input[type="text"]:focus + button .search {
  color: #428481;
}

/* 10. Adresse sélectionnée au paiement */
body#checkout section.checkout-step .address-item.selected {
  border-color: #FF9898;
}

/* 11. Aperçus et miniatures produit */
.product-miniature .highlighted-informations .quick-view:hover {
  color: #428481;
}

#subcategories ul li:hover .subcategory-image a {
  border-color: #FF9898;
}

#product-modal .modal-content .modal-body .product-images img:hover,
.product-images > li.thumb-container .thumb.selected,
.product-images > li.thumb-container .thumb:hover {
  border-color: #FF9898;
}

/* 12. Confirmation d'ajout au panier */
#blockcart-modal .product-name {
  color: #589895;
}
/*13 Items du menu */
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #589895!important;
    text-decoration: none;
}

/* === Glamformum : prix principal de la fiche produit === */

.product-prices .current-price-value {
  color: #BB585B;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .product-prices .current-price-value {
    font-size: 22px;
  }
}
/* ==========================================
Compatibilité des utilitaires de visibilité Bootstrap 3
========================================== */
/* Compatibilité Bootstrap 3 : visibilité responsive */

/* Par défaut, les éléments visible-* sont masqués */
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}

/* XS : moins de 768px */
@media (max-width: 767px) {
.hidden-xs { display: none !important; }

```
.visible-xs,
.visible-xs-block { display: block !important; }

.visible-xs-inline { display: inline !important; }
.visible-xs-inline-block { display: inline-block !important; }
```

}

/* SM : 768px à 991px */
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important; }

```
.visible-sm,
.visible-sm-block { display: block !important; }

.visible-sm-inline { display: inline !important; }
.visible-sm-inline-block { display: inline-block !important; }
```

}

/* MD : 992px à 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md { display: none !important; }

```
.visible-md,
.visible-md-block { display: block !important; }

.visible-md-inline { display: inline !important; }
.visible-md-inline-block { display: inline-block !important; }
```

}

/* LG : 1200px et plus */
@media (min-width: 1200px) {
.hidden-lg { display: none !important; }

```
.visible-lg,
.visible-lg-block { display: block !important; }

.visible-lg-inline { display: inline !important; }
.visible-lg-inline-block { display: inline-block !important; }
```

}


/*background site*/
section#wrapper {background:white;}
/* breadcrump*/
#wrapper .breadcrumb ol {
    line-height: 1.5em;}
/* couleur du texte */
.page-content.page-cms ul, p {
    color: #565656;
}
@media (min-width: 992px){
    .container {
        max-width: 1160px;
        width: 100%;
    }
}
/* Logo svg */
#header .logo {
    width: 210px;}

/* Alignement vertical du logo desktop */
@media (min-width: 769px) {
  #header  .logo  {
        padding-bottom: 10px;
    }
}
/*Polices pour le site */
body {font-family: 'Open Sans', sans-serif;}
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Dancing Script', cursive;
    text-transform:none;
}*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color:#FF9898;}
.h2, h2 {
    font-size: 1.8rem;
}
.h3, h3 {
    font-size: 1.2rem!important;
    margin-top:25px!important;
    margin-bottom:15px!important;
}
.page-content.page-cms ul, p {
    line-height: 1.6em;
}

html { scroll-behavior: smooth; }
.rouge {
    color:#C81F15;
}
.rose {
    color:#FF9898;
}
.vert {
    color:#72B8B5;
}
.orange {
    color:#FDAE64;
}
.gris {
    color:#747474;
}
.center {
    text-align: center;
}
.souligne {
    text-decoration: underline;
}
/*Menu fixe sur mobile */
@media(max-width:600px){
    #header {
        width: 100%;
        z-index: 1000;
        height: 110px;
    }
}

/*liens non soulignés Contactez-nous et panier header */
#header .header-nav #_desktop_contact_link #contact-link a,#header .header-nav .user-info a {
    text-decoration:none;
}
/* Gif fiches produits */
.intro-gif {
    font-size:1.2em;
    margin-top: 25px;
    margin-bottom : 20px;
    font-weight: bold;
}
/* Règles css pages CMS */    
#cms .page-content.page-cms {
    padding:20px;
}
#cms .page-content.page-cms p {
    line-height:1.5em;
    font-size: 17px;
    padding: 7px;
}
#cms .page-content.page-cms ul {
    padding: 0 15px 15px;
}
#cms .page-content.page-cms h1 {
    margin-bottom: 1.3em;
    font-size: 2rem;
}
#cms .page-content.page-cms h2 {
    margin-bottom: 1.25em;
}
#cms .page-content.page-cms a {
    text-decoration: underline!important;
}

#cms .page-content.page-cms img {
    max-width:100%;
    height: auto;
    margin: 25px auto; 
    display: block; 
}
#cms .page-content.page-cms ul li {
    font-size: 17px;
    line-height:1.5em;
}
#cms .page-content.page-cms ol li {
    font-size: 17px;
    line-height:1.5em;
    color: #565656;
    margin-bottom: 1.5em;
}
/*Mise en exergue de l'essentiel*/
.essentiel {
    width: 80%;
    margin: auto;
    border: 6px solid #72B8B5;
    padding: 15px 20px 15px 15px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 1.1em;
    line-height: 1.5em;
}
@media(max-width:600px){
    .essentiel {
        width: 95%;
    }
    #cms .page-content.page-cms p {
    padding: initial;
}
}

#cms .page-content.page-cms .panel-title::after {
    content:'';
    display : inline-block;
    height : 0;
    width : 0;
    margin-left: 7px;
    border-top : 10px solid #7A7A7A;
    border-right : 7px solid transparent;
    border-left : 8px solid transparent;
}
/* Tableau Guide des tailles css */
#cms .page-content.page-cms table {
    height: auto;
    border: 2px solid #7A7A7A;
    padding: 5px;
    border-collapse: collapse;
    margin: 30px auto; 
    width: 80%;
    color: #7A7A7A;
}
#cms .page-content.page-cms th {
    text-align: center!important;
    border: solid 2px #7A7A7A;
    padding: 15px;
}
#cms .page-content.page-cms tr {
    border: solid 2px #7A7A7A;
    text-align: center;
}
#cms .page-content.page-cms td {
    border: 2px solid #7A7A7A;
    padding: 15px;
}

#cms .page-content.page-cms ul {
    font-size: .76rem;}
input[type="number"]#Aiguille {
    -webkit-appearance: auto !important;
    -moz-appearance: number-input !important;
    appearance: auto !important;
}

input[type="number"]#Aiguille::-webkit-inner-spin-button,
input[type="number"]#Aiguille::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button !important;
    opacity: 1 !important;
}
/* Allaitement de A à Z*/
#cms .page-content.page-cms .card-img {
    margin-bottom: 0;
}
.a-z {
    border: solid #FF9898;
    border-width: 0 2px 2px;
    padding: 15px;
}
.a-z h2 {
    margin-bottom: 1.2em;
}
/* Article pharmacie Vauban */
#logo-vauban {
    width: 25%;
    height: auto;
}
/* desktop */
@media only screen and (min-width:1024px){
    #cms .page-content.page-cms {margin-left: 10%; margin-right:10%;
    }
}

/* tablette vertical - small */
@media(max-width:768px) AND (min-width:600px){
   #cms .page-content.page-cms {margin-left: 10%; margin-right:10%;
   }  
} 

@media(max-width:600px){
    /* Tableau Guide des tailles responsive */
    #cms .page-content.page-cms table {
       border: none;
   }
   #cms .page-content.page-cms table thead {
    display: none;
}
#cms .page-content.page-cms table tr{
    display: block;
    margin-bottom: 40px;
}
#cms .page-content.page-cms table td {
    display: block;
    text-align: right;
    border-top:none;
    border-width:0 0 1px 0;

}
#cms .page-content.page-cms table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
}
#cms .page-content.page-cms table .dernier {
    border-bottom: none!important;
}
/* Article pharmacie Vauban */
#logo-vauban {
    width: 40%;
    height: auto;}
}

/* Fin de règles css pages CMS */
/* Module réassurance icônes svg */
#pack2_carrier #color, #pack2_security #color, #pack2_parcel #color{
    fill: #FF9898;
}

#pack2_carrier #fill, #pack2_security #fill, #pack2_parcel #fill{
    fill: #FF9898;
}
#pack2_security #fill {
    opacity:1;
}

/* Logo centré sur mobile */
@media(max-width:768px) {
    #_mobile_logo {
        display: block;
        text-align: center;
    }
}
/* Video youtube */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 20px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Pages catégories */
#category .product-title a {
    font-size: 1.3rem;
}
/* Slider page d'accueil */
#slide-random {
    position: relative;
}
#slide-random .caption {
    position: absolute;
    top: 90px;
    left: 90px;
    color: #fff;
    max-width: 340px;
    text-align: left;
}
@media(max-width:961px) {
 #slide-random .caption {
    top: 60px;
    left: 20px;
}
}
@media(max-width:767px) {
    #slide-random .caption {
        top: 30px;
        left: 60px;
        max-width: 200px;
    } 
}
/* Pop up quiz */
/* Pour la popup */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:1001;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
#cms .page-content.page-cms .popup .close {
 position: absolute;
 top: 20px;
 right: 30px;
 transition: all 200ms;
 font-size: 40px;
 font-weight: bold;
 text-decoration: none!important;
 color: #333;
 z-index: 200;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  overflow: auto;
}

@media screen and (max-width: 700px){
    .popup {
        padding: 10px 10px;
        margin: 0 auto;
    }
    .popup .content {
        height: 600px;
    }
    .popup .close {
     right: 20px;
 }
}
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height:0;}
    .video-responsive iframe {
        left: 0;
        top: 0;
        height:100%;
        width: 100%;
        position: absolute;
    }
    /*Page confirmation de commande gratuite*/
    .cms-id-52 h1 {
        display :none;}
        /* Mise en exergue Patrons dans menu haut horizontal */
        #_desktop_top_menu #category-45 a {
            color: #FF9898;
        }
        #_mobile_top_menu #category-45 a {
            color: #FF9898;
        }
        /* Titre produit rubrique accessoires sur page produit */
        .product-title {
            display: block;
        }
        /* Liste à puces dans les fiches produits */
        .product-description ul li {
            font-size:  17px;
            line-height: 1.6em;
        }
/*Citation dans le blog - Article zéro déchet */
.mark, mark {
    padding: 0.6em;
    background-color: #FFB1B1;
    font-weight: bold;
    text-align: center;
    color: white;
    border-radius: 30px;
    }
/* Page contact */
#contact .alert-info {
    background-color: #FFF;
    border-color: #FFCCCC;
    color: #FF9898;
    border: 2px solid;
    font-size: 1em!important;
}
/* Masquer la sidebar du blog sur mobile */
@media (max-width: 767px) {
.ets_blog_sidebar {
display: none;
}
}

/* Checkout suppression de l'ombre du conteneur principal */
#checkout #wrapper {
    box-shadow: none;
    }
/*Page contact*/
#contact img {
    margin-bottom:35px;
    }
#contact i {
    color:#FF9898;
    }
#contact .input-group .input-group-btn>.btn {
    padding:.755rem 1rem;
    }
/* Block newsletter */
.block_newsletter .btn-primary {
    margin-top:0;
    }
/* Titres catégories */
@media (max-width: 991px) {
.block-category {
    padding-bottom: 20px;
    padding-top: 0px;
}}
/* Breadcrumb pages cms mobile */
/* Suppression du titre de l'article dans le breadcrumb sur mobile */
@media screen and (max-width: 700px){
#cms .breadcrumb ol li:last-child {
    display: none!important;
    }
#cms .breadcrumb ol li:nth-last-child(2):after  {
    display: none!important;
    }}
/* Couleur pagination */
.pagination a {
    color:#7A7A7A;
    }
/* Page historique de commandes */
.ref-order {
    font-family:'Open sans-serif';
    color:#72B8B5!important;
    }
.loupe-history {
    font-size: 2.5em;
    }
#history h6 {
     font-size: 1.6em;
    }
.page-order-detail h3 {
    font-size: 1.4rem;
    text-transform: none!important;
}
/* Page Détail commande */
.page-order-detail .addresses {
    margin: 0 0 0 -0.9375rem;
}
@media screen and (max-width: 700px){
    .page-order-detail .addresses {
    margin: 0;
}
.page-order-detail .addresses .addr{
    padding-right:0!important;
    padding-left:0!important;
    } 
}
/* Pages produits */
#product-description-short ol li, #product-description-short ul li, .product-information .product-description ol li, .product-information .product-description ul li {
    color: #565656;
}
.descrip img {
    margin-top: 30px;
    margin-top: 2px!important;
}
#product h1 {
    font-size:2rem;
    }
@media screen and (min-width: 700px){
    #product h1:after {
    font-size: 28px;
    display: inline-block;
    margin-left: 10px;
    }
    .descrip img {
    margin-top: 14px!important;
}
    }
#product .taille span {
  font-size:1em;
  margin-bottom:2px!important;
}
#product .modal-content .image-caption {
  display: none;
}
.product-comments-additional-info{
  display: none;
}
 .product-add-to-cart {
  margin-top:45px;
 }
.accroche {
    text-align: center;
    font-size: 1.4em;
    border: 4px solid #FF9898;
    padding: 20px;
    margin: 5% 3% 7%;
}
.emotic {
    float: left;
    margin: 0 10px 0 0 !important;
}
.rose2 {
    font-size: 1em !important;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    background: linear-gradient(to top, transparent 0%, rgba(255, 204, 204, 0.5) 10%, rgba(255, 204, 204, 0.5) 80%, transparent 80.01%);
}
#component .tooltip {visibility: hidden}
#component:hover .tooltip {
    visibility: visible;
}
.tooltip text {
    fill: black;
    font-size: 12px;
    font-family: sans-serif;
}
.tooltip rect {
    fill: white;
    stroke: #FF9898;
}
.btn-warning {
    color:#FF9898;
    background-color:white;
    border: 3px solid #FF9898;
    border-radius:0;
    }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: white;
    background-color: #FF9898;
    border-color: #FF9898;
}

/* Page Allaitement de A à Z Icones*/
@media (max-width: 700px){
.AZ{max-width:92%;
margin:auto;}
}
@media (min-width: 701px){
.AZ {
max-width: 600px;
margin:auto;}
}
.AZ .card {
    background-color:transparent!important;
    margin-bottom:0!important;
    box-shadow:none;
    border:none;
    }

.title-demarrer::before {
     content:""!important;
    }
.title-guide::before {
    content:"\f15d"!important;
    }
.info-guide-papa {
    background-color:#EDF6F6!important;
    }
.info-guide-papa h2 {
    color:#72B8B5!important;
    }
.title-guide-papa::before {
    content:"\F135"!important;
    border-color:#72B8B5!important;
    }
.info-guide-papa .button.button-medium {
    border-color: #72B8B5!important;
    color: #72b8b5!important;
    }
.info-guide-papa .button.button-medium:hover {
    color:white!important;
    background-image: linear-gradient(to top,#a1cfcd,#72b8b5);}
.title-blog1::before {
    content:"\F1ea"!important;
    padding:8px 7px 5px!important;
    }
.title-croissance::before {
    content:"\F201"!important;
    padding: 5px 5px!important;
    }
.title-homeo1::before {
    content:"\F21e"!important;
    padding:7px 6px 1px!important;
    }
.title-conserv::before {
    content:"\f0c3"!important;
    padding:7px 8px 2px!important;
    }
/*Rubrique mon compte -> commentaires du blog */
#module-everpsblog-customercomments #content .row{
    margin-left: 0;
    margin-right:0;
    }
/* Page produit patron coussin de grossesse */

.descrip #raisons li{
list-style: none;
margin-bottom : 15px;
line-height: 2em;
}
.descrip #raisons li:nth-child(n):before {
font-family:'FontAwesome';
margin-right: 10px;
color:#FF9898;
}
.descrip #raisons li:first-child:before {
content:'\f15d';
}
.descrip #raisons li:nth-child(2):before{
content:'\f055';
}
.descrip #raisons li:nth-child(3):before{
content:'\f004';
}
.descrip #raisons li:nth-child(4):before{
content:'\f07a';
}
.descrip #raisons li:nth-child(5):before{
content:'\f1b8';
}
.descrip #raisons li:nth-child(6):before{
content:'\f005';
}
.descrip #comment{
    margin-top : 20px;
    }
.descrip #comment li{
list-style: none;
margin-bottom : 15px;
line-height: 2em;
}
.descrip #comment li:nth-child(n):before {
font-family:'FontAwesome';
margin-right: 10px;
color:#FF9898;
}
.descrip #comment li:first-child:before {
content:'\f019';
}
.descrip #comment li:nth-child(2):before{
content:'\f02f';
}
.descrip #comment li:nth-child(3):before{
content:'\f0c4';
}
.descrip #comment li:nth-child(4):before{
content:'\f12e';
}
.descrip #comment li:nth-child(5):before{
content:'\f15d';
}
.descrip #comment li:nth-child(6):before{
content:'\f004';
}
/*Videos Youtube */
.video-responsive {
    overflow:hidden;
    padding-bottom:315px;
    position:relative;
    height:0;
    margin-bottom: 30px;
    }
.video-responsive iframe {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
max-height: 315px;
    max-width: 560px;
    position: absolute;
    }
/* Block Neswletter */
#blockEmailSubscription_displayFooterBefore {
    padding-bottom: 35px;}
/* Slider */
#slide-random img {
    width:100%;
    height:auto;
    }
/* css pour image slider pull computer version */
#slide-random {
    position: relative;
    margin-bottom:20px;
    margin-left: auto;
    margin-right: auto;}
    
#slide-random a img:hover{opacity:0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}


#slide-pull .homeslider-description {
      text-align: center;
    position: absolute;
    color: #999999;
    Top: 25%;
    left: 95%;
    transform: translate(-90%,-20%);
    padding-left: 80px;
    width: 50%;}
#slide-pull  .homeslider-description h2 {
    font-size: 4em;
    }
#slide-pull .homeslider-description span {
    font-size: 2em;
    }
#slide-pull .homeslider-description iframe {margin-bottom:20px;
}
#slide-pull .homeslider-description p {
    font-size: 2em;
    line-height:1.4em; 
    }
#slide-pull .homeslider-description .bouton{
margin-top: 40px;
}
#slide-pull .homeslider-description button {
   font-size: 1.1em;
    border: 3px solid #FFB1B1;
    color: #FFB1B1;
    background-color: transparent;
    box-shadow: 0.01em 0.01em 0.1em #999999;
        }
#slide-pull .homeslider-description img {  
display: block; 
margin: 15px auto;
   -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
  25% {
    -moz-transform: rotate(-25deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
75% {
    -moz-transform: rotate(25deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

@-webkit-keyframes spin {
  25% {
    -webkit-transform: rotate(-25deg);
  }
 50% {
    -webkit-transform: rotate(0deg);
  }
75% {
    -webkit-transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes spin {
  25% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
 50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
75% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

    
#ets_blog_page #slide-random {
     box-shadow:none;
     } 
@media (max-width: 767px){
.hidden-xs {
    display: none!important;}
.visible-xs {
    display: block !important;
}}
/* Tableau des tailles */
.taille table {
width:85%;
cellpadding: 15px;
cellspacing: 0;
height: auto;
border: 2px solid #7A7A7A;
padding: 5px;
border-collapse: collapse;
margin: 30px auto 30px auto;
}
.taille table th {
width: 30%;
text-align: center;
border: solid 2px #7A7A7A;
padding: 10px;
}
.taille table td {
text-align: center;
border: solid 2px #7A7A7A;
vertical-align: middle; 
    }
.taille table .t1 {
   color: #c81f15;
    }
.taille table .t2 {
    color:#7A7A7A;
    }
.taille table .t3 {
    color:#FFB1B1;
    }
.taille table .t4{
    color:#72B8B5;
    }
.taille table .t5 {
    color:#FDAE67;
    }
.taille .notice-danger {
padding: 15px 15px 15px 15px;
border-left: 6px solid #d73814;
 -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,1); 
 -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,1);
 box-shadow: 0 5px 8px -6px rgba(0,0,0,1);
 font-size: 1.1em;
 margin-bottom:
 20px;
 line-height: 1.2em;
 }
.taille #taille-but {
padding: 15px;
}
.taille span {
    font-size: 27px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 25px;
    }
.taille sup {
    font-size: x-small;
    }
    
/*Centrage du titre h1 sur les pages CMS*/
.page-cms h1 {
    text-align:center;
        margin-bottom: 1em!important;
    font-size: 1.5rem;
    font-weight:normal!important;
    text-transform: uppercase;
  margin: 30px 15%;
    }
/* Texte non justifié sur les pages cms */
.page-content.page-cms {
    text-align:left!important;}
/* Catégories cms */
#cms-category h1{
margin-bottom: 35px!important;}
#cms-category .button.button-small {
    font: bold 13px/17px Arial,Helvetica,sans-serif;
    color: #FF9898;
    border: 2px solid;
    border-color: #FF9898;
    padding: 5px 10px;
    background-color: white;}
#cms-category .button.button-small a {
    color:#FF9898;}
#cms-category h2 {margin-top: 30px;
margin-bottom: 15px;
color:#428481;
font-weight: bold;
    } 

@media (max-width: 767px){
        #cms-category .button.button-small {
   margin-top:10px;  }
   #cms-category h1 {
       margin-top:2px;
       }}
@media (min-width: 767px){
      #cms-category h2 {
          font-size: 1.2rem;}}
#cms-category {line-height: 1.3rem;}
/* Ajout avatar au-dessus du bouton */
.product_attributes{
    display: none;}
.content_prices {
    display: none;}
/* Empêche les sauts de mise en page */
.avatar-container {
  width: 100%;
  min-height: 240px; /* réserve un espace fixe */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.avatar-season {
  display: none; /* toutes masquées avant JS */
  max-width: 100%;
  height: auto;
}

/* Seule la div active s'affiche */
.recap {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.recap.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

/* Animation légère sur l’image */
@keyframes bounceIn {
  0% { transform: scale(0.95) translateY(10px); opacity: 0; }
  60% { transform: scale(1.05) translateY(-3px); opacity: 1; }
  100% { transform: scale(1) translateY(0); }
}

.recap.active img {
  animation: bounceIn 0.8s ease-out;
}

/* Adaptation responsive (Bootstrap 3) */
.avatar-desktop { display: block; }
.avatar-mobile { display: none; }

@media (max-width: 767px) {
  .avatar-desktop { display: none; }
  .avatar-mobile { display: block; text-align: center; margin-bottom: 15px; }
}
/* Bulle BD côté gauche */
/* Bulle BD par défaut (desktop) */
.bulle-parole {
font-size:1.12em;
text-align:center;
  position: relative;
  background: #fff8f8;
  border: 2px solid #ffb1b1;
  border-radius: 20px;
  padding: 15px 20px;
  display: inline-block;
  font-style: italic;
  color: #333;
  max-width: 90%;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* Flèche côté gauche (desktop) */
.bulle-parole::after {
  content: "";
  position: absolute;
  top: 20px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-style: solid;
  border-color: transparent #ffb1b1 transparent transparent;
}

.bulle-parole::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -13px;
  border-width: 8px 13px 8px 0;
  border-style: solid;
  border-color: transparent #fff8f8 transparent transparent;
}
.product-id-126 .bulle-parole::after {
    top: auto!important;
    bottom: -15px!important;
    left: 40px!important; /* position horizontale de la flèche sous la bulle */
    border-width: 15px 10px 0;
    border-color: #ffb1b1 transparent transparent transparent;}
 .product-id-126 .bulle-parole::before {
    top: auto;
    bottom: -13px;
    left: 41px;
    border-width: 13px 9px 0;
    border-color: #fff8f8 transparent transparent transparent;
  }
  .product-id-112 .recap-ete .bulle-parole::after {
    top: auto!important;
    bottom: -15px!important;
    left: 40px!important; /* position horizontale de la flèche sous la bulle */
    border-width: 15px 10px 0;
    border-color: #ffb1b1 transparent transparent transparent;}
 .product-id-112 .recap-ete .bulle-parole::before {
    top: auto;
    bottom: -13px;
    left: 41px;
    border-width: 13px 9px 0;
    border-color: #fff8f8 transparent transparent transparent;
  }
  @media (min-width: 767px){
  .product-id-112 .recap-automne .bulle-parole,.product-id-112 .recap-printemps .bulle-parole,.product-id-112 .recap-fetes .bulle-parole{
      transform: translateY(-130px);}
  }
/* Version mobile : flèche en dessous */
@media (max-width: 767px) {
  .bulle-parole::after {
    top: auto;
    bottom: -15px;
    left: 40px; /* position horizontale de la flèche sous la bulle */
    border-width: 15px 10px 0;
    border-color: #ffb1b1 transparent transparent transparent;}
  .bulle-parole {margin-bottom:15px;}
.avatar-season{
width: 80%!important;
    margin: auto;} 
.product-id-127 .avatar-season {width: 100%!important;}
.product-id-126 .avatar-season {width: 100%!important;}
.product-id-112 .avatar-ete {width: 100%!important;}
.product-id-112 .avatar-hiver,.product-id-112 .avatar-printemps,.product-id-112 .avatar-fetes {width: 50%!important;}
.product-id-110 .avatar-season {width: 100%!important;}
  .bulle-parole::before {
    top: auto;
    bottom: -13px;
    left: 41px;
    border-width: 13px 9px 0;
    border-color: #fff8f8 transparent transparent transparent;
  }
.avatar-container{margin-top: 40px;}
}  
/*Fin ajout avatar*/

/* Description des catégories de produits */
#category-description {
        background-color: #f6F6F6;
    margin-top: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 20px;
}
/* Masquer la mention du nombre de produits par catégories + le Trier par... */
#js-product-list-top {
    display: none;
    }
/* Titre des catégories -> suppression du grand espace blanc */
.block-category {
    min-height: 6.75rem!important;}
.js-sub-menu {
    top:60px!important;
    }
/* boutons */
.button.button-medium {
    font-size: 17px;
    line-height: 21px;
    color: #FF9898;
    padding: 0;
    font-weight: bold;
    background: white;
    border: 3px solid;
    border-color: #FF9898;}
    
/* Blog sur la page d'accueil */
.ets_block_latest {
padding-bottom: 5px;
    padding-top: 20px;
    box-shadow: none!important;
    background: transparent!important;
   margin-bottom: 3.5rem;
    border-top: 12px solid rgba(254,204,204,0.7);}

/* Home partie Guide allaitement */
#indexa4 h2 {
    border-top: 12px solid rgba(255,204,204,0.7);
    border-bottom: 12px solid rgba(255,204,204,0.7);
    text-align: center;
    margin-bottom: 70px;
    margin-top: 0;
    padding: 15px 0;
}
#custom-text {
    padding: 15px!important;
    text-align:left;
    }
    
@media (max-width: 767px) {
    .ets_block_latest {
         margin-bottom: 0;
    }
    #indexa4 h2 {
      margin-bottom: 50px;
    }}
    #indexa4 img {
    margin: 30px auto;
}

#custom-text p {
    font-size:1.2em;
        line-height: 1.6em;
        margin-bottom:10px;
    }
#custom-text .soulign {
    background: linear-gradient(to top,transparent 0,rgba(255,204,204,0.7) 10%,rgba(255,204,204,0.7) 40%,transparent 40.01%);
}
 b, strong{    font-weight: bold!important;}

/* ==================================================
   Glamformum — Avatar de l'autrice sur les articles
   Associé au bloc personnalisé de single_post.tpl
   ================================================== */

/* Glamformum — Avatar de l'autrice sur les articles */

.gf-author-block {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 25px 0 45px;
    float: none;
    clear: both;
}

.gf-author-block .gf-author-avatar-wrap {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    height: 130px;
    flex: 0 0 130px;
    margin: 0;
}

.gf-author-block .gf-author-avatar {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Mise en page mobile */
@media (max-width: 480px) {
    .gf-author-block {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
}



.gf-author-meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 15px;
    line-height: 1.5;
    color: #444;
    padding-bottom: 4px;
}

.gf-author-avatar-wrap {
    width: 130px;
    height: 130px;
    flex-shrink: 0;
}

.gf-author-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    filter: saturate(0.9) brightness(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.gf-author-name {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 4px;
    color: #5A5A5A;
}

/* Mise en page mobile */
@media (max-width: 480px) {
    .gf-author-block {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* Catégory produit - Description Info complémentaires */
.category-additional-description {background-color: #f6F6F6;
    padding: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
@media (max-width: 767px){
    .block-categories {
        display: none;
        }
    .block-contact {
        margin-bottom:150px;
    }
    #contact-infos {
        margin-bottom:75px;
    }
    }
#block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title {
    color:#FF9898;
}
/* Footer Bloc Info boutique */

/* Footer contact information */
.footer-contact-address,
.footer-contact-email {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.footer-contact-address .material-icons,
.footer-contact-email .material-icons {
  font-size: 18px;
  line-height: 1.5;
  flex-shrink: 0;
}

.footer-contact-address > div,
.footer-contact-email > div {
  min-width: 0;
}

.footer-contact-address p {
  margin-bottom: 0;
}
.footer-container li a:hover{
  color:#589895;
}
/* Videos youtube */

.video-lazy {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.video-lazy img {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
/* Vidéo du guide d'allaitement — alignement de la miniature */
@media (min-width: 767px) {
  .guide-home .video-lazy {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
  }
}

/* English breastfeeding guide — desktop layout */
@media (min-width: 767px) {
  .guide-home-en .guide-content {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.guide-intro, .guide-proof {
padding: 15px;
}
/* Bannière d'accueil : ordinateur et mobile */

.custom-home-banners {
  width: 100%;
  margin-bottom: 30px;
}

.custom-home-banners .home-banner {
  width: 100%;
}

.custom-home-banners .home-banner figure {
  position: relative;
  margin: 0;
}

.custom-home-banners .home-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.custom-home-banners .home-banner a {
  display: block;
}

.custom-home-banners .home-banner figcaption {
  box-sizing: border-box;
}

.custom-home-banners .home-banner-mobile {
  display: none;
}

@media (max-width: 767px) {
  .custom-home-banners .home-banner-desktop {
    display: none;
  }

  .custom-home-banners .home-banner-mobile {
    display: block;
  }
}
/* Texte dans la zone sombre à gauche de la bannière ordinateur */

.custom-home-banners .home-banner-desktop figure {
    position: relative;
}


.custom-home-banners .home-banner-desktop figcaption.caption {
    position: absolute;
    z-index: 2;
    top: 10%;
    right: 3%;
    bottom: auto;
    width: 36%;
    padding: 0 20px;
    box-sizing: border-box;
    transform: none;
    text-align: center;
    color: #ffffff;
}
/* Bannière ordinateur : position et dimensions du texte */
.custom-home-banners .home-banner-desktop .caption {
    text-align: center;
    color: #999999;
    top: 25%;
    left: auto;
    right: 5%;
    bottom: auto;
    transform: translateY(-20%);
    padding-left: 0;
    width: 50%;
}

/* Titre */
.custom-home-banners .home-banner-desktop .caption-description h2 {
    font-size: 4em;
}

/* Texte */
.custom-home-banners .home-banner-desktop .caption-description span {
    font-size: 1.6em;
}

.custom-home-banners .home-banner-desktop .caption-description p {
    font-size: 1.8em;
    line-height: 1.4em;
}

/* Vidéos intégrées */
.custom-home-banners .home-banner-desktop .caption-description iframe {
    margin-bottom: 20px;
}

/* Boutons */
.custom-home-banners .home-banner-desktop .caption-description .bouton {
    margin-top: 40px;
}

.custom-home-banners .home-banner-desktop .caption-description button {
    font-size: 1em;
    border: 3px solid #FF9898;
    color: #FF9898;
    background-color: white;
    box-shadow: 0.01em 0.01em 0.1em #999999;
}
/* Modif spécifique bannière #2 */

#slide-description-2 img {
  display: inline-block;
  width:60px!important;
}
.lang-re #slide-caption-2{
  top: 60%;
    right: 0%;
    width: 30%;
}
.lang-re #slide-description-2 p{
  font-size:2em;
}
.lang-re #slide-description-2 button {
  font-size : 0.9em;
}

/* Modif spécifique bannière 4 */
#slide-description-4 img {
  display: inline-block;
  width:110px!important;
  margin-bottom: 10px;
}
#slide-caption-4 {
  right:1%!important;
}
.lang-re #slide-caption-4{
  top:30%!important;
}

/* Modif spécifique bannière 7 */
#slide-caption-7{
  top: 60%;
    right: 0%;
    width: 30%;
}
#slide-description-7 p{
  font-size:2em;
}
#slide-description-7 button {
  font-size : 0.9em;
}

/* Modif spécifique bannière 16 */
#slide-caption-16{
  top:30%!important;
  right : 0%!important;
}
/* Page CMS pull Chloé */
@media (min-width: 768px) {

  .cms-id-57  #complex {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
        grid-template-rows: auto;
        gap: 0 15px;
        justify-items: stretch;
        align-items: start;
        grid-template-areas: "Formulaire Photo";
    }

}

@media (max-width: 767px) {

   .cms-id-57 #complex {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "Formulaire"
            "Photo";
        gap: 20px 0;
        justify-items: stretch;
    }
    .cms-id-57   #complex label,
    .cms-id-57 #complex .label {
        text-align: left;
    }

}
/* Personnalisation des infobulles Bootstrap */

 .cms-id-57 .tooltip .tooltip-inner {
    background-color: #343a40 !important;
    color: #fff !important;
    border-radius: 4px;
}

/* Couleur de la flèche lorsque l'infobulle apparaît au-dessus */
 .cms-id-57 .tooltip.tooltip-top .tooltip-arrow,
 .cms-id-57 .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
    border-top-color: #343a40 !important;
}
 .cms-id-57 h2 {
  margin-top: 20px;
 }

@media print {

    /* Conteneur général : largeur fixe et centrée */
    body.cms-id-57 #wrapper > main > .container {
        width: 180mm !important;
        min-width: 180mm !important;
        max-width: 180mm !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Tous les conteneurs intérieurs */
    body.cms-id-57 #wrapper > main > .container > .row,
    body.cms-id-57 #content-wrapper,
    body.cms-id-57 #main,
    body.cms-id-57 #content,
    body.cms-id-57 #patron-pull,
    body.cms-id-57 #complex,
    body.cms-id-57 #technik,
    body.cms-id-57 .page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Neutraliser les décalages Bootstrap */
    body.cms-id-57 #wrapper > main > .container > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.cms-id-57 #content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.cms-id-57 #content {
        padding: 0 !important;
    }
       
}
/* À l'écran */
@media screen {
    .page-footer {
        visibility: hidden;
    }
}

/* Footer du patron */
.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    border-top: 1px solid black;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}
@media print {
    .page {
        padding-bottom: 50px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
}

/* À l'impression */
@media print {
    .page-footer {
        display: block !important;
        visibility: visible !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: 40px;
        padding: 15px 0;
        margin: 0;
        border-top: 1px solid black !important;
        color: #000 !important;
        box-sizing: border-box;
        text-align: center !important;
        z-index: 9999;
    }

    .page-footer p {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center !important;
    }
}
@page {
    margin: 20mm 20mm 5mm 20mm;
}
/* Template page Allaitement AZ + Pages Hub blog */
.AZ .woll {
background-color:white;
    min-height: 20px;
    padding: 19px 19px 0;
    margin-bottom: 0;
     border: 5px dotted #999999;
    border-radius: 15px;
}
.AZ .woll p {
line-height:1.7em!important;
}
.AZ .woll h1 {
color: #ffb1b1; 
font-size: 28px;
} * {
  margin: 0;
  padding: 0;
}

.AZ body {
  background: var(--background-color);
  font-family: var(--font);
  display: flex;
  justify-content: center;
}

/* Roadmap Container */
.AZ .roadmap {
  background: var(--primary-color);
  margin: 0 auto;
}

/* Card container */
.AZ .card {
  position: relative;
  /*max-width: 400px;*/
}

/* setting padding based on even or odd */
.AZ .card:nth-child(odd) {
  padding: 30px 0 30px 30px;
}
.AZ .card:nth-child(even) {
  padding: 30px 30px 30px 0;
}
/* Global ::before */
.AZ .card::before {
  content: "";
  position: absolute;
  width: 50%;
  border: dotted #999999;
}

/* Setting the border of top, bottom, left */
.AZ .card:nth-child(odd)::before {
  left: 0px;
  top: -4.5px;
  bottom: -4.5px;
  border-width: 5px 0 5px 5px;
  border-radius: 50px 0 0 50px;
}

/* Setting the border of top, bottom, right */
.AZ .card:nth-child(even)::before {
  right: 0;
  top: 0;
  bottom: 0;
  border-width: 5px 5px 5px 0;
  border-radius: 0 50px 50px 0;
}

/* Removing the border if it is the first card */
.AZ .card:first-child::before {
  border-top: 0;
  border-top-left-radius: 0;
top: -16px;
}

/* Removing the border if it is the last card  and it's odd */
.AZ .card:last-child:nth-child(odd)::before {
  border-bottom: 0;
  border-bottom-left-radius: 0;
}

/* Removing the border if it is the last card  and it's even */
.AZ .card:last-child:nth-child(even)::before {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}

/* Information about the roadmap */
.AZ .info {
  display: flex;
  flex-direction: column;
  background: #fff3f3;
  color: gray;
  border-radius: 10px;
  padding: 20px;
}
.AZ .info .button.button-medium {
padding: 10px 20px!important;
}

/* Title of the card */
.AZ .title {
  color: #FF9898;
  position: relative;
padding-top:0!important;
    margin-bottom: 20px!important;
margin-top:0!important;
}

/* roadmap dot  */
.AZ .title::before {
  content: "";
  position: absolute;
 font-size:xx-large;
padding: 5px 10px;
  background: white;
  border-radius: 999px;
  border: 4px solid #FF9898;
  color:#FF9898!important;
}

.AZ .title:first-child::before {
font-family: FontAwesome;
}
/*NB :  Icones codées séparément dans le fichier cms.css de default-bootstrap */


/* text right if the card is even  */
.AZ .card:nth-child(even) > .info > .title {
  text-align: right;
}

/* setting dot to the left if the card is odd */
.AZ .card:nth-child(odd) > .info > .title::before {
  left: -80px;
top:-10px;
}

/* setting dot to the right if the card is odd */
.AZ .card:nth-child(even) > .info > .title::before {
  right: -80px;
}

#ets_blog_page .AZ .card .center {
    text-align: center;
}
.AZ {    max-width: 600px;
    margin: auto;
}
@media (max-width: 700px){
.AZ {
    max-width:300px;
}}
#ets_blog_page .AZ .button-link  {
color:#FF9898!important;
}
#ets_blog_page p, #ets_blog_page ul, #ets_blog_page ol {
    margin: 0 0 25px;
}
/* Page Hub blog Frein de langue */
.freins-langue .title-frein::before {
    content: "\f129"!important;
    padding: 7px 14px 2px 16px!important;}
.freins-langue .title-restrictif::before {
    content: "\F002"!important;
    padding: 7px 9px 7px 11px!important;}
.freins-langue .title-prof::before {
    content: "\f0f0"!important;
    padding: 7px 9px 7px 11px!important;}
.freins-langue .title-exam::before {
    content: "\F0F1"!important;
    padding: 7px 9px 7px 11px!important;}
.freins-langue .title-couper::before {
    content: "\f128"!important;
    padding: 7px 14px 7px 14px!important;}
.freins-langue .title-frenect::before {
    content: "\F0C4"!important;
    padding: 7px 9px 7px 11px!important;}
.freins-langue .title-soins::before {
    content: "\f21E"!important;
    padding: 11px 9px 7px 11px!important;}
.freins-langue .title-faq::before {
    content: "\F086"!important;
    padding: 7px 9px 7px 11px!important;}
/* Page Hub blog RGO */
.RGO .title-comprendre::before {
    content: "\f15d"!important;
    padding: 7px 11px 7px 11px!important;}
.RGO .title-allaitement::before {
    content: "\f043"!important;
    padding: 8px 15px 5px 15px!important;}
.RGO .title-ref::before {
    content: "\f0e9"!important;
    padding: 9px 12px 9px 12px!important;} 
.RGO .title-plv::before {
    content: "\f0e7"!important;
    padding: 7px 15px 7px 17px!important;}
.RGO .title-astuces::before {
    content: "\f0eb"!important;
    padding: 7px 14px 7px 14px!important;}
.RGO .title-faq::before {
    content: "\F086"!important;
    padding: 7px 9px 7px 11px!important;}
.RGO .center {
    text-align:center;
    }
.RGO .telecharge {
    margin-top:30px;
    Margin-bottom:40px;
    }
/* Pag Hub REF*/
.REF .title-comprendre::before {
    content: "\f15d"!important;
    padding: 7px 11px 7px 11px!important;}
.REF .title-allaitement::before {
    content: "\f043"!important;
    padding: 8px 15px 5px 15px!important;}
.REF .title-ref::before {
    content: "\f0e9"!important;
    padding: 9px 12px 9px 12px!important;} 
.REF .title-diminuer::before{
    content: "\f161"!important;
    padding: 7px 11px 7px 11px!important;}
.REF .title-causes::before{
    content: "\f12e"!important;
    padding: 8px 9px 7px 14px!important}
.REF .title-reconnaitre::before{
    content: "\f002"!important;
    padding: 7px 11px 7px 11px!important;}
.REF .center  {
    text-align:center;
    }
/* Page Hub pour prestablog avec utilisation de collapse */
.roadmap-simple {
 border-left: 5px dotted #999;
    margin: 30px auto;
    padding-left: 15px;
    position: relative;
    border-bottom: 5px dotted #999;
    border-radius: 0 50px;
}
.roadmap-right {
 border-right: 5px dotted #999;
    margin: 30px auto;
    padding-right: 15px;
    position: relative;
    border-bottom: 5px dotted #999;
    border-radius: 50px 0 50px;
}

.step-block {
  position: relative;
  margin-bottom: 40px;
}
.roadmap-right .step-block{
 padding-left: 20px;
padding-right: 10px;}
.roadmap-simple .step-block{
 padding-right: 20px;
 padding-left: 10px;}

.roadmap-right .step-block::after {content: "";
    position: absolute;
    font-size: xx-large;
      color:#FF9898;
    right: -45px;
    top: -45px;
    width: 56px;
    height: 56px;
    background: #fff;
    border: 4px solid #FF9898;
    border-radius: 50%;
    z-index: 2;
}
.roadmap-right .title {
    text-align:right;
    }
.roadmap-simple .step-block::before {
  content: "";
  font-size: xx-large;
  position: absolute;
  color:#FF9898;
  left: -45px;
  top: -45px;
  width: 56px;
  height: 56px;
  background: #fff;
  border: 4px solid #FF9898;
  border-radius: 50%;
  z-index: 2;
}
/* Marge haute du premier bloc pour que l'icône ne colle pas au bloc d'intro */
.roadmap-first {
    margin-top: 44px!important;
    }

  .roadmap-simple [class*="step-"]::before,
.roadmap-simple [class*="step-"]::after,
.roadmap-right [class*="step-"]::before,
.roadmap-right [class*="step-"]::after {
    font-family: "FontAwesome" !important;
}
.roadmap-simple .step-preparer::before {
     content: "\f00c"!important;
    padding: 9px 9px 7px 9px!important;
    }
.roadmap-right .step-premieres::after {
    content:"\f073"!important;
      padding: 9px 9px 7px 9px!important;
    }
.roadmap-simple .step-positions::before {
     content: "\f021"!important;
    padding: 10px 9px 7px 11px!important;
    }
 .roadmap-right .step-croissance::after {
    content:"\f201"!important;
      padding: 9px 9px 7px 7px!important;
    }   
.roadmap-simple .step-alimentation::before {
     content: "\f0f4"!important;
    padding: 9px 9px 7px 9px!important;
    }
.roadmap-right .step-diversification::after {
    content:"\f179"!important;
      padding: 9px 9px 7px 11px!important;
    }
.roadmap-simple .step-complications::before {
     content: "\F0e7"!important;
    padding: 9px 9px 7px 17px!important;
    }
.roadmap-right .step-astuces::after {
    content:"\f0eb"!important;
      padding: 9px 9px 7px 14px!important;
    }
.roadmap-simple .step-biblio::before {
    content:"\f02d"!important;
      padding: 10px 9px 7px 9px!important;
    }
.roadmap-final {
        border-left: 5px dotted #999!important;
    border-radius: 0 0 50px 50px!important;
    }
.roadmap-right .step-final::after {
    content:"\f15d"!important;
      padding: 9px 9px 7px 8px!important;
    }
.roadmap-simple ul li, .roadmap-right ul li {
   margin-bottom:20px;}
.step-block .info {
  background: #fff3f3;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
}

.step-block .sub-info {
  background: #fff3f3;
  border-left: 4px solid #FFB1B1;
  padding: 15px 20px;
  border-radius: 0 10px 10px 0;
}

.step-block .sub-info ul {
  padding-left: 20px;
  margin: 0;
}
.info a {
    text-decoration:underline!important;
    }
.info .fa {
    margin-right:8px;
    color:#72B8B5;
    }
/* Par défaut : flèche vers la droite */
.collapse-toggle .toggle-icon {
  transition: transform 0.3s ease;
  display: inline-block;
}

/* Quand la cible est ouverte (collapsed est retirée) : flèche vers le bas */
.collapse-toggle:not(.collapsed) .toggle-icon {
  transform: rotate(90deg);
}

.AZ-simple{
max-width:600px;
margin:auto;}
@media (max-width: 700px){
.AZ-simple {
    padding: 20px;
    margin: auto;
}
.roadmap-simple ul li, .roadmap-right ul li {
   margin-bottom:40px; }
 .roadmap-simple ul li:last-child, .roadmap-right ul li:last-child {
   margin-bottom:20px; }  }
.info .title {
margin-top:0!important;
}
#ets_blog_page .button-link {
    display:inline-block;
font-size: 17px;
    line-height: 21px;
    color: #FF9898!important;
padding: 10px 20px!important;
    font-weight: bold;
    background: white;
    border: 3px solid;
    border-color: #FF9898;
text-decoration: none!important;
word-break: break-all;
margin-bottom:10px;
margin-top:10px;
}
.button-link {
    text-decoration:none!important;
    }
/*Css pour l'Avatar page panier*/
.cart-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 30px 0 0;
}

/* Avatar */
.avatar-cart {
  max-width: 220px;
  height: auto;
}

/* Bulle */
.cart-avatar .bulle-parole {
  max-width: 350px;
  padding: 15px 20px;
   background: #fff8f8;
  border: 2px solid #ffb1b1;
  border-radius: 20px;
  position: relative;
  font-size: 1.32em;
}

/* Flèche desktop → à gauche */
.cart-avatar .bulle-parole::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 13px;
   border-width: 10px 15px 10px 0;
  border-style: solid;
  border-color: transparent #ffb1b1 transparent transparent;
}
.cart-avatar .bulle-parole::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 13px;
  border-width: 10px 15px 10px 0;
  border-style: solid;
  border-color: transparent #ffb1b1 transparent transparent;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  .cart-avatar {
    flex-direction: column-reverse; /* → Bulle AU-DESSUS de l’avatar */
    text-align: center;
  }

.cart-avatar .bulle-parole {
    max-width: 100%;
  }

  /* On supprime la flèche desktop */
 .cart-avatar .bulle-parole::before,
 .cart-avatar .bulle-parole::after {
    display: none;
  }

  /* Nouvelle flèche SOUS la bulle */
 .cart-avatar .bulle-parole {
    position: relative;
  }

 .cart-avatar .bulle-parole::after,
 .cart-avatar .bulle-parole::before {
    display: block;
  }

 .cart-avatar .bulle-parole::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    bottom: -12px;
    transform: translateX(-50%);
   border-width: 13px 9px 0;
    border-color: #fff8f8 transparent transparent transparent;
  }

 .cart-avatar .bulle-parole::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    bottom: -10px;
    transform: translateX(-50%);
     border-width: 15px 10px 0;
    border-color: #ffb1b1 transparent transparent transparent;
  }
}
/* Avatar div essentiel */
.essentiel {
  position: relative; /* nécessaire pour que ::before se positionne par rapport au bouton */
}
.essentiel p {
    margin-bottom:0!important;
    }
.essentiel:nth-of-type(odd)::before {
  content: "";
  position: absolute;
      top: -190px;
    transform: translateX(-5%);
    width: 200px;
    height: 200px;
  background-image: url("https://glamformum.com/img/cms/Avatars/div-essential.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
 @media (max-width: 479px) {
     .essentiel:nth-of-type(odd)::before {
        top: -170px;
    width: 180px;
    height: 180px;
         }}
/* Suppression des champs inutiles sur le one-page checkout - date anniversaire, infos complémentaires, téléphone fixe */
.glam-extra {
    display: none!important;
    }
  .footer-container .h3, .footer-container .h4 {
    margin-bottom: 1rem!important;
    font-size: 1rem!important;
    margin-top: 0 !important;
}
.roadmap-svg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 0.7071 / 1;
}