/*
  #F5F6CE : jaune clair - taxi
  #AEB404; ****Melange Jaune / noir
  #F7F8E0 jaune clair
  
  #D8F6CE : vert clair chaud
  #585858 : gris
  #04B4AE : melange vert bleu / carré croisement menu gauche / menu vertica;  
  #07F5DA : vert clair floérecant
  #0B615E
*/


/* WebSite Header */


/* Header Logo 
   Titre du site
*/
.skin-blue .main-header .logo {
    color:            #000000;
  	background-color: #FFFFFF;
    border-bottom:    0 solid transparent;
}

/*  Titre du site - Logo Actif
*/
.skin-blue .main-header .logo:hover {
  background-color:   #FFFFFF;   /* vert clair #D8F6CE*/
}

/*
.skin-blue .main-header > a {
  color: 			red;
  background-color: #D8F6CE;
 
}
*/

/* Header Minimaze . Maximze Menu Vertical*/
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #000000;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color:   #0B615E;  /* Vert foncé */
}

/* Couleur du fond du bandeau */
.skin-blue .main-header .navbar {
	background-color: #FFFFFF;		
}

/* Couleur du texte des liens du bandeau */
.skin-blue .main-header .navbar .nav > li > a {
    color:			 #000000;
	/*	background: #FA5858; */
}

/* Section langue : Background color */
.messages-menu {
	background: #FFFFFF;
}

/* Section langue */
.skin-blue .main-header .navbar .nav .messages-menu:hover,
.skin-blue .main-header .navbar .nav .messages-menu:active,
.skin-blue .main-header .navbar .nav .messages-menu:focus
.skin-blue .main-header .navbar .nav .messages-menu .open > a,
.skin-blue .main-header .navbar .nav .messages-menu .open > a:hover,
.skin-blue .main-header .navbar .nav .messages-menu .open > a:focus,
.skin-blue .main-header .navbar .nav .messages-menu > .active > a {
  color:      #000000;    /*  #f6f6f6; */ 
 	background: #0B615E;    /*  #D8F6CE, #848484; */
}

/* User Login uniquement */
/*.user-menu {
    background: #F6CECE; 
}*/


.skin-blue .main-header .navbar .nav .user-menu :hover,
.skin-blue .main-header .navbar .nav .user-menu :active,
.skin-blue .main-header .navbar .nav .user-menu :focus
.skin-blue .main-header .navbar .nav .user-menu .open > a,
.skin-blue .main-header .navbar .nav .user-menu .open > a:hover,
.skin-blue .main-header .navbar .nav .user-menu .open > a:focus,
.skin-blue .main-header .navbar .nav .user-menu > .active > a {
  	color:      #ffffff; 
 	  background: red;
}

.skin-blue .main-header .navbar .nav .user-menu-practionner :hover,
.skin-blue .main-header .navbar .nav .user-menu-practionner :active,
.skin-blue .main-header .navbar .nav .user-menu-practionner :focus
.skin-blue .main-header .navbar .nav .user-menu-practionner .open > a,
.skin-blue .main-header .navbar .nav .user-menu-practionner .open > a:hover,
.skin-blue .main-header .navbar .nav .user-menu-practionner .open > a:focus,
.skin-blue .main-header .navbar .nav .user-menu-practionner > .active > a {
    color:      #ffffff; 
    background:  blue;
    font-weight:    bold;    
}


.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-header,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-header :hover,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-header :active,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-header :focus {
    color:          #ffffff; 
    background:     #2E9AFE;

}

.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-footer .open > a,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-footer .open > a:hover,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-header .open > a:focus,
.skin-blue .main-header .navbar .nav .user-menu .dropdown-menu .user-footer > .active > a {
    color:          #000000;
    background:     #ffffff;
}



/* User Login uniquement */
/*
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {

	color:      #f6f6f6;
	background: RED; 
}
*/

/*	
	*********************	MENU PRINCIPAL 	***********************
	*********************	custom Bootstraap  ********************	
*/
/* MENU MODULE Horizontal */

.skin-blue .navbar-custom  
{
  color:            #000000;      
  background-color: #A9E2F3;      
}

/* Background MENU PRINCIPAL */

/* MENU PRINCIPAL - HORIZONTAL Icône Home */ 

.skin-blue .navbar-custom .navbar-header .navbar-brand 
{
  color:       #000000;
}

/*
  .navbar-header .navbar-brand {
    color:       #000000;
  }
*/

.skin-blue .navbar-custom .navbar-header .navbar-brand:hover,
.skin-blue .navbar-custom .navbar-header .navbar-brand:active,
.skin-blue .navbar-custom .navbar-header .navbar-brand:focus
.skin-blue .navbar-custom .navbar-header .navbar-brand .open > a,
.skin-blue .navbar-custom .navbar-header .navbar-brand .open > a:hover,
.skin-blue .navbar-custom .navbar-header .navbar-brand .open > a:focus,
.skin-blue .navbar-custom .navbar-header .navbar-brand > .active > a {
  font-weight:        bold;
  color:              #FFFFFF;
  background-color:   #08298A;    /*  #08298A;  bleu foncé  */
}

.skin-blue .navbar-custom .navbar-header .navbar-brand > .active > a {
  font-weight:        bold;
  color:              #FFFFFF;
  background-color:   red
}


.skin-blue .navbar-custom .navbar-header .navbar-toggle:hover,
.skin-blue .navbar-custom .navbar-header .navbar-toggle:active,
.skin-blue .navbar-custom .navbar-header .navbar-toggle:focus
.skin-blue .navbar-custom .navbar-header .navbar-toggle .open > a,
.skin-blue .navbar-custom .navbar-header .navbar-toggle .open > a:hover,
.skin-blue .navbar-custom .navbar-header .navbar-toggle .open > a:active,
.skin-blue .navbar-custom .navbar-header .navbar-toggle .open > a:focus,
.skin-blue .navbar-custom .navbar-header .navbar-toggle > .active > a 
 {

  font-weight:        bold;   
  color:              #FFFFFF;    
  background-color:   #58ACFA; 
}

/* Menu Principal Couleur des 4 traits*/
.navbar-header .navbar-toggle .icon-bar {
    background-color: #000000;
}

  .skin-blue .navbar-header .navbar-toggle:hover 
, .skin-blue .navbar-header .navbar-toggle:focus {
    background-color:   #58ACFA;
}

/* Background MENU PRINCIPAL ITEM */
.navbar-custom .nav ,
.navbar-custom .nav ,
.navbar-custom .nav {
	background-color: #A9E2F3; /* #01A9DB;	*/
}

.navbar-custom .nav > li > a {
    color:			 #000000;
}

/* MENU MODULE ACTIVE, ...*/
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li > a:active,
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .nav .open > a:active,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav > .active > a {
  color:			        #FFFFFF;  /*  #000000 */
  background-color:   #08298A;  /*  #2ECCFA */    
  font-weight:        bold;
}

/*-- change navbar dropdown color --*/
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a
, .navbar-custom .navbar-nav .open .dropdown-menu {
    color:			#000000;
    background-color: #2EFEF7;
}

.moduleContainer_1 {
      background-color: #04B4AE;  /*  #AEB404; Melange Jaune / noir
                                      #07F5DA
                                      #04B4AE; Melange Vert / bleu
                                  */
      vertical-align:   middle; 
      align-content:    center; 
      height:           50px;
      margin-left:      0px;
      margin-right:     0px;
  }

/*  
  ********************* SOUS-MENU PRINCIPAL  ******************
  ********************* custom Bootstraap  ******************** 
*/
/* MENU MODULE Vertical */
/* Menu à Gauche : Entire High */
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  color:      #000000;
  background: #E0F8F1;    /* 
                              Menu à Gauche 
                              Jaune: #F5F6CE
                              Vert : #CEF6E3
                              Vert trés claire : #E0F8F1
                          */
}

/* Non utilisé */
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #000;
}

.skin-blue .sidebar-menu > li > a {
  color:        #000000;
  background:   #E0F8F1;
  border-left: 3px solid transparent;
}

  .skin-blue .sidebar-menu > li:hover > a
, .skin-blue .sidebar-menu > li.active > a 
, .skin-blue .sidebar-menu > li:focus > a  
, .skin-blue .sidebar-menu > li .open > a
, .skin-blue .sidebar-menu > li .open > a:hover
, .skin-blue .sidebar-menu > li .open > a:focus
, .skin-blue .sidebar-menu > li .open > a:active
, .skin-blue .sidebar-menu > li .active > a 
, .skin-blue .sidebar-menu > li .active 
, .skin-blue .sidebar-menu > ul > li .active
, .skin-blue .sidebar-menu .open > a
, .skin-blue .sidebar-menu .open > a:hover
, .skin-blue .sidebar-menu .open > a:focus
, .skin-blue .sidebar-menu .open > a:active
, .skin-blue .sidebar-menu > .active > a 
, .skin-blue .sidebar-menu > li>a:hover
, .skin-blue .sidebar-menu > li>a:focus
{
  color:              #FFFFFF;
  background:         #0B615E;
  border-left-color:  #2EFE2E;  
  font-weight:        bold;
}

  .skin-blue .sidebar-menu > li>a:hover
, .skin-blue .sidebar-menu > li>a:focus 
, .skin-blue .sidebar-menu > .active>a
, .skin-blue .sidebar-menu > .active>a:hover
, .skin-blue .sidebar-menu > .active>a:focus
{
  color:              #FFFFFF;
  background:         #0B615E;   
  border-left-color:  #2EFE2E;  
  font-weight:        bold;
}

/*
  .skin-blue .sidebar-menu >.active>a
, .skin-blue .sidebar-menu >.active>a:hover
, .skin-blue .sidebar-menu >.active>a:focus {
  {
    color:                  red;
     background-color:      yellow;   
  }
*/

.skin-blue .sidebar-menu li .active {
  background-color: red !important;
}


/* Entête Menu Vertical */
  .skin-blue .sidebar-menu > li.header {
  font-size:          medium;
  color:              #000000;
  background:         #CEF6EC;
  font-weight:        bold;
}


/*
.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li > a.active,
.skin-blue .sidebar-menu > li > a:focus,
.skin-blue .sidebar-menu .open > a,
.skin-blue .sidebar-menu .open > a:hover,
.skin-blue .sidebar-menu .open > a:focus,
.skin-blue .sidebar-menu > active > a {
  color:              #FFFFFF;
  background:         #0B614B; 
  border-left-color:  #000000;  
  font-weight:        bold;
}
*/

/* MENU MODULE ACTIVE, ...*/
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li > a:active,
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav > .active > a {
  color:              #FFFFFF;  /*  #000000 */
  background-color:   #08298A;  /*  #2ECCFA */  
  font-weight:        bold;
}


.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  /*background: #2c3b41; */
  background: #CEF6EC;
}
.skin-blue .sidebar a {
  color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}

.skin-blue .treeview-menu > li > a {
    color:  #000000;
}

.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color:              #FFFFFF;
  font-weight:        bold;
  background-color:   #01A9DB;
}

/* Table de résultats */
th {
    color:            #0404B4;
    background-color: #81BEF7; /*  #BDBDBD; #D8D8D8;*/
    border-spacing: 5px;
} 

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #EFFBFB;
}

.table-hover tbody tr:hover td {
      background-color:   #00FFFF;
      font-weight:        bold;
}

  form.tab-form-demo .tab-pane {
    margin: 20px 20px;
  }



  .mylogin > a:hover {background-color:  red;}

  .disabled {
    pointer-events:none;  /*This makes it not clickable */
    opacity:0.6;         /* This grays it out to look disabled */
}