@font-face {
    font-family: 'OswaldRegular';
    src: url('./fonts/oswald/oswald-webfont.eot');
    src: url('./fonts/oswald/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/oswald/oswald-webfont.woff') format('woff'),
         url('./fonts/oswald/oswald-webfont.ttf') format('truetype'),
         url('./fonts/oswald/oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --default_font: 'Helvetica', 'Tahoma', 'Arial', sans-serif ;
    --default_font_thin: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", "Segoe UI Light", 'TeXGyreHerosRegular', "Arial", sans-serif;
    --default_font_condensed:'OswaldRegular', Helvetica, arial;
    --default_hspace_btw_elements: 20px;
    --interstice: 15px;
     --site-sticky-offset: 0px;
}

/* RESET */
*{box-sizing:border-box;} /* height ne depand plus de padding, border, margin */
html{color:#000;min-width: 280px;}
body,div,ul,ol,li,pre,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0; border:none;}
td {border:0; border-width:0;}
fieldset,img, a img{border:0;}
ol, ul, li{list-style:none;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit; font-size:100%;}
iframe{border:none;max-width:100%;}
img{border-style:none;}
a, a:hover {text-decoration:none;cursor: pointer;}
a {color:#0e0e0e;}
video {overflow-clip-margin:border-box; object-fit:cover; display:block;}/*Bug espace après bloc vidéo corrigé par display:block */
[type=submit], button, [type=button]{cursor:pointer;background: transparent;}
input:focus, textarea:focus {outline-style: none;/*box-shadow: none;border-color: transparent;*/}

input[type=checkbox], input[type=checkbox]+label{cursor: pointer;}
.label.block{display:block;}

/*------------ ScrollBar ------------*/
:root{--scrollbar-width:17px;--webkit-scrollbar-width:7px;}
 ::-webkit-scrollbar{width:7px;height:7px;cursor:pointer;}
 ::-webkit-scrollbar-button{width:0px;height:0px;}
 /*le fond */ 
 ::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #ffffff;border-radius:5px;cursor:pointer;}
 ::-webkit-scrollbar-track:hover{background:#f1f1f1;}
 ::-webkit-scrollbar-track:active{background:#f1f1f1;}
 
 /*la barre de scroll */ 
 ::-webkit-scrollbar-thumb{background:#c1c1c1;border:1px none #ffffff;border-radius:5px;}
 ::-webkit-scrollbar-thumb:hover{background:#a8a8a8;}
 ::-webkit-scrollbar-thumb:active{background:#787878;}
 ::-webkit-scrollbar-corner{background:transparent;}
 
#bloc_produit_tableaux::-webkit-scrollbar{width:7px;height:12px;}
.css_rob{position: absolute; visibility: hidden; left: -5000px; top : -5000px}

 /* ajout d'une barre de scroll dynamique' */
.fix-scrollbar:has(.fl-scrolls){overflow-x:hidden;overflow-y: visible;-webkit-overflow-scrolling: touch;}
 

 /* Scrollbar firefox */
.fix-scrollbar{position:relative; scrollbar-color:#555 #dbdbdb; scrollbar-width:auto;}
/* Scrollbar general :aucune compatiblité sur aucun navigateur */
.fix-scrollbar div.fl-scrolls::scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
.fix-scrollbar div.fl-scrolls::scrollbar{position:relative; z-index:2; width:12px; background-color:#F5F5F5;}
.fix-scrollbar div.fl-scrolls::scrollbar-thumb{border-radius:10px; box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}
/* Scrollbar general chrome */
.fix-scrollbar div.fl-scrolls::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
.fix-scrollbar div.fl-scrolls::-webkit-scrollbar{position:relative; z-index:2; width:12px; background-color:#F5F5F5;}
.fix-scrollbar div.fl-scrolls::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}



 

html{font-size:16px; /*height:100%; */scrollbar-width: thin;}/* Si hauteur réel fenetre windows < contenuue */
html, body{font-family:var(--default_font);font-size:100%; font-size:1rem; font-weight:400; line-height:1.2;}
body{padding-top:0px; position:relative; /*background:#b5aeac;*/}
@media (min-width: 768px){
    /* force l'affichage du scrollbar pour pas que la page saute à son apparition */
    body {scrollbar-gutter: stable;overflow: scroll;}
}
#body{position:relative;}
p{margin:0.5rem 0;}
p a, label a{color:#007bff;}
.background-image {transition: background-image 0.3s ease-in-out;}
.link:hover, p a:hover, p a:focus{text-decoration:underline;}
.capitalize{text-transform:capitalize;}
.bold{font-weight:bold;}
.i{font-style: italic;}
.big{font-size:1.25rem;}
.small {font-size:75%!important;font-weight: 200;}    
.row-reverse{flex-direction: row-reverse;}

.hide, .cacher{display:none;}
.show{/*display:block;*/}

.no_border{border:none!important;}
.no_margin{margin:0!important;}

hr {box-sizing:content-box; height:0; overflow:visible; margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0,0,0,.1);}
.hr940{clear:both;}

.img-fluid {max-width:100%; height:auto;}
.img-responsive {max-width:100%; max-height:100%;margin: auto;}

.inline{display: inline;}
.inline-block{display: inline-block;}

/* Position / Oriantation */
.left{float:left;}
.right{float:right;}
.clear{display:block; clear:both;} /* annule le left / right */
.center_h { align-items: center;/* Si display:flex*/ text-align: center;/* Si display:inline*/; /*margin:0 auto;*/}/* centre le bloc en display:inline du conteneur en display:block ou table-cell box */
.center_v {display:flex;  flex-direction: column; /* direction d'affichage verticale */  justify-content: center; /* alignement vertical */; line-height: 1;height:100%;}/* height obligatoire */
.flex_inline {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 10px;}
.flex_right { margin-left: auto;margin-right: 0px;}
.middle {display:table-cell; vertical-align:middle; line-height:1;}
.text_vertical {display:block; transform:rotate(90deg);}/*texte vertical*/
.text_mirror {unicode-bidi:bidi-override; direction:rtl;}/* texte en mirroir pour limité la visibilité de ces textes par les robots */

.dropdown{display:none;}
.dropdown:hover{display:block;}

.full_width {display: block;position: relative;}
@media (max-width:767px){
    .full_width {width: 100vw;padding:0 calc(50vw - 50% - 8px);padding: 0 calc(50vw - 50%);left: calc(-50vw + 50%);}
}

/* Pleine largeur de la fenêtre et callage à gauche par rapport à son conteneur */
@media (min-width: 768px){
    .full_width{position: relative;width: calc(100vw - var(--scrollbar-width)) ;/*left: calc(-50vw + 50% + 8px);*/ left:0px;padding:0 calc(50vw - 50% - 8px);}
}



/** Chrominum */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: 768px){    
    .full_width{width: calc(100vw - var(--webkit-scrollbar-width)) ;left: calc(-50vw + 50% + 3px);/*left:0px;*/padding:0 calc(50vw - 50% - 3px);    }
}


/* FLEX */
.flex-row {display:flex;-ms-flex-direction:row !important; flex-direction:row !important;}
.flex-column {display:flex;-ms-flex-direction:column !important; flex-direction:column !important;}




/* STICKY TOP  */
.sticky-top {z-index:10; position:sticky;}


/*  TABLE HEADER STICKY TOP  */
/*
.fixed-header-table{border-collapse: separate;border-spacing: 0;min-width: max-content;}
.fixed-header-table thead.fixedHeader th,
.fixed-header-table thead.fixedHeader td{position: sticky;top: calc(var(--site-header-offset) + var(--thead-row-offset, 0px));z-index: 10;}
*/

/* SVG */
.svg__asset svg{position:relative;display:block;width:2rem; height:2rem;}
/*.svg__asset svg {width:inherit; height:inherit;}*/
.retour_stock .svg__asset.picto_email {width:1rem; height:1rem; top:3px;}

.svg__asset .st0 {color:#1d1d1b; fill:#1d1d1b;}


/* COULEUR */
.st0{/*fill:#000;*/fill:#1d1d1b;}
.st1{fill:#fff;}
.st2{fill:#3fa535;}/* vert  */
/*.st3{fill:#21b53a;}*/
.st0_st1{fill:none;stroke:#1d1d1b;stroke-miterlimit:10;}/* fond blanc entouré noir */
.st31{fill:#9d9d9c;}/* Gris */





/* FLUO */
.fluo{background-color:#ffff00;}
.fluo_secondary{background-color:#ff8300;color:#fff;}

@media(max-width: 767px) {
    /*--------------- Ligne tableau produit en fluo -------------------------------------*/
    /* Juste le texte en surbrillance*/
    .productLk_block .fluo td:first-child{display: block;color:#000;background-color: #ffff00;padding: 1px 4px;}    
    #produit .fluo td:first-child{color:#000!important;background-color: #ffff00;}
    .fluo .col-title .line-title{color:#000!important;}
     .fluo_secondary td:first-child, #produit .fluo_secondary td:first-child{background-color:#ff880b!important;color:#fff!important;}
    .fluo_secondary  .col-title .line-title{color:#fff!important;}
}
@media(min-width: 768px) {
    .fluo .line-info{display: block;background-color:#ffff00!important;font-weight: 600; padding: 1px 4px;}
    .fluo_secondary .line-info{background-color: #ff880b!important;color: #fff;/*background-color:#ff880b8c!important;*/}
}


/* MESSAGE */
.alert{text-align:center; border:1px solid transparent;margin:1rem 0; padding:0.5rem 0.75rem; }
.alert a{font-weight:bold;}
.alert a:hover{text-decoration:underline;}

.alert-success{color:#155724;}
.alert-error {color:/*#ff0000;*/#cd1719; }
.alert-warning{color:#FECF89;}
.alert-info {color:#0c5460;}
.alert.alert-success{color:#155724; border-color:#008000; background-color:#d0f7d6;}
/*.alert.alert-success{color:#002b00;border:1px green solid;background-color:#a5d747;}*/
.alert.alert-error{color:#4b0000; border-color:#c60000; background-color:#fbd4d4;}
.alert.alert-warning{color:#000; border-color:#ff3d00; background-color:#FECF89;}
.alert.alert-info{color:#0c5460; background-color:#d1ecf1; border-color:#0d7180;}
.alert.alert-normal{color:#000; background-color:#fff; border-color:#000;text-align:left;}


.infoLight {color:#7E7F83; font-size:0.75rem; font-weight:normal;}
.infoPage {color:#f16e06; font-weight:bold; text-align:center; font-size:0.6875rem; font-style:italic;}
.infoPage h4{ display:inline; font-size:1.1rem; margin-bottom:.0rem; text-decoration:underline; padding-right:0.5rem;}
.infoPage a {color:#007bff; font-weight:900; text-decoration:none;}
.infoPage a:hover { text-decoration:underline;}



/* DESIGN MESSAGE DIVERS */
#menu_connexion .alert{z-index:2;}
.upline {margin:5px 0px 5px 0px; font-weight:200; font-size:0.95rem; line-height:1.0;}
.downline {margin:5px 0px 5px 0px; font-size:0.6875rem; text-align:center;}
.contexte {color:#999999; font-size:0.625rem;}
.descriptionPage a, p a, .filAriane a, .showMessage a{text-decoration:none; color:#66858D;}
.descriptionPage a:hover,.descriptionPage a:focus, p a:hover,p a:focus, .filAriane a:focus, .filAriane a:active, .filAriane a:hover{text-decoration:underline; color:#66858D;}

.capcha{margin-bottom:5px;}
.commentaire_compteur{width:2rem; font-weight:600;}
.en_cours {font-size:20px; line-height:1.5; padding:40px 0; font-style:italic; text-align:center;}

.fa-astuce{display:inline-block; width:21px; height:20px; background:url('img/astuce_22.png') no-repeat 0 0 transparent; margin-right:5px;}





/* ------------ formulaire --------------- */
input.error, textarea.error {border:2px #ff0000 solid; background-color:#fbd4d4; color:#000;}
.form-control{display:block; width:100%; padding:.375rem .75rem; font-size:1rem; line-height:1.5; background-clip:padding-box; 
               color:#495057; ; border:1px solid #ced4da; border-radius:.25rem; 
               transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.form-control:disabled, .form-control[readonly] {background-color:#c2c2c2; opacity:1; cursor:auto;}
.form-group {margin-bottom:1rem;}
.form-group label, .form-group .label{font-weight:bold;}
.form-control.inline{display:inline-block; width:auto;}

[type="text"], [type="email"], [type="date"], [type="password"], [type="search"], textarea, select, .form-control{background-color:#eff2fb;}

button.close {float:right; font-size:1.5rem; font-weight:700; line-height:1; color:#000;/* text-shadow:0 1px 0 #fff;opacity:.5;*/ padding:0; background-color:transparent; border:0; -webkit-appearance:none;}
button.close.close_out{position: absolute;left: 100%;top:10px;padding-left: 5px;font-weight:400;color:#fff;display: flex;align-items: center;line-height:1;/*background-color: #303030ad;*/}
button.close.close_out .icone{font-size:2rem;  }
button.close.close_out .texte{font-size:0.75rem;}

@media (max-width:767px){
    select.form-control{padding:0.25rem 0.75rem;}
}
@media (min-width:768px){
    select.form-control{padding:0.6em 0.75em;}
    /*select.form-control{padding:0.7rem 0.75rem;}*/    
    .navbar-expand-md button.close {display: none;}
}


label,.label{margin-bottom:.0rem;padding:5px 0;}
input[type="checkbox"]+label, input[type="radio"]+label{display:inline-block; font-weight:normal;}
form .asterix {color:red; font-weight:800;}





/*----------------------------- Boutons -----------------------------*/

/*.btn{display:inline-block;font-weight: 400;text-align: center;padding: 8px 14px;cursor: pointer;border-radius: 2px;text-decoration: none;}*/
.btn{display: inline-block;font-weight: 400;color: #212529;text-align: center;user-select: none;background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;
/*line-height:1;vertical-align: middle;*/}
.btn:hover {transition:background-color 500ms linear;}

.btn-primary {color: #fff;background-color: #007bff;border-color: #007bff;}
.btn-primary:hover { background-color: #0069d9; border-color: #0062cc;}
.btn-success {color: #fff;background-color: #28a745;border-color: #28a745;}
.btn-success:hover {background-color: #218838;border-color: #1e7e34;}
.btn-danger {color: #fff; background-color: #dc3545;border-color: #dc3545;}
.btn-danger:hover {background-color: #c82333;border-color: #bd2130;}
.btn-warning {color: #212529;background-color: #ffc107;border-color: #ffc107;}
.btn-warning:hover{;background-color: #e0a800;border-color: #d39e00;}
.btn-secondary{color: #fff;background-color: #808080;border-color: #808080;}
.btn-secondary:hover { background-color: #595959; border-color: #595959;}

.btn-text{border-width:0;background:none;border: none;/*padding: 0;margin: 0;*/}
.btn-text:hover, .btn-text:focus, .btn-text:active{text-decoration:underline;}

.no_btn{background:none; border:none; padding:0;/*color:#000;*/}
.no_btn:hover{text-decoration:underline;}





/* icone toogle */
.bloc_toggle{position:relative; cursor:pointer;}

.icon-toggle{display:block; cursor:pointer; background:transparent url('img/spritesheet2.png') no-repeat -0px -38px; width:14px; height:8px; font-size:0; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease;}
.icon-toggle.left{left:15px; top:10px; right:auto; float:left;}
.bloc_toggle.open>.bouton_toggle .icon-toggle{transform:rotateX(180deg);}
.toggle_target{display:none;}
.bloc_toggle.open>.toggle_target{display:block;}




/* Loading */
.imgLoading{display:none;}
.imgLoading:after{content:''; display:inline-block; vertical-align:middle; width:30px; height:30px; margin-left:5px; background:url('img/loading3.gif') no-repeat transparent; background-size:30px 30px;}





/*NavBar*/
.collapse:not(.show) {display:none;}

.navbar {position:relative;z-index:11; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
.navbar.sticky-top {position:sticky; z-index: 10;}
.navbar .container-md{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between;}

.navbar-nav {display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none;align-items: center;}
.navbar-nav .nav-link {padding-right:0; padding-left:0;}
.navbar-nav .dropdown-menu {position:static; display:none; }
.navbar-collapse {position: relative;-ms-flex-preferred-size:100%; flex-basis:100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-align:center; align-items:center;}
button.navbar-toggler{position: relative;font-size:1.25rem; line-height:1; background:#000; border:1px solid #fff; padding:8px 7px; border-radius:5px; cursor:pointer;width:40px; height:36px; margin:0; padding:0;}
button.navbar-toggler:hover, button.navbar-toggler:focus {text-decoration:none;opacity:.9;}
.navbar-toggler-icon {display:inline-block; width:1.5em; height:1.5em; vertical-align:middle; content:""; background:50% / 100% 100% no-repeat;}
#navbar_compte .user{font-size:9px;}


/* bouton menu/burger */
.btn-menu.navbar-toggler .icon-bar, .btn-menu.navbar-toggler:before, .btn-menu.navbar-toggler:after{position:absolute;top:53%;left:25%;right:25%;height:1px;margin-top:-2px;transition:all .3s linear;background:#fff;}
.btn-menu.navbar-toggler:before{content:"";top:30%;}
.btn-menu.navbar-toggler:after{content:"";top:75%;}
.btn-menu.navbar-toggler.actif .icon-bar{display:none;}
.btn-menu.navbar-toggler.actif:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:50%;/*background:#fff;*/}
.btn-menu.navbar-toggler.actif:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:50%;/*background:#fff;*/}

@media (min-width:1200px) {  
   /*
  #navbarMenuStore .level-1>.nav-link {
    font-weight: 800!important;
  }*/
}

@media (min-width:768px) {  
  /*.navbar-expand-md {-ms-flex-flow:row nowrap; flex-flow:row nowrap; -ms-flex-pack:start; justify-content:flex-start;}*/
  .navbar-expand-md .nav-header{display: none;}
  .navbar-expand-md .navbar-nav {-ms-flex-direction:row; flex-direction:row;}
  .navbar-expand-md .navbar-nav .dropdown-menu {position:absolute; z-index:1000;top:95%; left:0;min-width:10rem; padding:0.5rem 0; margin:0.125rem 0 0; font-size:1rem; color:#212529; text-align:left; list-style:none; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0, 0, 0, 0.15); border-radius:0.25rem;}
  .navbar-expand-md .navbar-nav .nav-link {padding-right:0.5rem; padding-left:0.5rem;
  display: flex;flex-direction: column;justify-content: center;line-height: 1;height: 100%;align-items: center;text-align: center;}    
  .navbar-expand-md .navbar-collapse {display:-ms-flexbox; display:flex; -ms-flex-preferred-size:auto; flex-basis:auto;}
  .navbar-expand-md .navbar-toggler {display:none;}
  /*
  #navbarMenuStore .level-1>.nav-link {
    text-transform: uppercase;
    font-weight: 600;
  }*/
}




/*------------ COLONNE ------------*/
.container-fluid{width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.row{display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px;}

/* container toujours 100% */
.container-row { display:flex; flex-wrap:wrap;width:100%;}

/*container avec mini marge 5px */
.container5-row{display:flex; flex-wrap:wrap; margin-right:-5px; margin-left:-5px}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,.col10-lg-2, .col10-xl-2{
    position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
/*.container5-row .col, .container5-row .col-xxl-3, .container5-row .col-xl-4 .container5-row .col-lg-6, .container5-row .col-sm-6, .container5-row .col10-lg-2, .container5-row .col-xl-2, .container5-row .col-md-3, .container5-row .col-sm-4, .container5-row .col-sm-3, .container5-row .col-xl-3, .container5-row .col-lg-4, .container5-row .col10-xl-2 col-lg-3, .container5-row .col-md-4, .container5-row .col-sm-12{ padding-right: 5px;padding-left: 5px;}*/
.container5-row .col, .container5-row .col_bloc, .container5-row .productLk_block, .container5-row .lien_division   { padding-right: 5px;padding-left: 5px;}



.col-10 {-ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%;}
.col-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333334%; max-width:58.333333%;}
.col-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.col-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}

@media (max-width:575px){
    .container5-row .col, .container5-row .col_bloc, .container5-row .lien_division{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media (min-width:576px){
.col {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.col-sm-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col10-sm-2{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}/* Colonne 2/10 de page */
.col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.col-sm-1{-ms-flex:0 0 8.3333334%; flex:0 0 8.3333334%; max-width:8.3333334%;}
}
@media (min-width:768px){
.col-md-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.col-md-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
.col-md-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-md-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-md-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-md-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-md-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col10-md-2{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-md-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
}
@media (min-width:992px){
.col-lg-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.col10-lg-2 {-webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-lg-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-lg-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-lg-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.col-lg-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-lg-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-lg-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col10-lg-2{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-lg-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
}
@media (min-width:1200px){
.col-xl-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.col-xl-2 {-webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.col-xl-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-xl-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-xl-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-xl-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-xl-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col10-xl-2{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-xl-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
}
@media (min-width:1400px){
.col-xxl-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.col10-xl-2 {-webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-xxl-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.col-xxl-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.col-xxl-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.col-xxl-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.col-xxl-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.col10-xxl-2{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.col-xxl-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
}


@media (min-width:1600px){
.col-xxl-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-xxl-4 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
}






/* Modal */
.modal{max-height:100%; overflow-y:auto; position:fixed; top:0; left:0; z-index:1050; display:none; width:100%; height:100%; overflow:hidden; outline:0;}
.modal-open .modal {overflow-x:hidden; overflow-y:auto;}
.modal-dialog {position:relative; width:auto; margin:0.5rem; pointer-events:none;}
.modal.fade .modal-dialog {transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform:translate(0, -50px); transform:translate(0, -50px);}


.modal.show .modal-dialog {-webkit-transform:none; transform:none;}
.modal-header .close {padding:1rem; margin:-1rem -1rem -1rem auto;}
.modal-dialog-centered {display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - 1rem);}
.modal-dialog-centered::before {display:block; height:calc(100vh - 1rem); height:min-content; content:"";}
.modal-content {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.2); border-radius:0.3rem; outline:0;}
.modal-backdrop {position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000;}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop.show {opacity:0.5;}
.modal-header {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:1rem; border-bottom:1px solid #e9ecef; border-top-left-radius:0.3rem; border-top-right-radius:0.3rem;}
.modal-title {margin-bottom:0; font-size: 1.125rem; line-height:1.5; font-weight:500;}
.modal-body, .modal-footer{position:relative; -ms-flex:1 1 auto; flex:1 1 auto; padding:1rem;}
.modal.show .modal-dialog {-webkit-transform:none; transform:none;}


@media (min-width:576px) {
    #modal_dialog-sia .modal-dialog {max-width:580px;}
    #modal_dialog-email_facture .modal-dialog {max-width:580px;} 
    .modal-dialog {max-width:500px; margin:1.75rem auto;}
    .modal-dialog-scrollable {max-height:calc(100% - 3.5rem);}
    .modal-dialog-scrollable .modal-content {max-height:calc(100vh - 3.5rem);}
    .modal-dialog-centered {min-height:calc(100% - 3.5rem);}
    .modal-dialog-centered::before {height:calc(100vh - 3.5rem); height:min-content;}
    .modal-sm {max-width:300px;}
}
@media (min-width:992px) {
    .modal-lg,.modal-xl {max-width:800px;}
}
@media (min-width:1200px) {
    .modal-xl {max-width:1140px;}
}




/*--------------------------- Transition ----------------------------*/
.fade:not(.show) {opacity:0;}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {transition:none;}
}
.modal.show .modal-dialog {-webkit-transform:none; transform:none;}
.modal.fade .modal-dialog {transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform:translate(0,-50px); transform:translate(0,-50px);}

/* Hover image */
.img-zoom-hover:hover{max-width: 110%;max-height:110%;/*zoom:1.1;*/transform: scale(1.1);transition: transform 150ms ease-in-out;}


/* Voile noir / popup */
.bloc_popup.show{z-index: 23; }
.btn_popup.actif{display: block; }
.modal_popup.show{display: inline-block;z-index: 23;max-height: calc(100vh - 8rem);}


@keyframes fadeInFromNone {0% {display: none;opacity:0;} 1% {display: block;opacity: 0;} 100% {display: block;opacity:1;}}
@keyframes fadeInFromNoneFlex {0% {display: none;opacity:0;} 1% {display: flex;opacity: 0;} 100% {display: flex;opacity:1;}}

.shadow:has(.popup), .shadow_page{display:none;opacity:0;position:fixed; z-index:12;top:0px; left:0;height:100vh; width:100vw;  background: rgba(0, 0, 0, 0.6);transition:opacity .3s ease-out; transition-property: opacity;-webkit-transform: translateZ(0);transform: translateZ(0);}
.shadow:has(.popup){flex-direction: column;align-items: center; justify-content: center;}
.shadow_page.show{display: block;opacity:1;animation: fadeInFromNone 0.5s ease-out;}
.shadow:has(.popup.show){display: flex;opacity:1;animation: fadeInFromNoneFlex 0.5s ease-out;}

.popup{display:block;position: relative;background:#fff;border:1px solid #cccccc;border-radius:8px;padding:2em;max-width:calc(100vw - 8rem);max-height:calc(100vh - 4rem);overflow-y: scroll;}


.popup .popup-header .close{position:absolute; display:block; outline-style:none; margin:0; padding:0; text-decoration:none; cursor:pointer; top:10px; right:15px; width:20px; height:22px; font-size:1.75rem; line-height:1; color:#626262;}
.popup .popup-header .close:hover{color:#000;}
.popup .item .photo{display: flex;align-items: center;justify-content: center;}
.popup .item .designation{float:left; width:calc(100% - 100px);}

.showMessage .close {width:20px; height:22px;}

@media (min-heigth:600px) and (min-width:600px){
    .popup{top:20px;}
}

@media (min-width:768px){
    .popup{max-width:100vw;}
}





.headerFull .bloc_popup{position: relative;}



/* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, 
    height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */
#page_loading{display:none; position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background:rgba( 255, 255, 255, .8 ) url('img/loading3.gif') 50% 50% no-repeat;}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading #page_loading{overflow:hidden; }

/* Anytime the body has the loading class, our modal element will be visible */
body.loading #page_loading{display:block;}



/* Popup recherche */
#bloc_recherche{transition:width 0.35s linear;position: relative;}

#bloc_recherche_input{position: relative;/*transition:width 0.35s linear;*/}

.actif #rechercheProduit_form {z-index:20;}

#bloc_quicksearch_result{display:none;position: absolute;z-index:21;left:0;width: 100%;max-height: calc(100vh - 12.00rem);margin:0px;overflow: hidden;overflow-y: auto;
border: 1px solid #ececec;background-color: #fff;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);}
#bloc_quicksearch_result.show{display:block}
#bloc_quicksearch_result .contenu{padding:5px 20px 10px 20px ;text-align:left;border:1px solid #ccc;background-color:#fff;background-clip:padding-box;}

/* Si la recherche rapide se trouve dans le header */    
#bloc_quicksearch_result{position:absolute;top:38px;}




/* Menu recherche automtique ajax */
.bloc_link_all_search{text-align:center;font-weight:600;font-size:18px;border:0px solid #000;margin-top: 3px;}
.quicksearch_item .btn{width:100%;}
.quicksearch_item .no_btn.link{padding-left: 5px;}
.bloc_link_all_search:has(.btn){border:0px;}
.bloc_link_all_search:hover:has(.no_btn){background-color:#ddd;}


#quicksearch_loading img{width:40px;height:40px;margin:10px auto;}



/* Apercus recherche listing  */
#bloc_quicksearch_result .product_img{display:inline;position:relative;float:left;width:100px;height:50px;line-height:50px;text-align:center;}
#bloc_quicksearch_result .product_img img{width:auto;height:auto;max-width:90px;max-height:50px;}
#bloc_quicksearch_result .product_text{display:inline;position:relative;}



/* TABS */
.tabs{position:relative;}
.nav.nav-tabs {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-left:0; margin-bottom:2rem; list-style:none;}
.nav-tabs .nav-link {display:block; border:1px solid transparent; border-top-left-radius:.25rem; border-top-right-radius:.25rem; padding:.5rem 1rem;}
.nav-tabs .nav-item {margin-bottom:-1px;}
.tab-content>.tab-pane {display:none;}
.tab-content>.active {display:block;}
.nav-tabs, .nav-tabs .nav-link {border-bottom:1px solid #898b8d; font-weight:bold; color:#3879d9; font-size:16px;}
.nav-tabs .nav-link.active {border-color:#898b8d #898b8d #fff; color:#495057; background-color:transparent;}






/* tooltip */
.tooltip{position:absolute; z-index:1070; display:block; margin:0;  font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.875rem; word-wrap:break-word; opacity:0;}
.tooltip-inner{color:#fff; text-align:center; border-radius:.25rem; background-color:#454545; padding:3px 8px;}
/*
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color:#000;}
.tooltip .arrow {position:absolute; display:block; width:0.8rem; height:0.4rem;color:#454545;}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {bottom:0;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {top:5px; border-width:0.4rem 0.4rem 0; border-top-color:#454545; ;}
.tooltip .arrow::before {position:absolute; content:""; border-color:transparent; border-style:solid;}
.tooltip .tooltip-arrow{left:50%; margin-left:-5px;}
.tooltip.top .tooltip-arrow{bottom:0; border-width:5px 5px 0; border-top-color:#454545;}
.tooltip.bottom .tooltip-arrow {top:0; border-bottom-color:#454545; border-width:0 5px 5px;}
.tooltip-arrow{position:absolute; width:0; height:0; border-color:transparent; border-style:solid;}
.tooltip-arrow{color:#454545;}
.bloc_tooltip+.tooltip.top .tooltip-arrow{bottom:-5px;}
.bloc_tooltip+.tooltip.bottom .tooltip-arrow{top:-5px;}
*/
.bloc_tooltip+.tooltip.top{left:-50%; bottom:calc(100% + 5px); /*display:none;*/}
.bloc_tooltip+.tooltip.bottom{left:0px; top:calc(100% + 20px); /*display:none;*/}
.bloc_tooltip:hover+.tooltip{opacity:1; display:block;}
.slider .tooltip.top{padding:5px 0;}

/*.tooltip{opacity: 1;} TEST*/



/*-- Flêche tooltips --*/
.tooltip-arrow {
  --bordercolor: #ccc;
  --borderwidth: 0px;
  --bgcolor: #ffffe1;
  --harrow: 1.5em;
  --h2arrow: calc(var(--harrow) / 1.5);
  --horizontal-linear: linear-gradient(to right, var(--bordercolor) calc(50% - var(--h2arrow)), var(--bgcolor) calc(50% - var(--h2arrow)) calc(50% + var(--h2arrow)), var(--bordercolor) calc(50% + var(--h2arrow)) 100%);
  --vertical-linear: linear-gradient(to bottom, var(--bordercolor) calc(50% - var(--h2arrow)), var(--bgcolor) calc(50% - var(--h2arrow)) calc(50% + var(--h2arrow)), var(--bordercolor) calc(50% + var(--h2arrow)) 100%);
  /*
  Le tooltips
  z-index: 1;
  position: absolute;
  padding: .5em 1em;
  border: var(--borderwidth) solid var(--bordercolor);
  border-radius: 5px;
  font-size: 1em;
  background-color: var(--bgcolor);
  box-shadow: 0 0 1em #ccc;
  */
}
/*-- la pseudo flèche --*/
.tooltip-arrow::before {content: attr(data-before);content: "";  display: block;  position: absolute;  box-sizing: content-box;  width: var(--harrow);  height: var(--harrow);  border-style: solid;  border-width: var(--borderwidth);  border-color: transparent var(--bordercolor) var(--bordercolor) transparent;  background-color: var(--bgcolor);  box-shadow: inherit;  clip-path: polygon(-20% 120%,120% -20%,120% 120%);}
/*-- personnalisation des flèches top/bottom --*/
.tooltip-arrow.arrow-top-center,.tooltip-arrow.arrow-bottom-center {  background-image: var(--horizontal-linear);  background-repeat: no-repeat;  background-size: 100% var(--borderwidth);}
.tooltip-arrow.arrow-top-center {  border-top: none;  background-position: 100% 0;}
.tooltip-arrow.arrow-bottom-center {border-bottom: none; }
.tooltip-arrow.arrow-top-center::before {--decal: calc( -50% + var(--borderwidth));top: calc(-1 * var(--borderwidth));left: 50%;transform: translate(-50%,var(--decal)) rotate(225deg);}
.tooltip-arrow.arrow-bottom-center::before {--decal: calc( -50% - var(--borderwidth));top: 100%; left: 50%;transform: translate(-50%,var(--decal)) rotate(45deg);}
/*-- personnalisation des flèches left/right --*/
.tooltip-arrow.arrow-left-middle,.tooltip-arrow.arrow-right-middle {background-image: var(--vertical-linear);background-repeat: no-repeat;background-size: var(--borderwidth) 100%;}
.tooltip-arrow.arrow-left-middle {border-left: none;background-position: 0 0;}
.tooltip-arrow.arrow-right-middle {border-right: none;background-position: 100% 100%;}
.tooltip-arrow.arrow-left-middle::before {--decal: calc( -50% + var(--borderwidth));top: 50%;  left: 0;  transform: translate(var(--decal), -50%) rotate(135deg);}
.tooltip-arrow.arrow-right-middle::before {--decal: calc( -50% - var(--borderwidth));top: 50%;left: 100%;transform: translate(var(--decal), -50%) rotate(315deg);}


/* Bloc voir + / voir - */
.voir_plus .container {position : relative;min-height: calc(4rem + 20px);height: calc(4rem + 20px);}
.voir_plus .container.opened {height : fit-content;}
.voir_plus .container > .contenu {margin : 0;height : 100%;overflow: hidden;}
.voir_plus .container::before {content : "Voir plus";position : absolute;cursor:pointer;
  bottom : 0px;right : 0px;    padding: 5px 20px;   color: blue;background : linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,100%) 20px);}
.voir_plus .container.opened::before {content : "Voir moins";}


.js-readmore,
.c-readmore {
  --rm-lines: 3;
  --rm-line-height: 1.6rem;
  --rm-surface: #ffffff;
  --rm-text: #0f172a;
  --rm-muted: #475569;
  --rm-border: rgba(15, 23, 42, 0.10);
  --rm-border-hover: rgba(15, 23, 42, 0.18);
  --rm-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --rm-shadow-hover: 0 14px 34px rgba(15, 23, 42, 0.12);
  --rm-accent: #2563eb;

  position: relative;
  color: var(--rm-text);
}

.c-readmore__inner {
  overflow: hidden;
  transition:
    max-height 320ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease;
  will-change: max-height;
  position: relative;
}

.c-readmore.is-collapsed .c-readmore__inner::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: calc(var(--rm-line-height) * 1.9);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    var(--rm-surface) 72%
  );
  pointer-events: none;
}

.c-readmore__toggle {
  appearance: none;
  border: 1px solid var(--rm-border);
  background: rgba(255, 255, 255, 0.92);
  color: var(--rm-text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 999px;
  padding: 0.58rem 0.95rem;
  font: inherit;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  box-shadow: var(--rm-shadow);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.c-readmore__toggle:hover {
  transform: translateY(-1px);
  border-color: var(--rm-border-hover);
  box-shadow: var(--rm-shadow-hover);
}

.c-readmore__toggle:active {
  transform: translateY(0);
}

.c-readmore__toggle:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.18),
    var(--rm-shadow-hover);
}

.c-readmore.is-collapsed .c-readmore__toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.c-readmore.is-expanded .c-readmore__toggle {
  position: static;
  margin-top: 0.9rem;
}

.c-readmore__toggle[hidden] {
  display: none !important;
}


/* tableau */
.table .thead {margin:0; border-top:1px solid #dee2e6; border-bottom:1px solid #dee2e6; font-weight:bold; vertical-align:bottom; /*height:3em; line-height:3em; */}
.table .thead div{vertical-align:bottom; /* line-height:1; display:inline-block; */}
.table .tr{margin:0; padding:.75rem 0; vertical-align:top; border-top:1px solid #dee2e6;}
.table-striped .tbody .tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);}

table.landing_page{border-collapse:collapse;}
table.landing_page td{border:1px solid #eee;}
.td-border {border-top:1px solid #ababab;}
/*td .prix {text-align: right}*/

/* Tri tableau */
.titreTableau button{border:0; vertical-align:middle; display:inline-block; line-height:1; text-align:center; padding:0.25rem 0.375rem; color:#b1b1b1;}
.titreTableau button.actif{color:#000;}
.titreTableau button .fa-caret-down {display:inline-block;}

.tab_tri{cursor:pointer; min-width:38px;}
.tab_tri th.text{cursor:pointer;}
[type=submit].icone_tri{ padding:0; background:none; border:none; cursor:pointer; outline:0px solid red;}

.tab_tri form{display:block; display:none;}
.icone_tri .fa::after {color:#aaaaaa; padding-left:0;}
.icone_tri .fa-caret-down::before {content:'▼';}
.icone_tri .fa-caret-up::before {content:'▲';}
.tab_tri .fa-sort{display:inline-block; width:14px; height:18px; background:url('img/icon-sort-blanc.png') no-repeat 0 0 transparent;}


/*  */
.bloc_liste_articles .prix_non_solde{color:grey; font-weight:normal; text-decoration:line-through; font-size:13px;}




/* tab_bibliotheque */
.bloc_bibliotheque_fluid{width:100%; overflow-x:auto;}
.tab_bibliotheque {width:100%;}
.tab_bibliotheque thead th, .tab_bibliotheque .th{font-size:0.875rem; font-weight:bold; border-bottom:2px solid #2e2e2e; color:#000; text-align:left; padding-bottom:10px; margin-bottom:20px;}
.tab_bibliotheque td, .tab_bibliotheque .td{font-size:0.75rem; text-align:left; padding:5px 0;}
.tab_bibliotheque td.photo, .tab_bibliotheque .td.photo{text-align:center;}
.tab_bibliotheque td.photo img{max-height:90px; max-width:90px;}
.tab_bibliotheque.striped tr:nth-child(even), .tab_bibliotheque.striped .tr:nth-child(even) {background:#eff2fb;}
.tab_bibliotheque tfoot, .tab_bibliotheque tfoot td {text-align:right; font-weight:bold;}
.tab_bibliotheque .ssTotal {min-width:100px; max-width:150px; text-align:right;}
.tab_bibliotheque .center {text-align:center;}


.tab_bibliotheque.vert_middle td{
    vertical-align: middle;
    /*line-height: 1;  display: inline-block; */
}
.tab_bibliotheque.vert_middle td img{
    vertical-align: middle;
}

.tab_bibliotheque td.al_right {
    text-align: right;
    padding-right: 7% !important;
}

/*-------- FIXE ENETE TABLEAU ------------------------------------  */
.headerStickyTop thead.lock{position:relative; z-index:1;}



/*-------- PAGE / PARAGRAPHE ------------------------------------  */
.paragraphes .image, .paragraphes .texte{margin-bottom: 20px;}
.titre_paragraphe{font-size: 1.25rem;margin-top: 0;}
.description p:first-of-type{margin-top: 0;}
.paragraphes.row>.row {margin-right:0px;margin-left:0px;}



/*-------------------------------------------- ScrollToTop --------------------------------------------*/
#scrollToTop{display:none; position:fixed; height:44px; width:42px; right:30px; bottom:40px; z-index:100;}
#scrollToTop a{display:block; height:100%; width:100%; opacity:0.5; padding:40px 0px 0px 0px; margin:0 auto; text-indent:-9999px; font-size:0.8125rem; font-weight:bold; text-align:center;}
#scrollToTop a:hover{color:#000; cursor:pointer; text-decoration:none!important; text-indent:0px; opacity:1;}




/*#navbarMenuStore{display: block;}*/
/* page mon compte icone */
#page_compte .svg__asset.panier_gris svg .st1{fill:#666;}



/* Button Switch (Modal cookies) */
/* The switch - the box around the slider */
.button_switch {position:relative; display:inline-block; width:60px; height:34px;}
/* Hide default HTML checkbox */
.button_switch input {opacity:0; width:0; height:0;}
/* The slider */
.button_switch .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s;}
.button_switch .slider:before {position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s;}
.button_switch input:checked + .slider {  background-color:#2196F3;}
.button_switch input:focus + .slider {  box-shadow:0 0 1px #2196F3;}
.button_switch input:checked + .slider:before {  -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
/* Rounded sliders */
.button_switch .slider.round {  border-radius:34px;}
.button_switch .slider.round:before {  border-radius:50%;}
/* Mini bouton switch  */
.button_switch.mini_switch {width:50px; height:28px;}
.button_switch.mini_switch .slider:before {height:20px; width:20px; left:4px; bottom:4px;}
.button_switch.mini_switch input:checked + .slider:before{-webkit-transform:translateX(22px); -ms-transform:translateX(22px); transform:translateX(22px);}
.button_switch.mini_switch .slider.round{border-radius:27px;}






/* Force l'affichage sur la méme ligne */
.ligne_flex{ display: flex;align-items: center;gap:10px;}
.ligne_choix{display:block; float:left; margin-right:15px;}
.ligne_choix.hidden{display:none;}
.ligne_choix label, .ligne_choix checkbox, .ligne_choix .asterix{display:block; float:left;}
.line_options{ display: flex;align-items: center;gap:10px;flex-wrap: wrap;}
.line_elts{ display: flex;align-items: start;gap:15px;flex-wrap: wrap;}
.line_elts2{ display: flex;align-items: start;gap:15px;flex-wrap: nowrap;align-items: center;justify-content: space-between}
.line_elts2 div.stretch{width: 100%}
.col_options{ display: flex;flex-direction: column;gap: 5px;align-items: flex-start;justify-content: start;justify-items: normal;} /*flex-start;}*/
.full_line{flex-basis: 100%}

.menu_login .input-container {
    /*display: inline-flex;*/
}

.input-container {
    display: flex;
    gap:2px;
}

.input-container input {
    /*margin-right: 28px;*/
}

.input-container .field-icon {
  position: relative;
  font-size: 16px;
  margin-left: -28px;
  margin-top: 8px;
  z-index: 2;
}

.input-container .eye-close{
  background-image: url('img/eye-close-20.png');
}

.input-container .eye-open{
    background-image: url('img/eye-open-20.png') !important;
}

.input-container .toggle-password {
  background-image: url('img/eye-close-20.png');
  width: 20px;
  height: 20px;
  position: relative;
  margin-left: -31px;
  margin-top: 7px;
  z-index: 2;
}

#header .input-container .toggle-password {margin-top:6px;  width: 16px;height:16px; margin-left: -22px;}
#header .input-container .toggle-password, #header .input-container .eye-close{background-image: url('img/eye-close-16.png');}
#header .input-container .eye-open{background-image: url('img/eye-open-16.png') !important;}

 


/*
eye-close.png
eye-open.png
*/