/*
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;
}