/*
Bleu : #4cb3d0
Noir : #2c2c2c
Violet top : #973288
Violet down : #622058


degrade principale
#6ad1e3 -> #44abcb
*/

.couleur_fond_header{
    background-color: #2c2c2c;
}

.couleur_fond_header_hover:hover{
    background-color: #2c2c2c;
}


.couleur_text_header{
    color : #2c2c2c;
}


.couleur_bordure_principale{
    border-color: #4cb3d0;
}

.couleur_fond_principale, div.div_menu {
    background-color: #4cb3d0;
}

.couleur_fond_principale_hover:hover{
    background-color: #4cb3d0;
}

.couleur_text_principale{
    color : #4cb3d0;
}

.couleur_text_principale_hover:hover{
    color : #4cb3d0;
}

tbody tr:hover{
    background-color: #4cb3d0;
}


.couleur_fond_btn{
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

button, .degrade_btn {
    color:  #fff;
    border: 1px solid #6d2462;
    background: #973288; /* Old browsers */
    background: -moz-linear-gradient(top,  #973288 0%, #622058 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#973288), color-stop(100%,#622058)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #973288 0%,#622058 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #973288 0%,#622058 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #973288 0%,#622058 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #973288 0%,#622058 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#973288', endColorstr='#622058',GradientType=0 ); /* IE6-8 */
    text-transform: uppercase;
}


button:hover, button:active {
    color: #fff;
    background: #622058; /* Old browsers */
    background: -moz-linear-gradient(top,  #622058 0%, #973288 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#622058), color-stop(100%,#973288)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #622058 0%,#973288 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #622058 0%,#973288 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #622058 0%,#973288 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #622058 0%,#973288 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622058', endColorstr='#973288',GradientType=0 ); /* IE6-8 */
    text-transform: uppercase;
}

.degrade_couleur_principale{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6ad1e3), color-stop(1, #44abcb));
    background:-moz-linear-gradient(top, #6ad1e3 5%, #44abcb 100%);
    background:-webkit-linear-gradient(top, #6ad1e3 5%, #44abcb 100%);
    background:-o-linear-gradient(top, #6ad1e3 5%, #44abcb 100%);
    background:-ms-linear-gradient(top, #6ad1e3 5%, #44abcb 100%);
    background:linear-gradient(to bottom, #6ad1e3 5%, #44abcb 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad1e3', endColorstr='#44abcb',GradientType=0);
    /*//#10272 - C'est moche sur IE et ça à l'air de ne servir à rien sur les autres*/
    /*background-color:red;*/
}


/**EDITEURS FORMULAIRE**/

.brouillon, select[data-modif="1"], input[data-modif="1"], textarea[data-modif="1"]{
    color: #4cb3d0;
}

/*//#9760*/
textarea:focus, input:focus, select:focus, .ombre_select, div.div_formulaire div[contenteditable="true"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

/** Progressbar Jquery **/
#global_contenu .ui-progressbar {
    position: relative;
    background: #bbb;
}

#global_contenu .ui-progressbar-label {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 6px;
    font-weight: bold;
    color: #fff;
}

#global_contenu .ui-progressbar .ui-progressbar-value {
    background: #4cb3d0;
    border: 1px solid #999;
}