/* ------------------------------------------------------------------------------
 *
 *  # Styles generiques communs
 *
 *  Latest update: 2024-11-27
 *
 * ---------------------------------------------------------------------------- */

html{
    height:100%;
}

body{
    margin:0;
    padding:0;
    font-family:"Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:13px;
}

.fs-8{font-size:8px;}
.fs-9{font-size:9px;}
.fs-10{font-size:10px;}
.fs-11{font-size:11px;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-15{font-size:15px;}
.fs-16{font-size:16px;}
.fs-17{font-size:17px;}
.fs-18{font-size:18px;}
.fs-19{font-size:19px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-24{font-size:24px;}
.fs-26{font-size:26px;}
.fs-28{font-size:28px;}
.fs-30{font-size:30px;}
.fs-32{font-size:32px;}
.fs-33{font-size:33px;}
.fs-34{font-size:34px;}
.fs-36{font-size:36px;}
.fs-38{font-size:38px;}
.fs-40{font-size:40px;}
.fs-42{font-size:42px;}
.fs-48{font-size:48px;}

.lh-33{line-height:33px;}

.pt-0{padding-top:0 !important;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}

.pr-0{padding-right:0 !important;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}

.pb-0{padding-bottom:0 !important;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}

.pl-0{padding-left:0 !important;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}

.mt-0{margin-top:0 !important;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}

.mr-0{margin-right:0 !important;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}

.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}

.ml-0{margin-left:0 !important;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}

.ws-normal{white-space:normal;}

.mw-30{min-width:30px;}
.mw-40{min-width:40px;}
.mw-50{min-width:50px;}
.mw-60{min-width:60px;}
.mw-70{min-width:70px;}
.mw-80{min-width:80px;}
.mw-90{min-width:90px;}
.mw-100{min-width:100px;}

.sidebar-logo{
    height:102px;
    background-color:#fff;
    padding:20px;
}
.sidebar-logo > img.img-responsive{
    max-height:62px;
    height:auto;
    width:auto;
    margin-left:auto;
    margin-right:auto;
}
.page-header-content h1{
    font-weight:500;
}
.page-header-default{
    margin-bottom:0;
}
.breadcrumb-line{
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}
.breadcrumb-line a:focus{
    border:1px dotted silver;
}
/* classes et id génériques */
.centered{
    margin-left:auto;
    margin-right:auto;
}

input[type="radio"].form-control, input[type="checkbox"].form-control{
    margin-bottom:4px;
}

abbr[title], acronym[title]{
    text-decoration:none;
}

tr.group{
    background-color:#eee !important;
}
tr.group-separator{
    background-color:#ccc !important;
}
.table > tbody > tr.group-separator > td{
    padding-top:3px;
    padding-bottom:3px;
}
tr.master-group td{
    font-style:italic;
}
tr.group-hidden td{
    display:none;
}

.dtr-inline.collapsed tbody tr.group > td:first-child:before,
.dtr-inline.collapsed tbody tr.group > th:first-child:before,
.dtr-column tbody tr.group > td.control:before,
.dtr-column tbody tr.group > th.control:before{
    content:"";
}
.dtr-inline.collapsed tbody tr td:first-child,
.dtr-inline.collapsed tbody tr th:first-child{
    cursor:auto;
}

.table-striped > tbody > tr.master-group,
.table-striped > tbody > tr.master-group + tr.child{
    background-color:#eee;
}

.table-striped > tbody > tr.master-group:hover,
.table-striped > tbody > tr.master-group + tr.child:hover{
    background-color:#eee;
}
tr.group-header td{
    border:2px solid gray !important;
    border-bottom:none !important;
}
tr.grouped td:first-child{
    padding-left:40px;
}
tr.grouped td:first-child,
tr.grouped + tr.child td:first-child,
tr.master-group + tr.child td:first-child,
tr.master-group td:first-child{
    border-left:2px solid gray;
}
tr.grouped td:last-child,
tr.master-group td:last-child,
tr.master-group + tr.child td:last-child,
tr.grouped + tr.child td:last-child{
    border-right:2px solid gray;
}
tr.grouped + tr.group td,
tr.grouped + tr.child + tr.group td{
    border-top:2px solid gray;
}
tr.grouped:last-child td{
    border-bottom:2px solid gray;
}

a.voir-detail-groupe{
    display:inline-block;
    padding:0.5em;
    width:75%;
}

.select-group{
    margin-bottom:20px;
}
/*
thead > tr > th{
    background-color:#f5f5f5;
}
.even, .even + .child{
    background-color:#f5f5f5;
}
.odd, .odd + .child{
    background-color:#fff;
}
*/
.FontBase{
    font-size:12px;
}
.FontBouton{
    font-size:12px;
}
.FontBoutonPetit{
    font-size:9px;
}
.LienLignee{
    text-decoration:none;
}
.LienBarNav{
    font-weight:normal;
    text-decoration:none;
    font-size:12px;
    margin-top:5px;
    margin-bottom:5px;
}
.MontantTotaux{
    padding-right:3px;
    text-align:right;
    font-weight:bold;
}
.ReadOnly{
    border:none;
    background-color:transparent;
}

.form-control:focus{
    outline:0 none;
}
.form-control-label{
    height:36px;
    margin-bottom:0;
    padding:8px 12px;
    vertical-align:middle;
}
.pre-label{
    padding-top:2px;
    padding-bottom:1px;
    font-size:10px;
}
.smaller-inline-input{
    display:inline-block;
    width:90%;
}
/*table .input-group{
    border-collapse:collapse;
}*/

.footer{
    position:relative !important;
    bottom:0px;
    text-align:center;
    margin-top:40px;
}
.version{
    margin:15px auto;
    text-align:center;
    font-size:11px;
    color:rgba(0, 0, 0, 0.25);
}
h2{
    font-family:"Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:28px;
    margin-top:0px;
}
.page-title .img-responsive{
    max-height:90px;
}
.Compteur{
    color:rgba(128,128,128,0.5);
    text-align:right;
    visibility:hidden;
    font-size:9px;
}

.spinner--steps{
    animation:rotation 1s infinite steps(8);
}
.spinner--steps2{
    animation:rotation 1s infinite steps(12);
}
.text-gradient{
    background:-webkit-linear-gradient(#000, #fff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.font-normal{
    font-weight:normal;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    /*padding:12px 20px;*//*normal*/
    /*padding:8px 20px;*//*condensed-standard*/
    padding:6px 10px;
}
.table > tfoot > tr > td{
    border-top-color:silver;
}

.datatable-responsive > tbody > tr:first-child .dropup .dropdown-menu,
.datatable-responsive > tbody > tr:nth-child(2) .dropup .dropdown-menu{
    top:100%;
    bottom:auto;
    margin-top:2px;
}

/*.datatable-responsive{
    margin-bottom:6em;
}*/

.dataTable tr.child .dtr-data{
    white-space:normal;
}
/*.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child{
    white-space:inherit;
}*/
/* alignement vertical de l'entete de colonne lors du repli de la datatable*/
.dataTable tr.child .dtr-title{
    vertical-align:text-top;
}

/* espacement supplémentaire en bas de liste pour éviter le scroll et le masquage du menu actions */
.avec-espace-sous-datatable .datatable-scroll-wrap{
    padding-bottom:11em;
}
.avec-espace-sous-datatable .datatable-footer{
    border-top:none;
}
.page-lignee .table-responsive{
    padding-bottom:11em;
}
.page-lignee .Recherche .form-inline .table-responsive{
    padding-bottom:1em;
}
/* pas d'espacement en spécifique, pour les datatables à l'intérieur de la classe sans-espace-sous-datatable */
.sans-espace-sous-datatable .datatable-scroll-wrap,
#TableInvites_wrapper .datatable-scroll-wrap{
    padding-bottom:0;
}
.sans-espace-sous-datatable .datatable-footer,
#TableInvites_wrapper .datatable-footer{
    border-top:1px solid #bbb;
}

.AutoCompleteDivListeStyle{
    padding:0.5em;
    border-radius:3px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    word-wrap:break-word;
    z-index:20000;
}
.AutoCompleteDivListeStyle.suggestions-container .list-group{
    margin:0;
    padding:0;
    border:none;
}
.AutoCompleteDiv,
.AutoCompleteDivListeStyle.suggestions-container .list-group-item{
    display:block;
    padding:0.5em;
    height:auto;
    overflow:hidden;
}
.AutoCompleteDivAct{
    padding:0.5em;
}
.AutoCompleteDivListeStyle.suggestions-container .list-group-item{
    text-align:left;
}
.AutoCompleteDivListeStyle.suggestions-container .list-group-item:focus,
.AutoCompleteDivListeStyle.suggestions-container .list-group-item:hover{
    background-color:#0090f0;
    color:#fff;
}

.ui-datepicker{
    z-index:1099 !important; /*pour passer au-dessus des modales en 1050*/
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{
    width:58%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{
    width:38%;
}
.datepicker{
    z-index:9999 !important;
}
.ui-timepicker-select{
    height:30px;
    border-color:#ddd;
}
dt.ui_tpicker_hour_label{
    display:inline-block;
    min-width:20%;
}
dd.ui_tpicker_hour{
    display:inline-block;
    min-width:20%;
}
dt.ui_tpicker_minute_label{
    display:inline-block;
    min-width:20%;
}
dd.ui_tpicker_minute{
    display:inline-block;
    min-width:20%;
}

.dropdown-menu-panier{
    min-width:220px;
}

.PhotoVerySmallPanier{
/*    width:auto;*/
    max-width:36px;
    max-height:48px;
}
.PhotoSmallList{
    width:auto;
    max-width:50px;
    max-height:50px;
}

.InfoPetit{
    font-size:11px;
}
.InfoToutPetit{
    font-size:10px;
}
.InfoAlerte{
    font-size:11px;
    text-align:center;
}
.InfoAlerteToutPetit{
    font-size:10px;
    text-align:center;
}

a.disabled,
a.disabled:hover,
a.disabled:focus{
    cursor:not-allowed;
}

hr.style15{
    border-top-width:4px;
    border-top-style:double;
    /*border-top-color:#8c8b8b;*/
    text-align:center;
}
hr.style15:after{
    content:'';
    display:inline-block;
    position:relative;
    top:-15px;
    padding:0 10px;
    font-size:18px;
}

.Creation{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
}
.Creation .Info{
    font-size:11px;
    text-align:center;
    margin-top:10px;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
}
.Creation Table{
    margin:auto;
}
.Creation .Bouton{
    margin:10px auto;
    text-align:center;
}
.Creation .Titre{
    text-align:center;
    margin-right:50px;
    margin-left:50px;
}
.Creation .ChoixCreation{
    margin:auto 55px;
    line-height:25px;
}

/* ---------------------------------------------------------------- */
/* ------------------  Pages en plein écran  ---------------------- */
/* ---------------------------------------------------------------- */

#FullBody, #FullContainer{ /* Pour les pages en FullScreen */
    margin:0;
}
#FullBody .content{
    padding:0 10px;
}
#FullBody .content:first-child{
    padding-top:0;
}

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

.media-body{
    word-break:break-word;
}

.page-login h3{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0px;
}

.homepage .panel-picto{
    position:absolute;
    right:10px;
    top:10px;
    opacity:0.6;
}
.homepage .panel-picto i{
    font-size:3em;
}
/* **** home clients **** */
.homepage .bg-home-client{
    position:relative;
    background-image:url(/assets/images/homepage/bg-home-client.png);
    background-position:bottom left;
    background-repeat:repeat-x;
}

/* **** home commandes **** */
.homepage .bg-home-commande{
    position:relative;
    background-image:url(/assets/images/homepage/bg-home-commande.png);
    background-position:bottom left;
    background-repeat:repeat-x;
}

/* **** home reunions **** */
.homepage .bg-home-reunion{
    position:relative;
    background-image:url(/assets/images/homepage/bg-home-reunion.png);
    background-position:bottom left;
    background-repeat:repeat-x;
}

/* **** home filleuls **** */
.homepage .bg-home-filleul{
    position:relative;
    background-image:url(/assets/images/homepage/bg-home-filleul.png);
    background-position:bottom left;
    background-repeat:no-repeat;
}

.homepage .bg-home-client .panel-body,
.homepage .bg-home-commande .panel-body,
.homepage .bg-home-reunion .panel-body,
.homepage .bg-home-filleul .panel-body{
    padding:10px 20px 60px 20px;
}
.homepage .bg-home-client h3,
.homepage .bg-home-commande h3,
.homepage .bg-home-reunion h3,
.homepage .bg-home-filleul h3{
    font-weight:300;
    font-size:1.8em;
}

/* **** home bloc menu **** */
.homepage .home-bloc-menu a{

    line-height:1em;
    display:inline-block;
    padding:5px 0px 20px 0px;
}
.homepage .home-bloc-menu ul{
    margin:20px 0px 0px 0px;
}
.homepage .home-bloc-menu li{
    position:relative;
    list-style:none outside none;
    padding-left:35px;
}
.homepage .home-bloc-menu li i{
    position:absolute;
    top:0px;
    left:0px;
    font-size:2em;
}


/* **** home mes clients **** */
.homepage .mes-clients{
    position:relative;
}
.homepage .mes-clients  h3{
    padding:10px 20px 10px 50px;
}
.homepage .mes-clients form i{
    margin-right:0px !important;
    margin-bottom:0px !important;
    position:relative !important;
    top:auto;
    left:auto;
}
.homepage .mes-clients form label{
    margin:0px;
    padding:0px;
    line-height:2.7em;
    font-weight:700;
    text-align:center;
}
.homepage .mes-clients form .btn{
    padding:7px 7px;
}
/* **** home mon reseau **** */
.homepage .mon-reseau{
    position:relative;
}
.homepage .mon-reseau  h3{
    padding:10px 20px 10px 50px;
}

/* **** home mon planning **** */
.homepage .mon-planning{
    position:relative;
    padding-bottom:20px;
}
.homepage .mon-planning  h3{
    padding:10px 20px 10px 50px;
    font-size:1.5em;
}
.homepage .mon-planning-listing{
    margin:0px !important;
    padding:0px !important;
}
.homepage .mon-planning-listing li{
    margin:0px !important;
    padding:0px !important;
}

/* **** home creer commande **** */
.homepage .creer-commande{
    position:relative;
}
.homepage .creer-commande h3{
    padding:10px 20px 10px 50px;
    font-size:1.5em;
}

.homepage .creer-commande h3 i,
.homepage .mon-planning h3 i,
.homepage .mes-clients h3 i,
.homepage .mon-reseau h3 i{
    position:absolute;
    top:15px;
    left:20px;
}


.homepage .mes-clients  h3 i,
.homepage .mon-reseau  h3 i,
.homepage .mon-planning h3 i,
.homepage .creer-commande h3 i{
    font-size:1em;
    margin-right:10px;
}
.homepage .mes-clients i,
.homepage .mon-reseau i,
.homepage .mon-planning i,
.homepage .creer-commande i{
    font-size:1.5em;
    margin-bottom:5px;
}
.homepage .mes-clients ul,
.homepage .mon-reseau ul,
.homepage .mon-planning ul,
.homepage .creer-commande ul{
    margin-bottom:20px;
    margin-top:20px;
}
.homepage .mes-clients li,
.homepage .mon-reseau li,
.homepage .mon-planning li,
.homepage .creer-commande li{
    padding:10px 10px 10px 10px;
    list-style:none outside none;
    position:relative;
    text-align:center;
}
.homepage .mes-clients li a,
.homepage .mon-reseau li a,
.homepage .mon-planning li a,
.homepage .creer-commande li a{
    display:inline-block;
    line-height:1em;
}

.AjoutLigne{
    text-align:left;
}

.align-prix{
    text-align:right;
}

.stock_qte:not(.input-group-addon){
    display:block;
    font-style:italic;
}
.prix_public_conseille{
    display:inline-block;
    font-style:italic;
    font-size:12px;
    padding-left:4px;
    padding-right:4px;
    min-width:36px;
}

.icons-list .dropdown-menu li hr{
    margin-top:5px;
    margin-bottom:5px;
}

/* ****************************************************    MEDIA QUERIES    ******************************* */
@media (min-width:1279px) and (max-width:1439px){
    .homepage .bg-home-client h3,
    .homepage .bg-home-commande h3,
    .homepage .bg-home-reunion h3,
    .homepage .bg-home-filleul h3{
        font-weight:300;
        font-size:1.5em;
    }

    .homepage .mon-reseau  h3,
    .homepage .mes-clients  h3,
    .homepage .mon-planning  h3,
    .homepage .creer-commande h3{
        font-size:1.2em;
    }

    .homepage .mes-clients li a,
    .homepage .mon-reseau li a,
    .homepage .mon-planning li a,
    .homepage .creer-commande li a{
        font-size:11px;
    }
}

.homepage .home-actualites .title{
    padding:5px 20px;
}

.homepage .home-actualites h3{
    margin-top:10px;
}

.homepage .home-actualites h4{
    margin-top:-5px;
}


/* ---------------------------------------------------------------- */
/* --------------------  Tableau de bord  ------------------------- */
/* ---------------------------------------------------------------- */

.page-tableau-bord .dl-horizontal dt{
    min-width:180px;
    max-width:320px;
    margin-bottom:0px;
}
.page-tableau-bord .dl-horizontal dd{
    margin-bottom:10px;
}
.page-tableau-bord .dl-horizontal dd:last-child{
    margin-bottom:0px;
}
.page-tableau-bord .dl-horizontal dt + dd, .page-tableau-bord .dl-horizontal dd + dt{
    margin-top:0px;
}
.simpleBarGraph{
    display:inline-block;
    margin:0;
    padding-left:1em;
    height:auto;
}
@media (min-width:769px){
    .page-tableau-bord .dl-horizontal dd{
        margin-left:220px;
    }
    .page-tableau-bord .dl-horizontal dt{
        margin-bottom:5px;
    }
}


/* ---------------------------------------------------------------- */
/* -------------------  Pages de recherche  ----------------------- */
/* ---------------------------------------------------------------- */

.SearchBody{
    font-size:11px;
}
.page-search.content{
    padding:0 20px;
}
.page-search.content:first-child{
    padding-top:0;
}

.page-search h2{
    font-size:24px;
}
@media (min-width:768px){
    .page-search h2{
        font-size:28px;
    }
}

.page-search h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-search h4{
    font-size:13px;
    font-weight:bold;
}

.page-search-art .nb-results{
    margin:10px;
    font-size:11px;
}

.page-search-art .dataTables_paginate{
    margin-top:10px;
}
.page-search-art .dataTables_length{
    float:none;
    margin-top:10px;
}

.page-search-reunion h4{
    margin-top:0;
    margin-bottom:0;
}

.page-search .dl-horizontal dt{
    min-width:180px;
    max-width:320px;
    margin-bottom:0px;
    padding:5px;
}
.page-search .dl-horizontal dd{
    margin-bottom:10px;
    padding:5px;
}
.page-search .dl-horizontal div:last-child dd{
    margin-bottom:0px;
}
.page-search .dl-horizontal dt + dd,
.page-search .dl-horizontal dd + dt{
    margin-top:0px;
}

.modal-body.page-search-art,
.page-search-art .modal-body{
    padding:20px 5px;
}
.modal-body.page-search-art .table > thead > tr > th,
.modal-body.page-search-art .table > tbody > tr > th,
.modal-body.page-search-art .table > tfoot > tr > th,
.modal-body.page-search-art .table > thead > tr > td,
.modal-body.page-search-art .table > tbody > tr > td,
.modal-body.page-search-art .table > tfoot > tr > td,
.page-search-art .modal-body .table > thead > tr > th,
.page-search-art .modal-body .table > tbody > tr > th,
.page-search-art .modal-body .table > tfoot > tr > th,
.page-search-art .modal-body .table > thead > tr > td,
.page-search-art .modal-body .table > tbody > tr > td,
.page-search-art .modal-body .table > tfoot > tr > td{
    padding:12px 6px;
}

@media (min-width:580px){
    .modal-body.page-search-art,
    .page-search-art .modal-body{
        padding:20px;
    }
    .modal-body.page-search-art .table > thead > tr > th,
    .modal-body.page-search-art .table > tbody > tr > th,
    .modal-body.page-search-art .table > tfoot > tr > th,
    .modal-body.page-search-art .table > thead > tr > td,
    .modal-body.page-search-art .table > tbody > tr > td,
    .modal-body.page-search-art .table > tfoot > tr > td,
    .page-search-art .modal-body .table > thead > tr > th,
    .page-search-art .modal-body .table > tbody > tr > th,
    .page-search-art .modal-body .table > tfoot > tr > th,
    .page-search-art .modal-body .table > thead > tr > td,
    .page-search-art .modal-body .table > tbody > tr > td,
    .page-search-art .modal-body .table > tfoot > tr > td{
        padding:12px 20px;
    }
}

@media (min-width:769px){
    .page-search .dl-horizontal dd{
        margin-left:220px;
    }
    .page-search .dl-horizontal dt{
        margin-bottom:5px;
    }
}


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

#FullBody .content.page-lignee-arbre{
    margin:5px;
}

.page-lignee-arbre table.google-visualization-orgchart-table{
    border-collapse:separate;
}

.page-lignee .ZoneLigneeParNiveau{
    /*min-height:100px;
    height:120px;
    max-height:200px;*/
    width:100%;
    overflow:auto;
}
.page-lignee #TotauxParLignee > thead > tr > td,
.page-lignee .LigneeParNiveau td{
    border-right:1px solid #eee;
}
.page-lignee td.NombreFilleulsTitre,
.page-lignee td.NombreFilleulsActifsTitre,
.page-lignee td.MontantNiveauTitre{
    text-align:center;
}

#TotauxParLignee{
    max-height:340px;
    overflow:auto;
}
#TotauxParLignee .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed),
#TotauxParLignee .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed){
    border-top:none;
}

.SeeHorizontalScroll{
    display:block;
    position:absolute;
    left:calc(75vw - 16px);
    opacity:0.5;
}
.SeeHorizontalScroll:first-of-type{
    top:-0.25em;
}
.SeeHorizontalScroll:last-of-type{
    bottom:-1em;
}

/* ---------------------------------------------------------------- */
/* --------------------  Agenda réunions  ------------------------- */
/* ---------------------------------------------------------------- */
/*
.page-agenda .events-list{
    width:100%;
    max-height:480px;
}
.page-agenda .cal-month-box .stylevenement{
    width:100%;
    height:1.25em;
    margin-bottom:0;
    overflow:hidden;
    border-radius:2px;
    background-color:#eee;
    color:#000;
    line-height:1.25em;
    box-shadow:none;
}
*/

.page-agenda h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-agenda h4{
    font-size:13px;
    font-weight:bold;
}

.page-agenda .legende{
    padding:0.125em 1em;
    margin-top:0.25em;
    margin-bottom:0.25em;
}

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

.page-reunions h3,
.page-reunion h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-reunions h4,
.page-reunion h4{
    font-size:13px;
    font-weight:bold;
}

.page-reunion .LstInvites .dataTables_empty{
    visibility:hidden;
}

.page-reunion .LstInvites th,
.page-reunion .LstInvites td{
    min-width:72px;
}

.page-reunion .LstInvites th.ColInviteSearch,
.page-reunion .LstInvites td.ColInviteSearch,
.page-reunion .LstInvites th.ColInviteSuppr,
.page-reunion .LstInvites td.ColInviteSuppr{
    min-width:36px;
}

.page-reunion .ColInviteRef input[type=text],
.page-search-reunion .ColInviteRef input[type=text]{
    min-width:75px;
}
.page-reunion .ColInvitePresent select,
.page-reunion .ColInviteExcuse select,
.page-search-reunion .ColInvitePresent select,
.page-search-reunion .ColInviteExcuse select{
    min-width:60px;
}
.page-reunion .ColInviteNom input[type=text],
.page-search-reunion .ColInviteNom input[type=text]{
    min-width:100px;
}

.page-reunion .LstInvites th.ColInvite0,
.page-reunion .LstInvites td.ColInvite0{
    min-width:8px;
}

.DateCreationReunion{
    display:none;
}

/* ---------------------------------------------------------------- */
/* ---------------------  Liste clients  -------------------------- */
/* ---------------------------------------------------------------- */

.page-clients h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-clients h4{
    font-size:13px;
    font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* -------------------  Liste abonnements  ------------------------ */
/* ---------------------------------------------------------------- */

.page-abonnements h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-abonnements h4{
    font-size:13px;
    font-weight:bold;
}

.page-abonnements .dropdown-menu{
    font-size:12px;
}

.page-abonnements #TableLayerPaiementExt dd:first-of-type div:first-child{
    overflow-y:auto;
}


/* ---------------------------------------------------------------- */
/* --------------------  Liste commandes  ------------------------- */
/* ---------------------------------------------------------------- */

.page-commandes h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-commandes h4{
    font-size:13px;
    font-weight:bold;
}

.page-commandes .dropdown-menu{
    font-size:12px;
}

.page-commandes #TableLayerPaiementExt dd:first-of-type div:first-child{
    overflow-y:auto;
}

.page-commandes .LstCdeColAdrFact,
.page-synthese .LstCdeColAdrFact,
.page-compte .LstCdeColAdrFact{
    display:none;
}

/*#DivCommandesBrouillon .LstCdeColPaiements,
#Brouillon .LstCdeColPaiements{
    overflow:hidden;
    color:transparent;
    max-width:1px !important;
}*/

.DetailsEtatCmde{
    display:none;
}

.site_saisie_V,
.site_saisie_C,
.site_saisie_P,
.site_saisie_M,
.site_saisie_E{
    display:none;
}
.page-commandes .site_saisie_P{
    display:inline;
}

.bloc-widgets-scalapay .widget-scalapay{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid silver;
}
scalapay-widget{
    display:inline-block;
}
.scalapay-icon{
    display:inline-block;
    width:20px;
    height:auto;
}

/* ---------------------------------------------------------------- */
/* --------------------  Votre commande   ------------------------- */
/* ---------------------------------------------------------------- */

.page-commande .wizard > .steps .number,
.page-abonnement .wizard > .steps .number{
    color:#aaa;
    border-color:#ccc;
}
.page-commande .wizard > .steps > ul > li.current:after,
.page-commande .wizard > .steps > ul > li.current ~ li:before,
.page-commande .wizard > .steps > ul > li.current ~ li:after,
.page-abonnement .wizard > .steps > ul > li.current:after,
.page-abonnement .wizard > .steps > ul > li.current ~ li:before,
.page-abonnement .wizard > .steps > ul > li.current ~ li:after{
    background-color:#ccc;
}
.page-commande .wizard > .steps > ul > li.current .number,
.page-commande .wizard > .steps > ul > li.done .number,
.page-abonnement .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.done .number{
    font-size:16px;
    border-color:#000;
    background-color:#000;
    color:#fff;
}

.page-commande .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.current .number{
    border-color:#2196f3;
    background-color:#2196f3;
}

.page-commande .wizard > .steps > ul > li.disabled a,
.page-commande .wizard > .steps > ul > li.disabled a:hover,
.page-commande .wizard > .steps > ul > li.disabled a:focus,
.page-commande .wizard > .steps > ul > li.done a,
.page-commande .wizard > .steps > ul > li.done a:hover,
.page-commande .wizard > .steps > ul > li.done a:focus,
.page-abonnement .wizard > .steps > ul > li.disabled a,
.page-abonnement .wizard > .steps > ul > li.disabled a:hover,
.page-abonnement .wizard > .steps > ul > li.disabled a:focus,
.page-abonnement .wizard > .steps > ul > li.done a,
.page-abonnement .wizard > .steps > ul > li.done a:hover,
.page-abonnement .wizard > .steps > ul > li.done a:focus{
    color:#000;
    text-decoration:underline;
    cursor:pointer;
}
.page-commande .wizard > .steps > ul > li.done a:hover,
.page-commande .wizard > .steps > ul > li.done a:focus,
.page-commande .wizard > .steps > ul > li.disabled a:hover,
.page-commande .wizard > .steps > ul > li.disabled a:focus,
.page-abonnement .wizard > .steps > ul > li.done a:hover,
.page-abonnement .wizard > .steps > ul > li.done a:focus,
.page-abonnement .wizard > .steps > ul > li.disabled a:hover,
.page-abonnement .wizard > .steps > ul > li.disabled a:focus{
    text-decoration:none;
}

.page-commande .datatable-header, .page-commande .datatable-footer,
.page-abonnement .datatable-header, .page-abonnement .datatable-footer{
    display:none;
}
.page-commande .modal .datatable-header, .page-commande .modal .datatable-footer,
.page-abonnement .modal .datatable-header, .page-abonnement .modal .datatable-footer{
    display:block;
}

.page-commande .dataTable thead .sorting,
.page-commande .dataTable thead .sorting_asc,
.page-commande .dataTable thead .sorting_desc,
.page-commande .dataTable thead .sorting_asc_disabled,
.page-commande .dataTable thead .sorting_desc_disabled,
.page-abonnement .dataTable thead .sorting,
.page-abonnement .dataTable thead .sorting_asc,
.page-abonnement .dataTable thead .sorting_desc,
.page-abonnement .dataTable thead .sorting_asc_disabled,
.page-abonnement .dataTable thead .sorting_desc_disabled{
    padding-right:10px;
}

.page-commande hr,
.page-abonnement hr{
    margin-top:15px;
    margin-bottom:15px;
}

.page-commande h3,
.page-abonnement h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:7px;
    padding-left:5px;
    padding-right:5px;
}
.page-commande .Recherche h3,
.page-abonnement .Recherche h3{
    padding-left:10px;
    padding-right:10px;
}

.page-commande h4,
.page-abonnement h4{
    font-size:13px;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}

.page-commande .wizard > .steps .number,
.page-abonnement .wizard > .steps .number{
    font-size:16px;
}

.page-commande .wizard > .steps > ul > li.current .number:after,
.page-abonnement .wizard > .steps > ul > li.current .number:after{
    content:none;
}
.page-commande .wizard > .steps > ul > li.done .number:after,
.page-abonnement .wizard > .steps > ul > li.done .number:after{
    content:none;
}

.page-commande #BlockStep2 .BlocScrollTop:not(.BlocScrollGrp),
.page-abonnement #BlockStep2 .BlocScrollTop{
    margin-top:-10px;
}

.page-commande #BlockStep2 .DetailCdeGroupe{
    line-height:46px;
}

/*.page-commande .dataTables_empty,
.page-abonnement .dataTables_empty{
    display:none;
}*/

.page-commande .panel-body,
.page-abonnement .panel-body{
    padding:10px;
}
.modal-lg .panel{
    border-width:0;
}
.modal-lg .panel-body{
    padding-left:0;
    padding-right:0;
}

.titre-tab-bleu{
    text-transform:uppercase;
    font-size:14px;
}

.CdeColDesignation .form-control.nom_prod{
    min-width:90px !important;
}

.CdeColRefArticle{
    min-width:180px;
}
.CdeColQte > input{
    min-width:50px;
}
.FraisPort{
    padding-right:5px;
    text-align:right;
    background-color:#fff;
    font-size:12px;
}
.FraisPortReadonly{
    text-align:right;
    border:0px;
    background-color:transparent;
    font-size:11px;
}

/*.refarticlecompo{
    min-width:80px;
}*/

/*.input-group input[name*=nomprod]{
    min-width:50px !important;
}*/

.stock_qte:not(.input-group-addon){
    font-size:12px;
    padding-left:4px;
    padding-right:4px;
    display:inline-block;
    float:right;
    /*min-width:36px;*/
}
.stock_qte.input-group-addon{
    font-size:11px;
    padding:2px;
    color:#000;
}
.stock_feu_{
    display:none;
}
.stock_feu_vert:not(.input-group-addon),
.stock_feu_orange:not(.input-group-addon),
.stock_feu_rouge:not(.input-group-addon){
    display:inline-block;
    float:right;
    height:14px;
    width:14px;
    margin:auto;
    margin-top:2px;
    padding-left:2px;
    padding-right:2px;
    background-repeat:no-repeat;
    border-radius:50%;
}
.bg-non-gere-stock{
    background-color:#4a5f95;
    border-color:#4a5f95;
    color:#fff;
}
#TableFinDeStock .stock_feu_vert,
#TableFinDeStock .stock_feu_orange,
#TableFinDeStock .stock_feu_rouge{
    float:none;
}

.TableTotauxClass > thead{
    display:none;
}
.TableTotauxClass th, .TableTotauxClass td{
    min-width:110px;
}

.TableTotauxClass td:first-child{
    text-align:left;
    font-weight:500;
    white-space:normal;
}
.TableTotauxClass td:last-child{
    text-align:right;
}

/*.CdeGroupe{
    border-collapse:collapse;
}*/
.CdeGroupe #AjoutClient{
    border:1px solid #fff;
    border-collapse:collapse;
    height:30px;
}

#TableTotaux tbody td,
#TableTotauxRef tbody td,
.CdeGroupe .TotauxGen td{
    border:1px solid #fff;
    font-weight:500;
}
.CdeGroupe .TotauxGen .Gauche{
    font-size:15px;
    font-weight:bold;
    text-align:center;
}
#TableTotaux tbody tr td:first-child,
#TableTotauxRef tbody tr td:first-child,
.CdeGroupe .TotauxGen .Titre{
    font-weight:bold;
    margin-top:5px;
    text-align:right;
}
#TableTotaux tbody tr td:last-child,
#TableTotauxRef tbody tr td:last-child,
.CdeGroupe .TotauxGen .Montant{
    padding-right:3px;
    text-align:right;
}
#TableTotaux tbody tr td:last-child,
#TableTotauxRef tbody tr td:last-child,
.CdeGroupe .TotauxGen .MontantTTC{
    padding-right:3px;
    text-align:right;
    font-weight:bold;
}

.TableTotauxClass .PaiementFidel.form-control{
    display:inline-block;
    width:auto;
}

.CdeGroupe .TitreCli img{
    border:0px;
}
.CdeGroupe .TitreCli .Titre{
    text-align:right;
    padding-right:10px;
}
.CdeGroupe .TitreCli .Image{
    text-align:center;
}
.CdeGroupe .TitreCli .DetailAdresse textarea{
    width:280px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
.CdeGroupe .TitreCli .DetailAdresse .Titre{
    vertical-align:top;
    padding-right:1px;
    text-align:right;
    width:68px;
}

.CdeGroupe .TitreCli .DetailAdresse .Contenu{
    font-weight:normal;
}
.CdeGroupe .EnteteColonne{
    font-weight:bold;
    font-size:11px;
}
.CdeGroupe .EnteteColonne td{
    border:1px solid #fff;
}
.CdeGroupe .AjoutLigne{
    padding:10px 5px;
}
.CdeGroupe .AjoutLigneClient{
    padding:0px 5px 30px;
}
.CdeGroupe .Separation{
    background-color:white;
    height:30px;
}
.CdeGroupe .TotauxCli td:first-child{
    text-align:left;
    font-weight:500;
}
.CdeGroupe .TotauxCli td:last-child{
    text-align:right;
    font-weight:bold;
}
.CdeGroupe .TotauxCli .Titre{
    font-weight:bold;
    margin-top:5px;
    text-align:right;
}
.CdeGroupe .TotauxCli .Montant,
.CdeGroupe .TotauxCli .FraisPort{
    /*padding-right:3px;*/
    text-align:right;
}
.CdeGroupe .TotauxCli .MontantTTC{
    /*padding-right:3px;*/
    text-align:right;
    font-weight:bold;
}

.page-commande .prix-total,
.page-facture .prix-total{
    font-weight:500;
}

/*.InfosCde{
    background:#f5f5f5;
}*/

.TotauxGen td{
    font-weight:500;
}

/* remise globale au choix*/
#IDPromoSaisie{
    width:50%;
    display:inline;
}
#ModifRemiseSaisie{
    width:10%;
    display:inline;
    height:13px;
}
#MntRemiseSaisie{
    width:60%;
    display:inline;
}

.page-commande .dataTable thead .sorting_asc,
.page-commande .dataTable thead .sorting_desc,
.page-commande .dataTable thead .sorting,
.page-abonnement .dataTable thead .sorting_asc,
.page-abonnement .dataTable thead .sorting_desc,
.page-abonnement .dataTable thead .sorting{
    cursor:initial;
}
.page-commande .dataTable thead .sorting:before,
.page-commande .dataTable thead .sorting:after,
.page-commande .dataTable thead .sorting_asc:after,
.page-commande .dataTable thead .sorting_desc:after,
.page-commande .dataTable thead .sorting_asc_disabled:after,
.page-commande .dataTable thead .sorting_desc_disabled:after,
.page-abonnement .dataTable thead .sorting:before,
.page-abonnement .dataTable thead .sorting:after,
.page-abonnement .dataTable thead .sorting_asc:after,
.page-abonnement .dataTable thead .sorting_desc:after,
.page-abonnement .dataTable thead .sorting_asc_disabled:after,
.page-abonnement .dataTable thead .sorting_desc_disabled:after{
    content:'' !important;
}

#SignatureBoard, #SignatureBoardNotSigned{
    width:720px;
    height:340px;
}

.page-commande #SignatureContenu, .page-compte #SignatureContenu{
    overflow-x:scroll;
    max-width:100%;
}
.page-commande #ZoneSignatureBoard .modal-footer, .page-compte #LayerSignature .modal-footer{
    text-align:center;
}

#TR_TotalPoids, #TR_TotalPoidsGen, .TotauxCli.Poids{
    display:none;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Actualités   ------------------------- */
/* ---------------------------------------------------------------- */

.page-actualites .actu-bloc h3{
    padding:0px;
    margin-top:0px;
    font-weight:bold;
    font-size:18px;
}

.page-actualites .panel-body img{
    max-width:100%;
    height:auto;
    width:auto;
}

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

.page-synthese h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-synthese h4{
    font-size:13px;
    font-weight:bold;
}

.page-synthese .DivDetail{
    /*overflow-y:auto;*/
    background-color:white;
    margin-left:auto;
    margin-right:auto;
}

.page-synthese .pointeur{
    cursor:pointer;
}
.page-synthese h3.CompteurBouton{
    font-size:2em;
}

/*.page-synthese .TexteBouton{
    overflow:hidden;
    font-weight:bold;
    vertical-align:text-bottom;
}*/
.page-synthese .BoutonSA1, .page-synthese .BoutonSA2, .page-synthese .BoutonSA3{
    cursor:pointer;
    text-align:center;
    display:inline-block;
}
.page-synthese .BoutonSA1 .panel, .page-synthese .BoutonSA2 .panel, .page-synthese .BoutonSA3 .panel{
    vertical-align:bottom;
}
/*.page-synthese .BoutonSA3 .CompteurBouton{
    display:inline;
}
.page-synthese .BoutonSA3 .TexteBouton{
    display:inline;
}*/

.page-synthese #div_form_reappro .row > div{
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.page-synthese #div_form_reappro > .row > div:first-child{
    font-weight:bold;
}

.LienOngletLignee{
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
}
.LienOngletLignee:hover{
    text-decoration:underline;
    font-weight:bold;
}
.LienOngletDesactive{
    visibility:hidden;
}

@media (min-width: 769px){
    .page-synthese .dl-horizontal dt + dd,
    .page-synthese .dl-horizontal dd + dt{
        margin-top:10px;
    }
}

/* ---------------------------------------------------------------- */
/* -------------------------  Factures   -------------------------- */
/* ---------------------------------------------------------------- */

.page-factures h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:3px;
}
.table > tbody > tr > td.CdeColPhoto{
    padding:3px 5px;
}

.page-factures .dropdown-menu{
    font-size:12px;
}

.page-factures .InfoAlerte .label{
    margin-top:1px;
    text-transform:none;
}

/* ---------------------------------------------------------------- */
/* ---------------------  Géolocalisation   ----------------------- */
/* ---------------------------------------------------------------- */

.page-geoloc h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

/* ---------------------------------------------------------------- */
/* -----------------------  Recrutements   ------------------------ */
/* ---------------------------------------------------------------- */

.page-filleuls h3,
.page-filleul h3,
.page-recrutementsigne h3,
.page-filleuls h3 label,
.page-filleul h3 label,
.page-recrutementsigne h3 label{
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}

#SignatureContratBoard,
#SignatureContratBoardNotSigned,
#SignatureParrainBoard,
#SignatureParrainBoardNotSigned{
    /*width:770px;*/
    width:440px;
    height:340px;
}
.page-recrutementsigne #SignatureContratBoard,
.page-recrutementsigne #SignatureContratBoardNotSigned{
    width:100%;
}

/* Formulaire de recrutement - Signature Electronique */
.recrutement-signatureelec.hideopt-signatureelec .opt-signatureelec{
	display:none;

}
.recrutement-signatureelec.hideopt-signatureelec.droit-cmde-filleul .opt-cmdefilleul{
    display:block;
}

div.page-recrutementsigne .form-group label.required:after {
    content: " (*)";
}

#IDTvaMoka_com{
    width:auto;
    text-align:center;
}

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

.page-compte h3{
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}

.page-compte h4{
    font-size:13px;
    font-weight:bold;
}

.page-compte .tabbable .nav-tabs.nav-tabs-highlight > li > a{
    text-transform:uppercase;
    font-weight:bold;
}
.page-compte .tabbable .nav-tabs:before{
    content:'';
    color:inherit;
    display:none;
}
.page-compte .tab-pane{
    max-height:720px;
    overflow-y:scroll;
    width:100%;
}
.page-compte .tabbable .title{
    font-weight:bold;
    font-size:16px;
    padding-bottom:10px;
}
.page-compte .tab-commandes .table > thead > tr > th, .page-compte .tab-commandes .table > tbody > tr > td{
    padding-left:15px;
    padding-right:15px;
    line-height:15px;
}
.page-compte .tab-commandes .table > tbody > tr > td{
    font-size:11px;
}

.page-compte form#SaisieInfoPerso .row > div{
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.page-compte #TabInfosPerso > .row > div:first-child,
.page-compte #TabInfosBoutique > .row > div:first-child,
.page-compte #TableCoordsPerso > .row > div:first-child{
    font-weight:bold;
}
#TabInfosPersoVir, #TabInfosPersoPre{
    margin-top:1em;
}

.page-compte #TableInfoClient #NumeroSecuVDI{
    display:none;
}

#BlocSocialNetworks .select-group{
    width:100%;
}
#BlocSocialNetworks .select-group input.form-control{
    width:60%;
}
#BlocSocialNetworks .select-group select.input-group-addon{
    width:25%;
    text-align:left;
}
#BlocSocialNetworks .select-group button.input-group-addon{
    width:15%;
    height:36px;
}

@media (min-width:992px){
    #BlocSocialNetworks .select-group input.form-control{
        width:70%;
    }
    #BlocSocialNetworks .select-group select.input-group-addon{
        width:20%;
    }
    #BlocSocialNetworks .select-group button.input-group-addon{
        width:10%;
    }
}

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

.page-produit h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-produit h4{
    font-size:13px;
    font-weight:bold;
    margin-top:0px;
}

.page-produit h5{
    font-size:12px;
    font-weight:bold;
    margin-top:0px;
}

.page-produit .zoomPad{
    float:none;
}
.page-produit #thumblist{
    list-style:none;
    padding-left:0;
}
.page-produit ul#thumblist li{
    display:inline-block;
    vertical-align:bottom;
}
.page-produit ul#thumblist li a{
    border:1px solid transparent;
    display:block;
    max-width:90px;
}
.page-produit ul#thumblist li a img{
    display:block;
    max-width:100%;
    height:auto;
}

.page-produit .ProduitFamilleCom{
    font-style:italic;
}

.PrixPromoBarre{
    display:block;
    text-decoration:line-through;
    font-size:12px;
}
.LibellePromo{
    display:block;
    color:#f00;
    font-size:12px;
}
.page-produit #InfosCommercialesProduit .PrixPromoBarre{
    display:inline-block;
    margin-right:1em;
    text-decoration:line-through;
    font-size:12px;
}
.page-produit #InfosCommercialesProduit .LibellePromo{
    font-size:14px;
}
.page-produit #InfosCommercialesProduit .SousPrix{
    font-size:12px;
}

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

.page-catalogue h3,
.page-client.page-home h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-catalogue h4,
.page-client.page-home h4{
    font-size:13px;
    font-weight:bold;
}

.page-catalogue .title,
.page-client.page-home .title{
    font-weight:bold;
    font-size:16px;
    padding-bottom:10px;
}

.Div_Catalogue .Div_CatInfo{
    height:32px;
}
.Div_Catalogue .Div_CatPhoto, .Div_Catalogue .Div_CatPasPhoto, .Div_Catalogue .Div_CatPhoto a{
    height:212px;
}
.Div_Catalogue .Div_CatLien{
    height:36px;
}
.page-catalogue .Div_Catalogue .Div_CatPhoto a,
.page-client.page-home .Div_Catalogue .Div_CatPhoto a{
    display:block;
    width:100%;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}
.page-catalogue .Div_Catalogue .Div_CatPasPhoto,
.page-client.page-home .Div_Catalogue .Div_CatPasPhoto{
    line-height:100px;
}

.page-catalogue .datatable-header, .page-catalogue .datatable-footer,
.page-client.page-home .datatable-header, .page-client.page-home .datatable-footer{
    display:none;
}
/*.page-catalogue .datatable-scroll-wrap img,
/*.page-client.page-home .datatable-scroll-wrap img{
    width:120px;
}*/

.page-catalogue td.ColAcheter,
.page-client.page-home td.ColAcheter{
    min-width:70px;
}

#PhotoProdIMG{
    max-width:100%;
    height:auto;
}
.zoomThumbActive > img{
    max-width:100%;
    height:auto;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Documents   -------------------------- */
/* ---------------------------------------------------------------- */

.page-documents h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-documents .panel-group-control .panel-title > a{
    padding-left:inherit;
    display:inherit;
}
.page-documents .panel-group-control .panel-title > a:before{
    content:'';
    display:none;
}
.page-documents .panel-group-control .panel-title > a.collapsed:before{
    content:'';
    display:none;
}
.page-documents .panel-group-control.panel-group-control-right .panel-title > a{
    padding-left:inherit;
    padding-right:inherit;
}
.page-documents .panel-group-control.panel-group-control-right .panel-title > a:before{
    left:auto;
    right:0;
}

.page-documents .panel-group-control .panel-title + a:before{
    content:'\e9b7';
    font-family:'icomoon';
    position:absolute;
    top:50%;
    margin-top:-8px;
    padding-left:0.75em;
    padding-right:0.75em;
    left:0;
    font-size:16px;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.page-documents .panel-group-control .panel-title + a.collapsed:before{
    content:'\e9b8';
}
.page-documents .panel-group-control.panel-group-control-right .panel-title + a:before{
    left:auto;
    right:0;
}
.page-documents .panel-group-control .panel-title + a.close:before{
    margin-right:16px;
}

.page-documents .media-list .media:hover{
    background-color:rgba(128, 128, 128, 0.1);
}
.page-documents .media-body img{
    max-width:100%;
    height:auto;
    width:auto;
}

/* ---------------------------------------------------------------- */
/* -----------------------  Statistiques   ------------------------ */
/* ---------------------------------------------------------------- */

.page-stats h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-stats h4{
    font-size:13px;
    font-weight:bold;
}

.page-stats iframe{
    resize:both;
    overflow:auto;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Compteurs   -------------------------- */
/* ---------------------------------------------------------------- */

.page-compteurs h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-compteurs h4{
    font-size:13px;
    font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Bulletins   -------------------------- */
/* ---------------------------------------------------------------- */

.page-bulletins .dataTable tr.child .dtr-title{
    overflow:hidden;
}

.page-bulletins .dataTable tr.child .dtr-data,
.page-bulletin .dataTable tr.child .dtr-data{
    text-align:right;
}

.page-bulletin .dl-horizontal dt{
    font-weight:normal;
}
.page-bulletin .dl-horizontal dd{
    font-weight:bold;
    font-size:1.1em;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Mouvements   ------------------------- */
/* ---------------------------------------------------------------- */

.page-mouvements h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Réglements   ------------------------- */
/* ---------------------------------------------------------------- */

.page-reglement h3, .page-reglements h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-reglement h4, .page-reglements h4{
    font-size:13px;
    font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Mouvements   ------------------------- */
/* ---------------------------------------------------------------- */

.page-stocks h3{
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
}

.page-stocks .dataTable tr.child .dtr-data{
    text-align:right;
}

/* ----------------------------------------------------- */
/* ------------------ Paiement ------------------------- */
/* ----------------------------------------------------- */

.page-paiement h3{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0px;
}


/* ----------------------------------------------------------- */
/* ---------------------- CLIENTS ---------------------------- */
/* ----------------------------------------------------------- */

.navigation > li ul.ul-panier{
    padding-left:10px;
    padding-right:10px;
}
.navigation > li ul.ul-panier li a.LienArticlePanier{
    display:inline-block;
    padding:0 5px;
    min-height:20px;
}
.navigation > li ul.ul-panier li a.LienArticlePanier:hover{
    background-color:transparent;
    color:inherit;
    text-decoration:none;
}

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

.page-client.page-home #InfosPerso > .row > div{
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.page-client.page-home #InfosPerso > .row > div:first-child{
    font-weight:bold;
}

/* ------------------------------------------------- */
/* ------------------ Panier ----------------------- */
/* ------------------------------------------------- */
/*
.page-client.page-panier td,
.page-client.page-panier th{
    border-spacing:2px;
    padding:2px;
}*/

.page-client.page-panier .input-group-addon.composant{
    padding:7px;
}
.page-client.page-panier .input-group-addon.composant + select.form-control.input-xs{
    padding:5px;
}
.page-client.page-panier .input-group-addon.composant + select.form-control{
    padding:7px;
}

.page-client.page-panier #TableValEtape2 .row > div:first-child,
.page-client.page-panier #TableInfoRecap_Adresses .row > div:first-child{
    font-weight:bold;
}

#SaisieClientEnLigne .ReadOnly,
.SaisieClientEnLigne .ReadOnly{
    color:#999;
}
#SaisieClientEnLigne img,
.SaisieClientEnLigne img{
    vertical-align:middle;
}

/* ------------------------------------------------------------------- */
/* ---------------------  Assurance Quadrivium  ---------------------- */
/* ------------------------------------------------------------------- */

#Quadrivium{
    font-size:1.1em;
}
#Quadrivium h2,
#Quadrivium h3{
    font-family:'Source Sans Pro', 'Roboto', sans-serif;
    font-weight:bold;
}
#Quadrivium h3{
    margin-top:20px;
    margin-bottom:20px;
    font-size:16px;
}
#Quadrivium p,
#Quadrivium ul{
    font-family:'Source Sans Pro', 'Roboto', sans-serif;
}
#Quadrivium a{
    color:#66b88e;
    text-decoration:underline;
}
#Quadrivium a:hover{
    color:#2d6247;
    text-decoration:none;
}

/* -------------------------------------------------------- */
/* ---------------------  Challenge  ---------------------- */
/* -------------------------------------------------------- */

.Titre_Challenge{
    font-size: 18px;
    font-weight: 400;
}
.Periode_Challenge{
    font-size: 12px;
    font-weight: normal;
}
.Description_Challenge{
    font-size: 15px;
    font-weight: 400;
}
.Etape_Challenge_NomEtape{
    text-align:center;
    font-size:18px;
}
.Etape_Challenge_Titre{
    text-align:center;
}
.Etape_Challenge_SousTitre{
    text-align:center;
    color: rgb(102, 102, 102);
}

.Etape_Challenge_Jauge_Legende{
    padding: 7px 12px;
}
/*.Etape_Challenge_Jauge_Legende_Objectif, .Etape_Challenge_Jauge_Legende_MontantRestant{
    border:1px solid;
    border-color:#9b9b9b;
    border-radius:3px;
    margin: 7px 12px;
    background-color:#9b9b9b;
}*/
.Etape_Challenge_Seuil_Legende{
    font-size:11px;
}
.Etape_Challenge_Seuil_Legende_Detail{
    padding-left:5px;
    padding-bottom:10px;
    padding-top:10px;
    padding-right:10px;
}
.Challenge_Top_InfoVendeur_Photo{
    display:block;
    margin-bottom:10px;
    float:right;
    max-height:85px;
    /*margin-top:-30px;*/
}

.previewJauge{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
}
.previewJauge dt{
    font-size:1.25em;
    font-weight:500;
    text-align:center;
}
.previewJauge dd{
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
}

#backdrop-loading{
    transition:all 667ms ease-in;
    z-index:2000;
    opacity:0.75;
}
#backdrop-loading > div.centered{
    display:inline-grid;
    align-items:center;
    width:100%;
    height:100%;
}
#backdrop-loading i{
    color:#fff;
}

/* ------------------------------------------------------------------- */
/* ------------------------  Media Queries   ------------------------- */
/* ------------------------------------------------------------------- */

@media (min-width:1279px) and (max-width:1599px){
    #ContainerBlocJauge{
        width:58.33333333%;
    }
    #ContainerBlocActu{
        width:41.66666667%;
    }
}

@media (max-width:1024px) {
    .form-group div[class*="col-md-"]:not(.control-label) + div[class*="col-md-"]{
        margin-top:inherit;
    }
    .table-conteneur{
        width:100%;
    }
    .Wrapper{
        width:100%;
    }
    #LogoEntreprise{
        max-width:150px;
    }
}
@media (max-width:1278px) {
    .form-group div[class*="col-lg-"]:not(.control-label) + div[class*="col-lg-"]{
        margin-top:inherit;
    }
    #SignatureContratBoard, #SignatureContratBoardNotSigned, #SignatureParrainBoard, #SignatureParrainBoardNotSigned{
        width:100%;
    }
}
@media screen and (max-width:768px) {
    .content{
        padding:0 20px 40px 20px;
    }
    .form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"]{
        margin-top:inherit;
    }
    .ui-datepicker{
        padding:2px 10px;
    }
    #scheduler-content .panel-body{
        padding-left:0;
        padding-right:0;
    }
    .wizard > .steps > ul > li{
        width:25%;
    }
    /*sur iOs, permet d'éviter le zoom automatique en spécifiant une taille mini de 16px*/
    /*
    input.form-control[type="password"],
    input.form-control[type="text"],
    select.form-control,
    select.form-control:focus,
    textarea.form-control{
        font-size:16px;
    }
    input.form-control[type="password"]::placeholder,
    input.form-control[type="text"]::placeholder,
    textarea.form-control::placeholder{
        font-size:14px;
    }
    .TableTotauxClass > tbody > tr > td:last-child,
    .TableTotauxGeneralClass > tbody > tr > td:last-child,
    .TableTotauxClass > tbody > tr > td:last-child{
        font-size:15px;
    }
    */
    .nav-tabs:before{
        display:none;
        content:'';
    }
    select#IDFraisPort{
        max-width:200px;
    }

    .TableTotauxClass th, .TableTotauxClass td{
        min-width:100px;
        max-width:60% !important;
    }
    .TableTotauxClass #IDFraisPort.form-control,
    .TableTotauxClass #PMNT_SOUHAIT.form-control{
        width:auto !important;
        font-weight:500;
        padding-left:0;
        padding-right:0;
    }
    #SignatureBoard, #SignatureBoardNotSigned{
        width:420px;
        height:300px;
    }
    .page-commande h4#TitreSignature{
        margin-top:0;
        margin-bottom:0;
    }
    .page-commande #SignatureContenu, .page-compte #SignatureContenu{
        padding:0 10px;
    }

    .page-lignee #TableLignee .ColNomPrenomFilleul{
        max-width:50% !important;
    }
    input[type="radio"].form-control,
    input[type="checkbox"].form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle;
        margin-bottom:4px;
    }
    .dropdown-menu-panier a{
        color:#fff;
    }
    .dropdown-menu-panier a:hover, .dropdown-menu-panier a:focus, .dropdown-menu-panier a:active{
        text-decoration:underline;
    }

    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr{
        display:block;
    }

    /* Hide table headers (but not display:none;, for accessibility) */
    .no-more-tables thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px;
    }

    .no-more-tables tr{border:1px solid #ccc;}

    .no-more-tables tbody td{
        /* Behave  like a "row" */
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50% !important;
        white-space:normal;
        text-align:left;
    }
    .no-more-tables tbody td select{display:inline-block;}

    .no-more-tables td:before{
        /* Now like a table header */
        position:absolute;
        /* Top/left values mimic padding */
        top:6px;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap;
        text-align:left;
        font-weight:bold;
    }

    .no-more-tables > .table > tbody > tr > td,
    .no-more-tables > .table > tbody > tr > th,
    .no-more-tables > .table > tfoot > tr > td,
    .no-more-tables > .table > tfoot > tr > th,
    .no-more-tables > .table > thead > tr > td,
    .no-more-tables > .table > thead > tr > th{
        white-space:normal;
    }

    /*
    Label the data
    */
    .no-more-tables td:before{content:attr(data-title);}
}

@media screen and (max-width:600px){
    .page-lignee #TableLignee .ColNomPrenomFilleul span.refvdi{
        display:block;
        text-align:center;
    }
}

@media screen and (max-width:480px){
    #Bloc_Jauge .panel-body{
        padding:10px 5px;
    }

    .page-commande .wizard > .steps > ul > li,
    .page-abonnement .wizard > .steps > ul > li{
        width:25%;
    }
    .page-commande .wizard > .steps > ul > li > a,
    .page-abonnement .wizard > .steps > ul > li > a{
        font-size:11px;
    }

    .page-commande #BlocsArticles .panel-body,
    .page-abonnement #BlocsArticles .panel-body{
        padding:10px 5px;
    }
    .page-commande #BlockPreFooter .panel-body,
    .page-abonnement #BlockPreFooter .panel-body{
        padding-left:0;
        padding-right:0;
    }
    .page-commande #BlockStep2 .DetailCdeGroupe{
        line-height:22px;
    }

    .page-commandes #Valide > .col-xs-12,
    .page-commandes #Brouillon > .col-xs-12,
    .page-commandes #Recupere > .col-xs-12{
        padding-left:0;
        padding-right:0;
    }

    /* Force un alignement différent sur les petits écran */
    .TableTotauxClass td:first-child,
    .TableTotauxGeneralClass td:first-child{
        text-align:right !important;
    }
    .content:not(.page-client) .TableTotauxClass td:last-child,
    .content:not(.page-client) .TableTotauxGeneralClass td:last-child{
        text-align:left !important;
    }
    .CdeGroupe .TotauxCli .Montant,
    .CdeGroupe .TotauxCli .FraisPort,
    .CdeGroupe .TotauxGen .Montant,
    .CdeGroupe .TotauxGen .MontantTTC{
        text-align:left !important;
    }

    .content.page-lignee{
        padding:0 10px 40px 10px;
    }
    .page-lignee .table-responsive{
        border-left:none;
        border-right:none;
    }
    .page-lignee .col-xs-12 .panel.panel-flat + .panel.panel-flat .panel-body{
        padding-left:0;
        padding-right:0;
    }
    /*.page-lignee #TableLignee .ColCACompteur{
        display:none;
    }*/
    .page-lignee #TableLignee .ColNomPrenomFilleul{
        max-width:75% !important;
    }
}

@media (min-width:769px){
    .w-50p{
        width:50% !important;
    }
    .w-100p{
        width:100% !important;
    }
    .equal{
        display:flex;
        display:-webkit-flex;
        flex-wrap:wrap;
    }
    .smaller-inline-input{
        width:70%;
    }
    .PhotoVerySmallPanier{
        max-width:72px;
        max-height:42px;
    }
    .PhotoSmallList{
        max-width:100px;
        max-height:50px;
    }
    .sidebar-xs .sidebar-logo.hidden-xs img{
        visibility:hidden;
    }
    .page-commande #SignatureContenu, .page-compte #SignatureContenu{
        overflow-x:auto;
        padding-left:18px;
        padding-right:18px;
    }
    .page-commande #ZoneSignatureBoard .modal-dialog, .page-compte #LayerSignature .modal-dialog{
        min-width:760px;
    }

    .Div_Catalogue .Div_CatInfo{
        height:32px;
    }
    .Div_Catalogue .Div_CatPhoto, .Div_Catalogue .Div_CatPasPhoto, .Div_Catalogue .Div_CatPhoto a{
        height:212px;
    }
    .Div_Catalogue .Div_CatLien{
        height:36px;
    }
    .modal-lg{
        width:90%;
    }
    .modal-lg .panel{
        border-width:1px;
    }
    .modal-lg .panel-body{
        padding-left:10px;
        padding-right:10px;
    }
}

@media (min-width:1025px) {
    .Div_Catalogue .Div_CatInfo{
        height:36px;
    }
    .Div_Catalogue .Div_CatPhoto, .Div_Catalogue .Div_CatPasPhoto, .Div_Catalogue .Div_CatPhoto a{
        height:188px;
    }
    .Div_Catalogue .Div_CatLien{
        height:36px;
    }
    /* masque les retours à la ligne dans les en-têtes des tableaux responsive pour les plus grands largeurs */
    .datatable-responsive th br,
    .TableTotauxClass td br,
    .TableTotauxGeneralClass td br{
        display:none;
    }
    .modal-lg{
        width:85%;
    }
    .modal-md{
        width:820px;
    }
    .actu-img img{
        max-width:75%;
    }
}

@media (min-width:1279px) {
    .Div_Catalogue .Div_CatInfo{
        height:50px;
    }
    .Div_Catalogue .Div_CatPhoto, .Div_Catalogue .Div_CatPasPhoto, .Div_Catalogue .Div_CatPhoto a{
        height:140px;
    }
    .Div_Catalogue .Div_CatLien{
        height:50px;
    }
    .modal-lg{
        width:80%;
    }
    .modal-md{
        width:920px;
    }
}

@media (min-width:1599px) {
    #Bloc_Jauge .UneJauge,
    #Bloc_Jauge #JaugePerso.col-sm-6,
    #Bloc_Jauge #JaugeLignee.col-sm-6{
        width:33.33%;
        margin-left:8.33%;
    }
}

/* Fix BS3 tooltip
    Pour éviter un pb de tooltip qui reste affiche sur IOS
*/
@supports (-webkit-overflow-scrolling:touch){
    /* CSS specific to iOS devices */
    body{
        cursor:pointer;
    }
}

@media (hover:none){
}

/* pour l'impression */
@media print{

    @page{
        size:A4;
        margin:6mm 2mm;
    }

    body{
        width:992px;
        margin:0 auto;
    }

    a{
        color:#000 !important;
    }
    a[href]:after{
        content:"";
    }

    h1{
        font-size:24px;
    }
    h2{
        font-size:22px;
    }
    h3{
        font-size:20px;
    }
    h4{
        font-size:18px;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td{
        padding:4px 16px;
    }

    .table-condensed > thead > tr > th,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > tbody > tr > td,
    .table-condensed > tfoot > tr > td{
        padding:2px 8px;
    }

    .paging .dataTables_paginate{
        display:none;
    }

    .page-lignee .table-responsive,
    .avec-espace-sous-datatable .datatable-scroll-wrap{
        padding-bottom:0;
    }

    .form-inline input[type="radio"].form-control,
    .form-inline input[type="checkbox"].form-control{
        height:24px;
        width:auto;
        display:inline;
    }

    #ZoneRecherche{
        display:none;
    }

    .version{
        display:none;
    }

    .sidebar-main{
        display:none;
    }

    .content{
        padding-bottom:0;
    }
    .footer{
        margin-top:10px;
    }
}