:root
{
--text-color-white:     white;
--text-color-pink:      #f640a1;
--text-color-blue-1:    #009ee2;
--text-color-blue-2:    #009fe3;
--text-color-blue-3:    rgb(0, 111, 158);
--text-color-blue-4:    #1b8eb7;
--text-color-blue-5:    #20a8d8;

--text-color-gray-1:    #b8b8b8;
--text-color-gray-2:    #6d6e71;
--text-color-gray-3:    #696969;
--text-color-gray-4:    #ccc;
--text-color-gray-5:    #555;
--text-color-gray-6:    #333;
 


/*couleur de  bouton */
--button-bg-color:                  var(--text-color-blue-5)/*white*/;
--button-txt-color:                 white/*#00aeef*/;
--button-hover-bg-color:            var(--text-color-blue-3)/*#00aeef*/;
--button-hover-txt-color:           white;

/* couleur de tabulation */
--prop-sheet-selected-bg-color:     #e7e7e7;
--prop-sheet-selected-tab-color:    var(--text-color-blue-3);
--prop-sheet-tab-bg-color:          #9fa0a1;
--prop-sheet-tab-color:             white;

/* couleur de block */
--block-color:                      var(--text-color-blue-3);
--block-bg-color:                   var(--text-color-gray-3);
--block-title-color:                white;

/* couleur de label */
--text-color-1:                     var(--text-color-blue-3);
--text-color-2:                     var(--text-color-gray-2);
--text-color-3:                     var(--text-color-pink);
--text-color-4:                     white;
--text-color-5:                     var(--text-color-blue-5);
--text-color-6:                     #23282c;
--input-color:                      #e4e7ea;

/* couleur de boite de dialogue */
--dialog-title-bg-color:            #00aeef;
--dialog-title-color:               white;

--status-ko-color:                  rgba(248, 108, 107, .70);
--status-ok-color:                  rgba(117, 197, 132, .70);
--status-pending-color:             rgba(236, 172, 0, .70);
--status-ko-border-color:           rgb(248, 108, 107);
--status-ok-border-color:           rgb(117, 197, 132);
--status-pending-border-color:      rgb(236, 172, 0);
--account-menu-color:       #181b1e;
--account-menu-border-color:#c8ced3;
--account-button-color:     #167495;

--footer-color:             #20a8d8;
--header-color:             white;

--main-height-header:       45px;    
--main-height-title:        30px;
--main-height-footer:       40px;

--body-color:               white;
}