/* Classes color */
.theme_lighter { color: ; } 
.theme_darker { color: ; }
.theme_alfa { color: ; }
.theme_alfa2 { color: ; }

.theme_bg_lighter { background-color: ; } 
.theme_bg_darker { background-color: ; }
.theme_bg_alfa { background-color:  !important; }
.theme_bg_alfa2 { background-color: ; }
.theme_bg_alfa3 { background-color: ; }
.theme_bg_alfa4 { background-color:  !important; }
.theme_bg_alfa5 { background-color:  !important; }

.theme_border_lighter { border-color: ; } 
.theme_border_darker { border-color: ; }
.theme_border_alfa { border-color:  !important; }
.theme_border_alfa2 { border-color: ; }
.theme_border_alfa3 { border-color: ; }
.theme_border_alfa4 { border-color: ; }
.theme_border_alfa5 { border-color: ; }

#portail-gauche, #frame-portail-gauche {
    background: linear-gradient(to left, , );
}

#portail-haut, #portail-coin {
    background:  !important;
}

table[id$=foot] {
    background:  !important;
}

.td-button:hover {
    background:  !important;
}

.table-spock:not(.no-theme) th,.grille th, .liste_v2:not([id$=foot]) th {
    background-color:  !important;
}

table.liste_v2 tbody td.transp {
    background-color:  !important;
}

.h1-spock,
.h2-spock,
.h6-spock {
    color:  !important;
}

a > div > .menulist:hover ,
.foldlink:hover {
    background: 3f;
}

.menuheader {
    color: #ffffff !important;
}

.entete-portail-gauche {
    color: #ffffff !important;
}

/* Réseaux sociaux */
.social-wrapper, .social-wrapper * {
    color: #ffffff !important;
}

.social-wrapper {
    background: linear-gradient(to left, , );
}

/* Onglets */
/*.nav-item:not(.active),*/
.nav-item:not(.active) > .nav-link:not(.disabled):not(.active) {
    color:  !important;
}

.nav-pills > .active > a {
    background:  !important;
    color: #ffffff !important;
}

/* Les cadres permettent de délimiter visuellement les sections dans une interface  */
.cadre {
    border: 2px solid  !important;
}

.corps-marche_chantiers .cadre {
    background:  !important;
}

.cadre > .title {
    background:  !important;
}
.cadre.c2 {
    border: 2px solid  !important;
}
.cadre.c2 > .title {
    background:  !important;
}

/* Couleur de fond des champs focus lorsque fValidate.js est inclu */
.fv_bg_focus {
    background-color:  !important;
    color: #000 !important;
}

/* Champ coloré lorsqu'il a une importance dans l'interface */
.text-important {
    background-color:  !important;
    color:  !important;
}

/* Menu jQuery UI */ 
.ui-widget-content .ui-state-focus {
  background: ;
}

<!-- SCROLLBAR -->

*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #EEF2F6;
}

*::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #EEF2F6;
}

*::-webkit-scrollbar-thumb
{
    background-color: cc;   
    background-image: -webkit-linear-gradient(45deg,
                                               25%,
                                              transparent 25%,
                                              transparent 50%,
                                               50%,
                                               75%,
                                              transparent 75%,
                                              transparent);
    border-radius: 5px;
    border: 1px solid ;
    cursor: row-resize;
    min-height: 30px;
    min-width: 30px;
}