@import url('/assets/css/stylesB.css');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;600;700&display=swap');

/*
ibsyflor
rouge:
#ed628b rgba(237, 98, 139, 1)   hsla(342, 79%, 66%, 1)      rose
#ef82a5 rgba(237, 98, 139, 0.8) hsla(342, 79%, 66%, 0.8)    rose hover
dore:
#ff9469 rgba(255, 148, 105, 1)  hsla(17, 100%, 71%, 1)      orange
#ffaa89 rgba(255, 148, 105, 0.8)hsla(17, 100%, 71%, 0.8)    orange hover
vert:
#a1ec62 rgba(161, 236, 98, 1)   hsla(93, 78%, 65%, 1)       vert
#b2ef80 rgba(161, 236, 98, 0.8) hsla(93, 78%, 65%, 0.8)     vert hover
bleu:
#53ca97 rgba(83, 202, 151, 1)   hsla(154, 53%, 56%, 1)      turquoise
#75d5ac rgba(83, 202, 151, 0.8) hsla(154, 53%, 56%, 0.8)    turquoise hover

#b2bc00 rgba(178, 188, 0, 1)    hsla(63, 100%, 37%, 1)      jaune vert
#c2ca33 rgba(178, 188, 0, 0.8)  hsla(63, 100%, 37%, 0.8)    jaune vert hover

#513127 rgba(81, 49, 39, 1)     hsla(14, 35%, 24%, 1)       rouge marron
#755b53 rgba(81, 49, 39, 0.8)   hsla(14, 35%, 24%, 0.8)     rouge marron hover
*/
:root{
    --hue-rouge:342;
    --satur-rouge:79%;
    --lum-rouge:66%;

    --hue-dore:17;
    --satur-dore:100%;
    --lum-dore:71%;

    --hue-vert:93;
    --satur-vert:78%;
    --lum-vert:65%;

    --hue-bleu:154;
    --satur-bleu:53%;
    --lum-bleu:56%;

    --hue-orange:17;
    --satur-orange:100%;
    --lum-orange:71%;

    --alpha-hover:0.8;
    
    --hue-sidebar:var(--hue-primary);
    --satur-sidebar:50%;
    --lum-sidebar:50%;

    --hue-lien:var(--hue-rouge);
    --satur-lien:100%;
    --lum-lien:33%;

    --hue-primary:var(--hue-rouge);
    --satur-primary:var(--satur-rouge);
    --lum-primary:var(--lum-rouge);

    --hue-danger:3;
    --satur-danger:var(--satur-orange);
    --lum-danger:60%;

    --hue-info:154;
    --satur-info:100%;
    --lum-info:42%;

    --hue-success:var(--hue-vert);
    --satur-success:var(--satur-vert);
    --lum-success:33%;

    --hue-warning:var(--hue-orange);
    --satur-warning:99%;
    --lum-warning:33%;

    --hue-default:154;
    --satur-default:0%;
    --lum-default:50%;
}

/* balises html */
body{
    background:#f5f5f5;
    font-family:'Raleway', sans-serif;
    color:#000;
}

a{
    color:hsl(var(--hue-lien), var(--satur-lien), var(--lum-lien));
}
a:hover,
a:focus{
    color:hsl(var(--hue-lien), 80%, 25%);
}

::selection{
    background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
}
::-moz-selection{
    background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
}

/* couleurs des alertes, boutons, textes... standards de bootstrap */
.bg-primary{
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    color:#fff;
}
.border-primary{
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.text-primary,
.text-primary:hover,
.text-primary:focus{
    color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary)) !important;
}
.btn-primary{
    color:#fff;
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover{
    color:#fff;
    background-color:hsl(var(--hue-primary), var(--satur-primary), 50%);
    border-color:hsl(var(--hue-primary), var(--satur-primary), 50%);
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus{
    color:#fff;
    background-color:hsl(var(--hue-primary), 33%, var(--lum-primary));
    border-color:hsl(var(--hue-primary), 33%, var(--lum-primary));
}
.alert-primary{
    color:hsl(var(--hue-primary), var(--satur-primary), 33%);
    background-color:hsl(var(--hue-primary), var(--satur-primary), 90%);
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}

.bg-blue{
    background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
    border-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
    color:#fff;
}
.text-blue,
.text-blue:hover,
.text-blue:focus{
    color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu)) !important;
}

.bg-danger{
    background-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
    border-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
    color:#fff;
}
.border-danger{
    border-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
}
.text-danger,
.text-danger:hover,
.text-danger:focus{
    color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger)) !important;
}
.btn-danger{
    color:#fff;
    background-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
    border-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
}

.bg-success{
    background-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
    border-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
    color:#fff;
}
.border-success{
    border-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
}
.text-success,
.text-success:hover,
.text-success:focus{
    color:hsl(var(--hue-success), var(--satur-success), var(--lum-success)) !important;
}
.btn-success{
    color:#fff;
    background-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
    border-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
}
.btn-success:active,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.btn-success:active:focus,
.btn-success:focus,
.btn-success.focus{
    color:#fff;
    background-color:hsl(var(--hue-vert), var(--satur-vert), var(--lum-vert));
    border-color:hsl(var(--hue-vert), var(--satur-vert), var(--lum-vert));
}
.btn-success:hover{
    color:#fff;
    background-color:hsl(var(--hue-vert), var(--satur-vert), var(--lum-vert));
    border-color:hsl(var(--hue-vert), var(--satur-vert), var(--lum-vert));
}
.alert-success{
    color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
    background-color:hsl(var(--hue-vert), var(--satur-vert), var(--lum-vert));
    border-color:hsl(var(--hue-success), var(--satur-success), var(--lum-success));
}

.bg-warning{
    background-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
    color:#fff;
}
.border-warning{
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
}
.text-warning,
.text-warning:hover,
.text-warning:focus{
    color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning)) !important;
}
.btn-warning{
    color:#fff;
    background-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
}

.btn-warning:active,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.btn-warning:active:focus,
.btn-warning:focus,
.btn-warning.focus{
    color:#fff;
    background-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
}
.btn-warning:hover{
    color:#fff;
    background-color:hsl(var(--hue-warning), var(--satur-warning), 90%);
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
}
.alert-warning{
    color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
    background-color:hsl(var(--hue-warning), var(--satur-warning), 90%);
    border-color:hsl(var(--hue-warning), var(--satur-warning), var(--lum-warning));
}

.bg-info{
    background-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
    border-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
    color:#fff;
}
.border-info{
    border-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}
.text-info,
.text-info:hover,
.text-info:focus{
    color:hsl(var(--hue-info), var(--satur-info), var(--lum-info)) !important;
}
.btn-info{
    color:#fff;
    background-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
    border-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}
.btn-info:active,
.btn-info.active,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.btn-info:active:focus,
.btn-info:focus,
.btn-info.focus{
    color:#fff;
    background-color:#008fa1;
    border-color:#004b55;
}
.btn-info:hover{
    color:#fff;
    background-color:#008fa1;
    border-color:#008697;
}
.alert-info{
    color:#00838F;
    background-color:#E0F7FA;
    border-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}

.border-default{
    border-color:#ddd;
}
.btn-default{
    color:#333;
    background-color:#fcfcfc;
    border-color:#ddd;
}
.btn-default:active,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.btn-default:active:focus,
.btn-default:focus,
.btn-default.focus{
    color:#333;
    background-color:#e3e3e3;
    border-color:#9d9d9d;
}
.btn-default:hover{
    color:#333;
    background-color:#e3e3e3;
    border-color:#bebebe;
}

.btn-link{
    color:#1E88E5;
    font-weight:normal;
    border-radius:0;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active:focus,
.btn-link:active,
.btn-link.active:hover,
.btn-link.active:focus,
.btn-link.active.focus,
.btn-link.active{
    border-color:transparent;
}
.btn-link:hover,
.btn-link:focus{
    color:hsl(var(--hue-lien), var(--satur-lien), var(--lum-lien));
    text-decoration:none;
    background-color:transparent;
}

.text-muted{
    color:#999999;
}

.btn-dcs-grey{
    color:#fff;
    background-color:hsl(var(--hue-primary), 33%, var(--lum-primary));
    border-color:hsl(var(--hue-primary), 33%, var(--lum-primary));
}
.btn-dcs-grey:focus,
.btn-dcs-grey.focus
.btn-default:focus,
.btn-default.focus{
    background-color:hsl(var(--hue-primary), 66%, var(--lum-primary)) !important;
    border-color:hsl(var(--hue-primary), 100%, var(--lum-primary)) !important;
}
.btn-dcs-grey:hover,
.btn-dcs-grey:focus,
.btn-dcs-grey.focus{
    color:#fff;
    background-color:hsl(var(--hue-primary), 66%, var(--lum-primary)) !important;
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary)) !important;
    text-decoration:none;
}

.label.bg-warning{
    background-color:hsl(var(--hue-dore), var(--satur-dore), var(--lum-dore));
    border-color:hsl(var(--hue-dore), var(--satur-dore), var(--lum-dore));
}

/* structure */
.navbar-inverse, .sidebar{
    background:#fff;
    color:#000;
    border-color:rgba(0, 0, 0, 0.25);
}
.navbar-inverse{
    border-top:none;
}
.navbar-inverse .navbar-nav > li > a{
    color:#000;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
    color:#000;
    background-color:rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
    background-color:hsl(var(--hue-rouge), var(--satur-rouge), 95%);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
    background-color:hsl(var(--hue-rouge), var(--satur-rouge), 90%);
    color:#000;
}
.sidebar{
    border-right:1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-logo{
    height:92px;
    padding:10px 20px;
}
.sidebar-logo > img.img-responsive{
    max-height:82px;
}
.page-header-content{
    color:hsl(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge));
}
.page-header-content h1{
    text-align:center;
}

.breadcrumb > li > a{
    font-weight:bold;
}

.navigation li a{
    color:rgba(0, 0, 0, 0.75);
    font-weight:600;
}
.navigation li a:hover,
.navigation li a:focus{
    color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    background-color:#fff;
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
    background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
}

.navigation > li > a{
    text-transform:uppercase;
}

.navigation > li ul{
    background-color:hsla(var(--hue-primary), var(--satur-primary), var(--lum-primary), 0.25);
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.navigation > li > ul li.active > a, .navigation > li > ul li.active > a:hover, .navigation > li > ul li.active > a:focus{
    background-color:hsla(var(--hue-primary), var(--satur-primary), var(--lum-primary), 0.75);
    color:#fff;
}

.form-control:focus{
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.input-error input{
    border-color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
}

*:focus{
    border-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
}

.Erreur{
    font-weight:bold;
    color:hsl(var(--hue-danger), var(--satur-danger), var(--lum-danger));
    font-size:12px;
}

.AutoCompleteDivAct{
    background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
}

/* ------------------------------------------------- */
/* ------------------ Home ------------------------- */
/* ------------------------------------------------- */

/* **** home clients **** */
.homepage .bg-home-client{
    border-color:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
    color:#fff;
    background-color:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
}

/* **** home commandes **** */
.homepage .bg-home-commande{
    border-color:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
    color:#fff;
    background-color:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
}

/* **** home reunions **** */
.homepage .bg-home-reunion{
    border-color:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
    color:#fff;
    background-color:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
}
/* **** home filleuls **** */
.homepage .bg-home-filleul{
    border-color:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
    color:#fff;
    background-color:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
}

/* **** home mes clients **** */
.homepage .mes-clients{
    background:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), var(--alpha-hover));
    color:#fff;
}
.homepage .mes-clients  h3{
    background-color:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
}

/* **** home mon reseau **** */
.homepage .mon-reseau{
    background:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), var(--alpha-hover));
    color:#fff;
}
.homepage .mon-reseau  h3{
    background-color:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
}

/* **** home mon planning **** */
.homepage .mon-planning{
    background:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), var(--alpha-hover));
    color:#fff;
}
.homepage .mon-planning  h3{
    background-color:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
}

/* **** home creer commande **** */
.homepage .creer-commande{
    background:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), var(--alpha-hover));
    color:#fff;
}
.homepage .creer-commande h3{
    background-color:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
}

.homepage .home-actualites .title{
    background-color:hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}

/* ---------------------------------------------------------------- */
/* -------------------------  Lignée  ----------------------------- */
/* ---------------------------------------------------------------- */

.page-lignee-arbre .google-visualization-orgchart-linebottom{
    border-bottom:1px solid hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}

.page-lignee-arbre .google-visualization-orgchart-node{
    border:1px solid hsl(var(--hue-info), var(--satur-info), var(--lum-info));
}

.page-lignee #TableLignee a:focus, .page-lignee #TableLignee a:hover{
    color:hsl(var(--hue-lien), var(--satur-lien), var(--lum-lien));
}

/* ---------------------------------------------------------------- */
/* --------------------  Liste réunions  -------------------------- */
/* ---------------------------------------------------------------- */

.ui_tpicker_time{
    color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover{
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.ui-datepicker table td.ui-datepicker-today .ui-state-highlight{
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}

/* ---------------------------------------------------------------- */
/* --------------------  Votre commande   ------------------------- */
/* ---------------------------------------------------------------- */
.page-commande .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.current .number{
    background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    border-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}

.titre-tab-bleu{
    color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}

.stock_feu_vert{
    background-color:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
}
.stock_feu_orange{
    background-color:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
}
.stock_feu_rouge{
    background-color:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
}

/* ---------------------------------------------------------------- */
/* ------------------------  Catalogue   -------------------------- */
/* ---------------------------------------------------------------- */

.page-catalogue .Div_Catalogue:after{
    margin:30px auto;
}

.Div_Catalogue .Div_CatPhoto,
.Div_Catalogue .Div_CatPasPhoto{
    border:1px solid rgba(0, 0, 0, 0.2);
    text-align:center;
    overflow:hidden;
}

.page-produit ul#thumblist li a:hover,
.page-produit ul#thumblist li a:focus,
.page-produit ul#thumblist li a.zoomThumbActive{
    border:1px solid hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}

/* ---------------------------------------------------------------- */
/* --------------------  Synthèse d'Activité  --------------------- */
/* ---------------------------------------------------------------- */

.page-synthese .BoutonSA1 .panel-body{
    background:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
    border:1px solid hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
    color:#fff;
}
.page-synthese .BoutonSA2 .panel-body{
    background:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
    border:1px solid hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
    color:#fff;
}
.page-synthese .BoutonSA3 .panel-body{
    background:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
    border:1px solid hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
    color:#000;
}

.page-synthese .BoutonSA1 .panel-body:hover{
    background:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), var(--alpha-hover));
}
.page-synthese .BoutonSA2 .panel-body:hover{
    background:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), var(--alpha-hover));
}
.page-synthese .BoutonSA3 .panel-body:hover{
    background:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), var(--alpha-hover));
}

.page-synthese .SALigne1 .panel-body{
    background:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
    border-color:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), 1);
}
.page-synthese .SALigne1 .panel-body:hover{
    background:hsla(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge), var(--alpha-hover));
}
.page-synthese .SALigne2 .panel-body{
    background:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
    border-color:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), 1);
}
.page-synthese .SALigne2 .panel-body:hover{
    background:hsla(var(--hue-dore), var(--satur-dore), var(--lum-dore), var(--alpha-hover));
}
.page-synthese .SALigne3 .panel-body{
    background:#9b9b9b;
    border-color:#9b9b9b;
}
.page-synthese .SALigne3 .panel-body:hover{
    background:#b9b9b9;
}
.page-synthese .SAClients .panel-body{
    background:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
    border-color:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), 1);
}
.page-synthese .SAClients .panel-body:hover{
    background:hsla(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu), var(--alpha-hover));
}
.page-synthese .SAVendeurs .panel-body{
    background:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
    border-color:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), 1);
}
.page-synthese .SAVendeurs .panel-body:hover{
    background:hsla(var(--hue-vert), var(--satur-vert), var(--lum-vert), var(--alpha-hover));
}

/* ---------------------------------------------------------------- */
/* --------------------------  Comptes   -------------------------- */
/* ---------------------------------------------------------------- */

.page-compte .tab-commandes .table .icon-cancel-square2{
    color:hsl(var(--hue-rouge), var(--satur-rouge), var(--lum-rouge));;
}
.page-compte .tab-commandes .table .icon-notification2{
    color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
}
.page-compte .tab-commandes .table .icon-checkmark{
    color:#9FE855;
}

/***** Media Queries pour adaptation responsive *****/

@media (max-width:768px) {
    .nav-tabs > li.active > a:after,
    .nav-tabs > li.active > a:hover:after,
    .nav-tabs > li.active > a:focus:after{
        background-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    }
}

@media (min-width:769px) {
    .sidebar-xs .sidebar-main .navigation > li > ul{
        background-color:hsl(var(--hue-sidebar), var(--satur-sidebar), var(--lum-sidebar));
        color:#fff;
    }
    .sidebar-xs .sidebar-main .navigation > li > ul a{
        color:#fff;
    }
    .sidebar-xs .sidebar-main .navigation > li > a > span{
        background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
        border:1px solid hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
        color:#fff;
    }
    .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a{
        background-color:hsl(var(--hue-bleu), var(--satur-bleu), var(--lum-bleu));
        color:#000;
    }
    .sidebar-xs .sidebar-logo.hidden-xs{
        background-color:hsl(var(--hue-sidebar), var(--satur-sidebar), var(--lum-sidebar));
    }
    .nav-tabs.nav-tabs-highlight > li.active > a,
    .nav-tabs.nav-tabs-highlight > li.active > a:hover,
    .nav-tabs.nav-tabs-highlight > li.active > a:focus{
        border-top-color:hsl(var(--hue-primary), var(--satur-primary), var(--lum-primary));
    }
}

@media (min-width:1279px) {
    .Div_Catalogue .Div_CatPhoto,
    .Div_Catalogue .Div_CatPasPhoto,
    .Div_Catalogue .Div_CatPhoto a{
        height:150px;
    }
}