.page_body--content--recap {
    display: none;
}

.infos_article--dashboard {
    display: none;
}

#li_coloris,
.article_detail--content--coloris {
    display: none;
}



/* === MODELES === */

.article--carousel_modele {
    max-width: 1500px;
}

.article--carousel_modele .article--carousel--vignettes {
    flex-wrap: wrap;
}

.article--carousel_modele .carousel_vignette {
    width: 150px;
    min-width: auto;
    max-width: none;
    height: 190px;
    margin: 10px 10px;
    padding: 10px 15px;
    border-bottom: solid 0.5px #cccccc;
    font-size: 10px;
}

.article--carousel_modele .carousel_vignette--vignette {
    top: 10px;
    transform: none;
}

.article--carousel_modele .carousel_vignette--vignette img {
    max-height: 100px;
    max-width: 120px;
}

.article--carousel_modele .carousel_vignette--informations {
    bottom: 42px;
    width: calc(-20px + 100%);
}

.article--carousel_modele .carousel_vignette--informations li {
    margin: 0px;
}

.article--carousel_modele .carousel_vignette--informations--marque {
    display: none;
}

.article--carousel_modele .carousel_vignette--informations--code {
    overflow-wrap: break-word;
    line-height: 20px;
    font-size: 11px;
}

.article--carousel_modele .carousel_vignette--coloris {
    overflow-wrap: break-word;
    line-height: 20px;
    left: 10px;
    font-size: 14px;
    font-weight: bold;
}

.article--carousel_modele .carousel_vignette--informations--libelle {
    max-height: 38px;
    white-space: nowrap;
    line-height: 16px;
    font-size: 10px;
}

.article--carousel_modele .carousel_vignette--stock {
    bottom: 35px;
    right: 10px;
}

.article--carousel_modele .stock--statut_libelle {
    display: none;
}

.article--carousel_modele .carousel_vignette--prix {
    left: 10px;
    bottom: 4px;
    font-size: 14px;
}

.article--carousel_modele .carousel_vignette--prix ul li {
    line-height: 18px;
}

.article--carousel_modele .carousel_vignette--prix--remise {
    top: -175px;
    left: 135px;
}

.article--carousel_modele .carousel_vignette--palier {
    top: -5px;
    left: 100px;
}

.article--carousel_modele .carousel_vignette--action {
    right: 5px;
    bottom: 6px;
}

.article--carousel_modele .actionBouton.actionBouton--modifier-quantite {
    height: 20px;
    width: 20px;
    min-width: auto;
    min-height: auto;
    line-height: 21px;
    font-size: 12px;
}

.article--carousel_modele .span_saisie_quantite input[type=text],
.article--carousel_modele .span_saisie_quantite_readonly input[type=text] {
    min-height: 20px;
}


/* === PAGE === */

.page_body--content {
}

.article_detail--content {
    position: relative;
    display: block;
    margin-top: 30px;
}

.page_body--content--actions {
    text-align: left;
}

.page_body--libelle {
    font-weight: bold;
}


/* === VISUELS === */

.easyzoom.is-error img {
    cursor: pointer;
}

.article_detail--content--visuels {
    position: relative;
    display: block;
    float: left;
    width: 640px;
}

/* - Photo - */
.visuels--photo {
    overflow: hidden;
    float: left;
    height: auto;
    width: 100%;
}

.visuels--photo--carousel {
    margin: 0px !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.visuels--photo a {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100%;
}

.fancybox-slide--iframe .fancybox-content {
    max-width: 80%;
    max-height: 80%;
    margin: 0;
}

.fancybox-thumbs__list a.thumb-video:before {
    background: url("../img/picto-video.png") center no-repeat;
}


/* - Navigation - */
.swiper-container-thumbs {
    margin-top: 20px;
}

.visuels--navigation {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    width: 440px;
}

.visuels--navigation a {
    display: inline-block;
    border: solid 1px #ffffff;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 5px;
    height: 55px;
}

.visuels--navigation a:hover {
    border: solid 1px #cccccc;
}

.visuels--navigation a > img {
    max-width: 55px;
    max-height: 55px;
    display: block;
}

/* - indicateurs - */
.article_detail--content .indicateurs_article {
    position: absolute;
    left: auto;
    right: 0px;
    z-index: 10;
}

.article_detail--content .indicateurs_article--item {
    padding: 0;
    margin: 0;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center;
    border: solid 0.5px transparent;
    border-radius: 12px;
}

.indicateurs_article .indicateurs_article--item--referencement {
    font-size: 20px;
    line-height: 22px;
}

.indicateurs_article .indicateurs_article--item--reliquat {
    font-size: 13px;
}

.indicateurs_article .indicateurs_article--item--panier {
    font-size: 13px;
}

/* - Coloris - */
.article_detail--content--coloris {
    position: absolute;
    left: 0px;
    right: auto;
    font-size: 16px;
    font-weight: bold;
    z-index: 10;
}


/*- Picto Vidéo -*/

.gallery-photo .slide--vid .picto {
    background: url("../img/picto-video.png") center no-repeat;
    background-size: 20% auto;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    pointer-events: none;
}

.gallery-thumbs .thumb--vid .picto {
    background: url("../img/picto-video.png") center no-repeat;
    background-size: calc(100% - 80px) auto;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    pointer-events: none;
}

.fancybox-thumbs__list .thumb_fb--vid::after {
    content: "";
    background: url("../img/picto-video.png") center no-repeat;
    background-size: calc(100% - 60px) auto;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: 100%;
    display: inline-block;
}

/*- Picto 360 -*/

.gallery-photo .slide--360 .picto {
    background: url("../img/picto-360.png") center no-repeat;
    background-size: 30% auto;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.4;
    pointer-events: none;
}

.gallery-thumbs .thumb--360 .picto {
    background: url("../img/picto-360.png") center no-repeat;
    background-size: calc(100% - 40px) auto;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.4;
    pointer-events: none;
}

.fancybox-thumbs__list .thumb_fb--360::after {
    content: "";
    background: url("../img/picto-360.png") center no-repeat;
    background-size: calc(100% - 40px) auto;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.4;
}


/* === INFORMATIONS === */

.article_detail--content--infos_article {
    display: block;
    float: right;
    min-width: 440px;
    min-height: 580px;
    margin-left: 1%;
    padding: 20px;
    background-color: #f7f7f7;
    text-align: left;
    width: calc(100% - 800px);
}

/* - Description - */
.infos_article--description {
    overflow: hidden;
    margin-bottom: 15px;
}

    .infos_article--description > ul {
        display: flex;
        flex-direction: column;
    }

.infos_article--description--item {
    white-space: nowrap;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .infos_article--description--item .page_body--libelle {
        width: 140px;
        margin: 0;
    }

#li_libelle {
    margin-bottom: 5px;
    white-space: normal;
}

#li_code {
    margin-bottom: 15px;
}

#li_argumentaire, #li_argumentaire2, #li_argumentaire3, #li_argumentaire4, #li_commentaire {
    text-align: justify;
    margin-bottom: 15px;
    white-space: normal;
}

/* - Tableau - */
.infos_article--tableau {
    display: inline-block;
    margin-bottom: 15px;
}

/* - Quantité - */
.infos_article--quantite {
    float: left;
    margin: 15px 0 25px 0;
    line-height: 40px;
}

    .infos_article--quantite label {
        margin-right: 5px;
    }

    .infos_article--quantite input {
        margin: 0;
        margin-left: 2px;
        vertical-align: middle;
    }

    .infos_article--quantite .actionBouton.actionBouton--modifier-quantite {
        margin: 0;
        margin-left: 2px;
        vertical-align: middle;
    }

/* - Alerte stock - */
.infos_alerte_stock {
    float: left;
    margin: 12px 0 25px 0;
    line-height: 40px;
}

/* - Prix - */
.prix--item.prix--remise,
.infos--palier {
    z-index: 10;
}

.infos_article--prix {
    display: inline-block;
    line-height: 40px;
    margin-left: 15px;
}


.grille_prix {
    float: left;
    width: auto;
    border: none;
    font-size: 20px;
    margin: 17px 0px 0px 0px;
    font-weight: bold;
    display: none !important;
}

.grille_prix tr:first-child {
    display: none;
}

.grille_prix td:nth-child(1) {
    display: none;
}

.grille_prix tr:nth-last-child(2) td {
    text-decoration: line-through;
}

.prix--prix_unitaire,
.prix--items {
    display: block;
    width: auto;
    border: none;
    font-size: 20px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
}

.prix--items {
    display: flex;
    flex-direction: row;
}

.prix--prix_negocie {
    order: 2;
}

.prix--prix_brut {
    order: 1;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: normal;
    margin-right: 10px;
}

.prix--remise {
    position: absolute;
    top: 20px;
    right: auto;
    left: 30px;
    font-size: 14px;
    background-color: #f36557;
    color: #ffffff;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    line-height: 60px !important;
    border-radius: 60px;
}

.infos--palier {
    position: absolute;
    top: 20px;
    right: auto;
    left: 100px;
}


.infos--palier .palier--gratuit {
    font-size: 14px;
    background-color: #e68938;
    color: #ffffff;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    line-height: 60px !important;
    border-radius: 60px;
}


.infos_article--prix .exposant {
    display: inline-block;
    text-decoration: none;
}


/* - Taxes - */
.infos_article--prix--taxes {
    margin-top: auto;
    margin-left: 15px;
    font-size: 0.8em;
    line-height: normal;
}

    .infos_article--prix--taxes span {
        display: inline-block;
    }


.infos_article--rubriques_visuels, 
.infos_article--classification {
    clear: both;
    margin-bottom: 20px;
}

    .infos_article--rubriques_visuels .page_body--libelle,
    .infos_article--classification .page_body--libelle {
        margin-bottom: 5px;
    }

    .infos_article--rubriques_visuels li {
        line-height: 20px;
    }


.infos_article--evenements {
    clear: both;
}

.infos_article--evenements img {
    margin-top: 15px;
    max-height: 85px;
    max-width: 85px;
}

.infos_article--articles_gamme {
    clear: both;
    margin-bottom: 15px;
}


/* === RECAP MODELE === */

.page_body--content--recap {
    z-index: 8900;
    position: fixed;
    bottom: 80px;
    left: 60px;
}

.recap--synthese {
    border: solid 1px #ebebeb;
    border-radius: 3%;
    background-color: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}

.page_body--content--recap table td {
    padding: 10px;
}

.page_body--content--recap .recap--synthese--valeur {
    text-align: right;
    font-weight: bold;
}


/* === RAYON === */

.infos_rayon {
    float: left;
    display: block;
    width: 440px;
    margin-top: 20px;
    text-align: center;
}


/* === POPUP RAYONS === */

.popup--content--form--valeur .actionBouton.actionBouton--modifier-quantite {
    margin-bottom: 7px;
}


div[id*='select_rayon'] ul li:last-child {
    font-style: italic;
    border-bottom: solid 0.5px #cccccc;
}


/* === LABELS & NORMES === */

.infos_article--labels,
.infos_article--normes {
    clear: both;
    margin-bottom: 30px;
}

.labels--rubrique,
.normes--rubrique {
    line-height: 40px;
    text-transform: uppercase;
    border-top: solid 1px #949494;
    font-weight: bold;
    font-size: 14px;
}

.labels--item,
.normes--item {
    display: inline-block;
    margin: 5px;
}

.labels--item li,
.normes--item li {
    text-align: center;
}

.labels--item label,
.normes--item label {
    margin: 5px 0;
    text-align: center;
    font-size: 0.85em;
}

.labels--item img,
.normes--item img {
    max-height: 80px;
}


/* === DASHBOARD === */

.dashboard--item_montant_vide {
    display: none;
}

.infos_article--dashboard {
    margin-top: 20px;
    float: right;
    width: 28%;
    border: solid 1px #cccccc;
}

.dashboard {
    columns: 1;
}

.dashboard--item {
    text-align: center;
    padding: 20px 0 0 0;
}


.label--libelle_dashboard,
.label--valeur_dashboard {
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

.label--libelle_dashboard {
    font-weight: normal;
    font-size: 16px;
}

.label--valeur_dashboard {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    border-bottom: 0.5px #cccccc solid;
    max-width: 150px;
    padding: 0 0 20px 0;
}

ul.dashboard li:last-child .label--valeur_dashboard {
    border-bottom: none;
}


/* === CARACTERISTIQUES === */

.infos_article--fiches {
    margin-top: 20px;
    float: left;
    width: 70%;
}

.fiches--libelle {
    margin-bottom: 0px;
}


/* taille des fiches */
.fiches--item {
    margin: 0 0 10px 0;
}

.fiches--commentaire {
    padding: 5px 7px 15px 15px;
    font-size: 13px;
}

.fiches--caracteristiques {
}

.fiches--caracteristiques li:nth-child(odd) {
    background-color: #f7f7f7;
}

.caracteristiques--item {
    padding: 8px 0 8px 5px;
    display: flex;
}

.caracteristiques--libelle {
    width: 240px;
    font-weight: bold;
    overflow-wrap: break-word;
}


/* === CAROUSEL === */

.page_body--titre2.carousel--libelle {
    margin: 20px 0px;
    background-color: transparent;
    border-bottom: 2px solid #333333;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    font-size: 23px;
    color: #333333;
}


/* ==================================== */
/* =============== MEDIA ============== */

@media (max-width : 1200px) {

    .article_detail--content--visuels {
        float: none;
        width: 100%;
    }

    .visuels--photo {
        float: none;
        margin: auto;
    }

    .visuels--navigation {
        float: none;
        width: 100%;
        margin: auto;
    }

    .article_detail--content--infos_article {
        box-sizing: border-box;
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }

    .infos_rayon {
        float: none;
        width: 100%;
    }
}

@media (max-width : 800px) {

    .infos_article--dashboard {
        float: none;
        width: 100%;
    }

    .infos_article--fiches {
        float: none;
        width: 100%;
    }

    .article--carousel {
        display: none;
    }
}

@media (max-width : 480px) {

    .page_body--content--actions {
        text-align: center;
    }

    .visuels--photo {
        width: 100%;
    }

    .article_detail--content--infos_article {
        width: 100%;
        min-width: auto;
    }

    .infos_article--description #li_libelle {
        font-size: 1em;
    }

    .caracteristiques--libelle {
        width: 160px;
    }
}