@font-face {
	font-family: 'Avenir';
	src: url('../fonts/AvenirLTStd-Light.ttf') format('truetype');
	font-weight: regular;
	font-style: regular;
}
@font-face {
	font-family: 'Avenir';
	src: url('../fonts/AvenirLTStd-Medium.ttf') format('truetype');
	font-weight: bold;
	font-style: bold;
}
body { font-family: 'Avenir', Arial; background: #f7f7f7;}
/*table {box-shadow: 0 3px 5px #ddd;background: white;}*/

.headerTop { max-width : 1400px; margin :auto; }
.wrapper { padding: 0;/*min-height: calc(100vh - 98px - 60px - 232px);*/}
a { text-decoration : none;}
a:hover { text-decoration : none;}
li {list-style:none;}
input.btns, .button {display: inline-block; padding: 10px 20px;text-align: center;border: none; position: relative; margin : 20px 5px; transition : all 0.2s ease;}
td.btns { text-align : center;}
.titre-h1 {width:100%;text-align: center;background-color: #f8f8f8;padding:20px 0;font-size:25px;font-weight:bold;}
/*-----------------------------------------------------*/
/*-----------       Header Menu      ------------------*/
/*-----------------------------------------------------*/
.headerMenu { max-width : 1400px; margin :auto;}
.headerMenu .navbar-nav { display: inline-block; width: 100%; text-align :center;}
.headerMenu .nav-item { display: inline-block; }
.headerMenu .dropdown:hover > ul{ display: block; animation: zoomIn .1s ease-in;}
.headerMenu .dropdown-menu { position : absolute;margin: 0px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);border-radius: 0;}

.navbar-expand-lg .navbar-nav .nav-link { padding-right: 20px;padding-left: 20px;}

.headerMenu .nav-link { font-weight: bold; padding-top:18px; padding-bottom:18px; transition : all 0.2s ease;}
.headerMenu .nav-link:hover { transition : all 0.2s ease;}
.headerMenu .bg-light { background : none !important;}
.headerMenu .dropdown-menu .nav-item { display : block;}
.cartBox { position : relative;}
.cartContent { overflow : auto;display: none;padding: 15px; width : 100%; max-height : 300px; background: white; position : absolute; z-index : 999; color : #000;border:1px solid #e5e5e5;}
.userContent { overflow : auto;display: none;padding: 15px; width : 100%; max-height : 300px; background: white; position : absolute; z-index : 999; color : #000;border:1px solid #e5e5e5;}
.compte_panier a{ display: inline-block;color: #eee;transition: color 0.5s; margin: 0 15px;padding-top:0;}
.cartContent .button { display : none;}
.voirPanier   { padding: 10px 20px;text-align: center;border: none; transition : all 0.2s ease;}
#monpanier:hover, #monpcompte:hover { cursor : pointer;}
#bloc-Connex-client {margin-top:15px;}
#bloc-Connex-representant a, #bloc-Connex-client a {
    background: #fff;
    box-shadow: 0 2px 2px #ddd;
    position: relative;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 15px !important;
    margin: 3px 1px;
    transition: all .2s ease;
}
#bloc-Connex-representant a:hover, #bloc-Connex-client a:hover {box-shadow: 0 0 2px #ddd;}


ul.slides img { display: block; max-width: 100%; height: auto;margin:0 auto;}
.compte_panier select {background: none; border:none;font-size:0.8em;margin-top:10px;}


/*-----------------------------------------------------*/
/*-----------         Recherche        ----------------*/
/*-----------------------------------------------------*/
.recherche .champ { background: #eee; padding: 5px;border: 1px solid #ddd;}
.recherche .btnRecherche {background: url(../img/search.svg) center center no-repeat #000;background-size: auto;cursor: pointer;height: 36px;width: 37px;background-size: 20px;margin-left: -5px;border: none;}

/*-----------------------------------------------------*/
/*-----------         Catalogue         ---------------*/
/*-----------------------------------------------------*/
.product       { position : relative;}
.productbox {box-shadow:none;transition: all .2s ease;}
.productbox:hover     { box-shadow: 0 3px 5px #ddd;transition: all .2s ease;}
.product .imgbox { position : relative; overflow : hidden;}
.product .img1 { margin: 0 auto; width : 100%;max-width: 100%; transition: all .2s ease; transform: scale(1);transform-origin: center center; opacity : 1; }
/*.product:hover .img1 {transform: scale(1.1); opacity : 0.5;}*/
/*.product .img2 { width : 100%; max-width: 100%; overflow : hidden; position: absolute;opacity: 0;top: 0;left: 0;right: 0;transition: all .2s ease;visibility: hidden;width: 100%;transform: scale(0);transform-origin: center center; border-radius: 10px 10px 0 0;}
.product:hover .img2 {opacity: 0.5;visibility: visible;transform: scale(1);}*/

.product .cataloguepicto {position: absolute;margin: 0;clear: both;display: inline-block;vertical-align: top;left: 0;top: 0;}
.product .cataloguepicto img {display: inline-block;position: relative;height: 38px;width: 38px;background: #fff;margin: 5px;padding: 5px;border:1px solid #e5e5e5;border-radius: 50%;}
.productbox img.coeur-inactif {display:none;}
.productbox:hover img.coeur-inactif {display:inline-block;}
.product .contenu {  background : #fff; color: #000;min-height: 100px;padding: 10px;margin-bottom: 30px; text-align : left; }
.product .contenu a { display : block;text-decoration : none ; color: #999;text-transform:lowercase;font-size:14px;line-height: 16px;margin-top:7px;}
.contenu .designation { color : #000 !important;}
.product .contenu a[class*="catalogue-"]::first-letter {text-transform:uppercase;}
.product .contenu a.catalogue-barcode {text-transform:uppercase;}
.product .contenu a.catalogue-prix {text-transform:uppercase;font-weight:bold;color:#000;padding-top:10px;border-top: 1px solid #f2f2f2;margin-top:10px;}
.product .contenu a.catalogue-prixvente {text-transform:uppercase;}
.pagination     { padding: 15px 0;}
.pagination a { text-decoration: none;padding: 5px;margin: 0 5px;border: 1px solid #e5e5e5;color: #000;font-size: 15px;font-weight: bold; background : #fff;}

#left   { }
#left .title { background: #3d3d3d !important; color: #FFF !important; font-weight: bold; margin: 10px 0; padding: 10px 15px;} 
#right { padding-right : 15px ;}

.contCategorie a { background: #fff;box-shadow: 0 2px 2px #ddd; position : relative; color : #000;font-weight: bold;text-decoration: none;display: inline-block;padding: 5px 10px;text-transform: capitalize;font-size: 15px !important;margin: 3px 1px;transition: all .2s ease;}
.contCategorie a:hover{ box-shadow: 0 0 2px #ddd; }
.contCategorie .actif { box-shadow: 0 0 2px #ddd; }
.contCategorie span { display : none; font-weight : bold; font-style: italic;}
.tabletFilter select { width : 100%; padding : 5px;}
.contCategorie {margin-bottom: 15px;text-align: center;}
.categorie .title { text-align : center;}
.categorie .title i { display : none;}
.categorie .title span {display: inline-block;color: #ccc;font-size: 20px;font-weight: bold;}

/*-----------------------------------------------------*/
/*-----------         Product page      ---------------*/
/*-----------------------------------------------------*/
.productpage .tab-content, .panierpage .tab-content{border: 1px solid #ddd;padding: 15px;box-sizing: border-box; border-top : none;}
.productpage .nav-link, .panierpage .nav-link{ position : relative;display: block;padding: 20px 24px;color: #000000;text-decoration: none;font-weight: 500;text-transform: capitalize;font-size: 16px;text-align: center;word-break: break-all;background-color: rgba(255, 255, 255, 0.2);}
.productpage .nav-item .active::before, .panierpage .nav-item .active::before{ width: 100%;background: #3d3d3d;position: absolute;height: 5px;content: ' ';top: 0;left: 0;}
.productpage .nav-item a::before, .panierpage .nav-item a::before{ width: 0;background: #3d3d3d;position: absolute;height: 5px;content: ' ';top: 0;left: 50%; transition : all 0.2s ease; display : block; margin: auto;}
.productpage .nav-item:hover a::before, .panierpage .nav-item:hover a::before{ width: 100%; left: 0;}
.productpage .grille-produits {width : 100%; margin : auto;}
.productpage .grille-produits tr:first-child { background: #3d3d3d; color: #FFF;}
.productpage .grille-produits td, .productpage .grille-produits th  { padding : 10px; border-bottom : 1px solid #dee2e6;}
.productpage .grille-produits tr:not(:first-child):hover {background: #f8f8f8}
.productpage .center {padding: 10px 20px;text-align: center;border: none; position: relative;left: 50%;transform: translate(-50%); margin : 20px 0; transition : all 0.2s ease;}
/*.productpage h3 {position : relative; text-align : center; display : block; margin-bottom : 20px;}
.productpage h3:before, .productpage h3:after {margin: 10px;content: '';height: 6px;display : inline-block; }
.productpage h3:before { background-image: url(../img/rightdot.png);width: 79px;right: -120px;}
.productpage h3:after { background-image: url(../img/leftdot.png);width: 79px;left: -120px;}*/
#ContentDocuments li { width: 150px; display: inline-block; background: #f8f8f8; margin: 10px; padding: 10px; border-radius: 10px;}
#ContentDocuments li img{ opacity : 1; width : 50px; transform: scale(1); transition  :all 0.2s ease;}
#ContentDocuments li:hover img{ opacity : 0.5; transform: scale(1.1);}
#ContentDocuments li a{ display : block; text-align : center; text-decoration : none; color : #000;}

.back_catalogue { display : inline-block;cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; margin-left: 5px; text-decoration : none;}
[class^="description_"] {margin-top:15px;}
[class^="description_"] .title, [class^="description_"] .prix {color: #000; font-weight: bold;}
.description_designation .title, .description_descriptif .title, .description_prix .prix {display:none;}
.description_designation {padding: 0 0 10px;font-size: 25px;font-weight: 600;text-transform: capitalize;color: #000;line-height: 24px;}
.description_prix {padding: 5px 0 10px;font-size: 25px;font-weight: 600;color: #000;line-height: 24px;}
.module_product_photos  { margin-top :15px; text-align : center;}
.module_product_photos  img{ margin-right :15px;}
.grille-produits .vignette:hover { cursor: pointer;}
.grille-produits .vignette:hover { cursor: pointer;}
.grille-produits {font-size:14px;}
.module_product_photos img, .grille-produits img{ opacity : 1; transform: scale(1); transition  :all 0.2s ease;}
.module_product_photos img:hover, .grille-produits img:hover{ opacity : 0.5; transform: scale(1.1);}
#product_picto {position: absolute;z-index: 999;width: auto;left: 0;top: 10px;}
#product_picto li, .iconeCoeurP {list-style: none;display: flex;height: 38px;width: 38px;background: #fff;margin: 5px;padding: 5px;border:1px solid #e5e5e5;border-radius: 50%; transition : all; opacity:1;}
.iconeCoeurP:hover, [id^="coeurpicto"] .picto:hover {cursor : pointer; opacity : 0.5;}
.descbox {background : #fff; box-shadow: 0 3px 5px #ddd;}
.picto-stock {width:17px;height:17px;border-radius:50%;border:1px solid #e5e5e5;padding:1px;margin:15px 5px 0;vertical-align: top;}
span.iconeCoeur {position:absolute;z-index: 999;width: auto;left: 0;top: 10px;}
span.iconeCoeur img {display: flex;height: 38px;width: 38px;background: #fff;margin: 5px;padding: 5px;border: 1px solid #e5e5e5;border-radius: 50%;transition: all;opacity: 1;}

.liste-tc-couleurlabel {text-align:center;margin:15px 0;}
.liste-tc-couleurbox {margin:10px;max-width: 150px;}
.liste-tc-image {text-align:center;}
.liste-tc-image:hover {cursor:pointer;}
.liste-tc-couleur {text-align:center;text-transform:lowercase;}
.liste-tc-couleur::first-letter {text-transform:uppercase;}
.liste-tc-taillelabel {text-align:center;margin:15px 0;}
.liste-tc-taille {margin:10px;}

/*-----------------------------------------------------*/
/*----------- Product page Castum input nuber ---------*/
/*-----------------------------------------------------*/
.quantity {  position: relative;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0;}
input[type=number] {  -moz-appearance: textfield;}
.productpage .quantite {  width: 70px;  height: 50px;  float: left;  display: block;  padding: 0;  margin: 0;  padding-left: 10px;  border: 1px solid #eee;}
.productpage .quantite:focus {  outline: 0;}
.productpage .quantity-nav {  float: left;  position: relative;  height: 50px;}
.productpage .quantity-button {  position: relative;  cursor: pointer;  border-left: 1px solid #eee;  width: 20px;  text-align: center;  color: #333;  font-size: 13px;  font-family: "Trebuchet MS", Helvetica, sans-serif !important;  line-height: 1.7;  transform: translateX(-100%);}
.productpage .quantity-button.quantity-up {  position: absolute;  height: 50%;  top: 0;  border-bottom: 1px solid #eee;}
.productpage .quantity-button.quantity-down {  position: absolute;  bottom: -1px;  height: 50%;}
.productpage .matrice_prix {display:inline-block;margin-top:13px;margin-left:7px;}

/*-----------------------------------------------------*/
/*-----------         Pnier page        ---------------*/
/*-----------------------------------------------------*/
.panierpage .button { margin : 10px;}
.panierpage .delete { background :#af6b6b; transition : all 0.2s ease;}
.panierpage .delete:hover { background: #a42929;}
.cmdBtns, .empty-cart, .empty { text-align : center;}
.empty-cart .button:last-child{ color : #fff; background :#af6b6b; transition : all 0.2s ease;}
.empty-cart .button:last-child:hover{background: #a42929; cursor: pointer;}
.panierpage .selection { background: #f9f9f9;border: 1px solid #ebebeb;border-radius: 3px;padding: 30px;box-sizing: border-box;width: 100%;}
div.selection_recap { margin: 15px;width: 100%;background: #f9f9f9;border: 1px solid #ebebeb;border-radius: 3px;padding: 30px;box-sizing: border-box;}
.selection_recap table {width : 100%;}
.compte_panier .navbar-nav {flex-direction: row; justify-content : center}
.compte_panier .navbar-nav li{  max-width: 144px; text-align: center;}
.compte_panier .icone-nav {line-height: 1.75em;display: block;text-align: center;}
table.selection th.barcode span {font-size: 14px;font-weight: normal;}


/*-----------------------------------------------------*/
/*-----------         Commande page        ------------*/
/*-----------------------------------------------------*/
.commandespage #left { margin-bottom: 40px;padding: 20px 0;display: inline-block;width: 100%;text-align: center; border : none;}
.commandespage .lien  { background: #fff;box-shadow: 0 2px 2px #ddd; position : relative; color : #000;font-weight: bold;text-decoration: none;display: inline-block;padding: 5px 10px;text-transform: capitalize;font-size: 15px !important;margin: 3px 1px;transition: all .2s ease;}
.commandespage .lien:hover{ box-shadow: 0 0 2px #ddd; }
.commandespage .modal-dialog {max-width: 50%;}
.commandespage .modal-body { justify-content: center;width: 100%;display: flex;overflow: auto;}
.commandespage td .button { width : 100%; padding : 5px; margin :5px auto;}
.commandespage table {font-size:12px;}
/*-----------------------------------------------------*/
/*-----------         Login page           ------------*/
/*-----------------------------------------------------*/
.loginpage .row {align-items: center;flex-direction: column;padding: 20px;}
.loginpage .formcontent { box-shadow: 0 3px 5px #ddd; background: #fff;width: 90%;max-width: 450px;padding: 15px;text-align: center; }
.loginpage .field {background-color: #f6f6f6;border: none;color: #0d0d0d;padding: 15px 32px;text-align: center;text-decoration: none;
                  display: inline-block;font-size: 16px;margin: 5px 0;width: 85%;border: 2px solid #f6f6f6;transition: all 0.5s ease-in-out;}
.loginpage .field:focus {  background-color: #fff;  border-bottom: 2px solid #AF996B;}


/*-----------------------------------------------------*/
/*-----------         Reglement page   ------------*/
/*-----------------------------------------------------*/
.reglementpage form[id$="-form"],.pay_logo_selected { background : #fff;padding : 15px; width : 200px; border : 1px solid #ddd; box-shadow : 0 3px 5px #ddd; border-radius : 10px; margin: 10px; transition : all 0.2s ease;}
.reglementpage form[id$="-form"]:hover { cursor : pointer; box-shadow : 0 0 5px #ddd; transition : all 0.2s ease;}
.reglementpage form[id$="-form"] img { width : 100%; transition: all .2s ease; transform: scale(1);transform-origin: center center; opacity : 1;}
.reglementpage form[id$="-form"]:hover img { transition: all .2s ease; transform: scale(1.1);transform-origin: center center; opacity : 0.5;}

/*-----------------------------------------------------*/
/*-----------         Footer                ------------*/
/*-----------------------------------------------------*/
#footer {color:#212121;padding:30px 15px;text-align:center;}
.allbottoms ul {padding-left:0;}

/*-----------------------------------------------------*/
/*-----------       Categories        -----------------*/
/*-----------------------------------------------------*/
.module_menu012 ul.n-1 > li {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
ul.n-1 {
    text-align: center;
    margin: 0;
    justify-content: flex-start !important;
    display: inline;
    padding-right: 0;
}
ul.n-1 > li a.dropdown-toggle {
    text-transform: lowercase;
    text-align: left;
    font-size: 15px;
    text-decoration: none;
    color: #000;
    display: inline-block;
}
ul.n-1 .dropdown-submenu {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    left: 100%;
    padding: 0 10px;
    margin-top: -30px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.module_menu012 .categoriesN1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    /*max-width: 660px;*/
    height: auto;
    padding: 15px;
    background-color: #fff;
    text-align: left;
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.titre-menu-header a {margin:0 8px;}
.titre-menu-header a::first-letter {text-transform:uppercase;}
.titre-menu-header a::after {display:none;}
.dropdown-toggle {font-weight:bold;}
.dropdown-menu {margin-top:0;}
.dropdown-item {padding-left:0;padding-right:0;}
.dropdown-submenu {padding:0;padding-left:15px;}
.dropdown-submenu .dropdown-item {padding:0;margin:2px 7px 2px 0;}

#affCmdSold {margin-right:7px;}

#copyright, #copyright a {color:#888;}

/*-----------------------------------------------------*/
/*-----------         Respo                ------------*/
/*-----------------------------------------------------*/

/****************** MAX 990px ************************/
@media screen and (max-width:990px){
  .commandespage .modal-dialog {max-width: 90%;}
}

@media screen and (max-width:990px){
  .validationpage td {display:block;}
}