@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600&display=swap');

/* ***************************** BUTTONS ***************************** */

/* -------------- Tous les boutons -------------- */
body .sppb-btn,
body .btn-primary,
body a.sppb-readmore,
body .btn-custom a,
body a.btn-custom-header,
.j2store-addtocart-form .j2store-add-to-cart .j2store-cart-button {
    border-radius: 100px !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding: 16px 30px;
}

body.view-carts .cart-checkout-button .btn.btn-large {
    border-radius: 100px !important;
    cursor: pointer;
    font-weight: bold;
    padding: 18px 33px;
}

/* -------------- Bouton par défaut -------------- */
body a.btn-primary,
body.view-checkout .btn-primary,
body .sppb-btn.sppb-btn-default,
body a.sppb-readmore,
body.view-carts .cart-checkout-button .btn.btn-large,
body .btn-custom a,
body a.btn-custom-header,
.j2store-addtocart-form .j2store-add-to-cart .j2store-cart-button  {
    background-color: #FF5B4F; 
    color: #ffffff;
    border: 1px solid #FF5B4F;
    border-radius: 100px !important;
}

/* Hover */
body a.btn-primary:hover,
body.view-checkout .btn-primary:hover,
body .sppb-btn.sppb-btn-default:hover,
body a.sppb-readmore:hover,
body.view-carts .cart-checkout-button .btn.btn-large:hover,
body .btn-custom a:hover,
body a.btn-custom-header:hover,
.j2store-addtocart-form .j2store-add-to-cart .j2store-cart-button:hover {
    background: none ;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
}
body a.btn-custom-header-blue {
      background-color: #052142; 
    color: #ffffff !important;
    border: 1px solid #052142;
    border-radius: 100px ;
}
body a.btn-custom-header-blue:hover {
   background: none ;
    color: #FF5B4F;
    border: 1px solid #052142;
}
body a.sppb-readmore {
    padding: 9px 26px;
    width: fit-content;
}

/* Bouton header */
body a.btn-custom-header,
body a.btn-custom-header-blue {
    padding: 10px 24px ;
    display: inline;
    font-size: 16px;
}

header#sp-header .sp-megamenu-parent > li.active > a.btn-custom-header {
    background: none;
}

/* Active */
.btn-custom .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background: none ;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
}

.j2store-addtocart-form .j2store-add-to-cart .j2store-cart-button {
    /* margin-left: 30px; */
    width: 100%;
    display: block;
}

.j2store-addtocart-form .j2store-add-to-cart {
    margin-left: 5px;
    display: block;
}

/* -------------- Bouton primaire -------------- */
body .sppb-btn.sppb-btn-primary {
    background: none;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
    border-radius: 100px !important;
}

/* Hover */
body .sppb-btn.sppb-btn-primary:hover {
    background: #FF5B4F ;
    color: #ffffff;
    border: 1px solid #FF5B4F;
}

/* -------------- Bouton secondaire -------------- */
body .sppb-btn-secondary,
body .btn-warning {
    color: #052142;
    font-size: 14px;

    background: none;
    border: 1px solid #052142;
    border-radius: 100px !important;
}

/* Hover */
body .sppb-btn-secondary:hover,
body .btn-warning:hover  {
    color: #ffffff !important;
    background: #052142;
    border: 1px solid #052142;
}

/* -------------- Bouton Lien -------------- */
body .sppb-btn.sppb-btn-link {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;

    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    border-radius: 0 !important;
}

body .sppb-btn.sppb-btn-link.btn-colordark {
    color: #052142 !important;
    border-bottom: 1px solid #052142;
}

/* -------------- Bouton Voir plus avec icône -------------- */
body .see-more > i {
    width: 100%;
}

body .btn-fullwidth a.btn-primary,
body .btn-fullwidth a {
    display: block;
    width: 100%;
}

body .btn-nopadding{
    padding: 0 !important;
}
/*--- button white ---*/
.form-tel .btn-white {
 padding: 25px 30px !important; 
 font-size: 25px !important;
}
@media screen and (max-width: 400px){
  .form-tel .btn-white {
 font-size: initial !important;
    padding: 9px 16px !important;
	}
}
/* ***************************** TITRES ***************************** */
/*
    Tous les titres
    -> On met la même couleur par défaut pour tous les titres 
*/
.sppb-addon-title {
    color: #052142;
}
/* Titre page home : Explorez nos services */

#section-id-1595413266804 .nos-services .sppb-addon-content p {
  color: #052142;
  font-family: 'Barlow', sans-serif;
  font-size: 56px ;
  font-weight: 900;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.39px;
  margin-bottom: .5rem;
}  

@media screen and (min-width: 768px) and (max-width: 991px) {
  #section-id-1595413266804 .nos-services .sppb-addon-content p {
    font-size: 45px ;
	}
}
@media (max-width: 767px) {
 #section-id-1595413266804 .nos-services .sppb-addon-content p {
    font-size: 35px;
	}
}


/*
    Titres de section
    -> permet de mettre en forme tous les titres de section de façon identiques
*/
body .sppb-title-heading,
.checkout h1 {
    font-weight: 900;
    font-size: 56px !important;
    color: #052142;

    padding-bottom: 50px !important;

    position: relative;
}

/* Titre page commande + page mon compte */
.checkout h1,
.j2store-myprofile > h3,
.view-myprofile.task-editAddress h3 {
    font-weight: 900;
    font-size: 56px !important;
    color: #052142;

    padding-bottom: 50px !important;

    position: relative;

    text-align: center;
    padding-bottom: 30px !important;
    margin-bottom: 50px;
}

/* Border bottom sous les titres de sections */
body .sppb-title-heading::after,
.checkout h1::after,
.j2store-myprofile > h3::after,
.view-myprofile.task-editAddress h3::after {
    content: " ";

    display: inline-block;
    
    width: 65px;
    height: 8px;

    border-radius: 50rem;
    background-color: #FF5B4F;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

body .title-noborder .sppb-title-heading::after {
    content: none;
}

body .title-lessMargin .sppb-section-title {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {

    body .sppb-title-heading {
        font-size: 36px !important;    
        padding-bottom: 25px !important;
    }

    body .sppb-title-heading::after {
        width: 65px;
        height: 5px;
    }
}

/* ***************************** FORMULAIRES ***************************** */
label {
    font-weight: bold;
    margin-bottom: 2px;
}

/* ***************************** CLASSES UTILES GENERALES ***************************** */

/* -------------- Classes texte -------------- */
/*
    text-bold
    -> permet de mettre un bout de texte en gras lorsque cela n'est pas possible avec les propriétés natives de SP PAGE BUILDER
*/
.text-bold {
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase;
}

/*
    in
    -> permet d'afficher un bloc
    -> On s'en sert en JS entre autre, ex : pour les features où au hover on affiche le texte et cache l'image
*/
.in {
    display: block !important;
}

/*
    out
    -> permet de cacher un bloc
    -> On s'en sert en JS entre autre, ex : pour les features où au hover on affiche le texte et cache l'image
*/
.out {
    display: none !important;
}

/*
    cursor-default
    -> permet d'afficher le curseur par défaut (généralement la souris basique) au hover de l'élément
*/
.cursor-default:hover {
    cursor: default;
}

/* -------------- Classes Animations -------------- */
.animate-top-to-bot,
.animate-icone-top-to-bot-hover:hover i {
    animation: animation_topToBot 1s infinite;
    transition: all 1s ease-in-out;
}

/* -------------- Classes BLocs -------------- */
/*
    layout-back
    -> permet de mettre l'élément sur l'arrière plan, de le reculer
    -> Ne fonctionne que si l'élément enfant et parent ont une position
*/
.layout-back {
    z-index: 0 !important;
}

.block-higher {
    position: relative;
    top: -40px;
}

@media (max-width:992px) {
    .block-higher {
        top: 0;
    }
}

/* ***************************** CLASSES UTILES SPECIFIQUES ***************************** */
/* -------------- Classes check-list -------------- */
/*
    check-list
    -> permet d'avoir un modèle checklist 
    -> uniquement sur les block de type "IMAGE CONTENT"
*/

.check-list {
    display: flex !important;
}

.check-list > .sppb-container {
    padding-right: 0;
}

/* Image, elle est en background */
.check-list > .sppb-image-holder {
    width: 21px !important;
    height: 14px !important;

    background-size: contain;
    background-repeat: no-repeat;

    top: 8px;
}

/* Colonne où se situe l'image */
.check-list .sppb-row > div:first-child {
    padding: 0;
}

/* Texte */
.check-list .sppb-row > div:nth-child(2) p {
    font-weight: 300;
    margin-bottom: 8px;
}

/* Colonne où se situe le texte */
.check-list .sppb-row > div:nth-child(2) {
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 35px;
    padding-right: 0;
}

@media (max-width:992px) {
    .check-list .sppb-row > div:nth-child(2) {
        padding-left: 50px;
    }

    .check-list .sppb-row > div:nth-child(2) > .sppb-content-holder {
        padding: 0 !important;
    }

    .check-list > .sppb-container {
        padding: 0;
    } 
    
    .check-list .sppb-image-content-text {
        font-size: 16px;
    }

    .pack-col-responsive {
        margin: 1rem auto;
    }

    .pack-container {
        padding: 2rem 3.125rem !important;
    }
}

@media (max-width:768px) {
    .check-list .sppb-row > div:nth-child(2) {
        padding-left: 35px;
    }
}

@media (max-width:526px) {
    .pack-container {
        padding: 0 !important;
        background: none !important;
    }

    .pack-col-responsive {
        box-shadow: 0px 0px 15px 0px #aabbd445 !important;
    }
}

/* -------------- Classes check-list petit texte-------------- */
/* Image, elle est en background */
.check-list.smaller > .sppb-image-holder {
    width: 15px !important;
    height: 10px !important;
    top: 5px;
}

/* Texte */
.check-list.smaller .sppb-row > div:nth-child(2) p {
    font-size: 12px;
}

/* Colonne où se situe le texte */
.check-list.smaller .sppb-row > div:nth-child(2) {
    padding-left: 28px;
}

@media (max-width:992px) {
    .check-list.smaller {
        width: 60%;
        margin: auto;
    }

    .check-list.smaller .sppb-row > div:nth-child(2) {
        padding-left: 40px;
    }
}

@media (max-width:768px) {
    .check-list.smaller .sppb-row > div:nth-child(2) {
        padding-left: 28px;
    }
}

@media (max-width:526px) {
    .check-list.smaller {
        width: 100%;
    }
}

/* -------------- Classes spécifiques aux colonnes -------------- */
/*
    Classe pour l'alignement vertical des colonnes
*/
.align-col-center > div > .sppb-row {
    align-items: center;
}

@media (max-width:992px) {
    /*
        padding des colonnes en responsive
    */
    .col-resp-nopadding {
        padding: .5rem 0 !important;
    }
}

/* -------------- Classes block header-bann (home) -------------- */
/*
    block-position
    -> Spécifique au parent "header-bann" (situé dans la Home)
    -> Permet de positionner le bloc de texte entre l'image et la section qui la suit
*/
.header-bann .block-position {
    top: 20rem;
}

@media (max-width:1200px) {

    .header-bann {
        min-height: auto !important;
    }

    .header-bann .block-position {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        top: 15rem;
    }
}

@media (max-width:992px) {

    .header-bann .block-position {
        top: 0;
    }
}

@media (max-width: 768px) {

    .block-position .sppb-addon-content {
        font-size: 20px !important;
    }

    .block-position .sppb-addon-title {
        font-size: 36px !important;
    }
}

/* -------------- Icone des titres -------------- */
@media (max-width:768px) {

    .title-icon-text-col {
        padding-bottom: 1rem !important;
    }

    .title-icon-text {
        text-align: center;
    }

    .title-icon {
        text-align: center;
    }
}
/* -------------- Features générales -------------- */
/*
    features-fullheight
    -> permet, sur les features box de mettre la même hauteur sur chaque élément
    -> se cale sur la hauteur la plus grande (comme la propriété "align-items: stretch")
*/
.features-fullheight .sppb-addon-wrapper,
.features-fullheight .sppb-addon-wrapper > div {
    height: 100%;
}


.features-fullheight {
    padding-bottom: 1.5rem !important;
}

.features-iconeresize.sppb-addon-feature span.sppb-img-container > img.sppb-img-responsive {
    object-fit: contain;
    height: 28px;
}

@media(max-width:992px) {

    .features-fullheight .sppb-addon-wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* -------------- Features hover -------------- */
/*
    feature-hover-text
    -> affiche seuelement l'image, puis au hover affiche le texte et cache l'image
    -> le hover est géré en JS dans le custom.js
*/

.feature-hover-text {
    overflow: hidden;
}

/* feature text content */
.feature-hover-text .sppb-media-content {
    display: none;
    min-height: 257px;
}

.feature-hover-text .sppb-media-content.in {
    min-height: 257px;
    display: flex !important;
    flex-wrap: wrap;

    animation: opacity_animation .5s;
    transition: all .5s ease-in-out;
}

/* feature image */
.feature-hover-text .sppb-img-container {
    height: 257px;
}

.feature-hover-text .sppb-img-container > img {
    height: 100%;
    object-fit: contain;
    object-position: center;

    animation: opacity_animation .3s;
    transition: all .3s ease-in-out;
}

.feature-hover-text-col .sppb-addon-wrapper,
.feature-hover-text-col .sppb-addon-wrapper > div {
    height: 100%;
}

.feature-hover-text .sppb-img-container,
.feature-hover-text .sppb-img-container > img {
    text-align: center;
}

.feature-hover-text .sppb-btn {
    min-height: 50px;
    align-self: flex-end;
    line-height: 20px;
    
    padding: 10px 30px;
    margin-top: 10px;
}

/* Ajout du lien version dématérialisée */
.feature-hover-text .sppb-media-content {
    position: relative;
}

.feature-hover-text .sppb-media-content > .sppb-addon-text {
    align-self: flex-end;
}

.feature-hover-text .sppb-media-content > .sppb-addon-text > a.custom-btn-link {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 50px;

    padding: 10px 30px;
    text-align: center;

    background: none;
    border: 1px solid #052142;
    border-radius: 100px !important;

    cursor: pointer;

    font-size: 14px;
    font-weight: 700;
    color: #052142;

    transition: all ease-in-out .1s;
}

.feature-hover-text .sppb-media-content > .sppb-addon-text > a.custom-btn-link:hover {
    color: #ffffff;
    background: #052142;

    transition: all ease-in-out .1s;
}

@media (max-width:768px) {
    /* feature image */
    .feature-hover-text .sppb-img-container {
        height: 200px;
    }

    /* feature text content */
    .feature-hover-text .sppb-media-content {
        display: block;
    }

    .feature-hover-text .sppb-img-container.out {
        display: block !important;
    }

    .feature-hover-text .sppb-media-content.in {
        display: block !important;
        height: fit-content;
    }
}

/* -------------- Fiche produit -------------- */
/*
    img-col
    -> permet d'avoir un background image particulier
*/
.img-col {
    position: relative;
}

.img-col-bg {
    min-height: 888px;
    min-width: 60vw;
    background-color: #ffffff;

    position: absolute;
    right: 0;
}


@media (max-width:1200px) {

    .col-responsive-fullwidth .sppb-row > * {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .responsive-content-left .sppb-text-right{
        text-align: left;
    }

    .responsive-content-left .sppb-addon-content {
        text-align: left;
    }

    .col-responsive-nomargin .sppb-column-addons > .sppb-addon-wrapper {
        margin-bottom: 0 !important;
    }
}

@media (max-width:992px) {

    .img-col-bg {
        min-width: 120vw;
        min-height: 360px;
        position: relative;
        left: -25%;
        border-radius: 8px;
    }
    
    .content-col {
        padding-left: 0 !important;
    }
}

@media (max-width:767px) {
    .img-col-bg {
        left: -37%;
    }
}

@media (max-width:648px) {
    .img-col-bg {
        left: -26%;
    }
}

@media (max-width:576px) {
    .img-col-bg {
        left: -12%;
    }
}

/* ***************************** ARTICLES GENERAUX ***************************** */
/* -------------- Article image -------------- */ 
.sppb-article-img-wrap,
.sppb-article-img-wrap > img {
    border-radius: 8px;
}

.sppb-article-img-wrap > img  {
    object-fit: cover;
    object-position: center;
    width: 100%;
}

/* -------------- Article text content -------------- */ 
/* Container des textes */
.sppb-article-info-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

    padding-top: 1rem;
}

/* Titre de l'article */
.sppb-article-info-wrap > h3 {
    font-size: 42px;
    color: #052142;
    font-weight: 600;
    line-height: 49.5px;
}

.sppb-article-info-wrap > h3 > a {
    color: #052142;
}

/* Tags */
.sppb-addon-articles .sppb-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    order: -1;
}

.sppb-article-meta > .sppb-meta-category {
    order: -1;

    padding: 2px 16px;

    border-radius: 50rem;
    background: #052142;
}

.sppb-article-meta > .sppb-meta-category > a {
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
}

/* Tags couleurs selon categories */
.talks .sppb-article-meta > .sppb-meta-category {
    background: #6B9DFF;
}

.livres .sppb-article-meta > .sppb-meta-category {
    background: #FB8179;
}

.tutos .sppb-article-meta > .sppb-meta-category {
    background: #D5BB9A;
}

.joomladay .sppb-article-meta > .sppb-meta-category {
    background: #3B9BA9;
}

/* Date */
.sppb-article-meta > .sppb-meta-date {
    color: #AABBD4 !important;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

/* Texte présentation */
.sppb-article-introtext {
    font-size: 18px;
    color: #052142;
}

/* Lien lire l'article */
.sppb-article-info-wrap > a.sppb-readmore {
    display: inline-block;
    width: fit-content;
    margin-top: 2rem;
    text-align: center;
}

@media (max-width:992px) {
    .sppb-addon-articles {
        margin-bottom: 1rem;
    }
}

/* ***************************** ARTICLES/ NEWS ***************************** */
.article-normal .sppb-addon-article {
    display: flex;
    align-items: stretch;
}

/* -------------- Article image -------------- */
.article-normal .sppb-article-img-wrap,
.article-normal .sppb-article-img-wrap > img {
    height: 160px;
    max-height: 160px;

    width: 160px;
    max-width: 160px;

    border-radius: 8px;
}

.article-normal .sppb-article-img-wrap > img {
    object-fit: cover;
    object-position: center;
  margin: auto;
}

/* -------------- Article text content -------------- */ 
/* Container des textes */
.article-normal .sppb-article-info-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;

    padding: 0 2rem;
}

/* Tous les textes */
.article-normal .sppb-article-info-wrap > * {
    width: 100%;
    height: fit-content;
}

/* Titre de l'article */
.article-normal .sppb-article-info-wrap > h3 {
    font-size: 18px;
    color: #052142;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    line-height: 26px;
}

/* Lien lire l'article */
.article-normal .sppb-article-info-wrap > a {
    align-self: flex-end;
    order: 10;

    width: fit-content;

    border: none;
    border-radius: 0 !important;
    border-bottom: 2px solid #052142;

    color: #052142;
    font-size: 14px;
    font-weight: 600;

    padding: 0;
    background: none;  
}

.article-normal .sppb-article-info-wrap > a:hover {
    border: none;
    border-bottom: 2px solid #052142;

    color: #052142;
}

@media (max-width:576px) {
    .article-normal .sppb-addon-article {
        display: block;
    }

    /* Container des textes */
    .article-normal .sppb-article-info-wrap {
        padding: 0;
        padding-top: 1rem;
    }
}

/* ***************************** SECTION PRODUIT ***************************** */
@media (max-width:1200px) {
    .section-responsive-padding {
        margin-bottom: 0 !important;
    }
}

@media (max-width:768px) {
    .section-responsive-padding {
        padding-bottom: 0 !important;
    }
}

/* ***************************** SECTION MOVE HEIGHT/ CARACTERISTICS ***************************** */
@media (max-width:768px) {
    .section-moveHeight {
        height: 500px !important;
    }
}

@media (max-width:576px) {
    .section-moveHeight {
        height: 500px !important;
    }
}

@media (max-width:400px) {
    .section-moveHeight {
        height: 600px !important;
    }
}

/* ***************************** HEADER ***************************** */
header#sp-header {
    box-shadow: 0px 0px 50px 0px #00000024;
    padding: 0;
    transition: all .2s ease-in-out;
}

header#sp-header .sppb-btn.sppb-btn-link,
header#sp-header.header-home .sp-dropdown-items a {
    color: #052142 !important;
    padding-bottom: 0;
}

header#sp-header.header-home .sp-dropdown-items a:hover {
    color: #FF5B4F !important;
}

#sp-section-2 {
    height: 120px;
}

header#sp-header a:hover {
    color: #FF5B4F;
    text-shadow: none;
    transition: color .1s ease-in-out;
}

header#sp-header > .row {
    margin: auto;
    max-width: 540px;

    padding-left: 15px;
    padding-right: 15px;

    justify-content: space-between;
}
/*
header#sp-header .sp-megamenu-parent {
    margin: 0;
header#sp-header .sp-megamenu-wrapper {
    min-width: 90%;
}

}*/


/* Bloc logo */
header#sp-header #sp-logo {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0;
}

/* Bloc nav */
header#sp-header #sp-menu {
    flex: 0 0 75%;
    max-width: 800px;
    padding-right: 0;
}

/* header#sp-header #sp-menu > .sp-column {
    justify-content: space-between;
} */

/* Login */
header#sp-header a.open-login {
    padding: 1rem 2rem;
    background: #FF5B4F;
    color: #ffffff;
}

header#sp-header a.open-login:hover {
    background: none;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
}

header#sp-header a.open-login > i {
    display: none;
}

header#sp-header .sp-mod-login {
    margin: 0;
}

/* Panier */
header#sp-header .cart-mod  {
    margin-left: 10px !important;
}

header#sp-header .cart-mod i {
    color: #052142;
}

@media(max-width:1200px) {
    header#sp-header #sp-menu {
        flex: 0 0 85%;
        max-width: 85%;
    }

    header#sp-header #sp-logo {
        flex: 0 0 15%;
        max-width: 15%;
    }
}

@media (max-width:991px) {
    header#sp-header .cart-mod  {
        order: 2 !important;
    }

    header#sp-header #sp-menu > .sp-column {
        height: 100%;
    }

    header#sp-header #sp-menu {
        flex: 0 0 50%;
        max-width: 50%;
    }

    header#sp-header #sp-logo {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:576px) {
    header#sp-header #sp-menu {
        flex: 0 0 70%;
        max-width: 70%;
    }

    header#sp-header #sp-logo {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

/* Icone burger */
header#sp-header #offcanvas-toggler > .fa {
    color: #052142;
    font-size: 26px;
}

@media (max-width:992px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 0 !important;
    }
}

/* Lien inscription */
header#sp-header .signup-link {
    position: relative;
}

/*header#sp-header .signup-link::after {
    content: " ";
    position: absolute;
    left: -15px;
  	top: 0;
    z-index: 10;
    border-left: #FF5B4F 2px solid;
    height: 41px;
}*/

/* Lien qui précède Inscription */
header#sp-header .last-item {
    padding-right: 1rem;
}

header#sp-header .sp-megamenu-parent > li.active > a {
    color: #FF5B4F;
    text-shadow: none;
}

header#sp-header .sp-megamenu-parent > li.active:after {
    content: none !important;
}
/* Header aligner le panier et les drapeaux */
@media screen and (max-width: 1030px){
  .sp-module.menu_hikaa {
    margin-right: -20px;
    
  }
}
@media screen and (max-width: 1015px) {
  .sp-megamenu-parent>li>a {
    font-size: 14px;
  }
  .sp-megamenu-parent {
     margin: 0 -15px;

  }
  .sp-module-content .mod-languages ul.lang-inline {
    margin-right: 18px;
}
}
div.hikashop_cart_dropdown_content{
  right: 0;
}

/* -------------- Header de la home -------------- */ 
#page-home #sp-section-2 {
    display: none;
}

header#sp-header.header-home {
    background: none;
    background: linear-gradient(#0000004b, #00000000);
    box-shadow: none;

    position: absolute;
    top: 0;
}

header#sp-header.header-home > .row {
    border-bottom: #ffffff 1px solid;
}

header#sp-header.header-home a {
    color: #ffffff;
}

header#sp-header.header-home a:hover {
    color: #FF5B4F;
}

@media (min-width: 576px) {
    header#sp-header > .row  {
        max-width: 540px;
    }
}

@media (max-width: 576px) {
    /* Login */
    header#sp-header a.open-login {
        padding: 10px 20px;
    }
}

@media (min-width: 768px) {
    header#sp-header > .row  {
        max-width: 720px;
    }
}


@media (min-width: 992px) {
    header#sp-header > .row  {
       /* max-width: 960px;*/
          max-width: 1050px;
    }
}

@media (min-width: 1200px) {
    header#sp-header > .row {
        max-width: 1140px;
    }

    .sp-megamenu-parent > li > a:not(.btn-custom-header,.btn-custom-header-blue), 
    .sp-megamenu-parent > li span {
        padding: 0 5px;
    }
}

@media (max-width: 992px) {
    header#sp-header .sp-megamenu-wrapper {
        padding-left: 1rem;
        order: 2 !important;
        min-width: fit-content;
      	margin-right: 15px;
    }

    header#sp-header .login-mod {
        order: 1 !important;
    }

    header#sp-header #sp-menu > .sp-column {
        justify-content: flex-end;
    }

    /* Icone burger */
    header#sp-header.header-home #offcanvas-toggler > .fa {
        color: #ffffff;
    }
}

@media (max-width: 768px) {
    #page-home #sp-section-2 {
        display: block;
    }

    header#sp-header.header-home {
        background: #ffffff;
        box-shadow: 0px 0px 50px 0px #00000024;
    
        position: fixed;
    }

    header#sp-header.header-home > .row {
        border: none;
    }

    /* Icone burger */
    header#sp-header.header-home #offcanvas-toggler > .fa {
        color: #052142;
    }
}

/* ***************************** FOOTER ***************************** */
footer#sp-footer {
    min-height: 147px;
    display: flex;
    align-items: center;
    color: #052142;
    font-size: 14px;
    font-weight: normal;
}

/* -------------- Footer content -------------- */ 


#sp-footer-content > .row {
    margin: 0;
    justify-content: center;
}

#sp-footer-content .footer-content {
    color: #ffffff;
}

/* Position2 : là où il y a le titre */ 
#sp-footer-content #sp-position2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 60px;
}

#sp-footer-content .customfooter-content-title.footer-content > * {
    font-weight: 700;
}

/* Position3 : là où il y a le contentu texte */ 
#sp-footer-content #sp-position3 {
    flex: 0 0 30%;
    max-width: 30%;
}

/* Position2 : là où il y a le formulaire */ 
#sp-footer-content #sp-position4 {
    flex: 0 0 30%;
    max-width: 30%;
}

@media (max-width:1200px) {
    
    #sp-footer-content .footer-content > * {
        text-align: center !important;
    }

    /* Position2 : là où il y a le titre */ 
    #sp-footer-content #sp-position2 {
        margin-bottom: 30px;
    }

    /* Position3 : là où il y a le contentu texte */ 
    #sp-footer-content #sp-position3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Position2 : là où il y a le formulaire */ 
    #sp-footer-content #sp-position4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* -------------- Footer copyright -------------- */ 
footer#sp-footer #sp-footer1 > * {
    text-align: center;
}

/* Liens à droite */
#sp-footer2 .sp-module-content .menu > li {
    margin: 0 !important;
}

#sp-footer2 .sp-module-content .menu > li > * {
    display: inline;

    font-size: 14px !important;
    font-weight: 400 !important;

    padding: 0 10px;
    border-left: 1px solid #052142;
}

#sp-footer2 .sp-module-content .menu > li > a:hover {
    color: #FF5B4F;
}

#sp-footer2 .sp-module-content .menu > li:first-child  > * {
    border: none;
    padding-left: 0;
}

#sp-footer2 .sp-module-content .menu > li:last-child  > * {
    padding-right: 0;
}

@media (max-width:768px) {
    /* Logo */
    #sp-footer .logo-image {
        margin: auto;
        margin-bottom: 14px;
    }

}

/* ***************************** BLOG ***************************** */
body.layout-blog.view-category #sp-section-2 > .row > #sp-title {
    display: none;
}

body.layout-blog.view-category #sp-main-body {
    padding-top: 0;
}

body.layout-blog.view-category #sp-main-body > .container {
    max-width: 100% !important;
    padding: 0 !important;
}

body.layout-blog.view-category .blog > .article-list:nth-child(2) {
    max-width: 75%;
    margin: auto;
}


body.layout-blog.view-category .blog > .articles-leading > .article {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

body.layout-blog.view-category .blog .articles-more {
    display: none;
}

/* -------------- Pagination -------------- */ 
body.layout-blog.view-category .blog > nav {
    margin-top: 30px;
}

body.layout-blog.view-category .blog .pagination > .page-item {
    width: fit-content;
}

body.layout-blog.view-category .blog .pagination > .page-item.active > .page-link {
    border-color: #FF5B4F;
    color: #ffffff;
    background-color: #FF5B4F;
}

body.layout-blog.view-category .blog .pagination > .page-item > .page-link:hover {
    color: #FF5B4F;
}

body.layout-blog.view-category .blog .pagination > .page-item.active > .page-link:hover {
    color: #ffffff;
}


/* -------------- Blogposts list -------------- */ 
body.layout-blog.view-category .blog > .article-list > .row > * {
    flex: 0 0 100%;
    max-width: 100%;
}

body.layout-blog.view-category .blog > .article-list .article {
    display: flex;
    border: none;
    border-radius: 8px;
    padding-bottom: 2rem;
}

body.layout-blog.view-category .blog > .article-list .article:hover {
    box-shadow: none;
}

body.layout-blog.view-category .blog > .article-list .article > * {
    width: 50%;
}

body.layout-blog.view-category .blog > .article-list .article > * {
    border: none;
}

body.layout-blog.view-category .blog > .article-list .article > * > *,
body.layout-blog.view-category .blog > .article-list .article > * > * > iframe,
body.layout-blog.view-category .blog > .article-list .article > * > * > img {
    width: 100%;
    border-radius: 8px;
}

/* Date + tag */
body.layout-blog.view-category .blog > .article-list .published > * {
    color: #AABBD4 !important;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Barlow';
}

/* Auteur */
body.layout-blog.view-category .blog > .article-list .createdby {
    display: none;
}

/* Image */
body.layout-blog.view-category .blog > .article-list .article-intro-image  {
    height: 100%;
    border: none;
}

body.layout-blog.view-category .blog > .article-list .article-intro-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

body.layout-blog.view-category .blog > .article-list .item-odd .article .article-body {
    height: fit-content;
    padding: 0 0 0 40px;
}

body.layout-blog.view-category .blog > .article-list .item-even .article .article-body {
    height: fit-content;
    padding: 0 40px 0 0;
}

/* Titre */
body.layout-blog.view-category .blog > .article-list .article-header > * > a {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
}

body.layout-blog.view-category .blog > .article-list .article-header > * {
    margin-bottom: 30px;
}

/* Contenu texte */
body.layout-blog.view-category .blog > .article-list .article-introtext > * {
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 30px;
}

/* Lire plus */
body.layout-blog.view-category .blog > .article-list .readmore a {
    cursor: pointer;
    border-bottom: 1px solid;
    padding-bottom: 5px;

    font-size: 14px;
    font-weight: bold;
}

body.layout-blog.view-category .blog > .article-list .readmore a:hover {
    color: #FF5B4F;
}

@media (max-width:768px) {

    body.layout-blog.view-category .blog > .article-list .article  {
        flex-direction: column;
    }

    body.layout-blog.view-category .blog > .article-list .article > * {
        width: 100%;
    }

    body.layout-blog.view-category .blog > .article-list .item-odd .article .article-body,
    body.layout-blog.view-category .blog > .article-list .item-even .article .article-body {
        padding: 0;
        padding-top: 1.5rem;
        order: 2;
    }
}

/* -------------- Blogpost en avant -------------- */ 
body.layout-blog.view-category .blog > .articles-leading > .article {
    display: flex;
    align-items: center;
}

/* Image */
body.layout-blog.view-category .blog > .articles-leading > .article > a {
    width: 100%;
}

body.layout-blog.view-category .blog > .articles-leading > .article .article-intro-image > img,
body.layout-blog.view-category .blog > .articles-leading > .article > * > .embed-responsive {
    min-height: 735px;
    width: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 0;
}

body.layout-blog.view-category .blog > .articles-leading > .article .embed-responsive iframe {
    border-radius: 0;
}

body.layout-blog.view-category .blog > .articles-leading > .article > div {
    width: 100%;
}

/* Conteneur des texte */
body.layout-blog.view-category .blog > .articles-leading > .article > .article-body {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 75%;
    margin: auto;
  	background-color: #0000004d;
    border-radius: 8px;
}

/* Date + tag */
body.layout-blog.view-category .articles-leading .article-body  > .article-info {
    display: none;
}

/* Titre pricipal */
body.layout-blog.view-category .articles-leading .article-body  > .article-header > * > a {
    font-family: 'Barlow';
    font-size: 50px;
    font-weight: 900;
    color: #ffffff;
    line-height: 50px;
}

body.layout-blog.view-category .articles-leading .article-body  > .article-header > * {
    margin-bottom: 2.5rem;
}

/* Extrait de l'article */
body.layout-blog.view-category .articles-leading .article-body  > .article-introtext > * {
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    padding-bottom: 2.5rem;
}

/* Bouton */
body.layout-blog.view-category .articles-leading .article-body > .readmore > a {
    border-radius: 100px !important;
    cursor: pointer;

    font-weight: bold;
    font-size: 18px;

    padding: 18px 33px;

    background-color: #FF5B4F;
    color: #ffffff;
    border: 1px solid #FF5B4F;
}

body.layout-blog.view-category .articles-leading .article-body > .readmore > a:hover {
    background: none ;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
}

@media (max-width:768px) {
    body.layout-blog.view-category .blog > .articles-leading > .article > .article-body {
        padding-top: 8rem;
    }
}

@media (max-width:576px) {

    /* Titre pricipal */
    body.layout-blog.view-category .articles-leading .article-body  > .article-header > * > a {
        font-size: 35px;
        font-weight: 800;
        line-height: 50px;
    }

    body.layout-blog.view-category .articles-leading .article-body  > .article-header > * {
        margin-bottom: 1.5rem;
    }
}

/* -------------- Blogpost en avant / après PAGINATION -------------- */ 
body.blog-pagination .blog {
    padding-top: 100px;
}

body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article > div {
    width: 50%;
}

body.blog-pagination.layout-blog.view-category .articles-leading {
    width: 75%;
    margin: auto;
}

body.blog-pagination.layout-blog.view-category .articles-leading > .article {
    align-items: stretch;
}

/* Content */
body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article > .article-body {
    position: static;
    max-width: 50%;
    height: fit-content;
    padding: 0 40px 0 0;
    order: -1;
    margin: 0;
}

/* Image */
body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article .article-intro-image > img, 
body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article > * > .embed-responsive {
    min-height: fit-content;
    height: 100%;
    border-radius: 8px;
}

/* Titre */
body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .article-header > * {
    margin-bottom: 30px;
}

body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .article-header > * > a {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;

    color: #052142;
}

/* Texte */
body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .article-introtext > * {
    color: #052142;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    padding: 0;
}

/* Lire plus */
body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .readmore > a {
    cursor: pointer;

    border: none;
    border-bottom: 1px solid;

    padding: 0;
    padding-bottom: 5px;

    font-size: 14px;
    font-weight: bold;
    color: #052142;

    background: none;

    border-radius: 0 !important;
}

/* Date + tag */
body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .article-info {
    display: block;
}

body.blog-pagination.layout-blog.view-category .articles-leading .article-body > .readmore > a:hover {
    color: #FF5B4F;
}

@media (max-width:768px) {
    body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article > .article-body {
        padding-top: 1.5rem;
    }

    body.blog-pagination.layout-blog.view-category .blog > .articles-leading .article  {
        flex-direction: column;
    }

    body.blog-pagination.layout-blog.view-category .blog > .articles-leading .article > * {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.blog-pagination.layout-blog.view-category .blog > .articles-leading > .article > .article-body {
        order: 2;
    }

    body.blog-pagination.layout-blog.view-category .blog > .articles-leading .item-odd .article .article-body,
    body.blog-pagination.layout-blog.view-category .blog > .articles-leading .item-even .article .article-body {
        padding: 0;
        padding-top: 1.5rem;
        order: 2;
    }
}

/* -------------- Blogpost Individuel -------------- */ 
/* Header de la page (hors navigation) */
.layout-blog.view-article #sp-section-2 {
    height: inherit;
}

.layout-blog.view-article #sp-section-2 #sp-title {
    margin-top: 120px;
}

/* Conteneur du contenu */
.layout-blog.view-article #sp-main-body .unei-blog-details > .row {
    justify-content: center;
}

/* ***************************** PAGE PANIER ***************************** */
table {
    border-radius: 8px;
    overflow: hidden;
}

table > thead {
    background-color: #e9f5f4 !important;
    border-bottom: none !important;
}

/* -------------- Message d'alerte -------------- */
body.view-carts .alert {
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 16px;
}

body.view-carts .alert-heading {
    font-family: 'Barlow', sans-serif;
    text-transform: capitalize;
    font-size: 28px;
}

body.view-carts .alert-notice div {
    color: #75b182;
}

/* -------------- Partie Article -------------- */
/* Table */
body.view-carts .j2store-cart-table {
    background: #f4fbfa;
}

/* Image + titre */
body.view-carts .j2store-cart-table tbody td:first-child {
    display: flex;
    padding-left: 16px;
}

body.view-carts .j2store-cart-table tbody tr td > * {
    padding: 0 16px;
    max-width: 30%;
}

body.view-carts .cart-thumb-image img {
    margin-top: -30px;
}

/* item souscription */
body.view-carts .j2store-cart-table tbody tr td .subscriptionproducts,
body.view-carts .j2store-cart-table tbody tr td .cart-item-options{
    display: none;
}

/* Nom du produit */
body.view-carts .j2store-cart-table tbody tr td .cart-product-name {
    padding: 0px; 
    min-width: 70%;
    order: -1;
}

body.view-carts .j2store-cart-table td,
body.view-carts .j2store-cart-table th {
    padding-left: 16px !important;
}

/* Inputs */
body.view-carts .product-qty {
    display: inline-block;
}

/* Footer */
body.view-carts .cart-footer tbody > tr,
body.view-carts .cart-footer tbody > tr th {
    padding: 0 !important;
    display: block;
}

body.view-carts .cart-footer tbody > tr td {
    display: block;
    text-align: left !important;  
}

body.view-carts .cart-footer tbody > tr {
    margin-bottom: 20px;
}

body.view-carts .cart-footer tbody tr:last-child {
    margin-top: 50px;
}

body.view-carts .cart-footer tbody > tr> th {
    font-size: 24px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

body.view-carts .subscriptionproducts_cart_recurring {
    margin-bottom: 30px;
    padding-bottom: 20px;
}

/* Titre des souscriptions*/
body.view-carts .cart-footer tbody > tr:nth-child(3) > th {
    margin: 20px 0;
}

/* Description */
body.view-carts .cart-footer .subscriptionproducts_description {
    font-weight: 500 !important;
    margin-top: 8px;
    font-size: 18px;
}

body.view-carts .cart-footer .j2store-subscription_duration_text {
    font-weight: normal !important;
}

body.view-carts .cart-footer .subscriptionproducts_next_renewal {
    color: #FF5B4F;
    font-size: 18px;
}

/* ***************************** PAGE COMMANDE ***************************** */
/* Corps de la page */
body.view-checkout #sp-main-body {
    background: #ffffff;
}

/* Les header de l'accordéon */
body.view-checkout #j2store-checkout-content > *,
body.view-checkout #j2store-checkout-content .checkout-heading {
    border-radius: 8px;
    border: none;
}

body.view-checkout #j2store-checkout-content .checkout-heading {
    background-color: #e9f5f4 ;
}

/* Contenu de l'accordéon */
body.view-checkout #j2store-checkout-content .checkout-content {
    padding: 0 20px 50px;
}

/* Conteneur de chaque étape*/
/* body.view-checkout #j2store-checkout-content > * {
    background-color: #f4fbfa;
} */

/* Titre de la page */
body.view-checkout #j2store-checkout-content > h1 {
    background: none;
}

/* Inputs */
select.inputbox:not([multiple]), select:not([multiple]) {
    height: auto;
}

body.view-checkout .j2store.checkout .inputbox {
    margin-bottom: 0;
}

/* Input Labels */
body.view-checkout .j2store.checkout label {
    margin-top: 30px;
}

/* Etoile pour champs obligatoures */
body.view-checkout .j2store_field_required {
    float: none;
}

/* ***************************** PAGE MON COMPTE ***************************** */
/* -------------- Partie Icones -------------- */
/* Conteneur des icones : "Commandes", "Téléchargements", "Adresse" */
body.view-myprofile .nav-tabs {
    justify-content: center;
    margin-bottom: 50px;
    border: none;
}

/* Icones : "Commandes", "Téléchargements", "Adresse" */
body.view-myprofile .nav-tabs > li {
    margin-left: 30px;
}

body.view-myprofile .nav-tabs > li:first-child {
    margin: 0;
}

body.view-myprofile .nav-tabs > li > a {
    display: block !important;
}

/* -------------- Partie Commandes -------------- */
body.view-myprofile table th, 
body.view-myprofile table td {
    border: none;
}

body.view-myprofile .table-striped tbody tr {
    background-color: #f4fbfa;
    border-bottom: 1px solid #ffffff;
}

/* -------------- Partie Adresses -------------- */
body.view-myprofile .myprofile-address-list-heading,
body.view-myprofile .myprofile-address-addnew {
    text-align: center;
    font-family: 'Barlow', 'Roboto', sans-serif;
}

/* Conteneur d'une adresse */
body.view-myprofile .j2store-myprofile-address-single-list {
    display: flex;
    flex-direction: column;
}

/* Bouton "Ajouter une adresse" */
body.view-myprofile .myprofile-address-addnew {
    margin: 25px auto 45px;
}

body.view-myprofile .myprofile-address-addnew > a {
    font-weight: 500;
    color: #ffffff;

    padding: 13px 24px 16px;
    background: #FF5B4F;
    border: #FF5B4F 1px solid;
    border-radius: 50rem;

    transition: all .1s ease-in-out;
}

body.view-myprofile .myprofile-address-addnew > a:hover {
    background: none;
    color: #FF5B4F;
    transition: all .1s ease-in-out;
}

/* Conteneur des boutons éditer/ delete */
body.view-myprofile .j2store-myprofile-address-controls {
    float: none;
    padding: 0;
    order: 2;
    margin: 28px 0;
}

/* Boutons éditer/ delete */
body.view-myprofile .j2store-myprofile-address-controls > li {
    margin-right:16px;
    display: inline-block;
}

/* Bouton "Delete" */
body.view-myprofile .j2store-myprofile-address-controls > li:last-child > a {
    font-weight: 500;
    color: #ffffff;

    padding: 12px 24px;
    background: #3B9BA9;
    border: #3B9BA9 1px solid;
    border-radius: 50rem;

    transition: all .1s ease-in-out;
}

body.view-myprofile .j2store-myprofile-address-controls > li:last-child > a:hover {
    background: none;
    color: #3B9BA9;
    transition: all .1s ease-in-out;
}

/* Bouton "Editer"*/
body.view-myprofile .j2store-myprofile-address-controls > li:first-child > a {
    font-weight: 500;
    color: #ffffff;

    padding: 12px 24px;
    background: #D5BB9A;
    border: #D5BB9A 1px solid;
    border-radius: 50rem;

    transition: all .1s ease-in-out;
}

body.view-myprofile .j2store-myprofile-address-controls > li:first-child > a:hover {
    background: none ;
    color: #D5BB9A;
    transition: all .1s ease-in-out;
}

/* -------------- Partie Edtiter l'adresse -------------- */
body.view-myprofile #address {
    padding-top: 30px;
}

body.view-myprofile #address a.button.btn.btn-success {
    border-radius: 50rem;
    font-weight: 500;
    color: #ffffff;
    padding: 12px 24px;
}

body.view-myprofile #address .btn.btn-warning {
    padding: 12px 24px;
}

body.view-myprofile .control-group {
    margin-top: 40px;
}

/* Input Labels */
body.view-myprofile #address label {
    margin-top: 20px;
}

/* Etoile pour champs obligatoures */
body.view-myprofile #address .j2store_field_required {
    float: none;
}

/* ***************************** J2STORE ADDTO CART ***************************** */
body .j2store-addtocart-form .input-mini.form-control  {
    display: none;
}

body .j2store-addtocart-form .cart-action-complete {
    font-size: 12px;
    position: static;

    background: #fff;
    box-shadow: none; 

    padding: 10px;
    border-radius: 5px;
}

body .j2store-addtocart-form .cart-action-complete p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

body .j2store-addtocart-form .cart-action-complete .j2store-checkout-link {
    width: 50%;
    padding: 0;
    padding-left: 1rem;
    background: none;
    border: none;

    color: #052142;
    font-size: 12px;
}

body .j2store-addtocart-form .cart-action-complete .j2store-checkout-link:hover {
    color: #ff5b4f;
}

/* ***************************** PAGE MODALITE PAIEMENT ***************************** */
body.view-article .j2store-addtocart-form .cart-action-complete {
    position: static;
    box-shadow: none;
    background: none;
    padding-left: 0;
    font-size: 16px;
}

.j2store-product.variablesubscriptionproduct .product-price-container > div,
.j2store-product.variablesubscriptionproduct .afterDisplayPrice .subscriptionproducts {
    text-align: center;
    color: #aabbd4;
}

.j2store-product.variablesubscriptionproduct .product-price-container .sale-price {
    font-weight: 500;
    line-height: .9;
    font-family: 'Barlow';
    font-size: 20px;
}

.j2store-product.variablesubscriptionproduct span.j2store-subscription_duration_text {
    line-height: 0;
    font-weight: 300;
    font-size: 12px;
}

/* ***************************** NEWSLETTERS ***************************** */

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


.sib-form {
    padding: 0;
}

#sib-container {
    padding: 0;
}

/* ********************** FORM ********************** */
#sib-form-2 {
    display: flex;
    justify-content: flex-end;
    /* align-items: center; */
}

/* Mail */
#sib-form-2 .entry__error.entry__error--primary {
    margin: 0;
}

#sib-form-2 .sib-input.sib-form-block {
    padding: 0;
    margin-right: -50px; 
}

#sib-form-2 .entry__field {
    height: 56px;
    border-radius: 28px 0 0 28px !important;
    border: solid 1px #ffffff !important;
    border-right: none !important;
    background: none !important;
    min-width: 260px;
}

#sib-form-2 .entry__field > input {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    
    padding: 0 60px 0 20px;
    min-height: 56px;
    
    background: none !important;
    border: none !important;
}

#sib-form-2 .entry__field > input::placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
}

#sib-form-2 .input-container {
    order: 1;
}

/* Button */
#sib-form-2 .sib-form-block.button-item {
    padding: 0;
    position: relative;
    z-index: 1;
}

#sib-form-2 .sib-form-block__button.sib-form-block__button-with-loader {
    background-color: #ff5b4f;
    min-height: 56px;
    min-width: 130px;
    border-radius: 28px;
    border: 1px solid #ff5b4f !important;

    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 0;

    cursor: pointer;
}

#sib-form-2 .sib-form-block__button.sib-form-block__button-with-loader:hover {
    background-color: #ffffff;
    color: #ff5b4f;
    border: 1px solid #ffffff !important;
}

#sib-form-2 .btn-container {
    order: 2;
}

/* Checkboxes rules */
#sib-form-2 .rules-container {
    order: 3;
}

/* input hidden */
.input--hidden {
    display: none !important;
}

/* ********************** FORM ALT ********************** */
/* Button */
#sib-form-2.alt .sib-form-block__button.sib-form-block__button-with-loader {
    background-color: #ffffff !important;
    color: #ff5b4f !important;
    border: 2px solid #ffffff !important;
}

#sib-form-2.alt .sib-form-block__button.sib-form-block__button-with-loader:hover {
    background-color: #ff5b4f !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Mail */
#sib-form-2.alt .entry__field {
    border: solid 1.5px #ffffff !important;
}

@media (max-width:1200px) {
    #sib-container {
        margin: auto;    
    }

    #sib-form-2 {
        justify-content: center;
    }
}

@media (max-width:576px) {

    #sib-form-2 .entry__field {
        min-width: 230px;
    }

    #sib-form-2 .sib-form-block__button.sib-form-block__button-with-loader  {
        min-width: 110px;
    }
}




.sib-form {
    padding: 0;
}

#sib-container {
    padding: 0;
}

/* ********************** FORM ********************** */
#sib-form {
    display: flex;
    justify-content: flex-end;
    /* align-items: center; */
}

/* Mail */
#sib-form .entry__error.entry__error--primary {
    margin: 0;
}

#sib-form .sib-input.sib-form-block {
    padding: 0;
    margin-right: -50px; 
}

#sib-form .entry__field {
    height: 56px;
    border-radius: 28px 0 0 28px !important;
    border: solid 1px #ffffff !important;
    border-right: none !important;
    background: none !important;
    min-width: 260px;
}

#sib-form .entry__field > input {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    
    padding: 0 60px 0 20px;
    min-height: 56px;
    
    background: none !important;
    border: none !important;
}

#sib-form .entry__field > input::placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
}

#sib-form .input-container {
    order: 1;
}

/* Button */
#sib-form .sib-form-block.button-item {
    padding: 0;
    position: relative;
    z-index: 1;
}

#sib-form .sib-form-block__button.sib-form-block__button-with-loader {
    background-color: #ff5b4f;
    min-height: 56px;
    min-width: 130px;
    border-radius: 28px;
    border: 1px solid #ff5b4f !important;

    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 0;

    cursor: pointer;
}

#sib-form .sib-form-block__button.sib-form-block__button-with-loader:hover {
    background-color: #ffffff;
    color: #ff5b4f;
    border: 1px solid #ffffff !important;
}

#sib-form .btn-container {
    order: 2;
}

/* Checkboxes rules */
#sib-form .rules-container {
    order: 3;
}

/* input hidden */
.input--hidden {
    display: none !important;
}

/* ********************** FORM ALT ********************** */
/* Button */
#sib-form.alt .sib-form-block__button.sib-form-block__button-with-loader {
    background-color: #ffffff !important;
    color: #ff5b4f !important;
    border: 2px solid #ffffff !important;
}

#sib-form.alt .sib-form-block__button.sib-form-block__button-with-loader:hover {
    background-color: #ff5b4f !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Mail */
#sib-form.alt .entry__field {
    border: solid 1.5px #ffffff !important;
}

@media (max-width:1200px) {
    #sib-container {
        margin: auto;    
    }

    #sib-form {
        justify-content: center;
    }
}

@media (max-width:576px) {

    #sib-form .entry__field {
        min-width: 230px;
    }

    #sib-form .sib-form-block__button.sib-form-block__button-with-loader  {
        min-width: 110px;
    }
}



/* ***************************** PRODUCTS PRICE ***************************** */
.product-price .sale-price {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #AABBD4;
    line-height: 1;
}

/* ***************************** PAGE LOGIN ***************************** */
/* Header de la page (hors navigation) */
.view-login #sp-section-2 {
    height: inherit;
}

.view-login #sp-section-2 #sp-title {
    margin-top: 120px; 
}
#login input {
   height: inherit;
}
#login #form-login-remember label {
 vertical-align: text-bottom; 
}
#login #modlgn-remember {
  margin-left: -1.25rem;  
}
#login a {
  color: #052142 !important;
}
#login a:hover {
  color: #FF5B5F !important;
}
/* ***************************** PAGE CONTACT ***************************** */
#contact-form {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;

    text-align: center;

    color: #072142;
}

#contact-form .container {
    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 60%;
    margin: auto;
    padding: 0 30px;

    max-width: 900px;

    text-align: left;
}

#contact-form .fields-title {
    font-family: 'Barlow', sans-serif;
    font-weight: 900;
}

#contact-form .fields-container:first-child {
    border: none;
}

#contact-form .field-container > * {
    display: block;
}

#contact-form .field-container > label {
    margin-top: 16px;
    font-weight: bold;
}

#contact-form .field-container > input,
#contact-form .field-container > textarea {
    margin-top: 5px;
    border-radius: 6px;
    border: solid 1px #c3cad9;

    width: 100%;

    padding: 12px 20px;

    color: #072142;
    font-family: 'Roboto', sans-serif;
}

#contact-form .field-container > .file-input {
    border: none;
    padding-left: 0;
}

#contact-form .field-container > small {
    font-weight: 300;
    font-size: 16px;
    color: #c3cad9;
    margin-top: 5px;
}

#contact-form .contact-submit {
    border-radius: 100px !important;
    cursor: pointer;

    font-weight: bold;
    font-size: 18px;

    padding: 16px 30px;

    background-color: #FF5B4F; 
    color: #ffffff;
    border: 1px solid #FF5B4F;
    
    margin-top: 30px;
}

#contact-form .contact-submit:hover {
    background: none ;
    color: #FF5B4F;
    border: 1px solid #FF5B4F;
}


/* ***************************** KEYFRAMES ***************************** */
@keyframes opacity_animation {
    from 
    {
        opacity: 0;
    }
    to 
    {
        opacity: 1;
    }
}

@keyframes animation_topToBot {
    0% 
    {
        position: relative;
        bottom: 0;
    }
    50% 
    {
        position: relative;
        bottom: 5px;
    }
    100% 
    {
        position: relative;
        bottom: 0; 
    }
}


@media (min-width:576px){.unei-blog-details{max-width:540px}}@media (min-width:768px){.unei-blog-details{max-width:720px}}@media (min-width:992px){.unei-blog-details{max-width:960px}}@media (min-width:1200px){.unei-blog-details{max-width:1140px}}
.unei-blog-details{
    margin: auto;
}

.j2store-cart .col-md-12{
	display: contents !important;
}

.j2store-cart .table-bordered{
	border: 0px;
}

.ebox-ys-buttons{
    display:none;
}

.ebox-yn-text #sib-container{
     margin: auto;
    max-width: 340px !important;   
}
.ebox-yn-text{
    margin-bottom: 0px;
}

.pricee{
	float: right;
    color: #fe5c4e;
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 25px;
}
.graisse-typo *{
	font-weight: normal;
}

/* -------------- Titres ------------- */
a {
    color: 
    #FF5B4F;
}
h3 {
    font-size: 22px;
    color: #221f49;
}

.article h2 {
    color: #FF5C4E;
    font-size: 28px;
    letter-spacing: ;
    font-weight: 900;
}

.article h3 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 22px;
    color: #221f49;
}
.article h4 {
  font-size: 20px;
}

.view-article .sp-page-title {
    padding: 50px 0px 30px 0px;
}
/* -------------- Boutique PUB  -------------- */

.module-pub {
  margin: 0 10%;
}
.article-joomla-3 .module-pub {
  margin: initial;
}
.module-pub h3 {
  font-size: 32px;
}
@media screen and (max-width: 775px){
  .module-pub {
  margin: initial;
	}
}

/* boutique 1 - Joomla 3 */
.customboutique1 {
  	padding: 30px 30px 30px 30px;
    background-color: #FF5B4F;
    border-radius: 10px;
}
.customboutique1 h3 {
  grid-column: 1/-1;
  margin-bottom: 15px;
}
.customboutique1 .versionslivre {
  display: flex;
  justify-content: space-evenly;
}
.moduleboutique1 .imageboutique img {
  margin-right: 10px;
  max-height: 200px;
  width: auto;
}

.customboutique1 .textboutique {
  color: white;
}
/* mise en page du prix et son bouton*/


.versionnumerique, .versionpapier {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
.versionnumerique p, .versionpapier p {
  margin-bottom: 0;
  margin: auto;
}
@media (max-width: 1000px){
  .versionslivre {
  justify-content: center;
  flex-wrap: wrap;
  grid-column: 1/3;
	}
  .versionnumerique, .versionpapier {
    flex-direction: column;
    margin-top: 15px;
  }
}
.customboutique1 .product-price h3{
	font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #AABBD4;
    line-height: 1;
}

.product-price-container {
  display: flex;
}
.customboutique1 .priceTaxe {
  color: white;
  font-size: 22px;
}
.customboutique1 .product-price-container .sale-price {
  margin: auto;
  color: white;
  display: none;
}
.customboutique1 .btn-joomla-3{
  Background-color: white ;
  color: #FF5B4F;
      cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding: 16px 30px;
}
.customboutique1 .btn-joomla-3:hover{
  Background-color: #052142;
  color: #ffffff;
}
/* -------------- Boutique 2  ------------- */
.module-pub .boutique2 {
  margin: 0 10%;
}
@media screen and (max-width: 775px){
  .module-pub.boutique2b {
  margin: initial;
}
}
.customboutique2 {
  	padding: 30px 30px 30px 30px;
    background-color: #221F49;
    border-radius: 10px;
}

.moduleboutique2{
  display: flex;
  flex-wrap: wrap;
}
.customboutique2 h3 {
  width: 100%;
  margin-bottom: 15px;
  color: #ffffff;
}
.customboutique2 .imageboutique {
  width: 25%;
}
.customboutique2 .textboutique {
  width: 65%;
  color: white;
}
/*creation du bouton blanc*/
.white-btn {
  Background-color: white;
  color: #FF5B4F;
  border-radius: 100px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  padding: 16px 30px;
}

.btnboutique a:hover {
  background-color: #FF5B4F;
  color: #ffff;
}
.customboutique2 .btnboutique {
  display: flex;
  width: 100%;
}
.customboutique2 .btnboutique a{
  margin: auto;
}
@media screen and (max-width: 400px){
 .customboutique2 .imageboutique {
  width:initial;
}
.customboutique2 .textboutique {
  width: initial;
	} 
}
/* -------------- Boutique 3 ------------- */
#boutique-3 {
	border: 3px solid rgb(0, 157, 174);
    padding: 10px;
    border-radius: 25px;
    box-shadow: 2px 2px 7px 1px rgb(214 214 214);  
}
#boutique-3 .imageboutique-3 img {
  float: left;
  transition:0.5s;
  cursor: pointer;
}
#boutique-3 .imageboutique-3 img:hover {
  transform : scale(1.2);
}
#boutique-3 .versionslivre {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
}
#boutique-3 h3 {
  margin-left: 10px;
}
#boutique-3 .imageboutique-3 {
  display: block;
}
#boutique-3 .textboutique {
  text-align: justify;
  margin-top: 15px;
}
#boutique-3 .btn-read-more {
    display: flex;
    justify-content: flex-end;
    margin-top: 35px;
}
#boutique-3 .btn-panier {
  margin: 0 5px;
  background-color: rgb(0, 157, 174);
  border: 1px solid rgb(0, 157, 174);
}
#boutique-3 .btn-panier:hover {
  margin: 0 5px;
  background: none;
  border: 1px solid #FF5B4F;
}
@media screen and (max-width:991px) {
   #boutique-3 .imageboutique-3 {
  display: inline-block;
	} 
}
@media screen and (max-width: 700px ){
  #boutique-3 .imageboutique-3 {
  display: inline-block;
}
  #boutique-3 .versionslivre {
  	justify-content: center;
	}
}
/* -------------- Boutique 4 -------------  */
#boutique-4 {
	border: 3px solid rgb(196, 45, 54);
    padding: 10px;
    border-radius: 25px;
    box-shadow: 2px 2px 7px 1px rgb(214 214 214);  
}
#boutique-4 .imageboutique img {
  float: left;
  transition:0.5s;
  cursor: pointer;
  padding: 15px;
  margin: 5px;
}
#boutique-4 .imageboutique img:hover {
  transform : scale(1.2);
}
#boutique-4 .versionslivre {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
}
#boutique-4 h3 {
  margin-left: 10px;
}
#boutique-4 .imageboutique{
  display: block;
}
#boutique-4 .textboutique {
  text-align: justify;
  margin-top: 15px;
}
#boutique-4 .btn-read-more {
    display: flex;
    justify-content: flex-end;
    margin-top: 35px;
}
#boutique-4 .btn-read-more .btn-custom-header-blue:hover {
	color: #C42D36 !important;
}
#boutique-4 .btn-panier {
  margin: 0 5px;
  background-color: rgb(196, 45, 54);
  border: 1px solid rgb(196, 45, 54);
}
#boutique-4 .btn-panier:hover {
      background: none;
    color: #052142;
    border: 1px solid #052142;
}
@media screen and (max-width:991px) {
   #boutique-4 .imageboutique {
  display: inline-block;
	} 
}
@media screen and (max-width: 700px ){
  #boutique-4 .imageboutique-3 {
  display: inline-block;
}
  #boutique-4 .versionslivre {
  	justify-content: center;
	}
}
/* -------------- Boutique 5 : reserver aux abonner ------------- */
.le-club {
  margin: 0 10%;
}
.boutique-5 {
  	border: 3px solid #3b9ba9;	
	padding: 20px;
	border-radius: 25px;
	box-shadow: 2px 2px 7px 1px rgb(214, 214, 214);
    background: #3b9ba929;
}
.boutique-5 h3{
  text-align: center;
  font-size: 32px;
}
.boutique-5 .abonner {
   text-align: center;
  margin-top: 40px;
}
.boutique-5 .pourcentage {
  text-align: center;
}
.boutique-5 .avantage-club {
  display: flex;
  justify-content: space-around;
}
.boutique-5 .avantage-club p {
	display: flex;
}
.boutique-5 .check-yes{
  width: 21px;
  height: 14px;
  top: 8px;
  position: relative;
  margin-right: 3px;
}
.boutique-5 .pourcentage a {
  display: block;
  margin: 10px auto;
  width: 35%;
  padding: 10px;
  font-size: initial;
}
.trait {
  height: 3px;
    background: #FF5B4F;
    width: 30%;
    margin: auto;
    margin: 15px auto;
}

@media screen and (max-width: 991px ){
  .boutique-5 .pourcentage a {
    width: 60%;
  }
}
@media screen and (max-width: 500px ){
  .boutique-5 .pourcentage a {
    width: 100%;
  }
    .boutique-5 .avantage-club {
  	display: block;
  	margin-left: 20px;
	}
}

@media screen and (max-width:700px){
  .le-club {
  margin: 0 0%;
	}
}

/* -------------- Boutique 6 ------------- */
/*.block-module {
  margin: 0 -15px;
}*/
.boutique-6{
  padding: 10px 0 30px 0;
  	
}
.boutique-6 .versionslivre p {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.boutique-6 .product-price-container {
  	justify-content: space-evenly;
	margin: 0 20px;
}
.boutique-6 .iimageboutique-6 {
    display: inline-block;
  }

@media (max-width: 1000px){
  .boutique-6 .versionslivre {
display: block;
    padding-top: 20px;
	}
   .boutique-6 .versionslivre .Versionnumerique{
      margin-bottom: 15px;
} 
}

/* -------------- Boutique 6-1 ------------- */
.boutique-6-1 {
  	border: 3px solid #052142;	
	padding: 10px;
	border-radius: 25px;
	box-shadow: 2px 2px 7px 1px rgb(214, 214, 214);
}
.boutique-6-1 .btn-read-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

.boutique-6-1 .imageboutique-6 img {
   float: left;
    transition:0.5s;
}
.boutique-6-1 .imageboutique-6 img:hover {
   transform: scale(1.2);
}
.boutique-6-1 h3 {
  text-align: center;
}
.boutique-6-1 .versionslivre {
  display: flex;
  justify-content: space-evenly;
}
@media (max-width:700px){
  .boutique-6.boutique-6-1 {
    display: flex;
    flex-direction: column;    
  }
  .boutique-6-1.imageboutique-6 {
    margin: auto;
    width: 90%;
  }
  .boutique-6-1 .imageboutique-6 img {
    float: none;
    margin: auto; 
    width: 80%;
  }
  .boutique-6-1 .versionslivre {
    justify-content: center;
  }
  .boutique-6-1 .btn-read-more {
  	margin-top: 35px
  
}
.boutique-6-1 .btn-read-more a {
  	margin-left: initial;
	}
  .module-pub {
  margin: 0 0%;
}
}
/*Boutique wordpress*/
#boutique-wp {
	border: 3px solid #b52161;
}
#boutique-wp #btn-wp {
	background-color: #b52161;
    color: #ffffff;
    border: 1px solid #b52161;
	margin: 3px 0;
	padding: 10px 24px;
	text-align: center;
	display: inline;
	font-size: 16px;
}
#boutique-wp #btn-wp:hover {
	background: none;
	color: #052142;
	border: 1px solid #b52161;
}
#boutique-wp .sppb-btn-default.btn-panier-wp {
      background-color: #052142;
    color: #ffffff;
    border: 1px solid #b52161;
}

#boutique-wp .sppb-btn-default.btn-panier-wp:hover {
	background-color: #ffffff;
	color: #b52161;
}
/* Boutique formation joomla 4*/
#boutique-formation-joomla-4 {
   position: relative; 
  padding: 30px;
}
#boutique-formation-joomla-4 p{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
#boutique-formation-joomla-4 #elements-boutique-formation {
  display: flex;
  flex-flow: wrap;
}
#boutique-formation-joomla-4 #elements-boutique-formation .imageboutique-6{
  flex: 0 0 55
    padding-left: 10px;
}
#boutique-formation-joomla-4 #elements-boutique-formation .imageboutique-6 img {
  border-radius: 25px;
}
#boutique-formation-joomla-4 #elements-boutique-formation .Versionnumerique a {
  margin: auto;
  display: table;
}
#boutique-formation-joomla-4 .btn-read-more-formation-joomla4 {
  position: absolute;
  right: 10px;
  bottom: 20px;
}
@media screen and (max-width: 991px){
  #boutique-formation-joomla-4 #elements-boutique-formation {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #boutique-formation-joomla-4 .btn-read-more-formation-joomla4  {
    position: initial;
    margin-top: 20px;
  }
  #boutique-formation-joomla-4 #elements-boutique-formation .Versionnumerique {
    margin-top: 20px;
  }
}
/*Form tel*/
.form-tel form {
  display: flex;
  justify-content: flex-end;
}
.form-tel .sppb-form-group {
  margin-right: -80px;
}
.form-tel input {
  color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px ;
    font-weight: 300;
    text-transform: none;
    padding: 0 60px 0 20px;
    min-height: 56px;
    background: none !important;
    border: none !important;
 	box-shadow: none;
}
.form-tel input::placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
}

.form-tel .sppb-form-builder-field-0{
    height: 56px;
    border-radius: 28px 0 0 28px !important;
    min-width: 260px;
    border: solid 1.5px #ffffff !important;
}
.form-tel .sppb-btn {
  	background-color: #ffffff !important;
    color: #ff5b4f !important;
    border: 2px solid #ffffff !important;
    min-height: 56px;
    min-width: 130px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.form-tel .sppb-btn:hover {
	background-color: #ff5b4f !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
}

.sppb-addon-form-builder-form .sppb-form-group {
     width: auto;
}

.form-tel .sppb-form-builder-btn {
   width: auto;
}

/********* LIEN/BOUTON MENU BURGER *********/
.offcanvas-menu .offcanvas-inner .sp-module ul>li .btn-custom-header, .offcanvas-menu .offcanvas-inner .sp-module ul>li .btn-custom-header-blue {
  color: white;
  width: 50%;
}
body a.btn-custom-header, body a.btn-custom-header-blue {
  margin: 3px 0 !important;
  padding: 10px 24px !important;
  line-height: 2.2 !important;
  text-align: center ;
}
/********* PAGE : le club *********/
#section-id-1595595442372{
  min-height: 888px;
}
/* Prix des livres page home*/
.price-book .product-price-container{
  font-size: 20px;
    justify-content: center;
}
.price-book .product-price-container div{
  margin: 0px 5px;
}
/*********** Encadrer partenaire *********/

.partenaire {
border: 1px solid #052142;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 2px 2px 7px 1px rgb(214 214 214)
}

.hikashop_cart_dropdown_container{
    margin-left:  -40px;
}
.menu_hikaa .hikashop_product_price{
    font-size:  12px;
}
.sp-module.menu_hikaa{
    margin-right: -40px;
        float: right;
    display: flex;
    order: 3;
    max-width: 85px;
    line-height: 20px;
    font-size: 15px;
    background: url(../images/shopping-cart.png);
    background-size: 17px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
}
@media screen and (min-width: 992px){
.language_switcher_hika{
   margin-right: 20px;
  margin-left: -53px;

	}  
}
@media screen and (max-width:  768px){
   .sp-module.menu_hikaa{
       margin-right: 0px;
       margin-left:  15px;
   } 
}

.footer0css{
    list-style: none;
    display: table;
    margin:  auto;
}
.footer0css li{
    float:  left;
    margin-right:  20px;
    font-size:  12px;
}
.hikashop_checkout_payment_images img{
    display: none;

}
.hikashop_checkout_coupon_field{
    max-width: 400px;
        float: left;
}
.hikabtn_checkout_coupon_add{
    float:  left;
        margin-top: 8px;
}


.hika_j2 .btn-success, .hikabtn-success{
    background-color: #FF5B4F;
    border: 1px solid #FF5B4F;
}

/*header*/

@media (min-width: 1200px){
 header#sp-header > .row {
    max-width: 1300px;
	} 
}

header#sp-header #sp-logo {
    max-width: 20%;
    padding-left: 0;
}
header#sp-header #sp-menu {
    max-width: initial; 
    padding-right: 0;
}


/*Bouton formations*/
.btn-formation {
  border: 1px solid #052142 !important;
}


/** Pages mes formations**/
ul.joomdlecourses {
  list-style-type: none;
  display: flex;
    justify-content: space-around;
  flex-flow: wrap;
      padding: inherit;
}
ul.joomdlecourses li{

  margin: 20px 0;
}

ul.joomdlecourses li a {
  padding: 15px 17px;
  flex-flow: wrap;
  font-weight: bold;
  border: 1px solid #052142;
      border-radius: 25px;
     box-shadow: -1px 3px 5px -3px rgb(98 98 98 / 55%);
}
ul.joomdlecourses li a:hover {
  color: #FF5B4F;
  border: 1px solid #FF5B4F;;
}
.img-mes-formations img{
      height: 200px;
    display: block;
    width: 1000Px;
    object-fit: cover;
}
.formations-joomla:hover {
  transform: translateY(-10px);
}
.formations-joomla {
  transition-duration: .3s;
}
/********** JOOMDLE ***********/
.contentpane {
  height: 700px;
    overflow: scroll;
}
iframe#blockrandom {
  height: 3000px;
}
#joomdle .mediaplugin_videojs div {
  max-width: initial !important;
}
#joomdle video.video-js {
  width: 70%;
  margin: auto;
  display: block;
}
.joomdle-course {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
}

.joomdle-course h1 {
  margin-bottom: 40px;
  text-align: center;
  flex: 0 0 100%;
}
.joomdle-course .joomdle_course_section .joomdle_item_content img{
  display: none;
}

.joomdle_course_section {
  display: flex;
  width: 400px;
  position: relative;
  margin: 5px;
  top: 0;
  transition: top 0.2s;
}
.joomdle_course_section:hover {
  top: -10px;
}
.joomdle_item_title {
  position: absolute !important;
  width: 65px;
  height: 65px;
  border-radius: 25px;
  text-align: center;
  position: relative;
  border: 5px solid white;
  background-color: #FF5B4F;
  color: white;
  padding: 11px 17px;
  top: 3px;
}
.joomdle_section_list_item_resources {
    width: 100%;
    background-color: #d0e0ff;
  	border: 1px solid #d0e0ff !important;
  	margin: 5px;
   	border-radius: 27px 25px 25px 25px;
  	text-align: center;
  padding: 15px 17px;
}
.joomdle_section_list_item_resources a {
  color: #052142;
  font-weight: bold;
}
.joomdle-course > div:last-of-type {
  display: none;
}
/********** Checkout **********/
fieldset.hika_address_field.hikashop_checkout_billing_address_block legend,
.hikashop_checkout_payment legend,
.hika_address_field legend,
#hikashop_checkout_login_1_0 h1{
  font-weight: 600;
  font-size: 30px;
}
/*
#hikashop_checkout_login_form h2,
#hikashop_checkout_registration h2 {
  display: none;
}*/

.hikabtn_checkout_login_register,
.hikashop_login_button_line{
  display: none !important;
}
.hk-container-fluid {
	display: flex;
	flex-direction: column;
}
.hkc-lg-4 {
  margin: auto;
  width: 100%;
}
.hkc-lg-4 h2 {
  display: none;
}
.hkc-lg-4 label.radio input {
    visibility: hidden;
}
.hkc-lg-4 .controls {
	display: flex;
  height: 100px;
  background-color: #e9f5f4;
  margin-bottom: 50px;
}
.hkc-lg-4 label.radio {
    flex: 0 0 50%;
    text-align: center;
  	font-size: 24px;
  	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  cursor: pointer;
}
.hkc-lg-4 label.radio:active {
  color:#FF5B4F;
}
.hkc-lg-4 label.radio:first-child{
  border-right: 2px solid #57716e;
}
#hikashop_checkout_login_1_0 .hkc-lg-8 {
  margin: auto;
}
.hkform-horizontal .hkform-group {
  flex-direction : column;
}
.hkform-horizontal .hkcontrol-label{
  text-align: left;
}
#hikashop_checkout_login_form h2,
#hikashop_checkout_registration h2{
  margin-bottom: 30px;
  font-weight: 600;
  text-align: center !important;
}
#hikashop_checkout_login_1_0  .hikashop_login_forgot_password_line {
	width: max-content;
	margin-right: 10px;
  	float: left;
}
#hikashop_checkout_login_1_0  .hikashop_login_forgot_password_line .hkc-sm-8 {
  width: max-content;
}
#hikashop_checkout_login_1_0  .hikashop_login_forgot_password_line .hkc-sm-8:after {
  content:"|";
  margin-left:10px;
}
#hikashop_checkout_login_1_0  .hikashop_login_forgot_password_line .hkc-sm-8 a{
	width: max-content;
	display: inline-block; 
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #fff0;
}
.hikashop_wizardbar ul li.hikashop_cart_step_finished a {
  color: #78BC61;
}
/*--- Checkout etape 2 ---*/
.hikabtn_checkout_coupon_add {
	margin-top: 3px !important;
	padding: 10px;
	margin-left: -70px;
  	background-color: #052142;
    border-color: #052142;
    border-radius: 0 4px 4px 0;
}
fieldset.hika_address_field.hikashop_checkout_billing_address_block{
  display: flex;
}
.table-hover tbody tr:hover {
  background-color: white;
}
/* adress */
.hkform-horizontal {
  margin: auto;
width: 66.66666667%;
}
#hikashop_address_billing_selector_2_0{
  width: 50%;
  align-self: center;
  margin: 20px;
}
.hika_address_element{
  width: 50%;
  position: relative;
}
.hika_address_element .hika_edit{
  position: absolute;
  right: 0;
  background-color: transparent;
}
.hika_address_element .hika_edit a {
  margin: 5px;
}
.hika_address_element .hika_edit a:hover {
  color: #052142;
}
/* Checkout */
.hikashop_checkout_cart{
  margin-top: 80px;
}
.hikashop_checkout_cart .table th {
  border: none;
  vertical-align: middle;
}
.hikashop_checkout_cart tr.margin{
  display: none;
}
.hikashop_checkout_cart tbody tr.row0 td,
.hikashop_checkout_cart tbody tr td.hikashop_cart_empty_footer{
  border-top: none;
  vertical-align: middle;
}
.hikashop_checkout_coupon {
  display: flex;
  margin-top: 50px;
  
}
/* coupon */
.hikashop_checkout_coupon label {
  float: left;
  margin-right: 10px;
  align-self: center;
}
/*--- checkout etape 3 ---*/

.hikashop_checkout_payment table.table-bordered,
.hikashop_checkout_payment table.table-bordered td,
.hikashop_checkout_payment .table td{
  border: none;
}
.hikashop_checkout_payment tbody {
	display: flex;
	justify-content: space-evenly;
}
/* --- File ariane ---*/
.hikashop_wizardbar {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.hikashop_wizardbar ul li,
.hikashop_wizardbar ul li.hikashop_cart_step_current
{
  background : none
}
.hikashop_wizardbar ul li .hikashop_chevron {
  top: 9px;
  right: -14px;
  border: 15px solid transparent;
  border-left: 19px solid #FF5B4F;
  border-right: 0;
}
.hikashop_wizardbar ul li .hikashop_chevron:before {
  top: -16px;
  right: 5px;
  border: 16px solid transparent;
  border-left: 16px solid #ffffff;
  border-right: 0;
}
.hikashop_wizardbar ul li.hikashop_cart_step_current .hikashop_chevron:before,
.hikashop_wizardbar ul li.hikashop_cart_step_finished .hikashop_chevron:before,
.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover .hikashop_chevron:before{
    border-left: 16px solid #FFFFFF;
}
.hikashop_wizardbar ul li.hikashop_cart_step_finished {
  background: none;
}
.hikashop_wizardbar ul li:last-child span.hikashop_chevron,
.hikashop_wizardbar ul li .hkbadge{
  display: none;
}

.hikashop_wizardbar ul li.hikashop_cart_step_current {
  color: #064789;
  font-weight: 500;
}
.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover {
  background: none;
  color: #064789;
  font-weight: 500;
}
/*---- buttons ----*/
.hikabtn-success:hover {
  background-color: #052142;
  border-color: #052142;
}
.hikabtn{
  border-radius: 100px;
  padding: 10px 24px;
  font-weight: 500;
  cursor: pointer;
}
#stripe-payment-container .StripeButton{
  border-radius: 100px;
  padding: 0px 24px;
  font-weight: 500;
  cursor: pointer; 
}
#hikashop_checkout_coupon_2_3 .hikabtn_checkout_coupon_add{
  border-radius: 0 4px 4px 0;
  padding: 10px;
}
#hikashop_checkout_coupon_2_3 .hikabtn_checkout_coupon_add:hover {
  background-color: #052142;
}
.hikashop_checkout_address_ok_button {
  border-color: #FF5B4F;
  color: #052142;
}
.hikashop_checkout_address_ok_button:hover{
  color: #ffffff;
  background-color: #052142;
  border-color: #FF5B4F;
}
#stripe-payment-container .StripeButton {
  display: flex;
  margin-left: auto;
  margin-top: 30px;
}
/********** Espace compte **********/
.my-account-page h3 {
  font-size: 30px;
  height: 78px
}
/* - Partie a gauche - */
.my-account-page.view-user .container{
  margin: initial;
  max-width: 100%;
} 
.hikashop_cpanel_main_interface .hika_cpanel_side_bar {
  width: 30%;
}
.hikashop_cpanel_main_interface .hika_cpanel_main_data {
  width: 70%;
  padding: 0 20px;
}
@media screen and (max-width: 600px){
  .hikashop_cpanel_main_interface .hika_cpanel_side_bar {
  width: inherit;;
	}
  .hikashop_cpanel_main_interface .hika_cpanel_side_bar .hika_cpanel_icons {
    display: flex;
    flex-wrap: wrap;
    background-color: #d0e0ff;
  }
.hikashop_cpanel_main_interface .hika_cpanel_main_data {
  margin-top: 45px;
  width: 100%;
	}
  .my-account-page .hikashop_cpanel_main_interface .hika_cpanel_icons > a {
    width: 50%;
  }
}
@media screen and (max-width: 350px){
    .my-account-page .hikashop_cpanel_main_interface .hika_cpanel_icons > a {
    width: 100%;
  }
}
/* Icones */
.hikashop_cpanel_main_interface .hika_cpanel_icons .hk-icon {
  margin: 0 5px;
  color: #052142;
  font-size: 10px;
  
}
.hikashop_cpanel_main_interface .hika_cpanel_icons > a {
  border: none;
  background-color: #d0e0ff;
  color: #052142;
}
.hikashop_cpanel_main_interface .hika_cpanel_icons > a:hover {
  background-color: #d0e0ff59;
}
.hikashop_cpanel_main_interface .fa-inverse {
  color: transparent;
}
.hikashop_cpanel_main_interface .hikashop_cpanel_joomla_user_div .user2  i:first-child{
  display: none;
}

.hikashop_cpanel_main_interface .hikashop_cpanel_joomla_user_div .user2  .fa-user-circle {
  left: initial !important;
  top: initial  !important;
  font-size: 18px;
}

.hikashop_cpanel_main_interface .hikashop_cpanel_wishlist_div .fa-star {
  font-size: 6px !important; 
}
.hikashop_cpanel_main_interface .hikashop_cpanel_affiliate_div .fa-circle,
.hikashop_cpanel_main_interface .hikashop_cpanel_order_div .fa-circle {
  font-size: 16px;
  color: #d0e0ff;
}
.hikashop_cpanel_main_interface .hikashop_cpanel_affiliate_div .fa-dollar {
  font-size: 10px;
}
/* Menu texte */
.hikashop_cpanel_main_interface .hikashop_cpanel_button_text {
  text-align: left;
  margin-left: 15px;
  color: #052142;
}
/* - Partie a droite - */
.hikashop_cpanel_main_interface .hk-well {
    background-color: transparent;
    border: 3px solid #d0e0ff;
  	margin-bottom: 50px;
}
.hikashop_cpanel_main_interface .hk-well.hika_no_orders {
  border: 0px;
}
.hikashop_cpanel_main_interface .hikashop_user_points_cpanel {
  text-align: center;
 
}
.hikashop_cpanel_main_interface .fa-coins {
  display: none;
}
/***************** Les sous-menus ************/
/*bouton retour*/
#hikashop_address_listing a.hikabtn,
#hikashop_order_listing  a.hikabtn,
#hikashop_order_main a.hikabtn,
#hikashop_carts_listing a.hikabtn,
.my-account-page.view-cart .hikabtn,
#hikashop_download_listing a.hikabtn,
#hikashop_affiliate_main a.hikabtn,
#hikaserial_subscription_listing a.hikabtn,
#hikaserial_subscription_downloads a.hikabtn{
  border-radius: 4px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  background-color: #082153;
  border-color: #082153;
  color: white;
  font-weight: bold;
  letter-spacing: 0.5px;
  width: max-content;
}
#hikashop_address_listing div.hika_toolbar .hikabtn span.hk-icon,
#hikashop_order_listing div.hika_toolbar .hikabtn span.hk-icon,
#hikashop_order_main div.hika_toolbar .hikabtn span.hk-icon,
#hikashop_carts_listing div.hika_toolbar .hikabtn span.hk-icon,
.my-account-page.view-cart div.hika_toolbar .hikabtn span.hk-icon,
#hikashop_download_listing div.hika_toolbar .hikabtn span.hk-icon,
#hikashop_affiliate_main div.hika_toolbar .hikabtn span.hk-icon,
#hikaserial_subscription_listing div.hika_toolbar .hikabtn span.hk-icon,
#hikaserial_subscription_downloads div.hika_toolbar .hikabtn span.hk-icon{
  color: white;
  font-size: 20px;
}
#hikashop_address_listing div.hika_toolbar .hikabtn span.hk-icon i,
#hikashop_order_listing div.hika_toolbar .hikabtn span.hk-icon i,
#hikashop_order_main div.hika_toolbar .hikabtn span.hk-icon i,
#hikashop_carts_listing div.hika_toolbar .hikabtn span.hk-icon i,
.my-account-page.view-cart div.hika_toolbar .hikabtn span.hk-icon i,
#hikashop_download_listing div.hika_toolbar .hikabtn span.hk-icon i,
#hikashop_affiliate_main div.hika_toolbar .hikabtn span.hk-icon i,
#hikaserial_subscription_listing div.hika_toolbar .hikabtn span.hk-icon i,
#hikaserial_subscription_downloads div.hika_toolbar .hikabtn span.hk-icon i {
      padding-top: 6px;
}
@media screen and (max-width:1025px){
  #hikashop_address_listing div.hika_toolbar .hikabtn span.hk-icon i,
  #hikashop_order_listing div.hika_toolbar .hikabtn span.hk-icon i,
  #hikashop_order_main div.hika_toolbar .hikabtn span.hk-icon i,
  #hikashop_carts_listing div.hika_toolbar .hikabtn span.hk-icon i,
  #hikashop_download_listing div.hika_toolbar .hikabtn span.hk-icon i,
  #hikashop_affiliate_main div.hika_toolbar .hikabtn span.hk-icon i,
  #hikaserial_subscription_listing div.hika_toolbar .hikabtn span.hk-icon i,
  #hikaserial_subscription_downloads div.hika_toolbar .hikabtn span.hk-icon i{
     padding-top: 0px;
     margin-right: 5px;
	} 
}
/*----- Profil edit ----*/
#member-profile button.validate,
#member-profile a.btn{
  float: right;
}
#member-profile button.validate {
  border-radius: 0.25rem !important;
  font-size: 1rem !important;
  padding: 6px 12px;
  margin-left: 15px;
}
#member-profile input.form-control {
  border-radius: 0.25rem;
}
#member-profile .form-control {
  color:  #082153;
}
#member-profile .form-control:focus:focus:not(#jform_username){
  border-color: #d0e0ff;
  box-shadow: 0 0 0 0.2rem rgb(208 224 255 / 36%);
}
#member-profile  #jform_username:focus {
  border-color: #ced4da;
  outline: 0;
   box-shadow: 0 0 0 0.2rem #e9ecef00 ;
}

/*----- Adresses edit ----*/


#hikashop_address_listing dl.hika_options.large > dt {
  width: min-content;
}
#hikashop_address_listing dl.hika_options.large > dd {
    margin-left: initial;
    margin-bottom: 20px;
}
#hikashop_address_listing .hikashop_address_listing_div{
  width: 58%;
  margin: auto;
}
#hikashop_address_listing .hikashop_user_address  {
  position: relative;
}
#hikashop_address_listing .hika_edit {
  position: absolute;
  right: 8px;
  background-color: white;
}
#hikashop_address_listing .fa-plus,
#hikashop_address_listing .fa-times{
  margin-right: 5px;
}
#hikashop_address_listing  dl.hika_options > dt {
  width: 100%;
  text-align: left;
}
#hikashop_address_listing  dl.hika_options > dd {
  width: 100%;
  margin-left: 0px;
}
#hikashop_address_listing  dl.hika_options {
  margin-bottom: 20px;
}
#hikashop_address_listing .hikashop_address_edition a.hikabtn{
  display: table-cell;
}
@media screen and (max-width:450px){
  #hikashop_address_listing,
  #hikashop_order_listing
  {
  max-width: 1140px;
  margin: auto;
	}
  #hikashop_address_listing .hikashop_address_listing_div {
    width: 100%;
    margin: 0px;
  }
}
#hikashop_address_listing #hikashop_user_addresses_show  a.hikabtn{
  width: 100%;
  margin-bottom: 20px;
}
/*----- commande ----*/
 #hikashop_order_listing .hikashop_search_block {
  position: relative;
  display: flex;
  margin: 30px 15px 30px 0;
   flex: 0 0 40%;
}
#hikashop_order_listing .hikashop_search_block input#hikashop_search {
  border-radius: 100px;
  padding: 10px 30px;
  border-color: #082153;
}
#hikashop_order_listing .hikashop_search_block button.hikabtn {
  position: absolute;
  right: 0;
  background-color: #082153;
  border-color: #082153;
}
#hikashop_order_listing .hikashop_search_block button.hikabtn:hover {
  background-color: #FF5B4F;
  border-color: #FF5B4F;
}
#hikashop_order_listing .hikashop_search_zone {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#hikashop_order_listing .hikashop_order_sort {
  position: relative;
  display: grid;
  grid-template-areas: " . commande"
    				"filtre1 filtre2";
  grid-area: commande;
  column-gap: 15px;
  flex: 0 0 45%;
}
#hikashop_order_listing .hikashop_order_sort #filter_order_range,
#hikashop_order_listing .hikashop_order_sort #filter_order_status{
  border-radius: 100px;
  border-color: #082153;
  width: fit-content;
}
#hikashop_order_listing .hikashop_order_sort #filter_order_range {
   grid-area: filtre1;
}
#hikashop_order_listing .hikashop_order_sort #filter_order_status{
  grid-area: filtre2;
}
.my-account-page .hk-card-order {
  border-color: #e9f5f4;
}
.my-account-page .hk-card-order .hk-card-header {
  background-color: #e9f5f4;
  border-color: #e9f5f4;
}
.my-account-page .hk-card-order .hk-card-header:hover {
  background-color: #e9f5f4;
  border-color: #e9f5f4;
}
.my-account-page .hk-card-order .hk-card-header a{
  color: #082153;
}
.my-account-page .hk-card-order .hikabtn {
  border-color: #082153;
  color: #082153;
}
.my-account-page #hikashop_order_listing  .pagination{
  justify-content: end;
}
.my-account-page #hikashop_order_listing  #limit {
  border-color: #082153;
}

#hikashop_order_main .hika_toolbar_btn {
  display: flex;
}
#hikashop_order_main .hikashop_order_main_table {
  margin-top: 60px;
}
#hikashop_order_main .hikashop_order_item_name_title {
  padding-left: 10px;
}
@media screen and (max-width: 768px){
  #hikashop_order_listing .hikashop_search_zone {
    flex-direction: column-reverse;
  }
  #hikashop_order_listing .hikashop_search_block {
    flex: initial;
    margin: 20px auto;
  }
  #hikashop_order_listing .hikashop_search_block button.hikabtn {
    top: 0;
  }
  #hikashop_order_listing .hikashop_order_sort {
    flex: initial;
    margin: auto;
  }
}
@media screen and (max-width: 425px){
  #hikashop_order_listing .hikashop_order_sort {
   grid-template-areas:
        "commande"
        "filtre1"
        "filtre2";
  }
  #hikashop_order_listing .hikashop_order_sort br {
    display: contents;
  }
  #hikashop_order_listing .hikashop_order_sort #filter_order_status{
    width: 100%;
  }
  #hikashop_order_listing .hikashop_order_sort .inputbox {
    margin-bottom: 20px;
  }
  #hikashop_order_listing .hikashop_search_block {
        margin: auto;
    margin-bottom: 20px;
  }
}
#hikashop_order_listing .hikashop_order_listing  .hk-row-fluid,
.hikashop_cpanel_main_interface .hk-card-order .hk-row-fluid{
  display: flex;
}
#hikashop_order_listing .hikashop_order_listing  .hk-row-fluid div:not(.hika_order_info){
  flex: 0 33%;
}
.hikashop_cpanel_main_interface .hk-card-order .hk-row-fluid div{
  flex: 0 33%;
}
#hikashop_order_listing .hikashop_order_listing  .hk-row-fluid div.hika_order_more{
  flex: 0 100%;
  display: flex;
  justify-content: end;
}
#hikashop_order_listing .hikashop_order_listing .hk-row-fluid div.hika_order_info{
  display: contents;
}
/* -------- Panier ------- */
#hikashop_carts_listing  .hika_toolbar_btn {
  display: flex;
  margin-bottom: 20px;
}
#hikashop_carts_listing .table thead th {
  border: 0px;
}
#hikashop_carts_listing .table tbody  {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
#hikashop_carts_listing .table tbody tr {
  border-left: 2px solid #e9f5f4;
  border-right: 2px solid #e9f5f4;
}
#hikashop_carts_listing .table td {
      border-top: 1px solid #e9f5f4;
}
#hikashop_carts_listing table form {
  display: flex;
  justify-content: end
}
#hikashop_carts_listing table form .pagination {
  margin-right: 5px;
}
@media screen and (max-width: 760px){
  #hikashop_carts_listing table {
    border-radius: 0px;
  }
  #hikashop_carts_listing .table tbody tr {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  }
}
/*-------- Favorie ---------*/
.my-account-page.view-cart .hika_toolbar_btn {
  display: flex;
  flex-wrap: wrap;
}
.my-account-page.view-cart .hikabtn a{
  display: flex;
  align-items: center;
  color: white;
}
#hikashop_show_cart_form dl dt {
  width: initial;
}
#hikashop_show_cart_form  dl.hika_options > dd {
  margin-left: 0px;
}
@media and (max-width: 760px) {
 #hikashop_show_cart_form .table thead tr th input {
    text-align:left;
  }
}
.my-account-page.view-cart .hikabtn {
  margin: 5px;
}
.my-account-page.view-cart #hikashop_cart_product_listing thead tr th{
  border: 0px;
}
.my-account-page.view-cart #hikashop_cart_product_listing th{
  border: 0px;
}
.my-account-page.view-cart #hikashop_cart_product_listing {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  border-radius
}
/* Téléchargement */
#hikashop_download_listing .hikashop_search_block {
  display: flex;
  position: relative;
  margin: 40px 20px;
}
#hikashop_download_listing .hikashop_search_block #hikashop_search{
  border-radius: 100px;
  width: 250px;
  margin: auto;
} 
#hikashop_download_listing .hikashop_search_block .hikabtn:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translate(-40%, 0%);
}
#hikashop_download_listing .hikashop_search_block .hikabtn {
  background-color:#082153;
  border-color: #082153;
}
#hikashop_download_listing  .table thead th {
  border-color: #e9f5f4;
}
#hikashop_download_listing .pagination {
  justify-content: end;
}
#hikashop_download_listing .pagination form {
  display: flex;
}
#hikashop_download_listing .pagination form .pagination {
  margin-right: 5px;
}
@media screen and (max-width:445px){
  #hikashop_download_listing .hikashop_search_block .hikabtn:nth-child(2) {
  	position: absolute;
  	left: 80%;
  	transform: translate(-50%, -100%);
	}
    #hikashop_download_listing .hikashop_search_block .hikabtn:nth-child(3) {
  	display: block;
      margin: 20px auto;
	}
  #hikashop_download_listing .hikashop_search_block {
  	display: block;
	}
}
/* Affiliation */
#hikashop_affiliate_main .hika_toolbar_btn {
  display: flex;
}
/* Souscription */
#hikaserial_subscription_listing .hikaserial_pagination {
  display: flex;
  justify-content: end;
}
#hikaserial_subscription_main_listing {
  margin-top: 20px;
}
#hikaserial_subscription_listing .hikaserial_pagination  .pagination {
  margin-right: 5px;
}
/* Telechargement souscription */
#hikaserial_subscription_downloads #hikaserial_download_listing_table {
  margin-top: 20px;
}
#hikaserial_subscription_downloads #hikaserial_download_listing_table thead th  {
  border: 0px;
}
#hikaserial_subscription_downloads tfoot tr {
  position: relative;
  height: 200px;
}
#hikaserial_subscription_downloads tfoot tr td {
  position: absolute;
  right: 0;
  display: flex;
  border: 0px;
}
#hikaserial_subscription_downloads tfoot .pagination {
  margin-right: 5px;
}
/* Tidio */
#tidio-chat-iframe {
  width: max-content;
}
.awesome-iframe .widget-position-right.bubbleWithLabel .widgetLabel {
  width: 199px;
}
/* ********** Bulles navigations ********* */
@keyframes opacity{
    from{opacity: 0;
      transform: translateX(4px);}
    to{opacity: 1;
         transform: translateX(0px);}
}
#sp-section-navigation img {
  height: 32px;
  width: 32px;
  margin: auto;
}

#close-bulle {
  	position: absolute;
    top: -10px;
    font-weight: bold;
    width: 30px;
    height: 30px;
  	right: 0px;
  	cursor: pointer;
}
#close-bulle img {
  width:20px;
  height: 20px;
  cursor: pointer;
}
#close-bulle #close:hover {
   transform: rotate(180deg);
   transition-duration: 900ms;
}
.action-bulle .hide {
    display: none;
}
#close-bulle #open {
  transition: transform 400ms ease-in-out;
}
#close-bulle #open:hover {
  transform: translateY
  (-10px);
}

#sp-section-navigation {
  	position: fixed;
    z-index: 100;
    bottom: 128px;
    right: 10px;
}
@media only screen and (max-width: 700px) {
  #sp-section-navigation {
    bottom: 104px;
    right: -3px;
  }
}
/*animation*/
#sp-section-navigation .container-bulle a{
   	display: inline-block;
  position: relative;
}
#sp-section-navigation #container-bulle-template button.button-bulle {
  	animation: opacity 0.3s ease-in-out 0.2s backwards;
}
#sp-section-navigation #container-bulle-template button.link-bulle {
  	animation: opacity 0.2s ease-in-out 0.25s backwards;
}
#sp-section-navigation #container-bulle-helps button.button-bulle {
	animation: opacity 0.3s ease-in-out 0.4s backwards;
}
#sp-section-navigation #container-bulle-helps button.link-bulle {
	animation: opacity 0.2s ease-in-out 0.45s backwards;
}
#sp-section-navigation #container-bulle-template a:hover > .button-bulle,
#sp-section-navigation #container-bulle-helps a:hover > .button-bulle{
  transform: scale(1.05);
}
#sp-section-navigation #container-bulle-template a:hover > .button-bulle-2,
#sp-section-navigation #container-bulle-helps a:hover > .button-bulle-2{
  transform: scale(1.2);
  transition-duration: 0.3s;
  animation-timing-function: ease-in-out;
  visibility: visible;
}

/* Bulle blanche*/
#sp-section-navigation .link-bulle {
  	font-size: 17px;
    border-radius: 16px;
    padding: 10px 15px;
    box-shadow: rgb(0 18 46 / 24%) 0px 6px 32px 0px;
    background: rgb(255, 255, 255);
    border: 0px;
    user-select: none;
    outline: none;
    cursor: pointer;
    width: 199px;
    font-family: Mulish, sans-serif;
    letter-spacing: -0.24px;
    -webkit-font-smoothing: antialiased;
    float: left;
    margin-right: 14px;
  	text-align: left;
  	display: flex;
    align-items: center;
  	height: 42px;
  	
}
#sp-section-navigation .sp-module {
  	display: block;
}
#sp-section-navigation .custom {
  float: right;
  margin-top: 16px;
}
/* Bulle orange*/
#sp-section-navigation .button-bulle {
  	background: rgb(255, 91, 79);
    box-shadow: rgb(2 6 16 / 20%) 0px 2px 16px;
    width: 60px;
    height: 60px;
    border-radius: 28px;
    display: inherit;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    pointer-events: initial;
    background-size: 130% 130%;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    border: 0px;
 	cursor: pointer;
}
#sp-section-navigation  .button-bulle-2 {
    position: absolute;
    right: 0px;
  	bottom: 0px;
  	transform: scale(0);
	visibility: hidden;
 	background-color: white;
}
#sp-section-navigation a .button-bulle,
#sp-section-navigation a .link-bulle 
{
   	color: rgb(6, 19, 43); 
}
/**/
.texte-decouvrire-livre {
  height: 270px;
}
@media screen and (max-width: 379px){
  .sp-page-builder .page-content #section-id-1595413266802 {
   padding-top: 80px;   
  }

}

@media screen and (max-width: 991px) {
 .sp-page-builder .page-content #shop {
  padding-bottom: 25px;
	} 
  #cart-bank .sppb-row {
    justify-content: center;
  	}
 #cart-bank .sppb-col-md-4{
  width: initial;
	}
}
.sp-page-builder .page-content #shop-items {
    padding-bottom: 0px;
 }