/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:   rgb(0,66,174);

*/



.dynamic-tab-pane-control.tab-pane {
    position:   relative;
    width:      100%;
}
/*rouge*/
.dynamic-tab-pane-control .tab-row .tab-rouge {
    font-family:    Verdana, Helvetica, Arial;
    font-size:      12px;
    cursor:         Default;
    display:        inline;
    margin:         1px 1px 1px 5px;
    float:          left;
    padding:        3px 6px 3px 6px;
    background:     #DA0139;
    border:         1px solid;
    border-color:   #000000;
    border-left:    0;
    border-bottom:  0;
    border-top:     0;
    border-right:   0;
    
    cursor:         hand;
    cursor:         pointer;
    
    z-index:        1;
    position:       relative;
    top:            5px;
    text-align:     center;
}

.dynamic-tab-pane-control .tab-row .tab-rouge.selected {
    
    top:            5px;
    text-decoration:    underline;
}

.dynamic-tab-pane-control .tab-row .tab-rouge a {
    font-family:        Verdana, Helvetica, Arial;
    font-size:          13px;
    color:              #FFFFFF;
    text-decoration:    none;
    cursor:         hand;
    cursor:         pointer;    
}
.dynamic-tab-pane-control .tab-row .tab-rouge a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}

.dynamic-tab-pane-control .tab-page-rouge {
    clear:          both;
    border:         1px solid #DA0139;
    background:     #DA0139;
    z-index:        2;
    position:       relative;
    top:            -2px;
    color:          white;
    font-family:    Verdana, Helvetica, Arial;
    font-size:      13px;
    padding:        5px;
    
}
.dynamic-tab-pane-control .tab-row .tab-rouge.selected a {
    text-decoration:    underline;
}

/*jaune*/
.dynamic-tab-pane-control .tab-row .tab-jaune {
    font-family:    Verdana, Helvetica, Arial;
    font-size:      12px;
    cursor:         Default;
    display:        inline;
    margin:         1px 1px 1px 5px;
    float:          left;
    padding:        3px 6px 3px 6px;
    background:     #FFB400;
    border:         1px solid;
    border-color:   #000000;
    border-left:    0;
    border-bottom:  0;
    border-top:     0;
    border-right:   0;
    
    cursor:         hand;
    cursor:         pointer;
    
    z-index:        1;
    position:       relative;
    top:            5px;
    text-align:     center;
}

.dynamic-tab-pane-control .tab-row .tab-jaune.selected {
    top:            5px;
    text-decoration:    underline;
}

.dynamic-tab-pane-control .tab-row .tab-jaune a {
    font-family:        Verdana, Helvetica, Arial;
    font-size:          13px;
    color:              #FFFFFF;
    text-decoration:    none;
    cursor:         hand;
    cursor:         pointer;    
}
.dynamic-tab-pane-control .tab-row .tab-jaune a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}

.dynamic-tab-pane-control .tab-page-jaune {
    clear:          both;
    border:         1px solid #FFB400;
    background:     #FFB400;
    z-index:        2;
    position:       relative;
    top:            -2px;
    color:          white;
    font-family:    Verdana, Helvetica, Arial;
    font-size:      13px;
    padding:        5px;
    
}
.dynamic-tab-pane-control .tab-row .tab-jaune.selected a {
    text-decoration:    underline;
}
/*bleu*/
.dynamic-tab-pane-control .tab-row .tab-bleu {
    font-family:    Verdana, Helvetica, Arial;
    font-size:      12px;
    cursor:         Default;
    display:        inline;
    float:          left;
    margin:         1px 1px 1px 0px;
    padding:        3px 6px 3px 6px;
    background:     #01BAD5;
    border:         1px solid;
    border-color:   #01BAD5;
    border-left:    0;
    border-bottom:  0;
    border-top:     0;
    border-right:   0;
    
    cursor:         hand;
    cursor:         pointer;
    
    z-index:        1;
    position:       relative;
    top:            5px;
    text-align:     center;
}

.dynamic-tab-pane-control .tab-row .tab-bleu.selected {
    top:            5px;
    text-decoration:    underline;
}

.dynamic-tab-pane-control .tab-row .tab-bleu a {
    font-family:        Verdana, Helvetica, Arial;
    font-size:          13px;
    color:              #FFFFFF;
    text-decoration:    none;
    cursor:         hand;
    cursor:         pointer;    
}
.dynamic-tab-pane-control .tab-row .tab-bleu a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}


.dynamic-tab-pane-control .tab-page-bleu {
    clear:          both;
    border:         1px solid #01BAD5;
    background:     #01BAD5;
    z-index:        2;
    position:       relative;
    top:            -2px;
    color:          white;
    font-family:    Verdana, Helvetica, Arial;
    font-size:      13px;
    padding:        5px;
    
}
.dynamic-tab-pane-control .tab-row .tab-bleu.selected a {
    text-decoration:    underline;
}
/*rose*/
.dynamic-tab-pane-control .tab-row .tab-rose {
    font-family:    Verdana, Helvetica, Arial;
    font-size:      12px;
    cursor:         Default;
    display:        inline;
    margin:         1px 1px 1px 5px;
    float:          left;
    padding:        3px 6px 3px 6px;
    background:     #D50178;
    border:         1px solid;
    border-color:   #000000;
    border-left:    0;
    border-bottom:  0;
    border-top:     0;
    border-right:   0;
    
    cursor:         hand;
    cursor:         pointer;
    
    z-index:        1;
    position:       relative;
    top:            5px;
    
    text-align:     center;
}

.dynamic-tab-pane-control .tab-row .tab-rose.selected {
    top:            5px;
    text-decoration:    underline;
    
}

.dynamic-tab-pane-control .tab-row .tab-rose a {
    font-family:        Verdana, Helvetica, Arial;
    font-size:          13px;
    color:              #FFFFFF;
    text-decoration:    none;
    cursor:         hand;
    cursor:         pointer;    
}
.dynamic-tab-pane-control .tab-row .tab-rose a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}


.dynamic-tab-pane-control .tab-page-rose {
    clear:          both;
    border:         1px solid #D50178;
    background:     #D50178;
    z-index:        2;
    position:       relative;
    top:            -2px;
    color:          #FFFFFF;
    font-family:    Verdana, Helvetica, Arial;
    font-size:      13px;
    padding:        5px;
    
}
.dynamic-tab-pane-control .tab-row .tab-rose.selected a {
    text-decoration:    underline;
}


.dynamic-tab-pane-control .tab-row .hover a {
    color:  #000000;
}


.rouge{
    border:         1px solid #DA0139;
    background:     #DA0139;
    color:          white;
}




.dynamic-tab-pane-control .tab-row {
    z-index:        1;
    white-space:    nowrap;
    background:     #FFFFFF;
    height:         2.4em;
    width:          100%;
}