@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url("/data/Themes/bex16/mega-menu.css");
@import url("/data/Themes/bex16/pilier-public.css");
@import url("/data/Themes/bex16/js/Carousel/carousel-multi3.css");


#jquery-lightbox, #jquery-overlay{
    z-index: 1051 !important;
} 

/* CUSTOM CLASS FOR QUICKBAR WITH FIXED MENU BOOTSTRAP */

#quickbar-container {
    z-index: 1050 !important;
}

.syspopupMenu {
    z-index: 1045 !important;
}

.g-recaptcha {
    display: inline-block;
}

/* CUSTOM CLASSES FOR QSMENU EDIT HOVER */

.body-editmode .qsMenu img {
    box-shadow: 0px 0px 5px #FFFFFF;
}

.body-editmode .qs-edit .qsMenu {
    display: none;
}

.body-editmode .qsMenu {
    position: absolute;
    z-index: 1040;
    padding: 5px;
    margin: 0px auto 0px auto;
}

.body-editmode .qsMenu-title {
    display: none;
    position: absolute;
    z-index: 100;
    margin-top: -40px;
    background: #000000;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    white-space: nowrap;
}

.body-editmode .qs-edit:hover .qsMenu,
.body-editmode .qsMenu:hover,
.body-editmode .qsMenu:hover .qsMenu-title {
    display: block; 
}

.body-editmode .qs-edit:hover {
    outline: #F1F1F1 solid 1px;
    background-image: url('/data/dataimages/upload/bg-stripe-edit.png') !important;
    background-repeat: repeat;
}

.body-editmode .qsMenu {
    animation: fadeIn ease-in-out 0.6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
}

/* STANDARD ANIMATIONS */


@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:100;
    }
}

@keyframes slideLeft{
    0% {
        opacity:0;
        transform:  translate(400px,0px)  ;
    }
    100% {
        opacity:0.9;
        transform:  translate(0px,0px)  ;
    }
}


/* CUSTOM CLASS QS */

h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

.text-color1 {
    color: #008ECB;
}

.hide-links a {
    color: inherit;
}

.hide-links a:hover {
    color: #008ECB;
}

.qsArtContent img {
    max-width: 100% !important;
    height: auto;
}

.qsArtContent iframe, .qsArtContent table {
    max-width: 100% !important;
} 

.width-100 {
    width: 100%;
}

.max-width-100 {
    max-width: 100%;
}

.container-body {
    padding: 30px 0px;
}

.container-body.tplListCarousel,
.container-body.tplNavPath {
    padding: 0px;
}

.container-body.dphlastevents {
    background-image: url('/Data/Dataimages/Upload/bgFiligrane.gif');
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}

.container-body.guichet {
    color: #FFFFFF;
    background: #008ECB;
    padding: 40px 0px 60px 0px;
}

.container-body.dphadresses {
    color: #FFFFFF;
    background: #008ECB;
    padding: 40px 0px 60px 0px;
}

.container-body.dphadresses a {
    color: #FFFFFF;
}

.container-body.dphadresses a:hover {
    color: #000000;
}

.container-body.pagecontent {
    padding: 40px 0px 60px 0px;
}


.container-body.pagefooter {
    background: #008ECB;
    color: #FFFFFF;
}

.container-body.article2909 {
    background: #F1F1F1;
}

.container-body.citeenergie {
    padding: 60px 0px 0px 0px;
}

.container-body.systemfooter {
    padding: 30px 0px 10px 0px;
}

.qsPageHeader {
    margin-bottom: 30px;
}

.panel-image {

    height: 220px;
    width: 100%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

.tplDphPortalChildsImages .panel-image {
    display: flex;
    background-color: #F1F1F1;
}

.tplDphPortalChildsImages .panel-image .glyphicon {
    font-size: 50px;
    margin: auto;
}

.service {
    text-align: center;
}

.tplDphPortalChildsImages .panel-body {
    min-height: 220px;
}

.service p {
    text-align: left;   
}

.tplDphDocuments .pt-25{
    padding-top: 25px;
}

/* CUSTOM CLASSES FOR CONTACT FORM */

.legend-required {
    text-align: right;
}

#captcha-control-invalid {
    color: #a94442;
}

.googleMap {
    margin-bottom: 25px;
}

.pointer-events {
    pointer-events: none;
}

/* CUSTOM CLASSES FOR CAROUSEL */

#qsCarousel .item {
    background-position: center center;
    background-size: cover;
    height: 220px;
}

.tplHtmlBodyHome #qsCarousel .item {
    background-position: center center;
    background-size: cover;
    height: 360px;
}

#qsCarousel .carousel-control {
    z-index: 100;
}

#qsCarousel .carousel-control.left {
    background: inherit;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

}

#qsCarousel .carousel-control.right {
    background: inherit;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

}

/* ABR special add classes for carousel fade effect */ 
/* Inspired from:  http://codepen.io/Rowno/pen/Afykb */

#qsCarousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

#qsCarousel.carousel-fade .carousel-inner .active {
    opacity: 1;
}

#qsCarousel.carousel-fade .carousel-inner .active.left,
#qsCarousel.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

#qsCarousel.carousel-fade .carousel-inner .next.left,
#qsCarousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.tplDphCarousleNews .list-item-content {
    height: 100%;
    overflow: hidden;
}

.tplDphCarousleNews .list-item {
    background-color: #F1F1F1;
    padding: 25px;
    height: 250px;
    margin-bottom: 25px;
}

.tplDphCarousleNews .list-item h2,
.tplDphCarousleNews .list-item h4 {
    margin-top: 0px;
}

.tplDphCarousleNews .list-item-nav {
    background-color: #008ECB;
    color: #FFFFFF;
}

.tplDphCarousleNews .list-item-nav h2 {
    font-size: 45px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tplDphCarousleNews .list-item-nav a:hover h2 {
    color: #000000;
}

.tplDphCarousleNews .carousel-indicators {
    left: 0;
    margin: 0px 0px 0px 40px;
    padding: 0px;
    bottom: 50px;
    width: auto;
}

.tplDphCarousleNews .carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 0px;
    margin: 0px;
}

.tplDphCarousleNews .carousel-indicators .active {
    background-color: #000000;
    border: none;
}

.tplEvents .list-item h3 {
    margin: 0px 0px 5px 0px;
    color: #000000;
}

.tplEvents .list-item a:hover h3 {
    color: #008ECB;
}

.tplEvents .list-item h5 {
    margin: 5px 0px 3px 0px;
    color: #008ECB;
    font-weight: 400;
}

.tplEvents .list-item-date {
    background: #008ECB;
    color: #FFFFFF;
    height: 116px;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 15px;
}

.tplEvents .list-item-date .day {
    display: block;
    font-size: 45px;
    font-weight: 400;
}

.tplEvents .list-item-date .monthname {
    display: block;
}

.tplEvents .list-item .list-item-content {
    padding-bottom: 20px;
}

.logo {
    display: block;
    position: absolute;
    z-index: 102;
    margin: -150px 0px 10px 0px;
    width: 100%;
}

.logo .container {
    height: 140px;
    background-image: url('/data/dataimages/upload/logoBex.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

body .navbar-brand {
    padding: 25px 5px 0px 15px;
}

.pagetitle {
    position: absolute;
    z-index: 101;
    width: 100%;
    height: 100%;
}

.pagetitle .col-top {
    padding-top: 15px;
}

.top-search-open .toolMenu {
    position: absolute;
    z-index: -1;
}

.toolMenu, .toolMenu li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.toolMenu li {
    display: inline-block;
    margin-right: 15px;
}

.toolMenu, .toolMenu li a {
    color: #FFFFFF;
    padding: 5px 0px;
    font-size: 20px;
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}

.toolMenu li a:hover {
    opacity: 0.8;
    /*
    color: #000000;
    padding: 5px 0px;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 0.7);
    */
}

.tplHtmlBodyHome .toolMenu li {
    display: block;
}

.toolMenu li .glyphicon {
    display: none;
}



.googleSearchBox .gsc-control-cse {
    background: none;
    border: none;
    padding: 0px;
}

.googleSearchBox .gsc-input-box {
    height: inherit;
}

.googleSearchBox .gsc-search-box,
.googleSearchBox .gsc-search-box td {
    background: #000000;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.googleSearchBox .gsc-search-box input {
    background: none !important;
    background: #000000 !important;
    border: none !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    padding: 5px 5px 5px 10px !important;
    font-family: "Oswald", Helvetica, Arial, sans-serif;
}

.googleSearchBox .gsc-search-button {
    width: 50px;
    background-image: url('/data/dataimages/upload/ico-search.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.googleSearchBox input.gsc-search-button {
    width: 50px;
    height: 30px;
    opacity: 0;
}


.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: #008ECB;
} 

.toolsIcons label {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
}

.toolsIcons a:hover label {
    color: #008ECB;
}

.guichet h2 {
    font-size: 40px;
    padding-bottom: 10px;
}

.guichet a {
    display: block;
    padding: 10px 20px 10px 20px;
    background: #FFFFFF;
    color: #000000;
    margin-bottom: 10px;
    height: 70px;
    line-height: 50px;
}

.guichet a:hover {
    color: #FFFFFF;
    background: #000000;
}

.guichet a .glyphicon {
    height: 50px;
    line-height: 50px;
    font-size: 42px;
}

.guichet a .strnodename {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    font-size: 18px;
}

.nav.nav-pills.nav-stacked > li {
    margin: 0px;
}

.nav.nav-pills.nav-stacked > li > a {
    display: block;
    padding: 7px 10px;
    border-top: solid 1px #F1F1F1;
}

.tplListNews .dtmSortDate {
    border-bottom: solid 1px #000000;
    padding-bottom: 10px;
}

.panel-footer .btn-default {
    background-color: #FFFFFF;
    margin: 0px 3px 3px 0px;
}

.panel-footer .btn-default:hover {
    color: #FFFFFF;
    background-color: #008ECB;
}

.tplAddressesItem .address-box hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tplSearchAddresses .tplAddressesItem .panel-body {
    height: 300px;
}

.tplSearchAddresses .tplAddressesItem .panel-footer {
    height: 60px;
}

.contactIcon a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0px 3px 0px 3px;
    border-radius: 50%;
    overflow: hidden;
    color: #FFFFFF;
    background-color: #008ECB;
}


.contactIcon a:hover {
    background-color: #FFFFFF;
}

.tplSearchAddressesSimple h4 {
    margin: 0px;
}

.tplSearchAddressesSimple hr {
    margin: 10px 0px 10px 0px;
}

.tplSearchAddressesSimple .contactIcon a {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0px 2px 0px 2px;
    color: #008ECB;
    background-color: #F1F1F1;
}

.container-body.dphadresses .contactIcon a {
    color: #008ECB;
    background-color: #FFFFFF;
}

.container-body.dphadresses .contactIcon a:hover {
    background-color: #000000;
}

.container-body.dphadresses .btn-default {
    background-color: #000000;
    border-color: #000000;
}

.container-body.dphadresses .btn-default:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #008ECB;
}

.container-body.dphadresses .img-circle-detail {
    background-color: #FFFFFF;
}

.container-body.dphadresses .img-circle-detail .glyphicon {
    color: #008ECB;
}

#dphportalchilds {
    margin-top: 25px;
}


#qsMap {
    width: 100%;
    height: 350px;
}

/* image detail */

.img-circle-detail {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin: 0px auto 15px auto;
    background-color: #F1F1F1;
    background-size: contain;
    background-position: center center; 
    background-repeat: no-repeat;
}

.img-circle-detail:hover {
    opacity: 0.85;
}

.img-circle-detail .glyphicon {
    font-size: 80px;
    color: #FFFFFF;
    line-height: 200px;
}

.tplSearchDocs .list .glyphicon,
.tplDphDocuments .list .glyphicon{
    font-size: 30px;
}

.tplSearchDocs .list hr {
    margin: 5px 0px;
}

.search-tags.member0 .tagfilterframe13 {
 	display: none;   
}

.skinArticleImage.Title-False h2 {
 	display: none;   
}


/* CUSTOM CLASS MEDIA QUERIES */

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-center-xs {
        text-align: center;
    }
    .tplHtmlBody .toolMenu li .glyphicon {
        display: block;
    }
    .tplHtmlBody .toolMenu li .tool-label {
        display: none;
    }
    .tplHtmlBody .toolMenu {
        text-align: center;
    }
    .container-body.pagecontent {
        padding: 0px 0px 30px 0px;
    }
    .qsPageHeader {
        /* RSC 11.12.2020 : nécessaire pour app mobile */
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 30px;
    }
    .breadcrumb {
        margin-bottom: 0px !important;
    }
    .panel-body h3 {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .tplDphCarousleNews .list-item.list-item-nav {
        padding: 10px;
        height: 40px;
        margin: 0;
    }
    .tplDphCarousleNews .carousel-indicators {
        bottom: 5px;
        left: auto;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .tplListNews .panel-body {
        min-height: 250px;
    }
    .tplEvents .list-item .list-item-content {
        padding-right: 20%;
        height: 116px;
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tplHtmlBody .toolMenu li {
    	margin-right: 6px;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
}

@media (min-width: 992px) {
    #qsCarousel .item {
        height: 295px;
    }
    .tplHtmlBodyHome #qsCarousel .item {
        height: 455px;
    }
    .pagetitle .col-top {
        padding-top: 20px;
        /* min-height: 210px; */
    }
    .tplHtmlBodyHome .pagetitle .col-top {
        padding-top: 40px;
        /* min-height: 305px; */
    }
}

@media (min-width: 1200px) {
    .text-left-lg {
        text-align: left;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
}