/**/
/* Default css scripts*/


body {
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    /*min-height: 1000px;*/
    counter-reset: section;
}

.container {
    max-width: none !important;
    width: 970px;
}

li, ul {
    margin: 0;
    padding: 0;
}

.hidden-smartphone {
    display: block;
}

.visible-smartphone {
    display: none;
}

.dt {
    display: block;
}

.tb {
    display: none;
}

.sp {
    display: none;
}

.spf {
    display: none;
}

footer {
    width: 100%;
    background: #EEEEEE;
    padding-bottom: 30px;
    padding-top: 30px;
}

.titFstFtr {
    font-family: Arial;
    font-size: 18px;
    /*font-weight: bold;*/
    line-height: 1.5;
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-family: GESSTwoMedium-Medium !important;
}

.directionRTL {
    direction: rtl;
}

.clrBoth {
    clear: both;
}
/*section*/
.flatCarousel {
    width: 100%;
}

.wdgSld {
    float: right;
    width: 319px;
    height: 220px;
    background: url("../images/bgSlider.png") no-repeat;
    margin-right: 40px;
    position: relative;
}

.sldTt {
    position: absolute;
    z-index: 10;
    opacity: 1;
    display: block;
    top: 175px;
}

.CtnEmp .sldTt {
    top: 265px;
}

.sldTtInner {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-align: right;
    padding-right: 15px;
    width: 275px;
    display: table-cell;
    font-family: GESSTwoMedium-Medium;
    line-height: 35px;
    vertical-align: middle;
    height: 150px;
}

.sldTt:hover {
    text-decoration: none;
    color: #fff;
}


.sldImg {
    width: 160vw;
    margin: 0 auto;
}

#carousel-Tayba-generic .carousel-indicators li {
    background: url("../images/bgPuc.png") no-repeat center center;
    width: 13px;
    height: 14px;
    border: 0;
    margin: 0 0 0 4px;
}

    #carousel-Tayba-generic .carousel-indicators li.active {
        background: url("../images/bgPucH.png") no-repeat center center !important;
        height: 14px /*!important*/;
        width: 13px /*!important*/;
        margin: 0 0 0 4px;
    }

section.underSlide {
    background: #ffffff;
    width: 100%;
    margin-bottom: 50px;
}

    section.underSlide .ctn {
        width: 1000px;
        margin: 0 auto;
    }

    section.underSlide .wdgSldSmall {
        width: 345px;
        float: left;
    }

    section.underSlide .wdgLnk {
        width: 640px;
        float: left;
    }

        section.underSlide .wdgLnk a {
            text-decoration: none;
            font-weight: 500;
            display: block;
            font-size: 16px;
            width: 205px;
            height: 180px;
            color: #fff;
            line-height: 1.1;
            text-align: center;
            padding-top: 120px;
            font-family: 'Droid Arabic Kufi Regular';
        }

.bgYel a {
    background: url("../images/bgPen.png") center 35px no-repeat;
}

.bgBl a {
    background: url("../images/bgHat.png") center 35px no-repeat;
}

.bgBc a {
    background: url("../images/bgBook.png") center 35px no-repeat;
}

.bgBl a.Ser {
    background: url("../images/Service.png") center 55px no-repeat;
}

.bgBc a.Sug {
    background: url("../images/bgPen.png") center 35px no-repeat;
}

.bgYel a.Mail {
    background: url("../images/Lettre.png") center 55px no-repeat;
}

.bgBc a.aca {
    background: url("../images/academic.png") center 40px no-repeat;
}

.bgBc a.inter {
    background: url("../images/interrogation.png") center 45px no-repeat;
}

.bgBc a.cal {
    background: url("../images/calendar.png") center 45px no-repeat;
}

.bgYel a.Mail-aro {
    background: url("../images/Lettre-aro.png") center 50px no-repeat;
}

.bgYel {
    background: url("../images/bgJaune.jpg") no-repeat;
    width: 205px;
    height: 180px;
    float: left;
}

.bgBl {
    background: url("../images/bgBleu.jpg") no-repeat;
    width: 205px;
    height: 180px;
    float: left;
}

.bgBc {
    background: url("../images/bgBleuCiel.jpg") no-repeat;
    width: 205px;
    height: 180px;
    float: left;
}

#carousel-Tayba-generic {
    height: 594px;
}

    /*#carousel-Tayba-generic.CtnEmp {
    height: 828px;
}*/

    #carousel-Tayba-generic .carousel-inner > .item {
        height: 594px;
    }

#carousel-Tayba-generic-Small {
    height: 180px;
}

    #carousel-Tayba-generic-Small a.carousel-caption h3 {
        font-family: GESSTwoMedium-Medium;
        font-size: 18px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        white-space: nowrap;
    }

    #carousel-Tayba-generic-Small .carousel-indicators li {
        background: url("../images/bgPuc.png") center center no-repeat;
        width: 12px;
        height: 12px;
        border: 0;
        margin: 0 0 0 4px;
    }

        #carousel-Tayba-generic-Small .carousel-indicators li.active {
            background: url("../images/bgPucH.png") no-repeat center center !important;
            height: 12px;
            width: 12px;
            margin: 0 0 0 4px;
        }

    #carousel-Tayba-generic-Small .carousel-inner > .item > img {
        height: 180px;
        max-width: 353px;
    }

    #carousel-Tayba-generic-Small .carousel-indicators {
        bottom: 0px;
    }

    #carousel-Tayba-generic-Small .carousel-caption {
        padding-bottom: 0px;
        bottom: 7px;
        right: 2%;
        left: 0;
        text-align: right;
    }

    #carousel-Tayba-generic-Small a:hover {
        text-decoration: none;
        color: #fff;
    }

section.plgSlide {
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    top: 27.7%;
    background: rgba(0,0,0,0);
    left: 0;
    right: 0;
}

.CtnEmp section.plgSlide {
    top: 42.7%;
}

section.plgSlide .ctn {
    width: 1000px;
    margin: 0 auto;
}

.wdgSld .carousel-indicators {
    width: 100%;
    direction: rtl;
    text-align: right;
    padding-right: 20px !important;
    left: 0;
    margin-left: 0;
}

.wdgPjtPromise {
    width: 100%;
}

    .wdgPjtPromise .FrstPjt {
        width: 640px;
        height: 120px;
        background: url("../images/bgProject.jpg") no-repeat;
        float: left;
    }

        .wdgPjtPromise .FrstPjt .wdgWa3d {
            padding: 0;
            list-style-type: none;
            float: left;
            margin: 33px 0 0 33px;
            width: 170px;
            height: 44px;
        }

            .wdgPjtPromise .FrstPjt .wdgWa3d li {
                float: left;
                width: 40px;
                font-size: 60px;
                line-height: 0.7;
                height: 44px;
                color: #fff;
                font-weight: bold;
            }

    .wdgPjtPromise .ScndPjt {
        width: 320px;
        height: 120px;
        background: #fff;
        float: left;
    }

        .wdgPjtPromise .ScndPjt a {
            text-decoration: none;
            font-weight: 500;
            display: table-cell;
            font-size: 16px;
            padding-right: 15px;
            color: #9C8F7F;
            line-height: 1.8;
            text-align: right;
            width: 320px;
            height: 120px;
            vertical-align: middle;
            font-family: 'Droid Arabic Kufi Regular';
            direction: rtl;
        }

    .wdgPjtPromise .FrstPjt .wdgPjtPrmoiseLink {
        float: right;
        height: 120px;
        width: 60%;
    }

        .wdgPjtPromise .FrstPjt .wdgPjtPrmoiseLink a {
            float: left;
            height: 100%;
            width: 100%;
        }

    .wdgPjtPromise .Ind {
        width: 40px;
        height: 120px;
        float: left;
        background: url("../images/bgInd.png") no-repeat;
    }

    .wdgPjtPromise .ScndPjt .Ind {
        width: 40px;
        height: 120px;
        float: left;
        background: url("../images/bgInd-tab.png") no-repeat;
        display: none;
    }

.menuLnkInt {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.submenuLnkInt {
    bottom: 1px;
    left: 0;
    position: absolute;
    display: none;
    /*width: 319px;*/
    width: 100%;
    z-index: 16;
    background: url("../images/bgSectorNoir.png");
    height: auto;
    padding-bottom: 20px;
}

    .submenuLnkInt a {
        display: block;
        text-decoration: none;
        width: 100%;
        font-size: 15px;
        direction: rtl;
        padding: 3px 30px 3px 0;
        color: #fff;
        background: url("../images/bgVignetWhite.jpg") 295px 16px no-repeat;
        text-align: right;
        font-family: 'Droid Arabic Kufi Regular';
    }

        .submenuLnkInt a:hover {
            color: #F18000;
        }

.menuLnkInt li.on {
    background-image: none;
    background: url("../images/bgSectorNoir.jpg") no-repeat;
}

.ctnLnkInt {
    width: 319px;
    height: 90px;
    float: left;
    background: url("../images/bgSector.jpg") no-repeat;
    margin-right: 1px;
    position: relative;
}

    .ctnLnkInt div.clrOrange {
        /*width: 319px;*/
        width: 100%;
        height: 90px;
        font-weight: 500;
        font-size: 24px;
        text-align: center;
        /*padding-right: 90px;*/
        padding-top: 30px;
        cursor: pointer;
        color: #F18000;
        font-family: GESSTwoMedium-Medium !important;
    }

    .ctnLnkInt div.clrBlue {
        width: 100%;
        height: 90px;
        font-weight: 500;
        font-size: 24px;
        text-align: center;
        /*padding-right: 90px;*/
        padding-top: 30px;
        cursor: pointer;
        color: #055173;
        font-family: GESSTwoMedium-Medium !important;
    }

    .ctnLnkInt div.clrAqua {
        width: 100%;
        height: 90px;
        font-weight: 500;
        font-size: 24px;
        text-align: center;
        /*padding-right: 90px;*/
        padding-top: 30px;
        cursor: pointer;
        color: #01B7C2;
        font-family: GESSTwoMedium-Medium !important;
    }

.titInt {
    /*width: 319px;*/
    width: 100%;
    height: 50px;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    color: #F18000;
    font-family: GESSTwoMedium-Medium !important;
    margin-top: 10px;
}
/*End section*/

/* Footer*/
footer .col-md-8 {
    margin-bottom: 35px;
}

.copyright {
    border-top: 1px solid #CBCBCB;
    font-family: droid arabic kufi regular;
    font-size: 12px;
    margin-top: 15px;
    padding-top: 5px;
    text-align: center;
}

.clrBlue {
    color: #00B8C1;
}

.lstgd {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .lstgd .itmgd {
        font-size: 16px;
        background: url("../images/bgVignet.jpg") right center no-repeat;
        padding: 0px 15px 1px 0;
    }

        .lstgd .itmgd a {
            text-decoration: none;
            color: #0F3156;
            /*font-weight: bold;*/
            display: block;
            text-align: right;
            font-size: 16px;
            font-family: GESSTwoMedium-Medium !important;
        }

            .lstgd .itmgd a:hover {
                color: #15bac2;
            }

            .lstgd .itmgd a.clrBlue {
                color: #00B8C1;
            }

a.lnkMap {
    width: 215px;
    height: 215px;
    margin: 0 auto;
    display: block;
}

.lstSn {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

    .lstSn .itmSn {
        float: left;
        font-size: 16px;
        padding: 2px 10px 2px 0;
    }

        .lstSn .itmSn a.lnkSn {
            text-decoration: none;
            width: 41px;
            height: 41px;
            display: block;
        }

        .lstSn .itmSn a.fb {
            background: url("../images/bgFb.png")no-repeat;
        }

            .lstSn .itmSn a.fb:hover {
                background: url("../images/bgFbH.png")no-repeat;
            }

        .lstSn .itmSn a.te {
            background: url("../images/bgTe.png")no-repeat;
        }

            .lstSn .itmSn a.te:hover {
                background: url("../images/bgTeH.png")no-repeat;
            }

        .lstSn .itmSn a.in {
            background: url("../images/bgIn.png")no-repeat;
        }

            .lstSn .itmSn a.in:hover {
                background: url("../images/bgInH.png")no-repeat;
            }

        .lstSn .itmSn a.tw {
            background: url("../images/bgTw.png")no-repeat;
        }

            .lstSn .itmSn a.tw:hover {
                background: url("../images/bgTwH.png")no-repeat;
            }

        .lstSn .itmSn a.yt {
            background: url("../images/bgYt.png")no-repeat;
        }

            .lstSn .itmSn a.yt:hover {
                background: url("../images/bgYtH.png")no-repeat;
            }

        .lstSn .itmSn a.tm {
            background: url("../images/bgTm.png")no-repeat;
        }

            .lstSn .itmSn a.tm:hover {
                background: url("../images/bgTmH.png")no-repeat;
            }

.btnNewsLettre {
    width: 70px;
    height: 30px;
    text-align: center;
    background: #00B6C1;
    color: #FFF;
    text-decoration: none;
    /*font-weight: bold;*/
    float: left;
    border: 0;
    font-family: GESSTwoMedium-Medium !important;
    font-size: 16px;
}

.inptNewsLettre {
    border: 0;
    float: left;
    width: 222px;
    height: 30px;
    text-align: right;
    background: #fff;
    padding-right: 10px;
    color: #000;
    font-family: 'Droid Arabic Kufi Regular';
}
/* End Footer*/
/* Header */
header {
    /*top: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1030;*/
    height: 156px;
    background: url("../images/bgHeader.png") center top no-repeat #fff;
    padding: 0 15px;
}

    header > .row > .container > .col-md-5 {
        padding: 0;
    }

        header > .row > .container > .col-md-5 > .row > .col-md-12 {
            padding: 0;
        }

.lnkLogo {
    text-decoration: none;
    margin: 0 auto;
    width: 112px;
    height: 156px;
    display: block;
    text-align: center;
}

.imglogo {
    width: 112px;
    height: 144px;
}

.hdrLft {
    height: 156px;
    background: url("../images/bgj1px.jpg");
}

.hdrRgt {
    height: 156px;
    background: url("../images/bgb1px.jpg");
}

.hdrCtn {
    height: 156px;
    background: url("../images/bgb1px.jpg");
}

.subHeader {
    background: url("../images/bgSubHeader.png") center top no-repeat;
    width: 100%;
    height: 54px;
    font-family: GESSTwoMedium-Medium !important;
    background-size: cover;
    position: absolute;
    top: 156px;
    z-index: 965;
}

    .subHeader.navbar-collapse.collapse {
        height: 54px !important;
    }

    .subHeader .ctn {
        margin: auto;
    }

    .subHeader > .row > .container {
        padding: 0;
    }

    .subHeader > .row {
        margin: 0;
    }

.lstShead {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 100%;
}

    .lstShead .itmShead {
        float: right;
        min-width: 9%;
        padding: 0 15px;
    }

    .lstShead.menu1 .itmShead {
        padding: 0 15px;
    }

    .lstShead.menu2 .itmShead {
        padding: 0 12px;
    }

    .lstShead.menu3 .itmShead {
        padding: 0 11px;
    }

    .lstShead .itmShead a {
        text-decoration: none;
        display: block;
        padding: 16px 6% 0;
        font-size: 16px;
        color: #fff;
        white-space: nowrap;
    }

        .lstShead .itmShead a:hover {
            color: #31e0ff;
        }

        .lstShead .itmShead a.active {
            color: #31e0ff;
        }

.blcFrmComment span {
    clear: both;
    color: #FF0000;
    display: block;
    font-family: droid arabic kufi regular;
    margin-right: 20px;
    visibility: visible;
    font-size: 13px;
}


.lstNavLnk {
    margin: 0;
    padding: 0 0 0 25px;
    list-style-type: none;
    width: 100%;
    float: right;
}

    .lstNavLnk .itmNavLnk {
        float: left;
        padding: 0 10px;
        height: 40px;
    }

        .lstNavLnk .itmNavLnk.orange {
            background: #dfb029;
        }

        .lstNavLnk .itmNavLnk.brown {
            background: #8e805b;
            border-left: 1px solid #fff;
        }

        .lstNavLnk .itmNavLnk.bluesky {
            background: #3eb1d0;
            border-left: 1px solid #fff;
        }

        .lstNavLnk .itmNavLnk.navy {
            background: #1e7589;
            border-left: 1px solid #fff;
        }

        .lstNavLnk .itmNavLnk.bluesky.active {
            background: #fff;
            border-right: 1px solid #fff;
        }

            .lstNavLnk .itmNavLnk.bluesky.active a {
                color: #3eb1d0;
            }

        .lstNavLnk .itmNavLnk.brown.active {
            background: #fff;
            border-right: 1px solid #fff;
        }

            .lstNavLnk .itmNavLnk.brown.active a {
                color: #8e805b;
            }

        .lstNavLnk .itmNavLnk.orange.active {
            background: #fff;
            border-right: 1px solid #fff;
        }

            .lstNavLnk .itmNavLnk.orange.active a {
                color: #dfb029;
            }

        .lstNavLnk .itmNavLnk a {
            text-decoration: none;
            display: block;
            padding: 10px 0px 0;
            font-size: 15px;
            font-family: 'Droid Arabic Kufi Bold';
            color: #fff;
            font-weight: bold;
            white-space: nowrap;
        }

.lstHlpLnk {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 75%;
    float: left;
    padding-left: 6%;
}

    .lstHlpLnk .itmHlpLnk {
        float: left;
        padding: 10px 0 0;
    }

        .lstHlpLnk .itmHlpLnk a.lnkHlpLnk {
            text-decoration: none;
            font-family: 'Droid Arabic Kufi Regular';
            display: block;
            padding: 0 4px;
            font-size: 14px;
            color: #fff;
            border-right: 1px solid #fff;
        }

        .lstHlpLnk .itmHlpLnk a.brdNone {
            border: none;
        }

        .lstHlpLnk .itmHlpLnk a.lnkHlpLnk.eng {
            font-family: Arial;
        }

.blcSearch {
    padding-top: 6px;
    position: absolute;
    right: 0px;
}

    .blcSearch .inptSearch {
        border: 0;
        float: left;
        background: #FFF;
        height: 25px;
        width: 110px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-left: 5px;
        margin-left: 0 !important;
        min-width: 0 !important;
        padding: 0 !important;
        font-family: 'Droid Arabic Kufi Regular';
        text-align: right;
        line-height: 26px !important;
    }

    .blcSearch .btnSearch {
        border: 0;
        float: left;
        background: #FFF;
        height: 25px;
        width: 24px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background: url("../images/bgSearch.jpg") center center no-repeat #fff;
        margin-left: 0 !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

.ttLogoEn {
    color: #0181BD;
    font-weight: 500;
    font-size: 28px;
    padding-top: 31px;
    float: right;
    font-family: FranklinGothic-MediumCond;
    padding-right: 30px;
    text-align: right;
    white-space: nowrap;
}

.ttLogoAr {
    color: #0181BD;
    font-weight: 500;
    font-size: 36px;
    padding-top: 28px;
    float: left;
    font-family: DINNextLTArabic-Light;
    width: 250px;
    padding-left: 30px;
    white-space: nowrap;
}

.clearHdr {
    clear: both;
    width: 100%;
    /*height: 90px;*/
}
/*End Header */

/*Carousel*/
section.plgSlide .carousel-caption {
    left: 20%;
    padding-bottom: 300px !important;
    right: 20%;
}

/*container Sector*/
.ctnSector {
    width: 100%;
    background: #fff;
    direction: rtl;
}

.containerSector {
    width: 1000px;
    margin: auto;
    margin-bottom: 20px;
}

.bgCtnSector {
    background: url("../images/public.jpg") top center no-repeat;
    width: 100%;
    height: 18vw;
    background-size: cover;
}

.breadCrumb {
    width: 100%;
    height: 40px;
    border-bottom: 3px solid #EDEDED;
    margin-bottom: 20px;
}

.lstBrdCrbLnk {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    float: right;
}

    .lstBrdCrbLnk .itmBrdCrbLnk {
        float: right;
        padding: 10px 0 0;
        color: #929292;
    }

        .lstBrdCrbLnk .itmBrdCrbLnk a.lnkBrdCrbLnk {
            text-decoration: none;
            display: block;
            padding: 0 15px;
            font-size: 14px;
            color: #5B5B5B;
            font-weight: bold;
            font-family: 'Droid Arabic Kufi Regular';
        }

        .lstBrdCrbLnk .itmBrdCrbLnk div {
            font-size: 13px;
            font-family: 'Droid Arabic Kufi Regular';
        }

.lstSecLnk {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    padding-top: 1px;
}

    .lstSecLnk .itmSecLnk {
        width: 100%;
        margin-bottom: 1px;
    }

        .lstSecLnk .itmSecLnk a.LnkSecLnk {
            padding: 10px 15px;
            text-decoration: none;
            display: block;
            font-size: 13px;
            color: #5B5B5B;
            cursor: pointer;
            width: 100%;
            min-height: 42px;
            background: #EDEDED;
            font-family: 'Droid Arabic Kufi Regular';
        }

            .lstSecLnk .itmSecLnk a.LnkSecLnk:hover {
                color: #fff;
                background: #3EB1D0;
            }

        .lstSecLnk .itmSecLnk a.havSubLnk {
            background: url("../images/ArrGray.png") 20px 18px no-repeat #EDEDED;
        }

            .lstSecLnk .itmSecLnk a.havSubLnk:hover {
                background: url("../images/ArrWhite.png") 20px 18px no-repeat #3EB1D0;
            }

/* Sub menu */
.menuSector ul ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    padding-top: 1px;
}

    .menuSector ul ul li {
        width: 100%;
        margin-bottom: 1px;
    }

        .menuSector ul ul li a {
            padding: 10px 15px 0;
            text-decoration: none;
            display: block;
            font-size: 13px;
            color: #fff;
            /*font-weight: bold;*/
            width: 100%;
            min-height: 42px;
            background: #7E7E7E;
            font-family: 'Droid Arabic Kufi Regular';
        }

            .menuSector ul ul li a:hover {
                color: #fff;
                background: #404040;
            }

.menuSector > ul > li.activeSecLnk {
    border-bottom: none;
}

    .menuSector > ul > li.activeSecLnk > a.LnkSecLnk {
        color: #fff;
        background-color: /*url("../images/ArrWhite.png") 20px 18px no-repeat*/ #3EB1D0;
    }

        .menuSector > ul > li.activeSecLnk > a.LnkSecLnk.havSubLnk {
            color: #fff;
            background: url("../images/ArrWhite.png") 20px 18px no-repeat #3EB1D0;
        }

.menuSector > ul > li.mansoub a.LnkSecLnk {
    color: #fff;
    background: #FF841D;
}

/*Page Employer*/
.areaEmplWdg .wdgSld {
    width: 310px;
}

.areaEmpl {
    padding-left: 30px;
}

    .areaEmpl .FrstPjt {
        width: 620px;
    }

    .areaEmpl .ScndPjt {
        width: 310px;
    }

        .areaEmpl .ScndPjt a {
            width: 310px;
        }

.frstBlc {
    width: 310px;
    float: left;
    height: 280px;
    background: #00b6c1;
    direction: rtl;
    position: relative;
}

.scndBlc {
    width: 310px;
    float: left;
    height: 280px;
    background: #045072;
    direction: rtl;
    position: relative;
}

.thrdBlc {
    width: 310px;
    float: left;
    height: 280px;
    background: #daba31;
    direction: rtl;
    position: relative;
}

.paddingLeft30 {
    padding-left: 30px;
}

.ttBlc {
    width: 100%;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    font-size: 24px;
    color: #fff;
    font-family: GESSTwoMedium-Medium;
}

.lnkBlc {
    padding: 12px 15px 0 45px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    /*font-weight: bold;*/
    width: 100%;
    /*height: 51px;*/
    background: url("../images/ArrHorizontale.png") 20px 10px no-repeat;
    font-family: 'Droid Arabic Kufi Regular';
    margin-bottom: 5px;
    min-height: 50px;
}

    .lnkBlc:hover {
        text-decoration: none;
        color: #fff;
    }

a.morelink {
    padding: 0px 5px;
    background: #7E7E7E;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

/* Container more Service*/
.ctnMoreService {
    width: 100%;
}

    .ctnMoreService .Container {
        width: 1000px;
        margin: 0 auto;
    }

    .ctnMoreService .ttMoreSer {
        width: 100%;
        height: 50px;
        background: url("../images/bgMoreSer.jpg");
        margin-bottom: 30px;
    }

        .ctnMoreService .ttMoreSer .ctnBtnMoreService {
            width: 380px;
            height: 50px;
            margin: 0 auto;
            background: #fff;
            margin: 0 auto;
        }

            .ctnMoreService .ttMoreSer .ctnBtnMoreService .BtnMoreService {
                background: #103153 url(../images/arrow01.png) no-repeat 5px center;
                color: #fff;
                font-size: 18px;
                cursor: pointer;
                /*font-weight: bold;*/
                width: 280px;
                margin: 0 auto;
                padding: 7px 8px 6px 8px;
                text-align: right;
                font-family: GESSTwoMedium-Medium;
                border: 1px solid #103153;
                border-right: 5px solid #28588a;
            }

.ContlnkMoreSer {
    display: none;
}

.ctnMoreService .ttMoreSer .ctnBtnMoreService .activeBtnMoreService {
    background: #fff url(../images/arrow02.png) no-repeat 5px center;
    color: #103153;
    border: 1px solid #103153;
}

.ContlnkMoreSer .row {
    width: 95%;
    padding: 30px 0;
}

    .ContlnkMoreSer .row a {
        padding-top: 2px;
        padding-bottom: 2px;
    }

section.sectionAreaEdu {
    width: 100%;
    margin-top: /*16.4%*/ 280px;
}

    section.sectionAreaEdu .ctn {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        right: 40px;
    }

    section.sectionAreaEdu .AreaEdu {
        float: right;
        width: 620px;
        height: 250px;
        /*background: url("../images/bgEmpEdu.jpg") no-repeat;*/
    }

    section.sectionAreaEdu .AreaStaffEdu {
        /*background: url("../images/bgStaffEdu.jpg") no-repeat;*/
    }

.AreaEdu a {
    padding: 160px 20px 0 160px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    height: 250px;
    line-height: 34px;
    width: 620px;
    text-align: right;
    font-family: GESSTwoMedium-Medium;
}

section.sectionAreaEdu .ctnPwd {
    float: right;
    width: 350px;
    height: 250px;
}

section.sectionAreaEdu .AreaPwd {
    width: 350px;
    height: 159px;
    background: url("../images/bgGetPwd.jpg");
}

.AreaPwd a {
    padding: 93px 35px 0 50px;
    text-decoration: none;
    display: block;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    height: 159px;
    /*font-weight: bold;*/
    width: 100%;
    text-align: right;
    line-height: 30px;
    font-family: GESSTwoMedium-Medium;
}

.blcTpPwd {
    width: 100%;
    height: 91px;
}

.lftTpPwd {
    float: left;
    width: 40px;
    height: 90px;
    background: url("../images/bgEmploye.jpg");
}

a.rgtTpPwd {
    text-decoration: none;
    display: block;
    float: left;
    width: 310px;
    height: 90px;
    background: #ededed;
    color: #000;
    font-size: 20px;
    padding: 20px 20px 0 0;
    text-align: right;
    font-family: 'Droid Arabic Kufi Regular';
}

.blcTpPwdStaff {
    width: 100%;
    height: 91px;
}

    .blcTpPwdStaff .lftTpPwd {
        float: left;
        width: 40px;
        height: 90px;
        background: url("../images/bgStaff.jpg") no-repeat -5px 0;
    }

    .blcTpPwdStaff a.rgtTpPwd {
        text-decoration: none;
        display: block;
        float: left;
        width: 310px;
        height: 90px;
        background: #ededed;
        color: #000;
        font-size: 20px;
        padding: 30px 20px 0 0;
        text-align: right;
        font-family: 'Droid Arabic Kufi Regular';
    }



section.sectionAreaEdu .AreaPwdStud {
    width: 350px;
    height: 159px;
    /*background: url("../images/bgPointStud.jpg");*/
}

/*section.sectionAreaEdu .AreaPwdStud a {
        padding: 110px 35px 0 50px;
}*/

.blcTpPwdStud {
    width: 100%;
    height: 91px;
}

    .blcTpPwdStud .lftTpPwd {
        float: left;
        width: 40px;
        height: 91px;
        background: url("../images/bgStud.jpg")#3eb1d0;
    }

    .blcTpPwdStud a.rgtTpPwd {
        text-decoration: none;
        display: block;
        float: left;
        width: 310px;
        height: 91px;
        background: #ededed;
        color: #000;
        font-size: 22px;
        padding: 30px 10px 0 0;
        text-align: right;
        font-family: 'Droid Arabic Kufi Regular';
    }
/* page Servie*/
.ctnSerDescr {
    width: 1000px;
    margin: auto;
}

.ctnTitleService {
    width: 100%;
    height: 40px;
    /*padding-top: 10px;*/
}

.rgtTitleService {
    background: none repeat scroll 0 0 #1FC2CB;
    color: #FFFFFF;
    float: right;
    font-family: GESSTwoMedium-Medium;
    font-size: 22px;
    height: 40px;
    padding-right: 15px;
    padding-top: 5px;
    text-align: right;
    width: 875px;
}

.lftTitleService {
    width: 125px;
    float: right;
    font-size: 20px;
    color: #fff;
    /*font-weight: 600;*/
    background: #17868D url(../images/entry-open.jpg) no-repeat 0 0;
    height: 40px;
    padding-right: 45px;
    cursor: pointer;
    padding-top: 5px;
    font-family: GESSTwoMedium-Medium;
}

    .lftTitleService.closed {
        background: red url(../images/entry-close.jpg) no-repeat 0 0;
    }

.ctnBlcService {
    width: 100%;
    padding-top: 20px;
    height: auto;
    float: left;
}

.lftBlc {
    width: 48%;
    float: left;
    height: auto;
}

.rgtBlc {
    width: 51%;
    float: left;
    height: auto;
}

.blcNote {
    width: 100%;
}

    .blcNote .ttblcNote {
        width: 100%;
        height: 45px;
        font-size: 18px;
        text-align: right;
        color: #1DC2C6;
        padding: 10px 15px 10px 0;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
        padding-left: 15px;
    }

    .blcNote .txtblcNote {
        width: 100%;
        line-height: 20px;
        font-size: 12px;
        text-align: justify;
        color: #7E7E7E;
        padding-left: 15px;
        font-family: 'Droid Arabic Kufi Regular';
        margin-bottom: 20px;
    }

    .blcNote .phr-blcNote {
        width: 100%;
        font-size: 13px;
        text-align: justify;
        color: #7E7E7E;
        background: url("../images/bgVignet.jpg") right center no-repeat;
        padding: 2px 10px 2px 0;
    }

.ctnBlcService .blcNote .phr-blcNote {
    background: none;
    padding: 2px 0px 2px 0;
}

    .ctnBlcService .blcNote .phr-blcNote div ul {
        padding-right: 40px;
    }


.rgtBlc .SepHor {
    width: 100%;
    height: 14px;
    background: url("../images/bgSepHor.jpg") center center;
}

.ctnphrBlcLft {
    width: 100%;
    padding: 5px 15px 5px 5px;
    background: url("../images/bgSector.jpg");
    height: 40px;
    margin-bottom: 10px;
    clear: both;
}

    .ctnphrBlcLft .phrBlcLft {
        width: 100%;
        font-size: 14px;
        text-align: right;
        color: #3d3d3d;
        background: url("../images/bgVignet.jpg") right center no-repeat;
        padding: 2px 20px 2px 0;
        font-family: 'Droid Arabic Kufi Regular';
    }

.ctnBlcService .ctnphrBlcLft .phrBlcLft {
    background: none;
    padding: 2px 10px 2px 0;
}

.ctnBlcOngl {
    width: 100%;
    height: auto;
}

    .ctnBlcOngl .TtBlcOnglFrst {
        width: 100%;
        height: 45px;
        font-size: 20px;
        text-align: right;
        color: #fff;
        padding: 10px 15px 10px 0;
        /*font-weight: bold;*/
        font-family: GESSTwoMedium-Medium;
    }

    .ctnBlcOngl .TxtBlcOnglFrst {
        width: 100%;
        height: 310px;
        padding: 0px;
    }

    .ctnBlcOngl .ctn-wrp.c1 {
        width: 100%;
        height: 350px;
        background: #f2f2f2;
        display: nonef;
    }

    .ctnBlcOngl .ctn-wrp.c1, .ctnBlcOngl .ctn-wrp.c2, .ctnBlcOngl .ctn-wrp.c3, .ctnBlcOngl .ctn-wrp.c4, .ctnBlcOngl .ctn-wrp.c5, .ctnBlcOngl .ctn-wrp.c6, .ctnBlcOngl .ctn-wrp.c7 {
        width: 100%;
        height: 350px;
        background: #f2f2f2;
        display: none;
    }

    .ctnBlcOngl #ctn-1 {
        display: block;
    }


    .ctnBlcOngl .ctn-wrp.c1 .TtBlcOnglFrst {
        background: #ffb500;
    }

    .ctnBlcOngl .ctn-wrp.c2 .TtBlcOnglFrst {
        background: #ff841d;
    }

    .ctnBlcOngl .ctn-wrp.c3 .TtBlcOnglFrst {
        background: #1fc2cb;
    }

    .ctnBlcOngl .ctn-wrp.c4 .TtBlcOnglFrst {
        background: #01A8D4;
    }

    .ctnBlcOngl .ctn-wrp.c5 .TtBlcOnglFrst {
        background: #1058AC;
    }

    .ctnBlcOngl .ctn-wrp.c6 .TtBlcOnglFrst {
        background: #F5F5F5;
        color: #3E3E3E;
    }

    .ctnBlcOngl .ctn-wrp.c7 .TtBlcOnglFrst {
        background: #8E805B;
    }

.lstBlcOngl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    height: 50px;
    float: right;
    position: relative;
}

.ser-desc-container .divSlideset .lstBlcOngl {
    left: 0;
}

.divSlideset {
    overflow: hidden;
    margin-bottom: 30px;
    height: 50px;
    width: 100%;
    float: right;
}

.lstBlcOngl .itmBlcOngl {
    color: #FFFFFF;
    cursor: pointer;
    display: table-cell;
    font-family: 'Droid Arabic Kufi Regular';
    font-size: 15px;
    height: 50px;
    line-height: 15px;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    width: 4%;
}

.lstBlcOngl .c1 {
    background: #ffb500;
}

.lstBlcOngl .c2 {
    background: #ff841d;
}

.lstBlcOngl .c3 {
    background: #1fc2cb;
}

.lstBlcOngl .c4 {
    background: #01A8D4;
}

.lstBlcOngl .c5 {
    background: #1058AC;
}

.lstBlcOngl .c6 {
    background: #F5F5F5;
    color: #3E3E3E;
}

.lstBlcOngl .c7 {
    background: #8E805B;
}


.lstBlcOngl li.active {
    height: 50px;
    position: relative;
}

/*Page Sector*/
.asideSectorPage {
    width: 25%;
    float: right;
    margin-left: 1%;
}

.contentSectorPage {
    width: 74%;
    float: left;
    padding-right: 15px;
}

    .contentSectorPage.collapse {
        display: block;
    }



.asideComMeans {
    width: 25%;
    float: right;
    margin-left: 1%;
}

.contentComMeans {
    width: 74%;
    float: left;
}

.bgCtnSectorStud {
    background: url("../images/sectors.jpg") top center no-repeat;
    width: 100%;
    height: auto;
    padding: 100px 0;
}

.ctnBlgSector {
    width: 1000px;
    margin: 0 auto;
}

.lstBlgSector {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

    .lstBlgSector .ImgStudSect {
        width: 100%;
        height: 340px;
        background: url("../images/bgImgSector.jpg") no-repeat;
        background-size: cover;
    }

    .lstBlgSector .itmBlgSector {
        width: 320px;
        float: right;
        font-size: 25px;
        cursor: pointer;
        /*position: relative;
        height: 220px;*/
    }

    .lstBlgSector .mgrTp120px {
        margin-top: 120px;
    }

    .lstBlgSector .ttBlgSector {
        width: 100%;
        text-align: right;
        height: 50px;
        cursor: pointer;
        font-size: 24px;
        padding-right: 25px;
        padding-top: 40px;
        color: #fff;
        font-family: GESSTwoMedium-Medium;
    }

    .lstBlgSector .nbLnkBlgSector {
        width: 100%;
        text-align: left;
        height: 170px;
        font-size: 120px;
        font-weight: bold;
        background: url("../images/bgPlus.png") 20px 135px no-repeat;
        padding-left: 25px;
        color: #fff;
        opacity: 0.4;
    }

    .lstBlgSector .darkTt {
        color: #3e3e3e;
    }

    .lstBlgSector .darkNbLnk {
        color: #3e3e3e;
        opacity: 0.4;
    }

    .lstBlgSector .bgYellow {
        background-color: #ffb500;
    }

    .lstBlgSector .bgGray {
        background-color: #8e805b;
    }

    .lstBlgSector .bgBleu {
        background-color: #1058ac;
    }

    .lstBlgSector .bgOrange {
        background-color: #ff841d;
    }

    .lstBlgSector .bgWhite {
        background-color: #f5f5f5;
    }

    .lstBlgSector .bgBleuC {
        background-color: #01a8d4;
    }

    .lstBlgSector .bgVert {
        background-color: #1fc2cb;
    }

.submenuBlgSector {
    /*top: -100px;*/
    left: 50%;
    position: absolute;
    display: none;
    width: 640px;
    z-index: 16;
    /*min-height: 170px;*/
}

    .submenuBlgSector .bgArrTop {
        background: url("../images/bgArrTop.png") center no-repeat;
        width: 100%;
        height: 10px;
    }

    .submenuBlgSector .lstLinkSec {
        background: #3C3B37;
        width: 100%;
        /*min-height: 170px;*/
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .submenuBlgSector a {
        display: block;
        text-decoration: none;
        width: 319px;
        font-size: 18px;
        direction: rtl;
        padding: 3px 30px 3px 0;
        color: #fff;
        background: url("../images/bgVignetWhite.jpg") 300px 17px no-repeat;
        float: right;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .submenuBlgSector li.on {
        background-image: none;
        background: url("../images/bgSectorNoir.jpg") no-repeat;
    }

.OneBx {
    margin-left: -160px;
    width: 320px;
}

.SndBx {
    margin-left: -320px;
}

.thrBox {
    /*left: -100%;*/
    width: 960px;
    margin-left: -480px;
}

/* position du bloc One Box*/

.bgBleuC .submenuBlgSector.OneBx, .bgBleu .submenuBlgSector.OneBx {
    margin-left: -480px;
}

.bgOrange .submenuBlgSector.OneBx, .bgYellow .submenuBlgSector.OneBx {
    margin-left: 160px;
}

/* position de la fleche pour le bloc Third Box*/
.bgBleuC .submenuBlgSector.thrBox .bgArrTop, .bgBleu .submenuBlgSector.thrBox .bgArrTop {
    background-position: 160px center;
}

.bgOrange .submenuBlgSector.thrBox .bgArrTop, .bgYellow .submenuBlgSector.thrBox .bgArrTop {
    background-position: 800px center;
}

/* position du bloc Scnd Box*/

.bgBleuC .submenuBlgSector.SndBx, .bgBleu .submenuBlgSector.SndBx {
    margin-left: -480px;
}

.bgOrange .submenuBlgSector.SndBx, .bgYellow .submenuBlgSector.SndBx {
    margin-left: -160px;
}

/* position de la fleche pour le bloc Scnd Box*/

.bgBleuC .submenuBlgSector.SndBx .bgArrTop, .bgBleu .submenuBlgSector.SndBx .bgArrTop {
    background-position: 160px center;
}

.bgOrange .submenuBlgSector.SndBx .bgArrTop, .bgYellow .submenuBlgSector.SndBx .bgArrTop {
    background-position: 480px center;
}

/*Page News */
.news-container .bgCtnSector {
    background: url("../images/news_ar.jpg") top center no-repeat;
    width: 100%;
    height: 18vw;
    background-size: cover;
}

.ann-container .bgCtnSector {
    background: url("../images/adv_ar.jpg") top center no-repeat;
    background-size: cover;
}

.ser-desc-container .bgCtnSector {
    background: url("../images/service_ar.jpg") top center no-repeat;
    background-size: cover;
}

.new-archive-container .bgCtnSector {
    background: url("../images/archive.jpg") top center no-repeat;
    background-size: cover;
}

.news-details-container .bgCtnSector {
    background: url("../images/n.jpg") top center no-repeat;
    background-size: cover;
}




.ctnNewsPrtl {
    width: 1000px;
    margin: auto;
}

    .ctnNewsPrtl .ctnTitleNewsPrtl {
        width: 100%;
        height: 40px;
        padding-top: 10px;
    }

        .ctnNewsPrtl .ctnTitleNewsPrtl .rgtTitleNewsPrtl {
            background: none repeat scroll 0 0 #1FC2CB;
            color: #FFFFFF;
            cursor: pointer;
            float: right;
            font-family: GESSTwoMedium-Medium;
            font-size: 24px;
            /*font-weight: 600;*/
            height: 50px;
            padding-right: 15px;
            padding-top: 10px;
            text-align: right;
            width: 100%;
        }

.ctnSearchNewsPrtl {
    /*background: none repeat scroll 0 0 #1FC2CB;*/
    color: #FFFFFF;
    cursor: pointer;
    /*float: right;*/
    font-family: GESSTwoMedium-Medium;
    font-size: 24px;
    /*font-weight: 600;*/
    height: 50px;
    padding: 15px;
    text-align: right;
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

    .ctnSearchNewsPrtl .rgtTitleNewsPrtl {
        float: right;
        font-family: GESSTwoMedium-Medium;
        font-size: 18px;
        width: 50%;
        /*height: 50px;
            padding-right: 15px;
            padding-top: 10px;
            text-align:right;
           
            margin-top: 50px;
            margin-left: auto;
            margin-right: auto;*/
    }

    .ctnSearchNewsPrtl .rgtTitleNewsPrtlTxt {
        float: right;
        font-family: GESSTwoMedium-Medium;
        font-size: 18px;
        width: 25%;
        margin: 2px;
    }

    .ctnSearchNewsPrtl input.searchInputEd {
        float: right;
        font-family: 'Droid Arabic Kufi Regular';
        font-size: 14px;
        background: white;
        border: none;
        height: 30px;
        width: 80%;
        padding: 5px;
        margin: 0 10px;
        margin-left: 0;
        color: #000000;
    }

    .ctnSearchNewsPrtl input.searchSubmitEd {
        float: right;
        font-family: GESSTwoMedium-Medium;
        font-size: 16px;
        background: #1BA0A7;
        border: none;
        height: 30px;
        padding: 0 10px;
        color: white;
    }

.ctnSearchEd {
    float: right;
    background: none repeat scroll 0 0 #1FC2CB;
    width: 100%;
    padding: 15px;
    border: 2px solid #1BA0A7;
}

.ctnBlcNewsPrtl {
    width: 100%;
    padding-top: 20px;
    height: auto;
}

.lftBlcNewsPrtl {
    width: 40%;
    float: left;
    height: auto;
}

.rgtBlcNewsPrtl {
    width: 60%;
    float: left;
    height: auto;
}

    .rgtBlcNewsPrtl .SepHor {
        width: 100%;
        height: 14px;
        background: url("../images/bgSepHor.jpg") center center no-repeat;
        float: right;
    }

.rgtBlcNewsPrtlED {
    width: 100%;
    float: right;
    height: auto;
}

    .rgtBlcNewsPrtlED .SepHor {
        width: 100%;
        height: 14px;
        background: url("../images/bgSepHor.jpg") center center no-repeat;
        float: right;
    }

.blcNewsPrtl {
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: right;
}

    .blcNewsPrtl .ttblcNewsPrtl {
        color: #20C1CB;
        font-family: Droid Arabic Kufi Bold;
        font-size: 14px;
        font-weight: bold;
        min-height: 35px;
        padding: 5px 0;
        text-align: right;
        width: 100%;
        float: right;
    }

        .blcNewsPrtl .ttblcNewsPrtl a {
            color: #20C1CB;
            font-family: Droid Arabic Kufi Bold;
            font-size: 14px;
            font-weight: bold;
        }


    .blcNewsPrtl .blcDateNewsPrtl {
        color: #C0C0C0;
        font-family: Droid Arabic Kufi Bold;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        padding: 4px 0;
        text-align: right;
        width: 100%;
        float: right;
    }

.searchResED .blcNewsPrtl .blcDateNewsPrtl {
    color: #7E7E7E;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    padding: 4px 0;
    text-align: right;
    width: 100%;
}

.blcNewsPrtl .blcTxtNewsPrtl {
    width: 100%;
    /*height: 120px;*/
    line-height: 20px;
    float: right;
}

.blcNewsPrtl.searchResults .blcTxtNewsPrtl {
    height: auto;
}

.blcNewsPrtl .blcTxtNewsPrtl .ImgNewsPrtl {
    max-width: 158px;
    max-height: 110px;
    margin-left: 10px;
    float: right;
}

.blcNewsPrtl .blcTxtNewsPrtl .boxTxtNewsPrtl {
    width: 380px;
    /*height: 110px;*/
    float: right;
}

.blcNewsPrtl.searchResults .blcTxtNewsPrtl .boxTxtNewsPrtl {
    width: 680px;
    height: auto;
    float: right;
    margin: 20px 0;
}

.blcNewsPrtl .blcTxtNewsPrtl .txtNewsPrtl {
    color: #7E7E7E;
    font-family: Droid Arabic Kufi Regular;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    width: 100%;
    float: right;
}

.blcNewsPrtl .blcTxtNewsPrtl .txtContentType {
    color: #7E7E7E;
    font-family: Droid Arabic Kufi Regular;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    width: 100%;
    font-weight: bold;
    padding-right: 10px;
    background: url("../images/bgVignet.jpg") no-repeat scroll right 10px rgba(0, 0, 0, 0);
    margin-right: 5px;
    float: right;
}



.blcNewsPrtl .blcTxtNewsPrtl .btmBlcNewsPrtl {
    width: 100%;
    height: 35px;
    margin-top: 5px;
    float: right;
}

.blcNewsPrtl .blcTxtNewsPrtl a.BtnPlus {
    background: none repeat scroll 0 0 #20C1CB;
    color: #FFFFFF;
    float: right;
    font-family: Droid Arabic Kufi Bold;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding-top: 3px;
    text-align: center;
    width: 70px;
}

.blcNewsPrtl .blcTxtNewsPrtl .blcNbComment {
    background: url("../images/bgNbComm.png") no-repeat scroll right 15px rgba(0, 0, 0, 0);
    color: #2EC1C9;
    float: left;
    font-family: Droid Arabic Kufi Bold;
    font-size: 12px;
    height: 30px;
    padding: 10px 20px 0 0;
    text-align: right;
    /*width: 150px;*/
}

.blcNewsPrtl .blcTxtNewsPrtl .txtNbComment {
    float: right;
    height: 20px;
    /*width: 90px;*/
}

.blcNewsPrtl .blcTxtNewsPrtl .nbComment {
    float: right;
    height: 20px;
    /*width: 30px;*/
    font-family: arial;
    font-weight: bold;
}

.rgtBlcNewsPrtlED .blcNewsPrtl .blcTxtNewsPrtl a.BtnPlus {
    width: 120px;
}

.lstOnglNewsPrtl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    height: 45px;
    margin-top: 30px;
}

    .lstOnglNewsPrtl .itmBlcNewsOngl {
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        font-family: Droid Arabic Kufi Regular;
        font-size: 18px;
        height: 50px;
        padding: 10px;
        text-align: center;
        width: 33.3333%;
    }

    .lstOnglNewsPrtl #itm-NewsFrst {
        background: #1FC2CB;
    }

    .lstOnglNewsPrtl #itm-NewsScnd {
        background: #01A8D4;
    }

    .lstOnglNewsPrtl #itm-NewsThrd {
        background: #1058AC;
    }

    .lstOnglNewsPrtl li.active {
        height: 55px;
        position: relative;
        bottom: 5px;
        padding-top: 15px;
    }

.ctnOnglNewsPrtl {
    width: 100%;
    min-height: 250px;
    margin-bottom: 40px;
}

    .ctnOnglNewsPrtl .ctn-NewsFrst {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        padding-top: 15px;
    }

    .ctnOnglNewsPrtl .ctn-NewsScnd {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
    }

    .ctnOnglNewsPrtl .ctn-NewsThrd {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
    }

    .ctnOnglNewsPrtl .phr-blcNote {
        background: url("../images/bgVignet.jpg") no-repeat scroll 96% 13px rgba(0, 0, 0, 0);
        color: #7E7E7E;
        font-family: Droid Arabic Kufi Regular;
        font-size: 12px;
        line-height: 2;
        padding: 2px 27px 2px 0;
        text-align: right;
        width: 100%;
    }

        .ctnOnglNewsPrtl .phr-blcNote a {
            color: #7E7E7E;
            font-family: Droid Arabic Kufi Regular;
            font-size: 12px;
        }

            .ctnOnglNewsPrtl .phr-blcNote a:hover {
                color: #428BCA;
                text-decoration: none;
            }

.blcIndication {
    color: #FFFFFF;
    float: right;
    font-family: Droid Arabic Kufi Regular;
    font-size: 24px;
    height: 50px;
    margin-top: 5px;
    text-align: right;
    width: 100%;
}

.blcNewsIndication {
    background: url("../images/bgIcnNews.png") 360px center no-repeat #1FC2CB;
}

.blcCommentIndication {
    background: url("../images/bgIcnComment.png") 365px center no-repeat #01A8D4;
}

.blcVisiteIndication {
    background: url("../images/bgIcnVisit.png") 365px center no-repeat #1058AC;
}

.blcIndication .txtBlcIndication {
    float: right;
    padding: 8px 50px 0 10px;
}

.blcIndication .nbBlcIndication {
    padding-top: 8px;
}

/*Announcements Portal*/

.lstOnglAnnPrtl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    height: 50px;
    margin-top: 30px;
}

    .lstOnglAnnPrtl .itmBlcAnnOngl {
        float: right;
        height: 50px;
        font-size: 16px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        padding: 12px 17px 10px 18px;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .lstOnglAnnPrtl #itm-AnnFrst {
        background: #FFB600;
    }

    .lstOnglAnnPrtl #itm-AnnScnd {
        background: #FF8500;
    }

    .lstOnglAnnPrtl #itm-AnnThrd {
        background: #1FC2CB;
    }

    .lstOnglAnnPrtl #itm-AnnFour {
        background: #8E8059;
    }

    .lstOnglAnnPrtl #itm-AnnFift {
        background: #0656AF;
    }

    .lstOnglAnnPrtl li.active {
        height: 55px;
        position: relative;
        bottom: 5px;
        padding-top: 17px;
    }

.ctnOnglAnnPrtl {
    width: 95%;
    min-height: 250px;
    margin-bottom: 30px;
}

    .ctnOnglAnnPrtl .ctn-AnnFrst {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .ctnOnglAnnPrtl .ctn-AnnScnd {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .ctnOnglAnnPrtl .ctn-AnnThrd {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .ctnOnglAnnPrtl .ctn-AnnFour {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .ctnOnglAnnPrtl .ctn-AnnFift {
        width: 100%;
        min-height: 250px;
        background: #f2f2f2;
        display: none;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .ctnOnglAnnPrtl .phr-blcNoteAnn {
        width: 100%;
        font-size: 13px;
        text-align: right;
        color: #7E7E7E;
        background: url("../images/bgVignetY.jpg") 96% 11px no-repeat;
        padding: 2px 40px 10px 0;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnOnglAnnPrtl > div {
        position: relative;
    }

.blcLnkPlus {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px;
}

    .blcLnkPlus a.lnkPlusLnk {
        width: 70px;
        height: 25px;
        text-align: center;
        background: #FEB600;
        color: #FFF;
        text-decoration: none;
        padding-top: 3px;
        /*font-weight: bold;*/
        display: block;
        float: left;
        font-family: Droid Arabic Kufi Bold;
        font-size: 12px;
    }

/* News Archive */
.ctnNewsArchiv {
    width: 1000px;
    margin: auto;
}

.ctnTitleNewsArchiv {
    width: 100%;
    font-size: 22px;
    text-align: right;
    color: #1FC2CB;
    font-weight: 600;
    height: 40px;
    padding-right: 15px;
    cursor: pointer;
    padding-top: 10px;
    font-family: 'Droid Arabic Kufi Regular';
}

.ctnBlcNewsArchiv {
    width: 100%;
    padding-top: 20px;
    height: auto;
}

.ctnphrNewsArchiv {
    width: 100%;
    padding: 5px 15px 5px 5px;
    background: url("../images/bgSector.jpg");
    height: 40px;
    margin-bottom: 10px;
}

    .ctnphrNewsArchiv .phrNewsArchiv {
        width: 65%;
        float: right;
        font-size: 14px;
        text-align: right;
        color: #3d3d3d;
        text-decoration: none;
        background: url("../images/bgVignet.jpg") right center no-repeat;
        padding: 2px 20px 2px 0;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnphrNewsArchiv .blcNbComment {
        width: 18%;
        height: 30px;
        padding: 5px 20px 0 0;
        float: right;
        background: url("../images/bgNbComm.png") right 50% no-repeat;
    }

    .ctnphrNewsArchiv .txtNbComment {
        float: right;
        /*width: 91px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnphrNewsArchiv .nbComment {
        float: right;
        /*width: 25px;*/
        height: 20px;
        font-size: 12px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
    }

    .ctnphrNewsArchiv .blcNbVist {
        width: 17%;
        height: 30px;
        padding: 5px 20px 0 0;
        float: left;
        background: url("../images/bgIcnNbVist.jpg") right 50% no-repeat;
    }

    .ctnphrNewsArchiv .txtNbVist {
        float: right;
        /*width: 80px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnphrNewsArchiv .nbVist {
        float: right;
        /*width: 25px;*/
        height: 20px;
        font-size: 12px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
    }

/* News Detail */
.ctnNewsDetail {
    width: 1000px;
    margin: auto;
}

.ctnTitleNewsDetail {
    width: 100%;
    font-size: 20px;
    text-align: right;
    color: #1FC2CB;
    font-weight: 600;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
    font-family: 'Droid Arabic Kufi Regular';
}

.blcDateNewsDetail {
    width: 100%;
    height: 25px;
    font-size: 13px;
    text-align: right;
    color: #C0C0C0;
    padding: 4px 0;
    font-weight: bold;
    font-family: 'Droid Arabic Kufi Regular';
}

.blcAddCmViP {
    width: 100%;
    height: 25px;
    padding: 4px 0;
}

    .blcAddCmViP .blcNbComment {
        /*width: 180px;*/
        height: 30px;
        padding: 5px 20px 0 0;
        float: right;
        background: url("../images/bgNbComm.png") right 50% no-repeat;
        margin-left: 20px;
    }

    .blcAddCmViP .txtNbComment {
        float: right;
        /*width: 100px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .blcAddCmViP .nbComment {
        float: right;
        /*width: 25px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
    }

    .blcAddCmViP .blcNbVist {
        /*width: 180px;*/
        height: 30px;
        padding: 5px 20px 0 0;
        float: right;
        background: url("../images/bgNbVist.png") right 50% no-repeat;
        margin-left: 20px;
    }

    .blcAddCmViP .txtNbVist {
        float: right;
        /*width: 100px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .blcAddCmViP .nbVist {
        float: right;
        /*width: 25px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
    }

    .blcAddCmViP .blcDateDiff {
        /*width: 180px;*/
        height: 30px;
        padding: 5px 20px 0 0;
        float: right;
        background: url("../images/bgDateDiff.png") right 50% no-repeat;
        margin-left: 20px;
    }

    .blcAddCmViP .txtDateDiff {
        float: right;
        /*width: 100px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .blcAddCmViP .DateDiff {
        float: right;
        /*width: 25px;*/
        height: 20px;
        font-size: 13px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
    }

.ctnNewsDetail .txtNewsPrtl {
    width: 100%;
    line-height: 28px;
    font-size: 17px;
    text-align: justify;
    color: #7E7E7E;
    font-family: 'Droid Arabic Kufi Regular';
}

.ctnBlcNewsDetail {
    width: 100%;
    padding-top: 20px;
    height: auto;
}

.ctnphrNewsDetail {
    width: 100%;
    padding: 5px 15px 5px 5px;
    background: url("../images/bgSector.jpg");
    height: 120px;
    margin-bottom: 10px;
}

    .ctnphrNewsDetail .ttNewsDetail {
        width: 100%;
        float: right;
        font-size: 16px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        padding: 2px;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnphrNewsDetail .txtDateNewsDetail {
        width: 100%;
        float: right;
        font-size: 12px;
        text-align: right;
        color: #C0C0C0;
        padding: 4px 0;
        font-weight: bold;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .ctnphrNewsDetail .phrNewsDetail {
        width: 100%;
        float: right;
        font-size: 14px;
        text-align: right;
        color: #3d3d3d;
        padding: 2px;
        font-family: 'Droid Arabic Kufi Regular';
    }

.ctnNewsDetail .SepHor {
    width: 100%;
    height: 14px;
    background: url("../images/bgSepHor.jpg") center center no-repeat;
}

.blcFrmComment {
    width: 100%;
    height: auto;
    background: #F7F7F7;
    margin: 20px 0;
    padding: 20px;
}

    .blcFrmComment .ttFrmComment {
        width: 100%;
        float: right;
        font-size: 16px;
        text-align: right;
        color: #20C1CB;
        font-weight: bold;
        padding: 2px;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .blcFrmComment .inptFrmComment {
        border: 0;
        float: right;
        width: 50%;
        height: 30px;
        text-align: right;
        background: #fff;
        padding-right: 10px;
        color: #000;
        margin: 10px 0 10px 100px;
        font-family: 'Droid Arabic Kufi Regular';
    }

    .blcFrmComment .txtAreFrmComment {
        border: 0;
        float: right;
        width: 50%;
        height: 100px;
        text-align: right;
        background: #fff;
        padding: 10px;
        color: #000;
        margin: 10px 0 10px 100px;
        font-family: 'Droid Arabic Kufi Regular';
    }

.blcAddComment {
    float: right;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

    .blcAddComment .btnAddComment {
        float: right;
        width: 70px;
        height: 30px;
        text-align: center;
        background: #00B6C1;
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
        border: 0;
        font-family: 'Droid Arabic Kufi Regular';
    }

.blcNetsoc {
    width: 100%;
    /*height: 30px;*/
    margin: 10px 0;
    border: none !important;
    padding: 0px !important;
}

    .blcNetsoc .lstSn {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: right;
    }

        .blcNetsoc .lstSn .itmSn {
            float: left;
            font-size: 16px;
            padding: 2px 10px 2px 0;
        }

    .blcNetsoc .sshContent .sshListItem {
        float: left;
        font-size: 16px;
        padding: 2px 10px 2px 0;
    }


    .blcNetsoc .sshContent {
        float: right;
    }

    .blcNetsoc .lstSn .itmSn a.lnkSn {
        text-decoration: none;
        width: 34px;
        height: 33px;
        display: block;
    }

    .blcNetsoc .lstSn .itmSn a.fb {
        background: url("../images/bgFbNews.png")no-repeat;
    }

        .blcNetsoc .lstSn .itmSn a.fb:hover {
            background: url("../images/bgFbNews.png")no-repeat;
        }

    .blcNetsoc .lstSn .itmSn a.tw {
        background: url("../images/bgTwNews.png")no-repeat;
    }

        .blcNetsoc .lstSn .itmSn a.tw:hover {
            background: url("../images/bgTwNews.png")no-repeat;
        }

    .blcNetsoc .lstSn .itmSn a.in {
        background: url("../images/bgInNews.png")no-repeat;
    }

        .blcNetsoc .lstSn .itmSn a.in:hover {
            background: url("../images/bgInNews.png")no-repeat;
        }

/*Error*/
.ctnError {
    width: 100%;
    min-height: 500px;
    background: #fff;
    direction: rtl;
    margin-bottom: 50px;
}

.bgCtnError {
    background: url("../images/error.jpg") top center no-repeat;
    width: 100%;
    height: 350px;
    background-size: cover;
}


.bgCtnDownload {
    background: url("../images/bgdownload.jpg") top center no-repeat;
    width: 100%;
    height: 350px;
}

.ctnError .msgError {
    width: 100%;
    height: auto;
    border-top: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #3EB1D0;
    padding: 15px 0;
    margin-top: 40px;
    font-family: GESSTwoMedium-Medium;
}

.ctnError .lnkHomeError {
    margin: 0 auto;
    background: #3EB1D0;
    width: 280px;
    height: auto;
    padding: 10px;
    text-decoration: none;
    font-size: 18px;
    /*font-weight: bold;*/
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    bottom: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: GESSTwoMedium-Medium;
}
/*Communication Means*/
.ctnCommMeans {
    width: 100%;
    min-height: 500px;
    background: #fff;
    direction: rtl;
    margin-bottom: 50px;
}

.bgCtnCommMeans {
    /*background: url("../images/mysites_banners.jpg") top center no-repeat;*/
    width: 100%;
    /*height: 350px;*/
    height: 50px;
    margin-bottom: 20px;
    background-size: cover;
}

.containerCtnCommMeans {
    width: 1000px;
    margin: auto;
}

    .containerCtnCommMeans .lstSecLnk .itmSecLnk a.LnkSecLnk {
        font-weight: 100;
    }

    .containerCtnCommMeans .lstSecLnk .itmSecLnk a.active {
        color: #fff;
        background: #3EB1D0;
    }

.ctnPersoSite {
    width: 90%;
    min-height: 400px;
    padding-right: 20px;
    margin-right: 5px;
}

    .ctnPersoSite .ttblcCommMeans {
        width: 100%;
        min-height: 35px;
        font-size: 18px;
        text-align: right;
        color: #20C1CB;
        padding: 5px 10px;
        font-weight: bold;
        font-family: GESSTwoMedium-Medium;
    }

    .ctnPersoSite .SepHor {
        width: 100%;
        height: 14px;
        background: url("../images/bgSepHor.jpg") center center no-repeat;
    }

    .ctnPersoSite .nameCurrentPer {
        width: 100%;
        min-height: 35px;
        font-size: 18px;
        text-align: right;
        color: #5B5B5B;
        padding: 5px 10px;
        /*font-weight: bold;*/
        font-family: GESSTwoMedium-Medium;
    }

    .ctnPersoSite .blcInfoCommMeans {
        border: 2px solid #1BA0A7;
        padding-right: 60px;
        width: 100%;
        margin-top: 20px;
    }

        .ctnPersoSite .blcInfoCommMeans .txtblcInfoCommMeans {
            text-align: right;
            color: #fff;
            width: 100%;
            height: 40px;
            padding-top: 8px;
            font-family: 'Droid Arabic Kufi Regular';
            direction: rtl;
        }

.bgLoc {
    background: url("../images/bgLoc.jpg") 99% center no-repeat #1FC2CB;
}

.bgLet {
    background: url("../images/bgLet.jpg") 99% center no-repeat #1FC2CB;
}

.bgUse {
    background: url("../images/bgUse.jpg") 99% center no-repeat #1FC2CB;
}

.bgNum {
    background: url("../images/bgNum.jpg") 99% center no-repeat #1FC2CB;
}

.bgLstLg {
    background: url("../images/bgLstLg.jpg") 99% center no-repeat #1FC2CB;
}

/* pagination */
.RadDataPager_Default {
    border: 0 !important;
    background: #fff !important;
    width: 70%;
    margin: 20px 0;
}

.RadDataPager > .rdpWrap > .rdpPagePrev {
    width: 40px;
    height: 40px;
    background: url("../images/bgNext.jpg") no-repeat;
    margin-left: 1px;
}

    .RadDataPager > .rdpWrap > .rdpPagePrev:hover {
        width: 40px;
        height: 40px;
        background: url("../images/bgNextH.jpg") no-repeat;
    }

.RadDataPager > .rdpWrap > .rdpPageNext {
    width: 40px;
    height: 40px;
    background: url("../images/bgPrev.jpg") no-repeat;
    margin-right: 1px;
}

    .RadDataPager > .rdpWrap > .rdpPageNext:hover {
        width: 40px;
        height: 40px;
        background: url("../images/bgPrevH.jpg") no-repeat;
    }

.RadDataPager > .rdpNumPart > a > span {
    background: #2EC1C9;
    color: #FFFFFF;
    font-size: 16px;
    height: 40px;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    width: 40px;
}

div.rdpNumPart > a:hover > span {
    background: #26a2a9 !important;
    border: 0;
    color: #FFFFFF;
    font-size: 18px;
}

.RadDataPager .rdpNumPart a {
    padding: 0 !important;
    float: right !important;
}

.RadDataPager .rdpWrap, .RadDataPager .rdpWrapRight, .RadDataPager .rdpWrapNone {
    padding: 0 !important;
    float: right !important;
}

.RadDataPager_Default .rdpNumPart a:hover, .RadDataPager_Default .rdpNumPart a.rdpCurrentPage {
    background-image: none !important;
}

div.rdpNumPart > .rdpCurrentPage > span {
    background: #26a2a9 !important;
    color: #FFFFFF;
    font-size: 18px;
    height: 40px;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    width: 40px;
}

div.rdpNumPart > a.rdpCurrentPage:hover > span {
    background: #26a2a9;
}

/*Site Map*/
.ctnRSiteMap {
    width: 100%;
    min-height: 500px;
    background: #fff;
    direction: rtl;
    margin-bottom: 50px;
}

.bgSiteMap {
    background: url("../images/public.jpg") top center no-repeat;
    width: 100%;
    height: 18vw;
}

.ctnSiteMap {
    width: 1000px;
    margin: auto;
}

    .ctnSiteMap .ctnTitleSiteMap {
        width: 100%;
        height: 40px;
        padding-top: 10px;
    }

        .ctnSiteMap .ctnTitleSiteMap .rgtTitleSiteMap {
            width: 100%;
            float: right;
            font-size: 21px;
            text-align: right;
            color: #fff;
            background: #1FC2CB;
            height: 40px;
            padding-right: 15px;
            cursor: pointer;
            padding-top: 5px;
            font-family: GESSTwoMedium-Medium;
        }

.ctnBlcSiteMap {
    width: 100%;
    padding-top: 20px;
    height: auto;
}

    .ctnBlcSiteMap .bxSiteMap {
        width: 30%;
        margin-left: 50px;
        float: right;
    }

    .ctnBlcSiteMap .bxSiteMapFloatLeft {
        width: 30%;
        float: left;
    }

    .ctnBlcSiteMap .ttbxSiteMap {
        width: 100%;
        font-size: 17px;
        text-align: right;
        color: #fff;
        background: #1FC2CB;
        height: 40px;
        padding-right: 15px;
        cursor: pointer;
        padding-top: 5px;
        margin-top: 5px;
        display: block;
        font-family: 'Droid Arabic Kufi Regular';
    }

        .ctnBlcSiteMap .ttbxSiteMap:hover {
            text-decoration: none;
        }

    .ctnBlcSiteMap .txtbxSiteMap {
        width: 100%;
        height: auto;
        padding-right: 10px;
        margin-top: 10px;
    }

        .ctnBlcSiteMap .txtbxSiteMap .lnkSiteMap {
            width: 100%;
            font-size: 16px;
            text-align: right;
            color: #7E7E7E;
            text-decoration: none;
            background: url("../images/bgVignet.jpg") right 16px no-repeat;
            padding: 4px 10px 4px 0;
            display: block;
            font-family: 'Droid Arabic Kufi Regular';
        }

        .ctnBlcSiteMap .txtbxSiteMap a.lnkSiteMap:hover {
            color: #00B8C1;
        }


/*modification page staff*/
section.underSlide .ctnStaff {
    width: 1020px;
}

    section.underSlide .ctnStaff .wdgSldSmall {
        width: 350px;
    }

    section.underSlide .ctnStaff .bgBc {
        width: 210px;
    }

/*modification page studient*/
section.underSlide .ctnStudient {
    width: 1020px;
}

    section.underSlide .ctnStudient .wdgSldSmall {
        width: 350px;
    }

    section.underSlide .ctnStudient .bgBc {
        width: 210px;
    }

/*modification page employer*/
section.underSlide .ctnEmployer {
    width: 1020px;
}

    section.underSlide .ctnEmployer .wdgSldSmall {
        width: 350px;
    }

    section.underSlide .ctnEmployer .bgBc {
        width: 210px;
    }

/*Container Google map*/
.ctnMap {
    margin: 100px auto 60px;
}

/*place holder required message*/
#PlaceHolderMain_requiredUserName, #PlaceHolderMain_requiredEmail, #PlaceHolderMain_requiredComment {
    color: #FF0000;
    float: left;
    height: 30px;
    padding-top: 10px;
    width: 30%;
}


/* small Slider */
.wdgSldSmall .carousel-indicators {
    left: 10px;
    width: 50%;
    text-align: left !important;
    direction: rtl;
    margin-bottom: 10px;
}

.wdgSldSmall #carousel-Tayba-generic-Small .carousel-indicators {
    left: 50%;
    margin-left: -45%;
}

.wdgSldSmall #carousel-Tayba-generic-Small .carousel-controls {
    display: none;
}

#smallSliderBackgroud {
    background: none repeat scroll 0 0 #103153;
    bottom: 50px;
    height: 50px;
    opacity: 0.5;
    position: relative;
    z-index: 9;
}

section.underSlide .ctnHome .wdgLnk .bgBc a, section.underSlide .ctnHome .wdgLnk .bgYel a {
    padding-top: 130px;
    background-size: 30%;
}

#carousel-Tayba-generic-Small .carousel-indicators li {
    height: 12px;
    margin: 0 0 0 4px;
    width: 12px;
    background-size: cover;
}

    #carousel-Tayba-generic-Small .carousel-indicators li.active {
        height: 12px;
        width: 12px;
        background-size: cover;
        margin: 0 0 0 4px;
    }

#carousel-Tayba-generic .glyphicon-chevron-left {
    width: 25px;
    height: 44px;
    background: url("../images/bgPrevSld.png") no-repeat;
}


#carousel-Tayba-generic .glyphicon-chevron-right {
    width: 25px;
    height: 44px;
    background: url("../images/bgNextSld.png") no-repeat;
}

#carousel-Tayba-generic .glyphicon-chevron-left:before {
    content: none;
}

#carousel-Tayba-generic .glyphicon-chevron-right:before {
    content: none;
}

/*BackTop*/
.back-to-top {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 60px;
    right: 60px;
    text-decoration: none;
    background: url(../images/bgArrGoTop.png);
    display: none;
}

    .back-to-top:hover {
        background: url(../images/bgArrGoTopH.png);
    }

.btnFullVersion {
    display: none;
}

.btnMobileVersion {
    display: none;
}

.mainHeading {
    color: #20C1CB;
    font-family: GESSTwoMedium-Medium;
    font-size: 18px;
    font-weight: bold;
    min-height: 35px;
    padding: 5px 10px;
    text-align: right;
    width: 100%;
}

.ctnMap .mainHeading {
    margin-top: 30px;
}

.mainSepHor {
    background: url("../images/bgSepHor.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 14px;
    width: 100%;
}

.ctnBlcService .prev, .ctnBlcService .next {
    height: 50px;
    width: 5%;
    float: right;
    background: #17868D;
    cursor: pointer;
}

.ctnBlcService .prev {
    background: #17868D url(../images/entry-arr.png) no-repeat center center;
}

.ctnBlcService .next {
    background: #17868D url(../images/entry-arr-left.png) no-repeat center center;
}

.ctnBlcService .divSlideset.slideset {
    width: 90%;
}

.popup-demo-ctn {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0px;
    z-index: 1999;
}

.popup-demo {
    width: 385px;
    height: 218px;
    background: url(../images/popup-demo.png) no-repeat center center;
    margin: 0 auto;
    margin-top: 150px;
}

.btn-demo {
    width: 159px;
    height: 45px;
    background: url(../images/btn-demo.png) no-repeat center center;
    margin-left: 100px;
    margin-top: 120px;
    border: none;
}

.ms-rteTable-default {
    border: 1px solid;
    border-collapse: collapse;
}

/* Minimal master page*/

.minimal .subHeader {
    background: url("../images/bgSubHeaderPersoSite.png") center top no-repeat;
    width: 100%;
    height: 54px;
    font-family: GESSTwoMedium-Medium !important;
    background-size: cover;
    position: relative;
    top: 0;
}

.minimal .lstShead .itmShead a:hover, .minimal .lstShead .itmShead a.active {
    color: #033e84;
}

/* PersoSite master page*/

.persoSite .imglogo {
    width: 99px;
    height: 92px;
}

.persoSite .lnkLogo {
    text-decoration: none;
    margin: 0;
    margin-top: 50px;
    width: 99px;
    height: 100px;
    display: block;
    text-align: center;
}

.persoSite header {
    height: 40px;
    background: url("../images/bgHeader.png") center top no-repeat #fff;
    padding: 0 15px;
}

.persoSite .ctnPersoSite {
    width: 1000px;
    margin: auto;
    text-align: right;
}

.persoSite .persoSiteLogo {
    margin: 0;
    float: left;
    height: 208px;
}

.persoSite .persoSiteTopSep {
    clear: both;
}

.persoSite .persoSiteProfile {
    float: right;
    height: 130px;
    width: 500px;
    margin-top: 40px;
}

.persoSite .profileImage {
    border: 4px solid white;
}

.persoSite .profileImageBorder {
    border: 1px solid #cdcaca;
    float: right;
}

.persoSite .profileDetails {
    float: right;
    text-align: right;
    margin-right: 15px;
    font-family: 'Droid Arabic Kufi Regular';
    font-size: 18px;
    color: #023e86;
}

.persoSite .profileName {
    font-family: GESSTwoMedium-Medium;
    font-size: 20px;
}

.persoSite header > .row > .container > .col-md-6, .minimal header > .row > .container > .col-md-6 {
    padding: 0;
}

    .persoSite header > .row > .container > .col-md-6 > .row > .col-md-12, .minimal header > .row > .container > .col-md-6 > .row > .col-md-12 {
        padding: 0;
    }

.persoSite .lstSecLnk .itmSecLnk a.LnkSecLnk {
    text-align: right;
    border-right: 3px solid white;
}

    .persoSite .lstSecLnk .itmSecLnk a.LnkSecLnk:hover {
        color: #fff;
        border-right: 3px solid black;
        color: #5B5B5B;
        background: #EDEDED;
    }

.minimal header {
    height: 228px;
    background: url("../images/bgHeaderMinimal.png") center top no-repeat #fff;
}

.minimal .pageMinimalTitle {
    float: right;
    height: 156px;
    border-right: 2px solid #d1d1d1;
    clear: both;
    margin-right: 300px;
    margin-top: 16px;
    color: #626262;
    font-family: 'Droid Arabic Kufi Regular';
    font-size: 32px;
    padding-top: 50px;
    padding-right: 50px;
    width: 300px;
}

.minimal .ctnPersoSite {
    margin: auto;
    width: 1000px;
}

.minimal .ctnTitlePersoSite {
    font-family: GESSTwoMedium-Medium;
    font-size: 22px;
    color: #ff8623;
    margin: 20px;
    width: 100%;
    background: url("../images/bgSepHor.jpg") bottom right no-repeat;
    height: 45px;
}

.minimal .ctnBlcSearchPersoSite {
    width: 700px;
    margin: 10px auto;
}

    .minimal .ctnBlcSearchPersoSite .searchInput {
        width: 80%;
        margin: 0;
        border: 1px solid #f0f0f0;
        font-family: GESSTwoMedium-Medium;
        font-size: 18px;
        color: #555;
        padding: 5px;
        height: 38px;
        -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    }

    .minimal .ctnBlcSearchPersoSite .searchBtn {
        width: 17%;
        margin: 0;
        margin-right: 5px;
        background: #44b1ce;
        font-family: GESSTwoMedium-Medium;
        font-size: 18px;
        border: none;
        height: 38px;
        color: #fff;
        padding: 5px;
        -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    }

.minimal .userBlocBorder {
    float: right;
    margin: 5px;
    border: 1px solid #dfdfdf;
    border-left: 5px solid #dfdfdf;
}

.minimal .userBloc {
    float: right;
    width: 310px;
    height: 100px;
    border: 1px solid #fff;
    border-left: none;
    background: #f4f4f4;
    cursor: pointer;
}

.minimal .userBlocBorder:hover {
    border-left: 5px solid #fd831e;
}

.minimal .userImage {
    float: right;
    width: 64px;
    height: 64px;
    border: 1px solid #cfcfcf;
    margin: 17px 17px 17px 5px;
}

.minimal .userName {
    height: 40px;
    float: right;
    margin: 15px 0 5px 5px;
    font-family: GESSTwoMedium-Medium;
    font-size: 16px;
    width: 216px;
}

.minimal .userPoste {
    float: right;
    margin: 0 0 5px 5px;
    font-family: 'Droid Arabic Kufi Regular';
    font-size: 15px;
    clear: left;
    width: 216px;
}

.minimal .blcStat {
    float: right;
    width: 480px;
    border: 1px solid #fff;
    outline: 1px solid #f4f4f4;
    background: #f4f4f4;
    margin-right: 10px;
    margin-top: 10px;
}

.minimal .titleStat {
    width: 460px;
    height: 50px;
    border: 1px solid #cf6a6e;
    outline: 1px solid #bb4c53;
    background: #bb4c53;
    margin: 10px;
    margin-bottom: 0;
    font-family: GESSTwoMedium-Medium;
    font-size: 20px;
    color: white;
    padding: 10px;
}

.minimal .mostContent .titleStat {
    border: 1px solid #f0c856;
    outline: 1px solid #e0b02a;
    background: #e0b02a;
}

.minimal .mostVisited .titleStat {
    border: 1px solid #68cf98;
    outline: 1px solid #4cbc82;
    background: #4cbc82;
}

.minimal .newSites .titleStat {
    border: 1px solid #64b3ee;
    outline: 1px solid #3598db;
    background: #3598db;
}



.minimal .blcStat .userBlocBorder {
    border: none;
    border-bottom: 1px solid #fff;
    border-left: 5px solid #dddddd;
    width: 100%;
    margin: 0;
}

    .minimal .blcStat .userBlocBorder:hover {
        border-left: 5px solid #656565;
    }


.minimal .blcStat .userBloc {
    border: none;
    width: 100%;
}

    .minimal .blcStat .userBloc:hover {
        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff 0%, #f5f5f5 50%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#f5f5f5));
        background: -webkit-linear-gradient(left, #ffffff 0%,#f5f5f5 50%);
        background: -o-linear-gradient(left, #ffffff 0%,#f5f5f5 50%);
        background: -ms-linear-gradient(left, #ffffff 0%,#f5f5f5 50%);
        background: linear-gradient(to right, #ffffff 0%,#f5f5f5 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 );
    }

.minimal .blcStat .userPoste {
    clear: both;
    color: #5d5d5d;
    width: 380px;
}

.minimal .blcStat .userDetails {
    float: right;
}

.minimal .blcStat .userName {
    color: #5d5d5d;
    font-size: 20px;
    width: 380px;
}


.ctnTitleTopTenSites {
    font-family: GESSTwoMedium-Medium;
    font-size: 22px;
    color: #ff8623;
    margin: 20px;
    width: 100%;
    background: url("../images/bgSepHor.jpg") bottom right no-repeat;
    height: 45px;
}

.siteBlocBorder {
    float: right;
    margin: 5px;
    border: 1px solid #dfdfdf;
    border-left: 5px solid #dfdfdf;
    width: 45%;
}

.siteBloc {
    float: right;
    width: 100%;
    height: 100px;
    border: 1px solid #fff;
    border-left: none;
    background: #f4f4f4 url(../images/number.png) no-repeat 10px center;
    cursor: pointer;
}

.siteBlocBorder:hover {
    border-left: 5px solid #fd831e;
}

.siteImage {
    float: right;
    width: 60px;
    height: 77px;
    /*border: 1px solid #cfcfcf;*/
    margin: 10px 10px 10px 10px;
}

.siteName {
    height: auto;
    float: right;
    margin: 25px 0 5px 5px;
    font-family: GESSTwoMedium-Medium;
    font-size: 16px;
    width: 68%;
}

.siteOrder {
    color: #0181bd;
    float: left;
    font-weight: bold;
    margin-left: 29px;
    margin-top: 40px;
    text-align: center;
    width: 20px;
}


.bestWebSitesMod {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.listWebSites li, .listWebSites li a {
    color: #fff;
    font-family: droid arabic kufi regular;
    font-size: 14px;
}

ul.listWebSites {
    list-style: none;
}

.listWebSites li {
    height: 44px;
    padding: 10px 20px;
    margin-top: 5px;
    background: rgba(255, 255, 255, 0.3) url(../images/arrow-bestsites.png) no-repeat right center;
}

    .listWebSites li.titleBestWebSites {
        background: none;
        border-right: 7px solid orange;
        font-size: 22px;
        height: 46px;
        margin: 0 -7px 12px 0;
        padding: 8px 20px;
    }

li.bestWebSitesPlus {
    background: url(../images/arrow-bestsites-plus.png) no-repeat left center;
    height: 30px;
    margin-left: 20px;
}

#inlineDatepicker {
    border: 1px solid #888;
    border-radius: 3px;
    margin: 20px auto;
}

    #inlineDatepicker table {
        width: 619px;
        font-family: droid arabic kufi regular;
        border: none !important;
    }

    #inlineDatepicker select {
        font-family: droid arabic kufi regular;
    }

    #inlineDatepicker .gotoDayBtn {
        font-family: droid arabic kufi regular;
        text-align: center;
        margin: 0 44%;
    }

    #inlineDatepicker table td {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px;
        text-align: center;
    }

    #inlineDatepicker table th[scope="col"] {
        text-align: center;
    }

    #inlineDatepicker table td a {
        color: #888;
    }

    #inlineDatepicker > table > tbody > tr:first-child > td:first-child {
        border-left: none !important;
        border-right: none !important;
        background-color: #eee !important;
        /*border-left: 1px solid #ccc;*/
    }

    #inlineDatepicker > table:first-child {
        border: none !important;
        border-top: none !important;
    }

        #inlineDatepicker > table:first-child > tbody > tr:first-child > td:first-child {
            background-color: #eee !important;
            border-bottom: 1px solid #ddd;
        }

    #inlineDatepicker table table tr td {
        border: none;
    }


    #inlineDatepicker table tr td:last-child {
        /* border-left: medium none; */
        border-right: medium none;
    }


    #inlineDatepicker table tr:last-child td {
        border-bottom: none;
    }

    #inlineDatepicker table thead th {
        padding: 7px;
        color: #888;
        text-align: center;
    }

    #inlineDatepicker .calendars-month-header {
        width: 600px;
        text-align: center;
    }

    #inlineDatepicker .calendars-nav {
        width: 618px;
        text-align: center;
        margin-bottom: 20px;
        background-color: #eee;
        height: 35px;
        border-bottom: 1px solid #ddd;
        padding-top: 5px;
    }

    #inlineDatepicker .calendars {
        width: 620px !important;
    }





    #inlineDatepicker table table tr td:last-child a {
        text-indent: 100%;
        background: url(../images/scheduler-prev.png) no-repeat right 3px;
        white-space: nowrap;
        float: left;
        width: 25px;
        background-size: contain;
        overflow: hidden;
        height: 25px;
    }

    #inlineDatepicker table table tr td:first-child a {
        text-indent: 100%;
        background: url(../images/scheduler-next.png) no-repeat left 3px;
        white-space: nowrap;
        float: right;
        width: 25px;
        background-size: contain;
        overflow: hidden;
        height: 25px;
    }

.ctnTitleScheduler {
    color: #888;
    font-family: GESSTwoMedium-Medium;
    font-size: 22px;
    margin: 20px;
    width: 100%;
    text-align: center;
}


#inlineDatepicker table td.SelectedDayStyle {
    color: #fc684e !important;
    background: #eee !important;
    border: 1px solid #fc684e !important;
}

    #inlineDatepicker table td.SelectedDayStyle a {
        color: #fc684e !important;
    }

#inlineDatepicker table tr:nth-child(2) td:nth-child(3) {
    color: #fc684e !important;
    background: #eee;
    border: 1px solid #fc684e !important;
}

    #inlineDatepicker table tr:nth-child(2) td:nth-child(3) a {
        color: #fc684e !important;
    }



.scheduler-header {
    background: url("../images/bgSector.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 40px;
    margin-bottom: 10px;
    padding: 5px 15px 5px 5px;
    width: 100%;
}

.scheduler-row {
    border-top: 1px solid #feb600;
    /*height: 40px;*/
    margin-bottom: 10px;
    padding: 5px 15px 5px 5px;
    width: 100%;
    float: left;
}

    .scheduler-row:first-child, :not(.scheduler-row) + .scheduler-row {
        border-top: medium none;
    }

    .scheduler-row .scheduler-date, .scheduler-row .scheduler-place, .scheduler-row .scheduler-cat {
        color: #20c1cb;
        font-family: "Droid Arabic Kufi Regular";
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        float: right;
        height: 46px;
        padding: 5px 5px 0 0;
        width: 15%;
    }

    .scheduler-header .scheduler-title, .scheduler-row .scheduler-title {
        background: none;
        color: #feb600;
        font-size: 18px;
        padding: 2px 20px 2px 0;
        width: 40%;
        float: right;
        font-family: "Droid Arabic Kufi Regular";
        text-align: right;
    }

    .scheduler-row .scheduler-title {
        background: url("../images/bgVignet.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
        color: #3d3d3d;
        font-size: 14px;
        padding: 2px 20px 2px 0;
        text-decoration: none;
    }

.scheduler-header .scheduler-date, .scheduler-header .scheduler-place, .scheduler-header .scheduler-cat {
    color: #feb600;
    font-size: 18px;
    padding: 5px 5px 0 0;
    width: 15%;
    float: right;
    font-family: "Droid Arabic Kufi Regular";
    text-align: center;
}

.OtherMonthDayStyle a {
    color: #ccc !important;
}