.list-inline > li:first-child {
    padding-left: 5px !important;
}


@media print {
    a[href]:after {
        content: none !important;
    }
}

/* iframe { z-index: 10000!important; } */

/* FONTS */
.font-content {
    font-family: 'Roboto', Arial, Geneva, sans-serif;
}

.font-title {
    font-family: 'Open Sans', Arial, Geneva, sans-serif;
}

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

/* MENUBAR DRAGGABLE */
#zMenuBar {
    position: fixed;
    top: 50px;
    left: 50px;
    display: inline-block;
    background-color: #f0f0f0;
    z-index: 9999;
    border: 2px solid #009fd1;
}

    #zMenuBar .handle {
        margin-bottom: 5px;
        background-color: #009fd1 !important;
        color: #fff;
        font-size: 0.8em;
        cursor: move;
        padding: 2px 5px;
    }

#zIconBar select {
    display: none;
}

#zFilters_Form {
    display: none;
}

/* COLORS */
.gblack {
    color: #363636 !important;
}

.gblack_bg {
    background-color: #363636 !important;
}

.gwhite {
    color: #fff !important;
}

.gwhite_bg {
    background-color: #fff !important;
}

.gfuschia {
    color: rgba(218,138,27,1) !important;
}

.gfuschia_bg {
    background-color: rgba(218,138,27,1) !important;
}

.ggreen {
    color: #009da4 !important;
}

.ggreen_bg {
    background-color: #009da4 !important;
}

.gdarkblue {
    color: #333 !important;
}

.gdarkblue_bg {
    background-color: #333 !important;
}

.gmediumblue {
    color: #0076cc !important;
}

.gmediumblue_bg {
    background-color: #0076cc !important;
}

.gmediumblue_bg_tr {
    background-color: rgba(68, 49, 89, 0.85) !important;
}

.glightblue {
    color: #48B8D2 !important;
}

.glightblue_bg {
    background-color: #48B8D2 !important;
}

.gdarkgray {
    color: #080808 !important;
}

.gdarkgray_bg {
    background-color: #080808 !important;
}

.glightgray {
    color: #F7F7F7 !important;
}

.glightgray_bg {
    background-color: #F7F7F7 !important;
}

.lighter {
    color: #a0a0a0 !important;
}

.lighter_bg {
    background-color: #f5f5f5 !important;
}

.grey_bg {
    background-color: #c3c7dc !important;
}

.border-top {
    border-top: 1px solid #fff;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

@media (max-width: 768px) {
    .text-center-xs {
        text-align: center !important;
    }
}

@media (max-width: 992px) {
    .text-center-sm {
        text-align: center !important;
    }
}

/* MISC MARGIN AND PADDING */
.margin-top0 {
    margin-top: 0px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top45 {
    margin-top: 45px;
}

.margin-top60 {
    margin-top: 60px;
}

.margin-top75 {
    margin-top: 75px;
}

.margin-top90 {
    margin-top: 90px;
}

.margin-bottom0 {
    margin-bottom: 0px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom45 {
    margin-bottom: 45px;
}

.padding-top0 {
    padding-top: 0px;
}

.padding-top5 {
    padding-top: 5px;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top15 {
    padding-top: 15px;
}

.padding-top30 {
    padding-top: 30px;
}

.padding-top45 {
    padding-top: 45px;
}

.padding-bottom0 {
    padding-bottom: 0px;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-bottom15 {
    padding-bottom: 15px;
}

.padding-bottom30 {
    padding-bottom: 30px;
}

.padding-bottom45 {
    padding-bottom: 45px;
}

.padding-left0 {
    padding-left: 0px;
}

.padding-left5 {
    padding-left: 5px;
}

.padding-left10 {
    padding-left: 10px;
}

.padding-left15 {
    padding-left: 15px;
}

.padding-left30 {
    padding-left: 30px;
}

.padding-left45 {
    padding-left: 45px;
}

.padding-right0 {
    padding-right: 0px;
}

.padding15 {
    padding: 15px;
}


/* MISC E-TIPI */
.vcenter {
    display: table !important;
    height: 100%;
}

.vcenter-content {
    display: table-cell;
    vertical-align: middle;
}

.debug {
    border: 1px solid #f00;
}

.reset {
    clear: both;
    height: 1px;
    font-size: 0em;
}

.hidden {
    display: none;
}

.cleft {
    float: left;
}

.cright {
    float: right;
}

.static {
    position: static;
}

.responsive, .responsive img {
    width: 100%;
    height: auto;
}

.responsive-max, .responsive-max img {
    max-width: 100%;
    height: auto;
}

.img-vresponsive, vresponsive img {
    display: block;
    width: auto;
    max-height: 100%;
}

.nolrpadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nolpadding {
    padding-left: 0 !important;
}

.norpadding {
    padding-right: 0 !important;
}

.small {
    font-size: 0.9em;
}

.uppercase {
    text-transform: uppercase;
}

.strong {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

input.ControlError {
    border: 1px solid #f00 !important;
}

select.ControlError {
    border: 1px solid #f00 !important;
}

a.ControlError {
    border: 1px solid #f00 !important;
}

.dialog {
    display: none;
}

.cycle-slideshow {
    z-index: 0;
}

/* .btn-default { background-color: #00b3d0; color:#fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 500;} */
.btn-default {
    background-color: #6d7dff;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 400;
    border: none;
    padding: 6px 20px;
    width: auto !important;
}

.btn-primary {
    font-weight: 400;
    border: none;
    padding: 6px 20px;
}
/* .btn-default:hover { background-color: #00b3d0; color: #fff; text-decoration: underline; } */
.btn-default:hover {
    opacity: 0.8;
}

.btn-default a {
    color: #00b3d0;
}

.btn-lighter {
    text-transform: none;
}

.btn-bigger {
    padding: 15px 30px;
    font-size: 14px;
}

.btn-smaller {
    padding: 5px 5px;
    font-size: 0.9em;
}

.btn-reset {
    background-color: #bfbfbf;
}

.btn-fuschia {
    background-color: rgba(218,138,27,1);
    border: 1px solid rgba(218,138,27,1);
}

.zBtnEnSavoirPlus {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

    .zBtnEnSavoirPlus .btn-default {
        background-color: #76B900 !important;
    }

        .zBtnEnSavoirPlus .btn-default:hover {
            background-color: #568600 !important;
        }

input.aspNetDisabled {
    background-color: #c7c7c7;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
}

/* TYPO */
html, body {
    font-family: 'Montserrat', Arial, Geneva, sans-serif;
    color: #606060;
    font-size: 12px;
    background-color: #fff;
}

@media (max-width: 1199px) {
    html, body {
        font-size: 12px;
    }

    .btn {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    html, body {
        font-size: 11px;
    }

    .btn {
        font-size: 12px;
    }
}

body { /*background-image: url('../img/pattern.jpg');*/ /* background-color: #363636; */
}

p {
    margin: 0;
    padding: 0 0 5px;
}

img {
    border: 0;
}

/*h1, h2, h3, h4 {
    font-family: 'Montserrat', Arial, Geneva, sans-serif;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 800;
    color: #31251b;
    text-transform: uppercase;
}*/

/*h1 {
    font-size: 1.6em;
    color: #59493E !important;
}

h2 {
    font-size: 2.1em;
}

h3 {
    font-size: 1.1em;
    padding: 0 0 5px;
}

h4 {
    font-size: 1.0em;
    padding: 0 0 5px;
}*/

a {
    color: #333;
}

    a:hover {
        color: #009fd1;
    }

ul.hover li:hover {
    background-color: #f5f5f5;
}

label {
    color: #6d7dff;
    margin-bottom: 5px;
}

/* STRUCTURE */
#zContainer {
    background-color: transparent;
}

.mainCol {
    min-height: 350px;
}
/*
.BgImg { max-height: 500px; overflow: hidden; }
.OverBgImg {  margin-top: -450px; }
.OverBgImg_2 { margin-top: -450px; }
*/

.BgImg {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
    display: none;
}

@media (max-width: 992px) {
    .BgImg img {
        max-height: 100%;
        width: auto;
    }
}


.ContainerTopBorder { /*border-top: 20px solid #363636;*/
    padding-bottom: 45px;
    /* min-height: 550px; */
}
/*
@media (max-width: 1199px) { .OverBgImg { margin-top: -450px; } }
@media (max-width: 991px) {
	.OverBgImg { margin-top: 0; }
	.OverBgImg_2 { margin-top: 0; }
	.ContainerTopBorder { border-top: 0; }
}
*/
/* .BgImg > img { display: none; }*/

/* HEADER */
/* #zContainerMenu,  #zContainerMenu > div { height: 100px; } */
/*
@media (max-width: 1199px) { #zContainerMenu,  #zContainerMenu > div { height: 80px; } }
@media (max-width: 992px) {	#zContainerMenu,  #zContainerMenu > div { height: 80px; } }
@media (max-width: 767px) {	#zContainerMenu,  #zContainerMenu > div { height: 40px; } }
@media (max-width: 320px) { #zContainerMenu,  #zContainerMenu > div { height: 35px; } }
@media (max-width: 249px) { #zContainerMenu,  #zContainerMenu > div { height: 30px; } }
*/
a.header {
    color: #fff;
}

    a.header:hover {
        color: #0076cc;
    }

.loginName a {
    color: #fff;
}

    .loginName a:hover {
        color: #0076cc;
    }

.icon-menu {
    float: right;
    margin: 30px 0 0;
    height: auto !important;
}

@media (max-width: 1199px) {
    .icon-menu {
        margin: 20px 0 0;
    }
}

@media (max-width: 992px) {
    .icon-menu {
        margin: 9px 0 0;
    }
}

@media (max-width: 767px) {
    .icon-menu {
        margin: 9px 0 0;
    }
}

.list-menu {
    font-size: 1.15em;
    text-transform: uppercase;
    height: 100%;
}

    .list-menu li {
        margin: 0 !important;
        padding: 15px 15px 0;
        height: 100%;
    }

    .list-menu a {
        color: #363636;
    }

/* NEWS NOTIFICATION */
.newsNotificationList {
    display: none;
    z-index: 199;
    position: absolute;
    top: 30px;
    right: -8px;
    width: 400px;
    background-color: #fff;
    border: 1px solid #434446;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 8px #434446;
}

    .newsNotificationList > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .newsNotificationList > ul > li {
            border-bottom: 1px solid #b4bbc5;
            padding: 5px;
            font-size: 0.9em;
        }

            .newsNotificationList > ul > li.isNew {
                font-weight: bold;
            }

            .newsNotificationList > ul > li:hover a {
                color: #000 !important;
            }

            .newsNotificationList > ul > li a {
                text-transform: none !important;
                color: #009fd1;
            }

#zSmallDevicesMenu {
    background-color: #363636;
    color: #fff;
    padding-top: 10px;
}

    #zSmallDevicesMenu ul {
        list-style: none;
    }

        #zSmallDevicesMenu ul li {
            margin-bottom: 15px;
        }

    #zSmallDevicesMenu a.header {
        color: #fff;
    }

/* .hlogo, .hmenuItemContainer { height: 80px; } */
.hlogo2 {
    height: 40px;
    padding: 10px 15px 10px 0;
}

.hProfileIcons {
    height: 60px;
    border-top-left-radius: 20px;
}

/*
.hmenuItemContainer { position: relative; }
.hmenuItem { position: absolute; top: 40px;  font-size: 1.1em;}
*/
.hmenuItem {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.0em;
}

.hsearch {
    height: 30px;
    overflow: hidden;
}

.hsearchTxt {
    border: 0;
    border-bottom: 1px solid #36a2b1;
    width: 90%;
    padding: 2px 5px 0px 25px;
    background: url(../img/header_search.jpg) no-repeat bottom left;
}

    .hsearchTxt:focus {
        outline: 0;
    }

.hProfileIcons a {
    color: #fff;
    margin-left: 5px;
}

    .hProfileIcons a:hover {
        color: #363636;
    }

.header_profile {
    font-size: 1.0em;
}

#zHeaderBlock.getSmaller #zRowHeaderSearch {
    display: none;
}

#zHeaderBlock.getSmaller #zRowHeaderProfile {
    display: none;
}

#zHeaderBlock.getSmaller #zRowHeaderMenu .hlogo {
    height: 50px;
}

#zHeaderBlock.getSmaller #zRowHeaderMenu .hmenuItemContainer {
    height: 50px;
}

#zHeaderBlock.getSmaller #zRowHeaderMenu .hmenuItem {
    top: 10px;
}
/* #zHeaderBlock.getSmaller { height: 60px; overflow: hidden;} */

/* SEARCH WIDGET */
#zContainerSearchBar {
    padding-top: 10px;
}

.searchInput {
    width: 100% !important;
    height: 22px !important; /*border: 0;*/
    padding-left: 5px;
    font-family: sans-serif;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.searchButton {
    width: 16px;
    height: 22px;
    border: 0;
    background: url('../img/submit_search.png') 0px 3px no-repeat #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.bflag {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 5px;
}

.searchBar {
    height: 30px;
    width: 400px;
    border-color: #009da4;
}

@media (max-width: 992px) {
    .searchBar {
        width: 200px;
        margin: 0 auto;
    }
}

/* SEARCH RESULT */
.header-result {
    background-color: #006eb0;
    padding: 10px 15px 8px;
}

h3.searchResult {
    font-size: 1.2em;
    color: #fff;
    font-weight: 500;
    padding: 0;
}

    h3.searchResult .sortZone {
        font-size: 0.75em;
    }

        h3.searchResult .sortZone select, h3.searchResult .sortZone select * {
            color: #363636;
        }

.widget {
    font-size: 1em;
    padding: 0;
    margin-bottom: 30px;
}

    .widget.widget-form {
    }

        .widget.widget-form.widget-blue {
            background-color: rgba(218,138,27,1);
            color: #fff;
        }

            .widget.widget-form.widget-blue * {
                color: #fff;
            }

    .widget h2 {
        background-color: #6d7dff;
        margin: 0;
        padding: 10px 15px;
        font-size: 1.2em;
        color: #fff;
        font-weight: 600;
        text-align: left;
    }

    .widget.widget-form h2 {
    }

    .widget.widget-form label {
        color: ##606060 !important;
        font-weight: 600;
    }

    .widget a {
    }

    .widget.widget-form a {
        font-weight: 400;
        color: #606060;
    }

    .widget.widget-form .strong a {
        font-weight: 600;
    }

    .widget h2 > a {
        color: #fff;
    }

    .widget h3 {
        color: #606060;
        text-transform: none;
        padding-left: 0px;
        font-size: 1.2em;
    }

.widget-form .wcontent ul li {
    margin-bottom: 0;
}

.widget-form select.wbtcoursestatus {
}

/*.widget .wcontent { background: rgba(255, 255, 255, .8); padding: 15px;  } */
.widget .wcontent {
    background-color: transparent !important;
    padding: 15px;
}

    .widget .wcontent:empty {
        display: none;
    }

.widget .wimg img {
    width: 100%;
    height: auto;
}

.widget .showAll a {
    color: #606060;
    font-size: 0.9em;
}

.widget_yellow {
    background: rgba(218,138,27,1);
    margin-top: 0;
}

    .widget_yellow h2 {
        background: rgba(218,138,27,1);
    }

    .widget_yellow .wcontent {
        background: rgba(255, 255, 255, 0.85) !important;
    }

/* DASHBOARD WIDGET */
.dashboardwidget .widget {
    margin-bottom: 0px;
}

.dashboardwidget .widget {
    background-color: transparent;
}

    .dashboardwidget .widget h2 {
        position: relative;
        text-align: center;
        background-color: transparent;
        margin-top: 30px;
    }

        .dashboardwidget .widget h2 span {
            background: #fff;
            padding: 0 30px;
            position: relative;
            z-index: 1;
            color: #363636;
            font-size: 1.6em;
        }

        .dashboardwidget .widget h2:before {
            border-top: 1px solid #ed6d30;
            border-bottom: 1px solid #ed6d30;
            content: "";
            display: block;
            height: 4px;
            position: absolute;
            top: 50%;
            left: 20%;
            width: 60%;
        }

    .dashboardwidget .widget .wcontent {
        background-color: transparent !important;
    }

.nowimg .wimg {
    display: none;
}

.widget_featured {
    margin-bottom: 45px;
    border-top: 10px solid;
    position: relative;
}

    .widget_featured h2 {
        margin: 10px 0;
        padding: 0;
        font-size: 1em;
        line-height: 1.8em;
        font-weight: 600;
    }

        .widget_featured h2 > span {
            color: #fff;
            padding: 10px;
            display: inline;
        }

    .widget_featured h3 {
        font-size: 2.2em;
        line-height: 1.3em;
        color: #363636;
    }

        .widget_featured h3 > a {
            color: #363636;
        }

    .widget_featured .getMore {
        color: #fff;
        padding: 5px 10px;
        display: inline;
    }

        .widget_featured .getMore a {
            color: #fff;
        }

    .widget_featured .comment a {
        background: url('../img/bpce_comment_bullet.png') no-repeat;
        padding-left: 25px;
        color: #363636;
    }

    .widget_featured .abstract a {
        color: #363636;
    }

.widget_tag h2 {
    background-color: transparent;
    color: #363636;
    text-transform: none;
    padding: 0px;
    font-size: 1.2em;
    line-height: 1em;
}

.collection {
    margin-bottom: 30px;
}

    .collection h2 {
        color: #363636;
        text-transform: uppercase;
        padding: 0 0 15px;
        font-size: 1.6em;
    }

.offre .btn-default {
    width: 60%;
}

.offre .grey_1 {
    background-color: #ebeaea;
}

.offre .grey_2 {
    background-color: #6f6f6f;
    color: #fff;
}

.offre .grey_3 {
    background-color: #4e4e4e;
    color: #fff;
}

.widget_iep {
    background-color: #00b3d0;
}
    /*.widget_iep h2 { color: #fff; padding: 0 0 5px; background: transparent; border-bottom: 1px solid; line-height: 1.4em; } */
    .widget_iep .wcontent {
        background: rgba(255, 255, 255, .8);
        color: #606060;
    }

.widget_idea {
}
    /* .widget_idea h2 { color: #363636; background: transparent; border-bottom: 1px solid; line-height: 1.4em; text-transform: uppercase; padding-left: 0; padding-bottom: 5px; font-size: 1.3em;  } */
    /* .widget_idea h2 { background: rgba(255, 255, 255, .2); color: #fff; padding: 5px; margin: 15px 0 0; font-size: 1.2em; font-family: 'Righteous', Verdana, sans-serif; font-weight: 400; border-radius: 6px;  } */
    .widget_idea .wcontent {
        background: #edf3d0;
        padding-left: 0;
    }

/* OBJECT LIST */
.objectList {
}

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

        .objectList ul li {
            margin: 0 0 15px;
            padding: 0;
        }

            .objectList ul li .objectList_title {
                margin: 0;
                line-height: 1.4em;
                margin-bottom: 0px;
                text-transform: none;
                font-weight: 600;
            }

                .objectList ul li .objectList_title a {
                    color: #63750d;
                }

                    .objectList ul li .objectList_title a:hover {
                        color: #f59b1a;
                    }

            .objectList ul li .objectList_abstract {
                margin-bottom: 30px;
            }

ul.portfolioList li {
}

ul.contribList li > div > div {
    padding-left: 15px !important;
}

ul.ideaEventList li {
    margin-bottom: 15px;
}

ul.commentList { /*background-color: #f5f5f5;*/
    padding-top: 15px;
}

    ul.commentList > li {
        /* margin-bottom: 15px;
        background-color: #fff;*/
        padding: 5px 15px;
    }

ul.memberList {
    list-style: none;
}

    ul.memberList li {
        float: left;
        width: 25%;
        margin-bottom: 45px;
    }

@media (max-width: 1199px) {
    ul.memberList li {
        width: 33%;
    }
}

@media (max-width: 992px) {
    ul.memberList li {
        width: 50%;
    }
}

ul.articleFullPage .objectList_title {
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.4em !important;
}

ul.articleWidget .objectList_abstract {
    display: none;
}

.objectList .searchTitle {
    text-transform: uppercase;
    font-size: 1.0em;
    line-height: 1.25em;
    padding-bottom: 5px;
}

    .objectList .searchTitle a {
        padding: 0 15px;
    }

ul.editoList .objectList_title {
    font-size: 1em;
    line-height: 1em;
    text-transform: none;
}

ul.editoList .objectList_abstract {
    display: none;
}

.highlighted-title {
    padding-top: 5px;
}

.highlighted-zone {
    border: 1px solid #c6c6c6;
}

    .highlighted-zone:hover {
        border: 1px solid #f59b1a;
    }

/*
.zHighlightedIdeaList ul li { padding-right: 8px; padding-left: 7px}
.zHighlightedIdeaList ul li:first { padding-left: 0px; }
.zHighlightedIdeaList ul li:last { padding-right: 0px; }
*/
.zHighlightedIdeaList ul li a {
    color: #fff;
}

.zBSCI_List ul li a {
    color: #fff;
}

.zSysTagList ul li {
    padding-right: 8px;
    padding-left: 7px
}

    .zSysTagList ul li:first {
        padding-left: 0px;
    }

    .zSysTagList ul li:last {
        padding-right: 0px;
    }

.zCatList ul li {
    padding-right: 8px;
    padding-left: 7px
}

    .zCatList ul li:first {
        padding-left: 0px;
    }

    .zCatList ul li:last {
        padding-right: 0px;
    }

ul.list-tags, ul.list-cats {
    padding-left: 10px;
}

    ul.list-tags li {
        background: url(../img/tagbullet.png) top left no-repeat;
        padding-left: 20px !important;
        margin-right: 15px;
    }

.list-inline.list-tags > li:first-child {
    padding-left: 20px !important;
}

/* UI MISC */
.eventIconizer {
    height: 38px;
    overflow: hidden;
    background-color: #fff;
}

    .eventIconizer > div.month {
        width: 100%;
        text-align: center;
        font-size: 0.8em;
        background-color: #363636;
        color: #fff;
        line-height: 1em;
        padding: 3px 0 2px;
        text-transform: uppercase;
    }

    .eventIconizer > div.day {
        width: 100%;
        text-align: center;
        font-size: 1.15em;
        line-height: 1em;
        padding: 2px 0 0;
        background-color: #fff;
        height: 15px;
    }

.avatar, .icon, .illustration {
    float: left;
    background-color: transparent; /* border: 1px solid transparent; */
    /*padding: 2px;*/
    margin-right: 10px;
}

.avatar, .icon {
    /*width: 44px;
    height: 44px;*/
    overflow: hidden;
}

    .avatar img, .icon img {
        width: 100%;
        height: auto;
    }

.illustration img {
    max-width: 120px;
    height: auto;
}

.av_bigger img {
    border-radius: 50%;
}

.av_bigger {
    width: 80px !important;
    height: 80px !important;
}

.av_smaller {
    width: 24px !important;
    height: 24px !important;
}

/* .illustration:hover { border: 1px solid #f59b1a; } */

.infotext p {
    margin-bottom: 15px;
}

.infotext table {
    width: 100%;
}

    .infotext table td {
        padding: 15px;
        vertical-align: top;
    }

.infotext .celltitle > h2 {
    padding: 0;
    margin: 0;
}

    .infotext .celltitle > h2 > span {
        white-space: nowrap;
    }

.infotext ul {
    margin: 15px 0 0;
    padding: 0 0 0 15px;
}

    .infotext ul li {
        list-style: bullet;
        margin: 0 0 15px 30px;
        padding: 0;
    }

.infotext .cellbigger {
    font-size: 1.15em;
    line-height: 1.5em;
}

.infotext td.bandeau {
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
    width: 40px;
}

    .infotext td.bandeau img {
        margin-top: 100px;
    }

@media (max-width: 767px) {
    .infotext table td {
        padding: 5px;
    }

    .infotext .cellbigger {
        font-size: 1em;
        line-height: 1em;
    }

    .infotext td.bandeau, .infotext td.bandeau img {
        width: 30px;
    }

    .infotext img.formule {
        width: 50%;
    }

    .offre .btn-default {
        width: 90%;
    }

    .BPCE_FormuleStatus {
        width: 90%;
        padding: 5px;
    }

    .btn-default {
        font-size: 0.8em;
    }

    .btn[disabled] {
        font-size: 0.8em;
    }
}

span.ideaStatus {
    font-size: 0.6em;
    line-height: 0.6em;
    margin-left: 15px;
    padding: 0 5px 0 5px;
    background-color: #009175;
    color: #fff;
    font-weight: 400;
    vertical-align: super;
}

span.ideaClosedAsDup {
    font-size: 0.6em;
    margin-left: 15px;
    padding: 0 5px 0 5px;
    background-color: #ed6d30;
    color: #fff;
    font-weight: 400;
    vertical-align: super;
}

div.ideaSlave {
    padding: 15px;
    margin: 30px 60px;
    text-align: center;
    border: 1px solid #f00;
    font-weight: 600;
    font-size: 1.2em;
    background-color: #ffeeee;
}

input.date {
    width: 150px;
}

input.time {
    width: 80px;
}

#zTipiList .tipiIcon {
    float: left;
    background-color: #fff;
    margin: 10px 10px 30px 0;
    text-align: center;
    width: 100px;
    height: 120px;
    overflow: hidden;
}

    #zTipiList .tipiIcon > .logo {
        background-color: #fff;
        width: 80px;
        height: 80px;
        margin: 0 10px;
        padding: 2px;
        border: 1px solid #e3e3e3;
    }

        #zTipiList .tipiIcon > .logo:hover {
            border: 1px solid #5f0d78;
        }

    #zTipiList .tipiIcon > .name {
        margin: 5px auto 0;
    }

.tipiIconSimple {
    float: left;
    background-color: transparent;
    margin: 0;
    overflow: hidden;
}

    .tipiIconSimple > .logo {
        background-color: transparent;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        padding: 2px;
        border: 1px solid #e3e3e3;
    }

        .tipiIconSimple > .logo:hover {
            border: 1px solid #01b7d1;
        }

.tipiIconSimpleInfo {
    float: left;
    background-color: transparent;
    height: 48px;
    margin: 0 0 0 10px;
    position: relative;
    width: 300px;
}

    .tipiIconSimpleInfo > .firstLine {
        margin: 5px 0 0;
        font-weight: 600;
    }

    .tipiIconSimpleInfo > .secondLine {
        position: absolute;
        left: 0;
        bottom: 5px;
        height: 16px;
    }

/* .sysTagLabel { height: 40px!important;} */
.sysTagLabel a:hover {
    color: #fff !important;
}


/* VILLAGE CAROUSEL */
.zVillageCarousel {
    position: relative;
    width: 100%;
    height: 525px;
    display: none;
    overflow: hidden;
}

    .zVillageCarousel > a > img {
        width: 100%;
        height: auto;
        background: #e3e3e3;
    }

    .zVillageCarousel > .zEditoLegend {
        background: url('../img/black50pc.png') repeat;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 10px;
        width: 100%;
    }

        .zVillageCarousel > .zEditoLegend > .editoTitle {
            font-size: 1.4em;
            line-height: 1.2em;
            margin: 0 0 10px;
        }

            .zVillageCarousel > .zEditoLegend > .editoTitle > a {
                color: #eee;
            }

                .zVillageCarousel > .zEditoLegend > .editoTitle > a:hover {
                    color: #01b7d1;
                }

        .zVillageCarousel > .zEditoLegend > .editoAbstract {
            color: #eee;
        }

            .zVillageCarousel > .zEditoLegend > .editoAbstract a {
                color: #eee;
            }

                .zVillageCarousel > .zEditoLegend > .editoAbstract a:hover {
                    color: #01b7d1;
                }

/* IDEAS AND ARTICLES */
.resourcePage {
}


.infoIcon > div, .infoIcon > div div {
    display: inline-block;
}

.infoIcon > div {
    padding-right: 10px;
}

    .infoIcon > div .statValue {
        padding-left: 5px;
        font-family: arial;
    }

    .infoIcon > div .statLabel {
        display: none;
    }

.ideaFav img {
    width: 20px;
    height: auto;
}

/* ACTION ICONS */
.faction {
    position: absolute;
    top: 10px;
    right: 10px;
}

#zActionIcons {
    /*
    background-color: #f0f0f0;
    margin: 0 0 5px 5px;
    border: 1px solid #009175;
    border-top: 10px solid #009175;
    */
    text-align: center;
    padding: 0px;
}

    #zActionIcons > a {
        /* display: block; */
        margin: 0 0 5px;
        padding: 0 10px;
    }

.duplicateButton {
    border: 0;
    margin: 0 0 5px;
    padding: 0 10px;
    background-position: 5px 0;
}
/* TINY MCE */
.tinymce {
    height: 350px !important;
    border: none;
}

.tinymce_small {
    height: 100px !important;
    border: none;
}

.commentZone .mce-container {
    border: 0 !important;
}

.commentZone .commentActionZone {
    height: 35px;
    margin-right: 10px;
}

/* BREADCRUMB */
.catbreadcrumb {
    font-size: 1.2em;
    font-weight: 500;
}



.morebreadcrumb {
    background-color: #9c9c9c;
    color: #fff;
    display: none;
}
/* CACHE */

/* ARTICLE WALL */
.zArticleWall img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

    .zArticleWall img.smallleft {
        width: 48%;
        height: auto;
        margin-right: 2%;
    }

    .zArticleWall img.smallright {
        width: 48%;
        height: auto;
        margin-left: 2%;
    }

/* IDEA EVENT */
.ideaEventInfo {
    border: 1px solid #363636;
    background-color: #f0f0f0;
    margin: 5px 0 5px 35px;
    padding: 5px;
}

    .ideaEventInfo > div > div, .ideaEventInfo > div > p {
        margin-bottom: 15px;
    }

        .ideaEventInfo > div > div > p {
            font-weight: 600;
        }

            .ideaEventInfo > div > div > p > img {
                margin-right: 5px;
            }

#zLinkedIdea_link a {
    font-weight: 600;
}

/* IDEA CONTENT SPECIAL CSS */
#zIdeaContent {
}

    #zIdeaContent h2, #zArticleContent h2 {
        color: #363636;
        font-size: 1.5em;
        text-transform: none;
        margin: 15px 0;
        font-weight: 600;
    }

    #zIdeaContent h3, #zArticleContent h3 {
        color: #f59b1a;
        font-size: 1.2em;
        text-transform: none;
        margin: 15px 0;
        font-weight: 600;
    }

    #zIdeaContent a, #zArticleContent a {
        color: #5f0d78;
        text-decoration: underline !important;
    }

    #zIdeaContent p {
        padding-bottom: 15px;
    }


    #zIdeaContent > div > div:not('embed') {
        padding-bottom: 10px;
    }


    #zIdeaContent img, #zArticleContent img {
        width: 100%;
        height: auto;
    }

/* REPORTS */
ul.reportOptionList {
    margin: 5px 0 0;
    padding: 0;
    list-style-type: none;
}

    ul.reportOptionList li {
        margin: 0 0 5px 10px;
        padding: 0;
    }

/* EMBED RESPONSIVE (from Bootstrap next release) */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }

/* NEWS CONTAINER */
#zMenuContainerCarousel {
    margin-bottom: 100px;
}

@media (max-width: 1200px) {
    #zMenuContainerCarousel {
        margin-bottom: 70px;
    }
}

@media (max-width: 992px) {
    #zMenuContainerCarousel {
        margin-bottom: 60px;
    }
}

@media (max-width: 600px) {
    #zMenuContainerCarousel {
        margin-bottom: 40px;
    }
}

@media (max-height: 550px) {
    #zMenuContainerCarousel {
        margin-bottom: 60px;
    }
}

/*.sliderbg { height: 120px; color: #fff; }*/
.zCarousel {
    width: 100%;
    height: 100%;
}

    .zCarousel .editoTitle {
        text-transform: uppercase;
        font-size: 2.0em;
        font-weight: 800;
    }

        .zCarousel .editoTitle a {
            color: #fff;
        }

            .zCarousel .editoTitle a:hover {
                color: #fff;
            }

@media (max-width: 768px) {
    .zCarousel .editoTitle {
        font-size: 1.1em;
    }
}


.zCarousel .editoAbstract {
    margin-top: 15px;
    font-size: 1.0em;
}

@media (max-width: 992px) {
    .zCarousel .editoAbstract {
        font-size: 1.0em;
        line-height: 1.1em;
    }
}

.zCarousel .editoAbstract a {
    color: #fff;
}

    .zCarousel .editoAbstract a:hover {
        color: #fff;
    }


.snCarousel {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
}

    .snCarousel ol {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .snCarousel li {
        background: url(../img/bullet_small.png) 0 0px no-repeat;
        display: inline-block;
        width: 20px;
        margin-right: 5px;
    }

        .snCarousel li.current, .snCarousel li:hover {
            background: url(../img/bullet_hover_small.png) 0 0px no-repeat;
        }

        .snCarousel li a {
            color: transparent;
        }

.sliderShowAll {
    position: absolute;
    bottom: -10px;
    right: 15px;
    z-index: 200;
    font-size: 0.9em;
}

    .sliderShowAll > a {
    }

        .sliderShowAll > a:hover {
            text-decoration: underline;
        }

@media (max-width: 1200px) {
    /* .snCarousel { top: 15px; } */
    .snCarousel li {
        background: url(../img/bullet_small.png) 0 0px no-repeat;
        padding: 2px 7px;
    }

        .snCarousel li.current, .snCarousel li:hover {
            background: url(../img/bullet_hover_small.png) 0 0px no-repeat;
        }
}

@media (max-width: 992px) {
    /* .sliderbg { height: 100px; } */
    /* .zCarousel .editoTitle { font-size: 1.8em; line-height: 1em;} */
}

.zEditoLegend {
    padding: 5px;
    height: 45px;
    text-align: center;
    /*
    color: #fff;    
    background: #00467f;
    background:transparent;
    background:rgba(0,70,127,0.9);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff);
    zoom: 1;        
    */
}

    .zEditoLegend a {
        color: #fff;
    }

#sliderControls {
    margin-top: 10px;
}

    #sliderControls img {
        border: none;
        margin: 0 7px 0 0;
        cursor: pointer;
    }

        #sliderControls img:not(.loaded) {
            opacity: 0.001;
            height: 10px;
        }

#sliderControlsContainer .controls a {
    top: -10px;
}


.submenu ul:not(.parcours) {
    list-style: none;
    padding: 0;
}

    .submenu ul:not(.parcours) > li {
        padding: 0;
        margin: 0 5px 0 0;
    }

.submenu .parcours a {
    color: #333 !important;
}

.submenu {
    font-size: 0.9em;
}

    .submenu a:hover {
        color: #0076cc;
    }

.submenu {
    position: absolute;
    width: 100%;
    left: 0;
}

.submenu-container {
    background-color: #0076cc;
    color: #fff;
    padding: 15px;
    min-height: 100px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.submenu a {
    color: #fff;
}

.menuContainer .selected {
    background-color: #0076cc !important;
    color: #fff;
}

.header-moduleLI {
    background-color: #e5f2ff;
    padding: 5px;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

    .header-moduleLI.readonly {
        background-color: #f2f2f2;
        color: #999;
    }

/*
.submenu.transverses { border: 2px solid #df5a24; border-bottom: 15px solid #df5a24;	}
.submenu.certifiantes { border: 2px solid #c3007a; border-bottom: 15px solid #c3007a;	}
.submenu.infos { border: 2px solid #c3007a; border-bottom: 15px solid #c3007a;	}
*/

#zThemeMenuContainer .selected {
    background-color: #0076cc;
    color: #fff;
}

    #zThemeMenuContainer .selected a {
        color: #fff;
    }

.zCarousel button {
    background-color: #ed6d30;
}

    .zCarousel button:hover {
        background-color: #0076cc;
    }


.zoneNav {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin: 15px 0;
}

.theme_icon img {
    height: 80px;
    width: auto;
    margin-left: -40px;
}

.theme_icon .theme_label {
    text-transform: uppercase;
    font-size: 1.4em;
    margin-left: -40px;
}

.stg_icon img {
    height: 80px;
    width: auto;
    margin-left: -30px;
}

.stg_icon .theme_label {
    text-transform: uppercase;
    font-size: 1.4em;
    margin-left: -20px;
}

.bordersep {
    border-bottom: 1px solid #ddd;
}

iframe {
    border: none;
}

ul.members > li {
    padding: 0 15px 30px;
}

    ul.members > li img {
        margin-bottom: 5px;
    }


/* 5 COLS IN ZE GRID */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* RIGHT COL */
.zRightColDiv {
    padding: 5px;
    margin: 15px 0 0;
    font-size: 1em;
    background: #edf3d0;
}

.zRightColH2 {
    padding: 5px;
    font-size: 1.2em;
    background: #009da4;
    color: #fff;
    font-weight: 400;
}

.illustration img {
}

/* #zPortfolio a { color: #fff; } */
ul.MesFormations {
    margin-top: 15px;
}

    ul.MesFormations li {
        padding-left: 5px;
    }

.resTitle, .resTitle a {
    font-weight: 600;
}

.accordeon h2 {
    cursor: pointer;
    cursor: hand;
}

.chatName {
    color: #df5a24;
    font-weight: 700;
}


/* /////////////////////////////////////////////  */
.text-button {
    font-size: 0.8em;
    text-transform: uppercase;
}

#zFooter {
    padding: 10px 0px 10px 0px;
    background-color: #f5f5f5;
}

    #zFooter h3 {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
    }

    #zFooter a, #zFooter p {
    }



    #zFooter h2 {
        letter-spacing: 0.5px;
        text-transform: capitalize;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    #zFooter .line-dec {
        width: 44px;
        height: 1px;
        background-color: #a81c22;
        margin: 15px 0px;
    }

    /*
#zFooter ul { padding: 0; margin-left: 15px; list-style: circle; color: #008ECD; display: inline-block; }
#zFooter ul li { margin-top: 2px; margin-bottom: 10px; }
*/
    #zFooter .university-address ul {
        list-style: none;
        margin-left: 0px;
    }

    #zFooter i.fa {
        margin-right: 15px;
    }

    #zFooter .copyright-menu {
        border-top: 1px solid #d6d6d6;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 0.9em;
    }

nav.main-navigation {
    position: relative;
    display: block;
    z-index: 20;
    float: right;
}

    nav.main-navigation > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        nav.main-navigation > ul > li {
            position: relative;
            display: inline-block;
            padding: 25px 15px;
        }

            nav.main-navigation > ul > li > ul.sub-menu {
                text-align: left;
                position: absolute;
                top: 100%;
                left: 0;
                padding: 0px 0;
                visibility: hidden;
                opacity: 0;
                -moz-transform: translate3d(0, 30px, 0);
                -o-transform: translate3d(0, 30px, 0);
                -ms-transform: translate3d(0, 30px, 0);
                -webkit-transform: translate3d(0, 30px, 0);
                transform: translate3d(0, 30px, 0);
                -moz-transition: all 0.5s;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
            }

                nav.main-navigation > ul > li > ul.sub-menu > li {
                    border-top: none;
                    display: block;
                    padding: 10px 0;
                    margin: 0;
                    border-bottom: 1px solid #b1b2b4;
                }

                    nav.main-navigation > ul > li > ul.sub-menu > li a {
                        color: #ffffff;
                        font-weight: 400;
                        padding: 5px 22px;
                    }

                        nav.main-navigation > ul > li > ul.sub-menu > li a:hover {
                            color: #fff;
                        }

                    nav.main-navigation > ul > li > ul.sub-menu > li:last-child {
                        float: none;
                        border-bottom: none
                    }

            nav.main-navigation > ul > li:hover > ul.sub-menu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

        nav.main-navigation > ul a {
            color: #222222;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 0.3px;
        }

            nav.main-navigation > ul a i {
                margin-left: 7px;
            }

@media (min-width: 992px) and (max-width: 1200px) {
    nav.main-navigation ul a {
        padding: 10px 0;
    }
}

nav.main-navigation > ul a:hover {
    color: #0076cc;
}

nav.main-navigation > ul > li:last-child {
    float: right;
}

    nav.main-navigation > ul > li:last-child .showLink {
        position: relative;
    }

    nav.main-navigation > ul > li:last-child .hideLink {
        position: absolute;
        top: 0;
        right: 0;
    }

    nav.main-navigation > ul > li:last-child i {
        margin-top: 29px;
    }

.m2i-video-slide {
    position: relative;
    background: url(../../../cws/login_img.jpg) no-repeat center;
    height: 350px;
}

.m2i-video-slide-text {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding: 20px 30px;
    color: #fff;
    background: #c3007a;
    background: transparent;
    background: rgba(0,109,182,0.9);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff);*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    zoom: 1;
    font-size: 2.2em;
    line-height: 1.25em;
}

.m2i-video-slide-text-conn {
    font-size: 1.5em;
    line-height: 1.2em;
    width: 100% !important;
}

.m2i-step-slide-text {
    position: absolute;
    left: 0;
    top: 0px;
    width: 80%;
    padding: 15px;
    color: #fff;
    background: #a81c22;
    /* background:transparent; */
    background: rgba(168,28,34,0.8);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff); */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    zoom: 1;
    font-size: 1.4em;
    line-height: 1.2em;
}

.form-search {
    margin-top: 30px;
}

    .form-search input {
        margin-top: 10px !important;
        margin-bottom: 10px;
    }

    .form-search .accent-button {
        border: 1px solid #b1b2b4;
        padding: 15px 30px;
        color: #000;
        background-color: #efefef;
    }

.courseInfo > div {
    padding: 5px 0;
    border-bottom: 1px dotted #333;
}

.courseInfo .infoValue {
    font-weight: 700;
}

.m2i-button {
    padding: 15px 30px;
}

    .m2i-button a {
        color: #fff;
    }

.user-course-row {
    padding: 0;
}

.list-container {
    padding-top: 5px !important;
}

.list-li-content {
    margin: 10px 0;
    padding: 5px;
}

    .list-li-content:hover {
        background-color: #f4f4f4 !important;
    }

    .list-li-content a {
        color: rgb(111,60,47);
        font-size: 20px;
    }

.list-li-widget {
    border-bottom: 1px dotted #009da4;
    padding: 5px 0;
    margin: 0;
}

    .list-li-widget:hover {
        background-color: #fff;
    }

    .list-li-widget a:hover {
        color: #009da4;
    }
/* ************************** */

.zewall .content {
    padding: 5px;
}

.gblue_bg {
    background-color: #2c80be !important;
}

.ggreen_bg {
    background-color: #009da4 !important;
}

.gpink_bg {
    background-color: #cb4d61 !important;
}

.ggray_bg {
    background-color: #717070 !important;
}

.gred {
    color: #0076cc !important
}

.gred_bg {
    background-color: #0076cc !important
}

.news {
    padding: 15px;
    position: relative;
    height: inherit;
}

    .news .date {
        color: #f2f5f6;
        font-size: 0.9em;
        margin-bottom: 15px;
        position: absolute;
        bottom: 0px;
        right: 15px;
    }

    .news h2 * {
        color: #fff !important;
        line-height: 1.3em;
    }

h1 {
    line-height: 1.3em;
}

.ariane {
    padding: 15px 0 15px 15px;
    margin: 0;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.2);
}

    .ariane li {
        color: #fff;
    }

        .ariane li a {
            color: #fff;
        }

.listCatAndTag, .listCatAndTag2 {
    list-style: none;
    margin: 0 15px 15px 0 !important;
    padding: 0;
}

    .listCatAndTag li, .listCatAndTag2 li {
        /* margin: 5px 0 0 15px !important;*/ /* display: block; */
    }
        /*
        .listCatAndTag li:first-child, .listCatAndTag2 li:first-child {
            padding-left: 0px !important;
        }
*/
        .listCatAndTag li div {
            margin: 0 0 0 20px;
            text-transform: uppercase;
        }



        .listCatAndTag2 li div {
            border: 1px solid #fff;
            padding: 10px;
        }

.CommunityStream {
    margin-top: 0;
    margin-bottom: 15px;
}

    .CommunityStream h2.communityTitle {
        text-transform: uppercase;
        font-size: 1.2em;
        line-height: 1.2em !important;
        font-weight: 600 !important;
        padding: 0;
        margin: 0 0 5px !important;
        border: 0;
        background-color: transparent !important;
        color: #a37e2c !important;
    }

    .CommunityStream h2 a {
        font-weight: 500 !important;
    }

    .CommunityStream h3 {
        font-size: 1.1em;
        padding: 0 0 0 20px;
        margin: 5px 0 0;
        background-image: url('../img/lm_bullet.png');
        background-repeat: no-repeat;
    }

        .CommunityStream h3 a {
            font-weight: 600 !important;
        }

    .CommunityStream ul li {
        padding: 5px 0;
    }

        .CommunityStream ul li .info {
            font-size: 0.9em;
            color: #008ecd;
            font-style: italic;
        }

        .CommunityStream ul li .preview {
            font-size: 0.9em;
        }

.site-header-menu {
    cursor: pointer;
    height: 45px;
    display: table;
    width: 100%;
    #position: relative;
    overflow: hidden;
    padding: 0 10px;
}

    .site-header-menu:hover {
        background-color: #0076cc !important;
    }

.site-header-menu-columnlist {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

    .site-header-menu-columnlist li {
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }

        .site-header-menu-columnlist li em {
            padding-right: 5px;
        }

        .site-header-menu-columnlist li a {
            font-size: 1.2em;
            line-height: 1.5em;
        }

            .site-header-menu-columnlist li a:hover {
                color: #fff;
            }

.submenu-container .explain {
    font-size: 1.2em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #fff;
}

.site-header-logo {
    height: 35px;
}

@media (max-width: 801px) {
    .site-header-logo {
        height: 25px;
    }
}

.btn {
    border-radius: 2px;
}

.btn-login {
    background-color: #0076cc !important;
}

    .btn-login:hover {
        background-color: #3894d7 !important;
    }

    .btn-login a {
        color: #fff !important;
    }

.btn-contact {
    background-color: #48B8D2 !important;
}

    .btn-contact a {
        color: #fff !important;
    }

    .btn-contact:hover {
        background-color: #0076cc !important;
    }

.btn-launch {
    background-color: #df5a24 !important;
    padding: 5px 15px;
    font-size: 1.1em;
    color: #fff;
}

    .btn-launch.group {
        background-color: #c3c7dc !important;
    }

    .btn-launch:hover {
        background-color: #c3007a !important;
    }

    .btn-launch a {
        color: #fff !important;
    }

    .btn-launch.group a {
        color: #080808 !important;
        font-size: 0.8em;
        line-height: 1.0em;
    }

    .btn-launch.big {
        padding: 10px 20px;
    }

        .btn-launch.big a {
            font-size: 1.1em;
        }

.hcircle {
    color: #fff !important;
}

    .hcircle:hover {
        color: #c3007a !important;
    }

.sysTagLabel em {
    font-size: 2.0em;
    padding-right: 15px;
}

table.EcorcheTable {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

    table.EcorcheTable tr > td {
        text-align: right;
        padding: 0 10px;
    }

        table.EcorcheTable tr > td:first-child {
            text-align: left;
        }

        table.EcorcheTable tr > td > a {
            font-weight: bold;
        }

    table.EcorcheTable div.vignette img {
        width: 40%;
        height: auto;
    }

    table.EcorcheTable div.vignette a {
        font-weight: bold;
    }

        table.EcorcheTable div.vignette a:hover {
            text-decoration: none;
        }

    table.EcorcheTable div.vignette:hover a {
        color: #0076cc;
    }

.WBT_CourseType_ILT, .WBT_CourseType_Elearning {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5em;
    color: #ffce00 !important
}

    .WBT_CourseType_ILT:before {
        content: "\e008";
    }

    .WBT_CourseType_Elearning:before {
        content: "\e218";
    }


.widget-progression {
    position: relative;
    width: 100%;
    margin-top: 0px;
    height: 6px;
    font-size: 0.8em;
}

    .widget-progression > .widget-progression-bg {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        border: 1px solid #a1a1a1;
        height: 100%;
        width: 100%;
    }

    .widget-progression > .widget-progression-fg {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #00b3d0;
        height: 100%;
        color: #fff;
        padding: 2px 0 0 10px;
        border: 1px solid #a1a1a1;
    }


#zChatContent {
    padding: 0 5px 5px;
    overflow: hidden;
}

    #zChatContent ul li {
        margin-bottom: 5px;
    }

.chatMessage {
    color: #333;
    font-weight: 700;
}

.chatZone {
    border-bottom: 1px dotted #000;
    height: 7px;
}

.chatName {
    font-weight: bold;
    color: #5f0d78;
}

.chatNowBox {
    width: 100%;
    border: 1px solid #a0a0a0; /* border: 0; */
    padding-left: 5px;
    font-family: sans-serif;
    font-size: 12px;
}

.chatThemeSelector {
    border: 1px solid #a0a0a0;
    font-size: 12px;
    font-family: 'Montserrat', Verdana, sans-serif;
    background: transparent;
}

.chatMessagePopBtn {
    background-color: #5f0d78 !important;
    color: #fff;
    font-size: 0.8em;
    padding: 1px 3px;
    margin-left: 15px;
}

    .chatMessagePopBtn:hover {
        color: #fff;
    }

.chatMessageDate {
    font-size: 0.9em;
}


.justposted {
    background-color: #d6c0d9;
}

.streamIFMessageAuthor {
    font-size: 1.2em;
    font-weight: bold;
}

.streamIFMessageContent {
    font-size: 1.2em;
    line-height: 1.2em;
}

.streamIFMessageInfo {
    border-top: 1px dotted #a0a0a0;
    border-bottom: 1px dotted #a0a0a0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.streamIFMessageTheme {
    text-align: center;
    border-left: 1px dotted #a0a0a0;
}

.wbtportal-user-courselist-container {
    max-height: 250px;
    padding-top: 5px !important;
    overflow: hidden;
}

.wbtportal-user-courselist-li-content {
    border-bottom: 1px dotted #155991;
    padding: 5px 0;
}
/* .wbtportal-user-courselist-li-content:hover { background-color: #ffc0c0; } */

iframe.wbtportal {
    width: 100%;
}

/* WALL */
.wall-dashboard {
    border-right: 2px dotted;
}

@media (max-width: 992px) {
    .wall-dashboard {
        border-right: none;
    }
}

.h3-dashboard-sub {
    display: inline-block;
    margin: 20px 0 15px;
    padding: 0;
    text-transform: none;
    text-transform: none;
    font-weight: 400;
    font-size: 1.0em !important;
    line-height: 1em;
    background-color: #0076cc !important;
    color: #fff;
}

    .h3-dashboard-sub > a {
        padding: 10px 10px;
        background-color: #00b3d0 !important;
        color: #fff;
    }

        .h3-dashboard-sub > a.selected {
            background-color: #8dc33a !important;
        }

.size4by3 {
    width: 400px;
    height: 300px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .size4by3 {
        width: 320px;
        height: 240px;
        overflow: hidden;
    }
}

@media (max-width: 992px) {
    .size4by3 {
        width: 320px;
        height: 240px;
        overflow: hidden;
    }
}


.brick {
    position: relative;
    border: 1px solid #f00;
}

    .brick > .brick-title {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        color: #000;
        padding: 15px;
    }

        .brick > .brick-title > a {
            color: #000;
        }

.brick-size-1 {
    width: 100%;
    height: 100%;
}

.brick-size-2 {
    width: 66%;
    height: 66%;
}

.brick-size-3 {
    width: 33%;
    height: 33%;
}

.brick-size-empty21 {
    width: 66%;
    height: 33%;
}

.brick-size-empty12 {
    width: 33%;
    height: 66%;
}

/*
.size4by3 { width: 400px; height: 300px; }
.brick {  overflow: hidden; position: relative; }    	


.brick > .brick-title { position: absolute; width: 100%;  bottom: 0; left: 0; color: #fff; padding: 15px; font-family: 'Montserrat', Verdana, sans-serif;}
.brick > .brick-title > a {  color: #fff; }
.brick-size-1 > .brick-title { font-size: 1.4em;  font-weight: 600; }
.brick-size-2 > .brick-title { font-size: 1.2em;  font-weight: 600; }
.brick-size-3 > .brick-title { font-size: 1.0em; padding: 5px; }
.brick-size-4 > .brick-title { font-size: 1.0em; }

*/

.pickgradient {
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


.wall {
    position: relative;
    width: 100%;
}

#fillers {
    display: none;
}

.wall .block, .wall .mason_filler {
    position: relative;
    float: left;
    overflow: hidden;
}

.wall .mason_filler {
    background-color: #4fc3f7;
}

.wall .block-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}

    .wall .block-title a {
        color: #fff;
    }

.wall .big .block-title {
    padding: 10px 10px 60px;
    font-size: 1.4em;
    line-height: 1.4em
}

.wall .medium .block-title {
    padding: 10px 10px 30px;
    font-size: 1.2em;
}

.wall .small .block-title {
    padding: 10px 10px 10px;
}

.sliderNav {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

    .sliderNav li {
        display: inline;
        padding: 5px 5px;
        background: url(../img/bullet_small.png) 0 0px no-repeat;
    }

        .sliderNav li a {
            text-align: left;
            display: inline-block;
            vertical-align: bottom;
            height: 10px;
            width: 10px;
            text-indent: -9999px;
            overflow: hidden;
        }

        .sliderNav li.current, .sliderNav li:hover {
            background: url(../img/bullet_hover_small.png) 0 0px no-repeat;
        }

.prevBtn, .nextBtn {
    position: absolute;
    bottom: 8px;
    text-indent: -9999px;
    overflow: hidden;
    height: 15px;
    width: 8px;
}

.prevBtn {
    left: 40%;
    background: url(../img/prev_small.png) 0 0px no-repeat;
}

.nextBtn {
    right: 40%;
    background: url(../img/next_small.png) 0 0px no-repeat;
}

/* OVERLAY */
.img-overlayblock {
    position: relative;
}

    .img-overlayblock > .img-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .img-overlayblock > .title-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10px;
        width: 100%;
    }

    .img-overlayblock > .descr-overlay {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        width: 100%;
    }

    .img-overlayblock > .back {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

.small .back .abstract {
    display: none;
}

.block.card.small .btn {
    font-size: 0.9em;
    padding: 2px 4px;
}

#ReturnBtn {
    float: right;
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #333;
    border: 2px solid #333;
    color: #fff;
    text-align: center;
    font: 22px Arial, sans-serif;
    line-height: 80%;
}

    .numberCircle.red {
        background: #c3007a;
        border: 2px solid #c3007a;
        color: #fff;
    }

.clickable-row {
    cursor: pointer;
}

div.nh_plante > div {
    margin-bottom: 15px;
}

.xpranking li.separator {
    text-align: center;
}

.box-shadow {
    -moz-box-shadow: 5px 5px 20px 0px #333;
    -webkit-box-shadow: 5px 5px 20px 0px #333;
    -o-box-shadow: 5px 5px 20px 0px #333;
    box-shadow: 5px 5px 20px 0px #333;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=134, Strength=20);
}

.propagateClick {
    cursor: pointer;
}

.card-title a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.3em;
}

    .card-title a:hover {
        color: #fff;
    }

.card-moreinfo a {
    color: #fff;
}

    .card-moreinfo a:hover {
        color: #fff;
    }

.card-duration {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #537998;
    color: #fff;
    padding: 5px;
}

.card-mandatory {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}

.card-back {
    display: none;
    background-color: rgba(0,107,179,0.95);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.card-back-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.card-back-content {
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    width: 100%;
}

.card-back hr {
    margin: 15px 40%;
}


.oSM {
    position: absolute;
    top: 20px;
    left: -10000px;
    min-width: 100%;
    padding: 0;
    margin: 0;
    z-index: 9999;
    white-space: nowrap;
    font-size: 0.8em;
}

.menuTriangle {
    text-align: right;
    line-height: 1.0em;
    padding: 0;
    margin: 0 30% 0 0;
    color: #333333;
}

.menuItems {
    padding: 5px 15px 10px;
    margin-top: -3px;
    background-color: #333333;
}

    .menuItems > li {
        margin-top: 5px;
        text-transform: uppercase;
        text-align: left;
    }

.modal .modal-content {
    border-radius: 0;
}

.modal .modal-header {
    background-color: #00b3d0;
    color: #fff;
    text-align: center;
}

.modal .modal-body {
    text-align: center;
}

.modal h4 {
    font-size: 1.4em;
    color: #fff;
    text-align: center;
    padding: 0;
}

.modal-footer {
    padding: 10px;
    text-align: center;
    border-top: none;
}

.glyphicon > span {
    font-family: 'Raleway';
}

/* Portfolio section
==================================================*/
.portfolio-style-2 .portfolio_item .portfolio_item_hover {
    background-color: rgba(255, 255, 255, .8);
}

    .portfolio-style-2 .portfolio_item .portfolio_item_hover .item_info span {
        color: #282b30;
    }

    .portfolio-style-2 .portfolio_item .portfolio_item_hover .item_info em {
        background-color: #be0f34;
    }

.portfolio-style-2 .portfolio-border {
    border: 1px solid #be0f34;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
}

.portfolio .categories-grid .categories ul li a.active {
    background-color: #be0f34;
    padding: 10px;
}


/* portfolio section
==================================================*/

#section-3 {
    background: #f2f2f2;
    color: #555;
}

    #section-3 .subtitle {
        color: #282b30
    }

.portfolio .categories-grid span {
    font-size: 30px;
    margin-bottom: 50px;
    display: inline-block;
}

.portfolio .categories-grid .categories ul li {
    list-style: none;
    margin: 20px 0;
}

    .portfolio .categories-grid .categories ul li a {
        display: inline-block;
        color: #282b30;
        margin-left: 20px;
        text-transform: uppercase;
    }

        .portfolio .categories-grid .categories ul li a.active {
            margin-left: 0;
            background-color: #333;
            padding: 0 10px;
            color: white;
        }

.portfolio_filter {
    padding-left: 0;
}

@media (max-width: 991px) {
    .portfolio .categories-grid span {
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }

    .portfolio .categories-grid .categories ul li {
        text-align: center;
    }

        .portfolio .categories-grid .categories ul li a {
            margin-left: 0;
        }
}

.portfolio_item {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

.titleItemSearch {
    margin: 10px auto;
    display: block;
    text-align: center;
}

.portfolio_item .portfolio_item_hover {
    position: absolute;
    top: 10px;
    left: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: rgba(255, 255, 255, .9);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .portfolio_item .portfolio_item_hover .item_info {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 10px;
        width: 100%;
    }

        .portfolio_item .portfolio_item_hover .item_info span {
            display: block;
            color: #282b30;
            font-size: 18px;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all .5s ease-in-out .3s;
            transition: all .5s ease-in-out .3s;
            opacity: 0;
        }

        .portfolio_item .portfolio_item_hover .item_info em {
            font-style: normal;
            display: inline-block;
            background-color: #be0f34;
            padding: 0 10px;
            color: white;
            margin-top: 0px;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all .4s ease-in-out .4s;
            transition: all .4s ease-in-out .4s;
            opacity: 0;
            font-size: 14px;
            /*letter-spacing: 2px;*/
            margin-bottom: 5px;
        }

.portfolio_item:hover .portfolio_item_hover {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



#zMobileMenuContainer {
    border-left: 1px solid black;
}

#zMainContent, #zMainContainer {
    margin-top: 100px;
}

.search-field {
    width: 100% !important;
}

.spocBrowse .illustration img {
    width: 100% !important;
}

b {
    font-weight: 700;
}

.scormLessonStatus {
    font-size: 2.0em;
}

.scormStatus {
    font-size: 0.6em;
}

/* Fix hauteur bouton defs type submit*/
input[type=submit].btn-default {
    height: auto !important;
}

/* Fix pour utilisation de l'autocomplete bootstrap */
.bootstrap-select .btn-default,
.bootstrap-select .btn-default:hover {
    width: 100% !important;
    background-color: #fff !important;
    color: #000;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1) !important;
    border-radius: 5px;
    height: 40px !important;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    padding: 0 10px;
}