/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : 7 déc. 2017, 17:02:30
    Author     : cdelalande
*/


/**************************************************************************************************************
Bloc favoris Home
**************************************************************************************************************/


#bookmarks-header .box-drop {
    top: 10px;
}

#bookmarks {
    margin-bottom: 25px;
}

#bookmarks.home-lien .home-lien-a .libelle p {
    font-size: 12px !important;
    color: white;
    line-height: 1.42857 !important;
    display: inline-block;
    vertical-align: middle;
}

#bookmarks.home-lien .home-lien-a a {
    border-radius: 4px;
    height: 87px;
    line-height: 87px;
    overflow: hidden;
    position: relative;
}

#bookmarks.home-lien .home-lien-a a .libelle {
    height: 87px;
    line-height: 1.42857 !important;
    display: inline-block;
}

#bookmarks.home-lien .home-lien-a .actions {
    position: absolute;
    top: 5px;
    color: white;
    width: 25px;
    right: 5px;
    cursor: pointer;
    display: none;
}

/**************************************************************************************************************
Bloc suggestions Home
**************************************************************************************************************/

#suggestions-header {
    margin-top: 20px;
}

#suggestions-header .box-drop {
    top: 10px;
}

#suggestions {
    margin-bottom: 25px;
}

#suggestions.home-lien .home-lien-a .libelle p {
    font-size: 12px !important;
    color: white;
    line-height: 1.42857 !important;
    display: inline-block;
    vertical-align: middle;
}

#suggestions.home-lien .home-lien-a a {
    border-radius: 4px;
    height: 87px;
    line-height: 87px;
    overflow: hidden;
    position: relative;
    padding: 0px 5px;
}

#suggestions.home-lien .home-lien-a .actions {
    position: absolute;
    top: 5px;
    color: white;
    width: 25px;
    right: 5px;
    cursor: pointer;
    display: none;
}

/**************************************************************************************************************
ICONE MENU
**************************************************************************************************************/

.fa-intra-ent:before {
    content: "\f1ad"
}

.fa-sec-pro:before {
    content: "\f007"
}

.fa-intra-usr:before {
    content: "\f007"
}

.fa-user:before {
    content: "\f007"
}

.fa-intra-news:before {
    content: "\f024"
}

.fa-news:before {
    content: "\f024"
}

.fa-btn-NewsTheme:before {
    content: "\f013"
}

.fa-project-management:before {
    content: "\f0ae"
}

.fa-intra-configuration:before {
    content: "\f013"
}

/*.fa-fs-inode:before{content:"\f115"}*/

.fa-fs-inode:before {
    content: "\f07c"
}

.fa-intra-menu:before {
    content: "\f03a"
}

.fa-franch-statut:before {
    content: "\f205"
}

.fa-franch-candidature:before,
.fa-developpement:before {
    content: "\f086"
}

.fa-anim-visite:before {
    content: "\f274"
}

.fa-sondage:before {
    content: "\f128"
}

.fa-sondage-question:before {
    content: "\f128"
}

.fa-_facture:before {
    content: "\f09d"
}

.fa-stats:before {
    content: "\f080"
}

.fa-Statistiques:before {
    content: "\f080"
}

.fa-rapport:before {
    content: "\f1fe"
}

.fa-easyp:before {
    content: "\f153"
}

.fa-forma:before {
    content: "\f19d"
}

.fa-bart:before {
    content: "\f1b3"
}

.fa-mp:before {
    content: "\f291"
}

.fa-franch:before {
    content: "\f044"
}

.fa-ecran:before {
    content: "\f26c"
}

.fa-admin:before {
    content: "\f085"
}

.fa-maggest:before {
    content: "\f1ec"
}

.fa-adminweb:before {
    content: "\f1fa"
}

.fa-rap:before {
    content: "\f1fe";
}

.fa-desk:before {
    content: "\f007";
}

.fa-gesopc:before {
    content: "\f26c";
}

.fa-Agenda:before {
    content: "\f073";
}

.fa-evenement:before {
    content: "\f097";
}

.fa-Opening:before {
    content: "\f0c0"
}

.fa-btn-Services:before {
    content: "\f0c0"
}

.fa-Catalogue:before {
    content: "\f1b3"
}

.fa-pa-plan_action:before {
    content: "\f022"
}

.fa-Sav:before {
    content: "\f025"
}

.fa-Raspberry:before {
    content: "\f1e6"
}

.fa-mp-art:before {
    content: "\f0c5";
}

.fa-mp-ord_fou:before {
    content: "\f073";
}

.fa-logistique:before {
    content: "\f0d1";
}

.fa-btn-Notifications:before {
    content: "\f054"
}

.fa-gocardless:before {
    content: "\f0d6"
}

.fa-VideoTv:before {
    content: "\f26c"
}

.fa-btn-videotv_defaut:before {
    content: "\f03d";
}

.fa-MyAccount:before {
    content: "\f013"
}

.fa-Etiquette:before {
    content: "\f145"
}

/*.fa-home:before{content:"\f015"}*/


/*.fa-home:before{content:"\f3c5"}*/


/*.fa-home:before{content:"\f1b3"}*/

div.fil_ariane strong {
    color: #B40404;
    font-size: 13px;
    text-transform: uppercase;
}

div.fil_ariane a {
    color: black;
    text-transform: uppercase;
    font-size: 13px;
}

div.fil_ariane {
    margin-bottom: 20px;
}

div#contenu_center h2 {
    font: 900 40px/42px 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    color: #9d0514;
}


/*********************************************************************************************
MENU NOUVEAU LEFT
**********************************************************************************************/

.menu-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1100;
}

.menu-side .hamb {
    background: #f2f2f2;
    /*border: none;*/
    color: #1a1c0e;
    font-size: 30px !important;
    width: 95px;
    height: 72px;
    text-align: center;
    line-height: 50px;
}

.menu-side .hamb i {
    margin-top: 15px;
}

#sidebar {
    width: 70px;
    max-height: calc(100vh - 65px);
    position: fixed;
    top: 70px;
    bottom: 0;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    overflow-y: auto;
}

#sidebar i:before {
    vertical-align: sub;
}

button.menu-toggle.hamb {
    background: #f2f2f2;
    border: none;
    color: #1a1c0e;
    font-size: 30px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 48px;
}

#sidebar.menu-mini {
    width: 250px
}

#sidebar li span {
    opacity: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: sub;
}

#sidebar.menu-mini li span {
    opacity: 1
}

#sidebar ul {
    list-style: none;
    padding: 0
}

#sidebar ul li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

#sidebar ul li a:hover {
    text-decoration: none;
}

#sidebar ul li a:focus,
#sidebar ul li a.active {
    /*  background-color: #e5e5e5;
        text-decoration: none;
        color: var(--colour-primary);*/
}

#sidebar ul li.active>a {
    font-weight: 700;
}

#sidebar li ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    /*border-top: 1px solid rgba(69, 74, 84, 0.4);*/
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    max-height: 0px;
}

#sidebar li ul.visible {
    visibility: visible;
    /*border-top: 1px solid #e5e5e5;*/
    max-height: inherit;
}

#sidebar li ul.visible li a {
    padding: 5px 5px;
    font-size: 13px;
    /*border-top: 0px;*/
}

#sidebar li ul.visible li ul.visible li a {
    padding: 3px 5px;
    font-size: 12px;
}

#sidebar.menu-mini ul li ul li a span {
    margin-left: 25px;
    text-transform: initial;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#sidebar>ul>li>a>i {
    margin-left: 10px;
}

ul.lvl-0 {
    position: relative;
    bottom: 20px;
}

#sidebar li ul.visible li ul.visible li a {
    font-size: 16px;
}

#sidebar ul li a i {
    font-size: 24px;
    text-align: center;
    width: 35px;
    padding-left: 0px;
    color: #fff;
}

ul.lvl-0 li a span {
    color: #fff;
    padding-left: 12px;
}

div#sidebar.sidebar-collapse.menu ul.lvl-0 li.has-sub ul.lvl-1.visible li a span.level3 {
    padding-left: 30px;
    font-size: 16px !important;
}

div#sidebar.sidebar-collapse.menu ul.lvl-0 li.has-sub ul.lvl-1.visible li a span.level4 {
    font-size: 15px !important;
    padding-left: 50px;
}


/*********************************************************************************************
HEADER
**********************************************************************************************/


#navbar {
    padding-left: 15px;
    padding-right: 10px;
    margin-right: 0px;
}


.navbar-nav .menu-user img {
    background: #fff;
}

.navbar-nav .menu-user img {
    border: 3px solid #fff;
    height: 51px;
    position: absolute;
    top: 7px;
    width: 51px;
    left: -15px;
}

.navbar-nav .menu-user a.dropdown-toggle {
    padding-left: 45px;
    margin-left: 15px;
    padding-right: 20px;
    margin-right: 0;
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: -2px;
}

header span.select2-selection.select2-selection--single {
    width: 300px;
    margin-left: 55px;
}

header .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 300px;
    color: white;
}

header .select2-dropdown {
    margin-left: 50px;
    font-size: 14px;
}

header .select2-container--default .select2-selection--single {
    border: none;
}

header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: white;
    font-size: 14px;
    font-weight: 600;
}

#btn_logout {
    position: absolute;
    top: 13px;
    right: 20px;
}

#btn_logout a i {
    font-size: 40px;
    color: white;
    display: none;
}

header.navbar {
    background-color: #fff;
    border: none !important;
}

li.dropdown a i {
    padding-top: 10px;
}

.navbar.navbar-inverse.navbar-fixed-top .container-fluid {
    padding-right: 0px;
}

#barre_top {
    height: 70px;
}

div#navbar ul.nav.navbar-nav li.menu-plus a {
    padding: 6px 20px 0px 20px !important;
}

div#navbar ul.nav.navbar-nav li.menu-plus a.contact-form i {
    color: white;
    font-size: 24px;
}

div#navbar ul.nav.navbar-nav li.menu-plus a i.fa.fa-sign-out {
    font-size: 25px;
}

/**************Bloc search  yoan************************/

.search {
    height: 70px;
    margin-right: 10px !important;
    display: block;
    position: relative;
}

.search input {
    height: 69px;
    border: 1px solid #f2f2f2;
    padding: 5px 10px 5px 55px;
    /*margin-top: 7px;*/
}

.search .fa.fa-search {
    position: absolute;
    left: 21px;
    top: 24px;
    font-size: 24px;
    color: #343434
}

div#result a i {
    font-size: 20px;
    margin-right: 20px;
}

.search .search-highlight {
    display: block;
    font-size: 0.7em;
    color: #777;
    margin-left: 40px;
}

.dropdown-content {
    position: absolute;
    right: 5px;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}

@media screen and (max-width: 1020px) {
    .dropdown-content {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #btn_logout a i {
        display: block;
    }
}

@media screen and (min-width: 991px) {
    #btn_logout {
        display: none;
    }
}

/************************************************/

.btn i {
    transition: all .3s ease-in-out;
}

.btn-table {
    padding: 5px 15px !important;
}

.btn-action {
    font-size: 10px;
    font-weight: 500;
    margin: 2px -8px 0px -8px;
    text-transform: capitalize;
}

#benchmark {
    position: absolute;
    width: 100%;
    height: fit-content;
    background: rgba(255, 255, 255, 0.7);
    bottom: 0;
    padding: 50px 140px;
}

/*********************************************************************************************
scrollbar
**********************************************************************************************/

/* width */

::-webkit-scrollbar {
    width: 8px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

.changeUser{
    background-color: transparent;
    width: 100%;
    border: none;
}

.changeUser:hover{
    background-color: white;
    color: black;
    width: 100%;
    border: none;
}
/*********************************************************************************************
Css spécifique au projet
Pour le Css générique du template HeaderAndMenuLeft, voir dans cleocom, même path
**********************************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Istok+Web:400,400i,700,700i&display=swap');

body {
    /*background: url(img/bg.png) fixed no-repeat #f2f2f2 right bottom !important;*/
}

#bookmark-this.bookmarked {
    color: #1f2e55;
}

#bookmarks.home-lien .home-lien-a a {
    background-color: #1f2e55;
}

#suggestions.home-lien .home-lien-a a {
    background-color: #1f2e55;
}

#sidebar {
    background: #1f2e55;
}

#sidebar ul li a {
    color: #737373;
}

#sidebar ul li a:hover {
    background-color: #9fabb3;
}

#sidebar ul li.active a {
    color: #c80515;
}

div#result a.results:hover span,
div#result a.results:hover i {
    color: #9fabb3 !important;
}

#navbar {
    background: #1f2e55;
}

.navbar-brand img {
    height: 65px;
    position: absolute;
    top: 3px;
    width: inherit;
    margin-left: 75px;
}

header .select2-container--default .select2-selection--single {
    background-color: #1f2e55;
}

#barre_top {
    background-color: #1f2e55;
}

/* Custom Icons */
.fa-market:before {
    content: "\f0e4"
}

.fa-immat-toctoc:before {
    content: "\f002"
}

.fa-pneus:before {
    content: "\f63b"
}

.fa-suivi:before {
    content: "\f1b9"
}

.fa-intra-annuaire:before {
    content: "\f02d"
}

.fa-documentcreator:before {
    content: "\f044"
}

.fa-fac:before {
    content: "\f153";
}

.fa-intra-sasfac:before {
    content: "\f0a7";
}

.fa-facture:before {
    content: "\f283";
}
/**
 * Coffee & Brackets software studio
 * @author Mohamed KRISTOU <krisstwo@gmail.com>.
 */


.fa-btn-mass_print:before {
    content: "\f187";
}
/**
 * Coffee & Brackets software studio
 * @author Mohamed KRISTOU <krisstwo@gmail.com>.
 */


.fa-btn-email_invoice:before {
    content: "\f1d8";
}
/**
 * Coffee & Brackets software studio
 * @author Mohamed KRISTOU <krisstwo@gmail.com>.
 */

.fa-jobqueue:before {
    content: "\f0ae";
}
/**
 * Coffee & Brackets software studio
 * @author Mohamed KRISTOU <krisstwo@gmail.com>.
 */

.form-group .tooltip-inner {
    width: 300px;
}

.form-group .tooltip {
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: transparent;
}
/**
 * Coffee & Brackets software studio
 * @author Mohamed KRISTOU <krisstwo@gmail.com>.
 */

.fa-customercms:before {
    content: '\f15c';
}
.customercms.embedded.item-edit .form-horizontal .spinner {
    float: left;
}
.customercms.embedded.item-edit .form-horizontal .form-group {
    margin-bottom: 15px !important;
}
.fa-intra-lock:before {
    content: "\f023";
}

#content #form_login {
    background: linear-gradient(#e6e6e6, white, white, white);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    padding: 20px;
    margin: 50px auto;
    width: 500px;
}

#content #form_login h2 {
    color: #999;
    font-size: 26px;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}

#content #form_login p {
    margin: 20px 0 0 0;
    padding: 0;
}

#content #form_login p.p_inputs {
    background: #e6e6e6;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: 5px 5px 10px -7px rgba(0, 0, 0, 0.3) inset;
}

#content #form_login p.p_inputs input {
    display: block;
    background: transparent no-repeat 8px 8px;
    background-clip: border-box;
    border-left: medium none;
    border-right: medium none;
    border-top: 1px solid white;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px 8px 32px;
    width: 456px;
}

#content #form_login p.p_forget_password {
    margin: 3px 0 0 0;
    text-align: right;
}

#content #form_login p.p_inputs input#AUTH_USER {
    background-image: url("dyn.php?a=img&src=form_login_icon_user.png");
}

#content #form_login p.p_inputs input#AUTH_PW {
    background-image: url("dyn.php?a=img&src=form_login_icon_password.png");
}

#content #form_login p {
    border: none;
}

#content #form_login p input#btn_login {
    background: #666;
    background-clip: border-box;
    border: medium none;
    border-radius: 4px;
    color: white;
    font-size: 22px;
    padding: 8px 10px;
    text-transform: uppercase;
    width: 100%;
}

#content #form_login p input:first-child {
    border-top: none;
}

#content #form_login p input:last-child {
    border-bottom: none;
}

body.login #content {
    padding-left: 20px;
    padding-right: 20px;
}

#content .login-box .oublie>span {
    float: left;
}

body.login .form .log-input,
body.login .form .mdp-input {
    padding: 0 3px 0 0px;
    margin: 3px 0px 25px 0;
    background-color: #e5e5e5;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

body.login .form i.fa-intra-lock,
body.login .form i.fa-intra-usr {
    font-size: 30px;
    color: black;
    width: 50px;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    vertical-align: top;
    background-color: #e5e5e5;
    margin-top: 3px;
}

body.login .form input {
    text-align: left;
    background-color: #e5e5e5;
    color: #7e7d7d;
    box-shadow: none;
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
}

body.login .form input:focus {
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

body.login input.btn-login {
    text-align: center;
    width: 100%;
    background-color: black;
    color: #fff;
    text-decoration: none;
    height: 52px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    line-height: 52px;
    font-size: 18px;
    padding: 0;
}

body.login input.btn-login:hover,
body.login input.btn-login:focus {
    background-color: #e5e5e5;
}

body.login .oublie {
    text-align: right;
    padding-top: 15px;
}

body.login .oublie i {
    font-size: 18px;
}

body.login .oublie a.mdp-oublie {
    padding-right: 10px;
    color: #1b1b1c;
    text-decoration: underline;
}

body.login .oublie a.mdp-oublie:hover,
body.login .oublie a.mdp-oublie:focus {
    text-decoration: none;
    color: black;
}

body.login .form .log-input.erreur {
    margin-bottom: 5px;
}

body.login .form .erreur input {
    border-color: red;
    background-color: #fff;
}

body.login .form p.erreur {
    color: red;
    margin-left: 65px;
    margin-bottom: 20px;
    font-weight: 500;
}

@media (max-width: 768px) {

    body.login,
    body.forget_password {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
        width: 190px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
        width: 190px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }

    body.login .form input {
        width: 100%;
    }
}

@media (max-width: 350px) {

    body.login,
    body.forget_password {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }
}

/****Login V3 *****/

.login-box h1 {
    background: #fff;
    padding: 0 0 10px;
    margin-bottom: 30px !important;
    border-bottom: 4px solid #e5e5e5;
}

body.login .log,
body.login .mdp {
    width: 100%;
}

body.login .log-input,
body.login .mdp-input {
    width: calc(100% - 50px);
}
/* $Header: /var/lib/cvs/ec/intranet/pages/login/default.css,v 1.2 2014/09/25 10:07:57 fmarin Exp $ */

table.toolbar td.logout {
	display:none;
}
/* CSS Document */


/**************************************************************************************************************
ICONE MENU
**************************************************************************************************************/


/** bouton action **/

.fa-btn-dupliquer:before {
    content: "\f0c5";
}

.fa-btn-insert_collab:before {
    content: "\f007";
}

.fa-btn-insert_agence:before {
    content: "\f1ad";
}

.fa-btn-statut_defaut:before {
    content: "\f00c";
}

.fa-btn-close:before {
    content: "\f05e";
}

.fa-btn-token:before {
    content: "\f00c" !important;
}

.fa-circle-bis:before {
    content: "\f111" !important;
    font-size: 75%;
}

.fa-intra-ent_usr {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.fa-intra-ent_usr:before {
    content: "\f2b5";
}

.fa-tag-tag:before {
    content: "\f02b"
}

.fa-btn-force_send_news:before {
    content: "\f1d8"
}

.fa-i-address-card:before {
    content: "\f27e";
}

.fa-btn-insert:before {
    content: "\f067";
}

.fa-btn-load:before {
    content: "\f06e";
}

.fa-btn-update:before {
    content: "\f040";
}

.fa-btn-delete:before {
    content: "\f00d";
}

.fa-btn-export:before {
    content: "\f019";
}

.fa-btn-search:before {
    content: "\f002";
}

.fa-btn-regen_password:before {
    content: "\f021";
}

.fa-btn-multi_login:before {
    content: "\f0e8";
}

.fa-btn-multi::before{
    content: "\f0e8"
}

.fa-btn-print:before {
    content: "\f1c1";
}

.fa-btn-update_price:before {
    content: "\f153";
}

.fa-btn-cut:before {
    content: "\f0c4";
}

.fa-btn-paste:before {
    content: "\f0ea";
}

.fa-btn-cancel_ord:before {
    content: "\f1f8";
}

.fa-btn-pdf_fac:before {
    content: "\f1c1";
}

.fa-btn-gen_pdf:before {
    content: "\f021";
}

.fa-btn-traiter:before {
    content: "\f00c";
}

.fa-btn-exp_ord_fou:before {
    content: "\f093";
}

.fa-btn-lock:before {
    content: "\f187";
}

.fa-btn-token:before {
    content: "\f04b";
}

.fa-btn-histo:before {
    content: "\f02d";
}

.fa-btn-published_opening:before {
    content: "\f0c0";
}

.fa-btn-insert_stock:before {
    content: "\f116";
}

.fa-btn-generate_location_tree:before {
    content: "\f0d0";
}

.fa-btn-pdf_bl:before {
    content: "\f0d1";
}

.fa-btn-order_range:before {
    content: "\f03a";
}

.fa-btn-pdf_preparation:before {
    content: "\f07a";
}

.fa-btn-send_preparation:before {
    content: "\f093";
}

.fa-btn-order_reception:before {
    content: "\f00c";
}

.fa-btn-supplier_range:before {
    content: "\f03a";
}

.fa-btn-pdf_bl_supplier_to_franchised:before {
    content: "\f0d1";
}

.fa-btn-pdf_bdp_supplier:before {
    content: "\f07a";
}

.fa-btn-pdf_bl_central_to_supplier:before {
    content: "\f090";
}

.fa-btn-pdf_bl_at_franchised:before {
    content: "\f0d1";
}

.fa-btn-pdf_stock_ticket:before {
    content: "\f02b";
}

.fa-btn-generate_payment:before {
    content: "\f0d6";
}

.fa-btn-payment_history:before {
    content: "\f1da";
}

.fa-btn-generate_creditnote:before {
    content: "\f0e2";
}

.fa-btn-generate_invoice:before {
    content: "\f0d6";
}

/** sous menu **/

.fa-btn-Statuts:before {
    content: "\f013";
}

.fa-btn-AnimQuota:before {
    content: "\f013";
}

.fa-btn-Configuration:before {
    content: "\f013";
}

.fa-btn-Configurationfacture:before {
    content: "\f013"
}

.fa-btn-Articles:before {
    content: "\f0c5";
}

.fa-btn-Classements:before {
    content: "\f0ae";
}

.fa-btn-Suivi:before {
    content: "\f073";
}

.fa-btn-Suivicommandes:before {
    content: "\f073";
}

.fa-btn-TauxdeTVA:before {
    content: "\f295";
}


.fa-btn-Fournisseurs:before {
    content: "\f0d1";
}

.fa-btn-sondageType:before {
    content: "\f013";
}

.fa-btn-Marques:before {
    content: "\f1f9";
}

/**************************************************************************************************************
GENERAL
**************************************************************************************************************/

table {
    border-spacing: 0;
}

table th,
table td {
    padding: 0;
}

#content table.list {
    background: white;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#content table.icons {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    margin: 10px 0 0;
}

#content table.icons tbody.content_tbody {
    display: block;
    padding-left: 10px;
}

#content table.icons tr.th {
    display: none;
}

#content table.icons tr.tr {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    display: block;
    float: left;
    height: 72px;
    margin: 0 10px 42px 0;
    padding: 0;
    width: 72px;
}

#content table.icons tr.tr td {
    display: none;
}

#content table.icons tr.tr td.lib,
#content table.icons tr.tr td.check {
    display: block;
    height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 79px 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    width: 72px;
}

#content table.list tr.tr td.lib {
    background-position: 40px 40px;
    background-repeat: no-repeat;
}

#content table.list tr.tr td a.active {
    background: #666;
    color: white;
    text-decoration: none;
}

#content table.icons tr.tr td.lib {
    background-position: 50% 11px;
    background-repeat: no-repeat;
}

#content table.icons tr.tr td a {
    color: black;
    display: block;
    height: 26px;
    margin: -76px 0 0 0;
    padding: 76px 0 0 0;
    position: absolute;
    text-decoration: none;
    width: 72px;
}

#content table.icons tr.tr td.lib:hover {
    text-decoration: underline;
}

#content table.list tr.tr td img {
    padding-right: 2px;
    vertical-align: middle;
}

#content table.list tr.th th,
.sortable {
    font-weight: bold;
}

#content table.list tr.th th span {
    cursor: default;
    background: none;
    border: none;
    font-weight: 550;
    color: #fff;
    font-size: 12px;
    text-align: center;
}


#content table.list tr.th th a:hover,
.sortable a:hover {
    background-color: #e6e6e6;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid white;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid white;
}

#content table.list tr.th th a:active,
.sortable a:active,
#content table.list tr.th th a:focus,
.sortable a:focus {
    border: 0;
}

#content table.list tr.th th.sort_asc a {
    background-image: url("img/ar_bottom.gif");
}

#content table.list tr.th th.sort_desc a {
    background-image: url("img/ar_top.gif");
}

#content table tr.tr {
    cursor: pointer;
}

#content table.list tr.tr td {
    overflow: hidden;
    padding: 3px 4px;
    white-space: nowrap;
}

#content table.list tr.selected {
    background-color: #b6b6b6;
    color: white;
}

#content table.icons tr.selected {
    background-color: #b6b6b6;
}

#content tr.tr:hover {
    background-color: #e6e6e6;
}

#content table.list tr.selected:hover {
    background-color: #969696;
    color: white;
}


/* Barre de recherche */

#content table.list tr.ts {
    border-bottom: 1px solid #969696;
}

#content table.icons tr.ts {
    border: 1px solid #969696;
    display: block;
    width: 100%;
}

#content table.list tr.ts label {
    display: none;
}

#content table.icons tr.ts label {
    background-color: #d0d0d0;
    display: block;
}

#content tr.ts div.ftr {
    padding: 0;
}

#content tr.ts div.ftr div {
    border-right: 1px solid #D0D0D0;
    display: block;
    padding: 3px 4px;
}

#content tr.ts input[type=text],
#content tr.ts select {
    background-color: white;
    border: 0;
    display: block;
    margin: 0;
    width: 100%;
}

#content tr.ts input[type=checkbox] {
    margin: 0;
    width: auto;
}

#content tr.ts div.date select,
#content tr.ts div.date span {
    display: block;
    float: left;
    margin-right: 2px;
    text-align: right;
    width: 80px;
}

#content tr.ts div.date p {
    margin: 0;
    padding: 0;
}

#content tr.ts div.date select option {
    text-align: left;
}

#content tr.ts div.date input.calendar {
    width: auto;
}


/* Barre de navigation changement de n° page */

#content_tn {
    display: none;
}

#content_navig,
tr.tn {
    background-color: #a8a8a8;
    clear: both;
    color: white;
    padding: 2px 0;
}

#content_navig table {
    width: 100%;
}

#content_navig td.content_navig_lib,
tr.tn td {
    padding: 4px;
}

#content_navig td.content_navig_lib {
    width: 15%;
    white-space: nowrap;
}

#content_navig td.content_navig_pages {
    padding: 0;
    text-align: center;
}

#content_navig a,
tr.tn a {
    padding: 4px 8px;
}

#content_navig strong,
tr.tn strong {
    background-color: white;
    border-radius: 8px;
    color: #666;
    margin: 2px 2px;
    padding: 2px 6px;
    vertical-align: middle;
}

#content_navig a:link,
#content_navig a:active,
#content_navig a:visited,
tr.tn a:link,
tr.tn a:active,
tr.tn a:visited {
    color: white;
    text-decoration: none;
}

#content_navig a:hover,
tr.tn a:hover {
    color: white;
    text-decoration: underline;
}

#content_navig img,
tr.tn img {
    vertical-align: middle;
}

#content_navig select,
tr.tn select {
    border: 1px solid #333;
}

#content_navig img.navig_arrow,
tr.tn img.navig_arrow {
    border: 0;
    width: 11px;
    height: 11px;
    display: inline-block;
}

#content_navig td.content_navig_input {
    text-align: right;
    width: 180px;
    padding-right: 4px;
}

#content_navig td.content_navig_input input#content_page_input {
    border: 1px solid #333;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    height: 16px;
    margin: 0;
    padding: 2px 4px;
    text-align: right;
    width: 20px;
}

#content_navig td.content_navig_input input#content_page_input_btn {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 0 4px 4px 0;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    width: 24px;
}

#content table.list tr td.check {
    height: 18px;
    padding: 2px !important;
    width: 14px;
}

#content table.list tr td.check input {
    margin: 0;
}

#content .ts div.ftr.filled div {
    padding-right: 20px;
}

#content .ts div.ftr input.del_filter,
#content .ts div.ftr a.del_filter {
    display: none;
    float: right;
    position: relative;
}

a.del_filter img {
    margin-top: 2px;
}

#content .ts div.ftr.filled input.del_filter,
#content .ts div.ftr.filled a.del_filter {
    display: block;
}

#content .ts div.ftr div.f_checkboxes {
    background-color: #ddd;
    border: 1px solid #333;
    box-shadow: 2px 2px 8px #333;
    margin-top: 2px;
    padding: 0 !important;
    position: absolute;
    visibility: hidden;
    z-index: 16;
}

#content .ts div.ftr div.f_checkboxes .f_checkboxes_list {
    height: 256px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li {
    margin: 0;
    list-style-type: none;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>a {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>a {
    background: url("img/plus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:first-child>a {
    background: url("img/plusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:last-child>a {
    background: url("img/plusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus>a {
    background: url("img/minus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:first-child>a {
    background: url("img/minusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:last-child>a {
    background: url("img/minusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>ul {
    background: url("img/line.gif") repeat-y left;
    margin-bottom: -4px;
    padding: 0 0 4px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>ul {
    display: none;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li {
    background: url("img/join.gif") no-repeat left;
    border: 0;
    padding: 2px 4px 2px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li:last-child {
    background: url("img/joinbottom.gif") no-repeat left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p input,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li input {
    float: left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p label,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li label {
    display: block;
    padding: 0 16px !important;
    white-space: nowrap;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes {
    background-color: #666;
    border-bottom: 1px solid #444;
    border-right: 0;
    border-top: 1px solid #888;
    padding: 4px;
    text-align: right;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes a {
    color: white;
    padding: 2px 0 2px 4px;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes input {
    border: 1px solid #555;
    display: inline;
    height: 18px;
    padding: 0 4px;
}

#content .ts input.calendar {
    height: 14px;
    width: 75px;
}

#content .ts button.calendar {
    margin: 1px 0 0 -17px;
    position: absolute;
    visibility: hidden;
}


/* -------------------------------------------------------------*/


/* Barre d'outils                                               */


/* -------------------------------------------------------------*/

#content_toolbar {
    overflow-x: auto;
    overflow-y: hidden;
}

table.toolbar {
    height: 26px;
    padding: 0;
    white-space: nowrap;
    width: auto;
}

table.toolbar .lib {
    margin: 0;
    padding: 0 2px;
}

table.toolbar td.button {
    border: 1px solid transparent;
}

table.toolbar td.sep {
    text-align: center;
    width: 2px;
}

table.toolbar td.button img,
table.toolbar td.button input {
    padding: 2px;
}

table.toolbar td.button input {
    background-color: transparent;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border: 0;
    display: block;
    font-size: 0;
    height: 26px;
    width: 26px;
}

table.toolbar td.button a,
table.toolbar td.button input,
table.toolbar td.button label {
    color: black;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

table.toolbar td.button:hover {
    background-color: #eaeaea;
}

table.toolbar td.button:hover .lib {
    color: black;
}

table.toolbar td.button a:active,
table.toolbar td.button a.active,
table.toolbar td.button input:focus,
table.toolbar td.button.active {
    color: white;
    background-color: #666;
}

table.toolbar td.button:hover a:active,
table.toolbar td.button:hover a.active span,
table.toolbar td.button:hover input:focus,
table.toolbar td.button.active:hover label,
table.toolbar td.button.active label {
    color: white;
}

table.toolbar td.button_inactive a,
table.toolbar td.button_inactive input {
    border: 1px solid transparent;
    cursor: default;
}

table.toolbar td.button_inactive a:active,
table.toolbar td.button_inactive a.active,
table.toolbar td.button_inactive:hover {
    background-color: transparent !important;
    cursor: default;
}

table.toolbar td.button_inactive .lib,
table.toolbar td.button_inactive:hover .lib {
    color: #b6b6b6;
}

table.toolbar td.button,
table.toolbar td.sep {
    margin: 0 1px 0 0;
}

table.toolbar td.logout {
    margin: 0;
    text-align: right;
    text-indent: 0;
    width: auto;
}

table.toolbar td label.toolbar_confirm {
    display: none;
}


/* Barre d'outils : texte sous les icônes */

table.toolbar.iot {
    font-size: 9px;
    height: 42px;
}

table.toolbar.iot img {
    padding-bottom: 0;
}

table.toolbar.iot td.button {
    text-align: center;
}

table.toolbar.iot td.button input {
    background-position: 50% 2px;
    display: block;
    height: 40px !important;
    margin-bottom: -40px;
    position: relative;
    width: 64px !important;
}

table.toolbar.iot td.sep img {
    height: 36px;
    width: 2px;
}

table.toolbar.iot .lib {
    display: block;
    height: 14px;
    overflow: hidden;
    padding-top: 26px;
    width: 60px;
}

table.toolbar.iot a span.lib {
    padding-top: 0;
}


/* Barre d'outils : texte à côté des icônes */

table.toolbar.ilt {
    overflow: hidden;
}

table.toolbar.ilt img {
    vertical-align: middle;
}

table.toolbar.ilt td.button input {
    display: inline;
    vertical-align: middle;
}

table.toolbar.ilt td.button .lib {
    margin-right: 15px;
}

table.toolbar.ilt .lib {
    display: inline;
    padding: 5px 2px;
    text-align: left;
}

table.toolbar.ilt td.sep {
    padding-right: 15px;
}

table.toolbar td.sep img {
    height: 28px;
    width: 2px;
}


/* Barre d'outils : icônes seules */

table.toolbar.io td.button {
    padding: 0px 2px;
}

table.toolbar.io .lib {
    display: none;
}


/* Barre d'outils : textes seuls */

table.toolbar.to {
    height: 18px;
    overflow: hidden;
}

table.toolbar.to td.button input {
    background-image: none !important;
    background-color: transparent;
    height: 18px;
    position: absolute;
}

table.toolbar.to img {
    display: none;
}

table.toolbar.to td.sep img {
    display: inline;
    height: 14px;
    width: 2px;
}

table.toolbar.to .lib {
    display: block;
    float: none;
    height: 14px;
    overflow: hidden;
    padding: 2px 6px;
}

div.toolbar_tip {
    background: url("img/back_toolbar.png") repeat-x scroll center top #E6E6E6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

#content form.frm table.minitab.hor {
    width: auto;
}

#content form.frm table.minitab.hor td {
    padding: 2px 3px;
    text-align: center;
}

#content form.frm table.minitab.hor td.c1 {
    border-left: 1px solid #ccc;
}

#content form.frm table.minitab.hor td:first-child {
    padding: 2px 8px;
    text-align: left;
}

#content form.frm table.minitab.hor td input.minitab_text {
    margin-left: 8px;
    width: 40px !important;
}

#content_div div.scroll-outer {
    margin: 0 auto 3em;
    padding: 0;
    position: relative;
}

#content_div div.scroll-outer div.scroll-inner {
    overflow: auto;
}

#content_div table.table.pre-scroll {
    width: auto !important;
}

#content_div table.table.pre-scroll tr {
    height: 18px;
}

#content_div table.table.pre-scroll td,
#content_div table.table.pre-scroll th {
    width: auto !important;
}

#content_div table.table.scroll thead {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#content_div table.table.scroll tfoot {
    bottom: 0;
    overflow: hidden;
    position: fixed;
}


/* -------------------------------------------------------------*/


/* Formulaires                                                  */


/* -------------------------------------------------------------*/

#form h2 {
    padding: 5px 10px;
    margin: 0;
}

#content form.frm {
    padding: 0;
    margin: 0;
}

#content .form_tabs {
    border-right: 1px solid #CCC;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
    text-indent: 0;
}

#content .form_tabs select {}

#content .form_tabs li {
    background: url("img/back_tab_inactive.png") repeat-x scroll top white;
    float: left;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    width: 77px;
}

#content .form_tabs li a {
    text-align: center;
    margin: 0px;
    padding: 3px 4px;
    font-size: 12px;
    width: 67px;
    height: 19px;
    color: #42403D;
    border-left: 1px solid #CCC;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#content .form_tabs input.active,
#content .form_tabs li.active {
    background: white url(img/back_tab_active.png) repeat-x scroll top;
    font-weight: bold;
}

#content .form_tabs input.active,
#content .form_tabs li.active a {
    color: white;
}

#content .form_tabs input:hover,
#content .form_tabs li a:hover {
    color: black;
}

#content .form_tabs input:hover.active,
#content .form_tabs li.active a:hover {
    color: #FFF;
}

#content form.frm ul.tabs {
    background: none repeat scroll 0 0 #666666;
    height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 6px 0 0 28px;
}

#content form.frm ul.tabs li {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 0 0;
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    list-style: none outside none;
    margin: 0 0 0 4px;
    padding: 5px 16px;
}

#content form.frm ul.tabs li a {
    color: #FFFFFF;
    text-decoration: none;
}

#content form.frm ul.tabs li.active {
    background: none repeat scroll 0 0 #FFFFFF;
}

#content form.frm ul.tabs li.active a {
    color: black;
    font-weight: bold;
}

#content form.frm>table {
    border-top: 1px solid #D0D0D0;
    clear: both;
    width: 100%;
}

#content form.frm tr.ft {
    border-bottom: 1px solid #666;
    width: 100%;
}

#content form.frm tr.locales th {
    background-color: #444444;
    color: white;
    padding: 4px;
    white-space: nowrap;
    text-align: center;
}

#content form.frm tr.locales th:first-child {
    width: 20%;
}

#content form.frm tr.locales th img {
    margin-right: 4px;
    vertical-align: top;
}

#content form.frm tr.ft th.fth,
#content form.frm tr.ft td.ftd {
    border-bottom: 1px solid #C6C6C6;
    border-top: 1px solid white;
    padding: 4px;
}

#content form.frm tr.ft th.fth {
    background-color: #ddd;
    padding: 0px;
    text-align: right;
    width: 30%;
}

#content form.frm tr.ft th.fth>label {
    color: #666;
    display: block;
    font-weight: bold;
    padding: 4px;
}

#content form.frm tr.ft th.fthpic,
#content form.frm tr.ft th.fthgal {
    font-weight: normal;
    padding: 8px;
    text-align: left;
    width: auto;
}

#content form.frm tr.ft td.ftd {
    background-color: white;
    padding: 4px;
    width: 70%;
}

#content form.frm tr.ft td.ftd img.file_icon {
    float: left;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd p {
    margin: 0px;
    padding: 0px;
}

#content form.frm tr.ft td.ftd>input,
#content form.frm tr.ft td.ftd>select,
#content form.frm tr.ft td.ftd>textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin: 0px;
}

#content form.frm tr.ft td.ftd>textarea.cand {
    background-color: white;
    padding: 12px;
    font-size: inherit !important;
}

#content form.frm tr.ft td.ftd>textarea {
    resize: vertical;
}

#content form.frm tr.ft td.ftd>input[type=checkbox],
#content form.frm tr.ft td.ftd>input[type=radio] {
    width: 100% !important;
}

#content form.frm td.ftd label>input[type=checkbox],
#content form.frm td.ftd label>input[type=radio] {
    margin: 0px 4px;
}

#content form.frm tr.ft td.ftd>select option {
    background-color: white;
    padding: 0px;
    margin: 0px;
}

#content form.frm tr.ft td.ftd>select {
    margin: -1px 0px;
}

#content form.frm tr.ft td.ftd>span {
    display: block;
    min-height: 12px;
}

#content form.frm tr.ft td.ftd.earth {
    white-space: nowrap;
}

#content form.frm tr.ft td.ftd.earth label {
    color: #999;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd.earth label[for$=_long] {
    margin-left: 10px;
}

#content form.frm tr.ft td.ftd.earth input {
    text-align: right;
    width: 80px;
}

#content form.frm tr.ft td.ftd div#format label {
    display: block;
}

#content form.frm tr.ft td.ftd select option.fs_dir,
#content form.frm tr.ft td.ftd select option.fs_file {
    height: 16px;
    padding: 2px 0 0 19px;
    background-repeat: no-repeat;
    background-position: top left;
}

#content form.frm tr.ft td.ftd select option.fs_dir {
    font-weight: bold;
    background-image: url("img/folder.png");
}

#content form.frm tr.ft td.ftd div.map {
    height: 300px;
}

img.imgpreview {
    width: 64px;
    height: 64px;
    margin: 0px 4px 4px 0px;
    border: 1px solid #666;
    float: left;
}

img.imgpreview.wait {
    width: 16px;
    height: 16px;
    padding: 24px;
}

#content form.frm th.back_minitab {
    background-color: #c3c3c3;
    font-weight: normal;
    padding: 10px;
    text-align: left !important;
    vertical-align: top;
}

#content form.frm th.back_minitab>table {
    border-right: 1px solid #666;
    width: auto;
}

#content form.frm th.back_minitab>table th.fth {
    border-left: 1px solid white;
    border-top: 1px solid white !important;
    background-color: #e6e6e6;
    white-space: nowrap;
}

#content form#frm_export table th.back_minitab {
    width: 50%;
}

#content form#frm_export table th.back_minitab:first-child {
    padding-right: 0;
}

#content form#frm_export table th.back_minitab table {
    width: 100%;
}

#content form.frm table.minitab {
    border-spacing: 0;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#content form.frm table.minitab th {
    background-color: #999;
    color: #FFF;
    padding: 2px;
    border-bottom: 1px solid #888;
}

#content form.frm table.minitab td {
    padding: 0px 3px;
    border-bottom: 1px solid #EEE;
    background-color: white;
}

#content form.frm table.minitab td input.minitab_text {
    width: 100%;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

#content form.frm table.minitab td textarea.minitab_textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
}

#content form.frm table.minitab td select {
    width: 100%;
    background-color: white;
    border: 0px;
    padding: 2px 0px;
}

#content form.frm table.minitab td input.valint,
#content form.frm table.minitab td input.valfloat,
#content form.frm table.minitab td.valint,
#content form.frm table.minitab td.valfloat {
    text-align: right;
}

#content form.frm table.minitab td.nolig {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    background-color: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#content form.frm table.minitab td.ftdbuttons {
    background-color: #E6E6E6;
    width: 20px;
    border-radius: 4px;
    padding: 0px;
    border-bottom: 0px;
}

#content form.frm input.minitab_del_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/del.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form.frm input.minitab_add_button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form.frm input.minitab_update_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form.frm table.minitab td:first-child {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
    width: 20px;
}

#content form.frm tr.priv th.fth {
    background-color: #cfdcf8 !important;
    border-bottom: 1px solid #99b4f0;
}

#content form.frm tr.priv th.fth label {
    color: #1a47af;
}

#content form.frm tr.priv td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #99b4f0;
    color: #1a47af !important;
    background: #edf3ff url(img/priv.png) no-repeat scroll center right;
    padding-right: 30px;
}

#content form.frm tr.notweb th.fth {
    background-color: #fbefc8 !important;
    border-bottom: 1px solid #f8de8d;
}

#content form.frm tr.notweb th.fth label {
    color: #ba8f0b;
}

#content form.frm tr.notweb td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #f8de8d;
    color: #ba8f0b !important;
    background: #fdf8ea
        /* url(img/priv.png) no-repeat scroll center right*/
    ;
    padding-right: 30px;
}

#content form.frm table#sfe tbody tr {
    cursor: pointer;
}

#content form.frm tr.ft th.fth table.minitab {
    border: 1px solid #999;
}

#content form.frm tr.ft th.fth table {
    text-align: left;
    font-weight: normal;
}

#content form.frm td {
    vertical-align: top;
}

#content form.frm tr.ft th.fth table tr:first-child th,
#content form.frm tr.ft th.fth table tr:first-child td {
    border-top: 0px;
}

#content form.frm div.fieldset h3 {
    cursor: default;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
    padding: 4px;
    background-color: var(--colour-primary);
}

#content form.frm div.fieldset hr {
    clear: both;
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

#content form.frm div.fieldset input {
    border: 1px solid #999;
    padding: 2px;
}

#content form.frm div.fielset table {}

#content form.frm div.fieldset td {
    padding: 2px 4px 0px 4px;
    margin: 0px;
}

#content form.frm table caption {
    background-color: #666 !important;
    color: white;
}

#content form.frm tr.extra td {
    background-color: transparent;
    padding-top: 30px;
}

table>tbody>tr.extra:hover {
    background-color: transparent !important;
}

#content form.frm tr.buttons td {
    background-color: white;
    height: 22px;
    padding: 8px;
    text-align: right;
}

#content form.frm tr.buttons td input[type=button],
#content form.frm tr.buttons td input[type=submit] {
    /*border: 1px solid black;*/
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    height: 22px;
}

#content form.frm tr.buttons td label {
    margin-right: 10px;
}

#content form.frm tr.ft .ro {
    border: 0px;
    background-color: transparent;
}

#content form.frm div.tddivfile {
    text-align: left;
}

#content form.frm input.inputfile {
    display: block;
}


/* -------------------------------------------------------------*/


/* Sablier                                                      */


/* -------------------------------------------------------------*/

#content #wait {
    background-color: rgba(255, 255, 255, 0.7);
    height: 256px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 15;
}

#content #wait p {
    background: url("img/wait.gif") no-repeat scroll 60px 50% white;
    border: 8px solid #666;
    box-shadow: 4px 4px 8px black;
    color: #666;
    font-size: 20px;
    margin: 20px auto;
    padding: 40px 0 40px 16px !important;
    width: 360px;
}


/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */


/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

td.ftd input.calendar,
td.ftd select.calendar {
    float: left;
    width: 100% !important;
}

button.calendar {
    background: url("img/cal.png") no-repeat;
    border: 0;
    cursor: pointer;
    position: relative;
    height: 14px;
    width: 14px;
    margin: -1px 0px -1px -16px;
}

td.ftd button.calendar:hover,
td.ftd button.calendar.active {}

.ts div.ftr.date div input {
    background: url("img/cal.png") no-repeat right;
    float: left;
    width: 90px !important;
}

.ts div.ftr.date div input[disabled],
.ts div.ftr.date div button.calendar {
    visibility: hidden;
}

.ts div.ftr.date table td {
    white-space: nowrap;
}

div.calendar {
    background: #666;
    text-align: center;
    box-shadow: 2px 2px 8px #333333;
    width: 195px;
}

div.calendar div {
    background: none !important;
    overflow: hidden;
    position: relative;
    padding-bottom: 6px;
}

div.calendar caption {
    color: white;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 17px;
    padding: 3px 0px 1px 0px;
    text-align: center;
    width: 100%;
}

div.calendar caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    float: left;
    /* 	position: absolute; */
    /* 	text-indent: -100px; */
    /* 	top: 4px; */
    width: 11px;
    color: transparent;
    background-repeat: no-repeat;
}

div.calendar caption a.prev {
    background: url("img/ar_left.gif") repeat scroll 0 1px transparent;
}

div.calendar caption a.next {
    background: url("img/ar_right.gif") repeat scroll 0 1px transparent;
}

div.calendar caption span {
    float: left;
    display: block;
}

div.calendar caption span.month {
    padding: 0 8px 0 6px;
}

div.calendar caption span.month span {
    width: 68px;
    overflow: hidden;
    text-align: center;
}

div.calendar caption span.month:after {
    /* 	content: ','; */
}

div.calendar caption span.year {
    float: right;
    padding: 0 6px 0 8px;
}

div.calendar caption span.year span {
    width: 38px;
    overflow: hidden;
    text-align: center;
}

div.calendar table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 195px;
}

div.calendar td,
div.calendar th {
    border: 0;
    color: #b6b6b6;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 23px;
    padding: 0;
}

div.calendar th {
    background-color: #e6e6e6;
    font-size: 9px;
    font-weight: bold;
}

div.calendar td {
    border: 1px solid #e6e6e6;
    color: #FFF;
    font-size: 11px;
    background-color: white;
}

div.calendar td.invalid {
    color: #999;
}

div.calendar td.valid {
    color: black;
    cursor: pointer;
}

div.calendar td.hilite {
    background: #666;
    color: white;
}

div.calendar td.inactive {
    background-color: #ccc;
    color: #999;
}

div.calendar td.active,
div.calendar td.hover {
    background-color: #e6e6e6;
    color: black;
    cursor: pointer;
}

div.calendar td.active {
    background-color: var(--colour-primary);
    color: white;
}


/******** Auto completer *********/

ul.autocompleter-choices {
    background-color: #fff;
    border: 1px solid #b6b6b6;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    text-align: left;
    z-index: 50;
    max-height: 20vw;
}

ul.autocompleter-choices li {
    clear: both;
    cursor: pointer;
    display: block;
    float: none !important;
    font-size: 1em;
    font-weight: normal;
    margin: -2px 0px 0px 0px;
    padding: 3px 5px;
    position: relative;
    white-space: nowrap;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #e6e6e6;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #C83728;
}

span.autocompleter_model_art {
    border-right: 1px solid #CCC;
    display: block;
    float: left;
    padding: 3px 5px;
    width: 46px;
}

span.autocompleter_model_lib {
    display: block;
    padding: 3px 5px 3px 61px;
}

ul.autocompleter-choices li {
    padding: 0;
}


/* Arborescence */

#tree {
    clear: both;
    color: black;
    display: block;
    float: left;
    height: 436px;
    overflow: auto;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
    width: 256px;
}

#tree img {
    vertical-align: middle;
}

#tree a {
    text-decoration: none;
}

#tree a:hover {}

.loader {
    position: fixed;
    z-index: 9999;
    /*background : url('dyn.php?a=img&src=ajax-loader.gif') 50% 50% no-repeat;*/
    background-color: rgba(51, 51, 51, 0.5);
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    cursor: wait;
}

.fa-btn-Evenement_Event_Type:before {
    content: "\f013";
}

.fa-cms:before {
    content: "\f12e";
}

#calendar .fc-event-container {
    cursor: pointer;
}


/* FORM */

.div-form table tr td input {
    border: 1px solid #bfbdbd;
    border-radius: 4px;
    padding: 8px
}


/* BUTTON */

.div-form button.btn {
    font-size: 14px !important;
    border-radius: 4px;
    line-height: 10px;
}

.btn-secondary {
    background-color: #ddd;
}

.btn-secondary:hover {
    background-color: #aaa;
}

.bloc-questionnaire .progress .progress-bar {
    background-color: limegreen;
}


/*icone sous menu*/

.fa-btn-bdc:before {
    content: "\f15c";
}

.fa-btn-entfou:before {
    content: "\f0f9";
}


/** PICTO pour les notifications **/

.fa-COM:before {
    content: "\f0a1";
}

.fa-Communication:before {
    content: "\f0a1";
}

.fa-Divers:before {
    content: "\f192";
}

.fa-Animation:before {
    content: "\f274";
}

.fa-RD:before {
    content: "\f1e5";
}

.fa-Qualité:before {
    content: "\f00c";
}

.fa-Produits:before {
    content: "\f0c3";
}

.fa-Candidat:before {
    content: "\f086";
}

.fa-franch-candidature:before,
.fa-developpement:before,
.fa-candidature:before,
.fa-Candidature:before {
    content: "\f086";
}

.fa-default:before {
    content: "\f0c6";
}


/** PICTO pour module formations **/

.fa-btn-dupl_forma_session:before {
    content: "\f0c5";
}

.fa-btn-valid_ses:before {
    content: "\f04b";
}

.fa-btn-cancel_ses:before {
    content: "\f1f8";
}

.fa-btn-absences:before {
    content: "\f235";
}

.fa-btn-cancel_ins_form:before {
    content: "\f1f8";
}

.fa-btn-dl_forma_session:before {
    content: "\f1c1";
}

.fa-btn-zip_forma_session:before {
    content: "\f1c6";
}

.fa-btn-archiver:before {
    content: "\f07b";
}

header.navbar {
    z-index: 1000 !important;
}

.elfinder-navbar-wrapper {
    overflow: hidden;
}

.box-like.active {
    cursor: auto;
}

#modalReadComment .modal-body {
    max-height: 65rem;
    overflow-y: scroll;
}

#frm_export #trfields #fields {
    text-transform: capitalize;
}


.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary[disabled],
.btn-primary.disabled {
    background-color: #595e63;
    border-color: #595e63;
}

/* CSS Document */

/* $Header: /var/lib/cvs/d2a/intranet/css/default.css,v 1.22 2013/10/17 08:23:46 fmarin Exp $ */


html {
    overflow-x: hidden;
}

body {
    background: #eee;
    height: 100%;
    font-family: Arial, helvetica, serif;
    font-size: 11px;
    margin: 0;
    padding: 0 10px 10px;
}

h1 {
    margin: 0;
}

h2 {
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

a img {
    border: 0;
}

input,
select,
textarea {
    font-family: Arial, helvetica, serif;
    font-size: 11px;
}

#content_help {
    height: 39px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 4px;
    width: 20px;
}

#logo {
    display: none;
}

/* -------------------------------------------------------------*/
/* Changement d'entité                                          */
/* -------------------------------------------------------------*/
#content_select_entity {
    background: #ccc;
    border-radius: 4px 4px 0 0;
    height: 44px;
    margin: 5px 4px 0px 0px !important;
    padding: 2px 2px;
    position: absolute;
    right: 13px;
    width: 352px;
}


#content_select_entity select {
    margin: 0;
    background-color: white;
    font-style: italic;
    border-radius: 4px 0 0 4px;
    padding: 2px 4px !important;
    opacity: 0.8;
    width: 238px;
    border: 0px;
}

#content_select_entity p {
    margin: 0px;
    padding: 2px 4px !important;
    color: white;
    /*text-align:right;*/
    font-weight: bold;

}

#content_select_entity:hover select,
#content_select_entity select:focus {
    color: black;
    font-style: normal;
    opacity: 1.0;
}

#content_select_entity input.button {
    border: 0px;
    font-weight: bold;
    font-size: 10px;
    padding: 2px;
    height: 20px;
    border-radius: 0 4px 4px 0;
}


/* -------------------------------------------------------------*/
/* Barre d'outils */
/* -------------------------------------------------------------*/
#content_toolbar {
    overflow-y: hidden;
    overflow-x: auto;
}

table.toolbar {
    width: auto;
    padding: 2px 0px 2px 4px;
    height: 28px;
    white-space: nowrap;
}

table.toolbar .lib {
    margin: 0px;
    padding: 0px 2px;
}

table.toolbar td.button {
    border: 1px solid transparent;
}

table.toolbar td.sep {
    width: 2px;
}

table.toolbar td.button img,
table.toolbar td.button input {
    padding: 2px;
}

table.toolbar td.button input {
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0px;
    width: 26px;
    height: 26px;
    background-position: 2px 2px;
    border: 0px;
    display: block;
}

table.toolbar td.button a,
table.toolbar td.button input {
    text-decoration: none;
    color: black;
    display: block;
    cursor: default;
}

table.toolbar td.button:hover {
    border-top: 1px solid white;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid white;
    background-color: #F5F1ED;
}

table.toolbar td.button a:active,
table.toolbar td.button a.active,
table.toolbar td.button input:focus {
    border-top: 1px solid #666;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid #666;
    background-color: #b6b6b6;
}

table.toolbar td.button_inactive a,
table.toolbar td.button_inactive input {
    cursor: default;
    border: 1px solid transparent;
}

table.toolbar td.button_inactive a:active,
table.toolbar td.button_inactive a.active {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

table.toolbar td.button_inactive:hover {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: default;
}

table.toolbar td.button_inactive span.lib {
    color: #b6b6b6;
}

table.toolbar td.button,
table.toolbar td.sep {
    margin: 0px 1px 0px 0px;
}

table.toolbar td.quickrech {
    margin-top: -3px;
    padding: 23px 0px 0px 101px;
    float: right;
    height: 24px;
    width: 206px;
    display: block;
    /*background-image:url(img/back_filter.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
    white-space: nowrap;
}

table.toolbar td.quickrech input[type=text] {
    border: 1px solid #666;
    height: 16px;
    margin: 0px;
    padding: 2px;
    display: block;
    float: left;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
}

table.toolbar td.quickrech input[type=submit],
table.toolbar td.quickrech input[type=button] {
    margin: 0px;
    background-color: #666;
    color: white;
    border: 1px solid #666;
    border-radius: 0 4px 4px 0;
    width: 32px;
    height: 22px;
    font-weight: bold;
    font-size: 11px;
}

table.toolbar td.quickrech input.quickrech_empty[type=text] {
    color: #999;
}

table.toolbar td.logout {
    margin: 0px;
    text-indent: 0px;
    text-align: right;
    width: auto;
}

table.toolbar td label.toolbar_confirm {
    display: none;
}

/* Barre d'outils : texte sous les icônes */
table.toolbar.iot {
    height: 42px;
    font-size: 9px;
}

table.toolbar.iot img {
    padding-bottom: 0px;
}

table.toolbar.iot td.button {
    text-align: center;
}

table.toolbar.iot td.button input {
    width: 64px !important;
    height: 40px !important;
    background-position: 50% 2px;
    display: block;
    margin-bottom: -40px;
    position: relative;
}

table.toolbar.iot td.sep img {
    width: 2px;
    height: 36px;
}

table.toolbar.iot span.lib {
    width: 60px;
    overflow: hidden;
    display: block;
    height: 14px;
    padding-top: 26px;
}

table.toolbar.iot a span.lib {
    padding-top: 0px;
}

/* Barre d'outils : texte à côté des icônes */
table.toolbar.ilt {
    overflow: hidden;
}

table.toolbar.ilt img {
    vertical-align: middle;
}

table.toolbar.ilt td.button input {
    vertical-align: middle;
    display: inline;
}

table.toolbar.ilt .lib {
    text-align: left;
    display: inline;
    padding-left: 2px;
}

table.toolbar.ilt td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* Barre d'outils : icônes seules */
table.toolbar.io .lib {
    display: none;
}

table.toolbar.io td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* Barre d'outils : textes seuls */
table.toolbar.to {
    overflow: hidden;
    height: 18px;
}

table.toolbar.to td.button input {
    background-image: none !important;
    background-color: transparent;
    position: absolute;
    width: 60px;
    height: 18px;
}

table.toolbar.to img {
    display: none;
}

table.toolbar.to td.sep img {
    display: inline;
    width: 2px;
    height: 14px;
}

table.toolbar.to .lib {
    float: none;
    padding: 2px;
    display: block;
    width: 60px;
    overflow: hidden;
    height: 14px;
}

table.toolbar.to td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* -------------------------------------------------------------*/
/* Menu */
/* -------------------------------------------------------------*/
#hmenu {
    background: #666;
    border-radius: 0 0 8px 8px;
    box-shadow: 5px 5px 8px black;
    display: block;
    font-size: 11px;
    height: 31px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 10;
}

#drop_down_menu {
    display: block;
    position: absolute;
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: left;
    list-style-type: none;
    text-align: center;
    right: 10px;
    float: none;
    left: 0px;
    top: 0px;
}

#drop_down_menu p {
    padding: 0;
    margin: 0;
    display: inline;
}

#drop_down_menu p.menu_level_0 {
    font-size: 11px;
    margin: 0;
    text-align: center;
}

#drop_down_menu p.menu_level_0 a {
    color: white;
    display: block;
    padding: 9px 2px;
    text-decoration: none;
    margin: 0px;
    font-weight: bold;
    font-size: 11px;
}

#drop_down_menu li.submenu {
    float: left;
    padding: 0px;
    cursor: pointer;
    width: 110px;
}

#drop_down_menu li.submenu ul {
    text-indent: 0px;
    margin: 0;
    padding: 6px;
    list-style-type: none;
    z-index: 1000;
}

#drop_down_menu li.submenu>ul {
    visibility: hidden;
}

#drop_down_menu li.submenu div {
    background: white url(img/back_ext.png) repeat-x scroll top;
    box-shadow: 2px 2px 4px black;
    border-radius: 0 0 8px 8px;
    width: 220px;
}

#drop_down_menu li.submenu ul li {
    display: block;
    float: none;
    clear: both;
    list-style-type: none;
    list-style-position: outside;
    background-repeat: no-repeat;
    background-image: url(img/menu/22x22/.all.png);
    height: 22px;
    border: 4px solid white;
    border-radius: 5px;
}

#drop_down_menu li.submenu ul li a {
    display: block;
    color: black;
    padding: 5px 8px 0px 28px;
    text-decoration: none;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

#drop_down_menu li.submenu ul li:hover {
    border-color: #0379a4;
    background-color: #0379a4;
}

#drop_down_menu li.submenu ul li:hover a {
    color: white;
}

li.submenu ul li a:link,
li.submenu ul li a:visited,
li.submenu ul li a:active,
li.submenu ul li a:hover {
    color: black;
}

/* -------------------------------------------------------------*/
/* Page */
/* -------------------------------------------------------------*/
/* body > #content {
	clear:both;
	background-color:white;
	border-radius: 8px;
	box-shadow:5px 5px 8px black;
	margin-top:42px;
} */

#content h1,
#content h2,
#content h3,
#content p,
#navig {
    padding-left: 10px;
}

#content_img {
    position: absolute;
    margin-top: -5px;
    margin-left: 4px;
}

#content_title {
    display: none;
    background: #999;
    border-radius: 8px 8px 0 0;
    padding: 4px 10px 8px 64px;
}

#content_title h1 {
    color: white;
    margin: 0px;
    height: 27px;
    font-size: 22px;
}

#content form {
    margin: 0px;
}

#content_title #navig {
    margin: 0px 280px 0px 0px;
    color: white;
    line-height: 14px;
}

#content_div {
    overflow: auto;
    background-color: white;
}

#content table.icons {
    display: block;
    margin: 10px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

#content table.icons tbody.content_tbody {
    display: block;
    padding-left: 10px;
    height: 600px;
}

#content table.icons tr.th {
    display: none;
}

#content table.icons tr.tr {
    display: block;
    float: left;
    width: 72px;
    height: 72px;
    border: 1px solid #CCC;
    padding: 0px;
    margin: 0px 10px 42px 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#content table.icons tr.tr td {
    display: none;
}

#content table.list tr.tr td.lib {
    background-repeat: no-repeat;
    background-position: 40px 40px;
}

#content table.icons tr.tr td.lib {
    background-repeat: no-repeat;
    background-position: 50% 11px;
}

#content table.icons tr.tr td.lib,
#content table.icons tr.tr td.check {
    display: block;
    white-space: normal;
    vertical-align: middle;
    position: absolute;
    width: 72px;
    text-align: center;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 79px 0px 0px 0px;
    height: 28px;
    overflow: hidden;
}

#content table.icons tr.tr td a {
    display: block;
    position: absolute;
    margin: -76px 0px 0px 0px;
    padding: 76px 0px 0px 0px;
    width: 72px;
    height: 26px;
    color: black;
    text-decoration: none;
}

#content table.icons tr.tr td.lib:hover {
    text-decoration: underline;
}

#content table.list {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

#content table.list thead {
    height: 23px;
}

#content table.list tr.tr td img {
    vertical-align: middle;
    padding-right: 2px;
}

#content table.list tr.th th,
.sortable {
    font-weight: bold;
}

#content table.list tr.th th a,
.sortable a {
    background-color: #D0D0D0;
    background-repeat: no-repeat;
    background-position: 4px 50%;
    display: block;
    text-decoration: none;
    color: black;
    padding: 4px 6px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #e6e6e6;
    white-space: nowrap;
}

#content table.list tr.th th a:hover,
.sortable a:hover {
    background-color: #e6e6e6;
    border-top: 1px solid white;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    border-left: 1px solid white;
}

#content table.list tr.th th a:active,
.sortable a:active,
#content table.list tr.th th a:focus,
.sortable a:focus {
    border: 0px;
}

#content table.list tr.th th.sort_asc a {
    background-image: url(img/ar_bottom.gif);
    padding-left: 20px;
}

#content table.list tr.th th.sort_desc a {
    background-image: url(img/ar_top.gif);
    padding-left: 20px;
}

#content table tr.tr {
    cursor: pointer;
}

#content table.list tr.tr td {
    /*width:10%;*/
    padding: 3px 4px;
    overflow: hidden;
    white-space: nowrap;
}

#content table.list tr td.check {
    width: 1%;
    padding: 0 !important;
}

#content table.list tr.selected {
    background-color: #b6b6b6;
    color: white;
}

#content table.icons tr.selected {
    background-color: #b6b6b6;
}

#content tr.tr:hover {
    background-color: #e6e6e6;
}

#content table.list tr.selected:hover {
    background-color: #969696;
    color: white;
}

/* Barre de recherche */
#content table.list tr.ts {
    border-bottom: 1px solid #969696;
    height: 22px;
}

#content table.icons tr.ts {
    width: 100%;
    border: 1px solid #969696;
    display: block;
}

#content table.list tr.ts label {
    display: none;
}

#content table.icons tr.ts label {
    background-color: #D0D0D0;
    display: block;
}

#content tr.ts div.ftr {
    padding: 0px;
}

#content tr.ts div.ftr div {
    border-right: 1px solid #D0D0D0;
    padding: 0;
}

#content tr.ts input[type=text],
#content tr.ts select {
    background-color: white;
    margin: 0px;
    width: 100%;
    display: block;
    border: 0px;
    padding: 3px 4px;
}

#content tr.ts input[type=checkbox] {
    margin: 0px;
    width: auto;
}

#content tr.ts div.date select,
#content tr.ts div.date span {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    margin-right: 2px;
}

#content tr.ts div.date p {
    margin: 0px;
    padding: 0px;
}

#content tr.ts div.date select option {
    text-align: left;
}

#content tr.ts div.date input.calendar {
    width: auto;
}

/* Barre de navigation changement de n° page */
#content_tn {
    display: none;
}

#content_navig,
tr.tn {
    clear: both;
    background-color: #666;
    color: white;
    padding: 2px 0px;
    border-radius: 0 0 5px 5px;
}

#content_navig table {
    width: 100%;
}

#content_navig td.content_navig_lib,
tr.tn td {
    padding: 4px;
}

#content_navig td.content_navig_pages {
    padding: 0px;
    text-align: center;
}

/*#content table.icons tr.tn {
	display:block;
	margin-left:-10px;
}*/

#content_navig a,
tr.tn a {
    padding: 4px 8px;
}

#content_navig strong,
tr.tn strong {
    background-color: white;
    color: #666;
    margin: 2px 2px;
    padding: 2px 6px;
    vertical-align: middle;
    border-radius: 8px;
}

#content_navig a:link,
#content_navig a:active,
#content_navig a:visited,
tr.tn a:link,
tr.tn a:active,
tr.tn a:visited {
    text-decoration: none;
    color: white;
}

#content_navig a:hover,
tr.tn a:hover {
    text-decoration: underline;
    color: white;
}

#content_navig img,
tr.tn img {
    vertical-align: middle;
}

#content_navig select,
tr.tn select {
    border: 1px solid #333;
}

#content_navig img.navig_arrow,
tr.tn img.navig_arrow {
    border: 0px;
    width: 11px;
    height: 11px;
}

#content_navig td.content_navig_input {
    text-align: right;
    width: 180px;
    padding-right: 4px;
}

#content_navig td.content_navig_input input#content_page_input {
    border-radius: 4px 0 0 4px;
    border: 1px solid #333;
    padding: 2px 4px;
    height: 16px;
    font-size: 12px;
    margin: 0px;
    width: 20px;
    text-align: right;
}

#content_navig td.content_navig_input input#content_page_input_btn {
    border-radius: 0 4px 4px 0;
    background-color: #333;
    border: 1px solid #333;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    width: 24px;
}

/* Arborescence */
#tree {
    clear: both;
    float: left;
    overflow: auto;
    width: 256px;
    background-color: #D0D0D0;
    display: block;
    text-decoration: none;
    color: black;
    padding: 4px 6px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #e6e6e6;
    border-radius: 0 0 0 5px;
}

#tree img {
    border: 0px;
    vertical-align: middle;
}

#tree a {
    text-decoration: none;
    color: #5E5C58;
}

#tree a:hover {
    color: black;
}

#tree a.actif {
    font-weight: bold;
    color: black;
}

/* Autres éléments */
/*#content div.bottom {
	clear:both;
}
*/

/* Formulaire */
#content form.frm {
    padding: 0px;
    margin: 0px;
}

#content .form_tabs {
    margin: 0px 0px 0px 10px;
    height: 25px;
    text-indent: 0px;
    padding: 0px;
    border-right: 1px solid #CCC;
    /*	background: white url(img/back_tab_inactive.png) repeat-x scroll top;*/
}

#content .form_tabs select {}

#content .form_tabs li {
    list-style-type: none;
    float: left;
    text-indent: 0px;
    padding: 0px;
    background: white url(img/back_tab_inactive.png) repeat-x scroll top;
    overflow: hidden;
    width: 77px;

}

#content .form_tabs li a {
    text-align: center;
    margin: 0px;
    padding: 3px 4px;
    font-size: 12px;
    width: 67px;
    height: 19px;
    color: #42403D;
    border-left: 1px solid #CCC;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#content .form_tabs input.active,
#content .form_tabs li.active {
    background: white url(img/back_tab_active.png) repeat-x scroll top;
    font-weight: bold;
}

#content .form_tabs input.active,
#content .form_tabs li.active a {
    color: white;
}

#content .form_tabs input:hover,
#content .form_tabs li a:hover {
    color: black;
}

#content .form_tabs input:hover.active,
#content .form_tabs li.active a:hover {
    color: #FFF;
}

#content form.frm>table {
    border-top: 1px solid #D0D0D0;
    clear: both;
}

#content form.frm table {
    width: 100%;
}

#content form tr.ft {
    width: 100%;
    border-bottom: 1px solid #666;
}

#content form tr.ft th.fth,
#content form tr.ft td.ftd {
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    padding: 4px;
}

#content form tr.ft th.fth {
    width: 30%;
    padding: 0px;
    text-align: right;
}

#content form tr.ft th.fth>label {
    font-weight: bold;
    padding: 4px;
    color: #666;
}

#content form tr.ft th.fthpic,
#content form tr.ft th.fthgal {
    width: auto;
    padding: 8px;
    text-align: left;
    font-weight: normal;
}

#content form tr.ft td.ftd {
    width: 70%;
    padding: 4px;
    background-color: white;
}

#content form tr.ft td.ftd img.file_icon {
    float: left;
    margin-right: 4px;
}

#content form tr.ft td.ftd p {
    margin: 0px;
    padding: 0px;
}

#content form tr.ft td.ftd>input,
#content form tr.ft td.ftd>select,
#content form tr.ft td.ftd>textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin: 0px;
}

#content form tr.ft td.ftd>input[type=checkbox],
#content form tr.ft td.ftd>input[type=radio] {
    width: 100% !important;
}

#content form td.ftd label>input[type=checkbox],
#content form td.ftd label>input[type=radio] {
    margin: 0px 4px;
}

#content form tr.ft td.ftd>select option {
    background-color: white;
    padding: 0px;
    margin: 0px;
}

#content form tr.ft td.ftd>select {
    margin: -1px 0px;
}

#content form tr.ft td.ftd.earth {
    white-space: nowrap;
}

#content form tr.ft td.ftd.earth label {
    color: #999;
}

#content form tr.ft td.ftd.earth label[for$=_long] {
    margin-left: 10px;
}

#content form tr.ft td.ftd.earth input {
    text-align: right;
    width: 80px;
}

#content form tr.ft td.ftd.ad {
    background-color: transparent;
    text-align: center;
    width: auto;
    padding: 0;
}

#content form tr.ft td.ftd select option.fs_dir,
#content form tr.ft td.ftd select option.fs_file {
    height: 16px;
    padding-left: 19px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-position: top left;
}

#content form tr.ft td.ftd select option.fs_dir {
    font-weight: bold;
    background-image: url(img/folder.png);
}

#content form.frm tr.ft td.ftd.interval input {
    width: 32px;
    text-align: right;
    float: left;
}

#content form.frm tr.ft td.ftd.interval select {
    display: block;
    padding-left: 32px;
}

img.imgpreview {
    width: 64px;
    height: 64px;
    margin: 0px 4px 4px 0px;
    border: 1px solid #666;
    float: left;
}

img.imgpreview.wait {
    width: 16px;
    height: 16px;
    padding: 24px;
}

#content form th.back_minitab {
    background-color: #c3c3c3;
    padding: 10px;
    vertical-align: top;
    text-align: left !important;
}

#content form th.back_minitab table {
    border-right: 1px solid #666;
    width: auto;
}

#content form th.back_minitab table th.fth {
    border-left: 1px solid white;
    border-top: 1px solid white !important;
    background-color: #e6e6e6;
}


#content form table.minitab {
    border: 1px solid #999;
}

#content form table.minitab th {
    background-color: #999;
    color: #FFF;
    padding: 2px;
}

#content form table.minitab td {
    padding: 0px 3px;
    border-bottom: 1px solid #EEE;
    background-color: white;
}

#content form table.minitab td input.minitab_text {
    width: 100%;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

#content form table.minitab td textarea.minitab_textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
}

#content form table.minitab td select {
    width: 100%;
    background-color: white;
    border: 0px;
    padding: 2px 0px;
}

#content form table.minitab td.valint,
#content form table.minitab td.valfloat,
#content form table.minitab td input.valint,
#content form table.minitab td input.valfloat {
    text-align: right;
}

#content form table.minitab td.chk {
    text-align: center;
}

#content form table.minitab td.nolig {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    background-color: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#content form table.minitab td.ftdbuttons {
    background-color: #E6E6E6;
    width: 20px;
    border-radius: 4px;
    padding: 0px;
    border-bottom: 0px;
}

#content form input.minitab_del_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/del.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form input.minitab_add_button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form input.minitab_update_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
}

#content form table.minitab td:first-child {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
    width: 20px;
}

#content form tr.priv th.fth {
    background-color: #cfdcf8 !important;
    border-bottom: 1px solid #99b4f0;
}

#content form tr.priv th.fth label {
    color: #1a47af;
}

#content form tr.priv td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #99b4f0;
    color: #1a47af !important;
    background: #edf3ff url(img/priv.png) no-repeat scroll center right;
    padding-right: 30px;
}

#content form tr.notweb th.fth {
    background-color: #fbefc8 !important;

    border-bottom: 1px solid #f8de8d;
}

#content form tr.notweb th.fth label {
    color: #ba8f0b;
}

#content form tr.notweb td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #f8de8d;
    color: #ba8f0b !important;
    background: #fdf8ea
        /* url(img/priv.png) no-repeat scroll center right*/
    ;
    padding-right: 30px;
}


#content form table#sfe tbody tr {
    cursor: pointer;
}

#content form tr.ft th.fth table.minitab {
    border: 1px solid #999;
}

#content form tr.ft th.fth table {
    text-align: left;
    font-weight: normal;
}

#content form td {
    /*vertical-align:top;*/
}

#content form tr.ft th.fth table tr:first-child th,
#content form tr.ft th.fth table tr:first-child td {
    border-top: 0px;
}

#content form div.fieldset h3 {
    cursor: default;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
    padding: 4px;
    background-color: #999999;
    background-image: url(img/back_ext0.png);
    background-repeat: repeat-x;
    background-position: top;
}

#content form div.fieldset hr {
    clear: both;
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

#content form div.fieldset input {
    border: 1px solid #999;
    padding: 2px;
}

#content form div.fielset table {}

#content form div.fieldset td {
    padding: 2px 4px 0px 4px;
    margin: 0px;
}

#content form table caption {
    background-color: #666 !important;
    border-radius: 5px 5px 0 0;
    color: white;
    white-space: nowrap;
}

#content form tr.buttons td {
    background-color: #666;
    height: 22px;
    padding: 8px;
    text-align: right;
    border-radius: 0 0 5px 5px;
    color: white;
}

#content form tr.buttons td input[type=button],
#content form tr.buttons td input[type=submit] {
    background-color: #ccc;
    /*	background:#E6E6E6 url(img/back_button1.png) repeat-x scroll;*/
    border: 2px solid #666;
    margin-right: 10px;
    height: 22px;
}

#content form tr.buttons td input:hover[type=button],
#content form tr.buttons td input:hover[type=submit] {
    background-color: #E6E6E6;
}

#content form tr.buttons td label {
    margin-right: 10px;
}

#content form tr.ft .ro {
    border: 0px;
    background-color: transparent;
}

#content form div.tddivfile {
    text-align: left;
}

#content form input.inputfile {
    display: block;
}

#navig a {
    color: white;
}

#shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background-color: #666;
    opacity: 0.6;
    z-index: 9;
}

/* -------------------------------------------------------------*/
/* Gestion des erreurs */
/* -------------------------------------------------------------*/

a.error {
    display: none;
}

div.error {
    margin: 0 !important;
    display: none;
    border-width: 10px;
    border-style: solid;
    border-radius: 8px 8px 0 0;
}

div.error .title {
    display: block;
    height: 12px;
    padding: 4px 8px;
    background-position: top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

div.error p {
    background-repeat: no-repeat;
    background-position: 8px 8px;
    min-height: 48px;
    padding: 8px 8px 8px 64px;
    margin: 0px;
    bottom: 0px;
}

div.error span.line {
    color: #999;
    display: block;
}

/* E_ERROR, E_USER_ERROR et E_RECOVERABLE_ERROR */
div.e1,
div.e256,
div.e4096 {
    /* 	border:1px solid #4C1400; */
    color: #F00;
    border-color: #FCC;
}

div.e1 p,
div.e256 p,
div.e4096 p {
    background-image: url(img/dialog_error.png);
}

/* E_NOTICE et E_USER_NOTICE */
div.e8,
div.e1024 {
    border-color: #69F;
}

div.e8 p,
div.e1024 p {
    background-image: url(img/dialog_info.png);
}

/* E_WARNING et E_USER_WARNING */
div.e2,
div.e512 {
    border-color: #FF9;
}

div.e2 p,
div.e512 p {
    background-image: url(img/dialog_warning.png);
}


/* E_STRICT */
div.e2048 {
    border-color: #CCC;
}

div.e2048 p {
    background-image: url(img/dialog_info.png);
}

div.error textarea {
    display: block;
    width: 100%;
    white-space: pre;
    font-family: -moz-fixed, monospace;
    height: 256px;
    background-color: #FFD;
    border: 1px solid #CCB;
}

/* -------------------------------------------------------------*/
/* Menus de la page */
/* -------------------------------------------------------------*/
div.smenu {
    margin-left: 10px;
    /*clear:both;*/

}

div.smenu a {
    float: left;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #DDD;
    margin-right: 10px;
    padding: 4px;
    width: 144px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    background-color: #F6F6F6;
}

div.smenu a:hover {
    background-color: white;
    color: black;
}

div.smenu a span {
    background: #F6F6F6 url(img/menu/64x64/.all.png) no-repeat scroll;
    display: block;
    height: 64px;
    width: 64px;
    margin: 0 auto 4px auto;
}

div.smenu a:hover span {
    background-color: white;
}

#frm {
    margin: auto;
    position: absolute;
    width: 760px;
    height: 450px;
}

/* Tous les objets class="hidden" */
.hidden {
    display: none;
}

/******** Auto completer *********/

ul.autocompleter-choices {
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 1px solid #b6b6b6;
    text-align: left;
    z-index: 50;
    background-color: #fff;
}

ul.autocompleter-choices li {
    position: relative;
    margin: -2px 0px 0px 0px;
    padding: 3px 5px;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1em;
    clear: both;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #e6e6e6;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #C83728;
}

span.autocompleter_valmod_art,
span.autocompleter_valmod_ref_delta {
    width: 46px;
    float: left;
    display: block;
    border-right: 1px solid #CCC;
    padding: 3px 5px;
}

span.autocompleter_valmod_lib {
    padding: 3px 5px 3px 61px;
    /* 	float:left; */
    display: block;
}

ul.autocompleter-choices li {
    padding: 0px;
}

#wait img {
    margin-top: 20px;
}

/* Multi upload */
#content form.frm tr.ft td.ftd ul.mf_list {
    padding: 0 0 3px 0;
    margin: 0;
    display: table;
}

#content form.frm tr.ft td.ftd ul.mf_list li {
    list-style-type: none;
    display: table-row;
}

#content form.frm tr.ft td.ftd ul.mf_list li span {
    border-bottom: 1px solid #CCC;
    display: table-cell;
    padding: 3px 2px;
    vertical-align: middle;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-title {
    width: 128px;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-size {
    width: 64px;
    text-align: right;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-del {
    width: 20px;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-del img {
    vertical-align: middle;
}

div.ts {
    float: left;
    width: 256px;
}

div.ts p label {
    display: block;
}

#filters_tyres {
    width: 170px;
    max-width: 170px;
}

#filters_tyres th {
    color: white;
    background: url("img/back_fam1.png") repeat-x scroll center bottom #244F6C;
    font-size: 9px;
    font-weight: normal;
    padding: 4px 0px;
    overflow: hidden;
    white-space: nowrap;
}

#filters_tyres td {
    vertical-align: middle;
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    background-color: white;
    font-weight: bold;
    padding: 0;
    border-right: 1px solid #666;
}

#filters_tyres input {
    border: 0;
    padding: 1px 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

#filters_tyres #filters_largeur {
    width: 34px;
}

#filters_tyres #filters_serie {
    width: 24px;
}

#filters_tyres #filters_diametre {
    width: 17px;
    text-align: left;
}

#filters_tyres #filters_indice_charge {
    width: 24px;
}

#filters_tyres #filters_indice_vitesse {
    width: 21px;
}

#filters_tyres input.del_filter {
    padding: 0;
}

#content_title h1 {
    text-shadow: black 2px 2px 4px;
}

#content form.frm tr.ft {
    background-color: #E6E6E6;
}

.MultiBoxNumber {
    width: 64px;
}

.MultiBoxDescription {}

#content_tsearch_st_art {
    background: url("img/back_ts.png") repeat-x scroll center top #758a9c;
}

#content_fam {
    background-color: #555;
    float: left;
    height: 675px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 170px;
}

#content_fam ul {
    margin: 0;
    padding: 0;
}

#content_fam ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#content_fam ul li a {
    display: block;
    padding: 3px 5px;
    background: url("img/back_fam0.png") repeat-x scroll center bottom #244f6c;
    color: #ddd;
    text-decoration: none;
    border-right: 1px solid black;
}

#content_fam ul li a:hover,
#content_fam ul li a.active {
    background-image: url("img/back_fam1.png");
    color: white;
}

#content_fam ul li a.active {
    font-weight: bold;
}

#content_fam ul li ul li a {
    background: none white;
    border-bottom: 1px solid #B2B2B2;
    color: black;
    border-right: 1px solid #B2B2B2;
}

#content_fam ul li ul li:first-child a {
    background: url("img/back_ext.png") repeat-x scroll center top white;
}

#content_fam ul li ul li a:hover,
#content_fam ul li ul li a.active {
    background: none #0379a4;
    color: white;
    border-bottom: 1px solid #275573;
    border-right: 1px solid #275573;
}

#content_fam ul li ul li a.active {
    font-weight: bold;
}

#morph_add_to_caddie {
    position: absolute;
    background-color: #B6B6B6;
}

#toolbar_icon_icons,
#toolbar_icon_list {
    display: none;
}

#browser {
    background-color: #e7e7e7;
    border-radius: 0 0 6px 6px;
    height: 40px;
    padding: 2px 4px;
    position: absolute;
    right: 17px;
    top: 95px;
    width: 348px;
    z-index: 1000;
    font-weight: bold;
    color: red;
}

#browser img {
    vertical-align: middle;
}

#home_mm1 {
    padding: 0px 0px 0px 4px;
    position: absolute;
    left: 190px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    border-left: solid 2px #CCCCCC;
    height: 53px;
    line-height: 17px;
    top: 42px;
}

#home_mm2 {
    padding: 0px 0px 0px 4px;
    position: absolute;
    left: 460px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    height: 53px;
    line-height: 17px;
    top: 42px;
}

#home_mm2 img {
    vertical-align: middle;
}


/**************************************************************************************************************
GENERAL
**************************************************************************************************************/

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.42857 !important;
    font-weight: 300 !important;
    /*background-color: #f2f2f2 !important;*/
    background-color: rgb(242, 242, 242);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    min-height: 100%;
    position: relative;
    padding-bottom: 8em;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

h1 {
    font: 34px/36px "Istok Web", sans-serif, cursive !important;
    margin: 0 0 10px !important;
}

h1.h1-open {
    font: 700 30px/32px 'Istok Web', sans-serif !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
}

h2 {
    font: 26px/28px "Istok Web", sans-serif, cursive;
    margin: 0 0 10px
}

h3 {
    font: 700 22px/24px 'Istok Web', sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px
}

a {
    font-weight: 500;
    color: #1f2e55
}


/*a:hover, a:focus {
    color:  #ee1c25;
}*/

.rouge {
    color: #1f2e55 !important
}

.bg-rouge {
    background-color: #1f2e55 !important;
}

.gris-clair {
    color: #e5e5e5 !important;
}

.bg-gris-clair {
    background-color: #e5e5e5 !important;
}

.gris-fonce {
    color: #1b1b1c !important;
}

.bg-gris-fonce {
    background-color: #1b1b1c !important;
}

.gris-inter {
    color: #737373 !important;
}

.bg-gris-inter {
    background-color: #737373 !important;
}

.clear {
    clear: both;
}

.btn {
    border-radius: 0;
    border: none;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 15px 20px;
    white-space: initial;
}

.dropdown-menu {
    right: 0 !important;
    left: auto;
    width: 80%;
}

.menu-alert {
    width: auto !important;
}

.dropdown-menu-right {
    margin: -5px 5px 5px 5px;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    margin-top: 16px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #1f2e55;
}

.navbar-collapse {
    max-height: 100% !important;
}

#content table.list tr.selected {
    background-color: #767676 !important;
}

#content table.list tr.selected td {
    color: white !important;
}

#content table tr.tr {
    cursor: pointer;
}

#form {
    font-size: 14px !important;
}

#content_navig,
tr.tn {
    background-color: #1b1b1c !important;
    clear: both;
    color: #fff;
    padding: 15px 6px 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
}

#content_navig table :hover {
    background-color: transparent !important;
}

#content_navig td.content_navig_input input#content_page_input {
    border: 1px solid #333;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    height: 19px;
    margin: 0 10px;
    padding: 2px 4px;
    text-align: right;
    width: 32px;
    color: #000000;
}

#content_navig td.content_navig_input input#content_page_input:hover {
    background-color: #ffffff !important;
}

#content_navig strong:hover {
    background-color: white !important;
}

#content_navig td.content_navig_input input#content_page_input_btn {
    padding: 0;
}


/**************************************************************************************************************
HEADER **************************************************************************************************************/


/*.navbar-brand img {
    display: inline-block !important;
    vertical-align: top;
    float: none;
    position: relative;
    z-index: 1000;
    top: -5px;
    width: 216px;
    height: 65px;
    margin-right: 15px;
}*/


/*.navbar-brand {
    height: 65px !important;
    line-height: 65px !important;
    padding:5px 0 0 !important;
}
.navbar-brand h1 {
    display: inline-block;
    vertical-align: top;
    float: none;
    color: #fff;
    font-size: 48px;
    padding-top: 10px;
}*/


/*.navbar-fixed-top {
    border: none !important;
}

#navbar {
    background: #901919;
    margin-top: 5px;
    padding: 5px 10px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li.menu-ajout  {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0 ;
    border-right:1px solid rgba(255, 255, 255,0.2);
}
.navbar-inverse .navbar-nav > li > a i {
    font-size: 25px;

}*/


/*.navbar-inverse .navbar-nav > li.menu-plus > a i {
    font-size: 20px;
}
.navbar-nav > li > a {
    padding: 10px;
    margin:0 0;
}*/


/*.navbar-nav .menu-plus a{
    color:#fff !important;
}*/


/*.navbar-inverse .navbar-nav > li.menu-ajout > a:hover ,.navbar-inverse .navbar-nav > li.menu-ajout > a:focus, .navbar-inverse .navbar-nav > li.menu-plus a:hover, .navbar-inverse .navbar-nav > li.menu-plus a:focus {
    background-color: rgba(255,255,255,0.4);
}
.navbar-inverse .navbar-nav > li.menu-plus {
    margin-top: 2px;
    margin-left: 5px;
}
.navbar-inverse .navbar-nav > li.menu-user > a:hover, .navbar-inverse .navbar-nav > li.menu-user > a:focus {
    background-color: #fff;
    color: #1b1b1c;
}*/


/*.menu-user .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

}*/


/*.menu-user .dropdown-menu>li>span
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #4d4d50;
    white-space: nowrap;
}*/

.alert-nb {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 13px;
    text-align: center;
    top: 4px;
}


/**************************************************************************************************************
SIDEBAR **************************************************************************************************************/


/*#sidebar ul  {
    list-style: none;
    padding: 0;
}
#sidebar ul li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 5px;
    text-transform: uppercase;
}
#sidebar ul li a:hover,#sidebar ul li a:focus,#sidebar ul li a.active {
    background-color: #fff;
    text-decoration: none;
    color: #901919;
}
#sidebar ul li + li  a {
    border-top: 1px solid #e5e5e5;

}
#sidebar ul li a i{
    font-size: 18px;
    text-align: left;
    width: 35px;
    padding-left: 5px;
    color: #901919;
}*/


/**************************************************************************************************************
FIL ARIANE **************************************************************************************************************/

.ariane {
    text-transform: uppercase;
    color: #ac182a;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ariane a {
    color: #737373;
}

.ariane i {
    color: #ac182a;
    margin-right: 0px;
    margin-left: 8px;
}

.ariane a i {
    color: #e5e5e5;
}


/**************************************************************************************************************
HOME *******************************************************************************************************/

.box {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
}

.box-content {
    background-color: #fff;
    padding: 50px;
    margin: 40px;
    position: relative;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
}

.box-head {
    margin: 0 40px;
}

.box-head h2 {
    color: #454544;
}

a.suite {
    font-weight: bold;
    margin-left: 5px;
}

.box i.i-box {
    position: absolute;
    left: -73px;
    top: -73px;
    height: 76px;
    width: 76px;
    font-size: 30px;
    line-height: 76px;
    text-align: center;
    border-radius: 50%;
    background-color: #454544;
    color: #fff;
}

.box-content a span {
    color: #1b1b1c;
    text-decoration: underline;
    margin: 0 20px 0 0;
}

.box-content a i {
    font-size: 20px;
    margin-right: 3px;
}

.box-content a.more:hover,
.box-content a.more:hover span {
    text-decoration: none;
    color: #1f2e55;
}

.box-content p {
    margin-bottom: 20px;
}

.box-content .box-img {
    padding: 16px;
    border: 1px solid #ccc;
}

.box-content .box-img img {
    margin: 0 auto;
}

.box-drop {
    position: absolute;
    right: 20px;
    top: -30px;
}

.box-drop button {
    border: none;
    background-color: transparent;
}

.box-mot {
    margin-top: 10px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.rond-apo {
    font: 70px /53px "Oswald", sans-serif, cursive;
    width: 53px;
    height: 53px;
    line-height: 76px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #1f2e55;
    color: #fff;
}

.rond-apo span {
    left: -3px;
    position: relative;
    top: 7px;
}

.box-mot p.mot,
.box-mot p.mot-titre {
    font: 30px /36px "Oswald", sans-serif, cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.box-mot p.mot-message {
    font: 21px /36px 'Open Sans', cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.box-mot p.mot-president {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.box-mot p.mot-president span {
    padding: 0 10px;
}

.box-mot p.mot-president:before,
.box-mot p.mot-president:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    background-color: #868687;
}

.box-mot p.mot-president:before {
    margin-left: -50%;
    text-align: right;
}

p.date {
    margin-top: 20px;
}

p.more {
    margin-bottom: 00px;
}

.box h3 {
    margin-bottom: 20px;
}

.plus-article {
    text-align: center;
    height: 75px;
    width: 75px;
    line-height: 75px;
    display: table;
    margin: 50px auto;
    border-radius: 50%;
    background-color: #dcdcdc;
    font-size: 30px;
    color: #1b1b1c !important;
}

.plus-article:hover,
.plus-article:focus {
    background-color: #1f2e55;
    color: #fff !important;
}


/**************************************************************************************************************
FOOTER **************************************************************************************************************/

footer {
    display: none;
}


/**************************************************************************************************************
LOGIN **************************************************************************************************************/

body.login,
body.forget_password {
    background: rgba(0, 0, 0, 0) url("/img/D2A_background.png") repeat center top fixed;
    /* background-size: cover; */
    padding-top: 160px;
    color: #737373;
}

.fond {
    background: rgba(0, 0, 0, 0) url("/img/bg-login-2.png") repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.logo-login {
    display: block;
    margin: -80px auto 20px;
    text-align: center;
}

.logo-login img,
body.forget_password img {
    max-width: 350px;
}

.login-box {
    background: #fff;
    border-top: 5px solid #1f2e55 !important;
    padding: 0 70px 40px;
    -webkit-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
}

body.login .form i.fa-intra-lock,
body.login .form i.fa-intra-usr,
body.forget_password i.fa-intra-usr {
    color: #1f2e55 !important;
}

body.login input.btn-login {
    background-color: #1f2e55 !important;
}

body.login input.btn-login:hover,
body.login input.btn-login:focus,
body.forget_password form .buttons input:hover {
    background-color: #9fabb3 !important;
}

body.forget_password div#row {
    border-top: 5px solid #1f2e55 !important;
}

body.forget_password h2 {
    color: #1f2e55 !important;
}

body.login .oublie a.mdp-oublie:hover,
body.login .oublie a.mdp-oublie:focus {
    text-decoration: none;
    color: #1f2e55 !important;
}

#content_select_entity {
    display: none;
}

body.login footer {
    display: none;
}

#content_title h1 {
    display: none;
}


/**************************************************************************************************************
TABLEAUX -**************************************************************************************************************/

.check {
    display: none;
}

.dropdown-menu>li.checkbox-row {
    padding: 5px 20px;
}

.dropdown-menu li.checkbox-row {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu li.checkbox-row label {
    font-weight: normal;
}

.dropdown-menu li.checkbox-row:hover,
.dropdown-menu li.checkbox-row input:hover,
.dropdown-menu li.checkbox-row label:hover {
    cursor: pointer;
}

.no-touch .dropdown-menu>.checkbox-row:hover,
.no-touch .dropdown-menu>.checkbox-row:active {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.btn-toolbar {
    margin-bottom: 10px;
}

.lt-ie8 .btn-toolbar {
    display: none;
}

.table-responsive {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.table-responsive>.table {
    margin-bottom: 0;
    font-weight: 400;
    color: #1b1b1c;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority],
.mq.js.lt-ie10 .sticky-table-header th[data-priority],
.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority],
.mq.js.lt-ie10 .sticky-table-header td[data-priority] {
    display: none;
}

.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],
.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],
.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display: inline;
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],
.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display: table-cell;
}

@media screen and (min-width:480px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
        display: table-cell;
    }
}

@media screen and (min-width:640px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
        display: table-cell;
    }
}

@media screen and (min-width:800px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
        display: table-cell;
    }
}

@media screen and (min-width:960px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
        display: table-cell;
    }
}

@media screen and (min-width:1120px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
        display: table-cell;
    }
}

table.focus-on tbody tr.unfocused th,
table.focus-on tbody tr.unfocused td {
    color: #999;
    color: rgba(0, 0, 0, 0.4);
}

table.focus-on tbody tr.focused th,
table.focus-on tbody tr.focused td {
    background-color: #aaa;
    color: #000;
}

table th.col-hide,
table td.col-hide {
    display: none;
}

table th.col-show,
table td.col-show {
    display: inline;
}

.lt-ie9 table th.col-show,
.lt-ie9 table td.col-show {
    display: table-cell;
}

.lt-ie9 table.display-all th,
.lt-ie9 table.display-all td {
    display: inline !important;
}

table.display-all th,
table.display-all td {
    display: table-cell !important;
}

.sticky-table-header {
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 990;
    overflow: hidden;
    min-width: 100%;
}

.lt-ie10 .sticky-table-header.fixed-solution {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: content-box;
    border-bottom: none;
}


/************************color button attachement**********************************/

div.jFiler-input-dragDrop div.jFiler-input-inner a.jFiler-input-choose-btn {
    color: #ededed !important;
    border-color: #ededed !important;
}

div.jFiler-input-dragDrop div.jFiler-input-inner a.jFiler-input-choose-btn:hover {
    background-color: #ededed !important;
    color: #fff !important;
    text-decoration: none;
}

a.icon-jfi-trash.jFiler-item-trash-action {
    color: #ededed !important;
}

li span.jFiler-item-others i {
    color: #ededed !important;
}

td.ftd a {
    color: #ededed !important;
    text-decoration: none !important;
}


/************************color  button**********************************/

input#btn_insert,
input#btn_cancel,
input#btn_update,
input#btn_opening,
input#btn_cancel_custom {
    background-color: #1f2e55 !important;
    border: none !important;
}


/************************color icon button**********************************/

.btn-table i {
    color: #1f2e55;
}

.btn-table {
    background-color: #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f2e55;
    padding: 10px 15px;
    min-height: 40px;
    margin-bottom: 4px;
}

.btn-table:hover,
.btn-table:focus,
.btn-table:hover i,
.btn-table:focus i {
    background-color: #1f2e55;
    color: #fff;
}

.btn-table .caret {
    margin-left: 5px;
    color: #ca969a;
}

.btn-toolbar {
    margin-right: 2px;
}

.table-wrapper {
    position: relative;
}

.toolbar2 {
    position: relative;
    z-index: 100;
    margin-top: 30px;
}

.toolbar2 .left {
    float: left;
}

.toolbar2 .right {
    float: right;
}

.toolbar2 .btn i {
    font-size: 20px;
}

@media screen and (max-width:1200px) {
    .btn-table {
        background-color: #e5e5e5;
        border-radius: 4px;
        color: #1f2e55;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 4px;
        min-height: 40px;
        padding: 10px;
    }
}

#close_button {
    background: #9fabb3;
    color: white;
}

#back_ent_button {
    background: #9fabb3;
    color: white;
}

#back_ent_button:hover,
#back_ent_button:focus,
#close_button:hover,
#close_button:focus {
    background: #1f2e55;
}


/**************************************************************************************************************
RESPONSIVE -**************************************************************************************************************/

@media (max-width: 1200px) {
    .box-content .box-img {
        padding: 8px;
    }

    .box-content {
        margin: 30px;
        padding: 30px;
    }

    .box i.i-box {
        background-color: #454544;
        border-radius: 50%;
        color: #fff;
        font-size: 25px;
        height: 60px;
        left: -44px;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: -54px;
        width: 60px;
    }

    .box-drop {
        position: absolute;
        right: 8px;
        top: 7px;
    }

    .box {
        margin-top: 75px;
    }
}

@media (max-width: 768px) {
    body.login {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%;
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .box-content {
        margin: 0;
        padding: 20px;
    }

    /*    .navbar-brand {
            margin-left: 10px;
        }*/
    /*    .navbar-brand h1 {
            font-size: 26px;

        }*/
    /*    .navbar-brand img {
            margin-right: 5px;
            width: 73px;
        }*/
    .box-head h2 {
        float: none !important;
    }

    .box-txt {
        text-align: center;
    }

    .i-box {
        position: initial !important;
        margin: 0 auto 15px;
    }

    .box-head {
        margin: 0 20px;
        text-align: center;
    }

    .box {
        margin-top: 75px;
    }
}

#map_canvas {
    width: 100%;
    height: 500px;
}

.liens a {
    width: 100%;
    font-size: 0.79em;
    text-transform: none;
    padding: 5px;
    margin: 3px;
}

.panel-body {
    background: white;
    padding: 15px;
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}

#img_actuelle img {
    max-width: 600px;
    max-height: 500px;
}

.theme label,
.theme input[type="text"] {
    width: 100%;
}

.planaction label,
.planaction input[type="text"] {
    width: 100%;
}

.sstheme {
    margin-left: 5%;
}

.action_sondage,
.action_plan {
    float: right;
    position: relative;
    height: 44px;
}

.reponseBool {
    text-align: center;
}

.questionRep input[type=radio] {
    position: relative;
    left: 30px;
    top: 3px;
}

.questionRep input[type=radio]+label {
    display: inline-block;
    margin: 10px -2px;
    padding: 4px 30px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.questionRep input[type=radio]:checked+label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e0e0e0;
}

.footerAnimRest {
    clear: both;
    padding-top: 1.0em;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.theme .btnOrder {
    text-align: center;
    margin-top: 2.5em;
}

.dropdown-toggle .fa-ellipsis-v {
    font-size: 1.50em;
}

.infoAdresse {
    padding-left: 0.90em;
}

.planaction .btnOrder {
    text-align: center;
    margin-top: 9.5em;
}


/* DatePicker Table */

.planaction th {
    vertical-align: middle !important;
    text-align: center;
}

.infobulle {
    position: absolute;
    display: inline-block;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    padding: 15px;
    border-radius: 3px;
}

.table a[href^="mailto:"] {
    font-weight: 500;
}

.titre-adresse {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.2em;
    margin-bottom: 1em;
}

.row {
    /*margin-bottom: 5%;*/
}

#content_title {
    background: none;
    height: auto;
    padding-left: 0px;
}

#content_title #navig {
    padding-bottom: 25px !important;
}

a:link,
a:visited,
a:active,
a:hover {
    color: none;
}

div.right a.btn.btn-table i {
    color: #1f2e55 !important;
}

div.right a.btn.btn-table:hover i,
div.right a.btn.btn-table:hover {
    color: #fff !important;
}

.btn-default {
    color: #fff !important;
    background-color: #1f2e55;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default[disabled]:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus {
    background-color: #9fabb3 !important;
}

.edit-sujet:hover,
.edit-cr:hover {
    background-color: #1f2e55 !important;
}

.modalClose:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.selectpicker {
    margin-bottom: 4px;
}

.tableGlobal {
    margin-top: 3em;
    margin-left: 2em;
    float: left;
}

.tableGlobal tr {
    height: 5em;
    font-size: 1.5em;
}

.tableGlobal tr td {
    width: 6em;
}

.tableDetail {
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 2em;
    float: right;
}

.graphSynthese {
    clear: both;
    margin-bottom: 3em;
}

#content_img {
    display: none;
}

#questionnaire[multiple] {
    height: 200px !important;
}

.txtSaveOk {
    color: green;
    font-weight: bold;
    margin-top: 50px;
}

.txtSaveOff {
    color: red;
    font-weight: bold;
    margin-top: 50px;
}

.menu-user .dropdown-menu {
    max-height: 500px;
    overflow: auto;
}

.Titre-TypeAdresse {
    font-size: 26px !important;
    /*margin-top: 10px !important;*/
}

#content h2 {
    background: none !important;
    /*font-size:20px;*/
}

tr.buttons td input[type=submit] {
    background-color: #1f2e55 !important;
}

#btn_cancel_custom {
    background-color: #1f2e55 !important;
}

#content form.frm tr.buttons td input[type=button],
#content form.frm tr.buttons td input[type=submit] {
    background: #1f2e55;
    border: 0;
    border-radius: 4px;
    margin-right: 10px;
    height: 22px;
    font-weight: bold;
    color: white;
}

.fa-btn-sondageType {
    color: #1f2e55 !important;
}

.buttons input {
    border-radius: 0px !important;
    font-size: 14px;
    height: auto !important;
    padding: 5px 20px;
}

.rapportsidebar {
    display: none;
}

.planactiontype {
    float: left;
    width: 90%;
    min-height: 40px;
}

button.planDuplique {
    float: right;
}

.titrequestionnaire-action {
    padding: 0px !important;
    margin: 5px 0px 5px 0px !important;
}

.titretheme-action {
    padding: 0px !important;
    margin: 5px 0px 5px 20px !important;
}

.form-control {
    color: #000 !important;
}

.genReponse {
    clear: both;
}

th.sort_asc a:before {
    content: "\f0de";
    font-family: FontAwesome;
    margin-right: 5px;
}

th.sort_desc a:before {
    margin-right: 5px;
    content: "\f0dd";
    font-family: FontAwesome;
}


/* -------------------------------------------------------------*/


/* Sablier                                                      */


/* -------------------------------------------------------------*/

#content #wait {
    z-index: 100;
}

#content #wait p {
    padding: 40px 0 40px 40px !important;
}

#OverlayContainer {
    display: none !important;
}

table {
    border-spacing: 0;
}

table th,
table td {
    padding: 0;
}

#content table.list {
    background: white;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#content table.icons {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    margin: 10px 0 0;
}

#content table.icons tbody.content_tbody {
    display: block;
    padding-left: 10px;
}

#content table.icons tr.th {
    display: none;
}

#content table.icons tr.tr {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    display: block;
    float: left;
    height: 72px;
    margin: 0 10px 42px 0;
    padding: 0;
    width: 72px;
}

#content table.icons tr.tr td {
    display: none;
}

#content table.icons tr.tr td.lib,
#content table.icons tr.tr td.check {
    display: block;
    height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 79px 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    width: 72px;
}

#content table.list tr.tr td.lib {
    background-position: 40px 40px;
    background-repeat: no-repeat;
}

#content table.list tr.tr td a.active {
    background: #666;
    color: white;
    text-decoration: none;
}

#content table.icons tr.tr td.lib {
    background-position: 50% 11px;
    background-repeat: no-repeat;
}

#content table.icons tr.tr td a {
    color: black;
    display: block;
    height: 26px;
    margin: -76px 0 0 0;
    padding: 76px 0 0 0;
    position: absolute;
    text-decoration: none;
    width: 72px;
}

#content table.icons tr.tr td.lib:hover {
    text-decoration: underline;
}

#content table.list tr.tr td img {
    padding-right: 2px;
    vertical-align: middle;
}

#content table.list tr.th th,
.sortable {
    font-weight: bold;
}

#content table.list tr.th th a,
#content table.list tr.th th span,
.sortable a {
    background-color: #d0d0d0;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #c6c6c6;
    border-top: 1px solid #e6e6e6;
    color: black;
    display: block;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
}

#content table.list tr.th th span {
    cursor: default;
}

#content table.list tr.th th a:hover,
.sortable a:hover {
    background-color: #e6e6e6;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid white;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid white;
}

#content table.list tr.th th a:active,
.sortable a:active,
#content table.list tr.th th a:focus,
.sortable a:focus {
    border: 0;
}

#content table.list tr.th th.sort_asc a {
    background-image: url("/img/ar_bottom.gif");
}

#content table.list tr.th th.sort_desc a {
    background-image: url("/img/ar_top.gif");
}

#content table.list tr.tr td {
    overflow: hidden;
    padding: 3px 4px;
    white-space: nowrap;
}

#content table.list tr.selected {
    background-color: #b6b6b6;
    color: white;
}

#content table.icons tr.selected {
    background-color: #b6b6b6;
}

#content tr.tr:hover {
    background-color: #e6e6e6;
}

#content table.list tr.selected:hover {
    background-color: #969696;
    color: white;
}

#content table.list tr.ts {
    border-bottom: 1px solid #969696;
}

#content table.icons tr.ts {
    border: 1px solid #969696;
    display: block;
    width: 100%;
}

#content table.list tr.ts label {
    display: none;
}

#content table.icons tr.ts label {
    background-color: #d0d0d0;
    display: block;
}

#content tr.ts div.ftr {
    padding: 0;
}

#content tr.ts div.ftr div {
    border-right: 1px solid #D0D0D0;
    display: block;
    padding: 3px 4px;
}

#content tr.ts input[type=text],
#content tr.ts select {
    background-color: white;
    border: 0;
    display: block;
    margin: 0;
    width: 100%;
}

#content tr.ts input[type=checkbox] {
    margin: 0;
    width: auto;
}

#content tr.ts div.date select,
#content tr.ts div.date span {
    display: block;
    float: left;
    margin-right: 2px;
    text-align: right;
    width: 80px;
}

#content tr.ts div.date p {
    margin: 0;
    padding: 0;
}

#content tr.ts div.date select option {
    text-align: left;
}

#content tr.ts div.date input.calendar {
    width: auto;
}

#content_tn {
    display: none;
}

#content_navig,
tr.tn {
    background-color: #a8a8a8;
    clear: both;
    color: white;
    padding: 2px 0;
}

#content_navig table {
    width: 100%;
}

#content_navig td.content_navig_lib,
tr.tn td {
    padding: 4px;
}

#content_navig td.content_navig_pages {
    padding: 0;
    text-align: center;
}

#content_navig a,
tr.tn a {
    padding: 4px 8px;
}

#content_navig strong,
tr.tn strong {
    background-color: white;
    border-radius: 8px;
    color: #666;
    margin: 2px 2px;
    padding: 2px 6px;
    vertical-align: middle;
}

#content_navig a:link,
#content_navig a:active,
#content_navig a:visited,
tr.tn a:link,
tr.tn a:active,
tr.tn a:visited {
    color: white;
    text-decoration: none;
}

#content_navig a:hover,
tr.tn a:hover {
    color: white;
    text-decoration: underline;
}

#content_navig img,
tr.tn img {
    vertical-align: middle;
}

#content_navig select,
tr.tn select {
    border: 1px solid #333;
}

#content_navig img.navig_arrow,
tr.tn img.navig_arrow {
    border: 0;
    width: 11px;
    height: 11px;
}

#content_navig td.content_navig_input {
    text-align: right;
    width: 180px;
    padding-right: 4px;
}

#content table.list tr td.check {
    height: 18px;
    padding: 2px !important;
    width: 14px;
}

#content table.list tr td.check input {
    margin: 0;
}

#content .ts div.ftr.filled div {
    padding-right: 20px;
}

#content .ts div.ftr input.del_filter,
#content .ts div.ftr a.del_filter {
    display: none;
    float: right;
    position: relative;
}

#content .ts div.ftr.filled input.del_filter,
#content .ts div.ftr.filled a.del_filter {
    display: block;
}

#content .ts div.ftr div.f_checkboxes {
    background-color: #ddd;
    border: 1px solid #333;
    box-shadow: 2px 2px 8px #333;
    margin-top: 2px;
    padding: 0 !important;
    position: absolute;
    visibility: hidden;
    z-index: 16;
}

#content .ts div.ftr div.f_checkboxes .f_checkboxes_list {
    height: 256px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li {
    margin: 0;
    list-style-type: none;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>a {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>a {
    background: url("/img/plus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:first-child>a {
    background: url("/img/plusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:last-child>a {
    background: url("/img/plusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus>a {
    background: url("/img/minus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:first-child>a {
    background: url("/img/minusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:last-child>a {
    background: url("/img/minusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>ul {
    background: url("/img/line.gif") repeat-y left;
    margin-bottom: -4px;
    padding: 0 0 4px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>ul {
    display: none;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li {
    background: url("/img/join.gif") no-repeat left;
    border: 0;
    padding: 2px 4px 2px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li:last-child {
    background: url("/img/joinbottom.gif") no-repeat left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p input,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li input {
    float: left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p label,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li label {
    display: block;
    padding: 0 16px !important;
    white-space: nowrap;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes {
    background-color: #666;
    border-bottom: 1px solid #444;
    border-right: 0;
    border-top: 1px solid #888;
    padding: 4px;
    text-align: right;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes a {
    color: white;
    padding: 2px 0 2px 4px;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes input {
    border: 1px solid #555;
    display: inline;
    height: 18px;
    padding: 0 4px;
}

#content .ts input.calendar {
    height: 14px;
    width: 75px;
}

#content .ts button.calendar {
    margin: 1px 0 0 -17px;
    position: absolute;
    visibility: hidden;
}

#content_toolbar {
    overflow-x: auto;
    overflow-y: hidden;
}

table.toolbar {
    height: 26px;
    padding: 0;
    white-space: nowrap;
    width: auto;
}

table.toolbar .lib {
    margin: 0;
    padding: 0 2px;
}

table.toolbar td.button {
    border: 1px solid transparent;
}

table.toolbar td.sep {
    text-align: center;
    width: 2px;
}

table.toolbar td.button img,
table.toolbar td.button input {
    padding: 2px;
}

table.toolbar td.button input {
    background-color: transparent;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border: 0;
    display: block;
    font-size: 0;
    height: 26px;
    width: 26px;
}

table.toolbar td.button a,
table.toolbar td.button input,
table.toolbar td.button label {
    color: black;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

table.toolbar td.button:hover {
    background-color: #eaeaea;
}

table.toolbar td.button:hover .lib {
    color: black;
}

table.toolbar td.button a:active,
table.toolbar td.button a.active,
table.toolbar td.button input:focus,
table.toolbar td.button.active {
    color: white;
    background-color: #666;
}

table.toolbar td.button:hover a:active,
table.toolbar td.button:hover a.active span,
table.toolbar td.button:hover input:focus,
table.toolbar td.button.active:hover label,
table.toolbar td.button.active label {
    color: white;
}

table.toolbar td.button_inactive a,
table.toolbar td.button_inactive input {
    border: 1px solid transparent;
    cursor: default;
}

table.toolbar td.button_inactive a:active,
table.toolbar td.button_inactive a.active,
table.toolbar td.button_inactive:hover {
    background-color: transparent !important;
    cursor: default;
}

table.toolbar td.button_inactive .lib,
table.toolbar td.button_inactive:hover .lib {
    color: #b6b6b6;
}

table.toolbar td.button,
table.toolbar td.sep {
    margin: 0 1px 0 0;
}

table.toolbar td.logout {
    margin: 0;
    text-align: right;
    text-indent: 0;
    width: auto;
}

table.toolbar td label.toolbar_confirm {
    display: none;
}

table.toolbar.iot {
    font-size: 9px;
    height: 42px;
}

table.toolbar.iot img {
    padding-bottom: 0;
}

table.toolbar.iot td.button {
    text-align: center;
}

table.toolbar.iot td.button input {
    background-position: 50% 2px;
    display: block;
    height: 40px !important;
    margin-bottom: -40px;
    position: relative;
    width: 64px !important;
}

table.toolbar.iot td.sep img {
    height: 36px;
    width: 2px;
}

table.toolbar.iot .lib {
    display: block;
    height: 14px;
    overflow: hidden;
    padding-top: 26px;
    width: 60px;
}

table.toolbar.iot a span.lib {
    padding-top: 0;
}

table.toolbar.ilt {
    overflow: hidden;
}

table.toolbar.ilt img {
    vertical-align: middle;
}

table.toolbar.ilt td.button input {
    display: inline;
    vertical-align: middle;
}

table.toolbar.ilt td.button .lib {
    margin-right: 15px;
}

table.toolbar.ilt .lib {
    display: inline;
    padding: 5px 2px;
    text-align: left;
}

table.toolbar.ilt td.sep {
    padding-right: 15px;
}

table.toolbar td.sep img {
    height: 28px;
    width: 2px;
}

table.toolbar.io td.button {
    padding: 0 2px;
}

table.toolbar.io .lib {
    display: none;
}

table.toolbar.to {
    height: 18px;
    overflow: hidden;
}

table.toolbar.to td.button input {
    background-image: none !important;
    background-color: transparent;
    height: 18px;
    position: absolute;
}

table.toolbar.to img {
    display: none;
}

table.toolbar.to td.sep img {
    display: inline;
    height: 14px;
    width: 2px;
}

table.toolbar.to .lib {
    display: block;
    float: none;
    height: 14px;
    overflow: hidden;
    padding: 2px 6px;
}

div.toolbar_tip {
    background: url("/img/back_toolbar.png") repeat-x scroll center top #E6E6E6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

#content form.frm table.minitab.hor {
    width: auto;
}

#content form.frm table.minitab.hor td {
    padding: 2px 3px;
    text-align: center;
}

#content form.frm table.minitab.hor td.c1 {
    border-left: 1px solid #ccc;
}

#content form.frm table.minitab.hor td:first-child {
    padding: 2px 8px;
    text-align: left;
}

#content form.frm table.minitab.hor td input.minitab_text {
    margin-left: 8px;
    width: 40px !important;
}

#content_div div.scroll-outer {
    margin: 0 auto 3em;
    padding: 0;
    position: relative;
}

#content_div div.scroll-outer div.scroll-inner {
    overflow: auto;
}

#content_div table.table.pre-scroll {
    width: auto !important;
}

#content_div table.table.pre-scroll tr {
    height: 18px;
}

#content_div table.table.pre-scroll td,
#content_div table.table.pre-scroll th {
    width: auto !important;
}

#content_div table.table.scroll thead {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#content_div table.table.scroll tfoot {
    bottom: 0;
    overflow: hidden;
    position: fixed;
}

#form h2 {
    padding: 5px 10px;
    margin: 0;
}

#content form.frm {
    padding: 0;
    margin: 0;
}

#content .form_tabs {
    border-right: 1px solid #CCC;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
    text-indent: 0;
}

#content .form_tabs li {
    background: url("/img/back_tab_inactive.png") repeat-x scroll top white;
    float: left;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    width: 77px;
}

#content .form_tabs li a {
    text-align: center;
    margin: 0;
    padding: 3px 4px;
    font-size: 12px;
    width: 67px;
    height: 19px;
    color: #42403D;
    border-left: 1px solid #CCC;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#content .form_tabs input.active,
#content .form_tabs li.active {
    background: white url(/img/back_tab_active.png) repeat-x scroll top;
    font-weight: bold;
}

#content .form_tabs input.active,
#content .form_tabs li.active a {
    color: white;
}

#content .form_tabs input:hover,
#content .form_tabs li a:hover {
    color: black;
}

#content .form_tabs input:hover.active,
#content .form_tabs li.active a:hover {
    color: #FFF;
}

#content form.frm ul.tabs {
    background: none repeat scroll 0 0 #666;
    height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 6px 0 0 28px;
}

#content form.frm ul.tabs li {
    background: none repeat scroll 0 0 #999;
    border-radius: 5px 5px 0 0;
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    list-style: none outside none;
    margin: 0 0 0 4px;
    padding: 5px 16px;
}

#content form.frm ul.tabs li a {
    color: #FFF;
    text-decoration: none;
}

#content form.frm ul.tabs li.active {
    background: none repeat scroll 0 0 #FFF;
}

#content form.frm ul.tabs li.active a {
    color: black;
    font-weight: bold;
}

#content form.frm>table {
    border-top: 1px solid #D0D0D0;
    clear: both;
    width: 100%;
}

#content form.frm tr.ft {
    border-bottom: 1px solid #666;
    width: 100%;
}

#content form.frm tr.locales th {
    background-color: #444;
    color: white;
    padding: 4px;
    white-space: nowrap;
    text-align: center;
}

#content form.frm tr.locales th:first-child {
    width: 20%;
}

#content form.frm tr.locales th img {
    margin-right: 4px;
    vertical-align: top;
}

#content form.frm tr.ft th.fth,
#content form.frm tr.ft td.ftd {
    border-bottom: 1px solid #C6C6C6;
    border-top: 1px solid white;
    padding: 4px;
}

#content form.frm tr.ft th.fth {
    background-color: #ddd;
    padding: 0;
    text-align: right;
    width: 30%;
}

#content form.frm tr.ft th.fth>label {
    color: #666;
    display: block;
    font-weight: bold;
    padding: 4px;
}

#content form.frm tr.ft th.fthpic,
#content form.frm tr.ft th.fthgal {
    font-weight: normal;
    padding: 8px;
    text-align: left;
    width: auto;
}

#content form.frm tr.ft td.ftd {
    background-color: white;
    padding: 4px;
    width: 70%;
}

#content form.frm tr.ft td.ftd img.file_icon {
    float: left;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd p {
    margin: 0;
    padding: 0;
}

#content form.frm tr.ft td.ftd>input,
#content form.frm tr.ft td.ftd>select,
#content form.frm tr.ft td.ftd>textarea {
    border: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    margin: 0;
}

#content form.frm tr.ft td.ftd>textarea {
    resize: vertical;
}

#content form.frm tr.ft td.ftd>input[type=checkbox],
#content form.frm tr.ft td.ftd>input[type=radio] {
    width: 100% !important;
}

#content form.frm td.ftd label>input[type=checkbox],
#content form.frm td.ftd label>input[type=radio] {
    margin: 0 4px;
}

#content form.frm tr.ft td.ftd>select option {
    background-color: white;
    padding: 0;
    margin: 0;
}

#content form.frm tr.ft td.ftd>select {
    margin: -1px 0;
}

#content form.frm tr.ft td.ftd>span {
    display: block;
    min-height: 12px;
}

#content form.frm tr.ft td.ftd.earth {
    white-space: nowrap;
}

#content form.frm tr.ft td.ftd.earth label {
    color: #999;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd.earth label[for$=_long] {
    margin-left: 10px;
}

#content form.frm tr.ft td.ftd.earth input {
    text-align: right;
    width: 80px;
}

#content form.frm tr.ft td.ftd div#format label {
    display: block;
}

#content form.frm tr.ft td.ftd select option.fs_dir,
#content form.frm tr.ft td.ftd select option.fs_file {
    height: 16px;
    padding: 2px 0 0 19px;
    background-repeat: no-repeat;
    background-position: top left;
}

#content form.frm tr.ft td.ftd select option.fs_dir {
    font-weight: bold;
    background-image: url("/img/folder.png");
}

#content form.frm tr.ft td.ftd div.map {
    height: 300px;
}

img.imgpreview {
    width: 64px;
    height: 64px;
    margin: 0 4px 4px 0;
    border: 1px solid #666;
    float: left;
}

img.imgpreview.wait {
    width: 16px;
    height: 16px;
    padding: 24px;
}

#content form.frm th.back_minitab {
    background-color: #c3c3c3;
    font-weight: normal;
    padding: 10px;
    text-align: left !important;
    vertical-align: top;
}

#content form.frm th.back_minitab>table {
    border-right: 1px solid #666;
    width: auto;
}

#content form.frm th.back_minitab>table th.fth {
    border-left: 1px solid white;
    border-top: 1px solid white !important;
    background-color: #e6e6e6;
    white-space: nowrap;
}

#content form#frm_export table th.back_minitab {
    width: 50%;
}

#content form#frm_export table th.back_minitab:first-child {
    padding-right: 0;
}

#content form#frm_export table th.back_minitab table {
    width: 100%;
}

#content form.frm table.minitab {
    border-spacing: 0;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#content form.frm table.minitab th {
    background-color: #999;
    color: #FFF;
    padding: 2px;
    border-bottom: 1px solid #888;
}

#content form.frm table.minitab td {
    padding: 0 3px;
    border-bottom: 1px solid #EEE;
    background-color: white;
}

#content form.frm table.minitab td input.minitab_text {
    width: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
}

#content form.frm table.minitab td textarea.minitab_textarea {
    border: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
}

#content form.frm table.minitab td select {
    width: 100%;
    background-color: white;
    border: 0;
    padding: 2px 0;
}

#content form.frm table.minitab td input.valint,
#content form.frm table.minitab td input.valfloat,
#content form.frm table.minitab td.valint,
#content form.frm table.minitab td.valfloat {
    text-align: right;
}

#content form.frm table.minitab td.nolig {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    background-color: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#content form.frm table.minitab td.ftdbuttons {
    background-color: #E6E6E6;
    width: 20px;
    border-radius: 4px;
    padding: 0;
    border-bottom: 0;
}

#content form.frm input.minitab_del_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(/img/del.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm input.minitab_add_button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(/img/ok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm input.minitab_update_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(/img/ok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm table.minitab td:first-child {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
    width: 20px;
}

#content form.frm tr.priv th.fth {
    background-color: #cfdcf8 !important;
    border-bottom: 1px solid #99b4f0;
}

#content form.frm tr.priv th.fth label {
    color: #1a47af;
}

#content form.frm tr.priv td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #99b4f0;
    color: #1a47af !important;
    background: #edf3ff url(/img/priv.png) no-repeat scroll center right;
    padding-right: 30px;
}

#content form.frm tr.notweb th.fth {
    background-color: #fbefc8 !important;
    border-bottom: 1px solid #f8de8d;
}

#content form.frm tr.notweb th.fth label {
    color: #ba8f0b;
}

#content form.frm tr.notweb td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #f8de8d;
    color: #ba8f0b !important;
    background: #fdf8ea;
    padding-right: 30px;
}

#content form.frm table#sfe tbody tr {
    cursor: pointer;
}

#content form.frm tr.ft th.fth table.minitab {
    border: 1px solid #999;
}

#content form.frm tr.ft th.fth table {
    text-align: left;
    font-weight: normal;
}

#content form.frm td {
    vertical-align: top;
}

#content form.frm tr.ft th.fth table tr:first-child th,
#content form.frm tr.ft th.fth table tr:first-child td {
    border-top: 0;
}

#content form.frm div.fieldset h3 {
    cursor: default;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 4px;
    background-color: #999;
}

#content form.frm div.fieldset hr {
    clear: both;
    visibility: hidden;
    height: 0;
    margin: 0;
}

#content form.frm div.fieldset input {
    border: 1px solid #999;
    padding: 2px;
}

#content form.frm div.fieldset td {
    padding: 2px 4px 0 4px;
    margin: 0;
}

#content form.frm table caption {
    background-color: #666 !important;
    color: white;
}

#content form.frm tr.buttons td {
    background-color: white;
    height: 22px;
    padding: 8px;
    text-align: right;
}

#content form.frm tr.buttons td input[type=button],
#content form.frm tr.buttons td input[type=submit] {
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    height: 22px;
}

#content form.frm tr.buttons td label {
    margin-right: 10px;
}

#content form.frm tr.ft .ro {
    border: 0;
    background-color: transparent;
}

#content form.frm div.tddivfile {
    text-align: left;
}

#content form.frm input.inputfile {
    display: block;
}

#content #wait {
    /*background-color:rgba(255,255,255,0.7);
    height:256px;
    position:absolute;
    text-align:center;
    vertical-align:middle;
    z-index:15;*/
    padding-right: 20px !important;
}

#content #wait p {
    /*background:url("/img/wait.gif") no-repeat scroll 60px 50% white;
    border:8px solid #666;
    box-shadow:4px 4px 8px black;
    color:#666;
    font-size:20px;
    margin:20px auto;
    padding:40px 0 40px 16px!important;
    width:360px;*/
    font-weight: normal !important;
}

#content form.frm tr.ft td.ftd input,
#content form.frm tr.ft td.ftd span {
    text-align: left !important;
}

#content form.frm tr.ft td.ftd input[type=checkbox] {
    width: auto !important;
    vertical-align: middle;
}

td.ftd input.calendar,
td.ftd select.calendar {
    width: auto !important;
}

button.calendar {
    background: url("/img/cal.png") no-repeat;
    border: 0;
    cursor: pointer;
    position: relative;
    height: 14px;
    width: 14px;
    margin: -1px 0 -1px -16px;
}

.ts div.ftr.date div input {
    background: url("/img/cal.png") no-repeat right;
    float: left;
    width: 90px !important;
}

.ts div.ftr.date div input[disabled],
.ts div.ftr.date div button.calendar {
    visibility: hidden;
}

.ts div.ftr.date table td {
    white-space: nowrap;
}

div.calendar {
    background: #666;
    text-align: center;
    box-shadow: 2px 2px 8px #333;
    width: 195px;
}

div.calendar div {
    background: none !important;
    overflow: hidden;
    position: relative;
    padding-bottom: 6px;
}

div.calendar caption {
    color: white;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 17px;
    padding: 3px 0 1px 0;
    text-align: center;
    width: 100%;
}

div.calendar caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    float: left;
    width: 11px;
    color: none;
    background-repeat: no-repeat;
}

div.calendar caption a.prev {
    background: url("/img/ar_left.gif") repeat scroll 0 1px transparent;
}

div.calendar caption a.next {
    background: url("/img/ar_right.gif") repeat scroll 0 1px transparent;
}

div.calendar caption span {
    float: left;
    display: block;
}

div.calendar caption span.month {
    padding: 0 8px 0 6px;
}

div.calendar caption span.month span {
    width: 68px;
    overflow: hidden;
    text-align: center;
}

div.calendar caption span.year {
    float: right;
    padding: 0 6px 0 8px;
}

div.calendar caption span.year span {
    width: 38px;
    overflow: hidden;
    text-align: center;
}

div.calendar table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 195px;
}

div.calendar td,
div.calendar th {
    border: 0;
    color: #b6b6b6;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 23px;
    padding: 0;
}

div.calendar th {
    background-color: #e6e6e6;
    font-size: 9px;
    font-weight: bold;
}

div.calendar td {
    border: 1px solid #e6e6e6;
    color: #FFF;
    font-size: 11px;
    background-color: white;
}

div.calendar td.invalid {
    color: #999;
}

div.calendar td.valid {
    color: black;
    cursor: pointer;
}

div.calendar td.hilite {
    background: #666;
    color: white;
}

div.calendar td.inactive {
    background-color: #ccc;
    color: #999;
}

div.calendar td.active,
div.calendar td.hover {
    background-color: #e6e6e6;
    color: black;
    cursor: pointer;
}

div.calendar td.active {
    background-color: #D3031B;
    color: white;
}

ul.autocompleter-choices {
    background-color: #fff;
    border: 1px solid #b6b6b6;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    z-index: 50;
}

ul.autocompleter-choices li {
    clear: both;
    cursor: pointer;
    display: block;
    float: none !important;
    font-size: 1em;
    font-weight: normal;
    margin: -2px 0 0 0;
    padding: 3px 5px;
    position: relative;
    white-space: nowrap;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #e6e6e6;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #C83728;
}

span.autocompleter_model_art {
    border-right: 1px solid #CCC;
    display: block;
    float: left;
    padding: 3px 5px;
    width: 46px;
}

span.autocompleter_model_lib {
    display: block;
    padding: 3px 5px 3px 61px;
}

ul.autocompleter-choices li {
    padding: 0;
}

.loader {
    position: fixed;
    z-index: 9999;
    /*background:url('dyn.php?a=img&src=ajax-loader.gif') 50% 50% no-repeat;*/
    background-color: rgba(51, 51, 51, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: wait;
}

.MultiBoxContainer {
    position: absolute;
    background-color: white;
    display: none;
    z-index: 1000;
    text-align: left;
    box-shadow: 0 0 5px black;
}

.MultiBoxLoading {
    background: url(/dyn.php?a=img&src=mb_loader.gif) no-repeat center;
}

.MultiBoxContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.MultiBoxClose {
    position: absolute;
    top: 3px;
    right: 3px;
    background: url(/dyn.php?a=img&src=mb_close.png) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.MultiBoxControlsContainer {
    overflow: hidden;
    height: 0;
    position: relative;
    padding: 0 10px;
    background-color: #444;
}

.MultiBoxControls {
    width: 100%;
    height: 32px;
    position: relative;
}

.MultiBoxPrevious {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_left.png) no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNext {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_right.png) no-repeat;
    width: 24px;
    height: 24px;
    right: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNextDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
    position: relative;
    margin: 10px 0 0 35px;
    float: left;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

.MultiBoxNumber {
    position: relative;
    width: 50px;
    margin: 10px 35px 0 0;
    float: right;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: right;
}

.MultiBoxDescription {
    clear: left;
    position: relative;
    margin: 0 35px 0 35px;
    padding-top: 5px;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: left;
}

#MultiBoxContentContainer_product_zoom {
    padding: 12px;
}

#content form.frm tr.ft td.ftd.editable {
    padding: 0;
}

.mooeditable-container {
    position: relative;
}

.mooeditable-ui-toolbar {
    color: inherit;
    background-color: #eee;
    padding: 2px;
}

.mooeditable-ui-toolbar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mooeditable-ui-toolbar .toolbar-item,
.mooeditable-ui-toolbar .toolbar-separator {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button {
    cursor: pointer;
    border: 0;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
    color: inherit;
    background-color: transparent;
}

* html .mooeditable-ui-toolbar .mooeditable-ui-button {
    width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

*:first-child+html .mooeditable-ui-toolbar .mooeditable-ui-button {
    min-width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive {
    color: inherit;
    background-color: #ddd;
}

.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover {
    color: inherit;
    background-color: #fff;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled {
    cursor: default;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled:hover {
    color: inherit;
    background-color: transparent;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon {
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    color: inherit;
    background: transparent url(/dyn.php?a=img&src=mooeditable-toolbarbuttons-tango.png) no-repeat 0 -8px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-text {
    display: none;
    font-size: 13px;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-icon {
    display: none;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-text {
    display: inline;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text {
    width: auto;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text .button-text {
    display: inline;
    margin-left: 4px;
}

.mooeditable-ui-toolbar .toolbar-separator {
    width: 1px;
    height: 24px;
    margin: 2px;
    text-indent: -999em;
    color: inherit;
    background-color: #fafafa;
}

.mooeditable-ui-toolbar .bold-item .button-icon {
    background-position: 0 0;
}

.mooeditable-ui-toolbar .createlink-item .button-icon {
    background-position: 0 -16px;
}

.mooeditable-ui-toolbar .indent-item .button-icon {
    background-position: 0 -32px;
}

.mooeditable-ui-toolbar .insertorderedlist-item .button-icon {
    background-position: 0 -48px;
}

.mooeditable-ui-toolbar .insertunorderedlist-item .button-icon {
    background-position: 0 -64px;
}

.mooeditable-ui-toolbar .italic-item .button-icon {
    background-position: 0 -80px;
}

.mooeditable-ui-toolbar .outdent-item .button-icon {
    background-position: 0 -96px;
}

.mooeditable-ui-toolbar .redo-item .button-icon {
    background-position: 0 -112px;
}

.mooeditable-ui-toolbar .strikethrough-item .button-icon {
    background-position: 0 -128px;
}

.mooeditable-ui-toolbar .toggleview-item .button-icon {
    background-position: 0 -144px;
}

.mooeditable-ui-toolbar .underline-item .button-icon {
    background-position: 0 -160px;
}

.mooeditable-ui-toolbar .undo-item .button-icon {
    background-position: 0 -176px;
}

.mooeditable-ui-toolbar .unlink-item .button-icon {
    background-position: 0 -192px;
}

.mooeditable-ui-toolbar .urlimage-item .button-icon {
    background-position: 0 -208px;
}

.mooeditable-iframe {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    vertical-align: top;
}

.mooeditable-textarea {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    resize: none !important;
    outline: 0 !important;
}

.mooeditable-ui-dialog {
    color: inherit;
    background-color: #ddd;
    position: absolute;
    display: block;
    cursor: default;
    font-size: 12px;
    z-index: 100;
    width: 100%;
}

.mooeditable-ui-dialog .dialog-content {
    padding: 4px 10px;
}

.mooeditable-ui-dialog .dialog-content * {
    vertical-align: middle;
}

.mooeditable-ui-dialog input {
    margin: 0 8px;
}

.mooeditable-ui-dialog input.text {
    width: 300px;
}

.mooeditable-ui-button-overlay {
    color: inherit;
    background-color: #ddd;
    font-size: 12px;
    z-index: 100;
    outline: 0;
    -moz-outline: 0;
    -webkit-outline: 0;
}

.mooeditable-ui-button-overlay .overlay-content {
    padding: 10px;
}

.mooeditable-ui-toolbar .forecolor-item .button-icon {
    background: transparent url(/dyn.php?a=img&src=mooeditable-toolbarbuttons-silk.png) no-repeat top left;
    background-position: 0 -192px;
}

.forecolor-overlay .overlay-content {
    padding: 4px 0 0 4px;
}

.forecolor-overlay .forecolor-colorpicker-color {
    line-height: 0;
    overflow: hidden;
    height: 12px;
    width: 12px;
    float: left;
    margin: 0 4px 4px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.forecolor-overlay .forecolor-colorpicker-color:hover {
    border-color: #000;
}

.forecolor-overlay .forecolor-colorpicker-br {
    display: block;
    clear: left;
}

#mooRainbow {
    font-size: 11px;
    color: #000;
}

.moor-box {
    width: 390px;
    height: 310px;
    border: 1px solid #636163;
    background-color: #f9f9f9;
}

.moor-overlayBox {
    width: 256px;
    height: 256px;
    margin-top: 9px;
    margin-left: 9px;
    border: 1px solid #000;
}

.moor-slider {
    border: 1px solid #000;
    margin-top: 9px;
    margin-left: 280px;
    width: 19px;
    height: 256px;
}

.moor-colorBox {
    border: 1px solid #000;
    width: 59px;
    height: 68px;
    margin-top: 20px;
    margin-left: 315px;
}

.moor-currentColor {
    margin-top: 55px;
    margin-left: 316px;
    width: 59px;
    height: 34px;
}

.moor-okButton {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    margin-top: 278px;
    margin-left: 8px;
    background: #e6e6e6;
    height: 23px;
    border: 1px solid #d6d6d6;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

#mooRainbow label {
    font-family: mono;
}

.moor-rLabel {
    margin-top: 100px;
    margin-left: 315px;
}

.moor-gLabel {
    margin-top: 125px;
    margin-left: 315px;
}

.moor-bLabel {
    margin-top: 150px;
    margin-left: 315px;
}

.moor-HueLabel {
    margin-top: 190px;
    margin-left: 315px;
}

span.moor-ballino {
    margin-top: 190px;
    margin-left: 370px;
}

.moor-SatuLabel {
    margin-top: 215px;
    margin-left: 315px;
}

.moor-BrighLabel {
    margin-top: 240px;
    margin-left: 315px;
}

.moor-hexLabel {
    margin-top: 275px;
    margin-left: 280px;
}

.moor-rInput,
.moor-gInput,
.moor-bInput,
.moor-HueInput,
.moor-SatuInput,
.moor-BrighInput {
    width: 30px;
}

.moor-hexInput {
    width: 55px;
}

.moor-cursor {
    background-image: url(/dyn.php?a=img&src=moor_cursor.gif);
    width: 12px;
    height: 12px;
}

.moor-arrows {
    background-image: url(/dyn.php?a=img&src=moor_arrows.gif);
    top: 9px;
    left: 270px;
    width: 41px;
    height: 9px;
}

.moor-chooseColor {
    margin-top: 21px;
    margin-left: 316px;
    width: 59px;
    height: 34px;
}

div.error>p {
    font-size: 14px !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li.menu-ajout {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-inverse .navbar-nav>li>a i {
    font-size: 25px;
}

.navbar-inverse .navbar-nav>li.menu-plus>a i {
    font-size: 20px;
}

.navbar-nav>li>a {
    padding: 10px;
    margin: 0;
}

.navbar-inverse .navbar-nav>li.menu-ajout>a:hover,
.navbar-inverse .navbar-nav>li.menu-ajout>a:focus,
.navbar-inverse .navbar-nav>li.menu-plus a:hover,
.navbar-inverse .navbar-nav>li.menu-plus a:focus {
    background-color: rgba(255, 255, 255, 0.4);
}

.navbar-inverse .navbar-nav>li.menu-plus {
    margin-top: 2px;
    margin-left: 5px;
}

.navbar-inverse .navbar-nav>li.menu-user>a:hover,
.navbar-inverse .navbar-nav>li.menu-user>a:focus {
    background-color: #fff;
    color: #1b1b1c;
}

#sidebar {
    padding-left: 0;
    padding-top: 20px;
}

#sidebar ul li a {
    color: #2f302f;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 5px;
    text-transform: uppercase;
}

.box-mot .mot-titre {
    font: 700 26px /40px "Oswald", sans-serif, cursive;
    text-transform: uppercase;
    color: #454544;
}

.box-mot .mot-message {
    color: #454544;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.box-mot p.mot {
    font: 30px /36px "Oswald", sans-serif, cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.sticky-table-header.fixed-solution {
    min-width: 0;
    position: fixed;
}

.sticky-table-header.border-radius-fix {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none;
    padding: 6px;
}

.table>thead>tr>th {
    border-top: none;
    padding: 15px 6px 10px;
    background-color: #1b1b1c;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0;
    vertical-align: bottom;
    font-weight: 400;
}

.table>tbody>tr>.col-1,
.table>thead>tr>th.col-1 {
    padding-left: 15px;
}

.table>tbody>tr>td.col-2 {
    max-width: 88px;
}

.table>tbody>tr>td.col-3 {
    max-width: 80px;
}

.table>tbody>tr>td.col-6 {
    max-width: 140px;
}

.table>tbody>tr>td.col-10,
.table>thead>tr>th.col-10 {
    padding-right: 15px;
}

table>tbody>tr:hover {
    background-color: #ddd !important;
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}

.table-responsive>.table>tbody>tr>td.col-4,
.table-responsive>.table>tbody>tr>td.col-5 {
    white-space: nowrap;
}

@media screen and(max-width:768px) {
    .table-wrapper {
        clear: both;
    }

    .table-wrapper .btn-toolbar {
        float: left;
    }

    .table-wrapper .btn-toolbar .btn-group {
        float: left !important;
    }
}

a,
button,
img,
input,
select,
textarea {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media(max-width:992px) {
    .box-content .box-img {
        margin-top: 20px;
    }

    #navbar {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    #navbar i {
        font-size: 14px;
        margin-right: 5px;
    }

    .navbar-nav .menu-user a.dropdown-toggle {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 2px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>span {
        color: #fff;
        text-align: center;
        margin: 2px 15px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .box {
        margin-top: 75px;
    }

    footer {
        position: relative;
    }
}

@media(max-width:350px) {
    body.login {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%;
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .box-content {
        margin: 0;
        padding: 20px;
    }

    /*    .navbar-brand
        {
            margin-left:4px;
        }

        .navbar-brand h1
        {
            font-size:24px;
        }*/
    /*    .navbar-brand img
        {
            margin-right:0;
        }*/
    .box-head h2 {
        float: none !important;
    }

    .box-txt {
        text-align: center;
    }

    .i-box {
        position: initial !important;
        margin: 0 auto 15px;
    }

    .box-head {
        margin: 0 20px;
        text-align: center;
    }

    .box {
        margin-top: 65px;
    }
}

.theme label,
.theme input[type="text"] {
    width: 100%;
}

.slideshow {
    display: block;
    position: relative;
    z-index: 0;
}

.slideshow-images {
    display: block;
    overflow: hidden;
    position: relative;
}

.slideshow-images img {
    display: block;
    position: absolute;
    z-index: 1;
}

.slideshow-thumbnails {
    overflow: hidden;
}

.slideshow-images {
    height: 300px;
    width: 400px;
}

.slideshow-images-visible {
    opacity: 1;
}

.slideshow-images-prev {
    opacity: 0;
}

.slideshow-images-next {
    opacity: 0;
}

.slideshow a img {
    border: 0;
}

.slideshow-captions {
    background: #000;
    bottom: 0;
    color: #FFF;
    font: normal 12px/22px Arial, sans-serif;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    width: 100%;
    z-index: 10000;
}

.slideshow-captions-hidden {
    height: 0;
    opacity: 0;
}

.slideshow-captions-visible {
    height: 22px;
    opacity: .7;
}

.slideshow-controller {
    background: url(/dyn.php?a=img&src=controller.png) no-repeat;
    height: 42px;
    left: 50%;
    margin: -21px 0 0 -119px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 238px;
    z-index: 10000;
}

.slideshow-controller * {
    margin: 0;
    padding: 0;
}

.slideshow-controller-hidden {
    opacity: 0;
}

.slideshow-controller-visible {
    opacity: 1;
}

.slideshow-controller a {
    cursor: pointer;
    display: block;
    height: 18px;
    overflow: hidden;
    position: absolute;
    top: 12px;
}

.slideshow-controller a.active {
    background-position: 0 18px;
}

.slideshow-controller li {
    list-style: none;
}

.slideshow-controller li.first a {
    background-image: url(/dyn.php?a=img&src=controller-first.gif);
    left: 33px;
    width: 19px;
}

.slideshow-controller li.last a {
    background-image: url(/dyn.php?a=img&src=controller-last.gif);
    left: 186px;
    width: 19px;
}

.slideshow-controller li.next a {
    background-image: url(/dyn.php?a=img&src=controller-next.gif);
    left: 145px;
    width: 28px;
}

.slideshow-controller li.pause a {
    background-image: url(/dyn.php?a=img&src=controller-pause.gif);
    left: 109px;
    width: 20px;
}

.slideshow-controller li.play a {
    background-position: 20px 0;
}

.slideshow-controller li.play a.active {
    background-position: 20px 18px;
}

.slideshow-controller li.prev a {
    background-image: url(/dyn.php?a=img&src=controller-prev.gif);
    left: 65px;
    width: 28px;
}

.slideshow-loader {
    height: 28px;
    right: 0;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: 10001;
}

.slideshow-loader-hidden {
    opacity: 0;
}

.slideshow-loader-visible {
    opacity: 1;
}

.slideshow-thumbnails {
    bottom: -65px;
    height: 65px;
    left: 0;
    position: absolute;
    width: 100%;
}

.slideshow-thumbnails * {
    margin: 0;
    padding: 0;
}

.slideshow-thumbnails ul {
    height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10000px;
}

.slideshow-thumbnails li {
    float: left;
    list-style: none;
    margin: 5px 5px 5px 0;
    position: relative;
}

.slideshow-thumbnails a {
    display: block;
    float: left;
    padding: 5px;
    position: relative;
}

.slideshow-thumbnails a:hover {
    background-color: #FF9 !important;
    opacity: 1 !important;
}

.slideshow-thumbnails img {
    display: block;
}

.slideshow-thumbnails-active {
    background-color: #9FF;
    opacity: 1;
}

.slideshow-thumbnails-inactive {
    background-color: #FFF;
    opacity: .5;
}

.icon-jfi-ban:before {
    content: "\f328";
}

.icon-jfi-calendar:before {
    content: "\f30b";
}

.icon-jfi-check:before {
    content: "\f2f6";
}

.icon-jfi-check-circle:before {
    content: "\f30c";
}

.icon-jfi-cloud-o:before {
    content: "\f329";
}

.icon-jfi-cloud-up-o:before {
    content: "\f32a";
}

.icon-jfi-comment:before {
    content: "\f32b";
}

.icon-jfi-comment-o:before {
    content: "\f30d";
}

.icon-jfi-download-o:before {
    content: "\f32c";
}

.icon-jfi-exclamation:before {
    content: "\f32d";
}

.icon-jfi-exclamation-circle:before {
    content: "\f32e";
}

.icon-jfi-exclamation-triangle:before {
    content: "\f32f";
}

.icon-jfi-external-link:before {
    content: "\f330";
}

.icon-jfi-eye:before {
    content: "\f2f7";
}

.icon-jfi-file:before {
    content: "\f31f";
}

.icon-jfi-file-audio:before {
    content: "\f331";
}

.icon-jfi-file-image:before {
    content: "\f332";
}

.icon-jfi-file-o:before {
    content: "\f31d";
}

.icon-jfi-file-text:before {
    content: "\f333";
}

.icon-jfi-file-video:before {
    content: "\f334";
}

.icon-jfi-files-o:before {
    content: "\f335";
}

.icon-jfi-folder:before {
    content: "\f31e";
}

.icon-jfi-heart:before {
    content: "\f2f8";
}

.icon-jfi-heart-o:before {
    content: "\f336";
}

.icon-jfi-history:before {
    content: "\f337";
}

.icon-jfi-infinite:before {
    content: "\f2fb";
}

.icon-jfi-info:before {
    content: "\f338";
}

.icon-jfi-info-circle:before {
    content: "\f339";
}

.icon-jfi-minus:before {
    content: "\f33a";
}

.icon-jfi-minus-circle:before {
    content: "\f33b";
}

.icon-jfi-paperclip:before {
    content: "\f33c";
}

.icon-jfi-pencil:before {
    content: "\f2ff";
}

.icon-jfi-plus:before {
    content: "\f311";
}

.icon-jfi-plus-circle:before {
    content: "\f312";
}

.icon-jfi-power-off:before {
    content: "\f33d";
}

.icon-jfi-question:before {
    content: "\f33e";
}

.icon-jfi-question-circle:before {
    content: "\f33f";
}

.icon-jfi-reload:before {
    content: "\f300";
}

.icon-jfi-settings:before {
    content: "\f340";
}

.icon-jfi-sort:before {
    content: "\f303";
}

.icon-jfi-times:before {
    content: "\f316";
}

.icon-jfi-times-circle:before {
    content: "\f317";
}

.icon-jfi-trash:before {
    content: "\f318";
}

.icon-jfi-upload-o:before {
    content: "\f341";
}

.icon-jfi-user:before {
    content: "\f307";
}

.icon-jfi-view-grid:before {
    content: "\f342";
}

.icon-jfi-view-list:before {
    content: "\f343";
}

.icon-jfi-zip:before {
    content: "\f344";
}

.stat h2 {
    font-size: 50px;
    margin: 20px 0 10px;
}

.stat h2 i {
    margin-right: 20px;
    font-size: 44px;
}

.stat-filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.stat-filtre .row {
    margin-bottom: 0;
}

.stat-filtre label {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2px;
}

.stat-filtre select {
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #adadad;
    color: #666;
    height: 40px;
    margin-right: 10px;
}

.stat-filtre .stat-select1 {
    padding-right: 0;
    padding-left: 10px;
}

.stat-filtre .stat-select2 {
    padding-right: 0;
    padding-left: 10px;
}

.stat-filtre .stat-select1 select {
    width: 100%;
}

.stat-filtre .RAZ {
    padding: 0 10px;
}

.stat-filtre .RAZ a.raz-btn {
    height: 65px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    line-height: 65px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
}

.stat-filtre .RAZ a.raz-btn:hover,
.stat-filtre .RAZ a.raz-btn:focus {
    background: #1b1b1c;
    color: #fff;
    text-decoration: none;
}

.stat-content h3 {
    font: 30px/34px "Oswald", sans-serif, cursive;
    text-transform: none;
    margin-bottom: 10px;
}

.stat-content h3 span {
    color: #8d8d8d;
    display: inline-block;
    vertical-align: middle;
}

.stat-content h3 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.stat-content .tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.stat-content .tabs .row {
    margin-bottom: 0;
}

.stat-content .tabs ul li a {
    background-color: #d3d3d3;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 25px;
    margin-bottom: 010px;
    display: block;
    position: relative;
    min-height: 90px;
}

.stat-content .tabs ul li.active a {
    background-color: #fff;
}

.stat-content .tabs ul li a:focus {
    outline: none;
}

.stat-content ul li a:hover::before,
.stat-content ul li a:focus::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d3d3d3;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all .2s ease-in-out;
}

.stat-content ul li.active a::before,
.stat-content ul li.active a:focus::before,
.stat-content ul li.active a:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all .2s ease-in-out;
}

.stat-content a {
    color: #1b1b1c;
}

.stat-content .tab-libel {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 0 015px 10px;
    border-right: 2px solid #aeaeae;
}

.stat-content .tab-evol {
    padding: 0 10px;
}

.stat-content .tab-evol i {
    padding: 10px 0;
}

.stat-content .tab-evol i {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: 00px;
    top: 00px;
    color: #7bc200;
    margin-right: 8px;
}

.stat-content .tab-evol .evol {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.stat-content .tab-evol .evol span {
    display: block;
}

.stat-content .tab-evol .evol .evol-chiffre {
    color: #7bc200;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
}

.stat-content .tab-evol .evol .evol-date {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.stat-content .evol-detail {
    padding: 10px 15px 0 0;
}

.stat-content .tabs .evol-detail div {
    background-color: #7bc200;
    width: 100%;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 2px;
    font-size: 12px;
}

.stat-content .tabs .evol-pas-ok i {
    color: #901919;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.stat-content .tabs .evol-pas-ok .evol-chiffre {
    color: #901919;
}

.stat-content .tabs .evol-detail div.evol-pas-ok {
    background-color: #901919;
}

.stat-content .tabs .no-evol i {
    color: #000;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.stat-content .tabs .no-evol .evol-chiffre {
    color: #000;
}

.tab-content .table>tbody>tr {
    border-top: none;
    padding: 10px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
}

.tab-content .table>tbody>tr:nth-child(2n) {
    background-color: #e8e8e8;
}

.btn-gris {
    background-color: #1f2e55 !important;
    color: #fff;
}

.btn-gris:hover,
.btn-gris:focus {
    background-color: #9fabb3;
}

.btn-gris:hover i,
.btn-gris:focus i {
    color: #1b1b1c !important;
}

.btn-retour {
    background-color: #8d8d8d;
    color: #fff;
}

.btn-retour:hover,
.btn-retour:focus {
    background-color: #1b1b1c;
}

#sections.col-lg-6 .btn-table {
    margin-top: 30px;
    float: left;
}

#sections.col-lg-6 div {
    float: right;
}

#form.boutique h2 {
    font-size: 50px;
    margin: 20px 0;
}

#form.boutique h2 i {
    margin-right: 20px;
    font-size: 44px;
}

.boutique .filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.boutique .filtre select {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #adadad;
    color: #666;
    width: 59%;
    margin-right: 10px;
}

.boutique .filtre .btn-filtre {
    background: #1b1b1c;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 16px;
}

.boutique .filtre .btn-filtre:hover,
.boutique .filtre .btn-filtre:focus {
    background: #901919;
}

.shop-box.categorie li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #1b1b1c;
    margin: 0;
}

.shop-box.categorie li a:hover,
.shop-box.categorie li a:focus {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.shop-box.categorie li a:hover::before {
    border: 2px solid #ddd;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ligne-panier {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.ligne-panier+.ligne-panier {
    border-top: none;
}

.ligne-panier .panier1 {
    width: calc(100% - 25px);
    display: inline-block;
}

.ligne-panier span {
    vertical-align: middle;
    font-weight: 400;
    height: 20px;
}

.ligne-panier span.ref {
    color: #ababab;
}

.ligne-panier span.quantite {
    padding: 0 5px;
    background-color: #d8d8d8;
    margin-right: 5px;
}

.ligne-panier a.trash,
#order-items a.trash,
#list-comments a.trash {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #fff;
    width: 20px;
    background-color: #901919;
    text-align: center;
    margin-top: 1px;
}

#list-comments a.trash {
    float: left;
}

#list-comments textarea {
    margin-bottom: 20px;
}

.ligne-panier a.trash:hover,
.ligne-panier a.trash:focus,
#order-items a.trash:hover,
#order-items a.trash:focus,
#list-comments a.trash:hover,
#list-comments a.trash:focus {
    background-color: #1b1b1c;
}

.panier-panier .total p {
    padding: 10px 0 0;
    margin: 0;
    font-weight: 700;
}

.boutique2 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    display: inline-block;
    width: calc(100% - 250px);
}

.boutique .shop-box.categorie .cat-change {
    float: right;
    width: 240px;
    text-align: right;
}

.boutique .shop-box.categorie .cat-change .btn-ok {
    font-weight: 700;
    background-color: #8d8d8d;
    border-radius: 2px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
}

.boutique .shop-box.categorie .cat-change .btn-ok:hover,
.boutique .shop-box.categorie .cat-change .btn-ok:focus {
    text-decoration: none;
    background-color: #1b1b1c;
}

.filtre-tri {
    background-color: #f2f2f2;
    padding: 10px 20px;
    margin-bottom: 0px !important;
}

.filtre-tri .result {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    padding-right: 20px;
}

.filtre-tri .tri-search {
    display: inline-block;
    vertical-align: middle;
}

.filtre-tri a.tri-ok {
    color: #1b1b1c;
    margin-left: -34px;
    padding: 2px 10px 2px 5px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    margin-right: 5px;
}

.filtre-tri a.tri-raz {
    color: #1b1b1c;
    text-decoration: underline;
    font-size: 14px;
}

.filtre-tri a:hover,
.filtre-tri a:focus {
    color: #901919;
}

.filtre-tri .form-inline {
    float: right;
}

.filtre-tri .form-inline label {
    font-weight: 400;
}

.filtre-tri .form-inline select {
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

.list-prod .prod.row {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 3px solid #f2f2f2;
}

.list-prod .img-prod {
    padding-right: 0;
}

.list-prod .desc {
    padding-left: 15px;
}

.list-prod .desc .promo {
    font-weight: 700;
    font-size: 16px;
    padding: 1px 7px;
    margin: 0;
    color: #fff;
    background-color: #901919;
    display: inline-block;
    line-height: 22px;
}

.list-prod .desc .article {
    font-weight: 700;
    font-size: 16px;
    padding-top: 5px;
    margin: 0;
}

.list-prod .desc .fournisseur {
    font-weight: 400;
    color: #6f6f73;
    margin: 0;
}

.list-prod .total-cta {
    padding-left: 0;
    text-align: right;
}

.list-prod .qt-prix {
    margin-bottom: 20px;
    display: inline-block;
}

.list-prod .total-cta .btn {
    font-size: 14px;
    line-height: 16px;
    float: right;
}

.list-prod .total-cta .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
}

.list-prod .total-cta .quantite a:hover,
.list-prod .total-cta .quantite a:focus {
    color: #901919;
}

.list-prod .total-cta .quantite a.plus {
    padding-right: 0;
}

.list-prod .total-cta .quantite a.minus {
    padding-left: 0;
}

.list-prod .total-cta .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.list-prod .total-cta .total {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 0;
    font-size: 16px;
    float: right;
    padding-top: 7px;
}

.list-prod .total-cta .total span.oldprice {
    display: inline-block;
    margin-right: 10px;
}

.list-prod .total-cta .total span.promo {
    color: #901919;
}

.cta .btn {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#msg-error,
.msg.error {
    background-color: #901919;
    display: none;
}

.msg.error td p {
    background-color: #901919;
    padding: 9px 18px;
}

#msg-error p,
.msg.error p {
    color: #fff;
}

#msg-error span.line,
.msg.error span.line {
    display: none;
    margin-top: 15px;
    font-style: italic;
}

.boutique3 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    margin-bottom: 30px;
}

.form-adresse {
    padding-top: 20px;
}

.shop-box.categorie .row {
    margin-bottom: 0;
}

.adress {
    border-right: 2px solid #f2f2f2;
    padding-right: 50px;
}

.adress+.adress {
    border-right: none;
    padding-left: 50px;
    padding-right: 15px;
}

.adress .title h4 {
    display: block;
    float: left;
    max-width: 50%;
    font-weight: 700;
    margin-top: 0;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
}

.adress .title select {
    display: block;
    float: right;
    width: 50%;
    color: #6f6f73;
    border-radius: 2px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    border: 1px solid #adadad;
}

.adress .title {
    margin-bottom: 20px;
}

.adress .form-adresse {
    clear: both;
}

.adress .form-adresse .row {
    margin-bottom: 2px;
}

.adress .form-adresse .label2 {
    text-align: right;
    line-height: 34px;
    font-weight: 400;
    padding: 0;
}

.adress .form-adresse .label2 p {
    text-align: right;
    margin: 0;
}

.adress .form-adresse .label2 label {
    font-weight: normal;
}

.adress .form-adresse .form-control {
    font-size: 14px;
    color: #6f6f73;
    border: none;
    background-color: #f2f2f2;
    border-radius: 2px;
}

.adress .form-adresse #liv_lib,
.adress .form-adresse #fac_lib {
    background-color: #f2f2f2;
    color: #6f6f73;
    border-radius: 2px;
    height: 34px;
    display: inline-block;
    width: 100%;
    line-height: 1.42857143;
    padding: 6px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.recap .row {
    margin-bottom: 0;
}

.recap .table-responsive {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.recap .table>thead>tr>th {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 0 6px 5px;
    background-color: #fff;
    color: #6f6f73;
    text-transform: uppercase;
    vertical-align: bottom;
    font-weight: 400;
}

.recap .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 34px;
    line-height: 24px;
    padding: 0 10px;
}

.recap .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
}

.recap .quantite a:hover,
.recap .quantite a:focus {
    color: #901919;
}

.recap .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.recap .total {
    text-align: right;
}

.recap .total2 p {
    text-transform: uppercase;
    font-size: 16px;
}

.recap .total2 p span {
    min-width: 80px;
    display: inline-block;
}

.recap .total2 .TTC {
    font-weight: 700;
}

.recap .table>tbody>tr.total2>td {
    border-bottom: none;
    padding-bottom: 0;
}

.recap .plus-moins {
    min-width: 115px;
}

.com a.btn-com {
    color: #1b1b1c;
    background-color: #f2f2f2;
    font-size: 14px;
}

.com a.btn-com:hover,
.com a.btn-com:focus {
    color: #fff;
    background-color: #1b1b1c;
}

.com .row {
    margin-bottom: 0;
}

.com p {
    font-weight: 400;
}

.com textarea {
    border: none;
    background-color: #f2f2f2;
    color: #6f6f73;
}

.boutique3 .cta .btn-rouge {
    color: #fff;
    float: right;
}

.boutique3 .cta .btn-rouge i {
    color: #1b1b1c;
}

.boutique3 .cta .btn-liste {
    text-transform: uppercase;
    float: right;
}

.boutique3 .cta .btn-liste span,
button.btn-cancel {
    text-decoration: underline;
    color: #1b1b1c;
}

button.btn-cancel {
    background: none;
}

.boutique3 .cta .btn-liste:hover span,
.boutique3 .cta .btn-liste:focus span {
    color: #901919;
}

.boutique3 .cta .btn-rouge:hover i,
.boutique3 .cta .btn-rouge:focus i {
    color: #901919;
}

.boutique3 .cta .btn-valider {
    float: right;
}

@media(min-width:992px) {

    .col-lg-3.col-md-4.cart,
    .col-md-3.cart {
        padding-right: 0;
    }
}

@media(max-width:1200px) {

    .boutique1 #sections.col-sm-12 .btn-table,
    .boutique2 #sections.col-sm-12 .btn-table {
        float: left;
    }

    .boutique1 #sections.col-lg-6 div,
    .boutique2 #sections.col-lg-6 div {
        float: left;
    }
}

@media only screen and(max-width:1199px) {
    .boutique .filtre .btn-filtre {
        max-width: 150px;
    }

    .boutique2 .shop-box h3 {
        width: 100%;
        padding-bottom: 5px;
    }

    .boutique .shop-box.categorie .cat-change {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .filtre-tri .form-inline {
        float: none;
        margin-top: 10px;
    }

    .list-prod .prod.row {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .list-prod .total-cta {
        padding-left: 15px;
    }

    .list-prod .qt-prix {
        margin: 6px 0 0 0;
        float: left;
    }

    .adress {
        padding-right: 15px;
    }

    .adress+.adress {
        padding-left: 15px;
    }

    .stat-content ul li a:hover,
    .stat-content ul li a:focus {
        text-decoration: none;
    }

    .stat-content .tab-libel {
        padding: 7px 15px 3px;
        border-right: none;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: scroll;
        max-height: 282px;
    }

    .boutique1 .panier {
        width: 160px;
    }
}

@media only screen and(max-width:991px) {
    .boutique .filtre .btn-filtre {
        max-width: 100%;
        width: 100%;
    }

    .boutique .filtre select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .shop-box.categorie li a {
        padding: 10px;
    }

    .shop-box.categorie li .image-cat {
        height: 60px;
        width: 100px;
    }

    .shop-box.categorie ul li {
        margin-bottom: 2px;
    }

    .form-inline.cat-change .form-group {
        max-width: calc(100% - 100px);
        float: left;
        margin-right: 10px;
    }

    .filtre-tri {
        margin-bottom: 0;
    }

    .adress {
        border-right: none;
        margin-bottom: 20px;
    }

    .adress+.adress {
        margin-bottom: 00px;
    }

    .adress .title select,
    .adress .title h4 {
        float: none;
    }

    .adress .title {
        margin-bottom: 0;
        text-align: center;
        border-top: 2px solid #f2f2f2;
        padding-top: 10px;
    }

    .boutique3 .shop-box h3 {
        margin-bottom: 10px;
    }

    .adress .title h4,
    .adress .title select {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .com .col-md-2 {
        margin-top: 10px;
    }

    .stat-filtre .stat-select2,
    .stat-filtre .stat-select1 {
        margin-bottom: 5px;
    }

    .stat-content ul li.active a::before,
    .stat-content ul li a::before {
        display: none !important;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: auto;
        max-height: none;
    }

    .boutique2 .panier,
    .boutique1 .panier {
        position: relative;
        width: 100%;
    }
}

@media only screen and(max-width:767px) {
    .shop-box {
        padding: 20px;
    }

    .shop-box h3 img {
        display: none;
    }

    #form.boutique h2 {
        font-size: 40px;
        margin: 10px 0;
    }

    #form.boutique h2 i {
        margin-right: 16px;
        font-size: 33px;
    }

    .boutique3 #sections.col-md-12,
    .boutique3 #sections.col-sm-12,
    .boutique3 #main-title.col-md-12,
    .boutique3 #main-title.col-sm-12 {
        width: 100%;
        float: left;
    }

    .boutique3 #sections.col-lg-6 .btn-table {
        float: left;
    }

    .boutique3 #sections.col-lg-6 div {
        float: left;
    }

    .filtre-tri input.search-box {
        width: calc(100% - 35px);
    }

    .list-prod .img-prod {
        padding-right: 15px;
    }

    .list-prod .img-prod img {
        margin: 0 auto;
    }

    .list-prod .desc {
        text-align: center;
    }

    .list-prod .total-cta {
        text-align: center;
    }

    .list-prod .qt-prix {
        display: inline-block !important;
        margin: 0 0 10px 0;
        float: left;
    }

    .boutique3 .cta .btn-valider,
    .boutique3 .cta .btn-retour,
    .boutique3 .cta .btn-liste {
        float: none;
        margin-top: 0;
        margin-bottom: 5px;
        width: 100%;
    }

    .adress .form-adresse .label2 p {
        text-align: left;
        margin: 0 15px;
    }

    .adress .form-adresse .label2 {
        text-align: center;
    }
}

.row.view.order input[type=text],
.row.view.order select,
.row.view.order textarea,
.row.view.order .recap .quantite {
    cursor: default !important;
    background: white !important;
    box-shadow: none !important;
    color: #1b1b1c !important;
    font-weight: bold !important;
}

.row.view.order .recap .quantite {
    height: auto;
}

.disable_element {
    pointer-events: none;
    cursor: default;
    opacity: .6;
}

.progress-statut {
    background: #fff;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 20px 0 40px;
}

.progress-titre {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
}

.progress-statut .progress {
    margin-top: 5px;
    background-color: #d9d9d9;
    border: 3px solid #d9d9d9;
    box-shadow: none;
    border-radius: 28px;
    margin-bottom: 5px;
    height: 28px;
}

.progress-statut .progress .progress-bar {
    background-color: #901919;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    padding-right: 10px;
    font-weight: 700;
    text-align: right;
}

.bloc-questionnaire .progress .progress-bar {
    background-color: limegreen !important;
}

.progress-date {
    font-weight: 400;
    line-height: 18px;
}

.progress-date span {
    font-weight: 700;
    text-transform: uppercase;
}

.retro {
    margin-bottom: 60px;
}

.retro .row,
.retro p {
    margin-bottom: 0;
    font-weight: 400;
}

.retro-mini p {
    display: inline-block;
}

.retro-title h2 {
    font: 700 30px/32px "Open Sans", sans-serif;
    margin-bottom: 20px;
}

.retro .retro-content-titre {
    margin-bottom: 10px;
    padding-right: 30px;
}

.retro .retro-content-titre div {
    font-size: 14px;
    color: #929292;
    font-weight: 400;
}

.retro .retro-content {
    background: #fff;
    margin-top: 8px;
    cursor: pointer;
    padding: 20px 25px;
    font-weight: 400;
    transition: all 0.2s linear 0s;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.retro .ligne-pas-ok .retro-content {
    border-top: 3px solid #f97979;
    border-bottom: none;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .retro-content.collapsed {
    background: #d9d9d9;
    margin-top: 8px;
    padding: 20px 25px;
    font-weight: 400;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.action-detail {
    background: #fff;
    border-top: none;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    padding: 0 40px 30px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.retro .ligne-pas-ok .retro-content.collapsed {
    border-top: 3px solid #f97979;
    border-bottom: 3px solid #f97979;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .ligne-pas-ok .action-detail {
    border-top: none;
    border-bottom: 3px solid #f97979;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .retro-content.collapsed+.action-detail {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.retro .retro-content.collapsed:hover {
    background: #fff;
}

.retro .retro-case1 i {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    margin-right: 20px;
    background: #1b1b1c;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}

.retro .retro-content.collapsed .retro-case1 i {
    transform: rotate(0deg);
}

.retro .retro-case1 p {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    margin: 0;
}

.retro-case4 i {
    font-size: 40px;
    color: #909f1c;
}

.ligne-pas-ok .retro-case4 i {
    color: #ff0000;
}

.action-detail1 {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px 50px;
}

.action-detail h3 {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: none;
}

.action-detail p {
    font-size: 14px;
}

.action-detail i {
    margin-right: 10px;
    font-size: 20px;
}

.retro .btn-rouge {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 15px 20px;
    float: right;
    background: #1f2e55;
}

.retro .btn-rouge:hover,
.retro .btn-rouge:focus {
    background: #9fabb3;
}

.action-detail2 {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px 00px;
    margin-left: 50px;
}

.action-detail2 .col-md-12 {
    padding: 0;
}

.action-detail3 {
    padding: 20px 0 20px 00px;
    margin-left: 60px;
}

.action-detail3 .col-md-12 {
    padding: 0 15px 0 0;
}

.action-detail3 .col-md-12 .comment-new {
    background: #f2f2f2;
    padding: 20px
}

.action-detail3 .col-md-12 .comment-new textarea,
textarea.edit-control {
    background: #f2f2f2;
    border: none;
    margin-bottom: 10px;
    font-size: 14px;
    color: #1b1b1c;
    width: 100%
}

textarea.edit-control {
    padding: 10px 11px;
}

.action-detail3 .col-md-12 .comment-new .btn {
    font-size: 14px;
    padding: 10px 20px;
}

.right {
    text-align: right;
}

.comment-titre,
.comment-p {
    display: inline-block;
    vertical-align: top;
}

.comment-p.comment-item.description:not(.active) {
    cursor: pointer;
}

.comment {
    margin-bottom: 20px;
    padding-top: 10px;
    position: relative;
}

.comment-titre {
    width: 150px;
    padding: 0 20px 0 0;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

.comment-titre img {
    float: right;
}

.comment-titre p {
    clear: both;
}

.comment-titre p span {
    color: #8d8b8b;
}

.comment-titre::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e5e5e5;
    border-style: solid;
    border-width: 8px;
    content: "";
    position: absolute;
    right: -16px;
    top: 5px;
}

.comment-p {
    width: calc(100% - 155px);
    padding-left: 20px;
    font-style: italic;
    color: #626263;
}

.row.assignation label {
    width: 200px;
    display: inline-block;
}

#filter-assignation {
    float: right;
    margin-right: 0px;
}

.question-action {
    position: relative;
}

.question-action .alerte.message {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    background: #fff none repeat scroll 0 0;
    border-radius: 14px;
    color: #901919;
    font-size: 14px;
    padding: 1px 7px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 100;
    border: 2px solid #901919;
    display: none;
}

.question-action .alerte.message i {
    padding-right: 3px;
}

.question-action .alerte.message span {
    font-weight: 500;
    line-height: 26px;
}

.question-action a.read {
    background-color: #1f2e55;
    color: white;
    padding: 5px 8px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.question-action a.read:hover {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .action-detail1 {
        padding: 20px 0;
    }

    .action-detail1 .col-md-9 {
        margin-bottom: 15px;
    }

    .retro .btn-rouge {
        float: left;
    }

    .action-detail2,
    .action-detail3 {
        margin-left: 0;
    }
}

.retro2 .row {
    margin-bottom: 0;
}

.retro2-th {
    font-weight: 700;
    margin-top: 40px;
    line-height: 20px;
    padding: 0 30px 10px;
}

.retro2-th span {
    font-weight: 400;
}

.retro2-th .th-restaurant {
    padding-left: 0;
    /*line-height: 36px*/
}

.retro2-th>div {
    padding: 0;
}

.retro2-th .col-md-3 .row {
    padding: 0 15px;
}

.retro2-th .col-md-3 .row .col-md-6 {
    padding: 0;
}

.retro2-ligne {
    background: #fff;
    display: block;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    color: #1b1b1c;
    margin-bottom: 15px;
}

.retro2-ligne:hover {
    color: #1b1b1c;
    text-decoration: none;
}

.retro2-ligne p {
    margin-bottom: 0;
}

.retro2-ligne .resto i {
    float: left;
    color: #a7a7a7;
    font-size: 20px;
}

.retro2-ligne .resto i.fa-intra-ent {
    line-height: 40px;
}

.retro2-ligne .resto .libelle {
    margin-left: 35px;
    line-height: 20px;
}

.retro2-ligne .resto .resto-libelle {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.retro2 .alerte {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    background: #fff none repeat scroll 0 0;
    border-radius: 14px;
    color: #ff0000;
    font-size: 14px;
    padding: 1px 7px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 100;
    border: 1px solid #ff0000;
}

.retro2 .alerte i {
    padding-right: 3px;
}

.retro2 .prevision,
.retro2 .statut {
    text-align: center;
    padding: 0;
}

.retro2 .prevision span,
.retro2 .statut span {
    border-radius: 5px;
    padding: 10px;
    margin: 0 10px 10px;
    background-color: #f2f2f2;
    display: block;
    height: 90px;
}

.retro2 .prevision span {
    line-height: 16px;
}

.retro2 .prevision span b {
    font-size: 24px;
    line-height: 30px;
}

.retro2 .statut span {
    line-height: 70px;
    font-size: 40px;
    color: #909f1c;
}

.retro2 .statut.statut-pas-ok span {
    color: #ff0000;
}

.retro2 .c100 {
    margin-top: 6px;
}


/***********************************************CIRCLE***************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    border: 0.15em solid #307bbb;
    border-radius: 50%;
    clip: rect(0em, 0.5em, 1em, 0em);
    height: 0.7em;
    position: absolute;
    width: 0.7em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 auto 10px;
    background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100:hover {
    cursor: pointer;
}

.c100>span {
    position: absolute;
    font-weight: 700;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #909f1c;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    background-color: #f5f5f5;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 0.8em;
    left: 0.1em;
    position: absolute;
    top: 0.1em;
    width: 0.8em;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.vert .bar,
.c100.vert .fill {
    border-color: #909f1c !important;
}

.c100.rouge .bar,
.c100.rouge .fill {
    border-color: #1f2e55 !important;
}

.c100.rouge {
    background-color: #1f2e55 !important;
}

.c100.rouge span {
    color: #1f2e55 !important;
}

.selectpicker {
    width: 75%;
    margin-right: 5px;
    height: 40px;
}

textarea.edit-control {
    padding: 10px 11px;
}

p.cgu {
    text-align: justify;
}

p.cgu label {
    font-weight: 700;
    display: inline;
}

p.cgu input {
    margin-right: 10px;
}

select.select-assigned {
    padding: 5px 8px;
    width: 233px;
    margin-bottom: 10px;
    border: 1px solid #1b1b1c;
    background-color: white;
    margin-left: 5px;
}

.toolbar2 {
    margin-top: 0px !important;
}

.toolbar2 div.right {
    width: 30%;
}

.toolbar2 div.right .btn-table {
    margin-right: 0px !important;
}


/**************************************************************************************************************HEADER **************************************************************************************************************/

.navbar-inverse {
    background-color: #1b1b1c;
}


/**************************************************************************************************************HOME *******************************************************************************************************/

.box-mot p.mot-president span {
    padding: 0 10px;
}

.box-mot p.mot-president:before,
.box-mot p.mot-president:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    background-color: #868687;
}

.box-mot p.mot-president:before {
    margin-left: -50%;
    text-align: right;
}


/**************************************************************************************************************TABLEAUX -**************************************************************************************************************/

.sticky-table-header>.table {
    margin-bottom: 0;
}

.sticky-table-header>.table-bordered>thead>tr>th:first-child,
.sticky-table-header>.table-bordered>tbody>tr>th:first-child,
.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,
.sticky-table-header>.table-bordered>thead>tr>td:first-child,
.sticky-table-header>.table-bordered>tbody>tr>td:first-child,
.sticky-table-header>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.sticky-table-header>.table-bordered>thead>tr>th:last-child,
.sticky-table-header>.table-bordered>tbody>tr>th:last-child,
.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,
.sticky-table-header>.table-bordered>thead>tr>td:last-child,
.sticky-table-header>.table-bordered>tbody>tr>td:last-child,
.sticky-table-header>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.sticky-table-header>.table-bordered>tbody>tr:last-child>th,
.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,
.sticky-table-header>.table-bordered>tbody>tr:last-child>td,
.sticky-table-header>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}


/* DatePicker Table */

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.questionnaireRep {
    display: none;
}

.questionnaireRep:first-child {
    display: block;
}

.onglets {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}


/* -------------------------------------------------------------*/


/* Gestion des erreurs */


/* -------------------------------------------------------------*/

#content>div.error {
    visibility: hidden !important;
    position: absolute;
}

a.error {
    display: none;
}

div.error {
    margin: 0 !important;
    display: none;
    border-width: 10px;
    border-style: solid;
}

div.error .title {
    display: block;
    height: 12px;
    padding: 4px 8px;
    background-position: top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


/* E_STRICT */

div.error>textarea {
    color: #F00;
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    font-weight: bold;
    border: 0;
}

div.error>textarea.sql {
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    height: 256px;
    background-color: #FFD;
    border: 1px solid #CCB;
    font-weight: normal;
}


/**************************************************************************************************************HEADER **************************************************************************************************************/

body {
    padding-top: 105px;
}

body.login {
    padding-top: 0px;
}


/**************************************************************************************************************HOME *******************************************************************************************************/

p.date span {
    text-decoration: underline;
    margin-left: 10px;
}


/**************************************************************************************************************TABLEAUX -**************************************************************************************************************/

.table-responsive>.table-bordered {
    border: 0;
}

.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}

.table-responsive[data-pattern="priority-columns"] {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-radius: 0px;
    border: none;
    -webkit-overflow-scrolling: touch;
}

.table-responsive[data-pattern="priority-columns"]>.table {
    margin-bottom: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered {
    border: 0;
}

table.table-small-font {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    line-height: 1.5em;
}

table.focus-on tbody tr:hover {
    cursor: pointer;
}

.sticky-table-header>.table>thead>tr>th,
.sticky-table-header>.table>tbody>tr>th,
.sticky-table-header>.table>tfoot>tr>th,
.sticky-table-header>.table>thead>tr>td,
.sticky-table-header>.table>tbody>tr>td,
.sticky-table-header>.table>tfoot>tr>td {
    white-space: nowrap;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none;
    padding: 6px;
}

.table>thead>tr>th {
    border-top: none;
    padding: 15px 6px 10px;
    background-color: #1b1b1c;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0;
    vertical-align: bottom;
    font-weight: 400;
}

.table>tbody>tr>.col-1,
.table>thead>tr>th.col-1 {
    padding-left: 15px;
}

.table>tbody>tr>td.col-2 {
    max-width: 88px;
}

.table>tbody>tr>td.col-3 {
    max-width: 80px;
}

.table>tbody>tr>td.col-6 {
    max-width: 140px;
}

.table>tbody>tr>td.col-10,
.table>thead>tr>th.col-10 {
    padding-right: 15px;
}

table>tbody>tr:hover {
    background-color: #ddd !important;
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}

.table-responsive>.table>tbody>tr>td.col-4,
.table-responsive>.table>tbody>tr>td.col-5 {
    white-space: nowrap;
}


/*** date picker ***/

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}


/* DatePicker Table */

.ui-datepicker table {
    width: 100%;
    background-color: #f7f7f7;
}

.ui-datepicker-header {
    /*background: url('/img/dark_leather.png') repeat 0 0 #000;*/
    color: #e0e0e0;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('/img/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: linear-gradient(top, #ededed 0%, #dedede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}


/**Stylesheet: Slideshow.cssCSS for Slideshow.License:MIT-style license.Copyright:Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).HTML:<div class="slideshow"><div class="slideshow-images" /><div class="slideshow-captions" /><div class="slideshow-controller" /><div class="slideshow-loader" /><div class="slideshow-thumbnails" /></div>Notes:These next four rules are set by the Slideshow script.You can override any of them with the !important keyword but the slideshow probably will not work as intended.*/

.slideshow-images img {
    float: left;
    left: 0;
    top: 0;
}


/**Notes:These are examples of user-defined styles.Customize these classes to your usage of Slideshow.*/

.slideshow {
    height: 300px;
    margin: 0 auto;
    width: 400px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "jquery-filer";
        src: url("/dyn.php?a=svg&svg=inc/Attachments/View/assets/fonts/jquery.filer-icons/jquery-filer.svg#jquery-filer") format("svg");
    }
}

[data-icon]:before {
    content: attr(data-icon);
}

[data-icon]:before,
.icon-jfi-ban:before,
.icon-jfi-calendar:before,
.icon-jfi-check:before,
.icon-jfi-check-circle:before,
.icon-jfi-cloud-o:before,
.icon-jfi-cloud-up-o:before,
.icon-jfi-comment:before,
.icon-jfi-comment-o:before,
.icon-jfi-download-o:before,
.icon-jfi-exclamation:before,
.icon-jfi-exclamation-circle:before,
.icon-jfi-exclamation-triangle:before,
.icon-jfi-external-link:before,
.icon-jfi-eye:before,
.icon-jfi-file:before,
.icon-jfi-file-audio:before,
.icon-jfi-file-image:before,
.icon-jfi-file-o:before,
.icon-jfi-file-text:before,
.icon-jfi-file-video:before,
.icon-jfi-files-o:before,
.icon-jfi-folder:before,
.icon-jfi-heart:before,
.icon-jfi-heart-o:before,
.icon-jfi-history:before,
.icon-jfi-infinite:before,
.icon-jfi-info:before,
.icon-jfi-info-circle:before,
.icon-jfi-minus:before,
.icon-jfi-minus-circle:before,
.icon-jfi-paperclip:before,
.icon-jfi-pencil:before,
.icon-jfi-plus:before,
.icon-jfi-plus-circle:before,
.icon-jfi-power-off:before,
.icon-jfi-question:before,
.icon-jfi-question-circle:before,
.icon-jfi-reload:before,
.icon-jfi-settings:before,
.icon-jfi-sort:before,
.icon-jfi-times:before,
.icon-jfi-times-circle:before,
.icon-jfi-trash:before,
.icon-jfi-upload-o:before,
.icon-jfi-user:before,
.icon-jfi-view-grid:before,
.icon-jfi-view-list:before,
.icon-jfi-zip:before {
    display: inline-block;
    font-family: "jquery-filer";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    /*text-rendering: optimizeLegibility;*/
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /* font-smoothing: antialiased;*/
}


/************************BOUTIQUE PAGE PANIER*************************/


/*bloc stat*/

.stat-content ul li a:hover::before,
.stat-content ul li a:focus::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d3d3d3;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content ul li.active a::before,
.stat-content ul li.active a:focus::before,
.stat-content ul li.active a:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content a {
    color: #1b1b1c;
}

.stat-content .tab-libel {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 0 015px 10px;
    border-right: 2px solid #aeaeae;
}

.stat-content .tab-evol {
    padding: 0 10px;
}

.stat-content .tab-evol i {
    padding: 10px 0;
}

.stat-content .tab-evol i {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: 00px;
    top: 00px;
    color: #7bc200;
    margin-right: 8px;
}

.stat-content .tab-evol .evol {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.stat-content .tab-evol .evol span {
    display: block;
}

.stat-content .tab-evol .evol .evol-chiffre {
    color: #7bc200;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
}

.stat-content .tab-evol .evol .evol-date {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.stat-content .evol-detail {
    padding: 10px 15px 0 0;
}

.stat-content .tabs .evol-detail div.no-evol {
    background-color: #901919
}

.stat-content .tab-content {
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px;
}

.stat-content .tab-content .table-bloc {
    overflow-y: scroll;
    max-height: 210px;
    border-bottom: 2px solid #d3d3d3;
    border-top: 2px solid #d3d3d3;
}

.stat-content .tab-content p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

.stat-content .tab-content .total {
    text-align: right;
}

.tab-content .table>tbody>tr:nth-child(2n) {
    background-color: #e8e8e8;
}

.bloc-filtre-container {
    margin-bottom: 0;
}


/************************BOUTIQUE *************************/

.boutique3 #sections.col-md-12,
.boutique3 #sections.col-sm-12,
.boutique3 #main-title.col-md-12,
.boutique3 #main-title.col-sm-12 {
    width: 50%;
    float: left;
}

.shop-box {
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 40px;
    margin-bottom: 20px;
    background: #fff;
}

.shop-box h3 {
    font: 32px/36px "Oswald", sans-serif, cursive;
    text-transform: none;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

.shop-box h3 img {
    float: right;
    position: relative;
    top: -10px;
}

.shop-box.categorie ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.shop-box.categorie ul li {
    margin-bottom: 10px;
}

.shop-box.categorie li a {
    display: block;
    position: relative;
    padding: 5px;
}

.shop-box.categorie li .image-cat {
    height: 124px;
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    overflow: hidden;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.shop-box.categorie li a:hover,
.shop-box.categorie li a:focus {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.shop-box.categorie li a:hover::before {
    border: 2px solid #ddd;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.shop-box.categorie li.leaf-3 .fa-caret-right::before {
    color: black;
}

.shop-box.categorie li.leaf-3 a {
    margin-left: 300px;
}

.shop-box.categorie li.leaf-3 .image-cat {
    display: none;
}


/************************Le petit panier*************************/

.panier {
    margin-top: 16px;
    position: fixed;
    width: 220px;
}

.boutique .btn-rouge {
    background: #1f2e55;
}

.boutique .btn-rouge:hover,
.boutique .btn-rouge:focus {
    background: #1b1b1c;
}

.boutique .btn-panier {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 15px 20px;
    width: 100%;
    margin-bottom: 20px;
}

.panier-content {
    background: #1b1b1c;
    padding: 5px;
    position: relative;
}

.panier-content::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1b1b1c;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    margin-left: calc(50% - 15px);
    top: -20px;
}

.panier-content-1 {
    background: #fff;
    padding: 15px;
}

.panier-vide .panier-panier {
    text-align: center;
}

.panier-vide .btn-panier,
.panier-vide .btn-panier:focus,
.panier-vide .btn-panier:hover {
    background-color: #ddadb6;
    color: #eed9dd;
}

.center {
    text-align: center;
}

.panier-content-1 h3 {
    padding: 10px;
}

.panier-content-1 p {
    font-weight: 400;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}


/************************BOUTIQUE PAGE PRODUITS*************************/


/*filtres*/

.filtre-tri input.search-box {
    width: 165px;
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

.filtre-tri a.tri-ok {
    color: #1b1b1c;
    margin-left: -34px;
    padding: 2px 10px 2px 5px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    margin-right: 5px;
}

.filtre-tri a.tri-raz {
    color: #1b1b1c;
    text-decoration: underline;
    font-size: 14px;
}

.filtre-tri a:hover,
.filtre-tri a:focus {
    color: #901919;
}

.filtre-tri .form-inline {
    float: right;
}

.filtre-tri .form-inline label {
    font-weight: 400;
}

.filtre-tri .form-inline select {
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

#cat-filter #filter_dcs {
    width: 200px;
}


/***articles de listing***/

.list-prod .total-cta .btn.full-width {
    display: inline-block;
    width: 100%;
}

.list-prod .total-cta .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 39px;
    line-height: 24px;
    padding: 0px 10px;
    float: left;
    margin-bottom: 10px;
    margin-right: 30px;
}

.list-prod .total-cta .quantite.promo {
    margin-top: 6px;
}

.list-prod .total-cta .quantite .qt-chiffre input,
#cart-order .quantite .qt-chiffre input {
    border: 0px;
    width: 26px;
    text-align: center;
    background-color: #f2f2f2;
}

.list-prod .total-cta .quantite .qt-chiffre input {
    width: 45px;
}

.list-prod .total-cta .total {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 0px;
    font-size: 16px;
    float: right;
    padding-top: 7px;
    margin-bottom: 11px;
    margin-right: 30px;
}

.list-prod .total-cta .total.promo {
    padding-top: 0px;
}

.list-prod.pager {
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}

.list-prod.pager a {
    padding: 0px 7px;
}


/************************BOUTIQUE PAGE PANIER*************************/

.recap .table>tbody>tr>td {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 15px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
}

a.repiq-view-file {
    margin-bottom: 10px;
    display: inline-block;
}

a.repiq-view-file i {
    padding-right: 5px;
}

#list-comments,
#list-comments div.comment-item {
    margin-bottom: 30px;
}

pre.p {
    background-color: #FFC;
    padding: 10px;
}

body>pre.p {
    margin: 77px 0 0;
}

body div.p {
    background-color: #FFC;
    font-family: Tahoma, Verdana, helvetica, sans-serif;
    color: black !important;
    font-size: 11px;
    position: absolute;
    box-shadow: #000 2px 2px 8px;
    z-index: 99;
    border: 1px solid #CCA;
    margin: 5px;
    line-height: 14px;
    text-align: left;
    padding: 0 !important;
    white-space: normal;
    width: auto !important;
}

body div.p a img,
body div._pb a img {
    padding: 0 !important;
    border: 0 !important;
    width: 15px !important;
    height: 15px !important;
}

body div.p p._p_title {
    float: none !important;
    margin: 0 0 5px 0 !important;
    padding: 4px 8px 4px 8px !important;
    background: #CCA !important;
    font-weight: bold;
    font-size: 12px;
    cursor: move;
    width: auto !important;
}

body div._pb p._p_title {
    display: none;
}

body div.p p._p_title a {
    float: right !important;
    margin-left: 19px !important;
    margin-right: -5px !important;
}

body div.p div,
body div._pb div {
    margin: 0 0 0 20px !important;
    padding: 0 5px 5px 0 !important;
    width: auto !important;
    color: black !important;
    text-transform: none;
}

body div._p_sub {
    margin-left: 10px;
    display: none;
}

body div.p span {
    font-size: 11px !important;
    text-transform: none !important;
}

body div.p span._p_key {
    position: absolute;
    width: 96px;
    display: inline-block !important;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
}

body div.p span._p_key span {
    border: 1px solid transparent;
}

body div.p span._p_key img {
    margin-left: 3px;
}

body div.p span._p_key.over {
    overflow: visible;
}

body div.p span._p_key.over span {
    background-color: white;
    border: 1px solid #EEB;
}

body div.p span._p_val {
    display: inline-block;
    padding: 1px 3px 1px 99px;
    border: 1px solid transparent;
}

body div.p span._p_val_null {
    color: #777 !important;
    font-weight: bold;
}

body div.p span._p_val_object {
    color: green !important;
    font-weight: bold;
}

body div.p span._p_val_resource {
    color: #008B8B !important;
    font-weight: bold;
}

body div.p span._p_val_string {
    color: red !important;
    font-family: monospace;
    line-height: 14px;
    display: block;
    float: right;
}

body div.p textarea._p_val_string {
    color: red !important;
    font-family: monospace;
    background-color: transparent;
    border: 0;
    font-size: 11px;
    margin: 0;
    float: right;
    line-height: 14px;
}

body div.p span._p_val_bool {
    color: #009 !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_int {
    color: #00F !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_float {
    color: #8B008B !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_count {
    color: #999 !important;
    font-style: italic;
    display: inline-block;
    width: 60px;
    float: left;
}

body div.p a,
body div._pb a {
    text-decoration: none;
    color: black !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body div.p a:hover,
body div.p a:hover span,
body div._pb a:hover,
body div._pb a:hover span {
    text-decoration: underline;
    color: #369;
}

body div.p div a img._p_tree {
    position: absolute;
    display: inline !important;
    padding: 0 !important;
    margin: 2px 0 0 -13px !important;
    width: 9px !important;
    height: 9px !important;
}

table._p_debug_backtrace {
    color: black;
    background-color: #EEE;
    margin: 10px;
    border-collapse: collapse;
}

table._p_debug_backtrace th,
table._p_debug_backtrace td {}

table._p_debug_backtrace th {
    padding: 3px 4px;
    background-color: #666;
    border: 1px solid #666;
    color: white;
}

table._p_debug_backtrace td {
    padding: 3px 4px;
    border: 1px solid #ccc;
}

table._p_debug_backtrace td._p_method {
    font-family: fixed, monospace;
}

table._p_debug_backtrace tr._p_first td._p_log_handler {
    color: #aaa;
}

table._p_debug_backtrace tr._p_first td._p_file {
    color: red;
    font-weight: bold;
}

#content table.list tr.th th.sort_asc a {
    background: none;
    border: 0;
    color: white;
}

#content table.list tr.th th.sort_desc a {
    background: none;
    border: 0;
    color: white;
}

#content table.list tr.th th a,
#content table.list tr.th th span,
.sortable a {
    background-color: #d0d0d0;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #c6c6c6;
    border-top: 1px solid #e6e6e6;
    color: black;
    display: block;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
}

#content table.list tr.th th a {
    background: none;
    border: none;
    font-weight: 400;
    color: #fff;
}

#content table.list tr.th th a:hover {
    background: none;
    border: none;
    font-weight: 400;
    color: #fff;
}

body.login {
    padding-top: 160px;
}

.ui-icon:before {
    content: "\f11d";
}

.dropdown-menu>li>a:hover {
    cursor: pointer;
}

h1.h1-open {
    font: 34px/36px "Istok Web", sans-serif, cursive !important;
    text-transform: uppercase;
    font-stretch: condensed;
    font-weight: 400;
    font-size: 34px;
    line-height: 36px;
    font-style: normal;
}

h1.h1-open {
    color: #ee1c25 !important
}

#content {
    padding-left: 100px;
    padding-right: 20px;
}

body.login #content {
    padding-left: 20px;
    padding-right: 20px;
}

div#wdp {
    text-align: center;
}

div#loginwd {
    display: inline-block;
    margin: auto;
}

@media screen and (max-width: 450px) {
    div#loginwd {
        width: 300px;
    }

    a.logo-login img {
        width: 250px;
    }
}

h1.h1-open,
div.ariane.hidden-sm.hidden-xs span,
div#form h2 {
    color: #1f2e55 !important;
}

div.row.NosAdresses h1.Titre-TypeAdresse {
    margin-left: 15px !important;
}

div.row.NosAdresses h2.Titre-TypeAdresse {
    margin-left: 15px !important;
    font-size: 22px !important;
}

div#row h1.h1-open {
    margin-left: 30px !important;
}

p.text-add.animationIndex span.infoTel i+a {
    color: #1f2e55 !important;
    text-decoration: none;
}

span.infoTel a {
    color: #1f2e55 !important;
    text-decoration: none;
}

button#add_event.btn.btn-agenda span {
    color: #1f2e55 !important;
}

button#add_event.btn.btn-agenda i {
    background-color: #1f2e55 !important;
}

span.event_type_color {
    background-color: #1f2e55 !important;
}


/*div.resto-libelle i, div.nom-libelle i, div.col-md-6.statut.statut-pas-ok.col-sm-6.col-xs-6 span i, div.alerte i{
    color: #1f2e55 !important;
	color: #909f1c !important;
}*/

span.visite-notif span a {
    color: #1f2e55 !important;
    text-decoration: none;
}

div.col-md-12.box-txt.titre-visite i,
div.col-md-12.box-txt i,
.bloc-news .box i.i-box {
    color: #fff !important;
    background-color: #1f2e55 !important;
}

tbody#content_tbody_franch_candidature tr td a {
    color: #1f2e55 !important;
    text-decoration: none;
}

.animationIndex>span>a:hover,
.animationIndex>span>a:focus {
    /*background-color: #9fabb3;*/
}


/*********************************************************************************************
scrollbar
**********************************************************************************************/


/* width */

::-webkit-scrollbar {
    width: 8px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* Home blocs D2A */
body {
    background-color: #e4e4e4;
}


/* HOME BLOCS CSS */

.home-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1em;
}

.large-home-form-bloc {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    min-width: 38em;
    padding: 1.5em 2em 3em 5em;
    background-color: #0379a4;
    border-radius: 6px;
    -webkit-box-shadow: 4px 2px 18px -13px #000000;
    box-shadow: 4px 2px 18px -13px #000000;
    width: 70%;
    margin-top: 1em;
}


.large-title-bloc {
    flex: 1;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    margin-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.small-home-bloc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff !important;
    font-size: 22px;
    padding: 1.5em;
    background-color: #0379a4;
    border-radius: 6px;
    -webkit-box-shadow: 4px 2px 18px -13px #000000;
    box-shadow: 4px 2px 18px -13px #000000;
    max-width: 9em;
    min-width: 9em;
    margin-top: 0.65em;
    margin-left: 0.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-multiple-buttons-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3px;
    flex: 1;
    margin-left: 2em;
}

.caption-and-image {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.form-caption {
    color: white;
    width: 95%;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 1em;
}

.form-home-button {
    display: block;
    width: 56px;
    height: 56px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    background: #9fabb3;
    margin: 2px 4px 2px 0;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.form-home-button:hover {
    cursor: pointer;
    background-color: #23527C;
    color: white;
    text-decoration: none;
}

.form-home-button-large {
    display: block;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: #9fabb3;
    margin: 2px 4px 2px 0;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.form-home-button-large:hover {
    cursor: pointer;
    background-color: #23527C;
    color: white;
    text-decoration: none;
}

.img-responsive {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.input-form-home {
    height: 4.2em;
    margin-top: 0.1px;
    margin-right: 2px;
    padding: 1.7em;
}

.input-form-home-large {
    height: 4.2em;
    margin-top: 0.1px;
    margin-right: 2px;
    margin-bottom: 1em;
    padding: 1.7em;
    width: 90%;
}

.home-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

.input-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1em;
}

.small-home-bloc:hover {
    cursor: pointer;
    background-color: #23527C;
    text-decoration: none;
    color: #fff !important;
    text-decoration: none;
}

.large-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.img-bloc-home {
    margin-top: 2em;
}

.small-title-bloc {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: bold;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 6 déc. 2018, 13:41:29
    Author     : cdelalande
*/



.tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color: #333;
    font-size: 14px;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .tooltip {
    background-image: none;
}
body .tooltip { border-width: 2px; }
/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
    position: absolute;
    background-color: white;
    display: none;
    z-index: 1000;
    text-align: left;
    box-shadow: 0 0 5px black;
}

.MultiBoxLoading {
    background: url(/dyn.php?a=img&src=mb_loader.gif) no-repeat center;
}

.MultiBoxContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.MultiBoxClose {
    position: absolute;
    top: 3px;
    right: 3px;
    background: url(/dyn.php?a=img&src=mb_close.png) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
}


.MultiBoxControlsContainer {
    overflow: hidden;
    height: 0;
    position: relative;
    padding: 0 10px;
    background-color: #444;
}

.MultiBoxControls {
    width: 100%;
    height: 32px;
    position: relative;
}


.MultiBoxPrevious {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_left.png) no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNext {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_right.png) no-repeat;
    width: 24px;
    height: 24px;
    right: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNextDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
    position: relative;
    margin: 10px 0 0 35px;
    float: left;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

.MultiBoxNumber {
    position: relative;
    width: 50px;
    margin: 10px 35px 0 0;
    float: right;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: right;
}

.MultiBoxDescription {
    clear: left;
    position: relative;
    margin: 0 35px 0 35px;
    padding-top: 5px;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: left;
}



/*************************************************************/

#MultiBoxContentContainer_product_zoom {
    padding: 12px;
}


/* -------------------------------------------------------------*/
/* Gestion des erreurs */
/* -------------------------------------------------------------*/

#content>div.error {
    visibility: hidden !important;
    position: absolute;
}

a.error {
    display: none;
}

div.error {
    margin: 0 !important;
    display: none;
    border-width: 10px;
    border-style: solid;
}

div.error .title {
    display: block;
    height: 12px;
    padding: 4px 8px;
    background-position: top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

div.error>p {
    background-repeat: no-repeat;
    background-position: 8px 8px;
    min-height: 48px;
    padding: 8px 8px 8px 64px;
    margin: 0;
    bottom: 0;
}

div.error span.line {
    color: #999;
    display: block;
}

/* E_ERROR, E_USER_ERROR et E_RECOVERABLE_ERROR */
div.e1,
div.e256,
div.e4096 {
    color: #F00;
    border-color: #FCC;
}

div.e1>p,
div.e256>p,
div.e4096>p {
    background-image: url(img/dialog_error.png);
}

/* E_NOTICE et E_USER_NOTICE */
div.e8,
div.e1024 {
    border-color: #5b6367;
}

div.e8>p,
div.e1024>p {
    background-image: url(img/dialog_info.png);
}

/* E_WARNING et E_USER_WARNING */
div.e2,
div.e512 {
    border-color: #FF9;
}

div.e2>p,
div.e512>p {
    background-image: url(img/dialog_warning.png);
}


/* E_STRICT */
div.e2048 {
    border-color: #CCC;
}

div.e2048>p {
    background-image: url(img/dialog_info.png);
}

div.error>textarea {
    color: #F00;
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    font-weight: bold;
    border: 0;
}

div.error>textarea.sql {
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    height: 256px;
    background-color: #FFD;
    border: 1px solid #CCB;
    font-weight: normal;
}
/* CSS Document */

#content form.frm tr.ft td.ftd.editable {
    padding: 0;
}

.mooeditable-container {
    position: relative;
}

.mooeditable-ui-toolbar {
    color: inherit;
    background-color: #eee;
    padding: 2px;
}

.mooeditable-ui-toolbar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mooeditable-ui-toolbar .toolbar-item,
.mooeditable-ui-toolbar .toolbar-separator {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button {
    cursor: pointer;
    border: 0;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
    color: inherit;
    background-color: transparent;
}

* html .mooeditable-ui-toolbar .mooeditable-ui-button {
    /* IE6 */
    width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

*:first-child+html .mooeditable-ui-toolbar .mooeditable-ui-button {
    /* IE7 */
    min-width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive {
    color: inherit;
    background-color: #ddd;
}

.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover {
    color: inherit;
    background-color: #fff;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled {
    cursor: default;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled:hover {
    color: inherit;
    background-color: transparent;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon {
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    color: inherit;
    background: transparent url(dyn.php?a=img&src=mooeditable-toolbarbuttons-tango.png) no-repeat 0 -8px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-text {
    display: none;
    font-size: 13px;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-icon {
    display: none;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-text {
    display: inline;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text {
    width: auto;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text .button-text {
    display: inline;
    margin-left: 4px;
}

.mooeditable-ui-toolbar .toolbar-separator {
    width: 1px;
    height: 24px;
    margin: 2px;
    text-indent: -999em;
    color: inherit;
    background-color: #fafafa;
}

.mooeditable-ui-toolbar .bold-item .button-icon {
    background-position: 0 0;
}

.mooeditable-ui-toolbar .createlink-item .button-icon {
    background-position: 0 -16px;
}

.mooeditable-ui-toolbar .indent-item .button-icon {
    background-position: 0 -32px;
}

.mooeditable-ui-toolbar .insertorderedlist-item .button-icon {
    background-position: 0 -48px;
}

.mooeditable-ui-toolbar .insertunorderedlist-item .button-icon {
    background-position: 0 -64px;
}

.mooeditable-ui-toolbar .italic-item .button-icon {
    background-position: 0 -80px;
}

.mooeditable-ui-toolbar .outdent-item .button-icon {
    background-position: 0 -96px;
}

.mooeditable-ui-toolbar .redo-item .button-icon {
    background-position: 0 -112px;
}

.mooeditable-ui-toolbar .strikethrough-item .button-icon {
    background-position: 0 -128px;
}

.mooeditable-ui-toolbar .toggleview-item .button-icon {
    background-position: 0 -144px;
}

.mooeditable-ui-toolbar .underline-item .button-icon {
    background-position: 0 -160px;
}

.mooeditable-ui-toolbar .undo-item .button-icon {
    background-position: 0 -176px;
}

.mooeditable-ui-toolbar .unlink-item .button-icon {
    background-position: 0 -192px;
}

.mooeditable-ui-toolbar .urlimage-item .button-icon {
    background-position: 0 -208px;
}

.mooeditable-iframe {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    vertical-align: top;
}

.mooeditable-textarea {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    resize: none !important;
    /* disable resizable textareas in Webkit */
    outline: 0 !important;
    /* disable focus ring in Safari */
}

.mooeditable-ui-dialog {
    color: inherit;
    background-color: #ddd;
    position: absolute;
    display: block;
    cursor: default;
    font-size: 12px;
    z-index: 100;
    width: 100%;
}

.mooeditable-ui-dialog .dialog-content {
    padding: 4px 10px;
}

.mooeditable-ui-dialog .dialog-content * {
    vertical-align: middle;
}

.mooeditable-ui-dialog input {
    margin: 0 8px;
}

.mooeditable-ui-dialog input.text {
    width: 300px;
}

.mooeditable-ui-button-overlay {
    color: inherit;
    background-color: #ddd;
    font-size: 12px;
    z-index: 100;
    outline: 0;
    -moz-outline: 0;
    -webkit-outline: 0;
}

.mooeditable-ui-button-overlay .overlay-content {
    padding: 10px;
}
.mooeditable-ui-toolbar .forecolor-item .button-icon {
    background: transparent url(dyn.php?a=img&src=mooeditable-toolbarbuttons-silk.png) no-repeat top left;
    background-position: 0 -192px;
}

.forecolor-overlay .overlay-content {
    padding: 4px 0 0 4px;
}

.forecolor-overlay .forecolor-colorpicker-color {
    line-height: 0;
    overflow: hidden;
    height: 12px;
    width: 12px;
    float: left;
    margin: 0 4px 4px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.forecolor-overlay .forecolor-colorpicker-color:hover {
    border-color: #000;
}

.forecolor-overlay .forecolor-colorpicker-br {
    display: block;
    clear: left;
}
/***
 *  - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino {
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(dyn.php?a=img&src=moor_cursor.gif);
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(dyn.php?a=img&src=moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}

/* CSS Document */

/* $Header: /var/lib/cvs/d2a/intranet/css/default.css,v 1.22 2013/10/17 08:23:46 fmarin Exp $ */


html {
    overflow-x: hidden;
}

body {
    background: #eee;
    height: 100%;
    font-family: Arial, helvetica, serif;
    font-size: 11px;
    margin: 0;
    padding: 0 10px 10px;
}

h1 {
    margin: 0;
}

h2 {
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

a img {
    border: 0;
}

input,
select,
textarea {
    font-family: Arial, helvetica, serif;
    font-size: 11px;
}

#content_help {
    height: 39px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 4px;
    width: 20px;
}

#logo {
    display: none;
}

/* -------------------------------------------------------------*/
/* Changement d'entité                                          */
/* -------------------------------------------------------------*/
#content_select_entity {
    background: #ccc;
    border-radius: 4px 4px 0 0;
    height: 44px;
    margin: 5px 4px 0px 0px !important;
    padding: 2px 2px;
    position: absolute;
    right: 13px;
    width: 352px;
}


#content_select_entity select {
    margin: 0;
    background-color: white;
    font-style: italic;
    border-radius: 4px 0 0 4px;
    padding: 2px 4px !important;
    opacity: 0.8;
    width: 238px;
    border: 0px;
}

#content_select_entity p {
    margin: 0px;
    padding: 2px 4px !important;
    color: white;
    /*text-align:right;*/
    font-weight: bold;

}

#content_select_entity:hover select,
#content_select_entity select:focus {
    color: black;
    font-style: normal;
    opacity: 1.0;
}

#content_select_entity input.button {
    border: 0px;
    font-weight: bold;
    font-size: 10px;
    padding: 2px;
    height: 20px;
    border-radius: 0 4px 4px 0;
}


/* -------------------------------------------------------------*/
/* Barre d'outils */
/* -------------------------------------------------------------*/
#content_toolbar {
    overflow-y: hidden;
    overflow-x: auto;
}

table.toolbar {
    width: auto;
    padding: 2px 0px 2px 4px;
    height: 28px;
    white-space: nowrap;
}

table.toolbar .lib {
    margin: 0px;
    padding: 0px 2px;
}

table.toolbar td.button {
    border: 1px solid transparent;
}

table.toolbar td.sep {
    width: 2px;
}

table.toolbar td.button img,
table.toolbar td.button input {
    padding: 2px;
}

table.toolbar td.button input {
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0px;
    width: 26px;
    height: 26px;
    background-position: 2px 2px;
    border: 0px;
    display: block;
}

table.toolbar td.button a,
table.toolbar td.button input {
    text-decoration: none;
    color: black;
    display: block;
    cursor: default;
}

table.toolbar td.button:hover {
    border-top: 1px solid white;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid white;
    background-color: #F5F1ED;
}

table.toolbar td.button a:active,
table.toolbar td.button a.active,
table.toolbar td.button input:focus {
    border-top: 1px solid #666;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid #666;
    background-color: #b6b6b6;
}

table.toolbar td.button_inactive a,
table.toolbar td.button_inactive input {
    cursor: default;
    border: 1px solid transparent;
}

table.toolbar td.button_inactive a:active,
table.toolbar td.button_inactive a.active {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

table.toolbar td.button_inactive:hover {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: default;
}

table.toolbar td.button_inactive span.lib {
    color: #b6b6b6;
}

table.toolbar td.button,
table.toolbar td.sep {
    margin: 0px 1px 0px 0px;
}

table.toolbar td.quickrech {
    margin-top: -3px;
    padding: 23px 0px 0px 101px;
    float: right;
    height: 24px;
    width: 206px;
    display: block;
    /*background-image:url(img/back_filter.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
    white-space: nowrap;
}

table.toolbar td.quickrech input[type=text] {
    border: 1px solid #666;
    height: 16px;
    margin: 0px;
    padding: 2px;
    display: block;
    float: left;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
}

table.toolbar td.quickrech input[type=submit],
table.toolbar td.quickrech input[type=button] {
    margin: 0px;
    background-color: #666;
    color: white;
    border: 1px solid #666;
    border-radius: 0 4px 4px 0;
    width: 32px;
    height: 22px;
    font-weight: bold;
    font-size: 11px;
}

table.toolbar td.quickrech input.quickrech_empty[type=text] {
    color: #999;
}

table.toolbar td.logout {
    margin: 0px;
    text-indent: 0px;
    text-align: right;
    width: auto;
}

table.toolbar td label.toolbar_confirm {
    display: none;
}

/* Barre d'outils : texte sous les icônes */
table.toolbar.iot {
    height: 42px;
    font-size: 9px;
}

table.toolbar.iot img {
    padding-bottom: 0px;
}

table.toolbar.iot td.button {
    text-align: center;
}

table.toolbar.iot td.button input {
    width: 64px !important;
    height: 40px !important;
    background-position: 50% 2px;
    display: block;
    margin-bottom: -40px;
    position: relative;
}

table.toolbar.iot td.sep img {
    width: 2px;
    height: 36px;
}

table.toolbar.iot span.lib {
    width: 60px;
    overflow: hidden;
    display: block;
    height: 14px;
    padding-top: 26px;
}

table.toolbar.iot a span.lib {
    padding-top: 0px;
}

/* Barre d'outils : texte à côté des icônes */
table.toolbar.ilt {
    overflow: hidden;
}

table.toolbar.ilt img {
    vertical-align: middle;
}

table.toolbar.ilt td.button input {
    vertical-align: middle;
    display: inline;
}

table.toolbar.ilt .lib {
    text-align: left;
    display: inline;
    padding-left: 2px;
}

table.toolbar.ilt td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* Barre d'outils : icônes seules */
table.toolbar.io .lib {
    display: none;
}

table.toolbar.io td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* Barre d'outils : textes seuls */
table.toolbar.to {
    overflow: hidden;
    height: 18px;
}

table.toolbar.to td.button input {
    background-image: none !important;
    background-color: transparent;
    position: absolute;
    width: 60px;
    height: 18px;
}

table.toolbar.to img {
    display: none;
}

table.toolbar.to td.sep img {
    display: inline;
    width: 2px;
    height: 14px;
}

table.toolbar.to .lib {
    float: none;
    padding: 2px;
    display: block;
    width: 60px;
    overflow: hidden;
    height: 14px;
}

table.toolbar.to td.quickrech {
    padding: 6px 0 0 101px;
    height: 28px;
}

/* -------------------------------------------------------------*/
/* Menu */
/* -------------------------------------------------------------*/
#hmenu {
    background: #666;
    border-radius: 0 0 8px 8px;
    box-shadow: 5px 5px 8px black;
    display: block;
    font-size: 11px;
    height: 31px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 10;
}

#drop_down_menu {
    display: block;
    position: absolute;
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: left;
    list-style-type: none;
    text-align: center;
    right: 10px;
    float: none;
    left: 0px;
    top: 0px;
}

#drop_down_menu p {
    padding: 0;
    margin: 0;
    display: inline;
}

#drop_down_menu p.menu_level_0 {
    font-size: 11px;
    margin: 0;
    text-align: center;
}

#drop_down_menu p.menu_level_0 a {
    color: white;
    display: block;
    padding: 9px 2px;
    text-decoration: none;
    margin: 0px;
    font-weight: bold;
    font-size: 11px;
}

#drop_down_menu li.submenu {
    float: left;
    padding: 0px;
    cursor: pointer;
    width: 110px;
}

#drop_down_menu li.submenu ul {
    text-indent: 0px;
    margin: 0;
    padding: 6px;
    list-style-type: none;
    z-index: 1000;
}

#drop_down_menu li.submenu>ul {
    visibility: hidden;
}

#drop_down_menu li.submenu div {
    background: white url(img/back_ext.png) repeat-x scroll top;
    box-shadow: 2px 2px 4px black;
    border-radius: 0 0 8px 8px;
    width: 220px;
}

#drop_down_menu li.submenu ul li {
    display: block;
    float: none;
    clear: both;
    list-style-type: none;
    list-style-position: outside;
    background-repeat: no-repeat;
    background-image: url(img/menu/22x22/.all.png);
    height: 22px;
    border: 4px solid white;
    border-radius: 5px;
}

#drop_down_menu li.submenu ul li a {
    display: block;
    color: black;
    padding: 5px 8px 0px 28px;
    text-decoration: none;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

#drop_down_menu li.submenu ul li:hover {
    border-color: #0379a4;
    background-color: #0379a4;
}

#drop_down_menu li.submenu ul li:hover a {
    color: white;
}

li.submenu ul li a:link,
li.submenu ul li a:visited,
li.submenu ul li a:active,
li.submenu ul li a:hover {
    color: black;
}

/* -------------------------------------------------------------*/
/* Page */
/* -------------------------------------------------------------*/
/* body > #content {
	clear:both;
	background-color:white;
	border-radius: 8px;
	box-shadow:5px 5px 8px black;
	margin-top:42px;
} */

#content h1,
#content h2,
#content h3,
#content p,
#navig {
    padding-left: 10px;
}

#content_img {
    position: absolute;
    margin-top: -5px;
    margin-left: 4px;
}

#content_title {
    display: none;
    background: #999;
    border-radius: 8px 8px 0 0;
    padding: 4px 10px 8px 64px;
}

#content_title h1 {
    color: white;
    margin: 0px;
    height: 27px;
    font-size: 22px;
}

#content form {
    margin: 0px;
}

#content_title #navig {
    margin: 0px 280px 0px 0px;
    color: white;
    line-height: 14px;
}

#content_div {
    overflow: auto;
    background-color: white;
}

#content table.icons {
    display: block;
    margin: 10px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

#content table.icons tbody.content_tbody {
    display: block;
    padding-left: 10px;
    height: 600px;
}

#content table.icons tr.th {
    display: none;
}

#content table.icons tr.tr {
    display: block;
    float: left;
    width: 72px;
    height: 72px;
    border: 1px solid #CCC;
    padding: 0px;
    margin: 0px 10px 42px 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#content table.icons tr.tr td {
    display: none;
}

#content table.list tr.tr td.lib {
    background-repeat: no-repeat;
    background-position: 40px 40px;
}

#content table.icons tr.tr td.lib {
    background-repeat: no-repeat;
    background-position: 50% 11px;
}

#content table.icons tr.tr td.lib,
#content table.icons tr.tr td.check {
    display: block;
    white-space: normal;
    vertical-align: middle;
    position: absolute;
    width: 72px;
    text-align: center;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 79px 0px 0px 0px;
    height: 28px;
    overflow: hidden;
}

#content table.icons tr.tr td a {
    display: block;
    position: absolute;
    margin: -76px 0px 0px 0px;
    padding: 76px 0px 0px 0px;
    width: 72px;
    height: 26px;
    color: black;
    text-decoration: none;
}

#content table.icons tr.tr td.lib:hover {
    text-decoration: underline;
}

#content table.list {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

#content table.list thead {
    height: 23px;
}

#content table.list tr.tr td img {
    vertical-align: middle;
    padding-right: 2px;
}

#content table.list tr.th th,
.sortable {
    font-weight: bold;
}

#content table.list tr.th th a,
.sortable a {
    background-color: #D0D0D0;
    background-repeat: no-repeat;
    background-position: 4px 50%;
    display: block;
    text-decoration: none;
    color: black;
    padding: 4px 6px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #e6e6e6;
    white-space: nowrap;
}

#content table.list tr.th th a:hover,
.sortable a:hover {
    background-color: #e6e6e6;
    border-top: 1px solid white;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    border-left: 1px solid white;
}

#content table.list tr.th th a:active,
.sortable a:active,
#content table.list tr.th th a:focus,
.sortable a:focus {
    border: 0px;
}

#content table.list tr.th th.sort_asc a {
    background-image: url(img/ar_bottom.gif);
    padding-left: 20px;
}

#content table.list tr.th th.sort_desc a {
    background-image: url(img/ar_top.gif);
    padding-left: 20px;
}

#content table tr.tr {
    cursor: pointer;
}

#content table.list tr.tr td {
    /*width:10%;*/
    padding: 3px 4px;
    overflow: hidden;
    white-space: nowrap;
}

#content table.list tr td.check {
    width: 1%;
    padding: 0 !important;
}

#content table.list tr.selected {
    background-color: #b6b6b6;
    color: white;
}

#content table.icons tr.selected {
    background-color: #b6b6b6;
}

#content tr.tr:hover {
    background-color: #e6e6e6;
}

#content table.list tr.selected:hover {
    background-color: #969696;
    color: white;
}

/* Barre de recherche */
#content table.list tr.ts {
    border-bottom: 1px solid #969696;
    height: 22px;
}

#content table.icons tr.ts {
    width: 100%;
    border: 1px solid #969696;
    display: block;
}

#content table.list tr.ts label {
    display: none;
}

#content table.icons tr.ts label {
    background-color: #D0D0D0;
    display: block;
}

#content tr.ts div.ftr {
    padding: 0px;
}

#content tr.ts div.ftr div {
    border-right: 1px solid #D0D0D0;
    padding: 0;
}

#content tr.ts input[type=text],
#content tr.ts select {
    background-color: white;
    margin: 0px;
    width: 100%;
    display: block;
    border: 0px;
    padding: 3px 4px;
}

#content tr.ts input[type=checkbox] {
    margin: 0px;
    width: auto;
}

#content tr.ts div.date select,
#content tr.ts div.date span {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    margin-right: 2px;
}

#content tr.ts div.date p {
    margin: 0px;
    padding: 0px;
}

#content tr.ts div.date select option {
    text-align: left;
}

#content tr.ts div.date input.calendar {
    width: auto;
}

/* Barre de navigation changement de n° page */
#content_tn {
    display: none;
}

#content_navig,
tr.tn {
    clear: both;
    background-color: #666;
    color: white;
    padding: 2px 0px;
    border-radius: 0 0 5px 5px;
}

#content_navig table {
    width: 100%;
}

#content_navig td.content_navig_lib,
tr.tn td {
    padding: 4px;
}

#content_navig td.content_navig_pages {
    padding: 0px;
    text-align: center;
}

/*#content table.icons tr.tn {
	display:block;
	margin-left:-10px;
}*/

#content_navig a,
tr.tn a {
    padding: 4px 8px;
}

#content_navig strong,
tr.tn strong {
    background-color: white;
    color: #666;
    margin: 2px 2px;
    padding: 2px 6px;
    vertical-align: middle;
    border-radius: 8px;
}

#content_navig a:link,
#content_navig a:active,
#content_navig a:visited,
tr.tn a:link,
tr.tn a:active,
tr.tn a:visited {
    text-decoration: none;
    color: white;
}

#content_navig a:hover,
tr.tn a:hover {
    text-decoration: underline;
    color: white;
}

#content_navig img,
tr.tn img {
    vertical-align: middle;
}

#content_navig select,
tr.tn select {
    border: 1px solid #333;
}

#content_navig img.navig_arrow,
tr.tn img.navig_arrow {
    border: 0px;
    width: 11px;
    height: 11px;
}

#content_navig td.content_navig_input {
    text-align: right;
    width: 180px;
    padding-right: 4px;
}

#content_navig td.content_navig_input input#content_page_input {
    border-radius: 4px 0 0 4px;
    border: 1px solid #333;
    padding: 2px 4px;
    height: 16px;
    font-size: 12px;
    margin: 0px;
    width: 20px;
    text-align: right;
}

#content_navig td.content_navig_input input#content_page_input_btn {
    border-radius: 0 4px 4px 0;
    background-color: #333;
    border: 1px solid #333;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    width: 24px;
}

/* Arborescence */
#tree {
    clear: both;
    float: left;
    overflow: auto;
    width: 256px;
    background-color: #D0D0D0;
    display: block;
    text-decoration: none;
    color: black;
    padding: 4px 6px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #e6e6e6;
    border-radius: 0 0 0 5px;
}

#tree img {
    border: 0px;
    vertical-align: middle;
}

#tree a {
    text-decoration: none;
    color: #5E5C58;
}

#tree a:hover {
    color: black;
}

#tree a.actif {
    font-weight: bold;
    color: black;
}

/* Autres éléments */
/*#content div.bottom {
	clear:both;
}
*/

/* Formulaire */
#content form.frm {
    padding: 0px;
    margin: 0px;
}

#content .form_tabs {
    margin: 0px 0px 0px 10px;
    height: 25px;
    text-indent: 0px;
    padding: 0px;
    border-right: 1px solid #CCC;
    /*	background: white url(img/back_tab_inactive.png) repeat-x scroll top;*/
}

#content .form_tabs select {}

#content .form_tabs li {
    list-style-type: none;
    float: left;
    text-indent: 0px;
    padding: 0px;
    background: white url(img/back_tab_inactive.png) repeat-x scroll top;
    overflow: hidden;
    width: 77px;

}

#content .form_tabs li a {
    text-align: center;
    margin: 0px;
    padding: 3px 4px;
    font-size: 12px;
    width: 67px;
    height: 19px;
    color: #42403D;
    border-left: 1px solid #CCC;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#content .form_tabs input.active,
#content .form_tabs li.active {
    background: white url(img/back_tab_active.png) repeat-x scroll top;
    font-weight: bold;
}

#content .form_tabs input.active,
#content .form_tabs li.active a {
    color: white;
}

#content .form_tabs input:hover,
#content .form_tabs li a:hover {
    color: black;
}

#content .form_tabs input:hover.active,
#content .form_tabs li.active a:hover {
    color: #FFF;
}

#content form.frm>table {
    border-top: 1px solid #D0D0D0;
    clear: both;
}

#content form.frm table {
    width: 100%;
}

#content form tr.ft {
    width: 100%;
    border-bottom: 1px solid #666;
}

#content form tr.ft th.fth,
#content form tr.ft td.ftd {
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    padding: 4px;
}

#content form tr.ft th.fth {
    width: 30%;
    padding: 0px;
    text-align: right;
}

#content form tr.ft th.fth>label {
    font-weight: bold;
    padding: 4px;
    color: #666;
}

#content form tr.ft th.fthpic,
#content form tr.ft th.fthgal {
    width: auto;
    padding: 8px;
    text-align: left;
    font-weight: normal;
}

#content form tr.ft td.ftd {
    width: 70%;
    padding: 4px;
    background-color: white;
}

#content form tr.ft td.ftd img.file_icon {
    float: left;
    margin-right: 4px;
}

#content form tr.ft td.ftd p {
    margin: 0px;
    padding: 0px;
}

#content form tr.ft td.ftd>input,
#content form tr.ft td.ftd>select,
#content form tr.ft td.ftd>textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin: 0px;
}

#content form tr.ft td.ftd>input[type=checkbox],
#content form tr.ft td.ftd>input[type=radio] {
    width: 100% !important;
}

#content form td.ftd label>input[type=checkbox],
#content form td.ftd label>input[type=radio] {
    margin: 0px 4px;
}

#content form tr.ft td.ftd>select option {
    background-color: white;
    padding: 0px;
    margin: 0px;
}

#content form tr.ft td.ftd>select {
    margin: -1px 0px;
}

#content form tr.ft td.ftd.earth {
    white-space: nowrap;
}

#content form tr.ft td.ftd.earth label {
    color: #999;
}

#content form tr.ft td.ftd.earth label[for$=_long] {
    margin-left: 10px;
}

#content form tr.ft td.ftd.earth input {
    text-align: right;
    width: 80px;
}

#content form tr.ft td.ftd.ad {
    background-color: transparent;
    text-align: center;
    width: auto;
    padding: 0;
}

#content form tr.ft td.ftd select option.fs_dir,
#content form tr.ft td.ftd select option.fs_file {
    height: 16px;
    padding-left: 19px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-position: top left;
}

#content form tr.ft td.ftd select option.fs_dir {
    font-weight: bold;
    background-image: url(img/folder.png);
}

#content form.frm tr.ft td.ftd.interval input {
    width: 32px;
    text-align: right;
    float: left;
}

#content form.frm tr.ft td.ftd.interval select {
    display: block;
    padding-left: 32px;
}

img.imgpreview {
    width: 64px;
    height: 64px;
    margin: 0px 4px 4px 0px;
    border: 1px solid #666;
    float: left;
}

img.imgpreview.wait {
    width: 16px;
    height: 16px;
    padding: 24px;
}

#content form th.back_minitab {
    background-color: #c3c3c3;
    padding: 10px;
    vertical-align: top;
    text-align: left !important;
}

#content form th.back_minitab table {
    border-right: 1px solid #666;
    width: auto;
}

#content form th.back_minitab table th.fth {
    border-left: 1px solid white;
    border-top: 1px solid white !important;
    background-color: #e6e6e6;
}


#content form table.minitab {
    border: 1px solid #999;
}

#content form table.minitab th {
    background-color: #999;
    color: #FFF;
    padding: 2px;
}

#content form table.minitab td {
    padding: 0px 3px;
    border-bottom: 1px solid #EEE;
    background-color: white;
}

#content form table.minitab td input.minitab_text {
    width: 100%;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

#content form table.minitab td textarea.minitab_textarea {
    border: 0px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
}

#content form table.minitab td select {
    width: 100%;
    background-color: white;
    border: 0px;
    padding: 2px 0px;
}

#content form table.minitab td.valint,
#content form table.minitab td.valfloat,
#content form table.minitab td input.valint,
#content form table.minitab td input.valfloat {
    text-align: right;
}

#content form table.minitab td.chk {
    text-align: center;
}

#content form table.minitab td.nolig {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    background-color: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#content form table.minitab td.ftdbuttons {
    background-color: #E6E6E6;
    width: 20px;
    border-radius: 4px;
    padding: 0px;
    border-bottom: 0px;
}

#content form input.minitab_del_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/del.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form input.minitab_add_button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
    color: transparent;
}

#content form input.minitab_update_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(img/ok.png);
    background-repeat: no-repeat;
    background-position: 0px;
}

#content form table.minitab td:first-child {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
    width: 20px;
}

#content form tr.priv th.fth {
    background-color: #cfdcf8 !important;
    border-bottom: 1px solid #99b4f0;
}

#content form tr.priv th.fth label {
    color: #1a47af;
}

#content form tr.priv td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #99b4f0;
    color: #1a47af !important;
    background: #edf3ff url(img/priv.png) no-repeat scroll center right;
    padding-right: 30px;
}

#content form tr.notweb th.fth {
    background-color: #fbefc8 !important;

    border-bottom: 1px solid #f8de8d;
}

#content form tr.notweb th.fth label {
    color: #ba8f0b;
}

#content form tr.notweb td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #f8de8d;
    color: #ba8f0b !important;
    background: #fdf8ea
        /* url(img/priv.png) no-repeat scroll center right*/
    ;
    padding-right: 30px;
}


#content form table#sfe tbody tr {
    cursor: pointer;
}

#content form tr.ft th.fth table.minitab {
    border: 1px solid #999;
}

#content form tr.ft th.fth table {
    text-align: left;
    font-weight: normal;
}

#content form td {
    /*vertical-align:top;*/
}

#content form tr.ft th.fth table tr:first-child th,
#content form tr.ft th.fth table tr:first-child td {
    border-top: 0px;
}

#content form div.fieldset h3 {
    cursor: default;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
    padding: 4px;
    background-color: #999999;
    background-image: url(img/back_ext0.png);
    background-repeat: repeat-x;
    background-position: top;
}

#content form div.fieldset hr {
    clear: both;
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

#content form div.fieldset input {
    border: 1px solid #999;
    padding: 2px;
}

#content form div.fielset table {}

#content form div.fieldset td {
    padding: 2px 4px 0px 4px;
    margin: 0px;
}

#content form table caption {
    background-color: #666 !important;
    border-radius: 5px 5px 0 0;
    color: white;
    white-space: nowrap;
}

#content form tr.buttons td {
    background-color: #666;
    height: 22px;
    padding: 8px;
    text-align: right;
    border-radius: 0 0 5px 5px;
    color: white;
}

#content form tr.buttons td input[type=button],
#content form tr.buttons td input[type=submit] {
    background-color: #ccc;
    /*	background:#E6E6E6 url(img/back_button1.png) repeat-x scroll;*/
    border: 2px solid #666;
    margin-right: 10px;
    height: 22px;
}

#content form tr.buttons td input:hover[type=button],
#content form tr.buttons td input:hover[type=submit] {
    background-color: #E6E6E6;
}

#content form tr.buttons td label {
    margin-right: 10px;
}

#content form tr.ft .ro {
    border: 0px;
    background-color: transparent;
}

#content form div.tddivfile {
    text-align: left;
}

#content form input.inputfile {
    display: block;
}

#navig a {
    color: white;
}

#shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background-color: #666;
    opacity: 0.6;
    z-index: 9;
}

/* -------------------------------------------------------------*/
/* Gestion des erreurs */
/* -------------------------------------------------------------*/

a.error {
    display: none;
}

div.error {
    margin: 0 !important;
    display: none;
    border-width: 10px;
    border-style: solid;
    border-radius: 8px 8px 0 0;
}

div.error .title {
    display: block;
    height: 12px;
    padding: 4px 8px;
    background-position: top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

div.error p {
    background-repeat: no-repeat;
    background-position: 8px 8px;
    min-height: 48px;
    padding: 8px 8px 8px 64px;
    margin: 0px;
    bottom: 0px;
}

div.error span.line {
    color: #999;
    display: block;
}

/* E_ERROR, E_USER_ERROR et E_RECOVERABLE_ERROR */
div.e1,
div.e256,
div.e4096 {
    /* 	border:1px solid #4C1400; */
    color: #F00;
    border-color: #FCC;
}

div.e1 p,
div.e256 p,
div.e4096 p {
    background-image: url(img/dialog_error.png);
}

/* E_NOTICE et E_USER_NOTICE */
div.e8,
div.e1024 {
    border-color: #69F;
}

div.e8 p,
div.e1024 p {
    background-image: url(img/dialog_info.png);
}

/* E_WARNING et E_USER_WARNING */
div.e2,
div.e512 {
    border-color: #FF9;
}

div.e2 p,
div.e512 p {
    background-image: url(img/dialog_warning.png);
}


/* E_STRICT */
div.e2048 {
    border-color: #CCC;
}

div.e2048 p {
    background-image: url(img/dialog_info.png);
}

div.error textarea {
    display: block;
    width: 100%;
    white-space: pre;
    font-family: -moz-fixed, monospace;
    height: 256px;
    background-color: #FFD;
    border: 1px solid #CCB;
}

/* -------------------------------------------------------------*/
/* Menus de la page */
/* -------------------------------------------------------------*/
div.smenu {
    margin-left: 10px;
    /*clear:both;*/

}

div.smenu a {
    float: left;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #DDD;
    margin-right: 10px;
    padding: 4px;
    width: 144px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    background-color: #F6F6F6;
}

div.smenu a:hover {
    background-color: white;
    color: black;
}

div.smenu a span {
    background: #F6F6F6 url(img/menu/64x64/.all.png) no-repeat scroll;
    display: block;
    height: 64px;
    width: 64px;
    margin: 0 auto 4px auto;
}

div.smenu a:hover span {
    background-color: white;
}

#frm {
    margin: auto;
    position: absolute;
    width: 760px;
    height: 450px;
}

/* Tous les objets class="hidden" */
.hidden {
    display: none;
}

/******** Auto completer *********/

ul.autocompleter-choices {
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 1px solid #b6b6b6;
    text-align: left;
    z-index: 50;
    background-color: #fff;
}

ul.autocompleter-choices li {
    position: relative;
    margin: -2px 0px 0px 0px;
    padding: 3px 5px;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1em;
    clear: both;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #e6e6e6;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #C83728;
}

span.autocompleter_valmod_art,
span.autocompleter_valmod_ref_delta {
    width: 46px;
    float: left;
    display: block;
    border-right: 1px solid #CCC;
    padding: 3px 5px;
}

span.autocompleter_valmod_lib {
    padding: 3px 5px 3px 61px;
    /* 	float:left; */
    display: block;
}

ul.autocompleter-choices li {
    padding: 0px;
}

#wait img {
    margin-top: 20px;
}

/* Multi upload */
#content form.frm tr.ft td.ftd ul.mf_list {
    padding: 0 0 3px 0;
    margin: 0;
    display: table;
}

#content form.frm tr.ft td.ftd ul.mf_list li {
    list-style-type: none;
    display: table-row;
}

#content form.frm tr.ft td.ftd ul.mf_list li span {
    border-bottom: 1px solid #CCC;
    display: table-cell;
    padding: 3px 2px;
    vertical-align: middle;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-title {
    width: 128px;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-size {
    width: 64px;
    text-align: right;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-del {
    width: 20px;
}

#content form.frm tr.ft td.ftd ul.mf_list li span.file-del img {
    vertical-align: middle;
}

div.ts {
    float: left;
    width: 256px;
}

div.ts p label {
    display: block;
}

#filters_tyres {
    width: 170px;
    max-width: 170px;
}

#filters_tyres th {
    color: white;
    background: url("img/back_fam1.png") repeat-x scroll center bottom #244F6C;
    font-size: 9px;
    font-weight: normal;
    padding: 4px 0px;
    overflow: hidden;
    white-space: nowrap;
}

#filters_tyres td {
    vertical-align: middle;
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    background-color: white;
    font-weight: bold;
    padding: 0;
    border-right: 1px solid #666;
}

#filters_tyres input {
    border: 0;
    padding: 1px 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

#filters_tyres #filters_largeur {
    width: 34px;
}

#filters_tyres #filters_serie {
    width: 24px;
}

#filters_tyres #filters_diametre {
    width: 17px;
    text-align: left;
}

#filters_tyres #filters_indice_charge {
    width: 24px;
}

#filters_tyres #filters_indice_vitesse {
    width: 21px;
}

#filters_tyres input.del_filter {
    padding: 0;
}

#content_title h1 {
    text-shadow: black 2px 2px 4px;
}

#content form.frm tr.ft {
    background-color: #E6E6E6;
}

.MultiBoxNumber {
    width: 64px;
}

.MultiBoxDescription {}

#content_tsearch_st_art {
    background: url("img/back_ts.png") repeat-x scroll center top #758a9c;
}

#content_fam {
    background-color: #555;
    float: left;
    height: 675px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 170px;
}

#content_fam ul {
    margin: 0;
    padding: 0;
}

#content_fam ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#content_fam ul li a {
    display: block;
    padding: 3px 5px;
    background: url("img/back_fam0.png") repeat-x scroll center bottom #244f6c;
    color: #ddd;
    text-decoration: none;
    border-right: 1px solid black;
}

#content_fam ul li a:hover,
#content_fam ul li a.active {
    background-image: url("img/back_fam1.png");
    color: white;
}

#content_fam ul li a.active {
    font-weight: bold;
}

#content_fam ul li ul li a {
    background: none white;
    border-bottom: 1px solid #B2B2B2;
    color: black;
    border-right: 1px solid #B2B2B2;
}

#content_fam ul li ul li:first-child a {
    background: url("img/back_ext.png") repeat-x scroll center top white;
}

#content_fam ul li ul li a:hover,
#content_fam ul li ul li a.active {
    background: none #0379a4;
    color: white;
    border-bottom: 1px solid #275573;
    border-right: 1px solid #275573;
}

#content_fam ul li ul li a.active {
    font-weight: bold;
}

#morph_add_to_caddie {
    position: absolute;
    background-color: #B6B6B6;
}

#toolbar_icon_icons,
#toolbar_icon_list {
    display: none;
}

#browser {
    background-color: #e7e7e7;
    border-radius: 0 0 6px 6px;
    height: 40px;
    padding: 2px 4px;
    position: absolute;
    right: 17px;
    top: 95px;
    width: 348px;
    z-index: 1000;
    font-weight: bold;
    color: red;
}

#browser img {
    vertical-align: middle;
}

#home_mm1 {
    padding: 0px 0px 0px 4px;
    position: absolute;
    left: 190px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    border-left: solid 2px #CCCCCC;
    height: 53px;
    line-height: 17px;
    top: 42px;
}

#home_mm2 {
    padding: 0px 0px 0px 4px;
    position: absolute;
    left: 460px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    height: 53px;
    line-height: 17px;
    top: 42px;
}

#home_mm2 img {
    vertical-align: middle;
}


/**************************************************************************************************************
GENERAL
**************************************************************************************************************/

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.42857 !important;
    font-weight: 300 !important;
    /*background-color: #f2f2f2 !important;*/
    background-color: rgb(242, 242, 242);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    min-height: 100%;
    position: relative;
    padding-bottom: 8em;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

h1 {
    font: 34px/36px "Istok Web", sans-serif, cursive !important;
    margin: 0 0 10px !important;
}

h1.h1-open {
    font: 700 30px/32px 'Istok Web', sans-serif !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
}

h2 {
    font: 26px/28px "Istok Web", sans-serif, cursive;
    margin: 0 0 10px
}

h3 {
    font: 700 22px/24px 'Istok Web', sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px
}

a {
    font-weight: 500;
    color: #1f2e55
}


/*a:hover, a:focus {
    color:  #ee1c25;
}*/

.rouge {
    color: #1f2e55 !important
}

.bg-rouge {
    background-color: #1f2e55 !important;
}

.gris-clair {
    color: #e5e5e5 !important;
}

.bg-gris-clair {
    background-color: #e5e5e5 !important;
}

.gris-fonce {
    color: #1b1b1c !important;
}

.bg-gris-fonce {
    background-color: #1b1b1c !important;
}

.gris-inter {
    color: #737373 !important;
}

.bg-gris-inter {
    background-color: #737373 !important;
}

.clear {
    clear: both;
}

.btn {
    border-radius: 0;
    border: none;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 15px 20px;
    white-space: initial;
}

.dropdown-menu {
    right: 0 !important;
    left: auto;
    width: 80%;
}

.menu-alert {
    width: auto !important;
}

.dropdown-menu-right {
    margin: -5px 5px 5px 5px;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    margin-top: 16px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #1f2e55;
}

.navbar-collapse {
    max-height: 100% !important;
}

#content table.list tr.selected {
    background-color: #767676 !important;
}

#content table.list tr.selected td {
    color: white !important;
}

#content table tr.tr {
    cursor: pointer;
}

#form {
    font-size: 14px !important;
}

#content_navig,
tr.tn {
    background-color: #1b1b1c !important;
    clear: both;
    color: #fff;
    padding: 15px 6px 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
}

#content_navig table :hover {
    background-color: transparent !important;
}

#content_navig td.content_navig_input input#content_page_input {
    border: 1px solid #333;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    height: 19px;
    margin: 0 10px;
    padding: 2px 4px;
    text-align: right;
    width: 32px;
    color: #000000;
}

#content_navig td.content_navig_input input#content_page_input:hover {
    background-color: #ffffff !important;
}

#content_navig strong:hover {
    background-color: white !important;
}

#content_navig td.content_navig_input input#content_page_input_btn {
    padding: 0;
}


/**************************************************************************************************************
HEADER **************************************************************************************************************/


/*.navbar-brand img {
    display: inline-block !important;
    vertical-align: top;
    float: none;
    position: relative;
    z-index: 1000;
    top: -5px;
    width: 216px;
    height: 65px;
    margin-right: 15px;
}*/


/*.navbar-brand {
    height: 65px !important;
    line-height: 65px !important;
    padding:5px 0 0 !important;
}
.navbar-brand h1 {
    display: inline-block;
    vertical-align: top;
    float: none;
    color: #fff;
    font-size: 48px;
    padding-top: 10px;
}*/


/*.navbar-fixed-top {
    border: none !important;
}

#navbar {
    background: #901919;
    margin-top: 5px;
    padding: 5px 10px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li.menu-ajout  {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0 ;
    border-right:1px solid rgba(255, 255, 255,0.2);
}
.navbar-inverse .navbar-nav > li > a i {
    font-size: 25px;

}*/


/*.navbar-inverse .navbar-nav > li.menu-plus > a i {
    font-size: 20px;
}
.navbar-nav > li > a {
    padding: 10px;
    margin:0 0;
}*/


/*.navbar-nav .menu-plus a{
    color:#fff !important;
}*/


/*.navbar-inverse .navbar-nav > li.menu-ajout > a:hover ,.navbar-inverse .navbar-nav > li.menu-ajout > a:focus, .navbar-inverse .navbar-nav > li.menu-plus a:hover, .navbar-inverse .navbar-nav > li.menu-plus a:focus {
    background-color: rgba(255,255,255,0.4);
}
.navbar-inverse .navbar-nav > li.menu-plus {
    margin-top: 2px;
    margin-left: 5px;
}
.navbar-inverse .navbar-nav > li.menu-user > a:hover, .navbar-inverse .navbar-nav > li.menu-user > a:focus {
    background-color: #fff;
    color: #1b1b1c;
}*/


/*.menu-user .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

}*/


/*.menu-user .dropdown-menu>li>span
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #4d4d50;
    white-space: nowrap;
}*/

.alert-nb {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 13px;
    text-align: center;
    top: 4px;
}


/**************************************************************************************************************
SIDEBAR **************************************************************************************************************/


/*#sidebar ul  {
    list-style: none;
    padding: 0;
}
#sidebar ul li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 5px;
    text-transform: uppercase;
}
#sidebar ul li a:hover,#sidebar ul li a:focus,#sidebar ul li a.active {
    background-color: #fff;
    text-decoration: none;
    color: #901919;
}
#sidebar ul li + li  a {
    border-top: 1px solid #e5e5e5;

}
#sidebar ul li a i{
    font-size: 18px;
    text-align: left;
    width: 35px;
    padding-left: 5px;
    color: #901919;
}*/


/**************************************************************************************************************
FIL ARIANE **************************************************************************************************************/

.ariane {
    text-transform: uppercase;
    color: #ac182a;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ariane a {
    color: #737373;
}

.ariane i {
    color: #ac182a;
    margin-right: 0px;
    margin-left: 8px;
}

.ariane a i {
    color: #e5e5e5;
}


/**************************************************************************************************************
HOME *******************************************************************************************************/

.box {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
}

.box-content {
    background-color: #fff;
    padding: 50px;
    margin: 40px;
    position: relative;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
}

.box-head {
    margin: 0 40px;
}

.box-head h2 {
    color: #454544;
}

a.suite {
    font-weight: bold;
    margin-left: 5px;
}

.box i.i-box {
    position: absolute;
    left: -73px;
    top: -73px;
    height: 76px;
    width: 76px;
    font-size: 30px;
    line-height: 76px;
    text-align: center;
    border-radius: 50%;
    background-color: #454544;
    color: #fff;
}

.box-content a span {
    color: #1b1b1c;
    text-decoration: underline;
    margin: 0 20px 0 0;
}

.box-content a i {
    font-size: 20px;
    margin-right: 3px;
}

.box-content a.more:hover,
.box-content a.more:hover span {
    text-decoration: none;
    color: #1f2e55;
}

.box-content p {
    margin-bottom: 20px;
}

.box-content .box-img {
    padding: 16px;
    border: 1px solid #ccc;
}

.box-content .box-img img {
    margin: 0 auto;
}

.box-drop {
    position: absolute;
    right: 20px;
    top: -30px;
}

.box-drop button {
    border: none;
    background-color: transparent;
}

.box-mot {
    margin-top: 10px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.rond-apo {
    font: 70px /53px "Oswald", sans-serif, cursive;
    width: 53px;
    height: 53px;
    line-height: 76px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #1f2e55;
    color: #fff;
}

.rond-apo span {
    left: -3px;
    position: relative;
    top: 7px;
}

.box-mot p.mot,
.box-mot p.mot-titre {
    font: 30px /36px "Oswald", sans-serif, cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.box-mot p.mot-message {
    font: 21px /36px 'Open Sans', cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.box-mot p.mot-president {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.box-mot p.mot-president span {
    padding: 0 10px;
}

.box-mot p.mot-president:before,
.box-mot p.mot-president:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    background-color: #868687;
}

.box-mot p.mot-president:before {
    margin-left: -50%;
    text-align: right;
}

p.date {
    margin-top: 20px;
}

p.more {
    margin-bottom: 00px;
}

.box h3 {
    margin-bottom: 20px;
}

.plus-article {
    text-align: center;
    height: 75px;
    width: 75px;
    line-height: 75px;
    display: table;
    margin: 50px auto;
    border-radius: 50%;
    background-color: #dcdcdc;
    font-size: 30px;
    color: #1b1b1c !important;
}

.plus-article:hover,
.plus-article:focus {
    background-color: #1f2e55;
    color: #fff !important;
}


/**************************************************************************************************************
FOOTER **************************************************************************************************************/

footer {
    display: none;
}


/**************************************************************************************************************
LOGIN **************************************************************************************************************/

body.login,
body.forget_password {
    background: rgba(0, 0, 0, 0) url("/img/D2A_background.png") repeat center top fixed;
    /* background-size: cover; */
    padding-top: 160px;
    color: #737373;
}

.fond {
    background: rgba(0, 0, 0, 0) url("/img/bg-login-2.png") repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.logo-login {
    display: block;
    margin: -80px auto 20px;
    text-align: center;
}

.logo-login img,
body.forget_password img {
    max-width: 350px;
}

.login-box {
    background: #fff;
    border-top: 5px solid #1f2e55 !important;
    padding: 0 70px 40px;
    -webkit-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.25);
}

body.login .form i.fa-intra-lock,
body.login .form i.fa-intra-usr,
body.forget_password i.fa-intra-usr {
    color: #1f2e55 !important;
}

body.login input.btn-login {
    background-color: #1f2e55 !important;
}

body.login input.btn-login:hover,
body.login input.btn-login:focus,
body.forget_password form .buttons input:hover {
    background-color: #9fabb3 !important;
}

body.forget_password div#row {
    border-top: 5px solid #1f2e55 !important;
}

body.forget_password h2 {
    color: #1f2e55 !important;
}

body.login .oublie a.mdp-oublie:hover,
body.login .oublie a.mdp-oublie:focus {
    text-decoration: none;
    color: #1f2e55 !important;
}

#content_select_entity {
    display: none;
}

body.login footer {
    display: none;
}

#content_title h1 {
    display: none;
}


/**************************************************************************************************************
TABLEAUX -**************************************************************************************************************/

.check {
    display: none;
}

.dropdown-menu>li.checkbox-row {
    padding: 5px 20px;
}

.dropdown-menu li.checkbox-row {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu li.checkbox-row label {
    font-weight: normal;
}

.dropdown-menu li.checkbox-row:hover,
.dropdown-menu li.checkbox-row input:hover,
.dropdown-menu li.checkbox-row label:hover {
    cursor: pointer;
}

.no-touch .dropdown-menu>.checkbox-row:hover,
.no-touch .dropdown-menu>.checkbox-row:active {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.btn-toolbar {
    margin-bottom: 10px;
}

.lt-ie8 .btn-toolbar {
    display: none;
}

.table-responsive {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.table-responsive>.table {
    margin-bottom: 0;
    font-weight: 400;
    color: #1b1b1c;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,
.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority],
.mq.js.lt-ie10 .sticky-table-header th[data-priority],
.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority],
.mq.js.lt-ie10 .sticky-table-header td[data-priority] {
    display: none;
}

.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],
.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],
.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display: inline;
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],
.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],
.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display: table-cell;
}

@media screen and (min-width:480px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
        display: table-cell;
    }
}

@media screen and (min-width:640px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
        display: table-cell;
    }
}

@media screen and (min-width:800px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
        display: table-cell;
    }
}

@media screen and (min-width:960px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
        display: table-cell;
    }
}

@media screen and (min-width:1120px) {

    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
    .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],
    .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
        display: inline;
    }

    .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],
    .mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],
    .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],
    .mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
        display: table-cell;
    }
}

table.focus-on tbody tr.unfocused th,
table.focus-on tbody tr.unfocused td {
    color: #999;
    color: rgba(0, 0, 0, 0.4);
}

table.focus-on tbody tr.focused th,
table.focus-on tbody tr.focused td {
    background-color: #aaa;
    color: #000;
}

table th.col-hide,
table td.col-hide {
    display: none;
}

table th.col-show,
table td.col-show {
    display: inline;
}

.lt-ie9 table th.col-show,
.lt-ie9 table td.col-show {
    display: table-cell;
}

.lt-ie9 table.display-all th,
.lt-ie9 table.display-all td {
    display: inline !important;
}

table.display-all th,
table.display-all td {
    display: table-cell !important;
}

.sticky-table-header {
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 990;
    overflow: hidden;
    min-width: 100%;
}

.lt-ie10 .sticky-table-header.fixed-solution {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: content-box;
    border-bottom: none;
}


/************************color button attachement**********************************/

div.jFiler-input-dragDrop div.jFiler-input-inner a.jFiler-input-choose-btn {
    color: #ededed !important;
    border-color: #ededed !important;
}

div.jFiler-input-dragDrop div.jFiler-input-inner a.jFiler-input-choose-btn:hover {
    background-color: #ededed !important;
    color: #fff !important;
    text-decoration: none;
}

a.icon-jfi-trash.jFiler-item-trash-action {
    color: #ededed !important;
}

li span.jFiler-item-others i {
    color: #ededed !important;
}

td.ftd a {
    color: #ededed !important;
    text-decoration: none !important;
}


/************************color  button**********************************/

input#btn_insert,
input#btn_cancel,
input#btn_update,
input#btn_opening,
input#btn_cancel_custom {
    background-color: #1f2e55 !important;
    border: none !important;
}


/************************color icon button**********************************/

.btn-table i {
    color: #1f2e55;
}

.btn-table {
    background-color: #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f2e55;
    padding: 10px 15px;
    min-height: 40px;
    margin-bottom: 4px;
}

.btn-table:hover,
.btn-table:focus,
.btn-table:hover i,
.btn-table:focus i {
    background-color: #1f2e55;
    color: #fff;
}

.btn-table .caret {
    margin-left: 5px;
    color: #ca969a;
}

.btn-toolbar {
    margin-right: 2px;
}

.table-wrapper {
    position: relative;
}

.toolbar2 {
    position: relative;
    z-index: 100;
    margin-top: 30px;
}

.toolbar2 .left {
    float: left;
}

.toolbar2 .right {
    float: right;
}

.toolbar2 .btn i {
    font-size: 20px;
}

@media screen and (max-width:1200px) {
    .btn-table {
        background-color: #e5e5e5;
        border-radius: 4px;
        color: #1f2e55;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 4px;
        min-height: 40px;
        padding: 10px;
    }
}

#close_button {
    background: #9fabb3;
    color: white;
}

#back_ent_button {
    background: #9fabb3;
    color: white;
}

#back_ent_button:hover,
#back_ent_button:focus,
#close_button:hover,
#close_button:focus {
    background: #1f2e55;
}


/**************************************************************************************************************
RESPONSIVE -**************************************************************************************************************/

@media (max-width: 1200px) {
    .box-content .box-img {
        padding: 8px;
    }

    .box-content {
        margin: 30px;
        padding: 30px;
    }

    .box i.i-box {
        background-color: #454544;
        border-radius: 50%;
        color: #fff;
        font-size: 25px;
        height: 60px;
        left: -44px;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: -54px;
        width: 60px;
    }

    .box-drop {
        position: absolute;
        right: 8px;
        top: 7px;
    }

    .box {
        margin-top: 75px;
    }
}

@media (max-width: 768px) {
    body.login {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%;
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .box-content {
        margin: 0;
        padding: 20px;
    }

    /*    .navbar-brand {
            margin-left: 10px;
        }*/
    /*    .navbar-brand h1 {
            font-size: 26px;

        }*/
    /*    .navbar-brand img {
            margin-right: 5px;
            width: 73px;
        }*/
    .box-head h2 {
        float: none !important;
    }

    .box-txt {
        text-align: center;
    }

    .i-box {
        position: initial !important;
        margin: 0 auto 15px;
    }

    .box-head {
        margin: 0 20px;
        text-align: center;
    }

    .box {
        margin-top: 75px;
    }
}

#map_canvas {
    width: 100%;
    height: 500px;
}

.liens a {
    width: 100%;
    font-size: 0.79em;
    text-transform: none;
    padding: 5px;
    margin: 3px;
}

.panel-body {
    background: white;
    padding: 15px;
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}

#img_actuelle img {
    max-width: 600px;
    max-height: 500px;
}

.theme label,
.theme input[type="text"] {
    width: 100%;
}

.planaction label,
.planaction input[type="text"] {
    width: 100%;
}

.sstheme {
    margin-left: 5%;
}

.action_sondage,
.action_plan {
    float: right;
    position: relative;
    height: 44px;
}

.reponseBool {
    text-align: center;
}

.questionRep input[type=radio] {
    position: relative;
    left: 30px;
    top: 3px;
}

.questionRep input[type=radio]+label {
    display: inline-block;
    margin: 10px -2px;
    padding: 4px 30px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.questionRep input[type=radio]:checked+label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e0e0e0;
}

.footerAnimRest {
    clear: both;
    padding-top: 1.0em;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.theme .btnOrder {
    text-align: center;
    margin-top: 2.5em;
}

.dropdown-toggle .fa-ellipsis-v {
    font-size: 1.50em;
}

.infoAdresse {
    padding-left: 0.90em;
}

.planaction .btnOrder {
    text-align: center;
    margin-top: 9.5em;
}


/* DatePicker Table */

.planaction th {
    vertical-align: middle !important;
    text-align: center;
}

.infobulle {
    position: absolute;
    display: inline-block;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    padding: 15px;
    border-radius: 3px;
}

.table a[href^="mailto:"] {
    font-weight: 500;
}

.titre-adresse {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.2em;
    margin-bottom: 1em;
}

.row {
    /*margin-bottom: 5%;*/
}

#content_title {
    background: none;
    height: auto;
    padding-left: 0px;
}

#content_title #navig {
    padding-bottom: 25px !important;
}

a:link,
a:visited,
a:active,
a:hover {
    color: none;
}

div.right a.btn.btn-table i {
    color: #1f2e55 !important;
}

div.right a.btn.btn-table:hover i,
div.right a.btn.btn-table:hover {
    color: #fff !important;
}

.btn-default {
    color: #fff !important;
    background-color: #1f2e55;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default[disabled]:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus {
    background-color: #9fabb3 !important;
}

.edit-sujet:hover,
.edit-cr:hover {
    background-color: #1f2e55 !important;
}

.modalClose:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.selectpicker {
    margin-bottom: 4px;
}

.tableGlobal {
    margin-top: 3em;
    margin-left: 2em;
    float: left;
}

.tableGlobal tr {
    height: 5em;
    font-size: 1.5em;
}

.tableGlobal tr td {
    width: 6em;
}

.tableDetail {
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 2em;
    float: right;
}

.graphSynthese {
    clear: both;
    margin-bottom: 3em;
}

#content_img {
    display: none;
}

#questionnaire[multiple] {
    height: 200px !important;
}

.txtSaveOk {
    color: green;
    font-weight: bold;
    margin-top: 50px;
}

.txtSaveOff {
    color: red;
    font-weight: bold;
    margin-top: 50px;
}

.menu-user .dropdown-menu {
    max-height: 500px;
    overflow: auto;
}

.Titre-TypeAdresse {
    font-size: 26px !important;
    /*margin-top: 10px !important;*/
}

#content h2 {
    background: none !important;
    /*font-size:20px;*/
}

tr.buttons td input[type=submit] {
    background-color: #1f2e55 !important;
}

#btn_cancel_custom {
    background-color: #1f2e55 !important;
}

#content form.frm tr.buttons td input[type=button],
#content form.frm tr.buttons td input[type=submit] {
    background: #1f2e55;
    border: 0;
    border-radius: 4px;
    margin-right: 10px;
    height: 22px;
    font-weight: bold;
    color: white;
}

.fa-btn-sondageType {
    color: #1f2e55 !important;
}

.buttons input {
    border-radius: 0px !important;
    font-size: 14px;
    height: auto !important;
    padding: 5px 20px;
}

.rapportsidebar {
    display: none;
}

.planactiontype {
    float: left;
    width: 90%;
    min-height: 40px;
}

button.planDuplique {
    float: right;
}

.titrequestionnaire-action {
    padding: 0px !important;
    margin: 5px 0px 5px 0px !important;
}

.titretheme-action {
    padding: 0px !important;
    margin: 5px 0px 5px 20px !important;
}

.form-control {
    color: #000 !important;
}

.genReponse {
    clear: both;
}

th.sort_asc a:before {
    content: "\f0de";
    font-family: FontAwesome;
    margin-right: 5px;
}

th.sort_desc a:before {
    margin-right: 5px;
    content: "\f0dd";
    font-family: FontAwesome;
}


/* -------------------------------------------------------------*/


/* Sablier                                                      */


/* -------------------------------------------------------------*/

#content #wait {
    z-index: 100;
}

#content #wait p {
    padding: 40px 0 40px 40px !important;
}

#OverlayContainer {
    display: none !important;
}

table {
    border-spacing: 0;
}

table th,
table td {
    padding: 0;
}

#content table.list {
    background: white;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#content table.icons {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    margin: 10px 0 0;
}

#content table.icons tbody.content_tbody {
    display: block;
    padding-left: 10px;
}

#content table.icons tr.th {
    display: none;
}

#content table.icons tr.tr {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    display: block;
    float: left;
    height: 72px;
    margin: 0 10px 42px 0;
    padding: 0;
    width: 72px;
}

#content table.icons tr.tr td {
    display: none;
}

#content table.icons tr.tr td.lib,
#content table.icons tr.tr td.check {
    display: block;
    height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 79px 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    width: 72px;
}

#content table.list tr.tr td.lib {
    background-position: 40px 40px;
    background-repeat: no-repeat;
}

#content table.list tr.tr td a.active {
    background: #666;
    color: white;
    text-decoration: none;
}

#content table.icons tr.tr td.lib {
    background-position: 50% 11px;
    background-repeat: no-repeat;
}

#content table.icons tr.tr td a {
    color: black;
    display: block;
    height: 26px;
    margin: -76px 0 0 0;
    padding: 76px 0 0 0;
    position: absolute;
    text-decoration: none;
    width: 72px;
}

#content table.icons tr.tr td.lib:hover {
    text-decoration: underline;
}

#content table.list tr.tr td img {
    padding-right: 2px;
    vertical-align: middle;
}

#content table.list tr.th th,
.sortable {
    font-weight: bold;
}

#content table.list tr.th th a,
#content table.list tr.th th span,
.sortable a {
    background-color: #d0d0d0;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #c6c6c6;
    border-top: 1px solid #e6e6e6;
    color: black;
    display: block;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
}

#content table.list tr.th th span {
    cursor: default;
}

#content table.list tr.th th a:hover,
.sortable a:hover {
    background-color: #e6e6e6;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid white;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid white;
}

#content table.list tr.th th a:active,
.sortable a:active,
#content table.list tr.th th a:focus,
.sortable a:focus {
    border: 0;
}

#content table.list tr.th th.sort_asc a {
    background-image: url("/img/ar_bottom.gif");
}

#content table.list tr.th th.sort_desc a {
    background-image: url("/img/ar_top.gif");
}

#content table.list tr.tr td {
    overflow: hidden;
    padding: 3px 4px;
    white-space: nowrap;
}

#content table.list tr.selected {
    background-color: #b6b6b6;
    color: white;
}

#content table.icons tr.selected {
    background-color: #b6b6b6;
}

#content tr.tr:hover {
    background-color: #e6e6e6;
}

#content table.list tr.selected:hover {
    background-color: #969696;
    color: white;
}

#content table.list tr.ts {
    border-bottom: 1px solid #969696;
}

#content table.icons tr.ts {
    border: 1px solid #969696;
    display: block;
    width: 100%;
}

#content table.list tr.ts label {
    display: none;
}

#content table.icons tr.ts label {
    background-color: #d0d0d0;
    display: block;
}

#content tr.ts div.ftr {
    padding: 0;
}

#content tr.ts div.ftr div {
    border-right: 1px solid #D0D0D0;
    display: block;
    padding: 3px 4px;
}

#content tr.ts input[type=text],
#content tr.ts select {
    background-color: white;
    border: 0;
    display: block;
    margin: 0;
    width: 100%;
}

#content tr.ts input[type=checkbox] {
    margin: 0;
    width: auto;
}

#content tr.ts div.date select,
#content tr.ts div.date span {
    display: block;
    float: left;
    margin-right: 2px;
    text-align: right;
    width: 80px;
}

#content tr.ts div.date p {
    margin: 0;
    padding: 0;
}

#content tr.ts div.date select option {
    text-align: left;
}

#content tr.ts div.date input.calendar {
    width: auto;
}

#content_tn {
    display: none;
}

#content_navig,
tr.tn {
    background-color: #a8a8a8;
    clear: both;
    color: white;
    padding: 2px 0;
}

#content_navig table {
    width: 100%;
}

#content_navig td.content_navig_lib,
tr.tn td {
    padding: 4px;
}

#content_navig td.content_navig_pages {
    padding: 0;
    text-align: center;
}

#content_navig a,
tr.tn a {
    padding: 4px 8px;
}

#content_navig strong,
tr.tn strong {
    background-color: white;
    border-radius: 8px;
    color: #666;
    margin: 2px 2px;
    padding: 2px 6px;
    vertical-align: middle;
}

#content_navig a:link,
#content_navig a:active,
#content_navig a:visited,
tr.tn a:link,
tr.tn a:active,
tr.tn a:visited {
    color: white;
    text-decoration: none;
}

#content_navig a:hover,
tr.tn a:hover {
    color: white;
    text-decoration: underline;
}

#content_navig img,
tr.tn img {
    vertical-align: middle;
}

#content_navig select,
tr.tn select {
    border: 1px solid #333;
}

#content_navig img.navig_arrow,
tr.tn img.navig_arrow {
    border: 0;
    width: 11px;
    height: 11px;
}

#content_navig td.content_navig_input {
    text-align: right;
    width: 180px;
    padding-right: 4px;
}

#content table.list tr td.check {
    height: 18px;
    padding: 2px !important;
    width: 14px;
}

#content table.list tr td.check input {
    margin: 0;
}

#content .ts div.ftr.filled div {
    padding-right: 20px;
}

#content .ts div.ftr input.del_filter,
#content .ts div.ftr a.del_filter {
    display: none;
    float: right;
    position: relative;
}

#content .ts div.ftr.filled input.del_filter,
#content .ts div.ftr.filled a.del_filter {
    display: block;
}

#content .ts div.ftr div.f_checkboxes {
    background-color: #ddd;
    border: 1px solid #333;
    box-shadow: 2px 2px 8px #333;
    margin-top: 2px;
    padding: 0 !important;
    position: absolute;
    visibility: hidden;
    z-index: 16;
}

#content .ts div.ftr div.f_checkboxes .f_checkboxes_list {
    height: 256px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li {
    margin: 0;
    list-style-type: none;
    padding: 2px 4px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>a {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>a {
    background: url("/img/plus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:first-child>a {
    background: url("/img/plusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus:last-child>a {
    background: url("/img/plusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus>a {
    background: url("/img/minus.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:first-child>a {
    background: url("/img/minusfirst.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.minus:last-child>a {
    background: url("/img/minusbottom.gif") no-repeat;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li>ul {
    background: url("/img/line.gif") repeat-y left;
    margin-bottom: -4px;
    padding: 0 0 4px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li.plus>ul {
    display: none;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li {
    background: url("/img/join.gif") no-repeat left;
    border: 0;
    padding: 2px 4px 2px 18px;
}

#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li ul li:last-child {
    background: url("/img/joinbottom.gif") no-repeat left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p input,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li input {
    float: left;
}

#content .ts div.ftr div.f_checkboxes div.f_checkboxes_list p label,
#content .ts div.ftr div.f_checkboxes ul.f_checkboxes_list li label {
    display: block;
    padding: 0 16px !important;
    white-space: nowrap;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes {
    background-color: #666;
    border-bottom: 1px solid #444;
    border-right: 0;
    border-top: 1px solid #888;
    padding: 4px;
    text-align: right;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes a {
    color: white;
    padding: 2px 0 2px 4px;
}

#content .ts div.ftr div.f_checkboxes div.a_checkboxes input {
    border: 1px solid #555;
    display: inline;
    height: 18px;
    padding: 0 4px;
}

#content .ts input.calendar {
    height: 14px;
    width: 75px;
}

#content .ts button.calendar {
    margin: 1px 0 0 -17px;
    position: absolute;
    visibility: hidden;
}

#content_toolbar {
    overflow-x: auto;
    overflow-y: hidden;
}

table.toolbar {
    height: 26px;
    padding: 0;
    white-space: nowrap;
    width: auto;
}

table.toolbar .lib {
    margin: 0;
    padding: 0 2px;
}

table.toolbar td.button {
    border: 1px solid transparent;
}

table.toolbar td.sep {
    text-align: center;
    width: 2px;
}

table.toolbar td.button img,
table.toolbar td.button input {
    padding: 2px;
}

table.toolbar td.button input {
    background-color: transparent;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border: 0;
    display: block;
    font-size: 0;
    height: 26px;
    width: 26px;
}

table.toolbar td.button a,
table.toolbar td.button input,
table.toolbar td.button label {
    color: black;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

table.toolbar td.button:hover {
    background-color: #eaeaea;
}

table.toolbar td.button:hover .lib {
    color: black;
}

table.toolbar td.button a:active,
table.toolbar td.button a.active,
table.toolbar td.button input:focus,
table.toolbar td.button.active {
    color: white;
    background-color: #666;
}

table.toolbar td.button:hover a:active,
table.toolbar td.button:hover a.active span,
table.toolbar td.button:hover input:focus,
table.toolbar td.button.active:hover label,
table.toolbar td.button.active label {
    color: white;
}

table.toolbar td.button_inactive a,
table.toolbar td.button_inactive input {
    border: 1px solid transparent;
    cursor: default;
}

table.toolbar td.button_inactive a:active,
table.toolbar td.button_inactive a.active,
table.toolbar td.button_inactive:hover {
    background-color: transparent !important;
    cursor: default;
}

table.toolbar td.button_inactive .lib,
table.toolbar td.button_inactive:hover .lib {
    color: #b6b6b6;
}

table.toolbar td.button,
table.toolbar td.sep {
    margin: 0 1px 0 0;
}

table.toolbar td.logout {
    margin: 0;
    text-align: right;
    text-indent: 0;
    width: auto;
}

table.toolbar td label.toolbar_confirm {
    display: none;
}

table.toolbar.iot {
    font-size: 9px;
    height: 42px;
}

table.toolbar.iot img {
    padding-bottom: 0;
}

table.toolbar.iot td.button {
    text-align: center;
}

table.toolbar.iot td.button input {
    background-position: 50% 2px;
    display: block;
    height: 40px !important;
    margin-bottom: -40px;
    position: relative;
    width: 64px !important;
}

table.toolbar.iot td.sep img {
    height: 36px;
    width: 2px;
}

table.toolbar.iot .lib {
    display: block;
    height: 14px;
    overflow: hidden;
    padding-top: 26px;
    width: 60px;
}

table.toolbar.iot a span.lib {
    padding-top: 0;
}

table.toolbar.ilt {
    overflow: hidden;
}

table.toolbar.ilt img {
    vertical-align: middle;
}

table.toolbar.ilt td.button input {
    display: inline;
    vertical-align: middle;
}

table.toolbar.ilt td.button .lib {
    margin-right: 15px;
}

table.toolbar.ilt .lib {
    display: inline;
    padding: 5px 2px;
    text-align: left;
}

table.toolbar.ilt td.sep {
    padding-right: 15px;
}

table.toolbar td.sep img {
    height: 28px;
    width: 2px;
}

table.toolbar.io td.button {
    padding: 0 2px;
}

table.toolbar.io .lib {
    display: none;
}

table.toolbar.to {
    height: 18px;
    overflow: hidden;
}

table.toolbar.to td.button input {
    background-image: none !important;
    background-color: transparent;
    height: 18px;
    position: absolute;
}

table.toolbar.to img {
    display: none;
}

table.toolbar.to td.sep img {
    display: inline;
    height: 14px;
    width: 2px;
}

table.toolbar.to .lib {
    display: block;
    float: none;
    height: 14px;
    overflow: hidden;
    padding: 2px 6px;
}

div.toolbar_tip {
    background: url("/img/back_toolbar.png") repeat-x scroll center top #E6E6E6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

#content form.frm table.minitab.hor {
    width: auto;
}

#content form.frm table.minitab.hor td {
    padding: 2px 3px;
    text-align: center;
}

#content form.frm table.minitab.hor td.c1 {
    border-left: 1px solid #ccc;
}

#content form.frm table.minitab.hor td:first-child {
    padding: 2px 8px;
    text-align: left;
}

#content form.frm table.minitab.hor td input.minitab_text {
    margin-left: 8px;
    width: 40px !important;
}

#content_div div.scroll-outer {
    margin: 0 auto 3em;
    padding: 0;
    position: relative;
}

#content_div div.scroll-outer div.scroll-inner {
    overflow: auto;
}

#content_div table.table.pre-scroll {
    width: auto !important;
}

#content_div table.table.pre-scroll tr {
    height: 18px;
}

#content_div table.table.pre-scroll td,
#content_div table.table.pre-scroll th {
    width: auto !important;
}

#content_div table.table.scroll thead {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#content_div table.table.scroll tfoot {
    bottom: 0;
    overflow: hidden;
    position: fixed;
}

#form h2 {
    padding: 5px 10px;
    margin: 0;
}

#content form.frm {
    padding: 0;
    margin: 0;
}

#content .form_tabs {
    border-right: 1px solid #CCC;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
    text-indent: 0;
}

#content .form_tabs li {
    background: url("/img/back_tab_inactive.png") repeat-x scroll top white;
    float: left;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    width: 77px;
}

#content .form_tabs li a {
    text-align: center;
    margin: 0;
    padding: 3px 4px;
    font-size: 12px;
    width: 67px;
    height: 19px;
    color: #42403D;
    border-left: 1px solid #CCC;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#content .form_tabs input.active,
#content .form_tabs li.active {
    background: white url(/img/back_tab_active.png) repeat-x scroll top;
    font-weight: bold;
}

#content .form_tabs input.active,
#content .form_tabs li.active a {
    color: white;
}

#content .form_tabs input:hover,
#content .form_tabs li a:hover {
    color: black;
}

#content .form_tabs input:hover.active,
#content .form_tabs li.active a:hover {
    color: #FFF;
}

#content form.frm ul.tabs {
    background: none repeat scroll 0 0 #666;
    height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 6px 0 0 28px;
}

#content form.frm ul.tabs li {
    background: none repeat scroll 0 0 #999;
    border-radius: 5px 5px 0 0;
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    list-style: none outside none;
    margin: 0 0 0 4px;
    padding: 5px 16px;
}

#content form.frm ul.tabs li a {
    color: #FFF;
    text-decoration: none;
}

#content form.frm ul.tabs li.active {
    background: none repeat scroll 0 0 #FFF;
}

#content form.frm ul.tabs li.active a {
    color: black;
    font-weight: bold;
}

#content form.frm>table {
    border-top: 1px solid #D0D0D0;
    clear: both;
    width: 100%;
}

#content form.frm tr.ft {
    border-bottom: 1px solid #666;
    width: 100%;
}

#content form.frm tr.locales th {
    background-color: #444;
    color: white;
    padding: 4px;
    white-space: nowrap;
    text-align: center;
}

#content form.frm tr.locales th:first-child {
    width: 20%;
}

#content form.frm tr.locales th img {
    margin-right: 4px;
    vertical-align: top;
}

#content form.frm tr.ft th.fth,
#content form.frm tr.ft td.ftd {
    border-bottom: 1px solid #C6C6C6;
    border-top: 1px solid white;
    padding: 4px;
}

#content form.frm tr.ft th.fth {
    background-color: #ddd;
    padding: 0;
    text-align: right;
    width: 30%;
}

#content form.frm tr.ft th.fth>label {
    color: #666;
    display: block;
    font-weight: bold;
    padding: 4px;
}

#content form.frm tr.ft th.fthpic,
#content form.frm tr.ft th.fthgal {
    font-weight: normal;
    padding: 8px;
    text-align: left;
    width: auto;
}

#content form.frm tr.ft td.ftd {
    background-color: white;
    padding: 4px;
    width: 70%;
}

#content form.frm tr.ft td.ftd img.file_icon {
    float: left;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd p {
    margin: 0;
    padding: 0;
}

#content form.frm tr.ft td.ftd>input,
#content form.frm tr.ft td.ftd>select,
#content form.frm tr.ft td.ftd>textarea {
    border: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    margin: 0;
}

#content form.frm tr.ft td.ftd>textarea {
    resize: vertical;
}

#content form.frm tr.ft td.ftd>input[type=checkbox],
#content form.frm tr.ft td.ftd>input[type=radio] {
    width: 100% !important;
}

#content form.frm td.ftd label>input[type=checkbox],
#content form.frm td.ftd label>input[type=radio] {
    margin: 0 4px;
}

#content form.frm tr.ft td.ftd>select option {
    background-color: white;
    padding: 0;
    margin: 0;
}

#content form.frm tr.ft td.ftd>select {
    margin: -1px 0;
}

#content form.frm tr.ft td.ftd>span {
    display: block;
    min-height: 12px;
}

#content form.frm tr.ft td.ftd.earth {
    white-space: nowrap;
}

#content form.frm tr.ft td.ftd.earth label {
    color: #999;
    margin-right: 4px;
}

#content form.frm tr.ft td.ftd.earth label[for$=_long] {
    margin-left: 10px;
}

#content form.frm tr.ft td.ftd.earth input {
    text-align: right;
    width: 80px;
}

#content form.frm tr.ft td.ftd div#format label {
    display: block;
}

#content form.frm tr.ft td.ftd select option.fs_dir,
#content form.frm tr.ft td.ftd select option.fs_file {
    height: 16px;
    padding: 2px 0 0 19px;
    background-repeat: no-repeat;
    background-position: top left;
}

#content form.frm tr.ft td.ftd select option.fs_dir {
    font-weight: bold;
    background-image: url("/img/folder.png");
}

#content form.frm tr.ft td.ftd div.map {
    height: 300px;
}

img.imgpreview {
    width: 64px;
    height: 64px;
    margin: 0 4px 4px 0;
    border: 1px solid #666;
    float: left;
}

img.imgpreview.wait {
    width: 16px;
    height: 16px;
    padding: 24px;
}

#content form.frm th.back_minitab {
    background-color: #c3c3c3;
    font-weight: normal;
    padding: 10px;
    text-align: left !important;
    vertical-align: top;
}

#content form.frm th.back_minitab>table {
    border-right: 1px solid #666;
    width: auto;
}

#content form.frm th.back_minitab>table th.fth {
    border-left: 1px solid white;
    border-top: 1px solid white !important;
    background-color: #e6e6e6;
    white-space: nowrap;
}

#content form#frm_export table th.back_minitab {
    width: 50%;
}

#content form#frm_export table th.back_minitab:first-child {
    padding-right: 0;
}

#content form#frm_export table th.back_minitab table {
    width: 100%;
}

#content form.frm table.minitab {
    border-spacing: 0;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#content form.frm table.minitab th {
    background-color: #999;
    color: #FFF;
    padding: 2px;
    border-bottom: 1px solid #888;
}

#content form.frm table.minitab td {
    padding: 0 3px;
    border-bottom: 1px solid #EEE;
    background-color: white;
}

#content form.frm table.minitab td input.minitab_text {
    width: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
}

#content form.frm table.minitab td textarea.minitab_textarea {
    border: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
}

#content form.frm table.minitab td select {
    width: 100%;
    background-color: white;
    border: 0;
    padding: 2px 0;
}

#content form.frm table.minitab td input.valint,
#content form.frm table.minitab td input.valfloat,
#content form.frm table.minitab td.valint,
#content form.frm table.minitab td.valfloat {
    text-align: right;
}

#content form.frm table.minitab td.nolig {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    background-color: #e6e6e6;
    text-align: center;
    font-weight: bold;
}

#content form.frm table.minitab td.ftdbuttons {
    background-color: #E6E6E6;
    width: 20px;
    border-radius: 4px;
    padding: 0;
    border-bottom: 0;
}

#content form.frm input.minitab_del_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(/img/del.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm input.minitab_add_button {
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(/img/ok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm input.minitab_update_button {
    width: 20px;
    height: 20px;
    border: 0;
    background-image: url(/img/ok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: none;
}

#content form.frm table.minitab td:first-child {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
    width: 20px;
}

#content form.frm tr.priv th.fth {
    background-color: #cfdcf8 !important;
    border-bottom: 1px solid #99b4f0;
}

#content form.frm tr.priv th.fth label {
    color: #1a47af;
}

#content form.frm tr.priv td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #99b4f0;
    color: #1a47af !important;
    background: #edf3ff url(/img/priv.png) no-repeat scroll center right;
    padding-right: 30px;
}

#content form.frm tr.notweb th.fth {
    background-color: #fbefc8 !important;
    border-bottom: 1px solid #f8de8d;
}

#content form.frm tr.notweb th.fth label {
    color: #ba8f0b;
}

#content form.frm tr.notweb td.ftd {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-bottom: 1px solid #f8de8d;
    color: #ba8f0b !important;
    background: #fdf8ea;
    padding-right: 30px;
}

#content form.frm table#sfe tbody tr {
    cursor: pointer;
}

#content form.frm tr.ft th.fth table.minitab {
    border: 1px solid #999;
}

#content form.frm tr.ft th.fth table {
    text-align: left;
    font-weight: normal;
}

#content form.frm td {
    vertical-align: top;
}

#content form.frm tr.ft th.fth table tr:first-child th,
#content form.frm tr.ft th.fth table tr:first-child td {
    border-top: 0;
}

#content form.frm div.fieldset h3 {
    cursor: default;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 4px;
    background-color: #999;
}

#content form.frm div.fieldset hr {
    clear: both;
    visibility: hidden;
    height: 0;
    margin: 0;
}

#content form.frm div.fieldset input {
    border: 1px solid #999;
    padding: 2px;
}

#content form.frm div.fieldset td {
    padding: 2px 4px 0 4px;
    margin: 0;
}

#content form.frm table caption {
    background-color: #666 !important;
    color: white;
}

#content form.frm tr.buttons td {
    background-color: white;
    height: 22px;
    padding: 8px;
    text-align: right;
}

#content form.frm tr.buttons td input[type=button],
#content form.frm tr.buttons td input[type=submit] {
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    height: 22px;
}

#content form.frm tr.buttons td label {
    margin-right: 10px;
}

#content form.frm tr.ft .ro {
    border: 0;
    background-color: transparent;
}

#content form.frm div.tddivfile {
    text-align: left;
}

#content form.frm input.inputfile {
    display: block;
}

#content #wait {
    /*background-color:rgba(255,255,255,0.7);
    height:256px;
    position:absolute;
    text-align:center;
    vertical-align:middle;
    z-index:15;*/
    padding-right: 20px !important;
}

#content #wait p {
    /*background:url("/img/wait.gif") no-repeat scroll 60px 50% white;
    border:8px solid #666;
    box-shadow:4px 4px 8px black;
    color:#666;
    font-size:20px;
    margin:20px auto;
    padding:40px 0 40px 16px!important;
    width:360px;*/
    font-weight: normal !important;
}

#content form.frm tr.ft td.ftd input,
#content form.frm tr.ft td.ftd span {
    text-align: left !important;
}

#content form.frm tr.ft td.ftd input[type=checkbox] {
    width: auto !important;
    vertical-align: middle;
}

td.ftd input.calendar,
td.ftd select.calendar {
    width: auto !important;
}

button.calendar {
    background: url("/img/cal.png") no-repeat;
    border: 0;
    cursor: pointer;
    position: relative;
    height: 14px;
    width: 14px;
    margin: -1px 0 -1px -16px;
}

.ts div.ftr.date div input {
    background: url("/img/cal.png") no-repeat right;
    float: left;
    width: 90px !important;
}

.ts div.ftr.date div input[disabled],
.ts div.ftr.date div button.calendar {
    visibility: hidden;
}

.ts div.ftr.date table td {
    white-space: nowrap;
}

div.calendar {
    background: #666;
    text-align: center;
    box-shadow: 2px 2px 8px #333;
    width: 195px;
}

div.calendar div {
    background: none !important;
    overflow: hidden;
    position: relative;
    padding-bottom: 6px;
}

div.calendar caption {
    color: white;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 17px;
    padding: 3px 0 1px 0;
    text-align: center;
    width: 100%;
}

div.calendar caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    float: left;
    width: 11px;
    color: none;
    background-repeat: no-repeat;
}

div.calendar caption a.prev {
    background: url("/img/ar_left.gif") repeat scroll 0 1px transparent;
}

div.calendar caption a.next {
    background: url("/img/ar_right.gif") repeat scroll 0 1px transparent;
}

div.calendar caption span {
    float: left;
    display: block;
}

div.calendar caption span.month {
    padding: 0 8px 0 6px;
}

div.calendar caption span.month span {
    width: 68px;
    overflow: hidden;
    text-align: center;
}

div.calendar caption span.year {
    float: right;
    padding: 0 6px 0 8px;
}

div.calendar caption span.year span {
    width: 38px;
    overflow: hidden;
    text-align: center;
}

div.calendar table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 195px;
}

div.calendar td,
div.calendar th {
    border: 0;
    color: #b6b6b6;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 23px;
    padding: 0;
}

div.calendar th {
    background-color: #e6e6e6;
    font-size: 9px;
    font-weight: bold;
}

div.calendar td {
    border: 1px solid #e6e6e6;
    color: #FFF;
    font-size: 11px;
    background-color: white;
}

div.calendar td.invalid {
    color: #999;
}

div.calendar td.valid {
    color: black;
    cursor: pointer;
}

div.calendar td.hilite {
    background: #666;
    color: white;
}

div.calendar td.inactive {
    background-color: #ccc;
    color: #999;
}

div.calendar td.active,
div.calendar td.hover {
    background-color: #e6e6e6;
    color: black;
    cursor: pointer;
}

div.calendar td.active {
    background-color: #D3031B;
    color: white;
}

ul.autocompleter-choices {
    background-color: #fff;
    border: 1px solid #b6b6b6;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    z-index: 50;
}

ul.autocompleter-choices li {
    clear: both;
    cursor: pointer;
    display: block;
    float: none !important;
    font-size: 1em;
    font-weight: normal;
    margin: -2px 0 0 0;
    padding: 3px 5px;
    position: relative;
    white-space: nowrap;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #e6e6e6;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #C83728;
}

span.autocompleter_model_art {
    border-right: 1px solid #CCC;
    display: block;
    float: left;
    padding: 3px 5px;
    width: 46px;
}

span.autocompleter_model_lib {
    display: block;
    padding: 3px 5px 3px 61px;
}

ul.autocompleter-choices li {
    padding: 0;
}

.loader {
    position: fixed;
    z-index: 9999;
    /*background:url('dyn.php?a=img&src=ajax-loader.gif') 50% 50% no-repeat;*/
    background-color: rgba(51, 51, 51, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: wait;
}

.MultiBoxContainer {
    position: absolute;
    background-color: white;
    display: none;
    z-index: 1000;
    text-align: left;
    box-shadow: 0 0 5px black;
}

.MultiBoxLoading {
    background: url(/dyn.php?a=img&src=mb_loader.gif) no-repeat center;
}

.MultiBoxContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.MultiBoxClose {
    position: absolute;
    top: 3px;
    right: 3px;
    background: url(/dyn.php?a=img&src=mb_close.png) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.MultiBoxControlsContainer {
    overflow: hidden;
    height: 0;
    position: relative;
    padding: 0 10px;
    background-color: #444;
}

.MultiBoxControls {
    width: 100%;
    height: 32px;
    position: relative;
}

.MultiBoxPrevious {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_left.png) no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNext {
    position: absolute;
    background: url(/dyn.php?a=img&src=mb_right.png) no-repeat;
    width: 24px;
    height: 24px;
    right: 0;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNextDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
    cursor: default;
    background: url(/dyn.php?a=img&src=mb_leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
    position: relative;
    margin: 10px 0 0 35px;
    float: left;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

.MultiBoxNumber {
    position: relative;
    width: 50px;
    margin: 10px 35px 0 0;
    float: right;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: right;
}

.MultiBoxDescription {
    clear: left;
    position: relative;
    margin: 0 35px 0 35px;
    padding-top: 5px;
    font-family: Tahoma, Arial, helvetica;
    font-size: 11px;
    color: #FFF;
    text-align: left;
}

#MultiBoxContentContainer_product_zoom {
    padding: 12px;
}

#content form.frm tr.ft td.ftd.editable {
    padding: 0;
}

.mooeditable-container {
    position: relative;
}

.mooeditable-ui-toolbar {
    color: inherit;
    background-color: #eee;
    padding: 2px;
}

.mooeditable-ui-toolbar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mooeditable-ui-toolbar .toolbar-item,
.mooeditable-ui-toolbar .toolbar-separator {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button {
    cursor: pointer;
    border: 0;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
    color: inherit;
    background-color: transparent;
}

* html .mooeditable-ui-toolbar .mooeditable-ui-button {
    width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

*:first-child+html .mooeditable-ui-toolbar .mooeditable-ui-button {
    min-width: 24px;
    overflow: visible;
    padding: 2px 4px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive {
    color: inherit;
    background-color: #ddd;
}

.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover {
    color: inherit;
    background-color: #fff;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled {
    cursor: default;
}

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled:hover {
    color: inherit;
    background-color: transparent;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon {
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    color: inherit;
    background: transparent url(/dyn.php?a=img&src=mooeditable-toolbarbuttons-tango.png) no-repeat 0 -8px;
}

.mooeditable-ui-toolbar .mooeditable-ui-button .button-text {
    display: none;
    font-size: 13px;
    vertical-align: middle;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-icon {
    display: none;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-text {
    display: inline;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text {
    width: auto;
}

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text .button-text {
    display: inline;
    margin-left: 4px;
}

.mooeditable-ui-toolbar .toolbar-separator {
    width: 1px;
    height: 24px;
    margin: 2px;
    text-indent: -999em;
    color: inherit;
    background-color: #fafafa;
}

.mooeditable-ui-toolbar .bold-item .button-icon {
    background-position: 0 0;
}

.mooeditable-ui-toolbar .createlink-item .button-icon {
    background-position: 0 -16px;
}

.mooeditable-ui-toolbar .indent-item .button-icon {
    background-position: 0 -32px;
}

.mooeditable-ui-toolbar .insertorderedlist-item .button-icon {
    background-position: 0 -48px;
}

.mooeditable-ui-toolbar .insertunorderedlist-item .button-icon {
    background-position: 0 -64px;
}

.mooeditable-ui-toolbar .italic-item .button-icon {
    background-position: 0 -80px;
}

.mooeditable-ui-toolbar .outdent-item .button-icon {
    background-position: 0 -96px;
}

.mooeditable-ui-toolbar .redo-item .button-icon {
    background-position: 0 -112px;
}

.mooeditable-ui-toolbar .strikethrough-item .button-icon {
    background-position: 0 -128px;
}

.mooeditable-ui-toolbar .toggleview-item .button-icon {
    background-position: 0 -144px;
}

.mooeditable-ui-toolbar .underline-item .button-icon {
    background-position: 0 -160px;
}

.mooeditable-ui-toolbar .undo-item .button-icon {
    background-position: 0 -176px;
}

.mooeditable-ui-toolbar .unlink-item .button-icon {
    background-position: 0 -192px;
}

.mooeditable-ui-toolbar .urlimage-item .button-icon {
    background-position: 0 -208px;
}

.mooeditable-iframe {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    vertical-align: top;
}

.mooeditable-textarea {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    resize: none !important;
    outline: 0 !important;
}

.mooeditable-ui-dialog {
    color: inherit;
    background-color: #ddd;
    position: absolute;
    display: block;
    cursor: default;
    font-size: 12px;
    z-index: 100;
    width: 100%;
}

.mooeditable-ui-dialog .dialog-content {
    padding: 4px 10px;
}

.mooeditable-ui-dialog .dialog-content * {
    vertical-align: middle;
}

.mooeditable-ui-dialog input {
    margin: 0 8px;
}

.mooeditable-ui-dialog input.text {
    width: 300px;
}

.mooeditable-ui-button-overlay {
    color: inherit;
    background-color: #ddd;
    font-size: 12px;
    z-index: 100;
    outline: 0;
    -moz-outline: 0;
    -webkit-outline: 0;
}

.mooeditable-ui-button-overlay .overlay-content {
    padding: 10px;
}

.mooeditable-ui-toolbar .forecolor-item .button-icon {
    background: transparent url(/dyn.php?a=img&src=mooeditable-toolbarbuttons-silk.png) no-repeat top left;
    background-position: 0 -192px;
}

.forecolor-overlay .overlay-content {
    padding: 4px 0 0 4px;
}

.forecolor-overlay .forecolor-colorpicker-color {
    line-height: 0;
    overflow: hidden;
    height: 12px;
    width: 12px;
    float: left;
    margin: 0 4px 4px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.forecolor-overlay .forecolor-colorpicker-color:hover {
    border-color: #000;
}

.forecolor-overlay .forecolor-colorpicker-br {
    display: block;
    clear: left;
}

#mooRainbow {
    font-size: 11px;
    color: #000;
}

.moor-box {
    width: 390px;
    height: 310px;
    border: 1px solid #636163;
    background-color: #f9f9f9;
}

.moor-overlayBox {
    width: 256px;
    height: 256px;
    margin-top: 9px;
    margin-left: 9px;
    border: 1px solid #000;
}

.moor-slider {
    border: 1px solid #000;
    margin-top: 9px;
    margin-left: 280px;
    width: 19px;
    height: 256px;
}

.moor-colorBox {
    border: 1px solid #000;
    width: 59px;
    height: 68px;
    margin-top: 20px;
    margin-left: 315px;
}

.moor-currentColor {
    margin-top: 55px;
    margin-left: 316px;
    width: 59px;
    height: 34px;
}

.moor-okButton {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    margin-top: 278px;
    margin-left: 8px;
    background: #e6e6e6;
    height: 23px;
    border: 1px solid #d6d6d6;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

#mooRainbow label {
    font-family: mono;
}

.moor-rLabel {
    margin-top: 100px;
    margin-left: 315px;
}

.moor-gLabel {
    margin-top: 125px;
    margin-left: 315px;
}

.moor-bLabel {
    margin-top: 150px;
    margin-left: 315px;
}

.moor-HueLabel {
    margin-top: 190px;
    margin-left: 315px;
}

span.moor-ballino {
    margin-top: 190px;
    margin-left: 370px;
}

.moor-SatuLabel {
    margin-top: 215px;
    margin-left: 315px;
}

.moor-BrighLabel {
    margin-top: 240px;
    margin-left: 315px;
}

.moor-hexLabel {
    margin-top: 275px;
    margin-left: 280px;
}

.moor-rInput,
.moor-gInput,
.moor-bInput,
.moor-HueInput,
.moor-SatuInput,
.moor-BrighInput {
    width: 30px;
}

.moor-hexInput {
    width: 55px;
}

.moor-cursor {
    background-image: url(/dyn.php?a=img&src=moor_cursor.gif);
    width: 12px;
    height: 12px;
}

.moor-arrows {
    background-image: url(/dyn.php?a=img&src=moor_arrows.gif);
    top: 9px;
    left: 270px;
    width: 41px;
    height: 9px;
}

.moor-chooseColor {
    margin-top: 21px;
    margin-left: 316px;
    width: 59px;
    height: 34px;
}

div.error>p {
    font-size: 14px !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li.menu-ajout {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-inverse .navbar-nav>li>a i {
    font-size: 25px;
}

.navbar-inverse .navbar-nav>li.menu-plus>a i {
    font-size: 20px;
}

.navbar-nav>li>a {
    padding: 10px;
    margin: 0;
}

.navbar-inverse .navbar-nav>li.menu-ajout>a:hover,
.navbar-inverse .navbar-nav>li.menu-ajout>a:focus,
.navbar-inverse .navbar-nav>li.menu-plus a:hover,
.navbar-inverse .navbar-nav>li.menu-plus a:focus {
    background-color: rgba(255, 255, 255, 0.4);
}

.navbar-inverse .navbar-nav>li.menu-plus {
    margin-top: 2px;
    margin-left: 5px;
}

.navbar-inverse .navbar-nav>li.menu-user>a:hover,
.navbar-inverse .navbar-nav>li.menu-user>a:focus {
    background-color: #fff;
    color: #1b1b1c;
}

#sidebar {
    padding-left: 0;
    padding-top: 20px;
}

#sidebar ul li a {
    color: #2f302f;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 5px;
    text-transform: uppercase;
}

.box-mot .mot-titre {
    font: 700 26px /40px "Oswald", sans-serif, cursive;
    text-transform: uppercase;
    color: #454544;
}

.box-mot .mot-message {
    color: #454544;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.box-mot p.mot {
    font: 30px /36px "Oswald", sans-serif, cursive;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.sticky-table-header.fixed-solution {
    min-width: 0;
    position: fixed;
}

.sticky-table-header.border-radius-fix {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none;
    padding: 6px;
}

.table>thead>tr>th {
    border-top: none;
    padding: 15px 6px 10px;
    background-color: #1b1b1c;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0;
    vertical-align: bottom;
    font-weight: 400;
}

.table>tbody>tr>.col-1,
.table>thead>tr>th.col-1 {
    padding-left: 15px;
}

.table>tbody>tr>td.col-2 {
    max-width: 88px;
}

.table>tbody>tr>td.col-3 {
    max-width: 80px;
}

.table>tbody>tr>td.col-6 {
    max-width: 140px;
}

.table>tbody>tr>td.col-10,
.table>thead>tr>th.col-10 {
    padding-right: 15px;
}

table>tbody>tr:hover {
    background-color: #ddd !important;
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}

.table-responsive>.table>tbody>tr>td.col-4,
.table-responsive>.table>tbody>tr>td.col-5 {
    white-space: nowrap;
}

@media screen and(max-width:768px) {
    .table-wrapper {
        clear: both;
    }

    .table-wrapper .btn-toolbar {
        float: left;
    }

    .table-wrapper .btn-toolbar .btn-group {
        float: left !important;
    }
}

a,
button,
img,
input,
select,
textarea {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media(max-width:992px) {
    .box-content .box-img {
        margin-top: 20px;
    }

    #navbar {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    #navbar i {
        font-size: 14px;
        margin-right: 5px;
    }

    .navbar-nav .menu-user a.dropdown-toggle {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 2px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>span {
        color: #fff;
        text-align: center;
        margin: 2px 15px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .box {
        margin-top: 75px;
    }

    footer {
        position: relative;
    }
}

@media(max-width:350px) {
    body.login {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%;
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 39px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .box-content {
        margin: 0;
        padding: 20px;
    }

    /*    .navbar-brand
        {
            margin-left:4px;
        }

        .navbar-brand h1
        {
            font-size:24px;
        }*/
    /*    .navbar-brand img
        {
            margin-right:0;
        }*/
    .box-head h2 {
        float: none !important;
    }

    .box-txt {
        text-align: center;
    }

    .i-box {
        position: initial !important;
        margin: 0 auto 15px;
    }

    .box-head {
        margin: 0 20px;
        text-align: center;
    }

    .box {
        margin-top: 65px;
    }
}

.theme label,
.theme input[type="text"] {
    width: 100%;
}

.slideshow {
    display: block;
    position: relative;
    z-index: 0;
}

.slideshow-images {
    display: block;
    overflow: hidden;
    position: relative;
}

.slideshow-images img {
    display: block;
    position: absolute;
    z-index: 1;
}

.slideshow-thumbnails {
    overflow: hidden;
}

.slideshow-images {
    height: 300px;
    width: 400px;
}

.slideshow-images-visible {
    opacity: 1;
}

.slideshow-images-prev {
    opacity: 0;
}

.slideshow-images-next {
    opacity: 0;
}

.slideshow a img {
    border: 0;
}

.slideshow-captions {
    background: #000;
    bottom: 0;
    color: #FFF;
    font: normal 12px/22px Arial, sans-serif;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    width: 100%;
    z-index: 10000;
}

.slideshow-captions-hidden {
    height: 0;
    opacity: 0;
}

.slideshow-captions-visible {
    height: 22px;
    opacity: .7;
}

.slideshow-controller {
    background: url(/dyn.php?a=img&src=controller.png) no-repeat;
    height: 42px;
    left: 50%;
    margin: -21px 0 0 -119px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 238px;
    z-index: 10000;
}

.slideshow-controller * {
    margin: 0;
    padding: 0;
}

.slideshow-controller-hidden {
    opacity: 0;
}

.slideshow-controller-visible {
    opacity: 1;
}

.slideshow-controller a {
    cursor: pointer;
    display: block;
    height: 18px;
    overflow: hidden;
    position: absolute;
    top: 12px;
}

.slideshow-controller a.active {
    background-position: 0 18px;
}

.slideshow-controller li {
    list-style: none;
}

.slideshow-controller li.first a {
    background-image: url(/dyn.php?a=img&src=controller-first.gif);
    left: 33px;
    width: 19px;
}

.slideshow-controller li.last a {
    background-image: url(/dyn.php?a=img&src=controller-last.gif);
    left: 186px;
    width: 19px;
}

.slideshow-controller li.next a {
    background-image: url(/dyn.php?a=img&src=controller-next.gif);
    left: 145px;
    width: 28px;
}

.slideshow-controller li.pause a {
    background-image: url(/dyn.php?a=img&src=controller-pause.gif);
    left: 109px;
    width: 20px;
}

.slideshow-controller li.play a {
    background-position: 20px 0;
}

.slideshow-controller li.play a.active {
    background-position: 20px 18px;
}

.slideshow-controller li.prev a {
    background-image: url(/dyn.php?a=img&src=controller-prev.gif);
    left: 65px;
    width: 28px;
}

.slideshow-loader {
    height: 28px;
    right: 0;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: 10001;
}

.slideshow-loader-hidden {
    opacity: 0;
}

.slideshow-loader-visible {
    opacity: 1;
}

.slideshow-thumbnails {
    bottom: -65px;
    height: 65px;
    left: 0;
    position: absolute;
    width: 100%;
}

.slideshow-thumbnails * {
    margin: 0;
    padding: 0;
}

.slideshow-thumbnails ul {
    height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10000px;
}

.slideshow-thumbnails li {
    float: left;
    list-style: none;
    margin: 5px 5px 5px 0;
    position: relative;
}

.slideshow-thumbnails a {
    display: block;
    float: left;
    padding: 5px;
    position: relative;
}

.slideshow-thumbnails a:hover {
    background-color: #FF9 !important;
    opacity: 1 !important;
}

.slideshow-thumbnails img {
    display: block;
}

.slideshow-thumbnails-active {
    background-color: #9FF;
    opacity: 1;
}

.slideshow-thumbnails-inactive {
    background-color: #FFF;
    opacity: .5;
}

.icon-jfi-ban:before {
    content: "\f328";
}

.icon-jfi-calendar:before {
    content: "\f30b";
}

.icon-jfi-check:before {
    content: "\f2f6";
}

.icon-jfi-check-circle:before {
    content: "\f30c";
}

.icon-jfi-cloud-o:before {
    content: "\f329";
}

.icon-jfi-cloud-up-o:before {
    content: "\f32a";
}

.icon-jfi-comment:before {
    content: "\f32b";
}

.icon-jfi-comment-o:before {
    content: "\f30d";
}

.icon-jfi-download-o:before {
    content: "\f32c";
}

.icon-jfi-exclamation:before {
    content: "\f32d";
}

.icon-jfi-exclamation-circle:before {
    content: "\f32e";
}

.icon-jfi-exclamation-triangle:before {
    content: "\f32f";
}

.icon-jfi-external-link:before {
    content: "\f330";
}

.icon-jfi-eye:before {
    content: "\f2f7";
}

.icon-jfi-file:before {
    content: "\f31f";
}

.icon-jfi-file-audio:before {
    content: "\f331";
}

.icon-jfi-file-image:before {
    content: "\f332";
}

.icon-jfi-file-o:before {
    content: "\f31d";
}

.icon-jfi-file-text:before {
    content: "\f333";
}

.icon-jfi-file-video:before {
    content: "\f334";
}

.icon-jfi-files-o:before {
    content: "\f335";
}

.icon-jfi-folder:before {
    content: "\f31e";
}

.icon-jfi-heart:before {
    content: "\f2f8";
}

.icon-jfi-heart-o:before {
    content: "\f336";
}

.icon-jfi-history:before {
    content: "\f337";
}

.icon-jfi-infinite:before {
    content: "\f2fb";
}

.icon-jfi-info:before {
    content: "\f338";
}

.icon-jfi-info-circle:before {
    content: "\f339";
}

.icon-jfi-minus:before {
    content: "\f33a";
}

.icon-jfi-minus-circle:before {
    content: "\f33b";
}

.icon-jfi-paperclip:before {
    content: "\f33c";
}

.icon-jfi-pencil:before {
    content: "\f2ff";
}

.icon-jfi-plus:before {
    content: "\f311";
}

.icon-jfi-plus-circle:before {
    content: "\f312";
}

.icon-jfi-power-off:before {
    content: "\f33d";
}

.icon-jfi-question:before {
    content: "\f33e";
}

.icon-jfi-question-circle:before {
    content: "\f33f";
}

.icon-jfi-reload:before {
    content: "\f300";
}

.icon-jfi-settings:before {
    content: "\f340";
}

.icon-jfi-sort:before {
    content: "\f303";
}

.icon-jfi-times:before {
    content: "\f316";
}

.icon-jfi-times-circle:before {
    content: "\f317";
}

.icon-jfi-trash:before {
    content: "\f318";
}

.icon-jfi-upload-o:before {
    content: "\f341";
}

.icon-jfi-user:before {
    content: "\f307";
}

.icon-jfi-view-grid:before {
    content: "\f342";
}

.icon-jfi-view-list:before {
    content: "\f343";
}

.icon-jfi-zip:before {
    content: "\f344";
}

.stat h2 {
    font-size: 50px;
    margin: 20px 0 10px;
}

.stat h2 i {
    margin-right: 20px;
    font-size: 44px;
}

.stat-filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.stat-filtre .row {
    margin-bottom: 0;
}

.stat-filtre label {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2px;
}

.stat-filtre select {
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #adadad;
    color: #666;
    height: 40px;
    margin-right: 10px;
}

.stat-filtre .stat-select1 {
    padding-right: 0;
    padding-left: 10px;
}

.stat-filtre .stat-select2 {
    padding-right: 0;
    padding-left: 10px;
}

.stat-filtre .stat-select1 select {
    width: 100%;
}

.stat-filtre .RAZ {
    padding: 0 10px;
}

.stat-filtre .RAZ a.raz-btn {
    height: 65px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    line-height: 65px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
}

.stat-filtre .RAZ a.raz-btn:hover,
.stat-filtre .RAZ a.raz-btn:focus {
    background: #1b1b1c;
    color: #fff;
    text-decoration: none;
}

.stat-content h3 {
    font: 30px/34px "Oswald", sans-serif, cursive;
    text-transform: none;
    margin-bottom: 10px;
}

.stat-content h3 span {
    color: #8d8d8d;
    display: inline-block;
    vertical-align: middle;
}

.stat-content h3 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.stat-content .tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.stat-content .tabs .row {
    margin-bottom: 0;
}

.stat-content .tabs ul li a {
    background-color: #d3d3d3;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 25px;
    margin-bottom: 010px;
    display: block;
    position: relative;
    min-height: 90px;
}

.stat-content .tabs ul li.active a {
    background-color: #fff;
}

.stat-content .tabs ul li a:focus {
    outline: none;
}

.stat-content ul li a:hover::before,
.stat-content ul li a:focus::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d3d3d3;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all .2s ease-in-out;
}

.stat-content ul li.active a::before,
.stat-content ul li.active a:focus::before,
.stat-content ul li.active a:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all .2s ease-in-out;
}

.stat-content a {
    color: #1b1b1c;
}

.stat-content .tab-libel {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 0 015px 10px;
    border-right: 2px solid #aeaeae;
}

.stat-content .tab-evol {
    padding: 0 10px;
}

.stat-content .tab-evol i {
    padding: 10px 0;
}

.stat-content .tab-evol i {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: 00px;
    top: 00px;
    color: #7bc200;
    margin-right: 8px;
}

.stat-content .tab-evol .evol {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.stat-content .tab-evol .evol span {
    display: block;
}

.stat-content .tab-evol .evol .evol-chiffre {
    color: #7bc200;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
}

.stat-content .tab-evol .evol .evol-date {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.stat-content .evol-detail {
    padding: 10px 15px 0 0;
}

.stat-content .tabs .evol-detail div {
    background-color: #7bc200;
    width: 100%;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 2px;
    font-size: 12px;
}

.stat-content .tabs .evol-pas-ok i {
    color: #901919;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.stat-content .tabs .evol-pas-ok .evol-chiffre {
    color: #901919;
}

.stat-content .tabs .evol-detail div.evol-pas-ok {
    background-color: #901919;
}

.stat-content .tabs .no-evol i {
    color: #000;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.stat-content .tabs .no-evol .evol-chiffre {
    color: #000;
}

.tab-content .table>tbody>tr {
    border-top: none;
    padding: 10px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
}

.tab-content .table>tbody>tr:nth-child(2n) {
    background-color: #e8e8e8;
}

.btn-gris {
    background-color: #1f2e55 !important;
    color: #fff;
}

.btn-gris:hover,
.btn-gris:focus {
    background-color: #9fabb3;
}

.btn-gris:hover i,
.btn-gris:focus i {
    color: #1b1b1c !important;
}

.btn-retour {
    background-color: #8d8d8d;
    color: #fff;
}

.btn-retour:hover,
.btn-retour:focus {
    background-color: #1b1b1c;
}

#sections.col-lg-6 .btn-table {
    margin-top: 30px;
    float: left;
}

#sections.col-lg-6 div {
    float: right;
}

#form.boutique h2 {
    font-size: 50px;
    margin: 20px 0;
}

#form.boutique h2 i {
    margin-right: 20px;
    font-size: 44px;
}

.boutique .filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.boutique .filtre select {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #adadad;
    color: #666;
    width: 59%;
    margin-right: 10px;
}

.boutique .filtre .btn-filtre {
    background: #1b1b1c;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 16px;
}

.boutique .filtre .btn-filtre:hover,
.boutique .filtre .btn-filtre:focus {
    background: #901919;
}

.shop-box.categorie li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #1b1b1c;
    margin: 0;
}

.shop-box.categorie li a:hover,
.shop-box.categorie li a:focus {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.shop-box.categorie li a:hover::before {
    border: 2px solid #ddd;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ligne-panier {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.ligne-panier+.ligne-panier {
    border-top: none;
}

.ligne-panier .panier1 {
    width: calc(100% - 25px);
    display: inline-block;
}

.ligne-panier span {
    vertical-align: middle;
    font-weight: 400;
    height: 20px;
}

.ligne-panier span.ref {
    color: #ababab;
}

.ligne-panier span.quantite {
    padding: 0 5px;
    background-color: #d8d8d8;
    margin-right: 5px;
}

.ligne-panier a.trash,
#order-items a.trash,
#list-comments a.trash {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #fff;
    width: 20px;
    background-color: #901919;
    text-align: center;
    margin-top: 1px;
}

#list-comments a.trash {
    float: left;
}

#list-comments textarea {
    margin-bottom: 20px;
}

.ligne-panier a.trash:hover,
.ligne-panier a.trash:focus,
#order-items a.trash:hover,
#order-items a.trash:focus,
#list-comments a.trash:hover,
#list-comments a.trash:focus {
    background-color: #1b1b1c;
}

.panier-panier .total p {
    padding: 10px 0 0;
    margin: 0;
    font-weight: 700;
}

.boutique2 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    display: inline-block;
    width: calc(100% - 250px);
}

.boutique .shop-box.categorie .cat-change {
    float: right;
    width: 240px;
    text-align: right;
}

.boutique .shop-box.categorie .cat-change .btn-ok {
    font-weight: 700;
    background-color: #8d8d8d;
    border-radius: 2px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
}

.boutique .shop-box.categorie .cat-change .btn-ok:hover,
.boutique .shop-box.categorie .cat-change .btn-ok:focus {
    text-decoration: none;
    background-color: #1b1b1c;
}

.filtre-tri {
    background-color: #f2f2f2;
    padding: 10px 20px;
    margin-bottom: 0px !important;
}

.filtre-tri .result {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    padding-right: 20px;
}

.filtre-tri .tri-search {
    display: inline-block;
    vertical-align: middle;
}

.filtre-tri a.tri-ok {
    color: #1b1b1c;
    margin-left: -34px;
    padding: 2px 10px 2px 5px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    margin-right: 5px;
}

.filtre-tri a.tri-raz {
    color: #1b1b1c;
    text-decoration: underline;
    font-size: 14px;
}

.filtre-tri a:hover,
.filtre-tri a:focus {
    color: #901919;
}

.filtre-tri .form-inline {
    float: right;
}

.filtre-tri .form-inline label {
    font-weight: 400;
}

.filtre-tri .form-inline select {
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

.list-prod .prod.row {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 3px solid #f2f2f2;
}

.list-prod .img-prod {
    padding-right: 0;
}

.list-prod .desc {
    padding-left: 15px;
}

.list-prod .desc .promo {
    font-weight: 700;
    font-size: 16px;
    padding: 1px 7px;
    margin: 0;
    color: #fff;
    background-color: #901919;
    display: inline-block;
    line-height: 22px;
}

.list-prod .desc .article {
    font-weight: 700;
    font-size: 16px;
    padding-top: 5px;
    margin: 0;
}

.list-prod .desc .fournisseur {
    font-weight: 400;
    color: #6f6f73;
    margin: 0;
}

.list-prod .total-cta {
    padding-left: 0;
    text-align: right;
}

.list-prod .qt-prix {
    margin-bottom: 20px;
    display: inline-block;
}

.list-prod .total-cta .btn {
    font-size: 14px;
    line-height: 16px;
    float: right;
}

.list-prod .total-cta .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
}

.list-prod .total-cta .quantite a:hover,
.list-prod .total-cta .quantite a:focus {
    color: #901919;
}

.list-prod .total-cta .quantite a.plus {
    padding-right: 0;
}

.list-prod .total-cta .quantite a.minus {
    padding-left: 0;
}

.list-prod .total-cta .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.list-prod .total-cta .total {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 0;
    font-size: 16px;
    float: right;
    padding-top: 7px;
}

.list-prod .total-cta .total span.oldprice {
    display: inline-block;
    margin-right: 10px;
}

.list-prod .total-cta .total span.promo {
    color: #901919;
}

.cta .btn {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#msg-error,
.msg.error {
    background-color: #901919;
    display: none;
}

.msg.error td p {
    background-color: #901919;
    padding: 9px 18px;
}

#msg-error p,
.msg.error p {
    color: #fff;
}

#msg-error span.line,
.msg.error span.line {
    display: none;
    margin-top: 15px;
    font-style: italic;
}

.boutique3 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    margin-bottom: 30px;
}

.form-adresse {
    padding-top: 20px;
}

.shop-box.categorie .row {
    margin-bottom: 0;
}

.adress {
    border-right: 2px solid #f2f2f2;
    padding-right: 50px;
}

.adress+.adress {
    border-right: none;
    padding-left: 50px;
    padding-right: 15px;
}

.adress .title h4 {
    display: block;
    float: left;
    max-width: 50%;
    font-weight: 700;
    margin-top: 0;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
}

.adress .title select {
    display: block;
    float: right;
    width: 50%;
    color: #6f6f73;
    border-radius: 2px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    border: 1px solid #adadad;
}

.adress .title {
    margin-bottom: 20px;
}

.adress .form-adresse {
    clear: both;
}

.adress .form-adresse .row {
    margin-bottom: 2px;
}

.adress .form-adresse .label2 {
    text-align: right;
    line-height: 34px;
    font-weight: 400;
    padding: 0;
}

.adress .form-adresse .label2 p {
    text-align: right;
    margin: 0;
}

.adress .form-adresse .label2 label {
    font-weight: normal;
}

.adress .form-adresse .form-control {
    font-size: 14px;
    color: #6f6f73;
    border: none;
    background-color: #f2f2f2;
    border-radius: 2px;
}

.adress .form-adresse #liv_lib,
.adress .form-adresse #fac_lib {
    background-color: #f2f2f2;
    color: #6f6f73;
    border-radius: 2px;
    height: 34px;
    display: inline-block;
    width: 100%;
    line-height: 1.42857143;
    padding: 6px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.recap .row {
    margin-bottom: 0;
}

.recap .table-responsive {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.recap .table>thead>tr>th {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 0 6px 5px;
    background-color: #fff;
    color: #6f6f73;
    text-transform: uppercase;
    vertical-align: bottom;
    font-weight: 400;
}

.recap .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 34px;
    line-height: 24px;
    padding: 0 10px;
}

.recap .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
}

.recap .quantite a:hover,
.recap .quantite a:focus {
    color: #901919;
}

.recap .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.recap .total {
    text-align: right;
}

.recap .total2 p {
    text-transform: uppercase;
    font-size: 16px;
}

.recap .total2 p span {
    min-width: 80px;
    display: inline-block;
}

.recap .total2 .TTC {
    font-weight: 700;
}

.recap .table>tbody>tr.total2>td {
    border-bottom: none;
    padding-bottom: 0;
}

.recap .plus-moins {
    min-width: 115px;
}

.com a.btn-com {
    color: #1b1b1c;
    background-color: #f2f2f2;
    font-size: 14px;
}

.com a.btn-com:hover,
.com a.btn-com:focus {
    color: #fff;
    background-color: #1b1b1c;
}

.com .row {
    margin-bottom: 0;
}

.com p {
    font-weight: 400;
}

.com textarea {
    border: none;
    background-color: #f2f2f2;
    color: #6f6f73;
}

.boutique3 .cta .btn-rouge {
    color: #fff;
    float: right;
}

.boutique3 .cta .btn-rouge i {
    color: #1b1b1c;
}

.boutique3 .cta .btn-liste {
    text-transform: uppercase;
    float: right;
}

.boutique3 .cta .btn-liste span,
button.btn-cancel {
    text-decoration: underline;
    color: #1b1b1c;
}

button.btn-cancel {
    background: none;
}

.boutique3 .cta .btn-liste:hover span,
.boutique3 .cta .btn-liste:focus span {
    color: #901919;
}

.boutique3 .cta .btn-rouge:hover i,
.boutique3 .cta .btn-rouge:focus i {
    color: #901919;
}

.boutique3 .cta .btn-valider {
    float: right;
}

@media(min-width:992px) {

    .col-lg-3.col-md-4.cart,
    .col-md-3.cart {
        padding-right: 0;
    }
}

@media(max-width:1200px) {

    .boutique1 #sections.col-sm-12 .btn-table,
    .boutique2 #sections.col-sm-12 .btn-table {
        float: left;
    }

    .boutique1 #sections.col-lg-6 div,
    .boutique2 #sections.col-lg-6 div {
        float: left;
    }
}

@media only screen and(max-width:1199px) {
    .boutique .filtre .btn-filtre {
        max-width: 150px;
    }

    .boutique2 .shop-box h3 {
        width: 100%;
        padding-bottom: 5px;
    }

    .boutique .shop-box.categorie .cat-change {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .filtre-tri .form-inline {
        float: none;
        margin-top: 10px;
    }

    .list-prod .prod.row {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .list-prod .total-cta {
        padding-left: 15px;
    }

    .list-prod .qt-prix {
        margin: 6px 0 0 0;
        float: left;
    }

    .adress {
        padding-right: 15px;
    }

    .adress+.adress {
        padding-left: 15px;
    }

    .stat-content ul li a:hover,
    .stat-content ul li a:focus {
        text-decoration: none;
    }

    .stat-content .tab-libel {
        padding: 7px 15px 3px;
        border-right: none;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: scroll;
        max-height: 282px;
    }

    .boutique1 .panier {
        width: 160px;
    }
}

@media only screen and(max-width:991px) {
    .boutique .filtre .btn-filtre {
        max-width: 100%;
        width: 100%;
    }

    .boutique .filtre select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .shop-box.categorie li a {
        padding: 10px;
    }

    .shop-box.categorie li .image-cat {
        height: 60px;
        width: 100px;
    }

    .shop-box.categorie ul li {
        margin-bottom: 2px;
    }

    .form-inline.cat-change .form-group {
        max-width: calc(100% - 100px);
        float: left;
        margin-right: 10px;
    }

    .filtre-tri {
        margin-bottom: 0;
    }

    .adress {
        border-right: none;
        margin-bottom: 20px;
    }

    .adress+.adress {
        margin-bottom: 00px;
    }

    .adress .title select,
    .adress .title h4 {
        float: none;
    }

    .adress .title {
        margin-bottom: 0;
        text-align: center;
        border-top: 2px solid #f2f2f2;
        padding-top: 10px;
    }

    .boutique3 .shop-box h3 {
        margin-bottom: 10px;
    }

    .adress .title h4,
    .adress .title select {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .com .col-md-2 {
        margin-top: 10px;
    }

    .stat-filtre .stat-select2,
    .stat-filtre .stat-select1 {
        margin-bottom: 5px;
    }

    .stat-content ul li.active a::before,
    .stat-content ul li a::before {
        display: none !important;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: auto;
        max-height: none;
    }

    .boutique2 .panier,
    .boutique1 .panier {
        position: relative;
        width: 100%;
    }
}

@media only screen and(max-width:767px) {
    .shop-box {
        padding: 20px;
    }

    .shop-box h3 img {
        display: none;
    }

    #form.boutique h2 {
        font-size: 40px;
        margin: 10px 0;
    }

    #form.boutique h2 i {
        margin-right: 16px;
        font-size: 33px;
    }

    .boutique3 #sections.col-md-12,
    .boutique3 #sections.col-sm-12,
    .boutique3 #main-title.col-md-12,
    .boutique3 #main-title.col-sm-12 {
        width: 100%;
        float: left;
    }

    .boutique3 #sections.col-lg-6 .btn-table {
        float: left;
    }

    .boutique3 #sections.col-lg-6 div {
        float: left;
    }

    .filtre-tri input.search-box {
        width: calc(100% - 35px);
    }

    .list-prod .img-prod {
        padding-right: 15px;
    }

    .list-prod .img-prod img {
        margin: 0 auto;
    }

    .list-prod .desc {
        text-align: center;
    }

    .list-prod .total-cta {
        text-align: center;
    }

    .list-prod .qt-prix {
        display: inline-block !important;
        margin: 0 0 10px 0;
        float: left;
    }

    .boutique3 .cta .btn-valider,
    .boutique3 .cta .btn-retour,
    .boutique3 .cta .btn-liste {
        float: none;
        margin-top: 0;
        margin-bottom: 5px;
        width: 100%;
    }

    .adress .form-adresse .label2 p {
        text-align: left;
        margin: 0 15px;
    }

    .adress .form-adresse .label2 {
        text-align: center;
    }
}

.row.view.order input[type=text],
.row.view.order select,
.row.view.order textarea,
.row.view.order .recap .quantite {
    cursor: default !important;
    background: white !important;
    box-shadow: none !important;
    color: #1b1b1c !important;
    font-weight: bold !important;
}

.row.view.order .recap .quantite {
    height: auto;
}

.disable_element {
    pointer-events: none;
    cursor: default;
    opacity: .6;
}

.progress-statut {
    background: #fff;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 20px 0 40px;
}

.progress-titre {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
}

.progress-statut .progress {
    margin-top: 5px;
    background-color: #d9d9d9;
    border: 3px solid #d9d9d9;
    box-shadow: none;
    border-radius: 28px;
    margin-bottom: 5px;
    height: 28px;
}

.progress-statut .progress .progress-bar {
    background-color: #901919;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
    padding-right: 10px;
    font-weight: 700;
    text-align: right;
}

.bloc-questionnaire .progress .progress-bar {
    background-color: limegreen !important;
}

.progress-date {
    font-weight: 400;
    line-height: 18px;
}

.progress-date span {
    font-weight: 700;
    text-transform: uppercase;
}

.retro {
    margin-bottom: 60px;
}

.retro .row,
.retro p {
    margin-bottom: 0;
    font-weight: 400;
}

.retro-mini p {
    display: inline-block;
}

.retro-title h2 {
    font: 700 30px/32px "Open Sans", sans-serif;
    margin-bottom: 20px;
}

.retro .retro-content-titre {
    margin-bottom: 10px;
    padding-right: 30px;
}

.retro .retro-content-titre div {
    font-size: 14px;
    color: #929292;
    font-weight: 400;
}

.retro .retro-content {
    background: #fff;
    margin-top: 8px;
    cursor: pointer;
    padding: 20px 25px;
    font-weight: 400;
    transition: all 0.2s linear 0s;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.retro .ligne-pas-ok .retro-content {
    border-top: 3px solid #f97979;
    border-bottom: none;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .retro-content.collapsed {
    background: #d9d9d9;
    margin-top: 8px;
    padding: 20px 25px;
    font-weight: 400;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.action-detail {
    background: #fff;
    border-top: none;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    padding: 0 40px 30px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.retro .ligne-pas-ok .retro-content.collapsed {
    border-top: 3px solid #f97979;
    border-bottom: 3px solid #f97979;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .ligne-pas-ok .action-detail {
    border-top: none;
    border-bottom: 3px solid #f97979;
    border-left: 3px solid #f97979;
    border-right: 3px solid #f97979;
}

.retro .retro-content.collapsed+.action-detail {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.retro .retro-content.collapsed:hover {
    background: #fff;
}

.retro .retro-case1 i {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    margin-right: 20px;
    background: #1b1b1c;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}

.retro .retro-content.collapsed .retro-case1 i {
    transform: rotate(0deg);
}

.retro .retro-case1 p {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    margin: 0;
}

.retro-case4 i {
    font-size: 40px;
    color: #909f1c;
}

.ligne-pas-ok .retro-case4 i {
    color: #ff0000;
}

.action-detail1 {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px 50px;
}

.action-detail h3 {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: none;
}

.action-detail p {
    font-size: 14px;
}

.action-detail i {
    margin-right: 10px;
    font-size: 20px;
}

.retro .btn-rouge {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 15px 20px;
    float: right;
    background: #1f2e55;
}

.retro .btn-rouge:hover,
.retro .btn-rouge:focus {
    background: #9fabb3;
}

.action-detail2 {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px 00px;
    margin-left: 50px;
}

.action-detail2 .col-md-12 {
    padding: 0;
}

.action-detail3 {
    padding: 20px 0 20px 00px;
    margin-left: 60px;
}

.action-detail3 .col-md-12 {
    padding: 0 15px 0 0;
}

.action-detail3 .col-md-12 .comment-new {
    background: #f2f2f2;
    padding: 20px
}

.action-detail3 .col-md-12 .comment-new textarea,
textarea.edit-control {
    background: #f2f2f2;
    border: none;
    margin-bottom: 10px;
    font-size: 14px;
    color: #1b1b1c;
    width: 100%
}

textarea.edit-control {
    padding: 10px 11px;
}

.action-detail3 .col-md-12 .comment-new .btn {
    font-size: 14px;
    padding: 10px 20px;
}

.right {
    text-align: right;
}

.comment-titre,
.comment-p {
    display: inline-block;
    vertical-align: top;
}

.comment-p.comment-item.description:not(.active) {
    cursor: pointer;
}

.comment {
    margin-bottom: 20px;
    padding-top: 10px;
    position: relative;
}

.comment-titre {
    width: 150px;
    padding: 0 20px 0 0;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

.comment-titre img {
    float: right;
}

.comment-titre p {
    clear: both;
}

.comment-titre p span {
    color: #8d8b8b;
}

.comment-titre::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e5e5e5;
    border-style: solid;
    border-width: 8px;
    content: "";
    position: absolute;
    right: -16px;
    top: 5px;
}

.comment-p {
    width: calc(100% - 155px);
    padding-left: 20px;
    font-style: italic;
    color: #626263;
}

.row.assignation label {
    width: 200px;
    display: inline-block;
}

#filter-assignation {
    float: right;
    margin-right: 0px;
}

.question-action {
    position: relative;
}

.question-action .alerte.message {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    background: #fff none repeat scroll 0 0;
    border-radius: 14px;
    color: #901919;
    font-size: 14px;
    padding: 1px 7px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 100;
    border: 2px solid #901919;
    display: none;
}

.question-action .alerte.message i {
    padding-right: 3px;
}

.question-action .alerte.message span {
    font-weight: 500;
    line-height: 26px;
}

.question-action a.read {
    background-color: #1f2e55;
    color: white;
    padding: 5px 8px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.question-action a.read:hover {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .action-detail1 {
        padding: 20px 0;
    }

    .action-detail1 .col-md-9 {
        margin-bottom: 15px;
    }

    .retro .btn-rouge {
        float: left;
    }

    .action-detail2,
    .action-detail3 {
        margin-left: 0;
    }
}

.retro2 .row {
    margin-bottom: 0;
}

.retro2-th {
    font-weight: 700;
    margin-top: 40px;
    line-height: 20px;
    padding: 0 30px 10px;
}

.retro2-th span {
    font-weight: 400;
}

.retro2-th .th-restaurant {
    padding-left: 0;
    /*line-height: 36px*/
}

.retro2-th>div {
    padding: 0;
}

.retro2-th .col-md-3 .row {
    padding: 0 15px;
}

.retro2-th .col-md-3 .row .col-md-6 {
    padding: 0;
}

.retro2-ligne {
    background: #fff;
    display: block;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    color: #1b1b1c;
    margin-bottom: 15px;
}

.retro2-ligne:hover {
    color: #1b1b1c;
    text-decoration: none;
}

.retro2-ligne p {
    margin-bottom: 0;
}

.retro2-ligne .resto i {
    float: left;
    color: #a7a7a7;
    font-size: 20px;
}

.retro2-ligne .resto i.fa-intra-ent {
    line-height: 40px;
}

.retro2-ligne .resto .libelle {
    margin-left: 35px;
    line-height: 20px;
}

.retro2-ligne .resto .resto-libelle {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.retro2 .alerte {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    background: #fff none repeat scroll 0 0;
    border-radius: 14px;
    color: #ff0000;
    font-size: 14px;
    padding: 1px 7px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 100;
    border: 1px solid #ff0000;
}

.retro2 .alerte i {
    padding-right: 3px;
}

.retro2 .prevision,
.retro2 .statut {
    text-align: center;
    padding: 0;
}

.retro2 .prevision span,
.retro2 .statut span {
    border-radius: 5px;
    padding: 10px;
    margin: 0 10px 10px;
    background-color: #f2f2f2;
    display: block;
    height: 90px;
}

.retro2 .prevision span {
    line-height: 16px;
}

.retro2 .prevision span b {
    font-size: 24px;
    line-height: 30px;
}

.retro2 .statut span {
    line-height: 70px;
    font-size: 40px;
    color: #909f1c;
}

.retro2 .statut.statut-pas-ok span {
    color: #ff0000;
}

.retro2 .c100 {
    margin-top: 6px;
}


/***********************************************CIRCLE***************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    border: 0.15em solid #307bbb;
    border-radius: 50%;
    clip: rect(0em, 0.5em, 1em, 0em);
    height: 0.7em;
    position: absolute;
    width: 0.7em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 auto 10px;
    background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100:hover {
    cursor: pointer;
}

.c100>span {
    position: absolute;
    font-weight: 700;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #909f1c;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    background-color: #f5f5f5;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 0.8em;
    left: 0.1em;
    position: absolute;
    top: 0.1em;
    width: 0.8em;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.vert .bar,
.c100.vert .fill {
    border-color: #909f1c !important;
}

.c100.rouge .bar,
.c100.rouge .fill {
    border-color: #1f2e55 !important;
}

.c100.rouge {
    background-color: #1f2e55 !important;
}

.c100.rouge span {
    color: #1f2e55 !important;
}

.selectpicker {
    width: 75%;
    margin-right: 5px;
    height: 40px;
}

textarea.edit-control {
    padding: 10px 11px;
}

p.cgu {
    text-align: justify;
}

p.cgu label {
    font-weight: 700;
    display: inline;
}

p.cgu input {
    margin-right: 10px;
}

select.select-assigned {
    padding: 5px 8px;
    width: 233px;
    margin-bottom: 10px;
    border: 1px solid #1b1b1c;
    background-color: white;
    margin-left: 5px;
}

.toolbar2 {
    margin-top: 0px !important;
}

.toolbar2 div.right {
    width: 30%;
}

.toolbar2 div.right .btn-table {
    margin-right: 0px !important;
}


/**************************************************************************************************************HEADER **************************************************************************************************************/

.navbar-inverse {
    background-color: #1b1b1c;
}


/**************************************************************************************************************HOME *******************************************************************************************************/

.box-mot p.mot-president span {
    padding: 0 10px;
}

.box-mot p.mot-president:before,
.box-mot p.mot-president:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    background-color: #868687;
}

.box-mot p.mot-president:before {
    margin-left: -50%;
    text-align: right;
}


/**************************************************************************************************************TABLEAUX -**************************************************************************************************************/

.sticky-table-header>.table {
    margin-bottom: 0;
}

.sticky-table-header>.table-bordered>thead>tr>th:first-child,
.sticky-table-header>.table-bordered>tbody>tr>th:first-child,
.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,
.sticky-table-header>.table-bordered>thead>tr>td:first-child,
.sticky-table-header>.table-bordered>tbody>tr>td:first-child,
.sticky-table-header>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.sticky-table-header>.table-bordered>thead>tr>th:last-child,
.sticky-table-header>.table-bordered>tbody>tr>th:last-child,
.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,
.sticky-table-header>.table-bordered>thead>tr>td:last-child,
.sticky-table-header>.table-bordered>tbody>tr>td:last-child,
.sticky-table-header>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.sticky-table-header>.table-bordered>tbody>tr:last-child>th,
.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,
.sticky-table-header>.table-bordered>tbody>tr:last-child>td,
.sticky-table-header>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}


/* DatePicker Table */

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.questionnaireRep {
    display: none;
}

.questionnaireRep:first-child {
    display: block;
}

.onglets {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}


/* -------------------------------------------------------------*/


/* Gestion des erreurs */


/* -------------------------------------------------------------*/

#content>div.error {
    visibility: hidden !important;
    position: absolute;
}

a.error {
    display: none;
}

div.error {
    margin: 0 !important;
    display: none;
    border-width: 10px;
    border-style: solid;
}

div.error .title {
    display: block;
    height: 12px;
    padding: 4px 8px;
    background-position: top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


/* E_STRICT */

div.error>textarea {
    color: #F00;
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    font-weight: bold;
    border: 0;
}

div.error>textarea.sql {
    display: block;
    width: 100%;
    white-space: pre;
    font-family: fixed, monospace;
    height: 256px;
    background-color: #FFD;
    border: 1px solid #CCB;
    font-weight: normal;
}


/**************************************************************************************************************HEADER **************************************************************************************************************/

body {
    padding-top: 105px;
}

body.login {
    padding-top: 0px;
}


/**************************************************************************************************************HOME *******************************************************************************************************/

p.date span {
    text-decoration: underline;
    margin-left: 10px;
}


/**************************************************************************************************************TABLEAUX -**************************************************************************************************************/

.table-responsive>.table-bordered {
    border: 0;
}

.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}

.table-responsive[data-pattern="priority-columns"] {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-radius: 0px;
    border: none;
    -webkit-overflow-scrolling: touch;
}

.table-responsive[data-pattern="priority-columns"]>.table {
    margin-bottom: 0;
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered {
    border: 0;
}

table.table-small-font {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    line-height: 1.5em;
}

table.focus-on tbody tr:hover {
    cursor: pointer;
}

.sticky-table-header>.table>thead>tr>th,
.sticky-table-header>.table>tbody>tr>th,
.sticky-table-header>.table>tfoot>tr>th,
.sticky-table-header>.table>thead>tr>td,
.sticky-table-header>.table>tbody>tr>td,
.sticky-table-header>.table>tfoot>tr>td {
    white-space: nowrap;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none;
    padding: 6px;
}

.table>thead>tr>th {
    border-top: none;
    padding: 15px 6px 10px;
    background-color: #1b1b1c;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0;
    vertical-align: bottom;
    font-weight: 400;
}

.table>tbody>tr>.col-1,
.table>thead>tr>th.col-1 {
    padding-left: 15px;
}

.table>tbody>tr>td.col-2 {
    max-width: 88px;
}

.table>tbody>tr>td.col-3 {
    max-width: 80px;
}

.table>tbody>tr>td.col-6 {
    max-width: 140px;
}

.table>tbody>tr>td.col-10,
.table>thead>tr>th.col-10 {
    padding-right: 15px;
}

table>tbody>tr:hover {
    background-color: #ddd !important;
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}

.table-responsive>.table>tbody>tr>td.col-4,
.table-responsive>.table>tbody>tr>td.col-5 {
    white-space: nowrap;
}


/*** date picker ***/

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}


/* DatePicker Table */

.ui-datepicker table {
    width: 100%;
    background-color: #f7f7f7;
}

.ui-datepicker-header {
    /*background: url('/img/dark_leather.png') repeat 0 0 #000;*/
    color: #e0e0e0;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('/img/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: linear-gradient(top, #ededed 0%, #dedede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}


/**Stylesheet: Slideshow.cssCSS for Slideshow.License:MIT-style license.Copyright:Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).HTML:<div class="slideshow"><div class="slideshow-images" /><div class="slideshow-captions" /><div class="slideshow-controller" /><div class="slideshow-loader" /><div class="slideshow-thumbnails" /></div>Notes:These next four rules are set by the Slideshow script.You can override any of them with the !important keyword but the slideshow probably will not work as intended.*/

.slideshow-images img {
    float: left;
    left: 0;
    top: 0;
}


/**Notes:These are examples of user-defined styles.Customize these classes to your usage of Slideshow.*/

.slideshow {
    height: 300px;
    margin: 0 auto;
    width: 400px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "jquery-filer";
        src: url("/dyn.php?a=svg&svg=inc/Attachments/View/assets/fonts/jquery.filer-icons/jquery-filer.svg#jquery-filer") format("svg");
    }
}

[data-icon]:before {
    content: attr(data-icon);
}

[data-icon]:before,
.icon-jfi-ban:before,
.icon-jfi-calendar:before,
.icon-jfi-check:before,
.icon-jfi-check-circle:before,
.icon-jfi-cloud-o:before,
.icon-jfi-cloud-up-o:before,
.icon-jfi-comment:before,
.icon-jfi-comment-o:before,
.icon-jfi-download-o:before,
.icon-jfi-exclamation:before,
.icon-jfi-exclamation-circle:before,
.icon-jfi-exclamation-triangle:before,
.icon-jfi-external-link:before,
.icon-jfi-eye:before,
.icon-jfi-file:before,
.icon-jfi-file-audio:before,
.icon-jfi-file-image:before,
.icon-jfi-file-o:before,
.icon-jfi-file-text:before,
.icon-jfi-file-video:before,
.icon-jfi-files-o:before,
.icon-jfi-folder:before,
.icon-jfi-heart:before,
.icon-jfi-heart-o:before,
.icon-jfi-history:before,
.icon-jfi-infinite:before,
.icon-jfi-info:before,
.icon-jfi-info-circle:before,
.icon-jfi-minus:before,
.icon-jfi-minus-circle:before,
.icon-jfi-paperclip:before,
.icon-jfi-pencil:before,
.icon-jfi-plus:before,
.icon-jfi-plus-circle:before,
.icon-jfi-power-off:before,
.icon-jfi-question:before,
.icon-jfi-question-circle:before,
.icon-jfi-reload:before,
.icon-jfi-settings:before,
.icon-jfi-sort:before,
.icon-jfi-times:before,
.icon-jfi-times-circle:before,
.icon-jfi-trash:before,
.icon-jfi-upload-o:before,
.icon-jfi-user:before,
.icon-jfi-view-grid:before,
.icon-jfi-view-list:before,
.icon-jfi-zip:before {
    display: inline-block;
    font-family: "jquery-filer";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    /*text-rendering: optimizeLegibility;*/
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /* font-smoothing: antialiased;*/
}


/************************BOUTIQUE PAGE PANIER*************************/


/*bloc stat*/

.stat-content ul li a:hover::before,
.stat-content ul li a:focus::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d3d3d3;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content ul li.active a::before,
.stat-content ul li.active a:focus::before,
.stat-content ul li.active a:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content a {
    color: #1b1b1c;
}

.stat-content .tab-libel {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 0 015px 10px;
    border-right: 2px solid #aeaeae;
}

.stat-content .tab-evol {
    padding: 0 10px;
}

.stat-content .tab-evol i {
    padding: 10px 0;
}

.stat-content .tab-evol i {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: 00px;
    top: 00px;
    color: #7bc200;
    margin-right: 8px;
}

.stat-content .tab-evol .evol {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.stat-content .tab-evol .evol span {
    display: block;
}

.stat-content .tab-evol .evol .evol-chiffre {
    color: #7bc200;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
}

.stat-content .tab-evol .evol .evol-date {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.stat-content .evol-detail {
    padding: 10px 15px 0 0;
}

.stat-content .tabs .evol-detail div.no-evol {
    background-color: #901919
}

.stat-content .tab-content {
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px;
}

.stat-content .tab-content .table-bloc {
    overflow-y: scroll;
    max-height: 210px;
    border-bottom: 2px solid #d3d3d3;
    border-top: 2px solid #d3d3d3;
}

.stat-content .tab-content p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

.stat-content .tab-content .total {
    text-align: right;
}

.tab-content .table>tbody>tr:nth-child(2n) {
    background-color: #e8e8e8;
}

.bloc-filtre-container {
    margin-bottom: 0;
}


/************************BOUTIQUE *************************/

.boutique3 #sections.col-md-12,
.boutique3 #sections.col-sm-12,
.boutique3 #main-title.col-md-12,
.boutique3 #main-title.col-sm-12 {
    width: 50%;
    float: left;
}

.shop-box {
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 40px;
    margin-bottom: 20px;
    background: #fff;
}

.shop-box h3 {
    font: 32px/36px "Oswald", sans-serif, cursive;
    text-transform: none;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

.shop-box h3 img {
    float: right;
    position: relative;
    top: -10px;
}

.shop-box.categorie ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.shop-box.categorie ul li {
    margin-bottom: 10px;
}

.shop-box.categorie li a {
    display: block;
    position: relative;
    padding: 5px;
}

.shop-box.categorie li .image-cat {
    height: 124px;
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    overflow: hidden;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.shop-box.categorie li a:hover,
.shop-box.categorie li a:focus {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.shop-box.categorie li a:hover::before {
    border: 2px solid #ddd;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.shop-box.categorie li.leaf-3 .fa-caret-right::before {
    color: black;
}

.shop-box.categorie li.leaf-3 a {
    margin-left: 300px;
}

.shop-box.categorie li.leaf-3 .image-cat {
    display: none;
}


/************************Le petit panier*************************/

.panier {
    margin-top: 16px;
    position: fixed;
    width: 220px;
}

.boutique .btn-rouge {
    background: #1f2e55;
}

.boutique .btn-rouge:hover,
.boutique .btn-rouge:focus {
    background: #1b1b1c;
}

.boutique .btn-panier {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 15px 20px;
    width: 100%;
    margin-bottom: 20px;
}

.panier-content {
    background: #1b1b1c;
    padding: 5px;
    position: relative;
}

.panier-content::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1b1b1c;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    margin-left: calc(50% - 15px);
    top: -20px;
}

.panier-content-1 {
    background: #fff;
    padding: 15px;
}

.panier-vide .panier-panier {
    text-align: center;
}

.panier-vide .btn-panier,
.panier-vide .btn-panier:focus,
.panier-vide .btn-panier:hover {
    background-color: #ddadb6;
    color: #eed9dd;
}

.center {
    text-align: center;
}

.panier-content-1 h3 {
    padding: 10px;
}

.panier-content-1 p {
    font-weight: 400;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}


/************************BOUTIQUE PAGE PRODUITS*************************/


/*filtres*/

.filtre-tri input.search-box {
    width: 165px;
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

.filtre-tri a.tri-ok {
    color: #1b1b1c;
    margin-left: -34px;
    padding: 2px 10px 2px 5px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    margin-right: 5px;
}

.filtre-tri a.tri-raz {
    color: #1b1b1c;
    text-decoration: underline;
    font-size: 14px;
}

.filtre-tri a:hover,
.filtre-tri a:focus {
    color: #901919;
}

.filtre-tri .form-inline {
    float: right;
}

.filtre-tri .form-inline label {
    font-weight: 400;
}

.filtre-tri .form-inline select {
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400;
}

#cat-filter #filter_dcs {
    width: 200px;
}


/***articles de listing***/

.list-prod .total-cta .btn.full-width {
    display: inline-block;
    width: 100%;
}

.list-prod .total-cta .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 39px;
    line-height: 24px;
    padding: 0px 10px;
    float: left;
    margin-bottom: 10px;
    margin-right: 30px;
}

.list-prod .total-cta .quantite.promo {
    margin-top: 6px;
}

.list-prod .total-cta .quantite .qt-chiffre input,
#cart-order .quantite .qt-chiffre input {
    border: 0px;
    width: 26px;
    text-align: center;
    background-color: #f2f2f2;
}

.list-prod .total-cta .quantite .qt-chiffre input {
    width: 45px;
}

.list-prod .total-cta .total {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 0px;
    font-size: 16px;
    float: right;
    padding-top: 7px;
    margin-bottom: 11px;
    margin-right: 30px;
}

.list-prod .total-cta .total.promo {
    padding-top: 0px;
}

.list-prod.pager {
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}

.list-prod.pager a {
    padding: 0px 7px;
}


/************************BOUTIQUE PAGE PANIER*************************/

.recap .table>tbody>tr>td {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 15px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
}

a.repiq-view-file {
    margin-bottom: 10px;
    display: inline-block;
}

a.repiq-view-file i {
    padding-right: 5px;
}

#list-comments,
#list-comments div.comment-item {
    margin-bottom: 30px;
}

pre.p {
    background-color: #FFC;
    padding: 10px;
}

body>pre.p {
    margin: 77px 0 0;
}

body div.p {
    background-color: #FFC;
    font-family: Tahoma, Verdana, helvetica, sans-serif;
    color: black !important;
    font-size: 11px;
    position: absolute;
    box-shadow: #000 2px 2px 8px;
    z-index: 99;
    border: 1px solid #CCA;
    margin: 5px;
    line-height: 14px;
    text-align: left;
    padding: 0 !important;
    white-space: normal;
    width: auto !important;
}

body div.p a img,
body div._pb a img {
    padding: 0 !important;
    border: 0 !important;
    width: 15px !important;
    height: 15px !important;
}

body div.p p._p_title {
    float: none !important;
    margin: 0 0 5px 0 !important;
    padding: 4px 8px 4px 8px !important;
    background: #CCA !important;
    font-weight: bold;
    font-size: 12px;
    cursor: move;
    width: auto !important;
}

body div._pb p._p_title {
    display: none;
}

body div.p p._p_title a {
    float: right !important;
    margin-left: 19px !important;
    margin-right: -5px !important;
}

body div.p div,
body div._pb div {
    margin: 0 0 0 20px !important;
    padding: 0 5px 5px 0 !important;
    width: auto !important;
    color: black !important;
    text-transform: none;
}

body div._p_sub {
    margin-left: 10px;
    display: none;
}

body div.p span {
    font-size: 11px !important;
    text-transform: none !important;
}

body div.p span._p_key {
    position: absolute;
    width: 96px;
    display: inline-block !important;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
}

body div.p span._p_key span {
    border: 1px solid transparent;
}

body div.p span._p_key img {
    margin-left: 3px;
}

body div.p span._p_key.over {
    overflow: visible;
}

body div.p span._p_key.over span {
    background-color: white;
    border: 1px solid #EEB;
}

body div.p span._p_val {
    display: inline-block;
    padding: 1px 3px 1px 99px;
    border: 1px solid transparent;
}

body div.p span._p_val_null {
    color: #777 !important;
    font-weight: bold;
}

body div.p span._p_val_object {
    color: green !important;
    font-weight: bold;
}

body div.p span._p_val_resource {
    color: #008B8B !important;
    font-weight: bold;
}

body div.p span._p_val_string {
    color: red !important;
    font-family: monospace;
    line-height: 14px;
    display: block;
    float: right;
}

body div.p textarea._p_val_string {
    color: red !important;
    font-family: monospace;
    background-color: transparent;
    border: 0;
    font-size: 11px;
    margin: 0;
    float: right;
    line-height: 14px;
}

body div.p span._p_val_bool {
    color: #009 !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_int {
    color: #00F !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_float {
    color: #8B008B !important;
    white-space: pre;
    font-family: monospace;
}

body div.p span._p_val_count {
    color: #999 !important;
    font-style: italic;
    display: inline-block;
    width: 60px;
    float: left;
}

body div.p a,
body div._pb a {
    text-decoration: none;
    color: black !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body div.p a:hover,
body div.p a:hover span,
body div._pb a:hover,
body div._pb a:hover span {
    text-decoration: underline;
    color: #369;
}

body div.p div a img._p_tree {
    position: absolute;
    display: inline !important;
    padding: 0 !important;
    margin: 2px 0 0 -13px !important;
    width: 9px !important;
    height: 9px !important;
}

table._p_debug_backtrace {
    color: black;
    background-color: #EEE;
    margin: 10px;
    border-collapse: collapse;
}

table._p_debug_backtrace th,
table._p_debug_backtrace td {}

table._p_debug_backtrace th {
    padding: 3px 4px;
    background-color: #666;
    border: 1px solid #666;
    color: white;
}

table._p_debug_backtrace td {
    padding: 3px 4px;
    border: 1px solid #ccc;
}

table._p_debug_backtrace td._p_method {
    font-family: fixed, monospace;
}

table._p_debug_backtrace tr._p_first td._p_log_handler {
    color: #aaa;
}

table._p_debug_backtrace tr._p_first td._p_file {
    color: red;
    font-weight: bold;
}

#content table.list tr.th th.sort_asc a {
    background: none;
    border: 0;
    color: white;
}

#content table.list tr.th th.sort_desc a {
    background: none;
    border: 0;
    color: white;
}

#content table.list tr.th th a,
#content table.list tr.th th span,
.sortable a {
    background-color: #d0d0d0;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #c6c6c6;
    border-top: 1px solid #e6e6e6;
    color: black;
    display: block;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
}

#content table.list tr.th th a {
    background: none;
    border: none;
    font-weight: 400;
    color: #fff;
}

#content table.list tr.th th a:hover {
    background: none;
    border: none;
    font-weight: 400;
    color: #fff;
}

body.login {
    padding-top: 160px;
}

.ui-icon:before {
    content: "\f11d";
}

.dropdown-menu>li>a:hover {
    cursor: pointer;
}

h1.h1-open {
    font: 34px/36px "Istok Web", sans-serif, cursive !important;
    text-transform: uppercase;
    font-stretch: condensed;
    font-weight: 400;
    font-size: 34px;
    line-height: 36px;
    font-style: normal;
}

h1.h1-open {
    color: #ee1c25 !important
}

#content {
    padding-left: 100px;
    padding-right: 20px;
}

body.login #content {
    padding-left: 20px;
    padding-right: 20px;
}

div#wdp {
    text-align: center;
}

div#loginwd {
    display: inline-block;
    margin: auto;
}

@media screen and (max-width: 450px) {
    div#loginwd {
        width: 300px;
    }

    a.logo-login img {
        width: 250px;
    }
}

h1.h1-open,
div.ariane.hidden-sm.hidden-xs span,
div#form h2 {
    color: #1f2e55 !important;
}

div.row.NosAdresses h1.Titre-TypeAdresse {
    margin-left: 15px !important;
}

div.row.NosAdresses h2.Titre-TypeAdresse {
    margin-left: 15px !important;
    font-size: 22px !important;
}

div#row h1.h1-open {
    margin-left: 30px !important;
}

p.text-add.animationIndex span.infoTel i+a {
    color: #1f2e55 !important;
    text-decoration: none;
}

span.infoTel a {
    color: #1f2e55 !important;
    text-decoration: none;
}

button#add_event.btn.btn-agenda span {
    color: #1f2e55 !important;
}

button#add_event.btn.btn-agenda i {
    background-color: #1f2e55 !important;
}

span.event_type_color {
    background-color: #1f2e55 !important;
}


/*div.resto-libelle i, div.nom-libelle i, div.col-md-6.statut.statut-pas-ok.col-sm-6.col-xs-6 span i, div.alerte i{
    color: #1f2e55 !important;
	color: #909f1c !important;
}*/

span.visite-notif span a {
    color: #1f2e55 !important;
    text-decoration: none;
}

div.col-md-12.box-txt.titre-visite i,
div.col-md-12.box-txt i,
.bloc-news .box i.i-box {
    color: #fff !important;
    background-color: #1f2e55 !important;
}

tbody#content_tbody_franch_candidature tr td a {
    color: #1f2e55 !important;
    text-decoration: none;
}

.animationIndex>span>a:hover,
.animationIndex>span>a:focus {
    /*background-color: #9fabb3;*/
}


/*********************************************************************************************
scrollbar
**********************************************************************************************/


/* width */

::-webkit-scrollbar {
    width: 8px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* Home blocs D2A */
body {
    background-color: #e4e4e4;
}


/* HOME BLOCS CSS */

.home-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1em;
}

.large-home-form-bloc {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    min-width: 38em;
    padding: 1.5em 2em 3em 5em;
    background-color: #0379a4;
    border-radius: 6px;
    -webkit-box-shadow: 4px 2px 18px -13px #000000;
    box-shadow: 4px 2px 18px -13px #000000;
    width: 70%;
    margin-top: 1em;
}


.large-title-bloc {
    flex: 1;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    margin-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.small-home-bloc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff !important;
    font-size: 22px;
    padding: 1.5em;
    background-color: #0379a4;
    border-radius: 6px;
    -webkit-box-shadow: 4px 2px 18px -13px #000000;
    box-shadow: 4px 2px 18px -13px #000000;
    max-width: 9em;
    min-width: 9em;
    margin-top: 0.65em;
    margin-left: 0.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-multiple-buttons-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3px;
    flex: 1;
    margin-left: 2em;
}

.caption-and-image {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.form-caption {
    color: white;
    width: 95%;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 1em;
}

.form-home-button {
    display: block;
    width: 56px;
    height: 56px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    background: #9fabb3;
    margin: 2px 4px 2px 0;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.form-home-button:hover {
    cursor: pointer;
    background-color: #23527C;
    color: white;
    text-decoration: none;
}

.form-home-button-large {
    display: block;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: #9fabb3;
    margin: 2px 4px 2px 0;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.form-home-button-large:hover {
    cursor: pointer;
    background-color: #23527C;
    color: white;
    text-decoration: none;
}

.img-responsive {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.input-form-home {
    height: 4.2em;
    margin-top: 0.1px;
    margin-right: 2px;
    padding: 1.7em;
}

.input-form-home-large {
    height: 4.2em;
    margin-top: 0.1px;
    margin-right: 2px;
    margin-bottom: 1em;
    padding: 1.7em;
    width: 90%;
}

.home-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

.input-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1em;
}

.small-home-bloc:hover {
    cursor: pointer;
    background-color: #23527C;
    text-decoration: none;
    color: #fff !important;
    text-decoration: none;
}

.large-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.img-bloc-home {
    margin-top: 2em;
}

.small-title-bloc {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: bold;
}
/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(dyn.php?a=img&src=controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(dyn.php?a=img&src=controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(dyn.php?a=img&src=controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(dyn.php?a=img&src=controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(dyn.php?a=img&src=controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(dyn.php?a=img&src=controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

/*!
 * CSS jQuery.filer
 * Theme: DragDropBox
 * Copyright (c) 2016 CreativeDream
 * Version: 1.2 (22-Aug-2016)
*/

/*-------------------------
	Input
-------------------------*/
.jFiler-input-dragDrop {
    display: block;
    width: 100%;
    margin: 10px auto 25px auto;
    padding: 5px;
    color: #97A1A8;
    background: #F9FBFE;
    border: 2px dashed #C8CBCE;
    text-align: center;
    -webkit-transition: box-shadow 0.3s,
                        border-color 0.3s;
    -moz-transition: box-shadow 0.3s,
                        border-color 0.3s;
    transition: box-shadow 0.3s,
                        border-color 0.3s;
}

.jFiler.dragged .jFiler-input-dragDrop {
    border-color: #aaa;
    box-shadow: inset 0 0 20px rgba(0,0,0,.08);
}

.jFiler.dragged .jFiler-input-dragDrop * {
    pointer-events: none;
}

.jFiler.dragged .jFiler-input-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.jFiler.dragged .jFiler-input-text,
.jFiler.dragged .jFiler-input-choose-btn {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.jFiler-input-dragDrop .jFiler-input-icon {
    font-size: 32px;
    margin-top: -10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.jFiler-input-text h3 {
    margin: 0;
    font-size: 18px;
}
.jFiler-input-text>h3 {
    font-size: 14px!important;
}

.jFiler-input-text span {
    font-size: 12px;
}

.jFiler-input-choose-btn {
    display: inline-block;
    padding: 8px 14px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #8d9496;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    vertical-align: middle;
    *background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.05);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.jFiler-input-choose-btn:hover,
.jFiler-input-choose-btn:active {
    color: inherit;
}

.jFiler-input-choose-btn:active {
    background-color: #f5f5f5;
}

/* gray */
.jFiler-input-choose-btn.gray {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fcfcfc,#f5f5f5);
    background-image: -o-linear-gradient(top,#fcfcfc,#f5f5f5);
    background-image: linear-gradient(to bottom,#fcfcfc,#f5f5f5);
    background-image: -moz-linear-gradient(top,#fcfcfc,#f5f5f5);
}

.jFiler-input-choose-btn.gray:hover {
    filter: alpha(opacity=87);
    opacity: 0.87;
}

.jFiler-input-choose-btn.gray:active {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#fcfcfc));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#fcfcfc);
    background-image: -o-linear-gradient(top,#f5f5f5,#fcfcfc);
    background-image: linear-gradient(to bottom,#f5f5f5,#fcfcfc);
    background-image: -moz-linear-gradient(top,#f5f5f5,#fcfcfc);
}

/* blue */
.jFiler-input-choose-btn.blue {
    color: #48A0DC;
    border: 1px solid #48A0DC;
}

.jFiler-input-choose-btn.blue:hover {
    background: #48A0DC;
}

.jFiler-input-choose-btn.blue:active {
    background: #48A0DC;
}

/* green */
.jFiler-input-choose-btn.green {
    color: #27ae60;
    border: 1px solid #27ae60;
}

.jFiler-input-choose-btn.green:hover {
    background: #27ae60;
}

.jFiler-input-choose-btn.green:active {
    background: #27ae60;
}

/* red */
.jFiler-input-choose-btn.red {
    color: #ad0d2a;
    border: 1px solid #ad0d2a;
}

.jFiler-input-choose-btn.red:hover {
    background: #ad0d2a;
}

.jFiler-input-choose-btn.red:active {
    background: #E05252;
}

/* black */
.jFiler-input-choose-btn.black {
    color: #555;
    border: 1px solid #555;
}

.jFiler-input-choose-btn.black:hover {
    background: #555;
}

.jFiler-input-choose-btn.black:active {
    background: #333;
}

.jFiler-input-choose-btn.blue:hover,
.jFiler-input-choose-btn.green:hover,
.jFiler-input-choose-btn.red:hover,
.jFiler-input-choose-btn.black:hover {
    border-color: transparent;
    color: #fff;
}

.jFiler-input-choose-btn.blue:active,
.jFiler-input-choose-btn.green:active,
.jFiler-input-choose-btn.red:active,
.jFiler-input-choose-btn.black:active {
    border-color: transparent;
    color: #fff;
    filter: alpha(opacity=87);
    opacity: 0.87;
}

.icon-jfi-file-o {
	font-size: 12px!important;
}

.jFiler-item-title, .jFiler-item-others {
    text-decoration: none!important;
    margin: 0 0px 0 0!important;
}

.jFiler-item-others>i {
    color: #1b1b1c!important;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success, .text-success>i {
    color: #3C763D!important;
}

/*!
 * CSS jQuery.filer
 * Copyright (c) 2016 CreativeDream
 * Version: 1.2 (22-Aug-2016)
*/
@import url('./dyn.php?a=css&css=inc/Attachments/View/assets/fonts/jquery.filer-icons/jquery-filer.css');

/*-------------------------
    Basic configurations
-------------------------*/
.jFiler * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jFiler {
    font-family: sans-serif;
    font-size: 14px;
    color: #494949;
}

/* Helpers */
.jFiler ul.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.jFiler .pull-left {
    float: left;
}

.jFiler .pull-right {
    float: right;
}

/* File Icons */
span.jFiler-icon-file {
    position: relative;
    display: block;
    background: #e1e1e1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAEACAYAAADsqNl9AAAD5klEQVR42u3azUqUURjA8bHAEpIK+9hlRBGC0QfVustI+oAo2nQJgYGFFEUhJF1NUVAXEC6iSyhIDCoX5js9Z5xpXmxsRjOdmfP7wfPqwtWZ589xhqlUN2Y5Zi5mJmYi5lzMgZhdFbpavEb32sxsURSfq5mqrPPv52MexYxZrb4NIusoOgoiDudb/JiMGbZSWQSRbRSdBPEqZtQqZRdEllFU2rxPuB8zYI2yDSK7KNYKYinmlvURRG5RVNa4GW5aHUHkGEWrIKasjSByjWJ1EC+tjCByjqKy6qPVI1ZGEDlHUb4h7loXQeQeRSOILzF7rIsgco+iEcS0VRGEKFaCSB+znrQqghDFShDvrYkgRNEM4pk1EYQomkFctiaCEEUziDPWRBCiaAYxYk0EIYpmEIPWRBCiqAeBIEQhCEGIQhBsWxA9E4UNEYQoBCEIUQiC7giiq6OwIYIQhSAEIQpB0H1BdF0UNkQQohCEIEQhCLo7iFoUMZ8EgSC6JAobIghRCEIQohAEvRXEtkRhQwQhCkEIQhSCoHeD2LIobIggRCEIQYhCEPRHEP81ChsiCFEIQhCiEAT9F8SmR2FDBCEKQQhCFIKgv4PYlChsiCD6bZ7/SxQ2RBCiEIQgRCEI8gpiQ1HYEEGIQhCCEIUgyDeIjqOwIYIQhSAEIQpBsBLEKVGsHYUNcUuIQhCCMK2jsB2CEEUpCtshClOKwmYIwpSisBn5BjEqgj+jsBluCVMaWyEKIQiCUhCXhCAI3BKC4K9RXBeEIHBbCALvKwTBRuO4IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyEi1Wh10ClBrYXd6jDgKqAVxMD3OOgqoBXE+PSYcBdSCuJIeM44CakHMpseco4BKpSiKDymI5Zgxx0Hmt8N4TDX9kjx0JGQexONyEPMxw46FTGPYF7NQDiKZdDRkGsSDRgTlIL7HHHU8ZBbD8ZjFVkEkr2MGHBOZxLAj5m05gNVBJNOOipzeSLcLIn0Me9tx0ecx3KnvetsgkiVR0Ocx/Gy1+GsF0bgppr2noI9C2BnzpNXN0EkQDW9ijjlOejyGEzHv2i17J0EkP2KmYvY6WnoshP31/3QWO1n0ToNoWKhfOeOOmi4P4XTM06Iovq5nwdcbxG/pm4Hp67IxV2MuxByKGfJSsMWLPxRzOOZizLWYF7GbHze6178AQI59RSRyAJkAAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    width: 57px;
    height: 74px;
    line-height: 90px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

span.jFiler-icon-file i[class*="icon-jfi-"] {
    font-size: 24px;
}

span.jFiler-icon-file.f-image {
    background-color: #e15955;
}

span.jFiler-icon-file.f-video {
    background-color: #4183d7;
}

span.jFiler-icon-file.f-audio {
    background-color: #5bab6e;
}

/* Progress Bar */
.jFiler-jProgressBar {
    height: 14px;
    background: #f1f1f1;
    margin-top: 3px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.jFiler-jProgressBar .encode {
    color: #428bca !important;
}

.jFiler-jProgressBar .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50A1E9;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.jFiler-jProgressBar .bar.dark {
    background-color: #555;
}

.jFiler-jProgressBar .bar.blue {
    background-color: #428bca;
}

.jFiler-jProgressBar .bar.green {
    background-color: #5cb85c;
}

.jFiler-jProgressBar .bar.orange {
    background-color: #f7a923;
}

.jFiler-jProgressBar .bar.red {
    background-color: #d9534f;
}

/* Thumbs */
.jFiler-row:after,
.jFiler-item:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.jFiler-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-------------------------
    Default Theme
-------------------------*/
.jFiler-theme-default .jFiler-input {
    position: relative;
    display: block;
    width: 400px;
    height: 35px;
    margin: 0 0 15px 0;
    background: #fefefe;
    border: 1px solid #cecece;
    font-size: 12px;
    font-family: sans-serif;
    color: #888;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
    -moz-box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
    box-shadow: rgba(0,0,0,.25) 0 4px 5px -5px inset;
}

.jFiler-theme-default .jFiler-input.focused {
    outline: none;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.jFiler-theme-default .jFiler.dragged .jFiler-input {
    border: 1px dashed #aaaaaa;
    background: #f9f9f9;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input:hover {
    background: #FFF8D0;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input * {
    pointer-events: none;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-caption {
    width: 100%;
    text-align: center;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-button {
    display: none;
}

.jFiler-theme-default .jFiler-input-caption {
    display: block;
    float: left;
    height: 100%;
    padding-top: 8px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jFiler-theme-default .jFiler-input-button {
    display: block;
    float: right;
    height: 100%;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #ccc;
    color: #666666;
    text-align: center;
    background-color: #fefefe;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#fefefe,#f1f1f1);
    background-image: -o-linear-gradient(top,#fefefe,#f1f1f1);
    background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
    background-image: -moz-linear-gradient(top,#fefefe,#f1f1f1);
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.jFiler-theme-default .jFiler-input-button:hover {
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
}

.jFiler-theme-default .jFiler-input-button:active {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fefefe));
    background-image: -webkit-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: -o-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: linear-gradient(to bottom,#f1f1f1,#fefefe);
    background-image: -moz-linear-gradient(top,#f1f1f1,#fefefe);
}

/*-------------------------
    Thumbnails
-------------------------*/
.jFiler-items-default .jFiler-items {

}

.jFiler-items-default .jFiler-item {
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background: #f7f7f7;
    color: #4d4d4c;
}


.jFiler-items-default .jFiler-item .jFiler-item-icon {
    font-size: 32px;
    color: #48A0DC;

    margin-right: 15px;
    margin-top: -3px;
}

.jFiler-items-default .jFiler-item .jFiler-item-title {
    font-weight: bold;
}

.jFiler-items-default .jFiler-item .jFiler-item-others {
    font-size: 12px;
    color: #777;
    margin-left: -5px;
    margin-right: -5px;
}

.jFiler-items-default .jFiler-item .jFiler-item-others span {
    padding-left: 5px;
    padding-right: 5px;
}

.jFiler-items-default .jFiler-item-assets {
    position: absolute;
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -10px;
}

.jFiler-items-default .jFiler-item-assets a {
    padding: 8px 9px 8px 12px;
    cursor: pointer;
    background: #fafafa;
    color: #777;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    color: #d9534f;
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    background: transparent;
}

/* Thumbnails: Grid */
.jFiler-items-grid .jFiler-item {
    float: left;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container {
    position: relative;
    margin: 0 5px 30px 5px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 170px;
    height: 100px;
    min-height: 100px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}

.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    max-width: none;
    height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
    margin-top: 32px;
}

.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
    background: url('data:image/gif;base64,R0lGODlhIwAjAMQAAP////f39+/v7+bm5t7e3tbW1s7OzsXFxb29vbW1ta2traWlpZycnJSUlIyMjISEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMSkpKRkZGRAQEAAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAAeACwAAAAAIwAjAAAF5CAgjmRpnmiqrmzrvnAsz3Rto4Fwm4EYLIweQHcTKAiAQOPRI0QKRcYiEGA4qI8K9HZoGAIOSOBgCdIGBeLCMUgoBJSJjsBAxAiKRSFAQBCVBwMKGRsNQi8DBwsJhyQVGxMKjTCJk0kPjDI5AlQqBAcICFstBQqmmScFGh0dHBaWKAIEBQQDKQEKDxEQCTMBA5Y/o5oDoZYCHB1PMgIHCQacwCPACRStDTEDBrYABQg5wAgGIg4YYjQCogEGB3wI3J2+oD0G42PfN2Pc7D2JRDb/+In4t8MHwYIIEypcyLChQ4YhAAAh+QQFBAAeACwIAAgAEwATAAAFlqAnjiKSjAFJBscgLos4NIQ6JggAKLHXSDWbp6CoLRgeg0ShGwkIKQ9iITggPJFHaqA4eAYIRK0a9SwK0spl0TQkvEIJJnIlCdDCRk4lEJIGBgcHRn4jBBkciROFKgkNDg51jCJBJJU2ARocD4xNAQsGCBMcGz2FAxwZKQwVDYVwEhwOI02MAxsceJMeOgwaJ7skCX0jIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwJAAcAEgAVAAAFjqAnjmJAnihgHChqCACAJKMyoMHBeggSJ40baoC4zTwFB6IlOiwLhkCDMUIYUAUSgiA4RCZLAXPkoDQOsfFosVNjDYaBQiRmWjaaDMTdXDAYbWMJQnwiGBoOBEwmIwVeGhhzKAJ+BBsXIgoSVCcEAxkbAw8enEwAARkaYqluAqliChlLY64aQrNjAT2MKCEAIfkEBQQAHgAsBwAIABQAFAAABZqgJ45jUQBkqorGgQqIsKqteCjyTLbAsBg6UoBA8CgSIoGhGGQNAoXG4zAaNBcPxalJQhS4KwGhUCQgRYHZQGKxVBpgD8CQUCiAYEQTpZpcGFYrBgw5HgkEBg4XFHoqFx10CwMZFCIIDwl8IwscFAQXGR4NGQo6BBocRRUYHgIWGEwqBxoPHgEWoYYXVCsBCTIBqzkHaVwHvCshACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAVABQAAAWaoCeOpDECZKqKgRcY7bqanoHI6+EKSIHjCJ2oMPidCgIPQbHwGUkIBoLwJAEM1OpqQBgkC0yjwBGRRBQokfdXOASzo0MjqTrQUwQIpwM/QSYJKQoaHRUKHgtQSgwTEUIeDRcPSRQcHgiBFREiB1IkdAkaEgMUGAILFoE4AxkaRRIVLRIURTIGGQ0iExWcEzQyBzGwI05PV78rIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAFAAUAAAFlaAnjmRBnmgqCip6kEGbDnJqvmJAsLVIDwgEoTc6JAy0k05VSIoKiSgipgoIaIFKZ8tBVBeNBgORkEwkDt6sYECSBosUwJRybDiqxuOgTmTwCAUKIwAHAwMJDw10CxUNMRIaBQcIAmhPCgYjVAcZDx4REx5lOCoWGCIPER4Bqi0FFwwiEBIxBg9DKpqpEVS5PQUFACohACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWRoCeOpEGeaCoGKmqOQlvKXgId4usR6DA+HA6kQDsxMB0Nr0hSTHxFAgJxIABogpiEI9rgVAiF2ICARCANVovAjsESKoKaNGBkMqrEojA/WDYSHgMIJAVZBwsKSwoSCyIOFx4FJg4LVwQHRCgVDQIOEAEHDi9XJwISFAIADA4iDJ1xEwoiDa2SDFA0rCO5NGwtIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAEwAUAAAFj6AnisNonqeBLWg7GpwmtAENcc8s6ifyGKJMp1DyIFqNjecxUEiKLpGi4slATcBW4hkdDQ6HbHd048TELtah8XCwxqjAsXXdKSyWuuiAILwmGBBABzUiBDUFCQglCBAJIgsTBAQFAQpzAwZ1BREsCwweBQt+Lg8QNQpvCAqFJwMQc6mGjy6kHrI7cB4DeiIhACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcABwASABUAAAWXoCeOI0GQaBpUl5CSRZV4QrYN71hoWBBkGpdISAI4No2BhoNLHRijy8YQmQwOpJMC2BAgIh5fgJZKSDYWYg4FWZMMhkLT7XHYeAW6wrBgLGZ0KQZjgR4IEhFqJIAeBQ8UDQUCeSNzIwcNCCIJDwMDJwgGawSZAQgzBAiWIwELDSIHmh6xOQyiAKciV4oeAHO0IwB0ArweIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAcAEAAVAAAFjKAnjuMwkKgnjFJVosSEeMGVrcc1j8TlehVMIIDh7EaMzMKDuTE4k4DHsCiIKJnCI0LYcE6ehMWyPDxGgshyZL5MUqID6uCAowsEwsouWlTGFAR8HgUJCglHgyNWigF0dXYzBAwPCoJgcAUKBnELAgKYcAObHgdyfIYiBQcAdgIJjAanrq0AsoojQyghACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWYoCeKwQhF5aiqA3SIlDVW7yoOlCRKlVhtNZtHYUkIKBfPYoNaFRADUUTWeAwyGYHHAFmIDhIJImBorBIFB6cDSZUnEGEA08k0UiPDQrsSTB58HgEDhEIqAHgIERESVoY2BAcIBwaPlh5Rl04KCnhnKwMJDFCelgMIBAAeT3hBNqoeAggFIgiaX7ZblZoBB5lbqoG3wzbCKyEAIfkEBQQAHgAsBwAHABUAEwAABZygJ46jIJBoSjZPqa6GGEmBZ0zx60Gt90QiSSb3QkgOHskkkMj0UAOkyCEhLBiey2X0SIwMLKRVAPAEHggCY8N5egiKB6OGAmwtC1UhQScFIgt9JAKCKQUICQkxBw2NCycqBhsdlBgBAwUGBgRlKgMPExMSgSSdKmQvBAgIOqwoAgeKkDopBgMiMbOutCgGSLe8IlIeSKbBI1LAKCEAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkECQQAHgAsAAAAACMAIwAABbWgJ45kaZ5oqq5s675wLM90baPBvS6MTgoKgqjxEBEihZuAsRAxHKJHJXk7NAwBB8RzsPRqBYFo4RgkFALKxMhAxAiKBdXtAXgah4Eis2nIBgcLCSgVGxMKNYAoD4MzAgI5KgQHCAhULQUKmgmRJgUaIhwWLwIEBQQDKQEKDxEQCXYxnSUBcjapKAIcHUg+JgkUHRx+YB6zIw4YEMc2QiMBzDB0HgbGvifR19rb3N3e3+Dh4ikhADs=') no-repeat center;
    width: 100%;
    height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(76, 76, 77, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    overflow-y: auto;
    -webkit-transition: all 0.12s;
    -moz-transition: all 0.12s;
    transition: all 0.12s;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-thumb-overlay {
    opacity: 1;
    filter: aplpha(opacity(100));
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    display: table;
    padding: 0 10px;
    overflow: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
    display: block;
    font-weight: bold;
    word-break: break-all;
    line-height: 1;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
    display: inline-block;
    font-size: 10px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
    margin-top: 10px;
    color: #999;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
    color: #3C763D
}

.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
    color: #A94442
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
    width: 120px;
    margin-left: -5px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
    font-size: 12px;
}

.jFiler-items-grid .jFiler-item-trash-action:hover {
    cursor: pointer;
    color: #d9534f;
}

.jFiler-item-others.text-error, .text-error>.icon-jfi-minus-circle {
    color: red!important;
}
/*
  Icon Font: jquery-filer
*/

@font-face {
  font-family: "jquery-filer";
  src: url("./jquery-filer.eot");
  src: url("./jquery-filer.eot?#iefix") format("embedded-opentype"),
       url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABY8AA0AAAAAJGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAWIAAAABoAAAAcbgWsnk9TLzIAAAGgAAAASgAAAGBDMGCrY21hcAAAAjgAAAB2AAABir/jw6BjdnQgAAACsAAAAAQAAAAEABEBRGdhc3AAABYYAAAACAAAAAj//wADZ2x5ZgAAAxwAABDDAAAbVDwbM1RoZWFkAAABMAAAADAAAAA2AudKS2hoZWEAAAFgAAAAIAAAACQD8QHEaG10eAAAAewAAABLAAAAbgpuBLZsb2NhAAACtAAAAGgAAABonHCkGm1heHAAAAGAAAAAIAAAACAAgQDCbmFtZQAAE+AAAAFmAAACwZhqioJwb3N0AAAVSAAAAM8AAAIIqeejRXjaY2BkYGAA4ogbscvj+W2+MnAzMYDAhScsz2H0////9zMxMh4EcjkYwNIAbNUNrHjaY2BkYGA8+H8/gx4Tw///DAxMjAxAERTAAgB/egS4AAEAAAAzAJEADAAAAAAAAgAAAAEAAQAAAEAALgAAAAB42mNgYWJg/MLAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHEywIEAgskQkOaawnDg07fPLowH/h9g0GM8yOAIFGZEUqLAwAgAW4ENdAAAeNpjYmAQZAACJgi2Y1BgcAAyVYC4ASQO5IFEHBiyweI2QNIGzFIAQgaGE0C2CpClzCAHhBD1DgwLwKQDQyBQbAZYNQTYAAC2kQkrAHja3YxNCoNADIXfOGUUnEDtQlwobnuQHqYH6Xm7yAMRReLUigvpCfpBEt4PAeDxnRYOH15JuU1f8Ey3xjU5QUedCXrmFN7YsOfDDNBBZ7XNL1mxZse7mYiUUkgQL4hLnOIQ3/v/H7iAI3RZWtm5gL9nBYpEIu8AAAARAUQAAAAqACoAKgBSAJ4AvgEGAUQBfAGqAkACeAKyAwwDPAN+A7gEDASUBLIE8gUgBVgFmgX8BjYGhga2BvoHSAeeB/AIHAhiCLII5AkcCYIJwgoSCi4KWgqyCuALNguYDGwMvAzwDUINqnjanVl7jNzGeZ+Pr1lyd0nuckne7d5x38t7P3aXy3vsPSRLOkknyVIiy3q4tlzbkuw6tRoHidTW8cVwYBVF28SxdQ5gNIpTCwWaJrJRGW5go+fHH0VRIEbkPwo0CGQjRV0kQa0U7R+tQfUbcu+0d3KMonviPD7OcGa+5+8bEY6kCCHfhrsITygZewXIePtVKpBf1V+RxJ+2X+U5bJJXeEYWGflVKsEn7VeB0RupRsptpMqpC185dQruCv4qBQ38GpB5Uoa3YT+xsJfROKk0ztWaC9Cq58FnBbxNr5ZohpZOUMrqvX/BOtCXkV4rSRJSsUfp3pexjV/gSYEU4Dos4l6LZJKQas21zIxUqnlNX6IO1Fu1Zq1cksyMVW95zVajbmWoCqWaW2v681C3bFirTWvb79muTdeKD33poW9RMT9KFepY4j+L5S8//eWyGFVXZvuzztj27WNOtn+2MTf3pwodzYuUipazT5dndu6alnV5etfOGRKec5EYsAZfYDzEVUw86jjUwg3YLbhrZKH4XDy+6iyMeIUCfGFhdLRwMR7/dn54dGFoKJxPyBGOwG5SZ3ySyqVxaJZddpKM1aj7pm/TMlJr4Qe9PCCxxQ6qgesjiSNLk9MVgC/kBqueVx3J9do9UJmZXFqa9CrcY7lhRh3I9dt9FX8S4MFdwwDPON5erwR5Iz+y68GlAeD+qIiE/opRGSQiqdz8OXwALxGFqCSN0svjJpGVQH2UnQ227/qdx27hSXEjNryfTAb//udNSCXcRPA3xuxMevHlBXPBWngkHh8SkoK1CI8kazjG+w6kcOyLRmamZ+HlRXPRWjTZEMFaIIQj5OZPkBc/wHWrhPhlr2HOAwrSpmOADKENu2GWPRXbNdd38E3LL1+96thPHLhzxew3Htu55/f0Jy9uJfz46h/uuefk/tgdh+/Z1e5q43orRIcVOEuSJEdIJaMBaikgq2dRnTLSMGpPR2NhRTwrJvBRpOuSEhYR4SIjsqZyJKEoUYfpBXfz5s01DmCNjJNThIhm0ZsH30NtdGstvzYHbZjn/AkfC5SrRSV8sMQ/0wGxOAbj4PmtBWhM4LSWR/2WW8O6Ngwq4CAV+iGTB9eyrTxn5cFECkcCAmePmKoqU14BUTFVXlSy6dhRU6Ax3EsqHtPV9OHHgiKsyQ/uVqWUysc5AXiV5wBbyTtoKiEoKZ1yvA68KMqcakjJPacmNW3+XrVmDNKM3k8VOa5qvWqCE5REHGbjaTMjJ7WSHaumh5L3jY3vkrnPiYlBhadCTIIeTezro+BCTDaAS+cTSd0SJCnOcbHhpHAI5F2ocwR5RVDn4kQjBrFJGXWukSqmGqgB+FAsivhAqtgLRa+MShA+cPl4QI6fuHhiLh98nIfloA3vtrHbhqdZ08FfG3/BcUgG/wHDvzWHPyYbtFmCNrsSrVRtRmrssgL9R2hjCzAPGXQfY9BkzgO+JlpiUjw1hYUlisdFiYrPiAvNo2eONbA4+lFMQPJDUyK+pVQ4LuLbNL5rHDtztNkM1yzcvI7+6yRa1Cz2Syqgp8ozWaKUbVxxHpo1K8OU22VqwHS82aot8POiPwZetIvGqWPNSgH1JF5z4lpKaxxrNg+3T8+l0/VtSR0ECQA44DgugYoa49zR9unfPw2L5dlSXyOd7LFMPadwXHl2x+zk0T3D3IgucKIIApvBcaqoJtKKta02smd4eN23FeAS8olxyWQGYUZWMcdMcA6YoXihtVj9zE7hkqqcUZUJRT2jqF3Nj26jsGaXHMpoJaTqNVG9w6Ik9TODRx23ZhmfmD3OAeNRt0zOKtKiIhUkZZGZ5Ebz4IZUrtz2jjX3dssFyO+QHDwPO9kZ1z0AjdzAAqpEd8SyMszXPSeVYhlp714pE8M4hfWW/n0Ytz6Nvt7v1r9h4kf6h6bNtDB062EZ6iG9pY32p+jkfeLoaKhwEmugRqIK3ka5f4MbFz5rWIfyeDdvKLNLlP8a2uUo7nQb2U+OkYcIKUTCZ1LPGGEplVORZnip2xTDRcuNhGqgSUfCNMIgVgyDXLrra1ZXG1xVllX5YNIwktXc9VyVNU7iv6SxclKmi1ReC64byetJQ6eyTIM1Vt4dzlkKS5mGpDUKXzGShaQR4DeqOSiEnQL7WkHX2dzgYSgE+B0D9svhzGBtY+6tAjFIG/nxLvJDQN4kUYY2Hsg2G1BMMW9U/m5w7sYDwT/AvtWrsHYpuMSR5gPBVRhdjWReQJmfJDoZCJGCBiqHHKih2FuNql1s+UyqszDDOZztAOMd/CBBIQGcEgveScQgCTQBR7ngLzmBU3hlWZZiPC9xiUTqz2IUSEz5kRRDFX9dUSaL5hClPM9RPiFKzJalLXtPEZP0bj2Bje6W4uPis+k0r88MnT00svlMTz76qDA2lm80kC+RPj9FZIzcJabRLmUejaM+KjPzdJWMypXGuOY8V3cALlhvlAb66hXrv98sDVYXKrDbaS4dWGo6UfXWQPENy6o0xt+wKwvVwYMHdjedfGN3NCD0pYRMYby4G1cbCnmJ+ldkSLBlM7xgt+wNjMSAVKdCVYMVb3nZCz4cnG4P6rtHZoZ6swMzMwM9djxWalRn40KSCn0DA30wtfzwvpmBoRlusD4U/2D60HRCkt2RSpKDgSmXRP4cV74OXyMxsoRYBQERdTEm+QwCoiV4TMtR7ctu02t2bULj1MihmeVww3644RDl4Ly34nuXE76+WhqfKD10v5Bza33a7FDfZFJS5bjey4Ns9Y04J07UmqUcX7LUhDpdmtgJb8SXl+OtX//aapRKk7rb1zcENDk4U8gmJdHWZT7m9uRHdK/qjMuWIzmVHRPAhb5vPSZVme/bCD3SlsjDMdd+fSPMCHRrlKm0Pzc2d/qX6yEFpNtjSqE93Dscye7mRyi7b5Ex5vtIyKvGp4trg0kdqTbqPOOyj2rKkWXv85/vkl1bWZfdY491Sde7XDePHDFR6YYeWXamD80kJXlglMnRnRpwpgcHmYQH48FfR8P+Dff392inU+ibNYZ8qxsBL/JmBu24OTfqwwRGlDCsSEosFlWKdJDKZ6YYlRXArbEmK8I8Zt33xxFzjhKSxr11nHrL2Ah+kZf0/KbLCBgH7Ijyj8w1hw79+4IwgRCNnxAEgeP5KTR2QRTGBAFWwgHMiwefREOwOPZiKA/uRU4QSLiPCu7jp3AJz1kkjfXo+1lru4aFKJMZGkJRI4xAhejjrBDQKU3hE22CX5NlUYsFKzFNlOU1QUtruzf2cv8XEXPyIHyR5/lfBpc0PYY/XYOTMVlety2W610iLlm4XQYs3HTvdJ3us3Rwc/COZLQy5LznDA05V5BVwhW9p0d/T+8RBF0QTiJiH/keL/F9PP+9EdTmFUl5/SAbixPCEeHYHv0gznwfX7LROFhioxNMoAIph9j1b1FbhhHFoE4bYipMUaKMrWpO9HHm5C0KxazFC/OZjGWIXjXNlB87V2EZGpVKs1kp9gY3uHql0mhgc8YuclzRtkulx0ALbrw5USpNFOH1bcF3KvXGnqb9J97raItQnmzsaVh/kLclu1AaL4HhHfOCZRxanMA9Ojd/Bh8ivmb5fRw9PzGKqWIVMbWHtUhd9ocZnQPvIm6+HJyDC/icNfeML5/qferAALwUtBFJn4DR/7KW6k8/n3rzj5kts+/+HZ59DXF0EU8/FsUTL4wlJvNoKeqmQixg+B3UbhvratbwMezc993gAhxf/YlqZPfuy6X1XAExe3FaltqSfPzaA2HEcTDYOFkjCC4+D7yRRTi//cprr13ZDnOSLEujv/0A6fiVT8IcokIQ41f9lPsbsKoZAku2O9ujXoRCtgBNeOb8+azxsZHVjFzOGMkZly9T+UMje+K8LAXvMzQwKksfS/J/Hg7eO7wjnculL+fSbSOnpXOOLGk541/eOPwEG4aneJdt8qsbOc4aSaDFZZBj/SG3MMf1omwGo3C1gewzzAZfZDQ4d2H1/PmLzrVdQf3dZ4Kr13b9D2jnVmHtq8E/OTfO5+f8bQ424Xe3BTdunO/kNet3ESyDwow51DMGIhnArLm330/0jcWVsf5aK7v6XH+rtvm24t5Cb2+h5VZzL1zMuW5L23p5cQvHNsmeMIJwLGupYULTalg2S9DnueYYx1J3luJ2jNhv5YE5dAfoJsvuAEZYyzeW3OEDOVTrEs8LXNpzsuPlTKY8nu0ZS5VigqicRWeq0GJ2Z9Vdaj4lCMw8hanQYP+VwYRKEXFRiQeuJ4vTmjg7rZcpzpHOKqIQK/T25Ru1s2wSzjiKFZ7lEvqcRTyLw/R4s8/xyt3eB1WH3+KSYDF0HYqk66w8KSlYF26FhoMF1sDiZFgq0jcUyE6wxkQUFrriAlt/5rZsqBMNN5yeu8VdW92JwSL6rQ5TenpYiUctYLxgTSwubaQEuwcEYYVRB8LhWAo/H+j0hYnNedIiuYS5AEHtDbnD4gA7fqMY5X3Beyyrw3gYZnthnqduyrU1dseyJcrcls+th8rNOVzEtC152yEC8EN4MowQ0b1ZpNWYMJmdfkf32ZVZJ72K+uaW8fBD1yn1vNPnD7j9q7wu8NwLRjZbNd7WM7qpPSvJVKGnQvppvd+0tG/27nLc3rf73QG/7wWOF3T+BaOWzRrvaCbO+KYkx2LS6ZB+SjfNfv3ZHuSDg/j7w9BX5sIdR/DPDuFgCBXZlZabKqfgw6//6OsP7qd33P34S4/ffQfd/+A156V7n3763jufSDnaozsOPf74oR2Pav36Ez8OrsEo4/ELqLtPIo7TSPv2eOlnVJ6q0EVF0BmCUob1GCPGgF0lOhxMSEJbkMLizpicjiuKyjpiIaMlbC2lyGle5PlBNKyBfZmBYubU+mjpWdXWNCpKpiTEZDFuVtEPxuM6lWyBy/NU2K5nq5v1XEMt33U77vCbzGdRKRSb32IbY/KKbrwiZMIOIHYrTpduL/YNWnMFQSoi+zk1FksmDCWhZ8N38VhMVmPSyVvqvz5L+L5Vy3iS2At8SpKSshyXaH9KZm9FTRTEZCKt3dI+oePL38JoqpE7yDcYirOYRJtWJ5hjak1tibpS50rRpSjeWoRLWr6Lcm9FFwuW7Vs2tdjlAvUxVfDGORy2wGa4tXG+VC6VNY5BYvwexeyhD0wcmweKE20rz89AY4FjN0gtn90i+B/Mj4zMj0yhNtayMHxAlGtpe7ee7tH6tJ60vttO12TxAMf9phdn9s7o6CAp7RfEHaqqaWKaAcu0qGmqukMQKxTd7969bEjl1giJxwF6Ut0hCv0UR0BihG1jX5ZtQwk/b7jr67qGvZT67A1ZKDshLei4ptrqLKrNzmpdy+oWT3krXBQHxKgo6DMzuiDSGA7wNDWp38IE/79cI0znGCz6P+caX6o7LI347FRjrf6LX9StI0dwP7ENTBDhsujuM8fyjjnALNxseH7DLDPoBF7Utzv1taur565hgaiAta6u/or1Vp1rziqjsXZUMptL4Do/+9R1yoiwGWpFPGiGeJDiUzWLHmzU0Xr8lnoVHg5WYTm45mDjKoziE9XOuePt450H1s4harx2Dpvt4Mb581iB3ul1E6M9dt9PRLcT/Ygqq2QQs6TQU2y+q2Bo0g65E91XlNl/Daz3sbaY20ArLDHcbTP/Gom51X2x0XZOzDnhr71RifVyTMsLXG/lbiHdm0oleW3zxYeDXO7MOJHPs8Zb5V5NzQnluktpIp3uSXP/CyLCXdEAeNqNkc1qwkAUhc/4By1S2lVdztKCiZOAm2wFxV1X7lOdaCQkmkwQX0P6GKX7PkuhT9AH6LIncSh20WKGmfudMzd37jAAbvAKgdM3w7NlgS6+LDfQFneWm+iL2HILXfFiuY1b8W65g26jw0zRuqI61n9VLNDDh+UGrkXbchOP4t5yCz1xtNyGFG+WO/Q/MUYOjRCG6xISTzhwnaFEgph+SjVlTLCgLrkO6iGxpzZYkybImGfqmGPFShI+XCjGPjMMxxYBhhyRzY1+cl0UVC5dTf8BGOc6NHopnw5yViZxmMppmCzicjEYDOQ+Nms5yVIzyfKVlr6rZH9tzDYYDiO6UeW6ReSm2rDUBjv2rHnSAQ5PiXmPSmGzK3V+cKI40VRnG9b570oB51+FT7s+8xx4nBV5GLHgr5YDed4Apa8cz/GVN7q453ltFtzO6kdS9UluHasuMdd5EWepVMpzlVLy0srfppZ9qgAAeNpdzkdSw1AUBVG1CCbnZJLJOUj/fWwzxID2woQZ+2NnQIlmgianStKrvkVZtM/XZ9H9geL/E+3bkpIxxplgkg5TTDPDLHPMs8AiSyyzwiprrLPBJlt02WaHXfbYp8cBhxxxzAmnnHHOBZdccc0Nt9xxT0Xd+Xh/a1LT14EOdaRNa1SVhg50pM/68mtda9K+elcP9e//V7WX/J4e9UntJXvJ++R98j7cG+4Id4T7I+uDui/cF/bDftgP+2E/7If9sJ/tZ/vZfraf8zcFz3IYAAAAAAH//wACeNpjYGBgZACCM7aLzoPoC09YnsNoAFB9B7oAAA==),
       url("./jquery-filer.woff") format("woff"),
       url("./jquery-filer.ttf") format("truetype"),
       url("dyn.php?a=svg&svg=inc/Attachments/View/assets/fonts/jquery.filer-icons/jquery-filer.svg#jquery-filer") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "jquery-filer";
    src: url("./dyn.php?a=svg&svg=inc/Attachments/View/assets/fonts/jquery.filer-icons/jquery-filer.svg#jquery-filer") format("svg");
  }
}

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-jfi-ban:before,
.icon-jfi-calendar:before,
.icon-jfi-check:before,
.icon-jfi-check-circle:before,
.icon-jfi-cloud-o:before,
.icon-jfi-cloud-up-o:before,
.icon-jfi-comment:before,
.icon-jfi-comment-o:before,
.icon-jfi-download-o:before,
.icon-jfi-exclamation:before,
.icon-jfi-exclamation-circle:before,
.icon-jfi-exclamation-triangle:before,
.icon-jfi-external-link:before,
.icon-jfi-eye:before,
.icon-jfi-file:before,
.icon-jfi-file-audio:before,
.icon-jfi-file-image:before,
.icon-jfi-file-o:before,
.icon-jfi-file-text:before,
.icon-jfi-file-video:before,
.icon-jfi-files-o:before,
.icon-jfi-folder:before,
.icon-jfi-heart:before,
.icon-jfi-heart-o:before,
.icon-jfi-history:before,
.icon-jfi-infinite:before,
.icon-jfi-info:before,
.icon-jfi-info-circle:before,
.icon-jfi-minus:before,
.icon-jfi-minus-circle:before,
.icon-jfi-paperclip:before,
.icon-jfi-pencil:before,
.icon-jfi-plus:before,
.icon-jfi-plus-circle:before,
.icon-jfi-power-off:before,
.icon-jfi-question:before,
.icon-jfi-question-circle:before,
.icon-jfi-reload:before,
.icon-jfi-settings:before,
.icon-jfi-sort:before,
.icon-jfi-times:before,
.icon-jfi-times-circle:before,
.icon-jfi-trash:before,
.icon-jfi-upload-o:before,
.icon-jfi-user:before,
.icon-jfi-view-grid:before,
.icon-jfi-view-list:before,
.icon-jfi-zip:before {
  display: inline-block;
  font-family: "jquery-filer";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon-jfi-ban:before { content: "\f328"; }
.icon-jfi-calendar:before { content: "\f30b"; }
.icon-jfi-check:before { content: "\f2f6"; }
.icon-jfi-check-circle:before { content: "\f30c"; }
.icon-jfi-cloud-o:before { content: "\f329"; }
.icon-jfi-cloud-up-o:before { content: "\f32a"; }
.icon-jfi-comment:before { content: "\f32b"; }
.icon-jfi-comment-o:before { content: "\f30d"; }
.icon-jfi-download-o:before { content: "\f32c"; }
.icon-jfi-exclamation:before { content: "\f32d"; }
.icon-jfi-exclamation-circle:before { content: "\f32e"; }
.icon-jfi-exclamation-triangle:before { content: "\f32f"; }
.icon-jfi-external-link:before { content: "\f330"; }
.icon-jfi-eye:before { content: "\f2f7"; }
.icon-jfi-file:before { content: "\f31f"; }
.icon-jfi-file-audio:before { content: "\f331"; }
.icon-jfi-file-image:before { content: "\f332"; }
.icon-jfi-file-o:before { content: "\f31d"; }
.icon-jfi-file-text:before { content: "\f333"; }
.icon-jfi-file-video:before { content: "\f334"; }
.icon-jfi-files-o:before { content: "\f335"; }
.icon-jfi-folder:before { content: "\f31e"; }
.icon-jfi-heart:before { content: "\f2f8"; }
.icon-jfi-heart-o:before { content: "\f336"; }
.icon-jfi-history:before { content: "\f337"; }
.icon-jfi-infinite:before { content: "\f2fb"; }
.icon-jfi-info:before { content: "\f338"; }
.icon-jfi-info-circle:before { content: "\f339"; }
.icon-jfi-minus:before { content: "\f33a"; }
.icon-jfi-minus-circle:before { content: "\f33b"; }
.icon-jfi-paperclip:before { content: "\f33c"; }
.icon-jfi-pencil:before { content: "\f2ff"; }
.icon-jfi-plus:before { content: "\f311"; }
.icon-jfi-plus-circle:before { content: "\f312"; }
.icon-jfi-power-off:before { content: "\f33d"; }
.icon-jfi-question:before { content: "\f33e"; }
.icon-jfi-question-circle:before { content: "\f33f"; }
.icon-jfi-reload:before { content: "\f300"; }
.icon-jfi-settings:before { content: "\f340"; }
.icon-jfi-sort:before { content: "\f303"; }
.icon-jfi-times:before { content: "\f316"; }
.icon-jfi-times-circle:before { content: "\f317"; }
.icon-jfi-trash:before { content: "\f318"; }
.icon-jfi-upload-o:before { content: "\f341"; }
.icon-jfi-user:before { content: "\f307"; }
.icon-jfi-view-grid:before { content: "\f342"; }
.icon-jfi-view-list:before { content: "\f343"; }
.icon-jfi-zip:before { content: "\f344"; }

/************************
BOUTIQUE PAGE PANIER
*************************/
.stat h2 {
    font-size: 50px;
    margin: 20px 0 10px;
}

.stat h2 i {
    margin-right: 20px;
    font-size: 44px
}

/*Filtres*/
.stat-filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.stat-filtre .row {
    margin-bottom: 0px;
}

.stat-filtre label {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2px;
}

.stat-filtre select {
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #adadad;
    color: #666;
    height: 40px;
    margin-right: 10px
}

.stat-filtre .stat-select1 {
    padding-right: 0;
    padding-left: 10px
}

.stat-filtre .stat-select2 {
    padding-right: 0;
    padding-left: 10px
}

.stat-filtre .stat-select1 select {
    width: 100%
}

.stat-filtre .RAZ {
    padding: 0 10px
}

.stat-filtre .RAZ a.raz-btn {
    height: 65px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    line-height: 65px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
}

.stat-filtre .RAZ a.raz-btn:hover,
.stat-filtre .RAZ a.raz-btn:focus {
    background: #1b1b1c;
    color: #fff;
    text-decoration: none;
}


/*bloc stat*/
.stat-content h3 {
    font: 30px/34px 'Open Sans', sans-serif, cursive;
    text-transform: none;
    margin-bottom: 10px
}

.stat-content h3 span {
    color: #8d8d8d;
    display: inline-block;
    vertical-align: middle;
}

.stat-content h3 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.stat-content .tabs ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.stat-content .tabs .row {
    margin-bottom: 0;
}

.stat-content .tabs ul li a {
    background-color: #d3d3d3;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 15px 25px;
    margin-bottom: 20px;
    display: block;
    position: relative;
    min-height: 90px
}

.stat-content .tabs ul li.active a {
    background-color: #fff;
}

.stat-content .tabs ul li a:focus {
    outline: none;
}

.stat-content ul li a:hover::before,
.stat-content ul li a:focus::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d3d3d3;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content ul li.active a::before,
.stat-content ul li.active a:focus::before,
.stat-content ul li.active a:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    content: "";
    position: absolute;
    right: -18px;
    top: calc(50% - 18px);
    -webkit-transition: all 0.2s ease-in-out;
}

.stat-content a {
    color: #1b1b1c
}

.stat-content .tab-libel {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 0 015px 10px;
    border-right: 2px solid #aeaeae
}

.stat-content .tab-evol {
    padding: 0 10px
}

.stat-content .tab-evol i {
    padding: 10px 0
}

.stat-content .tab-evol i {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: 00px;
    top: 00px;
    color: #7bc200;
    margin-right: 8px
}

.stat-content .tab-evol .evol {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.stat-content .tab-evol .evol span {
    display: block;
}

.stat-content .tab-evol .evol .evol-chiffre {
    color: #7bc200;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700
}

.stat-content .tab-evol .evol .evol-date {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.stat-content .evol-detail {
    padding: 10px 15px 0 0;
}

.stat-content .tabs .evol-detail div {
    background-color: #7bc200;
    width: 100%;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 2px;
    font-size: 12px
}

.stat-content .tabs .evol-pas-ok i {
    color: #ad0d2a;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.stat-content .tabs .evol-pas-ok .evol-chiffre {
    color: #ad0d2a;
}

.stat-content .tabs .evol-detail div.evol-pas-ok {
    background-color: #ad0d2a
}

.stat-content .tabs .no-evol i {
    color: #000;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.stat-content .tabs .no-evol .evol-chiffre {
    color: #000;
}

.stat-content .tabs .evol-detail div.no-evol {
    /*background-color: #ad0d2a*/
}

.stat-content .tab-content {
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px;
}

.stat-content .tab-content .table-bloc {
    overflow-y: scroll;
    max-height: 210px;
    border-bottom: 2px solid #d3d3d3;
    border-top: 2px solid #d3d3d3;
}

.stat-content .tab-content p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400
}

.stat-content .tab-content .total {
    text-align: right;
}

.tab-content .table>tbody>tr {
    border-top: none;
    padding: 10px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px
}

.tab-content .table>tbody>tr:nth-child(2n) {
    background-color: #e8e8e8;
}

/************************
BOUTIQUE
*************************/

.btn-gris {
    background-color: #1b1b1c;
    color: #fff
}

.btn-gris:hover,
.btn-gris:focus {
    background-color: #ad0d2a;
}

.btn-gris:hover i,
.btn-gris:focus i {
    color: #1b1b1c !important
}

.btn-retour {
    background-color: #8d8d8d;
    color: #fff
}

.btn-retour:hover,
.btn-retour:focus {
    background-color: #1b1b1c;
}

.com a.btn-com {
    color: white;
    background-color: #8d8d8d;
    font-size: 14px;
    box-shadow: none;
}

.com a.btn-com:hover,
.com a.btn-com:focus {
    color: #fff;
    background-color: #1b1b1c;
}

.clear {
    clear: both
}

#sections.col-lg-6 .btn-table {
    margin-top: 30px;
    float: left;
}

#sections.col-lg-6 div {
    float: right;
}

.boutique3 #sections.col-md-12,
.boutique3 #sections.col-sm-12,
.boutique3 #main-title.col-md-12,
.boutique3 #main-title.col-sm-12 {
    width: 50%;
    float: left;
}

#form.boutique h2 {
    font-size: 50px !important;
    margin: 20px 0;
}

#form.boutique h2 i {
    margin-right: 20px;
    font-size: 44px
}

.boutique .filtre {
    background: #b6b6b6;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    border: 5px solid #1b1b1c;
}

.boutique .filtre select {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #adadad;
    color: #1b1b1c;
    width: 59%;
    margin-right: 10px
}

.boutique .filtre .btn-filtre {
    background: #1b1b1c;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 16px;
}

.boutique .filtre .btn-filtre:hover,
.boutique .filtre .btn-filtre:focus {
    background-color: grey;
}

.shop-box {
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 40px;
    margin-bottom: 20px;
    background: #fff
}

.shop-box h3 {
    font: 32px/36px 'Open Sans', sans-serif, cursive;
    text-transform: none;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

.cat-slide {
    margin: auto;
    cursor: pointer;
}

i.cat-slide {
    color: #222;
}

.flex {
    display: flex;
}

.shop-box.categorie .row {
    margin-left: -15px;
}

.shop-box h3 img {
    float: right;
    position: relative;
    top: -10px;
}

.shop-box.categorie ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

.shop-box.categorie ul li {
    margin-bottom: 10px
}

.shop-box.categorie li a {
    display: block;
    position: relative;
    padding: 5px;
}

.shop-box.categorie li .image-cat {
    height: 124px;
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    overflow: hidden;

    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.shop-box.categorie li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #1b1b1c;
    margin: 0
}

.shop-box.categorie li a:hover,
.shop-box.categorie li a:focus {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.shop-box.categorie li a:hover::before {
    border: 2px solid #ddd;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.shop-box.categorie li.leaf-3 .fa-caret-right::before {
    color: black;
}

.shop-box.categorie li.leaf-3 a {
    margin-left: 300px;
}

.shop-box.categorie li.leaf-3 .image-cat {
    display: none;
}

/************************
Le petit panier
*************************/
.panier {
    margin-top: 16px;
    position: fixed;
    width: 220px;
}

.boutique .btn-rouge {
    background: #ad0d2a;
}

.boutique .btn-rouge:hover,
.boutique .btn-rouge:focus {
    background: #1b1b1c;
}

.boutique .btn-panier {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 20px 20px;
    width: 100%;
    min-height: 73px;
}

#montant-total {
    padding: 0px;
}

.panier-content {
    background: #1b1b1c;
    padding: 5px;
    position: relative;
}

.panier-content::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1b1b1c;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    margin-left: calc(50% - 15px);
    top: -20px;

}

.panier-content-1 {
    background: #fff;
    padding: 5px 15px;
    text-align: center;
    margin: 5px 0px;
    min-height: 73px;
}

.panier-vide .panier-panier p {
    text-align: center;
}

.center {
    text-align: center
}

.panier-content-1 h3, .panier-content-1 span  {

    padding: 0 10px;

}

.panier-content-1 p {
    font-weight: 400;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.ligne-panier {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    text-align: left;
}

.btn-panier[id="next-step-order"]{
    margin-bottom: 0.7em;
}

.ligne-panier+.ligne-panier {
    border-top: none;
}

.ligne-panier .panier1 {
    width: calc(100% - 25px);
    display: inline-block;
}

.ligne-panier span {

    vertical-align: middle;
    font-weight: 400;
    /*height: 20px;*/
}

.ligne-panier .panier1 .article {
    height: auto;
}

.ligne-panier span.ref {
    color: #ababab;
}

.ligne-panier span.quantite {
    padding: 0px 5px;
    background-color: #d8d8d8;
    margin-right: 5px;
}

.ligne-panier a.trash,
#order-items a.trash,
#list-comments a.trash {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #fff;
    width: 20px;
    background-color: #ad0d2a;
    text-align: center;
    margin-top: 1px
}

#list-comments a.trash {
    float: left;
}

#list-comments textarea {
    margin-bottom: 20px;
}

.ligne-panier a.trash:hover,
.ligne-panier a.trash:focus,
#order-items a.trash:hover,
#order-items a.trash:focus,
#list-comments a.trash:hover,
#list-comments a.trash:focus {
    background-color: #1b1b1c;
}

.panier-panier .total p {
    padding: 10px 0 0;
    margin: 0;
    font-weight: 700
}



/************************
BOUTIQUE PAGE PRODUITS
*************************/
.boutique2 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    display: inline-block;
    width: calc(100% - 250px);
    line-height: 35px;
}

.boutique .shop-box.categorie .cat-change {
    float: right;
    width: 240px;
    text-align: right;
}

.boutique .shop-box.categorie .cat-change .btn-ok {
    font-weight: 700;
    background-color: #8d8d8d;
    border-radius: 2px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
    display: inline-block;
    color: #fff
}

.boutique .shop-box.categorie .cat-change .btn-ok:hover,
.boutique .shop-box.categorie .cat-change .btn-ok:focus {
    text-decoration: none;
    background-color: #1b1b1c;
}


/*filtres*/
.filtre-tri {
    background-color: #f2f2f2;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.filtre-tri .result {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    padding-right: 20px;
}

.filtre-tri .tri-search {
    display: inline-block;
    vertical-align: middle;
}

.filtre-tri input.search-box {
    width: 165px;
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400
}

.filtre-tri a.tri-ok {
    color: #1b1b1c;
    margin-left: -34px;
    padding: 2px 10px 2px 5px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    margin-right: 5px;
}

.filtre-tri a.tri-raz {
    color: #1b1b1c;
    text-decoration: underline;
    font-size: 14px
}

.filtre-tri a:hover,
.filtre-tri a:focus {
    color: #ad0d2a
}

.filtre-tri .form-inline {
    float: right;
}

.filtre-tri .form-inline label {
    font-weight: 400
}

.filtre-tri .form-inline select {
    height: 34px;
    padding: 5px 30px 5px 10px;
    border: none;
    border-radius: 2px;
    color: #6f6f73;
    font-weight: 400
}

#cat-filter #filter_dcs {
    /*width:180px;*/
}

/***articles de listing***/

.list-prod .prod.row {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 3px solid #f2f2f2
}

.list-prod .img-prod {

    padding-right: 0;
}

.list-prod .desc {
    padding-left: 15px;
}

.list-prod .desc .promo {
    font-weight: 700;
    font-size: 16px;
    padding: 1px 7px;
    margin: 0;
    color: #ffffff;
    background-color: #ad0d2a;
    display: inline-block;
    line-height: 22px;
}

.list-prod .desc .article {
    font-weight: 700;
    font-size: 16px;
    padding-top: 5px;
    margin: 0
}

.list-prod .desc .fournisseur {
    font-weight: 400;
    color: #6f6f73;
    margin: 0
}

.list-prod .total-cta {
    padding-left: 0;
    text-align: right;
}

.list-prod .qt-prix {
    margin-bottom: 10px;
}

.list-prod .total-cta .btn {
    font-size: 14px;
    line-height: 16px;
}

.list-prod .total-cta .btn.full-width {
    display: inline-block;
    width: 100%;
}

.list-prod .total-cta .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 39px;
    line-height: 24px;
    padding: 0px 10px;
    float: left;
    margin-bottom: 10px;
}

.list-prod .total-cta .quantite.promo {
    margin-top: 6px;
}

.list-prod .total-cta .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px
}

.list-prod .total-cta .quantite a:hover,
.list-prod .total-cta .quantite a:focus {
    color: #ad0d2a
}

.list-prod .total-cta .quantite a.plus {
    padding-right: 0px;
}

.list-prod .total-cta .quantite a.minus {
    padding-left: 0px;
}

.list-prod .total-cta .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.list-prod .total-cta .quantite .qt-chiffre input,
#cart-order .quantite .qt-chiffre input {
    border: 0px;
    width: 26px;
    text-align: center;
    background-color: #f2f2f2;
}


.list-prod .total-cta .quantite .qt-chiffre input {
    width: 45px;
}

.list-prod .total-cta .total {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 0px;
    font-size: 16px;
    float: right;
    padding-top: 7px;
    margin-bottom: 11px;
}

.list-prod .total-cta .total.promo {
    padding-top: 0px;
}

.list-prod .total-cta .total span.oldprice {
    display: inline-block;
    margin-right: 10px;
}

.list-prod .total-cta .total span.promo {
    color: #ad0d2a;
}

.cta .btn {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px
}

#msg-error,
.msg.error {
    background-color: #ad0d2a;
    display: none;
}

.msg.error td p {
    background-color: #ad0d2a;
    padding: 9px 18px;
}

#msg-error p,
.msg.error p {
    color: #ffffff;
}

#msg-error span.line,
.msg.error span.line {
    display: none;
    margin-top: 15px;
    font-style: italic;
}

.list-prod.pager {
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}

.list-prod.pager a {
    padding: 0px 7px;
}

/************************
BOUTIQUE PAGE PANIER
*************************/
.boutique3 .shop-box h3 {
    font: 700 24px/28px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #1b1b1c;
    border-bottom: none;
    margin-bottom: 30px;
}

.form-adresse {
    padding-top: 20px;
}

.shop-box.categorie .row {
    margin-bottom: 0
}

.adress {
    border-right: 2px solid #f2f2f2;
    padding-right: 50px;
}

.adress+.adress {
    border-right: none;
    ;
    padding-left: 50px;
    padding-right: 15px;
}

.adress .title h4 {
    display: block;
    float: left;
    max-width: 50%;
    font-weight: 700;
    margin-top: 0;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px
}

.adress .title select {
    display: block;
    float: right;
    width: 50%;
    color: #6f6f73;
    border-radius: 2px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    border: 1px solid #adadad;
}

.adress .title {
    margin-bottom: 20px;
}

.adress .form-adresse {
    clear: both
}

.adress .form-adresse .row {
    margin-bottom: 2px;
}

.adress .form-adresse .label2 {
    text-align: right;
    line-height: 34px;
    font-weight: 400;
    padding: 0
}

.adress .form-adresse .label2 p {
    text-align: right;
    margin: 0
}

.adress .form-adresse .label2 label {
    font-weight: normal;
}

.adress .form-adresse .form-control {
    font-size: 14px;
    color: #6f6f73;
    border: none;
    background-color: #f2f2f2;
    border-radius: 2px;
}

.adress .form-adresse #liv_lib,
.adress .form-adresse #fac_lib {
    background-color: #f2f2f2;
    color: #6f6f73;
    border-radius: 2px;
    height: 34px;
    display: inline-block;
    width: 100%;
    line-height: 1.42857143;
    padding: 6px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.recap .row {
    margin-bottom: 0
}

.recap .table-responsive {
    border-radius: 0px;
    border: none;
    margin-bottom: 0
}

.recap .table>thead>tr>th {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 0px 6px 5px;
    background-color: #fff;
    color: #6f6f73;
    text-transform: uppercase;
    vertical-align: bottom;
    font-weight: 400;
}

.recap .table>tbody>tr>td {
    border-top: none;
    border-bottom: 3px solid #f2f2f2;
    padding: 15px 6px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 400;
}


.recap .quantite {
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #f2f2f2;
    height: 34px;
    line-height: 24px;
    padding: 0px 10px;
}

.recap .quantite a {
    color: #1b1b1c;
    display: inline-block;
    vertical-align: middle;
    padding: 7px
}

.recap .quantite a:hover,
.recap .quantite a:focus {
    color: #ad0d2a
}

.recap .quantite .qt-chiffre {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.recap .total {
    text-align: right;
}

.recap .total2 p {
    text-transform: uppercase;
    font-size: 16px
}

.recap .total2 p span {
    min-width: 80px;
    display: inline-block;
}

.recap .total2 .TTC {
    font-weight: 700
}

.recap .table>tbody>tr.total2>td {
    border-bottom: none;
    padding-bottom: 0
}

.recap .plus-moins {
    min-width: 115px;
}

.com .row {
    margin-bottom: 0
}

.com p {
    font-weight: 400;
}

.com textarea,
textarea.repiq {
    border: none;
    background-color: #f2f2f2;
    color: #6f6f73
}

a.repiq-view-file {
    margin-bottom: 10px;
    display: inline-block;
}

a.repiq-view-file i {
    padding-right: 5px;
}

.boutique3 .cta .btn-rouge {
    color: #fff;
    float: right;
}

.boutique3 .cta .btn-rouge i {
    color: #1b1b1c
}

.boutique3 .cta .btn-liste {
    text-transform: uppercase;
    float: right
}

.boutique3 .cta .btn-liste span,
button.btn-cancel {
    text-decoration: underline;
    color: #1b1b1c
}

button.btn-cancel {
    background: none;
}

.boutique3 .cta .btn-liste:hover span,
.boutique3 .cta .btn-liste:focus span {
    color: #ad0d2a
}

.boutique3 .cta .btn-rouge:hover i,
.boutique3 .cta .btn-rouge:focus i {
    color: #ad0d2a
}

.boutique3 .cta .btn-valider {
    float: right
}

@media (min-width: 992px) {

    /************************
    Container du panier
    *************************/
    .col-lg-3.col-md-4.cart,
    .col-md-3.cart {
        padding-right: 0px;
    }
}

@media (max-width: 1200px) {

    .boutique1 #sections.col-sm-12 .btn-table,
    .boutique2 #sections.col-sm-12 .btn-table {
        float: left;
    }

    .boutique1 #sections.col-lg-6 div,
    .boutique2 #sections.col-lg-6 div {
        float: left;
    }
}

@media only screen and (max-width: 1199px) {
    .boutique .filtre .btn-filtre {
        max-width: 150px;
    }

    .boutique2 .shop-box h3 {
        width: 100%;
        padding-bottom: 5px;
    }

    .boutique .shop-box.categorie .cat-change {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 10px
    }

    .filtre-tri .form-inline {
        float: none;
        margin-top: 10px;
    }

    .list-prod .prod.row {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .list-prod .total-cta {
        padding-left: 15px;
    }

    .list-prod .qt-prix {
        margin: 6px 0 0 0;
        float: left;
        width: 100%;
    }

    .adress {
        padding-right: 15px;
    }

    .adress+.adress {
        padding-left: 15px
    }

    .stat-content ul li a:hover,
    .stat-content ul li a:focus {
        text-decoration: none;
    }

    .stat-content .tab-libel {
        padding: 7px 15px 3px;
        border-right: none;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: scroll;
        max-height: 282px;
    }

    .boutique1 .panier {
        width: 160px;
    }

}


@media only screen and (max-width: 991px) {
    .boutique .filtre .btn-filtre {
        max-width: 100%;
        width: 100%
    }

    .boutique .filtre select {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 5px
    }

    .shop-box.categorie li a {
        padding: 10px;
    }

    .shop-box.categorie li .image-cat {
        height: 60px;
        width: 100px;
    }

    .shop-box.categorie ul li {
        margin-bottom: 2px;
    }

    .form-inline.cat-change .form-group {
        max-width: calc(100% - 100px);
        float: left;
        margin-right: 10px
    }

    .filtre-tri {
        margin-bottom: 0px;
    }

    .adress {
        border-right: none;
        margin-bottom: 20px
    }

    .adress+.adress {
        margin-bottom: 00px
    }

    .adress .title select,
    .adress .title h4 {
        float: none;
    }

    .adress .title {
        margin-bottom: 0;
        text-align: center;
        border-top: 2px solid #f2f2f2;
        padding-top: 10px
    }

    .boutique3 .shop-box h3 {
        margin-bottom: 10px
    }

    .adress .title h4,
    .adress .title select {
        float: none;
        max-width: 100%;
        width: 100%
    }

    .com .col-md-2 {
        margin-top: 10px
    }

    .stat-filtre .stat-select2,
    .stat-filtre .stat-select1 {
        margin-bottom: 5px;
    }

    .stat-content ul li.active a::before,
    .stat-content ul li a::before {
        display: none !important;
    }

    .stat-content .tab-content .table-bloc {
        overflow-y: auto;
        max-height: none;
    }

    .boutique2 .panier,
    .boutique1 .panier {
        position: relative;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .shop-box {
        padding: 20px
    }

    .shop-box h3 img {
        display: none;
    }

    #form.boutique h2 {
        font-size: 40px;
        margin: 10px 0;
    }

    #form.boutique h2 i {
        margin-right: 16px;
        font-size: 33px;
    }

    .boutique3 #sections.col-md-12,
    .boutique3 #sections.col-sm-12,
    .boutique3 #main-title.col-md-12,
    .boutique3 #main-title.col-sm-12 {
        width: 100%;
        float: left;
    }

    .boutique3 #sections.col-lg-6 .btn-table {
        float: left;
    }

    .boutique3 #sections.col-lg-6 div {
        float: left;
    }

    .filtre-tri input.search-box {
        width: calc(100% - 35px)
    }

    .list-prod .img-prod {
        padding-right: 15px;
    }

    .list-prod .img-prod img {
        margin: 0 auto;
    }

    .list-prod .desc {
        text-align: center;
    }

    .list-prod .total-cta {
        text-align: center;
    }

    .list-prod .qt-prix {
        margin: 0px 0 10px 0;
        float: none;
    }

    .boutique3 .cta .btn-valider,
    .boutique3 .cta .btn-retour,
    .boutique3 .cta .btn-liste {
        float: none;
        margin-top: 0;
        margin-bottom: 5px;
        width: 100%
    }

    .adress .form-adresse .label2 p {
        text-align: left;
        margin: 0 15px
    }

    .adress .form-adresse .label2 {
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {}

.row.view.order input[type=text],
.row.view.order select,
.row.view.order textarea,
.row.view.order .recap .quantite {
    cursor: default !important;
    background: white !important;
    box-shadow: none !important;
    color: #1b1b1c !important;
    font-weight: bold !important;
}

.row.view.order .recap .quantite {
    height: auto;
}

@media only screen and (max-width: 768px) {

    .list-prod .total-cta .quantite a.plus,
    .list-prod .total-cta .quantite a.minus {
        font-size: 30px;
    }
}

/* Mode bon de commande */
.quantiteBDC .qt-chiffre input {
    /* width: 30px !important; */
    padding: 0px !important;
}

.quantiteBDC {
    text-align: center;
}

tr.nostock td {
    background-color: rgb(235, 235, 228);
    font-style: italic;
}

tr.nostock input {
    border: 0;
}

.cacher td {
    display: none;
    background-color: #B6B1B0;
}

tr.pascacher td {
    display: table-cell !important;
}

table .trBDC td {
    padding: 2px !important;
    vertical-align: middle !important;
}

.trBDC .total {
    text-align: right;
}

i#filtreBDC {
    display: none;
}

#bdc tr.enteteBdc:hover {
    background-color: transparent !important;
}

#bdc {
    width: 100%;
    text-align: left;
}

#divBDC {
    text-align: center;
}

#divBDC h4 {
    text-align: left;
}

#bdc i:hover {
    font-weight: bold;
    cursor: pointer;
}

#bdc .viewnoview {
    text-align: center;
    width: 20px;
}

#bdc .viewnoview .ipascacher {
    display: none;
}

#bdc .viewnoview .icacher {
    display: block;
}

#bdc th {
    padding-left: 5px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 févr. 2017, 11:36:50
    Author     : cdelalande
*/

.disable_element {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
#list-comments,
#list-comments div.comment-item {
    margin-bottom: 30px;
}

.comment-return,
#return-message {
    display: none;
    width: auto;
    /* width: 500px; */
    background-color: #d4edda;
    padding: 5px 15px;
    color: #155724;
    margin-top: 15px;
    margin-bottom: 15px;
}

#list-comments .comment {
    margin-bottom: 20px;
    padding-top: 10px;
    position: relative;
}

#list-comments .right {
    text-align: right;
}

#list-comments .comment-titre,
#list-comments .comment-p {
    display: inline-block;
    vertical-align: top;
}

#list-comments .comment-titre {
    width: 150px;
    padding: 0 20px 0 0;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

#list-comments .comment-titre::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e5e5e5;
    border-style: solid;
    border-width: 8px;
    content: "";
    position: absolute;
    right: -16px;
    top: 5px;
}

#list-comments .comment-p {
    width: calc(100% - 155px);
    padding-left: 20px;
    font-style: italic;
    color: #626263;
}

#list-comments .retro .row,
#list-comments .retro p {
    margin-bottom: 0;
    font-weight: 400;
}

#list-comments .action-detail p {
    font-size: 14px;
}

#list-comments .comment-p.comment-item.description:not(.active) {
    cursor: pointer;
}

#list-comments .comment-titre img {
    float: right;
}

.comment-titre img.img-circle {
    width: 59px;
    height: 59px;
}

#list-comments .comment-titre p {
    clear: both;
}

#list-comments .action-detail p {
    font-size: 14px;
}

#list-comments .comment-titre p span {
    color: #8d8b8b;
}

#list-comments .is-read {
    font-size: 12px;
    font-style: italic;
}

#list-comments .read {
    background-color: #ad0d2a;
    color: white;
    padding: 5px 8px;
    display: inline-block;
    font-size: 11px;
    margin-top: 5px;
}

#list-comments .read:hover {
    text-decoration: none;
}

#comment-threads .row {
    margin-bottom: 0 !important;
}

#comment-threads .info {
    font-style: italic;
    color: #626263;
    font-size: 13px;
}

.comment-1 {
    border-top: 1px solid transparent !important;
}

.comment-info {
    font-size: 12px;
    margin-left: 160px;
    margin-bottom: 0 !important;
    text-align: right;
}

.Opening .comment-info {
    display: none;
}

.question-action a.read {
    margin: 5px 0;
    float: right;
    position: relative;
}

.Intra .comment-info-left {
    display: none;
}

.question-action.message-alert .alerte.message {
    display: block;
    margin-top: 35px;
}

.action-detail3 .col-md-12 .comment-new {
    background: #f2f2f2;
    padding: 20px;
    margin-top: 50px;
}
#chat {
    position: fixed;
    bottom: 0;
    right: 50px;
    width: 320px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

    border-radius: 5px 5px 0 0 ;
    overflow: hidden;
}

#chat .title {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    background: #ad0d2a;
    color: #fff;
    font-weight: 700;

    text-transform: uppercase;font-size: 12px;
    cursor: pointer;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}
#chat .title i {
    margin-right: 5px;
    font-size: 18px;
}

#chat .content {
    min-height: 200px;
}

#chat .messages {
    height: 220px;
    padding: 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    overflow: auto;
    margin-bottom: 0px;
}
#chat .messages .comment {
    margin-bottom: 10px;
}

#chat .messages .comment-titre {
    width: 100px;
    padding: 0 10px 0 0;
}
#chat .messages .comment-titre p {
    font-size: 12px;
    color: #8d8b8b;
    line-height: 14px;
}

#chat .messages .comment-p {
    padding-left: 10px;
    width: calc(100% - 110px);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
}

#chat a.read {
    background-color:#ad0d2a;
    color:white;
    padding:5px 8px;
    display:inline-block;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#chat a.read:hover {
    text-decoration:none;
}

#chat .editor {
    background: #f2f2f2;
    padding: 15px
}

#chat .editor textarea{
    width: 100%;
    min-height: 100px;
    border-radius :4px;
    border: none;
    box-shadow: none;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
}
#chat .editor .btn{
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
/*!
 * elFinder - file manager for web
 * Version 2.1.38 (2018-05-05)
 * http://elfinder.org
 * 
 * Copyright 2009-2018, Studio 42
 * Licensed under a 3-clauses BSD license
 */
.elfinder-dialog-resize{margin-top:.3em}.elfinder-resize-type{float:left;margin-bottom:.4em}.elfinder-resize-control{float:left}.elfinder-resize-control input[type=number]{border:1px solid #aaa;text-align:right;width:4.5em}.elfinder-resize-control input.elfinder-resize-bg{text-align:center;width:5em;direction:ltr}.elfinder-dialog-resize .elfinder-resize-control-panel{margin-top:10px}.elfinder-dialog-resize .elfinder-resize-imgrotate,.elfinder-dialog-resize .elfinder-resize-pallet,.elfinder-preference dt label{cursor:pointer}.elfinder-dialog-resize .elfinder-resize-picking{cursor:crosshair}.elfinder-dialog-resize .elfinder-resize-grid8+button{padding-top:2px;padding-bottom:2px}.elfinder-resize-preview{width:400px;height:400px;padding:10px;background:#fff;border:1px solid #aaa;float:right;position:relative;overflow:hidden;text-align:left;direction:ltr}.elfinder-resize-handle,div.elfinder-cwd-wrapper-list tr.ui-state-default td{position:relative}.elfinder-resize-handle-hline,.elfinder-resize-handle-vline{position:absolute;background-image:url(../img/crop.gif)}.elfinder-resize-handle-hline{width:100%;height:1px!important;background-repeat:repeat-x}.elfinder-resize-handle-vline{width:1px!important;height:100%;background-repeat:repeat-y}.elfinder-resize-handle-hline-top{top:0;left:0}.elfinder-resize-handle-hline-bottom{bottom:0;left:0}.elfinder-resize-handle-vline-left{top:0;left:0}.elfinder-resize-handle-vline-right{top:0;right:0}.elfinder-resize-handle-point{position:absolute;width:8px;height:8px;border:1px solid #777;background:0 0}.elfinder-resize-handle-point-n{top:0;left:50%;margin-top:-5px;margin-left:-5px}.elfinder-resize-handle-point-e,.elfinder-resize-handle-point-ne{top:0;right:0;margin-top:-5px;margin-right:-5px}.elfinder-resize-handle-point-e{top:50%}.elfinder-resize-handle-point-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px}.elfinder-resize-handle-point-s,.elfinder-resize-handle-point-sw{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px}.elfinder-resize-handle-point-sw{left:0}.elfinder-resize-handle-point-nw,.elfinder-resize-handle-point-w{top:50%;left:0;margin-top:-5px;margin-left:-5px}.elfinder-resize-handle-point-nw{top:0}.elfinder-resize-spinner{position:absolute;width:200px;height:30px;top:50%;margin-top:-25px;left:50%;margin-left:-100px;text-align:center;background:url(../img/progress.gif) center bottom repeat-x}.elfinder-resize-row{margin-bottom:9px;position:relative}.elfinder-resize-label{float:left;width:80px;padding-top:3px}.elfinder-resize-checkbox-label{border:1px solid transparent}.elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls{margin:-20px 5px 0}.elfinder-ltr .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls{float:right}.elfinder-help-team div,.elfinder-info-tb span,.elfinder-rtl .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls{float:left}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-e,.elfinder-dialog .elfinder-dialog-resize .ui-resizable-w{height:100%;width:10px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-n,.elfinder-dialog .elfinder-dialog-resize .ui-resizable-s{width:100%;height:10px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-e{margin-right:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-w{margin-left:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-s{margin-bottom:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-n{margin-top:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne,.elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw,.elfinder-dialog .elfinder-dialog-resize .ui-resizable-se,.elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw{width:10px;height:10px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-se{background:0 0;bottom:0;right:0;margin-right:-7px;margin-bottom:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw{margin-left:-7px;margin-bottom:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne{margin-right:-7px;margin-top:-7px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw{margin-left:-7px;margin-top:-7px}.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-n,.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-s{height:20px}.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-e,.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-w{width:20px}.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne,.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw,.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-se,.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw{width:30px;height:30px}.elfinder-touch .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-preview .ui-resizable-se{width:30px;height:30px;zoom:1;margin:0}.elfinder-dialog-resize .ui-icon-grip-solid-vertical{position:absolute;top:50%;right:0;margin-top:-8px;margin-right:-11px}.elfinder-dialog-resize .ui-icon-grip-solid-horizontal{position:absolute;left:50%;bottom:0;margin-left:-8px;margin-bottom:-11px}.elfinder-dialog-resize .elfinder-resize-row .ui-buttonset{float:right}.elfinder-dialog-resize .elfinder-resize-degree input,.elfinder-dialog-resize input.elfinder-resize-quality,.elfinder-mobile .elfinder-resize-control input[type=number]{width:3.5em}.elfinder-mobile .elfinder-dialog-resize .elfinder-resize-degree input,.elfinder-mobile .elfinder-dialog-resize input.elfinder-resize-quality{width:2.5em}.elfinder-dialog-resize .elfinder-resize-degree button.ui-button{padding:6px 8px}.elfinder-dialog-resize button.ui-button span{padding:0}.elfinder-dialog-resize .elfinder-resize-jpgsize{font-size:90%}.ui-widget-content .elfinder-dialog-resize .elfinder-resize-rotate-slider{width:195px;margin:10px 7px;background-color:#fafafa}.elfinder-dialog-resize .elfinder-resize-type span.ui-checkboxradio-icon{display:none}.elfinder-resize-preset-container{box-sizing:border-box;border-radius:5px}.elfinder-file-edit{width:100%;height:99%;margin:0;padding:2px;border:1px solid #ccc;box-sizing:border-box;resize:none}.elfinder-touch .elfinder-file-edit{font-size:16px}.ui-dialog .ui-dialog-content.elfinder-edit-editor{background-color:#fff}.elfinder-touch.elfinder-fullscreen-native textarea.elfinder-file-edit{padding-bottom:20em;margin-bottom:-20em}.std42-dialog .ui-dialog-buttonpane .elfinder-dialog-confirm-encoding,.std42-dialog .ui-dialog-titlebar select{font-size:12px}div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{position:absolute;top:4px;left:0;right:0;margin:auto 0 auto auto}.elfinder-touch div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{top:7px}.elfinder-rtl div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{margin:auto auto auto 0}.elfinder-help{margin-bottom:.5em;-webkit-overflow-scrolling:touch}.elfinder-help .ui-tabs-panel{overflow:auto;padding:10px}.elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.2em .8em;display:inline-block}.elfinder-touch .elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.5em}.elfinder-dialog .ui-tabs-selected a{background:inherit}.elfinder-help-shortcuts{height:auto;padding:10px;margin:0;box-sizing:border-box}.elfinder-help-shortcut{white-space:nowrap;clear:both}.elfinder-help-shortcut-pattern{float:left;width:160px}.elfinder-help-logo{width:100px;height:96px;float:left;margin-right:1em;background:url(../img/logo.png) center center no-repeat}.elfinder-help h3{font-size:1.5em;margin:.2em 0 .3em}.elfinder-help-separator{clear:both;padding:.5em}.elfinder-help-link{display:inline-block;margin-right:12px;padding:2px 0;white-space:nowrap}.elfinder-rtl .elfinder-help-link{margin-right:0;margin-left:12px}.elfinder-help .ui-priority-secondary{font-size:.9em}.elfinder-help .ui-priority-primary{margin-bottom:7px}.elfinder-help-team{clear:both;text-align:right;border-bottom:1px solid #ccc;margin:.5em 0;font-size:.9em}.elfinder-help-license{font-size:.9em}.elfinder-help-disabled{font-weight:700;text-align:center;margin:90px 0}.elfinder-help .elfinder-dont-panic{display:block;border:1px solid transparent;width:200px;height:200px;margin:30px auto;text-decoration:none;text-align:center;position:relative;background:#d90004;-moz-box-shadow:5px 5px 9px #111;-webkit-box-shadow:5px 5px 9px #111;box-shadow:5px 5px 9px #111;background:-moz-radial-gradient(80px 80px,circle farthest-corner,#d90004 35%,#960004 100%);background:-webkit-gradient(radial,80 80,60,80 80,120,from(#d90004),to(#960004));-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:none}.elfinder-help .elfinder-dont-panic span{font-size:3em;font-weight:700;text-align:center;color:#fff;position:absolute;left:0;top:45px}.elfinder-help-debug{height:100%;padding:0;margin:0;overflow:none;border:none}.elfinder-help-debug .ui-tabs-panel{padding:0;margin:0;overflow:auto}.elfinder-help-debug fieldset{margin-bottom:10px;border-color:#789;border-radius:10px}.elfinder-help-debug legend{font-size:1.2em;font-weight:700;color:#2e8b57}.elfinder-help-debug dl{margin:0}.elfinder-help-debug dt{color:#789}.elfinder-help-debug dt:before{content:"["}.elfinder-help-debug dt:after{content:"]"}.elfinder-help-debug dd{margin-left:1em}.elfinder-preference .ui-tabs-panel{padding:0 10px;overflow:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.elfinder-preference a.ui-state-hover,.elfinder-preference label.ui-state-hover{border:none}.elfinder-preference dl{width:100%;display:inline-block;margin:.5em 0}.elfinder-preference dt{display:block;width:200px;clear:left;float:left;max-width:50%}.elfinder-rtl .elfinder-preference dt{clear:right;float:right}.elfinder-preference dd{margin-bottom:1em}.elfinder-preference dd input[type=checkbox],.elfinder-preference dd label{white-space:nowrap;display:inline-block;cursor:pointer}.elfinder-preference dt.elfinder-preference-checkboxes{width:100%;max-width:none}.elfinder-preference dd.elfinder-preference-checkboxes{padding-top:3ex}.elfinder-preference select{max-width:100%}.elfinder-rtl .elfinder-info-title .elfinder-cwd-icon:before{right:33px;left:auto}.elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:none}.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{position:absolute;bottom:2px;width:16px;height:16px;padding:10px;border:none;overflow:hidden;cursor:pointer}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item .ui-icon,.elfinder-ltr .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{left:2px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item .ui-icon,.elfinder-rtl .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{right:2px}.elfinder-ltr .elfinder-rm-title .elfinder-cwd-icon:before{left:38px}.elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon:before{right:86px;left:auto}.elfinder-rm-title .elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:none}.elfinder-rename-batch div{margin:5px 8px}.elfinder-rename-batch .elfinder-rename-batch-name input{width:100%;font-size:1.6em}.elfinder-rename-batch-type{text-align:center}.elfinder-rename-batch .elfinder-rename-batch-type label{margin:2px;font-size:.9em}.elfinder-rename-batch-preview{padding:0 8px;font-size:1.1em;min-height:4ex}.ui-front{z-index:100}.elfinder{padding:0;position:relative;display:block;visibility:visible;font-size:18px;font-family:Verdana,Arial,Helvetica,sans-serif}.elfinder-ios input,.elfinder-ios select,.elfinder-ios textarea{font-size:16px!important}.elfinder.elfinder-fullscreen>.ui-resizable-handle{display:none}.elfinder-font-mono{line-height:2ex}.elfinder.elfinder-processing *{cursor:progress!important}.elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after{position:absolute;top:0;width:100%;height:3px;content:'';left:0;background-image:url(../img/progress.gif);opacity:.6;pointer-events:none}.elfinder :not(input):not(textarea):not(select):not([contenteditable=true]),.elfinder-contextmenu :not(input):not(textarea):not(select):not([contenteditable=true]){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none}.elfinder .overflow-scrolling-touch{-webkit-overflow-scrolling:touch}.elfinder-rtl{text-align:right;direction:rtl}.elfinder-workzone{padding:0;position:relative;overflow:hidden}.elfinder-lock,.elfinder-perms,.elfinder-symlink{position:absolute;width:16px;height:16px;background-image:url(../img/toolbar.png);background-repeat:no-repeat}.elfinder-perms,.elfinder-symlink{background-position:0 -528px}.elfinder-na .elfinder-perms{background-position:0 -96px}.elfinder-ro .elfinder-perms{background-position:0 -64px}.elfinder-wo .elfinder-perms{background-position:0 -80px}.elfinder-group .elfinder-perms{background-position:0 0}.elfinder-lock{background-position:0 -656px}.elfinder-drag-helper{top:0;left:0;width:70px;height:60px;padding:0 0 0 25px;z-index:100000;will-change:left,top}.elfinder-drag-helper.html5-native{position:absolute;top:-1000px;left:-1000px}.elfinder-drag-helper-icon-status{position:absolute;width:16px;height:16px;left:42px;top:60px;background:url(../img/toolbar.png) 0 -96px no-repeat;display:block}.elfinder-drag-helper-move .elfinder-drag-helper-icon-status{background-position:0 -720px}.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status{background-position:0 -544px}.elfinder-drag-num{display:inline-box;position:absolute;top:0;left:0;width:auto;height:14px;text-align:center;padding:1px 3px;font-weight:700;color:#fff;background-color:red;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.elfinder-drag-helper .elfinder-cwd-icon{margin:0 0 0 -24px;float:left}.elfinder-overlay{position:absolute;opacity:.2;filter:Alpha(Opacity=20)}.elfinder .elfinder-panel{position:relative;background-image:none;padding:7px 12px}[draggable=true]{-khtml-user-drag:element}.elfinder [contentEditable=true]:empty:not(:focus):before{content:attr(data-ph)}.elfinder div.elfinder-bottomtray{position:fixed;bottom:0;max-width:100%;opacity:.8}.elfinder.elfinder-ltr div.elfinder-bottomtray{left:0}.elfinder.elfinder-rtl div.elfinder-bottomtray{right:0}.elfinder-ui-tooltip{font-size:.78em;padding:2px}.elfinder .elfinder-contextmenu,.elfinder .elfinder-contextmenu-sub{position:absolute;border:1px solid #aaa;background:#fff;color:#555;padding:4px 0;top:0;left:0}.elfinder .elfinder-contextmenu-sub{top:5px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub{margin-left:-5px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub{margin-right:-5px}.elfinder .elfinder-contextmenu-header{margin-top:-4px;padding:0 .5em .2ex;border:none;text-align:center}.elfinder .elfinder-contextmenu-header span{font-size:.8em;font-weight:bolder}.elfinder .elfinder-contextmenu-item{position:relative;display:block;padding:4px 30px;text-decoration:none;white-space:nowrap;cursor:default}.elfinder .elfinder-contextmenu-item.ui-state-active{border:none}.elfinder .elfinder-contextmenu-item .ui-icon{width:16px;height:16px;position:absolute;left:auto;right:auto;top:50%;margin-top:-8px}.elfinder-touch .elfinder-contextmenu-item{padding:12px 38px}.elfinder-navbar-root-local.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_local.png)}.elfinder-navbar-root-ftp.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_ftp.png)}.elfinder-navbar-root-sql.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_sql.png)}.elfinder-navbar-root-dropbox.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_dropbox.png)}.elfinder-navbar-root-googledrive.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_googledrive.png)}.elfinder-navbar-root-onedrive.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_onedrive.png)}.elfinder-navbar-root-box.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_box.png)}.elfinder-navbar-root-zip.elfinder-contextmenu-icon{background-image:url(../img/volume_icon_zip.png)}.elfinder .elfinder-contextmenu .elfinder-contextmenu-item span{display:block}.elfinder .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-left:12px;padding-right:12px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item{text-align:left}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item{text-align:right}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-left:28px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-right:28px}.elfinder-touch .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-left:36px}.elfinder-touch .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-right:36px}.elfinder .elfinder-contextmenu-arrow,.elfinder .elfinder-contextmenu-extra-icon,.elfinder .elfinder-contextmenu-icon{position:absolute;top:50%;margin-top:-8px;overflow:hidden}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-icon{left:8px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-extra-icon,.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-icon{right:8px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-extra-icon{left:8px}.elfinder .elfinder-contextmenu-arrow{width:16px;height:16px;background:url(../img/arrows-normal.png) 5px 4px no-repeat}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-arrow{right:5px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-arrow{left:5px;background-position:0 -10px}.elfinder .elfinder-contextmenu-extra-icon a,.elfinder .elfinder-contextmenu-extra-icon span{display:inline-block;width:100%;height:100%;padding:20px;margin:0;color:transparent!important;text-decoration:none;cursor:pointer}.elfinder .elfinder-contextmenu .ui-state-hover{border:0 solid;background-image:none}.elfinder .elfinder-contextmenu-separator{height:0;border-top:1px solid #ccc;margin:0 1px}.elfinder .elfinder-button-icon.ui-state-disabled{background-image:url(../img/toolbar.png)!important}.elfinder-cwd-wrapper{overflow:auto;position:relative;padding:2px;margin:0}.elfinder-cwd-wrapper-list{padding:0}.elfinder-cwd{position:absolute;top:0;cursor:default;padding:0;margin:0;-ms-touch-action:auto;touch-action:auto;min-width:100%}.elfinder-ltr .elfinder-cwd{left:0}.elfinder-rtl .elfinder-cwd{right:0}.elfinder-cwd.elfinder-table-header-sticky{position:-webkit-sticky;position:-ms-sticky;position:sticky;top:0;left:auto;right:auto;width:-webkit-max-content;width:-moz-max-content;width:-ms-max-content;width:max-content;height:0;overflow:visible}.elfinder-cwd.elfinder-table-header-sticky table{border-top:2px solid;padding-top:0}.elfinder-cwd.elfinder-table-header-sticky td{display:inline-block}.elfinder-droppable-active .elfinder-cwd.elfinder-table-header-sticky table{border-top:2px solid transparent}.elfinder .elfinder-cwd table tbody.elfinder-cwd-fixheader,.elfinder-cwd-fixheader .elfinder-cwd{position:relative}.elfinder .elfinder-cwd-wrapper.elfinder-droppable-active{outline:2px solid #8cafed;outline-offset:-2px}.elfinder-cwd-wrapper-empty .elfinder-cwd:after{font-size:14px;display:block;position:absolute;top:40%;left:0;right:0;margin-top:-2em;line-height:1.5em;text-align:center;white-space:pre-wrap;opacity:.6;filter:Alpha(Opacity=60);font-weight:normal}.elfinder-cwd-file .elfinder-cwd-select{position:absolute;top:0;left:0;width:30px;height:30px;background-color:transparent;opacity:.4;filter:Alpha(Opacity=40)}.elfinder .elfinder-cwd-selectall,.elfinder-cwd-file.ui-selected .elfinder-cwd-select{opacity:.8;filter:Alpha(Opacity=80)}.elfinder-rtl .elfinder-cwd-file .elfinder-cwd-select{left:auto;right:0}.elfinder .elfinder-cwd-selectall{position:absolute;width:30px;height:30px;top:0}.elfinder .elfinder-workzone.elfinder-cwd-wrapper-empty .elfinder-cwd-selectall{display:none}.elfinder-ltr .elfinder-workzone .elfinder-cwd-selectall{text-align:right;right:18px;left:auto}.elfinder-rtl .elfinder-workzone .elfinder-cwd-selectall{text-align:left;right:auto;left:18px}.elfinder-ltr.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall{right:0}.elfinder-rtl.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall{left:0}.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-select.ui-state-hover{background-color:transparent}.elfinder-cwd-view-icons .elfinder-cwd-file{width:120px;height:90px;padding-bottom:2px;cursor:default;border:none;position:relative}.elfinder .std42-dialog .ui-dialog-content form label,.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active{border:none}.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{float:left;margin:0 3px 2px 0}.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file{float:right;margin:0 0 5px 3px}.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover{border:0 solid}.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:52px;height:52px;margin:1px auto;padding:2px;position:relative}.elfinder-cwd-view-icons .elfinder-cwd-filename{text-align:center;max-height:2.4em;line-height:1.2em;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:3px 1px 0;padding:1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.elfinder-cwd-view-icons .elfinder-perms{bottom:4px;right:2px}.elfinder-cwd-view-icons .elfinder-lock{top:-3px;right:-2px}.elfinder-cwd-view-icons .elfinder-symlink{bottom:6px;left:0}.elfinder-cwd-icon{display:block;width:48px;height:48px;margin:0 auto;background:url(../img/icons-big.png) 0 0 no-repeat;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon,.elfinder-navbar-root-local .elfinder-cwd-icon{background-image:url(../img/volume_icon_local.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-local.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_local.png);background-size:contain;background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon,.elfinder-navbar-root-trash .elfinder-cwd-icon{background-image:url(../img/volume_icon_trash.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-trash.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_trash.png);background-size:contain;background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon,.elfinder-navbar-root-ftp .elfinder-cwd-icon{background-image:url(../img/volume_icon_ftp.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-ftp.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_ftp.png);background-size:contain;background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon,.elfinder-navbar-root-sql .elfinder-cwd-icon{background-image:url(../img/volume_icon_sql.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-sql.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_sql.png);background-size:contain;background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon,.elfinder-navbar-root-dropbox .elfinder-cwd-icon{background-image:url(../img/volume_icon_dropbox.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-dropbox.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_dropbox.png);background-size:contain;background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,.elfinder-navbar-root-googledrive .elfinder-cwd-icon{background-image:url(../img/volume_icon_googledrive.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_googledrive.png);background-size:contain}.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,.elfinder-navbar-root-onedrive .elfinder-cwd-icon{background-image:url(../img/volume_icon_onedrive.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_onedrive.png);background-size:contain}.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,.elfinder-navbar-root-box .elfinder-cwd-icon{background-image:url(../img/volume_icon_box.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/volume_icon_box.png);background-size:contain}.elfinder-cwd .elfinder-navbar-root-zip.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon,.elfinder-navbar-root-zip .elfinder-cwd-icon{background-image:url(../img/volume_icon_zip.png);background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon,.elfinder-navbar-root-network .elfinder-cwd-icon{background-image:url(../img/toolbar.png);background-position:0 70.5%;background-size:cover}.elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon{background-image:url(../img/toolbar.png);background-size:cover;background-position:1px -1px}.elfinder-cwd-icon:before{content:none;position:absolute;left:0;top:5px;min-width:20px;max-width:84px;text-align:center;padding:1px 4px;border-radius:4px;font-family:Verdana;font-size:10px;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before{left:-10px}.elfinder-cwd-icon.elfinder-cwd-icon-css:before,.elfinder-cwd-icon.elfinder-cwd-icon-html:before,.elfinder-cwd-icon.elfinder-cwd-icon-javascript:before,.elfinder-cwd-icon.elfinder-cwd-icon-pdf:before,.elfinder-cwd-icon.elfinder-cwd-icon-plain:before,.elfinder-cwd-icon.elfinder-cwd-icon-rtf:before,.elfinder-cwd-icon.elfinder-cwd-icon-rtfd:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-7z-compressed:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-bzip2:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-bzip:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-c--:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-c--hdr:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-c--src:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-c:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-chdr:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-csrc:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-empty:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-gzip:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-java-source:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-java:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-javascript:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-perl:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-php:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-python:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-rar-compressed:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-rar:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-ruby:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-sh:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-shellscript:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-shockwave-flash:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-tar:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-xz:before,.elfinder-cwd-icon.elfinder-cwd-icon-x-zip:before,.elfinder-cwd-icon.elfinder-cwd-icon-xml:before,.elfinder-cwd-icon.elfinder-cwd-icon-zip:before{content:none}.elfinder-cwd-icon.elfinder-cwd-icon-mp2t:before{content:'ts'}.elfinder-cwd-icon.elfinder-cwd-icon-dash-xml:before{content:'dash'}.elfinder-cwd-icon.elfinder-cwd-icon-x-mpegurl:before{content:'hls'}.elfinder-cwd-icon.elfinder-cwd-bgurl{background-position:center center;background-repeat:no-repeat}.elfinder-cwd-icon.elfinder-cwd-bgurl,.elfinder-cwd-icon.elfinder-cwd-bgurl.elfinder-cwd-bgself{-moz-background-size:cover;background-size:cover}.elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:' '}.elfinder-cwd-bgurl:after{position:relative;display:inline-block;top:36px;left:-38px;width:48px;height:48px;background:url(../img/icons-big.png) 0 0 no-repeat;background-size:auto!important;opacity:.8;filter:Alpha(Opacity=60);-webkit-transform-origin:54px -24px;-webkit-transform:scale(.6);-moz-transform-origin:54px -24px;-moz-transform:scale(.6);-ms-transform-origin:54px -24px;-ms-transform:scale(.6);-o-transform-origin:54px -24px;-o-transform:scale(.6);transform-origin:54px -24px;transform:scale(.6)}.elfinder-cwd-icon-image.elfinder-cwd-bgurl:after,.elfinder-cwd-icon.elfinder-cwd-icon-drag:after,.elfinder-cwd-icon.elfinder-cwd-icon-drag:before{content:none}.elfinder-cwd-icon-video:after{top:32px;left:-26px;height:25px;width:22px;background-position:0 -373px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon{background-position:0 -100px}.elfinder-cwd .elfinder-droppable-active{outline:2px solid #8cafed;outline-offset:-2px}.elfinder-cwd-icon-directory{background-position:0 -50px}.elfinder-cwd-icon-application,.elfinder-cwd-icon-application:after{background-position:0 -150px}.elfinder-cwd-icon-text,.elfinder-cwd-icon-text:after{background-position:0 -1350px}.elfinder-cwd-icon-plain,.elfinder-cwd-icon-plain:after,.elfinder-cwd-icon-x-empty,.elfinder-cwd-icon-x-empty:after{background-position:0 -200px}.elfinder-cwd-icon-image,.elfinder-cwd-icon-image:after,.elfinder-cwd-icon-postscript,.elfinder-cwd-icon-postscript:after,.elfinder-cwd-icon-vnd-adobe-photoshop,.elfinder-cwd-icon-vnd-adobe-photoshop:after{background-position:0 -250px}.elfinder-cwd-icon-audio,.elfinder-cwd-icon-audio:after{background-position:0 -300px}.elfinder-cwd-icon-dash-xml,.elfinder-cwd-icon-flash-video,.elfinder-cwd-icon-video,.elfinder-cwd-icon-vnd-apple-mpegurl,.elfinder-cwd-icon-x-mpegurl{background-position:0 -350px}.elfinder-cwd-icon-rtf,.elfinder-cwd-icon-rtf:after,.elfinder-cwd-icon-rtfd,.elfinder-cwd-icon-rtfd:after{background-position:0 -401px}.elfinder-cwd-icon-pdf,.elfinder-cwd-icon-pdf:after{background-position:0 -450px}.elfinder-cwd-icon-ms-excel,.elfinder-cwd-icon-ms-excel:after,.elfinder-cwd-icon-msword,.elfinder-cwd-icon-msword:after,.elfinder-cwd-icon-vnd-ms-excel,.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel:after,.elfinder-cwd-icon-vnd-ms-office,.elfinder-cwd-icon-vnd-ms-office:after,.elfinder-cwd-icon-vnd-ms-powerpoint,.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint:after,.elfinder-cwd-icon-vnd-ms-word,.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-word:after,.elfinder-cwd-icon-vnd-oasis-opendocument-chart,.elfinder-cwd-icon-vnd-oasis-opendocument-chart:after,.elfinder-cwd-icon-vnd-oasis-opendocument-database,.elfinder-cwd-icon-vnd-oasis-opendocument-database:after,.elfinder-cwd-icon-vnd-oasis-opendocument-formula,.elfinder-cwd-icon-vnd-oasis-opendocument-formula:after,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics:after,.elfinder-cwd-icon-vnd-oasis-opendocument-image,.elfinder-cwd-icon-vnd-oasis-opendocument-image:after,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation:after,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text,.elfinder-cwd-icon-vnd-oasis-opendocument-text-master,.elfinder-cwd-icon-vnd-oasis-opendocument-text-master:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text-template,.elfinder-cwd-icon-vnd-oasis-opendocument-text-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text-web,.elfinder-cwd-icon-vnd-oasis-opendocument-text-web:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text:after,.elfinder-cwd-icon-vnd-openofficeorg-extension,.elfinder-cwd-icon-vnd-openofficeorg-extension:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template:after{background-position:0 -500px}.elfinder-cwd-icon-html,.elfinder-cwd-icon-html:after{background-position:0 -550px}.elfinder-cwd-icon-css,.elfinder-cwd-icon-css:after{background-position:0 -600px}.elfinder-cwd-icon-javascript,.elfinder-cwd-icon-javascript:after,.elfinder-cwd-icon-x-javascript,.elfinder-cwd-icon-x-javascript:after{background-position:0 -650px}.elfinder-cwd-icon-x-perl,.elfinder-cwd-icon-x-perl:after{background-position:0 -700px}.elfinder-cwd-icon-x-python,.elfinder-cwd-icon-x-python:after{background-position:0 -750px}.elfinder-cwd-icon-x-ruby,.elfinder-cwd-icon-x-ruby:after{background-position:0 -800px}.elfinder-cwd-icon-x-sh,.elfinder-cwd-icon-x-sh:after,.elfinder-cwd-icon-x-shellscript,.elfinder-cwd-icon-x-shellscript:after{background-position:0 -850px}.elfinder-cwd-icon-x-c,.elfinder-cwd-icon-x-c--,.elfinder-cwd-icon-x-c--:after,.elfinder-cwd-icon-x-c--hdr,.elfinder-cwd-icon-x-c--hdr:after,.elfinder-cwd-icon-x-c--src,.elfinder-cwd-icon-x-c--src:after,.elfinder-cwd-icon-x-c:after,.elfinder-cwd-icon-x-chdr,.elfinder-cwd-icon-x-chdr:after,.elfinder-cwd-icon-x-csrc,.elfinder-cwd-icon-x-csrc:after,.elfinder-cwd-icon-x-java,.elfinder-cwd-icon-x-java-source,.elfinder-cwd-icon-x-java-source:after,.elfinder-cwd-icon-x-java:after{background-position:0 -900px}.elfinder-cwd-icon-x-php,.elfinder-cwd-icon-x-php:after{background-position:0 -950px}.elfinder-cwd-icon-xml,.elfinder-cwd-icon-xml:after{background-position:0 -1000px}.elfinder-cwd-icon-x-7z-compressed,.elfinder-cwd-icon-x-7z-compressed:after,.elfinder-cwd-icon-x-xz,.elfinder-cwd-icon-x-xz:after,.elfinder-cwd-icon-x-zip,.elfinder-cwd-icon-x-zip:after,.elfinder-cwd-icon-zip,.elfinder-cwd-icon-zip:after{background-position:0 -1050px}.elfinder-cwd-icon-x-gzip,.elfinder-cwd-icon-x-gzip:after,.elfinder-cwd-icon-x-tar,.elfinder-cwd-icon-x-tar:after{background-position:0 -1100px}.elfinder-cwd-icon-x-bzip,.elfinder-cwd-icon-x-bzip2,.elfinder-cwd-icon-x-bzip2:after,.elfinder-cwd-icon-x-bzip:after{background-position:0 -1150px}.elfinder-cwd-icon-x-rar,.elfinder-cwd-icon-x-rar-compressed,.elfinder-cwd-icon-x-rar-compressed:after,.elfinder-cwd-icon-x-rar:after{background-position:0 -1200px}.elfinder-cwd-icon-x-shockwave-flash,.elfinder-cwd-icon-x-shockwave-flash:after{background-position:0 -1250px}.elfinder-cwd-icon-group{background-position:0 -1300px}.elfinder-cwd-filename input{width:100%;border:none;margin:0;padding:0}.elfinder-cwd-view-icons,.elfinder-cwd-view-icons input{text-align:center}.elfinder-cwd-view-icons textarea{width:100%;border:0 solid;margin:0;padding:0;text-align:center;overflow:hidden;resize:none}.elfinder-cwd-wrapper.elfinder-cwd-fixheader .elfinder-cwd::after,.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar select{display:none}.elfinder-cwd table{width:100%;border-collapse:separate;border:0 solid;margin:0 0 10px;border-spacing:0;box-sizing:padding-box;padding:2px;position:relative}.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader{position:absolute;overflow:hidden}.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before{content:'';position:absolute;width:100%;top:0;height:3px;background-color:#fff}.elfinder-droppable-active+.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before{background-color:#8cafed}.elfinder .elfinder-workzone div.elfinder-cwd-fixheader table{table-layout:fixed}.elfinder-ltr .elfinder-cwd thead .elfinder-cwd-selectall{text-align:left;right:auto;left:0;padding-top:3px}.elfinder-rtl .elfinder-cwd thead .elfinder-cwd-selectall{text-align:right;right:0;left:auto;padding-top:3px}.elfinder-touch .elfinder-cwd thead .elfinder-cwd-selectall{padding-top:4px}.elfinder .elfinder-cwd table thead tr{border-left:0 solid;border-top:0 solid;border-right:0 solid}.elfinder .elfinder-cwd table thead td{padding:4px 14px}.elfinder-ltr .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding:4px 14px 4px 22px}.elfinder-rtl .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding:4px 22px 4px 14px}.elfinder-touch .elfinder-cwd table thead td,.elfinder-touch .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding-top:8px;padding-bottom:8px}.elfinder .elfinder-cwd table thead td.ui-state-active{background:#ebf1f6;/*background:-moz-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebf1f6),color-stop(50%,#abd3ee),color-stop(51%,#89c3eb),color-stop(100%,#d5ebfb));background:-webkit-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-o-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-ms-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:linear-gradient(to bottom,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 )*/}.elfinder .elfinder-cwd table td{padding:4px 12px;white-space:pre;overflow:hidden;text-align:right;cursor:default;border:0 solid}.elfinder .elfinder-cwd table tbody td:first-child{position:relative}.elfinder .elfinder-cwd table td div{box-sizing:content-box}tr.elfinder-cwd-file td .elfinder-cwd-select{width:40px;padding-top:3px}.elfinder-touch tr.elfinder-cwd-file td .elfinder-cwd-select{padding-top:10px}.elfinder-touch .elfinder-cwd tr td{padding:10px 12px}.elfinder-touch .elfinder-cwd tr.elfinder-cwd-file td{padding:13px 12px}.elfinder-ltr .elfinder-cwd table td{text-align:right}.elfinder-ltr .elfinder-cwd table td:first-child{text-align:left}.elfinder-rtl .elfinder-cwd table td{text-align:left}.elfinder-info-tb tr td:first-child,.elfinder-rtl .elfinder-cwd table td:first-child{text-align:right}.elfinder-odd-row{background:#eee}.elfinder-cwd-view-list .elfinder-cwd-file-wrapper{width:97%;position:relative}.elfinder-ltr .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper{margin-left:8px}.elfinder-rtl .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper{margin-right:8px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-filename{padding-left:23px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-filename{padding-right:23px}.elfinder-cwd-view-list .elfinder-lock,.elfinder-cwd-view-list .elfinder-perms,.elfinder-cwd-view-list .elfinder-symlink{margin-top:-6px;opacity:.6;filter:Alpha(Opacity=60)}.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms{left:8px;bottom:-4px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-lock{left:10px;top:0}.elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink{left:-7px;bottom:-4px}.elfinder-cwd-view-list td .elfinder-cwd-icon{width:16px;height:16px;position:absolute;top:50%;margin-top:-8px;background-image:url(../img/icons-small.png)}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon{left:0}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon{right:0}.elfinder-cwd-view-list .elfinder-cwd-icon:after,.elfinder-cwd-view-list .elfinder-cwd-icon:before{content:none}.elfinder-cwd-view-list thead td .ui-resizable-handle{height:100%;top:6px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-handle{top:-4px;margin:10px}.elfinder-cwd-view-list thead td .ui-resizable-e{right:-7px}.elfinder-cwd-view-list thead td .ui-resizable-w{left:-7px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-e{right:-16px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-w{left:-16px}.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list.elfinder-cwd:after{margin-top:0}.elfinder-cwd-message-board{position:-webkit-sticky;position:sticky;width:100%;height:calc(100% - .01px);top:0;left:0;margin:0;padding:0;pointer-events:none;background-color:transparent}.elfinder-cwd-wrapper-trash .elfinder-cwd-message-board{background-image:url(../img/trashmesh.png)}.elfinder-cwd-message-board .elfinder-cwd-trash{position:absolute;bottom:0;font-size:30px;width:100%;text-align:right;display:none}.elfinder-rtl .elfinder-cwd-message-board .elfinder-cwd-trash{text-align:left}.elfinder-mobile .elfinder-cwd-message-board .elfinder-cwd-trash{font-size:20px}.elfinder-cwd-wrapper-trash .elfinder-cwd-message-board .elfinder-cwd-trash{display:block;opacity:.3}.std42-dialog{padding:0;position:absolute;left:auto;right:auto;box-sizing:border-box}.std42-dialog.elfinder-dialog-minimized{overFlow:hidden;position:relative;float:left;width:auto;cursor:pointer}.elfinder-rtl .std42-dialog.elfinder-dialog-minimized{float:right}.std42-dialog input{border:1px solid}.std42-dialog .ui-dialog-titlebar{border-left:0 solid transparent;border-top:0 solid transparent;border-right:0 solid transparent;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;font-weight:400;padding:.2em 1em}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar{padding:0 .5em;height:20px}.elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar{padding:.3em .5em}.std42-dialog.ui-draggable-disabled .ui-dialog-titlebar{cursor:default}.std42-dialog .ui-dialog-titlebar .ui-widget-header{border:none;cursor:pointer}.std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title{display:inherit;word-break:break-all}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title{display:list-item;display:-moz-inline-box;white-space:nowrap;word-break:normal;overflow:hidden;word-wrap:normal;overflow-wrap:normal;max-width:-webkit-calc(100% - 24px);max-width:-moz-calc(100% - 24px);max-width:calc(100% - 24px)}.elfinder-touch .std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title{padding-top:.15em}.elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title{max-width:-webkit-calc(100% - 36px);max-width:-moz-calc(100% - 36px);max-width:calc(100% - 36px)}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button{position:relative;float:left;top:10px;left:-10px;right:10px;width:20px;height:20px;padding:1px;margin:-10px 1px 0;background-color:transparent;background-image:none}.elfinder-touch .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button{transform:scale(1.2);zoom:1.1;padding-left:6px;padding-right:6px}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button-right{float:right}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right{left:10px;right:-10px}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{width:17px;height:17px;border-width:1px;opacity:.7;filter:Alpha(Opacity=70);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{opacity:.5;filter:Alpha(Opacity=50)}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{opacity:1;filter:Alpha(Opacity=100)}.elfinder-spinner{width:14px;height:14px;background:url(../img/spinner-mini.gif) center center no-repeat;margin:0 5px;display:inline-block;vertical-align:middle}.elfinder-touch .std42-dialog.ui-dialog:not(ui-resizable-disabled) .ui-resizable-se{width:12px;height:12px;zoom:1.5;right:-7px;bottom:-7px;margin:3px 7px 7px 3px;background-position:-64px -224px}.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar{text-align:right}.std42-dialog .ui-dialog-content{padding:.3em .5em;box-sizing:border-box}.elfinder .std42-dialog .ui-dialog-content,.elfinder .std42-dialog .ui-dialog-content *{-webkit-user-select:auto;-moz-user-select:text;-khtml-user-select:text;user-select:text}.std42-dialog .ui-dialog-buttonpane{border:0 solid;margin:0;padding:.5em;text-align:right}.elfinder-rtl .std42-dialog .ui-dialog-buttonpane{text-align:left}.std42-dialog .ui-dialog-buttonpane button{margin:.2em 0 0 .4em;padding:.2em;outline:0 solid}.std42-dialog .ui-dialog-buttonpane button span{padding:2px 9px}.std42-dialog .ui-dialog-buttonpane button span.ui-icon{padding:2px}.elfinder-dialog .ui-resizable-e,.elfinder-dialog .ui-resizable-s{width:0;height:0}.std42-dialog .ui-button input{cursor:pointer}.std42-dialog select{border:1px solid #ccc}.elfinder-dialog-icon{position:absolute;width:32px;height:32px;left:10px;top:50%;margin-top:-15px;background:url(../img/dialogs.png) 0 0 no-repeat}.elfinder-rtl .elfinder-dialog-icon{left:auto;right:10px}.elfinder-dialog-confirm .ui-dialog-content,.elfinder-dialog-error .ui-dialog-content{padding-left:56px;min-height:35px}.elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content,.elfinder-rtl .elfinder-dialog-error .ui-dialog-content{padding-left:0;padding-right:56px}.elfinder-dialog-notify .ui-dialog-titlebar-close,.elfinder-rm-title+br{display:none}.elfinder-dialog-notify .ui-dialog-content{padding:0}.elfinder-notify{border-bottom:1px solid #ccc;position:relative;padding:.5em;text-align:center;overflow:hidden}.elfinder-ltr .elfinder-notify{padding-left:36px}.elfinder-rtl .elfinder-notify{padding-right:36px}.elfinder-notify:last-child{border:0 solid}.elfinder-notify-progressbar{width:180px;height:8px;border:1px solid #aaa;background:#f5f5f5;margin:5px auto;overflow:hidden}.elfinder-notify-progress{width:100%;height:8px;background:url(../img/progress.gif) center center repeat-x}.elfinder-notify-progress,.elfinder-notify-progressbar{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.elfinder-dialog-icon-file,.elfinder-dialog-icon-open,.elfinder-dialog-icon-readdir,.elfinder-dialog-icon-reload{background-position:0 -225px}.elfinder-dialog-icon-mkdir{background-position:0 -64px}.elfinder-dialog-icon-mkfile{background-position:0 -96px}.elfinder-dialog-icon-copy,.elfinder-dialog-icon-move,.elfinder-dialog-icon-prepare{background-position:0 -128px}.elfinder-dialog-icon-chunkmerge,.elfinder-dialog-icon-upload{background-position:0 -160px}.elfinder-dialog-icon-rm{background-position:0 -192px}.elfinder-dialog-icon-download{background-position:0 -260px}.elfinder-dialog-icon-save{background-position:0 -295px}.elfinder-dialog-icon-rename{background-position:0 -330px}.elfinder-dialog-icon-archive,.elfinder-dialog-icon-extract,.elfinder-dialog-icon-zipdl{background-position:0 -365px}.elfinder-dialog-icon-search{background-position:0 -402px}.elfinder-dialog-icon-chmod,.elfinder-dialog-icon-dim,.elfinder-dialog-icon-loadimg,.elfinder-dialog-icon-netmount,.elfinder-dialog-icon-netunmount,.elfinder-dialog-icon-preupload,.elfinder-dialog-icon-resize,.elfinder-dialog-icon-url{background-position:0 -434px}.elfinder-dialog-confirm-applyall,.elfinder-dialog-confirm-encoding{padding:0 1em;margin:0}.elfinder-ltr .elfinder-dialog-confirm-applyall,.elfinder-ltr .elfinder-dialog-confirm-encoding{text-align:left}.elfinder-rtl .elfinder-dialog-confirm-applyall,.elfinder-rtl .elfinder-dialog-confirm-encoding{text-align:right}.elfinder-dialog-confirm .elfinder-dialog-icon{background-position:0 -32px}.elfinder-dialog-confirm .ui-dialog-buttonset{width:auto}.elfinder-info-title .elfinder-cwd-icon{float:left;width:48px;height:48px;margin-right:1em}.elfinder-rtl .elfinder-info-title .elfinder-cwd-icon,.elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon{float:right;margin-right:0;margin-left:1em}.elfinder-info-title strong{display:block;padding:.3em 0 .5em}.elfinder-info-tb{min-width:200px;border:0 solid;margin:1em .2em;width:100%}.elfinder-info-tb td{white-space:pre-wrap;padding:2px}.elfinder-info-tb td.elfinder-info-label{white-space:nowrap}.elfinder-info-tb td.elfinder-info-hash{word-break:break-word;max-width:32em}.elfinder-info-tb a{outline:none;text-decoration:underline}.elfinder-info-tb a:hover{text-decoration:none}.elfinder-info-spinner{width:14px;height:14px;float:left;background:url(../img/spinner-mini.gif) center center no-repeat;margin:0 5px}.elfinder-netmount-tb{margin:0 auto}.elfinder-netmount-tb .elfinder-button-icon,.elfinder-netmount-tb select{cursor:pointer}button.elfinder-info-button{margin:-3.5px 0;cursor:pointer}.elfinder-upload-dropbox{display:table-cell;text-align:center;vertical-align:middle;padding:.5em;border:3px dashed #aaa;width:9999px;height:80px;overflow:hidden;word-break:keep-all}.elfinder-upload-dropbox.ui-state-hover{background:#dfdfdf;border:3px dashed #555}.elfinder-upload-dialog-or{margin:.3em 0;text-align:center}.elfinder-upload-dialog-wrapper{text-align:center}.elfinder-upload-dialog-wrapper .ui-button{position:relative;overflow:hidden}.elfinder-upload-dialog-wrapper .ui-button form{position:absolute;right:0;top:0;opacity:0;filter:Alpha(Opacity=0)}.elfinder-upload-dialog-wrapper .ui-button form input{padding:0 20px;font-size:3em}.dialogelfinder .dialogelfinder-drag{border-left:0 solid;border-top:0 solid;border-right:0 solid;font-weight:400;padding:2px 12px;cursor:move;position:relative;text-align:left}.elfinder-rtl .dialogelfinder-drag{text-align:right}.dialogelfinder-drag-close{position:absolute;top:50%;margin-top:-8px}.elfinder-ltr .dialogelfinder-drag-close{right:12px}.elfinder-rtl .dialogelfinder-drag-close{left:12px}.elfinder-rm-title{margin-bottom:.5ex}.elfinder-rm-title .elfinder-cwd-icon{float:left;width:48px;height:48px;margin-right:1em}.elfinder-rm-title strong{display:block;white-space:pre-wrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.ui-dialog-titlebar select.elfinder-edit-changed{border-bottom:1px solid #13ae10}.elfinder-font-mono{font-family:"Ricty Diminished","Myrica M",Consolas,"Courier New",Courier,Monaco,monospace;font-size:1.1em}.elfinder-contextmenu .elfinder-contextmenu-item span{font-size:.72em}.elfinder-cwd-view-icons .elfinder-cwd-filename,.elfinder-cwd-view-list td{font-size:.7em}.std42-dialog .ui-dialog-titlebar{font-size:.82em}.std42-dialog .ui-dialog-content{font-size:.72em}.std42-dialog .ui-dialog-buttonpane{font-size:.76em}.dialogelfinder .dialogelfinder-drag,.elfinder-info-tb{font-size:.9em}.elfinder-upload-dialog-or,.elfinder-upload-dropbox{font-size:1.2em}.elfinder .elfinder-navbar{font-size:.72em}.elfinder-place-drag .elfinder-navbar-dir{font-size:.9em}.elfinder-quicklook-title,.elfinder-statusbar div{font-size:.7em}.elfinder-quicklook-info-data{font-size:.72em}.elfinder-quicklook-preview-text-wrapper{font-size:.9em}.elfinder-button-menu-item{font-size:.72em}.elfinder-button-search input{font-size:.8em}.elfinder-drag-num{font-size:12px}.elfinder-toast{font-size:.76em}.elfinder .elfinder-navbar{width:230px;padding:3px 5px;background-image:none;border-top:0 solid;border-bottom:0 solid;overflow:auto;position:relative}.elfinder .elfinder-navdock{box-sizing:border-box;width:230px;height:auto;position:absolute;bottom:0;overflow:auto}.elfinder-navdock .ui-resizable-n{top:0;height:20px}.elfinder-ltr .elfinder-navbar{float:left;border-left:0 solid}.elfinder-rtl .elfinder-navbar{float:right;border-right:0 solid}.elfinder-ltr .ui-resizable-e,.elfinder-touch .elfinder-quicklook-titlebar-icon.elfinder-platformWin .ui-icon{margin-left:10px}.elfinder-tree{display:table;width:100%;margin:0 0 .5em;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elfinder-navbar-dir{position:relative;display:block;white-space:nowrap;padding:3px 12px;margin:0;outline:0 solid;border:1px solid transparent;cursor:default}.elfinder-touch .elfinder-navbar-dir{padding:12px}.elfinder-ltr .elfinder-navbar-dir{padding-left:35px}.elfinder-rtl .elfinder-navbar-dir{padding-right:35px}.elfinder-navbar-arrow,.elfinder-navbar-icon{position:absolute;top:50%;margin-top:-8px;background-repeat:no-repeat}.elfinder-navbar-arrow{display:none;width:12px;height:14px;background-image:url(../img/arrows-normal.png)}.elfinder-ltr .elfinder-navbar-arrow{left:0}.elfinder-rtl .elfinder-navbar-arrow{right:0}.elfinder-touch .elfinder-navbar-arrow{zoom:1.4;-moz-transform-origin:top left;-moz-transform:scale(1.4);margin-bottom:7px}.elfinder-ltr.elfinder-touch .elfinder-navbar-arrow{left:-3px;margin-right:20px}.elfinder-rtl.elfinder-touch .elfinder-navbar-arrow{right:-3px;margin-left:20px}.ui-state-active .elfinder-navbar-arrow{background-image:url(../img/arrows-active.png)}.elfinder-navbar-collapsed .elfinder-navbar-arrow{display:block}.elfinder-subtree-chksubdir .elfinder-navbar-arrow{opacity:.25;filter:Alpha(Opacity=25)}.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 4px}.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 -10px}.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow{background-position:0 -21px}.elfinder-navbar-icon{width:16px;height:16px;background-image:url(../img/toolbar.png);background-position:0 -16px}.elfinder-ltr .elfinder-navbar-icon{left:14px}.elfinder-rtl .elfinder-navbar-icon{right:14px}.elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 0}.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 -704px}.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon{background-image:url(../img/volume_icon_local.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-trash .elfinder-navbar-icon{background-image:url(../img/volume_icon_trash.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon{background-image:url(../img/volume_icon_ftp.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon{background-image:url(../img/volume_icon_sql.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon{background-image:url(../img/volume_icon_dropbox.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon{background-image:url(../img/volume_icon_googledrive.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon{background-image:url(../img/volume_icon_onedrive.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon{background-image:url(../img/volume_icon_box.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-zip .elfinder-navbar-icon{background-image:url(../img/volume_icon_zip.png);background-position:0 0}.elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon{background-image:url(../img/toolbar.png);background-position:0 -688px}.elfinder-droppable-active .elfinder-navbar-icon,.ui-state-active .elfinder-navbar-icon,.ui-state-hover .elfinder-navbar-icon{background-position:0 -32px}.elfinder-ltr .elfinder-navbar-subtree{margin-left:12px}.elfinder-rtl .elfinder-navbar-subtree{margin-right:12px}.elfinder-navbar-spinner{width:14px;height:14px;position:absolute;display:block;top:50%;margin-top:-7px;background:url(../img/spinner-mini.gif) center center no-repeat}.elfinder-ltr .elfinder-navbar-spinner{left:0;margin-left:-2px}.elfinder-rtl .elfinder-navbar-spinner{right:0;margin-right:-2px}.elfinder-navbar .elfinder-lock,.elfinder-navbar .elfinder-perms,.elfinder-navbar .elfinder-symlink{opacity:.6;filter:Alpha(Opacity=60)}.elfinder-navbar .elfinder-perms{bottom:-1px;margin-top:-8px}.elfinder-navbar .elfinder-lock{top:-2px}.elfinder-ltr .elfinder-navbar .elfinder-perms{left:20px}.elfinder-rtl .elfinder-navbar .elfinder-perms{right:20px}.elfinder-ltr .elfinder-navbar .elfinder-lock{left:20px}.elfinder-rtl .elfinder-navbar .elfinder-lock{right:20px}.elfinder-ltr .elfinder-navbar .elfinder-symlink{left:8px}.elfinder-rtl .elfinder-navbar .elfinder-symlink{right:8px}.elfinder-navbar input{width:100%;border:0 solid;margin:0;padding:0}.elfinder-navbar .ui-resizable-handle{width:12px;background:url(../img/resize.png) center center no-repeat}.elfinder-nav-handle-icon{position:absolute;top:50%;margin:-8px 2px 0;opacity:.5;filter:Alpha(Opacity=50)}.elfinder-navbar-pager{width:100%;box-sizing:border-box;padding-top:3px;padding-bottom:3px}.elfinder-touch .elfinder-navbar-pager{padding-top:10px;padding-bottom:10px}.elfinder-places{border:none;margin:0;padding:0}.elfinder-navbar-swipe-handle{position:absolute;top:0;height:100%;width:50px;pointer-events:none}.elfinder-ltr .elfinder-navbar-swipe-handle{left:0;background:linear-gradient(to right,#dde4eb 0,rgba(221,228,235,.8) 5px,rgba(216,223,230,.3) 8px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)}.elfinder-rtl .elfinder-navbar-swipe-handle{right:0;background:linear-gradient(to left,#dde4eb 0,rgba(221,228,235,.8) 5px,rgba(216,223,230,.3) 8px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)}.elfinder-navbar-root .elfinder-places-root-icon{position:absolute;top:50%;margin-top:-9px;cursor:pointer}.elfinder-ltr .elfinder-places-root-icon{right:10px}.elfinder-rtl .elfinder-places-root-icon{left:10px}.elfinder-navbar-expanded .elfinder-places-root-icon{display:block}.elfinder-place-drag{font-size:.8em}.elfinder-quicklook{position:absolute;background:url(../img/quicklook-bg.png);overflow:hidden;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:20px 0 40px}.elfinder-navdock .elfinder-quicklook{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;font-size:90%;overflow:auto}.elfinder-quicklook.elfinder-touch{padding:30px 0 40px}.elfinder-quicklook .ui-resizable-se{width:14px;height:14px;right:5px;bottom:3px;background:url(../img/toolbar.png) 0 -496px no-repeat}.elfinder-quicklook.elfinder-touch .ui-resizable-se{zoom:1.5}.elfinder-quicklook.elfinder-quicklook-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;box-sizing:border-box;width:100%;height:100%;object-fit:contain;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-background-clip:padding-box;padding:0;background:#000;display:block}.elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar,.elfinder-quicklook-fullscreen.elfinder-quicklook .ui-resizable-handle{display:none}.elfinder-quicklook-fullscreen .elfinder-quicklook-preview{border:0 solid}.elfinder-quicklook-cover,.elfinder-quicklook-titlebar{width:100%;height:100%;top:0;left:0;position:absolute}.elfinder-quicklook-cover.elfinder-quicklook-coverbg{background-color:#fff;opacity:.000001;filter:Alpha(Opacity=.0001)}.elfinder-quicklook-titlebar{text-align:center;background:#777;height:20px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;cursor:move}.elfinder-navdock .elfinder-quicklook-titlebar{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;cursor:default}.elfinder-touch .elfinder-quicklook-titlebar{height:30px}.elfinder-quicklook-title{color:#fff;white-space:nowrap;overflow:hidden;padding:2px 0}.elfinder-touch .elfinder-quicklook-title{padding:8px 0}.elfinder-quicklook-titlebar-icon{position:absolute;left:4px;top:50%;margin-top:-9px;height:16px}.elfinder-quicklook-titlebar-icon .ui-icon{position:relative;margin:-9px 3px 0 0;cursor:pointer;border-radius:10px;border:1px solid;opacity:.7;filter:Alpha(Opacity=70)}.elfinder-quicklook-titlebar-icon .ui-icon.ui-icon-closethick{padding-left:1px}.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon{opacity:.6;filter:Alpha(Opacity=60)}.elfinder-touch .elfinder-quicklook-titlebar-icon .ui-icon{margin-top:-3px}.elfinder-quicklook-titlebar-icon.elfinder-platformWin{left:auto;right:4px;direction:rtl}.elfinder-quicklook-titlebar-icon.elfinder-platformWin .ui-icon{margin:-9px 0 0 3px}.elfinder-touch .elfinder-quicklook-titlebar .ui-icon{transform:scale(1.1);zoom:1.1}.elfinder-touch .elfinder-quicklook-titlebar-icon .ui-icon{margin-right:10px}.elfinder-quicklook-preview{overflow:hidden;position:relative;border:0 solid;border-left:1px solid transparent;border-right:1px solid transparent;height:100%}.elfinder-navdock .elfinder-quicklook-preview{border-left:0;border-right:0}.elfinder-quicklook-preview.elfinder-overflow-auto{overflow:auto;-webkit-overflow-scrolling:touch}.elfinder-quicklook-info-wrapper{display:table;position:absolute;width:100%;height:100%;height:calc(100% - 80px);left:0;top:20px}.elfinder-navdock .elfinder-quicklook-info-wrapper{height:calc(100% - 20px)}.elfinder-quicklook-info{display:table-cell;vertical-align:middle}.elfinder-ltr .elfinder-quicklook-info{padding:0 12px 0 112px}.elfinder-rtl .elfinder-quicklook-info{padding:0 112px 0 12px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook-info{padding:0 0 0 80px}.elfinder-rtl .elfinder-navdock .elfinder-quicklook-info{padding:0 80px 0 0}.elfinder-quicklook-info .elfinder-quicklook-info-data:first-child{color:#fff;font-weight:700;padding-bottom:.5em}.elfinder-quicklook-info-data{padding-bottom:.2em;color:#fff}.elfinder-quicklook .elfinder-cwd-icon{position:absolute;left:32px;top:50%;margin-top:-20px}.elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon{left:16px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon{left:auto;right:32px}.elfinder-rtl .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon{right:6px}.elfinder-quicklook .elfinder-cwd-icon:before{top:-10px}.elfinder-ltr .elfinder-quicklook .elfinder-cwd-icon:after,.elfinder-ltr .elfinder-quicklook .elfinder-cwd-icon:before{left:-20px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon:before{left:-14px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon:after{left:-12px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon:before{left:auto;right:40px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon:after{left:auto;right:46px}.elfinder-quicklook-preview img{display:block;margin:0 auto}.elfinder-quicklook-navbar{position:absolute;left:50%;bottom:4px;width:140px;height:32px;padding:0;margin-left:-70px;border:1px solid transparent;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar{width:188px;margin-left:-94px;padding:5px;border:1px solid #eee;background:#000;opacity:.4;filter:Alpha(Opacity=40)}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close,.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator{display:inline}.elfinder-quicklook-navbar-icon{width:32px;height:32px;margin:0 7px;float:left;background:url(../img/quicklook-icons.png) 0 0 no-repeat}.elfinder-quicklook-navbar-icon-fullscreen{background-position:0 -64px}.elfinder-quicklook-navbar-icon-fullscreen-off{background-position:0 -96px}.elfinder-quicklook-navbar-icon-prev{background-position:0 0}.elfinder-quicklook-navbar-icon-next{background-position:0 -32px}.elfinder-quicklook-navbar-icon-close{background-position:0 -128px;display:none}.elfinder-quicklook-navbar-separator{width:1px;height:32px;float:left;border-left:1px solid #fff;display:none}.elfinder-quicklook-preview-archive-wrapper,.elfinder-quicklook-preview-text-wrapper{width:100%;height:100%;background:#fff;color:#222;overflow:auto;-webkit-overflow-scrolling:touch}.elfinder-quicklook-preview-archive-wrapper{font-size:1.5ex}.elfinder-quicklook-preview-archive-wrapper strong{padding:0 5px}pre.elfinder-quicklook-preview-text,pre.elfinder-quicklook-preview-text.prettyprint{width:auto;height:auto;margin:0;padding:3px 9px;border:none;-o-tab-size:4;-moz-tab-size:4;tab-size:4}.elfinder-quicklook-preview-charsleft hr{border:none;border-top:dashed 1px}.elfinder-quicklook-preview-charsleft span{font-size:90%;font-style:italic;cursor:pointer}.elfinder-quicklook-preview-html,.elfinder-quicklook-preview-iframe,.elfinder-quicklook-preview-pdf{width:100%;height:100%;background:#fff;margin:0;border:none;display:block}.elfinder-quicklook-preview-flash{width:100%;height:100%}.elfinder-quicklook-preview-audio{width:100%;position:absolute;bottom:0;left:0}embed.elfinder-quicklook-preview-audio{height:30px;background:0 0}.elfinder-quicklook-preview-video{width:100%;height:100%}.elfinder .elfinder-quicklook .elfinder-quicklook-info *,.elfinder .elfinder-quicklook .elfinder-quicklook-preview *{-webkit-user-select:auto;-moz-user-select:text;-khtml-user-select:text;user-select:text}.elfinder-statusbar{cursor:default;text-align:center;font-weight:400;padding:.2em .5em;border-right:0 solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent}.elfinder-statusbar span{vertical-align:bottom;overflow:hidden;text-overflow:"..";-o-text-overflow:".."}.elfinder-statusbar span.ui-state-active,.elfinder-statusbar span.ui-state-hover{border:none}.elfinder-statusbar span.elfinder-path-cwd{cursor:default}.elfinder-path{cursor:pointer;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.elfinder-ltr .elfinder-path{float:left}.elfinder-rtl .elfinder-path{float:right}.elfinder-workzone-path{position:relative}.elfinder-workzone-path .elfinder-path{position:relative;font-size:.75em;font-weight:400;float:none;max-width:none;overflow:hidden;overflow-x:hidden;text-overflow:initial;-o-text-overflow:initial}.elfinder-mobile .elfinder-workzone-path .elfinder-path{overflow:auto;overflow-x:scroll}.elfinder-ltr .elfinder-workzone-path .elfinder-path{margin-left:24px}.elfinder-rtl .elfinder-workzone-path .elfinder-path{margin-right:24px}.elfinder-workzone-path .elfinder-path span{display:inline-block;padding:5px 3px}.elfinder-workzone-path .elfinder-path span.elfinder-path-cwd{font-weight:700}.elfinder-workzone-path .elfinder-path span.ui-state-active,.elfinder-workzone-path .elfinder-path span.ui-state-hover{border:none}.elfinder-workzone-path .elfinder-path-roots{position:absolute;top:0;width:24px;height:20px;padding:2px;border:none;overflow:hidden}.elfinder-ltr .elfinder-workzone-path .elfinder-path-roots{left:0}.elfinder-rtl .elfinder-workzone-path .elfinder-path-roots{right:0}.elfinder-stat-size{overflow:hidden;text-wrap:none}.elfinder-ltr .elfinder-stat-size{float:right}.elfinder-rtl .elfinder-stat-size{float:left}.elfinder-stat-selected{white-space:nowrap;overflow:hidden}.elfinder .elfinder-toast{position:absolute;top:12px;right:12px;max-width:90%;cursor:default}.elfinder .elfinder-toast>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:8px 16px 8px 50px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.9;filter:alpha(opacity=90);background-color:#030303;text-align:center}.elfinder .elfinder-toast>.toast-info{background-color:#2f96b4;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>.toast-error{background-color:#bd362f;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>.toast-success{background-color:#51a351;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}.elfinder .elfinder-toast>.toast-warning{background-color:#f89406;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>div button.ui-button{background-image:none;margin-top:8px;padding:.5em .8em}.elfinder .elfinder-toast>.toast-success button.ui-button{background-color:green;color:#fff}.elfinder .elfinder-toast>.toast-success button.ui-button.ui-state-hover{background-color:#add6ad;color:#254b25}.elfinder-toolbar{padding:4px 0 3px;border-left:0 solid transparent;border-top:0 solid transparent;border-right:0 solid transparent;max-height:50%;overflow-y:auto}.elfinder-buttonset{margin:1px 4px;float:left;background:0 0;padding:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.elfinder .elfinder-button{height:16px;margin:0;padding:4px;float:left;overflow:hidden;position:relative;border:0 solid;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;line-height:1;cursor:default}.elfinder-touch .elfinder-button{height:20px}.elfinder .ui-icon-search{cursor:pointer}.elfinder-button:first-child{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.elfinder-button:last-child{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.elfinder-toolbar-button-separator{float:left;padding:0;height:24px;border-top:0 solid;border-right:0 solid;border-bottom:0 solid;width:0}.elfinder-touch .elfinder-toolbar-button-separator{height:20px}.elfinder .elfinder-button.ui-state-disabled{opacity:1;filter:Alpha(Opacity=100)}.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon,.elfinder .elfinder-button.ui-state-disabled .elfinder-button-text{opacity:.4;filter:Alpha(Opacity=40)}.elfinder-rtl .elfinder-buttonset{float:right}.elfinder-button-icon{width:16px;height:16px;display:inline-block;background:url(../img/toolbar.png) no-repeat}.elfinder-button-text{position:relative;display:inline-block;top:-4px;margin:0 2px;font-size:12px}.elfinder-touch .elfinder-button-icon{zoom:1.25;-moz-transform-origin:top left;-moz-transform:scale(1.25)}.elfinder-touch .elfinder-button-text{top:-5px}.elfinder-button-icon-home{background-position:0 0}.elfinder-button-icon-back{background-position:0 -112px}.elfinder-button-icon-forward{background-position:0 -128px}.elfinder-button-icon-up{background-position:0 -144px}.elfinder-button-icon-dir{background-position:0 -16px}.elfinder-button-icon-reload{background-position:0 -160px}.elfinder-button-icon-open{background-position:0 -176px}.elfinder-button-icon-mkdir{background-position:0 -192px}.elfinder-button-icon-mkfile{background-position:0 -208px}.elfinder-button-icon-rm{background-position:0 -832px}.elfinder-button-icon-trash{background-position:0 -224px}.elfinder-button-icon-restore{background-position:0 -816px}.elfinder-button-icon-copy{background-position:0 -240px}.elfinder-button-icon-cut{background-position:0 -256px}.elfinder-button-icon-paste{background-position:0 -272px}.elfinder-button-icon-getfile{background-position:0 -288px}.elfinder-button-icon-duplicate{background-position:0 -304px}.elfinder-button-icon-rename{background-position:0 -320px}.elfinder-button-icon-edit{background-position:0 -336px}.elfinder-button-icon-quicklook{background-position:0 -352px}.elfinder-button-icon-upload{background-position:0 -368px}.elfinder-button-icon-download{background-position:0 -384px}.elfinder-button-icon-info{background-position:0 -400px}.elfinder-button-icon-extract{background-position:0 -416px}.elfinder-button-icon-archive{background-position:0 -432px}.elfinder-button-icon-view{background-position:0 -448px}.elfinder-button-icon-view-list{background-position:0 -464px}.elfinder-button-icon-help{background-position:0 -480px}.elfinder-button-icon-resize{background-position:0 -512px}.elfinder-button-icon-link{background-position:0 -528px}.elfinder-button-icon-search{background-position:0 -561px}.elfinder-button-icon-sort{background-position:0 -577px}.elfinder-button-icon-rotate-r{background-position:0 -625px}.elfinder-button-icon-rotate-l{background-position:0 -641px}.elfinder-button-icon-netmount{background-position:0 -688px}.elfinder-button-icon-netunmount{background-position:0 -96px}.elfinder-button-icon-places{background-position:0 -704px}.elfinder-button-icon-chmod{background-position:0 -48px}.elfinder-button-icon-accept{background-position:0 -736px}.elfinder-button-icon-opendir{background-position:0 -32px}.elfinder-button-icon-menu{background-position:0 -752px}.elfinder-button-icon-colwidth{background-position:0 -768px}.elfinder-button-icon-fullscreen{background-position:0 -784px}.elfinder-button-icon-unfullscreen{background-position:0 -800px}.elfinder-button-icon-empty{background-position:0 -848px}.elfinder-button-icon-undo{background-position:0 -864px}.elfinder-button-icon-redo{background-position:0 -880px}.elfinder-button-icon-preference{background-position:0 -896px}.elfinder-button-icon-mkdirin{background-position:0 -912px}.elfinder-button-icon-selectall{background-position:0 -928px}.elfinder-button-icon-selectnone{background-position:0 -944px}.elfinder-button-icon-selectinvert{background-position:0 -960px}.elfinder-button-icon-opennew{background-position:0 -976px}.elfinder .elfinder-menubutton{overflow:visible}.elfinder-button-icon-spinner{background:url(../img/spinner-mini.gif) center center no-repeat}.elfinder-button-menu{position:absolute;margin-top:24px;padding:3px 0}.elfinder-touch .elfinder-button-menu{margin-top:30px}.elfinder-button-menu-item{white-space:nowrap;cursor:default;padding:5px 19px;position:relative}.elfinder-touch .elfinder-button-menu-item{padding:12px 19px}.elfinder-button-menu .ui-state-hover{border:0 solid}.elfinder-button-menu-item-separated{border-top:1px solid #ccc}.elfinder-button-menu-item .ui-icon{width:16px;height:16px;position:absolute;left:2px;top:50%;margin-top:-8px;display:none}.elfinder-button-menu-item-selected .ui-icon{display:block}.elfinder-button-menu-item-selected-asc .ui-icon-arrowthick-1-s,.elfinder-button-menu-item-selected-desc .ui-icon-arrowthick-1-n{display:none}.elfinder-button form{position:absolute;top:0;right:0;opacity:0;filter:Alpha(Opacity=0);cursor:pointer}.elfinder .elfinder-button form input{background:0 0;cursor:default}.elfinder .elfinder-button-search{border:0 solid;background:0 0;padding:0;margin:1px 4px;height:auto;min-height:26px;float:right;width:70px;overflow:visible}.elfinder .elfinder-button-search.ui-state-active{width:220px}.elfinder .elfinder-button-search-menu{font-size:8pt;text-align:center;width:auto;min-width:180px;position:absolute;top:30px;padding-right:5px;padding-left:5px}.elfinder-ltr .elfinder-button-search-menu{right:22px;left:auto}.elfinder-rtl .elfinder-button-search-menu{right:auto;left:22px}.elfinder-touch .elfinder-button-search-menu{top:34px}.elfinder .elfinder-button-search-menu div{margin:5px auto;display:table}.elfinder .elfinder-button-search-menu div .ui-state-hover{border:1px solid}.elfinder-ltr .elfinder-button-search{float:right;margin-right:10px}.elfinder-rtl .elfinder-button-search{float:left;margin-left:10px}.elfinder-button-search input[type=text]{box-sizing:border-box;width:100%;height:26px;padding:0 20px;line-height:22px;border:1px solid #aaa;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;outline:0 solid}.elfinder-button-search input::-ms-clear{display:none}.elfinder-touch .elfinder-button-search input{height:30px;line-height:28px}.elfinder-rtl .elfinder-button-search input{direction:rtl}.elfinder-button-search .ui-icon{position:absolute;height:18px;top:50%;margin:-8px 4px 0;opacity:.6;filter:Alpha(Opacity=60)}.elfinder-button-search-menu .ui-checkboxradio-icon{display:none}.elfinder-ltr .elfinder-button-search .ui-icon-search{left:0}.elfinder-ltr .elfinder-button-search .ui-icon-close,.elfinder-rtl .elfinder-button-search .ui-icon-search{right:0}.elfinder-rtl .elfinder-button-search .ui-icon-close{left:0}.elfinder-toolbar-swipe-handle{position:absolute;top:0;left:0;height:50px;width:100%;pointer-events:none;background:linear-gradient(to bottom,#dde4eb 0,rgba(221,228,235,.8) 2px,rgba(216,223,230,.3) 5px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)}
/**
 * MacOS X like theme for elFinder.
 * Required jquery ui "smoothness" theme.
 *
 * @author Dmitry (dio) Levashov
 **/


/* input textarea */

.elfinder input,
.elfinder textarea {
    color: #000;
    background-color: #FFF;
    border-color: #ccc;
}


/* dialogs */

.std42-dialog,
.std42-dialog .ui-widget-content {
    background-color: #ededed;
    background-image: none;
    background-clip: content-box;
}

.elfinder-quicklook-titlebar-icon .ui-icon {
    background-color: #d4d4d4;
    border-color: #8a8a8a;
}

.std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close {
    background-color: #ff6252;
    border-color: #e5695d;
    background-image: url("../img/ui-icons_ffffff_256x240.png");
}

.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize {
    background-color: #ffbc00;
    border-color: #e3a40b;
    background-image: url("../img/ui-icons_ffffff_256x240.png");
}

.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full {
    background-color: #26c82f;
    border-color: #13ae10;
    background-image: url("../img/ui-icons_ffffff_256x240.png");
}


/* navbar #ee1c25*/

.elfinder .elfinder-navbar {
    background-color: #dde4eb;
    border-color: #e6e6e6 #c6c6c6 #c6c6c6 #e6e6e6;
    width: 256px;
}

.elfinder-navbar .ui-state-hover {
    background: transparent;
    border-color: transparent;
}

.elfinder-navbar .ui-state-active {
    background: #3C3F2F;
    color: #ffffff;
    border-color: #e6e6e6;
}

.elfinder-navbar .elfinder-droppable-active {
    background: #fc979f !important;
}

.elfinder-droppable-active td {
    background: #fc979f !important;
}

.elfinder-droppable-active .elfinder-cwd.elfinder-table-header-sticky table {
    border-top-color: #fc979f;
}


/* disabled elfinder */

.elfinder-disabled .elfinder-navbar .ui-state-active {
    background: #dadada;
    border-color: #aaa;
    color: #fff;
}


/* workzone */

.elfinder-workzone {
    background: #fff;
}


/* current directory */


/* Is in trash */

.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover {
    background: #ccc;
}


/* selected file in "icons" view */

.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
    background: #ccc;
}


/* type badge in "icons" view */

.elfinder-cwd-icon:before {
    color: white;
    background-color: #798da7;
}

.elfinder-cwd-icon-text:before {
    background-color: #6f99e6
}

.elfinder-cwd-icon-image:before {
    background-color: #2ea26c
}

.elfinder-cwd-icon-audio:before {
    background-color: #7bad2a
}

.elfinder-cwd-icon-video:before {
    background-color: #322aad
}


/* list view*/

.elfinder-cwd table thead td.ui-state-hover {
    background: #ddd;
}

.elfinder-cwd table tr:nth-child(odd) {
    background-color: #edf3fe;
}

.elfinder-cwd table tr {
    border: 1px solid transparent;
    border-top: 1px solid #fff;
}

.elfinder-cwd .elfinder-droppable-active td {
    background: #A7C6E5 !important;
}

.elfinder-cwd.elfinder-table-header-sticky table {
    border-top-color: #fff;
}

.elfinder-droppable-active .elfinder-cwd.elfinder-table-header-sticky table {
    border-top-color: #A7C6E5;
}


/* common selected background/color */

.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-cwd table td.ui-state-hover,
.elfinder-button-menu .ui-state-hover {
    background: #e6e6e6;
}


/* disabled elfinder */

.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd table td.ui-state-hover {
    background: #dadada;
}


/* statusbar */

.elfinder .elfinder-statusbar {
    color: #555;
}

.elfinder .elfinder-statusbar a {
    text-decoration: none;
    color: #555;
}

.std42-dialog .elfinder-help,
.std42-dialog .elfinder-help .ui-widget-content,
.std42-dialog .elfinder-preference,
.std42-dialog .elfinder-preference .ui-widget-content {
    background: #fff;
}


/* contextmenu */

.elfinder-contextmenu .ui-state-hover {
    background: #e6e6e6;
}

.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow {
    background-image: url('../img/arrows-active.png');
}


/* dialog */

.elfinder .ui-dialog input:text.ui-state-hover,
.elfinder .ui-dialog textarea.ui-state-hover {
    background-image: none;
    background-color: inherit;
}


/* tooltip */

.elfinder-ui-tooltip.ui-widget-shadow {
    box-shadow: 2px 6px 4px -4px #cecdcd;
}


/* CUSTOM EASYCASH */

.ui-widget {
    /*font-size: 1em !important;*/
}

.elfinder .elfinder-navbar {
    background-color: #f1f1f1;
}

.elfinder-cwd table tr:nth-child(2n+1) {
    background-color: #f8f8f8;
}

.elfinder-cwd table thead td {
    cursor: pointer !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
    background-image: none;
}

.elfinder-navbar-subtree .elfinder-navbar-icon {
    width: 16px;
    height: 16px;
}

.elfinder-ltr .elfinder-navbar-dir {
    padding-left: 60px;
}

.elfinder-navbar-dir {
    padding: 10px 10px;
    cursor: pointer;
}

.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon {
    height: 100%;
}
.fa-intra-lock:before {
    content: "\f023";
}

#content #form_login {
    background: linear-gradient(#e6e6e6, white, white, white);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    padding: 20px;
    margin: 50px auto;
    width: 500px;
}

#content #form_login h2 {
    color: #999;
    font-size: 26px;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}

#content #form_login p {
    margin: 20px 0 0 0;
    padding: 0;
}

#content #form_login p.p_inputs {
    background: #e6e6e6;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: 5px 5px 10px -7px rgba(0, 0, 0, 0.3) inset;
}

#content #form_login p.p_inputs input {
    display: block;
    background: transparent no-repeat 8px 8px;
    background-clip: border-box;
    border-left: medium none;
    border-right: medium none;
    border-top: 1px solid white;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px 8px 32px;
    width: 456px;
}

#content #form_login p.p_forget_password {
    margin: 3px 0 0 0;
    text-align: right;
}

#content #form_login p.p_inputs input#AUTH_USER {
    background-image: url("dyn.php?a=img&src=form_login_icon_user.png");
}

#content #form_login p.p_inputs input#AUTH_PW {
    background-image: url("dyn.php?a=img&src=form_login_icon_password.png");
}

#content #form_login p {
    border: none;
}

#content #form_login p input#btn_login {
    background: #666;
    background-clip: border-box;
    border: medium none;
    border-radius: 4px;
    color: white;
    font-size: 22px;
    padding: 8px 10px;
    text-transform: uppercase;
    width: 100%;
}

#content #form_login p input:first-child {
    border-top: none;
}

#content #form_login p input:last-child {
    border-bottom: none;
}

body.login #content {
    padding-left: 20px;
    padding-right: 20px;
}

#content .login-box .oublie>span {
    float: left;
}

body.login .form .log-input,
body.login .form .mdp-input {
    padding: 0 3px 0 0px;
    margin: 3px 0px 25px 0;
    background-color: #e5e5e5;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

body.login .form i.fa-intra-lock,
body.login .form i.fa-intra-usr {
    font-size: 30px;
    color: black;
    width: 50px;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    vertical-align: top;
    background-color: #e5e5e5;
    margin-top: 3px;
}

body.login .form input {
    text-align: left;
    background-color: #e5e5e5;
    color: #7e7d7d;
    box-shadow: none;
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
}

body.login .form input:focus {
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

body.login input.btn-login {
    text-align: center;
    width: 100%;
    background-color: black;
    color: #fff;
    text-decoration: none;
    height: 52px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    line-height: 52px;
    font-size: 18px;
    padding: 0;
}

body.login input.btn-login:hover,
body.login input.btn-login:focus {
    background-color: #e5e5e5;
}

body.login .oublie {
    text-align: right;
    padding-top: 15px;
}

body.login .oublie i {
    font-size: 18px;
}

body.login .oublie a.mdp-oublie {
    padding-right: 10px;
    color: #1b1b1c;
    text-decoration: underline;
}

body.login .oublie a.mdp-oublie:hover,
body.login .oublie a.mdp-oublie:focus {
    text-decoration: none;
    color: black;
}

body.login .form .log-input.erreur {
    margin-bottom: 5px;
}

body.login .form .erreur input {
    border-color: red;
    background-color: #fff;
}

body.login .form p.erreur {
    color: red;
    margin-left: 65px;
    margin-bottom: 20px;
    font-weight: 500;
}

@media (max-width: 768px) {

    body.login,
    body.forget_password {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
        width: 190px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
        width: 190px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }

    body.login .form input {
        width: 100%;
    }
}

@media (max-width: 350px) {

    body.login,
    body.forget_password {
        padding-top: 100px;
    }

    .logo-login {
        display: block;
        margin: -80px auto 20px;
        text-align: center;
    }

    body.login .login-box {
        margin: 0 0 20px;
        padding: 0 30px 30px;
        width: auto;
        max-width: 100%
    }

    body.login .oublie a.mdp-oublie {
        margin-right: 15px;
    }

    body.login .form .log-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
    }

    body.login .form .mdp-input {
        background-position: 12px center;
        padding: 0 3px 0 0px;
    }

    body.login .form p.erreur {
        margin-left: 40px;
    }

    body.login .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }
}

/****Login V3 *****/

.login-box h1 {
    background: #fff;
    padding: 0 0 10px;
    margin-bottom: 30px !important;
    border-bottom: 4px solid #e5e5e5;
}

body.login .log,
body.login .mdp {
    width: 100%;
}

body.login .log-input,
body.login .mdp-input {
    width: calc(100% - 50px);
}
/* $Header: /var/lib/cvs/ec/intranet/pages/login/default.css,v 1.2 2014/09/25 10:07:57 fmarin Exp $ */

table.toolbar td.logout {
	display:none;
}