@charset "UTF-8";
/*##############################################################
/*######  COMMUN SITE  #########################################
/*##############################################################
*/
body {
	BACKGROUND-COLOR:#C6D2F6;
   FONT-FAMILY:Arial;
}
a:link {
   TEXT-DECORATION:none;
}
a:visited {
   TEXT-DECORATION:none;
}
a:hover {
   TEXT-DECORATION:underline;
}
a:active {
   TEXT-DECORATION:none;
}
.SmoothDarkBackgroundTransition {
   TRANSITION:all 2s ease;
   BACKGROUND:#6687E7;
   TEXT-DECORATION:none;
}
.SmoothDarkBackgroundTransition:hover {
   TRANSITION:all 0s ease;
   BACKGROUND:#A0B4F0;
   TEXT-DECORATION:none;
}
.SmoothMediumBackgroundTransition {
   TRANSITION:all 2s ease;
   BACKGROUND:#A0B4F0;
}
.SmoothMediumBackgroundTransition:hover {
   TRANSITION:all 0s ease;
   BACKGROUND:#D3DDF9;
}
.SmoothLightBackgroundTransition {
   TRANSITION:all 2s ease;
   BACKGROUND:#E1E8FB;
}
.SmoothLightBackgroundTransition:hover {
   TRANSITION:all 0s ease;
   BACKGROUND:#F7F9FF;
}
.infobulle{
   POSITION:absolute;
   VISIBILITY:hidden;
   PADDING:6px;
   FONT-FAMILY:Arial, Arial;
   FONT-SIZE:8px;
   FONT-WEIGHT:normal;
   BACKGROUND-COLOR:#ECF0FF;
   BORDER:1px solid #000000;
   BORDER-RADIUS:4px
}
/*##############################################################
/*######  SPECIFIQUE INDEX  ####################################
/*##############################################################
*/
.sousmenu {
   VERTICAL-ALIGN:middle;
   TEXT-ALIGN:left;
   LINE-HEIGHT:230%;
   MARGIN-RIGHT:0px;
}
/* ------------ Bootstrap Tree menu ----- */
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.sidebar li{
     POSITION:relative;
  }
  .sidebar li .submenu { 
     DISPLAY:none;
     POSITION:absolute;
     LEFT:90%;
     TOP:-10px;
     MIN-WIDTH:300px;
  }
  [dir=rtl] .sidebar li .submenu { 
     RIGHT:100%;
     LEFT:auto;
  }
  .sidebar li:hover{
     BACKGROUND:var(--BS-LIGHTBLUE);
  }
  .sidebar li:hover > .submenu{
     DISPLAY: block;
  }
}	
/* ============ desktop view .end// ====== */
/* ============ small devices ============ */
@media (max-width: 991px) {
  .sidebar .submenu, .sidebar .dropdown-menu {
     POSITION:static!important;
     MARGIN-LEFT:0.7rem;
     MARGIN-RIGHT:0.7rem;
     MARGIN-BOTTOM: 0.5rem;
  }
}	
/* ============ small devices .end// ===== */
.sidebar .nav-link {
   FONT-WEIGHT:500;
   COLOR:var(--bs-dark);
}
.sidebar .nav-link:hover {
   BACKGROUND:var(--BS-LIGHTBLUE);
   TEXT-DECORATION:none;  
   COLOR:var(--bs-primary);
}