/***************/
/*** GENERAL ***/
/***************/
:root {
	--main-color    : #66a1f9;
	--main-color-950: #23316e;
	--main-color-900: #1f3589;
	--main-color-800: #1f3aae;
	--main-color-700: #1e46d7;
	--main-color-600: #275be9;
	--main-color-500: #3c79f5;
	--main-color-400: #66a1f9;
	--main-color-300: #94c0fc;
	--main-color-200: #bfd8fe;
	--main-color-100: #dbe8fe;
	--main-color-50 : #eff5ff;
	--main-color-pale:#d9edf7;
	--text-color    : #212529;
	--text-color2   : #195471;
}
html, body{margin:0;padding:0;}
.dev-local{background-color:#BBFFFF!important;}
.dev-local-bck{background-color:#BBFFFF!important;background-image:url(https://commons.adventury.net/img/filigrane_local.png)!important;}
.dev-preprod{background-color:#FFBBFF!important;}
.dev-preprod-bck{background-color:#FFBBFF!important;background-image:url(https://commons.adventury.net/img/filigrane_preprod.png)!important;}
*{font-family:arial,verdana,helvetica,sans-serif;outline:none;}
h1, h2, h3, h4, h5, h6{font-family:arial,verdana,helvetica !important;}
img{border:0;}
a{color:#000;}
a, img, object{outline:none;}
a{color:#000000;cursor:pointer;transition:all .2s ease-in-out;}
a:hover{color:#000000 !important;opacity:.8;}
a:focus,
a:active{color:#000000 !important;opacity:1;}
a.hover{color:#000000;text-decoration:underline;}
table{border-collapse:collapse;}
table th{text-align:center;}
label{font-weight:normal;}
p{text-align:justify;}
.capitalize{text-transform:capitalize;}
.ancre{padding-top:60px;}
.text-monospace{font-family:"Courier New";}
.saumon{color:#66A1F9 !important;}
.blanc{color:#FFFFFF !important;}
.bck-saumon{background-color:#66A1F9 !important;}
.bck-saumon-pale{background-color:#FCF5F2 !important;}
.border-bottom-gray{border-bottom:1px solid gray;}
.color-error{color:#f44336;}
.color-ok{color:#009587;}
.color-info{color:#11BBFF;}
.dashed{text-decoration:underline;text-decoration-style:dashed;}
.dotted{text-decoration:underline;text-decoration-style:dotted;}
.block{display:block;}
.inline-block{display:inline-block;}
.btn{box-shadow:0 2px 2px 0 rgba(153,153,153,.14),0 3px 1px -2px rgba(153,153,153,.2),0 1px 5px 0 rgba(153,153,153,.12);text-transform:uppercase;}
.btn-thab{color: #fff;background-color: #23316e;border-color: #23316e;}
.btn-thab:hover,.btn-thab:active,.btn-thab:focus,.btn-thab:active:focus {color: #fff;background-color: #1f3aae;border-color: #1f3aae;}
.btn-thab.focus,.btn-thab:focus,.btn-thab:hover {text-decoration: none;}
.ul-inline li{display:inline-block;}
.obligatoire{color:red;}
.cursor-pointer{cursor:pointer;}
.flex-vertical-align{display:flex;align-items:center;}
.font-weight-bold{font-weight:bold;}
.color-main{color:var(--main-color);}
.notice-explicative {background-color: var(--main-color-50);border: 1px solid var(--main-color-400);border-radius: 10px;padding: 15px 20px;margin: 20px 0;}
.btn-show-hide{cursor:pointer;}

/*Password*/
.display-password input{padding-right: 33px !important;}
.display-password span{right:20px;cursor: pointer;position: absolute;}
ul.liste-colonne-2{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
ul.liste-colonne-3{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
ul.liste-colonne-4{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:4;-moz-column-count:4;column-count:4;}
ul.liste-colonne-5{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:5;-moz-column-count:5;column-count:5;}
ul.liste-colonne-6{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:6;-moz-column-count:6;column-count:6;}

/*Debog*/
.is-adv{color:red!important;font-size:11px!important;}

/*A2244 15/11/2021 modifier egalement dans mail si besoin*/
p.message-informel{font-size:16px;font-weight:bold;}
p.message-informel-bdc{display:inline-block;margin:0;padding:3px 0;font-size:14px;font-weight:bold;}
p.message-informel-0{color:#FF0000!important;}
p.message-informel-1{color:#3C9732!important;}
p.message-informel-2{color:#66A1F9!important;}

/*#btn-form-avis{background-color:#66A1F9;border-radius:0px 4px 4px 0px;position:fixed;left:0;top:50%;z-index:9999;margin-top:-42px;color:#FFFFFF;line-height:20px;font-size:16px;font-weight:bold;display:block;padding:14px 4px;border:1px solid #CCCCCC;border-left:0;text-shadow:1px 1px 1px #888888;text-align:center;cursor:pointer;text-decoration:none;}
#btn-form-avis:hover,
#btn-form-avis:active,
#btn-form-avis:focus{text-shadow:1px 1px 1px #000000;color:#FFFFFF!important;}*/

/*On cache ce champ, mécanisme antispam*/
form #city{display:none !important;}

/*Bouton pour ouvrir la fenetre modal de notification (on simule le clic)*/
#btn-modal-message{display:none !important;}
.modal{z-index:10002 !important;}
.modal .modal-body .picto{font-size:30px;}

/*Fancybox*/
.fancybox-ajax-adv{width:calc(100% - 10px);max-width:1200px;}
.fancybox-container{z-index:10001 !important;}
a.fancybox-iframe{display:inline;}
.btn.fancybox-iframe{margin:inherit;padding:4px 20px;width:initial;display:inline-block;}
.fancybox-button--fullscreen,.fancybox-button--share{display:none!important;}

/*Btn BackToTop*/
#back-to-top{position:fixed;bottom:36px;right:15px;z-index:9999;width:32px;height:32px;text-align:center;font-weight:bold;line-height:30px;background:#66A1F9;color:#FFFFFF;font-size:20px;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:all .4s ease-in-out;opacity:0;}
#back-to-top:hover{background-color:#EEEEEE;color:#66A1F9;}
#back-to-top.show{opacity:1;}

#container-erreur{}
#container-erreur i.glyphicon{font-size:120px;color:#66A1F9;display:inline-block;margin-top:34px;}
#container-erreur p{font-size:16px;}
#container-erreur p a{text-decoration:underline;}


#preheader-commercial{background-color:#23316e;color:#FFFFFF;padding:5px 0;}
#preheader-commercial img{max-width:130px;}/*logo*/
#preheader-commercial a{color:#FFFFFF;font-size:16px;display:inline-block;padding:12px 6px;margin:0 4px;}
#preheader-commercial a svg{top: 4px;height: 19px;position: relative;}
#preheader-commercial a:hover,#preheader-commercial a:active,#preheader-commercial a:focus{text-decoration:none;color:#FFFFFF!important;opacity:.6;}
#preheader-commercial a.active{font-weight:bold;background-color: #243780;border-bottom: 3px solid var(--main-color-400);}
#preheader-commercial #preheader-commercial-bloc-client{background-color:#253B85;border-radius:4px;border:1px solid #649FF6;padding:10px 5px;}
#preheader-commercial .sup-nb-items{background:red;padding:0px 4px;border-radius:50%;margin-left:2px;}

#preheader-client{background-color:#66A1F9;color:#FFFFFF;padding:5px 0;}
#preheader-client img{max-width:130px;}/*logo*/
#preheader-client a{color:#FFFFFF;font-size:16px;display:inline-block;margin:10px 10px;}
#preheader-client a:hover{text-decoration:none;color:#FFFFFF!important;opacity:.6;}
#preheader-client a.active{font-weight:bold;}

/*** HEADER ***/
header{background-color:#FFFFFF;padding-bottom:10px;}
header #preheader{background-color:#FFFFFF;color:#66A1F9;padding:5px 0;}
header #preheader a,
header #preheader a i.glyphicon{color:#66A1F9!important;}
header #preheader a:hover{opacity:.75;color:#66A1F9;}
header #header-top{margin-top:15px;}
header #header-top #logo a{display:inline-block;}
header #header-top #logo a img{max-width:100%;}
header #form-recherche{padding-top:20px;}
header #form-recherche input{width:70%;padding:5px;display:inline-block;}
header #form-recherche #btn-recherche{display:inline-block;text-align:center;padding:5px 10px;}
header #header-droite{text-align:right;}
header #header-droite a{font-size:15px;display:inline-block;text-align:center;}
/*header #header-droite a:last-child{margin-left:30px;}*/
header #header-droite a:hover{color:#4488FF!important;text-decoration:none;}
header #header-droite a i{font-size:32px;color:#66A1F9!important;}
header #header-droite p.prixPublic-phrase{text-align:center;font-size:12px;line-height:16px;padding-left:20%;}
header #header-droite p.prixPublic-phrase b{text-transform:uppercase;}
header #header-droite #item-panier #panier-nb-items{font-weight:bold;}

body.is-commercial-mode{margin-top:54px;}/*haute du préheader en fixed, pour le commercial */
body.is-commercial-mode header #preheader-commercial{position:fixed;top:0;left:0;width:100%;z-index:9999;}

.navbar .navbar-toggle{border:1px solid #66A1F9 !important;}
.navbar .navbar-toggle .icon-bar{background-color:#66A1F9 !important;}
.nav > li > a{padding:12px 12px;}


/*popup ajout/édition/voir centrée et en haut de l'écran, plus ergonomique
Remarque : on ne peut plus déplacer la popup, mais on peut scroll et tout est OK pour l'ergonomie*/
#editmodlist1{top:10px!important;left:calc(50% - 500px)!important;}
#edithdlist1{cursor:inherit!important;}
#viewmodlist1{top:10px!important;left:calc(50% - 200px)!important;}
#edithdlist1,viewhdlist1{cursor:inherit!important;}

.btn-square{width:100%;height:80px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:white;padding:10px;margin:5px 3px;font-size:20px;line-height:1.4;border-radius:10px;}
.btn-square i{margin-right:6px;}

/*** MENU ***/
#header-menu *{text-transform:uppercase;}
#header-menu a.btn{box-shadow:none!important;font-size:15px;margin-top:1px;margin-bottom:1px;padding:8px 12px!important;}
#header-menu.container .affix a.btn:hover{color:#000 !important;opacity:0.8;}
#header-menu.container .affix a.btn{padding :8px 6px !important;}
.menu-principal a{padding: 15px 10px !important;}
.navbar{margin-bottom:0;}
#header-menu .dropdown-menu{margin-top:0!important;}

/*Menu sticky*/

/*decommenter pour ne pas afficher megamenu en sticky*/
/*#header-menu nav.navbar.affix .dropdown-menu{display:none !important;}
#header-menu nav.navbar.affix #navbar > .container > .dropdown{padding:0 5px;}
*/
#header-menu nav.navbar.affix #navbar > .container > .dropdown{padding:0}
#header-menu nav.navbar.affix #navbar > .container > .only-non-sticky{display:none;}
#header-menu nav.navbar.affix{transition:all .5s ease;background-color:#fff;top:0;width:100%;z-index:9999;left:0;right:0;opacity:0.97;}
#header-menu nav.navbar.affix{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) !important;}
/*#header-menu.container .affix a{color:#000;}
#header-menu.container .affix .container .dropdown-menu.multi-level a{color:#333!important;}*/
#header-menu.container .affix-top .container .only-sticky{display:none;}
#header-menu.container .affix .container #menu-item-hp{display:none;}
#header-menu.container .affix .container .only-sticky{display:inline-block!important;}/*on rajoute !important car on a du rajouter un display none sur ces élements, sinon pb de clignotement le temps du chargement*/

body.is-commercial-mode .only-sticky{display:none!important;}

#header-menu.container .affix .container .only-sticky #item-panier-sticky{text-decoration:none !important;}

#img-logo-sticky img{max-width:170px;}
.navbar{text-align: center;min-height:10px!important;}
#header-menu.container .affix {text-align:left;}


/*#header-menu nav.navbar.affix #navbar > .row > .only-sticky a.sticky-picto{padding-left:5px;padding-right:5px;}
#header-menu nav.navbar.affix #navbar > .row > .only-sticky a.sticky-picto img{max-width:20px;}*/

/*#menu nav.navbar.affix #navbar > ul > li > a,
#menu nav.navbar.affix #navbar > ul > li > a.saumon{color:#FFFFFF !important;padding:10px !important;}*/
/*IDEES CADEAUX*/
#header-menu nav.navbar.affix #navbar > .container > .dropdown > a,
#header-menu nav.navbar.affix #navbar > .container > .dropdown > a.saumon{color:#FFFFFF !important;padding:10px 6px !important;}
#header-menu nav.navbar.affix #navbar > .container > .dropdown a:hover{color:#FFFFFF;}
#header-menu nav.navbar.affix #navbar > .container > .dropdown.current a{color:#FFFFFF;font-weight:bold;}
#header-menu nav.navbar.affix #navbar > .container > .dropdown a.wow{visibility:visible !important;}/*on force l'affichage de l'image (sinon pas affichée quand wow utilisé)*/
.dropdown-submenu > a.item-last:after{content:unset!important;}
.dropdown{display:inline-block;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#66A1F9;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px;}
.dropdown >a.active,
.dropdown-menu a.active{font-weight:bold;color:#66A1F9;}
.dropdown >a.active2,
.dropdown-menu a.active2{font-weight:bold;}
.dropdown#item-themes > a:hover{opacity:1!important;}
/*
#bande_banniere_mea{background-color:#111111;color:#FFFFFF;font-size:17px;font-weight:bold;}
#bande_banniere_mea p{font-weight:normal!important;font-size:15px;}
#bande_banniere_mea p,
#bande_banniere_mea p a{color:#FFFFFF !important;}*/


/****SAISIE RAPIDE****/
#tab-bdc td.item-designation textarea.placeholder-comm::placeholder,
#tab-bdc td.item-designation input.change-text-contremarque::placeholder{font-weight:normal;}
/*textarea.placeholder-comm::-webkit-input-placeholder{color:#FF0000!important;opacity:.5;font-style:italic;}
textarea.placeholder-comm::-moz-placeholder{color:#FF0000!important;opacity:.5;font-style:italic;}
textarea.placeholder-comm:-ms-input-placeholder{color:#FF0000;opacity:.5;font-style:italic;}*/



/*** FOOTER ***/
footer{padding:30px 0 0;}
footer #footer-bas{color:#000000;background-color:#E5E5E5;padding:10px 0;}
footer #footer-bas a{color:#45679a;font-size:15px;padding:0 3px;}
footer #footer-bas a#back-to-top{color:#FFFFFF;}

footer #footer-bas a:hover{color:#45679a !important;}
footer #footer-bas #footer-infos{margin-top:15px;}
footer #footer-bas #footer-infos img{margin-left:10px;}
footer #footer-bas #footer-infos-1{text-align:left;}
footer #footer-bas #footer-infos-2{text-align:right;}

/*Panels = blocs d'infos avec titre et alignement vertical (process cmde) */
.panel{border:1px solid rgba(0, 0, 0, .125);box-shadow:none;border-radius:4px !important;}
.panel > .panel-heading{background-color:#F9F9F9 !important;border-bottom:1px solid rgba(0, 0, 0, .125);font-weight:bold;}

#page-connexion{margin-top:30px;margin-bottom:30px;}
#page-connexion h2{font-size:18px;text-align:center;margin-bottom:30px;font-style:italic;color:#4d5b74;font-weight:bold;}
#page-connexion label{font-size:15px;color:#000000;}
#page-connexion form{background-color:#F8F8F8;border:1px solid #EEEEEE;}
#page-connexion form input[type=text],
#page-connexion form input[type=email],
#page-connexion form input[type=password]{padding:4px;border:1px solid #AAAAAA;max-width:100%;box-sizing:border-box;}



/*** HP ***/
#hp{}
#hp #articles-phares h2{text-transform:uppercase;font-size:24px;font-weight:300;margin:0 0 15px;padding:0;float:left;width:100%;}
#hp-dalles div{margin-bottom:10px;}
#hp-dalles img{width:100%;height:auto;}
#hp-articles-deja-vus a img{border:1px solid #EEEEEE;}

/*MODULES*/
#page{border-top:1px solid #BBBBBB;}
#page #contenu h1{font-size:28px;font-weight:400;color:#66A1F9;margin-top:40px;}
#page #contenu h2{font-size:22px;font-style:italic;}
#page #contenu .article h2{font-size:inherit;font-style:inherit;}
#page #contenu a:hover{color:#66A1F9;}

.presentoirs-item{padding:0 0 10px 0;border:2px solid #cccccc;}
.presentoirs-item .presentoir-item-btn-panier{min-height:40px;}

/*** PAGES DE RESULTATS ***/
#resultats{}
#resultats h1,
#resultats h1 a{font-size:24px;text-transform:uppercase;color:#444444;}

#bandeau-couteau{position:relative;}/*background-color:#000000;*/
#bandeau-couteau #couteau-img-btn-bandeau{position:absolute;bottom:16px;right:10px;display:inline-block;border:1px solid gray;color:#FFFFFF;background-color:#000000;font-size:16px;border-radius:5px;padding:6px 14px;cursor:pointer;text-transform:uppercase;}
#bandeau-couteau #couteau-img-btn-bandeau:hover{background-color:#4c534d;color:#FFFFFF;}

/*Utilisé pour la HP et les pages de résultats*/
#resultats-filtres-attributs #bloc-spinner-ajax{text-align:center;padding:100px 10px;font-style:italic;}


.colonne-laterale{margin-top:20px;}
.colonne-laterale h3{background-color:#EFEFEF;color:#383838;padding:3px 8px;font-style:italic;font-size:19px;margin:0 0 10px;}
.colonne-laterale .filtres-type{padding:0 0 10px;}
.colonne-laterale .filtres-type span.titre{display:block;text-transform:uppercase;font-size:16px;font-weight:bold;border-bottom:1px solid #888888;padding-bottom:0px;}
.colonne-laterale .filtres-type span.titre .filtre-type-btn{float:right;cursor:pointer;color:#FFFFFF;background-color:#999999;font-size:18px;font-family:courier;font-weight:normal;display:inline-block;padding:1px 5px;border-radius:1px;}
.colonne-laterale .filtres-type span.titre .filtre-type-btn:hover{opacity:.8;}
.colonne-laterale .filtres-type label{color:#000000;}
.colonne-laterale .filtres-type label.disabled{color:gray;cursor:inherit;}
.colonne-laterale .filtres-type .filtres-datas ul{margin:5px 0 10px;padding:0;}
.colonne-laterale .filtres-type .filtres-datas ul li{margin:0;padding:0;list-style-type:none;line-height:20px;position:relative;float:left;width:100%;}/*A2367 ajout position*/
.colonne-laterale .filtres-type .filtres-datas ul li a{font-size:12px;float:left;}
.colonne-laterale .filtres-type .filtres-datas ul li a.filtre-close{float:right;font-size:11px;text-decoration:underline;}
.colonne-laterale .filtres-type .filtres-datas ul li a.filtre-close .glyphicon{font-size:10px;}
.colonne-laterale .filtres-type .filtres-datas ul li a span{font-size:10px;}
.colonne-laterale .filtres-type .filtres-datas ul li input[type=checkbox]{cursor:pointer;}
.colonne-laterale .filtres-type input.filtre-recherche{border-radius:3px;margin-top:5px;border:1px solid gray;width:100%;padding:3px 6px;}
.colonne-laterale .filtres-type .filtre-liste-scroll{overflow:auto;height:200px;}
.colonne-laterale .filtres-type .filtres-datas ul li label{display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:2px;}/*Notamment pour les attributs*/
.colonne-laterale .filtres-type .filtres-datas ul li label input[type=checkbox]{margin-top:0!important;}

/*affichage de l'agrégation par semaine */
#resultats .resultats-agregation-semaine{background-color:#FCD800;font-size:18px;font-weight:bold;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-bottom:20px;}

#resultats #resultats-description h2,
#resultats #resultats-description h3,
#resultats #resultats-description h4{margin:0;padding:0 0 6px;font-size:18px;}
#resultats #resultats-description p{margin-bottom:5px;}
#resultats .formTri{padding-bottom:5px;border-bottom:1px solid #888888;}
#resultats .formTri .titre-resultats{font-size:18px;}
#resultats .formTri .btn-pagination{border-radius:1px;margin:0;background:#66A1F9;font-weight:normal;padding:2px 10px;color:#FFFFFF;font-size:16px;}
/*Vermeil*/
#resultats .image-vermeil-container span{font-size: 11px;display: block;text-align: left;}
#resultats .filigrane_vermeil{position: absolute;left: 0;pointer-events:none;width: 100%;}
.image-fabrication-speciale{width: min(100%,124px);}


/*Utilisé dans les pages de résultats, mais aussi dans toute liste d'articles sur le site*/
.liste-articles{padding:0 !important;}
.liste-articles h5{font-size:.8em;}
.liste-articles li.article{text-align:center;list-style-type:none;border:1px solid transparent;}
.liste-articles li.article:hover{border:1px solid #66A1F9;}
.liste-articles li.article:hover .btn-voir{visibility:visible;}
.liste-articles li.article .btn-voir{transition:all 0s ease-in-out;display:block;visibility:hidden;background-color:#66A1F9;border:1px solid #66A1F9;border-radius:unset;color:#FFFFFF;text-transform:uppercase;text-align:center;padding:5px;font-weight:bold;font-size:12px;margin:10px 0 5px;cursor:pointer;}
.liste-articles li.article .btn-voir:hover{background-color:#FFFFFF;color:#66A1F9;}
.liste-articles li.article .btn-voir.btn-voir-demi-gauche{float:left;width:48%;margin-right:1%;}
.liste-articles li.article .btn-voir.btn-voir-demi-droite{float:left;width:48%;margin-left:1%;}
.liste-articles li.article h2,
.liste-articles li.article h3{margin-top:6px;float:left;width:100%;font-size:11px;line-height:16px;height:48px;overflow:hidden;margin-bottom:2px;}
.liste-articles li.article .reference{font-weight:bold;display:block;text-align:center;}
.liste-articles li.article .matiere{display:block;text-align:center;font-size:12px;height:16px;overflow:hidden;}
.liste-articles li.article .article-prix{font-weight:bold;font-size:16px;color:#66A1F9;line-height:20px;}/*A4345 meme ligne height barré et non barré pour faciliter les calages*/ /*A5521 passage de 22 à 20px pour éviter décalage si 1 article avec prix conseillé au milieu des autres*/
.liste-articles li.article .article-prix-barre{color:#666666;font-size:14px;line-height:22px;}
.liste-articles li.article .image-article{position:relative;display:block;float:left;width:100%;margin-bottom:5px;}
.liste-articles li.article .image-article .article-labels{position:absolute;bottom:5px;right:0;z-index:2;width:100%;}/*2 sinon passe par dessus le mega menu à 1000*/
.liste-articles li.article .image-article .article-labels .article-label{width:100%;display:block;background-color:rgba(50, 80, 120, .7);color:#FFFFFF;padding:2px 0;font-size:9px;font-weight:bold;text-transform:uppercase;}
.liste-articles li.article .image-article .article-labels .article-label.article-label-enfabrication{background-color:#FCD800;color:#000000;}
.liste-articles li.article .image-article .article-labels .article-label.article-label-enfabrication-longueduree{background-color:#F76300;color:#FFFFFF;}
.liste-articles li.article .image-article .article-labels .article-label.article-label-promotion{background-color:#FFFFFF;color:#990000;font-size:11px;}/*fond non-transparent car affichage pas top sur photo sans blanc tournant*/


/*** PAGE ARTICLE ***/
#article{margin-top:10px;margin-bottom:40px;}
#article #adv_encart-info{margin-top:-35px;font-family:arial;text-align:left;font-size:12px;color:red;/*border:1px solid red;*/padding:5px;}
/*BLOC GAUCHE*/

#article #article-labels{margin-top:10px;}
#article #article-labels .article-label{font-size:14px;background-color:#66A1F9;color:#FFFFFF;padding:4px 10px;}
#article #article-labels .article-label#article-label-enfabrication{background-color:#FCD800;color:#000000;}
#article #article-labels .article-label#article-label-enfabrication-longueduree{background-color:#F76300;color:#FFFFFF;}
#article #article-labels .article-label#article-label-promotion{background-color:#990000;color:#FFFFFF;}
#article .slider-img-produit{padding-top:10px;border-top:1px solid #dddddd;display: flex;align-items: center;margin-bottom:50px;}
#article .slick-arrow{cursor: pointer;}
/*Vermeil*/
#article .image-vermeil-mini{width: 10%;}
#article .filigrane_vermeil{position: absolute;left: 0;pointer-events:none;height: 100%}
.img__blend__color{mix-blend-mode: color;}
.img__blend__darken{mix-blend-mode:darken;opacity:85%;}
.container-vignette{position: relative;}
.container-vignette::after{clear: both;content: ".";visibility: hidden;line-height: 0;height: 0;display: block;}
/*
#article #article-images #article-img-vignettes{float:left;width:100%;}
#article #article-images #article-img-vignettes img.article-vignette{float:left;cursor:pointer;border:1px solid #CCCCCC;margin:6px 12px 6px 0;max-width:50px;}
#article #article-images #article-img-vignettes img.article-vignette:hover{opacity:.7;}
#article #article-images #article-img-vignettes img.article-vignette.current{border-color:#66A1F9;}
#article #article-images #article-img-vignettes #article-social{margin-top:5px;float:right;margin-right:60px;text-align:right;}
#article #article-images #article-img-vignettes #article-social .fb_iframe_widget{margin-bottom:6px !important;}
*/

.zm-description{display: none !important;}


#article-images img.img-vignette,
#article-images2 img.img-vignette{cursor:pointer;}
#article-images img.img-large.img-vignette:hover,
#article-images2 img.img-large.img-vignette:hover{opacity:.7;}

/*#article-images img.img-produit{border-bottom:1px solid #ddd}*/
#article-images img.vignette-active,
#article-images2 img.vignette-active{border:1px solid #66A1F9}


/*BLOC INFOS (DROITE)*/
#article #article-info{padding-left:0;padding-right:0;padding-bottom:20px;}
#article #article-info h1{text-align:justify;font-size:22px;margin:0;}
#article #article-info #article-reference{font-weight:bold;font-size:16px;color:#66A1F9;}
#article #article-info ul{padding:0 0 0 15px;}
#article #article-info ul li{font-size:14px;line-height:20px;}
#article #article-info hr{border:0;border-bottom:1px solid #D4D4D4;margin:15px 0 10px;}
#article #article-info label{font-size:15px;margin:0;}
#article #article-info #article-prix span{font-weight:bold;font-size:18px;color:#66A1F9;}
#article #article-info #article-prix strike{font-size:15px;}
#article #article-info #btn-addPanier{padding-left:20px;padding-right:20px;}

/*ARTICLES PARURE - affiché dans la page article, si produits associés*/
/*#articles-associes thead tr{background-color:#66A1F9;color:#FFFFFF;}
#articles-associes tr.borderTop td{border-top:1px solid #000000;}
#articles-associes td.td-img{padding:0!important;}
#articles-associes td.td-img img{width:50px;height:50px;position: absolute;left: 0;top:0;}
#articles-associes .quantite-down,
#articles-associes .quantite-up{cursor:pointer;font-size:26px;}
#articles-associes input.articles-associes-item-qty{text-align:center;min-width:50px;margin:0 2px;}
#articles-associes #articles-associes-btn-panier-add{margin-top:10px;}
.articles-associes-container-photos{position:relative;width:50px;height:50px;margin:auto;}*/

#article-tab-variantes .btn-action i.material-icons{margin-top:-3px;}
#article-tab-variantes #psc-contenu > table{max-height:100%;}
#article-tab-variantes #psc-contenu thead tr{background-color:#66A1F9;color:#FFFFFF;}
#article-tab-variantes #psc-contenu tr.borderTop td{border-top:1px solid #66a1f9;}/*border top fonce pour sparer les bagues du reste car plusieurs tbagues*/
#article-tab-variantes #psc-contenu td.td-img{padding:5px 0 5px 0;}
#article-tab-variantes #psc-contenu td.td-img img{width:50px;height:50px;position:absolute;left:0;top:0;}
#article-tab-variantes #psc-contenu .quantite-down,
#article-tab-variantes #psc-contenu .quantite-up{cursor:pointer;transition:all .2s ease-in-out;}
#article-tab-variantes #psc-contenu .quantite-down i,
#article-tab-variantes #psc-contenu .quantite-up i{padding:2px;}
#article-tab-variantes #psc-contenu .quantite-down:hover,
#article-tab-variantes #psc-contenu .quantite-up:hover{opacity:.75;}
#article-tab-variantes #psc-contenu input.psc-item-qty{text-align:center;min-width:50px;margin:0 2px;}/*width:100%;*/
#article-tab-variantes #psc-contenu .ligne-info-small{text-align:center;padding:0;margin:0;font-size:10px;line-height:8px;}
#article-tab-variantes #psc-footer #psc-btn-panier-add{margin-top:10px;}
#article-tab-variantes .nav-tabs{margin-bottom:6px;}
#article-tab-variantes .nav-tabs > li > a{padding-top:2px;padding-bottom:2px;background-color:#EEEEEE;text-transform:capitalize;}
#article-tab-variantes .nav-tabs > li.active > a,
#article-tab-variantes .nav-tabs > li.active > a:hover,
#article-tab-variantes .nav-tabs > li.active > a:focus{background-color:#66a1f9;color:#FFFFFF!important;font-weight:bold;}

/*VARIANTES*/
#variantes-container{border-top:1px solid #d4d4d4;}
#variantes-container > div{display:flex;align-items:start;}
#variantes-container .variante{display:flex;flex-direction:column;gap:14px;padding-top:14px;}
#variantes-container .variante a{display:flex;gap:10px;align-items:center;}
#variantes-container .variante a .variante-img{border:2px solid #d4d4d4;max-height:120px;}
#variantes-container .variante a .variante-picto{width:26px;}
#variantes-container .variante#variante-couleur{align-items:end;}

@media(max-width:768px){
	#variantes-container > div{flex-direction:column;}
	#variantes-container .variante#variante-couleur{align-items:start;}
}

/*COMMERCIAL - popup PSC (Popup Saisie Commercial)
On est parti du code #articles-associes initialement*/
#psc{user-select:none;height:600px;padding:0px 8px 0px 8px!important;}/*padding-top pour éviter chevauchement avec croix fermeture popup / hauteur à fixer selon hauteur également #commercialBDCinterface-contenu*/
#psc-header #popup_article_encours_img{border:1px solid #EEEEEE;max-width:unset!important;}
#psc-header #popup_commercial_reference_recherche{width:100%;border:1px solid gray;}
#psc-header #popup_article_encours_reference,
#psc-header #popup_article_encours_nom{display:inline-block;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#psc-header #commercial_montant_total{float:right;font-weight:bold;}
#psc-header .label-parures{display:flex;border:1px solid #DDDDDD;border-radius:5px;padding:2px 6px;text-align:center;cursor:pointer;}
#psc-header .label-parures input[type=checkbox]{margin-top:1px;margin-left:2px;}
#psc-resultats{overflow-x:auto;}
#psc-resultats .btn-action i.material-icons{margin-top:-3px;}
#psc-resultats #psc-contenu{margin-top:10px;height:394px;overflow-y:scroll;scrollbar-width:thin;border:1px solid #DDD;}
#psc-resultats #psc-contenu > table{max-height:100%;}
#psc-resultats #psc-contenu thead tr{background-color:#66A1F9;color:#FFFFFF;}
#psc-resultats #psc-contenu table th .th_prix{font-size:13px;}
#psc-resultats #psc-contenu table th .th_prix > span{font-weight:normal!important;font-size:11px;}
#psc-resultats #psc-contenu tr.borderTop td{border-top:2px solid #66a1f9;}/*border top foncée pour séparer les bagues du reste car plusieurs tbagues*/
#psc-resultats #psc-contenu td.td-img{padding:0!important;}
#psc-resultats #psc-contenu td.td-img img{width:50px;height:50px;position:absolute;left:0;top:0;}
#psc-resultats #psc-contenu .prix-barre{color:#999999;font-size:12px;}
#psc-resultats #psc-contenu .prix-az{color:#999999;font-size:10px;}
#psc-resultats #psc-contenu .prix-final{font-size:14px;}
#psc-resultats #psc-contenu .quantite-down,
#psc-resultats #psc-contenu .quantite-up{cursor:pointer;transition:all .2s ease-in-out;}
#psc-resultats #psc-contenu .quantite-down i,
#psc-resultats #psc-contenu .quantite-up i{font-size:35px;padding:2px/*boutons gros et un peu de padding, pour faciliter clic sur thablette*/}
#psc-resultats #psc-contenu .quantite-down:hover,
#psc-resultats #psc-contenu .quantite-up:hover{opacity:.75;}
#psc-resultats #psc-contenu input.psc-item-qty{text-align:center;min-width:50px;margin:0 2px;}/*width:100%;*/
#psc-resultats #psc-contenu .ligne-info-small{text-align:center;padding:0;margin:0;font-size:10px;line-height:8px;margin-top:-2px;}
#psc-resultats #psc-contenu span.btn-force-new-recherche-reference{cursor:pointer;}
#psc-resultats #psc-contenu span.btn-force-new-recherche-reference:hover{text-decoration:underline;}
#psc-resultats #psc-footer #psc-btn-panier-add{margin-top:10px;}
#psc-resultats .nav-tabs > li > a{padding-top:2px;padding-bottom:2px;background-color:#EEEEEE;text-transform:capitalize;}
#psc-resultats .nav-tabs > li.active > a,
#psc-resultats .nav-tabs > li.active > a:hover,
#psc-resultats .nav-tabs > li.active > a:focus{background-color:#66a1f9;color:#FFFFFF!important;font-weight:bold;}
.psc-container-photos{position:relative;width:50px;height:50px;margin:0 auto;}
.psc-container-photos img{width:74px;height:74px;position:absolute;left:0;top:0;cursor:pointer;}
.psc-container-photos img:hover{opacity:.7;border:1px solid #66a1f9!important;}



/*POPUP PERSO*/
#bloc-perso{max-width:1198px;overflow-y:auto;}
#bloc-perso #titreInfos{color:#004080;text-transform:uppercase;font-size:17px;line-height:16px;font-weight:bold;}
#bloc-perso #titrePerso{font-size:36px;line-height:18px;}
#bloc-perso #perso-container-prix-total{display:none;padding-right:0;text-align:right;}
#bloc-perso #perso-container-prix-total #perso-prix-total{color:#00708E;font-size:22px;font-weight:bold;}
#bloc-perso #perso-container-prix-total #perso-prix-options{color:#00708E;font-size:17px;font-weight:bold;}
#bloc-perso #perso-declinaison-additionnelle-prix{color:#00708E;font-size:14px;font-weight:bold;}

#bloc-perso table{width:100%!important;table-layout:fixed;}
#bloc-perso table tr.tr-separateur{border-bottom-width:0px!important;}
#bloc-perso table tr.tr-separateur td{padding-top:20px;}
#bloc-perso table tr.tr-separateur td hr{#width:100%;margin-bottom:24px;border:none;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-bottom: 1px dashed #000000;}
#bloc-perso table tr.tr-separateur td hr:before{content:attr(data-separateur-titre);position:absolute;left:50%;color:#000000;transform:translate(-50%, -50%);border-left:1px solid #FFFFFF;border-right: 1px solid #FFFFFF;background-color:#FFFFFF;padding:0 4px;font-weight:bold;font-size:15px;}

#bloc-perso table td{white-space:normal;}
#bloc-perso table td.td-titre{width:33%;}
/*A2030 note pour .td-titre : <colgroup> directement dans le tableau pour gérer les SEPARATEURS*/
#bloc-perso .perso-section-container,
#bloc-perso .perso-grouping-container,
#bloc-perso .perso-grouping-container .perso-section-container.perso-section-container-actif{margin-bottom:20px;border:1px solid #AACCFF;border-radius:10px;padding-top:10px;padding-bottom:10px;box-shadow : 0 .1rem 1.75rem 0 rgba(100, 100, 100, 0.2) !important;}
#bloc-perso .perso-grouping-container .perso-section{padding-left:0;padding-right:0;}
#bloc-perso .perso-grouping-container .perso-section-container{border:1px solid #DDDDDD;box-shadow:none !important;}
#bloc-perso p.perso-section-btn,
#bloc-perso p.perso-section-grouping-btn{font-weight:bold;font-size:16px;display:inline-block;cursor:pointer;}
#bloc-perso p.perso-section-btn input[type=checkbox],
#bloc-perso p.perso-section-grouping-btn input[type=radio]{cursor:pointer;}
#bloc-perso p.perso-section-btn:hover,
#bloc-perso p.perso-section-grouping-btn:hover{opacity:.75;}
#bloc-perso .perso-section{display:none;}/*on cache par défaut une perso, sauf si elle est cochée*/
/*#bloc-perso .perso-section input.perso-section-checkbox{display:none;}*/
#bloc-perso .perso-section input[type=text],
#bloc-perso .perso-section textarea{width:100%;max-width:100%;}
#bloc-perso .perso-section .bloc-symboles-btn *{font-size:10px;}
#bloc-perso .perso-section .bloc-symboles-btn a img{max-width:23px;}
#bloc-perso .perso-section .btn-picker{cursor:pointer;}
#bloc-perso .perso-section .btn-picker:hover{text-decoration:underline;}
#bloc-perso .perso-champ{border:1px solid gray;padding:2px 4px;margin:1px;width:100%;box-sizing:border-box;}
#bloc-perso input.perso-champ,
#bloc-perso select.perso-champ{height:29px;}/*pas les textarea*/
#bloc-perso p.perso-consignes{text-align:center;font-size:14px;font-weight:bold;color:#111111;padding-top:6px;}
#bloc-perso p.perso-groupe-libelle{padding:6px 0;margin-bottom:0;text-align:center;}
#bloc-perso p.perso-groupe-libelle span{font-size:14px;font-weight:bold;color:#111111;cursor:pointer;color:#66A1F9;text-decoration:underline;}
#bloc-perso p.perso-groupe-libelle span:hover{opacity:.75;}
#bloc-perso .tab-content .tab-pane{padding-top:12px;}
#bloc-perso td.perso-pickerchoix-aff{text-align:center;}
#bloc-perso td.perso-pickerchoix-aff img{max-width:120px;max-height:70px;}
#bloc-perso .perso-prix,
.perso-picker-popup .perso-prix{color:#66A1F9;font-weight:bold;}
#bloc-perso div.picker-container-btn-delete-choice{display:none;}

#bloc-perso .perso-file-message{color:#666666;font-style:italic;}

#bloc-perso .file-btn-delete-choice,
#bloc-perso #file-btn-delete-perso-schema-fichier{color:#333333;cursor:pointer;font-style:normal;}
#bloc-perso .file-btn-delete-choice:hover,
#bloc-perso #file-btn-delete-perso-schema-fichier:hover{text-decoration:underline;}
/*bloc récap*/
.perso_container .article-perso-bloc-recap{margin-top:8px;line-height:17px;padding:0 10px 10px 10px;margin-bottom:2px;background-color:#F4F4F4;border-color:#DDDDDD;border-radius:5px;}
.perso_container .article-perso-bloc-recap h5{padding-top:10px;}
.perso_container .article-perso-bloc-recap .perso-recap-input-titre{display:inline-block;padding-top:6px;padding-right:5px;}
.perso_container .article-perso-bloc-recap img{max-height:54px;max-width:300px;}

.perso_container .article-perso-bloc-recap table{margin-top:6px;}
.perso_container .article-perso-bloc-recap table.tab-input-saisie tr,
.perso_container .article-perso-bloc-recap table.tab-input-saisie tr td{padding:0 5px 0 0!important;border:0!important;text-align:left!important;}

/*surcouche éventuellement dans le panier ou le BDC
#panier-tab .article-perso-bloc-recap{background-color:red;}
#tab-bdc .article-perso-bloc-recap{background-color:blue;}
*/

/*Accordions jquery*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{background-color:#66A1F9 !important;border:1px solid #66A1F9 !important;}
.ui-accordion .ui-accordion-content{padding:2px !important;}
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-br,
.ui-corner-tr{border-radius:0 !important;}

/*Perso picker couleur et autres*/
.perso-picker-popup h1{margin:0 0 16px;}
.perso-picker-popup ul#picker-item-liste li{list-style-type:none;margin-bottom:20px;}
.perso-picker-popup ul#picker-item-liste li > img,
.perso-picker-popup ul#picker-item-liste li > span{cursor:pointer;}
.perso-picker-popup ul#picker-item-liste li > img:hover,
.perso-picker-popup ul#picker-item-liste li > span:hover{opacity:.75;}

.perso-picker-popup#perso-picker-logo{min-height:610px;}/*pour afficher toujours la même hauteur même si une recherche vide*/
.perso-picker-popup#perso-picker-logo #container-recherche{display:none;}
.perso-picker-popup#perso-picker-logo #container-recherche-form *{font-size:16px;}
.perso-picker-popup#perso-picker-logo #container-recherche-form label{position:relative;}
.perso-picker-popup#perso-picker-logo #container-recherche-form label span{font-weight:bold;}
.perso-picker-popup#perso-picker-logo #container-recherche-form label input[type=text]{height:29px!important;border:1px solid #444444;max-width:50%;}/*max-width pour gestion responsive sur une ligne*/
.perso-picker-popup#perso-picker-logo #container-recherche-form #btn-recherche-logo-reset{display:none;font-size:22px!important;line-height:22px!important;background-color:#FFFFFF;vertical-align:middle;cursor:pointer;position:absolute;padding-right:3px;right:1px;top:2px;}
.perso-picker-popup#perso-picker-logo #container-recherche-form #btn-recherche-logo-reset:hover{opacity:.75;}
.perso-picker-popup#perso-picker-logo #container-recherche-form #btn-recherche-logo-reset i{font-size:22px!important;}

/*Perso popup picker Logos*/
.perso-picker-popup#perso-picker-logo #accordion h3{padding-right:60px;}
.perso-picker-popup#perso-picker-logo #accordion{max-width:100% !important;}
.perso-picker-popup#perso-picker-logo #accordion ul,
.perso-picker-popup#perso-picker-logo #container-recherche ul{margin:0;padding:0;}
.perso-picker-popup#perso-picker-logo #accordion ul li,
.perso-picker-popup#perso-picker-logo #container-recherche ul li{list-style-type:none;display:inline-block;text-align:center;font-size:11px;padding:10px;margin-top:2px;margin-bottom:2px;border:1px solid transparent;}
.perso-picker-popup#perso-picker-logo #accordion ul li > span,
.perso-picker-popup#perso-picker-logo #container-recherche ul li > span,
.perso-picker-popup#perso-picker-logo #accordion ul li > img,
.perso-picker-popup#perso-picker-logo #container-recherche ul li > img{cursor:pointer;}
.perso-picker-popup#perso-picker-logo #accordion ul li > span:hover,
.perso-picker-popup#perso-picker-logo #container-recherche ul li > span:hover,
.perso-picker-popup#perso-picker-logo #accordion ul li > img:hover,
.perso-picker-popup#perso-picker-logo #container-recherche ul li > img:hover{opacity:.75;}

/*BLOC DROITE*/
#article form input[type=submit]{background-color:#000000;color:#fff;padding:10px 20px;text-transform:uppercase;border:1px solid #000;border-radius:1px;}
#article form input[type=submit]:hover{background-color:#fff;color:#000;}
#article h2{font-size:1.4em;}
#article h3{font-size:1.2em;}
#article #article-description{font-size:13px;}
table#article-caracteristiques{}
table#article-caracteristiques td{padding:5px 10px 5px 30px;}
table#article-caracteristiques td h4{font-size:14px;font-weight:300;padding:0;margin:0;}

#article .info-client-interne{color:blue;}
#article #bloc-infos-user-avance{background-color:#EEEEEE;border-radius:10px;padding:10px 20px;margin:20px 0;}

/* COMPTE CLIENT */
#page-client-compte .lien-action{color:#66A1F9;font-weight:bold;cursor:pointer;text-decoration:none!important;}
#page-client-compte .lien-action:hover{text-decoration:underline!important;color:#000000;}
#page-client-compte #container-commande-detail{margin-top:40px;}
#container-commande-detail table thead th {background-color:#EEEEEE;color:#444444;padding: 10px;font-weight: normal;}
#container-commande-detail #case-prix-ttc{color:#FFFFFF;background-color:#333333;}
#container-commande-detail{padding-top:50px;}

#container-commande-detail .article-labels .article-label{width:100%;display:block;background-color:rgba(50, 80, 120, .7);color:#FFFFFF;padding:2px 0;font-size:9px;font-weight:bold;text-transform:uppercase;}
#container-commande-detail .article-labels .article-label.article-label-enfabrication{background-color:#FCD800;color:#000000;}
#container-commande-detail .article-labels .article-label.article-label-enfabrication-longueduree{background-color:#F76300;color:#FFFFFF;}

.list-group-flex-vertical-align a{display:flex;align-items:center;}
.list-group-item.active{background-color: #66A1F9 !important;border:1px solid #66A1F9;}
.list-group-item.active:hover, .list-group-item.active:focus{background-color: #fff !important; color:#66A1F9!important;border:1px solid #66A1F9;}

/******************
* PROCESS DE CMDE *
*******************/

ul#bandeau-etapes{background-color:#66A1F9;padding:1px 0;margin-top:-1px;/*pour chevaucher la bande du menu*/}
ul#bandeau-etapes li{text-align:center;list-style-type:none;padding:10px;}
ul#bandeau-etapes li,
ul#bandeau-etapes li a{color:#FFFFFF;text-transform:uppercase;font-size:16px;font-weight:bold;display:inline-block;}
ul#bandeau-etapes li.etape-ok,
ul#bandeau-etapes li.etape-ok a{background-color:#FFFFFF;color:#66A1F9;}

#commande-livraison h3 i,
#commande-paiement h3 i,
#commande-recap h3 i{color:#66A1F9;}

.cmde-processus-boutons div{padding-top:25px;}

#commande-panier h1,
#commande-connexion h1,
#commande-livraison h1,
#commande-paiement h1,
#commande-recap h1,
#commande-fin h1{text-align:center;font-size:30px;}


/*** PANIER ***/
#commande-panier{}
.is-commercial-mode #commande-panier{padding-left:4px;padding-right:4px;}
#commercial-panier-ventilation{height:500px;vertical-align:center;display:grid;align-content:start;background-color:#66a1f9;}
#commercial-panier-ventilation #ventilation-header{position:absolute;top:8px;width:100%;text-align:center;}
#commercial-panier-ventilation #ventilation-header #btn-panier-encours-client i{color:green!important;cursor:pointer;}
#commercial-panier-ventilation #ventilation-header #btn-panier-encours-client i.encours-semibloque{color:orange!important;cursor:pointer;}
#commercial-panier-ventilation #ventilation-header #btn-panier-encours-client i.encours-depasse{color:red!important;}
#commercial-panier-ventilation #ventilation-infos{color:#FFFFFF;margin-top:38px;/*haut du header en absolute*/}
#commercial-panier-ventilation #ventilation-infos .ventilation-infos-matiere{margin-top:6px;margin-bottom:6px;text-align:center;}
#commercial-panier-ventilation #bloc-panier-psc-recherche{position:absolute;bottom:0;width:100%;text-align:center;}
#commercial-panier-ventilation #bloc-panier-psc-recherche form{padding:10px 4px;}
#commercial-panier-ventilation #bloc-panier-psc-recherche input#commercial_reference_recherche{width:98%;border:1px solid gray;margin:4px 0;width:100%;}
#commercial-panier-ventilation #bloc-panier-psc-recherche .btn-action{padding:4px 2px;color:#66a1f9;border-color:#FFFFFF;background-color:#FFFFFF;margin:8px 0;width:100%;font-size:13px;}
#commercial-panier-ventilation #bloc-panier-psc-recherche .btn-action:hover{color:#FFFFFF!important;background-color:#66a1f9!important;}
#commercial-panier-ventilation #bloc-panier-psc-recherche .label-parures{color:#FFFFFF;font-size:12px;margin:0!important;width:100%;}

#commercial-panier-tableau{height:500px;vertical-align:center;overflow-x:auto;}
.commercial-panier-options{padding-top:15px;}

#commercial-commande-autres-options-btn{cursor:pointer;font-size:14px;font-weight:bold;}
#commercial-commande-autres-options-btn i.material-icons{color:#66a1f9;font-size:30px;}

.commercial-panier-options > div > div{border-radius:10px;border:1px solid #66a1f9;}
.commercial-panier-options.ligne1 > div > div{padding-bottom:10px;}
.commercial-panier-options.ligne2 > div > div{min-height:120px;}
.commercial-panier-options.ligne3 > div > div{min-height:180px;}
.commercial-panier-options > div > div h6{font-weight:bold;font-size:15px;text-align:center;}
.commercial-panier-options > div > div textarea{width:100%;line-height:20px;min-height:84px;}
#commercial-modal-encours-client th{text-align:left;}
#commercial-modal-encours-client td{text-align:right;}
#commercial-panier-form label{cursor:pointer;}
.commercial-panier-section-titre{cursor:pointer;background-color:#23316e;color:#FFFFFF;font-weight:bold;font-size:16px;text-align:center;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #66a1f9;}
.commercial-panier-section-titre .chevron{color:#facf27!important;}
/*.commercial-panier-section-titre .chevron img{max-width:20px;vertical-align:sub;margin-right:5x;}*/
.commercial-panier-section-contenu{display:none;}
.commercial-panier-section-contenu.active{display:block;}
.commercial-panier-section-contenu input[type=text]:read-only,
.commercial-panier-section-contenu input[type=text]:disabled{color:#555555;}
.commercial-panier-section-contenu label{line-height:22px;}
.commercial-panier-section-contenu .btn-psc-open{cursor:pointer;}
.commercial-panier-section-contenu .btn-psc-open:hover{text-decoration:underline;}
.commercial-panier-section-contenu #commandeOptions_ECLMONTANT_span input,
.commercial-panier-section-contenu #commandeOptions_ECLQUANTITE_span input{width:62px;padding-top:0;padding-bottom:0;}

.commercial-panier-section-contenu #commercial-commande-autres-options-container > div{padding-left:8px;padding-right:8px;}
.commercial-panier-section-contenu #commercial-commande-autres-options-container > div .col-sm-12{padding-left:8px;padding-right:8px;min-height:226px;}

#panier-commercial-total-quantite,
#panier-commercial-btn-reset{position:absolute;right:8px;font-weight:normal;z-index:1000;}
#panier-commercial-btn-tri-alpha-LP{position:absolute;left:8px;font-weight:normal;z-index:1000;}
#panier-commercial-btn-tri-alpha-LP span{font-size:12px;}
#panier-tab,
#panier-tab th,
#panier-tab td{border:1px solid #DDDDDD;}
#panier-tab thead th{background-color:#DDDDDD;color:#444444;padding:10px;font-weight:bold;}
#panier-tab td{padding:5px 10px;}
#panier-tab td label{width:100%;}
/*on desactive pas rendu pas top pour le bloc de la perso*/
/*#panier-tab tr.ligne-panier:nth-child(even){background-color:#F8F8F8;}*/
#panier-tab tr.ligne-panier img.img-article{width:70px!important;}
#panier-tab tr.ligne-panier .btn-action{margin:6px 0 4px;}
#panier-tab tr.ligne-panier .lp-nom{display:inline-block;margin-top:4px;text-transform:uppercase;}
#panier-tab tr.ligne-panier .lp-quantite{font-weight:bold;}
#panier-tab tr.ligne-panier .btn-quantite{font-weight:bold;cursor:pointer;font-size:18px;color:#66A1F9;display:inline-block;padding:5px;}
#panier-tab tr.ligne-panier .btn-quantite:hover{opacity:.8;}
#panier-tab tr.ligne-panier .btn-quantite-desac{font-weight:bold;font-size:18px;color:#888888;display:inline-block;padding:5px;}
#panier-tab tr.ligne-panier .btn-supprimer{cursor:pointer;color:#AAAAAA;}
#panier-tab tr.ligne-panier .btn-quantite:hover,
#panier-tab tr.ligne-panier .btn-supprimer:hover{opacity:.8;}
#panier-tab tr.ligne-panier .lp-prix-total{font-weight:bold;font-size:16px;}
#panier-tab small{font-size:12px;}
#panier-tab .container-btn-actions{display:flex;justify-content:start;gap:10px;}
#panier-tab .commentaire-blocEdit,
#panier-tab .contremarque-blocEdit{display:none;margin-top:10px;float:left;width:100%;}
#panier-tab #case-prix-ttc{color:#FFFFFF;background-color:#333333;}
#panier-tab .btn-commentaire-enregistrer,
#panier-tab .btn-contremarque-enregistrer{white-space:normal;}


.is-commercial-mode #panier-tab thead th{position:sticky;top:0;z-index:1;}
/*.is-commercial-mode #panier-tab tfoot{position:sticky;background-color:#eeeeee;bottom:0;z-index:1;}*/
.is-commercial-mode #commande-panier h1{font-size:20px;margin-top:14px;margin-bottom:4px;}
.is-commercial-mode #panier-tab .btn-action-panier-commercial{display:inline-block;color:#66a1f9;cursor:pointer;padding:4px;transition:all .2s ease-in-out;border:1px solid #ffffff;border-radius:5px;}
.is-commercial-mode #panier-tab .btn-action-panier-commercial:hover{opacity:.75;border-color:#66a1f9;}
.is-commercial-mode #panier-tab tr.ligne-panier .btn-quantite-desac i{font-size:35px;}
.is-commercial-mode #panier-tab tr.ligne-panier .btn-quantite i{font-size:35px;}
.is-commercial-mode #panier-tab tr.ligne-panier .lp-quantite{font-size:18px;}
.is-commercial-mode #panier-tab tr.ligne-panier .btn-supprimer{display:inline-block;margin-top:4px;}
.is-commercial-mode #panier-tab tr.ligne-panier .btn-supprimer i{font-size:30px;}
.is-commercial-mode #btn-commercial-details-commande:hover{opacity:.75;}
.is-commercial-mode #btn-commercial-details-commande i{color:#facf26;cursor:pointer;}

#panier-tab .message-informel{font-size:14px;margin:10px 0 0;}
#panier-tab .article-labels .article-label,
#panier-misdecote .article-labels .article-label{width:100%;display:block;background-color:rgba(50, 80, 120, .7);color:#FFFFFF;padding:2px 0;font-size:9px;font-weight:bold;text-transform:uppercase;}
#panier-tab .article-labels .article-label.article-label-enfabrication,
#panier-misdecote .article-labels .article-label.article-label-enfabrication{background-color:#FCD800;color:#000000;}
#commande-panier .commercial-article-label{background-color:#FCD800;color:#000000;padding:1px 4px;}
#panier-tab .article-labels .article-label.article-label-enfabrication-longueduree,
#panier-misdecote .article-labels .article-label.article-label-enfabrication-longueduree{background-color:#F76300;color:#FFFFFF;}

#panier-tab .filigrane_vermeil{position: absolute;pointer-events:none;width: 70px;left: 0;}
#panier-tab .panier-container-photos{display: block;width: 70px;margin: auto;position: relative;height: 70px;}
#panier-tab .panier-container-photos img{position: absolute;left:0}

#panier-misdecote span.mdc-btn{cursor:pointer;display:inline-block;line-height:12px;}
#panier-misdecote span.mdc-btn:hover{opacity:.8;}
#panier-misdecote span.mdc-btn i{color:#66a1f9;font-size:16px;}
#panier-misdecote span.mdc-btn-disabled{opacity:.6;}
#panier-misdecote .panier-container-photos{display:block;width:100%;float:left;}
#panier-misdecote .btn-misdecote-supprimer{color:#66a1f9;cursor:pointer;}
#panier-misdecote .btn-misdecote-supprimer:hover{text-decoration:underline;}
#panier-misdecote .panier-container-photos{display:block;position:relative;}
#panier-misdecote .article-labels{dislay:block;float:left;width:100%;position:absolute;bottom:0;left:0;}
#panier-misdecote .article-labels .article-label{padding:5px 10px;text-align:center;}

#commande-panier ul#panier-reassurance{padding:0;margin:0;}
#commande-panier ul#panier-reassurance li{list-style-type:none;padding:8px;margin:0 0 10px;display:block;border:1px solid #DDDDDD;border-radius:1px;}
#commande-panier ul#panier-reassurance li#titre{background-color:#EEEEEE;padding:10px;font-weight:bold;text-align:center;}
#commande-panier ul#panier-reassurance li i{color:#66A1F9;}

#commande-livraison{}
#commande-livraison .livraison-adresse{min-height:200px;}
#commande-livraison .livraison-adresse address{margin-bottom:0;}


#commande-paiement{}
#commande-paiement .paiement-type{cursor:pointer;border:1px solid #DDDDDD;margin:10px 0;padding:14px;border-radius:10px;}
#commande-paiement .paiement-type label{margin-top:12px;color:#000000;}
#commande-paiement .paiement-type img{max-height:40px;float:right;}
#commande-paiement .paiement-type span{font-size:12px;}
#commande-paiement textarea#commande_commentaire{width:100%;}


#commande-recap{}
#commande-recap .col-sm-4{padding:10px;}
#commande-recap .col-sm-4 .col-sm-12{border:1px solid #DDDDDD;border-radius:1px;min-height:180px;}
#commande-recap h3{text-align:center;}
#commande-recap h2 small{font-size:14px;}
#commande-recap #recapForm label{color:#000000;}

#commande-recap .filigrane_vermeil{position: absolute;pointer-events:none;width: 70px;left: 0;}
#commande-recap .panier-container-photos{display: block;width: 70px;margin: auto;position: relative;height: 70px;}
#commande-recap .panier-container-photos img{position: absolute;left:0}

/*Material Design*/
.btn{padding:4px 20px;}

.material-position-fix{position: relative;bottom: 2px;}
/*Surcouche material-kit pour changer notamment les couleurs*/
.btn.btn-success{border-color:transparent;}
.btn.btn-success,
.btn.btn-success:focus{background-color:#888888;color:#FFFFFF !important;border-radius:1px;text-transform:uppercase;}
.btn.btn-success:hover,
.btn.btn-success:active{color:#000000 !important;}
.btn.btn-action{background-color:#66A1F9;border:1px solid #66A1F9;color:#FFFFFF;border-radius:1px;text-transform:uppercase;}
.btn.btn-action:hover,
.btn.btn-action:focus,
.btn.btn-action:active{background-color:#FFFFFF;color:#66A1F9!important;}
.btn.btn-action i{color:#FFFFFF!important;}
.btn.btn-action:hover i,
.btn.btn-action:focus i,
.btn.btn-action:active i{color:#66A1F9!important;}
.btn.btn-success{box-shadow:0 2px 2px 0 rgba(200, 200, 200, 0.14), 0 3px 1px -2px rgba(200, 200, 200, 0.2), 0 1px 5px 0 rgba(200, 200, 200, 0.12);}
.btn-action{background-color:#000000;color:#FFFFFF;border:1px solid #000000;padding:4px 20px;text-transform:uppercase;transition:opacity 0.5s ease-in-out;font-weight:bold;text-align:center;}
.btn-action:hover{background-color:#FFFFFF;color:#000000;text-decoration:none;}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check,
.radio input[type="radio"]:checked ~ .check{background-color:#66A1F9 !important;}
.radio input[type="radio"]:checked ~ .circle{border-color:#66A1F9 !important;}

/*Material icons*/
.material-icons,
.material-icons-outlined{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';vertical-align:middle;}


/*surcouche pour material design*/
body{background-color:#FEFEFE !important;}
.popover-content{text-align:justify;}
.navbar, .navbar.navbar-default{background-color:#FFFFFF;box-shadow:none !important;border-radius:unset;}
.form-group.has-warning label.control-label, .form-group.has-warning .help-block{color:#f44336;}
.has-warning .form-control{border-color:#f44336 !important;background-image:linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2) !important;}
.form-group .help-block{display:block !important;}
.form-group .glyphicon{position:absolute;top:10px;right:0;}

/*surcouche pour formulaire avec radio button*/
.radio-group .form-group{margin-top:0 !important;}
.radio-group .radio{margin-top:16px;}
.checkbox .checkbox-material{padding-right:0;}



@media(max-width:1000px){
	.liste-articles li.article .reference span{display:none;}
	.liste-articles li.article .matiere{height:32px;}
}

@media(max-width:768px){
	.colonne-laterale{float:left;width:100%;}
	.liste-articles li.article .reference span{display:unset;}
}


/*Générique*/
.black{color:#000000 !important;}
.white{color:#FFFFFF !important;}
.red{color:#FF0000 !important;}
.img-max{max-width:100%;}
.img-large{float:left;width:100%;height:auto;}
.displayBlock,
.display-block{display:block;}
.displayNone,
.display-none{display:none;}
.label-select-file-perso{border:1px solid #66a1f9;background-color: #66a1f9;padding:0 5px;border-radius: 4px;color:white;cursor: pointer;}
.label-select-file-perso:hover{background-color: #7bb0ff !important; border: 1px solid #7bb0ff !important;}
.float-left{float:left;}
.float-right{float:right;}
.bold{font-weight:bold!important;}
.uppercase{text-transform:uppercase;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.nopadding{padding-left:0 !important;padding-right:0 !important;}
.nomargin{margin-left:0 !important;margin-right:0 !important;}
small{font-size:10px;}
.overflow-auto{overflow:auto;}
.width-20{width:20%;}
.width-25{width:25%;}
.width-50{width:50%;}
.width-75{width:75%;}
.width-100{width:100%;}
.max-width-100{max-width:100%;}

/*Tableaux*/
table.table-large{width:100%;}
table caption{font-size:26px;}
table th{padding:5px 10px;}
table.table-vertical th{text-align:left;}
table td{padding:5px 8px;}
table.table-vertical td{text-align:left;}
table tr{border-bottom:1px solid #EEEEEE;}
table tr:last-child{border-bottom:unset;}



/*Classes margin et padding (de 0 à 50, pas de 5)*/
.padding-t-0{padding-top:0 !important;}
.padding-l-0{padding-left:0 !important;}
.padding-r-0{padding-right:0 !important;}
.padding-b-0{padding-bottom:0 !important;}
.padding-x-0{padding-left:0 !important;padding-right:0 !important;}
.padding-y-0{padding-top:0 !important;padding-bottom:0 !important;}
.padding-a-0{padding:0 !important;}

.padding-t-5{padding-top:5px !important;}
.padding-l-5{padding-left:5px !important;}
.padding-r-5{padding-right:5px !important;}
.padding-b-5{padding-bottom:5px !important;}
.padding-x-5{padding-left:5px !important;padding-right:5px !important;}
.padding-y-5{padding-top:5px !important;padding-bottom:5px !important;}
.padding-a-5{padding:5px !important;}

.padding-t-10{padding-top:10px !important;}
.padding-l-10{padding-left:10px !important;}
.padding-r-10{padding-right:10px !important;}
.padding-b-10{padding-bottom:10px !important;}
.padding-x-10{padding-left:10px !important;padding-right:10px !important;}
.padding-y-10{padding-top:10px !important;padding-bottom:10px !important;}
.padding-a-10{padding:10px !important;}

.padding-t-15{padding-top:15px !important;}
.padding-l-15{padding-left:15px !important;}
.padding-r-15{padding-right:15px !important;}
.padding-b-15{padding-bottom:15px !important;}
.padding-x-15{padding-left:15px !important;padding-right:15px !important;}
.padding-y-15{padding-top:15px !important;padding-bottom:15px !important;}
.padding-a-15{padding:15px !important;}

.padding-t-20{padding-top:20px !important;}
.padding-l-20{padding-left:20px !important;}
.padding-r-20{padding-right:20px !important;}
.padding-b-20{padding-bottom:20px !important;}
.padding-x-20{padding-left:20px !important;padding-right:20px !important;}
.padding-y-20{padding-top:20px !important;padding-bottom:20px !important;}
.padding-a-20{padding:20px !important;}

.padding-t-25{padding-top:25px !important;}
.padding-l-25{padding-left:25px !important;}
.padding-r-25{padding-right:25px !important;}
.padding-b-25{padding-bottom:25px !important;}
.padding-x-25{padding-left:25px !important;padding-right:25px !important;}
.padding-y-25{padding-top:25px !important;padding-bottom:25px !important;}
.padding-a-25{padding:25px !important;}

.padding-t-30{padding-top:30px !important;}
.padding-l-30{padding-left:30px !important;}
.padding-r-30{padding-right:30px !important;}
.padding-b-30{padding-bottom:30px !important;}
.padding-x-30{padding-left:30px !important;padding-right:30px !important;}
.padding-y-30{padding-top:30px !important;padding-bottom:30px !important;}
.padding-a-30{padding:30px !important;}

.padding-t-35{padding-top:35px !important;}
.padding-l-35{padding-left:35px !important;}
.padding-r-35{padding-right:35px !important;}
.padding-b-35{padding-bottom:35px !important;}
.padding-x-35{padding-left:35px !important;padding-right:35px !important;}
.padding-y-35{padding-top:35px !important;padding-bottom:35px !important;}
.padding-a-35{padding:35px !important;}

.padding-t-40{padding-top:40px !important;}
.padding-l-40{padding-left:40px !important;}
.padding-r-40{padding-right:40px !important;}
.padding-b-40{padding-bottom:40px !important;}
.padding-x-40{padding-left:40px !important;padding-right:40px !important;}
.padding-y-40{padding-top:40px !important;padding-bottom:40px !important;}
.padding-a-40{padding:40px !important;}

.padding-t-45{padding-top:45px !important;}
.padding-l-45{padding-left:45px !important;}
.padding-r-45{padding-right:45px !important;}
.padding-b-45{padding-bottom:45px !important;}
.padding-x-45{padding-left:45px !important;padding-right:45px !important;}
.padding-y-45{padding-top:45px !important;padding-bottom:45px !important;}
.padding-a-45{padding:45px !important;}

.padding-t-50{padding-top:50px !important;}
.padding-l-50{padding-left:50px !important;}
.padding-r-50{padding-right:50px !important;}
.padding-b-50{padding-bottom:50px !important;}
.padding-x-50{padding-left:50px !important;padding-right:50px !important;}
.padding-y-50{padding-top:50px !important;padding-bottom:50px !important;}
.padding-a-50{padding:50px !important;}



.margin-t-0{margin-top:0 !important;}
.margin-l-0{margin-left:0 !important;}
.margin-r-0{margin-right:0 !important;}
.margin-b-0{margin-bottom:0 !important;}
.margin-x-0{margin-left:0 !important;margin-right:0 !important;}
.margin-y-0{margin-top:0 !important;margin-bottom:0 !important;}
.margin-a-0{margin:0 !important;}

.margin-t-5{margin-top:5px !important;}
.margin-l-5{margin-left:5px !important;}
.margin-r-5{margin-right:5px !important;}
.margin-b-5{margin-bottom:5px !important;}
.margin-x-5{margin-left:5px !important;margin-right:5px !important;}
.margin-y-5{margin-top:5px !important;margin-bottom:5px !important;}
.margin-a-5{margin:5px !important;}

.margin-t-10{margin-top:10px !important;}
.margin-l-10{margin-left:10px !important;}
.margin-r-10{margin-right:10px !important;}
.margin-b-10{margin-bottom:10px !important;}
.margin-x-10{margin-left:10px !important;margin-right:10px !important;}
.margin-y-10{margin-top:10px !important;margin-bottom:10px !important;}
.margin-a-10{margin:10px !important;}

.margin-t-15{margin-top:15px !important;}
.margin-l-15{margin-left:15px !important;}
.margin-r-15{margin-right:15px !important;}
.margin-b-15{margin-bottom:15px !important;}
.margin-x-15{margin-left:15px !important;margin-right:15px !important;}
.margin-y-15{margin-top:15px !important;margin-bottom:15px !important;}
.margin-a-15{margin:15px !important;}

.margin-t-20{margin-top:20px !important;}
.margin-l-20{margin-left:20px !important;}
.margin-r-20{margin-right:20px !important;}
.margin-b-20{margin-bottom:20px !important;}
.margin-x-20{margin-left:20px !important;margin-right:20px !important;}
.margin-y-20{margin-top:20px !important;margin-bottom:20px !important;}
.margin-a-20{margin:20px !important;}

.margin-t-25{margin-top:25px !important;}
.margin-l-25{margin-left:25px !important;}
.margin-r-25{margin-right:25px !important;}
.margin-b-25{margin-bottom:25px !important;}
.margin-x-25{margin-left:25px !important;margin-right:25px !important;}
.margin-y-25{margin-top:25px !important;margin-bottom:25px !important;}
.margin-a-25{margin:25px !important;}

.margin-t-30{margin-top:30px !important;}
.margin-l-30{margin-left:30px !important;}
.margin-r-30{margin-right:30px !important;}
.margin-b-30{margin-bottom:30px !important;}
.margin-x-30{margin-left:30px !important;margin-right:30px !important;}
.margin-y-30{margin-top:30px !important;margin-bottom:30px !important;}
.margin-a-30{margin:30px !important;}

.margin-t-35{margin-top:35px !important;}
.margin-l-35{margin-left:35px !important;}
.margin-r-35{margin-right:35px !important;}
.margin-b-35{margin-bottom:35px !important;}
.margin-x-35{margin-left:35px !important;margin-right:35px !important;}
.margin-y-35{margin-top:35px !important;margin-bottom:35px !important;}
.margin-a-35{margin:35px !important;}

.margin-t-40{margin-top:40px !important;}
.margin-l-40{margin-left:40px !important;}
.margin-r-40{margin-right:40px !important;}
.margin-b-40{margin-bottom:40px !important;}
.margin-x-40{margin-left:40px !important;margin-right:40px !important;}
.margin-y-40{margin-top:40px !important;margin-bottom:40px !important;}
.margin-a-40{margin:40px !important;}

.margin-t-45{margin-top:45px !important;}
.margin-l-45{margin-left:45px !important;}
.margin-r-45{margin-right:45px !important;}
.margin-b-45{margin-bottom:45px !important;}
.margin-x-45{margin-left:45px !important;margin-right:45px !important;}
.margin-y-45{margin-top:45px !important;margin-bottom:45px !important;}
.margin-a-45{margin:45px !important;}

.margin-t-50{margin-top:50px !important;}
.margin-l-50{margin-left:50px !important;}
.margin-r-50{margin-right:50px !important;}
.margin-b-50{margin-bottom:50px !important;}
.margin-x-50{margin-left:50px !important;margin-right:50px !important;}
.margin-y-50{margin-top:50px !important;margin-bottom:50px !important;}
.margin-a-50{margin:50px !important;}

.table-border-0{border:0;}
.table-padding-0 tr th, .table-padding-0 tr td{padding:0;}
.table-padding-5 tr th, .table-padding-5 tr td{padding:5px;}
.table-padding-10 tr th, .table-padding-10 tr td{padding:10px;}


header #header-droite .header-catalogue{
	display: flex;
}
header #header-droite .header-catalogue p.prixPublic-phrase{
	padding: 0 !important;
}

.thablette-titre{font-weight: 500;font-size:22px;}
.thablette-titre__container{display:flex;gap:20px;align-items:end;justify-content:space-between}
.thablette-titre__container .thablette-titre svg{width:20px;top:2px;position:relative}
.thablette-titre__container .thablette-titre .fa-secondary{fill:var(--main-color-400)}

/* phpgrid */
/*Head*/
.ui-jqgrid, .ui-jqgrid .ui-jqgrid-hdiv{border-radius: 8px 8px 0 0 !important;box-shadow: initial !important;}
.ui-jqgrid .ui-corner-top{background-color: var(--main-color-950) !important;}
.ui-jqgrid .ui-jqgrid-htable th{padding: 10px !important;}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column, .ui-th-column{font-size:14px;font-weight:bold;}
.ui-widget-header, .ui-widget-header a {color:#FFF!important;}
.ui-widget-header {background-color: var(--main-color-950) !important;}
/*Body*/
.ui-jqgrid-btable{border-collapse:initial}
.ui-jqgrid-bdiv{scrollbar-width:thin;}
/*Ligne*/
.ui-jqgrid tr.jqgrow,.ui-jqgrid tr.ui-row-ltr{border: 1px solid transparent;}
.ui-alt-rows{background-color: #F8F8F8 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #F6F6F6 !important;color: #293046 !important;}
.ui-jqgrid table tr.jqgrow.ui-state-hover{border: 1px solid #FEFEFE !important; background-color: #F6F6F6 !important;color: #0E1018 !important;}
/*Groupe*/
.ui-jqgrid .jqgroup td{border-top:1px solid #CCCCCC!important;}
.ui-jqgrid tr.footrow td{background-color:#EEEEFF!important;}
/*Footer*/
.ui-jqgrid .ui-jqgrid-pager,#list1_pager{border-radius: 0 0 8px 8px !important;border-right: 1px solid #C5C5C5 !important;}
.ui-jqgrid.ui-widget-content{border-radius: 8px !important;}
/*Case*/
.ui-jqgrid tr.ui-row-ltr td {border-right-style: solid !important;border-right-color: rgba(0, 0, 0, 0) !important;vertical-align: middle}
.ui-jqgrid table tr.jqgrow td{color: #49525E;border-top: 1px solid transparent !important;border-bottom: 1px solid transparent !important;}
.ui-jqgrid table tr.jqgrow.ui-state-hover td{color: #0E1018;border-top: 1px solid #E2E2E2 !important;border-bottom: 1px solid #E2E2E2 !important;}
.ui-jqgrid tr.jqgrow td {height: 16px !important;white-space: nowrap !important;}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {color: var(--text-color) !important;}
.ui-jqgrid table tr.jqgrow.ui-state-highlight td{color: #293046;border-top: 1px solid #E2E2E2 !important;border-bottom: 1px solid #E2E2E2 !important;}
.ui-jqgrid .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid var(--main-color-400) !important;background: var(--main-color-400) !important;color: var(--text-color) !important;}
.ui-state-focus, .ui-widget-content .ui-state-focus {background: var(--main-color-400) !important;}
.ui-jqgrid tr.jqgrow td{padding: 10px !important;}
.ui-jqgrid-htable .ui-state-default{background-color: var(--main-color-950) !important;color: #fff !important;border: 1px solid var(--main-color-950) !important;}
/*Actions*/
.ui-custom-icon-adv{display: flex !important;width:19px!important;margin:0 18px 0 0 !important;}
.ui-custom-icon-adv svg{width: 24px!important;}
/*Benj on optimise au mieux pour agrandir un peu les pictos*/
.ui-custom-icon.ui-custom-icon-adv{transform:scale(1.5) translate(0,0)!important;height:17px!important;}
td .ui-custom-icon-adv:last-child{margin-right:0px!important;}
tr:not(.ui-jqgrid-labels) .ui-state-hover, tr:not(.ui-jqgrid-labels) .ui-widget-content .ui-state-hover{background-color: var(--main-color-400) !important;}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-pg-input{background-color: white;border: 1px solid #c5c5c5;border-radius: 4px;padding: 3px 5px;height: initial !important;line-height: 1}
/*Popup*/
.ui-jqdialog-content .FormGrid .FormData{border: 0;}
.ajout-client__container{display:flex;align-items: center;gap:5px;margin-bottom: 5px; border-radius: 6px;padding: 5px;width: max-content;margin-left: auto;border: 1px solid transparent}
.ajout-client__container:hover{background-color: #F6F6F6;text-decoration: none;border: 1px solid #E2E2E2}
.ajout-client__container .ajout-client__icone svg{width: 24px}
.ajout-client__container .ajout-client__texte{font-size: 15px}


.fa-primary{fill: var(--main-color-950)}
.fa-secondary{fill: #E1BC2A}
.fa-clair{fill: #FFFFFF}
.fa-sombre{fill: #F1CB2E}
#preheader-commercial .client-code{float:right;line-height:14px;font-size:12px;padding-left:6px;text-align:left;}
#preheader-commercial .client-code span{font-size:14px;display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}