/*@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("../font/fonts/Ubuntu/Ubuntu-Light.ttf");}

    body{ font-family: 'Ubuntu','calibri', sans-serif;  }
    /* debut gauche */
    .profile-usermenu { margin-top: 10px; }
    .profile-usermenu a { border-right:0px; border-bottom: 1px solid #f0f4f7; }
    .profile-usermenu a:last-child { border-bottom: none; }
    .profile-usermenu a { color: #93a3b5; font-size: 14px; font-weight: 400; padding-top: 8px; padding-bottom: 8px; }
    .profile-usermenu a i { margin-right: 8px; font-size: 14px; }
    .profile-usermenu a:hover { background-color: #fafcfd; color: #5b9bd1; }
    .profile-usermenu a.active { border-bottom: none;  }
    .profile-usermenu a.active a { color: #5b9bd1; background-color: #FFFFFF; border-left: 2px solid #5b9bd1; margin-left: -2px; }
    /* fin gauche */
    .corps{ min-height: 600px;}
    .header{background: #5caed7; color: #FFFFFF; }
    .header .logo{background: #36a9e1; }
    .aside{ /*background: #383e4b;*/ height: 670px; /*color: #FFFFFF;*/ padding:0px; overflow: auto; }
    .section{background: #FCFCFC; height: 670px;  overflow: auto; /*border-radius: 10px;*/ padding: 0px; }
    .footer{ min-height: 40px; background: #5caed7; text-align: center; padding-top: 10px; }
    .footer a{color: #FFFFFF; }

    .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:2px;
            text-align: center;
    }
    .header .logo{font-family: 'Baloo Tammudu', cursive; font-size: 22px; padding-top: 10px; color: #FFFFFF; }
    .menuEnCours{ border: 0px solid #CCCCCC;  box-shadow: 1px 3px 10px -3px #808080; }

    .menuEnCours .titMen{   font-size:20px; font-weight: bold; }
    .tablo{ height: 480px; overflow: auto; padding: 0px; font-size: 85%; }
    .tablo thead tr{/*border-radius: 10px 10px 0px 0px;*/}

    #frmFiltre div{margin-bottom: 2px; margin-top:5px; }
    .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 */
    .padR0{ padding-right: 0px; }
    .mmMenu{ padding-top:5px; padding-bottom: 5px;}
    .footAside{ padding-top:15px; margin-top:20px; border-top:1px solid #CCCCCC; text-align: center; }
    .logo{ font-weight: bold; text-align: center; font-size: larger; }
    .pad0{padding: 0px;}
    .padL0{padding-left: 0px;}
    .padR0{padding-right: 0px;}
    #modalEnreg .row,#modalModif .row{margin-bottom: 3px;  }
    .modal-body,.modal-footer{ padding-bottom:3px; padding-top:3px; }
    .modal-header{ padding-bottom:5px; padding-top:5px; }
    .alertAll{
        position: fixed; z-index: 3000; width: 33%; margin: 17%; margin-top: 40px; box-shadow: 17px 17px 10px -8px #808080; padding-right: 10px!important;
        cursor: pointer; border-radius: 0px; display: none; background-color: #FFFFFF; border: 2px solid; text-align: center;
    }
    .alertAll .plac{padding-top: 10px!important; padding-bottom: 10px!important;}
    .bareOp{ text-decoration: line-through;}
    .hide{ display: none; }