/**
 * Place your custom styles here.
 */
body {
    font-size: 18px;
    color: #6D6D6D;
    font-family: 'Roboto Condensed', sans-serif;
}
a:visited, a:active, a:hover, a:focus {
    color: #1A8FCB;
}

/*navbar*/

.navbar-default {
    background-color: #333333;
    border: white 0px solid ;
}

h2 {
    font-size: 20px;
}

nav ul {
    list-style: none;
}

nav {
    padding-top: 8px !important;
}

.navbar-header {
    float: right;
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    width: 100%;
    clear: both;
}

.navbar-header .nav > li,
.navbar-header .nav > li  a {
    display: inline;
}

#navbar,
.navbar-default {
    background-color: #ffffff;
    border-color: transparent !important;
    border: none;
    margin-bottom: 0 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    color: #ffffff !important;
    background-color: #0067a8 !important;
}

.navbar-default .navbar-nav > li > a,
.menu--main-navigaution > li > a > li > a {
    font-size: 16px;
    font-weight: 300;
    color: #0067a8 !important;
    background-color: #ffffff !important;
    padding: 15px 20px 10px 10px;
    line-height: 20px;
    position: relative;
    display: block;
}

/*#block-joeland-main-menu,
#block-mainnavigaution {
    display: none;
}*/

#block-joeland-main-menu .dropdown-menu > li > a {
    display: block;
    padding: 12px 20px;
    font-size: 16px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}

#block-joeland-main-menu .dropdown-menu > li {
    border-bottom: 1px solid #ffffff;
}

#block-joeland-main-menu .menu--main {
    margin-top: 30px;
}

#block-joeland-main-menu .navbar-default .navbar-nav > .open > a,
#block-joeland-main-menu .navbar-default .navbar-nav > .open > a:hover,
#block-joeland-main-menu .navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #0067a8;
}

#block-joeland-main-menu .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #0067a8;
}

.navbar-nav > li,
.menu--main-navigaution > li {
    float: left;
}


.navbar-default .navbar-nav > li > a:hover,
#block-joeland-main-menu .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .active > a,
    /*.navbar-default .navbar-nav > li > a.is-active,*/
.navbar-default .navbar-nav > li > a:focus {
    color: #0067a8;
    background-color: #ffffff;
}

.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #ffffff;
    background-color: #0067a8;
}


#block-joeland-main-menu {
    float: left;
}

/*navbar end */

/* slideshow */

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

/* slideshow end */

/* block top  start*/

.main-container {
    /*padding-top: 30px;*/
}

.mt16 {
    margin-top: 16px !important;
}


.mt4 {
    margin-top: 4px !important;
}

/* block top end */

.apropos  {
    padding-top: 2.5em;

}
.apropos h2 {
    font-size: 6.3em;

}

.apropos p {
    font-size: 1.74em;
}

.region-page-bottom-content {
    /*background: #f1f3f4;*/
    background-color: transparent;
}
#a_propos {
    padding: 100px 30px;
}

.col-bottom-content {
    clear: both;
    padding: 0 0 20px 0 !important;
}

.col-bottom-content2 {
    clear: both;
    padding: 5px 0 10px 0 !important;
}

.col-bottom-content3,
.col-bottom-content4,
.col-bottom-background,
.col-bottom-background2,
.col-bottom-background3,
.col-bottom-background4 {
    clear: both;
    padding: 0 !important;
}

.footer {
    clear: both;
    color: white !important;
    background-color: #293646;
    padding-bottom: 14px !important;
    padding-top: 5px !important;
}
.footer .nav > li > a {
    font-size: 14px;
    padding: 2px 5px 2px 10px;
    color: #89d8ff;
}
.footer .nav > li > a:hover {
    background-color: transparent !important;
    color: white;
    text-decoration: underline;
}

.footer h2 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}
a.titlelink {
    color: #3e3e3e;
    font-family: 'Roboto Condensed', sans-serif;
    color: #3e3e3e;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 75px;
    line-height: 80px;
}
a.titlelinkblock {
    color: #3e3e3e;
    font-family: 'Roboto Condensed', sans-serif;
    color: #3e3e3e;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 40px;
}
a.titlelink:hover,
a.titlelinkblock:hover {
    text-decoration: none;
}
.text-on-line {
    display: block;
}
.titleColor2 {
    color: #89d8ff;
}
a.titlelink::after {
    font-size: 225px;
    left: -28px;
    top: -87px !important;
}
.rightside {
    text-align: right;
}
#block-adresse a {
    color: white;
    text-decoration: none;
}
#block-adresse a:hover {
    text-decoration: none;
}
@media (min-width: 1200px) {

    #block-views-block-slideshows-bloc-block-2 .views-field-nothing {
        z-index: 600;
        background: transparent !important;
        position: relative;
        top: -277px;
        width: 60%;
        left: 20%;
        height: 178px;
        padding: 1%;
    }

    .infos-ban-title {
        background: rgba(1, 1, 1, 0.49);
        padding: 2%;
        height: 155px;
        font-size: 24px;
    }

    .infos-ban-title a {
        color: white;
    }

    .infos-ban-description {
        text-align: justify;
        color: white;
        font-size: 21px;
        line-height: 25px;
        background: rgba(155, 195, 26, 0.85);
        padding: 2%;
        height: 155px;
    }

    .vide-background {
        height: 370px !important;
        clear: both;
    }

    #block-views-block-slideshows-bloc-block-2,
    .region-page-bottom-background2,
    .block-views-blockslideshows-bloc-block-2,
    .view-display-id-block_2 {
        height: 370px;
    }
}

.respire-top {
    padding-top: 30px;
    padding-bottom: 10px;
}
.respire-down {
    padding-top: 15px;
    padding-bottom: 30px;
}
.col-bottom-content .service-resume {
    text-align: left;
}
.col-bottom-content .service-logo img {
    border-radius: 100px
}
.col-bottom-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.view-services .panel {
    padding-bottom: 3px;
}
.view-services .panel-body {
    padding: 15px;
    max-height: 318px;
    overflow-y: hidden;
}
.fade-link-pan {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 30px;
    width: 100%;
    cursor: pointer;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)),color-stop(70%, #ffffff),color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0),#ffffff 70%,#ffffff);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0),#ffffff 70%,#ffffff);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0),#ffffff 70%,#ffffff);
}
#block-servicesfotnpage .btn-info {
    font-size: 20px;
}

.field--name-field-parution {
    padding: 15px 34px;
    background: #ffccf0;
    color: white;
    margin-bottom: 45px;
}

#navbar-collapse,
#navbar-collapse .col-xs-1,
#navbar-collapse .col-sm-1,
#navbar-collapse .col-md-1,
#navbar-collapse .col-lg-1,
#navbar-collapse .col-xs-2,
#navbar-collapse .col-sm-2,
#navbar-collapse .col-md-2,
#navbar-collapse .col-lg-2,
#navbar-collapse .col-xs-3,
#navbar-collapse .col-sm-3,
#navbar-collapse .col-md-3,
#navbar-collapse .col-lg-3,
#navbar-collapse .col-xs-4,
#navbar-collapse .col-sm-4,
#navbar-collapse .col-md-4,
#navbar-collapse .col-lg-4,
#navbar-collapse .col-xs-5,
#navbar-collapse .col-sm-5,
#navbar-collapse .col-md-5,
#navbar-collapse .col-lg-5,
#navbar-collapse .col-xs-6,
#navbar-collapse .col-sm-6,
#navbar-collapse .col-md-6,
#navbar-collapse .col-lg-6,
#navbar-collapse .col-xs-7,
#navbar-collapse .col-sm-7,
#navbar-collapse .col-md-7,
#navbar-collapse .col-lg-7,
#navbar-collapse .col-xs-8,
#navbar-collapse .col-sm-8,
#navbar-collapse .col-md-8,
#navbar-collapse .col-lg-8,
#navbar-collapse .col-xs-9,
#navbar-collapse .col-sm-9,
#navbar-collapse .col-md-9,
#navbar-collapse .col-lg-9,
#navbar-collapse .col-xs-10,
#navbar-collapse .col-sm-10,
#navbar-collapse .col-md-10,
#navbar-collapse .col-lg-10,
#navbar-collapse .col-xs-11,
#navbar-collapse .col-sm-11,
#navbar-collapse .col-md-11,
#navbar-collapse .col-lg-11,
#navbar-collapse .col-xs-12,
#navbar-collapse .col-sm-12,
#navbar-collapse .col-md-12,
#navbar-collapse .col-lg-12,
#block-dropdownlanguage,
#block-topmenu,
#block-socialmedialinks {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#search-block-form .js-form-type-search {
    padding-top: 2px !important;
}
.search-icons {
    float: left;
    padding: 10px 2px 0 5px !important;
}
.region-navigation .navbar-search {
    float: right;
}
.search-block-form {
    float: left;
    padding: 0 !important;
}

#block-socialmedialinks .fa-2x {
    font-size: 1em;
}
header .right {
    float: right !important;
}
.menu--top-menu {
    text-align: right;
}
.menu--top-menu li,
.menu--top-menu li  a,
.menu--top-menu li  a:hover,
.menu--top-menu li.active,
.menu--top-menu li.active a.active {
    background: none;
}
.menu--top-menu li  a {
    font-size: 14px;
}

.dropdown-language-item .btn {

}
.dropdown-language-item li:nth-child(4n + 3),
.dropdown-language-item li:nth-child(4n + 4) {
    display: none;
}
#block-dropdownlanguage {
    width: 9%; !important;
}
ul.carousel-inner {
    padding-left: 0px !important;
}

élément {
    background-color: #000c;
}
#diba-carousel li image {
    height: 400px !important;
}
.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
}
.carousel-caption {
    position: absolute;
    /*background-color: rgba(0, 103, 168, 0.65);*/
    background-color: rgba(0, 103, 168, 0.78);
    /*background-color: rgba(0, 0, 0, 0.85);*/
    right: 65%;
    top: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.carousel-caption h2.caption-title {
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: justify;
}
.carousel-caption .caption-title,
.carousel-caption .caption-desc {
    margin-left: 30%;
    margin-right: 25px;
}
.carousel-indicators li {

    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #0067a8;
    border-radius: 10px;

}
.carousel-indicators {
    bottom: -12px;
}
.carousel-indicators .active {

    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #0067a8;

}

.carousel-caption .caption-title a {
    color: white;
}
.carousel-caption .caption-desc {
    font-size: 14px;
    text-align: justify;
}

.carousel-more-link {
    width: 100px;
    display: block;
    position: absolute;
    left: 306px;
    top: 320px;
    border: 1px solid #ffffff;
    padding: 5px;
    text-align: center;
    border-radius: 20px;
    color: white;
    background: #ffffff45;
}
.clearright {
    clear: right;
}

.block_green {
    background-color: #448d65;
    color: #e9eaec;
    padding: 34px 5px 10px 15px;
    z-index: auto;
}

.block_blue {
    background-color: #73a3c2 !important;
    color: #e9eaec;
}
.block_grey {
    background-color: #e6e6e633 !important;
    border: 1px rgba(200, 200, 200, 0.2) solid;
    color: #0067a8;
    padding: 5px 5px 0 15px;
}

.block_blue .col-md-6,
.block_green .col-md-6 {
    background-color: transparent;
}
.view-display-id-block_3 .views-field-nothing,
.view-display-id-block_3 {
    background-color: transparent;
}
.event_type {
    font-family: "Abhaya Libre Bold", "Source Sans Pro", "arial black";
    text-align: left;
    color: #a7d5bb;
    font-size: 2em;
    font-style: italic;
}
.actu_cat {
    font-family: "Abhaya Libre Bold", "Source Sans Pro", "arial black";
    text-align: left;
    color: #0067a8;
    font-size: 2em;
    font-style: italic;
}
.publi_cat {
    font-family: "Abhaya Libre Bold", "Source Sans Pro", "arial black";
    text-align: left;
    color: #646161;
    font-size: 2em;
    font-style: italic;
}

.actu_title,
.event_title,
.publi_title {
    text-align: center;;
    color: #ffffff;
    padding: 5px 2px;
}

.event_title {
    text-align: center;
    padding: 15px 2px;
}

.actu_more,
.event_more,
.publi_more {
    text-align: right;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 30px 2px 3px 2px;;
}
.actu_more a,
.event_more a,
.publi_more a {
    color: #e9eaec;
}
.actu_alltext {
    padding: 36px 10px 10px 20px;
    background-color: #73a3c2 !important;
}
.event_lieu {
    padding-bottom: 27px;
}
.publi_pays,
.publi_tags,
.publi_doc,
.publi_pdf,
.event_lieu,
.event_pays,
.event_date {
    text-align: left ;
}

.publi_pdf {
    padding: 9px 10px;
}

.col-half {
    width: 50%;
    float: left;
}


.col-bottom-content3 {
    padding-bottom: 40px;
}

#block-views-block-activites-block-3 {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

#block-views-block-bonavoir-b1 h2,
#block-views-block-galerie-gadgets h2 {
    text-align: center;
    font-style: italic;
    padding-bottom: 20px;
    font-size: 40px;
    color: #0067a8;
}


.block-simplenews-subscription-block .form-item-message {
    display: none;
    text-align: center;
    color: #5c5c5c;
    font-size: 0.8em;
    width: 32%;
    float: left;
    text-align: right;
    color: white;
}

.field--name-mail {
    float: left;

}
.field--type-email {
    padding-left: 10px;
    padding-right: 20px;
    float: left;
}

#edit-actions--2 {
    text-align: center;
    float: right;
}
#edit-subscribe {
    color: #ffffff;
    background-color: #0067a8;
    border: none !important;
    font-size: 12px;
    padding: 13px 26px;
    border-radius: 8px;
}
#edit-mail-0-value {
    font-size: 12px;
    padding: 17px 4px;
    color: #02385a;
    border: 1px solid #02385a;
    border-radius: 8px;
}

block-views-block-activites-block-4 {
    padding-right: 0 !important;
    padding-left: 5px !important;
}

.col-bottom-content3 {
    /*background-color: #e0dede;*/
    padding: 20px 0;
}

.bon_list_01,
.bon_list_02,
.bon_list_03     {
    padding: 45px 20px 20px 20px
}

.bon_list_01 {
    background-color: #acb3ba;
}
.bon_list_02 {
    background-color: #949aa2;
}

.bon_list_03 {
    background-color: #6d7986;
}

.bon_list_typ {
    font-style: italic;
    padding-bottom: 10px;
    font-size: 30px;
    color: #e0dede;
}

.bon_list_title {
    padding-bottom: 10px;
    font-size: 45px;

}
.bon_list_title a {
    color: #e0dede;
}
.bon_01 {
    padding-left: 0 !important;
    padding-right: 20px !important;
}
.bon_03 {
    padding-right: 0 !important;
    padding-left: 20px !important;
}

.pm_bloc {
    padding: 20px 0;
    position: relative;
    min-height: 1px;
}

.pm_flag {
    float: left;
    padding: 3px;
    background-color: #d1e1eb;
}

.pm_flag img {
    position: relative;
    min-height: 1px;
    width: 60%;
    float: left;
    padding: 3px;
    background-color: #d1e1eb;
}

.pm_title {
    position: relative;
    min-height: 1px;
    width: 40%;
    float: left;
    background-color: #d1e1eb;
}

.pm_title h2 {
    padding: 2% 5px 0 5px;
    font-size: 0.90em;
    height: 45px;
}
.pm_lien {

    text-align: right;
    bottom: 0 !important;
    padding: 0 5px;
    font-size: 0.75em;

}

#block-socialmedial-footer li {
    display: block;
    width: 32%;
    float: left;
    border-radius: 10px;
    background-color: #e0dede;
    border: 5px solid #293646;
    padding: 25px 7px;
    margin: 10px 5px;
}


#block-socialmedial-footer li a  {

    background-color: #3fa1dd;
    padding: 14px;
    border-radius: 38px;
    font-size: 11px;
    margin: 5px 7px;
    color: #ffffff;

}

#block-socialmedial-footer li span a  {

    background-color: transparent;
    padding: 14px;
    font-size: 16px;
    margin: 5px 2px;
    color: #3fa1dd;

}
#block-menu-principal-footer .navbar-nav,
#block-mainnavigaution-2 .nav {
    text-align: center;
    width: 100%;
    /*border-bottom: 1px solid #e0dede;*/
    padding: 10px 0 20px 0;
}
.footer_copyright {
    text-align: center;
    font-size: 0.6em;
    margin-top: 13px;
    margin-bottom: 10px;
}
.footer_menu_clean {
    padding-right: 25%;
    padding-left: 25%;
    margin-right: auto;
    margin-left: auto;
}

#block-menu-principal-footer .navbar-nav a,
#block-mainnavigaution-2 .nav a {
    text-transform: uppercase;
    color: #ffffff;
}

.news_row,
.news_other_row,
.news_une_globle {
    padding: 10px 0;
    border-bottom: 1px dotted #c0c0c0;
}

.news_img,
.news_une_img,
.doc_list_img,
.news_other_img {
    padding-left: 0 !important;
}

.news_desc,
.news_une_desc {
    padding-right: 0 !important;
}

.news_date,
.news_cat,
.news_une_date,
.news_une_cat {
    float: left;
    padding-right: 5px;
}

.news_une_row,
.event_row {
    background-color: #FAFAFA;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 15px;
}

.event_title {
    color: #ffffff;
    height: 90px;
}

.event_body {
    height: 120px;
    max-height: 120%;
}
.event_links {
    position: absolute;
    top: 72%;
    padding: 0 27px 0 0;
}

.bock_forum img {
    width: 356px !important;
    height: 327px;
}

.event_read {

}

.event_register {
    /*float: right;*/
}

.event_read a,
.event_register a {
    width: 100%;
    color: white;
}

#block-views-block-autre-news h2,
#block-views-block-publicatios-block-list-doc-pour-article h2 {
    color: #0067a8;
    font-size: 1.4em;
    text-align: center;
    padding: 20px 0;
}

.doc_list_pdf {
    text-align: right;
    padding-right:10px;
    text-transform: uppercase;
    font-style: italic;
}

.doc_list_row {
    background-color: #d1e1eb;
    padding: 1px 0 1px 16px;
}

.doc_list_rows {
    position: relative;
    min-height: 1px;
    width: 100%;
    padding: 10px 0;
}

.doc_list_title {
    padding: 5px 25px;
}

.staff_list_row {
    padding: 10px 15px;
}
.staff_list_poste {
    font-weight: bold;
    font-style: italic;
    text-transform: lowercase;
}

#webform-submission-forum-hydrometerolo-afri-cent-add-form {

}

#webform-submission-forum-hydrometerolo-afri-cent-add-form label.control-label {
    float: left;
    width: 20%;
}

#webform-submission-forum-hydrometerolo-afri-cent-add-form .select-wrapper,
#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-text,
#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-textarea,
#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-email,
#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-tel {
    float: right;
    width: 80%;
}
.form-required:after {
    margin-left: 10px;
}
#email-intro {
    text-align: justify;
}
#edit-email-intro .form-email {
    width: 100%;
}
#edit-email-intro label.control-label {
    float: left;
    width: 100%;
    text-align: center;
}

#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-item {
    padding: 15px 20px 25px 20px;
    clear: both;
}

#webform-submission-forum-hydrometerolo-afri-cent-add-form .form-actions {
    clear: both;
    text-align: center;
    padding: 15px 20px 25px 20px;
}

.bloc_infos_prat .scrollspy-example {
    position: relative;
    height: 275px;
    margin-top: .5rem;
    overflow: auto;
}

.bloc_infos_prat .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.bloc_infos_prat .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.bg_grey {
    background-color: rgba(218,218,218,0.1);
    margin-left: 15px;
}


.respire_vert {
    padding-top: 20px;
    padding-bottom: 20px;
}

#block-views-block-galerie-gadgets .view-galerie {
    height: auto !important;
}

.blue_bg {
    /*background-color: #73a3c2 !important;*/
    color: transparent;
}
.text-right {
    text-align: right;
    margin-right: 8.2em;
}
.view-publicatios .view-filters {
    padding: 1.5em 2.5% 2em 2.5%;
    padding-top: 1.5em;
    padding-bottom: 2em;
    padding-top: 1.5em;
    padding-bottom: 2em;

}

.view-publicatios .view-filters .form-item {
    width: 22.75%;
    margin-right: calc(3% - 4px);
    margin-bottom: 3%;
}

.view-publicatios .view-filters .form-item label {
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #0067a8;
    margin-bottom: 0;
    vertical-align: middle;
}

.view-publicatios .view-filters .form-item.form-item-keyword {
    display: block;
}

.view-publicatios .view-filters .form-item.form-item-keyword input.form-control {
    padding: .5em .25em;
    height: auto;
}

.view-publicatios .view-filters .form--inline .js-form-item-title {
    width: 30%;
    clear: both !important;
}

.view-publicatios .view-filters .form--inline select.form-select {
    width: 100%;
    margin-left: 0px !important;
    border-radius: 0px;
}

.view-publicatios .view-filters .form--inline .form-control {
    width: 100%;
}
.view-publicatios .view-filters .form-inline .form-group {
    display: block !important;

}

.view-publicatios .view-filters .form-inline .select-wrapper {
    width: 100%;
}

.view-publicatios .view-filters .form-inline .js-form-item-field-type-document-target-id,
.view-publicatios .view-filters .form-inline .js-form-item-field-tags-catas-id,
.view-publicatios .view-filters .form-inline .js-form-item-field-pays-lie-target-id {
    width: 30%;
    float: left;
}

.view-publicatios .view-filters .form-inline .js-form-submit {
    width: 20%;
    margin-top: 2.2em !important;
}

#edit-actions {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.doc_pg {
    padding: 0 !important;
    margin: 5px;
    background-color: #d1e1eb;
}

.doc_pg_titre,
.doc_pg_catas,
.doc_pg_typ,
.doc_pg_link,
doc_pg_pays {
    margin-left: 10px;
}

.doc_pg_titre h6 {
    font-size: 0.85em;
}

.doc_pg_catas a {
    font-size: 0.8em;
}

.doc_pg_img {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: auto;
    width: auto;
    float: left;
}

.doc_pg_typ {
    font-size: 0.8em;
}

.doc_pg_details {
    padding: 10px;
}

.view-id-partenaires .partner_bloc {
    text-align: center;
}
 .partner_title h2 {
     font-size: 15px;
 }

/*#block-views-block-activites-block-3 .descriptio   {
    position: absolute;
    padding: 0 10px 6px 0;
    top: 80%;
    width: 50%;
    left: 0;
}*/

/*#block-views-block-activites-block-3 .views-field-title {
    width: 50%;
    position: absolute;
    top: 60%;
    color: white;
}

#block-views-block-activites-block-3 .views-field-view-node {

    width: 47%;
    text-align: right;
    color: white;
    position: absolute;
    top: 90%;

}*/


#block-views-block-activites-block-3 .descript {
    width: 50%;
    position: absolute;
    top: 60%;
    color: white;
    left:0;
    bottom: 0;
    right: 0;
    background-color: #337ab7;
}

#block-views-block-activites-block-3 #views-field-nothing-1 .descript_title {
    margin: 0.4em 0.5em;
    font-size: 0.9em;
    text-align: justify;
}

#block-views-block-activites-block-3 #views-field-nothing-1 .descript_url {
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#block-views-block-activites-block-3 .descript_url a {
    color: white;
}

#block-views-block-activites-block-3 .view-footer {
    float: left;
    width: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -3px 0.2em 0.1em 0.3em;
    border-bottom: 45px solid #2e6da4;

}

#block-views-block-activites-block-3 .act-small-group {
    padding: 0 !important;
}

#block-views-block-activites-block-3 .act-small {
    margin: 0.2em 0.2em 0.4em 0.2em ;
}

#block-views-block-activites-block-3 .act-small-img {
    padding-left: 0 !important;
}

#block-views-block-activites-block-3 .act-small-title {
    font-size: 0.8em;
    text-align: left;
    text-transform: lowercase;
    color: #969292;
}

#block-views-block-activites-block-3 .act-small-url {
    width: 50px;
    float: right;
}
#block-views-block-activites-block-3 .act-small-url a{
    color: red;
    font-size: 0.8em;
}

#block-views-block-activites-block-3 .act-small-all {
    width: 45%;
    float: right;
    position: absolute;
    right: 0;
    top: 289px;
    text-align: right;
    z-index: 50;
}

#block-views-block-activites-block-3 .act-small-all a {
    color: white;
}

#block-views-block-publicatios-block-1 .view-footer a  {
    color: white;
    text-align: right;
}
#block-views-block-publicatios-block-1 .text-right {
    text-align: center;
    margin-right: 0 !important;
    margin-top: 15px;
}

.view-publicatios .file-icon,
.field--name-field-version-pdf .file-icon {
    background: white url("../img/pdf-icon.png") no-repeat;
}

.view-publicatios .glyphicon-file,
.field--name-field-version-pdf .glyphicon-file {
    color: transparent !important;
    font-family: "Abhaya Libre Bold", "Source Sans Pro", "arial black";
}

.view-publicatios .view-footer {
    text-align: right;
    margin: 10px 2px 0 0;
}

#slick-views-etats-membres-block-1-1 .grid__content,
#slick-views-staff-block-1-2 .grid__content {
    border: 1px rgba(200, 200, 200, 0.2) solid;
    background-color: #e6e6e633 !important;
}

#slick-views-etats-membres-block-1-1 .grid__content .slide__caption {
    padding: 10px;
}

#slick-views-staff-block-1-2 .grid__content .slide__caption {
    padding: 10px 10px 28px 10px;
}

#slick-views-etats-membres-block-1-1 .grid__content .slide__caption .slide__link,
#slick-views-staff-block-1-2 .grid__content .slide__caption .slide__link {
    text-align: center;
    margin: 15px auto;
    font-size: .6em;
}

#slick-views-staff-block-1-2 .tel-icon {
    font-size: .75em;
    text-align: center;
}
#slick-views-staff-block-1-2 .email-icon {
    font-size: .75em;
    text-align: center;
}
#slick-views-staff-block-1-2 .nom-icon {
    font-size: .8em;
    text-align: center;
}
#slick-views-staff-block-1-2 .pays-icon {
    font-size: .6em;
    text-align: center;
    text-transform: uppercase;
}
#block-views-block-etats-membres-caroussel .block-title,
#block-views-block-staff-slick .block-title {
    text-align: center;
    color: #6D6D6D;;
    font-style: italic;
    margin-top: 5px;
}

#block-views-block-etats-membres-caroussel ,
#block-views-block-staff-slick   {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}
.trait_deco h2{
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    font-style: italic;
}

#block-views-block-etats-membres-caroussel h2::before {
    background: #337ab7;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 16%;
    width: 27.5%;
}

#block-views-block-staff-slick h2::before {
    background: #337ab7;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 16%;
    width: 30.5%;
}

.trait_deco h2::before,
#block-titlesectionactivitieshome h2::before {
    background: #337ab7;
    content: "";
    display: block;
    height: 1.5px;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 45.5%;
}

#block-views-block-etats-membres-caroussel h2::after  {
    background: #337ab7;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 16%;
    width: 28.5%;
    right: 14px;
}

#block-views-block-staff-slick h2::after {
    background: #337ab7;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 16%;
    width: 30.5%;
    right: 18px;
}

.trait_deco h2::after,
#block-titlesectionactivitieshome h2::after {
    background: #337ab7;
    content: "";
    display: block;
    height: 1.5px;
    position: absolute;
    top: 50%;
    width: 41.5%;
    right: 46px;
}

#block-views-block-staff-slick  .slide__data {

    position: absolute;
    top: 77%;
    left: 8px;
    background-color: rgba(255, 255, 255, 0.75);
    width: 90%;

}


#block-views-block-etats-membres-caroussel {
    padding-left: 0 !important;
}

 #block-espacemembrebouton .membre-icon a,
 #block-espacemembrebouton .membre-icon a .glyphicon-user {
     color: white !important;
 }

 .col-md-login {
     width: 130px !important;
 }

#block-views-block-partenaires-block-partner-list .block-count-4 {

  }
#block-views-block-partenaires-block-partner-list {
    width: 900px;
}

#block-titrepaternairesfr {

}
#block-copyrightfooter .fa-stack {
     float: left;

 }
/*#block-copyrightfooter .fa-stack .svg-inline--fa.fa-stack-2x {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
 }*/


#block-copyrightfooter .lign-appuis{
    font-size: .8em;
    text-align: right;
    margin-top: 50px;
}

.region-content h1{
    text-align: center;
}

.view-display-id-page_3 .form--inline {
      text-align: center;
  }

.view-display-id-page_3 .form--inline .control-label {
    padding-right: 10px;
    padding-left: 20px;
}
.view-display-id-page_3 .form--inline .button {
    margin-left: 20px;
}

.breadcrumb {
    margin-top: 20px;
    font-size: .8em;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: none !important;
}
/* Superfish menu debut */
ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em 1.1em;
    padding-right: 1.1em;
    position: relative;
    font-size: 14px;
}

ul.sf-menu.menu li {
    margin-top: 37px;
}
ul.sf-menu.menu ul {
      margin-top: 0px;
  }

li.sf-depth-2 {
    margin-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px dotted #0067a8;
}
li.sf-depth-2:hover {
    margin-top: 0 !important;
    background-color: #0067a8;
}
li.sf-depth-2:hover a {
    color: white;
}
ul.sf-menu .sf-with-ul {

    padding-right: 2em;

}

ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {

    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);

}

/* superfish menue fin*/

/* page galerie*/
.gal-cadre {
    border: 1px solid rgba(109, 109, 109, 0.27);
    padding: 0.1em 1em;
    text-align: center;
}
.gal-cadre-titre{
    background-color: rgba(109, 109, 109, 0.05);
}
.gal-cadre-titre a{
    font-size: 0.8em;
}
.field--name-field-collection-images .gal-cadre {
    margin: .5em;
    display: block;
    float: left;
    border: none !important;
}
.field--name-field-collection-images .gal-cadre .field--item {
    float: left;
    padding: 0.5em;
    border: 1px solid rgba(109, 109, 109, 0.27);
    background-color: rgba(109, 109, 109, 0.05);
}
.field--name-field-collection-images {
    text-align: center;
}

/* page galerie fin*/

/*webform */
.webform-submission-form .has-error .control-label,
.webform-submission-form .has-error .select-wrapper::after {
    color: inherit;
}
.webform-submission-form .has-error .form-control,
.webform-submission-form .has-error .form-control:focus {
    color: inherit;
    border: 1px solid #cccccc;
}


/*Webform fin*/

/* Pays membre page*/

.pays-membre .field--name-field-point-focal-pays .visualisation-entitee h2 {
    font-size: 20px;
}
.pays-membre .field--name-field-point-focal-pays .visualisation-entitee h2 a {
    color: #6D6D6D;
}

.pays-membre .field--name-field-correspondant-pays .field--label {
    font-size: 15px;
    margin-top: 20px;
    font-weight: normal;

}
.pays-membre .field--name-field-correspondant-pays .field--item {
    float: left;
    font-size: 14px;
}
.pays-membre .field--name-field-correspondant-pays .field--item .visualisation-entitee  {
    padding: 0 1em 0.2em 0;
}
.pays-membre .field--name-field-correspondant-pays .field--item .visualisation-entitee h2 {
    float: left;
    font-size: 15px;
    width: 100%;
    text-align: center !important;
}
.pays-membre .field--name-field__langue-officielle .field--label {
    float: left;
    margin-right: 2px;
}
.pays-membre .field--name-field__langue-officielle .field--item {
    display: block;
    float: left;
    margin: 1px 5px;
}

/* Pays membre page fin*/

/* Page evenement */
.bloc_infos_prat h2 {
    text-align: center;
    font-size: 20px;
}
.evenement .field--name-field-poste-staff {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    font-weight: lighter;
}

#block-info-pratiques-libreville {
    margin-top: 25px;
}

.evenement .visualisation-entitee h2 {
    font-size: 20px;
}
.evenement .galerie h2,
.evenement .field--name-field-correspondant-pays .visualisation-entitee-detaillee h2 {
    font-size: 16px;
    text-align: center;
}
.evenement .visualisation-entitee h2 a,
.evenement .field--name-field-correspondant-pays .visualisation-entitee-detaillee h2 a {
    color: #6D6D6D;
}

.evenement .field--name-field-version-pdf .visualisation-entitee h2 {
    font-size: 1px;
    visibility: hidden;
    height: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}


/* PAge evevnment fin*/

/* Page expert */
.view-liste-des-experts .view-filters {
    padding: 1.5em 2.5% 2em 2.5%;
    padding-top: 1.5em;
    padding-bottom: 2em;
    padding-top: 1.5em;
    padding-bottom: 2em;

}

.view-liste-des-experts .view-filters .form-item {
    /*width: 22.75%;*/
    margin-right: calc(3% - 4px);
    margin-bottom: 3%;
}

.view-liste-des-experts .view-filters .form-item label {
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #0067a8;
    margin-bottom: 0;
    vertical-align: middle;
}

.view-liste-des-experts .view-filters .form-item.form-item-keyword {
    display: block;
}

.view-liste-des-experts .view-filters .form-item.form-item-keyword input.form-control {
    padding: .5em .25em;
    height: auto;
}

.view-liste-des-experts .view-filters .form--inline .js-form-item-webform-expert-nom,
.view-liste-des-experts .view-filters .form--inline .js-form-item-webform-expert-nat {
    width: 95%;
    /*clear: both !important;*/

}

.view-liste-des-experts .view-filters .form--inline select.form-select {
    width: 100%;
    margin-left: 0px !important;
    border-radius: 0px;
}

.view-liste-des-experts .view-filters .form--inline .form-control {
    width: 100%;
}
.view-liste-des-experts .view-filters .form-inline .form-group {
    display: block !important;

}

.view-liste-des-experts .view-filters .form-inline .js-form-wrapper {
    width: 32%;
    float: left;
}

.view-liste-des-experts .view-filters .form-inline .select-wrapper {
    width: 100%;
}

.view-liste-des-experts .view-filters .form-inline .js-form-item-webform-expert-pays,
.view-liste-des-experts .view-filters .form-inline .js-form-item-field-tags-catas-id,
.view-liste-des-experts .view-filters .form-inline .js-form-item-field-pays-lie-target-id {
    width: 31%;
    float: left;
    clear: right;
}

.view-liste-des-experts .view-filters .form-inline .js-form-submit {
    width: 20%;
    margin-top: 2.2em !important;
}

/* Page expert fin*/

/* Slideshow home glissiere */
.views_slideshow_cycle_slide {
    position: relative;
}

.views_slideshow_cycle_slide .views-field-nothing {
    position: absolute;
    background-color: rgba(0, 103, 168, 0.3);
    right: 65%;
    top: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.views_slideshow_controls_text {
    position: absolute;
    top:20%;
    left: 2%;
    width: 96%;
    z-index: 15;
}
.views_slideshow_controls_text .views_slideshow_controls_text_previous {
    position: absolute;
    top:50%;
    left: 0%;
    z-index: 15;
}
.views_slideshow_controls_text .views_slideshow_controls_text_next {
    position: absolute;
    top:50%;
    right: 0%;
    z-index: 55;
}
.views_slideshow_controls_text .views_slideshow_controls_text_pause {
    position: absolute;
    top:0%;
    left: 49%;
    visibility: hidden;
    z-index: 55;
}
.views-slideshow-controls-bottom {
    position: relative;
}
.views_slideshow_slide_counter {
    position: absolute;
    top:65%;
    left: 0%;
    z-index: 25;
    visibility: hidden;
}
.views-slideshow-pager-bullets {
    position: absolute;
    bottom:0%;
    left: 0%;
    z-index: 25;
    display: block;
    width: 100%;
}

.gliss_title {
    padding: 10px 5px 15px 18%;
    width: 100%;
    font-size: 1.4em;
}
.gliss_body {
    width: 100%;
    padding: 5px 5px 20px 18%;
    font-weight: normal;
    font-size: 1.1em;
}
.gliss_url {
    width: 100%;
}
.views_slideshow_controls_text_previous .glyphicon-chevron-left,
.views_slideshow_controls_text_next .glyphicon-chevron-right {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    z-index: 50;
    /*color: #ffffff;*/
    color: #0a65aa;
    text-decoration: none;
}
/* Slideshow home glissiere end */

.view-display-id-page_video .views-row {
    float: left;
    padding-lef: 20px;
    padding-bottom: 20px;
}
.view-display-id-page_2 .views-row .views-field-field-collection-images {
    /*padding-bottom: 15px;*/
}
h2.block-title {
    font-style: italic;
}

.file-link a,
.file-link a:active,
.file-link a:focus,
.file-link a:hover {
    font-style: revert;
    font-weight: initial;
    font-size: .9em;
    color: inherit;
}

.file-size {
    padding: 0 0.5em;
    text-align: right;
    white-space: pre;
    font-size: 0.8em;
}

.file-icon, .file-link,
.file-size,
.file>.tabledrag-changed {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#block-realcopyrightfr {
    margin: 20px 0;
}

.region-bloc-footer01 .form-group a {
    margin-left: 25px;
    font-size: 14px;
}

.region-bloc-footer-before ul:before {

}

#block-menu-principal-footer .menu {
    text-align: center !important;
    width: 100%;
}

footer .social-icon-item {
    width: auto;
    float: left;
    margin: 0 3px;
}

#block-menu-principal-footer ul.menu--simple-mega-menu li.menu-item,
#block-mainnavigaution-2 ul.menu--simple-mega-menu li.menu-item {
    float: left;
    display: inline-block;
    padding: 2px 10px;
}

#block-menu-principal-footer ul.menu--simple-mega-menu li.menu-item a,
#block-mainnavigaution-2 ul.menu--simple-mega-menu li.menu-item a {
    color: #ffffff;
    font-size: 12px;
}
#block-menu-principal-footer ul.menu--simple-mega-menu,
#block-mainnavigaution-2 ul.menu--simple-mega-menu {
    text-align: center !important;
}

.contact-form .form-required {
    color: inherit;
}
.contact-form .required {
    border-color: #ccc;
}

h1::after {
    content: " ";
    position: relative;
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    bottom: 0;
    height: 12px;
    -moz-box-shadow: 0 2px 0 0 #0067a8;
    -webkit-box-shadow: 0 2px 0 0 #0067a8;
    box-shadow: 0 2px 0 0 #0067a8;
}