@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ VARIABLES ++++++++++++++++++++++++++++++++++++++++++++++++ */
:root {
    --transitionPeriod: 0.5s;

    --fontSize:     1rem;

    --oneSquare: calc( 3 * var(--fontSize));
    --borderRadius: calc( 0.2 * var(--oneSquare));

    --colorErabliere: rgb(247,148,33);
    --colorChauffage: rgb(186,13,47);
    --colorInox: rgb(85,85,85);
    --colorSurMesure: #2a70b5;

    --colorRose: rgb(229,81,83);
    --colorRosePale: rgb(255,90,92);

    --colorBleuFonce: rgb(0,68,109);
    --colorBleuPale: rgb(41,112,181);
    --colorBleuPalePale: #f5f5f5;


    --colorBlanc: rgb(255,255,255);
    --colorBlancBleu: rgb(236,245,253);

    --shadow: drop-shadow(0.1rem -0.1rem 0.25rem rgba(0,0,0,0.5));


    --coverheight: min(40vh,calc( 200px + 15vw ));

    --topspace: calc(2*var(--oneSquare));

    --color_DPV: #059A69;
    --color_OKM: #555555;
    --color_DBN: #F79421;
    --color_XGT: #CEE7FF;
    --color_VDW: #2A70b5;
    --color_VDW_25: #2a70b525;
    --color_VDW_50: #2a70b550;
    --color_VDW_75: #2a70b575;
    --color_VDW_90: #2a70b590;
    --color_PLM: #00446D;
    --color_WER: #E55154;
    --color_WER_50: #E5515450;
    --color_WER_25: #E5515425;
    --margin_OPL: 5px;

    --colorVertSucces: #0A9B49;

    --font_opensans: "OpenSans-regular", sans-serif;
}



*{
    -webkit-font-smoothing: antialiased;
    /*font-family:"Uniform-medium";*/
}



button{
    border: none;
    background: none;
}

#topspacer{
    height: var(--topspace);
    margin: 0;
}
#topspacer.spacefilters{
    margin-bottom:0;
}


.bg_blue{
    background-color: var(--colorBlancBleu) !important;
}
.text_blue {
    color: #2a70b5 !important;
}

.text_blueDark {
    color: var(--colorBleuFonce) !important;
}


.bg_white{
    background-color: white;
}



.textv2_azb{
    color: var(--color_PLM);
    font-size: 36pt;
    font-family: Uniform-bold;
    line-height: 1;
}
.textv2_cgt{
    color: var(--color_VDW);
    font-size: 16pt;
    font-family: "OpenSans-regular", sans-serif;
}
.textv2_kjh{
    color: var(--color_VDW);
    font-size: 18pt;
    font-family: Uniform-bold;
}
.textv2_qwe{
    color: var(--color_PLM);
    font-size: 16pt;
    font-family: "OpenSans-regular", sans-serif;
}
.textv2_tyu{
    color: var(--color_PLM);
    font-size: 30pt;
    font-family: Uniform-bold;
}
.textv2_jhg{
    color: var(--color_WER);
    font-size: 18pt;
    font-family: Uniform-bold;
}
.textv2_dvc{
    color: var(--color_VDW);
    font-size: 18pt;
    font-family: Uniform-bold;
}

.textv2_thj{
    font-size: 18pt;
    font-family: Uniform-bold;
}

.input_owq{
    color: var(--color_PLM);
    font-size: 36pt;
    font-family: Uniform-bold;
    background-color: rgba(0,0,0,0);
    margin-bottom: 5pt;
    text-align: center;
    border-bottom: 2px solid var(--color_VDW_25);
}
.input_owq:focus{
    border-bottom: 2px solid var(--color_VDW_90);
}


.pre_adresse{
    font-family: var(--font_opensans);
    font-size: 16px;
    color: var(--color_PLM);
}


/*region ++++++++++++++++++++++++++++++++++++++++++++++++ LScc_COLORS ++++++++++++++++++++++++++++++++++++++++++++++++ */
.LScc_color-erabliere{
    color: var(--colorErabliere) !important;
}
.LScc_color-chauffage{
    color: var(--colorChauffage) !important;
}
.LScc_color-innox{
    color: var(--colorInox) !important;
}
.LScc_color-surmesure{
    color: var(--colorSurMesure) !important;
}

.bgLScc_color-erabliere{
    background-color: var(--colorErabliere) !important;
}
.bgLScc_color-chauffage{
    background-color: var(--colorChauffage) !important;
}
.bgLScc_color-innox{
    background-color: var(--colorInox) !important;
}
.bgLScc_color-inoxydablepourtous{
    background-color: var(--colorInox) !important;
}
.bgLScc_color-surmesure{
    background-color: var(--colorSurMesure) !important;
}
.bgLScc_color-bleuls{
    background-color: var(--colorBleuFonce) !important;
}



/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ LScc_COLORS ++++++++++++++++++++++++++++++++++++++++++++++++ */


#lssearchres{
    position:fixed;
    top: calc(2*var(--oneSquare) + 2*var(--borderRadius));
    right:5px;
    background: white;
    padding:20px;
    border-radius: var(--borderRadius);
    z-index:10000;
    filter: var(--shadow);
    width: 50%;
    max-height: calc(100% - 110px);
    overflow: auto;
    color: var(--colorBleuFonce);
    max-width: 800px;
    transition:
            right var(--transitionPeriod);

}
#lssearchres.hide{
    right: -100vw !important;
}





#lssearchres .res{
    width:100%;
    display: block; /* OTHERWISE a IS NOT FULL WIDTH */
    position: relative;
}

#lssearchres .LSproduitUnique{
    background: rgba(0,0,0,0.2);
}

#lssearchres .res .img{
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

#lssearchres .res div{
    margin-left: var(--oneSquare);
    padding-top: 10px;
    padding-bottom: 5px;

}




#lssearchres .closebtn{
    position:absolute;
    right:5px;
    bottom:5px;
    opacity: 0.5;
    width:20px;
    height: 20px;
    cursor: pointer;
    z-index: 110;
}
#lssearchres .closebtn:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 8px;
    bottom: 5px;
    background: url("../images_icones/fleche-bleu-exit-non-trans.svg") center center no-repeat;
    background-size: 25px;

}




/*region ++++++++++++++++++++++++++++++++++++++++++++++++ STYLE ++++++++++++++++++++++++++++++++++++++++++++++++ */

html {
    scroll-behavior: smooth;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}





a:link { text-decoration: none; color:unset; }
a:visited { text-decoration: none; color:unset;}
a:hover { text-decoration: none; color:unset;}
a:active { text-decoration: none; color:unset;}


*, *::before, *::after {
    box-sizing: border-box;
}

/*/* Works on Firefox */*/
* {
    scrollbar-width: calc( 0.25*var(--oneSquare));
    scrollbar-height: calc( 0.25*var(--oneSquare));
    scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0.3);
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: calc( 0.25*var(--oneSquare));
    height: calc( 0.25*var(--oneSquare));
}
*::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.3);
    border-radius: var(--borderRadius);
}
*::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3);
    border-radius: var(--borderRadius);
}


body {
    font-size: var(--fontSize);
    font-smooth: always;
    font-family: "Open Sans", sans-serif;
    /*font-family: Helvetica Neue,Helvetica,Arial,sans-serif;*/
    font-size: 1rem;
    line-height: 1.3em;
    color: #00446d;

    margin-left:0;
    margin-top:0;
    margin-right: 0;
    margin-bottom:0;
}


header{
    z-index: 2000;
    border-bottom-left-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius);
}
#filtres0{
    z-index: 100;
    background-color: var(--colorBleuFonce);
    border-bottom-left-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius);
    filter: var(--shadow);
    overflow:hidden;
}

/*#content{*/

/*    z-index: 0;*/
/*    !*background-color: rgba(0,111,0,0.2);*!*/
/*    padding-left: calc( 2* var(--borderRadius) );*/
/*    padding-top: calc( 2* var(--borderRadius) );*/
/*    padding-bottom: calc(2*var(--oneSquare));*/

/*    overflow-y:auto;*/
/*}*/

header .a3dfds{
    color: white;
    font-family: Uniform-bold;
    line-height: 90%;
    text-align: left;
    width: calc(20% - 1.25*var(--oneSquare) - var(--borderRadius));
    max-height: calc( 1.5 * var(--fontSize) );
}
header #rsearch .a3dfds {
    color: var(--colorBleuPale);
}

header #rblanc{
    z-index: 120;
    background-color: var(--colorBlanc);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    overflow: hidden;
    filter: var(--shadow);
}
header #rblanc #hidelogo{
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: max( calc(1*var(--oneSquare)), calc(100% - 6*var(--oneSquare)));
    background-color: var(--colorBlanc);
}
header a {
    cursor: pointer;
}
header a:hover {
    filter: brightness(110%) !important;
}
header #rblanc #menu img{
    position: absolute;
    width: calc(0.5*var(--oneSquare) );
    height: 90%;
    right: 5%;
    top: 5%;
}
header #rerable{
    z-index: 109;
    background-color: var(--colorErabliere);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    filter: var(--shadow);
}
header #rchauffage{
    z-index: 108;
    background-color: var(--colorChauffage);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    filter: var(--shadow);
}
header #rinox{
    z-index: 107;
    background-color: var(--colorInox);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    filter: var(--shadow);
}
header #rmesure{
    z-index: 106;
    background-color: var(--colorSurMesure);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    filter: var(--shadow);
}
header #rsearch{
    z-index: 105;
    background-color: var(--colorBlancBleu);
    border-bottom-right-radius: var(--borderRadius);
    text-align: right;
    filter: var(--shadow);


}

header #lssearchResults{
    background-color: var(--colorBlancBleu);
    overflow-y: scroll;
}


header .icone{
    position: absolute;
    height: calc( 0.65 * var(--oneSquare) );
    width: calc( 0.6 * var(--oneSquare) );
    right: calc( 0.2* var(--oneSquare)  );
    bottom: calc( 0.2 * var(--oneSquare) );
}
header #menu{
    position: absolute;
    height: calc( 0.6* var(--oneSquare) );
    width: calc( 2* var(--oneSquare) );
    cursor: pointer;
    overflow: hidden;
    border-radius: calc( 0.2 * var(--oneSquare) );
    display: none;
    right: calc( 0.2* var(--oneSquare)  );
    bottom: calc( 0.2 * var(--oneSquare) );
}
header #lslogo{
    position: absolute;
    height: calc( 0.9 * var(--oneSquare) );
    bottom: calc( 0.1 * var(--oneSquare) );
    left: calc( 0.25 * var(--oneSquare) );
}
header #divlogo{
    position: relative;
    width: calc( 100% - var(--oneSquare) );
    text-align: left;
    height: 100%;
    display: block;
    overflow: hidden;
}
header #lslogo img{
    height: 100%;
}
header #submenu{
    position: absolute;
    background-color: rgba(0,0,0,0);
    color: var(--colorBlancBleu);
    font-family: Uniform-bold;
    white-space: pre;
    overflow-y: auto;
    overflow-x: visible;
}

header #menu #icone_search{
    display: block;
}

header #menu #icone_exit{
    display: none;
}

header.expand #menu #icone_search{
    display: none;
}

header.expand #menu #icone_exit{
    display: block;
}

header #submenu2{
    background-color: rgba(0,0,0,0);
    position: absolute;
    display: inline-flex;
    z-index: 121;
    top: calc( 0.1 * var(--oneSquare));
    right: 0;
    left: calc( 100% -  1.35 * var(--oneSquare) );
    height: var(--oneSquare);
    width: calc( 1.25*var(--oneSquare));
    white-space: nowrap;
    overscroll-behavior: contain;
}
header #submenu2 a{
    width: 50%;
    height: 100%;
    display: inline-block;
    text-align: center;
}
header #submenu2 img{
    position: unset;
    height: 100%;
    width: 100%;
    object-fit: contain;
}



header #submenu a{
    color: var(--colorBleuPale);
    /*padding-top: calc( var(--oneSquare) /4 );*/
    /*margin-left: calc( var(--oneSquare) /8 );*/
    margin-left: 1vw;
}

header #rsearch input{
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Uniform-medium;
    font-size: 1.125rem;
    color: var(--colorBleuPale);
    background-color: rgba(0,0,0,0);
    border: none;
    padding-bottom: 0;
}

header #rsearch input:focus{
    background-color: var(--colorBlancBleu);
}

header #rsearch .icone{
    cursor: pointer;
}


header #submenu #demandezSoumission{
    /*margin-left: calc( var(--oneSquare) / 2 );*/
    color: var(--colorRose);
    border-radius: var(--borderRadius);
    background-color: var(--colorBlanc);
    padding: calc( var(--oneSquare) / 16 );
    /*font-family: Uniform-medium;*/
    text-transform: uppercase;
}

header #menu_request_quote_mobile{
    display: none;
}


/*footer {*/
/*    z-index: 1000;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*}*/


.tbl_product tbody tr:hover{
    text-decoration: underline;
    cursor: pointer;
}



/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ STYLE ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*region ++++++++++++++++++++++++++++++++++++++++++++++++ POSITION ++++++++++++++++++++++++++++++++++++++++++++++++ */
header{

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--oneSquare);

}


#filtres0{
    position: absolute;
    --nTop : 2;
    top: calc( var(--nTop) *calc(var(--oneSquare) - var(--borderRadius)));
    height: calc( 100% - calc( var(--nTop) * calc( var(--oneSquare) - var(--borderRadius) )) );
    width: calc(5*var(--oneSquare)) ;
    left: 0;
    /*font-family: Uniform-medium;*/
}



header .a3dfds{
    position: absolute;
    right: var(--oneSquare);
    bottom: calc( 0.2 * var(--oneSquare) );
    font-size: min(1.4rem, 1.5vw);

}

header #rblanc{
    position:absolute;
    height: calc( var(--oneSquare) + var(--borderRadius) );
    left: 0;
    right: 0;
    top: 0;
}

header #rerable{
    position: absolute;
    height: calc( var(--oneSquare) + var(--borderRadius) );
    width: 100%;
    min-width: calc(1.2*var(--oneSquare));
    top: calc(var(--oneSquare));
    right: 80%;

}
header #rchauffage{
    position: absolute;
    height:  calc( var(--oneSquare) + var(--borderRadius) );
    width: 100%;
    min-width: calc(1.2*var(--oneSquare));
    top: calc(var(--oneSquare));
    right: 60%;
}
header #rinox{
    position: absolute;
    height:  calc( var(--oneSquare) + var(--borderRadius) );
    width: 100%;
    min-width: calc(1.2*var(--oneSquare));
    top: calc(var(--oneSquare) );
    right: 40%;
}
header #rmesure{
    position: absolute;
    height:  calc( var(--oneSquare) + var(--borderRadius) );
    width: 100%;
    min-width: calc(1.2*var(--oneSquare));
    top: calc(var(--oneSquare));
    right: 20%;
}
header #rsearch{
    position: absolute;
    height:  calc( var(--oneSquare) + var(--borderRadius) );
    width: 100%;
    min-width: calc(1.2*var(--oneSquare));
    top: calc(var(--oneSquare) );
    right: 0%;
}

header #lssearchResults{
    position: absolute;
    top: calc( 2*var(--oneSquare));
    right: 0%;

    width: 100%;
    max-width: calc(10 * var(--oneSquare) );

    min-height: calc(1 * var(--oneSquare) );
    max-height: calc(min(100%, 20 * var(--oneSquare) ));
}


header #submenu{
    z-index: 121;
    top: calc( 0.1 * var(--oneSquare));
    right: calc( 1.5 * var(--oneSquare));
    left: calc( 5.5 * var(--oneSquare));
    height: calc( 1 * var(--oneSquare));
    white-space: nowrap;
    text-align: right;
    font-size: min(1.125rem, 1vw) ;
}

header #submenu div{
    position:relative;
    display: inline-block;
    top: calc( 0.5 * var(--oneSquare) - 0.5*min( 1vw, var(--fontSize)));
}

header #submenu #divDemandezSoumission{
    display: none;
}
header #submenu2 #divIconSearch{
    display: none;
}
header #submenu2 #divIconPhone{
    display: none;
}

/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ POSITION ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*region ++++++++++++++++++++++++++++++++++++++++++++++++ TRANSITIONS ++++++++++++++++++++++++++++++++++++++++++++++++ */
header{
    transition:
            right var(--transitionPeriod) ,
            top var(--transitionPeriod);
}



header a:hover{
    transition:
            brightness var(--transitionPeriod) ;
}

header #rblanc #menu img {
    transition:
            transform var(--transitionPeriod);
}
header #rblanc {
    transition:
            right var(--transitionPeriod);
}
header #rerable{
    transition:
            right var(--transitionPeriod),
            top var(--transitionPeriod);
}
header #rchauffage{
    transition:
            right var(--transitionPeriod),
            top var(--transitionPeriod);
}
header #rinox{
    transition:
            right var(--transitionPeriod),
            top var(--transitionPeriod);
}
header #rmesure {
    transition:
            right var(--transitionPeriod),
            top var(--transitionPeriod);
}
header #rsearch {
    transition:
            right var(--transitionPeriod),
            top var(--transitionPeriod);
}
header #rsearch #lssearch{
    transition:
            background-color var(--transitionPeriod);
}

header #submenu{
    transition:
            height var(--transitionPeriod),
            top var(--transitionPeriod),
            right var(--transitionPeriod),
            bottom var(--transitionPeriod),
            left var(--transitionPeriod);

}

#filtres0{
    transition:
            right var(--transitionPeriod),
            left var(--transitionPeriod),
            height var(--transitionPeriod),
            width var(--transitionPeriod),
            right var(--transitionPeriod),
            top var(--transitionPeriod);

}


header #submenu2{
    transition:
            bottom var(--transitionPeriod);
}

/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ TRANSITIONS ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*.btn_red_glow:hover, .btn_glow:hover {*/
/*    padding: 1em;*/

/*}*/
/*.btn_red_glow, .btn_glow {*/
/*    transition:*/
/*            padding 1s ease;*/
/*}*/





.tag{
    border-radius: 15px;
    background-color: var(--colorBlancBleu);
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    width:100%;
    position: relative;
    border: var(--color_VDW_50) 2px solid;
}
.tag:has(*:focus){
    border: var(--color_VDW) 2px solid;
}

.tag div{
    width:100%;
    /*font-style: italic;*/
    color: var(--colorBleuPale);
    font-size: 1.2rem;
    font-family: "Uniform-medium";
}
.tag input{
    font-size: 1.5rem;
    width:100%;
    background: transparent;
    font-family: "Uniform-bold";
    color: var(--colorBleuPale);
}
.tag:has(input.not_valid){
    background-color: var(--color_WER_50) !important;
    border: var(--color_WER) 2px solid;
}
input:-webkit-autofill, input:focus:-webkit-autofill {
    color: var(--colorBleuPale);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    color: var(--colorBleuPale);
    -webkit-text-fill-color: var(--colorBleuPale);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}

.tag .icone{
    position:absolute;
    right:10px;

}

#secteurs_activite{
    display: inline-flex;
    flex-wrap: wrap;
}

#secteurs_activite div{
    position: relative;
    display: inline-block;

    border-radius: 6px;

    padding: 5px 15px 5px 15px;
    margin: 2px 5px 2px 2px;

    color: var(--colorBlanc);
    border-width: 1.5px;
    border: solid;
    cursor: pointer;

    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */

    transition: padding linear .25s, margin linear .25s, border-radius linear .25s;
    transition-timing-function: linear;
}

#secteurs_activite div:hover {
    padding: 6px 16px 6px 16px;
    margin: 1px 4px 1px 1px;
}

#secteurs_activite div.selected{
    color: var(--colorBlanc) !important;
}
#secteurs_activite div:not(.selected){
    background-color: white !important;
}












/*region ++++++++++++++++++++++++++++++++++++++++++++++++ KEEN-SLIDER ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* CREATED DYNAMICALLY BY LSslider, ks_nav_wrapper is wrapped around .ks_slide */
.ks_nav_wrapper {
    position: relative;
    margin-left: 30px;
}

.ks_dots_ {
    display: flex;
    padding: 5px 0;
    justify-content: center;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
}

.ks_dot {
    border: none;
    width: 14px;
    height: 14px;
    background: #ecf5fc;
    border-radius: 50%;
    margin: 0 5px;
    padding: 0px;
    cursor: pointer;
}

.bg_blue .ks_dot{
    background: white;
}

.bg_blue .ks_dot--active {
    background: #cee7ff;
}

.ks_dot:focus {
    outline: none;
}

.ks_dot--active {
    background: #cee7ff;
}

.ks_arrow {
    width: 30px;
    height: calc(100% - 45px);
    position: absolute;
    top: 10px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s, padding 0.25s, width 0.25s;
    border-radius: 5px;
    /*background-color: rgba(255,255,255,0.8);*/
    /*box-shadow: 0 0 6px #cee7ff;*/
}

.ks_arrow:hover{
    opacity: 1;
    padding:2px;
    width: 35px;
    /*background-color: rgba(255,255,255,0.8);*/
}

.ks_arrow--left {
    left: 20px;
    /*background:  right center no-repeat url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.ks_arrow--right {
    right: 0px;
    /*background:  right center no-repeat url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.ks_arrow--disabled.arrow--left {
    background:  right center no-repeat url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.ks_arrow--disabled.arrow--right {
    background:  right center no-repeat url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(42, 112, 181)' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}

.keen-slider{
    /*margin-top: 1em;*/
    display: flex;
    overflow: hidden;
    padding: 10px 35px 35px 35px;
}

#product-img.keen-slider{
    padding: 0;
}


.keen-slider-imgs div{
    margin-top: 1em;
    padding:10px;
    display: flex;
    overflow: hidden;
}

.ks_slide{
    min-width: 200px;
    max-width: 200px;
    min-height: 150px;
    margin: 0;
    margin-right: 10px;
    border: 0;
    display: block;

    padding: 7px;
    padding-bottom: 1rem;

    justify-content: center;
    border-radius: 0.25em;
    text-decoration: none;
    font-size: 100%;

    transform: scale(1); /* OTHERWISE THE :BEFORE DOES NOT WORK??*/


    font-family:"Uniform-medium";

}

.ks_slide::before{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 6px #cee7ff;
    /*box-shadow: 0 0 6px var(--colorBleuPale);*/
    background: #fff;
    z-index: -1;
    transition:
            width 0.25s ,
            height 0.25s ,
            margin 0.25s ;
}

.ks_slide:hover::before{
    margin: -3px -3px 0 0;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
}

/* BLUE CROSS ON HOVER */
.ks_slide:hover:after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    background: url("../images/plus_bleu.svg") center center no-repeat;
    z-index: 40;
    opacity:1;
    transition: visibility 0.25s;
}

.ks_slide  img{
    width: 100%;
    max-height: 142px;
    /*height: 100%;*/
    display: flex;
    margin: auto;
    margin-bottom: 15px;
    object-fit: contain;
}

.ks_slide h3{
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
    color: #2a70b5 !important;
    padding: 0 5px;
    overflow-wrap: anywhere;
}

.ks_slide span{
    margin: 0;
    font-weight: 400;
    line-height: 1.3em;
    color: #00446d !important;
    display: block;
    padding: 5px 5px;
}




.ks_slide.slideRessource{
    min-width: 200px;
    max-width: 200px;
    padding-bottom: 35px;
}

.slideRessource > .LSressourceType{
    position:absolute;
    bottom:10px;
    left:10px;
    padding: 0 5px;
    border-radius: 5px;
    border: 2px solid var(--colorBleuFonce);
    color: var(--colorBleuFonce);
}

/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ KEEN-SLIDER ++++++++++++++++++++++++++++++++++++++++++++++++ */

.ks_hide_slide{
    min-width: 0px;
    max-width:0px;
    width:0px;
    max-height: 1px;
    overflow:  hidden;
}


.ks_slide_img{
    background: grey;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #fff;
    font-weight: 500;
    height: 200px;
    max-height: 100vh;
}

.hide_desk{
    display: none !important;
}

.product_main{
    position:relative;
    padding-left: calc(6*var(--oneSquare));
    background-color: var(--colorBlanc);
    border-radius: 0 0 15px 15px;
    margin-top: -20px;
    padding-bottom: 20px;
    padding-top: 30px;
}

body > .product_main:last-of-type {
    padding-bottom: calc(2*var(--oneSquare));
}



.nobg{
    background: unset;

}

#filters_max{
    height:0;
    /*height:calc(2*var(--oneSquare));*/

    margin:0;
}

/*.product_category .keen-slider{*/
/*    display: inline-flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/* PRODUIT */
#maincontent{
    justify-content: center;
    display: flex;
    column-gap: calc(0.5*var(--oneSquare));
    flex-wrap: wrap;
    padding-bottom: 50px;
}

#btn_next{
    position:absolute;
    width:50px;
    height: 100px;
    top: calc( 50% - 50px);
    right: 10px;
    z-index: 100000;
}
#btn_prev{
    position:absolute;
    width:50px;
    height: 100px;
    top: calc( 50% - 50px);
    left: 10px;
    z-index: 100000;
}




/*region ++++++++++++++++++++++++++++++++++++++++++++++++ BTNS ++++++++++++++++++++++++++++++++++++++++++++++++ */

.btn_red_glow, .btn_glow {
    position: relative;
    display: inline-block;
    padding: .7em 0.8em .7em .8em;
    color: #e55154 ;
    font-size: 18px;
    font-family: "Uniform-medium";
    /*text-transform: uppercase;*/
    text-decoration: none;
    z-index: 2;
    cursor: pointer;
}
.btn_red_glow{
    color: #e55154 !important;
    padding: .7em 1.9em .7em .8em;
}

.btn_red_glow:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: .7em;
    background: url("../images/arrow_btn_pale_red.svg") right center no-repeat;
    transition: right .25s ease
}

.btn_red_glow:before, .btn_glow:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 6px #cee7ff;
    z-index: -1;
    pointer-events: none;
    transition: width .25s, height .25s, margin .25s
}

.btn_red_glow:hover:before, .btn_glow:hover:before {
    margin: -2px -2px 0 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px)
}

.btn_red_glow:before, .btn_glow:before {
    background: #fff
}





.btn_aa {
    position: relative;
    display: inline-block;
    padding: .7em 0.8em .7em .8em;
    color: var(--color_VDW) ;
    font-size: 16px;
    font-family: var(--font_opensans);
    text-decoration: none;
    z-index: 2;
    cursor: pointer;
}

.btn_aa:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: .7em;
    transition: right .25s ease
}

.btn_aa:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color_VDW );
    border-radius: 10px;
    box-shadow: 0 0 6px #cee7ff;
    z-index: -1;
    pointer-events: none;
    transition: width .25s, height .25s, margin .25s
}

.btn_aa:hover:before {
    margin: -2px -2px 0 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px)
}

.btn_aa:before {
    background: #fff
}




/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ BTNS ++++++++++++++++++++++++++++++++++++++++++++++++ */





/*region ++++++++++++++++++++++++++++++++++++++++++++++++ FROM STYLE5 ++++++++++++++++++++++++++++++++++++++++++++++++ */


.fil_ariane{
    margin-bottom: 0;
    font-size: 13px;
    color: #93b6e2;
    padding-top:5px;
}

.fil_ariane  a:visited{
    text-decoration: none;
    color:unset;
}
.PPbanner{
    /*margin-top:-10px;*/
}
.PPbanner img {
    width: 100%;
    height:100%;
}

img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
}

.main_title{
    font-family: "Uniform-bold";
    font-size: 2.25rem;
    line-height: 1.1em;
    color: #f79421;
    margin-bottom: 20px;
    margin-top:15px;
}

.sub_title{
    font-family: "Uniform-bold";
    font-size: 1.5rem;
    line-height: 1.2em;
    color: #f79421;
}

.LShtmlpagename{
    font-family: "Uniform-bold";
    font-size: 3rem;
    line-height: 1.2em;
    color: #2a70b5;
    margin: 20px 0 8px 0;
}

/*.LShtmlpagename:not(.LShtmlpagename ~ .LShtmlpagename) {*/
/*    font-size: 2.25rem;*/
/*}*/


.product_text{
    font-size: 100%;
    line-height: 1.3em;
    color: #00446d;
    padding-left: calc(0.5*var(--oneSquare));
    padding-right: calc(0.5*var(--oneSquare));
    /*padding-left: 60px;*/
    /*padding-right: 35px;*/
    margin: 0;
    padding-top: 15px;
}



.LSdescshort{
    /*font-family: "Uniform-medium";*/
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2em;
    color: #93b6e2;
    margin: 8px 0 8px 0;
}
.LSparamval_prix{
    /*font-family: "Uniform-medium";*/
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2em;
    color: #2a70b5;
    margin: 20px 0 15px 0;
}




.LSdesclong{
    color:#00446d;
    max-width: 50rem;
}


.product_details{
    padding: 15px 30px 0px 30px;
}

#LSimgthumbnail{
    text-align: center;
    /*max-width: calc(10*var(--oneSquare));*/
    /*min-width: calc(10*var(--oneSquare));*/
    /*max-height: calc(8*var(--oneSquare));*/
    width: min(100%, calc(10*var(--oneSquare)));

}

.size4{
    min-width: calc(2*var(--oneSquare)) !important;
    max-width: calc(2*var(--oneSquare)) !important;
    max-height: calc(2*var(--oneSquare)) !important;
}

.border_radius{
    border-radius: 15px;
    box-shadow: 0 0 13px rgb(0, 30, 66, 0.3);
}
.border_over{
    padding-bottom: 60px;
    margin-top: -30px ;
}


.LSimg_cover{
    object-fit: cover;
}

.product_main.PPbanner{
    height: var(--coverheight);
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: var(--topspace);
    z-index: -1;
    padding-top:0;
}

.PPbanner.cover_fullheight{
    /*height: min(800px,35vh);*/
    height: min(1200px, 60vh);
}


.product_main.full{
    margin-left:0;
}


.product_img_text{
    display: inline-flex;
    /*flex-wrap: wrap;*/
}


.filter_hide{
    display: none !important;
}


/*#filter_results{*/
/*	padding-left: 10px;*/
/*	padding-right: 10px;*/
/*}*/


.containermaxwidth{
    max-width: 50rem;
}

/* *********************************** VUE TABLE */

.tbl_main_wrap{
    position: relative;
}
.product_table{
    position: relative;
    /* max-height: 234px; */
    overflow: hidden;
    overflow-x:auto;
    margin-left: 10px;
    margin-right: 10px;
}
.product_table::-webkit-scrollbar-track {
    background-color: var(--colorBlanc);
}
.product_table::-webkit-scrollbar-thumb {
    background: var(--colorBlancBleu);
}


.tbl_product{
    min-width: calc(100% - 35px);
    margin-bottom: 10px;
    display: block;
}


table{
    /*border-collapse: collapse;*/
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    box-sizing: border-box;
}
.product_table table .headcol {
    padding: 0;
    min-width: 40px;
    cursor: pointer;
    vertical-align: top;
}
.product_table table thead th {
    font-weight: 400;
    text-align: left;
    background: #00446d;
}
.product_table table th, .product_table table td {
    padding: 10px 12px;
    white-space: nowrap;
}
.product_table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}
.product_table table th, .product_table table td {
    padding: 10px 12px;
    white-space: nowrap;
}
.product_table table thead th {
    font-weight: 400;
    text-align: left;
    background: #00446d;
    padding-top: 15px;
    padding-right: 30px
}

table[data-sortable] th:after{
    position: absolute;
}


.product_table table tr:nth-child(odd) {
    background: #ecf5fc;
}
.product_table table thead {
    color: #fff;
}

.product_table table tbody tr td *{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: unset;
}

.product_table table thead tr :first-child{
    border-top-left-radius: 15px;
}
.product_table table thead tr :last-child{
    border-top-right-radius: 15px;
}


.product_table .discontinued{
    display: none;
}


.product_img_main:after {
    display: block;
    content: "";
    width: 38px;
    height: 38px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    box-shadow: 0 0 6px #cee7ff;
    background: url("../images/img_zoom.svg") center center no-repeat;
    background-size: cover;
    z-index: 3;
}


.product_img_main:after {
    width: 48px;
    height: 48px;
}

.product_table table .headcol a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 6px 0 0 4px;
    box-shadow: 0 0 6px #cee7ff;
    vertical-align: top;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% auto;
    transition: transform .25s ease;
    background-image: url(/images_icones/icone_cart3.svg);
}



.product_table table tbody tr:hover .headcol a {
    transform: scale(1.1);
}
.product_yellow .product_table table .headcol a {
    background-image: url("../images/plus_yellow.svg");
}

.product_img_main {
    display: inline-block;
    position: relative;
}



.text_pale {
    color: #93b6e2;
}

/* *********************************** BTNS */







/* ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUIT */

.lsitem_qtn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#qte_sub, #qte_add {
    width: 33px;
    height: 33px;
    /*background: #fff;*/
    /*box-shadow: 0 0 6px #cee7ff;*/
    cursor: pointer;
}
.qte_and_made div:first-child {
    white-space: nowrap;
}


#qte_sub:before, #qte_add:before{
    border-radius: 5px;
}

#qte_sub:after{
    background: url("../images_icones/cart_sub.svg") center center no-repeat;
}
#qte_add:after{
    background: url("../images_icones/cart_add.svg") center center no-repeat;
}
#qte_sub:after, #qte_add:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: 60% auto;
}



.product_qte {
    width: 65px;
    text-align: center;
    font-size: 1.25rem;
    color: #2a70b5;
    margin: 0 0;
    font-family: Uniform-bold;
}
input {
    outline: none;
    border:0;
}

.qte_and_made {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}


#img-slider-main{
    display: flex;
    align-content: center;
}
#img-slider-main img{
    object-fit: contain;
    flex-grow: 10;
}
#img-slider-thumbnail{
    text-align: center;
    display: inline-flex;
    overflow-x: scroll;
}

#img-slider-thumbnail::-webkit-scrollbar {
}

#img-slider-thumbnail::-webkit-scrollbar-track {
    background: var(--colorBlanc);        /* color of the tracking area */
    width: 100px;               /* width of the entire scrollbar */
}

#img-slider-thumbnail::-webkit-scrollbar-thumb {
    background-color: var(--colorBlanc);    /* color of the scroll thumb */
    width:5px;
}

#img-slider-thumbnail img{
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 5px;
    opacity: 0.5;

}
#img-slider-thumbnail img.selected{
    opacity:1;
}



#params_table{
    margin-top: calc(0.5*var(--oneSquare));
    margin-bottom: calc(0.25*var(--oneSquare));
}

#params_table a{
    font-weight: bold;
}
#params_table a:hover{
    color: var(--colorBleuFonce);
    text-decoration-line: underline;
}

#produitunique_desc{
    max-width: calc(15*var(--oneSquare));
    margin-top: calc(0.5*var(--oneSquare));
    padding: 10px 25px 10px 25px;
    z-index:10;
}

/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ FROM STYLE5  ++++++++++++++++++++++++++++++++++++++++++++++++ */

.disabled_highlight {
    user-select: none;
    -webkit-user-select: none; /*Safari*/
    -moz-user-select: none; /*Firefox*/
}

.isDisabled{
    pointer-events: none;
    opacity: 0.5;
}

.btn_anim {
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
}

.btn_anim:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 6px #cee7ff;
    z-index: -1;
    pointer-events: none;
    transition: width .25s, height .25s, margin .25s;
    background-color: white;
}

.btn_anim:hover:before {
    margin: -2px -2px 0 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px)
}


#mainimage{
    object-fit: contain;
}

#LSproduitsconnexes{
    padding-top: 10px;
}

/*region ++++++++++++++++++++++++++++++++++++++++++++++++ ROOT ++++++++++++++++++++++++++++++++++++++++++++++++ */

.gimg{
    width: 30%;
    min-width: calc(5*var(--oneSquare));
    min-height: calc(4*var(--oneSquare));
    flex-grow: 10;
}



.abcdesc{
    max-width: max(calc(90% - 4*var(--oneSquare)),calc(8*var(--oneSquare)));
    margin-left: 10px;
}
.abcdesc p{
    padding-left: 3vw;
	margin-top: 5px;
}
.abcdesc .sub_title{
    margin-bottom: 0;
}


.gimg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.PPggg2221{
    margin-top: calc(-1*var(--borderRadius));
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: calc(var(--borderRadius) + var(--oneSquare));
    padding-bottom: calc( 2* var(--oneSquare));
    box-shadow: 0 0 13px rgba(0, 30, 66, 0.3);
    background-color: white;
    position: relative;

}
.PPgbanner{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    margin:0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*position: relative;*/
    margin-top: -12px;
    overflow: hidden;
    box-shadow: 0 0 13px rgb(0, 30, 66, 0.3);
    position: sticky;
    position: -webkit-sticky; /* Safari */
    /*top: var(--topspace);*/

}

.PPgbanner:nth-child(even){
    flex-direction: row-reverse;
}

#decouvreznosproduits{
    margin-top: calc(2*var(--oneSquare));
    text-align:right;
    text-transform: uppercase;
    color: var(--colorBleuPale);
    font-family: Uniform-bold;
    font-size: 175%;
}

.ccc222{
    width:70%;
    margin-top: calc(1*var(--oneSquare));
    /*padding-left: calc(1*var(--oneSquare));*/
    /*padding-right: calc(1*var(--oneSquare));*/
    flex-grow: 10;
    height: calc( 10*var(--oneSquare) );

}

.ccc222>p{
    /*padding-left:60px;*/
}

.cc333{
    max-width: calc(15*var(--oneSquare));
}

.PPcccdesc0{
    padding-top: calc(2*var(--oneSquare));
    padding-bottom: calc(2*var(--oneSquare));
    padding-left: calc(6.5*var(--oneSquare));

    margin-top: -40px;
    border-radius: 12px;
    position: sticky;
    position: -webkit-sticky; /* Safari */

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


.ccc222 *{
    color: white !important;
}

/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ ROOT  ++++++++++++++++++++++++++++++++++++++++++++++++ */




[class^="number-slide"],
[class*=" number-slide"] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #fff;
    font-weight: 500;
    height: 500px;
    max-height: 30vh;
}

.keen-slider__slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.thumbnail .keen-slider__slide {
    font-size: 30px;
    margin-top: 10px;
    height: 100px;
}
.thumbnail .keen-slider__slide {
    cursor: pointer;
}
.thumbnail .keen-slider__slide.active  {
    border: 1px solid #cee7ff;
}

.img-zoom{
    position: absolute;
    right: 10px;
    bottom:5px;
    border-radius: 5px;
    pointer-events: all;
}



.modalcontainer{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display: flex;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.modalbg{
    position: absolute;
    left:0; right:0; top:0; bottom:0;
    background-color: rgba(255,255,255,0.9);
}
/*.modalbg:hover{*/
/*    background-color: rgba(255,255,255,0.8);*/
/*}*/



.modalexitbtn{
    position: absolute;
    top:10px;
    right: 10px;
    background-color: red;
    width:25px;
    height:25px;
    background: url("../images_icones/btn_exit.svg") center center no-repeat;
    cursor: pointer;
}
.modalcontent{
    padding:15px;
    padding-top:40px;
    position: relative;
    background-color: rgba(255,255,255,0.9);
    overflow: auto;
    max-width: 95vw;


    margin-top: calc( 1.5 * var(--oneSquare) );
    /*padding-bottom: calc( 1.5 * var(--oneSquare) );*/

    max-height: calc( 100vh - 2*var(--oneSquare) );
}






.gcat{
    display: inline-flex;
    width: 100%;
    color: white;
    flex-wrap:wrap;
    margin-top: 6px;
    margin-bottom: 10px;
}
.gcat div{
    font-weight: bold;
    border-radius: 6px;
    padding: 5px 15px 5px 15px;
    margin: 2px 5px 2px 2px;
    color: var(--colorBlanc);
}

.gdetails{
    color: #93b6e2;
    padding-left: 15px;
}

.gimg2 img{
    border-radius: 10px;
    width:125px;
    min-width: 100px;
}





#_map{
    display: inline-flex;
    width: 100%;
    align-items:center;
}

#trouvezrep{
    padding-right: 50px;
    padding-left: 35px;
    padding-bottom: 10px;
}
#reps{
    min-width:300px;
    max-width:300px;
    overflow-y: scroll;
    height: 70vh;
    padding: 10px;
    color: #93b6e2;
    font-size: 80%;
}

#reps::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#reps {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#reps .rep{
    padding: 10px;
    overflow-wrap: break-word;
    margin-bottom: 15px;
    padding-left: 50px;
    position: relative;
    cursor: pointer;
}

#reps .rep>p:first-child{
    font-family: Uniform-medium;
}

#reps .rep p{
    margin: 0;
}

#map{
    height:70vh;
    flex-grow: 2;
}

.text_bold{
    font-weight: bold;
}


#inputsearchrep{
    margin-bottom: 30px;
    width: min(80vw, 400px);
    position: relative;
}
#inputsearchrep *{
    height: 100%;
}
#inputsearchrep .btn_red_glow{
    margin-left: -5px;
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    width:60px;
}

#inputsearchrep .btn_red_glow:after{
    right: 23px;
}

.tag input::placeholder{
    font-style: italic;
    top: 0px;
    color: #93b6e2;
    opacity: 0.8;
    font-size: 18px;

}


#reps .img_icone{
    width:40px;
    position: absolute;
    left:5px;
    top:0;
    object-fit: contain;
}




/*region ++++++++++++++++++++++++++++++++++++++++++++++++ LSFILTERS ++++++++++++++++++++++++++++++++++++++++++++++++ */


#lsfilters{
    position: fixed;
    z-index: 1000;
    background-color: rgba(0,68,109,1);
    /*height: 30rem;*/
    overflow: hidden;

    /*border: 3px solid var(--colorBlancBleu);*/

    min-height: var(--oneSquare);
    min-width: var(--oneSquare);


    border-radius: var(--borderRadius);

    top: calc( 2*var(--oneSquare) );
    left:0;
    width: calc( 6*var(--oneSquare) );
    height: calc( 100% - 2*var(--oneSquare));

    transition: height .25s ease;
    padding-top: calc( 0.2*var(--oneSquare));
}

#lsparams{
    overflow: scroll;
    position: absolute;
    left: 0;
    top: calc(0.1*var(--oneSquare));
    right:0;
    bottom:0;
    /*padding-bottom: var(--oneSquare);*/
}

#lsfilters_mover{
    position: absolute;
    right: 0;
    bottom: 0;
    width: var(--oneSquare);
    height: var(--oneSquare);
    background-color: var(--colorBlancBleu);
    z-index: 2000;

    border-top-left-radius: calc( 2* var(--borderRadius) );

    display: none;

}


#lsfilterstoggle{
    position:absolute;
    bottom:0;
    background-color: var(--colorBlancBleu);
    padding:5px;
    color: var(--colorBleuFonce);
    border-radius: 5px;
    width:200px;
    margin-left:auto;
    margin-right:auto;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    transition: margin-right .25s ease, width .25s ease
}

#lsfilters #lsfilterstoggle:before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 20px;
    background: url("../images_icones/fleche-bleu-en-haut.svg") right center no-repeat;
    transition: right .25s ease;
}
#lsfilters.lsfilters_mini #lsfilterstoggle:before{
    background: url("../images_icones/fleche-bleu-en-bas.svg") right center no-repeat;
}
#lsfilters:not(.lsfilters_mini) #lsfilterstoggle {
    margin-right: 0;
    width: 50px;
    color: rgba(0,0,0,0);
}


#lsfilterstoggle{
    visibility: hidden;
}

.lsfilter{
    pointer-events: all;
    max-width: calc( 4 * var(--oneSquare) );
    margin-left: calc( 0.5 * var(--oneSquare) );
    margin-top: calc( 0.25 * var(--oneSquare));
    height: calc(3*var(--oneSquare));
    background-color: var(--colorBlancBleu);
    border-radius: var(--borderRadius);
    overflow: hidden;
    position:relative;
}

.lsfilter_title{
    pointer-events: none;
    color: var(--colorBlancBleu);
    background-color: var(--colorBleuPale);
    padding-left: calc( 2 * var(--borderRadius));
    padding-top: calc( 1*var(--borderRadius));
    height: calc( 0.5* var(--oneSquare));
    line-height: calc( 0.5* var(--oneSquare));
    bottom: 0;
    position: absolute;
    width: 100%;
}

.lsfilter .lsfilter_vvalues{
    overflow-y: hidden;
    width: calc( 100% - 0.25* var(--oneSquare));
    color: var(--colorBleuFonce);
    border-radius: var(--borderRadius);
    margin-right: var(--oneSquare);

    position: relative;
}

.lsfilter .lsfilter_vvalues :last-child {
    margin-bottom: calc( 0.5 * var(--oneSquare) );
}

.lsfilter .lsfilter_scrollbar {
    position: absolute;
    width: calc( 0.5*var(--oneSquare));
    background-color: var(--colorBleuPale);
    right: 0;
    bottom:0;
    top: 0;
}

.lsfilter .lsfilter_value{
    border-radius: var(--borderRadius);
    padding-left: calc( 2 * var(--borderRadius));
    height: calc( 0.5 * var(--oneSquare));
    cursor: pointer;
    margin-top: calc( 0.0625 * var(--oneSquare));
    margin-left: calc( 0.0625 * var(--oneSquare));
    padding-right: calc( 0.5* var(--oneSquare));

}


.lsfilter .lsfilter_value:hover{
    background-color: rgba(0,0,0,0.3);
}

.lsfilter .lsfilter_value.selected{
    color: var(--colorBlanc);
    background-color: var(--colorBleuFonce);
}

.lsfilter .lsfilter_value.selected:hover{
    opacity: 0.6;
}


.lsfilter_scrollbarRect{

    width: 100%;
    left: 0;
    top:0;
    height: 100px;

    background-color: red;

}



.LSparam{

    margin-top: 1rem;
    margin-left: 5px;
    margin-right: 1rem;

    min-width: calc( 4* var(--oneSquare) );
}
.LSparam > div:first-child {
    /*background-color: var(--colorBleuFonce);*/
    color: rgb(142,178,222);
    font-size: 120%;
    padding: 0.25rem;
    font-size: 1.33rem;
    font-family: Uniform-bold;
}


.LSparamvals{
    background-color: rgba(255,255,255,0.02);
    color: white;

    overflow: auto;
    max-height: calc( 5*var(--oneSquare) );
    padding-left: calc( 0.25* var(--oneSquare) );

    padding-bottom: 0.2rem;

}


.LSparamvals > div::before {
    content:"□";
    font-size: 160%;
    padding-right: 0.5rem;
}
.LSparamvals div{
    cursor: pointer;
}
.LSparamvals div a{
    pointer-events: none;
    text-decoration: none;
    color:inherit;
}
.LSparamvals div.selected{
    background-color: rgba(255,255,255,0.3);
}
.LSparamvals > div.selected::before {
    content: "■";
}

.LSparamvals .detail{
    opacity: 0.7;
    font-size:80%;
}
.LSparamvals .enrabais{
    /*font-size:110%;*/
    /*text-shadow: 0 0 2px #cee7ff;*/
}


/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ LSFILTERS  ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*region ++++++++++++++++++++++++++++++++++++++++++++++++ FORMS ++++++++++++++++++++++++++++++++++++++++++++++++ */

.LSformulaire{
    padding: calc(0.25*var(--oneSquare));
    max-width: 1000px;
}

.LSformulaire .sub_title{
    padding-left: 0;
}

.LSformulaire input{
    width: 100%;
}
.LSformulaire input[type=checkbox]{
    width: unset;
}

.LSform_input_textmultiline textarea{
    resize: none;
    border: none;
    background: none;
}
.LSform_input_textmultiline textarea:focus{
    outline: 0;
}

.LSform_input_btns_root_cats{
    background: none;
    padding:0;
}

.LSform_input_checkbox{
    background: none;
    cursor: pointer;
}

.LSform_input_checkbox label{
    cursor: pointer;
}


.LSform_input_joindre{
    background: none;
    padding: 0;
    margin-top: 0;
}
.LSform_input_joindre input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
}
.LSform_input_joindre:has(*:focus){
    border: rgba(0,0,0,0) 2px solid;
}


.LSform_input_joindre .addfiles{
    color: #2a70b5 !important;
    padding-right: 40px;
}
.LSform_input_joindre .addfiles:before{
    background-color: var(--colorBlancBleu);
}

.LSform_input_joindre .addfiles:after {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: .7em;
    background: url("../images/upload.svg") right center no-repeat;
    transition: right .25s ease
}


.LSform_image_a_modifier{
    background: none;
    padding: 0;
}

.LSform_image_a_modifier .imgc{
    position: relative;
    width: fit-content;
}

.LSform_image_a_modifier .imgc .icone_upload {
    position: absolute;
    right: 15px;
    top: 15px;
    height:40px;
    width:40px;
    background: white;
    padding:9px;
    border-radius: 9px;
    cursor: pointer;

}


.LSform_input_btns_root_cats #secteurs_activite input{
    display: none;
}



/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ FORMS  ++++++++++++++++++++++++++++++++++++++++++++++++ */


/*region ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUITS USAGES ++++++++++++++++++++++++++++++++++++++++++++++++ */


.produit_usage{
    display: flex;
    margin: 20px;
    transform: scale(1);
    border-radius: 10px;
    box-shadow: 0 0 6px #cee7ff;
    background: #fff;
    max-width: 1000px;
    overflow: hidden;
}

.produit_usage .desc{
    padding: 10px;
}

.produit_usage .prix{
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--colorRose);
}

.produit_usage .gpriceandtag{
    display: inline-flex;
}

.produit_usage:has(.qtnzero){
    pointer-events: none;
    opacity: 0.5;
}
.produit_usage .qtnzero{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42,112,181,0.2);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Uniform-bold;
    font-size: 2rem;
}


/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUITS USAGES  ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*region ++++++++++++++++++++++++++++++++++++++++++++++++  COMMENTAIRES  ++++++++++++++++++++++++++++++++++++++++++++++++ */


.gcommentaires{
    position:fixed;
    /*background: red;*/
    right: 15px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    /*border: 1px black solid;*/
    transition: opacity 1s;
    /*border-radius: 5px;*/
    cursor: pointer;
    z-index:10000;
}
.gcommentaires img{
    width:100%;
    height:100%;
}

.gcommentaires .menu{
    position: absolute;
    background: white;
    bottom: 0;
    right: 0;
    border: 1px black solid;
    width: 400px;
    border-radius: 5px;
    max-width: 90vw;
    display: grid;
}
.gcommentaires .menu .sm{
    height: 2rem;
    margin: 5px;
    padding: 5px;
    font-size: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
    transition: background 0.2s;
    cursor: pointer;
}
.gcommentaires .menu .sm:hover{
    border: 1px solid black;
    background: rgba(0,0,0,0.1);
}

.LScommentaire{
    border: 1px solid rgba(0,0,0,1);
    border-radius: 5px;
    padding: 10px;
    position: relative;
    margin-bottom: 1rem;
}
.LSmessage{
    margin-left: 1rem;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px;
    padding: 5px;
    position: relative;
}
.LScommentaire .dt{
    font-size:50%;
    position: absolute;
    right: 10px;
    top: 5px;
}
.LScommentaire .msg span{
    padding: 5px;
}

.LScommentaire img{
    height: 200px;
}
.LScommentaire .content{
    display: flex;
}
.LScommentaire .gmessages{
    min-width: 300px;
}
.LScommentaire button{
    cursor: pointer;
}


/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++  COMMENTAIRES  ++++++++++++++++++++++++++++++++++++++++++++++++ */



/*region ++++++++++++++++++++++++++++++++++++++++++++++++  PPCOMPONENTS  ++++++++++++++++++++++++++++++++++++++++++++++++ */



/**[class^='PP'], *[class*=' PP']{*/
/*    border: 1px solid rgba(0,0,0,0.5);*/
/*}*/


*[class^='PP'] a, *[class*=' PP'] a{
    color: #007bff;
}


body>*[class^='PP'], body>*[class*=' PP']{
    position: sticky;
    position: -webkit-sticky; /* Safari */
    /*top: calc( 100vh - 100% );*/
    /*top: var(--topspace);*/
    /*position: relative;*/
    /*top: unset;*/
}

.PPlayout_main{
    border-radius: 12px;
}

.PPimgcover .PPbanner{
    height: var(--coverheight);
}

.PPboutonlink{
    margin-top: 10px;
    margin-bottom: 10px;
}
.PPboutonicone{
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Uniform-bold;
    font-size: 1.6rem;
}

.PPboutonicone img {
    height: 55px;
    width: 55px;
}

.PPboutonicone a span{
    padding-left: 10px;
    font-size: min( 5vw, 1em);
}

.PPtriimage{
    text-align: center;
    height: 100%;
}

.PPtriimage img{
    position: relative;
    object-fit: cover;
    z-index: 0;
    padding:0;
    border-radius: 5px;
    aspect-ratio: 258 / 337 ;
}
.PPtriimage .tri{
}
.PPtriimage .tri.n1 img{
    width: min(90%, 200px);
}
.PPtriimage .tri.n2 img{
    width: min(45%, 200px);
}
.PPtriimage .tri.n3 img{
    width: min(30%, 200px);
}
.PPtriimage .tri.n4 img{
    width: min(23%, 200px);
}
.PPtriimage .tri.n5 img{
    width: min(18%, 200px);
}


.PPbiimage{
    text-align: center;
    height: 100%;
}
.PPbiimage img{
    position: relative;
    object-fit: cover;
    z-index: 0;
    padding:0;
    border-radius: 5px;
    aspect-ratio: 600 / 400 ;
}
.PPbiimage .tri.n1 img{
    width: min(90%, 200px);
}
.PPbiimage .tri.n2 img{
    width: min(52%, 600px);
}
.PPbiimage .tri.n3 img{
    width: min(30%, 200px);
}
.PPbiimage .tri.n4 img{
    width: min(23%, 200px);
}
.PPbiimage .tri.n5 img{
    width: min(18%, 200px);
}


.tri img:nth-child(even){
    margin-left: -20px;
    margin-top: 20px;
    margin-right: -20px;
    z-index: 1;
}



.pasdombrage{
    box-shadow: none;
}

.PPlayout_main{
    padding-bottom: 60px;
}

.PPbandoperso_bgimg{
    overflow: hidden;
}


.PPbandoperso_bgimg .bgimg {
    position: absolute;
    right: 3%;
    bottom: -3vw;
    /* z-index: -1; */
    width: min( 27vw, 350px);
}


.PPbandeperso_svgbg1col2row .bgimg{
    text-align: right;
    margin-bottom: -80px;
}

.PPpresentateurdepageGD .PPimgfull{
    height: 105%;
    max-height: 300px;
    /*margin-top: -12px;*/
    border-radius: 12px;
    overflow: hidden;
}

.PPpresentateurdepageGD .PPimgfull img{
    margin-bottom: -30px;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
}

.PPpresentateurdepageGD.PPggg2221{
    padding-top: 0;
    overflow: hidden;
}
.PPpresentateurdepageGD.PPggg2221 .product_main{
    padding-top: 0;
}





.PPboutonlinksimple a:hover{
    filter: brightness(0.6);

}
.PPboutonlinksimple a{
    cursor: pointer;
    transition:
            filter 0.3s;
}



.PPvideoressource{
    width: min(100%,1500px);
    height: min(60vh,1000px);
}


    /*endregion ++++++++++++++++++++++++++++++++++++++++++++++++  PPCOMPONENTS  ++++++++++++++++++++++++++++++++++++++++++++++++ */


/*region ++++++++++++++++++++++++++++++++++++++++++++++++  STYLES ISSA  ++++++++++++++++++++++++++++++++++++++++++++++++ */

.mm_grosseurtext_36{
    font-size: 2.25rem;
    line-height: 1.1em;
}

.mm_font_uniformbold{
    font-family: "Uniform-bold";
}

.mm_font_opensans{
    font-family: 'Open Sans', sans-serif;
}

.mm_txtcolor_2a70b5{
    color: #2a70b5;
}




/*endregion ++++++++++++++++++++++++++++++++++++++++++++++++  ...  ++++++++++++++++++++++++++++++++++++++++++++++++ */
.j8eyeuwqer{    /* icone categorie ressource */
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    padding:0px;
}
.j8eyeuwqer img{
    height:15px !important;
    width:15px !important;
    margin-left:5px;
    margin-top:5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++  PRIX ++++++++++++++++++++++++++++++++++++++++++++++++ */

.prixnod{
    font-size: 80% !important;
    text-decoration: line-through !important;
    margin-right: 5px;
}
.prixnod_{
    color: var(--color_WER) !important;
}


.stickytop{
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: var(--topspace);
}







/* STRIPE */
.spinner {
    width: 40px;
    height: 40px;
    margin-left:20px;
    border: 3px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.spinner::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid;
    border-color: #FF3D00 transparent;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.hidden{
    display: none;
}





/* ***************************** imagesicon... ****************+ */
.uhdae img{
    height: 26px;
    width: 26px;
}




/* ***************************** 3Cx ****************+ */
body {
    --call-us-form-height: 585px;
    --call-us-small-form-height: 585px;
    --call-us-form-width: 350px;
}






/**
 * Minified by jsDelivr using clean-css v5.3.1.
 * Original file: /gh/ColonelParrot/feedbackplus@master/src/feedbackplus.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.feedbackplus{
    box-sizing: unset;
}
.feedbackplus.feedbackplus-modal{position:fixed;width:90%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2147483647;border-radius:10px;background-color:#fff;box-sizing:border-box}.feedbackplus.feedbackplus-canvas-container{overflow:auto;width:100%;height:calc(90vh - 102px);position:relative;scrollbar-width:thin}.feedbackplus.feedbackplus-canvas-container::-webkit-scrollbar{width:10px;height:10px}.feedbackplus.feedbackplus-canvas-container::-webkit-scrollbar-thumb{background-color:rgb(0,0,0,.2)}.feedbackplus.feedbackplus-canvas-container::-webkit-scrollbar-thumb:hover{background-color:rgb(0,0,0,.3)}.feedbackplus.feedbackplus-canvas-container::-webkit-scrollbar-thumb:active{background-color:rgb(0,0,0,.4)}.feedbackplus.feedbackplus-highlight{position:absolute;border:5px solid #fcc934}.feedbackplus.feedbackplus-highlight:hover{background-color:rgb(122,167,255,.1)}.feedbackplus.feedbackplus-hide{position:absolute;background-color:#000}.feedbackplus.feedbackplus-hide:hover{background-color:rgb(0,0,0,.8)}.feedbackplus.feedbackplus-tool-close{display:none;margin-right:10px;position:absolute;background-color:#fff;border-radius:50%;border:2px solid #000;padding:5px;top:-20px;right:-30px;cursor:pointer;height:15px;width:15px}.feedbackplus.feedbackplus-hide:hover .feedbackplus.feedbackplus-tool-close,.feedbackplus.feedbackplus-highlight:hover .feedbackplus.feedbackplus-tool-close{display:block}.feedbackplus.feedbackplus-footer,.feedbackplus.feedbackplus-header{padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.feedbackplus.feedbackplus-header{height:50px;max-height:50px}.feedbackplus.feedbackplus-footer{max-height:52px}.feedbackplus.feedbackplus-header h2{margin:5px 20px;font-size:16px;font-weight:400}.feedbackplus.feedbackplus-footer{padding:10px 20px;padding-top:0}.feedbackplus.feedbackplus-finish-actions,.feedbackplus.feedbackplus-tools{margin-top:10px}.feedbackplus.feedbackplus-backdrop{position:fixed;width:100%;height:100%;top:0;left:0;z-index:2147483646;background-color:rgb(0,0,0,.5)}.feedbackplus.feedbackplus-tools{display:flex}.feedbackplus.feedbackplus-button{padding:5px 20px;border-radius:25px;cursor:pointer;user-select:none;display:flex;align-items:center;border:1px solid grey;color:#0b57d0;font-size:14px}.feedbackplus.feedbackplus-button:hover{border-color:#0b57d0;background-color:#f5f5f5}.feedbackplus.feedbackplus-button:active{background-color:#ededed}.feedbackplus.feedbackplus-button.feedbackplus-active{border-color:#0b57d0;background-color:#e0e0e0}.feedbackplus.feedbackplus-tool-icon{margin-right:7.6px}.feedbackplus.feedbackplus-finish-actions{display:flex}.feedbackplus.feedbackplus-close{cursor:pointer}@media only screen and (max-width:600px){.feedbackplus.feedbackplus-modal{top:0;left:0;transform:none;height:100%;width:100%;border-radius:0}.feedbackplus.feedbackplus-canvas-container{height:calc(100% - 102px)}}
/*# sourceMappingURL=/sm/7917f8018e757f31d841070e6045b250744fe6a2d514c7c7eff9eb20d8ff2fb7.map */