/*@import url('https://fonts.googleapis.com/css?family=Baloo+Tammudu|Ubuntu');*/
@font-face{font-family: "Baloo"; src: url("../font/fonts/Baloo/Baloo-Regular.ttf");}
@font-face{font-family: "Baloo Tammudu"; src: url("../font/fonts/Baloo_Tammudu/BalooTammudu-Regular.ttf");}
@font-face{font-family: "Cairo"; src: url("../font/fonts/Cairo/Cairo-Black.ttf");}
@font-face{font-family: "Cuprum"; src: url("../font/fonts/Cuprum/Cuprum-Bold.ttf");}
@font-face{font-family: "Lobster"; src: url("../font/fonts/Lobster/Lobster-Regular.ttf");}
@font-face{font-family: "Rajdhani"; src: url("../font/fonts/Rajdhani/Rajdhani-Bold.ttf");}
@font-face{font-family: "Ubuntu"; src: url("../fonts/fonts/Ubuntu/Ubuntu-Light.ttf");}

    body{ font-family: 'calibri','Ubuntu', sans-serif;  }

    /* debut gauche */
    .profile-usermenu {
            margin-top: 30px;
    }

    .profile-usermenu ul li {
            border-bottom: 1px solid #f0f4f7;
    }

    .profile-usermenu ul li:last-child {
            border-bottom: none;
    }

    .profile-usermenu ul li a {
        color: #93a3b5;
        font-size: 14px;
        font-weight: 400;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .profile-usermenu ul li a i {
            margin-right: 8px;
            font-size: 14px;
    }

    .profile-usermenu ul li a:hover {
            background-color: #fafcfd;
            color: #5b9bd1;
    }

    .profile-usermenu ul li.active {
            border-bottom: none;
    }

    .profile-usermenu ul li.active a {
            color: #5b9bd1;
            background-color: #FFFFFF;
            border-left: 2px solid #5b9bd1;
            margin-left: -2px;
    }
    /* fin gauche */



    .corps{ min-height: 600px;}

    .header{background: #3367CC; }
    /*.header .logo{background: #36a9e1; }*/
    .aside{ background: #383e4b; height: 550px; color: #FFFFFF; padding:0px; overflow: auto; }
    .section{background: #FFFFFF; height: 550px;  overflow: auto; border-radius: 10px; }
    .footer{ min-height: 40px; background: #3367CC; text-align: center; padding-top: 10px; }
    .footer a{color: #FFFFFF; }
    .logo{

    }
    .profile{ text-align: center; padding-top: 20px; }
    .profile b{ color:#5B9BD1;  }

    .infoUsers{  text-align: right;  }
    .infoUsers b{ color: #FFFFFF; }
    .pseudoUsers{
            display: inline-block; background: #FFFFFF; border-radius: 90px; padding:10px;
    }
    .header .logo{font-family: 'Baloo Tammudu', cursive; font-size: 22px; padding-top: 10px; color: #FFFFFF; }
    .menuEnCours{ border: 0px solid #CCCCCC;  padding: 5px; box-shadow: 2px 5px 13px -3px #808080;  border-radius: 10px; }

    .menuEnCours .titMen{   font-size:20px; font-weight: bold; }
    .tablo{ height: 460px; overflow: auto;}
    .tablo thead tr{border-radius: 10px 10px 0px 0px;}

    #frmFiltre div{margin-bottom: 2px; }
    .lignActive{ background-color: #EBEBEB!important; /* #f5f5f5!important;  */}



        /* debut style arbores */
        .tree, .tree ul {
            margin:0;
            padding:0;
            list-style:none
        }
        .tree ul {
            margin-left:1em;
            position:relative
        }
        .tree ul ul {
            margin-left:.5em
        }
        .tree ul:before {
            content:"";
            display:block;
            width:0;
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            border-left:1px solid
        }
        .tree li {
            margin:0;
            padding:0 1em;
            line-height:2em;
            color:#369;
            font-weight:700;
            position:relative
        }
        .tree ul li:before {
            content:"";
            display:block;
            width:10px;
            height:0;
            border-top:1px solid;
            margin-top:-1px;
            position:absolute;
            top:1em;
            left:0
        }
        .tree ul li:last-child:before {
            background:#fff;
            height:auto;
            top:1em;
            bottom:0
        }
        .indicator {
            margin-right:5px;
        }
        .tree li a {
            text-decoration: none;
            color:#369;
        }
        .tree li button, .tree li button:active, .tree li button:focus {
            text-decoration: none;
            color:#369;
            border:none;
            background:transparent;
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
            outline: 0;
        }
        /* fin style arbores */