/* fonts */
@font-face { font-family: Montserrat;  font-style: normal; src: url('../fonts/Monda-Regular.ttf'); }
@font-face { font-family: Capsmall;  font-style: normal; src: url('../fonts/junegull-rg.ttf'); }
@font-face { font-family: Roboto;  font-style: normal; src: url('../fonts/Roboto-Regular.ttf'); }
*{
    font-family: Roboto;
    scroll-behavior: smooth;
}
/* */
/* SCROLLBAR custom */
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.mw-250px{
    max-width: 250px;
    width: 100%;
}
.couleurSite{
    background-color: #1d5f95 !important;
}
.couleurSitePrimary{
    background-color: #d0d1d44b;
}
.couleurSiteSecondary{
    background-color: #35951d !important;
}
.annonce{
    background-color :#ca1c1c;
    color : white;
    height: auto;
    text-align: center;
    position: relative;
    transform: translateY(0%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    min-height: 2.5em;
    right: 0;
    left: 0;
}
.annonce.bump{
    top: 100px;
    position: absolute !important;
}
.yourmsg{
	border: solid 1px rgb(0, 148, 37) !important;
	background-color: rgba(0, 128, 0, 0.205);
}
.responsive-img{
    object-fit: contain;
    height: 250px;
    max-width: 100%;
    padding-bottom: 5%;
}

.bouton-location{
    margin-bottom: 20%;
}

*::-webkit-scrollbar-track {
    background: #ffffff00;
}

*::-webkit-scrollbar-thumb {
    background-color: #cdcbcb;
    border-radius: 10px;
    border: 3px solid #ffffff;
}
/* */
body {
    margin-top: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0px !important;
    font-family: Montserrat;
}
.mt-5{
    margin-top: 5.5rem!important;
}
.logo{ /* logo du header */
    object-fit: contain;
    width: 85px;
    height: 75px;
}
/* page à propos */
.apropos img{
    max-width: 550px;
    width: 100%;
    height: auto;
    object-fit: contain;
}
#contacter-apropos{
    max-width: 200px;
    width: 100%;
}
.addPhotoForm{
    display: flex;
    flex-wrap: wrap;
}
.addPhotoForm > div{
    display: flex;
    flex-direction: column-reverse;
    margin: 0 10px;
}
.addPhotoForm img{
    min-width: 80px;
    max-width: 120px;
    width: auto;
    object-fit: contain;
    margin: auto;
}
#cookies_consent{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    display: block;
    left: 0;
    right: 0;
    z-index: 1050;
    background-color: #000000bb;
    box-shadow: 0px 0px 10px #0000006b;
    color: white;
}
#cookies_consent_document > div{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1055;
    display: block;
    background-color: white;
}

#engagement-apropos > div, #engagement-upgrade > div div{
    justify-content: space-around;
}
#engagement-apropos > div p{
    max-width: 350px;
    width: 100%;
}
#engagement-upgrade > div ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
#engagement-upgrade > div div p, #engagement-upgrade  > div div h4, #engagement-upgrade > div div li{
    max-width: 350px;
    width: 100%;
    list-style: none;
}
#engagement-upgrade > div div b{
    font-size: 20px;
}
#engagement-upgrade > div div li{
    min-height: 130px;
    margin: 10px;
    padding: 15px;
}
#engagement-upgrade ul li img{
    max-width: 150px !important;
    max-height: 150px !important;
}
#engagement-apropos > div i{
    font-size: 30px;
    color:rgb(35, 128, 250);
}
.formDepotVente > div > div{
    max-width: 350px;
    width: 100%;
    margin: auto;
}
/* */
.espacement_main{
    margin-top: 100px;
}
.border_radius_all{
    border-radius: 25px;
}
.border_radius_all_15{
    border-radius: 15px;
}
.box_shadow_all{
    box-shadow: 0px 6px 10px #00000042;
    border: none;
}
.box_shadow_all_form{
    box-shadow: 0px 6px 10px #00000042;
    border: solid 1px;
    border-color: transparent;
}
.form-input-border-error{
    border: solid 2px #dc3545 !important;
}
.form-control:disabled{
    background-color: #d4d5d7 !important;
    cursor: not-allowed;
}
#nom_user_app_reset_pa{
    display: flex;
    justify-content: center;
}
#nom_user_app_reset_pa div{
    width: 95%;
}
#nom_user_app_reset_pa g{
    width: 25%;
}
.sectionAfficherLoginPass{
    width: 40px;
    margin: auto;
    background: #b1b1b170;
    height: 38px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}
#inputPassLoginShow{
    margin: auto;
    text-align: center;
    display: block;
    transform: translate(0px, 8px);
    color: black;
    cursor: pointer;
}
#form-inscription > div{
    flex-direction: row;
}
#form-inscription > div > div{
    width: 100%;
    margin-right: 15px;
    position: relative;
}
#autocomplete_adresse{
    background-color: white;
    position: absolute;
    width: 100%;
    border-left: solid 1px rgba(128, 128, 128, 0.418);
    border-right: solid 1px rgba(128, 128, 128, 0.418);
}
#autocomplete_adresse > div{
    border-bottom: solid 1px rgba(128, 128, 128, 0.418);
    cursor: pointer;
}
/**/
.prixbarre{
    text-decoration: line-through;
    font-size: 0.9em !important;
    bottom: 0 !important;
}
.prixpromo{
    font-size: 1.5em !important;
}
.prixpromo, .prixbarre{
    align-items: center;
    justify-content: center;
}
.ruban-reduction{
    height: auto;
    width: 100%;
    padding: 3.5px 10px;
    background-color: rgba(255, 0, 0, 0.78);
    color: white;
    font-size: 1em;
    position: absolute;
    top: 0px;
}
.ruban-reduction p{
    margin: 0 auto;
    top: 0;
    position: relative;
    font-weight: 700;
}
#venteFlashTimer{
    background-color: red;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 10px 0;
}
#venteFlashTimer #realTimeTimer{
    margin: auto;
}
#venteFlashTimer > p{
    color: white;
    font-weight: 600;
    padding-top: 5px;
    background-color: transparent;
    font-size: 1.1em;
    margin: auto;
}
#venteFlashTimer > p p{
    margin: auto;
}
#venteFlashTimer > p b{
    color: red;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
}
#produit-page-price-promo{
    font-size: 0.7em;
    font-weight: bold;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1;
}
#produit-page-price-promo > span{
    margin-right: 0;
}
img{
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.image-produit-aside{ /* pour la page d'un seul produit où il y a plusieurs images affichées */
    width: 75px;
    height: 75px;
    border: solid 1px #00000020;
    border-radius: 3px;
    margin-bottom: 5px;
    object-fit: contain;

}
.image-produit-aside:hover{ /* quand on survole les images */
    border-color: #17a2b8;
}
.listephotos{
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
}
#cadrePhotosCustomBuild{
    overflow: hidden;
    position: relative;
}
.listePhotosAlt > img, #customShowComposants{
    min-width: 100%;
}
#imageSuivante, #imagePrecedente{
    position: absolute;
    top: 50%;
    bottom: 50%;
    height: 30px;
    z-index: 2;
    width: 30px;
}
#imageSuivante.bright{
    right: 0;
}
#imagePrecedente.bleft{
    left: 0;
}
#listeAssociationProduits{
    padding: 0 5px;
    display: flex;
    flex-wrap: wrap;
}
#listeAssociationProduits > div{
    height: 30px;
    min-width: 30px;
    max-width: 100px;
    border: solid 1px rgba(88, 88, 88, 0.425);
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
}
#listeAssociationProduits > .selectedsku{
    border: solid 2px rgb(0, 162, 255);
    cursor: not-allowed;
}
.navbar-item-custom, .navbar-item-custom a {
    color: #fff;
}
.navbarCustom, .navbarCustom div ul{
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding-inline-start: 0 !important;
    width: 100%;
    transition: none;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 0;
}
.navbar-brand{ /* logo header */
    margin-right: 1.5rem !important;
}
.navbar-brand-mobile{
    display: none;
}
.sousNavbarCustom{
    max-width: 1000px;
    width: 100%;
}
.navbarCustomLinks .infos{
    display: none !important;
}
.navbar-item-custom .infos{
    display: flex;
}
#navbar_main{
    transition: transform 0.3s ease-in;
}
.navbarCustom div ul li{
    list-style-type: none;
    text-decoration: none;
    display: flex;
    font-size: 15px;
    margin-top: 5px;
}
.navbarCustom-toggler{ /* pour afficher le menu en version mobile, c'est le burger */
    display: none;
    position: absolute;
    right: 10px;
    transition: transform 0.75s cubic-bezier(0.63, 0.14, 0.01, 1.15);
}
.navbarCustom-toggler.spin{ /* animation rotation burger */
    transform: rotate(90deg);
}
.navbar-item-custom{ /* menu header mobile */
    float: right;
    right: 5px;
    display: flex;
    position: absolute;
    top: 20px;
}
.navbar-item-custom > div, .navbar-item-custom-rz > div{
    margin-right: 10px;
}
.navbar-item-custom-rz{
    right: 10px !important;
    margin: auto 0 !important;
    transform: translate(0) !important;
}
.navbar-item-custom div a i, .navbar-item-custom div i{
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
    transition: transform 0.4s cubic-bezier(0, 0.92, 1, 1);
}
.navbar-item-custom div a i:hover, .navbar-item-custom div i:hover{
    transform: scale(1.2);
}
.navbar-item-custom div a:hover{
    text-decoration: none;
}
#userconnected{ /* le petit point vers en haut à gauche du bouton compte header*/
    position: absolute;
    border-radius: 100%;
    height: 9px;
    width: 9px;
    background-color: green;
    z-index: 2;
    top: -3px;
    left: 20px;
}

.navbarCustom.show_menu{
    transform: translateX(0);
}
.navbarCustom.transition_resp{
    transition: width 1s, transform 0.5s ease-in;
}
.menuFiltreDesktop{
    display: flex;
    align-items: center;
}
#menuFiltreResponsive{
    display: none;
}
.imagesAsideMenuHeaderMobile{
    display: none;
    width: 35px;
    height: 35px;
}
.imagesFiltreMenu{
    object-fit: contain;
    width: 60px;
    height: 40px;
    position: relative;
}
.grande_section_recherche{ /*partie du panel filtre */
    width: 300px;
    height: auto;
    padding: 10px;
    float: left;
    left: 0;
    position: relative;
    top: 0;
    background-color: white;
    border-bottom-right-radius: 10px;
    display: block;
    max-height: 100%; /* hauteur de la section */
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transform : translateX(0%);
    transition: transform 0.5s ease-in, margin-top 0.4s ease;
}
.grande_section_recherche.anim{
    margin-top : 18px;
}
#reset_filtre{
    max-width: 175px;
    margin: auto;
    font-size: 14px;
    width: auto;
}
.grande_section_recherche.show_recherche {
    transform : translateX(0);
}
.showdef > form > section{ /* pour afficher dans la page des produits le filtre en premier */
    transform : translateX(0);
}
.grande_section_recherche > div .close_filtre{ /* bouton X pour fermer le filtre */
    display: none;
}
.navbarCustom-toggler span{
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.but_accueil_responsive{ /* TITRE en haut du menu responsive (UNUSED)*/
    justify-content: center;
    left: 0 !important;
    margin-top: 30px !important;
    margin-left: auto;
    margin-right: auto;
}
.but_accueil_responsive a{
    color: black;
    font-weight: 300;
    font-size: 2em;
    text-decoration: none;
    font-family: Capsmall;
}
#section-categories-home, #section-sub-categories-home{
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: row;

}
#section-sub-categories-home{
    flex-wrap: wrap;
    align-items: center;
}
.category-card-home img{
    background: white;
    height: 100%;
    max-height: 500px;
    width: 100%;
    max-width: 250px;
    display: block;
    object-fit: contain;
}
.category-card-home{
    box-shadow: 0px 0px 6px #00000085;
    background: white;
    transition: transform 0.5s, box-shadow 0.5s cubic-bezier(1, -0.18, 0.24, 1.21);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 15px;
}
.category-card-home:hover{
    box-shadow: 0px 0px 2px #000000d9;
    transform: scale(1.075);
}
.category-card-home h3{
    font-size: 1em;
    text-align: center;
    color: black;
}
#univers-cpu > div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#univers-cpu .univers-cpu-box{
    width: 100%;
    max-width: 500px;
    height: 300px;
    box-shadow: 0px 0px 6px #00000085;
    margin: 10px;
    color: white;
    position: relative;
    padding: 10px;
    transition: background-size 0.5s ease-in;
    -webkit-transition: background-size 0.5s ease-in;
    -moz-transition: background-size 0.5s ease-in;
}
.univers-cpu-box > img{
    object-fit: contain;
    width: 100%;
    max-width: 250px;
    position: absolute;
    bottom: 10px;
}
#univers-cpu #intel-box{
    background: linear-gradient(90deg, rgba(0,212,255,1) 27%, rgba(6,117,180,1) 70%, rgba(3,25,48,1) 90%, rgba(2,0,36,1) 100%);
}
#univers-cpu .univers-cpu-box:hover{
    background-size: 140% !important;
}
#univers-cpu #amd-box{
    background: linear-gradient(90deg, rgb(255, 0, 0) 27%, rgb(180, 6, 6) 70%, rgb(48, 3, 3) 90%, rgba(2,0,36,1) 100%);
}
.footer-custom {
    width: 100%;
    text-align: center;
    margin-top: 70px;
    bottom: 0;
    color: white;
    padding: 25px 0;
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column;
}
.footer-custom i{
    border-radius: 100%;
    background-color: white;
    padding: 10px;
    color: #1d5f95 !important;
}
.footer-custom div:nth-child(2){
    position: relative;
}
.product-item p.h5 { /* titre pour les produits en overflow */
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 1px;
    height: 34px;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-weight: 1000;
    margin-top: 2px;
}
.product-item.selected{
    border: solid 1px rgb(68, 151, 199)
}
.product-item.product-item-association{
    height: 150px !important;
    max-height: 150px !important;
    margin-top: 15px !important;
}
.overflow-isbest .product-item, .overflow-isbest a{
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.overflow-isbest::-webkit-scrollbar-thumb { /*barre horizontal du overflow est invisible */
    background-color: rgba(128, 128, 128, 0.2);
}
.product-item {
    margin-top: 50px;
    border: solid 1px #8181811c;
    height: 84%;
    margin-left: -10px;
    position: relative;
}

.product-item .product-subtitle {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.product-item .product-price { /* produit prix pour le single_produit.html*/
    font-size: 20px;
    font-weight: bold;
}

.product-container {
    margin-bottom: 150px;
}
.product-page-price {
    font-weight: bold;
    font-size: 19px;
}

.cart-icon {
    height: 20px;
    padding-left: 20px;
}

.register-block {
    padding: 10px;
    background-color: #fafafa;
}

.block-small {
    max-width: 600px;
    margin: 0 auto;
}

.form-check {
    background-color: transparent;
    padding: 5px 25px;
    margin-top: 7px;
}
.form-control-categories{
    height: 100px;
    overflow: auto;
}
.col-form-label {
    font-weight: bold;
}

.order-summary {
    padding: 20px;
    margin-top: 2px;
}

.account-item {
    background-color: #f1f2f6;
    padding: 70px;
    height: 265px;
}

.account-item a {
    text-transform: uppercase;
    font-size: 13px;
    color: #4b6584;
    font-weight: bold;
}
.accueil_account{
    display: flex;
    margin: auto;
}
.accueil_account > section > ul{
    line-height: 3;
    margin-left: auto;
    margin-right: auto;
}
.account-item a:hover {
    color: #778ca3;
    text-decoration: none;
}
.images-retour > img{
    object-fit: contain;
    max-width: 400px;
    max-height: 400px;
    width: 100%;
}
.nav-link{ /* style couleur blanc pour les liens */
    color: white;
    padding: 0 0.4rem;
}
.nav-link:hover{
    color: white;
    text-decoration-line: underline !important;
}
.nav-title{
    max-width: 200px;
    text-align: center;
    /* top: -50%;
    transform: translateY(50%); */
    position: relative;
    margin-bottom: 0;
}
#produit-photo, .produits-photos-slider{ /*produit photo en grand pour la page d'un produit*/
    display: flex;
    width: 450px;
    height: 450px;
    object-fit: contain;
}
.produit-page-price{
    font-size: 2.5em;
    margin-right: 0.5em;
}
.produit-price{
    font-weight: bold;
    font-size: 1.3em;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
}
.product-item .section-ensous .produit-price-section .produit-price {
    font-size: 1.1em;
}
.produit-price-section{
    height: 50px;
    top: -2px;
    justify-content: center;
    position: relative;
}
.produit-item h4{
    font-weight: 800;
    overflow: auto;
    height: 50px;
    font-size: 1.1em !important;
}
.pieces-specs-box{
    display: block;
    max-width: 400px;
    width: 100%;
    height: auto;
    position: relative;
    border: solid 1px #0000004a;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-height: 65px;
}
.pieces-specs-box p{
    text-align: center;
    margin-left: 5px;
    margin-bottom: 5px;
}
.pieces-specs-box > div > img{
    width: 100%;
    position: absolute;
    max-height: 60px;
    object-fit: contain;
    z-index: -1;
    opacity: 0.3;
    max-width: 60px;
}
.pieces-section > form > div{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.btn-filtre{ /* boutons du panel filtre */
    cursor: pointer;
    border-bottom: none;
    text-align: left;
    padding: 8px 0;
    font-size: 1em;
    font-weight: 600;
    transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -webkit-transition: background-color 0.25s ease;
}
.btn-filtre:hover{
    background-color : rgba(177, 177, 177, 0.288)
}
.btn-filtre.closed{
    border-bottom: solid black 1px;
}
#helpMeChoosePC-filtre img{
    object-fit: contain;
    max-width: 100px;
    width: 100%;   
    display: block;
    margin: auto;
}

.familleFiltre{ /* filtre famille, il ne faut pas l'afficher */
    display: none;
    position: absolute;
}
.arrow{
    left: 20px;
    position: relative;
    color: #5a5a5a;
    transition: transform 0.25s ease;
    -moz-transition: transform 0.25s ease;
    -webkit-transition: transform 0.25s ease;
}
.arrow.arrownspin{
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.produit-subtitle{
    font-size: 1em;
}
.produit-panier{
    width: 100%;
}

.currency{ /*style de monaie pour la page d'un seul produit*/
    bottom : 12px;
    font-size: 0.5em;
}
.description{ /* description page d'un seul produit */
    white-space: pre-line;
}
.caracteristique{
    display: block;
    width: 90%;
    position: relative;
    font-size: 14px;
    height: 100%;
    overflow: auto;
    max-height: 315px;
}
.cadre-photo-main{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    max-width: 450px;
    height: auto;
    width: 100%;
}
#cadre-photo-custom-pc, #cadrePhotosCustomBuild{
    max-width: 450px;
    /*width: 450px;*/
    height: 450px;
}
#cadre-photo-custom-pc.absoluteBottom{
    position: absolute;
    bottom: 0;
}
.composantsAlign{
    position: absolute;
}
.composantsLoader{
    height: 100%;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(208, 208, 208) 34%, rgb(193, 193, 193) 60%, rgb(255, 255, 255) 100%);
    background-size: 300%;
    background-position: 0% 0%;
    transition: all 0.1s;
    animation: composantsLoader 1s alternate infinite;
}
.elementSetFixed{
    position: fixed;
}
.produit_title{
    display: flex;
    margin-right: 65px;
    flex-direction: column;
}
#produit_logo_marque{ /* enfant de produit_title */
    max-width: 100px;
    max-height: 100px;
}
.compteurQuantiteCart{
    max-width: 50px;
}

.iddatecompte{ /* champs form dates */
    width: 200px;
}
.fondPanelAjoutPanier, .ecranBloque, .fondCategoriePanel{ /* quand le panel panier est affiché fond gris*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background-color: #00000044;
    z-index: 10;
}
/* */
.prixdegressif{
    position: relative;
    bottom: 10px;
    z-index: 5;
    color: green;
    font-size: 1.1em;
    display: block;
    font-weight: bolder;
}
.overflow-prixdegressif{ /*prix degressif pour les produits en mode overflow */
    position: absolute !important;
    bottom: 140px;
    left: 0;
    right: 0;
}
.prixdegressifshow{
    bottom: 0;
    position: relative;
    color: green;
    font-size: 1.1em;
    left: 0;
    font-weight: bolder;
}
.searchbar{
    display: flex;
    position: static;
    z-index: 10;
    flex-direction: row;
}
.barderecherche{ /* la barre de recherche du site */
    display: flex;
    height: 35px;
    font-size: 1em;
    position: static;
    flex: 0 0 98.99%;
    max-width: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#bottomFiltrerMobile, #bottomAjoutOnePanierMobile{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: white;
    height: auto;
    max-height: 80px;
    z-index: 3;
    padding: 5px 0;
    box-shadow: 1px -2px 5px #0000006e;
}
#bottomAjoutOnePanierMobile{ /* bouton panier pour une page produit en mobile */
    transform: translateY(105%);
    transition: transform 0.3s ease-in;
}
#bottomAjoutOnePanierMobile.show{
    transform: translateY(0%);
}
.recherche_filtrer{ /* bouton filtrer a cote de la barre de recherche */
    width: 100%;
    max-width: 75px;
    padding: 5px 8px;
    display: flex;
    background: #0898ff;
    cursor: pointer;
    color: white;
    border-radius: 10px;
}
.buttonrechercher{
    display: flex;
    position: static;
    right: 0;
    height: 35px;
    float: right;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#pre-produits-research{
    max-height: 70px;
    width: 100%;
    height: 70px;
    max-height: 100%;
    position: absolute;
}
#pre-produits-research.front{
    z-index: 6;
}
#pre-produits-research > div{
    width: 100%;
    max-width: 768px;
    border-bottom: solid 1px #0000001f;
    border-left: solid 1px #0000001f;
    border-right: solid 1px #0000001f;
}
#pre-produits-research img{
    object-fit: contain;
    width: 75px;
    max-width: 100%;
    height: 70px;
}
#pre-produits-research > div a{
    text-decoration: none;
}
#pre-produits-research > div a:hover{
    background-color: lightgray;
}
.searchbarSearchedProducts > a .price{
    display: flex;
    flex-direction: row;
}
.searchbarSearchedProducts > a .price p, .searchbarSearchedProducts > a .price b{
    font-size: 15px !important;
}
.pasderecherche{
    margin: 40px auto;
}
#pasrechercheprendrecontact{
    margin: auto;
    text-align: center;
}
#pasrechercheprendrecontact a{
    margin: auto;
    width: 80%;
}
.contactProduit{
    width: 700px; /* largeur de base pour le formulaire contact page*/
}
.homerecherche{ /* parent de la barre de recherche */
    left: 0;
    right: 0; 
    top: 20px; 
    z-index: 6;
}
.searchbar_header{
    max-width: 80%;
    margin: 0;
    top: 0;
}
#navbarCustomHeaderMobileSearch{
    display: none;
}
.searchbar_header div{
    margin-bottom : 0 !important;
}
#textarealimitdisplay{ /*pour la page contact */
    right: 0;
    float: right;
    bottom: 10px;
    position: relative;
}
#contact_description{ /* pour la page contact */
    height: 250px;
}
/* Page informative support technique */
#message-support-logs{
    background: #ffffffbf;
    max-height: 700px;
    height: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#ticketsSupportTechniqueHistorique{
    display: none;
    background-color: white;    
    z-index: 15;
    max-height: 500px;
    height: 100%;
    max-width: 650px;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
}
#ticketsSupportTechniqueHistorique > table{
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: 450px;
    display: block;
}
#ticketsHistory{
    cursor: pointer;
}
/* */
#carte_cadeau_access_compte{ /* pour la page insertion code cadeau */
    max-width: 800px;
    height: auto;
    object-fit: cover;
    display: block;
    border: solid 1px rgba(0, 0, 0, 0.5);
}
.alertdisplay{
    opacity: 1;
    transition: opacity 0.5s ease;
}
.sectionProduits{ /* pour la page liste de produits */
    margin-right: 15px;
}
.produitbox{
    margin-right: -15px;
    margin-bottom: 10px;
    position: relative;
}
.produitbox > .produit-item{ /* pour la page liste de produits */
    border: solid 1px #81818109;
    margin: 0;
    height: 370px;
    position: relative;
}
.produit-item > .section-ensous{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.produit-item img, .product-item img{ /* formattage image des produits */
    object-fit: contain;
    max-height: 100%;
}
.produit-item img{
    height: 165px;
    transition: transform 0.5s cubic-bezier(0.16, 0.43, 0.2, 1);
}
.produit-item img:hover{
    transform: scale(0.9);
}

.product-item img {
    height: 140px;
}
.partie-filtres .filtres, .partie-filtres-mobile .filtres{
    display: block;
}
.partie-filtres .filtres .form-check, .partie-filtres-mobile .filtres .form-check{
    border-bottom: solid 1px #81818142;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0 2vh;
}
.partie-filtres .filtres option.noshow, .partie-filtres-mobile .filtres option.noshow, .noshow{
    display: none !important;
}
.displayfiltre{
    display: none !important;
}
.prixetquantite{
    display: flex;
}
.quantitedisplay{ /* affichage nombre quantite pour la page d'un seul produit */
    margin-bottom: 10px;    
    position: relative;
}
.infocarre{
    position: static;
    top: 0;
    left: 5px;
    right: 5px;
    color: white;
}

#logo_marque{
    width: 100px;
    height: 100px;
    margin-right: 5px;
    object-fit: contain;
}
.specs-images-section > div img{
    max-height: 85px;
    height: 100%;
    object-fit: contain;
    margin-right: 15px;
    display: flex;
}
#pagesuivanteproduits{
    margin: auto;
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 100%;
}
.overflow-isbest{
    overflow: auto;
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    justify-content: start;
}
.overflow-isbest.focus{
    cursor: grab;
}
.overflow-isbest a, .ajoutPanier{
    transition: transform 0.4s cubic-bezier(0, 0.92, 1, 1);
}
.ajoutPanier:hover{
    transform: scale(0.95);
}
.overflow-isbest a:hover, .overflow-isbest .ajoutPanier:hover{
    transform: scale(0.9);
}

#scroll-isbest{
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    height: auto;
    margin: auto;
}
.details_order{
    display: flex;
    flex-direction: column;
}
.details_order_produit{
    display: flex;
}
.details_order_produit > .details_order_produit_img{
    width: 150px;
    height: auto;
    padding: 15px 0;
}
.details_order_produit div img{
    width: 120px;
    height: 120px;
    object-fit: contain;
    display: block;
    margin: auto;
}
.details_order_produit div h3, .table_cart tbody tr td h4, .table_cart tbody tr td h3, .order-summary div strong h5{
    font-weight: 700;
}
/* jauge état de la commande */
#orderState{    
    max-width: 350px;
    width: 100%;
    height: 10px;
    border: solid 1px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    position: relative;
    background: linear-gradient(45deg, green, green,green,transparent);
    background-size: 0%;
    background-repeat: no-repeat;
}
#orderState.w20{
    background-size: 20%;
}
#orderState.w45{
    background-size: 45%;
}
#orderState.w70{
    background-size: 75%;
}
#orderState.w100{
    background-size: 110%;
}
#orderState .orderBallState{
    border-radius: 100%;
    max-width: 40px;
    width: 100%;
    height: 40px;
    background: white;
    position: relative;
    top: -15px;
    border: solid 1px;
}
/* */
#account_order_boutons{
    position: absolute;
    top: 0;
    right: 0;
}
.cart_produit{
    position: relative;
}
.cart_vide img{
    max-width: 250px;
    object-fit: contain;
    height: auto;
    width: 100%;
}
.cart_produit strong{
    z-index: 10;
    bottom: 10px;
    left: 10px;
    position: absolute;
}
.cart_produit img{
    object-fit: contain;
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
    border-radius: 5px;
}
.cart_produit, .cart_produit img{
    height: 130px;
    width: 100%;
    max-width: 200px;
}
#cart_quantite{ /* le petit cercle rouge pour indiquer la quantité du panier */
    position: absolute; 
    z-index: 2; 
    border-radius: 100%; 
    width: auto; 
    height: 17px; 
    text-align: center; 
    right: -5px; 
    top: -12px; 
    font-size: 12px; 
    padding: 0 4px; 
    pointer-events: none;
}
.table_cart tbody tr th{
    width: 20%;
}
.header_table_cart, .table_cart{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.order_summary_produit_image{ /* affichage images produits dans la page recap commande */
    object-fit: contain;
    display: flex;
    position: relative;
    margin: auto;
    justify-content: center;
    height: 105px;
    width: 105px;
}
.order-summary div .border_radius_all_15{
    width: 125px;
    height: 125px;
    position: relative;
    display: flex;
    background: white;
    margin-bottom: 15px;
}
.order_summary_produit_quantite{
    position: absolute;
    z-index: 10;
    background-color: white;
    border-radius: 10px;
    padding: 2px;
    left: -12px;
    border: solid 1px #0000005c;
    top: -6px;
}
/* filtre PRIX */
#partie-prix .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
  }
  .field input {
    width: 100%;
    height: 30px;
    outline: none;
    font-size: 18px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
  }
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  #partie-prix .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
  }
  .slider {
    height: 6px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
    margin-top: 10px;
  }
  .slider .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background: #174fb8;
  }
  .range-input {
    position: relative;
  }
  .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #174fb8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #174fb8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }  
.orderPriceFiltre{
    height: auto !important;
}
.prixaffiche{ /*pour filtre par prix*/
    position: relative;
    top: -5px;
    height: 25px;
    width: 80%;
    max-width: 500px;
    margin: auto;
}
.prixaffiche span {
    position : absolute;
}
  /* */
.overflow-allproduits-home{
    width: 125px;
    height: 125px;
    display: block;
    margin: auto;
    border-radius: 100%;
    background-color: green;
    color: white;
    padding: 15px;
    text-decoration: none;
}
.overflow-allproduits-home div{
    text-align: center;
}
.overflow-allproduits-home i{
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 20px;
    transform: scale(2.5);
}
.overflow-main{
    width: 100%;
    flex-direction: column;
    position: relative;
}
.overflow-buttons{
  position: absolute;
  top: 50%;
  bottom: 50%;
  z-index: 3;
  background-color: #ffffffb5;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  box-shadow: 0 0 8px black;
  text-align: center;
  cursor: pointer;
}
.overflow-buttons > i{
  position: relative;
  text-align: center;
  vertical-align: sub;
}
.overflow-buttons.bright{
    right: 10px;
}
.overflow-buttons.bleft{
    left: 10px;
}
#menu-two{ /* parent du panel sous-menu "Nos produits" */
    position: fixed;
    background-color: white;
    width: 100%;
    padding: 15px 20px;
    color: black;
    top: 98px;
    display: none;
    align-items: start;
    padding-inline-end: 5px;
    left: 0;
    justify-content: center;
}

#menu-two > div{
    margin: 10px 14px;
    width: auto;
    position: relative;
}
.menu-two-position{
    position: absolute;
    left: 0;
}
#but_nos_produits{
    cursor: pointer;
    margin: auto;
    display: none;
}
#menu-two li i{
    margin-top: 4px;
    margin-left: 4px;
}
.divex{ /* panel avec sous-menu comme Armes CAT.B, CAT.C, etc*/
    position: fixed !important;
    top: 98px;
    background: white;
    margin: auto !important;
    left: 0;
    display: block;
    border-top: solid 2px #00000088;
    overflow: auto;
    overflow-x: hidden;
    width: 100% !important;
}
.divex > section:nth-child(2){
    justify-content: space-between;
}
.divex > section > .contenu_sous_menu{
    padding: 50px 35px;
}
.contenu_sous_menu > div > hr{
    border: solid 1px #00000055;
}
.divex .pubCategorie img{
    width: 330px;
    height: 330px;
    object-fit: contain;
}
.noShowCategories{
    display: none !important;
}
.textNoSelect{ /* Pas de selection de texte lorsque l'on clique */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}
.textVertical{
    writing-mode: vertical-lr;
    text-orientation: sideways-right;
}
#but_nos_produits i, #menu-two li i{
    transition: transform 0.25s ease;
    -moz-transition: transform 0.25s ease;
    -webkit-transition: transform 0.25s ease;
}
#but_nos_produits i.arrowspin, #menu-two li i.arrowspin{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#menu-two.show, #menuFiltreDesktopSection.show{
    display: flex;
}
#menu-two > div > div > li, #menu-two > div > a, #menu-two > div > ul > li, #menu-two div > ul > ul > li, #menu-two .noEffect{
    color: black;
    font-weight: 700;
    font-size: 0.9em;
    cursor: pointer;
    align-self: start;
    list-style: none;
}
#menu-two ul a{
    text-align: right;
}
#menu-two > div > ul > li{
    margin: 4px 0;
}
#menu-two, #menu-two ul{
    flex-direction: row;
}
#menu-two ul{
    right: 0;
    align-items: end;
}
#menu-two .section_armes_b, #menu-two .section_armes_c, #menu-two .section_munitions, #menu-two .section_accessoires, #menu-two .section_equipements{
    display: none;
    flex-direction: column;
}
#menu-two .divex > div{
    display: flex;
}
#menu-two > div > ul > ul{
    flex-direction: column !important;
    align-items: left;
}
#menu-two .divex  ul > a, #menu-two .divex ul > ul a, #menu-two .divex  a{
    color:rgb(116, 116, 116);
    font-size: 1em;
    font-weight: 400;
    line-height: 2.1;
    list-style: none;
}
section div > .sous_categorie{
    margin-right: 4vw !important;
}
section div > .sous_categorie > a h6{
    max-width: 170px;
}
.close_menu_categories_parts{
    display: none !important;
}
.menuPageSousCategories{ /* pour la page menu des sous-sous-catégories */
    height: 200px;
    max-height: 200px;
    width: 100%;
    margin: 10px auto;
    position: relative;
    width: 250px;
}
.menuPageSousCategories h5{
    margin: 10px auto;
    text-align: center;
    position: relative;
    color: black;
    /* transform: translateY(-50%);
    top: 50%; */
    display: block;
    text-overflow: ellipsis;
    width: auto;
}
.menuPageSousCategories h5.noImage{
    top: 50%;
    transform: translateY(-50%);
}
.sectionPageSousCategories > a > div img.hoverJs{
    transform: scale(0.8);
}
.menuPageSousCategories img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 190px;
    max-height: 120px;
    object-fit: contain;
    transition: transform 0.4s ease;
}
.menuPageSousCategoriesTitre{
    display: block;
    position: relative;
    max-height: 100px;
    height: 100%;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 5px;
    color: grey;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sectionPageSousCategories{
    position: relative;
    /* justify-content: space-evenly; */
    justify-content: center;
}
.sectionPageSousCategories a{
    text-decoration: none;
}
.ajout_panier_success{ /* pour l'affichage quand on ajoute un produit dans le panier à l'aide du + */
    display: none;
    background-color: white;
    width: 100%;
    height: auto;
    z-index: 9990;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ajout_panier_success.animation{
    transform: translateY(0%);
}
.ajout_panier_success section{
    display: flex;
    overflow-x: auto;
    flex-direction: column;
}
.ajout_panier_success.show{
    display: block;
}
.close_panier_x, .close_newsletter_x, .close_document_affiche_x{ /* petit bouton X pour fermer certain panels */
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    background: #1d5f95;
    color: white;
}
.alerte_restock_produit {
    z-index: 5;
    position: fixed;
    top: 0;
    width: 700px;
    bottom: 0;
    height: 300px;
    background: white;
    display: none;
    left: 0;
    right: 0;
}
.alerte_restock_produit.show {
    display: block;
}
.alerte_restock_produit .zone_champs_email{
    margin: auto;
    display: block;
    position: relative;
    top: 50%;
    left: -50%;
    transform: translate(50%,-50%);
}
#alerte_restock_button{
    font-size: 15px;
}
/* paiement */
.liste_produits_systempay{
    display: flex;
    flex-direction: row;
    justify-content: start;
}
.liste_produits_systempay img{
    object-fit: contain;
}
.zone_liste_produits_systempay{
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
}
.zone_paiement{
    display: flex;
    flex-direction: column;
}
#form_paiement{
    width: 50%;
}
/* */
/* BANNIERE */
.banniere_show, .banniere_show img{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 200px;
    top: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.banniere_show h1{
    top: calc(50% + 10px);
    position: relative;
    text-shadow: 0 6px 5px black;
    z-index: 2;
    font-family: Roboto;
    font-weight: 800;
}
.fakeDiv{
    height: calc(200px - 100px);
}
.banniere_show img{
    filter: blur(5px);
    padding: 0;
    transform: scaleX(1.02);
    object-fit: cover;
}
/* */
#image_cartes{
    width: 80%;
    margin: auto;
    display: block;
    object-fit: scale-down;
}
/* panel newsletter */
.newsletter{
    margin: auto;
    width: 100%;
    height: auto;
    z-index: 10;
    display : block;
}
.newsletter .newsletter_image{
    height: 30%;
    margin: auto;
    width: auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}
.newsletter img{
    object-fit: cover;
    height: 100%;
    margin: auto;
    width: 100%;
    position: relative;
    background-size: cover;
}
.newsletter_form{
    position: relative;
    display: flex;
    flex-direction: row;
    max-width: 1000px;
    width: 90%;
}
.newsletter_form input{
    height: 40px;
}
.newsletter_accept{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
}
.newsletter_accept i{
    font-size: 13px;
}
.newsletter_accept #newsletter_verif{
    margin-right: 18px;
    margin-top: -8px;
    left: 5px;
    position: relative;
}
.accountbox, .accountbox a{
    text-decoration: none;
    list-style: none;
    color: black;
}
#stop_newsletter{
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    font-size: 13px;
}
.newsletter div h4{
    font-size: 18px;
}
.newsletter div h2 {
    font-size: 1.5em;
}
.carteFidelite{
    width: 100%;
    margin: auto;
    border: solid 1px #0000002e;
    max-width: 500px;
    margin: auto;
    position: relative;
    background: linear-gradient(140deg,white,white,#ddddddb3,#ddddddb3, white);
}
#carteFidelite_imageLogo{
    max-width: 180px;
    width: 100%;
    object-fit: contain;
}
#panelCreationCarteFidelite{
    display: none;
}
#sectionFidelite{
    max-width: 700px;
    width: 100%;
    margin: auto;
}
#info_fidelite{
    display: flex;
    flex-direction: row;
    padding: 5px 15px;
}
.inputCarteFidelite, .inputCarteFideliteCreation{
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.007);
    border-radius: 0;
    background-color: transparent;
}
.inputCarteFideliteCreation{
    border-bottom: solid 1px rgba(0, 0, 0, 0.7) !important;
}
.inputCarteFidelite{
    text-overflow: ellipsis;
}
#info_fidelite > .photo > div .mb-3{ /* ecart entre photo et drapeau carte fidelite */
    margin-bottom: 5px !important;
}
#carteFidelite_pfp, #paysImage{
    border: solid 1px black;
    object-fit: cover;
}
.carteFidelite_bandeau{
    display: flex;
    position: relative;
    height: 75px;
    width: 100%;
    text-align: center;
    font-size: 22px;
    justify-content: center;
}
#carteFidelite_imageNiveau{
    position: absolute; 
    right: 0;
}
#carteFidelite_imageNiveau{
    bottom: 5px;
    height: 90px;
}
#carteFidelite_niveaux{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: auto;
}
#carteFidelite_niveaux > div{
    width: 200px;
    height: 280px;
    margin: 0 10px;
}
#carteFidelite_niveaux div img{
    object-fit: contain;
    margin: auto;
    max-width: 100px;
    width: 100%;
}
.custom_upload_image_but{ /* utilisé uniquement pour la carte de fidélité */
    display: block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 10px;
    bottom: 0;
    height: 90px;
    width: 90px;
    opacity: 0;
    font-size: 3em;
    transition: opacity 0.2s ease-in;
}
.custom_upload_image_but:hover{
    opacity: 1;
}
#carteFidelite_points_grille{
    width: 640px;
}
.produitVendu{
    position: absolute;
    object-fit: contain;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 100%;
    pointer-events: none;
    top: 5px;
}
/* page bibliotheque */
.bibliothequeAfficherFichiers{
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
}
.accueilBibliotheque{
    display: flex;
    justify-content: center;
}
.accueilBibliotheque div{
    width: 250px;
}
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

/* responsive */

@media  (max-width: 1200px) {
    .searchbar_header {
        margin: 0;
    }
    .caracteristique{
        width: auto;
        margin-top: 15px;
    }
    .cadre-photo-main{
        top: 0;
    }
    .produit-affichage{
        margin-top: 0;
    }
}
@media  (max-width: 1024px) {

    .annonce.bump{
        top: 62px;
    }
    .logo{
        width: 70px;
        height: 45px;
        margin-right: 5px;
    }
    .navbar-brand{
        display: none;
    }
    .navbar-brand-mobile{
        display: block;
    }
    .nav-title{
        max-width: 100%;
        text-align: initial;
    }
    .sousNavbarCustom{
        display: flex;
        margin-left: 0;
        margin-right: 0;
    }
    .navbarCustom-toggler{
        display: block;
    }
    .navbarCustom, .navbar-item-custom{
        position: fixed;
        left: 0;
        z-index: 10;
        width: 50%;
    }
    .navbar-item-custom {
        position: relative !important;
        margin-top: 35px;
        width: 100%;
        transform: translate(0);
        top: 0;
        flex-direction: column-reverse;
    }
    .navbar-item-custom p{
        display: inline-flex;
        margin-bottom: 0;
    }
    .navbar-item-custom p > small{
        font-size: 1em;
    }
    .navbar-item-custom-rz{ /* cuc */
        margin: 0 !important;
        margin-top: 60px !important; 
    }
    .navbarCustomLinks .infos{
        display: block !important;
    }
    .navbar-item-custom .infos{
        display: none;
    }
    #navbarCustomHeaderMobileSearch{
        display: flex;
        margin-top: 0;
        width: 60%;
        max-width: 60%;
        justify-content: start;
        margin-left: -20px;
    }
    .searchbar{
        justify-content: center;
    }
    #bottomFiltrerMobile, #bottomAjoutOnePanierMobile{
        display: block;
    }
    .navbar-item-custom a i,  .navbar-item-custom div i{
        font-size: 1.5em;
        padding: 2px !important;
        margin-right: 10px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .navbar-item-custom a{
        margin-bottom: 1em;
    }
    .nav-link{
        font-weight: 400;
    }
    .navbarCustom{
        height: 90000%;
        top: 0;
        transform: translateX(-145%);
        flex-direction: column-reverse;
        box-shadow: 4px 0px 10px #00000078;
        align-items: baseline;
    }
    .navbarCustom div ul{
        flex-direction: column;
        left: 10px;
        align-items: baseline;
        margin-left: 0;
        left: 0;
    }
    #but_nos_produits{
        align-items: baseline;
        margin: 0 auto;
        /* display: block; */
    }
    #menu-two{
        top: 25px;
        position: absolute;
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        flex-direction: column;
        display: block;
    }
    #menu-two ul{
        align-items: start;
    }

    #menu-two > div > div{
        margin: 15px 0;
        border-bottom: solid 1px #00000033;
    }
    #menu-two > div, .close_menu_categories_parts{
        margin: 0 !important;
        border-bottom: none;
    }
    /* .menuFiltreDesktop{
        display: none !important;
    } */
    #menuFiltreResponsive{
        display: block;
    }
    #rechercheparcategorieMobile{
        display: block;
        z-index: 1030;
    }
    #rechercheparcategorieMobile.show{
        transform: translateX(0);
    }
    .rechercherparcategorie{
        display: none;
    }
    .divex{
        height: 100%;
        top: 0;
        transition: transform 0.5s ease-in;
        transform: translateX(0);
        display: block !important;
        z-index: 1040;
    }
    .divex.noshow{
        transform: translateX(-135%);
    }
    .divex > section > .contenu_sous_menu, .divex > section > .contenu_sous_menu > div{
        flex-direction: column;
    }
    .divex > section:nth-child(2){
        flex-direction: column;
    }
    .divex section > .m-4{ /* pour partie pub */
        flex-direction: column;
    }
    .grande_section_recherche{
        top: 62px;
        width: 65%;
        left: 0;
        right: 0;
        margin: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: fixed;
        transform: translateX(-135%);
        z-index: 1040;
    }
    .grande_section_recherche.anim{
        margin-top : auto !important;
    }
    .showdef > form > section{
        transform : translateX(-135%);
    }
    .grande_section_recherche > div .close_filtre{
        display: block;
    }
    section div > .sous_categorie{
        margin-bottom: 10px;
    }
    .close_menu_categories_parts{
        height: 50px;
        margin: auto;
        display: block !important;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        cursor: pointer;
    }
    .close_menu_categories_parts p{
        transform: translate(10px, 10px);
    }
    .menuPageSousCategories {
        max-height: 180px;
        width: 180px;
        max-width: 200px;
    }
    .menuPageSousCategoriesTitre h5{
        font-size: 13px;
    }
    .imagesAsideMenuHeaderMobile{
        display: block;
    }
    #engagement-apropos > div, .apropos div{
        flex-direction: column;
        justify-content: center;
    }
    #engagement-apropos > div div{
        margin: auto;
    }
    #engagement-apropos > div p {
        max-width: 500px;
    }
    .prixetquantite{
        flex-direction: column;
    }
    .quantitedisplay{
        top: 0;
        margin-bottom: 20px;
    }
    .order-summary div .border_radius_all_15 {
        width: 105px;
        height: 105px;
    }
    .order_summary_produit_image{
        width: 85px;
    }
    #account_order_boutons{
        position: relative;
    }
    .contactProduit{
        width: 80%;
    }
    .accueilBibliotheque{
        flex-direction: column;
    }
}

@media  (max-width: 768px) {
    .espacement_main{
        margin-top: 90px;
    }
    .produitbox > .produit-item > a .img-fluid, .product-item img{
        height: 240px !important;
        margin: auto;
        display: block;
    }
    .produitbox{
        width: 50%;
        margin-right: 0px !important;
        margin-bottom: 0;
        padding: 0;
    }
    .sectionProduits{
        margin-left: auto;
        margin-right: auto;
    }
    .overflow-isbest div .product-item img{
        height: 160px !important;
    }
    .produitbox > .produit-item{
        height: 460px;   
    }
    .footer-custom div:nth-child(2){
        margin-bottom: 15px !important;
        width: auto;
    }
    .footer-custom section{
        flex-direction: column;
    }
    .footer-custom section > div{
        text-align: center !important;
    }
    .category-card-home img{
        height: 175px;
        width: 170px;
    }
    .cadre-photo-main{
        flex-direction: column;
    }  
    .specs-images-section{
        margin-bottom: 20px;
    }
    #section-categories-home, #section-sub-categories-home{
        overflow: auto;
        overflow-y: hidden;
        max-width: 750px;
        overflow-x: visible;
        box-sizing: border-box;
        display: flex;
        scroll-behavior: smooth;
        position: relative;
        justify-content: initial;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    #univers-cpu > div{
        flex-direction: column;
    }
    #univers-cpu .univers-cpu-box {
        height: 200px;
        margin: 10px 0;
    }
    .univers-cpu-box > img{
        max-width: 200px;
    }
    .listephotos {
        flex-direction: row;
        margin: auto;
    }
    .overflow-isbest{
        max-height: 450px;
        overflow-x: visible;
        overflow-y: hidden;
    }
    .produit-item h4{
         height: 50px !important;
         margin-bottom: 0;
     }
     .produit-section-bourse{
        flex-direction: column;
     }
     .details_order_produit > .details_order_produit_img{
        padding: 30px 0;
    }

    .cart_produit strong{
        font-size: 0.8em;
    }
    .header_table_cart, .prix_unitaire_cart{
        display: none;
    }
    .cart_supprimer{
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        width: auto;
    }
    .table_cart tbody tr td h4, .table_cart tbody tr td h3, .table_cart > div h3{
        font-size: 1em !important;
    }
    .table_cart tbody tr td p, .table_cart > div p{
        font-size: 14px;
    }
    .table_cart tbody tr th {
        width: 10%;
    }
    .table_cart h4, .table_cart .cart_prix_total{
        font-size: 1.25rem !important;
    }

    .order_section{
        flex-direction: column-reverse;
    }
    .encart_sous_menu{
        padding: 10px !important;
    }
    .encart_sous_menu > p{
        display: none;
    }
    .encart_sous_menu > h3{
        font-size: 1.2em;
    }
    .encart_sous_menu > a{
        line-height: 1.25 !important;
    }
    .divex .pubCategorie img{
        width: 100%;
        height: 250px;
    }
    .divex > section > .contenu_sous_menu{
        padding: 35px 35px;
    }
    .form-control-categories .form-check-label{
        font-size: 13px;
    }
    .product-item {
        height: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .overflow-isbest{
        justify-content: initial;
    }
    .overflow-isbest .product-item{
        width: 280px;
        margin-left: -15px;
    }
    .overflow-prixdegressif{
        bottom: 150px;
    }
    .overflow-isbest div .product-item .section-ensous{
        margin-top: -15px;
    }
    .account-item{
        margin-bottom: 10px;
    }
    .accueil_account > section > ul{
        width: 95%;
        text-align: center;
    }

    .overflow-isbest div .product-item .section-ensous .produit-price-section{
        top: 5px;
    }
    #helpMeChoosePC-filtre{
        margin-bottom: 40px;
    }
    .contactProduit{
        margin: auto;
        width: 100%;
    }
    .ajout_panier_success h4{
        font-size: 3.75vw;
    }
    .zone_paiement{
        flex-direction: column;
    }
    .zone_liste_produits_systempay, #form_paiement{
        max-height: 300px;
        overflow-y: auto;
        width: 95%;
    }
    .liste_produits_systempay b{
        font-size: 2.5vw;
    }
    .newsletter div h4, .newsletter div h6 , .newsletter_accept label, #stop_newsletter, .newsletter_accept i{
        font-size: 2.5vw;
    }
    .newsletter div h2 {
        font-size: 3.5vw;
    }
    .carteFidelite, .inputCarteFidelite, .inputCarteFideliteCreation{
        width: 96%;
        font-size: 2vw;
    }
    .inputCarteFidelite, .inputCarteFideliteCreation{
        width: 62%;
    }
    #carteFidelite_points_grille{
        width: 98%;
    }
    .alerte_restock_produit{
        width: 80%;
    }
    .accueil_account{
        flex-direction: column;
    }
    #contact_description{
        height: auto;
    }
    .carousel-caption h2{
        font-size: 1.1rem;
    }
    #form-inscription > div{
        flex-direction: column;
        margin-right: auto;
    }

    #cadre-photo-custom-pc.elementSetFixed{
        position: fixed;
        top: 110px;
        left: 0;
        right: 0;
        z-index: 5;
        /*max-width: 290px;*/
        margin: auto;
    }
    #cadre-photo-custom-pc.elementSetFixed .produits-photos-slider{
        display: flex;
        width: 100%;
        height: 200px;
        object-fit: contain;
    }
    #cadre-photo-custom-pc.elementSetFixed > #produit-page-price-promo{
        font-size: 0.5em;
    }
}
@media  (max-width: 500px) {

    #cookies_consent_document > div .cookies-text, #cookies_consent .cookies-text{
        font-size: 12px;
    }
    #cookies_consent_document > div .h4{
        font-size: 16px !important;
    }
    #cookies_consent_document .modal-body{
        overflow: auto;
        overflow-y: visible;
        overflow-x: hidden;
        height: 100%;
        max-height: 400px;
        -webkit-overflow-scrolling: touch;
    }
    .retrait_au_depot_text{
        font-size: 5vw;
    }
    .ajout_panier_success{
        width: 90%;
        height: 80%;
    }
    .ajout_panier_success div div, .ajout_panier_success div a{
        font-size: 4vw;
    }
    .ajout_panier_success h4{
        font-size: 5vw;
    }
    .product-item img{
        height: 225px !important;
    }
    .produit-item h4 {
        height: 58px !important;
        font-size: 0.9em !important;
    }
    .produit-item .section-ensous .produit-price-section{
        top: -10px;
    }
    .produitbox > .produit-item{
        height: 350px;
        border: solid 1px #8181811c;
    }
    .produitbox > .produit-item > a .img-fluid{
        height: 155px !important;
    }
    .produit-subtitle{
        font-size: 0.85em;
    }
    .notifdocuments{
        font-size: 0.95em;
    }
    .form-select{
        height: 80px;
    }
    .home-title-h1{
        font-size: 2em;
    }
    .produit-panier{
        font-size: 3vw;
    }
    .btn-lg{
        width: 70% !important;
    }
    #address_country{ /*pour la page ajouter/modifier une adresse */
        width: 100%;
        height: 60px;
    }
    .details_order_produit div h3{
        font-size: 1.2em !important;
    }
    .details_order_produit .ml-4 {
        margin-left: 1px !important;
    }
    .table_cart tbody tr td .ml-4, .table_cart > div .ml-4{
        margin-left: 4px !important;
    }
    .table_cart tbody tr td .mr-2, .table_cart > div .mr-2{
        margin-right: 2px !important;
    }
    .order_summary_produit_image{
        height: 78px;
        width: 70px;
    }
    .cart_produit, .cart_produit img{
        height: 70px;
        max-width: 120px;
    }
    .order-summary div .border_radius_all_15 {
        width: 75px;
        height: 90px;
    }
    .navbarCustom{
        width: auto;
        margin-top: 0;
    }
    .navbar-item-custom div a, .navbar-item-custom div div{
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .navbar-item-custom div{
        margin-bottom: 5px;
    }
    #userconnected{
        left: 29px;
    }
    .overflow-isbest .product-item {
        width: 170px;
        height: 82%;
    }
    .overflow-isbest div .product-item img {
        height: 130px !important;
    }
    .overflow-isbest .product-item p.h5{
        height: 60px;
    }
    .overflow-buttons.bright{
        right: 0;
    }
    .overflow-buttons.bleft{
        left: 0;
    }
    .produitbox .produit-item .prixdegressif {
        position: absolute;
        font-size: 14px;
        margin-top: -28px;
        left: 0;
        right: 0;
        bottom: auto;
    }
    .produit-item .section-ensous .produit-price-section .produit-price {
        font-size: 1.1em;
    }
    .produit-item .section-ensous .produit-price-section .prixpromo {
        font-size: 1.4em !important;
    }
    .produit-affichage div .produit_title h1{
        font-size: 7.5vw;
    }
    .alerte_restock_produit div h4 {
        font-size: 5vw;
    }
    .carteFidelite, .inputCarteFideliteCreation{
        width: 100%;
        font-size: 3vw;
    }
    .inputCarteFidelite{
        width: 65%;
        max-width: 220px;
        font-size: 3vw;
    }
    #info_fidelite{
        padding: 6px;
    }
    .newsletter div h4,  .newsletter div h6, .newsletter_accept label, .newsletter_form input{
        font-size: 65%;
    }
    #carteFidelite_imageLogo{
        height: 50px;
        object-fit: contain;
    }
    #carteFidelite_imageNiveau{
        height: 100%;
        max-height: 70px;
    }
    #panelCreationCarteFidelite h3{
        font-size: 5vw;
    }
    #carteFidelite_pfp{
        width: 70px;
        height: 70px;
    }
    #paysImage{
        width: 70px;
        height: 50px;
    }
    #carteFidelite_niveaux{
        overflow: auto; 
        overflow-y: hidden;
        max-width: 800px;
        height: auto;
        flex-direction: column;
    }
    #carteFidelite_niveaux > div{
        max-width: 250px;
        margin: 10px auto;
        width: 100%;
    }
    #sectionFidelite div > button, #sectionFidelite > a{
        font-size: 3.5vw;
    }
    .accueilBibliotheque{
        flex-direction: column !important;
    }
    .accueilBibliotheque div{
        margin : auto !important;
    }
    .headerBibliotheque h1{
        font-size: 5vw;
    }
    .sectionProduits{
        padding: 0 !important;
    }   
    .sectionProduits > h6:nth-child(2), .sectionProduits > h3:nth-child(1){
        margin-left: 5px;
    }
    .grande_section_recherche{
        width: 100%;
        right: auto;
    }
    #pre-produits-research{
        left: 0;
        right: 0;
    }
    .menuPageSousCategories{
        max-width: 175px;
        margin-right: 0px !important;
        margin-bottom: 0;
        padding: 0;
    }
    .menuPageSousCategories img{
        max-width: 150px;
        max-height: 100px;
    }
    .custom_upload_image_but{
        height: 70px;
        width: 70px;
    }
    .banniere_show h1{
        font-size: 2rem;
    }
    #ticketsSupportTechniqueHistorique > table td, #ticketsSupportTechniqueHistorique > table th{
        font-size: 12px;
    }
    
    #cadre-photo-custom-pc, #cadrePhotosCustomBuild{
        max-width: 450px;
        /*width: 450px;*/
    }
}
@media (max-width : 415px){
    .but_accueil_responsive a{
        font-size: 25px;
    }
    #precommandeinfo{ /* pour ruban en précommande page des produits | PAS UTILISE? */
        font-size: 0.8em;
        line-height: 1.85;
    }
    .produit-item h4{ /* pour titre page des produits */
        line-height: 1.3;
    }
    .produitbox > .produit-item > a .img-fluid, .product-item img {
        height: 125px !important;
    }
    #produit-photo{ 
        height: 380px;
        width: 380px;
    }
    .ruban-reduction p {
        font-size: 4.5vw;
    }
    .produit-page-price{
        font-size: 10vw;
    }
    .ruban-reduction .produit-page-price{
        font-size: 6vw;
    }
    .produit-item .section-ensous .produit-price-section .prixpromo {
        font-size: 1.25em !important;
    }
    .produit-item h4::-webkit-scrollbar {
        width: 9px;
        height: 8px;
    }
    .ajout_panier_success h4{
        width: 82.5% !important;
    }
    .liste_produits_systempay b{
        font-size: 3.5vw;
    }
    #carteFidelite_points_grille {
        font-size: 3.33vw;
    }
    .sousTitreFidelite{
        font-size: 4.5vw;
    }
    #affichageDocument > div img{
        max-height: 90%;
    }
    .account-item{
        padding: 40px;
        height: 180px;
    }

    .menuPageSousCategories {
        max-width: 120px;
        max-height: 150px;
    }
    .menuPageSousCategories h5 {
        font-size: 4vw;
    }
}
@media (max-width: 1200px) and (min-width: 1024px){
    .produit-panier{
        font-size: 0.8em;
    }
    .section-ensous article a,  .section-ensous article div{
        font-size: 1.1em;
    }
    .nav-link{
        font-size: 0.8em;
        padding: 0 0.6rem;
    }
    .produitbox {
        -ms-flex: 0 0 27.133333%;
        flex: 0 0 27.333333%;
        max-width: 27.333333%;
        margin-right: -25px;
    }
    section div > .sous_categorie > a > h6{
        font-size: 1.33vw;
    }
    section div > .sous_categorie > a{
        font-size: 1vw !important;
    }
    .searchbar_header{
        width: 550px;
    }
}
@media (max-width: 990px) and (min-width: 768px){
    .produit-panier{
        font-size: 1.6vw;
    }
    .sectionProduits{
        max-width: 99% !important;
    }
    .product-item img {
        height: 100px;
    }
    .single-produit{ /* prix produits de la section nos meilleures vente*/
        bottom: 0;
    }
    .details_order_produit > .details_order_produit_img{
        padding: 10px 0;
    }
    .table_cart tbody tr th{
        width: 28%;
    }
    .overflow-isbest .product-item{
        width: 170px;
        height: 83%;
    }
    .overflow-isbest{
        height: 335px;
    }
    .overflow-prixdegressif{
        bottom: 160px;
    }
    .overflow-main{
        width: 97%;
    }
    #menu-two > div > div > li,#menu-two > div > ul > li, #menu-two > div > a, #menu-two .noEffect{
        font-size: 1em;
    }
    #menu-two > div > ul > a, #menu-two div > ul > ul > li{
        font-size: 0.9em;
    }
    .navbarCustomLinks{
        width: 580px !important;
    }
    #sectionFidelite {
        max-width: 475px;
        margin-right: -15px;
    }
    .encart_sous_menu{
        padding: 12px !important;
    }
    .sectionProduits {
        /**/
    }
    .produitbox{
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
    }

}
@media (max-width: 1200px) and (min-width: 768px){
    .accountbox{
        margin: 0.5rem -5px;
    }
    .overflow-isbest .col-md-2 {
        -ms-flex: 0 0 24.966667%;
        flex: 0 0 24.966667%;
        max-width: 24.966667%;
    }
    .navbarCustomLinks{
        width: 630px;
        max-width: 100%;
    }
    #menu-two > div {
        margin-right: 0;
    }
    .produitbox > .produit-item {
        height: 360px;
    }
    #menu-two > div > div > li{
        font-size: 0.75em;
    }
    #prestationTitle{
        display: none;
    }

}

@media (max-width: 1700px) and (min-width: 1200px){
    .produitbox {
        -ms-flex: 0 0 24.6533333%;
        flex: 0 0 24.653333%;
        max-width: 24.73333%;
        margin-right: -10px;
    }
}
@media (min-width: 1700px){
    .produitbox{
        -ms-flex: 0 0 21.333333%;
        flex: 0 0 21.333333%;
        max-width: 30.333333%;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1235px;
    }
    .accountbox{
        margin: 0.5rem auto;
    }
}
@media (min-width: 1024px){
    .but_accueil_responsive{
        display: none !important;
    }
    .navbar-item-custom a i, .navbar-item-custom div i{
        transform: scale(1.5);
    }
    #searchbutton i{
        padding-left: 9px !important;
    }
    #rechercheparcategorieMobile > #menu-two{
        display: none !important;
    }
}
@media (max-height: 900px){
    .ajout_panier_success {
        height: 650px;
    }
    .ajout_panier_success section .overflow-isbest div .product-item{
        margin-top: 10px;
        height: 95%;
    }
}
@media (max-height: 670px){
    .ajout_panier_success {
        height: 550px;
    }
}
/**/
/* ANIMATIONS CSS*/
@keyframes composantsLoader{
    0% { background-position: 0% 0%;}
    100% {  background-position: 100% 0%; }
}